/*
Theme Name:     Thème Enfant Weaver Xtreme
Theme URI:      /wp-content/themes/theme-enfant-weaver-xtreme
Description:    Style Sheet for child theme
Author:         Team VR7
Author URI:     //vr7.fr
Template:       weaver-xtreme
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template,  post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
/** ===================================================================================================== **/
/** Common settings for all devices BEGIN **/
/** ===================================================================================================== **/

/** 
 * ##################################
 * # VIDEO ON SITE BACKGROUND BEGIN #
 * ##################################
 **/
  /* Settings for video background overlay site */
  .bg-video-overlay-site {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-color: rgba(255,255,240,0.25);
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Settings for video background overlay site */
  .bg-video-overlay-homepage {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-color: rgba(255,255,240,0.25);
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################################
 * # VIDEO ON SITE BACKGROUND END #
 * ################################
 **/

/** 
 * #################################
 * # BORDER AROUND ALL PAGES BEGIN #
 * #################################
 **/ 
  /* Set border around all pages, header and footer included */
  /**
   * #wrapper {
   * border-top: 1px solid #493a00;
   * border-bottom 1px solid #493a00;
   * border-left: 1px solid #493a00;
   * border-right: 1px solid #493a00;
   * }
   **/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ###############################
 * # BORDER AROUND ALL PAGES END #
 * ###############################
 **/

/** 
 * #########################
 * # LOGO IN MENUBAR BEGIN #
 * #########################
 **/
  /* Set style for menu item accueil */
  .menu-primary .custom-logo-on-menu {
    margin-right: 50px !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set tooltip style for custom logo in menu */
  .tooltip-custom-logo-in-menu-box {
    display: block;
    overflow: visible;
  }
  .tooltip-custom-logo-in-menu {
    position: relative;
    display: none;
  }
  .tooltip-text {
    display: block;
    text-align: left;
    color: #ffcc00;
    font-family: Open Sans,sans-serif;
    font-weight: 700;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    margin-top: 40px;
    margin-left: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * #######################
 * # LOGO IN MENUBAR END #
 * #######################
 **/

/** 
 * ########################
 * # Cookie Consent BEGIN #
 * ########################
 **/
  /* Make padding smaller from cookie consent text box */
  #catapult-cookie-bar.rounded-corners.drop-shadow {
    padding: 5px 5px 5px;
  }
  /* Remove h" title line */
  #catapult-cookie-bar.rounded-corners.drop-shadow h3 {
    display: none;
  }
  /* Set font for Cookie Consent Text */
  #catapult-cookie-bar.rounded-corners.drop-shadow span.ctcc-left-side {
    font-size: 9.5px;
  }
  /* Change margins for Cookie Consent button */
  #catapult-cookie-bar.rounded-corners.drop-shadow span.ctcc-right-side {
    margin-top: .5em;
    margin-bottom: .25em;
    margin-left: 0;
    margin-right: 0;
  }
  /* Set hover color of cookie consent button */
  #catapultCookie:hover {
    color: #ffffff;
    background-color: #00b2c5;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set hover color of the cookie consent link to the cookie policy page */
  a.ctcc-more-info-link:hover {
    color: #00b2c5 !important;
  }
/** 
 * ######################
 * # Cookie Consent END #
 * ######################
 **/

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set homepage header width */
  .home .header-homepage {
    max-width: 980px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set the background banner image for homepage header */
  .home .header-homepage .banner-homepage {
    background: url('/wp-content/uploads/header-background-image-980w-346h.png') no-repeat top center;
    height: 346px;
    width: 100%;
    padding: 0;
    margin: auto;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Header Social Media bar */
  /* Set style for the social media bar (transparent) as last item in header */
  .header-social-media-bar {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  /* Set style for the social media icons in the header social media bar */
  /* icon-wrapper : block around all icons that floats to the right */
  .header-social-media-bar .icon-wrapper {
    float: right;
    display: flex;
    align-items: center;
  }
  .header-social-media-bar .icon-wrapper .follow-us {
    float: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 15px;
  }
  /* Facebook icon : floated to left in the icon-wrapper, icon inside is centered both horizontally and vertically */
  .header-social-media-bar .icon-wrapper .icon-fb {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 30px;
    height: 30px;
    background: #3b5998;
    border-radius: 7px;
    margin-right: 15px;
    transition: all 0.2s ease-in-out;
  }
  /* Set font color */
  .header-social-media-bar .icon-wrapper .icon-fb a i {
    color: #ffffff;
  }
  /* Set hover effect */
  .header-social-media-bar .icon-wrapper .icon-fb:hover {
    opacity: .70;
  }
  /* Instagram icon : floated to left in the icon-wrapper, icon inside is centered both horizontally and vertically */
  .header-social-media-bar .icon-wrapper .icon-inst {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 30px;
    height: 30px;
    /* Set background for instagram icon */

    background: 
    /* Background left bottom */
    radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    /* Background left top */
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
    /* Background right top */
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
    /* Background right bottom */
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    /* Background create a base coat to smooth corner gradients */
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);

    border-radius: 7px;
    margin-right: 15px;
    transition: all 0.2s ease-in-out;
  }
  /* Set font color */
  .header-social-media-bar .icon-wrapper .icon-inst a i {
    color: #ffffff;
  }
  /* Set hover effect */
  .header-social-media-bar .icon-wrapper .icon-inst:hover {
    opacity: .70;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    display: block;
    width: 100%;
    height: 250px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Prevent header banner and messages from other pages to be displayed on homepage */
  .home .header-site {
    display: none;
  }
  .home .header-site .banner-otherpages {
    display: none;
  }
  .home .header-site .banner-otherpages .shade-otherpages {
    display: none;
  }
  .home .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    display: none;
  }
  .home .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    display: none;
  }
  .home .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    display: block;
    background: transparent;
    background-color: transparent;
    /* border: 2px solid #ffcc00; */
    border-radius: 5px;
    margin-top: -99px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
  .home-message1-main-title {
    font-weight: 800;
    font-style: italic;
    text-align: center;
  }
  .home_message1_sub_title1 {
    text-align: right;
    font-weight: 800;
    padding-right: 15px;

  }
  .home_message1_sub_title1 a.message-link:link {
    color: #ffffff;
  }
  .home_message1_sub_title1 a.message-link:visited {
    color: #ffffff;
  }
  .home_message1_sub_title1 a.message-link:hover {
    color: #00b2c5;
  }
  .home_message1_sub_title1 a.message-link:active {
    color: #ffffff;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set header banner width for all other pages */
  .header-site {
    max-width: 980px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    width: 100%;
    display:block;
    background: rgba(0,0,0,0.3);
    text-align : center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    color : #FFCC00;
    font-family: 'Arvo', serif;
    font-weight: 400;
    text-align : center;
    display: block;
    padding: 5px 0px 0px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    color : #FFFFFF;
    font-weight: bold;
    text-align : center;
    display: block;
    padding: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    color : #FFFFFF;
    font-weight: bold;
    text-align : right;
    display: block;
    padding-right: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 link */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages a.message-link:link {
    color: #ffffff;
  }
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages a.message-link:visited {
    color: #ffffff;
  }
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages a.message-link:hover {
    color: #00b2c5;
  }
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages a.message-link:active {
    color: #ffffff;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-weight: 800;
    font-style: italic;
    /* margin: 10px; */
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/** 
 * ################
 * # FOOTER BEGIN #
 * ################
 **/

  /* Footer Social Media bar */
  /* Set style for the social media bar (transparent) as first item in footer */
  .footer-social-media-bar {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  /* Set style for the social media icons in the footer social media bar */
  /* icon-wrapper : block around all icons that is aligned to the right */
  .footer-social-media-bar .icon-wrapper {
    float: right;
    display: flex;
    align-items: center;
  }
  .footer-social-media-bar .icon-wrapper .follow-us {
    float: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 15px;
  }
  /* Facebook icon : floated to left in the icon-wrapper, icon inside is centered both horizontally and vertically */
  .footer-social-media-bar .icon-wrapper .icon-fb {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 30px;
    height: 30px;
    background: #3b5998;
    border-radius: 7px;
    margin-right: 15px;
    transition: all 0.2s ease-in-out;
  }
  /* Set font color */
  .footer-social-media-bar .icon-wrapper .icon-fb a i {
    color: #ffffff;
  }
  /* Set hover effect */
  .footer-social-media-bar .icon-wrapper .icon-fb:hover {
    opacity: .70;
  }
  /* Instagram icon : floated to left in the icon-wrapper, icon inside is centered both horizontally and vertically */
  .footer-social-media-bar .icon-wrapper .icon-inst {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 30px;
    height: 30px;
    /* Set background for instagram icon */

    background: 
    /* Background left bottom */
    radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    /* Background left top */
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
    /* Background right top */
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
    /* Background right bottom */
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    /* Background create a base coat to smooth corner gradients */
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);

    border-radius: 7px;
    margin-right: 15px;
    transition: all 0.2s ease-in-out;
  }
  /* Set font color */
  .footer-social-media-bar .icon-wrapper .icon-inst a i {
    color: #ffffff;
  }
  /* Set hover effect */
  .footer-social-media-bar .icon-wrapper .icon-inst:hover {
    opacity: .70;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the footer image */
  #footer-site {
    max-width: 980px;
  }
  #footer-site .footer-banner {
    background: url('/wp-content/uploads/footer-background-image.png') no-repeat bottom left;
    height: 227px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  #copyright-vr7 {
    padding-bottom: 43px;
  }
  a.copyright-vr7:link {
    width : 100%;
    color : #FFCC00;
    font-size: 80%;
    text-align : center;
    display: block;
    padding-top: 10px;
  }
  a.copyright-vr7:hover {
    color : #00b2c5;
  }
  #copyright-saks {
    padding-top: 43px;
    text-align: center;
  }
  a.copyright-saks:link {
    width : 100%;
    color: #0e0c55;
    font-weight: 800;
    text-align : center;
    display: block;
    padding-top: 10px;
  }
  a.copyright-saks:visited {
    color: #0e0c55;
  }
  a.copyright-saks:hover {
    color : #3c09b6 !important;
  }
  a.copyright-saks:active {
    color: #0e0c55;
  }
  span.copyright-saks-part1 {
    font-size: 160%;
  }
  span.copyright-saks-part2 {
    font-size: 110%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu {
    width:80%;
    max-width: 980px;
    /* display:block; */ /* removed for vertical alignment */
    margin: 15px auto;
    /* border-top: 1px solid #ffffff; */
    border-top: none;
    padding:10px 0 0 0;
    position: relative;
  }
  #menu-footer ul.nav-menu:before { /* pseudo element for vertical alignment of menu's */
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  #menu-footer ul.nav-menu li {
    display:inline-block;
    margin:0;
    padding:3px 0px 3px 0px;
    line-height: 25px;
    font-size: 14px;
    text-shadow: 0 1px 0 #000;
    vertical-align: middle;
  }

  #menu-footer ul.nav-menu li a {
    color: #ffffff;
  }
  #menu-footer ul.nav-menu li a:hover {
    color:#00b2c5;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for horizontal line in footer */
  hr.horizontal-line-top-margin {
    border: 0;
    /* height: 1px; */
    background-image: linear-gradient(to right, #000000, #FFCC00, #000000);
    margin-top: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for professional link */
  #professional {
    font-size: 20px;
  }
  a.professional_link {
    display: inline-block;
    background-image: none;
    font-size: 100%;
    line-height: 1;
    cursor: pointer;
    overflow: visible;
    padding: .309em .5em;
    font-weight: 700;
    border-radius: 3px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
    text-align: center;
  }
  a.professional_link:link {
    color: #515151;
    background-color: #ffcc00;
  }
  a.professional_link:visited {
    color: #515151;
    background-color: #ffcc00;
  }
  a.professional_link:hover {
    color: #ffffff !important;
    background-color: #00b5c2;
  }
  a.professional_link:active {
    color: #515151;
    background-color: #ffcc00;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/** 
 * #######################
 * # RIGHT SIDEBAR BEGIN #
 * #######################
 **/
/**
  /* Set style for widget "Je connais déjà mon huile" */
  .widget-slider-wrapper {
    display: block;
    width: 100%;
  }
  .widget-product-slider {
    display: block;
    width: 85px;
    margin-left: auto;
    margin-right: auto;
  }
  /** --------------------------------------------------------------------------------------------------- **/

 /** 
 * #####################
 * # RIGHT SIDEBAR END #
 * #####################
 **/

/** 
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Adjust padding left and right home page */
  .home #content.content.l-content.font-inherit {
    padding-left: 8px;
    padding-right: 8px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Remove padding, so remove empty space between header and lameilleure-text */
  .home div.entry-content.clearfix {
    padding: 0;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for lameilleure-text */
  .lameilleure-text {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .lameilleure-part1 {
    font-weight: 800;
    font-style: italic;
    color: #ffffff;
  }
  .lameilleure-part2 {
    font-weight: 800;
    font-style: italic;
    color: #ffffff;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    display: block;
    background: #373737;
    background-color: #373737;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;    
  }
  .vr7-engagements-title-text {
    text-align: center;
    font-weight: 800;
    color: #FFCC00;
    margin: auto;
    background: #373737; /* #1e1e1e; */
    background-color: #373737; /*  #1e1e1e; */
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the 3 VR7-engagements icons */
  .icon-parent-2 {
    position: relative;
    width: 100%;
    font-size: 0;
    text-align: center;
  }
  .icon-background-2a {
    position: relative;
    font-size: 14px;
    display: inline-block;
    background-color: #373737;
    width: 220px;
    height: 130px;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
  .icon-background-2b {
    position: relative;
    font-size: 14px;
    display: inline-block;
    background-color: #373737;
    width: 220px;
    height: 130px;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
  .icon-background-2c {
    position: relative;
    font-size: 14px;
    display: inline-block;
    background-color: #373737;
    width: 220px;
    height: 130px;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
  .picto-block-img-number1 {
    display: block;
    width: 130px;
    height: 45px;
    margin: auto;
    border-top: 1px solid #ffcc00;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .picto-block-txt-number1 {
    display: block;
    width: 130px;
    height: 60px;
    margin: auto;
    border-bottom: 1px solid #ffcc00;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .picto-text-number1 {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-number1 a:link {
    color: #ffffff;
  }
  .picto-block-txt-number1 a:visited {
    color: #ffffff;
  }
  .picto-block-txt-number1 a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-number1 a:active {
    color: #ffffff;
  }
  a.picto-link-number1:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-number1:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-number1:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-number1:active {
    background:transparent;color:#ffffff;
  }
  .picto-number1-pictostyle {
    width: 112px;
    height: 45px;
    background: url('/wp-content/uploads/number-1-double-white-blue-pictostyle-w224-h45.png') no-repeat left top;
    margin: auto;
  }
  .picto-number1-pictostyle:hover {
    background-position: -112px 0px;
  }
  .picto-block-img-smiley {
    display: block;
    width: 130px;
    height: 45px;
    margin: auto;
    border-top: 1px solid #ffcc00;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .picto-block-txt-smiley {
    display: block;
    width: 130px;
    height: 60px;
    margin: auto;
    border-bottom: 1px solid #ffcc00;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .picto-text-smiley {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-smiley a:link {
    color: #ffffff;
  }
  .picto-block-txt-smiley a:visited {
    color: #ffffff;
  }
  .picto-block-txt-smiley a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-smiley a:active {
    color: #ffffff;
  }
  a.picto-link-smiley:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-smiley:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-smiley:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-smiley:active {
    background:transparent;color:#ffffff;
  }
  .picto-smiley-pictostyle {
    width: 112px;
    height: 45px;
    background: url('/wp-content/uploads/smiley-double-white-blue-pictostyle-w224-h45.png') no-repeat left top;
    margin: auto;
  }
  .picto-smiley-pictostyle:hover {
    background-position: -112px 0px;
  }
  .picto-block-img-balance {
    display: block;
    width: 130px;
    height: 45px;
    margin: auto;
    border-top: 1px solid #ffcc00;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .picto-block-txt-balance {
    display: block;
    width: 130px;
    height: 60px;
    margin: auto;
    border-bottom: 1px solid #ffcc00;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .picto-text-balance {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-balance a:link {
    color: #ffffff;
  }
  .picto-block-txt-balance a:visited {
    color: #ffffff;
  }
  .picto-block-txt-balance a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-balance a:active {
    color: #ffffff;
  }
  a.picto-link-balance:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-balance:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-balance:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-balance:active {
    background:transparent;color:#ffffff;
  }
  .picto-balance-pictostyle {
    width: 112px;
    height: 45px;
    background: url('/wp-content/uploads/balance-double-white-blue-pictostyle-w224-h45.png') no-repeat left top;
    margin: auto;
  }
  .picto-balance-pictostyle:hover {
    background-position: -112px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buy {
    width: 100%;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
  }
  #click2buybutton {
    display: inline-block;
    text-align: center;
  }
  a.click2buybutton {
    background: #ffcc00;
    color: #515151 !important;
    text-align: center;
    font-family: 'FuturaStd-Book';
    font-weight: 800;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  a.click2buybutton:hover {
    background: #00b5c2;
    color: #ffffff !important;
    border: 1px solid #00b5c2;
  }
  div.click2buy .click2buytext {
    display: inline-block;
    color: #ffcc00;
    text-align: left;
    font-weight: 800;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for horizontal line in homepage */
  hr.horizontal-line {
    border: 0;
    /* height: 1px; */
    background-image: linear-gradient(to right, #000000, #FFCC00, #000000);
    margin-bottom: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    text-align: center;
    font-weight: 800;
    color: #FFCC00;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .vr7-must-text-part1 {
    display: inline-block;
  }
  .vr7-must-text-part2 {
    display: inline-block;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style options for News-Ticker */
  /**
  * .home .news-ticker {
  *    width: 100%;
  *    display: block;
  *    text-align: center;
  * }
  * .home #mtphr-dnt-555 {
  *    width: 80%;
  *    margin: auto;
  * }
  * .home .ticker-href-class1:link {
  *    color: #ffff00;
  * }
  * .home .ticker-href-class1:visited {
  *    color: #ffff00;
  * }
  * .home .ticker-href-class1:hover {
  *    color: #00b2c5;
  * }
  * .home .ticker-href-class1:active {
  *    color: #ffff00;
  * }
  * .home .ticker-href-class2:link {
  *    color: #00b2c5;
  * }
  * .home .ticker-href-class2:visited {
  *    color: #00b2c5;
  * }
  * .home .ticker-href-class2:hover {
  *    color: #00b2c5;
  * }
  * .home .ticker-href-class2:active {
  *   color: #00b2c5;
  * }
  * .home .ticker-text1-class {
  *   font-size: 18px;
  *   font-weight: bold;
  * }
  * .home .ticker-text2-class {
  *   font-size: 22px;
  *   font-weight: bold;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ################################################
 * # VR7 Woocommerce Review Comments Plugin BEGIN #
 * ################################################
 **/

  /* Set alignment of reviews product thumb block */
  .twb_wc_reviews_product_thumb {
    width: 20%;
    display: inline-block;
    vertical-align: top;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of the avatar - author - date - star ratings block */
  .twb_wc_reviews_avatar_author_date_star_ratings {
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of the reviews content block */
  .twb_wc_reviews_content {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of star rating block */
  div.woocommerce.twb_wc_reviews_ratings_wrap {
    /* display: inline-block; */
    /* width: 60%; */
    /* vertical-align: top; */
    float: right;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set color of stars in star-rating */
  div.woocommerce.twb_wc_reviews_ratings_wrap .star-rating {
    color: #ffcc00 !important;
    font-size: small;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of stars in star-rating */
  div.woocommerce.twb_wc_reviews_ratings_wrap .star-rating {
    margin: 10px 0 !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of avatar/author/date block */
  .twb_wc_reviews_avatar_author_date {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of avatar block */
  .twb_wc_reviews_avatar {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of author - date block */
  .twb_wc_reviews_author_date {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of the review text link */
  .twb_wc_reviews_ct_link {
    display: inline-block !important;
    width: 100% !important;
    vertical-align: top !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set alignment of review text */
  .twb_wc_reviews_ct {
    width : 100% !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 20px !important;
  }
  .twb_wc_reviews_ct p {
    text-align: left;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############################################
 * # VR7 Woocommerce Review Comments Plugin END #
 * ##############################################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for VR7-is section */
  .vr7-is {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    display: block;
    background-color: #242424;
    background: #242424;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
  .vr7-is-title-text {
    text-align: center;
    font-weight: 800;
    color: #FFCC00;
    background: #1e1e1e;
    background-color: #1e1e1e;
    margin: auto;
  }
  .vr7-is-title-text-part1 {
    display: inline-block;
  }
  .vr7-is-title-text-part2 {
    display: inline-block;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the 4 vr7-is icons */
  .icon-parent-1 {
    width: 100%;
    font-size: 0;
    text-align: center;
  }
  .icon-background-1 {
    font-size: 14px;
    display: inline-block;
    background-color: #242424;
    width: 185px;
    height: 155px;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 0px;
    vertical-align: top;
    z-index: 2000;
  }
  .picto-block-img-48h {
    display: block;
    width: 185px;
    height: 90px;
    margin: auto;
  }
  .picto-block-txt-48h {
    display: block;
    width: 185px;
    height: 60px;
    margin: auto;
  }
  .picto-text-48h {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-48h a:link {
    color: #ffffff;
  }
  .picto-block-txt-48h a:visited {
    color: #ffffff;
  }
  .picto-block-txt-48h a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-48h a:active {
    color: #ffffff;
  }
  a.picto-link-48h:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-48h:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-48h:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-48h:active {
    background:transparent;color:#ffffff;
  }
  .picto-48h-pictostyle {
    width: 112px;
    height: 90px;
    background: url('/wp-content/uploads/48h-double-white-blue-pictostyle-w224-h90.png') no-repeat left top;
    padding: auto;
    margin: auto;
  }
  .picto-48h-pictostyle:hover {
    background-position: -112px 0px;
  }
  .picto-block-img-truck {
    display: block;
    width: 185px;
    height: 90px;
    margin: auto;
  }
  .picto-block-txt-truck {
    display: block;
    width: 185px;
    height: 60px;
    margin: auto;
  }
  .picto-text-truck {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-truck a:link {
    color: #ffffff;
  }
  .picto-block-txt-truck a:visited {
    color: #ffffff;
  }
  .picto-block-txt-truck a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-truck a:active {
    color: #ffffff;
  }
  a.picto-link-truck:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-truck:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-truck:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-truck:active {
    background:transparent;color:#ffffff;
  }
  .picto-truck-pictostyle {
    width: 112px;
    height: 90px;
    background: url('/wp-content/uploads/truck-double-white-blue-pictostyle-w224-h90.png') no-repeat left top;
    padding: auto;
    margin: auto;
  }
  .picto-truck-pictostyle:hover {
    background-position: -112px 0px;
  }
  .picto-block-img-tin {
    display: block;
    width: 185px;
    height: 90px;
    margin: auto;
  }
  .picto-block-txt-tin {
    display: block;
    width: 185px;
    height: 60px;
    margin: auto;
  }
  .picto-text-tin {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-tin a:link {
    color: #ffffff;
  }
  .picto-block-txt-tin a:visited {
    color: #ffffff;
  }
  .picto-block-txt-tin a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-tin a:active {
    color: #ffffff;
  }
  a.picto-link-tin:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-tin:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-tin:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-tin:active {
    background:transparent;color:#ffffff;
  }
  .picto-tin-1lit-pictostyle {
    width: 112px;
    height: 90px;
    background: url('/wp-content/uploads/tin-1lit-double-white-blue-pictostyle-w224-h90.png') no-repeat left top;
    padding: auto;
    margin: auto;
  }
  .picto-tin-1lit-pictostyle:hover {
    background-position: -112px 0px;
  }
  .picto-block-img-calendar {
    display: block;
    width: 185px;
    height: 90px;
    margin: auto;
  }
  .picto-block-txt-calendar {
    display: block;
    width: 185px;
    height: 60px;
    margin: auto;
  }
  .picto-text-calendar {
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #ffffff;
  }
  .picto-block-txt-calendar a:link {
    color: #ffffff;
  }
  .picto-block-txt-calendar a:visited {
    color: #ffffff;
  }
  .picto-block-txt-calendar a:hover {
    color: #00b2c5;
    /* text-decoration: underline; */
  }
  .picto-block-txt-calendar a:active {
    color: #ffffff;
  }
  a.picto-link-calendar:link {
    background:transparent;color:#ffffff;
  }
  a.picto-link-calendar:visited {
    background:transparent;color:#ffffff;
  }
  a.picto-link-calendar:hover {
    background:transparent;color:#00b2c5;
  }
  a.picto-link-calendar:active {
    background:transparent;color:#ffffff;
  }
  .picto-calendar-pictostyle {
    width: 112px;
    height: 90px;
    background: url('/wp-content/uploads/calendar-double-white-blue-pictostyle-w224-h90.png') no-repeat left top;
    padding: auto;
    margin: auto;
  }
  .picto-calendar-pictostyle:hover {
    background-position: -112px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  .click2buyselection {
    display: block;
    width: 80%;
    border: 1px solid #493a00;
    background: #000000;
    background-color: #000000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
  }
  #click2buybuttonselection {
    display: inline-block;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 20px;
  }
  a.click2buybuttonselection {
    background: #ffcc00;
    color: #515151 !important;
    text-align: center;
    font-family: 'FuturaStd-Book';
    font-weight: 800;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  a.click2buybuttonselection:hover {
    background: #00b5c2;
    color: #ffffff !important;
    border: 1px solid #00b5c2;
  }
  .click2buytextselection {
    display: inline-block;
    font-style: italic;
    color: #ffcc00 !important;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    /* font-weight: 800; */
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # CARDATABASE BEGIN #
 * #####################
 **/
 /* Set style for car database default view */
  .clear {
      clear: both;
  }
  #cardatabase {
      display: block;
      width: 80%;
      border: 1px solid #493a00;
      background: #000000;
      background-color: #000000;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }
  .cardb-lets-search-message {
      display: block;
      width: 100%;
      font-size: 20px;
      font-style: italic;
      color: #ffcc00;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  .selector-fields {
      width: 100%;
      padding: 0px;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: auto;
      margin-right: auto;
  }
  .carbrand {
      display: inline-block;
      width: 140px;
      height: 50px;
      padding: 0;
      margin: 0;
      text-align:center;
  }
  div.carbrand #cq-make:enabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #ffcc00;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #ffcc00;
      border-radius: 5px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .caryear {
      display: inline-block;
      width: 140px;
      padding: 0;
      margin: 0;
      height: 50px;
      text-align: center;
  }
  div.caryear #cq-year:disabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #a6a6a6;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #a6a6a6;
      border-radius: 5px;
      cursor: not-allowed;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  div.caryear #cq-year:enabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #ffcc00;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #ffcc00;
      border-radius: 5px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .carmodel {
      display: inline-block;
      width: 140px;
      padding: 0;
      margin: 0;
      height: 50px;
      text-align: center;
  }
  div.carmodel #cq-model:disabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #a6a6a6;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #a6a6a6;
      border-radius: 5px;
      cursor: not-allowed;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  div.carmodel #cq-model:enabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #ffcc00;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #ffcc00;
      border-radius: 5px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .cartype {
      display: inline-block;
      width: 140px;
      padding: 0;
      margin: 0;
      height: 50px;
      text-align: center;
  }
  div.cartype #cq-type:disabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #a6a6a6;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #a6a6a6;
      border-radius: 5px;
      cursor: not-allowed;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  div.cartype #cq-type:enabled {
      background: #1e1e1e;
      width: 130px;
      height: 46px;
      color: #ffcc00;
      text-align: center;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      border: 1px solid #ffcc00;
      border-radius: 5px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .carconfirm {
      display: inline-block;
      width: 140px;
      padding:0;
      margin-left: 0;
      height: 50px;
      text-align: center;
  }
  input#cq-reset:disabled {
      width: 130px;
      height: 46px;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      background: #1e1e1e;
      border: 1px solid #a6a6a6;
      border-radius: 5px;
      color: #a6a6a6;
      cursor: not-allowed;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  input#cq-reset:enabled {
      width: 130px;
      height: 46px;
      font-family: 'FuturaStd-Book';
      font-size: 20px;
      font-weight: bold;
      background: #ffcc00;
      border: 1px solid #ffcc00;
      border-radius: 5px;
      color: #515151;
      -webkit-appearance: none;
      -moz-appearance: none;
  }
  .query-message-field {
      display: none;
      width: 100%;
  }
  .selected_car {
      display: none;
      width: 100%;
      font-size: 16px;
      color: #a6a6a6;
      font-weight: bold;
      text-align: center;
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto;
  }
  .result-fields {
      display: none;
      position:relative;
      padding-top: 20px;
      width: 100%;
      margin: auto;
      text-align: center;
  }
  .result-summer-oil {
      display: none;
      width: 200px;
      vertical-align: top;
      text-align: center;
      margin: auto;
      padding-right: 5px;
  }
  .cq_choice_summer {
      display: none;
      width: 100%;
      font-size: 16px;
      font-weight: bold;
  }
  .result-product-summer {
      display: none;
      width: 100%;
      height: 190px;
  }
  .cq_price_summer {
      display: none;
      width: 100%;
      text-align: center;
      margin: auto;
      font-size: 14px;
  }
  .cq_capacity_summer {
      display: none;
      width: 100%;
      text-align:center;
      margin: auto;
      font-size: 13px;
  }
  .cq_capacity_summer b {
      font-size: 16px;
  }
  .cq_add_to_cart_summer {
      display: none;
      width: 100%;
      text-align:center;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  a.cq_add_to_cart_button_summer {
      display: inline-block;
      background-image: none;
      font-size: 100%;
      line-height: 1;
      cursor: pointer;
      overflow: visible;
      padding: .618em 1em;
      font-weight: 700;
      border-radius: 3px;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-shadow: none;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: .5em;
      text-align: center;
  }
  a.cq_add_to_cart_button_summer:link {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_summer:visited {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_summer:hover {
      color: #ffffff !important;
      background-color: #00b5c2;
  }
  a.cq_add_to_cart_button_summer:active {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_summer.add_to_cart_button.ajax_add_to_cart.added:after {
      font-family: WooCommerce;
      content:"\e017";
      margin-left:.53em;
      vertical-align:bottom
  }
  .result-winter-oil {
      display: none;
      width: 200px;
      vertical-align: top;
      text-align: center;
      margin: auto;
      padding-left: 5px;
  }
  .cq_choice_winter {
      display: none;
      width: 100%;
      font-size: 16px;
      font-weight: bold;
  }
  .result-product-winter {
      display: none;
      width: 100%;
      height: 190px;
  }
  .cq_price_winter {
      display: none;
      width: 100%;
      text-align: center;
      margin: auto;
      font-size: 14px;
  }
  .cq_capacity_winter {
      display: none;
      width: 100%;
      text-align:center;
      margin: auto;
      font-size: 13px;
  }
  .cq_capacity_winter b {
      font-size: 16px;
  }
  .cq_add_to_cart_winter {
      display: none;
      width: 100%;
      text-align: center;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  a.cq_add_to_cart_button_winter {
      display: inline-block;
      background-image: none;
      font-size: 100%;
      line-height: 1;
      cursor: pointer;
      overflow: visible;
      padding: .618em 1em;
      font-weight: 700;
      border-radius: 3px;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-shadow: none;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: .5em;
      text-align: center;
  }
  a.cq_add_to_cart_button_winter:link {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_winter:visited {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_winter:hover {
      color: #ffffff !important;
      background-color: #00b5c2;
  }
  a.cq_add_to_cart_button_winter:active {
      color: #515151;
      background-color: #ffcc00;
  }
  a.cq_add_to_cart_button_winter.add_to_cart_button.ajax_add_to_cart.added:after {
      font-family: WooCommerce;
      content:"\e017";
      margin-left:.53em;
      vertical-align:bottom
  }
  .cq-view-cart {
      display: none;
      width: 100%;
      text-align: center;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ###################
 * # CARDATABASE END #
 * ###################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/
  /* Set style for woocommerce message in general*/
  .woocommerce-message {
      border-top-color: #8fae1b !important;
      border-bottom-color: #8fae1b !important;
      border-left-color: #8fae1b !important;
      border-right-color: #8fae1b !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for woocommerce error and info messages */
  .woocommerce-error, .woocommerce-info, .woocommerce-message {
      padding: 1em 2em 1em 3.5em !important;
      margin: 0 0 2em !important;
      position: relative;
      background-color: transparent;
      color: #FFFFFF;
      border-top: 2px solid #a46497;
      list-style: none !important;
      width: auto;
      word-wrap: break-word;
      border-bottom: 2px solid #a46497;
      border-left: 2px solid #a46497;
      border-right: 2px solid #a46497;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /*
  * Set default background-color for all buttons in all parts of the woocommerce control panel, all buttons, "Procéder à la commande" excluded, of the cart,
  * the edit account page, the edit address page, the add payment method page, the your orders page, the tracking orders page, the login/logout page,
  * the products page, the single product page, the "ajouter au panier" button excluded.
  */
  .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #FFCC00;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set hover over color for all buttons */
  .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #00B5C2 !important;
    color: #FFFFFF !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the add-to-cart button on the single products page */
  .button.single_add_to_cart_button.button.alt {
    margin: auto;
    background: none;
    background-color: #FFCC00;
    color: #000000;
    left: auto;
    background-clip: border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    letter-spacing: 1px;
    padding: 0 20px;
    text-transform: uppercase;
    line-height: 40px;
    display: inline-block;
    box-shadow: none;
    text-shadow: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the "Procéder à la commande" button on the cart page */
  a.checkout-button.button.alt.wc-forward {
    margin: auto;
    background: none;
    background-color: #FFCC00;
    color: #000000;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the choice of payment block in the checkout page */
  #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
    border-radius: 5px;
    border: 2px solid #888;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the button "Commander" in the checkout page */
  input#place_order.button.alt {
    margin: auto;
    background: none;
    background-color: #FFCC00;
    color: #000000;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the country drop-down box in the address section of the control panel */
  .select2-container .select2-choice {
    background-color: #FFFF99;
    background: #FFFF99;
    color: #000000;
  }
  div.select2-search {
    background: #888888;
  }
  .select2-results {
    max-height: 200px;
    padding: 4px;
    margin: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent;
    background: #888888;
  }
  .select2-result-label {
    background: #888888;
  }
  .select2-result-label:hover {
    background: #FFFF99;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the field "Notes de la commande" on the checkout page */
  textarea#order_comments.input-text {
    height: 200px;
    background-color: #FFFF99;
    background: #FFFF99;
    color: #000000;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for Mailchimp newsletter radiobutton on the checkout page */
  p.form-row.form-row-wide.create-account {
    padding: 0px !important;
    margin-bottom: 0px;
    /* Do not display the Mailchimp radio button, add automatically every customer to the list*/
    display: none;
  }

  /* Do not display the shipping calculator button */
  a.shipping-calculator-button {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for "Free" label for shipping costs */
  .wc-cart-free-label {
    font-weight: 800;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for Shop page meta */
  .shop_page_meta {
    text-align: right;
    margin-right: 25px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set border and shadow around product images */
  .woocommerce ul.products li.product a:link img {
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #000000;
  }
  .woocommerce ul.products li.product a:visited img {
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #000000;
  }
  .woocommerce ul.products li.product a:hover img {
    border: 1px solid #00B5C2;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #00B5C2;
  }
  .woocommerce ul.products li.product a:active img {
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #000000;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-weight: 900;
    color: #00B5C2;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

/** 
 * ####################
 * # SHORTCODES BEGIN #
 * ####################
 **/
  /* Set the shortcode widget-selection-button */
  .widgetclick2select {
    width: 100%;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
  }
  #widgetclick2selectbutton {
    display: inline-block;
    text-align: center;
  }
  a.widgetclick2selectbutton {
    background: #ffcc00;
    color: #515151 !important;
    text-align: center;
    font-family: 'FuturaStd-Book';
    font-weight: 900 !important;
    font-size: 1.2em !important;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  a.widgetclick2selectbutton:hover {
    background: #00b5c2;
    color: #ffffff !important;
    border: 1px solid #00b5c2;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the shortcode widget-buy-button */
  .widgetclick2buy {
    width: 100%;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
  }
  #widgetclick2buybutton {
    display: inline-block;
    text-align: center;
  }
  a.widgetclick2buybutton {
    background: #ffcc00;
    color: #515151 !important;
    text-align: center;
    font-family: 'FuturaStd-Book';
    font-weight: 900 !important;
    font-size: 1.2em !important;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  a.widgetclick2buybutton:hover {
    background: #00b5c2;
    color: #ffffff !important;
    border: 1px solid #00b5c2;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##################
 * # SHORTCODES END #
 * ##################
 **/

/** 
 * ###################
 * # BLOGPOSTS BEGIN #
 * ###################
 **/
  /* Set style for blogpost-links-to-products */
  .blogpost-links-to-products {
    display: block;
    width: 100%;
    text-align: center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for blogpost-links-to-products-hyperlink */
  .blogpost-links-to-products-hyperlink {
    font-weight: 700;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set space before the blogpost product links */
  .blogpost-space-before-links {
    height: 2em;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Remove meta info at the end of a blogpost */
  div.meta-info-wrap.font-inherit {
    display: none;
  }
  /** --------------------------------------------------------------------------------------------------- **/

 /** 
 * #################
 * # BLOGPOSTS END #
 * #################
 **/

/** ===================================================================================================== **/
/** Common settings for all devices END **/
/** ===================================================================================================== **/

/* responsive rules for tablets and phones with screen width lower than 224px */
@media screen and (max-width:223px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 20px;
  }
  .home_message1_sub_title1 {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-180h.png') no-repeat top center;
    width: 100%;
    height: 60px;
    padding: 90px 0px 60px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 60px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 22px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/** 
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 14px;
  }
  .lameilleure-part2 {
    font-size: 20px;
  }
  /**
  * .summum-line2 {
  *  font-size: 16px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 18px !important;
  }
  .click2buytext {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 20px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 165px;
    height: 70px;
  }
  .vr7-is-title-text {
    width: 160px;
    font-size: 15px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90% !important;
  }
  a.click2buybuttonselection {
    font-size: 16px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 24px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **/

/* responsive rules for tablets and phones with screen width between 224px and 359px */
@media screen and (min-width:224px)  and (max-width:359px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 20px;
  }
  .home_message1_sub_title1 {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-180h.png') no-repeat top center;
    width: 100%;
    height: 60px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 60px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 22px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 12px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 14px;
  }
  .lameilleure-part2 {
    font-size: 20px;
  }
  /**
  * .summum-line2 {
  *  font-size: 16px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 20px !important;
  }
  .click2buytext {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 20px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 165px;
    height: 70px;
  }
  .vr7-is-title-text {
    width: 160px;
    font-size: 15px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 18px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 24px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **/

/* responsive rules for tablets and phones with screen width between 360px and 389px */
@media screen and (min-width:360px)  and (max-width:389px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 24px;
  }
  .home_message1_sub_title1 {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 75px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 100%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 14px;
  }
  .lameilleure-part2 {
    font-size: 20px;
  }
  /**
  * .summum-line2 {
  *  font-size: 16px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 20px !important;
  }
  .click2buytext {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 20px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 165px;
    height: 70px;
  }
  .vr7-is-title-text {
    width: 160px;
    font-size: 15px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 18px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **/

/* responsive rules for tablets and phones with screen width between 390px and 419px */
@media screen and (min-width:390px)  and (max-width:419px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 24px;
  }
  .home_message1_sub_title1 {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 75px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 18px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 24px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 22px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 24px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/


}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 420px and 439px */
@media screen and (min-width:420px)  and (max-width:439px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 24px;
  }
  .home_message1_sub_title1 {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 75px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 18px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 24px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 22px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 24px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 440px and 447px */
@media screen and (min-width:440px)  and (max-width:447px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 24px;
  }
  .home_message1_sub_title1 {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 75px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 20px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 24px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 24px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 24px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 448px and 469px */
@media screen and (min-width:448px)  and (max-width:469px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 24px;
  }
  .home_message1_sub_title1 {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 75px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 20px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 200px;
    height: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 180px;
    font-size: 15px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 26px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 24px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 26px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 470px and 499px */
@media screen and (min-width:470px)  and (max-width:499px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 24px;
  }
  .home_message1_sub_title1 {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 75px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 20px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 330px;
    font-size: 24px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 26px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 24px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 26px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 500px and 579px */
@media screen and (min-width:500px)  and (max-width:579px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 24px;
  }
  .home_message1_sub_title1 {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-195h.png') no-repeat top center;
    width: 100%;
    height: 75px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 75px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 14px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 11px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 18px;
  }
  .lameilleure-part2 {
    font-size: 24px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 330px;
    font-size: 24px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 350px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 300px;
    font-size: 24px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 26px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 580px and 599px */
@media screen and (min-width:580px) and (max-width:599px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v2-w325-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 26px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 100px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 36px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 50%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #a4a4a4;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 20px;
  }
  .lameilleure-part2 {
    font-size: 26px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 400px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 100% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 600px and 619px */
@media screen and (min-width:600px) and (max-width:619px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 26px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 100px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 36px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 20px;
  }
  .lameilleure-part2 {
    font-size: 26px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 400px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 620px and 626px */
@media screen and (min-width:620px) and (max-width:626px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 26px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 100px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 36px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 20px;
  }
  .lameilleure-part2 {
    font-size: 26px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 400px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 627px and 639px */
@media screen and (min-width:627px) and (max-width:639px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 26px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 100px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 36px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 20px;
  }
  .lameilleure-part2 {
    font-size: 26px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 400px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 640px and 684px */
@media screen and (min-width:640px) and (max-width:684px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 26px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 100px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 36px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 20px;
  }
  .lameilleure-part2 {
    font-size: 26px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 420px;
    height: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
  }
  .vr7-engagements-title-text {
    width: 400px;
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2b {
    border-bottom-right-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 80%;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 685px and 699px */
@media screen and (min-width:685px) and (max-width:699px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 28px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 100px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 36px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 22px;
  }
  .lameilleure-part2 {
    font-size: 28px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/


  /* Set style for call to action */
  #click2buybutton {
    width: 300px;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 0px;
  }
  .vr7-must-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 700px and 719px */
@media screen and (min-width:700px) and (max-width:719px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 28px;
  }
  .home_message1_sub_title1 {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-220h.png') no-repeat top center;
    width: 100%;
    height: 100px;
    padding: 90px 0px 30px 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 36px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 16px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 22px;
  }
  .lameilleure-part2 {
    font-size: 28px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 300px;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 720px and 731px */
@media screen and (min-width:720px) and (max-width:731px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 30px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 159px;
    padding-top: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 130px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 48px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 22px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 24px;
  }
  .lameilleure-part2 {
    font-size: 30px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 300px;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 732px and 767px */
@media screen and (min-width:732px) and (max-width:767px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 30px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 159px;
    padding-top: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 130px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 48px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 22px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 24px;
  }
  .lameilleure-part2 {
    font-size: 30px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 300px;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 535px;
    height: 80px;
  }
  .vr7-is-title-text {
    width: 380px;
    font-size: 28px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 0px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 0px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for devices with screen width between 768px and 779px */
@media screen and (min-width:768px) and (max-width:779px){

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 30px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 159px;
    padding-top: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 130px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 48px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 22px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 24px;
  }
  .lameilleure-part2 {
    font-size: 30px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 300px;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 720px;
    height: 40px;
  }
  .vr7-is-title-text {
    width: 680px;
    font-size: 30px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 10px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 80% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 780px and 819px */
@media screen and (min-width:780px) and (max-width:819px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 34px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 159px;
    padding-top: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 130px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 48px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 22px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 28px;
  }
  .lameilleure-part2 {
    font-size: 34px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 300px;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 720px;
    height: 40px;
  }
  .vr7-is-title-text {
    width: 680px;
    font-size: 30px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 10px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 70% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 820px and 849px */
@media screen and (min-width:820px) and (max-width:849px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 36px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 159px;
    padding-top: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 130px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 48px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 22px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 30px;
  }
  .lameilleure-part2 {
    font-size: 36px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 300px;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 720px;
    height: 40px;
  }
  .vr7-is-title-text {
    width: 680px;
    font-size: 30px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 10px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 70% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for tablets and phones with screen width between 850px and 999px */
@media screen and (min-width:850px) and (max-width:999px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 36px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 159px;
    padding-top: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 130px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 48px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 22px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 30px;
  }
  .lameilleure-part2 {
    font-size: 36px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 300px;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 720px;
    height: 40px;
  }
  .vr7-is-title-text {
    width: 680px;
    font-size: 30px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 10px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 60% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/

}
/** ===================================================================================================== **

/* responsive rules for devices with minimum screen width of 1000px */
@media screen and (min-width:1000px) {

/** 
 * ################
 * # HEADER BEGIN #
 * ################
 **/
  /* Set the foreground banner image for homepage header (image itself is specified per media device) */
  .home .header-homepage .banner-homepage .header-front-image {
    background: url('/wp-content/uploads/header-front-image-v5-w980-h300-lighted.png') no-repeat top center;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for homepage Main message */
  .home .header-homepage .home-message1{
    width: 100%;
  }
  .home-message1-main-title {
    font-size: 36px;
  }
  .home_message1_sub_title1 {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set the background image for all other pages */
  .header-site .banner-otherpages {
    background: url('/wp-content/uploads/header-background-image-980w-259h.png') no-repeat top center;
    width: 100%;
    height: 159px;
    padding-top: 100px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the shade on the header */
  .header-site .banner-otherpages .shade-otherpages {
    height: 130px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 1 */
  .header-site .banner-otherpages .shade-otherpages .message1-otherpages {
    font-size: 48px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 2 */
  .header-site .banner-otherpages .shade-otherpages .message2-otherpages {
    font-size: 22px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for message line 3 */
  .header-site .banner-otherpages .shade-otherpages .message3-otherpages {
    font-size: 18px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for the car database messages */
  .header-site .cardb-message2 {
    font-size: 28px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # HEADER END #
 * ##############
 **/

/**
 * ################
 * # FOOTER BEGIN #
 * ################
 **/
  /* Set style for the navigation menu in the footer */
  #menu-footer ul.nav-menu li {
    width: 32%;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  
  /* Set style for the copyright notices in the footer */
  /*a.copyright-saks:link {
    color : #1e1e1e;
  }*/
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ##############
 * # FOOTER END #
 * ##############
 **/

/**
 * ##################
 * # HOMEPAGE BEGIN #
 * ##################
 **/
  /* Set style for lameilleure-text */
  .lameilleure-part1 {
    font-size: 30px;
  }
  .lameilleure-part2 {
    font-size: 36px;
  }
  /**
  * .summum-line2 {
  *  font-size: 24px;
  * }
  **/
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for VR7-engagements title */
  .vr7-engagements-title-background {
    width: 640px;
    height: 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .vr7-engagements-title-text {
    width: 560px;
    font-size: 30px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
  
  /* Set style for VR7 Engagement icons */
  .icon-background-2a {
    border-bottom-left-radius: 10px;
  }
  .icon-background-2c {
    border-bottom-right-radius: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybutton {
    width: 300px;
  }
  a.click2buybutton {
    font-size: 28px !important;
  }
  .click2buytext {
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for must title */
  .vr7-must {
    font-size: 28px;
  }
  .vr7-must-text-part1 {
    padding-right: 10px;
  }
  .vr7-must-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/
/** 
 * ################
 * # HOMEPAGE END #
 * ################
 **/

/** 
 * ###############################
 * # SELECTION OF OIL PAGE BEGIN #
 * ###############################
 **/
  /* Set style for vr7-is title */
  .vr7-is-title-background {
    width: 720px;
    height: 40px;
  }
  .vr7-is-title-text {
    width: 680px;
    font-size: 30px;
  }
  .vr7-is-title-text-part1 {
    padding-right: 10px;
  }
  .vr7-is-title-text-part2 {
    padding-left: 10px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set style for call to action */
  #click2buybuttonselection {
    width: 90%;
  }
  a.click2buybuttonselection {
    font-size: 28px !important;
  }
  .click2buytextselection {
    width: 90%;
    font-size: 20px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * #############################
 * # SELECTION OF OIL PAGE END #
 * #############################
 **/

/** 
 * #####################
 * # WOOCOMMERCE BEGIN #
 * #####################
 **/

  div.cart_totals {
    width: 50% !important;
    float: right !important;
  }
  /** --------------------------------------------------------------------------------------------------- **/

  /* Set size and color for the prices on every single product page and on the products loop page */
  span.woocommerce-Price-amount.amount {
    font-size: 40px;
  }
  /** --------------------------------------------------------------------------------------------------- **/

/** 
 * ###################
 * # WOOCOMMERCE END #
 * ###################
 **/



}
/** ===================================================================================================== **