/* @media only screen and (max-width: 1350px) {
    .container{
        max-width: 95%;
    } 
}
 */


@media only screen and (max-width: 1500px) {
    .container{
        max-width: 95%;
    }
    .nav-section .menu-section .menu li a{
        color: #fff;
        border: 2px solid #fff;
        padding: 8px 15px;
    }
    .banner .banner-silder .banner-img-content h1{
        font-size: 35px;
        margin-bottom: 20px;
    }
    .banner .banner-silder .banner-img-content{
        width: 40%;
        top: 35%;
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 1265px) {
    .nav-section .menu-section .menu{
        display: none;
    }
    .toogle-bar{
        display: block;
    }
    .banner .banner-silder .banner-img-content{
        width: 45%;
        top: 30%;
        padding: 40px 30px;
    }
    .extar-section{
        padding: 60px;
    }
    .button.button-know-more{
        padding: 6px 15px;
        font-size: 14px;
    }
    .services-section .service-content .middle {
        top: 25%;
        left: 50%;
    } 
}

@media only screen and (max-width: 1100px) {
    .mt-80{
        margin-top: 60px;
    }
    .mb-80{
        margin-bottom: 60px;
    }
    .heading{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .heading2{
        font-size: 28px;
        margin-bottom: 10px;
    }
    .description{
        margin-bottom: 15px;
    }
    .sub-heading{
        font-size: 24px;
        margin-bottom: 10px;
        font-weight: 600;
        color: #fff;
    }
    .top-header{
        justify-content: center; 
    }
    .top-header a span{
       display: none;
    }
    .top-header{
        gap: 10px;
    }
    .top-header .top-head-end{
        gap: 10px;
    }
    .top-header a i{
        font-size: 16px;
        border: 1px solid #F2F2F2;
        border-radius: 5px;
        padding: 9px;
        color: #BABABA;
        background-color: #F2F2F2;
    }
    .banner .banner-silder .banner-img-content{
        width: 45%;
        top: 30%;
        padding: 30px;
    }
    .banner .banner-silder .banner-img-content h1{
        font-size: 30px;
        margin-bottom: 15px;
    }
    .featured-section .featured-content{
        margin-bottom: 20px;
    }
    .call-to-action-section{
        padding: 20px 10px;
    }
    .extar-section{
        padding: 40px 20px;
    }  
    .extra-content{
        margin: 10px 0px;
    }
    .service-page .aside-section{
        margin-left: 0px; 
    }
    .button.button-know-more{
        padding: 6px 15px;
        font-size: 12px;
    }
    .services-section .service-content .middle {
        top: 20%;
        left: 50%;
    } 
}

@media only screen and (max-width: 950px) {
    .banner .banner-silder .banner-img-content{
        width: 60%;
        top: 30%;
        padding: 20px;
    }
    .featured-section{
        padding-bottom: 0px;
    }
    .featured-section .featured-content{
        margin-bottom: 60px;
    }
    
    .call-to-action-section .call-to-action{
        display: block;
    }
    .call-to-action-section .call-to-action .action-icon{
        justify-content: center;
        margin-bottom: 10px;
    }
    .button-center{
        text-align: center;
    }
    .extra-content div h5{
        font-size: 18px;
    }
    .breadcrumb-section {
        padding: 60px 0px;
    }
    .featured-page-content2{
        margin-left: 0px;
    }
    .button.button-know-more{
        padding: 6px 15px;
        font-size: 13px;
    }
    .services-section .service-content .middle {
        top: 25%;
        left: 50%;
    } 
	.banner .banner-silder .banner-img-content{
        width: 60%;
        top: 30%;
        padding: 15px 20px;
    }
    .banner .banner-silder .banner-img-content h5{
        font-size: 16px;
    }
    .banner .banner-silder .banner-img-content h1{
        font-size: 25px;
        margin-bottom: 7px;
    }
}
@media only screen and (max-width: 768px) {
    .nav-section{
        padding: 10px 20px;
    }
    .nav-section .logo a img{
        width: 50% ;
     }
    .button{
        padding: 8px 18px;
        margin-top: 10px;
        margin-right: 10px;
    }
    .banner .banner-silder .banner-img-content{
        width: 60%;
        top: 30%;
        padding: 20px;
    }
    .banner .banner-silder .banner-img-content h1{
        font-size: 25px;
        margin-bottom: 10px;
    }
    .banner .banner-silder .banner-img-content h5{
        font-size: 16px;
    }
    .banner .banner-silder .banner-img-content p{
        font-size: 14px;
    }
    .why-choose-us{
        padding-top: 30px;
    }
    .why-choose-us .why-choose-us-content{
        margin: 30px 0px;
    }
    .why-choose-us .why-choose-us-content .wcu-items div h3{
        font-size: 22px;
        margin-bottom: 6px;
    }
    .why-choose-us .why-choose-us-content .wcu-items div p{
        font-size: 16px;
        margin-bottom: 6px;
    }

   
    .why-us-page .wcu-page-items div h3{
        font-size: 24px;
        margin-bottom: 6px;
    }

    .fun-fact-section{
        background-image: url(../images/welcome-bg.jpg);
        padding: 30px 0px;
    }
    .services-section .service-explore{
        border: 1px solid #FCD30A;
        border-radius: 8px;
        padding: 20px 10px;
        text-align: center;
    }
    .footer-section{
        padding: 60px 0px;
    }
    .footer-logo a img{
        width: 50%;
    }
    .extra-content div h5{
        font-size: 16px;
    }
    .breadcrumb-section nav{
        margin-top: 60px;
     }
     .breadcrumb-section .breadcrumb-heading {
        font-size: 30px;
    }
    .breadcrumb-section .breadcrumb .breadcrumb-item {
        font-size: 16px;
    }
    .breadcrumb-section .breadcrumb .symbol-breadcrumb {
        font-size: 20px;
        padding: 0px 8px;
    }
}

@media only screen and (max-width: 550px) {
    .mt-80{
        margin-top: 40px;
    }
    .mb-80{
        margin-bottom: 40px;
    }
    .heading{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .heading2{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .sub-heading{
        font-size: 22px;
        /* color: #FCD30A; */
    }
    .description{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .nav-section{
        padding: 10px 20px;
    }
    .nav-section .logo a img{
        width: 40% ;
     }
    .button{
        font-size: 12px;
        display: inline-block;
        padding: 6px 12px;
        margin-top: 8px;
        margin-right: 5px;
    }

    .banner .banner-silder .banner-img-content{
        width: 100%;
        position: static;
        color: #fff;
        padding: 20px;
        margin-top: 20px;
        background-color: rgba(10, 10, 10, 0.5);;
    }
    .banner .banner-silder .banner-img-content h1{
        font-size: 20px;
        margin-bottom: 7px;
    }
    .banner .banner-silder .banner-img-content h5{
        font-size: 12px;
        margin-bottom: 3px;
    }
    .banner .banner-silder .banner-img-content p{
        margin-bottom: 7px;
    }
    .why-choose-us .why-choose-us-content .wcu-items i{
        font-size: 25px;
    }
    .why-choose-us .why-choose-us-content .wcu-items div h3{
        font-size: 18px;
    }
    .why-choose-us .why-choose-us-content .wcu-items div p{
        font-size: 14px;
    }

    .why-us-page{
        margin-bottom: 80px ;
    }
    .why-us-page .wcu-page-items{
        padding: 20px;
        margin: 10px 0px;
     }
    .why-us-page .wcu-page-items div{
        gap: 10px;
        margin-bottom: 10px;
    }
    .why-us-page .wcu-page-items i{
        font-size: 25px;
        margin-top: 0px;
    }
    .why-us-page .wcu-page-items div h3{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .why-us-page .wcu-page-items .description-points{
        font-size: 14px;
    }

    .services-section .service-content{
        margin-bottom: 25px;
    }
    .services-section .service-explore{
        margin-bottom: 50px;
    }
    .featured-section .featured-content a h5{
        font-size: 22px;
    }
    .featured-section .featured-content p{
        font-size: 14px;
    }
    .testimonial .testimonial-content i{
        font-size: 25px;
    }
    .testimonial .testimonial-content p{
        font-size: 14px;
    }
    
    .accreditations-section{
        background-color: #231F20;
        padding: 20px 0px;
        padding-bottom: 20px; 
    }
    .form-heading{
        font-size: 24px;
    }

    .call-to-action-section .call-to-action .action-icon i{
        font-size: 25px;
        padding: 15px;
    }
    .call-to-action-section{
        padding: 20px 0px;
    }
    .call-to-action-section .call-to-action .action-icon div h4{
       font-size: 16px;
    }
    .call-to-action-section .call-to-action .action-icon div p{
        font-size: 14px;
    }
    .footer-section{
        padding: 40px 0px;
    }
    .footer-logo a img{
        width: 40%;
    }
    .footer-bottom-section{
        padding: 20px 0px;
    }
    .footer-bottom-section p{
        font-size: 14px;
    }
    .extar-section{
        padding: 20px 0px;
    }
    .extra-content div p{
        font-size: 14px;
    }
    .breadcrumb-section {
        padding: 30px 0px;
    }
    .breadcrumb-section .breadcrumb-heading {
        font-size: 25px;
    }
    .breadcrumb-section .breadcrumb .breadcrumb-item {
        font-size: 14px;
    }
    .breadcrumb-section .breadcrumb .symbol-breadcrumb {
        font-size: 16px;
        padding: 0px 5px;
    }
    .featured-page-content h3{
        font-size: 20px;
    }
    .featured-page .featured-page-content .desc-heading{
        font-size: 16px;
        margin-top: 10px; 
    }
    .featured-page .featured-page-content ul li{
        margin-top: 5px;
        font-size: 14px;
        margin-left: 17px;
    }
    .featured-page .featured-page-content ul li::before{
        width: 8px;
        height: 8px;
        top: 9px;
        left: -17px;
    }
    .featured-page2{
        background-color: #212529;
        padding: 40px 0px;
    }
    .featured-page{
        margin-bottom: 40px;
    }
    .contact-page .contact-left-section{
        padding-top: 0px;
    }

    .service-page .service-page-content h3{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .service-page .aside-section{
        margin-bottom: 20px;
    }
    .service-page .aside-section h5{	
        padding: 10px;
    }
    .service-page .aside-section ul li{
        padding: 10px 15px;
    }
    .service-page .aside-section .social-media{
        margin: 15px;
    }
    .button.button-know-more{
        padding: 6px 15px;
        font-size: 15px;
    }
    .services-section .service-content .middle {
        top: 30%;
        left: 50%;
    } 
}