@media (max-width: 2560px) {
	.hero {background-size: 25%; background-position: top 65% right 30%; padding: 240px 0; }
	.hero .caption h1 {margin-top: 0px;}
}

@media (max-width: 1920px) {
	.container {max-width: 90%;}
	h1 {font-size:45px; line-height:60px;}
	input {padding: 30px; font-size: 25px;}
	input[type="submit"] {padding: 37px; font-size: 35px;}
	.cta {margin-left: 17%;}
	footer .cta {margin: auto;}
	.hero {background-size: 40%; background-position: top 65% right 10%;}
}

@media (max-width: 1600px) {
	h1 {font-size:32px; line-height:45px;}
	.hero {background-size: 40%; padding: 180px 0;}
	input{padding: 15px; font-size: 18px;}
	input[type="submit"] {padding: 15px; font-size: 18px;}
}

@media (max-width: 1440px) {
.hero {/*height: 80%!important;*/ background-size: 45%;} 
}

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

@media (max-width: 1280px) {
h1 {font-size:30px; line-height:45px;}
	
}

@media (max-width: 1024px) {
h1 {font-size:25px; line-height:30px;}
	.logo {width: 120px;}
	.logo span {font-size: 14px;}
	.logo1 {width: 150px;}
}

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

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

@media (max-width: 990px) {
.hero .caption h1 {margin-top: 0px;}
	.hero {background-image: none; text-align: center;    padding: 0;}
	.hero img {width: 70%;}
	/*.hero .caption {margin-top: 120px;}*/
	.cta {margin-left: 27%;}
}

@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 {text-align:center;}
	.container {max-width: 100%;}
	header {margin: 20px 0;}
.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%;}
	.hero {height: 100%!important;}*/
	.hero img {width: 90%;}
	.hero .caption {width: 100%;/* margin-top:100px;*/}
	.hero h1 {font-size: 23px;}
	.hero h1 .br {width: 100%; display: block;}
	.hero h1 br {display: none;}
	.sqbox {width: 90%; margin-left: 20px; font-size: 18px;}
	.sqbox .col-3 {padding: 0!important;}
	.sqbox:before {left: -30px;}
.sqbox:after {left: -20px;}
	.sqbox p {font-size: 18px;}
	.cta.float-right {float: none!important;}
	.calmain:after {display: none;}
	.caldiv label {font-size: 16px;}
	.caldiv input, .slidecontainer p {font-size: 22px;}
	.caldiv select {margin-top: 0;}
	.slidecontainer {margin-top: 8px;}
	.slidecontainer p {margin-bottom: -3px;}
	.bar {font-size: 20px; padding: 20px 10px;}
	.banktxt {font-size: 15px; background-color: #CDE0FF; padding: 20px 10px;}
	.bankniyo {background-color: #005595; padding: 20px 10px;}
	.bankniyo img {width: 50px; filter: brightness(100);}
	footer {padding: 50px 0 0;}
	.footerbtm {margin-top: 50px;}
	.footerbtm li a {width: 35px; height: 35px; padding: 6px 0;}
	.footerbtm li a .fa:before {font-size: 18px;}
	.cta {margin-left: auto;}
	.tc br {display: none;}
	.tc {  width: 530px;    display: block;    position: relative;   font-size: 10px; overflow: hidden;}
	.herpimgline {bottom: 10px;}
		.float a {position: fixed; bottom: 0; left: 0;  width: 100%; text-align: center; z-index: 2; display: block;}
}

@media (max-width: 576px) {    
	
	.effort:after {content:''; width: 100px; height: 100px;  right: -10px; }
	.security:after {content:''; width: 100px; height: 50px;  left: -10px; }
	.head h2 {font-size: 22px;}
	.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;}
	.plan {padding: 50px 0;}
	
}

@media (max-width: 455px) {
    .formdiv iframe {width: 350px;}
}

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

@media (max-width: 383px) {

}

@media (max-width: 375px) {

}

@media (max-width: 360px) {
	h1 {font-size: 20px; line-height: 25px;} 
	.sqbox {font-size: 15px;}
	.formdiv input {padding: 5px 10px;}
	.head h2:before {left: -16px;}
	.head h2:after {right: -16px;}
}

@media (max-width: 320px) {
	.slidecontainer p {padding: 0;}
	.caldiv input {padding: 0 0 10px 0;}	
	.hero .caption h1 {margin-bottom: 20px;}
}