.row{
    margin-left:0px;
    margin-right:0px;

}

/* #Desktop                                                                                                                                                                                                                                                                                                                       960 - 1239            *
===================================================================================================== */
@media only screen and (min-width: 992px) and (max-width: 2000px){

    .container{
        width: 970px;
        padding-left:0;
        padding-right:0;
    }

    .mainmenu li {
        margin: 0 30px 0 0 ;
        display:inline-block;
    }
    .mainmenu li:last-child {
        float: right;
        margin: 0;
    }
    .mainmenu li:first-child {
        float: left;
    }
    .mainmenu li a {
        padding: 10px 0px;
        width:170px;
    }
    .submenu li a {

        border: 0 none;
        color: #303030;
        float: left;
        padding: 5px 0px;
        text-align: left;
        width: 190px;

    }
    .submenu li {
        padding: 3px 0px;
        margin: 0 20px;
        width: 190px;
        float: left;
    }
    .submenu li:last-child {float: left;padding: 3px 0px;
                            margin: 0 20px;}
    .submenu li:first-child {float: left;padding: 3px 0px;
                             margin: 0 20px;}
							 
}
/*																								> 960
===================================================================================================== */
@media only screen and (max-width: 991px) {
    .row.banners .footer-login,
    .row.banners .footer-login .login-form {
        width: 100%;
    }
    
    .row.banners .footer-login {
        margin-top: 29px;
    }
    
    .row.banners .footer-banner {
        width: 50%;
        margin-right:0;
    }
    
    .row.banners .footer-banner.first-column .banner-container{
        float: right;
        margin-right: 14px;
    }

    .row.banners .footer-banner.second-column .banner-container{
        float: left;
        margin-left: 14px;
    }
    
    .row.banners .footer-login .login-form .login-reminder a span{
        display: inline;
    }
    
    .row.banners .footer-login .login-form .login-reminder {
        width: 50%;
    }
    
    .row.banners .footer-login .login-form input{
        width: 49%;
        float: left;
    }
    
    .row.banners .footer-login .login-form input.login-email {
        margin-right: 2%;
    }
    
    .row.banners .footer-login .login-form .custom-button{
        float: right;
    }
    
    .inner_article table.points {
        width: 100%;
    }
    
    .category-grid .category-item:nth-child(2n) {
        margin-right: 0;
    }
    
    .category-grid .category-item:nth-child(3n+3) {
       margin-right: 12px;
    }
    
    .inner_article .checkout-cart,
    .inner_article .product-details,
    .inner_article .login.col-xs-12 {
        padding-left: 0px;
        border-left: none;
    }
    
	.inner_article .checkout-cart,
	.inner_article .login.col-xs-12 {
		margin-top: 20px;
	}
	
    .product-need-help p.text {
        font-size: 18px;
        float: left;
        margin: 20px 0 10px;
    }
    .product-need-help p.telephone {
        font-size: 20px;
        float: left;
        margin: 20px 0 10px 10px;
    }
    
    .inner_article .register .register-terms {
        line-height: 46px;
    }
    
    .inner_article .login.col-xs-12,
    .inner_article .login .col-xs-12 {
        padding-right: 15px;
    }
	
	.inner_article  .register,
	.inner_article  .login {
		padding-right: 0px;
	}
    
}
/* #Tablet (Landscape) 																		768 - 959	*
===================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px){
    .mainmenu li {

        margin-right: 4px;

    }
    .mainmenu li:last-child {
        float: right;
        margin: 0;
    }
    .mainmenu li a {
        padding: 10px 0px;
        width:140px;
        font-size: 12px;
    }
    .mainmenu li span {
        background: url('../images/arrow_grey.png') center 0px no-repeat;
        transition: background 0.3s ease;
        cursor: pointer;
        height: 15px;
        display: block;
        margin-top: 39px;
        padding-bottom: 10px;
    }
    .mainmenu li:hover span {
        background: url('../images/arrow_green.png')  center 0px no-repeat;
        width: 100%;
        height: 15px;
    }
    .submenu li a {

        border: 0 none;
        color: #303030;
        float: left;
        font-weight: bold;
        height: 35px;
        padding: 10px 0;
        text-align: left;
        width: 190px;
    }
    .submenu li {
        width: 190px;
    }
    .featured_cars 	.col-md-3{
        width: 170px;
        margin-right: 5px;
        padding: 0;
        float: left;
        margin-bottom: 20px;
    }
    .featured_cars .col-md-3 img{
        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;
    }
    
    .row.top-banner p{
        font-size: 22px;
    }
    
}


/* #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;
    }
    
    .row.top-banner p{
        font-size: 20px;
    }
    .inner_article .form-container {
        margin: 0 auto;
    }
    
    .inner_article .col-sm-8 {
        padding-left: 0;
    }
    
    .inner_article .form-container .print-card {
        margin-right: 29px;
    }
    
    .category-grid .category-item:nth-child(2n) {
       margin-right: 12px;
    }
    
    .category-grid .category-item:nth-child(3n+3) {
        margin-right: 0;
    }
    
	.inner_article .register .col-sm-6, 
	.inner_article .register .col-xs-12,
	.inner_article .login .col-sm-6, 
	.inner_article .login .col-xs-12 {
		padding-right: 0px;
	}
}

/* #Tablet (Portrait) & #Mobile (Landscape)													480 - 767	*
===================================================================================================== */
@media only screen and (min-width: 481px) and (max-width: 767px){
    
    .row.top-banner p{
        font-size: 16px;
    }

    .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;
        color: #000;
        /*		padding: 10px 0px;*/
        border: 0;
        float:  inherit;
        font-weight: bold;
        text-align: left;	

        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;
        width: 22%;
        float: left;
        margin: 0;
        padding: 0;
        margin-right: 10px;
    }
    .featured_cars .col-md-3 img{

        float: left;
        margin-right: 30px;
    }
    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 190px;
        bottom: -30px;
        position: absolute;
        top: auto;
        width: 10px;
        height: 20px;
    }
    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 190px;
        bottom: -30px;
        position: absolute;
        top: auto;
        width: 10px;
        height: 20px;
    }
    .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: auto;
    }

    .submenu li a{
        color:#fff;
        border: none;	
        padding: 10px 0px;
        border: 0;
        float: inherit;
        font-weight: bold;
        text-align: left;	
        height: auto;
        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: auto;
        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;
    }*/
    .carousel-inner .item { 
        display:block;
        padding-bottom:10px;
    }
}

@media only screen and (max-width: 800px) {
    .inner_article table.basket .basket-item img {
        display: none;
    }
    
    .inner_article table.basket th.first-column,
    .inner_article table.basket td.first-column {
        width: 40%;
    }
}

@media only screen and (max-width: 700px) {
    .background_line {
        margin-top: 40px;
    }
    
    .container .row .background_line ul {
        top: -30px;
    }
}
@media only screen and (max-width: 680px) {
    .row.banners .footer-banner {
        width: 100%;
    }
    
    .row.banners .footer-banner.first-column .banner-container,
    .row.banners .footer-banner.second-column .banner-container {
        margin: 0 auto;
        float:none;
    }
    
    .row.banners .footer-banner.first-column {
        margin-bottom: 29px;
    }
}

@media only screen and (max-width: 662px) {
    .category-grid .category-item,
    .category-grid .category-item:nth-child(2n) {
       margin-right: 6px;
    }

    .category-grid .category-item:nth-child(3n+3){
        margin-right: 0px;
    }
}

@media only screen and (max-width: 649px) {
    .category-grid .category-item,
    .category-grid .category-item:nth-child(3n+3) {
       margin-right: 12px;
    }

    .category-grid .category-item:nth-child(2n){
        margin-right: 0px;
    }
}

@media only screen and (max-width: 600px) {
    .row.banners .footer-login .login-form input{
        width: 100%;
    }
    
    .custom-button.basket-checkout, 
    .custom-button.basket-continue,
	.custom-button.button-go-checkout	{
        float: none !important;
        width: 80%;
        margin: 0 auto;
    }
	
    .product-details .custom-button.basket-checkout {
        width: auto;
    }
    
    .custom-button.basket-continue {
        margin-bottom: 20px;
    }
    
    .loader img {
        top: 40%;
        left: 40%;
    }
    
    .inner_article .category-filter-container {
        float: left;
        margin-top: 0px;
        margin-bottom: 16px;
    }
    
}

@media only screen and (max-width: 560px){
    .product-need-help p.text {
        font-size: 18px;
        margin: 20px 0 5px;
        width: 100%;
    }
    .product-need-help p.telephone {
        font-size: 20px;
        margin: 5px 0 10px;
        width: 100%;
    }
}
@media only screen and (max-width: 480px){
    .row.top-banner {
        display: none;
    }
    
    .slicknav_menu .slicknav_no-text{
        margin: 0 10px 0 0;
    }
    
    .form-container label {
        display: none;
    }
    
    .form-container input {
        width: 100%;
    }
    
    .form-container input::-webkit-input-placeholder { /* WebKit browsers */
        color:    #a9a9a9;
    }
    .form-container input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #a9a9a9;
        opacity:  1;
    }
    .form-container input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #a9a9a9;
        opacity:  1;
    }
    .form-container input:-ms-input-placeholder { /* Internet Explorer 10+ */
        color:    #a9a9a9;
    }
    
    .inner_article .form-container .print-card {
        margin-right: 0px;
    }
    
}

@media only screen and (max-width: 452px) {
    .category-grid .category-item,
    .category-grid .category-item:nth-child(3n+3) {
       margin-right: 6px;
    }

    .category-grid .category-item:nth-child(2n){
        margin-right: 0px;
    }
}

@media only screen and (max-width: 420px){
	.inner_article table.basket th.fourth-column{
		font-size: 0px;
	}
	
	.inner_article table.basket th.first-column , .inner_article table.basket td.first-column {	
		width: 48%;
	}
	.inner_article table.basket th, .inner_article table.basket td,
	.inner_article table.basket th.second-column , .inner_article table.basket td.second-column {
		width: 25%;
	}
	
	.inner_article table.basket th.fourth-column,
	.inner_article table.basket td.fourth-column {
		width: auto;
	}
}
@media only screen and (max-width: 390px){
    .row.banners .footer-login .login-form .login-reminder a span{
        display: block;
    }
	
	.custom-button.basket-checkout, 
    .custom-button.basket-continue,
	.custom-button.button-go-checkout {
		width: 100%;
	}
	
}

@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: auto;
    }

    .submenu li a{
        color:#fff;
        border: none;	
        padding: 10px 0px;
        border: 0;
        float: inherit;
        font-weight: bold;
        text-align: left;	
        height: auto;
        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: auto;
        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;
    }*/
    .carousel-inner .item { 
        display:block;
        padding-bottom:10px;
    }
    
    .inner_article .register .register-terms {
        line-height: 20px;
    }
    
    .inner_article .register .register-terms a span {
        display: block;
    }
}

@media only screen and (max-width: 360px) {
	.row.banners .footer-login .login-form .custom-button {
		width: 50%;
	}
}
@media only screen and (max-width: 354px) {
    .inner_article .product-details .basket-checkout span{
        display: none;
    }
    
/*    .inner_article .product-details input.basket-item-qtty {
        width: 100%;
    }*/
}

@media only screen and (max-width: 340px) {
	.top-left.logged-in {
		display: none;
	}
	
	.container .row .background_line ul.logged-in {
		left: -28px;
		width: 320px;
	}
	
	.register-terms {
		margin-bottom: 20px;
	}
	
	.light-grey.custom-button a {
		padding: 0 8px;
	}
}

@media only screen and (min-width: 768px) and (orientation : portrait) {

    .mainmenu li a {
        padding: 10px 0px;
    }

}

/* brands */
@media only screen and (min-width: 380px) and (max-width: 480px) {



    .brands li {
        width: 49.5%;
    }

    .brands li:nth-child(2n) {
        border-right: 0;
    }

    .brands li:last-child {
        border-right: 0;
    }

    .brands li:nth-child(5),
    .brands li:nth-child(6) {
        border-bottom: 1px solid #c9c9c9 !important;
    }

    .brands li:nth-child(7) {
        border-bottom: 0 !important;
    }

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

    .brands li {
        width: 49.5%;
    }

    .brands li:nth-child(2n) {
        border-right: 0;
    }

    .brands li:last-child {
        border-right: 0;
    }

    .brands li:nth-child(5),
    .brands li:nth-child(6) {
        border-bottom: 1px solid #c9c9c9 !important;
    }

    .brands li:nth-child(7) {
        border-bottom: 0 !important;
    }
}