/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1800px) {

    .container-fluid {
        max-width: 1950px;
    }

}

@media (min-width: 1700px) and (max-width: 1799px){

    
    .main-title { font-size: 57px; line-height: 72px; }
    .section-detail ul li { font-size: 42px; line-height: 52px; }
    .section-detail ul { padding: 15px 0 0 0 }

}

@media (min-width: 1600px) and (max-width: 1699px){

    .main-title { font-size: 54px; line-height: 68px; }
    .section-detail ul li { font-size: 40px; line-height: 50px; }
    .section-detail ul { padding: 15px 0 0 0 }
}

@media (min-width: 1500px) and (max-width: 1599px){

    .main-title { font-size: 50px; line-height: 65px; }
    .footer-wrp ul { padding: 28px 0; }
    /* body { height: calc(100% - 77px); } */
    .section-detail ul li { font-size: 38px; line-height: 46px; }
    .section-detail ul { padding: 15px 0 0 0 }

}

@media (min-width: 1400px) and (max-width: 1499px){

    .main-title { font-size: 45px; line-height: 60px; }
    .footer-wrp ul { padding: 28px 0; }
    /* body { height: calc(100% - 77px); } */
    .section-detail ul li { font-size: 32px; line-height: 44px; }
    .section-detail ul { padding: 15px 0 0 0 }

}

@media (min-width: 1300px) and (max-width: 1399px){

    .main-title { font-size: 40px; line-height: 50px; }
    .footer-wrp ul { padding: 28px 0; }
    /* body { height: calc(100% - 77px); } */
    .section-detail ul li { font-size: 30px; line-height: 40px; }
    .section-detail ul { padding: 15px 0 0 0 }

}

@media (min-width: 1200px) and (max-width: 1299px){

    .main-title { font-size: 38px; line-height: 45px; }
    .footer-wrp ul { padding: 25px 0; }
    /* body { height: calc(100% - 71px); } */
    .section-detail ul li { font-size: 28px; line-height: 38px; }
    .section-detail ul { padding: 15px 0 0 0 }
    .container-fluid { padding-left: 70px; padding-right: 70px; }
    .banner-main { padding: 70px 0 0; }

}

@media (min-width: 992px) and (max-width: 1199px){

    .main-title { font-size: 30px; line-height: 40px; }
    .footer-wrp ul { padding: 25px 0; }
    /* body { height: calc(100% - 71px); } */
    .footer-wrp ul li { font-size: 18px; line-height: 18px; }
    .section-detail ul li { font-size: 28px; line-height: 38px; }
    .section-detail ul { padding: 15px 0 0 0 }
    .container-fluid { padding-left: 70px; padding-right: 70px; }
    .banner-main { padding: 70px 0 0; }
}

@media (min-width: 768px) and (max-width: 991px){

    .main-title { font-size: 26px; line-height: 36px; }
    .footer-wrp ul { padding: 22px 0; }
    /* body { height: calc(100% - 62px); } */
    .footer-wrp ul li { font-size: 17px; line-height: 17px; }
    .container-fluid { padding-left: 60px; padding-right: 60px; }
    .banner-main { padding: 60px 0 0; }
    .section-detail ul li { font-size: 22px; line-height: 30px; }
    .section-detail ul { padding: 15px 0 0 0 }
}

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

@media (max-width: 767px) {

    .main-title { font-size: 26px; line-height: 36px; }
    .footer-wrp ul { padding: 20px 0; }
    /* body { height: calc(100% - 57px); } */
    .footer-wrp ul li { font-size: 16px; line-height: 16px; }
    .container-fluid { padding-left: 40px; padding-right: 40px; }
    .banner-main { padding: 40px 0 0; }
    .section-detail ul li { font-size: 22px; line-height: 30px; }
    .section-detail ul { padding: 15px 0 0 0 }
    .video-btn { position: absolute; top: 45px; right: 0; padding: 0; }
    .btn { width: 25px; height: 20px; }
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){

    .main-title { font-size: 24px; line-height: 34px; }
    .container-fluid { padding-left: 15px; padding-right: 15px; }
    .footer-wrp ul li { font-size: 14px; line-height: 14px; }
    /* body { height: calc(100% - 55px); } */
    .banner-main { padding: 20px 0 0; }
    .section-detail ul { padding: 10px 0 0 0 }
    .footer-wrp ul li {max-width: 100%; width: auto; }
    .footer-wrp ul li:first-child {max-width: 15%; width: 100%;}
    .video-btn { position: absolute; top: 25px; right: 0; padding: 0; }

}