@media screen and (min-width:1241px) and (max-width:1500px)
{
	
}

@media screen and (min-width:1025px) and (max-width:1240px)
{
	.container{max-width: 98%;}
	.header-right a{font-size: 22px;padding: 10px 30px;}
	.logo img{width: 85%;}
	.banner .banner-cnt h2{font-size: 60px;}
	.banner .banner-cnt h4{font-size: 38px;margin: 22px 0 32px;}
	.banner .banner-cnt .button a{font-size: 24px;width: 390px;height: 60px;}
	.banner .banner-cnt{height: 580px;}
	.referral{margin: 70px 0}
	.referral .content{padding: 40px 40px 26px;}
	.referral .content h3{font-size: 50px;margin-bottom: 30px;}
	.referral .content .form-section .box input,.referral .content .form-section .location-box select{height: 50px;padding-left: 30px;font-size: 18px;width: 48%;}
	.referral .content .form-section .box-two{margin: 12px 0 36px 30px;}
	.referral .content .form-section .box-two label,.referral .drop-zone .drop-zone__prompt{font-size: 20px;}
	.referral .content .form-section .box-two .sub-box{margin: 7px 0}
	.referral .content .form-section .box-two span{font-size: 17px;}
	.referral .content .form-section input[type=radio]{width: 15px;height: 15px;margin-right: 12px;}
	.referral .drop-zone{height: 170px;padding: 0;}
	.referral .drop-zone h4{width: 270px;height: 62px;font-size: 28px;}
	.referral .content .form-section .location-box select{width: 100%}
	.referral .content .form-section .notes textarea{height: 150px;font-size: 18px;padding: 10px 30px;}
	.referral .content .form-section .box-six span{font-size: 18px;}
	.referral .content .form-section .box-six{margin:0 0 40px 10px}
	.referral .content .form-section .submit input{width: 200px;height: 56px;font-size: 28px;}
	.referral .content .form-section .policy{margin-top: 30px}
	.referral .content .form-section .policy a{font-size: 22px;}
	.footer{height: 350px;margin-top: 200px;}
	.footer .main-box{height: 230px;width: 75%;}
	.footer .main-box h3{font-size: 38px;}
	.footer .main-box p{font-size: 18px;line-height: 25px}
	.footer .main-box .mail input{width: 420px;height: 60px;font-size: 18px;padding: 0 60px 0 30px;}
	.footer .main-box .mail .h4{width: 200px;height: 60px;font-size: 20px;}
	.footer .main-box .mail{margin-top: 20px;}
	.footer .icons img{width: 75%}
	.footer .box a, .footer .box span{font-size: 16px}
	.referral .drop-zone__thumb{width: 90%;height: 90%;border-radius: 30px}
}
@media screen and (min-width:992px) and (max-width:1024px)
{
	.container{max-width: 98%;}
	.header-right a{font-size: 20px;padding: 10px 27px;}
	.logo img{width: 80%;}
	.banner .banner-cnt h2{font-size: 53px;}
	.banner .banner-cnt h4{font-size: 28px;margin: 14px 0 25px;}
	.banner .banner-cnt .button a{font-size: 21px;width: 330px;height: 50px;}
	.banner .banner-cnt{height: 560px;}
	.referral{margin: 70px 0}
	.referral .content{padding: 35px 35px 25px;}
	.referral .content h3{font-size: 42px;margin-bottom: 23px;}
	.referral .content .form-section .box input,.referral .content .form-section .location-box select{height: 46px;padding-left: 27px;font-size: 16px;width: 48%;}
	.referral .content .form-section .box input{margin: 10px 0}
	.referral .content .form-section .box-two{margin: 12px 0 36px 30px;}
	.referral .content .form-section .box-two label,.referral .drop-zone .drop-zone__prompt{font-size: 18px;}
	.referral .content .form-section .box-two .sub-box{margin: 7px 0}
	.referral .content .form-section .box-two span{font-size: 16px;}
	.referral .content .form-section input[type=radio]{width: 14px;height: 14px;margin-right: 12px;}
	.referral .drop-zone{height: 170px;padding: 0;}
	.referral .drop-zone h4{width: 230px;height: 50px;font-size: 23px;}
	.referral .content .form-section .location-box select{width: 100%}
	.referral .content .form-section .notes textarea{height: 130px;font-size: 16px;padding:10px 25px;}
	.referral .content .form-section .box-six span{font-size: 17px;}
	.referral .content .form-section .box-six{margin:0 0 40px 10px}
	.referral .content .form-section .submit input{width: 180px;height: 50px;font-size: 25px;}
	.referral .content .form-section .policy{margin-top: 30px}
	.referral .content .form-section .policy a{font-size: 20px;}
	.footer{height: 290px;margin-top: 200px;}
	.footer .main-box{height: 230px;width: 75%;}
	.footer .main-box h3{font-size: 34px;}
	.footer .main-box p{font-size: 17px;line-height: 25px}
	.footer .main-box .mail input{width: 420px;height: 50px;font-size: 16px;padding: 0 60px 0 30px;}
	.footer .main-box .mail .h4{width: 170px;height: 50px;font-size: 17px;}
	.footer .main-box .mail{margin-top: 20px;}
	.footer .icons img{width: 70%}
	.footer .icons{justify-content: center;margin-bottom: 25px;width: 45%}
	.footer .box a, .footer .box span{font-size: 16px}
	.referral .content .form-section .location-box:after{background-size: 75%;}
	.footer .box{margin-bottom: 25px;}
	.referral .drop-zone__thumb{width: 90%;height: 90%;border-radius: 30px}
}

@media screen and (min-width:768px) and (max-width:991px)
{
	.container{max-width: 98%;}
	.header-right a{font-size: 16px;padding: 8px 20px;}
	.header-right a i{margin-right: 10px;}
	.logo img{width: 70%;}
	.header-main{padding: 20px 0}
	.banner .banner-cnt h2{font-size: 44px;}
	.banner .banner-cnt h4{font-size: 22px;margin: 9px 0 18px;}
	.banner .banner-cnt .button a{font-size: 17px;width: 270px;height: 40px;}
	.banner .banner-cnt{height: 510px;}
	.referral{margin: 70px 0}
	.referral .content{padding: 35px 35px 25px;}
	.referral .content h3{font-size: 28px;margin-bottom: 23px;}
	.referral .content .form-section .box input,.referral .content .form-section .location-box select{height: 42px;padding:0 18px;font-size: 14px;width: 49%;}
	.referral .content .form-section .box input{margin: 8px 0}
	.referral .content .form-section .box-two{margin:12px 0 22px 16px;}
	.referral .content .form-section .box-two label,.referral .drop-zone .drop-zone__prompt{font-size: 16px;}
	.referral .content .form-section .box-two .sub-box{margin: 7px 0}
	.referral .content .form-section .box-two span{font-size: 14px;}
	.referral .content .form-section input[type=radio]{width: 12px;height: 12px;margin-right: 7px;}
	.referral .drop-zone{height: 130px;padding: 0;}
	.referral .drop-zone h4{width: 180px;height: 40px;font-size: 18px;}
	.referral .content .form-section .location-box select{width: 100%;margin: 29px 0}
	.referral .content .form-section .notes textarea{height: 120px;font-size: 14px;padding:8px 18px;margin-bottom: 15px;}
	.referral .content .form-section .box-six span{font-size: 15px;}
	.referral .content .form-section .box-six{margin:0 0 32px 10px}
	.referral .content .form-section .submit input{width: 160px;height: 45px;font-size: 22px;}
	.referral .content .form-section .policy{margin-top: 20px}
	.referral .content .form-section .policy a{font-size: 16px;}
	.footer{height: 260px;margin-top: 200px;}
	.footer .main-box{height: 200px;width: 87%;}
	.footer .main-box h3{font-size: 28px;}
	.footer .main-box p{font-size: 16px;line-height: 10px}
	.footer .main-box .mail input{width: 380px;height: 45px;font-size: 15px;padding: 0 50px 0 20px;}
	.footer .main-box .mail .h4{width: 170px;height: 45px;font-size: 17px;}
	.footer .main-box .mail{margin-top: 20px;}
	.footer .icons img{width: 55%}
	.footer .icons{justify-content: center;margin-bottom: 25px;width: 45%}
	.footer .box a, .footer .box span{font-size: 15px}
	.referral .content .form-section .location-box:after{background-size: 65%;top: 46%;}
	.footer .box{margin-bottom: 25px;}	
	.referral .drop-zone__thumb{width: 90%;height: 90%;border-radius: 30px}
}
@media (max-width: 767px)
{
	.container{max-width: 100%;padding: 0 15px}
	.header-right a{font-size: 16px;padding: 8px 20px;}
	.header-right a i{margin-right: 10px;}
	.logo img{width: 70%;}
	.header-main{padding: 20px 0}
	.banner .banner-cnt h2{font-size: 44px;}
	.banner .banner-cnt h4{font-size: 22px;margin: 9px 0 18px;}
	.banner .banner-cnt .button a{font-size: 17px;width: 270px;height: 40px;}
	.banner .banner-cnt{height: 510px;}
	.referral{margin: 70px 0}
	.referral .content{padding: 35px 35px 25px;}
	.referral .content h3{font-size: 28px;margin-bottom: 23px;}
	.referral .content .form-section .box input,.referral .content .form-section .location-box select{height: 42px;padding:0 18px;font-size: 14px;width: 49%;}
	.referral .content .form-section .box input{margin: 8px 0;width: 100%}
	.referral .content .form-section .box-two{margin:12px 0 22px 16px;}
	.referral .content .form-section .box-two label,.referral .drop-zone .drop-zone__prompt{font-size: 16px;}
	.referral .content .form-section .box-two .sub-box{margin: 7px 0}
	.referral .content .form-section .box-two span{font-size: 14px;}
	.referral .content .form-section input[type=radio]{width: 12px;height: 12px;margin-right: 7px;}
	.referral .drop-zone{height: 130px;padding: 0;}
	.referral .drop-zone h4{width: 180px;height: 40px;font-size: 18px;}
	.referral .content .form-section .location-box select{width: 100%;margin: 29px 0}
	.referral .content .form-section .notes textarea{height: 120px;font-size: 14px;padding:8px 18px;margin-bottom: 15px;}
	.referral .content .form-section .box-six span{font-size: 15px;}
	.referral .content .form-section .box-six{margin:0 0 32px 10px}
	.referral .content .form-section .submit input{width: 160px;height: 45px;font-size: 22px;}
	.referral .content .form-section .policy{margin-top: 20px}
	.referral .content .form-section .policy a{font-size: 16px;}
	.footer{height: 260px;margin-top: 200px;}
	.footer .main-box{height: 230px;width: 95%;top: -45%;padding: 0 8px}
	.footer .main-box h3{font-size: 28px;}
	.footer .main-box p{font-size: 16px;line-height: normal;}
	.footer .main-box .mail input{width: 480px;height: 45px;font-size: 15px;padding: 0 20px;}
	.footer .main-box .mail .h4{width: 170px;height: 45px;font-size: 17px;position: unset;margin: auto;margin-top: 15px}
	.footer .main-box .mail{margin-top: 20px;}
	.footer .icons img{width: 55%}
	.footer .icons{justify-content: center;margin-bottom: 25px;width: 100%}
	.footer .box a, .footer .box span{font-size: 15px}
	.referral .content .form-section .location-box:after{background-size: 65%;top: 46%;}
	.footer .box{margin-bottom: 25px;}		
	.banner .bg-image{background-position: top;}
	.referral .drop-zone__thumb{width: 90%;height: 90%;border-radius: 30px}
	.footer .main-box .mail form{width: auto;}

}



@media screen and (max-width:575px)
{
	h2{
		font-size: 24px
	}
	.footer .main-box p{font-size: 15px;}
	.banner .banner-cnt h2{font-size: 37px;}
	.banner .banner-cnt h4{font-size: 18px;margin: 5px 0 13px;}
	.logo img{width: 65%;}
	.referral .content{padding: 35px 25px 20px;}
	.footer .main-box .mail input{width: 380px;}
	.footer .main-box .mail{margin-top: 12px}
	.footer .main-box h3{margin-bottom: 8px;}
	.footer .main-box .mail .h4{margin-top: 8px;}
}


@media screen and (max-width:480px)
{	
	.container{padding: 0 10px}
	.footer .main-box .mail input{width: 280px;}
	.footer .box{margin-bottom: 8px;}	
	.banner .bg-image{background-position: top;}
	.header-right a{padding: 8px;font-size: 15px}
	.logo{width: 49%}
	.logo img{width: 75%;}
	.banner .banner-cnt .button a{width: 100%;}
	.header-right a i{margin-right: 5px;}
	.referral .content{padding: 30px 10px 20px;border-radius: 30px}
	.referral{margin: 70px 0;}
	.footer .main-box h3{font-size: 23px;}
}