.sticky .nav-menu > li > a {
  padding: 20px 0px;
  color: #000;
}
@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, .container-full {max-width:1800px; margin:0 auto;}
}
@media screen and (max-width:1800px) {
  .container {max-width: calc(100% - 33px); margin:0 auto;} 
}
@media screen and (max-width:1900px) {
 h2, .h2{font-size: 36px;} 
}
@media screen and (max-width:1600px) {
 
}
@media screen and (max-width:1550px) {
 
}
/*---  max-width:1400px ------*/
@media screen and (max-width:1400px){
    h2, .h2 { font-size: 30px;} 
	.news-img{height:310px;}
	.mid-text{font-size:16px;}
}
/*---  max-width:1366px ------*/
@media screen and (max-width:1360px) {
 h2, .h2{font-size:30px;} 
 h4, .h4{font-size:24px;}
 .nav-menu > li > a {padding: 27px 0px;}
 .hero-cont h1{font-size:50px;line-height:55px;}
 .hero-cont p{font-size:20px;}
 .project-box.po-reletive, .project-img {height: 100%;}
  .project-box.po-reletive img{object-fit: cover; height:100%;}
  h2, .h2 { font-size: 28px;}
  h4, .h4{font-size: 20px;}
	.pl-50 {
	padding-left: 11%;
	padding-right: 10%;
}
}

/*-----  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) {  
 .header-fix{position:relative;}
 .header-brand{width:150px;}
 .container {max-width: calc(100% - 30px); margin: 0 auto;}
 .nav-toggle{top:36px;}
 .hero-section .owl-nav{display: none!important;}
 .hero-slider .item{height: auto;}
 h4, .h4 { font-size: 22px;}
	h1, .h1{font-size:36px;}
}
@media screen and (max-width:1199px) {
 .mid-text{font-size: 17px;}
 .testi-slider span{font-size: 20px;line-height: 30px;}
 h6, .h6{font-size:16px;}
 .pl-50{padding:0 1%;} 
 .big-text { font-size: 30px; }
.navigation-portrait .nav-menus-wrapper {
	background-color: #fff;
	 padding-top: 60px;
	 
}
.navigation-portrait .nav-menu > li > a {
	width: 100%;
	height: auto;color: #000;
	padding: 20px 10px 20px 0;
}
.hero-slider .item {height: 100vh;
}
.vide-box {height: 100vh;
}
 .hero-slider.owl-carousel .owl-item img {height: 100vh;}
}
  
/*-----  max-width:1024px ------*/
@media screen and (max-width:1024px) {
  h2, .h2 {font-size: 25px;}
 .home-template .hero-cont h2 {font-size: 50px;line-height: 60px; }
	h1, .h1{font-size:30px;}
}
/*-----  max-width:991px -----*/
@media screen and (max-width:991.98px) { 
 .hero-slider .item {height: 60vh;}
.vide-box {height: 60vh;}
.hero-slider.owl-carousel .owl-item img {height: 60vh;} 
}

/*------ max-width:820px ------*/
@media screen and (max-width:820px) {
 .navigation{width:40%;} 
	.sticky-split .sticky-side{height: 50vh;}
	.news-img {height: 190px;}
h2, .h2 {
	font-size: 22px;
}
	h1, .h1{font-size:26px;}
}


/*------- max-width:767px -------*/
@media screen and (max-width:767.98px) {
 .sticky-split{display: block;}
 .sticky-split .sticky-side{top:0; height: auto; width:100%;}
 .sticky-split{display: block;}
 #home_projects .sticky-side{width:100%;}
 h2, .h2 {font-size:22px;}
 .sticky-split .sticky-side{position: relative;}
 #home_projects .scroll-side{width:100%;}
 .gray-bg{padding:15px;}
 .pi-btn {left: 10px;bottom: 24px;}
 .pt { padding-top: 30px; padding-bottom: 30px;}
.home-template .hero-cont h2 {font-size: 34px;line-height: 40px;}
	.carrer-form{padding:0;}	
}

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

/*------  max-width:580px -------*/
@media screen and (max-width:580px) {
  .header-brand { width: 100px;} 
  .hero-slider .item img{ display: block;width: 100%; height: 60vh; object-fit: cover;}
  .hero-cont h1 { font-size: 30px;line-height: 36px;}
  .hero-cont p {font-size: 18px;line-height: 22px;}
  .hero-cont p br{display: none;}
  .mouse {width: 30px; height: 60px;}
  .icon-box{justify-content: left;}
  .testi-slider{padding:0; background: transparent;}
  .blue-bg{padding:30px 0px;}
  .pl-30{padding:0;}
  .fot-address {padding-bottom:10px;}
  .copy-right ul{text-align: left;}
  .hero-slider2 .hero-cont { bottom: 60px;}
  .page-news.white-bg.mb-30{margin-bottom:0;}
  .vide-box img{height:60vh;object-fit: cover;}
  .pl-52 {padding: 20px;}
  .bg-white{display: block;}
  .acc-img, .acc-cont{ width: 100%;}
	.news-img {height: 180px;}
.hero-slider .item {height: 60vh;}
.vide-box {height: 60vh;}
.hero-slider.owl-carousel .owl-item img {height: 60vh;}
	.readmore{padding:3px 14px 2px 14px} 
	.readmore img{width:18px;}
	.copy-right{text-align:center; width:100%; display:block;}
	footer .black-bg{padding:20px;}
	.copy-right ul{padding-top:30px;}
	.copy-right ul li::after{background:none;}
	.copy-right ul li a {
	color: #000;
	background: #ccc;
	padding: 5px 10px;
	border-radius: 20px;
}
	h1, .h1{font-size:26px;}
	.black-bg .sticky-split{margin-bottom:0;}
	.section-about .btn-white{margin-bottom:25px;}
	.carrer-form .form-control {
	border: solid 1px #c5c5c5;
	height: 40px;
	margin-top: 2px;
}
	.form-control::file-selector-button {
	padding: 8px.75rem !important;
	background-color: transparent !important;
}
}
/*------  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:450px) {
  .tabing-product .nav-link{font-size:10px;}
}