@media screen and (min-width:1200px) {
  .nav-menu li:hover .sub-menu{display:block; opacity:1; visibility:visible;}
}
@media screen and (min-width:1921px) {
 .hero-section { 
  height:85vh;
  overflow: hidden;
} 
.hero-slider.owl-carousel .owl-item img{width:59vw; height:85vh;}
.hero-slider.owl-theme .owl-dots{left:20%;}
.our-text h6{width: 35%;}
}
@media screen and (max-width:1800px) {
  .our-text h6{font-size:20px;}
  .hero-section { height:85vh;overflow: hidden;} 
  .hero-slider.owl-carousel .owl-item img{width:59vw; height:85vh;} 
  .hero-slider.owl-carousel .owl-item img{height: 100vh;}
  .main_header_area::after{width:20%;}
  .header-social ul{margin-top:15px;}
  .slider-cont{top:38%;}
  .hero-slider.owl-theme .owl-dots{bottom:40px; top:70vh!important; left:14%;}
 }
@media screen and (max-width:1700px) {
  .hero-slider.owl-theme .owl-dots{left: 10%;}
}
@media screen and (max-width:1600px) {
 .hero-slider.owl-carousel .owl-item img{width:68vw;} 
}
@media screen and (max-width:1500px) {
 .hero-tittle h2{font-size:50px;}
 .hero-slider.owl-theme .owl-dots{left:2%;}   
 h1, h3{font-size:32px;}
 h4{font-size:28px;}
 .welcome-box p, body {color: #242424;font-size: 16px;line-height: 24px;}
 .our-text h6{font-size:18px;}
 .header-social ul{gap:10px;}
}
/*---  max-width:1366px ------*/
@media screen and (max-width:1400px){
.main_header_area::after {width: 15%;}
.our-body:hover .our-text h6{background-size:100%;}
}
 
/*-----  max-width:1350px ------*/
@media screen and (max-width:1366px) {
  .container {max-width:calc(100% - 60px); margin:0 auto;} 
 
}
@media screen and (max-width:1360px) {
  h1{font-size:30px;}
  .header-social ul{gap:0;}
  .tag-btn2 a{font-size:15px;}
  .our-text h6{font-size:16px;}
}
 

/*-----  max-width:1200px ------*/
@media screen and (max-width:1200px) {
 body{font-size:15px;}
 .header-phone li{margin-left:10px;}
 .header-phone{padding-right:40px;}
 .header-social{display: none;}
 .navigation-portrait{height: auto;}
 .main_header_area::after, .main_header_area{background:transparent;}
 .hero-slider.owl-carousel .owl-item img {height: 64vh;}
 .efp-box{min-height:100px;}
 .header-top.sticky{padding:0;}
}

@media screen and (max-width:1199px) {
 
}
@media screen and (max-width:1100px) {
 .header-phone li {margin-left: 10px;font-size: 14px;} 
 .header-phone{margin-top: 5px; padding-right:20px;} 
 .ab-img {height: 600px;} 
 .ab-img img{ height: 600px; object-fit: cover;}
 .hero-tittle h2 {font-size: 40px;}
}
   

/*-----  max-width:1024px ------*/
@media screen and (max-width:1070px) {
  .header-phone {margin-top: -10px; text-align: left;}
  .header-phone li{margin-left:30px;}
  .nav-toggle { right: -115px;}
  .our-top{padding:40px 0;}
}
/*-----  max-width:991px -----*/
@media screen and (max-width:991.98px) { 
.hero-slider.owl-carousel .owl-item img{width:100%;height: 44vh;}
.hero-section{height: 450px;}
.ab-icon-box img{object-fit: cover; width: 100%;}
.welcome-box{padding:50px 30px 30px 30px;}
.nav-toggle {right: -95px;}
.container {max-width: calc(100% - 20px);}
.ab-sec{background:#fff;}
}

/*------ max-width:820px ------*/
@media screen and (max-width:820px) {  
}


/*------- max-width:767px -------*/
@media screen and (max-width:767.98px) {
 .back-top{display: none;}
 .header-phone li{margin-left:0;}
 .header-phone{margin-top:10px;}
 .nav-toggle {right: -35px;top: -56px;}
 .hero-tittle h2{font-size: 30px;}
 .hero-section{background:#000;}
 .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { border: solid 10px rgba(255,255,255,0.7);}
 .page-services .welcome-box{padding:0;}
 .hero-slider.owl-carousel .owl-item img{opacity:0.7;}
 .tag-btn {width: 127px;height: 47px;line-height: 40px;font-size: 12px;background-size: 100%;}
 .gallery-section .gallery-box .box p{display: none;}
 .width-80, .wid-50{width:100%;}
 .page-contact ul li, .wid-full{padding-right:0;}
 .cp-box{margin-bottom:10px;}
 .row .row{padding:0; margin:0;}
}

/*------  max-width:580px -------*/
@media screen and (max-width:580px) {
.hero-section {height: 358px;}
.hero-slider.owl-theme .owl-dots{top: 290px !important;}
.ab-img, .ab-img img{height: auto;}
  
}
/*------  max-width:575px -------*/
@media screen and (max-width:575.98px) { 
 

}
/*------ max-width:500px --------*/
@media screen and (max-width:500px) {
 
}

/*------ max-width:480px -------*/
@media screen and (max-width:480px) {
  
}
/*------ max-width:480px -------*/
@media screen and (max-width:414px) {
 
  
}