/* #Desktop 																				960 - 1239	*
===================================================================================================== */
@media only screen and (min-width: 992px) and (max-width: 1239px){	
	.mainmenu li {
	
		margin-right: 40px;

		}
	}


/*																								> 960
===================================================================================================== */
@media only screen and (min-width: 991px) {
		
}


/* #Tablet (Landscape) 																		768 - 959	*
===================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px){
	.mainmenu li {
	
		margin-right: 10px;

	}
	.mainmenu li a {
    padding: 10px 30px;
	}
	.submenu li a {
		background: url("../images/menu_bottom.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
		border: 0 none;
		color: #303030;
		float: left;
		font-weight: bold;
		height: 35px;
		padding: 10px 0;
		text-align: left;
		width: 210px;
	}
	.featured_cars 	.col-md-3{
		margin-bottom: 30px;
		clear: both;
		display: inline-block;
	}
	.featured_cars .col-md-3 img{
		width: 200px;
		float: left;
		margin-right: 30px;

	}
	.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
		left: 220px;
		bottom: -20px;
		position: absolute;
		top: auto;
		}
	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
		right: 220px;
		bottom: -20px;
		position: absolute;
		top: auto;
	}
	.bx-wrapper .bx-caption span {
		
		font-size: 22px;
		
	}
	.slider .caption {
    color: #3D3C3C;
    font-family: 'Roboto',sans-serif;
    font-size: 20px;
    font-weight: 400;
    left: 14px;
    line-height: 24px;
    position: absolute;
    top: 30px;
	}
	.inner_article .col-md-3 {
    width: 25%;
	float: left;
	}
	.inner_article .col-md-9 {
		width: 75%;
		float: left;
	}
}


/* #Tablet (Portrait) & Mobile - COMMON 														< 768	*
===================================================================================================== */
@media only screen and (max-width: 767px) {
	.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
		left: 220px;
		bottom: -20px;
		position: absolute;
		top: auto;
		}
	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
		right: 220px;
		bottom: -19px;
		position: absolute;
		top: auto;
	}

	}

/* #Tablet (Portrait) & #Mobile (Landscape)													480 - 767	*
===================================================================================================== */
@media only screen and (min-width: 481px) and (max-width: 767px){

	.inner_article .col-md-3 h2, .inner_article .col-md-3 h1{
	display: none;
	}
	.inner_article .side_menu{
	display: none;
	}
	.brands_wrapper  li{
		list-style-type: none;
		display:inline-block;
		width: auto;
		margin: auto 1%;
	}

	.mainmenu{
		display: none;
	}
	#menu_display{
			display: block;
	}
	.submenu{
	display: none;
	position: relative;
	padding: 0;
	margin: 0;
	top: auto;
	left: 0;
	margin-top: 50px;
	border: 0;
	background: #fff;
	z-index: auto;
}
	.submenu li{
		border: none;
		background: inherit;
		padding: inherit;
		text-align: left;
		width: auto;
		box-shadow: none;
		margin: auto;
		height: 38px;
	}
	
	.submenu li a{
		color:#fff;
		border: none;	
		padding: 10px 0px;
		border: 0;
		float: inherit;
		font-weight: bold;
		text-align: left;	
		height: 35px;
		background: none;
		width: inherit;
		margin-left: 20px;
	}
	.submenu li a:hover{
		border: none;
		background-color: transparent;
		color: #000;
		padding: 10px 0px;
		border: 0;
		float:  inherit;
		font-weight: bold;
		text-align: left;	
		height: 35px;
		background:  inherit;
		width: inherit;
	}
	.submenu li:last-child a{
		background: none;
	}
		.slicknav_menu h1 {
		color: #FFFFFF;
		display: inherit;
		float: left;
		font-size: 18px;
		margin-left: 15px;
		position: relative;
		width: auto;
		z-index: 0;
		margin-top: 10px;
	}
	.slicknav_btn {
		background-color: transparent!important;
		border-radius: 4px;
		left: 0;
		margin: 9px 15px 6px;
		position: absolute!important;
		text-decoration: none;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		width: 95%!important;
		z-index: 9999;
		float:none!important;
		display:inherit!important;
		line-height:normal!important;
	}
	.slicknav_nav .slicknav_arrow {
		float: right!important;
		font-size: 1em!important;
		margin-right: 15px!important;
	}
	.slicknav_menu .slicknav_icon {
		float: right!important;
		margin: 0.188em 0 0 0.438em;
	}
	.featured_cars .col-md-3{
		margin-bottom: 30px;
	}
	.featured_cars .col-md-3 img{
		width: 100px;
		float: left;
		margin-right: 30px;
	}
	.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
		left: 220px;
		bottom: -20px;
		position: absolute;
		top: auto;
		}
	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
		right: 220px;
		bottom: -19px;
		position: absolute;
		top: auto;
	}
	.bx-wrapper .bx-caption span {
		
		font-size: 16px;
		
	}
		.slider .caption {
    color: #3D3C3C;
    font-family: 'Roboto',sans-serif;
    font-size: 20px;
    font-weight: 400;
    left: 14px;
    line-height: 24px;
    position: absolute;
    top: 30px;
}

}

/* 	#Mobile (Portrait)																			< 480
===================================================================================================== */
@media only screen and (min-width: 380px) and (max-width: 480px){
	.inner_article .col-md-3 h2, .inner_article .col-md-3 h1{
	display: none;
	}
	.inner_article .side_menu{
	display: none;
	}
	.brands_wrapper  li{
	list-style-type: none;
	display:inline-block;
	width: auto;
	margin: auto 1%;
	}
	.brands_wrapper li img {
    height: 50px!important;
}
	.mainmenu{
		display: none;
	}
	#menu_display{
			display: block;
		}
	.submenu {
		top: auto;
	}
	.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
		left: 120px;
		bottom: -20px;
		position: absolute;
		top: auto;
		}
	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
		right: 120px;
		bottom: -19px;
		position: absolute;
		top: auto;
	}
	.bx-wrapper .bx-caption span {
		
		font-size: 12px;
		
	}
		.slider .caption {
    color: #3D3C3C;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    font-weight: 400;
    left: 14px;
    line-height: 16px;
    position: absolute;
    top: 10px;
}
	.submenu{
	display: none;
	position: relative;
	padding: 0;
	margin: 0;
	top: auto;
	left: 0;
	margin-top: 50px;
	border: 0;
	background: #fff;
	z-index: auto;
}
	.submenu li{
		border: none;
		background: inherit;
		padding: inherit;
		text-align: left;
		width: auto;
		box-shadow: none;
		margin: auto;
		height: 38px;
}

	.submenu li a{
		color:#fff;
		border: none;	
		padding: 10px 0px;
		border: 0;
		float: inherit;
		font-weight: bold;
		text-align: left;	
		height: 35px;
		background: none;
		width: inherit;
		margin-left: 20px;
}
	.submenu li a:hover{
		border: none;
		background-color: transparent;
		color: #000;
		padding: 10px 0px;
		border: 0;
		float:  inherit;
		font-weight: bold;
		text-align: left;	
		height: 35px;
		background:  inherit;
		width: inherit;
	}
	.submenu li:last-child a{
	background: none;
}
.slicknav_menu h1 {
    color: #FFFFFF;
    display: inherit;
    float: left;
    font-size: 18px;
    margin-left: 15px;
    position: relative;
    width: auto;
    z-index: 0;
	margin-top: 10px;
}
.slicknav_btn {
    background-color: transparent!important;
    border-radius: 4px;
    left: 0;
    margin: 9px 15px 6px;
    position: absolute!important;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    width: 95%!important;
    z-index: 9999;
	float:none!important;
	display:inherit!important;
	line-height:normal!important;
}
.slicknav_nav .slicknav_arrow {
    float: right!important;
    font-size: 1em!important;
    margin-right: 15px!important;
}
.slicknav_menu .slicknav_icon {
    float: right!important;
    margin: 0.188em 0 0 0.438em;
}
}

@media only screen and (max-width: 379px) {
	.inner_article .col-md-3 h2, .inner_article .col-md-3 h1{
	display: none;
	}
	.inner_article .side_menu{
	display: none;
	}
	.brands_wrapper  li{
	list-style-type: none;
	display:inline-block;
	width: auto;
	margin: auto 0;
	}

	.mainmenu{
		display: none;
	}
	#menu_display{
			display: block;
		}
	.submenu {
		top: auto;
	}
	.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
		left: 120px;
		bottom: -20px;
		position: absolute;
		top: auto;
		}
	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
		right: 120px;
		bottom: -19px;
		position: absolute;
		top: auto;
	}
	.bx-wrapper .bx-caption span {
		
		font-size: 12px;
		
	}
		.slider .caption {
    color: #3D3C3C;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    font-weight: 400;
    left: 14px;
    line-height: 16px;
    position: absolute;
    top: 10px;
}
	.submenu{
	display: none;
	position: relative;
	padding: 0;
	margin: 0;
	top: auto;
	left: 0;
	margin-top: 50px;
	border: 0;
	background: #fff;
	z-index: auto;
}
	.submenu li{
		border: none;
		background: inherit;
		padding: inherit;
		text-align: left;
		width: auto;
		box-shadow: none;
		margin: auto;
		height: 38px;
}

	.submenu li a{
		color:#fff;
		border: none;	
		padding: 10px 0px;
		border: 0;
		float: inherit;
		font-weight: bold;
		text-align: left;	
		height: 35px;
		background: none;
		width: inherit;
		margin-left: 20px;
}
	.submenu li a:hover{
		border: none;
		background-color: transparent;
		color: #000;
		padding: 10px 0px;
		border: 0;
		float:  inherit;
		font-weight: bold;
		text-align: left;	
		height: 35px;
		background:  inherit;
		width: inherit;
	}
	.submenu li:last-child a{
	background: none;
}
.slicknav_menu h1 {
    color: #FFFFFF;
    display: inherit;
    float: left;
    font-size: 18px;
    margin-left: 15px;
    position: relative;
    width: auto;
    z-index: 0;
	margin-top: 10px;
}
.slicknav_btn {
    background-color: transparent!important;
    border-radius: 4px;
    left: 0;
    margin: 9px 15px 6px;
    position: absolute!important;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    width: 95%!important;
    z-index: 9999;
	float:none!important;
	display:inherit!important;
	line-height:normal!important;
}
.slicknav_nav .slicknav_arrow {
    float: right!important;
    font-size: 1em!important;
    margin-right: 15px!important;
}
.slicknav_menu .slicknav_icon {
    float: right!important;
    margin: 0.188em 0 0 0.438em;
}
	
}