/* @import url('http://example.com/example_style.css'); */

@import url('https://use.typekit.net/eeo3asi.css');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/



/*****************************************/
/* Start your style declarations here    */
/*****************************************/



.relative {
position:relative!important;
}

.overflow--hidden{
overflow:hidden;
}

/* Featured Snippet */

.bgs-featured-snippet {
    background: #f5f8fa;
    padding: 20px;
    border-radius: 6px;
    width: 90%;
    margin: 0 auto 20px;
}

/* Header Styling */

@media (min-width: 767px) {
    .header__container--left .header__logo-col {
        max-width: 100px!important;
    }
}

/* @media (max-width: 1140px) {
    .header__menu--desktop {
        display: none!important;
    }
    .header__container--left .header__button-col {
    display: none!important;
    }
    .header__bottom .header__menu-col .header__menu-container--mobile {
        display: block!important;
    }
    .header__menu-toggle--open{
      display:block!important;
}
} */

.header {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; 
    background-color: white; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
}


body {
    padding-top: 122px; 
}

.header__bottom {
    padding: 20px; /* Original padding */
    transition: padding 0.3s ease-in-out; /
}


.header__bottom--scrolled {
    padding: 0px 20px!important; 
}


.button.button--highlight:hover, .button.button--highlight:focus, .button.button--highlight:active {
    background-color: #fdcd20!important;
  color:black!important;
}

.accordion__content {
  background: transparent !important;
  padding: 10px !important;
   color:inherit !important; 
}
.accordion__content p {
   color:inherit !important; 
}


body, h1, h2, h3, h4, h5, h6, p, li, button, a, .hs-button, .button, div, strong, span {
  font-family: "proxima-nova", sans-serif !important;
}
.footer a {
  color: inherit;
  font-weight:inherit;
}
.header__menu-submenu a {
 font-size:16px !important;
}
ul.header__menu-submenu {
  width:auto;
  min-width:155px;
}
.footer a:hover {
  color:#FDCD20!important;
  text-decoration:none;
}

h1 {
line-height: 75px;
}


h2,h3,h4,h5,h6 {
  line-height: 1.1em;
}
h6 {
margin-top:5px;
  text-align:center;
}
h6:before {
       border: 5px solid;
    border-color: inherit;
    content: " ";
    display: block;
    height: 28px;
    margin-bottom: 20px;
    margin-right: 15px;
    width: 28px;
    padding-bottom: 18px;
    /* float: left; */
    margin-top: -5px;
    margin: 0 auto;
    margin-bottom: 14px;
}
h6:after {
  content:' ';
  clear:both;
  display:block;
  width:0;
  height:0;
}
h4 {
margin-top:5px;
}
h4:before {
    border: 5px solid;
    border-color: inherit;
    content: " ";
    display: block;
    height: 28px;
    margin-bottom: 20px;
    margin-right: 15px;
    width: 28px;
    padding-bottom: 18px;
    float: left;
  margin-top:-5px;
}
h4:after {
  content:' ';
  clear:both;
  display:block;
  width:0;
  height:0;
}

.hs-blog-name-the-bg-supply-blog h4:before, .hs-blog-name-the-bg-supply-blog h4:after{
  content: none!important;

}

@media (max-width: 720px) {
            .blog-post__headline {
                font-size: 40px!important;
            }
    }

h5 {
margin-bottom:25px;
}
h5:before {
  content:' ';
  display:inline-block;
  width:100%;
  border-bottom:5px solid #E5E5E5;
  margin-bottom:-20px;
  
}
h5 span {
  background: #fff; 
  padding: 0 30px; 
}


/* Blog Styling */

.icon {
  background-color: black!important}

.blog-post__meta {
    display: flex;
    align-items: center;
  padding-bottom: 20px;
}

.blog-post__author, .blog-post__social-share {
    flex: 1;
}

.blog-post__social-share {
    text-align: right;
}

.social-sharing{
justify-content: flex-end
}

.social-sharing__share-text {
  margin-bottom: 10px!important;}

form {
  background: rgba(253,205,32,0.7);
}
form input[type='text'], form input[type='email'], form input[type='password'], form input[type='tel'], form input[type='number'], form input[type='search'], form select, form textarea {
  background-color:#EDEDED;
}
form label {
  display:none;
  padding-left:15px!important;
}
form input[type='submit'], form .hs-button {
    background-color: #000000;
    color: #ffffff;
    display: block;
    width: 250px;
    margin: 0 auto;
    border:none;
}
form input[type='submit']:hover, form input[type='submit']:focus, form .hs-button:hover, form .hs-button:focus {
  background-color:#000000;
  border:none;
}

.submitted-message {
background-color:#fdcd20;
}


.white-background-border {
  pointer-events: none; 
}

.prop-link {
  color:#000000;
  font-weight:bold;
  font-size:16px;
  text-transform:uppercase;
}
.team-member {
  cursor:pointer;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 30px;
  width: auto;
  max-width: 65%;
  margin: 20px auto;
}
.team-member-popup-box:after {
  content:' ';
  clear:both;
  display:block;
}
.mfp-close-btn-in .mfp-close {
  color:#000;
  font-weight:100;
  font-size:40px;
}
.team-member-popup-box .image-in-popup {
  float:left;
  width:40%;
  padding-right:35px;
}
.popup-main-content {
  float:left;
  width:60%;
}
.popup-main-content .email:before {
  content: ' ';
  display:block;
  width:20px;
  height:20px;
  background-image: url('/BG%20Supply%202023/images/zocial-email.png');
}
.popup-main-content .email, .popup-main-content .phone {
  padding: 15px 10px 0px 10px;
}
.team-member-group .team-member {
  width:30.5%;
  padding:0 2.5%;
  display:block;
  float:left;
  margin-bottom:35px;
}
.gallery-grid .gallery-group {
  width:32%;
  padding:0 1%;
  display:block;
  float:left;
  margin-bottom:35px;
}
.team-member-group:after, .gallery-grid:after {
  content:' ';
  display:block;
  clear:both;
}
.title-box {
  background-color:black;
  color:#FFF;
  padding:10px 15px;
}
.hubspot-disable-focus-styles .gallery-group a, .hubspot-disable-focus-styles .team-member {
  pointer-events: none !important;
}
.gallery-group .image-wrapper {
  overflow: hidden;
  width: 380px;
  height: 380px;
  max-width: 100%;
}
.gallery-group .image-wrapper img {
  width:auto;
  max-height:100%;
  height:auto;
}
.mfp-image-holder .mfp-content {
  max-width:80%;
}
.mfp-content form {
background-color:#fdcd20;
}
.mfp-content form .hs-richtext, .mfp-content form .hs-richtext *, .mfp-content form .hs-richtext p, .mfp-content form .hs-richtext h1, .mfp-content form .hs-richtext h2, .mfp-content form .hs-richtext h3, .mfp-content form .hs-richtext h4, .mfp-content form .hs-richtext h5, .mfp-content form .hs-richtext h6{
  color:black;
}
form .hs-fieldtype-radio label, form .hs-fieldtype-checkbox label {
  display:block;
}
.initial-box {
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
.initial-box .content-wrapper {
  border-left:1px solid #CCC;
  display:block;
  margin-top:-10px;
  padding:25px 15px 25px 20px;
}
.initial-box .content-wrapper p, .initial-box .content-wrapper h3{
  margin-bottom:5px;  
  text-transform:uppercase;
}
.initial-box .content-wrapper a {
  text-transform:uppercase;
}

/* Content wrappers for blog post and system templates */

.content-wrapper {
  margin: 0 auto;
  padding: 0;
}
.oembed_container {
  display: block !important;
  margin: 0 auto;
   z-index: 900;
}
.row-fluid-wrapper.row-depth-1.aftervideo {
  padding-top:100px !important;
}
header.header {
   box-shadow: 0 8px 19px 2px rgba(0,0,0,.08);
   -webkit-box-shadow: 0 8px 19px 2px rgba(0,0,0,.08);
   -moz-box-shadow: 0 8px 19px 2px rgba(0,0,0,.08);
   z-index: 1000;
   display: block;
   position: relative;
}
.hs-rss-module:after {
  content:' ';
  clear:both;
  float:none;
}
.hs-rss-item {
  border:1px solid #CCC;
  border-right:0;
  width:48%;
  margin-right:2%;
  float:left;
}
.hs-rss-item .hs-rss-title {
  color: black;
  font-size:24px;
  font-weight:bold;
  line-height:1.1em;
  margin-bottom:13px;
  display:block;
}
.hs-rss-description a {
  display:block;
  margin-top:15px;
  font-weight:bold;
  text-transform:uppercase;
}
.hs-rss-item.hs-with-featured-image .hs-rss-item-text {
  width:60% !important;
  padding:25px;
  margin-bottom:-15px;
}
.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {
  width:auto !important;
  height:100%;
}
.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
   display: block;
    width: 40% !important;
    height: 300px;
    overflow: hidden;
  margin-bottom:-15px;
}

/* SLICK SLIDER CUSTOMIZATIONS */
.hs_cos_gallery_thumbnails .slick-slide img {
  height:75px;
}
.hs_cos_gallery_slide.slick-slide img {
  opacity: 0.5;
}
.hs_cos_gallery_slide.slick-slide.slick-current.slick-active.slick-center img {
    opacity: 1;
}
.slick-arrow {
  display:none !important;
}
.slick-slider {
  margin-bottom:5px !important;
}

/* SLICK SLIDER CUSTOMIZATIONS */

.accordion-wrapper .accordion {
  border-top:none !important;
  border-left:none !important;
  border-right:none !important;
  margin-left:22px !important;
  margin-bottom:0px !important;
}
.accordion-wrapper .accordion__summary {
  padding-top:15px !important;
  padding-bottom:15px !important;
  padding-left:45px !important;
  background-color:transparent !important;
}
.accordion__summary:before {
  left:15px !important;
}
.accordion__content {
  background: transparent !important;
  padding: 10px !important;
}

.dr_flex-cards__card {
  border: 1px solid #D6D6D6 !important;
}

.dr_flex-cards__card:hover .dr_flex-cards__card-content h2 span, .dr_flex-cards__card:hover .dr_flex-cards__card-content p span, .dr_flex-cards__card:hover .dr_flex-cards__card-content p span a{
  color:black!important;
}

.dr_flex-cards__card h3{
  margin-bottom:5px;
}

@media (min-width: 768px) {
  .row-fluid .span6 {
     width: 50%;
     margin-left:0;
  }
}
@media (max-width:1375px) {
  h1 {
    font-size:50px;
    line-height:1em;
  }
  .gallery-grid .gallery-group {
    width:48%;
    padding:1%;
   }
  .gallery-group .image-wrapper {
   width:100%;
  }
  .gallery-group .image-wrapper img {
    width:760px;
    height:auto;
  }
}

@media (max-width:1050px) {
  .hs-rss-item {
    width:100%;
    padding:0;
   }
  .hs-rss-item .hs-rss-title {
  font-size:18px;
  }
  .team-member-group .team-member {
    width:48%; 
    padding:1%;
  }
  
}

#hs_cos_wrapper_widget_1723841120067 h1{
  font-size:50px!important;
  }
@media (max-width: 768px) {
  h1 {
    font-size:36px!important;
  }
  #hs_cos_wrapper_widget_1723841120067 h1{
  font-size:36px!important;
  }
  
  .gallery-grid .gallery-group {
    width:100%;
    padding:0;
   }
  
}
@media (max-width: 500px) {
  .gallery-group .image-wrapper img {
    width:500px;
  }
  .team-member-group .team-member {
    width:100%; 
    padding:0;
  }
  .team-member-popup-box .image-in-popup {
    display:none;
  }
  .popup-main-content {
    float:none;
    width:100%;
  }
}

/* HUSTLEFISH EDITS */

#hs_cos_wrapper_widget_1724084115267 li, #hs_cos_wrapper_widget_1724084115267 img{
height:100px;
  width:100px;
  min-width:100px;
}

#hs_cos_wrapper_widget_1724084115267 li {
display:flex;
  justify-content:center;
}


#hs_cos_wrapper_widget_1724172621018 section .dr_flex-cards__card{
  width: calc(25% - 1rem);
  border: 0px!important;
  align-items:center;
}

/* Target the 1st child */
#hs_cos_wrapper_widget_1724172621018 section .dr_flex-cards__card:first-child:hover img {
    content: url('https://bgsupplyco.com/hs-fs/hubfs/BG%20Supply_Beef%20Icon_Yellow.png?width=1200&length=1200&name=BG%20Supply_Beef%20Icon_Yellow.png');
}

/* Target the 2nd child */
#hs_cos_wrapper_widget_1724172621018 section .dr_flex-cards__card:nth-child(2):hover img {
    content: url('https://bgsupplyco.com/hs-fs/hubfs/BG%20Supply_Poultry%20Icon_Yellow.png?width=1200&length=1200&name=BG%20Supply_Poultry%20Icon_Yellow.png');
}

/* Target the 3rd child */
#hs_cos_wrapper_widget_1724172621018 section .dr_flex-cards__card:nth-child(3):hover img {
    content: url('https://bgsupplyco.com/hs-fs/hubfs/BG%20Supply_Swine%20Icon_Yellow.png?width=1200&length=1200&name=BG%20Supply_Swine%20Icon_Yellow.png');
}

/* Target the 4th child */
#hs_cos_wrapper_widget_1724172621018 section .dr_flex-cards__card:nth-child(4):hover img {
    content: url('https://bgsupplyco.com/hs-fs/hubfs/BG%20Supply_Dairy%20Icon_Yellow.png?width=1200&length=1200&name=BG%20Supply_Dairy%20Icon_Yellow.png');
}


@media (max-width: 767px) {
#hs_cos_wrapper_widget_1724172621018 section .dr_flex-cards__card {
        margin-right: 0 !important;
        width: calc(50% - 1rem)!important;
    }
}


@media (max-width: 360px) {
#hs_cos_wrapper_widget_1724172621018 section .dr_flex-cards__card {
        margin-right: 0 !important;
        width: 100% !important;
    }
}

/* Gallery Page */

.section--building--gallery--filters p span,.section--building--gallery li,.section--building--gallery .p {
    font-weight: 300 !important
}

.section--building--gallery--filters .card--layer {
    z-index: 1;
    position: absolute;
    top: calc(100% - 50px);
    height: 50px;
    width: 100%;
    height: 100%;
    transition: .5s;
    opacity: .9;
    text-align: left
}

.section--building--gallery--filters .content--layer {
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.section--building--gallery--filters .block.section--cards--card--inner:hover .card--layer {
    top: 0
}

.section--building--gallery--filters .block.section--cards--card--inner:hover .header--text--layer {
    visibility: hidden
}

.section--building--gallery--filters .block.section--cards--card--inner:hover .content--layer {
    z-index: 2;
    position: relative;
    opacity: 1;
    height: 100%
}

.section--building--gallery--filters .header--text--layer {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
    color: white;
    font-size: 17px;
    font-weight: 600
}

.section--building--gallery--filters .line--decoration--layer {
    margin: auto;
    border: 1px solid #fff;
    max-width: 60px
}

.section--building--gallery--filters .section--cards--card--body {
    aspect-ratio: 16 / 9;
    max-width: 100%
}

.section--building--gallery--filters .section--cards--card--body--content h5 {
    margin-bottom: 10px
}

.section--building--gallery--filters .section--cards--card--body--content .p,.section--building--gallery--filters .section--cards--card--body--content p {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.section--building--gallery--filters .flex-bottom-layer a:hover {
    color: #007ac2 !important
}

.section--building--gallery--filters .section--cards--cards--wrapper {
    display: block;
    margin-left: -15px;
    margin-right: -15px
}

.section--building--gallery--filters .section--cards--card--inner {
    padding: 5px
}

.section--building--gallery--filters p,.section--building--gallery--filters li,.section--building--gallery--filters .p {
    font-family: 'Nunito Sans',sans-serif;
    font-size: 17px;
    line-height: 1.5em;
    font-weight: 600
}

.section--building--gallery--filters .inline-filters {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.section--building--gallery--filters .section--learningcenter--filter--group {
    margin-bottom: 30px;
    border: 1px solid lightgray;
    padding: 11px 0px !important;
    border-radius: 2px;
    width: 32%;
    margin-left: 0;
    margin-right: 1%
}

.section--building--gallery--filters .section--learningcenter--filter--group--header--icon:before {
    font-size: 14px !important
}

.section--building--gallery--filters .section--learningcenter--filter--item--choice .ghost--checkbox {
display:none!important;
}

.section--building--gallery--filters .section--learningcenter--filter--group--lower input:checked+.ghost--input {
    background-color: #414141;
    -moz-box-shadow: inset 0 0 0 2px #414141;
    -webkit-box-shadow: inset 0 0 0 2px #414141;
    box-shadow: inset 0 0 0 2px #414141
}

.section--building--gallery--filters .section--learningcenter--filter--item--choice {
        min-width: 100%!important;
}

@media (max-width: 1024px) {
.section--building--gallery--filters .section--learningcenter--filter--group--lower{
    display: flex;
    flex-flow: column wrap;
    margin-top: 10px;
    position:static!important;
}
    .section--cards--inner form{
  padding:10px!important;
  }
}

.section--building--gallery--filters .ghost--input.ghost--checkbox::before {
    content: "\f00C";
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';
    line-height: 18px;
    margin-left: 2px;
    font-weight: 600;
    color: #fff
}

@media(max-width: 768px) {
  .section--cards--inner form{
  padding:0px!important;
  }
    .section--building--gallery--filters .inline-filters {
        align-items:baseline
    }

    .section--building--gallery--filters .section--learningcenter--filter--group--lower {
        position: relative;
        top: 10px;
        border-right: 0px solid #c1c1c1;
        border-left: 0px solid #c1c1c1
    }

    .section--building--gallery--filters .inline-filters {
        flex-wrap: wrap
    }

    .section--building--gallery--filters .section--learningcenter--filter--group {
        width: 100%
    }

    .section--building--gallery--filters .section--learningcenter--filter--group--lower {
        width: 100%
    }
}

.section--building--gallery--filters .section--learningcenter--filter--group.active h3 {
    color: #fdcd20;
}

.section--building--gallery--filters .section--learningcenter--filter--group--header--icon:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 18px;
    color: inherit;
    line-height: 20px
}

.section--building--gallery--filters .section--learningcenter--filter--group.active .section--learningcenter--filter--group--header--icon:before {
    content: "\f077"
}

.section--building--gallery--filters .section--learningcenter--pagination--ellipsis,.section--building--gallery--filters .section--learningcenter--pagination--previous,.section--building--gallery--filters .section--learningcenter--pagination--next,.section--building--gallery--filters .section--learningcenter--pagination--page {
    padding: 0px 5px
}

.section--gallery--filters form{
  background-color:white;
}

h3.hard--ends{
margin:0px!important;
  font-weight:500;
  font-size:22px!important;
  padding:0px 15px!important;
}

h3.hard--ends span{
  padding:0px 0px 0px 15px!important;
}

#ajax-posts .section--learningcenter--results{
display:flex!important;
  flex-wrap:wrap;
}

.section--building--gallery--filters .active .section--learningcenter--filter--group--lower {
    position: absolute;
    z-index: 20;
    background: white;
    width: calc(100% + 2px);
    margin-left: -1px !important;
    top: 46px;
    border: 1px solid #c1c1c1;
    overflow: scroll!important;
    display: flex!important;
    flex-direction: column!important;
    max-height: 500px!important;
  flex-wrap: nowrap!important;
}



.section--learningcenter--filter--group--header h3 {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Optional: Ensures vertical alignment if needed */
}

.section--learningcenter--filter--group--header--icon {
    margin-left: auto; /* Pushes the span to the end of the h3 */
}

@media (max-width: 767px){
.header__logo-image {
  max-height:80px!important;
  max-width:100px!important;
  }
  ul.header__menu-wrapper.no-list {
  background-color:black!important;
  }
  .header__menu-toggle svg{
  fill:#fdcd20!important;
  }
}

@media (min-width: 1024px) {
    #hs_cos_wrapper_widget_1724339565354 .section--cards--inner > .block.relative {
        min-height: 600px;
    }
}




#hs_cos_wrapper_widget_1724339565354 .section--building--gallery--filters .preheader--section{
display:none;
}

form .section--learningcenter--filter--group{
position:relative;
}

.card--layer.all--color--white{
background-color:rgba(0,0,0,.75)

}

.card--layer.all--color--white h5.header--text--layer:before, .section--cards--cards--wrapper.section--learningcenter--results .block h5:before{
  display:none!important;
}

.card--layer.all--color--white h5.header--text--layer span, .section--cards--cards--wrapper.section--learningcenter--results .block h5 span{
  background:none!important;
}

.section--cards--cards--wrapper.section--learningcenter--results .block h5, .section--cards--cards--wrapper.section--learningcenter--results .block p{
color:white;
text-align:center;
}

.section--learningcenter--empty.text--center div{
width:100%!important;
  padding:10px!important;
}

/* Screen sizes for outside modules */
.one-twelfths.grid__item {
    width: 4.8333335% !important
}

.one-twelfths.hard--left.grid__item,.one-twelfths.hard--right.grid__item {
    width: 6.5833335% !important
}

.one-twelfths.hard.grid__item,.one-twelfths.hard--sides.grid__item {
    width: 8.333333% !important
}

.two-twelfths.grid__item {
    width: 13.166667% !important
}

.two-twelfths.hard--left.grid__item,.two-twelfths.hard--right.grid__item {
    width: 14.916667% !important
}

.two-twelfths.hard.grid__item,.two-twelfths.hard--sides.grid__item {
    width: 16.666666% !important
}

.three-twelfths.grid__item {
    width: 21.5% !important
}

.three-twelfths.hard--left.grid__item,.three-twelfths.hard--right.grid__item {
    width: 23.25% !important
}

.three-twelfths.hard.grid__item,.three-twelfths.hard--sides.grid__item {
    width: 25% !important
}

.four-twelfths.grid__item {
    width: 29.833334% !important
}

.four-twelfths.hard--left.grid__item,.four-twelfths.hard--right.grid__item {
    width: 31.583334% !important
}

.four-twelfths.hard.grid__item,.four-twelfths.hard--sides.grid__item {
    width: 33.333332% !important
}

.five-twelfths.grid__item {
    width: 38.166668% !important
}

.five-twelfths.hard--left.grid__item,.five-twelfths.hard--right.grid__item {
    width: 39.916668% !important
}

.five-twelfths.hard.grid__item,.five-twelfths.hard--sides.grid__item {
    width: 41.666668% !important
}

.six-twelfths.grid__item {
    width: 46.5% !important
}

.six-twelfths.hard--left.grid__item,.six-twelfths.hard--right.grid__item {
    width: 48.25% !important
}

.six-twelfths.hard.grid__item,.six-twelfths.hard--sides.grid__item {
    width: 50% !important
}

.seven-twelfths.grid__item {
    width: 54.833332% !important
}

.seven-twelfths.hard--left.grid__item,.seven-twelfths.hard--right.grid__item {
    width: 56.583332% !important
}

.seven-twelfths.hard.grid__item,.seven-twelfths.hard--sides.grid__item {
    width: 58.333332% !important
}

.eight-twelfths.grid__item {
    width: 63.166668% !important
}

.eight-twelfths.hard--left.grid__item,.eight-twelfths.hard--right.grid__item {
    width: 64.916664% !important
}

.eight-twelfths.hard.grid__item,.eight-twelfths.hard--sides.grid__item {
    width: 66.666664% !important
}

.nine-twelfths.grid__item {
    width: 71.5% !important
}

.nine-twelfths.hard--left.grid__item,.nine-twelfths.hard--right.grid__item {
    width: 73.25% !important
}

.nine-twelfths.hard.grid__item,.nine-twelfths.hard--sides.grid__item {
    width: 75% !important
}

.ten-twelfths.grid__item {
    width: 79.833336% !important
}

.ten-twelfths.hard--left.grid__item,.ten-twelfths.hard--right.grid__item {
    width: 81.583336% !important
}

.ten-twelfths.hard.grid__item,.ten-twelfths.hard--sides.grid__item {
    width: 83.333336% !important
}

.eleven-twelfths.grid__item {
    width: 88.166664% !important
}

.eleven-twelfths.hard--left.grid__item,.eleven-twelfths.hard--right.grid__item {
    width: 89.916664% !important
}

.eleven-twelfths.hard.grid__item,.eleven-twelfths.hard--sides.grid__item {
    width: 91.666664% !important
}

.twelve-twelfths.grid__item {
    width: 96.5% !important
}

.twelve-twelfths.hard--left.grid__item,.twelve-twelfths.hard--right.grid__item {
    width: 98.25% !important
}

.twelve-twelfths.hard.grid__item,.twelve-twelfths.hard--sides.grid__item {
    width: 100% !important
}

.one-whole.grid__item {
    width: 96.5% !important
}

.one-whole.hard--left.grid__item,.one-whole.hard--right.grid__item {
    width: 98.25% !important
}

.one-whole.hard.grid__item,.one-whole.hard--sides.grid__item {
    width: 100% !important
}

.one-half.grid__item {
    width: 46.5% !important
}

.one-half.hard--left.grid__item,.one-half.hard--right.grid__item {
    width: 48.25% !important
}

.one-half.hard.grid__item,.one-half.hard--sides.grid__item {
    width: 50% !important
}

.one-third.grid__item {
    width: 29.833% !important
}

.one-third.hard--left.grid__item,.one-third.hard--right.grid__item {
    width: 31.583% !important
}

.one-third.hard.grid__item,.one-third.hard--sides.grid__item {
    width: 33.333% !important
}

.one-fourth.grid__item {
    width: 21.5% !important
}

.one-fourth.hard--left.grid__item,.one-fourth.hard--right.grid__item {
    width: 23.25% !important
}

.one-fourth.hard.grid__item,.one-fourth.hard--sides.grid__item {
    width: 25% !important
}

.one-fifth.grid__item {
    width: 16.5% !important
}

.one-fifth.hard--left.grid__item,.one-fifth.hard--right.grid__item {
    width: 18.25% !important
}

.one-fifth.hard.grid__item,.one-fifth.hard--sides.grid__item {
    width: 20% !important
}

.one-sixth.grid__item {
    width: 13.165999% !important
}

.one-sixth.hard--left.grid__item,.one-sixth.hard--right.grid__item {
    width: 14.915999% !important
}

.one-sixth.hard.grid__item,.one-sixth.hard--sides.grid__item {
    width: 16.666% !important
}

@media(min-width: 1164px) {
    .desk-one-twelfths.grid__item {
        width:4.8333335% !important
    }

    .desk-one-twelfths.hard--left.grid__item,.desk-one-twelfths.hard--right.grid__item {
        width: 6.5833335% !important
    }

    .desk-one-twelfths.hard.grid__item,.desk-one-twelfths.hard--sides.grid__item {
        width: 8.333333% !important
    }

    .desk-two-twelfths.grid__item {
        width: 13.166667% !important
    }

    .desk-two-twelfths.hard--left.grid__item,.desk-two-twelfths.hard--right.grid__item {
        width: 14.916667% !important
    }

    .desk-two-twelfths.hard.grid__item,.desk-two-twelfths.hard--sides.grid__item {
        width: 16.666666% !important
    }

    .desk-three-twelfths.grid__item {
        width: 21.5% !important
    }

    .desk-three-twelfths.hard--left.grid__item,.desk-three-twelfths.hard--right.grid__item {
        width: 23.25% !important
    }

    .desk-three-twelfths.hard.grid__item,.desk-three-twelfths.hard--sides.grid__item {
        width: 25% !important
    }

    .desk-four-twelfths.grid__item {
        width: 29.833334% !important
    }

    .desk-four-twelfths.hard--left.grid__item,.desk-four-twelfths.hard--right.grid__item {
        width: 31.583334% !important
    }

    .desk-four-twelfths.hard.grid__item,.desk-four-twelfths.hard--sides.grid__item {
        width: 33.333332% !important
    }

    .desk-five-twelfths.grid__item {
        width: 38.166668% !important
    }

    .desk-five-twelfths.hard--left.grid__item,.desk-five-twelfths.hard--right.grid__item {
        width: 39.916668% !important
    }

    .desk-five-twelfths.hard.grid__item,.desk-five-twelfths.hard--sides.grid__item {
        width: 41.666668% !important
    }

    .desk-six-twelfths.grid__item {
        width: 46.5% !important
    }

    .desk-six-twelfths.hard--left.grid__item,.desk-six-twelfths.hard--right.grid__item {
        width: 48.25% !important
    }

    .desk-six-twelfths.hard.grid__item,.desk-six-twelfths.hard--sides.grid__item {
        width: 50% !important
    }

    .desk-seven-twelfths.grid__item {
        width: 54.833332% !important
    }

    .desk-seven-twelfths.hard--left.grid__item,.desk-seven-twelfths.hard--right.grid__item {
        width: 56.583332% !important
    }

    .desk-seven-twelfths.hard.grid__item,.desk-seven-twelfths.hard--sides.grid__item {
        width: 58.333332% !important
    }

    .desk-eight-twelfths.grid__item {
        width: 63.166668% !important
    }

    .desk-eight-twelfths.hard--left.grid__item,.desk-eight-twelfths.hard--right.grid__item {
        width: 64.916664% !important
    }

    .desk-eight-twelfths.hard.grid__item,.desk-eight-twelfths.hard--sides.grid__item {
        width: 66.666664% !important
    }

    .desk-nine-twelfths.grid__item {
        width: 71.5% !important
    }

    .desk-nine-twelfths.hard--left.grid__item,.desk-nine-twelfths.hard--right.grid__item {
        width: 73.25% !important
    }

    .desk-nine-twelfths.hard.grid__item,.desk-nine-twelfths.hard--sides.grid__item {
        width: 75% !important
    }

    .desk-ten-twelfths.grid__item {
        width: 79.833336% !important
    }

    .desk-ten-twelfths.hard--left.grid__item,.desk-ten-twelfths.hard--right.grid__item {
        width: 81.583336% !important
    }

    .desk-ten-twelfths.hard.grid__item,.desk-ten-twelfths.hard--sides.grid__item {
        width: 83.333336% !important
    }

    .desk-eleven-twelfths.grid__item {
        width: 88.166664% !important
    }

    .desk-eleven-twelfths.hard--left.grid__item,.desk-eleven-twelfths.hard--right.grid__item {
        width: 89.916664% !important
    }

    .desk-eleven-twelfths.hard.grid__item,.desk-eleven-twelfths.hard--sides.grid__item {
        width: 91.666664% !important
    }

    .desk-twelve-twelfths.grid__item {
        width: 96.5% !important
    }

    .desk-twelve-twelfths.hard--left.grid__item,.desk-twelve-twelfths.hard--right.grid__item {
        width: 98.25% !important
    }

    .desk-twelve-twelfths.hard.grid__item,.desk-twelve-twelfths.hard--sides.grid__item {
        width: 100% !important
    }

    .desk-one-whole.grid__item {
        width: 96.5% !important
    }

    .desk-one-whole.hard--left.grid__item,.desk-one-whole.hard--right.grid__item {
        width: 98.25% !important
    }

    .desk-one-whole.hard.grid__item,.desk-one-whole.hard--sides.grid__item {
        width: 100% !important
    }

    .desk-one-half.grid__item {
        width: 46.5% !important
    }

    .desk-one-half.hard--left.grid__item,.desk-one-half.hard--right.grid__item {
        width: 48.25% !important
    }

    .desk-one-half.hard.grid__item,.desk-one-half.hard--sides.grid__item {
        width: 50% !important
    }

    .desk-one-third.grid__item {
        width: 29.833% !important
    }

    .desk-one-third.hard--left.grid__item,.desk-one-third.hard--right.grid__item {
        width: 31.583% !important
    }

    .desk-one-third.hard.grid__item,.desk-one-third.hard--sides.grid__item {
        width: 33.333% !important
    }

    .desk-one-fourth.grid__item {
        width: 21.5% !important
    }

    .desk-one-fourth.hard--left.grid__item,.desk-one-fourth.hard--right.grid__item {
        width: 23.25% !important
    }

    .desk-one-fourth.hard.grid__item,.desk-one-fourth.hard--sides.grid__item {
        width: 25% !important
    }

    .desk-one-fifth.grid__item {
        width: 16.5% !important
    }

    .desk-one-fifth.hard--left.grid__item,.desk-one-fifth.hard--right.grid__item {
        width: 18.25% !important
    }

    .desk-one-fifth.hard.grid__item,.desk-one-fifth.hard--sides.grid__item {
        width: 20% !important
    }

    .desk-one-sixth.grid__item {
        width: 13.165999% !important
    }

    .desk-one-sixth.hard--left.grid__item,.desk-one-sixth.hard--right.grid__item {
        width: 14.915999% !important
    }

    .desk-one-sixth.hard.grid__item,.desk-one-sixth.hard--sides.grid__item {
        width: 16.666% !important
    }
}

@media(min-width: 1024px) and (max-width:1163px) {
    .lap-one-twelfths.grid__item {
        width:4.8333335% !important
    }

    .lap-one-twelfths.hard--left.grid__item,.lap-one-twelfths.hard--right.grid__item {
        width: 6.5833335% !important
    }

    .lap-one-twelfths.hard.grid__item,.lap-one-twelfths.hard--sides.grid__item {
        width: 8.333333% !important
    }

    .lap-two-twelfths.grid__item {
        width: 13.166667% !important
    }

    .lap-two-twelfths.hard--left.grid__item,.lap-two-twelfths.hard--right.grid__item {
        width: 14.916667% !important
    }

    .lap-two-twelfths.hard.grid__item,.lap-two-twelfths.hard--sides.grid__item {
        width: 16.666666% !important
    }

    .lap-three-twelfths.grid__item {
        width: 21.5% !important
    }

    .lap-three-twelfths.hard--left.grid__item,.lap-three-twelfths.hard--right.grid__item {
        width: 23.25% !important
    }

    .lap-three-twelfths.hard.grid__item,.lap-three-twelfths.hard--sides.grid__item {
        width: 25% !important
    }

    .lap-four-twelfths.grid__item {
        width: 29.833334% !important
    }

    .lap-four-twelfths.hard--left.grid__item,.lap-four-twelfths.hard--right.grid__item {
        width: 31.583334% !important
    }

    .lap-four-twelfths.hard.grid__item,.lap-four-twelfths.hard--sides.grid__item {
        width: 33.333332% !important
    }

    .lap-five-twelfths.grid__item {
        width: 38.166668% !important
    }

    .lap-five-twelfths.hard--left.grid__item,.lap-five-twelfths.hard--right.grid__item {
        width: 39.916668% !important
    }

    .lap-five-twelfths.hard.grid__item,.lap-five-twelfths.hard--sides.grid__item {
        width: 41.666668% !important
    }

    .lap-six-twelfths.grid__item {
        width: 46.5% !important
    }

    .lap-six-twelfths.hard--left.grid__item,.lap-six-twelfths.hard--right.grid__item {
        width: 48.25% !important
    }

    .lap-six-twelfths.hard.grid__item,.lap-six-twelfths.hard--sides.grid__item {
        width: 50% !important
    }

    .lap-seven-twelfths.grid__item {
        width: 54.833332% !important
    }

    .lap-seven-twelfths.hard--left.grid__item,.lap-seven-twelfths.hard--right.grid__item {
        width: 56.583332% !important
    }

    .lap-seven-twelfths.hard.grid__item,.lap-seven-twelfths.hard--sides.grid__item {
        width: 58.333332% !important
    }

    .lap-eight-twelfths.grid__item {
        width: 63.166668% !important
    }

    .lap-eight-twelfths.hard--left.grid__item,.lap-eight-twelfths.hard--right.grid__item {
        width: 64.916664% !important
    }

    .lap-eight-twelfths.hard.grid__item,.lap-eight-twelfths.hard--sides.grid__item {
        width: 66.666664% !important
    }

    .lap-nine-twelfths.grid__item {
        width: 71.5% !important
    }

    .lap-nine-twelfths.hard--left.grid__item,.lap-nine-twelfths.hard--right.grid__item {
        width: 73.25% !important
    }

    .lap-nine-twelfths.hard.grid__item,.lap-nine-twelfths.hard--sides.grid__item {
        width: 75% !important
    }

    .lap-ten-twelfths.grid__item {
        width: 79.833336% !important
    }

    .lap-ten-twelfths.hard--left.grid__item,.lap-ten-twelfths.hard--right.grid__item {
        width: 81.583336% !important
    }

    .lap-ten-twelfths.hard.grid__item,.lap-ten-twelfths.hard--sides.grid__item {
        width: 83.333336% !important
    }

    .lap-eleven-twelfths.grid__item {
        width: 88.166664% !important
    }

    .lap-eleven-twelfths.hard--left.grid__item,.lap-eleven-twelfths.hard--right.grid__item {
        width: 89.916664% !important
    }

    .lap-eleven-twelfths.hard.grid__item,.lap-eleven-twelfths.hard--sides.grid__item {
        width: 91.666664% !important
    }

    .lap-twelve-twelfths.grid__item {
        width: 96.5% !important
    }

    .lap-twelve-twelfths.hard--left.grid__item,.lap-twelve-twelfths.hard--right.grid__item {
        width: 98.25% !important
    }

    .lap-twelve-twelfths.hard.grid__item,.lap-twelve-twelfths.hard--sides.grid__item {
        width: 100% !important
    }

    .lap-one-whole.grid__item {
        width: 96.5% !important
    }

    .lap-one-whole.hard--left.grid__item,.lap-one-whole.hard--right.grid__item {
        width: 98.25% !important
    }

    .lap-one-whole.hard.grid__item,.lap-one-whole.hard--sides.grid__item {
        width: 100% !important
    }

    .lap-one-half.grid__item {
        width: 46.5% !important
    }

    .lap-one-half.hard--left.grid__item,.lap-one-half.hard--right.grid__item {
        width: 48.25% !important
    }

    .lap-one-half.hard.grid__item,.lap-one-half.hard--sides.grid__item {
        width: 50% !important
    }

    .lap-one-third.grid__item {
        width: 29.833% !important
    }

    .lap-one-third.hard--left.grid__item,.lap-one-third.hard--right.grid__item {
        width: 31.583% !important
    }

    .lap-one-third.hard.grid__item,.lap-one-third.hard--sides.grid__item {
        width: 33.333% !important
    }

    .lap-one-fourth.grid__item {
        width: 21.5% !important
    }

    .lap-one-fourth.hard--left.grid__item,.lap-one-fourth.hard--right.grid__item {
        width: 23.25% !important
    }

    .lap-one-fourth.hard.grid__item,.lap-one-fourth.hard--sides.grid__item {
        width: 25% !important
    }

    .lap-one-fifth.grid__item {
        width: 16.5% !important
    }

    .lap-one-fifth.hard--left.grid__item,.lap-one-fifth.hard--right.grid__item {
        width: 18.25% !important
    }

    .lap-one-fifth.hard.grid__item,.lap-one-fifth.hard--sides.grid__item {
        width: 20% !important
    }

    .lap-one-sixth.grid__item {
        width: 13.165999% !important
    }

    .lap-one-sixth.hard--left.grid__item,.lap-one-sixth.hard--right.grid__item {
        width: 14.915999% !important
    }

    .lap-one-sixth.hard.grid__item,.lap-one-sixth.hard--sides.grid__item {
        width: 16.666% !important
    }
}

@media(min-width: 1024px) {
    .lap-and-up-one-twelfths.grid__item {
        width:4.8333335% !important
    }

    .lap-and-up-one-twelfths.hard--left.grid__item,.lap-and-up-one-twelfths.hard--right.grid__item {
        width: 6.5833335% !important
    }

    .lap-and-up-one-twelfths.hard.grid__item,.lap-and-up-one-twelfths.hard--sides.grid__item {
        width: 8.333333% !important
    }

    .lap-and-up-two-twelfths.grid__item {
        width: 13.166667% !important
    }

    .lap-and-up-two-twelfths.hard--left.grid__item,.lap-and-up-two-twelfths.hard--right.grid__item {
        width: 14.916667% !important
    }

    .lap-and-up-two-twelfths.hard.grid__item,.lap-and-up-two-twelfths.hard--sides.grid__item {
        width: 16.666666% !important
    }

    .lap-and-up-three-twelfths.grid__item {
        width: 21.5% !important
    }

    .lap-and-up-three-twelfths.hard--left.grid__item,.lap-and-up-three-twelfths.hard--right.grid__item {
        width: 23.25% !important
    }

    .lap-and-up-three-twelfths.hard.grid__item,.lap-and-up-three-twelfths.hard--sides.grid__item {
        width: 25% !important
    }

    .lap-and-up-four-twelfths.grid__item {
        width: 29.833334% !important
    }

    .lap-and-up-four-twelfths.hard--left.grid__item,.lap-and-up-four-twelfths.hard--right.grid__item {
        width: 31.583334% !important
    }

    .lap-and-up-four-twelfths.hard.grid__item,.lap-and-up-four-twelfths.hard--sides.grid__item {
        width: 33.333332% !important
    }

    .lap-and-up-five-twelfths.grid__item {
        width: 38.166668% !important
    }

    .lap-and-up-five-twelfths.hard--left.grid__item,.lap-and-up-five-twelfths.hard--right.grid__item {
        width: 39.916668% !important
    }

    .lap-and-up-five-twelfths.hard.grid__item,.lap-and-up-five-twelfths.hard--sides.grid__item {
        width: 41.666668% !important
    }

    .lap-and-up-six-twelfths.grid__item {
        width: 46.5% !important
    }

    .lap-and-up-six-twelfths.hard--left.grid__item,.lap-and-up-six-twelfths.hard--right.grid__item {
        width: 48.25% !important
    }

    .lap-and-up-six-twelfths.hard.grid__item,.lap-and-up-six-twelfths.hard--sides.grid__item {
        width: 50% !important
    }

    .lap-and-up-seven-twelfths.grid__item {
        width: 54.833332% !important
    }

    .lap-and-up-seven-twelfths.hard--left.grid__item,.lap-and-up-seven-twelfths.hard--right.grid__item {
        width: 56.583332% !important
    }

    .lap-and-up-seven-twelfths.hard.grid__item,.lap-and-up-seven-twelfths.hard--sides.grid__item {
        width: 58.333332% !important
    }

    .lap-and-up-eight-twelfths.grid__item {
        width: 63.166668% !important
    }

    .lap-and-up-eight-twelfths.hard--left.grid__item,.lap-and-up-eight-twelfths.hard--right.grid__item {
        width: 64.916664% !important
    }

    .lap-and-up-eight-twelfths.hard.grid__item,.lap-and-up-eight-twelfths.hard--sides.grid__item {
        width: 66.666664% !important
    }

    .lap-and-up-nine-twelfths.grid__item {
        width: 71.5% !important
    }

    .lap-and-up-nine-twelfths.hard--left.grid__item,.lap-and-up-nine-twelfths.hard--right.grid__item {
        width: 73.25% !important
    }

    .lap-and-up-nine-twelfths.hard.grid__item,.lap-and-up-nine-twelfths.hard--sides.grid__item {
        width: 75% !important
    }

    .lap-and-up-ten-twelfths.grid__item {
        width: 79.833336% !important
    }

    .lap-and-up-ten-twelfths.hard--left.grid__item,.lap-and-up-ten-twelfths.hard--right.grid__item {
        width: 81.583336% !important
    }

    .lap-and-up-ten-twelfths.hard.grid__item,.lap-and-up-ten-twelfths.hard--sides.grid__item {
        width: 83.333336% !important
    }

    .lap-and-up-eleven-twelfths.grid__item {
        width: 88.166664% !important
    }

    .lap-and-up-eleven-twelfths.hard--left.grid__item,.lap-and-up-eleven-twelfths.hard--right.grid__item {
        width: 89.916664% !important
    }

    .lap-and-up-eleven-twelfths.hard.grid__item,.lap-and-up-eleven-twelfths.hard--sides.grid__item {
        width: 91.666664% !important
    }

    .lap-and-up-twelve-twelfths.grid__item {
        width: 96.5% !important
    }

    .lap-and-up-twelve-twelfths.hard--left.grid__item,.lap-and-up-twelve-twelfths.hard--right.grid__item {
        width: 98.25% !important
    }

    .lap-and-up-twelve-twelfths.hard.grid__item,.lap-and-up-twelve-twelfths.hard--sides.grid__item {
        width: 100% !important
    }

    .lap-and-up-one-whole.grid__item {
        width: 96.5% !important
    }

    .lap-and-up-one-whole.hard--left.grid__item,.lap-and-up-one-whole.hard--right.grid__item {
        width: 98.25% !important
    }

    .lap-and-up-one-whole.hard.grid__item,.lap-and-up-one-whole.hard--sides.grid__item {
        width: 100% !important
    }

    .lap-and-up-one-half.grid__item {
        width: 46.5% !important
    }

    .lap-and-up-one-half.hard--left.grid__item,.lap-and-up-one-half.hard--right.grid__item {
        width: 48.25% !important
    }

    .lap-and-up-one-half.hard.grid__item,.lap-and-up-one-half.hard--sides.grid__item {
        width: 50% !important
    }

    .lap-and-up-one-third.grid__item {
        width: 29.833% !important
    }

    .lap-and-up-one-third.hard--left.grid__item,.lap-and-up-one-third.hard--right.grid__item {
        width: 31.583% !important
    }

    .lap-and-up-one-third.hard.grid__item,.lap-and-up-one-third.hard--sides.grid__item {
        width: 33.333% !important
    }

    .lap-and-up-one-fourth.grid__item {
        width: 21.5% !important
    }

    .lap-and-up-one-fourth.hard--left.grid__item,.lap-and-up-one-fourth.hard--right.grid__item {
        width: 23.25% !important
    }

    .lap-and-up-one-fourth.hard.grid__item,.lap-and-up-one-fourth.hard--sides.grid__item {
        width: 25% !important
    }

    .lap-and-up-one-fifth.grid__item {
        width: 16.5% !important
    }

    .lap-and-up-one-fifth.hard--left.grid__item,.lap-and-up-one-fifth.hard--right.grid__item {
        width: 18.25% !important
    }

    .lap-and-up-one-fifth.hard.grid__item,.lap-and-up-one-fifth.hard--sides.grid__item {
        width: 20% !important
    }

    .lap-and-up-one-sixth.grid__item {
        width: 13.165999% !important
    }

    .lap-and-up-one-sixth.hard--left.grid__item,.lap-and-up-one-sixth.hard--right.grid__item {
        width: 14.915999% !important
    }

    .lap-and-up-one-sixth.hard.grid__item,.lap-and-up-one-sixth.hard--sides.grid__item {
        width: 16.666% !important
    }
}

@media(max-width: 1023px) {
    .portable-one-twelfths.grid__item {
        width:4.8333335% !important
    }

    .portable-one-twelfths.hard--left.grid__item,.portable-one-twelfths.hard--right.grid__item {
        width: 6.5833335% !important
    }

    .portable-one-twelfths.hard.grid__item,.portable-one-twelfths.hard--sides.grid__item {
        width: 8.333333% !important
    }

    .portable-two-twelfths.grid__item {
        width: 13.166667% !important
    }

    .portable-two-twelfths.hard--left.grid__item,.portable-two-twelfths.hard--right.grid__item {
        width: 14.916667% !important
    }

    .portable-two-twelfths.hard.grid__item,.portable-two-twelfths.hard--sides.grid__item {
        width: 16.666666% !important
    }

    .portable-three-twelfths.grid__item {
        width: 21.5% !important
    }

    .portable-three-twelfths.hard--left.grid__item,.portable-three-twelfths.hard--right.grid__item {
        width: 23.25% !important
    }

    .portable-three-twelfths.hard.grid__item,.portable-three-twelfths.hard--sides.grid__item {
        width: 25% !important
    }

    .portable-four-twelfths.grid__item {
        width: 29.833334% !important
    }

    .portable-four-twelfths.hard--left.grid__item,.portable-four-twelfths.hard--right.grid__item {
        width: 31.583334% !important
    }

    .portable-four-twelfths.hard.grid__item,.portable-four-twelfths.hard--sides.grid__item {
        width: 33.333332% !important
    }

    .portable-five-twelfths.grid__item {
        width: 38.166668% !important
    }

    .portable-five-twelfths.hard--left.grid__item,.portable-five-twelfths.hard--right.grid__item {
        width: 39.916668% !important
    }

    .portable-five-twelfths.hard.grid__item,.portable-five-twelfths.hard--sides.grid__item {
        width: 41.666668% !important
    }

    .portable-six-twelfths.grid__item {
        width: 46.5% !important
    }

    .portable-six-twelfths.hard--left.grid__item,.portable-six-twelfths.hard--right.grid__item {
        width: 48.25% !important
    }

    .portable-six-twelfths.hard.grid__item,.portable-six-twelfths.hard--sides.grid__item {
        width: 50% !important
    }

    .portable-seven-twelfths.grid__item {
        width: 54.833332% !important
    }

    .portable-seven-twelfths.hard--left.grid__item,.portable-seven-twelfths.hard--right.grid__item {
        width: 56.583332% !important
    }

    .portable-seven-twelfths.hard.grid__item,.portable-seven-twelfths.hard--sides.grid__item {
        width: 58.333332% !important
    }

    .portable-eight-twelfths.grid__item {
        width: 63.166668% !important
    }

    .portable-eight-twelfths.hard--left.grid__item,.portable-eight-twelfths.hard--right.grid__item {
        width: 64.916664% !important
    }

    .portable-eight-twelfths.hard.grid__item,.portable-eight-twelfths.hard--sides.grid__item {
        width: 66.666664% !important
    }

    .portable-nine-twelfths.grid__item {
        width: 71.5% !important
    }

    .portable-nine-twelfths.hard--left.grid__item,.portable-nine-twelfths.hard--right.grid__item {
        width: 73.25% !important
    }

    .portable-nine-twelfths.hard.grid__item,.portable-nine-twelfths.hard--sides.grid__item {
        width: 75% !important
    }

    .portable-ten-twelfths.grid__item {
        width: 79.833336% !important
    }

    .portable-ten-twelfths.hard--left.grid__item,.portable-ten-twelfths.hard--right.grid__item {
        width: 81.583336% !important
    }

    .portable-ten-twelfths.hard.grid__item,.portable-ten-twelfths.hard--sides.grid__item {
        width: 83.333336% !important
    }

    .portable-eleven-twelfths.grid__item {
        width: 88.166664% !important
    }

    .portable-eleven-twelfths.hard--left.grid__item,.portable-eleven-twelfths.hard--right.grid__item {
        width: 89.916664% !important
    }

    .portable-eleven-twelfths.hard.grid__item,.portable-eleven-twelfths.hard--sides.grid__item {
        width: 91.666664% !important
    }

    .portable-twelve-twelfths.grid__item {
        width: 96.5% !important
    }

    .portable-twelve-twelfths.hard--left.grid__item,.portable-twelve-twelfths.hard--right.grid__item {
        width: 98.25% !important
    }

    .portable-twelve-twelfths.hard.grid__item,.portable-twelve-twelfths.hard--sides.grid__item {
        width: 100% !important
    }

    .portable-one-whole.grid__item {
        width: 96.5% !important
    }

    .portable-one-whole.hard--left.grid__item,.portable-one-whole.hard--right.grid__item {
        width: 98.25% !important
    }

    .portable-one-whole.hard.grid__item,.portable-one-whole.hard--sides.grid__item {
        width: 100% !important
    }

    .portable-one-half.grid__item {
        width: 46.5% !important
    }

    .portable-one-half.hard--left.grid__item,.portable-one-half.hard--right.grid__item {
        width: 48.25% !important
    }

    .portable-one-half.hard.grid__item,.portable-one-half.hard--sides.grid__item {
        width: 50% !important
    }

    .portable-one-third.grid__item {
        width: 29.833% !important
    }

    .portable-one-third.hard--left.grid__item,.portable-one-third.hard--right.grid__item {
        width: 31.583% !important
    }

    .portable-one-third.hard.grid__item,.portable-one-third.hard--sides.grid__item {
        width: 33.333% !important
    }

    .portable-one-fourth.grid__item {
        width: 21.5% !important
    }

    .portable-one-fourth.hard--left.grid__item,.portable-one-fourth.hard--right.grid__item {
        width: 23.25% !important
    }

    .portable-one-fourth.hard.grid__item,.portable-one-fourth.hard--sides.grid__item {
        width: 25% !important
    }

    .portable-one-fifth.grid__item {
        width: 16.5% !important
    }

    .portable-one-fifth.hard--left.grid__item,.portable-one-fifth.hard--right.grid__item {
        width: 18.25% !important
    }

    .portable-one-fifth.hard.grid__item,.portable-one-fifth.hard--sides.grid__item {
        width: 20% !important
    }

    .portable-one-sixth.grid__item {
        width: 13.165999% !important
    }

    .portable-one-sixth.hard--left.grid__item,.portable-one-sixth.hard--right.grid__item {
        width: 14.915999% !important
    }

    .portable-one-sixth.hard.grid__item,.portable-one-sixth.hard--sides.grid__item {
        width: 16.666% !important
    }
}

@media(min-width: 768px) and (max-width:1023px) {
    .tablet-one-twelfths.grid__item {
        width:4.8333335% !important
    }

    .tablet-one-twelfths.hard--left.grid__item,.tablet-one-twelfths.hard--right.grid__item {
        width: 6.5833335% !important
    }

    .tablet-one-twelfths.hard.grid__item,.tablet-one-twelfths.hard--sides.grid__item {
        width: 8.333333% !important
    }

    .tablet-two-twelfths.grid__item {
        width: 13.166667% !important
    }

    .tablet-two-twelfths.hard--left.grid__item,.tablet-two-twelfths.hard--right.grid__item {
        width: 14.916667% !important
    }

    .tablet-two-twelfths.hard.grid__item,.tablet-two-twelfths.hard--sides.grid__item {
        width: 16.666666% !important
    }

    .tablet-three-twelfths.grid__item {
        width: 21.5% !important
    }

    .tablet-three-twelfths.hard--left.grid__item,.tablet-three-twelfths.hard--right.grid__item {
        width: 23.25% !important
    }

    .tablet-three-twelfths.hard.grid__item,.tablet-three-twelfths.hard--sides.grid__item {
        width: 25% !important
    }

    .tablet-four-twelfths.grid__item {
        width: 29.833334% !important
    }

    .tablet-four-twelfths.hard--left.grid__item,.tablet-four-twelfths.hard--right.grid__item {
        width: 31.583334% !important
    }

    .tablet-four-twelfths.hard.grid__item,.tablet-four-twelfths.hard--sides.grid__item {
        width: 33.333332% !important
    }

    .tablet-five-twelfths.grid__item {
        width: 38.166668% !important
    }

    .tablet-five-twelfths.hard--left.grid__item,.tablet-five-twelfths.hard--right.grid__item {
        width: 39.916668% !important
    }

    .tablet-five-twelfths.hard.grid__item,.tablet-five-twelfths.hard--sides.grid__item {
        width: 41.666668% !important
    }

    .tablet-six-twelfths.grid__item {
        width: 46.5% !important
    }

    .tablet-six-twelfths.hard--left.grid__item,.tablet-six-twelfths.hard--right.grid__item {
        width: 48.25% !important
    }

    .tablet-six-twelfths.hard.grid__item,.tablet-six-twelfths.hard--sides.grid__item {
        width: 50% !important
    }

    .tablet-seven-twelfths.grid__item {
        width: 54.833332% !important
    }

    .tablet-seven-twelfths.hard--left.grid__item,.tablet-seven-twelfths.hard--right.grid__item {
        width: 56.583332% !important
    }

    .tablet-seven-twelfths.hard.grid__item,.tablet-seven-twelfths.hard--sides.grid__item {
        width: 58.333332% !important
    }

    .tablet-eight-twelfths.grid__item {
        width: 63.166668% !important
    }

    .tablet-eight-twelfths.hard--left.grid__item,.tablet-eight-twelfths.hard--right.grid__item {
        width: 64.916664% !important
    }

    .tablet-eight-twelfths.hard.grid__item,.tablet-eight-twelfths.hard--sides.grid__item {
        width: 66.666664% !important
    }

    .tablet-nine-twelfths.grid__item {
        width: 71.5% !important
    }

    .tablet-nine-twelfths.hard--left.grid__item,.tablet-nine-twelfths.hard--right.grid__item {
        width: 73.25% !important
    }

    .tablet-nine-twelfths.hard.grid__item,.tablet-nine-twelfths.hard--sides.grid__item {
        width: 75% !important
    }

    .tablet-ten-twelfths.grid__item {
        width: 79.833336% !important
    }

    .tablet-ten-twelfths.hard--left.grid__item,.tablet-ten-twelfths.hard--right.grid__item {
        width: 81.583336% !important
    }

    .tablet-ten-twelfths.hard.grid__item,.tablet-ten-twelfths.hard--sides.grid__item {
        width: 83.333336% !important
    }

    .tablet-eleven-twelfths.grid__item {
        width: 88.166664% !important
    }

    .tablet-eleven-twelfths.hard--left.grid__item,.tablet-eleven-twelfths.hard--right.grid__item {
        width: 89.916664% !important
    }

    .tablet-eleven-twelfths.hard.grid__item,.tablet-eleven-twelfths.hard--sides.grid__item {
        width: 91.666664% !important
    }

    .tablet-twelve-twelfths.grid__item {
        width: 96.5% !important
    }

    .tablet-twelve-twelfths.hard--left.grid__item,.tablet-twelve-twelfths.hard--right.grid__item {
        width: 98.25% !important
    }

    .tablet-twelve-twelfths.hard.grid__item,.tablet-twelve-twelfths.hard--sides.grid__item {
        width: 100% !important
    }

    .tablet-one-whole.grid__item {
        width: 96.5% !important
    }

    .tablet-one-whole.hard--left.grid__item,.tablet-one-whole.hard--right.grid__item {
        width: 98.25% !important
    }

    .tablet-one-whole.hard.grid__item,.tablet-one-whole.hard--sides.grid__item {
        width: 100% !important
    }

    .tablet-one-half.grid__item {
        width: 46.5% !important
    }

    .tablet-one-half.hard--left.grid__item,.tablet-one-half.hard--right.grid__item {
        width: 48.25% !important
    }

    .tablet-one-half.hard.grid__item,.tablet-one-half.hard--sides.grid__item {
        width: 50% !important
    }

    .tablet-one-third.grid__item {
        width: 29.833% !important
    }

    .tablet-one-third.hard--left.grid__item,.tablet-one-third.hard--right.grid__item {
        width: 31.583% !important
    }

    .tablet-one-third.hard.grid__item,.tablet-one-third.hard--sides.grid__item {
        width: 33.333% !important
    }

    .tablet-one-fourth.grid__item {
        width: 21.5% !important
    }

    .tablet-one-fourth.hard--left.grid__item,.tablet-one-fourth.hard--right.grid__item {
        width: 23.25% !important
    }

    .tablet-one-fourth.hard.grid__item,.tablet-one-fourth.hard--sides.grid__item {
        width: 25% !important
    }

    .tablet-one-fifth.grid__item {
        width: 16.5% !important
    }

    .tablet-one-fifth.hard--left.grid__item,.tablet-one-fifth.hard--right.grid__item {
        width: 18.25% !important
    }

    .tablet-one-fifth.hard.grid__item,.tablet-one-fifth.hard--sides.grid__item {
        width: 20% !important
    }

    .tablet-one-sixth.grid__item {
        width: 13.165999% !important
    }

    .tablet-one-sixth.hard--left.grid__item,.tablet-one-sixth.hard--right.grid__item {
        width: 14.915999% !important
    }

    .tablet-one-sixth.hard.grid__item,.tablet-one-sixth.hard--sides.grid__item {
        width: 16.666% !important
    }
}

@media(max-width: 767px) {
  
    .palm-one-twelfths.grid__item {
        width:4.8333335% !important
    }

    .palm-one-twelfths.hard--left.grid__item,.palm-one-twelfths.hard--right.grid__item {
        width: 6.5833335% !important
    }

    .palm-one-twelfths.hard.grid__item,.palm-one-twelfths.hard--sides.grid__item {
        width: 8.333333% !important
    }

    .palm-two-twelfths.grid__item {
        width: 13.166667% !important
    }

    .palm-two-twelfths.hard--left.grid__item,.palm-two-twelfths.hard--right.grid__item {
        width: 14.916667% !important
    }

    .palm-two-twelfths.hard.grid__item,.palm-two-twelfths.hard--sides.grid__item {
        width: 16.666666% !important
    }

    .palm-three-twelfths.grid__item {
        width: 21.5% !important
    }

    .palm-three-twelfths.hard--left.grid__item,.palm-three-twelfths.hard--right.grid__item {
        width: 23.25% !important
    }

    .palm-three-twelfths.hard.grid__item,.palm-three-twelfths.hard--sides.grid__item {
        width: 25% !important
    }

    .palm-four-twelfths.grid__item {
        width: 29.833334% !important
    }

    .palm-four-twelfths.hard--left.grid__item,.palm-four-twelfths.hard--right.grid__item {
        width: 31.583334% !important
    }

    .palm-four-twelfths.hard.grid__item,.palm-four-twelfths.hard--sides.grid__item {
        width: 33.333332% !important
    }

    .palm-five-twelfths.grid__item {
        width: 38.166668% !important
    }

    .palm-five-twelfths.hard--left.grid__item,.palm-five-twelfths.hard--right.grid__item {
        width: 39.916668% !important
    }

    .palm-five-twelfths.hard.grid__item,.palm-five-twelfths.hard--sides.grid__item {
        width: 41.666668% !important
    }

    .palm-six-twelfths.grid__item {
        width: 46.5% !important
    }

    .palm-six-twelfths.hard--left.grid__item,.palm-six-twelfths.hard--right.grid__item {
        width: 48.25% !important
    }

    .palm-six-twelfths.hard.grid__item,.palm-six-twelfths.hard--sides.grid__item {
        width: 50% !important
    }

    .palm-seven-twelfths.grid__item {
        width: 54.833332% !important
    }

    .palm-seven-twelfths.hard--left.grid__item,.palm-seven-twelfths.hard--right.grid__item {
        width: 56.583332% !important
    }

    .palm-seven-twelfths.hard.grid__item,.palm-seven-twelfths.hard--sides.grid__item {
        width: 58.333332% !important
    }

    .palm-eight-twelfths.grid__item {
        width: 63.166668% !important
    }

    .palm-eight-twelfths.hard--left.grid__item,.palm-eight-twelfths.hard--right.grid__item {
        width: 64.916664% !important
    }

    .palm-eight-twelfths.hard.grid__item,.palm-eight-twelfths.hard--sides.grid__item {
        width: 66.666664% !important
    }

    .palm-nine-twelfths.grid__item {
        width: 71.5% !important
    }

    .palm-nine-twelfths.hard--left.grid__item,.palm-nine-twelfths.hard--right.grid__item {
        width: 73.25% !important
    }

    .palm-nine-twelfths.hard.grid__item,.palm-nine-twelfths.hard--sides.grid__item {
        width: 75% !important
    }

    .palm-ten-twelfths.grid__item {
        width: 79.833336% !important
    }

    .palm-ten-twelfths.hard--left.grid__item,.palm-ten-twelfths.hard--right.grid__item {
        width: 81.583336% !important
    }

    .palm-ten-twelfths.hard.grid__item,.palm-ten-twelfths.hard--sides.grid__item {
        width: 83.333336% !important
    }

    .palm-eleven-twelfths.grid__item {
        width: 88.166664% !important
    }

    .palm-eleven-twelfths.hard--left.grid__item,.palm-eleven-twelfths.hard--right.grid__item {
        width: 89.916664% !important
    }

    .palm-eleven-twelfths.hard.grid__item,.palm-eleven-twelfths.hard--sides.grid__item {
        width: 91.666664% !important
    }

    .palm-twelve-twelfths.grid__item {
        width: 96.5% !important
    }

    .palm-twelve-twelfths.hard--left.grid__item,.palm-twelve-twelfths.hard--right.grid__item {
        width: 98.25% !important
    }

    .palm-twelve-twelfths.hard.grid__item,.palm-twelve-twelfths.hard--sides.grid__item {
        width: 100% !important
    }

    .palm-one-whole.grid__item {
        width: 96.5% !important
    }

    .palm-one-whole.hard--left.grid__item,.palm-one-whole.hard--right.grid__item {
        width: 98.25% !important
    }

    .palm-one-whole.hard.grid__item,.palm-one-whole.hard--sides.grid__item {
        width: 100% !important
    }

    .palm-one-half.grid__item {
        width: 46.5% !important
    }

    .palm-one-half.hard--left.grid__item,.palm-one-half.hard--right.grid__item {
        width: 48.25% !important
    }

    .palm-one-half.hard.grid__item,.palm-one-half.hard--sides.grid__item {
        width: 50% !important
    }

    .palm-one-third.grid__item {
        width: 29.833% !important
    }

    .palm-one-third.hard--left.grid__item,.palm-one-third.hard--right.grid__item {
        width: 31.583% !important
    }

    .palm-one-third.hard.grid__item,.palm-one-third.hard--sides.grid__item {
        width: 33.333% !important
    }

    .palm-one-fourth.grid__item {
        width: 21.5% !important
    }

    .palm-one-fourth.hard--left.grid__item,.palm-one-fourth.hard--right.grid__item {
        width: 23.25% !important
    }

    .palm-one-fourth.hard.grid__item,.palm-one-fourth.hard--sides.grid__item {
        width: 25% !important
    }

    .palm-one-fifth.grid__item {
        width: 16.5% !important
    }

    .palm-one-fifth.hard--left.grid__item,.palm-one-fifth.hard--right.grid__item {
        width: 18.25% !important
    }

    .palm-one-fifth.hard.grid__item,.palm-one-fifth.hard--sides.grid__item {
        width: 20% !important
    }

    .palm-one-sixth.grid__item {
        width: 13.165999% !important
    }

    .palm-one-sixth.hard--left.grid__item,.palm-one-sixth.hard--right.grid__item {
        width: 14.915999% !important
    }

    .palm-one-sixth.hard.grid__item,.palm-one-sixth.hard--sides.grid__item {
        width: 16.666% !important
    }
}