/**
 * @site         B2B
 * @media        screen
 * @note         Desktop and tablet CSS (not IE) 
 */
 
/**
 * @section TYPOGRAPHY
 * ==========================================================================
 */
body {    
    font-size: 15px;     
} 
 
/**
 * @section LAYOUT
 * ==========================================================================  
 */
 
/** @subsection Layout/Vehicle */ 
#vehicle .vehicle-search-widget {
    -webkit-box-orient: horizontal;    
    -webkit-box-direction: normal;    
    -ms-flex-direction: row;   
    flex-direction: row;
    -ms-flex-pack: distribute;  
    justify-content: space-around;
}

#vehicle .vehicle-search-widget > div {
    width: 45%; 
    text-align: center;       
}

#immat_wrapper input {
    font-size: 2em;
}

/** @subsection Layout/Footer */
#footer > div {   
    -webkit-box-orient: horizontal;    
    -webkit-box-direction: normal;    
    -ms-flex-direction: row;    
    flex-direction: row;
    -ms-flex-pack: distribute;      
    justify-content: space-around;
    -webkit-box-align: start;    
    -ms-flex-align: start;
    align-items: flex-start;    
}

.footer-widget {
    width: 33%;
} 
 
/**
 * @section ELEMENTS
 * ========================================================================== 
 */ 

#topheader .etc {
    display: none;
}

#topheader .next {
    display: inline-block;
}

/** @subsection Elements/Vehicle */
#vehicle .content {
/*     height: 220px;    */
}

#vehicle .title { 
    background-image: none;
    cursor: default;    
}

.search-vehicle-type .content {
    display: block;
}
 
/**
 * @section JAVASCRIPT
 * ========================================================================== 
 */
 
/**
 * @section RESPONSIVE: ONLY LANDSCAPE SMARTPHONES AND PORTRAIT TABLET
 * ==========================================================================  
 */
@media only screen and (min-width:527px) and (max-width:781px) {  
    
}
 
/**
 * @section RESPONSIVE: ONLY LANDSCAPE TABLETS
 * ==========================================================================  
 */
@media only screen and (min-width:782px) and (max-width:1027px) {
    
    #content {
        margin-top: 126px; /* header full height including borders */        
    }
    
    /** @subsection Layout/Header */
    #subheader {    
        height: 100px;
    }
    
    #subheader .logo img {
        height: 80px;    
    } 
    
	/** @subsection Layout/Catalog */
	#catalog .catalog-widget {   
	    justify-content: space-between;    
	}  

    /** @subsection Layout/Catalog listing*/
    #catalog-listing .catalog-menu {        
        display: block;
    }

    /** @subsection Layout/Cart */
    #cart > div {
        -webkit-box-orient: horizontal;    
        -webkit-box-direction: normal;    
        -ms-flex-direction: row;   
        flex-direction: row;
    }
    
    #cart .cart-products {
        flex-basis: 70%;
    }    

    .cart-summary {
        flex-basis:30%;
    }
    
    #cart .cart-product-rates { 
        flex-basis: 50%;
        -webkit-box-orient: horizontal;    
        -webkit-box-direction: normal;    
        -ms-flex-direction: row;    
        flex-direction: row;
        -webkit-box-pack: justify;    
        -ms-flex-pack: justify;    
        justify-content: space-between;        
        align-items: center;        
    } 

    #cart .cart-product-rates .availability {   
        text-align: left;
    }

    /** @subsection Elements/Header */
    #subheader .customer > ul li {
        padding: 4px 4px;
    }  
    
    #subheader .customer > ul {
        -webkit-box-pack: end;    
        -ms-flex-pack: end; 
        justify-content: flex-end;            
    }
    #subheader .customer li span.text {
        display: block;
    }
        
    #subheader .cart span.bullet {
        line-height: 1.4em;        
    }
    
    /** @subsection Elements/Cart */
    .addToCart input {
        margin-right: 0.5em;
        width: 2em;
    }
              
}
 
/**
 * @section RESPONSIVE: ONLY DESKTOPS
 * ========================================================================== 
 */
@media only screen and (min-width:1028px) {    
    
    #content {
        margin-top: 126px; /* header full height including borders */        
    }
    
    /** @subsection Layout/Header */
    #subheader {    
        height: 100px;
    }
    
    #subheader .logo img {
        height: 80px;    
    } 
    
    #subheader .submenu {
        white-space: nowrap;
        width: auto;
        top: 55px;
    }

    #subheader .customer li.account {
        position: relative;
    }
    
    
    #subheader ul.submenu > li {
        text-align: left;
    }  
    
	/** @subsection Layout/Catalog */
	#catalog .catalog-widget {   
	    justify-content: space-between;    
	}    
    
    /** @subsection Layout/Catalog listing */
    #catalog-listing .catalog-menu {        
        display: block;
    }
    #catalog-listing .catalog-products {
        width: 80%;
        padding: 0 1em;
    }
	#customer .customer-orders {
/* 	    width: 80%; */
	    padding: 0 1em;
	}
    
    /** @subsection Layout/Cart */
    #cart > div {
        -webkit-box-orient: horizontal;    
        -webkit-box-direction: normal;    
        -ms-flex-direction: row;   
        flex-direction: row;
    }
    #cart .cart-products {
        flex-basis: 70%;
    }    

    .cart-summary {
        flex-basis:30%;
    }
    
    #cart .cart-product-rates { 
        flex-basis: 50%;
        -webkit-box-orient: horizontal;    
        -webkit-box-direction: normal;    
        -ms-flex-direction: row;    
        flex-direction: row;
        -webkit-box-pack: justify;    
        -ms-flex-pack: justify;    
        justify-content: space-between;        
        align-items: center;        
    } 

    #cart .cart-product-rates .availability {   
        text-align: left;
    }

    /** @subsection Layout/Vehicle banner */
    #vehicle-banner > div { 
        -webkit-box-orient: horizontal;    
        -webkit-box-direction: normal;    
        -ms-flex-direction: row;    
        flex-direction: row;
    -webkit-box-pack: justify;    
        -ms-flex-pack: justify;    
            justify-content: space-between;
    }
    
    #vehicle-banner .vehicle-type {
        padding-bottom: 0;
    }

    /** @subsection Elements/Header */
    #subheader .customer > ul li {
        padding: 4px 4px;
    }  
    
    #subheader .customer > ul {
        -webkit-box-pack: end;    
        -ms-flex-pack: end; 
        justify-content: flex-end;            
    }
    #subheader .customer li span.text {
        display: block;
    }

    /** @subsection Elements/Catalog */
    #catalog h1 br {
        display: none;
    }
    
    /** @subsection Elements/Cart */
    .addToCart input {
        margin-right: 0.5em;
        width: 2em;
    }

	#vehicle-banner .vehicle-type {  
	    text-align: left;
	}

}