@media screen and (min-width:1200px) {
  .nav-menu li:hover .nav-submenu{display:block; opacity:1; visibility:visible;}
}
@media screen and (min-width:1921px) {
  .container {max-width:1360px; margin:0 auto;}
}
@media screen and (max-width:1800px) {
  .container {max-width: calc(100% - 80px); margin:0 auto;}
  
}
@media screen and (max-width:1700px) {
  
}
@media screen and (max-width:1600px) {
 
}
@media screen and (max-width:1550px) {
 .nav-menu > li > a{padding:27px 12px;} 
  
}
/*---  max-width:1400px ------*/
@media screen and (max-width:1400px){
  .head-flex {justify-content:space-between;} 
  .container {max-width: calc(100% - 30px); margin:0 auto;}
  .header-tel a{font-size:18px; color:var(--bs-font-color);}
  
}
/*---  max-width:1366px ------*/
@media screen and (max-width:1360px) {
 .nav-menu > li > a{font-size:15px;}
 body, p{font-size:15px;}
 .btn-def a, .btn-border2 a, .btn-border a{font-size: 16px;}
 .service-box p {padding: 0 30px 40px 30px;}
 .send-box .btn-box .tob-btn{margin: 0 5px;}
 .btn-box {margin-top: 30px;}
 .download-btn a{font-size: 15px;}
 footer h2{font-size: 34px;} 
 #owl-carousel2 button.owl-dot {background: #242424 !important;margin: 0 8px;}
  
#owl-carousel2 .owl-dots {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
}
#owl-carousel2 button.owl-dot.active{background:#2b6ebf!important; opacity: 1;}
 
}

/*-----  max-width:1350px ------*/
@media screen and (max-width:1350px) {
   .about-box h4{font-size: 22px;}
   h1 {font-size: 44px; line-height: 44px;}
   .btn-box{margin-top: 0;}
}

/*-----  max-width:1280px ------*/
@media screen and (max-width:1280px) {
 
}
/*-----  max-width:1200px tab view ------*/
@media screen and (max-width:1200px) {  
 .header-right {padding-top: 48px; padding-right: 70px;}
 .navigation {padding-top: 30px;position: absolute;right: 0;}
 .nav-toggle {top:30px; right: 35px;}
 .navigation-portrait .nav-menus-wrapper{background:#fff;}
 .navigation-portrait .nav-menu{padding-top:20px;}
 .header-top .btn-def {position: absolute;right: 90px;z-index: 1;}
 .text-banner{width:530px;}
 .btn-box{margin-top:0;}
 .send-box{padding-right:8px; padding-left: 8px;}
 .service-box, .send-box{min-height: 430px;}
 .send-box p{padding-bottom: 40px;}
 footer h2{padding-right:0;}
 .overlay{height: 50px;background: transparent!important;bottom:20px;}
 .rc-box .service-box{padding-bottom:60px;}
 .text a{border: solid 1px #242424;}

 
}
@media screen and (max-width:1140px) {
 .send-box {padding-right: 0px; padding-left: 3px;}
 .conre-cont{padding: 40px 30px; height: auto;}
 footer h2{font-size: 30px;}
}
  
/*-----  max-width:1024px ------*/
@media screen and (max-width:1024px) {
   .navigation{top: 0;}
   .header-top .btn-def{top: -2px;} 
   .logo { width: 180px;}
   h2{font-size:32px;}
   .btn-def a, .btn-border2 a, .btn-border a { font-size: 12px;}
   .service-box, .send-box { min-height: 450px; }
   .conre-cont h4{font-size: 20px;}
   .download-btn a{font-size:12px;}
   .address-box p, .address-box p a {
    font-size: 16px;}
    .service-box, .send-box {min-height: 380px;padding:20px 10px; }


}
/*-----  max-width:991px -----*/
@media screen and (max-width:991.98px) { 
 .header-right {padding-top: 34px;padding-right: 50px;} 
 .nav-toggle{top:32px;}
 .hero-cont{position:relative;}
 .hero-img{width: 100%;}
 .text-banner {width: 100%;top:30px;position: relative;transform: translate(0%, 0%);padding-right:0;}
 .cont-hight{height: auto; padding:0;}
 .about .cont-center{padding:0;}
 .border-left::after{border-left:0;}
 .btn-def a, .btn-border2 a, .btn-border a { font-size: 15px;}
 .conre-cont{margin-bottom:0;}
 .download-btn a{font-size:14px;}
 .contact-info{margin-bottom: 40px;}
 .width50, .text-right{width: 100%; text-align: center;}
 .about-box{min-height:300px;}
 .sb-icon{margin-bottom: 10px;}
 .service-box p{padding:0;}
 .service-box, .send-box {min-height: 380px;}
 h1{font-size:44px; line-height: 46px;}
 .conre-cont{height: 100%;}
 .releted-services ul li a{display: inline-block;width: 100%;margin-bottom: 30px;}
  .releted-services ul li{width: 48%;}
  .pb30{padding-bottom:10px;}
  .pad-30 {padding-left: 0; padding-right: 0;}

  
}

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


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

@media screen and (max-width:700px){
  
}


/*------  max-width:580px -------*/
@media screen and (max-width:580px) {
  .hero-img .item img{border-radius:0;} 
  h1{font-size:30px; line-height: 36px;}
  h2{font-size:26px!important}
  .slowgan {font-size: 20px; line-height: 20px;}
  .header-top .btn-def{display:block;}
  .header-top .btn-def { top: -6px;right:50px;}
  .border-left{margin-top: 0; padding-bottom: 20px;}
  .foot-top-section{display: block;}
  .download-btn a {font-size: 14px; width: 100%; margin-bottom: 10px;}
  footer{padding:40px 0;}
  .mt-50 {margin-top: 20px;}
  .mi-80{min-height:50vh; padding-top:100px;}
  .cd {text-align: center; width: 100%;display: block;gap: 0;position: relative;left: 0; margin-left: 0;}
  .logo {
  width: 43%;
  margin-left: -15px;
}

  .nav-toggle { top: 30px;right: 20px;}
  .releted-services ul li {display: inline-block;padding:0;width: 100%; text-align: left;}
  .releted-services ul li a{margin-bottom: 10px;}

  .releted-services ul li span {
  width:auto;
  display: inline-block;
}
.releted-services ul li a{font-size: 16px;}
.btn-border a{margin-right:0px;}
.misson p:empty{display: none;}
h5{font-size: 20px;}
video {cursor: pointer; height: 240px;background:#000;margin-top: 20px;}
 .video-item{height: 240px;}
 .ptm-20{padding-top:20px;}

}
/*------  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) {
  .btn-def a, .btn-border2 a, .btn-border a{font-size: 12px;width: 100%;}
  .btn-box .tob-btn{float:left; width:auto; margin-right:0;}
  .send-box .btn-box .tob-btn { margin-bottom:40px;}
  .service-box, .send-box{padding-bottom:20px;}
  .btn-def a{
  font-size: 12px;
  width: 100%;
}
.btn-def a, .btn-border2 a, .btn-border a{padding-right: 10px; margin-right: 10px;}
.text a, .contact-btn, .contact-right .contact-btn {font-size: 14px;}
}
/*------ max-width:480px -------*/
@media screen and (max-width:450px) {
 
}