@media (max-width: 2560px) {
	.hero {background: url(../images/heroimg.png) no-repeat bottom right 30%;}
}

@media (max-width: 1920px) {
	.hero {background: url(../images/heroimg.png) no-repeat bottom right;}
}

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

	
}

@media (max-width: 1024px) {
h1 {font-size:25px; line-height:30px;}
	.logo {width: 120px;}
	.logo span {font-size: 14px;}
	.hero .caption h1 {font-size: 38px;}
	.hero .caption p small {font-size: 60%;}
}

@media (max-width: 1024px) and (max-height: 1366px) {}

@media (max-width: 1023px) {
    
   
}

@media (max-width: 990px) {

	.hero {background-size: 60%; height: auto;background-image: none;}
}

@media (max-width: 800px) {

}

@media (max-width: 768px) {
	
}

@media (max-width: 767px) {
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0 20px;}
.left, .right, .cta, .cta1, section {text-align:center;}
.w-25, .w-50, .w-75, .w-65, .w-85, .w-40 {width:100% !important;}
.logo {width: 80px;}
	.logo span {font-size: 9px; line-height: 12px;}
	.logo1 {width: 100px;}
	/*.formdiv {width: 80%;}*/
	header {margin-top: 20px;}
	.hero {background-size: 100%;}
	.hero .caption h1 {margin: 10px 0;}
	.hero .caption p.mb-5 {margin-bottom: 20px!important;}
	.hero .caption p {font-size: 18px;}
	.hero h1 .br {width: 100%; display: block;}
	.hero h1 br {display: none;}	
	.cta.float-right {float: none!important;}
	.sec2 .text-right, .sec3 h2 .text-right, .sec4 .text-right, .sec5 .text-right, footer {text-align: center!important;}
	.sec3 {margin-top: 50px;}
	.sec3 img {position: relative; bottom: 0;}
	.sec3:after, .sec5:after {width: 150px; height: 150px;}
	p {font-size: 15px; line-height: 25px;}
	h2 {font-size: 25px; line-height: 30px;}
	p strong {font-size: 18px;}
	footer {padding: 50px 0;}
	.tc br {display: none;}
	.tc {    transform: rotate(-90deg);    width: 530px;    display: block;    position: absolute;    left: -250px;    bottom: 231px;    font-size: 8px;}
		.float a {position: fixed; bottom: 0; left: 0;  width: 100%; text-align: center; z-index: 2; display: block;}
}

@media (max-width: 576px) {    
	.hero {height: auto}
	.hero .caption {width: 100%; margin-top: 10px;}	
	.head h2 {font-size: 20px;}
	.head h2:before, .head h2:after {width: 10px; height: 10px; top: 50%; transform: translateY(-50%);}
	.head h2:before {left: -30px;}
.head h2:after {right: -30px;}
	.sec4:after {top: -250px;}
.formdiv iframe {
    width: 100%;
}	
}

@media (max-width: 480px) {
    
}

@media (max-width: 414px) {
   
}

@media (max-width: 383px) {
.hero .caption h1 {font-size: 32px;}
	.hero .caption p small {font-size: 50%;}
}

@media (max-width: 375px) {

}

@media (max-width: 360px) {
	h1 {font-size: 20px; line-height: 25px;} 
	.formdiv input {padding: 5px 10px;}

}

@media (max-width: 320px) {
	header {margin-top: 20px;}
	.hero .caption h1 {font-size: 28px;}
	/*.hero .caption p small {font-size: 45%;}*/
	.hero .caption {margin-top: 10px;}
	.hero .caption p {font-size: 15px;}
	h2 {font-size: 25px; line-height: 30px;}
	
}