@import url(//fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
/*========================================================
                    Main layout styles
=========================================================*/

:root{
--theme-color-1:#C73538;
--theme-color-2:#333333;
--theme-color-white:#ffffff;
--theme-color-black:#000000;
}


/*========================================================
                    RESPONSIVE
=========================================================*/
@media only screen and (max-width: 979px) { 
  nav {
    height: 60px;
  }
  .sf-menu ul {
    right: -150px;
  }
  .sf-menu ul ul {
    top: 0!important;
  }
  .sf-menu li {
    min-height: 60px;
  }
  .sf-menu > li > a {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 60px;
    border-bottom: 0;
  }
  .sf-menu li ul {
    top: 61px;
  }
  .sf-menu li ul li {
    height: 24px;
    min-height: 30px;
  }
  .sf-menu > li > a.sf-with-ul:after {
    top: 50px;
  }
  .sf-menu > li > ul > li > a.sf-with-ul:after {
    right: 5px;
  }
  #header .header_contacts_row_1 {
	margin-top: 7px;
	float: right;
	font-size: 24px;
	color: #107D39;
	padding-top: 10px;
}
#header .header_contacts_row_2 {
	margin-top: 7px;
	float: right;
	font-size: 22px;
	color: #000000;
	clear: both;
}
#header .header_contacts_row_3 {
	margin-top: 7px;
	float: right;
	font-size: 22px;
	color: #000000;
	clear: both;
}
#header .header_contacts_row_1 strong {
	font-size: 22px;
	color: #F58320;
	font-weight: bold;
}
#header .header_contacts_row_2 strong {
	font-size: 22px;
	color: #E3352F;
	font-weight: bold;
}
#header .header_contacts_row_3 strong {
	font-size: 22px;
	color: #E3352F;
	font-weight: bold;
}
}
@media only screen and (max-width: 767px) {
  .bottom_menu {
    display: none;
  }
  nav {
    height: 75px;
    margin-top: 40px;
  }
  .sf-menu {
    display: none;
  }
  .select-menu {
	background: #000000;
	border: 2px none #ffffff;
	color: #ffffff;
	display: block;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
	width: 90%;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
  }
  #header .header_contacts_row_1 {
	margin-top: 7px;
	font-size: 32px;
	color: #514F50;
	padding-top: 20px;
	text-align: center;
	float: none;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#header .header_contacts_row_2 {
	margin-top: 7px;
	font-size: 22px;
	color: #000000;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#header .header_contacts_row_3 {
	margin-top: 7px;
	font-size: 22px;
	color: #000000;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#header .header_contacts_row_1 strong {
	font-size: 22px;
	color: #F58320;
	font-weight: bold;
}
#header .header_contacts_row_2 strong {
	font-size: 22px;
	color: #E3352F;
	font-weight: bold;
}
#header .header_contacts_row_3 strong {
	font-size: 22px;
	color: #E3352F;
	font-weight: bold;
}
}
#header {
  position: relative;
  text-align: left;
  -webkit-box-shadow: 0 7px 7px #dddddd;
  box-shadow: 0 7px 7px #dddddd;
  background-color: #E3352F;
}
#header h1 {
	margin: 0px;
	height: 100px;
	padding-top: 26px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h1 {
  margin: 32px 0 19px;
}
h1 a {
  text-transform: uppercase;
  position: relative;
  color: #E3352F;
  font-weight: 900;
  font-size: 110px;
  line-height: 95px;
  z-index: 1;
  letter-spacing: -7px;
}
h1 a span {
  margin-left: 6px;
  font-size: 50px;
  line-height: 50px;
  font-weight: 300;
  color: #000000;
  letter-spacing: -3px;
  vertical-align: bottom;
}
h1 a:hover,
.block h3 a:hover,
.thumb h4 a:hover {
  color: #E3352F;
}
.login {
  position: relative;
  display: inline-block;
  margin-top: 23px;
}
.login li {
  float: left;
}
.login li + li {
  margin-left: 18px;
}
.login li a {
  color: #E3352F;
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
  text-transform: uppercase;
}
.top_link {
  position: relative;
  display: block;
  top: 15px;
  float: right;
  background: #000000;
  font-size: 16px;
  line-height: 53px;
  padding: 0 20px;
  color: #ffffff;
  font-weight: 700;
  width: 203px;
  text-transform: uppercase;
}
.top_link .fa {
  color: #E3352F;
  font-size: 26px;
  line-height: 53px;
  margin-right: 10px;
}
.top_link:hover {
  color: #E3352F;
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content {
  background-color: #FAFAFA;
}
.bg1 {
   background-color: #FAFAFA;
}
.bg2 {
  background: #eeeeee;
}
.bg3 {
  background: #f1f1f1;
}
.bg4 {
  background: #514F50;
}
.bg5 {
  background: #2B398E;
}
.bg5 img {
	width: 100%;
}
.right {
  text-align: right;
}
.p31 {
  padding: 0px 0 31px;
}
.p30 {
  padding: 30px 0 0px;
}
.p32 {
  padding: 30px 0 32px;
}
.p43 {
  padding: 0px 0 43px;
}
.center {
  text-align: center;
}
.m1 {
  margin-bottom: 17px;
}
.m2 {
  margin-bottom: 30px;
}
.m2 p {
  color: #FADDDC !important;
}
.m3 {
  margin-bottom: 20px;
}
.white {
  color: #ffffff;
}
.red {
  color: #514F50;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
h2,
h3,
h4,
h5,
h6 {
  display: block;
  color: #ffffff;
  position: relative;
  font-family: 'Lato';
  text-transform: uppercase;
}
h2 {
  font-size: 28px;
  line-height: 27px;
  margin-bottom: 23px;
  font-weight: 900;
  color: #000000;
}
h3 {
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: #000;
}
h4 {
  color: #000000;
    font-size: 20px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 18px;
    margin-bottom: 9px;
}
h5 {
  color: #ad9480;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: .6px;
  text-transform: uppercase;
}
/************section*************/
.section {
  position: relative;
  overflow: hidden;
  background: #f1f1f1;
  padding: 30px 30px 27px;
}
/************article*************/
article {
  position: relative;
  overflow: hidden;
  padding-bottom: 3px;
}
article h4 {
  color: #E3352F;
}
article + span {
  margin-bottom: 18px!important;
}
.l {
  float: left;
  margin-right: 30px;
}
.r p {
  margin-top: 8px;
}
/************thumbs*************/
.thumb {
  position: relative;
  overflow: hidden;
  text-align: left;
  background: #ffffff;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-family: 'Lato';
}
.thumb img {
  margin-bottom: 12px;
}
.thumb h4 {
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	line-height: 120%;
	padding-left:5px;
	font-size: 17px;
	padding-top: 2px;
	margin-bottom: 2px;
}
.thumb span {
  color: #E3352F;
  font-weight: 900;
  font-size: 18px;
}
.thumb p {
	font-size: 13px;
	padding-top: 0px;
	padding-left:5px;
}
.thumb1 {
  position: relative;
  width: 47%;
  float: left;
  margin-top: -4px;
}
.thumb1 + .thumb1 {
  margin-left: 30px;
}
.thumb1 h4 {
  color: #E3352F;
}
.thumbnail {
  position: relative;
  overflow: hidden;
  width: 217px;
  float: left;
}
.thumbnail img {
  margin-bottom: 27px;
}
.thumbnail h4 {
  margin-bottom: 7px;
}
.thumbnail h4 a {
  color: #E3352F;
}
.thumbnail + .thumbnail {
  margin-left: 29px;
}
.thumb_4 {
  width: 31.77%;
  float: left;
  margin-top: -11px;
}
.comm {
  font-size: 12px;
  line-height: 12px;
  margin: 6px 0 0;
  position: relative;
}
.comm .fa {
  margin-right: 3px;
}
.wrap1 {
  margin-bottom: 40px;
}
.circle {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 46px;
  width: 46px;
  line-height: 46px;
  font-size: 28px;
  font-family: 'Lato';
  text-align: center;
  background: #E3352F;
  color: #ffffff;
  margin-top: 0;
  font-weight: 700;
  float: left;
  margin-right: 16px;
  -webkit-border-radius: 500px;
  border-radius: 500px;
}
.block,
.block1 {
  position: relative;
  overflow: hidden;
}
.block > div {
  background: #E3352F;
  padding: 0 12px 20px;
  margin-top: -31px;
}
.block h3 {
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}
.block p {
  margin-top: 6px;
}
.block1 > div {
  padding: 8px 12px 21px;
}
.block1 h2 {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 26px;
}
.block1 h3 {
  font-size: 19px;
  line-height: 33px;
  font-weight: 900;
  letter-spacing: -0.2px;
  color: #E3352F;
}
.block1 p {
  color: #f3f3f3;
}
.add {
  float: left;
  margin-right: 72px;
  margin-bottom: 46px;
}
.txt {
  position: relative;
  margin-bottom: 21px;
  text-align: left;
}
.txt:last-child {
  margin-bottom: 8px;
}
.txt h4 {
  color: #E3352F;
  margin-bottom: 4px;
}
.txt a {
  margin-top: 0px;
  display: inline-block;
  color: #E3352F;
  text-decoration: underline;
}
.txt a:hover {
  text-decoration: none;
  color: #E3352F;
}
.txt ul {
	color: #888888;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 15px;
	padding-left: 25px;
	font-style: italic;
	margin-bottom: 15px;
}
/************rating*************/
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  margin: 8px 0 4px;
}
.rating > span {
  display: inline-block;
  position: relative;
  margin-right: -3px;
  font-size: 12px;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
  content: "\f005";
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #E3352F;
  position: absolute;
  top: -4px;
  left: 0;
}
/************sidebar*************/
.sidebar {
  position: relative;
  overflow: hidden;
  padding: 27px 30px;
  font-family: 'Lato';
}
.sidebar h4 {
  margin-bottom: 10px;
  color: #E3352F !important;
  padding-top: 0px;
}
.sidebar p {
  color: #999999 !important;
}
.sidebar img {
  margin-bottom: 33px;
}
.sidebar.bg3 > div {
  display: block;
  margin-top: 8px;
  line-height: 14px;
  font-size: 11px;
  font-family: 'Lato';
  font-weight: 400;
}
.sidebar.bg3 > div .fa {
  font-size: 12px;
  margin-right: 5px;
}
.sidebar.bg3 > div a:hover {
  color: #E3352F;
}
.divider {
  height: 1px;
  display: block;
  position: relative;
  margin: 15px 0 10px;
  background: #c8c8c8;
}
/************tabs*************/
.tabs {
  margin-top: 0;
}
.tab-content {
  overflow: hidden;
}
.nav {
  overflow: hidden;
  border: none;
  background: none;
  padding: 0;
  margin-bottom: 10px;
}
.tabs .nav li {
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 283px;
  border: 0px solid #c8c8c8;
}
.tabs .nav li + li {
  margin-left: -1px;
}
.tabs .nav li.selected a {
  position: relative;
  z-index: 2;
  background: transparent;
  color: #514F50;
  margin-bottom: -1px;
}
.tabs .nav li a {
  font-size: 28px;
  line-height: 55px;
  display: block;
  color: #000000;
  font-weight: 800;
  font-family: 'Lato';
  float: none;
  background-color: #f1f1f1;
}
/*******************links*******************/
.link {
  position: relative;
  display: inline-block;
  background: #E3352F;
  color: #ffffff !important;
  font-family: 'Lato';
  text-decoration: none;
  text-transform: uppercase;
  margin: 0px 0 0;
  padding: 0 28px;
  font-size: 16px;
  line-height: 53px;
  font-weight: 700;
  border-radius: 0px;
}
.link:hover {
  color: #000000 !important;
}
.link1 {
  background: #E3352F;
  font-size: 20px;
  line-height: 53px;
  display: inline-block;
  width: 100%;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  margin-top: 7px;
  border:none;
  cursor:pointer;
}
.link1:hover {
  color: #ffffff;
}
.bg4 h4 > a:hover {
  color: #ffffff !important;
}
.link3 {
  font-weight: bold;
  display: inline-block;
  margin-top: 5px;
}
/**********lists**************/
.list {
  position: relative;
  overflow: hidden;
  text-align: left;
}
.list li {
  position: relative;
  margin-left: 25px;
}
.list li a {
  color: #888888;
  line-height: 35px;
}
.list li .fa {
  position: absolute;
  left: -25px;
  font-size: 19px;
  color: #E3352F;
  line-height: 35px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.list1 {
  padding-top: 8px;
}
.list1 li {
  position: relative;
  overflow: hidden;
  margin-bottom: 17px;
}
.list1 li + li {
  border-top: 1px solid #323232;
  padding-top: 19px;
}
.list1 img {
  float: left;
  margin: 0 29px 0 0;
}
/**Footer**/

footer {
	display: block;
	background: url(../images/f_bg.png) 0 0 repeat-x;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}

footer ul {
	margin-left: 0px;
	font-size: 13px;
}

footer ul>li>a {
	display: inline-block;
	color: #C73538;
	font-size: 16px;
}

footer ul>li+li {
    margin-top: -2px;
}


footer strong {
	font-weight: 700;
}

.f_cont h4 {
    padding-bottom: 3px;
}

.f_cont p {
    margin-bottom: 0;
}

.f_cont p+h4 {
    padding-top: 24px;
}

.f_phone {
    font-weight: bold;
    font-size: 16px;
    margin-top: -1px;
    margin-bottom: 24px;
}


footer .socials {
    overflow: hidden;
}

footer .socials a {
    font-size: 19px;
    color: #282828;
    display: block;
    float: left;
}

footer .socials a+a {
    color: #777;
    margin-left: 19px;
}

footer .socials a:hover {
    color: #fde758;
}

.copy {
    margin-top: 32px;
	border-top: 1px solid #e0e0e0;
    padding-top: 15px;
    font-size: 12px;
    text-align: left;
}
 
.copy strong {
    font-weight: 600;
    text-transform: uppercase;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    left: 51%;
    margin-left: 640px;
    overflow: hidden;
    width: 73px;
    height: 73px;
    border: none;
    text-indent: -999px;
    z-index: 20;
    background: url(../images/totop.png) no-repeat left 0;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}
#toTop:hover {
  background: url(../images/totop_hover.png) 0 0 no-repeat;
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  background: url(../images/totop.png) 0 0 no-repeat;
  border: none;
  bottom: 305px;
  display: none;
  height: 42px;
  left: 56.2%;
  margin-left: 500px;
  overflow: hidden;
  position: fixed;
  text-decoration: none;
  text-indent: -999px;
  width: 42px;
  z-index: 20;
  opacity: .7;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#toTop:hover {
  background: url(../images/totop_hover.png) 0 0 no-repeat;
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
/*--------------------index-5-------------------*/
.last	{margin:0 !important;}
.no_bg {background:none !important;}

.wrapper10 {
  padding-bottom: 59px;
}
.wrapper1 {
  padding-top: 10px;
}


.heading1 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  padding: 12px 18px 14px;
  background: url(../images/gradient3.png) repeat-x center bottom #ffffff;
  margin-bottom: 21px;
  margin-top: 21px;
}
h2 {
  font: 700 27px/33px "Lato", sans-serif;
  color: #303030;
  text-transform: uppercase;
}

.heading1.heading1__offset1 {
  margin-bottom: 31px;
}
.heading1 h2			{ display:inline-block; float:left; border-bottom:none; padding:0; margin:0;}	
.heading1 p				{ display:inline-block; float:right; font-family: 'Lato', sans-serif; font-size:24px; line-height:22px; color:#000000; font-weight:700; padding:8px 0 0 0; margin:0;}	
.heading1 .our			{ display:none; margin:0; padding:0;}	
.break_mob				{ display:none;}
.break_mob select		{ display:block; margin:0; padding:7px 0 10px 6px; width:100%; font-family: 'Lato', sans-serif; font-size:18px; line-height:18px; color:#9da4ab; font-weight:400; outline:none; border-radius:3px; width:100%; border:#cfcfcf 1px solid;}
.call					{ display:none;}	
.call p					{ display:inline-block; float:left; margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:27px; line-height:27px; color:#171717; font-weight:400;}
.call p					{ display:inline-block; float:left; margin:0; padding:4px 8px 0 0;}
.call input				{ display:inline-block; float:left; margin:0; padding:11px 0 11px 0; width:36px; outline:none; border:none; background:url(../images/search1.png) no-repeat left center;  cursor:pointer;}	



.parts_main				{ display:block; margin:0; padding:0;}
.parts					{ display:block; margin:0; padding:0;}
.parts_list				{ display:block; margin:0; padding:4px 0 0 0;}	
.parts_list ul			{ display:block; margin:0; padding:0;}		
.parts_list ul li		{ display:inline-block; float:left; margin:0 12px 0 0; padding:0;}
.parts_list ul li select{ display:block; margin:0; padding:7px 0 10px 6px; width:304px; font-family: 'Lato', sans-serif; font-size:15px; line-height:15px; color:#000000; font-weight:700; outline:none; border-radius:3px; background:#e8e8e8; cursor:pointer;}		
.parts_list ul li input { display:block; margin:0; padding:8px 0 10px 0; width:221px; font-family: 'Lato', sans-serif; font-size:20px; line-height:20px; color:#ffffff; font-weight:700; outline:none; border:none; border-radius:0px !important; background:#C73538; cursor:pointer;    box-shadow: 0px 0px 0px var(--theme-color-black);}
.door_main				{ display:block; margin:0; padding:20px 0 0 0;}		
.door					{ display:block; margin:0 0 14px 0; padding:0; background:url(../images/gradient5.png) repeat top center #ededed; border:#bdbdbd 1px solid; border-radius:2px; box-shadow: -2px 1px 12px #d7d7d7;}
.door_view				{ display:inline-block; float:left; margin:0; padding:0; width:200px; background:url(../images/gradient5.png) repeat top center;}
.door_cnt				{ display:inline-block; float:left; margin:0; padding:26px 0 17px 28px; width:665px; border-right:#e3e3e3 1px solid;background:url(../images/gradient5.png) repeat top center #ededed;}
.door_cnt h2			{ display:inline-block; margin:0; padding:0 0 28px 0; font-family: 'Lato', sans-serif; font-size:29px; line-height:29px; color:var(--theme-color-1); font-weight:700; letter-spacing:-1.5px;  }
.door_cnt h2 span		{ display:inline-block; margin:0; padding:7px 0 0 7px; font-family: 'Lato', sans-serif; font-size:24px; line-height:24px; color:#000000; font-weight:400; }
.engine					{ display:block; margin:0; padding:0;}
.engine ul				{ display:inline-block; float:left; margin:0; padding:0; border-right:#c5c5c5 1px solid; width:195px;}
.engine ul li			{ display:block; margin:0; padding:0 0 10px 0; font-family: 'Lato', sans-serif; font-size:15px; line-height:15px; color:#000000; font-weight:700;}
.engine ul li p			{ display:inline-block; margin:0; padding:0 0 0 4px; font-family: 'Lato', sans-serif; font-size:15px; line-height:15px; color:#000000; font-weight:400;}
.engine ul.genunine		{ border-right:none; padding:0 0 0 40px; width:280px;}
.door_links				{ display:inline-block; float:left; margin:0; padding:17px 0 17px 0; background:url(../images/gradient6.png) repeat top center #efefef; text-align:center; width:19.9%;}
.door_links ul			{ display:inline-block; margin:0; padding:0;}
.door_links ul li		{ display:block; margin:0; padding:0;}
.door_links ul li a		{ display:inline-block; margin:0 auto 16px auto; padding:2px 0 4px 6px; background:url(../images/tick.png) no-repeat 4px center var(--theme-color-2); font-family: 'Lato', sans-serif; font-size:13px; line-height:15px; color:#FFF; font-weight:400; width:156px; border-radius:13px;}
.door_links ul li a.active	{ background:#999999; padding:2px 0 4px 12px; }

.door_links ul li span	{ display:block; margin:0; padding:0 0 26px 0; font-family: 'Lato', sans-serif; font-size:42px; line-height:42px; color:#E3352F; font-weight:900;}			
.door_links ul li input	{ display:block; margin:0 auto; padding:8px 0 8px 0; font-family: 'Lato', sans-serif; font-size:16px; line-height:16px; color:#FFF; font-weight:700; width:173px; outline:none; border:none; background:url(../images/zoom.png) no-repeat 10px center #C73538; border-radius:5px !important; cursor:pointer;    box-shadow: 0px 0px 0px #000000;}		
.display_main			{ display:block; margin:30px 0 0 0; padding:21px 0 13px 84px; background:#e8e8e8;}
.display_main p			{ display:inline-block; float:left; margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:14px; line-height:14px; color:#9e949e; font-weight:400; width:377px;} 	
.display_main p small	{ display:inline-block; margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:14px; line-height:14px; color:#b41d00; font-weight:400;} 
.display_main .display_p { display:none;}			
.display_main ul		{ display:inline-block; float:left; margin:0; padding:0;}
.display_main ul li		{ display:inline-block; float:left; margin:0; padding:0;}
.display_main ul li a	{ display:inline-block; margin:0; padding:0 15px 0 15px; font-family: 'Lato', sans-serif; font-size:14px; line-height:14px; color:#b41d00; font-weight:400; background:url(../images/list_right.png) no-repeat right center;}
.display_main ul li a.active	{ color:#949494;}
.pages					{ display:none; margin:0 auto; padding:0; width:200px;}
.pages p				{ display:inline-block; margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:14px; line-height:14px; color:#ad272d; font-weight:400;} 	
.pages p span			{ display:inline-block; margin:0; padding:0 0 0 10px; font-family: 'Lato', sans-serif; font-size:12px; line-height:12px; color:#9094ab; font-weight:400;} 	

.break_mob				{ display:none;}
.break_mob select		{ display:block; margin:0; padding:7px 0 10px 6px; width:100%; font-family: 'Lato', sans-serif; font-size:18px; line-height:18px; color:#9da4ab; font-weight:400; outline:none; border-radius:3px; width:100%; border:#cfcfcf 1px solid;}

.heading1 .our			{ display:none; margin:0; padding:0;}	

.door_mob_cnt			{ display:none;}	
.door_mirror			{ display:block; margin:0; padding:12px 0 10px 7px; }
.door_mirror h3			{ display:block; margin:0; padding:0 0 7px 0; font-family: 'Lato', sans-serif; font-size:18px; line-height:18px; color:var(--theme-color-1); font-weight:700; text-transform:capitalize;} 	
.door_mirror p			{ display:block; margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:15px; line-height:15px; color:#000000; font-weight:400;} 	
.engine_main			{ display:block; margin:0; padding:0;}
.engine_mob				{ display:inline-block; float:left; margin:0; padding:11px 0 0 7px; background:#e8e8e8; width:128px;}
.engine_mob ul			{ display:inline-block; margin:0; padding:0;}
.engine_mob ul li		{ display:block; margin:0; padding:0 0 10px 0; font-family: 'Lato', sans-serif; font-size:15px; line-height:15px; color:#000000; font-weight:700;}
.engine_mob ul li p		{ display:inline-block; margin:0; padding:0 0 0 4px; font-family: 'Lato', sans-serif; font-size:15px; line-height:15px; color:#000000; font-weight:400;}
.view_mob				{ display:inline-block; float:left; margin:0; padding:0;}
.view_mob input			{ display:block; margin:0; padding:22px 0 23px 0; font-family: 'Lato', sans-serif; font-size:16px; line-height:16px; color:#FFF; font-weight:700; width:119px; outline:none; border:none; background:url(../images/zoom.png) no-repeat 10px center #C73538;  cursor:pointer;}	

.call					{ display:none;}	
.call p					{ display:inline-block; float:left; margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:27px; line-height:27px; color:var(--theme-color-1); font-weight:400;}
.call p					{ display:inline-block; float:left; margin:0; padding:4px 8px 0 0;}
.call input				{ display:inline-block; float:left; margin:0; padding:11px 0 11px 0; width:36px; outline:none; border:none; background:url(../images/search1.png) no-repeat left center;  cursor:pointer;}	


.alfa_main				{ display:none; margin:0; padding:18px 0 0 0;}
.alfa_list				{ display:block; margin:0; padding:12px 0 12px 0; border-bottom:#c5c5c5 1px solid;}
.Romeo					{ display:inline-block; float:left; margin:0; padding:8px 8px 8px 8px; background:var(--theme-color-1); font-family: 'Lato', sans-serif; font-size:17px; line-height:17px; color:var(--theme-color-white); font-weight:700; border-radius:5px; text-align:center; box-shadow:0px 0px 0px #000000;}
.alfa_list ul			{ display:inline-block; float:right; margin:0; padding:8px 0 0 0;}
.alfa_list ul li		{ display:inline-block; float:left; margin:0 0 0 10px; padding:0;}
.alfa_list ul li a		{ display:block; margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:15px; line-height:15px; color:#514F50; font-weight:700; text-decoration:underline;}
.Romeo1					{ width:54px;}
.Romeo2					{ width:91px;}
.Romeo3					{ width:70px;}

.parts_list ul li.ch_parts	{ display:block;}
.parts_list ul li.Year		{ display:none; }

.parts_list ul li.ch_parts1	{ display:none;}
.parts_list ul li.Year1		{ display:block; }


.shadow_mob				{ display:block; background:none; padding:0;}

.display_main ul li:nth-last-child(2)	{ display:none;}
.display_main ul li:nth-last-child(1)	{ display:none;}


.vehicles_main			{ display:block; margin:0; padding:0;}
.dismantling			{ display:block; margin:0; padding:0;}
.parts_list1			{ padding:4px 0 31px 0;}
.alfa_main1				{ display:block;}
.alfa_list1				{ padding:10px 0 11px 0;}
.alfa_list1 ul li a		{ font-size:13px; line-height:13px;}
.vehicles				{ display:block; margin:0 0 14px 0; padding:0; border:1px solid #bdbdbd;background:url(../images/gradient5.png) repeat top center #ededed; border-radius: 2px; box-shadow: -2px 1px 12px #d7d7d7;}
.vehicles_view			{ display:inline-block; float:left; margin:0; padding:0; width:200px; background:url(../images/gradient5.png) repeat top center;}
.toyota					{ display:inline-block; float:left; margin:0; padding:22px 0 10px 28px; width:702px; border-right:#e3e3e3 1px solid;background:url(../images/gradient5.png) repeat top center;}
.toyota h2				{ display:inline-block; float:left; margin:0; padding:0 0 19px 0; font-family: 'Lato', sans-serif; font-size:32px; line-height:32px; color:#000000; font-weight:700; letter-spacing:-1px;  }
.toyota h2 span			{ display:inline-block; margin:0; padding:7px 0 0 7px; font-family: 'Lato', sans-serif; font-size:24px; line-height:24px; color:#000000; font-weight:400; text-transform:capitalize;}
.manual					{ display:inline-block; float:right; margin:0; padding:10px 19px 3px 0;}
.manual ul				{ display:block; margin:0; padding:0;}
.manual	ul li			{ display:inline-block; float:left; margin:0 8px 0 0; padding:0;}
.engine1				{ padding:0 0 0 3px;}
.engine1 ul				{ width:178px;}
.engine1 ul li			{ padding:0 0 4px 0;}
.engine1 ul li p small	{ display:block; width:16px; height:16px; background:#303030; border-radius:8px; color:#303030;}
.engine1 ul li p small.active	{ background:#00468c;}
.engine1 ul li p a		{ display:inline-block; margin:1px 0 0 5px; padding:2px 0 4px 18px; font-family: 'Lato', sans-serif; font-size:10px; line-height:10px; color:#ffffff; font-weight:400; border-radius:4px; width:66px; background:url(../images/setting.png) no-repeat 5px center #E3352F;}
.door_links1			{ padding:30px 0 20px 0;}
.door_links1 ul li a	{ margin:0 auto 42px auto; }
.vehicles_block			{ display:block; margin:0; padding:0;}
.engine1 ul.genunine	{ padding:0 0 0 56px;}
.engine2 ul li p small	{ background:#00468c; }	
.vech_mob_cont			{ display:none;}
.vech_mob_cont h2		{ display:inline-block; float:left; margin:0; padding:0 0 19px 0; font-family: 'Lato', sans-serif; font-size:18px; line-height:18px; color:#000000; font-weight:700;}
.vech_mob_cont h2 span	{ display:inline-block; margin:0; padding:2px 0 0 7px; font-family: 'Lato', sans-serif; font-size:14px; line-height:14px; color:#000000; font-weight:400; text-transform:capitalize;}
.engine_mob1				{ background:none;}
.engine_mob1 ul			{ border:none;}
.manual_mob				{ display:none;}
.manual1				{ background:#e8e8e8; float:left; width:239px; padding:19px 0 11px 23px;} 
.manual1 ul li			{ margin:0 22px 0 0;}
.vehicles1				{ display:none;}


.vehicles_main			{ display:block; margin:0; padding:0;}
.quick					{ display:inline-block; float:left; margin:0; padding:0; width:298px;}
.quick h2				{ display:block; margin:0; padding:13px 0 7px 0; font-family: 'Lato', sans-serif; font-size:22px; line-height:22px; color:#000000; font-weight:700; text-transform:capitalize; border:0;} 	
.dismantling1			{ display:inline-block; float:right; margin:0; padding:0; width:837px;}

.alfa_main2				{ display:block;}
.Romeo					{ font-size:14px; line-height:12px;}
.Romeo4					{ }
.Romeo5					{ width:82px;}
.alfa_list2				{ padding:10px 0 11px 0;}
.alfa_list2 ul li a		{ font-size:12px; line-height:13px;}
.parts_list2			{ padding:0 0 33px 0;}
.parts_list2 ul li			{ margin:0 20px 0 0;}  
.parts_list2 ul li select	{ width:194px;}
.parts_list2 ul li input	{ width:220px;    letter-spacing: 1.3px;
    padding: 17px 30px;}
.vehicles				{ display:block; margin:0 0 11px 0; padding:0; border:1px solid #bdbdbd;background:url(../images/gradient5.png) repeat top center #ededed; }
.vehicles_view			{ display:inline-block; float:left; margin:0; padding:0; width:202px; background:url(../images/gradient5.png) repeat top center;}
.toyota1					{ display:inline-block; float:left; margin:0; padding:4px 0 0 16px; width:438px; border-right:#e3e3e3 1px solid;background:url(../images/gradient5.png) repeat top center;}
.toyota1 h2				{ display:block; margin:0; padding:0 0 0 0; font-family: 'Lato', sans-serif; font-size:30px; line-height:32px; color:var(--theme-color-1); font-weight:700; border:0;width:380px; }
.toyota1 h2 span			{ display:inline-block; margin:0; padding:7px 0 0 7px; font-family: 'Lato', sans-serif; font-size:22px; line-height:24px; color:#000000; font-weight:400; text-transform:capitalize;}
.manual2				{ display:block; margin:0; padding:0 0 3px 0; float:none;}
.manual2 ul				{ display:block; margin:0; padding:0;}
.manual2 ul li			{ display:inline-block; float:left; margin:0 10px 0 0; padding:0;}
.engine2				{ padding:0 0 0 3px;}
.engine2 ul				{ width:134px;}
.engine2 ul li p small	{ display:block; width:16px; height:16px; background:#303030; border-radius:8px; color:#303030;}
.engine2 ul li			{ font-size:13px; line-height:13px; padding:0 0 5px 0;}
.engine2 ul li p		{ font-size:13px; line-height:13px;}
.engine2 ul li p a		{ display:inline-block; margin:1px 0 0 5px; padding:2px 0 4px 18px; font-family: 'Lato', sans-serif; font-size:10px; line-height:10px; color:#ffffff; font-weight:400; border-radius:4px; width:90px; background:url(../images/setting.png) no-repeat 5px center #514F50;}
.engine2 ul.genunine	{ width:265px; padding:0 0 0 20px;}
.door_links2			{ width:21.2%; padding:26px 0 17px 0;}
.door_links2 ul li a	{ background:#514F50; margin:0 auto 49px auto;}
.door_links2 ul li input	{ width:134px;}
.vehicles_block			{ display:block; margin:0; padding:0;}
.vehicles2				{ display:none;}

.door_parts				{ display:block; margin:0; padding:0;}
.door_block				{ display:inline-block; float:right; margin:0; padding:0; width:837px;}
.door_view1				{ width:201px;}
.door_view1 a img		{ width:100%; height:auto;}
.door_cnt1				{ width:457px; padding:15px 0 12px 14px;}
.door_cnt1 h2			{ font-size:25px; line-height:26px; padding:0 0 6px 0; border:0;}
.door_cnt1 h2 span		{ font-size:22px; line-height:22px; padding:4px 0 0 7px;}
.engine4 ul				{ width:177px;}
.engine4 ul.genunine	{ padding:0 0 0 30px; width:247px;}
.engine4 ul li			{ font-size:14px; line-height:14px;}
.door_links3			{ width:19.4%; padding:17px 0 15px 0;}
.door_links3 ul li a	{ font-size:14px; line-height:14px; width:160px; margin:0 auto 16px auto;}

.door_links3 ul li span	{ font-size:37px; line-height:33px; padding:0 0 10px 0;}
.door_links3 ul li input { width:144px;}

/*--------------------index-5 Ends Here-------------------*/
/*------------------------------------index-6----------------------------------------*/
.vech_mob_cont {
    display: none;
}
.manual_mob {
    display: none;
}
.vech_mob_cont h2 {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 0 19px 0;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: var(--theme-color-1);
    font-weight: 700;
}
.vech_mob_cont h2 span {
    display: inline-block;
    margin: 0;
    padding: 2px 0 0 7px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: var(--theme-color-1);
    font-weight: 400;
    text-transform: capitalize;
}
.manual1 {
    background: #e8e8e8;
    float: left;
    width: 239px;
    padding: 19px 0 11px 23px;
}
.manual1 ul li {
    margin: 0 22px 0 0;    display: inline-block;
    float: left;
}
.engine1 {
    padding: 0 0 0 3px;
}
.engine_mob1 {
    background: none;
}
.engine_mob1 ul {
    border: none;
}
.engine_mob ul li p {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 4px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 15px;
    color: #000000;
    font-weight: 400;
}
.engine1 ul li {
    padding: 0 0 4px 0;
}


/*========================================================
                RESPONSIVE LAYOUTS STYLES 
=========================================================*/
@media only screen and (max-width: 1475px) {
	#toTop						{ left:auto; right:20px !important; margin:0 !important; bottom:100px;}
}
@media only screen and (max-width: 1199px) {
  .block > img,
  .block1 > img,
  .thumb img,
  .thumbnail img,
  .sidebar img {
    width: 100%;
  }
  .tabs .nav li {
    width: 49.5%;
  }
  .block h3 {
    font-size: 17px;
  }
  .block1 h2 {
    font-size: 22px;
  }
  .block1 h3 {
    font-size: 15px;
  }
  .thumb h4 {
    font-size: 18px !important;
  }
  .thumbnail {
    width: 173px;
  }
  .thumbnail + .thumbnail {
    margin-left: 20px;
  }
  .top_link {
    font-size: 14px;
    width: auto;
  }
  .rating > span {
    margin-right: 0;
  }
  .rating {
    margin: 10px 0 8px;
  }
  .link3 {
    font-size: 15px;
  }
  .divider {
    margin: 25px 0 20px;
  }
  .list1 img {
    float: left;
    margin: 0 14px 60px 0;
    width: 40%;
  }
/*------------------------------------index-5----------------------------------------*/
.parts_list ul li			{ width:24%;}
.parts_list ul li select	{ width:100%;}
.parts_list ul li input		{ width:100%;}

.door_view					{ width:200px;}
.door_view a img				{ width:100%; height:auto;}
.door_cnt					{ width:559px; padding:12px 0 12px 15px;}
.door_cnt h2				{ font-size:22px; line-height:22px;}
.door_cnt h2 span			{ font-size:18px; line-height:18px; padding:5px 0 0 7px;}
.door_main					{ padding:20px 0 0;}
.engine ul					{ width:175px;}
.door_links					{ padding:17px 0 13px; width:19.8%;}
.door_links ul li a			{ margin:0 auto 15px auto;}
.door_links ul li span		{ padding:0 0 10px; font-size:38px; line-height:38px;}




.toyota						{ padding:22px 0 18px 15px; width:580px;}
.toyota h2					{ font-size:30px; line-height:30px;}
.manual						{ padding:10px 10px 3px 0;}
.vehicles_main				{ padding:0;}
.engine1 ul.genunine		{ padding:0 0 0 35px;}
.toyota h2 span				{ font-size:22px; line-height:22px;}
.door_links1				{ width:172px; padding:24px 0 26px;}
.door_links1 ul li input	{ width:148px;}
.door_links1 ul li a		{ margin:0 auto 42px auto;}
.vehicles_view				{ width:200px;}
.vehicles_view a img			{ width:100%; height:auto;}

.dismantling1				{ width:74%;}
.quick						{ width:24%;}
.Romeo4						{}
.Romeo5						{ width:65px;}
.Romeo						{ font-size:12px; line-height:12px;}
.alfa_list2 ul li a			{ font-size:10px; line-height:13px;}
.alfa_list2 ul li			{ margin:0 0 0 5px;}
.parts_list2 ul li			{ width:23.5%;}
.vehicles_view1				{ width:24%;}
.toyota1					{ width:53%; padding:5px 0 5px 10px; box-sizing: border-box;}
.toyota1 h2					{ font-size:22px; line-height:22px; display:block; float:none;}
.toyota1 h2 span			{ font-size:16px; line-height:16px; padding:3px 0 0 7px;}
.manual2					{ display:block; padding:0px 10px 1px 0;}
.engine2 ul li				{ font-size: 11px; line-height: 11px; }	
.engine2 ul li p			{ font-size: 11px; line-height: 11px; }
.engine2 ul li p small		{ width:12px; height:12px;}
.engine2 ul					{ width:36.5%;}	
.engine2 ul.genunine		{ width:63%; box-sizing:border-box;}
.door_links2 ul li a		{ margin:0 auto 25px auto;}
.door_links2				{ width:23%; padding:19px 0 16px;}



.door_block				  	{ width:74%;}
.door_view1					{ width:24%;}

.door_cnt1					{ width:53.5%; padding:4px 1%; box-sizing: border-box;}
.door_cnt1 h2				{ font-size:22px; line-height:22px;}
.door_cnt1 h2 span			{ font-size:17px; line-height:17px; padding:4px 0 0 3px;}
.engine4 ul					{ width:36.5%;}
.engine4 ul.genunine		{ padding:0 0 0 20px; width:63%; box-sizing: border-box;}
.engine4 ul li				{ font-size:13px; line-height:13px;}
.engine4 ul li p			{ font-size:13px; line-height:13px;}
.door_links3				{ width:22.5%; padding:9px 0;}
.door_links3 ul li a	 	{ margin:0 auto 10px auto; width:127px;}
.door_links3 ul li span		{ font-size:28px; line-height:28px;}
.door_links3 ul li input	{ width:126px;}
.door_cnt1 h2				{ padding:0 0 22px 0;}
.door_links3 ul li a.active	 { width:127px;}


/*------------------------------------index-5 Ends Here----------------------------------------*/

}
@media only screen and (max-width: 979px) {
  .block1 h3 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -1px;
  }
  .block h3 {
    font-size: 13px;
    line-height: 16px;
  }
  .thumb h4 {
	font-size: 30px;
	height: auto;
  }
.thumb p {
	font-size: 20px;
	padding-top: 0px;
}
  .link1 {
    font-size: 16px;
  }
  #footer h1 a {
    font-size: 67px;
    letter-spacing: -5px;
    line-height: 67px;
  }
  #footer h1 a span {
    font-size: 35px;
    letter-spacing: -3px;
    line-height: 41px;
    margin-left: 6px;
  }
  .thumbnail {
    width: 100%;
  }
  .thumbnail + .thumbnail {
    margin: 30px 0 0;
  }
  article + span {
    margin-bottom: 30px !important;
  }
  .list1 img {
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }
  .thumb1 {
    width: 46%;
  }
  .thumb1 h4 {
    font-size: 14px;
  }
  .m3 {
    margin-bottom: 0;
  }
/*------------------------------------index-5----------------------------------------*/
.parts_list ul li			{ width:23.8%;}
.parts_list ul li select	{ width:100%;}
.parts_list ul li input		{ width:100%;}

.door_view					{ width:24%;}
.door_view a img				{ width:100%; height:auto;}
.door_cnt					{ width:53.5%; padding:10px 1%;}
.door_cnt h2				{ font-size:18px; line-height:18px; padding:0 0 20px;}
.door_cnt h2 span			{ font-size:14px; line-height:14px; padding:5px 0 0 7px;}
.engine ul li p				{ font-size:12px; line-height:12px;}
.engine_mob ul li p			{ font-size:15px; line-height:15px;}
.engine ul li				{ font-size:13px; line-height:13px;}
.door_main					{ padding:20px 0 0;}
.engine ul					{ width:33%;}
.engine ul.genunine			{ width:65%; padding:0 0 0 20px;}
.door_links					{ padding:15px 0 14px; width:22.5%;}
.door_links ul li a			{ margin:0 auto 10px;}
.door_links ul li span		{ padding:0 0 10px; font-size:24px; line-height:24px;}
.door_links ul li input		{ width:131px; margin:0 auto;}
.display_main				{ padding:21px 0 13px 20px;}
.display_main p				{ width:230px;}
	
/* ------------------------- NAVIGATION HERE ---------------*/



.toyota						{ padding:18px 0 2px 10px; width:419px;}
.toyota h2					{ font-size:25px; line-height:25px;}
.manual						{ padding:10px 0 3px 0;}
.vehicles_main				{ padding:0;}
.engine1 ul.genunine		{ padding:0 0 0 13px; width:226px;}
.toyota h2 span				{ font-size:15px; line-height:16px;}
.door_links1				{ width:148px; padding:14px 0 14px;}
.door_links1 ul li input	{ width:128px;}
.door_links1 ul li a		{ margin:0 auto 42px auto;}
.vehicles_view				{ width:170px;}
.vehicles_view a img			{ width:100%; height:auto;}
.engine1 ul					{ width:155px;}
.manual	ul li				{ margin:0 3px 0 0;}
.manual1 ul li {
    margin: 0 22px 0 0;
}	
.door_links1 ul li a		{ font-size:12px; width:128px; background-size:12% 59%;}


.dismantling1				{ width:713px; float:none; display:block; margin:0 auto;}
.quick						{ width:226px;}
.alfa_list2 ul li a			{ font-size:11px; line-height:13px;}
.parts_list2 ul li			{ width:22.5%;}
.vehicles_view1				{ width:23.5%;}
.toyota1					{ width:53.5%; padding:5px 0 5px 10px;}
.toyota1 h2					{ font-size:22px; line-height:22px; display:block; float:none;}
.toyota1 h2 span			{ font-size:16px; line-height:16px; padding:3px 0 0 7px;}
.manual2					{ display:block; padding:0px 10px 6px 0;}
.engine2 ul li				{ font-size: 11px; line-height: 11px; }	
.engine2 ul li p			{ font-size: 11px; line-height: 11px; }
.engine2 ul li p small		{ width:12px; height:12px;}
.engine2 ul					{ width:139px;}	
.engine2 ul.genunine		{ width:200px;}
.door_links2 ul li a		{ margin:0 auto 25px auto;}
.door_links2				{ width:23%; padding:19px 0 16px;}

.quick						{ display:none;}
.alfa_main3					{ display:block; width:98%; margin:0 auto;}

.door_block					{ display:block; margin:0 auto; width:98%; float:none;} 
.manual1					{ padding:19px 0 11px 23px;}
h2 {
    font-size: 19px;
}
 .list_mobile_version{
	  display:none !important;
  }
/*------------------------------------index-5 Ends Here----------------------------------------*/
}
@media only screen and (max-width: 767px) {
  .p30 {
    padding: 30px 0 0;
  }
  .p32 {
    padding: 0 0 40px;
  }
  .wrap,
  .m2 {
    margin-bottom: 40px;
  }
  .m2 img {
	width: 100%;
  }
  .wrap1,
  .wrap2 {
    padding-top: 40px;
  }
  .login {
    display: inline-block;
    float: left;
    margin-top: 23px;
  }
  .login li + li {
    margin-left: 13px;
  }
  .logo {
	width: auto;
	margin-left: auto;
	margin-right: auto;
  }
#header h1 {
	margin: 0px;
	height: 95px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
  .right {
    text-align: center;
  }
  .top_link {
    float: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 49px;
    padding: 0px 15px;
    position: relative;
    top: 8px;
    width: auto;
  }
  .login {
    display: inline-block;
    float: none;
    margin-top: 0;
  }
  .block h3 {
    font-size: 15px;
    line-height: 23px;
  }
  .block > div {
    margin-top: -31px;
    padding: 0 20px 20px;
  }
  .block1 h3 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0px;
  }
  .socials {
	display: block;  
    left: 0;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
  }
  .l {
    float: none;
    margin: 0 0 20px;
  }
  .l img {
    width: 100%;
  }
  .thumb_4 {
    float: none;
    margin-top: 0;
    width: 100%;
  }
  .thumb_4 + .thumb_4 {
    margin-top: 20px;
  }
  .thumb1 {
    width: 100%;
  }
  .thumb1.m2 {
    margin: 0;
  }
  .thumb1 + .thumb1 {
    margin: 35px 0 0;
  }
  .thumb1 h4 {
    font-size: 16px;
  }
/*------------------------------------index-5----------------------------------------*/

.break_mob					{ display:none; padding:0 0 20px 0;}
.parts_list ul li			{ margin:0 0 6px 0; width:100%;}	
.parts_list ul li select	{ width:100%;}
.parts_list ul li input		{ width:100%;}
/*.heading1 p					{ display:none;}*/
.heading1 h2				{
	display: block;
	font-size: 22px;
	font-weight: bold;
}					
.heading1 .our				{ display:block; text-align:center; float:none;}

.door_main					{ padding:20px 0 0 0;}	
.door_cnt					{ display:none;}	
.door_links					{ display:none;}

.door_view					{ width:39.61%;}
.door_mirror h3				{font-size: 15px; line-height: 18px;}
.door_view a img			{ width:100%; height:auto;}
.door1						{ display:block; border:#bcbcbc 1px solid;}
.display_main				{ text-align:center; padding:21px 0 13px 0;}
.display_main p				{ display:none; width:auto; float:none; text-align:center; padding:0 0 10px 0;}
.display_main .display_p	{ display:block; text-align:center;}
.display_main ul			{ float:none;}
.pages						{ display:block;}

.call						{ display:none; float:none; padding:0 0 12px 0; text-align:center; width:100%;}
.call p						{ float:none;}
.call input					{ float:none;}
.pages p					{ display:block;}	
.alfa_main					{ display:block;}
.parts_list ul li.Year		{ display:block;}
.parts_list ul li.ch_parts	{ display:none;}

.parts_list ul li.ch_parts1	{ display:none;}
.parts_list ul li.Year1		{ display:block; }


.shadow_mob					{ display:block; background:none; padding:0;}

.door_mob_cnt				{ display:inline-block; float:left; width:60%;}	

.engine_mob					{ width:50.3%;}
.view_mob					{ width:46.9%;}



/* ------------------------- NAVIGATION HERE ---------------*/	
.vehicles_main				{ padding:0;}

/* Mobile vehicle card - full width card layout */
.vehicles					{ display:block; margin:0 0 12px 0; padding:0; border:1px solid #ddd; border-radius:6px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.08); overflow:hidden;}

/* Hide desktop columns on mobile */
.toyota						{ display:none;}
.door_links					{ display:none;}
.manual						{ display:none;}

/* Show mobile elements */
.vech_mob_cont				{ display:block; float:none; padding:10px 12px 4px 12px; width:100%; box-sizing:border-box;}
.vech_mob_cont h2			{ display:block; float:none; font-size:18px; line-height:22px; color:#1a1a1a; font-weight:700; padding:0 0 6px 0; border:0; width:100%;}
.vech_mob_cont h2 span		{ display:inline; font-size:15px; font-weight:400; color:#444; padding:0 0 0 6px;}

/* Vehicle image */
.vehicles_view				{ display:block; float:none; width:100%; margin:0; padding:0;}
.vehicles_view a img		{ width:100%; height:200px; object-fit:cover; display:block;}

/* Engine/specs row */
.engine_mob					{ display:block; width:100%; padding:0 12px 8px 12px; box-sizing:border-box;}
.engine_mob ul				{ margin:0; padding:0; display:flex; flex-wrap:wrap; gap:4px 0;}
.engine_mob ul li			{ display:flex; align-items:baseline; font-size:13px; line-height:1.5; width:50%; color:#444; float:none; margin:0; padding:0 0 4px 0;}
.engine_mob ul li p			{ display:inline; margin:0; padding:0 0 0 4px; font-size:13px; color:#1a1a1a; font-weight:600;}

/* Manual/fuel icons row */
.manual_mob					{ display:block; padding:0 12px 8px 12px; box-sizing:border-box;}
.manual1					{ background:#f5f5f5; float:none; width:100%; padding:8px 12px; box-sizing:border-box; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.manual1 ul					{ margin:0; padding:0; display:flex; gap:10px;}
.manual1 ul li				{ display:inline-flex; align-items:center; float:none; margin:0;}
.manual1 ul li img			{ height:22px; width:auto;}

/* View button row */
.view_mob					{ display:block; padding:10px 12px 12px; box-sizing:border-box;}
.view_mob1					{ display:block; width:100% !important; padding:10px 12px 12px; box-sizing:border-box;}
.view_mob1 input			{ display:block; width:100% !important; padding:12px 0; font-size:15px; font-weight:700; letter-spacing:1px; background:#C73538; color:#fff; border:none; border-radius:5px; cursor:pointer; outline:none;}
.view_mob1 input:hover		{ background:#a02020;}

.dismantling1				{ width:100%; float:none;}
.vehicles1					{ display:block;}
.vehicles2					{ display:block;}
.engine1 ul					{ width:auto;}
.quick						{ display:none;}
.quick1						{ display:none;}
.door_block					{ display:block; margin:0 auto; width:100%;}

/*------------------------------------index-5 Ends Here----------------------------------------*/
}
@media only screen and (max-width: 479px) {
  .wrap {
    margin-bottom: 30px;
  }
  #header {
    text-align: center;
  }
  .logo {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
  }
#header h1 {
	margin: 0px;
	height: 45px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
  .tabs .nav li {
    width: 99%;
  }
  .tabs .nav li + li {
    margin: -1px 0 0 0;
  }
  .tabs .nav li.selected a {
    margin-bottom: 0;
  }
  .section {
    padding: 20px;
  }
  .socials {
	display: none;
  }
  h1 a {
    font-size: 76px;
    line-height: 76px;
  }
  h1 a span {
    font-size: 35px;
    letter-spacing: -3px;
    line-height: 43px;
  }
/*------------------------------------index-5----------------------------------------*/
.call						{ padding:0 20px 12px 0;}
.display_main p				{ font-size:13px; line-height:13px;}
.display_main p small		{ font-size:12px; line-height:13px;}
.display_main ul li a		{ padding:0 8px 0 8px;}
.alfa_list ul				{ padding:11px 0 0 0;}
.alfa_list ul li			{ margin:0 0 0 8px;}
.alfa_list ul li a			{ font-size:13px; line-height:13px;}
.display_main ul li:nth-last-child(2)	{ display:block;}
.display_main ul li:nth-last-child(1)	{ display:block;}
.vehicles_view a img		{ width:100%; height:180px; object-fit:cover;}
.vech_mob_cont h2			{ font-size:16px; line-height:20px !important;}
.vech_mob_cont h2 span		{ font-size:14px;}
.engine_mob ul li			{ font-size:12px; width:50%;}
.Romeo						{ font-size:14px; line-height:16px;}
.alfa_list ul li a			{ font-size:12px; line-height:12px;}
h2							{ font-size:16px; line-height:22px;}
.list_mobile_version		{ display:block !important;}
/*------------------------------------index-5 Ends Here----------------------------------------*/
}

@media only screen and (max-width: 320px) {
   .vech_mob_cont h2			{ font-size:14px; line-height:18px !important; padding:0;}
   .vech_mob_cont h2 span		{ font-size:13px;}
   .engine_mob ul li			{ font-size:11px;}
   .engine_mob1 ul li			{ padding:2px 0 0 0;}
}


.list_mobile_version{
	display:none !important;
}
@media (max-width: 479px) {
	.list_mobile_version{
		display:block !important;
	}
}
/* ============================================================
   MOBILE VEHICLE CARD - FULL DATA LAYOUT
   ============================================================ */
@media only screen and (max-width: 767px) {

   /* Fuel/transmission icons row */
   .mob-icons-row {
      display: flex;
      gap: 12px;
      align-items: center;
      padding: 6px 0 10px;
      flex-wrap: wrap;
   }
   .mob-icon-item {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 13px;
      color: #444;
      font-weight: 600;
      background: #f0f0f0;
      border-radius: 4px;
      padding: 4px 8px;
   }
   .mob-icon-item img {
      height: 18px;
      width: auto;
   }

   /* Specs grid - 2 columns */
   .mob-specs-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      border: 1px solid #e8e8e8;
      border-radius: 4px;
      overflow: hidden;
      margin-bottom: 10px;
   }
   .mob-spec-item {
      display: flex;
      flex-direction: column;
      padding: 7px 10px;
      border-bottom: 1px solid #e8e8e8;
      border-right: 1px solid #e8e8e8;
   }
   .mob-spec-item:nth-child(even) {
      border-right: none;
   }
   .mob-spec-full {
      grid-column: 1 / -1;
      border-right: none;
   }
   .mob-spec-item:last-child,
   .mob-spec-full:last-child {
      border-bottom: none;
   }
   .mob-spec-label {
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #999;
      font-weight: 700;
      margin-bottom: 2px;
   }
   .mob-spec-value {
      font-size: 13px;
      color: #1a1a1a;
      font-weight: 600;
   }

   /* Footer row: days badge + view parts button */
   .mob-footer-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 10px 0 4px;
   }
   .mob-days-badge a {
      display: inline-block;
      font-size: 12px;
      color: #fff !important;
      background: #555;
      border-radius: 20px;
      padding: 4px 10px;
      font-weight: 600;
      text-decoration: none !important;
   }
   .mob-days-badge a.active {
      background: #999;
   }
   .mob-view-btn {
      display: inline-block;
      background: #C73538;
      color: #fff !important;
      padding: 10px 20px;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.8px;
      border-radius: 4px;
      text-decoration: none !important;
      transition: background 0.2s ease;
   }
   .mob-view-btn:hover {
      background: #a02020;
      color: #fff !important;
   }
}

/* ============================================================
   PAGINATION
   ============================================================ */
.pagination_wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 12px;
   padding: 20px 0 30px;
   border-top: 2px solid #e8e8e8;
   margin-top: 10px;
}
.pagination_info {
   font-size: 14px;
   color: #666;
   font-weight: 500;
}
.pagination_count {
   color: #C73538;
   font-weight: 700;
}
.pagination_controls {
   display: flex;
   align-items: center;
   gap: 4px;
   flex-wrap: wrap;
}

/* Prev / Next links */
.pagination_prev a,
.pagination_next a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 8px 16px;
   background: #C73538;
   color: #fff !important;
   font-size: 13px;
   font-weight: 700;
   border-radius: 4px;
   text-decoration: none !important;
   transition: background 0.2s ease;
   letter-spacing: 0.5px;
   text-transform: uppercase;
}
.pagination_prev a:hover,
.pagination_next a:hover {
   background: #a02020;
   color: #fff !important;
}

/* Page number links */
.pagination_pages a,
.pagination_pages span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 36px;
   height: 36px;
   padding: 0 6px;
   font-size: 14px;
   font-weight: 600;
   border-radius: 4px;
   text-decoration: none !important;
   transition: all 0.2s ease;
   border: 1px solid #ddd;
   background: #fff;
   color: #333 !important;
   margin: 0 2px;
}
.pagination_pages a:hover {
   background: #f5f5f5;
   border-color: #C73538;
   color: #C73538 !important;
}
/* Active/current page */
.pagination_pages a.active,
.pagination_pages span.active,
.pagination_pages .current {
   background: #C73538;
   border-color: #C73538;
   color: #fff !important;
}

@media (max-width: 767px) {
   .pagination_wrapper {
      flex-direction: column;
      align-items: center;
      text-align: center;
   }
   .pagination_controls {
      justify-content: center;
   }
}

/* ============================================================
   VEHICLE CARD GRID
   ============================================================ */

/* Override dismantling1 float for grid context */
.vgrid-wrap.dismantling1 {
   /* Keep the existing float:right and width — just override padding/box-sizing */
   box-sizing: border-box;
   padding: 0 !important;
}

/* Grid container */
.vgrid-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 22px;
   padding: 4px 0 20px;
}

/* Card */
.vgrid-card {
   background: #fff;
   border-radius: 8px;
   border: 1px solid #e8e8e8;
   box-shadow: 0 2px 10px rgba(0,0,0,0.06);
   overflow: hidden;
   display: flex;
   flex-direction: column;
   transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.vgrid-card:hover {
   box-shadow: 0 6px 24px rgba(0,0,0,0.12);
   transform: translateY(-2px);
}

/* Photo */
.vgrid-photo-wrap {
   display: block;
   position: relative;
   overflow: hidden;
   background: #f0f0f0;
   aspect-ratio: 16/10;
}
.vgrid-photo-wrap img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   transition: transform 0.3s ease;
}
.vgrid-card:hover .vgrid-photo-wrap img {
   transform: scale(1.03);
}

/* Days badge overlaid on photo */
.vgrid-days-badge {
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 2;
}
.vgrid-badge {
   display: inline-block;
   background: rgba(26,26,26,0.82);
   color: #fff;
   font-size: 11px;
   font-weight: 700;
   padding: 4px 9px;
   border-radius: 20px;
   letter-spacing: 0.3px;
}
.vgrid-badge-new {
   background: rgba(199,53,56,0.90);
}
.vgrid-badge-old {
   background: rgba(100,100,100,0.82);
}

/* Card body */
.vgrid-body {
   padding: 14px 16px 16px;
   display: flex;
   flex-direction: column;
   flex: 1;
}

/* Title */
.vgrid-title {
   font-size: 16px;
   font-weight: 800;
   color: #1a1a1a;
   line-height: 1.3;
   margin-bottom: 2px;
}
.vgrid-year {
   color: #C73538;
   margin-right: 5px;
}
.vgrid-trim {
   font-size: 12px;
   color: #888;
   margin-bottom: 8px;
   line-height: 1.3;
}

/* Fuel/transmission pills */
.vgrid-pills {
   display: flex;
   gap: 6px;
   flex-wrap: wrap;
   margin-bottom: 10px;
}
.vgrid-pill {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   font-size: 12px;
   font-weight: 600;
   color: #444;
   background: #f4f4f4;
   border-radius: 4px;
   padding: 3px 8px;
}
.vgrid-pill img {
   height: 16px;
   width: auto;
}

/* Specs 2x2 grid */
.vgrid-specs {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0;
   border: 1px solid #efefef;
   border-radius: 5px;
   overflow: hidden;
   margin-bottom: 10px;
}
.vgrid-spec {
   display: flex;
   flex-direction: column;
   padding: 6px 10px;
   border-bottom: 1px solid #efefef;
   border-right: 1px solid #efefef;
}
.vgrid-spec:nth-child(even) { border-right: none; }
.vgrid-spec:nth-last-child(-n+2) { border-bottom: none; }
.vgrid-spec-label {
   font-size: 10px;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   color: #aaa;
   font-weight: 700;
   margin-bottom: 1px;
}
.vgrid-spec-val {
   font-size: 13px;
   font-weight: 600;
   color: #222;
}

/* Note */
.vgrid-note {
   font-size: 12px;
   color: #777;
   background: #fafafa;
   border-left: 3px solid #C73538;
   padding: 5px 8px;
   border-radius: 0 3px 3px 0;
   margin-bottom: 10px;
}
.vgrid-note i { color: #C73538; margin-right: 4px; }

/* CTA button - sticks to bottom */
.vgrid-btn {
   display: block;
   margin-top: auto;
   padding: 10px 16px;
   background: #C73538;
   color: #fff !important;
   font-size: 13px;
   font-weight: 700;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 0.8px;
   border-radius: 5px;
   text-decoration: none !important;
   transition: background 0.2s ease;
}
.vgrid-btn:hover {
   background: #a02020;
   color: #fff !important;
}

/* Responsive */
@media (min-width: 1200px) {
   .vgrid-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1199px) and (min-width: 768px) {
   .vgrid-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
   .vgrid-grid { grid-template-columns: 1fr; gap: 16px; }
}
