/* ****************
Ratina
************** */

@media (min-width: 1920px) {
	.blog-img img {
		height: 480px;
	}

	.recent-post .blog-img img {
		height: 420px;
	}

	.details-img {
		height: 600px;
		width: 100%;
	}

	.blog-con img.detailsimg {
		height: 600px;
	}

	.slider-nav .prev i {
		top: 40%;
	}

	.slider-nav .next i {
		top: 40%;
	}
}

@media (max-width: 1920px) {
	.blog-img img {
		height: 380px;
	}

	.recent-post .blog-img img {
		height: 320px;
	}

	.details-img {
		height: 500px;
		width: 100%;
	}

	.blog-con img.detailsimg {
		height: 500px;
	}

	.slider-nav .prev i {
		top: 36%;
	}

	.slider-nav .next i {
		top: 36%;
	}
}

@media (max-width: 1440px) {
	.dreamcar-btn li a {
		padding: 5px 20px 5px;
	}

	.recent-post .blog-img img {
		height: 220px;
	}

	.blog-img img {
		height: 280px;
	}

	.slider-nav .prev i {
		top: 30%;
	}

	.slider-nav .next i {
		top: 30%;
	}
}

@media (max-width: 1200px) {
	.dreamcar-title h1 {
		font-size: 48px;
	}

	.contact-btn a {
		padding: 5px 8px 5px 1px;
	}

	.banner-img img {
		height: 300px;
	}

	.details-right .contact-btn a {
		padding: 6px 7px 6px 6px;
		font-size: 14px;
	}

	.car-content h5 {
		font-size: 14px;
	}

	.headline li a {
		font-size: 12px;
	}

	.header-right .offer a {
		display: inline-block;
		padding: 13px 15px;
	}

	.schedule-text h2 {
		font-size: 22px;
	}

	.blog-img img {
		height: 250px;
	}

	.blog-con h1 {
		font-size: 20px;
		min-height: 100px;
	}

	.blog-con p {
		font-size: 14px;
	}

	.user-readmore h5 {
		font-size: 14px;
	}

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

	.blog-title h2 {
		font-size: 32px;
	}

	.blog-title p {
		font-size: 14px;
	}

	.catagories h2 {
		font-size: 20px;
	}

	.catagories li a {
		font-size: 14px;
		margin: 5px 0;
	}

	.pagination li a {
		font-size: 16px;
		line-height: 36px;
		height: 40px;
		width: 40px;
		border-radius: 10px;
		margin-bottom: 15px;
	}

	.footer-menu li a {
		font-size: 14px;
	}

	.footer-menu .table td,
	.footer-menu .table th {
		font-size: 14px;
	}

	.footer-menu p {
		font-size: 14px;
	}

	.recent-post .blog-img img {
		height: 180px;
	}

	.recent-post .blog-con h1 {
		font-size: 16px;
		min-height: 90px;
	}

	.vehicles-details-con .media-body h6 {
		font-size: 12px;
	}

	.details-img {
		height: 100%;
		width: 100%;
	}

	.blog-con img.detailsimg {
		width: 100%;
		height: 100%;
	}

	.header-area .logo img {
		height: 36px;
	}

	.slider-nav .next i {
		top: 28%;
	}

	.slider-nav .prev i {
		top: 28%;
	}
}

/* ****************
Desktop
************** */

@media (max-width: 1024px) {
	.dreamcar-title h1 {
		font-size: 36px;
	}

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

	.vehicles-slider .owl-prev i {
		left: -60px;
		top: 35%;
	}

	.vehicles-slider .owl-next i {
		right: -60px;
		top: 35%;
	}

	.contact-btn a {
		padding: 5px 5px 5px 2px;
	}

	.contact-btn a svg {
		margin-right: 0px;
	}

	.bestprice-box h3 {
		font-size: 14px;
		margin-bottom: 20px;
	}
}

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

@media (max-width: 991px) {
	.fixed-top {
		position: fixed;
		top: 0;
		padding: 10px 0;
	}

	.headline {
		display: none;
	}

	.offer a {
		display: none !important;
	}

	.dream {
		height: auto;
	}

	.banner-img img {
		height: 200px;
	}

	.banner-text h2 {
		font-size: 30px;
	}

	.banner-text h4 {
		font-size: 18px;
	}

	.banner-toyota {
		height: 200px;
		width: 100%;
	}

	.banner-img {
		position: absolute;
		top: 0;
		right: 0;
	}

	.contact-btn a {
		padding: 6px 3px 6px 1px;
	}

	.schedule-text p {
		font-size: 14px;
	}

	.find-car h3 {
		font-size: 22px;
	}

	.find-car p {
		opacity: 0.6;
		font-size: 14px;
	}

	.findcar-con li {
		display: block;
	}

	.more-info {
		padding: 15px;
	}

	.more-info .media-body h5 {
		font-size: 18px;
	}

	.more-info .media-body p {
		font-size: 14px;
	}

	.week-time .table td,
	.week-time .table th {
		padding: 5px 0;
		font-size: 12px;
	}

	.week-time .table td:last-child {
		font-size: 12px;
	}

	.work-hours .title h3 {
		font-size: 16px;
	}

	.work-hours {
		margin: 0;
	}

	.owl-dots {
		display: none;
	}

	.banner-area {
		padding: 30px 0;
		height: 100%;
		position: relative;
	}

	.specials-car .owl-nav {
		display: none;
	}

	.maps {
		width: 100%;
	}

	.dealership-con {
		margin: 15px 0;
	}

	.vehicles-slider .owl-prev i {
		left: 86%;
		top: -134px;
	}

	.vehicles-slider .owl-next i {
		right: -26px;
		top: -134px;
	}

	.contact-area {
		margin-bottom: 15px;
	}

	.contact-btn a svg {
		margin-right: 5px;
	}

	.details-right .price h4 {
		font-size: 18px;
	}

	.car-details {
		padding: 40px 0;
	}

	.margin-top {
		margin-top: 72px;
	}

	.details-header h2 {
		font-size: 20px;
	}

	.details-header p {
		font-size: 14px;
	}

	.car-search-bar {
		margin-top: 0;
		margin-bottom: 15px;
	}

	.new-used {
		width: 220px;
		float: left;
	}

	.blog-img img {
		height: auto;
	}

	.blog-con h1 {
		font-size: 20px;
		min-height: auto;
		margin-bottom: 15px;
	}

	.blog-details .blog-con {
		padding: 15px 0;
	}

	.next i {
		width: 32px;
		height: 32px;
		font-size: 24px;
		line-height: 32px;
	}

	.prev i {
		width: 32px;
		height: 32px;
		font-size: 24px;
		line-height: 32px;
	}
}

@media (max-width: 768px) {
	.details-right .contact-btn a {
		padding: 6px 7px 6px 5px;
		font-size: 13px;
	}

	.schedule-service {
		background-image: none;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
}

/* **************** 
Tab 
************** */

@media (max-width: 767px) {
	.vehicles-tabs .nav-tabs .nav-link {
		padding: 5px;
		font-size: 14px;
	}

	.margin-top {
		margin-top: 40px;
	}

	.car-details {
		padding: 30px 0;
	}

	.car-details .title h3 {
		font-size: 20px;
	}

	.vehicles-slider .items h3 {
		font-size: 18px;
	}

	.vehicles-slider .items p {
		font-size: 14px;
	}

	.vehicles-slider .owl-prev i {
		left: 88%;
		top: -120px;
		padding: 10px;
		font-size: 18px;
	}

	.vehicles-slider .owl-next i {
		right: -10px;
		top: -120px;
		padding: 10px;
		font-size: 18px;
	}

	.videos-con {
		position: relative;
		margin-bottom: 15px;
	}

	.dream {
		display: none;
	}

	.dreamcar-btn {
		display: none;
	}

	.dreamcar-area {
		height: auto;
	}

	.mobile-header {
		display: block;
	}

	.mobile-header .dreamcar-btn {
		display: block;
	}

	.explore-vehicles .title {
		border-top-left-radius: 32px;
		border-top-right-radius: 32px;
		background-color: #171a21;
		padding: 30px 20px;
	}

	.explore-vehicles {
		overflow: hidden;
		margin-bottom: 75px;
		margin-top: -85px;
	}

	.vehicles-tabs {
		margin-top: 0;
	}

	.banner-img img {
		height: 150px;
	}

	.banner-toyota {
		height: 100%;
		width: 100%;
		margin-top: 50px;
	}

	.banner-text {
		padding-top: 20px;
	}

	.specials-car .owl-nav {
		display: block;
	}

	.specials-car .owl-prev i {
		left: 90%;
		top: -120px;
		padding: 10px;
		font-size: 18px;
		position: absolute;
		background-color: #252a35;
		left: 85%;
		top: -40px;
		transition: all 0.4s ease;
	}

	.specials-car .owl-next i {
		right: -36px;
		top: -120px;
		padding: 10px;
		font-size: 18px;
		position: absolute;
		background-color: #252a35;
		right: 0;
		top: -40px;
		transition: all 0.4s ease;
	}

	.specials-car .owl-prev i:hover {
		color: #252a35;
		background-color: #fff;
		transition: all 0.4s ease;
	}

	.specials-car .owl-next i:hover {
		color: #252a35;
		background-color: #fff;
		transition: all 0.4s ease;
	}

	.work-hours {
		margin: 0;
		position: relative;
		overflow: inherit;
		padding: 50px 0;
	}

	.wirk-time,
	.full-work {
		display: block;
	}

	.mobile-table {
		display: block;
		padding: 30px;
		background-image: linear-gradient(to right, #252a35, #252a35, #252a35);
		width: 100%;
		border-radius: 40px;
	}

	.work-hours:before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		bottom: 0;
		background: #f0880f;
		z-index: -1;
		width: 100%;
		height: 50%;
	}

	.schedule-service {
		justify-content: flex-start;
		height: 100%;
		margin-right: 0;
		margin-top: 50px;
	}

	.schedule-service {
		display: none;
	}

	.mobileservice {
		display: block;
	}

	.dealership-con h5 {
		font-size: 18px;
	}

	.findcar-con {
		height: auto;
		display: flex;
		align-items: flex-end;
		width: 100%;
		margin-bottom: 15px;
	}

	.findcar-con li {
		display: inline;
	}

	.navigation .navbar-brand img {
		height: 30px;
	}

	.footer-logo img {
		height: 30px;
	}

	.dealership-con {
		margin: 15px 0;
	}

	.desktop .more-info {
		display: none;
	}

	.mobile-info .more-info {
		display: block;
		margin-left: 0;
		margin-top: 0px;
		border-radius: 15px;
		padding-bottom: 30px;
	}

	.contact-form {
		margin: 0 auto;
		margin-top: 0;
	}

	.bestprice-box .contact-form {
		margin: 0 auto;
		margin-top: 0px;
		width: 100%;
	}

	.vehicles-slider {
		padding: 15px;
	}

	.trade-con br {
		display: block !important;
	}

	br {
		display: none;
	}

	.breadcrumb-item a {
		color: #878aa1;
		font-size: 13px;
	}

	.breadcrumb-item.active {
		font-size: 13px;
	}

	.details-right .contact-form {
		margin: 0 auto;
		margin-top: 0;
		width: 100%;
	}

	.details-map {
		margin-top: -100px;
	}

	.details-right,
	.value-trade {
		display: none;
	}

	.mobile-vehile .details-right {
		display: block;
	}

	.mobile-vehile .value-trade {
		display: block;
	}

	.details-header .details-right {
		display: block;
	}

	.details-ttile {
		padding: 5px 0;
	}

	.details-header .details-right {
		padding: 0;
	}

	.details-header h2 {
		font-size: 16px;
	}

	.details-header p {
		font-size: 13px;
	}

	.details-right .contact-btn {
		margin: 10px 0;
	}

	.new-used {
		margin-bottom: 15px;
	}

	.search-option li:last-child {
		float: inherit;
	}

	.search-option li a {
		margin-bottom: 10px;
	}

	.mobile-view-search {
		display: block;
	}

	.search-option {
		display: none;
	}

	.search-result .car-details-left {
		display: none;
	}

	.car-search-bar {
		display: none;
	}

	.search-result {
		padding: 0px 0;
	}

	.search-header {
		display: block;
		padding: 0;
	}

	.search-result .title {
		border-radius: 32px;
		border: solid 1px rgba(104, 109, 130, 0.2);
		background-color: #252a35;
		padding: 30px 15px;
		margin-top: -30px;
		margin-bottom: 30px;
	}

	.searchpage {
		position: relative;
	}

	.eprive-carname .price {
		display: none;
	}

	.eprive-carname {
		bottom: 106px;
		padding: 15px;
	}

	.eprice-slider {
		margin-top: -50px;
		position: relative;
	}

	.modal-eprice .contact-form {
		margin-top: 0;
		padding: 0;
	}

	.eprice-price .price {
		display: block;
	}

	button.close {
		top: -20px;
		right: 30px;
	}

	.blog-img img {
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}

	.single-post {
		border-radius: 15px;
	}

	.catagories {
		margin-top: 30px;
		margin-bottom: 15px;
	}

	.recent-post .blog-img img {
		height: auto;
	}

	.recent-post .blog-con h1 {
		font-size: 16px;
		min-height: auto;
		margin-bottom: 25px;
	}

	.user-readmore {
		display: block;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 15px;
	}

	.user-readmore .media {
		margin-bottom: 25px;
	}

	.blog-title {
		padding: 15px 0;
		margin-bottom: 0px;
	}

	.call h1 {
		font-size: 36px;
	}

	.videos-con {
		display: none;
	}

	.mobile-serchbox {
		display: block;
		transition: all 0.4s ease;
		margin-bottom: 10px;
	}

	.car-content h5 {
		font-size: 14px;
		min-height: auto;
	}

	.btns {
		display: block;
		align-items: center;
	}

	.btns button {
		margin-bottom: 15px;
	}
}

@media (max-width: 575px) {
	.vehicles-tabs .nav-tabs .nav-link {
		padding: 5px 2px;
		font-size: 13px;
	}

	a.schedule-btn,
	a.schedule-btn2 {
		padding: 5px 15px;
		margin: 5px 0;
		font-size: 13px;
	}

	.findcar-con {
		display: flex;
		align-items: flex-end;
		width: 100%;
	}

	.finddreamcar {
		overflow: hidden;
		position: relative;
		padding: 30px 0;
	}

	.vehicles-details-con .media-body h6 {
		font-size: 12px;
	}

	.vehicles-details-con .media-body h5 {
		font-size: 12px;
	}

	.show-get {
		height: 225px;
		width: 100%;
		padding: 10px 15px;
	}

	.eprive-carname {
		bottom: 108px;
		padding: 15px;
	}

	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}

	.vehicles-slider .owl-prev i {
		left: 85%;
		top: -110px;
		padding: 6px;
		width: 30px;
		font-size: 15px;
		border-radius: 4px;
	}

	.vehicles-slider .owl-next i {
		right: -10px;
		top: -110px;
		padding: 6px;
		font-size: 15px;
		border-radius: 4px;
	}

	.specials-car .owl-prev i {
		padding: 6px;
		font-size: 15px;
		position: absolute;
		background-color: #252a35;
		left: 85%;
		top: -30px;
		transition: all 0.4s ease;
		border-radius: 4px;
	}

	.specials-car .owl-next i {
		padding: 6px;
		font-size: 15px;
		position: absolute;
		background-color: #252a35;
		right: 0;
		top: -30px;
		transition: all 0.4s ease;
		border-radius: 4px;
	}

	.banner-img {
		position: absolute;
		top: 0;
		right: 0;
	}

	.search-result .title h3 {
		font-size: 15px;
	}

	.fillter-btn li a {
		font-size: 16px;
	}

	.mobile-header .dreamcar-btn li a {
		font-size: 16px;
	}

	.title h3 {
		font-size: 16px;
	}

	.car-details .title h3 {
		font-size: 16px;
	}

	.details-right button.btn-link {
		font-size: 14px;
	}

	.banner-img img {
		height: 150px;
	}

	.sort-option h3 {
		font-size: 18px;
	}

	.sort-box h4 {
		font-size: 14px;
	}

	.cookis-area {
		right: 0;
		display: none;
	}
}

@media (max-width: 530px) {
	.cookkk .toggleSwitch.large.bottm {
		top: 270px;
		left: 30px;
	}

	.cookkk .toggleSwitch.large {
		top: 230px;
		left: 30px;
	}
}

@media (max-width: 480px) {
	.specials-car .owl-prev i {
		left: 80%;
	}

	.eprive-carname {
		bottom: 100px;
		padding: 15px;
	}
}

/* **************** 
Mobile 
************** */

@media (max-width: 375px) {
	.vehicles-tabs .nav-tabs .nav-link {
		padding: 5px 2px;
		font-size: 12px;
	}

	.show-get {
		height: 240px;
		width: 100%;
		padding: 15px 15px;
	}

	.eprive-carname {
		bottom: 62px;
		padding: 15px;
	}
}

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

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