/** Shopify CDN: Minification failed

Line 191:0 Unexpected "%"

**/
body{
  background-color: #fff;
}
.backlinkContainer{
    margin: 0 0 17.5px;
}
.flCol{
  display: flex;
  flex-direction: column;
}
.flRow{
  display: flex;
  flex-direction: row;
}

.bs{
  box-shadow: 0 1px 4px #0000001a, 0 10px 20px #0000000d;
}
.bT{
  padding-top: calc(1% + 10px);
  padding-bottom: calc(1% + 10px);
  border-top: 1px solid #e0e0e0;
}
.bB{
  border-bottom: 1px solid #e0e0e0;
}
.mb0{
  margin-bottom: 0 !important;
}
.m0{
  margin: 0;
}
.mw80{
  max-width: 80vw;
}
.mp-anchor {
  padding: calc(1% + 10px) ;
  padding-top: 0;
  min-height: 480px
}
.lbl{
  font-size: 2.314em;
  text-transform: none;
  letter-spacing: 0;
}
.h2{
  margin: 0 0 17.5px;
  font-family: Work Sans, sans-serif;
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.version-action{
  justify-content: space-between;
  align-items: center;
  margin-top: 1%;
  margin-bottom: 1%;
}
.quickNavClone{
  opacity: 1;
  transition: all 0.1s;
}
.quickNavNavBar {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 83px;
  left: 0;
  right: 0;
  z-index: 5;
  border-bottom:#0000000d 1px solid;
  background-color: #ffffffea;
  overflow-x: scroll  ;
  height: 62px;
  white-space: nowrap;
}
.quickNavNavBar::-webkit-scrollbar {
  display: none;
}
.quickNavNavBar .quickNav{
  background-color: #fff;
}
.collection_header{
    max-width: 80vw;
    min-height: 200px;
    margin: 0 auto;
}
.collection_header h2{
    font-size:1.5em;
    text-transform: none !important;
    letter-spacing: normal !important;
}
.collection_header_contents_anchor{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.collection_header_text_contents{
    max-width: 85vw;
    min-height: 150px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1%;
    margin-bottom: 1%;
}
.noProductsContainer{
  width: 50vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: 4%;
  row-gap: 4%;
  height: 200px;
  padding:4%;
}
#resetButton{
   max-width: 25%;
}
  
.collection_header_contents:not(aside){
  max-width: 65%;
}
.collection_buttons{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-self: flex-end;
    min-height: 245px;
    height: 100%;
    width: 20%;
    padding-bottom: 2%;
    user-select: none;
}
.collection_image_buttons{
    max-width: 140px;
    transition: all 0.3s;
    cursor: pointer;
}
.collection_image_buttons:hover{
  transform: scale(1.07);
}
.warranty{
  max-width: 140px !important;
  margin-bottom: 2%;
}
#product-collection-anchor{
  max-width: 85vw !important;
  justify-content: space-between !important;

}
.products-of-collection-container{
  max-width: 80vw;
  margin-left: auto !important;
  margin-right: auto !important;
}
#collection-pages, #original-collection-pages{
  display: flex !important;
  justify-content: space-around;
  align-items: center; 
}
.view-span{
  margin-left: 1% !important;
}



.brand-title{
    font-size: 2.2em;
    font-weight: 600;
    margin: 2%;
    margin-left: 0;
    text-align: left;
    text-transform: none !important;
    font-family: 'Barlow', sans-serif;
    font-display: swap;

}



%loading-skeleton {
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    background-color: #eee;
    border-color: #eee;
    
    &::placeholder {
      color: transparent;
    }
    }
    @keyframes loading-skeleton {
    from {
      opacity: .4;
    }
    to {
      opacity: 1;
    }
    }
    .loading-skeleton {
    pointer-events: none;
    animation: loading-skeleton 1s infinite alternate;
    


    }
.brand-description-skeleton{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.314%;
    margin-bottom: 0.314%;
    height:100px;
    border-radius: 8px;
    background-color:#eee;
    pointer-events: none;
    animation: loading-skeleton 1s infinite alternate;
}
.brand-description{
    text-align: left;
    font-size: 1.25em;
    min-height: 80px;
}
.products-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap:1%;
    align-items: center;
    margin-top: 2%;
    margin-bottom: 2%;
    min-height: 600px;
}

.quickNavContainer {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2%;
}

.quickNav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 3.14rem;
  width: fit-content;
  margin: 0.314%;
  border-radius: 35px;
  /*background-color: rgba(204, 204, 204, 0.2);*/
  cursor: pointer;
  font-size: 0.9em;
  /*border: 1px solid #ccc;*/
  transition: all 0.3s ease;
  user-select: none;
  box-shadow: 0 1px 4px #0000001a, 0 10px 20px #0000000d;
}

.quickNav:hover {
  background-color: rgba(0, 149, 255, 0.1);
  border-color: #0095ff;
  color: #0095ff;
  transform: scale(1.00314);
  box-shadow:0 1px 4px #0000001a, 0 10px 20px #0000000d;;
}



/* pldBubbles */
.pldBubble{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1%;
  padding: 0.314% 2.314%;
  border-radius: 35px;
  border: 2px solid #0095ff;
  background-color: rgba(0, 149, 255, 0.1);
  color: #0095ff;
  user-select: none;
  transition: all 0.3s;
  box-shadow: 0 1px 4px #0000001a, 0 10px 20px #0000000d;

}
.pldBubble svg{
  margin-right: 0.314%;
}
.pldBubble-Single-Socket{
  width:45%;
}
.pldBubble-Dual-Socket{
  width:40%;
}
.pldBubble-BeastMode,
.pldBubble-NVMe{
  background-color: #ff2a0054;  
  border: 1px solid #ff2a00;
  color: black;
}
.pldBubble-BeastMode svg,
.pldBubble-NVMe svg{
  fill: #ff2a00;
}
.pldBubble-GPU{
  background-color: #2fff0054;  
  border: 1px solid #2fff00;
  color: black;
}
.pldBubble-GPU svg{
  fill: #2fff00;
}
.pldBubble-Storage{
  background-color: #00aaff54;  
  border: 1px solid #00aaff;
  color: black;
}
.pldBubble-Storage svg{
  fill: #00aaff;
}
.pldBubble-Database{
  background-color: #ff00ff54;  
  border: 1px solid #ff00ff;
  color: black;
}
.pldBubble-Database svg{
  fill: #ff00ff;
}
.pldBubble-Virtualization{
  background-color: #ffaa0054;  
  border: 1px solid #ffaa00;
  color: black;
}
.pldBubble-Virtualization svg{
  fill: #ffaa00;
}
.pldBubble-Entry-Level{
  background-color: #00ff2a54;  
  border: 1px solid #00ff2a;
  color: black;
}
.pldBubble-Entry-Level svg{
  fill: #00b71e;
}
.pldBubble-Tower{
  background-color: #ff002a54;  
  border: 1px solid #ff002a;
  color: black;
}
.pldBubble-Tower svg{
  fill: #ff002a;
}

.pldBubble-SMB{
  background-color: #2a00ff54;  
  border: 1px solid #2a00ff;
  color: black;
}
.pldBubble-SMB svg{
  fill: #2a00ff;
}
.pldBubble-Efficient{
  background-color: #ffea0054;  
  border: 1px solid #ffea00;
  color: black;
}
.pldBubble-Efficient svg{
  fill: #ffea00;
}
.pldBubble-Performant{
  background-color: #ff8c0054;  
  border: 1px solid #ff8c00;
  color: black;
}
.pldBubble-Performant svg{
  fill: #ff8c00;
}

.pldBubble-DataMining{
  background-color: #8c00ff54;  
  border: 1px solid #8c00ff;
  color: black;
}
.pldBubble-DataMining svg{
  fill: #8c00ff;
}

.pldBubble-Cloud{
  background-color: #00d0ff54;  
  border: 1px solid #00d0ff;
  color: black;
}
.pldBubble-Cloud svg{
  fill: #00d0ff;
}

/* description */
#collection_description{
  font-size:1.25em;
}
.collection_description_split{
  width:100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.collection_split_image{
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.collection_split_image img{
  max-width: 175px;
  height: auto;
}
.collection_description_left{
  width:40%;
  font-size:1.2em;
}
.collection_description_right{
  width:40%;
  font-size:1.2em;
}



/* description */

/* filter */
.filterCount{
  color:#0000008d;
  margin-left:2px;
}
.inline{
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.brandFilter input{
  margin:0.7% !important;
}
.CTOFilter{
    display: flex;
    flex-direction: column;
    padding: 10px;
    border: none !important;
    border-radius: 5px;
    width:25% !important;
    background-color: transparent !important;
    margin: 0 !important;
    position: sticky;
    top: 0;

}

.filterInterior{
  display: flex !important;
  flex-direction: column;
  transition: all 0.4s;
  transition-timing-function: ease,  cubic-bezier(0.1, 0.7, 1, 0.1);
}
.CTOFilter label{
    text-align: left;
    font-size: larger;
    margin-top:2% !important;
    margin-bottom: 2% !important;
}
.CTOFilter span label{
    font-size: medium;
    margin: 0 !important;
}
.filterToggle{
    display: none;
}
.filterBack{
    display: none !important;
}
.filterBackgroundHidden{
    display: none !important;
}
.resetFilters{
  background-color: #1b98dd !important;
  width:50%;
  transition: all 0.3s;


}
.resetFilters:hover{
  background-color: #1b98dd !important;
  color: white;
  box-shadow: inset 0 0 8px #1477ac;

}

.filterCB {
  width: 1.5rem;
  height: 1.5rem;
  color: #0095ff;
  vertical-align: middle;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  /*border-radius: 50%;*/
  background-color: #FFFFFF;
  transition: background 300ms;
  cursor: pointer;
}

.filterCB:hover{
  box-shadow: 1px 1px 4px 2px rgba(0,149,255,0.075);
  -webkit-box-shadow: 1px 1px 4px 2px rgba(0,149,255,0.075);
  -moz-box-shadow: 1px 1px 4px 2px rgba(0, 149, 255, 0.075);
}


/* Pseudo element for check styling */

.filterCB::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8;
}


/* Checked */

.filterCB:checked {
  background-color: currentcolor;
}

.filterCB:checked::before {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}


/* Disabled */

.filterCB:disabled {
  background-color: #CCD3D8;
  opacity: 0.84;
  cursor: not-allowed;
}


/* IE */

.filterCB::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8;
}

.filterCB:checked::-ms-check {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E"); 
}




/*page buttons*/
.pageButton {
  user-select: none;
  cursor: pointer;
  color: #fff !important;
  padding: 2px 5px !important;
  background-color: #0095ff;
  border-radius: 3px;
  margin: 0 5px;
  transition: all 0.3s;
}
.pageButton:hover {
box-shadow: inset 0 0 8px #1477ac;
}
.currentPage {
  background-color: transparent;
  color: black !important;
}
.currentPage:hover {
  box-shadow: none;
}


/* end page buttons */

/* Product Card */
.md-chass-description{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  margin-bottom: auto;
  display: flex;
  flex-direction: unset;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

#product-collection-anchor{
    max-width: 1400px;
    justify-content: flex-end;
}
  .tpmt{
    margin-top: 10px;
  }
  .tpRow{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .tpContRow{
    justify-content: center !important;
  }
  .prodGrid{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width:max( 30vw);
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 8px;

  }

 .mcc-price{
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
  }
  .tpItem:hover{
      transform: scale(1.005);
      cursor: pointer;
      border-color: #0095ff;
  }
.mcc-image{
    min-height: 250px;
    max-width: 250px;
    border-radius: 8px;
    width:100%;
    height: auto;
}
.md-chass-title{
    color: #0095ff;
    font-size: 18px;
    font-weight: 600;
    transition: color .9s;
    margin: 0;
    line-height: 1;
    height: auto !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.smText{
    width:50%;
    margin-left: auto;
    margin-right: auto;
}
.mdText{
    text-align: center;
    width:75%;
    margin-left: auto;
    margin-right: auto;
}
.ctoTitle{
    display: none;
  }




.mcc-item {
    position: relative;
    display: inline-block;
    height: auto;
    width: max(350px, 3vw);
    min-height: 494px;
    border: solid 2px #cccccc;
    /*box-shadow:0 1px 4px #0000001a, 0 10px 20px #0000000d;
    */
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
/*    border-color: #0095ff;*/

    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    margin: 10px 5px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3 ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform-origin: center;
}


.mcc-item:hover {
    border: solid 2px #0095ff;
    border-color: #0095ff;
    cursor: pointer;
    box-shadow: 0 1px 4px #0000001a, 0 10px 20px #0000000d;

}

.mcc-configure-button{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0095ff;
    color: white;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100% !important;
    bottom: 0 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;}


.mcc-configure-button:hover{
    box-shadow: inset 0 0 10px #00000030;
}

@keyframes hover-animation {
  0% {
      transform: scale(1) rotate3d(1, 1, 1, 0deg);
  }
  100% {
      transform: scale(1.15) rotate3d(1, 1, 1, 360deg);
  }
}

@keyframes click-animation {
  0% {
      transform: scale(1.1) rotate3d(1, 1, 1, 360deg);
  }
  100% {
      transform: scale(0.2) rotate3d(2, -1, -1 360deg);
  }
}



.mcc-configure-button:hover .md-chass-configure-icon {
  animation: hover-animation 0.3s ease-in-out forwards;
}

.mcc-configure-button:active .md-chass-configure-icon {
  animation: click-animation 1s ease-in-out infinite;
}

.md-chass-configure-icon{
    margin-right: 2%;
    transition: all .3s;
}


.md-chass-sub-title{
    color: #0095ff;
    font-size: 16px;
    font-weight: 450;
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: left;
}



/* Linked Resources */
.CTOSelectionContent {
  min-height: 675px;
  max-width: 80vw;
  min-height: 200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
 /* border: 1px solid #e0e0e0; */
 border-top: 1px solid #e0e0e0;
  border-radius: 5px;
  /*background-color: #f9f9f9;*/
}
.CTOContentTitleContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1%;
  width: 100%;
}
.CTOContentTitleContainer h2{
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 2.1875em;
}
.CTOContentDescription {
  width:100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.CTOContentDescription p{
  font-size: 1.25em;
  text-align: left;
  color:#69727b;
}

.CTOContentResourcesContainer{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  transition: all 0.5s ease-in-out;
}

.resourceContainer{
  max-width:25%;
  height: fit-content !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin:1%;
  box-shadow: 0 1px 4px #0000001a, 0 10px 20px #0000000d;
  padding: 1%;
  transition: all 0.25s ease-in-out;

}


.resourceContainer:hover{
  cursor: pointer;
  transform: scale(1.01);
  box-shadow: 0 0 10px #0095ff;

}
.resourceTitle{
  font-size: 1.2em;
  font-weight: bold;
  margin: 1%;
}
.resourceImageContainer {
  overflow: hidden;
  width: 100%;
  height: 132px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.resourceImage {
  width: 100%;
  height: auto;
  margin: 1%;
  max-width: 300px;
  object-fit: cover;
}


  /* Page Buttons */
.collection-pages{
    width:25% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly !important;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left:auto;
    margin-right:auto;
}
.pageNumberContainer{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly !important;
  align-items: center;
  margin-bottom: 1%;
  min-width: 75px;
  width: fit-content;
}
.pageSizeSelect{
  border: none !important;
}



@Media screen and (max-width:1650px) and (min-width:990px){
  .collection_header,
   #product-collection-anchor{
    max-width: 90% !important;
   }
   .products-of-collection-container{
     max-width: 100% !important;
   }
   #Dell_PowerEdge_13th_Generation,
   #Dell_PowerEdge_14th_Generation{
     min-height: 1200px;
   }
  /* .products-of-collection-container{
    max-width: 65vw !important;
   }*/
   .mcc-item {
    width: 20vw !important;
   }
}

@media screen and (max-width:1300px){
  .mcc-image {
    min-height: 250px !important;
  }
  .quickNavNavBar{
    display:none!important;
  }
}

@media screen and (max-width: 1100px){
  .CTOFilter{
    width:30% !important;
  }
  .collection_buttons{
    align-items: center !important;

  }
  .collection_image_buttons{
    max-width: 75px;
    transition: all 0.3s;
    cursor: pointer;
  }
  .collection_image_buttons:hover{
    transform: scale(1.07);
  }
  .warranty{
    max-width: 105px !important;
  } 
  .mcc-image{
    min-height: 200px !important;
  }

  .quickNavNavBar{
    display:none!important;
  }
}
@media screen and (max-width: 1366px){
  .collection_header_contents_anchor{
    justify-content: center;
  }
  .products-of-collection-container,
  .collection_header_text_contents{
    max-width: 100% !important;
  }
  .quickNavContainer {
    justify-content: center;
  }
  .products-of-collection-container{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .products-container{
    gap:0%;
    justify-content: flex-start;
  }
  .products-container a{
    margin-bottom: 2.314%;

  }

}

@media screen and (max-width: 960px) {
  .collection_header_contents_anchor {
    justify-content: center;
  }

  .quickNavContainer {
    justify-content: center;
  }

  .products-of-collection-container {
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .products-container {
    gap: 0.314%;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
    grid-gap: 1rem; /* Optional spacing between items */
  }

  .quickNavNavBar {
    display: none !important;
  }

  .mcc-item {
    width: 40vw !important;
    height: auto; /* Allow height to adjust dynamically */
  }

  #Precision, #Dell_PowerEdge_13th_Generation, #Dell_PowerEdge_14th_Generation {
    min-height: auto; /* Allow dynamic adjustment based on content */
  }
  .CTOSelectionContent{
    max-width: none;
  }
  .mcc-item{
    min-height: 750px !important;
  }
}

@media screen and (max-width: 600px){
  
  .quickNavNavBar {
    top: 0;
  }
  .quickNavContainer {
    justify-content: center;
    overflow-x: scroll;
    height: 100px;
    flex-direction: column;
  }
  .quickNavContainer::-webkit-scrollbar {
    display: none;
  }
  .brand-section{
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .products-container{
    justify-content: space-evenly;
    align-items: flex-start;
  }
  .collection-pages{
    width: 100% !important;
  }
  .pageNumberContainer{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly !important;
    align-items: center;
    margin-bottom: 1%;
  }
  .pageSizeSelect{
    border: none !important;
  }

  .collection_header_contents_anchor{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }  
  .collection_buttons{
    width: 100% !important;
    justify-content: center !important;
    display: none !important;
  
  }
  .collection_header_text_contents{
    max-width: 100% !important;
  
  }

    .filterBack{
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 35%;
        color:black !important;
        font-size: medium !important;
        font-weight: 600 !important;
        text-align: left !important;
        border-radius: 0 !important;
        background-color: transparent !important;

        border: none !important;
        padding-top:2% !important;
        padding-bottom: 2% !important;
        margin: 0 !important;
        position: sticky;
        top: -10px;
        z-index: 100;
        transition: all 0.2s ease-in-out;

    }
    .filterBackBackground {
        width: 100%;
        height: 6% !important;
        min-height: 60px !important;
        padding-top:2%;
        position: sticky;
        top:-10px;
        left:12px;
        inset:0;
        z-index: 99;
        background: rgba(255,255,255,0.2);
        backdrop-filter: saturate(180%) blur(10px);
        border-bottom:2px solid #0095ff;
        transition: all 0.5s ease-in-out;
    }
    #firstFilter{
        margin-top:6% !important;
        transition: all 0.5s ease-in-out;
    }
    .CTOFilter{
        display: none;

    }
    .CTOFilter div:not(#filterInterior) {
        border-top: 1px solid #949494 !important;
        margin-bottom: 2% !important;
    }
    .CTOFilterMobile{
        display: flex;
        width:90% !important;
        position: fixed;
        inset:0;
        z-index: 100;
        overflow-y: scroll;
        border-top-right-radius: 35px;
        border-bottom-right-radius: 35px;
    }
    .CTOFilterMobileBackground{
        display: none;
        width:90% !important;
        height: 100vh !important;
        position: fixed;
        inset:0;
        z-index: 99;
        background: rgba(255,255,255,0.8);
        backdrop-filter: saturate(180%) blur(10px);
    }
    .filterToggle{
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px ;
        border: 1px solid #949494 !important;
        background-color: transparent !important;
        line-height: 1.2;
    }
    .FilterText{
        margin-left:2%;
        color: #5f6368;
    }
    .mcc-image{
        min-height: 50px !important;
        max-width: 190px !important;
        width: inherit !important;
        height: auto !important;
    
    }
    #collection-filter-anchor {
        width:96% !important;
    }

    .collection_description_split{
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .collection_description_left{
      width: 90%;
      margin-bottom: 2%;
    }
    .collection_description_right{
      width: 90%;
    }
    .collection_split_image{
      display: none;
    }
    .collection_split_image img{
      max-width: 100px;
    }
    .collection_header{
      min-height: 275px;
      max-width: 90% !important;
  }
  #product-collection-anchor{
      margin: 0;
      max-width: 100% !important;
      width: 100% !important;
      display: flex !important;
      justify-content: center !important;
  }
  .products-of-collection-container {
      width: 100% !important;
      max-width: 100% !important;
  }
  .tpRow{
    flex-direction: column;
    align-items: center;
    max-width: 100%;
  }
  .prodGrid{
    width: 100%;
    flex-direction: row;
  }
  .tpItem{
    width: 44vw;
    background-color: transparent !important;
  }
  .tpHeader{
    display: none;
  }
  .tpOutsideHeader{
    display: flex;
  }
  .mdText{
    margin-top: 2%;
    margin-bottom: 5%;
    width: 95% !important;
    padding:5%;
  }

  .mcc-price{
    margin-top:5% !important;
    width:100%;
    font-size: 16.5px !important;
  }
  .mcc-item{
    min-height: 420px !important;
    width: 45vw !important;

  }
  .md-chass-configure-icon{
    display: none;
  }
  .resourceContainer{
    max-width: 90%;
  }
  .quickNavNavBar{
    display:none!important;
  }
}


@media screen and (max-width: 400px){
  .products-container{
    gap: 0%   !important;
    width : 100% !important;
    margin-left: 0.314% !important;
    margin-right: 0.314% !important;
  }    
  .mcc-item{
    min-height: 500px !important;
    margin-left: 0.314% !important;
    margin-right: 0.314% !important;
  }
  .md-chass-description{
    width: 100% !important;
    margin-top: 0% !important;
  }
  .mdText{
    margin-bottom: 0% !important;
  }
  .mcc-price {
    bottom:38px !important;
  }
  .quickNavNavBar{
    display:none!important;
  }
}



@media screen and (max-width: 1390px) and (min-width: 1000px){
  .mcc-item{
    min-height: 555px !important;
  }
}


@media screen and (min-height: 900px){

  .filterInterior{
      position: sticky;
      top:10vh;
      display: flex !important;
      flex-direction: column;
      transition: all 0.4s;
      border: none !important;
      transition-timing-function: ease,  cubic-bezier(0.1, 0.7, 1, 0.1);
  }
}