/* Table of Contents
==================================================
01. RETINA STYLES
02. BASE STYLES (1140px)
03. #DESKTOP (960px)
04. #Tablet (Portrait)
05. #Mobile (Portrait)
*/
 


/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	body nav select {background-image: url(../images/hamburger-retina.png); background-size:100px 100px;}
	.flex-direction-nav a {background-image: url(../images/slider/arrows@2x.png); background-size:68px 69px;}
	.flex-control-paging li a {background-image:url(../images/slider/slider-bullets@2x.png); background-size:20px 85px;}
	.search-form .search-field, header p.field input.search-field {background-image: url(../images/search-magnify@2x.png); background-size: 30px 30px; }
	
	.example-retina {background-image:url(../images/example-retina@2x.png); background-size:20px 85px;}
	
}

/* IE7-IE8 Fixes*/
.lt-ie9	nav select {background-image: url(../images/hamburger.png);}
.lt-ie9 .flex-direction-nav a {background-image: url(../images/slider/arrows.png); background-size:68px 69px;}
.lt-ie9 .flex-control-paging li a {background-image:url(../images/slider/slider-bullets.png); background-size:20px 85px;}
.lt-ie9 .search-form .search-field, .lt-ie9 header p.field input.search-field {background-image: url(../images/search-magnify.png);  }

.lt-ie9 .example-retina {background-image: url(../images/example-retina.png); }


/*
=============================================== 02. BASE STYLES (1140px) ===============================================
*/
/* Note: Design for a width of 1040px */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */ 
body {max-width:100%; width:100%;}
img {max-width:100%; height: auto; }
table img {max-width:100%; height: auto; width: 100%;}
.width-container, .flex-caption .slider-container {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }


/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1190px) {
	
.width-container, .flex-caption .slider-container {width:94%;} /* Default Width */
.commentlist {width:75%;}

.entry-meta-progression {font-size:12px;}

/*Slider Font Size */
.caption-progression {
	font-size:22px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.55);
}
body .caption-progression h2 {
	font-size:40px;
}


#slider-vehicle-search {
	top:40px;
}

#search-slider-container {
	width:230px;
	padding:20px;
}


}


/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

/* Default Width */
.width-container, .flex-caption .slider-container { width:94%; }
.commentlist {width:68%;}
body {font-size:13px;}
.entry-meta-progression {font-size:11px;}

/*Slider Font-Size */
.caption-progression {
	font-size:20px;
}
body .caption-progression h2 {
	font-size:32px;
}

/* Misc Fixes */
ul.progression-toggle ul li {font-size:11px;}
#vehicle-price-index p.pcd-pricing .pcd-price {
	font-size:25px;
}

.sf-menu a {padding-left:10px; padding-right:10px;} /* Menu Padding left/right */

#header-text {font-size:13px;}
.search-form .search-field, .search-form .search-field:focus {
	font-size:12px;
	padding-left:8px;
	padding-right:25px;
	width: 125px;
}

/* Heading Sizes */
h1 {font-size:35px; }
h2 {font-size:30px;  }
h2.entry-title {font-size:24px;}
h3 {font-size:22px; }
h4 {font-size:18px; ;}
h5 {font-size:15px; }
h6 {font-size:11px; }



#slider-vehicle-search {
	top:10px;
}

#search-slider-container {
	width:230px;
	padding:15px 20px;
}

#search-slider-container p {
	margin-bottom:8px;
}




}


/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

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

/* Default Width */
.width-container, .flex-caption .slider-container { width:90%; }
body {font-size:12px;}
.entry-meta-progression {font-size:12px;}

/* Default Grid */
.widget ul.vehicle_listings li, footer .footer-2-column .widget, footer .footer-3-column .widget, footer .footer-4-column .widget,
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression,
#sidebar, #content-container {
	width:100%; margin-bottom:10px;
}
#content-container {margin-bottom:30px;}

/* Misc Fixes */
footer {text-align:center;}
footer .social-ico { text-align:center !important; float:none;}

ul.progression-toggle ul li {font-size:11px;}

.post-container-right {float:none; width:100%;}
.post-container-right-full {float:none; width:100%;}
.entry-meta-progression {float:none; padding-top:10px; width:100%; text-align:center;}
.entry-meta-progression div {display:inline-block; margin-left:5px;}


/* Select Menu */
nav ul { display: none; }  
h1#logo {z-index:55; position:relative; float:none; margin:0 auto;}
header #header-text {margin-top:0px; padding-top:0px; text-align:center; margin:0 auto; float:none;}
header #header-search {margin:-10px auto 15px auto; float:none; text-align:center;}
nav select option { background:#fff; color:#888;}
nav select { 
	text-align:left;
	margin:0 auto;
	display:block; padding:0px;  border:none; 
	-webkit-appearance: none; -moz-appearance: normal; appearance: normal;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width:70px; height:70px;
	text-indent:-99999px;
	cursor:pointer;
	background-color:#aaa ;
	background-image: url(../images/hamburger.png);
	background-position: center center;
	background-repeat:no-repeat;
	border:1px solid #e9e9e9;
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif !important;
	font-weight:normal !important;
}

/* Comment Adjustments */
.commentlist {width:95%; left:-10px;}
.commentlist .children li.comment .comment-meta {margin-left:0px;}
.commentlist .avatar, .commentlist > li:before {display:none;}

/* Slider Font-Size */
.flex-caption .slider-container {bottom:30px;  }
.caption-progression {
	padding-bottom:20px;
	font-size:15px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}
body .caption-progression h2 {
	font-size:18px;;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}

/* Heading Sizes */
h1 {font-size:32px; }
h2 {font-size:28px;  }
h2.entry-title {font-size:22px;}
h3 {font-size:20px; }
h4 {font-size:16px; ;}
h5 {font-size:13px; }
h6 {font-size:10px; }

}
/* =============================================
----------------- Responsive  ------------------
==============================================*/
.dropdown-menu{
	background-color: #2A2A2A;
	text-align: center;
	}
.nav .col-md-2 li{ 
	padding:0 10px;
	line-height:40px;
	height:153px;
	}
.nav .col-md-2 a:hover { 
	background-color: #fff;
	border-radius: 5px;
	}
.navbar-collapse {
    max-height: 450px;
 }
 ul .a {
    list-style-type: circle;
}

/* Large desktop */
@media (min-width: 1200px) {
	.dropdown-menu{
	background-color: #2A2A2A;
	}
	.nav > li.dropdown.open { 
	position: static; 
	}
	.nav > li.dropdown.open .dropdown-menu {
	display:table;
	 width: 100%;
	 text-align: center; 
	 left:0; right:0; 
	}
	.dropdown-menu>li { 
	display: table-cell;
	 }

	.title {
		font-size:30px;
	}

	#page-header {
		padding:210px 0;
	}

	#page-header h1 {
		font-size:45px;
	}

	#page-header .page-header-desc {
		font-size:26px;
		line-height:35px;
	}

	.hero-unit h2 {
		font-size:40px;
	}

	.hero-unit p {
		font-size:23px;
	}
	
	#testimonials-section h3 {
		font-size:30px;
	}


	.about-us-testimonials .testimonial-title {
		font-size:23px;
	}

	#wrapper.boxed {
		width:1170px;
		margin:40px auto;
	}
	
	#main-nav-container #main-nav .menu li > .mega-menu {
		width:1140px;
	}
	
	#header-top .header-text {
		display:inline;
	}
	
	#quick-access .quick-search-form .form-group {
		display:block;
	}
	

	#footer .facebook-likebox iframe{
		height:300px;
	}
	
	#footer #newsletter-container input[type="text"] {
		width:360px;
	}
/* carousel own */
	.item > .item-image-container {
		width: 222px;	 
		height:250px
	}
	
	
	.item-image-container .item-price-container {
		font-size:26px;
		width:90px;
		height:90px;
		
	}
	
	
	.item-price-container {
	
    border: 2px solid #fff;
  
		
	}
	
	
	
	
	.item-image-container .item-price-container .old-price {
		margin-top:25px;
	}

	.item-image-container .item-price-container .item-price{
		margin-top:35px;
	}

	#category-header.category-banner .category-title  {
		margin-top:-90px;
	}
	
	#category-header.category-banner p {
		display:block;
	}

	.sort-box,
	.view-box  {
		float:left;
	}

	.category-toolbar {
		border-bottom:1px solid #eeeeee;
	}
	
	.filter-color-list li.last-md {
		margin-right:10px;
	}

	.filter-color-list li.last-lg {
		margin-right:0;
	}


	.toolbox-pagination .view-count-box {
		position:relative;
		float:right;
		top:auto;
		right:auto;
	}
	
	.toolbox-filter {
		padding-bottom:0;
		float:left;
	}
	
	.toolbox-pagination {
		float:right;
		padding-top:0;
		border-top:none;
	}

	#price-range-details input {
		width:70px;
	}

	#price-range-details input.separator {
		margin-right:10px;
	}

	.article {
		padding-left:100px;
	}
	
	.article .article-meta-date {
		width:85px;
		padding:22.5px 0;
	}
	
	#product-image-carousel-container  {
		width:92px;
		margin-right:40px;
	}
	
	#product-image-container {
		width:370px;
	}
	
	#product-image-container .item-price-container {
		/* width:135px; */
		/* height:135px; */
		font-size:27px;
        width:80px; 
	    height:80px;  
	}
	
	#product-image-container .item-price-container .old-price {
		/* margin-top:37.5px; */
		 margin-top:0px; 
	}

	#product-image-container .item-price-container .item-price{
		/* margin-top:52.5px; */
		margin-top:0px; 
	}

	.sidebar .widget.subscribe {
		padding:25px;
	}
	
	.sidebar .widget.subscribe h3 {
		font-size:28px;
		line-height:35px;
	}

	.sidebar .widget.subscribe .form-group {
		padding:0 ;
	}

	.sidebar h3 {
		font-size:25px;
	}
	
	.sidebarslider .flex-direction-nav {
		top:-48.5px;
		width:74px;
		height:25px;
	}

	.sidebarslider .flex-direction-nav a  { 
		width:35px;
		height:25px;
		margin-top:-12.5px;
	}

	.sidebarslider .flex-direction-nav .flex-prev {
	    background-position: -186px -200px;
	}

	.sidebarslider .flex-direction-nav .flex-next {
	    background-position: -219px -200px;
	}

	.sidebarslider .flex-direction-nav .flex-prev:hover {
	    background-position: -186px -223px;
	}

	.sidebarslider .flex-direction-nav .flex-next:hover {
	    background-position: -219px -223px;
	}
	
	.cart-table .cart-product-name {
		width:410px;
	}
	
	.compare-item-table .table-title {
		width:300px;
	}
	
	.compare-item-table  figure {
		width:180px;
	}
	#shipping-form .control-label {
		width:130px;
	}

	#shipping-form .input-container {
		width:220px;
	}

}
 

 
/* Landscape phone to portrait tablet */
@media (max-width: 979px) {
	.dropdown-menu{
		width:100%;
		background-color: #2A2A2A;
	}
	.navbar-nav .open .dropdown-menu {
	     position: absolute;
	     float: none;
	     width: 100%;
	     margin-top: 0;
	     background-color: #080808;
	     border-radius: 20px;
	     box-shadow: none;
	 }
	 .nav .col-md-2{
		float: none;
		width: 100%;
		height:30px;
	}
	.nav .col-md-2 img{
		 display:none;
	}
	.nav .col-md-2 li{ 
		padding:0 0px;
		line-height:12px;
	}


	.navbar-header {
	        float: none;
	    }
	    .navbar-left,.navbar-right {
	        float: none !important;
	    }
	    .navbar-toggle {
	        display: block;
	    }
	    .navbar-collapse {
	        border-top: 1px solid transparent;
	        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	    }
	    .navbar-fixed-top {
			top: 0;
			 
		}
	    .navbar-collapse.collapse {
	        display: none !important;
	    }
	    .navbar-nav {
	        float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav>li {
	        float: none;
	    }
	    .navbar-nav>li>a {
	        padding-left: 5%;
	        /* padding-bottom: 10px; */
	    }
	    .collapse.in{
	  		display:block !important;
		}
	.col-md-4 .wel-grid {
		width: 50%;
	}
	.home-banners a {
		margin-right:auto;
		margin-left:auto;
	}
	
	.title {
		font-size:18px;
	}

	#page-header {
		padding:120px 0;
	}

	#page-header h1 {
		font-size:32px;
	}

	#page-header .page-header-desc {
		font-size:18px;
		line-height:26px;
	}

	.hero-unit h2 {
		font-size:26px;
	}

	.hero-unit p {
		font-size:16px;
		line-height:22px;
	}

	#testimonials-section h3 {
		font-size:21px;
	}

	.about-us-testimonials p {
		font-size:16px;
	}

	.about-us-testimonials .testimonial-title {
		font-size:18px;
	}

	.title-desc {
		font-size:14px;
	}
	
 	#wrapper.boxed {
		width:100%;
		margin:0;
	}

 	/* helper classes */
 	.hide-for-xs {
		display:none;
	}
	
	.hide-for-lg {
		display:inline;
	}
	
	.flag-container {
		margin-right:0;
	}
 	
 	.header-top-dropdowns .btn {
 		min-width:45px;
 	}

 	#top-links li  {
 		margin:0;
 	}

	#top-links li a {
		padding:0 15px;
 		border-right:1px solid #dcdcdc;
		height:22px;
		margin-left:15px;
	}

	#top-links li:first-child a .top-icon {
		left:15px;
	}

	#top-links li:first-child a {
		border-left:1px solid #dcdcdc;
		margin-left:0;
		padding-left: 30px;
	}

	#header .dropdown-menu > li > a {
		text-align:center;
	}

	#inner-header {
		padding-top:55px;	
	}
	
	#quick-access {
		width:70%;
		position: static;
	}
	
	#inner-header .logo-container {
		margin-bottom: 86px;
	}

	#quick-access .quick-search-form {
		position: absolute;
		top:-70px;
		left:50%;
		margin-left:67.5px;
	}
	
	#inner-header .header-inner-right {
		margin:0px;
	}

	.header-inner-right-wrapper {
		position: absolute;
		top:10px;
		right:15px;
		z-index:1000;
	}
	#quick-access .quick-search-form .form-group {
		display:block;
	}
	
	#main-nav-container #main-nav {
		position:static;
	}

	#main-nav-container #main-nav #responsive-nav {
		display:block;
		
	}
	
	#main-nav-container #main-nav > ul{
		display:none;	
	}
	
	.col-2 {
		padding-left:15px;
	}
	
	#category-header {
		padding:25px 0;
	}
	
	#category-header .category-image {
		width:100%;
	}
	
	#category-header .category-title {
		padding-top:85px;
	}
	
	#category-header .category-title p {
		display:none;
	}
	
	#category-header .slider-banner-description .category-title p {
		display:block;
	}
	
	#category-header.category-banner .category-title  {
		margin-top:-46px;
	}
	
	#category-header.category-banner .category-title p {
		display:none;
	}
	
	#category-header .category-title  h2 {
		font-size:30px;
	}
	
	#price-range-details input {
		width:70px;
	}

	#price-range-details input.separator {
		margin-right:10px;
	}
	
	.filter-color-list li.last-md {
		margin-right:10px;
	}

	.filter-color-list li.last-lg {
		margin-right:10px;
	}

	.item.item-list > .item-image-container {
		width:150px;
		margin-right:30px;
	}
	
	.item > .item-image-container {
		width:222px;
	}
 	.item > .item-image-container .item-price-container {
		font-size:15px;
		width:11px;
		height:11px;
	}
	.item > .item-image-container .item-price-container .old-price {
		margin-top:20.5px;
	}

	.item > .item-image-container .item-price-container .item-price{
		margin-top:30.5px;
		display:block;
	}
 	.drop-price {
 		display:none;	
 	}
 	
 	.logo {
		text-align:center;

	}
	
	.logo > a {
		margin-left:0;
		display:inline-block;
	}
	
	#category-header {
		padding:40px 0;
	}
	
	.toolbox-filter {
		padding-top:30px;
	}
	
	.sort-box {
		position:absolute;
		top:-20px;
		right:0;
	}
	
	.sort-box .select-dropdown {
		margin-right:0;
	}
	
	.view-box {
		float:right;
	}
	
	.toolbox-pagination  .view-count-box {
		float:none;
		position:absolute;
		top:-50px;
		right:auto;
		left:0;
	}

	.sidebar .widget.subscribe {
		padding:25px;
	}
	
	.sidebar .widget.subscribe h3 {
		font-size:30px;
		line-height:35px;
	}
	
	.sidebar .widget.subscribe .form-group {
		padding:0 ;
	}

	.sidebar .widget.banner-slider-container {
		width:272px;
		margin-left:auto;
		margin-right:auto;
	}

	.sidebarslider .flex-direction-nav a  { 
		width:31px;
		height:22px;
	}

	.sidebarslider .flex-direction-nav .flex-prev {
	    background-position: -188px -202px;
	}

	.sidebarslider .flex-direction-nav .flex-next {
	    background-position: -221px -202px;
	}

	.sidebarslider .flex-direction-nav .flex-prev:hover {
	    background-position: -188px -225px;
	}

	.sidebarslider .flex-direction-nav .flex-next:hover {
	    background-position: -221px -225px;
	}

	.article {
		padding-left:75px;
	}

	.article .article-meta-date {
		width:65px;
		padding:12.5px 0;
	}
	.article .article-meta-more ,
	.article .article-meta-view  {
		float:none;
		margin-top:10px;
	}
	.article .article-meta-container .article-meta-more a,
	.article .article-meta-container .article-meta-view a {
		margin-left:0;
		margin-right:20px;
	}
	
	#product-image-carousel-container  {
		width:84px;
		margin-right:16px;
	}
	
	#product-image-container {
		width:280px;
	}
	
	.product-extra-box-container {
		float:none;
	}
	
	.product-extra-box,
	.product-extra-box{
		float:left;
		margin-right:30px;
	}
	
	.product-extra-box span ,
	.product-extra-box span{
		display:inline-block;
		margin-left:6px;
	}
	
	.product .share-button-group  {
		float:none;
		width:100%;
		margin-left:0;
	}
	
	.tab-container .nav-tabs {
		border-right:1px solid transparent;
	}

	.tab-container.left .nav-tabs,
	.tab-container.right .nav-tabs 	{
		float:none;
	}

	.tab-container .tab-content {
	padding:0 30px 0;
	}

	.tab-container .tab-content .tab-pane {
		padding:30px 0;
	}
	
	#footer .facebook-likebox iframe{
		height:200px;
	}

	#footer #newsletter-container {
		text-align:center;
	}
	
	#footer #newsletter-container  h3 {
		font-size:22px;
		line-height: 30px;
		float:none;
		margin-bottom:15px;
	}
	
	#footer #newsletter-container form {
		float:none;
	}

	#footer #newsletter-container input[type="text"] {
		margin-right:10px;
		display:block;
		width:260px;
		margin:0 auto 10px;
	}

	#footer #newsletter-container .btn {
		padding:9px 20px;
		font-size:15px;
	}
 	
 	.footer-social-links-container {
 		margin-top:10px;
		margin-bottom:10px;
		text-align:center;
	}

	#footer-bottom .social-links li:first-child {
		margin-left:5px;
	}

	#footer-bottom .social-links li {
		margin-top:0;
		margin-bottom:20px;
	}

	#footer-bottom p {
		margin:0 0 6px;
		text-align:center;
	}

	#footer .facebook-likebox iframe{
		height:200px;
	}
	
	.cart-table .close-button {
		margin-top:10px;
	}
	
	.table-responsive {
		border:none;
	}
	
	.cart-table .item-name-col figure {
		margin-bottom:20px;
	}
	#shipping-form .control-label {
		width:110px;
	}

	#shipping-form .input-container {
		width:220px;
	}

	.single-portfolio-btn-container {
		top:-57px
	}

	.portfolio-btn {
		width: 41px;
		height:30px;
	}

	.portfolio-btn.portfolio-btn-prev {
		background-position: -108px -200px;
	}

	.portfolio-btn.portfolio-btn-next {
		background-position: -147px -200px;
	}

	.portfolio-btn.portfolio-btn-prev:hover {
		background-position: -108px -228px;
	}

	.portfolio-btn.portfolio-btn-next:hover {
		background-position: -147px -228px;
	}

	.team-member-header figure {
		margin-left:auto;
		margin-right:auto;
	}

	.no-content .no-content-comment {
		margin-left:-240px;
	}
	
}

 
/* Landscape phones and down */
@media (max-width: 480px) {
	.dropdown-menu{
		width:100%;
		background-color: #2A2A2A;
	}
	.navbar-nav .open .dropdown-menu {
	     position: absolute;
	     float: none;
	     width: 100%;
	     margin-top: 0;
	     background-color:  #080808;
	     border-radius: 20px;
	     box-shadow: none;
	 }
	 .nav .col-md-2{
		float: none;
		width: 100%;
	}
	.nav .col-md-2 img{
		 display:none;
	}
	.nav .col-md-2 li{ 
		padding:0 0px;
		line-height:12px;
	}


	.navbar-header {
	        float: none;
	    }
	    .navbar-left,.navbar-right {
	        float: none !important;
	    }
	    .navbar-toggle {
	        display: block;
	    }
	    .navbar-collapse {
	        border-top: 1px solid transparent;
	        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	    }
	    .navbar-fixed-top {
			top: 0;
			 
		}
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
	    .navbar-nav {
	        float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav>li {
	        float: none;
	    }
	    .navbar-nav>li>a {
	        padding-left: 7%;
	        /* padding-bottom: 10px; */
	    }
	    .collapse.in{
	  		display:block !important;
		}
	#quick-access {
		width:50%;
	}
	
	#category-header {
		padding:15px 0;
	}
	#category-header.category-banner .category-title  {
		margin-top:-17.5px;
	}
	
	#category-header.category-banner .category-title p,
	#category-header.category-banner .category-title .btn{
		display:none;
	}
	
	#category-header .category-title {
		padding-top:30px;
	}
	
	.item.item-list > .item-image-container {
		margin-right:20px;
		margin-bottom:20px;
	}
	
	#product-image-carousel-container  {
		width:54px;
		margin-right:16px;
	}
	
	#product-image-container {
		width:130px;
	}
	
	#product-image-container .item-price-container {
		width:90px;
		height:90px;
		font-size:23px;
		line-height:20px;
	}
	
	#product-image-container .item-price-container .old-price {
		margin-top:25px;
	}

	#product-image-container .item-price-container .item-price{
		margin-top:35px;
	}
	
	
	#footer .facebook-likebox iframe{
		height:260px;
	}
	#shipping-form .control-label {
		width:110px;
	}

	#shipping-form .input-container {
		width:140px;
	}
	
	.team-member,
	.service-box-container {
		width:100%;
		float:none;
	}

	#content.no-content {
		min-height:600px;
	}

	.no-content .no-content-comment  {
		width:100%;
		background-size: 100%;
		background-position: center center;
		margin-left:-50%;
		
	}

}

@media (max-width: 300px) {
	.dropdown-menu{
		width:100%;
		background-color: #2A2A2A;
	}
	.navbar-nav .open .dropdown-menu {
	     position: absolute;
	     float: none;
	     width: auto;
	     margin-top: 0;
	     background-color: #080808;
	     border-radius: 20px;
	     box-shadow: none;
	 }
	 .nav .col-md-2 li{ 
		padding:0 0px;
		line-height:12px;
	}

	.sidebar .widget.banner-slider-container {
		width:100%;
	}
	.navbar-header {
	        float: none;
	    }
	    .navbar-left,.navbar-right {
	        float: none !important;
	    }
	    .navbar-toggle {
	        display: block;
	    }
	    .navbar-collapse {
	        border-top: 1px solid transparent;
	        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	    }
	    .navbar-fixed-top {
			top: 0;
			 
		}
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
	    .navbar-nav {
	        float: none!important;
			margin-top: 7.5px;
		}
		.navbar-nav>li {
	        float: none;
	    }
	    .navbar-nav>li>a {
	        padding-top: 10px;
	        padding-bottom: 10px;
	    }
	    .collapse.in{
	  		display:block !important;
		}
}


/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {


	.service-icon {
		background-image: url('../images/sprites/aboutus-icons%402x.png');
		background-size: 496px 248px;
		-webkit-background-size: 496px 248px;
	}

	blockquote:before,
	.top-icon,
	.menu-button,
	#quick-search,
	.dropdown-cart-menu-container .cart-menu-icon,
	.portfolio-item > figure > figcaption > .zoom-button, 
	.portfolio-item > figure > figcaption > .link-button,
	.portfolio-btn,
	.sidebarslider .flex-direction-nav a,
	.sidebar .widget .testimonials-list li .testimonial-details:before,
	.close-button,
	.accordion-btn,
	.contact-icon,
	.input-icon,
	.social-icon,
	.flex-direction-nav a {
		background-image:url('../images/sprites/sprite%402x.png');
		background-size: 400px 409px;
		-webkit-background-size: 400px 409px;
	}

	#responsive-nav-button #responsive-nav-button-icon {
		background-color:#444645;
		background-image:url(../images/sprites/responsive-menu-icon%402x.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 21px 21px;
		-webkit-background-size: 21px 21px;
	}

	.ratings {
		background-image: url(../images/sprites/ratings%402x.png);
		background-size: 94px 32px;
		-webkit-background-size: 94px 32px;
	}

	.ratings .ratings-result {
		background-image: url(../images/sprites/ratings%402x.png);
		background-size: 94px 32px;
		-webkit-background-size: 94px 32px;
	}

	.item-add-btn.icon-cart {
		background-image: url(../images/sprites/cart%402x.png);
		background-size:22px 18px;
		-webkit-background-size:22px 18px;
		background-repeat:no-repeat;
		background-position:center center;
	}

	.category-toolbar .icon-button {
		background-image: url(../images/sprites/category-icons%402x.png);
		background-size:70px 30px;
		-webkit-background-size:70px 30px;
	}

	.category-toolbar .icon-button:hover,
	.category-toolbar .icon-button:focus,
	.category-toolbar .icon-button:active,
	.category-toolbar .icon-button.active {
		background-image: url(../images/sprites/category-icons-active%402x.png);
		background-size:70px 30px;
		-webkit-background-size:70px 30px;
	}


	.elastislide-wrapper nav span {
		background-image: url(../images/sprites/product-nav%402x.png);
		background-size: 60px 50px;
		-webkit-background-size: 60px 50px;
	}

	.icon-button {
		background-image: url(../images/sprites/item-icons%402x.png);
		background-size:70px 35px;
		-webkit-background-size:70px 35px;
	}
	
	#main-nav-container #main-nav .menu li .mega-menu .mega-menu-list li,
	#main-nav-container #main-nav #responsive-nav ul li .mega-menu .mega-menu-list li {
		background-image:url(../images/sprites/menu-list-type%402x.png);
		background-size:6px 6px;
		-webkit-background-size:6px 6px;
	}
	
	#footer .links li {
		background-image:url(../images/sprites/footer-menu-list-type%402x.png);
		background-size:6px 6px;
		-webkit-background-size:6px 6px;
	}

	#option-panel-btn {
		background:#444645 url(../images/panel/panel%402x.png) no-repeat center center;
		background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
	}

	#option-panel-tabs-container li:nth-child(1) a{
		background:#444645 url(../images/panel/brushmac%402x.png) no-repeat center center;
		background-size: 20px 21px;
		-webkit-background-size: 20px 21px;
	}

	#option-panel-tabs-container li:nth-child(2) a{
		background:#444645 url(../images/panel/page%402x.png) no-repeat center center;
		background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
	}

	#option-panel-tabs-container li:nth-child(3) a{
		background:#444645 url(../images/panel/colors%402x.png) no-repeat center center;
		background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
	}

	#option-panel-tabs-container li:nth-child(4) a{
		background:#444645 url(../images/panel/fonts%402x.png) no-repeat center center;
		background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
	}

	#option-panel-tabs-container li:nth-child(5) a{
		background:#444645 url(../images/panel/close%402x.png) no-repeat center center;
		background-size: 13px 13px;
		-webkit-background-size: 13px 13px;
	}
}
