@media only screen and (max-width: 991px) { 

	.roadImg {
		display: none;
	}
	.stepBox .inner::before {
		display: none;
	}

	.stepBox .block {
		height: auto;
		margin-bottom: 20px;
	}

	.faqBox .faqTabRight {
		padding-left: 0px !important;
		margin-top: 10px;
	}

	.faqBox .nav-pills {
		height: auto;
	}

	.faqBox  {
		padding-bottom: 120px;
	}
	.otpBox {
		width: 90%;
	}

	.ourBox ul li img {
		width: 100%;
	}

	.faqBox .nav-pills {
		width: 100%;
	}

	.margin-0 {
		margin: 0 !important;
	}

	.vehicleDetailsBox .s-category li {
		width: 40%;
	}
	.vehicleDetailsBox .detail {
		background-size: cover;
	}

	.vehicleDetailsBox .detail .inner .imageCol a {
		float: right;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.pqTabInner {
		overflow-x: scroll;
	}

	.sortByCol {
		width: 1366px;
	}

	.loanBox .inner {
		padding: 20px;
	}

	.sVehicleBox .s-model li img {
		max-width: 210px;
		width: 100%;
	}
	.s-model {
		flex-wrap: wrap;
	}
	.sVehicleBox .s-model li {
		width: 45%;
	}

}

@media only screen and (max-width: 767px) { 

	h1 {
		font-size: 40px !important;
	}

	h2 {
		font-size: 32px !important;
	}

	h3 {
		font-size: 24px !important;
	}

	h4 {
		font-size: 20px !important;
	}

	.ourBox ul li {
		width: 180px;
	}

	/* MyDetails Start */

	.pinBox .inner {
		padding: 40px 50px;
        margin-bottom: 50px;
	}

	.pinBox ul li.active a,
	.pinBox ul li a {
		width: 40px;
		height: 50px;
		padding: 11px;
		font-size: 20px;
		background-size: 100%;
	}
	
	.pinBox ul li span {
		width: 90px;
		margin: 0 auto;
		font-size: 12px;
	}

	.noService p {
		margin-top: 10px !important;
	}
	
	.otpBox {
			padding: 30px 10px 30px 10px;
	}

	.otpBox .inner .right .button-primary {
		margin: 0 auto;
		float: none;
	}

	/* Vehicle Details Start */
	.vehicleDetailsBox .s-category li {
		border-radius: 12px;
		padding: 16px 11px !important;
	}

	.vehicleDetailsBox .detail .inner ol li {
		width: 100%;
	}

	.filter .item  {
		padding-right: 0;
	}

	.letterScroll {
		overflow-x: scroll;
	}

	.tabUl {
		padding: 5px !important;
	}

	.tabAll {
		width: 120px;
		padding: 4px 10px !important;
		font-size: 14px !important;
	}

	.sVehicleBox .s-model li {
		width: 100%;
	} 
}


@media only screen and (max-width: 680px) { 
	.pinBox .inner {
		padding: 20px 20px;
	}


	.filter .item {
		width: 100%;
	}

	.vehicleDetailsBox .s-category li {
		width: 47%;	
	}
}