@media only screen and (max-width: 1199px){
	.header-banner {height: initial !important; padding: 50px 0 !important;}
	.header-banner .banner-content .sub-title {font-size: 20px !important;}
	.header-banner .banner-content .banner-title {font-size: 40px !important;}
	.header-banner .banner-content .banner-title .second-title {display: block;}

}


@media only screen and (max-width: 992px){
	.logobox {position: relative; width: 80px; height: 52px; top: 0;}
	.navbar .navbar-brand img {max-width: 100%;}
	.about-image.mt-50 {margin-top: 0 !important;}
}

@media only screen and (max-width: 767px){
	.header-banner.d-flex {display: initial !important;}
	.header-banner .banner-image {height: 400px !important; margin-top: 15px;}
	.about-image .single-image {margin: 0 auto; float: none !important;}
	.about-image .about-btn {margin-left: 27%;}
	#footer .footer-widget .footer-link ul li {width: 100% !important;}
	#footer .footer-widget .footer-link ul li a {font-size: 14px;}
}

@media only screen and (max-width: 480px){
	.about-image.mt-50 {margin-top: 0 !important;}
	.single-services {min-height: initial;}
}

@media (max-width:768px){
	#footer .footer-widget .footer-link ul li{width:48%;}
	.header-banner .banner-image{position:initial;top:0;right:0;width:100%;height:80%;}
	.header-banner .banner-content .sub-title{font-size:22px;}
	.header-banner .banner-content .banner-title{font-size:34px;}
}

@media (max-width:768px){
	.header-banner{height:400px !important;}
}

@media (max-width:425px){
	.header-banner{height:350px;}
	.header-banner .banner-image{display:none;}
	.header-banner .banner-content .sub-title{font-size:26px;}
	.header-banner .banner-content{text-align:center;}
	.header-banner .banner-content .banner-title{font-size:36px;}
}