@media screen and (min-width:1200px) {

  .nav-menu li:hover .nav-submenu{display:block; opacity:1; visibility:visible;}

}

@media screen and (min-width:1921px) {

   

}

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

  

   

}

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

  

}

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

 .container {max-width: calc(100% - 80px); margin:0 auto;} 

}

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

  

}

/*---  max-width:1400px ------*/

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

   

}

/*---  max-width:1366px ------*/

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

 .nav-menu > li > a{padding: 25px 15px;}

 .banner-text{font-size: 32px;}
 .nav-menu > li > a{font-size:16px;}
.gray-bg2 h5{font-size:17px;}
.gray-bg2{padding:20px;}
}



/*-----  max-width:1350px ------*/

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

   

}



/*-----  max-width:1280px ------*/

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

 

}

/*-----  max-width:1200px tab view ------*/

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

 .snip1217 a::after {bottom: -16px;left: 0;} 

 .nav-menu > li:last-child a {border-radius: 30px;

  background: var(--bs-dark-green);color: var(--bs-black);

  height: auto;padding: 14px 28px; margin-top: 14px; width: 180px; margin-left: 22px; margin-bottom: 14px;}

  .project-slider .slier-content, .ps-list .slier-content{display: block;}

  .gray-bg2{padding:20px;display: block; min-height:150px;}
.nav-menu > li::after {
	background: transparent;
	width:0px;
	height:0px;
	position: absolute;
	left:0px;
	top:0px;
	content: '';
}
	.nav-toggle{top:0;}
 .jor-icon{float: left;}

 .gray-bg2 h5 {

  margin-bottom: 0;

  line-height: 22px;

  font-weight: 800;

  font-size: 22px;

  padding: 30px 10px 30px 130px;

} 

.light-blue{padding:50px 0;}

.page-product-detals ul li{margin-bottom:0;}

}

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

 

}

  

/*-----  max-width:1024px ------*/

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

  h1{font-size:40px;}

  h2{font-size:35px;}

  h3{font-size: 30px;} 

  .about-project{left:18%;}

  .about-section{padding:50px 0;}

  .ps-title{line-height:22px;}

  .ps-list .green-btn{display: block; width:200px;}

  .fot-tel h6, .fot-tel a{font-size:17px;}

  .septer{padding-left:20px;}

  .container {max-width: calc(100% - 20px);}

  .banner-text { font-size: 25px;line-height: 28px;}

  .nav-brand{width: 180px; height: 180px;}

  .hero-section{margin-top: -60px;}

  .hero-section::before{background: transparent;display: none;}

  .hero-section .owl-carousel .owl-nav button.owl-next{right:2%;}

  .hero-section .owl-carousel .owl-nav button.owl-prev{right:12%;}

  .about-section .breadcumb{padding:0;}

 

}

/*-----  max-width:991px -----*/

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

 

}



/*------ max-width:820px ------*/

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

  .service-section p{padding-right:0;}

  .mb-60{margin-bottom:50px;}

  .about-right { margin-right: 0;margin-bottom: 0;margin-top: 60px;}

  .about-project{left: 30%;}

  .foot-address{margin-bottom:20px;}

  .foot-address p{margin-bottom:0;}

  .testi-list p{padding-top:0;}

  .blue-box h5 a {font-size: 28px;font-weight: bold;}

.service-home h4{font-size:22px;}



}



/*------- 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) {

    .top-head ul li:last-child{display: none;}

    .top-head {position: absolute;right: 16px;top: 0;}

.nav-toggle {
	top: -75px;
	right: 20px;
}

    .slier-content{display: none;}

.hero-section .owl-carousel .owl-nav button.owl-next {
  background: #000000 url(../img/right-arrow.svg) 2px 2px no-repeat !important;
  height: 32px;
  line-height: 60px;
  right: 1%;
  bottom: 20px;
  width: 23px;
  opacity: 1;
  background-size: 20px !important;
}

    .hero-section .owl-carousel .owl-nav button.owl-prev {height:32px;line-height: 60px;

  right:8%; bottom: 20px;width: 23px;opacity: 1;background: #84c3d3 url(../img/left-arrow.svg) 2px 2px no-repeat !important; background-size: 20px !important;}

  .nav-brand{padding:20px;}

  .about-section h2{font-size:30px;padding-bottom: 0px;}

  .about-project { position: relative;left: 0;top: 0;z-index: 99;width: 100%;}

  .testimonial-slider{margin-top:40px;}

  .testi-list{padding:10px;} 

  .testimonial-section{background-size: 100% 100%;}

  .septer { border:none;border-top: solid 1px #84c3d3;border-bottom: solid 1px #84c3d3;padding-left:0px;}

  .pl-60{padding:10px 0 40px 12px;}

  .pad-30{padding:0;}

  .fot-tel a {font-size: 15px;}

  h1{font-size:30px;}

  h2{font-size:26px;}

  h3{font-size:22px;} 
.sh-icon{padding:0 0 10px 0;}
.number{margin-bottom:0;}
.service-home, .fot-logo{text-align: center;}
.releted-slider.owl-carousel .owl-item img{display: inline-block;}
.blue-box{margin-bottom:30px;}
	.fot-logo{margin:10px auto;}
	.navigation-portrait .nav-menu > li {
	width: 100%;
	position: relative;
	border-top:none!important;
	margin: 0;
	padding: 10px 0;
}
.navigation-portrait .nav-menu > li:last-child {
	border-bottom:none!important;
}
}

/*------  max-width:575px -------*/

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

   .nav-brand {
	width: 120px;
	height: 120px;
}

}

/*------ 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:450px) {

 

}