@media(max-width:1500){



}


@media(max-width:1400){


    
}



@media(max-width:1280px){





}



@media(max-width:1024px){
#ytvideo iframe {
    height: 570px;
}
    #why-choose .heading h2 {
        font-size: 30px;
    }

    #progras-bar .inr .heading h2 {
        font-size: 24px;
        margin: 10px 15px 15px;
        line-height: 35px;
    }

    #progras-bar .inr .content {
        padding: 60px 75px;
    }

    #gyanshala .heading h2 {
        margin: 10px 0 40px;
    }

 
}



@media(max-width:992px){
    #ytvideo iframe {height: 550px;}
    header .header-bottom .navbar .navbar-nav .nav-link{color: #000;}
    header .header-bottom .navbar .navbar-nav{align-items: start;}
    header .header-bottom .enquiry-info{margin-top: 20px;}
    header .header-bottom .enquiry-info li a{padding: 8px 25px;}

    #about .row {
        row-gap: 68px;
    }

    #about .imgs img{width: 100%;}

    #service .text {
        width: 95%;
    }
    
    #why-choose {padding: 0px 0px 50px 0px;}
    #why-choose .row {
        row-gap: 30px;
    }

    #why-choose .btn {
        margin-bottom: 30px;
    }

    #progras-bar .imgs img {
        height: auto;
    }
   
    /* about-strat */

    #about-header {padding: 27px 0px;}

    /* contact-start */

    #contact-info .iner {padding: 0px 0px;}
    #contact-info .iner.iner-1::before {height: 120px;}
    #contact-info .iner p, #contact-info .iner p a {font-size: 14px;}

    /* blog */
    #about-bg p, #about-bg p a {margin-left: 4px;}

    #blog {padding: 30px 0;}
    #blog h6 {font-size: 14px;}
    #blog h2 {font-size: 24px; margin-bottom: 28px;}

    #blog-detail .content h5 a{font-size: 18px;}
    #blog-detail .content p{font-size: 14px;}

    /* services-det */

    #service-det{padding: 30px 0px 0px;}
    #service-det .imgs{margin-bottom: 20px;}


}



@media(max-width:768px){

#ytvideo iframe {
        height: 430px;
    }

}
@media(max-width: 576px){
    #ytvideo iframe {
        height: 324px;
    }
    
}

@media(max-width: 520px){

    #blog-detail .blog p{font-size: 12px;}
    #blog-detail .blog a{font-size: 12px;}


}



@media(max-width: 480px){
    #ytvideo iframe {
        height:240px;
    }

    header .header-bottom {
        padding: 20px 0px;
    }

    header .header-bottom .navbar .navbar-brand {width: 50%;}
    #slider .owl-item {padding: 125px 0px 45px;}
    #slider .content h2 {font-size: 33px;}
    #slider .content h3 {font-size: 35px;}
    #slider .content .btn {padding: 10px 25px; color: #000;}

    #about .content .heading {padding-left: 0px;}
    #about .imgs::before{display: none;}
    #about {padding: 15px 0;}
    #about .row{flex-direction: column-reverse;}
    #about .content .info {font-size: 50px;}
    #about .content h2 {font-size: 21px; margin: 10px 0 10px;}
    #about .content p {font-size: 14px; text-align: justify;}
    #about .content a {font-size: 16px; padding: 10px 25px; margin-top: 0;}
    #about .row {row-gap: 24px;}

    #service {padding: 25px 10px 50px;}
    #service .heading h2 {font-size: 28px; margin: 5px 0px 12px;}
    #service .heading .info {font-size: 48px; right: 226px;}
    #service .text {width: 100%;}
    #service .bg .iner .content li {margin-bottom: 5px;}
    #service .bg .iner h5 {font-size: 18px; margin-bottom: 5px;}
    #service .bg .iner {padding: 15px; border:transparent; border-bottom: 1px solid #dadada; margin-top: 25px;}
    #why-choose .imgs img {height: auto;}
    #why-choose .heading {width: 95%;}
    #why-choose .heading ul {margin-left: 35px;}

    #why-choose {padding: 30px 0px 30px 0px;}
    #why-choose .content {padding-left: 15px;}
    #why-choose h6 {font-size: 16px;}
    #why-choose .heading h2 {font-size: 22px; line-height: 34px; margin: 10px 15px;}
    #why-choose .heading .info {font-size: 56px; right: 233px;}
    #why-choose .text {width: 100%;}
    #why-choose .btn {padding: 7px 10px;}
    

    #progras-bar .inr .content {padding: 25px 15px;}
    #progras-bar .inr .heading h2 {font-size: 21px; line-height: 37px; margin: 10px 15px 8px;}
    #progras-bar .btn {padding: 10px 25px;}

    #faqs {padding: 30px 0px 0px;}
    #faqs h3 {margin-bottom: 25px;}
    #faqs .accordion-button{font-size: 14px !important;}
    #faqs .accordion-body{font-size: 14px; text-align: justify;}

    #gyanshala .heading h2 {font-size: 26px;}
    #gyanshala .heading .info {display: none;}
    #gyanshala .row{row-gap: 25px;}

    #our-team {padding: 10px 0px 0px;}
    #gyanshala .heading h2 {margin: 10px 0 25px;}
    #our-team .iner h5 {font-size: 14px;}
    #our-team .iner h6 {font-size: 13px;}
    #our-team .heading .info {top: 2px; left: 0px; font-size: 65px; right: 110px;}
    #our-team .heading h2 {font-size: 28px; margin-bottom: 35px;}
    #our-team .iner .imgs img{height:100% !important;}

    #testimonials {padding: 25px 0px 0px;}
    #testimonials .heading .info {font-size: 47px; right: 208px;}
    #testimonials .heading h2 {font-size: 30px;}
    #testimonials .heading h2 {font-size: 30px; margin: 10px 0px 0px;}
    #testimonials .iner .text {text-align: justify; font-size: 14px;}

    #contact .iner {padding: 20px 20px;}
    #contact .iner .heading h2 {font-size: 27px;}
    #contact .iner .heading .info {top: -17px; left: -7px; font-size: 91px; right: 0px;}
    #contact .form-control {padding: 20px 20px; background-color: #fff; border: 1px solid #b4b4b4; box-shadow: none; font-size: 16px;
    margin-bottom: 10px;}

    footer {padding: 25px 0px 20px;}
    footer .footer-top .row{row-gap: 20px;}
    footer .footer-top h3 img {width: 55%;}
    footer .footer-top .text {font-size: 14px; width: 100%; text-align: justify; margin-bottom: 15px;}
    footer .footer-top .info li{font-size: 14px; margin-bottom: 0px;}
    footer .footer-top .info li a {font-size: 14px;}
    footer .footer-top h3 {margin-bottom: 5px; font-size: 14px;}
    footer .footer-top .icon li a {width: 30px; height: 30px; line-height: 30px; font-size: 13px;}
    footer .footer-top .icon{gap: 7px !important;}

    /* about-start */

    #about-header {padding: 30px 0px;}
    #about .content {padding-left: 0px;}

    #about-bg {padding: 50px 0px;}
    #about-bg .heading .info {top: -5px; left: 0px; font-size: 72px;}
    #about-bg .heading h2 {font-size: 28px; margin: 10px 26px 10px; font-weight: bold;}

    /* contact-start */

    #contact-info .iner.iner-1::before {display: none;}
    #contact-info .iner{border-bottom: 1px solid #d3d5db; padding-bottom: 30px;}

    #blog-detail {padding: 35px 0;}
    #blog-detail .content p{text-align: justify;}

    /* services-det */

    #service-det h3 {font-size: 22px;}
    #service-det .text {font-size: 15px; margin: 0px 0px 7px;}
    #service-det .det-info {display: block !important;}
    #service-det .content {padding: 10px 0px;}
    #service-det .content .text {font-size: 16px; margin-bottom: 10px; text-align: justify;}
    #service-det .content .info li {margin-bottom: 9px; font-size: 14px;}


    }







@media(max-width:375px){
   #ytvideo iframe {
        height: 212px;
    }

}




@media(max-width:320px){


 





}