@media(max-width:2000px) {
	.banner-sec {
		min-height: 870px;
		height: 870px;
	}
    
    /*    28-10-20 starts  */
    
    .banner-sec {
		min-height: 1000px;
		height: 1000px;
	}
    /*    28-10-20 end  */
}

@media(max-width:1440px) {
	.banner-sec {
		min-height: 700px;
		height: 700px;
	}

	.content-sec .container {
		padding: 0 25px;
	}

	.form-details-sec h4::before {
		left: -25px;
	}
    
     /*    28-10-20 starts  */
    
    .banner-sec{
        background-position: center;
    }
    .banner-caption h1{
        font-size: 48px;
    }
    .banner-caption {
        bottom: 40px;
    }
    .safe-sanitized{
        width: 23%;
    }
    /*    28-10-20 end  */
}

@media(max-width:1200px) {
	.banner-sec {
		min-height: 620px;
		height: 620px;
		margin-bottom: 30px;
	}

	.content-sec p {
		font-size: 22px;
	}

		.content-sec p br {
			display: none;
		}

	.three-box-sec h2 {
		font-size: 48px;
		margin-bottom: 30px;
	}

	.three-area h4 {
		font-size: 26px;
	}

	.form-sec {
		max-width: 94%;
	}

	.service-detail-sec .form-sec {
		max-width: 97%;
	}

	.three-area img {
		margin-bottom: 20px;
	}

	.img-sec {
		padding: 0 15px;
	}

	.bg-content-area {
		min-height: 720px;
	}

	.banner-content h1 {
		font-size: 135px;
	}

	.banner-content h3 {
		font-size: 66px;
	}
    
    /*    28-10-20 starts  */
    
    .banner-sec{
        background-position: center;
    }
    .banner-caption h1{
        font-size: 42px;
    }
    .banner-caption {
        bottom: 40px;
    }
    .safe-sanitized{
        width: 25%;
    }
    /*    28-10-20 end  */
}

@media(max-width:1024px) {
	.three-box-sec h2 {
		font-size: 36px;
	}

	.three-area h4 {
		font-size: 24px;
	}

	.bottom-cnt-sec {
		width: 90%;
	}

	.content-sec p {
		font-size: 25px;
		margin-bottom: 30px;
	}

	.bg-content-area {
		min-height: 650px;
		margin-bottom: 40px;
	}

	.banner-content h1 {
		font-size: 88px;
	}

	.banner-content h3 {
		font-size: 44px;
	}

	.banner-content h5 {
		font-size: 32px;
		max-width: 740px;
		width: 100%;
		margin: 0 auto;
	}

	.three-area {
		width: 50%;
	}
	.detail-sec ul li{
		font-size: 16px;
	}
	.review-sec h3{
		font-size: 34px;
		margin-bottom: 20px;
	}
	.detail-sec h2{
		font-size: 30px;
		margin-bottom: 30px;
	}
	.real-box-area{
		padding-left: 30px;
		margin-top: 10px;
	}
	.real-box-area h2{
		margin-bottom: 15px;
	}
    
    /*    28-10-20 starts  */
    .banner-caption{
        bottom: 30px;
    }
    .banner-caption h1{
        font-size: 32px;
    }
    .safe-sanitized{
        right: 30px;
        bottom: 20px;
        width: 25%;
    }
    
    /*    28-10-20 end  */
}

@media(max-width:767px) {
	.banner-sec {
		min-height: 400px;
		height: 400px;
		margin-bottom: 30px;
	}

	.content-sec p {
		font-size: 22px;
	}

	.three-box-sec h2 {
		font-size: 32px;
		margin-bottom: 20px;
	}

	.three-area {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}

	.three-box-sec {
		margin-bottom: 20px;
	}

	.banner-content h1 {
		font-size: 57px;
		letter-spacing: 34px;
	}

	.banner-content h3 {
		font-size: 28px;
		letter-spacing: 8px;
		margin-bottom: 25px;
	}

	.content-sec p {
		font-size: 18px;
	}

	.form-details-sec {
		width: 100%;
	}

	.form-sec {
		max-width: 100%;
		padding-bottom: 20px;
	}

	.service-detail-sec .form-sec {
		max-width: 100%;
	}

		.service-detail-sec .form-sec select {
			width: 100%;
			margin: 0 0 20px 0;
		}

	.banner-caption {
		max-width: 100%;
		text-align: center;
		left: 20px;
	}

	.banner-content h5 {
		font-size: 17px;
		padding: 10px;
		max-width: 450px;
		width: 100%;
		margin: 0 auto;
	}

	.banner-content h1 {
		padding-left: 0;
	}

	.content-sec p br {
		display: none;
	}

	.three-area img {
		max-width: 80%;
		width: auto;
	}

	.service-detail-sec h4 {
		text-align: left;
	}

	.form-sec input[type="text"] {
		width: 100%;
	}

		.form-sec input[type="text"]:nth-child(2n+1) {
			margin-right: 0;
		}

	.form-sec select {
		width: 100%;
	}

	.form-details-sec {
		margin-bottom: 20px;
	}

	.content-sec h3 {
		font-size: 20px;
	}

	.ty-sec h2 {
		font-size: 24px;
	}

	.ty-sec h4 {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.ty-sec .add-sec label.phone {
		margin-bottom: 30px;
	}

	.form-sec input[type="number"] {
		width: 100%;
		margin-right: 0;
	}

	.form-details-sec.car-sec select {
		width: 100%;
	}

	.mobile-ph {
		width: 100%;
	}

	label.err {
		margin-bottom: 20px;
	}

	.mobile-ph.number {
		margin-right: 0;
	}
	.form-sec tetxarea{
		width: 100%;
	}
	.form-sec tetxarea{
		min-height: 50px;
	}
	.form-sec {
		max-width: 100%;
	}
	.form-sec div{
		width: 100%;
	}
	.service-detail-sec.form-sec div:nth-child(2n+1){
		margin-left: 0;
	}
	.service-detail-sec.form-details-sec div:nth-child(3){
		margin-left: 0;
	}
	.form-sec div#UpdatePanel1 div:last-child {
		width: 100%;
	}
	.real-heroes-cnt-area h2{
		font-size: 30px;
	}
	.detail-sec ul li{
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.detail-sec ul li:nth-last-of-type(2){
		margin-bottom: 30px;
	}
	.detail-sec ul li:last-child{
		margin-bottom: 30px;
	}
	.detail-sec{
		margin-bottom: 40px;
	}
	.review-sec h3{
		font-size: 28px;
	}
	.detail-sec h2{
		font-size: 24px;
	}
	.real-heroes-img-area{
		width: 100%;
		float: none;
	}
	.real-box-area{
		width: 100%;
		float: none;
		text-align: center;
		padding-left: 0;
		margin-top: 0;
	}
	.real-heroes-cnt-area h4{
		text-align: center;
	}
	.real-heroes-cnt-area a{
		margin: 0 auto;
	}
	.real-heroes-cnt-area h2{
		text-align: center;
	}
	.real-heroes-cnt-area h4{
		margin-bottom: 20px;
	}
	.real-heroes-cnt-area{
		padding-bottom: 20px;
	}
	.real-heroes-sec{
		margin-bottom: 30px;
	}
    
    /*    28-10-20 starts  */
    .banner-logo{
        width: 30%;
        left: 20px;
        top: 20px;
    }
    .banner-caption h1{
        font-size: 26px;
        text-align: left;
    }
    
    /*    28-10-20 end  */
	
}

@media(max-width:480px) {
	.banner-sec {
		min-height: 320px;
		height: 320px;
		margin-bottom: 20px;
	}

	.btm-area.timerDiv p{
		font-size: 14px;
	}
	
	.banner-caption {
		left: 10px;
	}

		.banner-caption h1 {
			font-size: 25px;
		}

	.form-sec input[type="text"] {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.form-sec select {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.form-sec input[type="submit"] {
		font-size: 18px;
		max-width: 150px;
	}

	.form-details-sec h4 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.service-detail-sec h4 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.bottom-cnt-sec {
		width: 96%;
	}

	.button-sec {
		margin-bottom: 50px;
	}

		.button-sec ul li {
			padding: 0 10px;
		}

			.button-sec ul li input[type=submit] {
				padding: 10px 30px;
			}

	.bottom-sec {
		padding: 30px 10px;
	}
	.real-heroes-cnt-area h2{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.real-heroes-cnt-area h4{
		font-size: 13px;
	}
	.real-heroes-cnt-area{
		padding-bottom: 40px;
	}
	.content-sec p {
		font-size: 20px;
	}

	.content-sec p {
		font-size: 18px;
	}

	.bottom-cnt-sec h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.banner-content h1 {
		font-size: 40px;
		letter-spacing: 24px;
		margin-bottom: 10px;
		margin-left: 12px;
	}

	.banner-content h3 {
		font-size: 20px;
		letter-spacing: 6px;
		margin-right: 0;
		text-align: center;
	}

	.banner-content h5 {
		font-size: 11px;
		padding: 10px;
		max-width: 280px;
	}

	.bottom-cnt-sec p {
		font-size: 16px;
	}

	.three-area img {
		width: 80%;
	}

	.bg-content-area {
		min-height: 350px;
	}

	.form-details-sec h4 {
		font-size: 22px;
		padding-top: 15px;
	}

		.form-details-sec h4:before {
			top: 10px;
		}

	.form-sec input[type="text"] {
		font-size: 16px;
		padding: 14px 0;
		margin-bottom: 15px;
	}

	.three-box-sec h2 {
		font-size: 20px;
	}
	label#termsandconditions-error{
		position: absolute;
		top: 38px;
		left: 0;
	}
	.review-sec h3{
		font-size: 22px;
	}
	.detail-sec h2{
		font-size: 20px;
	}
	.detail-sec h2,.detail-sec.last h2{
		margin-bottom: 20px;
	}
	.three-area:nth-last-of-type(3) .thrre-img-box:nth-of-type(1) img{
		width: auto;
	}

	.warrantyWrapper .radio-box {
		width: 100% !important;
	}
    
    /*    28-10-20 starts  */
    .banner-logo{
        width: 25%;
        left: 10px;
        top: 15px;
    }
    .banner-caption h1{
        font-size: 17px;
    }
    .safe-sanitized{
        width: 22%;
    }
    
    /*    28-10-20 end  */
}

/*    29-10-20 start  */

@media(max-width:400px) {
    
    .banner-sec{
        height: 250px;
        min-height: 250px;
    }
    .banner-caption h1 {
        font-size: 15px;
        position: relative;
        top: 10px;
    }
}


/*    29-10-20 end  */