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

}

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

}

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

}

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

}

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

@media only screen and (max-width:991px) {
	.logo{width: 60%; height:auto;}
	.navbar-toggler {padding: .25rem 0.50rem;}
	.navbar-brand {margin-right: 0rem;}
	.nav-link:focus, .nav-link:hover {color:#e9336c;}
	.headerTop{ text-align: center; }
	.headerTop i{ text-align: center;}
	.headerTop .text-right{text-align: center !important;}
	.aboutImgBlk .aboutImg h4{ text-align: left; }
	.bannerBlk {padding:0;}
	.blackBg { width: 90%; padding: 3% 5%; left: 5%; margin: 0px auto; z-index: 1;}
	.bannerBlk .blackBg .item{height: 80vh;}
	.callsbtn{padding: 6px 15px; font-size: 14px; margin-top: 2px;}
	.copyBlk{ text-align:center; }
	.navmenu_deskTop{display: none;}
	.navmenu_mobile{display:block;}
	.aboutImg{ height: 420px; min-height: auto; margin-top: 0; }
  	.contBox{ padding: 0; }
  	.headerTop i {padding: 0 3px 0 0;}
  	.projectsBlk .item:hover .middleText {display: block;}
  	.topMenu{display: none;}
  	.bannerInner {top: 20px; width: 100%; left: 0; text-align: center;}
  	.bannerInnerHead{font-size: 22px; line-height: 32px;}
  	.brochure{width:100%;}
  	.owl-next {right:0px;}
  	.owl-prev {left: -15px;}
  	.owl-three .item img {height: 50vh;}
  	.blackBg h1 {font-size: 30px; line-height: 32px;}
  	.blackBg {top: 50px;}
  	/*.about_bg {padding: 80px 0;}*/
  	.aboutImg{padding: 10px 0;}
  	.aboutImgBlk p{padding: 0;}
  	.aboutImg h4 {margin: 43px auto 15px;}
  	.newsletter form input[type="text"]{width: 100%;}
  	.about_banner{height: 30vh;}
  	.about_bannerText {width: 100%; top: 80px;}
  	.about_banner img{height: 30vh;}
  	.bordertop{text-align: center !important;}
  	.bordertop .text-right{text-align: center !important;}

}

@media only screen and (max-width: 768px) {
  h3 {font-size: 20px; line-height: 40px;}
  h3::after, h3::before {width:30px;}
  h2{font-size: 22px;}
  h2:after,h2:before{ width: 45px;}
  h6{ margin-top: 15px; }
  .bannerBlk .owl-theme .owl-nav.disabled + .owl-dots { width: 100%; text-align: center; left: 0;}
  .navmenu_deskTop{display: none;}
  .navmenu_mobile{display:block;}
  .callNowbtn{font-size: 14px;}
  .callBlk {background-color: #073700; background-image: none;}
  .aboutImg{ min-height: auto; height: 420px; margin-top:0px; margin-bottom:0px; }
  .projectsBlk {padding: 40px 0 0px 0;}
  .projectsBlk h3 {margin-bottom:10px;}
  .copyBlk .text-right{ text-align:center !important;}
  .serviceBlkBg{ background-image: none; }
  .headerTop i {padding: 0 3px 0 0;}
  .clientBlk .item { min-height: auto; height: 380px; }
  .footerBlk img{ width:auto; }
  .projectsBlk .item:hover .middleText {display: block;}
  
}

@media only screen and (max-width:360px) {
	.aboutImg {min-height: auto; height: 100%;}
	.projectsBlk .item:hover .middleText {display: block;}
}

@media only screen and (max-width:320px) {
	.headerTop{ text-align: center; }
	.headerTop i{ text-align: center;}
	.navbar { padding:0;}
	.navbar-brand { width:40%; }
	.navbar-brand img{ width: 100%; height: 100%;}
	.aboutBlk .aboutImgBlk .aboutImg h4 {text-align: left}
	.aboutBlk h3{margin-bottom: 30px;}
	.callNowbtn{font-size: 14px;}
	.callBlk {background-color: #073700; background-image: none;}
	.projectsBlk {padding: 30px 0 0px 0;}
	.projectsBlk h3 {margin-bottom:10px;}
	.footerBlk h6{margin:20px 0 0 0;}
	.copyBlk i {margin: 0 10px;}
	.blackBg {margin: -26px auto;}
	.projectsBlk .item:hover .middleText {
	  display: block;
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 25%;
	  margin: auto;
	  color: white;
	  font-size: 16px;
	  padding: 50px 20px;
	  width: 160px;
	  font-weight: 600;
	  text-transform:uppercase;
	  background: rgba(0, 0, 0, 0.8)
	}
}