/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 1700px) {

}

@media (max-width: 1200px) {

}	
@media (max-width: 1023px) {
	.header_title h1 {
		margin: 0;
	}

	.header_right span:first-child{
		width: 100%; 
	}

	.header_title h1{
		font-size: 24px; 
	}

	.header_title{
		padding-left: 55px; 
	}

	.payment_options{
		position: relative;
	}

	.slider_content .vincheckbox_wrap p , .vincheckbox_wrap p{
		font-size: 18px; 
	}

	.service_box_content{
		padding: 20px 15px;
	}

	.service_box_content p {
	    font-size: 12px;
	}

	.add_banner img{
		width: 250px; 
		margin: 25px 0px; 
	}

	.rego_expiry ul li a{
		padding: 22px; 
	}

	.footer_menu ul li{
		margin-top: 20px; 
	}

	.slider_wrap {
		background-position: bottom;
	}
}
@media (max-width: 979px) {
.vincheckbox_wrap{
	width: 80%; 
}

.report_wrap ul li{
	margin-bottom: 25px; 
}
.social_media ul li a {
	background-size: 100% 100%;
}
.social_media ul li a {
	padding: 20px;
}
.service_box_title h2 {
	padding-left: 45px;
}
.service_box_title i {
	font-size: 44px;
	height: 70px;
	left: 15px;
	padding: 7px 0;
	top: -32px;
	width: 70px;
}
 
}

@media (max-width: 767px) {
.vincheckbox_wrap{
	width: 100%; 
}
.header_right, .header_left, .header_title {
	text-align:center;
	width: 100%;
}	
.social_media {
	text-align: center;
}

.header_title {
	margin-top: 15px;
	padding-left: 0px;
}
.service_box_title h2 {
	padding-left: 0px;
}

.header_right span:first-child {
    width: 200px;
}

.payment_options{
	display: none; 
}

}

@media (max-width: 686px) { 

}

@media (max-width: 650px) {

}

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

@media (max-width: 568px) {
.header_left , .header_right{
	width: 100%; 
	text-align: center;
	margin-bottom: 10px; 
}

.after_certificate{ margin-top: 880px; }


.footer_left , .footer_right{
	width: 100%; 
	float: none;
	text-align: center;
}

.footer_menu{
	text-align: center;
	margin-top: 20px; 
}

.footer_left{
	margin-bottom: 20px; 
}

.col_report_wrap ul li{
	width: 100%; 
}
.vincheckbox_wrap div.price {
	height: 110px;
	width: 124px;
}
.vincheckbox_wrap div.price span {
	padding: 30px 0;
	transform: rotate(42deg);
}

.slider_wrap {
	background-position: center;
}

.single_content_page .vincheckbox_wrap{
	background-color: #000;
	background-repeat: no-repeat;
	background-size: 100%; 
}

.top-text{
   background: #f2f2f3 none repeat scroll 0 0;
    font-size: 21px;
    margin: 20px 0;
    padding: 25px 0;
    text-align: center;
}

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

.where_vin, .header_title{
	display: none;
}


.header_left, .header_right{
	width: 45%; 
}

.header_right span:first-child{
	width: 100%; 
}

.vincheckbox_wrap.regocheckbox_wrap form button.vin_search {
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
    width: 100%;
}

.vincheckbox_wrap.regocheckbox_wrap select {
    height: 52px;
    right: 0;
    width: 50%;
}

.download_page_wrap ul li.small , .download_page_wrap ul li{
	width: 90%; 
}

.download_page_wrap ul li span{
	position: absolute;
	right: -80px;
	top: 0px; 
}

.paymet_method_form form input{
	width: 65%; 
}

.slider_content .vincheckbox_wrap p, .vincheckbox_wrap p{
	font-size: 18px; 
}

.vincheckbox_wrap form input{
	font-size: 20px; 
}

.report_wrap ul li{
	font-size: 12px; 
}

.report_wrap ul li img{
	width: 40px; 
}

.vincheckbox_wrap form button.vin_search {
    display: block;
    font-size: 12px;
    height: 100%;
    padding: 12px 20px;
    width: 100%;
    border-radius: 5px;
    position: relative;
    margin-top: 10px; 
}

.payment_options{
	position: relative;
	text-align: center;
}

.payment_options h1{
	font-size: 16px; 
	margin-bottom: 15px; 
}

.a_loading_image {
    height: 41px;
    padding: 8px 0;
    right: 0;
}

#accordion.ui-accordion .ui-accordion-icons{
	font-size: 16px; 
}

.vincheckbox_wrap input.payment_button{
	padding: 8px 42px; 
}

}	

@media (max-width: 382px) {

.no_vin a{
	font-size: 14px; 
}	

.vincheckbox_wrap form input{
	font-size: 12px; 
}

.slider_content .vincheckbox_wrap p, .vincheckbox_wrap p{
	font-size: 13px; 
}

.slider_title h1 {
	margin: 55px 30px;
}

.report_wrap h3{
	font-size: 22px; 
}

.vincheckbox_wrap.regocheckbox_wrap select{
	height: 40px; 
}

}

@media (max-width: 322px) {
.service_box_title h2 {
	padding-left: 30px;
}
}

