/**
 * Theme Name:          Mai Law Pro
 * Theme URI............https://maitheme.com
 * Description:         Mai Law Pro is a custom child theme for The Genesis Framework.
 * Author:              Mike Hemberger, BizBudding Inc
 * Author URI:          https://bizbudding.com/
 * Version:             1.3.0
 *
 * Template:            genesis
 *
 * License:             GPL-2.0+
 * License URI:         http://www.opensource.org/licenses/gpl-license.php
 */


/* Table of Contents

	- Defaults
	- Media Queries (mobile-first)
	- Media Queries (mobile-second)

*/


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/*=====================================RESET AND STYLES DEFAULT======================================*/
html{
    box-sizing: border-box;
    scroll-behavior: smooth;
  }
  body{
      font-family: Helvetica;
      font-weight: 400;
    overflow-x: hidden;
    background-color: #FFFFFF;
  }
  div#wplc-chat-container > * {
    right: 95px !important;
    bottom: 22px !important;
  }
  *,
  *::before,
  *::after{
      box-sizing: inherit;
  }
  img{
    max-width: 100%;
    height: auto;
  }
  .banner-title,
  .heading,
  .widget-title,
  .widgettitle{
      font-weight: 700;
      letter-spacing: 1px;
  }
  h1, h2, h3, h4, h5, h6{
      font-weight: 700;
    color: #333333;
  }
  h1 > span{color: #F45700;}
  p{
    font-size: 14px;
    color: #515151;
    line-height: 21px;
  }
  a{
    transition: all ease 500ms;
    text-decoration: none;
  }
  a:focus{outline: 0;}
  .entry-content a{text-decoration: none; font-size: 15px;}
  .entry-content p, .quote-caption {margin-bottom: 15px;}
  .heading {text-align: inherit;}
  .site-container:not(.boxed) .content-no-sidebars section.no-hide-google{overflow: visible;}
  .site-container:not(.boxed) .content-no-sidebars .section {
      overflow: visible;
  }
  .entry-content>:not(.section)+.section{margin-top: 0;}
  .sub-title{
    color: #222222;
    font-weight: 700;
  }
  .sub-title-sm{
    color: #222222;
    font-weight: 700;
    font-size: 13px;
  }
  .sub-title-orange{
    color: #FF5E00;
    font-weight: 700;
  }
  .btn-orange a{
      padding: .7rem .5rem;
      text-align: center;
      border-radius: 5px;
      color: #FFFFFF;
      background-color: #F45700;
      font-weight: 700;
      border: 1px solid #F45700;
  }
  .btn-reserv a{
      padding: .7rem .5rem;
      text-align: center;
      border-radius: 5px;
      color: #ffffff;
      background-color: #F45700;
      font-weight: 700;
      border: 1px solid #F45700;
  }
  
  .btn-white a{
      padding: .7rem .5rem;
      text-align: center;
      font-weight: 700;
      border-radius: 5px;
    background-color: #FFFFFF;
      border: 1px solid #F45700;
      color: #F45700;
  }
  .btn-orange, .btn-white{flex-direction: column;}
  .btn-orange a:hover{
      background-color: #FFFFFF;
      color: #F45700;
  }
  .btn-white a:hover{
      background-color: #F45700;
      color: #FFFFFF;
  }
  .wrapper-img{line-height: 0;}
  .genesis-nav-menu a{
      font-weight: normal;
  }
  div.section-content .meq-p {
    font-size: 2.5em;
    color: #333333;
    font-weight: 700;
    text-align: center;
    margin-left: 3px;
  }
  div.cent-tlt {max-width: 675px;}
  div.cent-tlt-en{max-width: 690px;}
  div.cent-tlt > h1, div.cent-tlt-en > h1 {margin-top: 10px;text-align: start;}
  
  
  /*=====================================STYLES WPML SWITCH======================================*/
  div.wpml-ls-legacy-dropdown{width: 100%;}
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
    position: relative;
    right: initial;
    top: initial;
  }
  .site-header .wpml-ls-legacy-dropdown a {
    border: none;
    color: #fff;
  }
  nav.nav-header_right ul.nav-header li.menu-item .wpml-ls-legacy-dropdown a:hover,
  .site-header .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, 
  .site-header .wpml-ls-legacy-dropdown a:focus, .site-header .wpml-ls-legacy-dropdown a:hover{
    color: #fff;
  }
  .menu-item-lang > div.wpml-ls-legacy-dropdown > ul > li > a.wpml-ls-item-toggle,
  .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{background-color: #333333;}
  .wpml-ls-legacy-dropdown a:hover{color: #FF7434;}
  
  /*=====================================STYLES HEADER======================================*/
  header.site-header{background-color: #333333;}
  .nav-header>.current-menu-ancestor > a{color: #FF7434;}
  li.menu-item a.custom-tel{font-weight: 700;}
  a.custom-tel{font-weight: 700; font-size: 17px;}
  a.custom-tel > img{margin-right: 0.5rem;}
  .genesis-nav-menu a {
      color: #FFFFFF;
      font-weight: 400;
  }
  nav.nav-header_right ul.nav-header li.menu-item a{
    padding: 0.4rem;
    margin-left: 0;
    margin-right: 0;
  }
  nav.nav-header_right ul.nav-header li.menu-item a:hover{color: #FF7434;}
  ul.genesis-nav-menu .btn-nav-contact a, .btn-nav-contact a {
    padding: 0.5rem;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #FF7434;
    border: 1px solid #FF7434;
  }
  header.site-header ul.nav-header > li.menu-item:not(:last-child){margin-right: 1rem;}
  .genesis-nav-menu li.menu-item ul.sub-menu li.menu-item a{font-size: 14px;}
  body nav.nav-header_right ul.nav-header li.current-menu-item > a{color: #FF7434;}
  nav.nav-header_right ul.nav-header .btn-nav-contact.menu-item > a:hover{color: #FFFFFF;}
  ul.genesis-nav-menu .btn-nav-contact a:hover, .btn-nav-contact a:hover{
    color: #FFFFFF;
    background-color: #FF7434;
  }
  .genesis-nav-menu li.menu-item ul.sub-menu li.menu-item > a{padding: .6rem;}
  
  /*=====================================STYLES HEADER MOBILE======================================*/
  .mai-toggle .mai-bars{color: #FFFFFF}
  header.site-header div.mai-menu{background-color: #333333;}
  .mai-menu .mobile-menu .menu-item > a{color: #FFFFFF;}
  .mai-menu .mobile-menu .menu-item{margin-bottom: 1rem;}
  header.site-header div.mai-menu .mai-menu-inner > form.search-form{display: none;}
  .mai-menu .mobile-menu .current-menu-item > a{color: #FF7434;}
  .mobile-menu .sub-menu-toggle {color: #FFFFFF;}
  
  /*=====================================STYLES FOOTER======================================*/
  .footer-copy{
    display: flex;
    flex-direction: column-reverse;
  }
  .footernav-logo{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footernav-col > .text, .footernav-col > a{
    margin-bottom: .5rem;
    color: #FFFFFF;
  }
  .footernav-col > a{max-width: max-content;}
  .footer-terms {margin-bottom: 1.2rem;}
  .footernav-col{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
  }
  .circle-social, .footer-terms .ft-link {margin-right: 1rem;}
  .footer-terms a {font-weight: 600;}
  .footer-terms .social-icons {
    display: flex;
    justify-content: center;
    margin-left: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .circle-social a {
    padding: 0.5rem;
    border-radius: 20px;
    background-color: #FF5E00;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .circle-social a i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #FFFFFF;
    width: 20px;
  }
  
  /*=====================================STYLES PLUGIN SIDE CART======================================*/
  div.xoo-wsc-body div.xoo-wsc-empty-cart > a{color: #FFFFFF;}
  span.xoo-wsc-sc-count, span.xoo-wsc-sc-subt{display: none;}
  .xoo-wsc-sc-bki{color: #FFF;}
  .xoo-wsc-header{
    background-color: #333333;
    border-bottom: 1px solid #FF5E00;
    color: #FFFFFF;
  }
  .xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-continue, .xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-cart{
      text-align: center;
      border-radius: 5px;
      color: #FFFFFF;
      background-color: #F45700;
      font-weight: 700;
      border: 1px solid #F45700;
  }
  .xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-continue:hover, .xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-cart:hover{
    color: #F45700;
    background-color: #FFFFFF;
  }
  .xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-checkout{
    text-align: center;
      border-radius: 5px;
      color: #F45700;
      background-color: #FFFFFF;
      font-weight: 700;
      border: 1px solid #F45700;
  }
  .xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-checkout:hover{
    text-align: center;
      border-radius: 5px;
      color: #FFFFFF;
      background-color: #F45700;
      border: 1px solid #F45700;
  }
  .xoo-wsc-header .xoo-wsch-top{justify-content: start;}
  
  /*=====================================STYLES PAGE HOME======================================*/
  #pd-remorques:focus{outline: none;}
  
  section.banner-home{
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
  }
  section.banner-home .wrapper-img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
    display: none;
  }
  section.banner-home .wrapper-img.mobile{display: block;}
  section.banner-home .wrapper-img img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .hmwrapper-info{max-width: 1300px;}
  .hmintro-info{
    position: relative;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
  }
  .hmintro-info h1{margin-bottom: 2rem;}
  .hmintro-info h1, .hmintro-info .text{color: #FFFFFF;}
  .hmintro-info .btn-orange a:hover{background-color: transparent;}
  
  .card-image-item .wrapper-img img{width: 100%;}
  section.cards-reservez{margin-bottom: 8em;}
  .card-image-item .wrapper-img{margin-bottom: 1.2rem;}
  .cards-header-hm{
    margin-bottom: 2rem;
    text-align: center;
  }
  
  section.icons-absolute{margin-bottom: 6em;}
  .cards-icons .card-icon-item{
    position: relative;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #EEEEEE;
    margin-bottom: 8rem;
  }
  .card-icon-item{
    display: flex;
    flex-direction: column;
  }
  .info-contact .wrapper-img img{width: 100%;}
  .info-contact{margin-bottom: 2rem;}
  .contact-map{
    display: flex;
    min-height: 70%;
    height: 600px;
  }
  .card-icon-item .btn-white{margin-top: auto;}
  .card-icon-item ul li{margin-bottom: 0;}
  .card-icon-item .wrapper-img{
    position: absolute;
    top: -126px;
    right: 1px;
  }
  
  .content-grey{text-align: center;}
  .content-grey h2{margin-bottom: 2em;}
  .content-grey h2, .content-grey p{color: #FFFFFF}
  .card-grey-icon{margin-bottom: 4em;}
  .card-grey-icon .wrapper-img{margin-bottom: 1rem;}
  
  /*=====================================STYLES PAGE REMORQUES======================================*/
  .info-remorque-banner{
    text-align: center;
    max-width: 630px;
    margin: 0 auto;
    padding: 2rem 0;
  }
  .cards-remorque{
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
  }
  .cards-remorque .btn-white{margin-top: auto;}
  .cards-remorque > .wrapper-img img{width: 100%;}
  .cards-remorque > .wrapper-img hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .remorque-items{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  .remorque-items > .wrapper-img{
    margin-right: 1.5rem;
    margin-bottom: .5rem;
    max-width: 50px;
  }
  
  /*=====================================STYLES PAGE EQUIPEMENTS AND INDUSTRIAL======================================*/
  .wrapper-industrials .sub-header{
    text-align: center;
    margin-bottom: 1rem;
  }
  .info-equipem-banner{
    text-align: center;
    padding: 2rem 0;
  }
  .wrapper-equipements .sub-header{
    text-align: center;
    margin-bottom: 1rem;
  }
  .cards-equipement, .cards-industrial{
    display: flex;
    flex-direction: column;
  }
  .cards-equipement .btn-white, .cards-industrial .btn-white{margin-top: auto;}
  .cards-equipement, .cards-industrial{margin-bottom: 4rem;}
  .cards-equipement > .wrapper-img img, .cards-industrial > .wrapper-img img{width: 100%;}
  .cards-equipement > .wrapper-img, .cards-industrial > .wrapper-img{margin-bottom: 1rem;}
  
  /*=====================================STYLES PAGE PNEUS======================================*/
  .info-pneus-banner{
    text-align: center;
    padding: 2rem 0;
  }
  .info-pneus-banner h1{margin-bottom: 1.5rem;}
  .cards-pneu{
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
  }
  .cards-pneu > .wrapper-img img{width: 100%;}
  .cards-pneu > .wrapper-img{margin-bottom: 1rem;}
  
  /*=====================================STYLES PAGE PIECES EN LIGNE======================================*/
  .info-pieservice-banner{
    text-align: center;
    padding: 2rem 0;
  }
  .info-pieservice-banner h1{margin-bottom: 1.5rem;}
  .cards-pieservice{
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
  }
  .cards-pieservice .btn-white{margin-top: auto;}
  .cards-pieservice > .wrapper-img img{width: 100%;}
  .cards-pieservice > .wrapper-img{margin-bottom: 1rem;}
  
  /*=====================================STYLES PAGE PIECES AND SERVICES======================================*/
  .info-pieces-banner{
    text-align: center;
    padding: 2rem 0;
  }
  .info-pieces-banner h1{margin-bottom: 1.5rem;}
  .cards-piece{
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
  }
  .cards-piece .btn-white{margin-top: auto;}
  .cards-piece > .wrapper-img img{width: 100%;}
  .cards-piece > .wrapper-img{margin-bottom: 1rem;}
  
  /*=====================================STYLES PAGE VENTE PIECES AND REPARATIONS======================================*/
  .info-vreparation-banner{
    text-align: center;
    padding: 2rem 0;
  }
  .info-vreparation-banner h1{margin-bottom: 1.5rem;}
  .banner-reparation{
    background-image: url("https://locationremorquelaval.ca/wp-content/uploads/2022/05/banner-reparations.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
  }
  .info-banner-reparation{max-width: 650px;}
  .info-banner-reparation .text{
    color: #FFFFFF;
    font-weight: 600;
  }
  
  /*=====================================STYLES REPARATIONS======================================*/
  section.header-reparation div.section-content{
    text-align: center;
  }
  
  .subtitle-icon {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
  }
  
  .subtitle-icon .sub-title{
    margin-bottom: 0;
    margin-right: 1rem;
  }
  
  .wrap-reparation-item .col:not(:last-child){
    margin-bottom: 2rem;
  }
  
  .wrap-reparation-item .col.info-col{
    text-align: left;
  }
  
  .wrap-reparation{
    max-width: 750px;
    margin: 0 auto;
  }
  
  /*=====================================STYLES PAGE REPARATION ENTRETIEN======================================*/
  .info-repara-entretien{
    text-align: center;
    padding: 2rem 1rem;
  }
  .info-repara-entretien h1{margin-bottom: 1.5rem;}
  .wrapper-repara-entretien .wrapper-img{margin-bottom: 4rem;}
  .wrapper-repara-entretien .wrapper-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /*=====================================STYLES PAGE PIECES EN LIGNE======================================*/
  .cards-pieservices {
    max-width: 550px;
    margin: 0 auto;
  }
  
  /*=====================================STYLES PAGE AMENAGEMENTS DE REMORQUES======================================*/
  section.icons-absolute{margin-bottom: 0;}
  section.icons-absolute > div.wrap{padding-bottom: 0;}
  .info-slider-amenag{
    text-align: center;
    padding: 2rem 1rem;
  }
  .info-slider-amenag h1{margin-bottom: 1.5rem;}
  .slider-amenag .sa_hover_container{
    padding: 0 !important;
    height: 100%;
  }
  .slider-amenag .owl-carousel .owl-item{height: 100%;}
  .slider-amenag .sa_hover_container .wrapper-img{height: 100%;}
  .slider-amenag .sa_hover_container .wrapper-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .card-icon-default{
    position: relative;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #EEEEEE;
    margin-bottom: 4rem;
  }
  .card-icon-default .wrapper-img {
    position: absolute;
    top: -25px;
    right: 20px;
  }
  .card-icon-default > ul li{margin-bottom: 0;}
  
  /*=====================================STYLES PAGE DONE PAGE CONTACT FORM======================================*/
  .info-done-page{text-align: center;}
  
  /*=====================================STYLES PAGE CATEGORY PNEUS======================================*/
  .cards-category-pneus{
    display: flex;
    justify-content: center;
    text-align: center;
  }
  
  /*=====================================STYLES PAGE CONTACT US======================================*/
  .title-contact{text-align: center;}
  .custom-input{
      background-color: #FFFFFF;
      border: 1px solid #DDDDDD;
      margin-top: .5rem;
    margin-bottom: 1rem;
      width: 100%;
    border-radius: 3px;
    line-height: 1.5;
    padding: 9px 12px;
  }
  .frm__confirm span.wpcf7-list-item{margin: 0;}
  .frm__confirm .text{margin-left: 1rem;}
  .frmcontact{
    padding: 2rem;
    border: 1px solid #FF5E00;
    border-radius: 5px;
  }
  .max-frmcontact{
    padding: 2rem;
    border: 1px solid #FF5E00;
    border-radius: 5px;
    max-width: 650px;
    margin: 0 auto;
  }
  a.link-greybl-under{
      color: #474747;
      font-weight: 600;
      text-decoration: underline;
  }
  a.link-greybl-under:hover{text-decoration: underline;}
  .frm__confirm{
    display: flex;
    margin-top: 1rem;
  }
  .msg-rule{
      color: #474747;
      font-weight: 400;
      font-size: 14px;
  }
  .custom-input::placeholder{color: #BFBFBF;}
  .no-resize{resize: none;}
  input[type=checkbox].politique {
      width: 18px;
      height: 18px;
  }
  .ctn-send{
      margin-top: 1.2rem;
      display: flex;
      flex-direction: column;
  }
  input.btn-send{
      padding: 1rem 0.5rem;
      text-align: center;
      border-radius: 5px;
      color: #FFFFFF;
      background-color: #F45700;
      font-weight: 400;
      border: 1px solid #F45700;
  }
  input.btn-send:hover{
      background-color: #FFFFFF;
      color: #F45700;
    border: 1px solid #F45700;
  }
  .header-form-reservation{margin-bottom: 2rem;}
  
  /*=====================================STYLES Chaufferette======================================*/
  .chsection2__container-description .container__specifications-box p{margin-bottom: 0;}
  .chsection2__container-description .container__specifications-column.flex.items-start img{margin-right: 1em;}
  .entry-content .title-orange{
    color: #FF5E00;
    font-weight: 700;
    margin-bottom: 0;
  }
  .chsection2 .wrap { max-width: 2000px; }
  .container__specifications-column {margin-bottom: 1.5em;}
  .container__specifications-column img {margin-bottom: 1em;}
  .chsection2__featured-image{
    background-color: #fb6a13;
    display: flex;
    align-items: center;
  }
  .chsection2 .container__specifications {
    border: 1px solid #EEEEEE;
    padding: 2em;
    max-width: 750px;
    border-radius: 5px;
    margin: 2em;
  }
  .chsection2 .container__times {
    background-color: #EEEEEE;
    padding: 25px;
  }
  .container__specifications-column img{width: 50px;}
  .title-green{
    color: #0EA800;
    font-weight: 700;
    margin-bottom: 0;
  }
  .img-container.chsection2__featured-image.bg__orange-dark {
    background-color: #ff5a00;
    display: flex;
    align-items: center;
  }
  div.hm-btn {display: flex;flex-direction: row;gap: 5px;}
  .hm-btn > a {width: 250px;}
  
  /*===================================== SLIDER PRODUCT ======================================*/
  .woocommerce div.product { background: #fff; height: 100%; }
  .slider__product {
      display: flex;
      flex-direction: column;
      max-width: 1366px;
      margin: 0 auto;
      text-align: center;
  }
  .owl-stage {
      display: flex;
      align-items: stretch;
  }
  .site-inner .grid_no_animation figcaption { background-color: #fff; }
  .site-inner .grid_no_animation figcaption {
      margin-top: 1em;
      text-align: left;
      display: flex;
      flex-direction: column;
      padding: 1em;
  }
  .site-inner .wpb-woo-products-slider .wpb-wps-slider-item img {
      width: 250px;
      height: 250px;
      object-fit: contain;
      margin: 0 auto;
  }
  span.woocommerce-Price-amount.amount { color: #FF5E00; }
  .site-inner .grid_no_animation figcaption h3.pro_title {
      max-width: 200px;
      color: #021C2A;
  }
  .site-inner .wpb_slider_area .owl-theme .owl-nav {
      top: 30%;
      width: 100%;
  }
  .site-inner .wpb-woo-products-slider.owl-theme .owl-nav button.owl-prev,
  .site-inner .wpb-woo-products-slider.owl-theme .owl-nav button.owl-next{
      position: absolute;
      background: #00000000;
  }
  .site-inner .wpb-woo-products-slider.owl-theme .owl-nav button.owl-prev{ left: 0; }
  .site-inner .wpb-woo-products-slider.owl-theme .owl-nav button.owl-next{ right: 0; }
  .site-inner .wpb-wps-fa-angle-left:after, site-inner .wpb-wps-fa-angle-right:after {
      content: '';
      width: 15px;
      height: 15px;
      border-top: 2px solid #333;
      border-right: 2px solid #333;
  }
  .wpb_cart_button {
      display: flex;
      flex-direction: column;
  }
  .site-inner a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
      border: 1px solid #F45700;
      color: #F45700 !important;
      border-radius: 5px;
      background-color: #00000000;
      padding: 0.8em 1em;
      font-weight: 700;
      font-size: 13px;
  }
  .site-inner .pro_price_area { text-align: left; }
  
  /*=====================================STYLES SINGLE PRODUCT======================================*/
  body.single-product div.content-sidebar-wrap{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .single-product div.product form.cart{
    display: flex;
    flex-direction: column;
  }
  .single-product div.product form.cart div.quantity{margin-bottom: 1rem;}
  .single-product div.product form.cart .single_add_to_cart_button{
    background-color: #F45700;
    border: 1px solid #F45700;
  }
  .single-product div.product form.cart .single_add_to_cart_button:hover{
    background-color: #FFFFFF;
    border: 1px solid #F45700;
    color: #F45700;
  }
  .single-product div.product p.price{color: #F45700;}
  .related__products-title { padding: 3em 0; }
  tr.fee{
    display: none;
  }
  div.woocommerce-variation-add-to-cart {
    flex-direction: column;
  }
  
  
  /* # Media Queries (mobile-first)
  ---------------------------------------------------------------------------------------------------- */
  
  @media only screen and (min-width: 545px){
    /*=====================================RESET AND STYLES DEFAULT======================================*/
    h1, h2, h3, h4, h5, h6{line-height: 35px;}
    p{
      font-size: 16px;
      line-height: 21px;
    }
    h3.card-title-prod{font-size: 18px;}
  
    /*=====================================STYLES PAGE HOME======================================*/
    .hmintro-info{width: 75%;}
    .hmintro-info .btn-orange{max-width: 250px;}
    .hm-btn {max-width: initial !important;}
    .cards-grey-icon{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .cards-grey-icon.c3{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
  
    .cards-image-hm{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .cards-image-hm .card-image-item{padding: .6rem;}
    .cards-icons{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    div.card-icon-item:not(:last-child){margin-right: 1rem;}
  
    /*=====================================STYLES PAGE Aménagements de remorques======================================*/
    .card-icons-default{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      max-width: 850px;
      margin: 0 auto;
    }
    .card-icon-default{margin-right: 1.2rem;}
    .card-icon-default:nth-child(2), .card-icon-default:nth-child(4){margin-right: 0;}
  
    /*=====================================STYLES FOOTER======================================*/
    .footernav-logo{display: block;}
    .footernav-col{align-items: initial;}
    
  }
  
  @media only screen and (min-width: 600px){
    section.banner-home .wrapper-img{display: block;}
    section.banner-home .wrapper-img.mobile{display: none;}
  
    /*=====================================STYLES PAGE REMORQUES======================================*/
    .cards-remorques{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .cards-industrials{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      max-width: 650px;
      margin: 0 auto;
    }
    .cards-remorques .cards-remorque{padding: .5rem;}
  
    /*=====================================STYLES PAGE EQUIPEMENTS AND INDUSTRIAL======================================*/
    .cards-equipements {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .cards-equipements .cards-equipement, .cards-industrials .cards-industrial{padding: .5rem;}
  
    /*=====================================STYLES PAGE PIECES AND SERVICES======================================*/
    .cards-pieces{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .cards-pieces .cards-piece{padding: .5rem;}
  
    /*=====================================STYLES PAGE PIECES EN LIGNE======================================
    .cards-pieservices{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .cards-pieservices .cards-pieservice{padding: .5rem;}*/
  
    /*=====================================STYLES PAGE PNEUS======================================*/
    .cards-pneus{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .cards-pneus .cards-pneu{padding: .5rem;}
  
    /*=====================================STYLES PAGE CONTACT US DESKTOP=========================================*/
      input.btn-send{min-width: 320px;}
      .ctn-send{align-items: flex-end;}
  }
  
  @media only screen and (min-width: 769px) {
    /*=====================================STYLES FOOTER======================================*/
    .footernav{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .footernav-col > a.custom-tel{font-size: 18px;}
  
    /*=====================================STYLES PAGE CONTACT FORM======================================*/
    .input-col{display: flex;}
    .input-col > label{width: 100%;}
    .input-col > label:not(:last-child){margin-right: 1.5rem;}
  
    /*=====================================STYLES PAGE DONE PAGE CONTACT FORM======================================*/
    .info-done-page{text-align: center;}
    .info-done-page .btn-orange{
      max-width: 250px;
      margin: 0 auto;
    }
  
    /*=====================================STYLES PAGE HOME======================================*/
    .cards-grey-icon{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }
    .card-grey-icon{margin-bottom: 0;}
  
    /*=====================================STYLES PAGE REMORQUES======================================*/
    .cards-remorques{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
    .form-reservation{
      max-width: 350px;
    }
  
    /*=====================================STYLES PAGE EQUIPEMENTS AND INDUSTRIAL======================================*/
    .cards-equipements{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
  
    /*=====================================STYLES PAGE PIECES AND SERVICES=====================================*/
    .cards-pieces{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
  
    /*=====================================STYLES SINGLE PRODUCT======================================*/
    .single-product div.product form.cart .single_add_to_cart_button,
    div#wc-stripe-payment-request-wrapper,
    p#wc-stripe-payment-request-button-separator
    {max-width: 260px;}
  }
  
  @media only screen and (min-width: 960px) {
    /*=====================================STYLES FOOTER======================================*/
    .footernav{display: flex;gap: 2rem;}
    .footernav-logo{
      display: flex;
      align-items: center;
      margin-left: auto;
    }
  }
  
  @media only screen and (min-width: 993px) {
    /*=====================================STYLES FOOTER======================================*/
    .footer-copy {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    .footer-terms {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      margin-bottom: 0;
    }
    .footer-terms .social-icons{margin-bottom: 0;}
  
    /*=====================================STYLES PAGE HOME======================================*/
    .hmintro-info{width: 50%;}
    .cards-image-hm{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }
    .cards-icons{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
  
    /*=====================================STYLES PAGE REMORQUES======================================*/
    .cards-remorques{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }
  
    /*=====================================STYLES PAGE EQUIPEMENTS AND INDUSTRIAL======================================*/
    .cards-equipements{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }
  
    /*=====================================STYLES PAGE EQUIPEMENTS AND INDUSTRIAL======================================*/
    .cards-pieces{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
  
    /*=====================================STYLES PAGE REPARATION ENTRETIEN======================================*/
    .wrapper-repara-entretien .wrapper-img,
    .wrapper-repara-entretien .card-icons-default .card-icon-default:nth-child(3),
    .wrapper-repara-entretien .card-icons-default .card-icon-default:nth-child(4){margin-bottom: 0;}
  
    .wrapper-repara-entretien{display: flex;}
    .wrapper-repara-entretien .wrapper-img{margin-right: 1.5rem;}
    .wrapper-repara-entretien .wrapper-img, .wrapper-repara-entretien .card-icons-default{flex-basis: 50%;}
  
    /*=====================================STYLES PAGE CONTACT US=====================================*/
    .wrapper-contact{display: flex;}
    .wrapper-contact .info-contact{margin-right: 4rem;}
    .info-contact, .frmcontact{flex-basis: 50%;}
    .info-contact{margin-bottom: 0;}
  }
  
  @media only screen and (min-width: 1250px){
    /*=====================================STYLES Chaufferette======================================*/
    .container__specifications-column img {
      margin-bottom: 0;
      margin-top: 0.5em;
      margin-right: 1em;
    }
  
    /*=====================================STYLES REPARATIONS======================================*/
    .wrap-reparation-item .col:not(:last-child){
      margin-bottom: 0;
      margin-right: 2rem;
    }
  
    .subtitle-icon{
      justify-content: space-between;
    }
  
    .wrap-reparation{
      max-width: max-content;
    }
  
    .wrap-reparation .wrap-reparation-item{
      display: flex;
      align-items: center;
      margin-bottom: 2rem;
    }
  
    .wrap-reparation-item .col{ width: 60%; }
    .wrap-reparation-item .col.info-col{ width: 40%; }
  }
  
  @media only screen and (min-width: 1024px){
    .chsection2 .container__specifications {
      margin: 0 2em 2em 2em;
    }
    header.site-header div.site-header-row div.title-area {
    width: 20%;
    }
    header.site-header div.site-header-row div.title-area a.custom-logo-link {
      width: 100%;
      display: block;
      margin-right: 0;
      margin-left: 0;
    }
    div.site-header-row .custom-logo-link {margin-top: 0;margin-bottom: 0;}
    .site-header > .wrap{margin-bottom: 10px;}
  }
  
  /* # Media Queries (mobile-second)
  ---------------------------------------------------------------------------------------------------- */
  
  @media only screen and (max-width: 1138px) {
    /*=====================================STYLES HEADER======================================*/
    header.site-header ul.nav-header > li.menu-item{margin-bottom: 1rem;}
  }
  
  @media only screen and (max-width: 992px) {}
  
  @media only screen and (max-width: 758px) {
    .hm-btn > a{width: 100%;}
  }
  
  @media only screen and (max-width: 544px) {
    /*=====================================STYLES FOOTER======================================*/
    .footer-credits .footer-terms {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .footer-credits .footer-terms .ft-link:not(:last-child) {
      margin-bottom: 0.8rem;
    }
    .footer-credits .footer-terms .ft-link {
      margin-right: 0;
      max-width: max-content;
    }
  }
  
  /*** style for switch languaje and phone by Yova ***/
  @media only screen and (min-width: 769px){
    #headertop{background-color: #333333; color: white;min-height: 35px;display: flex;align-items: center;}
  #headertop #movetop{display: inherit;}
  #headertop #movetop li{margin-left: 5px!important; margin-right: 5px!important; }
  #headertop #genesis-nav-header-right{float: right;}
  #headertop li{display: none;}
  #headertop #movetop li{display: block;}
  #headertop .wpml-ls-sub-menu{display: inherit!important;}
  /*.custom-logo-link{margin-top: 0px!important;}*/
  #headertop .wpml-ls-item-toggle{border: 0px!important;color: white; padding: 0px!important; padding-bottom: 5px!important;}
  #headertop .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border:0px; padding-left: 0px; padding-top: 5px!important;}
  header #movetop{display: none;}
  #newposition{float: right; padding-right: 15px; }
  .customwd{width: 70px}
  }
  
  @media only screen and (max-width: 768px){
    #headertop{display: none;}
  }