/******************************************************************
  Template Name: HVAC
  Description: HVAC Car Dealer HTML Template
  Author: Colorlib
  Author URI: https://www.colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Car Section
7.  Feature Section
8.  Latest Blog Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/


/* buttons */
.car__details__pic__large img{
	max-width: 100%;

}
.detale {
	padding-top: 70px;
}
.primary-btn {
	display: inline-block;
	font-size: 15px;
	padding: 12px 24px;
	color: #ffffff;
	font-weight: 700;
	background: #db2d2e;
	border-radius: 2px;
}

.site-btn {
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	padding: 15px 35px 12px 38px;
	background: #db2d2e;
	border: none;
	border-radius: 2px;
}


/*---------------------
  Car Details
-----------------------*/

.car-details {
	padding-bottom: 70px;
}

.car__details__pic {
	margin-bottom: 50px;
}

.car__details__pic__large {
	margin-bottom: 20px;
}

.car__details__pic__large img {
	min-width: 100%;
}

.car-thumbs .ct img {
	cursor: pointer;
}

.car__details__tab .nav-tabs {
	border-bottom: none;
	background: #f7f7f7;
	padding: 0 30px;
}

.car__details__tab .nav-tabs .nav-item {
	display: inline-block;
	margin-right: 62px;
}

.car__details__tab .nav-tabs .nav-item:last-child {
	margin-right: 0;
}

.car__details__tab .nav-tabs .nav-item .nav-link {
	font-size: 20px;
	color: #707070;
	font-weight: 700;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 22px 0 16px;
	position: relative;
}

.car__details__tab .nav-tabs .nav-item .nav-link:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 100%;
	background: #db2d2e;
	content: "";
	opacity: 0;
}

.car__details__tab .nav-tabs .nav-item .nav-link.active {
	background-color: transparent;
}

.car__details__tab .nav-tabs .nav-item .nav-link.active:after {
	opacity: 1;
}

.car__details__tab .tab-content {
	padding-top: 45px;
}

.car__details__tab__info {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 40px;
}

.car__details__tab__info__item {
	margin-bottom: 30px;
}

.car__details__tab__info__item h5 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 6px;
}

.car__details__tab__info__item ul li {
	list-style: none;
	font-size: 15px;
	color: #707070;
	line-height: 36px;
}

.car__details__tab__info__item ul li i {
	color: #db2d2e;
	margin-right: 8px;
	font-size: 10px;
}

.car__details__tab__feature__item {
	margin-bottom: 30px;
}

.car__details__tab__feature__item h5 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 6px;
}

.car__details__tab__feature__item ul li {
	list-style: none;
	font-size: 15px;
	color: #707070;
	line-height: 36px;
}

.car__details__tab__feature__item ul li i {
	color: #db2d2e;
	margin-right: 8px;
	font-size: 10px;
}

.car__details__sidebar {
	padding: 25px 30px 20px;
	background: #f7f7f7;
}

.car__details__sidebar__model {
	margin-bottom: 5px;
}

.car__details__sidebar__model ul {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 6px;
	margin-bottom: 20px;
}

.car__details__sidebar__model ul li {
	list-style: none;
	font-size: 15px;
	color: #727171;
	line-height: 36px;
	overflow: hidden;
}

.car__details__sidebar__model ul li span {
	color: #353535;
	font-weight: 700;
	float: right;
}

.car__details__sidebar__model .primary-btn {
	display: block;
	text-align: center;
	border-radius: 0;
	padding: 12px 0 10px;
}

.car__details__sidebar__model .primary-btn i {
	margin-right: 5px;
}

.car__details__sidebar__model p {
	color: #353535;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	margin-bottom: 0;
}

.car__details__sidebar__payment ul {
	margin-bottom: 30px;
}

.car__details__sidebar__payment ul li {
	list-style: none;
	font-size: 15px;
	color: #727171;
	line-height: 36px;
	overflow: hidden;
}

.car__details__sidebar__payment ul li:last-child span {
	font-size: 20px;
}

.car__details__sidebar__payment ul li span {
	color: #353535;
	font-weight: 700;
	float: right;
}

.car__details__sidebar__payment .primary-btn {
	display: block;
	border-radius: 0;
	text-align: center;
	margin-bottom: 10px;
	padding: 12px 0 10px;
}

.car__details__sidebar__payment .primary-btn i {
	margin-right: 5px;
}

.car__details__sidebar__payment .primary-btn.sidebar-btn {
	background: #ffffff;
	color: #727171;
	border: 1px solid #ebebeb;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.car__details__tab .nav-tabs .nav-item {
		margin-right: 8px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.car__details__tab .nav-tabs .nav-item {
		margin-right: 8px;
	}
}

/* Wide Mobile = 480px */

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

}

/* Small Device = 320px */

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