@media(max-width:1500){

  
   
    
}


@media(max-width:1400){


 
    
}



@media(max-width:1280px){




}



@media(max-width:1024px){
    
    header .header-bottom .navbar .navbar-nav .nav-link {font-size: 10px;}
    header .header-bottom .outbox li, header .header-bottom .outbox li a {font-size: 13px;}
   
 
}




@media(max-width:992px){
header .header-bottom .navbar .navbar-toggler{color: #fff;}
header .offcanvas-title{color: #000;}
.sticky .header-bottom .navbar .navbar-nav .nav-link {color: #000000;}
header .header-bottom .navbar .navbar-nav .nav-link:hover{color: #000;}    
header .header-med .logo span {font-size: 18px}   
header .headertop .headerinfo{gap: 0px;}
header .headertop .headerinfo .enquiry {left: 125px;}
header .header-med .sosiyal-info li a {font-size: 12px;}
header .header-med .sosiyal-info li img{width: 17px;}
header .header-med .sosiyal-info .whatapp i{font-size: 13px; padding: 5px;}
header .header-bottom .navbar .navbar-nav .nav-link{color: #000;}
header .header-bottom .navbar .navbar-brand{width: 18%;}
header .header-bottom .navbar .navbar-nav{align-items: start; gap:0;}
header .header-bottom .navbar .outbox{margin-top: 20px;}



#gallery {padding: 10px 0px;}


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

#viseon .vision-info{display: block !important;}

footer .footer-top .footer-inrr .footer-add li .text-b, footer .footer-top .footer-inrr .footer-add li .text-b a{text-align: end;}


#mechanical-1 .nav-pills .nav-link.active {padding: 6px 6px; font-size: 14px;}
#mechanical-1 .nav .nav-item .nav-link {padding: 6px 6px; font-size: 14px;}
#mechanical-1 .row{row-gap: 20px; flex-direction: column-reverse;}

#testing .row, #technical-e .row, #technical .row{row-gap: 30px; flex-direction: column-reverse;}


@media(max-width:768px){

    header .header-bottom .navbar .navbar-nav .nav-link {font-size: 12px;}
    header .header-bottom .navbar .outbox{justify-content: start !important; padding: 0px;}
    header .header-bottom .outbox li, header .header-bottom .outbox li a{color: #000000;}

}



@media(max-width: 520px){


    header .header-bottom .navbar .navbar-toggler{color: #2e7271;}



}



@media(max-width: 480px){
header .header-med {display: none;}
header .headertop{display: block;}
header .headertop .headerinfo{text-align:center;}
header .headertop .headerinfo li:nth-child(2){display:none;}
header .header-bottom, .sticky .header-bottom{background-color: #ffffff;}
header .header-bottom .navbar .navbar-brand {width: 55%; border: transparent; display: block;}
header .header-bottom .navbar .navbar-brand span{font-size: 18px; color: #2e7271;}
.sticky .header-bottom .navbar .navbar-nav .nav-link{color: #000;}
header .header-bottom .offcanvas-title{color: #000;}
header .header-bottom .navbar .outbox {padding: 0px 0; border: transparent; padding-left: 0; margin-left: 0;}
header .headertop .headerinfo li, header .headertop .headerinfo li a {font-size: 13px;}
header .header-bottom .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{font-size: 12px;}


#slider .owl-item{padding: 125px 0;}

.about-de{padding: 50px 0px 50px !important;}

#about {padding: 0px 0px 50px;}
#about .row{row-gap: 30px;}

#service h4{text-align: start;}
#service h2 {text-align: start; margin-bottom: 30px;}

#contact {padding: 35px 0px;}
/* #contact .row{row-gap: 30px;} */
#contact .form-control {margin: 0px;}

#gallery {padding: 28px 0px;}
#gallery h2 {margin-bottom: 14px;}

#counter .item h3 {font-size: 12px;}
#counter .item h1 {font-size: 20px;}

#team {padding: 35px 0px;}
#team .content h2 {margin: 6px 0px 0px; line-height: 32px;}
#team .content .text {margin: 7px 0px 13px;}
#team .inerr{row-gap: 40px;}
#team .iner {height: 439px;}



footer .footer-top {padding: 50px 0px 50px;}
footer .footer-top .row {row-gap: 20px;}
footer .footer-top h4 {margin-bottom: 7px;}
footer .footer-top .footer-inrr .footer-add li .text-b, footer .footer-top .footer-inrr .footer-add li .text-b a{text-align: end;}

.logoicon {padding: 14px 0px 17px;}
footer .footer-top .text-a {margin-top: 15px;}

/* contact */
}
#about-slider {padding: 50px 0px;}
#contact-det {padding: 30px 0px;}
#contact-det .row-a{row-gap: 30px;}
#contact-det .footer-add li .text-b, #contact-det .footer-add li .text-b a{text-align: end;}

#map iframe{height: 200px !important;}

#contact-det .content h6 {margin-bottom: 30px;}



#testimonials h2 {margin-bottom: 25px;}

#testing {padding: 35px 0px 0px;}

#mechanical-1 {padding: 60px 0px 0px;}
#mechanical-1 .nav-item .nav-link {font-size: 11px; padding: 6px;}

#mechanical-2 {padding: 0px 0px;}
#mechanical-2 .row, #mechanical-4 .row, #mechanical-6 .row, #mechanical-8 .row, #mechanical-10 .row{row-gap: 30px;}
#mechanical-2 .content h4, #mechanical-3 .content h4, #mechanical-4 .content h4, #mechanical-5 .content h4, #mechanical-6 .content h4, #mechanical-7 .content h4, #mechanical-8 .content h4, #mechanical-9 .content h4,#mechanical-10 .content h4, #mechanical-11 .content h4 {font-size: 24px;}
#mechanical-2 .content ul li, #mechanical-3 .content ul li, #mechanical-4 .content ul li, #mechanical-5 .content ul li, #mechanical-6 .content ul li, #mechanical-7 .content ul li, #mechanical-8 .content ul li, #mechanical-10 .content ul li, #mechanical-11 .content ul li  {margin: 0px 0px 20px 0px; text-align: start;}

#mechanical-9 .content ul li{text-align: justify; margin: 0px 0px 20px 0px;}

#mechanical-3 {padding: 25px 0px;}
#mechanical-3 .row, #mechanical-5 .row, #mechanical-7 .row, #mechanical-9 .row, #mechanical-11 .row{row-gap: 30px; flex-direction: column-reverse;}

#mechanical-4, #mechanical-9 {padding: 0px 0px;}

#mechanical-5 {padding: 20px 0px;}

#mechanical-6 {padding: 0px 0px;}

#mechanical-7 {padding: 25px 0px;}

#mechanical-8, #mechanical-10{padding: 13px 0px;}

#mechanical-11 {padding: 5px 0px;}

footer .footer-top img {width: 56%;}

#brosher h2 {font-size: 24px;}


}



@media(max-width:375px){





}




@media(max-width:320px){




    
}