@charset "utf-8";
/**  
* -----------------------------------------------------------------------------
    Custom Responsive Css 
* -----------------------------------------------------------------------------
**/

@media screen and (min-width: 1300px) {
    .customContainer {
        max-width: 90% !important;
    }
    .innerPageContainer {
        max-width: 90% !important;
    }
}



@media screen and (min-width: 1300px) and (max-width: 1366px) {
    .customContainer {
        max-width: 96% !important;
    }
    .innerPageContainer {
        max-width: 96% !important;
    }
}
@media (max-width: 1199px) {
    .catRedirect .btn-grad {
        width: 31.75%;
    }
    .catRedirect .btn-grad:nth-child(3n) {
        margin-right: 0;
    }
    .catRedirect .btn-grad:nth-child(4n) {
        margin-right: 20px;
    }
}
@media (max-width: 991px) {
    .catRedirect .btn-grad {
        width: 31%;
    }
}

/* @media (min-width: 769px) {
    .affFirstMain {
        width: 100%;
        min-height: 100vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 15px;
        background-image: url("../images/bg/banner.jpg");
        background-repeat: no-repeat;
        background-position: left 0;
        background-size: cover;
    }
} */
/* @media screen and (min-width: 770px) and (max-width: 1441px) {
    .affFirstMain {
        width: 100%;
        min-height: 100vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 15px;
        background-image: url("../images/bg/banner-laptop.jpg");
        background-repeat: no-repeat;
        background-position: left 0;
        background-size: cover;
    }
} */
@media (max-width: 768px) {
    /* .affFirstMain {
        width: 100%;
        min-height: 100vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 15px;
        background-image: url("../images/bg/mob-banner.jpg");
        background-repeat: no-repeat;
        background-position: left 0;
        background-size: cover;
    } */
    .affFirst .btn {
        left: 17% !important;
        top: 36% !important;
        transform: translate(-50%, -50%) !important;
    }
}
@media (max-width: 767px) {
    .catRedirect .btn-grad {
        width: 47%;
    }
    .catRedirect .btn-grad:nth-child(3n),
    .catRedirect .btn-grad:nth-child(4n) {
        margin-right: inherit;
    }
    .catRedirect .btn-grad:first-child,
    .catRedirect .btn-grad:nth-child(3),
    .catRedirect .btn-grad:nth-child(5) {
        margin-right: 20px;
    }
    .catRedirect .btn-grad:nth-child(2),
    .catRedirect .btn-grad:nth-child(4),
    .catRedirect .btn-grad:nth-child(6),
    .catRedirect .btn-grad:nth-child(8) {
        margin-right: 0px;
    }
    .catRedirect .btn-grad b {
        font-size: 15px;
    }
}

@media (max-width: 540px) {
    .catRedirect .btn-grad {
        padding: 12px;
        height: auto;
        min-height: 135px;
    }
    .catRedirect .btn-grad b {
        font-size: 14px;
    }
}

@media (max-width: 460px) {
    .catRedirect .btn-grad {
        width: 100%;
        margin: 0 0 20px;
    }
    .catRedirect .btn-grad:first-child,
    .catRedirect .btn-grad:nth-child(3),
    .catRedirect .btn-grad:nth-child(5) {
        margin-right: 0px;
    }
    .catRedirect .btn-grad:nth-child(2),
    .catRedirect .btn-grad:nth-child(4),
    .catRedirect .btn-grad:nth-child(6),
    .catRedirect .btn-grad:nth-child(8) {
        margin-right: 0px;
    }
}