/* 
=== LAPTOP SCREENS
 */

@media only screen and (max-width: 1200px) {}

/* 
=== LARGE TABLAT SCREENS
 */

@media (max-width: 992px) {
    /* header */
    .headerSection .navBrand .logo span {
        font-size: 1rem;
    }
    .headerSection .navAction .mainBtn {
        padding: 0.5rem 1.35rem;
        font-size: 0.85rem;
    }
    .headerSection .navBrand .logo img {
        max-width: 60px;
    }
    .headerSection .navAction .mainBtn.outline {
        display: none;
    }
    .heroSection {
        background-position: right;
    }
    /* video section */
    .videoSection .videoContent {
        padding: 1rem;
    }
    .videoSection .videoContent iframe {
        height: 330px;
    }
    /* player section */
    .playerSection .playerContent {
        flex-direction: column-reverse;
        align-items: center;
        gap: 1rem;
    }
    .playerSection .playRow {
        justify-content: center;
        align-items: center;
    }
    .playerSection .playerContent .profile {
        width: 60%;
    }
    .playerSection .playerContent .profile .title {
        text-align: center;
    }
    /* comission section */
    .comissionSection .conCard {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    /* ref section */
    .refSection .whyImage {
        width: 60px;
        top: 18%;
        right: 10%;
    }
    .startSection .startContent {
        flex-direction: column;
    }
    .moneySection .moneyContent .text {
        font-size: 1.55rem;
    }
    .facebookSection .fbContent .text {
        font-size: 1.5rem;
    }
    .contactSection .sectionHeading .title::after,
    .contactSection .sectionHeading .title::before {
        display: none;
    }
    .contactSection .contactContent .socialPanel {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
}

/* 
=== TABLAT SCREENS
 */

@media (max-width: 768px) {}

/* 
=== MOBILE SCREENS
 */

@media (max-width: 576px) {}