.viewmore a::after {
	position: absolute;
	right: 0;
	width: 100%;
	bottom: 0px;
	height: 2px;
	width: 100%;
	content: '';
	background: var(--bs-base-color);
}
@media screen and (min-width:1200px) {
  .nav-menu li:hover .nav-submenu{display:block; opacity:1; visibility:visible;}
}
@media screen and (min-width:1700px) {
  .container, .container-full {max-width:1270px; 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){ 
	.news-img{height:310px;}
	.mid-text{font-size:16px;}
}
/*---  max-width:1366px ------*/
@media screen and (max-width:1360px) {
 h4, .h4{font-size:24px;}
 .nav-menu > li > a {padding: 15px 0px;}
	.nav-menu > li::after{top:20px;}
	.header-tel a {background: url(../img/phone.svg) left 4px no-repeat; }
 .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%;
}
.ab-cont{padding-left:50px;}
.about-img::before{width:98%;}
	.nav-brand{width:230px;}
	p, ul li, ol li, table {
 font-size: 15px; }
	.services-cont{width: 540px;}
}

/*-----  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% - 100px); 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:22px;}
.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:50vh;}
.vide-box {height: 50vh;}
.hero-slider.owl-carousel .owl-item img {height:50vh;}
.header-top{padding: 10px 0 30px 0;}
.header-tel a{margin-top:0px; display: block;background: url(../img/phone.svg) left 6px no-repeat;}
.header-tel {position: absolute;right:70px;top: 15px;}
.navigation-portrait .nav-menu > li{padding-left: 30px;}
.navigation-portrait .submenu-indicator{top: 8px;}
.hero-section{padding:0;}
.ab-cont {padding-left: 60px;}
.about-img::before{width: 98%;}
 h2, .h2 { font-size:34px;}
 .border-left{display: block;margin-top: -20px;}
 .service-slider .owl-prev span{left:0;background:rgba(0, 0, 0, 0.7) url(../img/arrow-white-left.svg) center center no-repeat !important;padding:20px;}
 .service-slider .owl-next span{right: 6px;background:rgba(0, 0, 0, 0.7) url(../img/arrow-white-right.svg) center center no-repeat !important;padding:20px;} 
 .po-fix {bottom: auto;left: 7px;top:74%;}
 .services-cont{width:auto; padding-left:0;}
 .backbtn a{font-size:16px;}
 .backbtn a:hover{color:#000;}
 .pd-cont {padding-left: 10%;padding-right: 10%;}
 .row-testimonial {
	-moz-column-width: 26em;
	-webkit-column-width: 26em; 
	column-width: 26em; }
	.address, .phone, .email{padding:24px;}
	textarea.form-control{height: 108px;}
}
  
/*-----  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;}
	.ca h6 a, .ca h6{font-size: 18px;}
	body, p, .fot-address h6, .fot-address h6 a{font-size: 16px;}
	.footer-cent ul li{width: 47%; padding-bottom: 0;}
}
/*-----  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;} 
.container {max-width: calc(100% - 40px);}
.page-left {display: none;}
footer{padding-top: 30px;}
.content-rm{margin-top:40px; overflow: hidden;}
.about-img2{margin-bottom:30px;}

.content-rm img, .about-img2 img{object-fit: cover; width: 100%; height: 50vh;}
h6, .h6 {font-size: 20px;}
.services-cont{position: relative;}
}

/*------ 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:28px;}
	h1, .h1{font-size:32px;}
	h3, .h3{font-size:28px;}
	.ab-cont{padding: 0 15px 0 15px;}
	.inner-banner .slider-img{height: 240px;}
	
}


/*------- 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:28px;}
 .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;}	
	.video-box{margin-top:20px;margin-bottom:0;}
	.footer-cent ul{padding-bottom:10px;}
	.fot-address{padding:20px 0;}
	.hero-slider.owl-carousel .owl-item img {height: 40vh;}
	.banner-tag{font-size:38px; line-height:40px;}
	.vide-box, .hero-slider .item{height: 40vh;}
	.about-img img, .services-img img{object-fit:cover; width: 100%;}
	.small-tag img{width: auto;}
	.pt-60.ab-cont{padding-top: 60px;}
	.pro-title h5{font-size:16px;}
	.pb-60 {padding-bottom:20px;}
	.blue-bg{padding:30px; background-size: 100% 100%};
	.testi-slider{width: 90%;margin:10% 5%;}
	.section-video{padding-top: 30px;}
	.services-cont{margin-bottom:40px;}
	.breadcomb li{font-size: 14px;}
	.ca h6 a, .ca h6 {font-size: 20px;}
	body{background:none;}
}

@media screen and (max-width:700px){
  .testi-slider {
    width: 90%;
    margin: 10% 5% 0 5%;
   
}
}

/*------  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;} 
  .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: 30vh;}
.hero-slider.owl-carousel .owl-item img {height: 34vh;}
	.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;
}
.header-tel a{display: none;}
.phone, .email, .address{min-height:auto;}
p, ul li, ol li, table, body, .copy-right{font-size: 15px;}
.mob-none{display: none;}
.mob-show{display: block;}
.banner-tag {font-size: 28px;line-height: 30px;}
.about-img::before{width: 92%;top: 15px;}
.ab-cont ul li{width: 100%;}
.foot-social ul, .foot-social ul li{text-align: center;position: relative; left: -8%;}
.viewmore {position: relative;top: 0;right: 0;}
.pt-60 {padding-top: 30px;}
.project-img{margin-bottom: 20px;}
.testi-slider span {font-size: 16px;line-height: 24px;}
.section-about{overflow-x:hidden;}
.sept{display:none;}
.viewmore{display: block;margin-bottom: 30px;}
h3, .h3 {font-size: 24px;}
h2, .h2 {font-size: 26px;}
.section-work h2 span{display:inline-block;padding-bottom: 20px;}
.pd-cont{padding:0;}
.gallery span{width: 46%;}

}
/*------  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) {
	.header-top {padding: 10px 0 20px 0;}
	.inner-banner .slider-img{height: 180px;}
   
}
/*------ max-width:480px -------*/
@media screen and (max-width:450px) {
  .tabing-product .nav-link{font-size:10px;}
  .nav-brand{width: 240px;}
  .btn-border a, .btn-brand a{margin-right: 0px;padding: 14px 12px 14px 37px;	}
   
}