@media only screen and (max-width: 1200px){
	.mobile-view{
		display: none;
	}
	.section3-text1 {
	    font-size: 30px;
	}
	.section1-div1 {
	    padding-top: 250px;
	}
	#section1 {
	    background-position: top right;
	}
	.special-offer .btn-style {
	    font-size: 25px;
	}
}
@media only screen and (max-width: 1025px){
	.logo img {
	    width: 100px;
	}
	#section1 {
	    background: url(../images/banner1-mb.png) no-repeat bottom right;
	    background-size: 30%;
	    height: 100%;
	    padding-bottom: 40px;
	    background-color: #e0dfe9;
	}
	.section1-div1 {
	    padding-top: 180px;
	}
	.img-side, .text-side{
		height: 350px;
	}
	.section3-text1 {
	    font-size: 20px;
	}
	.section3-text3 {
	    font-size: 16px;
	}
	.special-offer .btn-style {
	    font-size: 20px;
	}
	.form-bg {
	    width: 350px;
	}
}
@media only screen and (max-width: 768px){
	#section1 {
	    background-size: auto;
	}
	.web-view{
		display: none;
	}
	.xs-mb-view{
	    display: block;
	}
	.section2-text1 {
	    font-size: 16px;
	}
	.img-side, .text-side {
	    height: 300px;
	}
	.section3-text21 {
	    font-size: 25px;
	}
	.section3-text22 {
	    font-size: 20px;
	}
	.form-bg {
	    width: 300px;
	    position: relative;
	    float: right;
	}
	.form-div {
	    margin-bottom: 0;
	}
	.special-offer .btn-style {
	    font-size: 14px;
	    padding: 8px 10px;
	}
	#copyright p {
	    font-size: 12px;
	}
	.special-offer {
	    margin-top: 10px;
	}
}
@media only screen and (max-width: 500px){
	footer.common.black-bg {
	    position: relative;
	}
	section#section4 {
	    padding-bottom: 0;
	}
	.xxs-mb-view{
		display: block;
	}
	.xxs1-mb-view{
		display: none;
	}
	.section1-text1 {
	    font-size: 30px;
	}
	.section1-text12 {
	    font-size: 60px;
	}
	.section1-text2{
	    font-size: 16px;
	}
	.section2-div2 > div {
	    padding: 5px;
	}
	.section2-div2 {
	    padding: 5px 5px 0px 5px;
	    margin-top: -25px;
	    margin-bottom: 45px;
	}
	.section2-text1 {
	    font-size: 12px;
	}
	.btn-style {
	    font-size: 14px;
	}
	#section3 {
	    padding: 40px 0;
	}
	.img-side,
	.text-side {
	    width: 100%;
	    height: auto;
	}
	.text-side {
	    padding: 15px;
	}
	.arrow-img {
	    bottom: 15px;
	    width: 25px;
	}
	.steps-ul li .arrow-img {
	    right: 15px !important;
	    left: auto !important;
	    transform: none !important;
	}
	.img-text {
	    padding: 0 0;
	    width: 100%;
	    text-align: center;
	}
	.steps-ul li .img-side::after, 
	.steps-ul li .img-side::before, 
	.steps-ul li .border-box {
	    left: 20% !important;
	}
	.border-box {
	    width: 60%;
	    height: 40%;
	    top: 60%;
	}
	.steps-ul li {
	    margin-bottom: 20px;
	}
	.steps-ul li:hover > .img-side::before, 
	.steps-ul li:hover > .img-side::after {
	    width: 60%;
	    height: 40%;
	}
	.img-side::before {
	    top: 60%;
	}
	.form-div {
	    padding: 20px 15px 30px;
	}
	label {
	    font-size: 11px;
	}
	.input-field {
	    padding: 7px 8px;
	    font-size: 12px;
	}
	.input-submit-div {
	    bottom: -28px;
	}
	.input-submit {
	    font-size: 16px;
	}
	.img-div,
	.img-div > img{
		width: 100%;
	}
	.form-bg {
	    width: auto;
	    margin-top: 30px;
	}
	footer > div > div > div {
	    width: 100% !important;
	}
	.caret {
	    display: none;
	}
	div#copyright {
	    margin: 10px 0 !important;
	    padding: 0;
	}
	.special-offer {
	    margin-top: 0;
	}
}
@media only screen and (max-width: 321px){
	#section1 {
	    background-size: 150px;
	}
}
@media only screen and (min-width: 1600px){
	.section1-text1 {
	    font-size: 70px;
	}
	.section1-text12 {
	    font-size: 100px;
	}
	.section1-text2 {
	    font-size: 30px;
	}
	.section1-div1 {
	    padding-top: 35%;
	}
	.logo img {
	    width: 200px;
	}
}