@media(max-width:1500px){

}

@media(max-width:1400px){
}

@media(max-width:1200px){

}

@media(max-width:1069px){

   
}

@media(max-width:991px){

    header .header-top {padding: 4px 0px;}
    header .header-top ul li, header .header-top ul li a{font-size: 12px;}
    header .navbar{padding: 5px 0px;}
    header .navbar .navbar-nav{gap: 10px !important; align-items: start !important;}
    header .navbar .nav-link {font-size: 15px; font-weight: 400;}
    header .navbar .enquiry-btn a {padding: 5px 10px; font-size: 14px;}
    header .navbar .enquiry-btn a i {height: 30px; width: 30px; line-height: 30px;}
    header .navbar .navbar-brand img {
    width: 220px;
}

    #about .content p{font-size: 14px;}
    #about-sec ul{margin-left: 15px;}
    /* #about .submit-btn{font-size: 16px;}
    #about .form-control{padding: 5px 10px;} */

    #service h2{width: 100%;}

    #testimonial{padding: 80px 60px;}
    #testimonial .testimonialslider{padding: 30px;}

    #testimonial .owl-item p{font-size: 14px;}

    footer .row{row-gap: 20px;}
    footer{padding: 50px 0px 10px;}
    footer .footerinr ul li p{font-size: 14px;}
    footer .footerinr ul li a{font-size: 14px;}
    footer .footerinr ul li h4{font-size: 20px;}
    footer .footerinr .category li{margin-bottom: 15px;}
    /*footer .footerinr .category{columns: 2;}*/

    /* contact */

    #contact-a .location-wrap {padding: 45px 0px 45px 80px;}
    #contact-det .content {padding: 50px 0px 0px 25px; width: 680px;}
    #contact-det .content .btn {margin-bottom: 20px;}
    
    #services-det .content h4,#services-det .content-a h4  {margin-bottom: 17px; font-size: 16px;}
    #services-det .content-a .category-box li {font-size: 11px;}
    #services-det .content .category-box li a {padding: 12px 20px 15px 20px; font-size: 15px;}

    #contact .iner{position: unset; width: 100%; height: 100%;}
    #contact .form-control {margin-bottom: 0px;}

    #testimonial .iner ul li{font-size: 30px;}
    #testimonial .owl-item p{font-size: 14px;}

    #counter .item h2{font-size: 30px; margin: 15px 0;}
    #counter .item h3{font-size: 17px;}




}

@media(max-width:768px){

    .fs-30{
        font-size:25px;
    }
    
    .img-wrapper .img{
        width:100%;
        height:150px;
        object-fit:contain;
    }
    
    .serviceimage{
    height:150px; width:100%; object-fit:contain; object-position:left
    }
}

@media(max-width:643px){
 
}

@media(max-width:579px){

    .about-thumb-area .exp-bx {
        border-radius: 30px 30px 0 30px;
        font-size: 55px;
        line-height: 55px;
        padding: 26px 0 0px;
        width: 100%;
    }

    .about-thumb-area .exp-bx span {
        color: #1f2278;
        display: block;
        font-size: 10px;
    }

    #counter .item h2{margin: 5px 0; font-size: 22px;}
    #counter .item h3 {font-size: 13px;}
    
    #contact-a .location-wrap {padding: 45px 0px 45px 0px;}
    #contact-a .iner {text-align:center;}
   
}

@media(max-width:480px){

    header .navbar .navbar-brand p {font-size: 14px;}
    header .offcanvas.show:not(.hiding), .offcanvas.showing{width: 80%;}
    header .navbar .navbar-brand{font-size: 18px;}
    /*header .header-top ul li:nth-child(1),  header .header-top ul li:nth-child(3){display: none;}*/
    header .header-top ul li marquee{
        width:120px !important;
    }
    /*header .header-top ul{justify-content: center !important;}*/
    #card .row{row-gap: 20px;}

    .about-thumb-area {margin-right: 7px;}
    #about-sec .content {padding: 20px;}

    .carousel-control-prev span i, .carousel-control-next span i {font-size: 15px; padding: 8px 10px;}

    #card .inr{padding: 25px 0px;}

    #service {padding: 35px 0;}
    #service h2 {font-size: 24px; margin-bottom: 30px;}

    #testimonial{padding: 60px 10px;}
    #testimonial .testimonialslider{padding: 18px 10px;}

    footer{padding: 25px 10px 20px;}
    footer .img a img{width: 60%;}

    /* about-slider */

    #about-slider {padding: 30px 0px;}
    #about-slider h2{font-size: 24px;}
    #about-slider .text, #about-slider .text a {font-size: 14px;}

    /* contact */

    #contact .location-wrap {padding: 24px 0px 21px 4px; margin-top: 0px;}
    #contact .row{row-gap: 20px;}
    #contact .iner h5 i {width: 50px; height: 50px; line-height: 50px; font-size: 19px; margin-bottom: 0px;}
    #contact .iner h3 {margin-bottom: 20px; width: 100%; font-size: 20px;}
    #contact .iner h6 a, #contact .iner h6 {font-size: 13px;}

    #contact-det {background-size: cover;}
    #contact-det .content h4 {font-size: 22px;}
    #contact-det .content {padding: 15px 0px 0px 15px; width: 100%;}
    #contact-det .content .btn {padding: 8px 20px; font-size: 14px; margin-bottom: 20px;}

    /* services-det */  

    #services-det{padding: 30px 0px;}
    #services-det .row{ flex-direction: column-reverse; gap:20px;}
    #services-det .row img{ height:100%;}
    #services-det .content h4, #services-det .content-a h4, #services-det .iner h4 {font-size: 25px;}
    #services-det .text strong{font-size:20px;}
    #services-det .content-a .category-box li {font-size: 14px;}
    #services-det .iner .text{font-size: 14px;}

    .about-thumb-area:after {
        background-color: #f17732;
        border-radius: 15px;
        content: "";
        height: 46px;
        left: 35%;
        position: absolute;
        top: 45%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 46px;
    }

    #testimonial .iner .google {width: 33%;}
    #testimonial .iner ul li{font-size: 16px;}
    #testimonial .iner h4 {font-size: 16px;}

    #card, #gallery {padding: 20px 0px;}
    #queation {padding: 15px 0px;}
    #gallery h2{font-size: 24px;}

    #contact .submit-btn {padding: 5px 0px; font-size: 14px; width: 150px;}
    #contact .submit-btn i {height: 30px; width: 30px; line-height: 30px;}

}

@media(max-width:400px){

    .about-thumb-area:after {
        background-color: #f17732;
        border-radius: 15px;
        content: "";
        height: 46px;
        left: 35%;
        position: absolute;
        top: 40%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 46px;
    }

}

@media(max-width:359px){
   
    .about-thumb-area:after {
        background-color: #f17732;
        border-radius: 15px;
        content: "";
        height: 46px;
        left: 35%;
        position: absolute;
        top: 32%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 46px;
    }

}