@media only screen and (min-width: 768px){
    /*====================== WhyChoose Section ======================*/
    .whychoose-area ul li:nth-child(odd){padding-left: 0;}
    .whychoose-area ul li:nth-child(even){padding-right: 0;}
    .whychoose-area ul li:last-child,
    .whychoose-area ul li:nth-child(even){border-right-width: 0;}
    .whychoose-area ul li:nth-last-child(-n+2){border-bottom-width: 0;}
}
@media only screen and (min-width: 1400px){
    .container{padding: 0;max-width: 1374px;}
}
@media only screen and (max-width: 1399px){
    /*====================== Logo Area ======================*/
    .tlc-logoarea{padding: 40px 50px 80px 20px;width: 240px;border-radius: 0 0 240px 0;}
    /*====================== Carousel ======================*/
    .banner::after{height: 80px;}
    .banner .content-area{height: calc(100% - 80px);}
    .banner .content-area .banner-content h1{font-size: 35px;}
    .tls-bannearea.thanks_sec   .banner .content-area .banner-content h1 {
        font-size: 50px;
    }
    .banner .content-area .banner-content h1 small{font-size: 20px;}
    /*====================== WhyChoose Section ======================*/
    .contact-card .theme-titlearea{padding-inline: 15px 0;}
    .contact-card ul{margin: 35px 0 0 15px;}
    .contact-card ul li a{font-size: 16px;}
}
@media only screen and (max-width: 1199px){
    /*====================== Logo Area ======================*/
    .tlc-logoarea{padding: 40px 50px 60px 10px;width: 200px;border-radius: 0 0 200px 0;}
    /*====================== Carousel ======================*/
    .banner::after{height: 75px;}
    .banner .content-area{height: 100%;}
    .banner .content-area .banner-content{padding: 30px 0;width: 670px;}
    
.theme-form .bootstrap-select>.dropdown-toggle {
    padding: 12px 20px;
}
}
@media only screen and (max-width: 991px){
    .theme-titlearea .theme-title{margin-bottom: 15px;font-size: 30px;}
    .theme-titlearea p{font-size: 15px;}
    .theme-form .input-wrap{padding-top: 20px;}
    .theme-form .input-wrap label{left: 20px;}
    .theme-form input, .theme-form textarea{padding: 10px 20px;font-size: 15px;}
    /*====================== Logo Area ======================*/
    .tlc-logoarea{margin: auto;padding: 20px 10px;width: 240px;border-radius: 0;position: relative;z-index: unset;}
    /*====================== Carousel ======================*/
    .banner::after{height: 65px;}
    .banner .content-area .banner-content{padding: 20px 0;width: 640px;}
    .banner .content-area .banner-content h1{font-size: 30px;}
    .banner .content-area .banner-content h1 small{font-size: 18px;}
    .banner .content-area .banner-content .theme-button{margin-top: 20px;}
    /*====================== School Tour ======================*/
    .school-tour-secn::before{width: 45%;background: url(../img/img-1.png) no-repeat left -160px bottom;background-size: contain;}
    .school-tour-secn::after{display: none;}
    .school-tour-secn .theme-titlearea{padding-left: 20px;}
    /*====================== CTA Section ======================*/
    .cta-secn{padding: 80px 0;}
    .cta-secn .theme-titlearea .theme-title span{font-size: 20px;}
    /*====================== Program Section ======================*/
    .program-secn .program-card .program-contentarea h5,
    .program-secn .program-card .program-contentarea h6{font-size: 18px;}
    .program-secn .program-card .program-contentarea h6{margin: auto;width: 85%;}
    /*====================== WhyChoose Section ======================*/
    .whychoose-secn{padding-bottom: 70px;}
    .whychoose-area .theme-titlearea .theme-title small{font-size: 20px;}
    /*====================== Footer ======================*/
    .footer p{font-size: 15px;}
    .footer-top-secn::after{height: 30px;}
    /*===============School Tour Section====================*/
    .theme-form .bootstrap-select>.dropdown-toggle {
        padding: 10px 20px;
        font-size: 15px;
    }
       /*Thanks Page Start*/
    .thanks_icon img {
        width: 65px;
        margin-bottom: 16px;
    }
    .tls-bannearea.thanks_sec .banner{padding-bottom: 30px;height: unset;min-height: calc(100vh - 200px);}
    .tls-bannearea.thanks_sec .banner .content-area{height: auto;min-height: unset;}
    .tls-bannearea.thanks_sec .banner img{height: unset;min-height: unset}
    .tls-bannearea.thanks_sec .banner .content-area .banner-content{padding: 0;backdrop-filter: unset;}
    .tls-bannearea.thanks_sec .banner .content-area .banner-content .theme-button{margin-top: 40px;}
    .tls-bannearea.thanks_sec   .banner .content-area .banner-content h1{font-size: 40px;}

}
@media only screen and (max-width: 767px) and (min-width: 361px){
    /*====================== WhyChoose Section ======================*/
    .whychoose-area ul li{padding: 20px 0 20px 65px;position: relative;}
    .whychoose-area ul li .choose-icon{position: absolute;top: 15px;left: 0;margin: 0;}
}
@media only screen and (max-width: 767px){
    /*====================== Carousel ======================*/
    .banner::after{height: 55px;}
    .banner .content-area .banner-content{padding: 15px 0;width: 540px;}
    .banner .content-area .banner-content h1{margin-bottom: 15px;font-size: 25px;}
    .banner .content-area .banner-content h1 small{font-size: 16px;}
    .banner .content-area .banner-content p{font-size: 14px;}
    .banner .content-area .banner-content .theme-button{margin-top: 10px;padding: 12px 15px;min-width: 150px;font-size: 14px;}
    /*====================== WhyChoose Section ======================*/
    .whychoose-area ul li{width: 100%;border-right-width: 0;}
    .whychoose-area ul li::after{display: none;}
    .whychoose-area ul li:last-child{border-bottom-width: 0;}
 
}
@media only screen and (max-width: 575px){
    .theme-titlearea .theme-title{margin-bottom: 10px;font-size: 25px;}
    .theme-titlearea p{width: 90%;font-size: 14px;}
    .theme-button{padding: 12px 15px;min-width: 130px;font-size: 14px;}
    .theme-form input, .theme-form textarea{font-size: 14px;}
    /*====================== Logo Area ======================*/
    .tlc-logoarea{padding: 10px 5px;width: 140px;}
    /*====================== Carousel ======================*/
    .banner::after{height: 35px;}
    .banner .content-area{height: unset;background: #f7941d;position: relative;}
    .banner .content-area .banner-content{padding: 10px 15px 35px;width: 540px;}
    .banner .content-area .banner-content h1{margin-bottom: 10px;font-size: 18px;}
    .banner .content-area .banner-content h1 small{font-size: 13px;}
    .banner .content-area .banner-content p{width: 100%;font-size: 12px;}
    .banner .content-area .banner-content .theme-button{padding: 10px 13px;min-width: 120px;font-size: 12px;}
    /*====================== School Tour ======================*/
    .school-tour-secn{padding: 40px 0;}
    .school-tour-secn::before{display: none;}
    /*====================== CTA Section ======================*/
    .cta-secn{padding: 50px 0;}
    .cta-secn .theme-titlearea .theme-title span{font-size: 17px;}
    .cta-secn .theme-titlearea p{margin-top: 15px;}
    /*====================== Program Section ======================*/
    .program-secn{padding: 40px 0;}
    .program-secn .program-card{max-width: 200px;}
    .program-secn .program-card .program-imgarea img{margin-bottom: 8px;max-width: 80px;}
    .program-secn .program-card .program-contentarea h5,
    .program-secn .program-card .program-contentarea h6{font-size: 16px;}
    /*====================== WhyChoose Section ======================*/
    .whychoose-secn{padding-top: 40px 0 60px;}
    .whychoose-area .theme-titlearea .theme-title small{font-size: 17px;}
    /* --------------------------- */
    .contact-card .theme-titlearea{padding-inline: 0;}
    .contact-card .theme-titlearea .theme-title{margin-bottom: 10px;font-size: 20px;}
    .contact-card ul{margin: 25px 0 0 0;}
    .contact-card ul li{margin-bottom: 15px;padding-bottom: 15px;}
    .contact-card ul li i{margin: 0 8px 0;width: fit-content;font-size: 14px;}
    .contact-card ul li a{font-size: 14px;}
    /*====================== Footer ======================*/
    .footer{padding: 8px 0 15px;}
    .footer p{font-size: 14px;}
    .footer-top-secn::after{height: 20px;}
    /*Gallery Section Start*/
    .gallery_sec {padding: 40px 0;}
    .gallery_owl_box {padding: 10px 0 0;}
    /*Contact Button Start*/
    button.wtsapp {width: 36px;height: 36px;}
    button.wtsapp i {font-size: 17px;}
    .contact_content {padding: 7px 14px 7px 14px;}
    .contact_btn:hover button#call_toggle~.contact_content {right: 48px;}
    /*Thanks Page Start*/
    .tls-bannearea.thanks_sec .banner img {
    height: 0;min-height: 0;}
    .tls-bannearea.thanks_sec {
    min-height: 400px;
}
.tls-bannearea.thanks_sec .banner .content-area {
       min-height: 400px;
}
.qoute-icon {
    width: 75px;
}
    .tls-bannearea.thanks_sec .banner .content-area .banner-content h1 {
        font-size: 35px;
    }
    .tls-bannearea.thanks_sec .banner .content-area .banner-content p a,
    .tls-bannearea.thanks_sec .banner .content-area .banner-content p {
        font-size: 14px;
    }
    .tls-bannearea.thanks_sec .banner .content-area .banner-content .theme-button {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 360px){
    /*====================== Carousel ======================*/
    .carousel::after{height: 20px;}
    /*====================== WhyChoose Section ======================*/
    .whychoose-area ul li{padding: 15px 0;}
}
@media only screen and (max-width: 350px){
    /*====================== WhyChoose Section ======================*/
    .contact-card .theme-titlearea{padding-left: 10px;}
    .contact-card ul{margin-left: 10px;}
    .contact-card ul li i{display: block;margin: 0 0 8px;}
}