@media (max-width: 2560px) {
	.hero {height: 60%;}
}

@media (max-width: 1920px) {
	.container {max-width: 90%;}
	.hero {background-size: 45%; height: 80%;}
	.hero .caption h1 {font-size:60px; line-height:70px; margin-bottom: 50px;}
	input {padding: 30px; font-size: 25px;}
	input[type="submit"] {padding: 37px; font-size: 35px;}
}

@media (max-width: 1600px) {
	.hero {background-size: 40%;}
	.hero .caption h1 {font-size:37px; line-height:45px; margin-bottom: 30px;}
	.hero .caption {margin-top: 140px;}
	input{padding: 15px; font-size: 18px;}
	input[type="submit"] {padding: 15px; font-size: 18px;}
}

@media (max-width: 1440px) {
.hero {height: 80%!important; background-size: 50%;  background-position: top 50% right 10%;}  
}

@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 {margin-top: 110px;}
	.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 .caption h1 {margin-top: 0px;}
	.hero .caption {width: 100%; margin-top: 50px;}
	.hero {background-image: none; text-align: center;}
	.hero img {width: 70%;}
}

@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, section, footer {text-align:center;}
	.container {max-width: 100%;}
.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: 30px;}
	.hero {height: auto!important; padding-bottom: 0;}
	.hero img {width: 100%;}
	.hero .caption h1 {font-size: 27px; line-height: 35px;}
	.hero .caption p {font-size: 14px;}
	.hero h1 .br {width: 100%; display: block;}
	.hero h1 br {display: none;}	
	.cta.float-right {float: none!important;}
	h2 {font-size: 25px; line-height: 30px;}
	.saveup h2 {font-size: 22px;}
	.saveup:after {content:''; width: 100px; height: 197px;  }
	footer {padding: 50px 0 0;}
	footer:before {content:''; width: 100px; height:36px; bottom: 200px;}
	footer:after {content:''; width: 100px; height: 141px; bottom: 200px; }
	.tc br {display: none;}
	.tc {    transform: rotate(-90deg);    width: 530px;    display: block;    position: absolute;    left: -250px;    bottom: 230px;    font-size: 8px;}
	.herpimgline {bottom: 10px; width: 70%!important;}
	.w125m {max-width: 125%; margin-left: -22%; }
		.float a {position: fixed; bottom: 0; left: 0;  width: 100%; text-align: center; z-index: 2; display: block;}
}

@media (max-width: 576px) {    
	.hero .caption {width: 100%; margin-top: 0px;}	
	.head h2 {font-size: 25px; line-height: 30px;}
	.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;}
	.saveupimg {width: 100px; height: 100px; padding:10px;}
	.saveupimg img {width: 70px; height: 70px;}
	.plan {padding: 50px 0;}
.offer-row {
    margin: 0;
}
.more-offer {
    padding: 10px 20px;
    margin-bottom: -21px;
    font-size:20px;
}
}

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

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

@media (max-width: 383px) {
.hero .caption h1 {font-size: 28px;}
	.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;}
	.head h2:before {left: -16px;}
.head h2:after {right: -16px;}

}

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