@charset "utf-8";

@media screen and (max-width: 1600px) {
.homebanner:before {
	width: 50%;
}
}

@media screen and (max-width: 1440px) {
h1 {
	font-size: 36px;
}
.homebanner:before {
	width: 50%;
}
.header, .paddinglr80 {
	padding-left: 30px;
	padding-right: 30px;
}
#cssmenu > ul > li > a {
	padding: 0 14px;
	font-size: 16px;
}
}

@media screen and (max-width: 1280px) {
.container {
	max-width: 1170px;
}
#cssmenu > ul > li > a {
	padding: 0 10px;
	font-size: 16px;
}
.homebanner:before {
	width: 52%;
}
}

@media screen and (max-width: 1024px) {
.homebanner:before {
	width: 45%;
	-ms-transform: skew(0deg, 0deg);
	-webkit-transform: skew(0deg, 0deg);
	transform: skew(0deg, 0deg);
}
.mouse {
	display: none;
}
.align-self-center.navwrap {
	position: static;
}
.innerpagebanner .banner-wrapper {
	height: 305px;
}
.innerpagebanner {
	background-size: contain;
}
#cssmenu .button {
	top: 30px;
}
.banner-text.text-center.text-white h1 {
	font-size: 45px;
}
}

@media screen and (max-width: 767px) {
.header {
	background-color: #FFF;
	padding-top: 30px;
	padding-bottom: 30px;
}
.homebanner:before {
	display: none;
}
.logo img {
	width: 250px;
	max-width: 100%;
	transition: .3s all ease;
}
.button:before {
	background-color: #2562b2;
}
.button:after {
	border-top: 2px solid #2562b2;
	border-bottom: 2px solid #2562b2;
}
.banner h1 {
	color: #FFF;
}
.banner-call span, .banner-call {
	color: #FFF;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 22px !important;
}
h3 {
	font-size: 20px;
}
.fixed-header .button {
	top: 16px;
}
.home-service .col-sm-12 {
	margin-bottom: 20px;
}
.paddingtb80, .paddingtb60 {
	margin-top: 30px;
	margin-bottom: 30px;
}
#cssmenu > ul > li > a {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	display: flex;
	align-items: center;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
}
#cssmenu > ul > li:hover > a, #cssmenu a.active {
	color: #fff !important;
}
}

@media screen and (max-width: 575px) {
.logo img {
	max-width: 200px;
}
.button {
	top: 25px;
}
.header, .paddinglr80 {
	padding-left: 10px;
	padding-right: 10px;
}
.f-phones > div {
	margin-bottom:20px;
}
}