.inbl {
  display: inline-block;
}
.icotel {
  width: 24px;
  margin-right: 10px;
}

.txt-center {
  text-align: center;
}
#header .logo {
  text-align: center;
}
@media (min-width: 768px) {
    .panier-small {display: none;}
    .panier-big {display: inline;}
}
@media (max-width: 767px) {
    .panier-big {display: none !important;}
    .panier-small {display: inline;}
}
#mlb2-2073120.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow, #mlb2-2073120.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent {
    margin: 0 0 5px 0 !important;
}
#mlb2-2073120.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-2073120.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
    padding: 0 20px 0 0 !important;
}

@media (max-width: 991px) {
	.nomob {display: none;}
}

.rel {position: relative;}

.center {
	text-align: center;
}
.homebox {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	max-width: 95%
}
img {max-width: 100%; height: auto;}

@font-face {
font-family: 'Century Gothic Regular';
font-style: normal;
font-weight: normal;
src: url('GOTHIC.woff') format('woff');
}

@font-face {
font-family: 'Century Gothic Bold';
font-style: normal;
font-weight: normal;
src: url('GOTHICB.woff') format('woff');
}

.material-icons {vertical-align: text-top;}
.creercompte {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}
h3.fine {text-transform: uppercase; font-weight: 400; font-family: 'Century Gothic Regular'; font-size: 18px; color: #000;}
.page-not-found h4 {display: none;}
.page-not-found p {padding-top: 10px; text-align: center;}
/******** HEADER & FOOTER ********/
#_mobile_logo_TK {text-align: center;}

/* Recherche */
.tk-search {display: none;}
.collapse-tk-search {
	position: absolute;
	top: 0;
	right: 50px;
	cursor: pointer;
	padding: 0 2px;
}
@media (max-width: 767px) {
	.collapse-tk-search {
    top: -45px;
    right: 50px;
	}
}

/* Connexion client */
#_desktop_user_info {
	position: absolute;
	top: 0;
	right: 80px;
	cursor: pointer;
	padding: 0 2px;
}

/* Panier */
#_desktop_cart {
	position: absolute;
  top: 0;
  right: 20px;
  cursor: pointer;
  padding: 0 2px;
}
.cart-products-count {
	position: absolute;
  width: 18px;
  height: 18px;
  top: -4px;
	right: -10px;
  background: #000;
  color: #fff;
  border-radius: 100%;
	border: 1px solid #fff;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
}
@media (max-width: 767px) {
	.cart-products-count {
    top: 0px;
		right: 6px;
	}
}
/* Sidedekacart */
.sidedekacart {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: blueviolet;
    overflow-x: hidden;
    padding-top: 60px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.sidedekacart a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: black;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sidedekacart a:hover {
    color: white;
}

.sidedekacart .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 40px;
    margin-left: 50px;
}

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: blue;
    color: white;
    padding: 10px 15px;
    border: none;
}

.openbtn:hover {
    background-color: greenyellow
}


.top-menu a[data-depth="1"] {color: #000 !important; font-size: 15px;}
.top-menu a[data-depth="2"] {font-size: 13px;}



/* Footer */
.footer-container .h3,
.myaccount-title,
.myaccount-title a,
#custom-text h4 {
  font-size: 14px;
  font-weight: 400;
}
#custom-text {
  background: #f6f5f5;
  border-radius: 2px;
  margin: 0;
  padding: 56px 0;
  text-align: center;
  font-size: 14px;
}

.block_newsletter .btn-primary {
  padding: 0;
  border-radius: 0;
  font-weight: 300;
  background-color: #FFF;
  color: #808080;
}
.block_newsletter .btn-primary:hover,
.block_newsletter .btn-primary:active,
.block_newsletter .btn-primary:focus {
  color: #808080 !important;
  background-color: #FFF;
}
.block_newsletter .alert-danger,
.block_newsletter .alert-success {
  background-color: #FFF;
  color: #000;
  margin-top: 5px;
}

.bandeau-blanc {
  background: #FFF;
  padding: 56px 0;
}
.bandeau-blanc p {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.bandeau-gris {
  background: #f6f5f5;
  padding: 56px 0;
  text-align: center;
}

/******** ACCUEIL ********/
.gris {background: #f6f6f6;}
.h1b {font-size: 26px;}
.container-slide {
	max-width: 1440px;
	margin: 0 auto;
    overflow: hidden;
}
.center-owl {
	text-align: center;
	margin: auto;
	width: 250px;
}

img.bordure {border: 1px solid #000;}

/******** CATEGORIES ********/
.block-categories a.h6 {color: #000;}

/******** PRODUITS ********/
.occaz {font-weight: bold;}
.occaz i {color: #ff9a52; vertical-align: text-bottom;}
.tabs li.nav-item {
	display: list-item;
	float: none;
	text-transform: uppercase;
	text-align: center;
}

/******** CONTACT ********/
#contact #left-column {display: none;}
.psgdpr_consent_message {font-size: 75%;}
/*
.form-control::-webkit-input-placeholder, .form-control option {font-size: .875rem;}
.form-control:-ms-input-placeholder, .form-control option {font-size: .875rem;}
.form-control::placeholder, .form-control option {font-size: .875rem;}
*/


/* ---------------------------------- */
/* ==Grillade : Simple Grid System    */
/* ---------------------------------- */
/* Doc : http://grillade.knacss.com */
/* spacing helpers */
.man {margin: 0;}.pan {padding: 0;}.mas {margin: 10px;}.mam {margin: 20px;}.mal {margin: 40px;}.pas {padding: 10px;}.pam {padding: 20px;}.pal {padding: 40px;}.mtn {margin-top: 0;}.mts {margin-top: 10px;}.mtm {margin-top: 20px;}.mtl {margin-top: 40px;}.mrn {margin-right: 0;}.mrs {margin-right: 10px;}.mrm {margin-right: 20px;}.mrl {margin-right: 40px;}.mbn {margin-bottom: 0;}.mbs {margin-bottom: 10px;}.mbm {margin-bottom: 20px;}.mbl {margin-bottom: 40px;}.mln {margin-left: 0;}.mls {margin-left: 10px;}.mlm {margin-left: 20px;}.mll {margin-left: 40px;}.ptn {padding-top: 0;}.pts {padding-top: 10px;}.ptm {padding-top: 20px;}.ptl {padding-top: 40px;}.prn {padding-right: 0;}.prs {padding-right: 10px;}.prm {padding-right: 20px;}.prl {padding-right: 40px;}.pbn {padding-bottom: 0;}.pbs {padding-bottom: 10px;}.pbm {padding-bottom: 20px;}.pbl {padding-bottom: 40px;}.pln {padding-left: 0;}.pls {padding-left: 10px;}.plm {padding-left: 20px;}.pll {padding-left: 40px;}
.ptxl {padding-top: 80px;}
.pbxl {padding-bottom: 80px;}
.mb16 {margin-bottom: 16px;}
.mb16 img {border: 1px solid #000;}
.mb16 p {margin:0; padding: 0;}

@media (min-width: 601px) {
	.medium-item-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
	}

	.medium-item-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
	}
}

@media (min-width: 481px) {
	.small-item-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
	}

	.small-item-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
	}

}

@media (max-width: 480px) {
	.tiny-item-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
	}

.tiny-item-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
	}
}

  [class*=" grid-"],
  [class^="grid-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  [class*=" grid-"] > *,
  [class^="grid-"] > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 0;
    min-height: 0;
  }



  .grid,
  .grid--reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .grid > *,
  .grid--reverse > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 0;
    min-height: 0;
  }
  .grid.has-gutter > * + *,
  .grid--reverse.has-gutter > * + * {
    margin-left: calc(1rem - 0.01px);
  }
  .grid.has-gutter-l > * + *,
  .grid--reverse.has-gutter-l > * + * {
    margin-left: calc(2rem - 0.01px);
  }
  .grid.has-gutter-xl > * + *,
  .grid--reverse.has-gutter-xl > * + * {
    margin-left: calc(4rem - 0.01px);
  }

  [class*="grid-2"] > * {
    width: calc(100% / 2 - 0.01px);
  }
  [class*="grid-2"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-2"].has-gutter > * {
    width: calc(100% / 2 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-2"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-2"].has-gutter-l > * {
    width: calc(100% / 2 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-2"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-2"].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*="grid-3"] > * {
    width: calc(100% / 3 - 0.01px);
  }
  [class*="grid-3"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-3"].has-gutter > * {
    width: calc(100% / 3 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-3"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-3"].has-gutter-l > * {
    width: calc(100% / 3 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-3"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-3"].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*="grid-4"] > * {
    width: calc(100% / 4 - 0.01px);
  }
  [class*="grid-4"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-4"].has-gutter > * {
    width: calc(100% / 4 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-4"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-4"].has-gutter-l > * {
    width: calc(100% / 4 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-4"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-4"].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*="grid-5"] > * {
    width: calc(100% / 5 - 0.01px);
  }
  [class*="grid-5"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-5"].has-gutter > * {
    width: calc(100% / 5 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-5"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-5"].has-gutter-l > * {
    width: calc(100% / 5 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-5"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-5"].has-gutter-xl > * {
    width: calc(100% / 5 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*="grid-6"] > * {
    width: calc(100% / 6 - 0.01px);
  }
  [class*="grid-6"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-6"].has-gutter > * {
    width: calc(100% / 6 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-6"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-6"].has-gutter-l > * {
    width: calc(100% / 6 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-6"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-6"].has-gutter-xl > * {
    width: calc(100% / 6 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*="grid-7"] > * {
    width: calc(100% / 7 - 0.01px);
  }
  [class*="grid-7"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-7"].has-gutter > * {
    width: calc(100% / 7 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-7"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-7"].has-gutter-l > * {
    width: calc(100% / 7 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-7"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-7"].has-gutter-xl > * {
    width: calc(100% / 7 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*="grid-8"] > * {
    width: calc(100% / 8 - 0.01px);
  }
  [class*="grid-8"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-8"].has-gutter > * {
    width: calc(100% / 8 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-8"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-8"].has-gutter-l > * {
    width: calc(100% / 8 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-8"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-8"].has-gutter-xl > * {
    width: calc(100% / 8 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*="grid-9"] > * {
    width: calc(100% / 9 - 0.01px);
  }
  [class*="grid-9"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-9"].has-gutter > * {
    width: calc(100% / 9 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-9"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-9"].has-gutter-l > * {
    width: calc(100% / 9 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-9"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-9"].has-gutter-xl > * {
    width: calc(100% / 9 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*="grid-10"] > * {
    width: calc(100% / 10 - 0.01px);
  }
  [class*="grid-10"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-10"].has-gutter > * {
    width: calc(100% / 10 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-10"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-10"].has-gutter-l > * {
    width: calc(100% / 10 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-10"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-10"].has-gutter-xl > * {
    width: calc(100% / 10 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*="grid-11"] > * {
    width: calc(100% / 11 - 0.01px);
  }
  [class*="grid-11"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-11"].has-gutter > * {
    width: calc(100% / 11 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-11"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-11"].has-gutter-l > * {
    width: calc(100% / 11 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-11"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-11"].has-gutter-xl > * {
    width: calc(100% / 11 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }
  [class*="grid-12"] > * {
    width: calc(100% / 12 - 0.01px);
  }
  [class*="grid-12"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*="grid-12"].has-gutter > * {
    width: calc(100% / 12 - 1rem - 0.01px);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*="grid-12"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*="grid-12"].has-gutter-l > * {
    width: calc(100% / 12 - 2rem - 0.01px);
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*="grid-12"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*="grid-12"].has-gutter-xl > * {
    width: calc(100% / 12 - 4rem - 0.01px);
    margin-right: 2rem;
    margin-left: 2rem;
  }


.push {
  margin-left: auto !important;
}

.pull {
  margin-right: auto !important;
}

.item-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.item-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

[class*="grid-"][class*="--reverse"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}


  .full {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% / 1 - 0.01px);
  }
  .has-gutter > .full {
    width: calc(100% / 1 - 1rem - 0.01px);
  }
  .has-gutter-l > .full {
    width: calc(100% / 1 - 2rem - 0.01px);
  }
  .has-gutter-xl > .full {
    width: calc(100% / 1 - 4rem - 0.01px);
  }
  .one-half {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% / 2 - 0.01px);
  }
  .has-gutter > .one-half {
    width: calc(100% / 2 - 1rem - 0.01px);
  }
  .has-gutter-l > .one-half {
    width: calc(100% / 2 - 2rem - 0.01px);
  }
  .has-gutter-xl > .one-half {
    width: calc(100% / 2 - 4rem - 0.01px);
  }
  .one-third {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% / 3 - 0.01px);
  }
  .has-gutter > .one-third {
    width: calc(100% / 3 - 1rem - 0.01px);
  }
  .has-gutter-l > .one-third {
    width: calc(100% / 3 - 2rem - 0.01px);
  }
  .has-gutter-xl > .one-third {
    width: calc(100% / 3 - 4rem - 0.01px);
  }
  .one-quarter {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% / 4 - 0.01px);
  }
  .has-gutter > .one-quarter {
    width: calc(100% / 4 - 1rem - 0.01px);
  }
  .has-gutter-l > .one-quarter {
    width: calc(100% / 4 - 2rem - 0.01px);
  }
  .has-gutter-xl > .one-quarter {
    width: calc(100% / 4 - 4rem - 0.01px);
  }
  .one-fifth {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% / 5 - 0.01px);
  }
  .has-gutter > .one-fifth {
    width: calc(100% / 5 - 1rem - 0.01px);
  }
  .has-gutter-l > .one-fifth {
    width: calc(100% / 5 - 2rem - 0.01px);
  }
  .has-gutter-xl > .one-fifth {
    width: calc(100% / 5 - 4rem - 0.01px);
  }
  .one-sixth {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% / 6 - 0.01px);
  }
  .has-gutter > .one-sixth {
    width: calc(100% / 6 - 1rem - 0.01px);
  }
  .has-gutter-l > .one-sixth {
    width: calc(100% / 6 - 2rem - 0.01px);
  }
  .has-gutter-xl > .one-sixth {
    width: calc(100% / 6 - 4rem - 0.01px);
  }
  .two-thirds {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% / 3 * 2 - 0.01px);
  }
  .has-gutter > .two-thirds {
    width: calc(100% / 3 * 2 - 1rem - 0.01px);
  }
  .has-gutter-l > .two-thirds {
    width: calc(100% / 3 * 2 - 2rem - 0.01px);
  }
  .has-gutter-xl > .two-thirds {
    width: calc(100% / 3 * 2 - 4rem - 0.01px);
  }
  .three-quarters {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% / 4 * 3 - 0.01px);
  }
  .has-gutter > .three-quarters {
    width: calc(100% / 4 * 3 - 1rem - 0.01px);
  }
  .has-gutter-l > .three-quarters {
    width: calc(100% / 4 * 3 - 2rem - 0.01px);
  }
  .has-gutter-xl > .three-quarters {
    width: calc(100% / 4 * 3 - 4rem - 0.01px);
  }
  .five-sixths {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% / 6 * 5 - 0.01px);
  }
  .has-gutter > .five-sixths {
    width: calc(100% / 6 * 5 - 1rem - 0.01px);
  }
  .has-gutter-l > .five-sixths {
    width: calc(100% / 6 * 5 - 2rem - 0.01px);
  }
  .has-gutter-xl > .five-sixths {
    width: calc(100% / 6 * 5 - 4rem - 0.01px);
  }


/* Responsive Medium Breakpoint */
@media (max-width: 991px) {
  [class*="-medium-1"] > * {
    width: calc(100% / 1 - 0.01px);
  }
  [class*="-medium-1"].has-gutter > * {
    width: calc(100% / 1 - 1rem - 0.01px);
  }
  [class*="-medium-1"].has-gutter-l > * {
    width: calc(100% / 1 - 2rem - 0.01px);
  }
  [class*="-medium-1"].has-gutter-xl > * {
    width: calc(100% / 1 - 4rem - 0.01px);
  }
  [class*="-medium-2"] > * {
    width: calc(100% / 2 - 0.01px);
  }
  [class*="-medium-2"].has-gutter > * {
    width: calc(100% / 2 - 1rem - 0.01px);
  }
  [class*="-medium-2"].has-gutter-l > * {
    width: calc(100% / 2 - 2rem - 0.01px);
  }
  [class*="-medium-2"].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - 0.01px);
  }
  [class*="-medium-3"] > * {
    width: calc(100% / 3 - 0.01px);
  }
  [class*="-medium-3"].has-gutter > * {
    width: calc(100% / 3 - 1rem - 0.01px);
  }
  [class*="-medium-3"].has-gutter-l > * {
    width: calc(100% / 3 - 2rem - 0.01px);
  }
  [class*="-medium-3"].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - 0.01px);
  }
  [class*="-medium-4"] > * {
    width: calc(100% / 4 - 0.01px);
  }
  [class*="-medium-4"].has-gutter > * {
    width: calc(100% / 4 - 1rem - 0.01px);
  }
  [class*="-medium-4"].has-gutter-l > * {
    width: calc(100% / 4 - 2rem - 0.01px);
  }
  [class*="-medium-4"].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - 0.01px);
  }
}

/* Responsive Small Breakpoint */
@media (max-width: 600px) {
  [class*="-small-1"] > * {
    width: calc(100% / 1 - 0.01px);
  }
  [class*="-small-1"].has-gutter > * {
    width: calc(100% / 1 - 1rem - 0.01px);
  }
  [class*="-small-1"].has-gutter-l > * {
    width: calc(100% / 1 - 2rem - 0.01px);
  }
  [class*="-small-1"].has-gutter-xl > * {
    width: calc(100% / 1 - 4rem - 0.01px);
  }
  [class*="-small-2"] > * {
    width: calc(100% / 2 - 0.01px);
  }
  [class*="-small-2"].has-gutter > * {
    width: calc(100% / 2 - 1rem - 0.01px);
  }
  [class*="-small-2"].has-gutter-l > * {
    width: calc(100% / 2 - 2rem - 0.01px);
  }
  [class*="-small-2"].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - 0.01px);
  }
  [class*="-small-3"] > * {
    width: calc(100% / 3 - 0.01px);
  }
  [class*="-small-3"].has-gutter > * {
    width: calc(100% / 3 - 1rem - 0.01px);
  }
  [class*="-small-3"].has-gutter-l > * {
    width: calc(100% / 3 - 2rem - 0.01px);
  }
  [class*="-small-3"].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - 0.01px);
  }
  [class*="-small-4"] > * {
    width: calc(100% / 4 - 0.01px);
  }
  [class*="-small-4"].has-gutter > * {
    width: calc(100% / 4 - 1rem - 0.01px);
  }
  [class*="-small-4"].has-gutter-l > * {
    width: calc(100% / 4 - 2rem - 0.01px);
  }
  [class*="-small-4"].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - 0.01px);
  }
}

/* Responsive Tiny Breakpoint */
@media (max-width: 480px) {
  [class*="-tiny-1"] > * {
    width: calc(100% / 1 - 0.01px);
  }
  [class*="-tiny-1"].has-gutter > * {
    width: calc(100% / 1 - 1rem - 0.01px);
  }
  [class*="-tiny-1"].has-gutter-l > * {
    width: calc(100% / 1 - 2rem - 0.01px);
  }
  [class*="-tiny-1"].has-gutter-xl > * {
    width: calc(100% / 1 - 4rem - 0.01px);
  }
  [class*="-tiny-2"] > * {
    width: calc(100% / 2 - 0.01px);
  }
  [class*="-tiny-2"].has-gutter > * {
    width: calc(100% / 2 - 1rem - 0.01px);
  }
  [class*="-tiny-2"].has-gutter-l > * {
    width: calc(100% / 2 - 2rem - 0.01px);
  }
  [class*="-tiny-2"].has-gutter-xl > * {
    width: calc(100% / 2 - 4rem - 0.01px);
  }
  [class*="-tiny-3"] > * {
    width: calc(100% / 3 - 0.01px);
  }
  [class*="-tiny-3"].has-gutter > * {
    width: calc(100% / 3 - 1rem - 0.01px);
  }
  [class*="-tiny-3"].has-gutter-l > * {
    width: calc(100% / 3 - 2rem - 0.01px);
  }
  [class*="-tiny-3"].has-gutter-xl > * {
    width: calc(100% / 3 - 4rem - 0.01px);
  }
  [class*="-tiny-4"] > * {
    width: calc(100% / 4 - 0.01px);
  }
  [class*="-tiny-4"].has-gutter > * {
    width: calc(100% / 4 - 1rem - 0.01px);
  }
  [class*="-tiny-4"].has-gutter-l > * {
    width: calc(100% / 4 - 2rem - 0.01px);
  }
  [class*="-tiny-4"].has-gutter-xl > * {
    width: calc(100% / 4 - 4rem - 0.01px);
  }
}