.page-title-wrap {
	margin-bottom: 10px !important;
	display: none;
}
.single-product div.product .entry-summary .cart{margin-top:0 !important;}
.single-product div.product .entry-summary .cart {
    margin-top: 10px !important;
}

.miniature-no-main-padding-off .main {
	padding: 15px 0 !important;
}
.composite_product_view_btn{display: none;}
/*------------------------------- CROX FINANCE PLACEMENT MODIFICATIONS ----------------------------*/

.crox-finance-placement {
    justify-content: center !important;
}
.crox-finance-alert {
    text-align: center;
    line-height: 0.6em;
    height: 0px;
}
.finance-placement {
    height: 40px !important;
}


/*-------------------------------------------------------------------------------------------------*/

.woocommerce-product-details__short-description {
	line-height: 1.3em;
	margin-top: 10px;
}

.woocommerce-product-details__short-description ul {
	margin: 0 0 10px 0 !important;
}

.woocommerce-product-details__short-description p {
	margin: 0 0 5px 0 !important;
}

.crox_title {
	display:inline;
	font-weight:200;
	white-space: nowrap;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
    cursor: default;
    background-color: white;
    z-index:1;
    transition: all .7s ease .1s, max-height .7s ease 0s, white-space .1s ease 1s;
    max-height:1.85em;
}

.crox_title:hover {
    overflow: visible;
    white-space: normal;
    max-height: 8em;
}

/* ---------------------------------- COMPONENT VIEW STYLING --------------------------------------*/

.component_title_wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    position: relative;
}

.component_title {
    white-space: nowrap;
}

h2.step_title_wrapper {
    font-size: 26px;
}

.composite_form .component.closed .component_title_toggled .component_title_text:before {
    /*content: '\f078' !important;*/
    content:url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg"  fill="none" viewBox="0 0 24 24" stroke-width="4" stroke="rgba(65,105,225)" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" /></svg>') !important;
    animation: icon-trans 1s forwards;
    width:16px;
    top:5px;
}

.composite_form .component .component_title_toggled .component_title_text:before {
    /*font-family: 'Font Awesome 5 Free' !important;
    content: '\f068' !important;*/
    content:url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4" stroke="rgba(65,105,225)" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14" /></svg>');
    width:16px;
    top:5px;
    color: var(--miniature-buttons-border-color);
}

.composite_form .component.static .component_title_toggled .component_title_text:before {
    content: '\f068' !important;
    animation: icon-trans 1s forwards;
    color: var(--miniature-headings-color);
    opacity: 0.3;
}

.composite_form {
    margin-top: 0px;
}


.component.toggled .component_selections {
    padding-top: 0.5rem !important;
}

.composite_form .component_title_toggled {
    margin-bottom: 0.1rem !important;
}

.composite_form .component_title_toggled .component_title_text {
    font-size: 18px;
    padding-left: 1.1em;
    vertical-align: middle;
    display: inline-block;
    /*width: 213.3px;*/
    width: 203.3px;
    margin-right: 3em;
}

.component_selections > p.component_section_title {
    display: none;
}

.component .component_description {
    margin-bottom: 0;
    line-height: 1.4em;
    padding-top: 1em;
    width: 95%;
    margin: auto;
    font-size: 0.9em;
    font-weight: 600;
    color: #4169e1;
}

.component .component_description p {
    margin-bottom: 0;
}

.component_content > p.component_section_title.clear_component_options_wrapper {
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
}

.component_summary {
    display: none !important;
}

.composite_form:not(.paged) .composite_wrap {
    padding-top: 1rem !important;
}

.composite_button {
    display: flex !important;
    align-items: center !important;
    padding-top: 1rem !important;
}

.composite_form:not(.paged) .component .component_inner {
    padding-bottom: 1rem !important;
}

.component.static .component_inner {
    display: none !important;
}

.composite_form .aria_button {
    cursor: pointer;
}

/* Configuration Title Icons */
.component.composite_component:not(.static) .component_title_wrapper:after {
    /*font-family:'Font Awesome 5 Free';*/
    font-size:0.9em;
    position:absolute;
    right:-10px;
    padding-left:0.4em;
    color:var(--miniature-forms-border-color);
    font-weight:400;
    /*content:'\f044';*/
    content:url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="rgba(133,133,133)" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" /></svg>');
    width:16px;
    line-height:2.3em;
    cursor:pointer;
}

/* ---------------------------------- COMPONENT FILTER STYLING ------------------------------------ */

.component .component_filters {
    display: flex !important;
    flex-wrap: wrap;
    background-color: #fff;
    padding-bottom: 0 !important;
    align-items: center;
    justify-content: center;
}

.component_filters p.component_section_title.component_filters_section_title {
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    margin-bottom: 0;
    align-items: baseline;
}

.component .component_filter {
    margin-right: 0px !important;
    position: relative !important;
}

.component .component_filter_options {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

.component_filter_content {
    position: absolute;
    background-color: var(--miniature-body-background-color);
    z-index: 115;
    box-shadow: 0 0 24px rgb(0 0 0 / 14%);
    padding: 0 10px;
}

a.reset_component_filter {
    display: none !important;
}

.component_filter .component_filter_name {
    padding-left: 0.9em !important;
}

.component_filter .component_filter_name {
    padding-left: 0.9em !important;
}

.component_filter_close {
    background-color: var(--miniature-primary-color);
    display: block;
    font-weight: 400;
    color: white !important;
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
    line-height: 1em;
    padding: 4px 8px;
    border-radius: var(--miniature-border-radius-base);
    box-shadow: 0 0 24px rgb(0 0 0 / 14%);
    cursor: pointer;
}

.component_filter_content {
    border-radius: var(--miniature-border-radius-base);
    width: 105%;
    font-size: 12px;
}


label.component_filters_title {
    display: none !important;
    font-size: 0.8em;
    margin: 0;
    color: var(--miniature-forms-text-color);
}

a.reset_component_filters {
    display: inline-block;
    opacity: 0.5;
    position: inherit !important;
    top: 0 !important;
    transform: none !important;
    line-height: 0.8em;
}

.component_filters.filtered a.reset_component_filters:after, .component_filters .active a.reset_component_filter:after {
    padding: 0px 8px;
}

.component .component_filter:not(.active) .component_filter_title {
    opacity: 0.7;
}

.component .component_filter:hover .component_filter_title {
    opacity: 1;
}

.component_filter .component_filter_name--crox-bypass:before {
    font-family: 'FontAwesomeCP';
    content: '\e808';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: opacity 0.2s;
    opacity: 1;
}

.component_filter.closed .component_filter_name--crox-bypass:before {
    content: '\e809';
    opacity: 0.5;
}

.component_filter .component_filter_name--crox-bypass {
    padding-left: 0.9em !important;
}

.component .component_filters ul li {
    white-space: nowrap;
}

/* ---------------------- PRICE AND ADD TO CART STYLING -------------------*/

.composite_button .composite_price {
    display: inline-flex !important;
    margin-left: auto;
}

.composite_price .price {
    font-size: 32px !important;
    margin: 0 !important;
    font-weight: var(--miniature-font-weight-semi-bold) !important; 
    font-family: Quicksand, sans-serif !important;
    font-weight: 700 !important;
}

.from {
    display: none !important;
}


.product-details-wrapper del {
    display: none !important;
}

.composite_wrap > .composite_price {
    display: none !important;
}


.product_title.entry-title > .price {
    display: inline-block;
    float: right;
    font-size: 32px !important;
}

@media (max-width:575px) {
    .composite_button {
        justify-content: center;
        flex-wrap: wrap-reverse;
    }

    .composite_button .composite_price {
        margin-left: 0;
    padding-bottom: 15px;
        padding-right: 10px;
    }
    .product_title.entry-title > .price{font-size: 16px !important;}
    .finance-placement #rent-text{width:70px !important;}
}
@media (max-width:767px) {
    .finance-placement #rent-text{width:70px !important;}

}
@media (min-width:768px) and (max-width:991px) {
    .product_title.entry-title > .price{font-size: 20px !important;}
    .finance-placement #rent-text{width:70px !important;}
    .component_title_wrapper .crox_title:before{left:0 !important;top:28px !important;}
}
@media (min-width:993px) and (max-width:1200px) {
    .single-product div.product .entry-summary .entry-title{font-size: 26px;}
    .product_title.entry-title > .price{font-size: 26px !important;}
    .finance-placement #rent-text{width:70px !important;}
}
/* ----------- 	PAGINATION STYLING ----------------------- */

nav.woocommerce-pagination {
	margin: 0 !important;
}

.component .component_pagination .index {
    display: none !important;
}

a.page-numbers.component_pagination_element.prev {
    padding: 2PX 15PX;
}

a.page-numbers.component_pagination_element.next {
    padding: 2PX 15PX;
}

.component_pagination.cp_clearfix.top {
    padding-bottom: 0.1em;
}

/* ------------------------------------------ COMPONENT OPTION STYLING ---------------------------------------------- */

ul.component_option_thumbnails_container {
    /*
    display: flex !important;
    flex-wrap: wrap !important;
    */
    background-color: #fff;
    padding:10px 5px;
    border-radius: 10px;
}

.component_option_thumbnail {
	margin: 0px !important;
}

.component_option_thumbnail_container .thumbnail_description {
    padding: 0.2em 0 0 0 !important;
}

.woocommerce ul.component_option_thumbnails_container li.component_option_thumbnail_container .thumbnail_description .price {
    margin-bottom: 0.3em !important;
}

.component_option_thumbnail_container .thumbnail_description .title {
	margin: 0px !important;
	font-size: 0.8em !important;
	height: 3.5em;
}

@media(max-width:1229px) {
    .component_option_thumbnail_container .thumbnail_description .title {
        height: 6em;
    }
}

@media(max-width:991px) {
    .component_option_thumbnail_container .thumbnail_description .title {
        height: auto;
    }
    .type-product .title_head_fixed .price{font-size: 24px !important;}
}

ul.component_option_thumbnails_container li.component_option_thumbnail_container {
	margin-right: 0.5% !important;
}

div.component_option_radio_button {
    width: 100%;
}

.component_option_radio_button_container .radio_button_description .title {
	margin-top: 0 !important;
	margin-bottom: 0.4rem !important;
	max-width: 80%;
}

.woocommerce ul.component_option_radio_buttons_container li.component_option_radio_button_container .radio_button_description .price {
	margin-bottom: 0.4em !important;
}


.component_option_radio_button_container .radio_button_description {
    display: inline-flex !important;
    justify-content: space-between;
    width: 100%;
}

.radio_button_input {
    width: 30px;
}

.component_option_radio_button_container .radio_button_input {
    vertical-align: inherit !important;
}


.component_inner {
    padding-bottom: 1rem !important;
}

.full_width .columns-4 ul.component_option_thumbnails_container li.component_option_thumbnail_container {
    width: 24.5% !important;
    margin-bottom: 0em;
}

.small_width ul.component_option_thumbnails_container li.component_option_thumbnail_container {
    margin-bottom: 0;
}

.component .component_pagination.component_options_append {
    padding: 0 !important;
}

.component_options_append .button, .single-product div.product form.cart .component_options_append .button {
    border-color: var(--miniature-buttons-border-color);
    color: var(--miniature-buttons-border-color);
    background-color: var(--miniature-body-background-color);
    min-width: 50%;
}

.single-product div.product .entry-summary .cart.composite_data {
    margin-top: 0px !important;
}

.component.options-style-thumbnails .component_options, .component.options-style-radios .component_options {
    overflow: visible;
}



/* ------------------------------------------- MISC ------------------------------------------*/

.product_meta {
	display: none !important;
}

figcaption.woocommerce-product-gallery__caption {
    font-size: 0.8em;
    text-align: center;
    /* display: block; */
}

/* -------------------------------------- PRODUCT GALLERY STYLING ------------------------------*/

div.woocommerce-product-gallery > figure > .woocommerce-product-gallery__image > a {
	pointer-events: none;
}

div.woocommerce-product-gallery > figure > .woocommerce-product-gallery__image {
    pointer-events: none;
}

/*---------------------------------- Crox Config Linker Plugin Styling --------------------------------------*/

.crox-config-linker-alert {
    background-color: var(--miniature-body-background-color);
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
    border: 2px solid var(--miniature-border-color);
    border-radius: var(--miniature-border-radius-base);
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 500px;
    flex-wrap: wrap;
	transition: transform .35s ease .1s,opacity .35s ease .1s,visibility 0.35s ease 0s;
    visibility: hidden;
    opacity: 0%;
}

.crox-config-linker-alert.crox-visible-transition {
    visibility: visible;
    transform: translate(-50%, -50%);
    opacity: 100%;
}

.crox-config-linker-alert #crox-alert-text {
    flex-basis: 100%;
}

.crox-config-linker-alert #crox-link-text:hover {
    background-color: #e9e9e9;
}

.crox-config-linker-alert #crox-link-text {
	background-color: #f3f3f3;
    padding: 2px 10px;
    border-radius: var(--miniature-border-radius-base);
    margin: 10px;
    font-size: 18px;
    cursor: pointer;
}

.composite_button .composite_save_config_button {
    background-color: var(--miniature-body-background-color);
    color: var(--miniature-primary-color);
    height: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px 10px;
    display: inline-block;
    line-height: normal;
    box-shadow: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    border-color: var(--miniature-primary-color);
    border-radius: var(--miniature-border-radius-lg);
    font-weight: var(--miniature-font-weight-semi-bold);
    padding: 11px 28px;
    font-size: 15px;
}

div#crox-link-text:before {
    content: '\f0c5';
    font-family: 'Font Awesome 5 Free';
    margin-right: 10px;
    color: grey;
}

div#crox-link-text.copied:before {
    content: '\f00c';
    font-weight: 700;
    cursor: default;
}

div#crox-link-text.copied:after {
    content: 'Copied!';
    position: absolute;
    font-size: 0.8em;
    left: 50%;
    bottom: 100%;
    transform: translate(-50%, -50%);
    animation: crox-fade 5s forwards;
    background: #fff;
    padding: 2px 8px;
    pointer-events: none;
    border-radius: 5px;
    box-shadow: 0 0 24px rgba(0,0,0,.08);
}

.crox-config-linker-alert .crox-config-linker-button {
    font-size: 16px;
    background-color: var(--miniature-primary-color);
    padding: 4px 20px;
    color: var(--miniature-body-background-color);
    border-radius: var(--miniature-border-radius-base);
    cursor: pointer;
    font-weight: 700;
}

/*------------------------------- Custom Recommended Filter Modification --------------------------------*/

.crox-custom.component_filter[data-filter_id='pa_recommended'] {
    flex-grow: 1;
}

.crox-custom.component_filter[data-filter_id='pa_recommended'] .component_filter_title {
    display:none;
}

.crox-custom.component_filter[data-filter_id='pa_recommended'] div.crox_component_filter_content {
    display:block;
}

.crox-custom.component_filter[data-filter_id='pa_recommended'] div.crox_component_filter_content .component_filter_options {
    padding: 0px;
    font-size: 16px;
    font-weight: 600;
}

.crox-custom.component_filter[data-filter_id='pa_recommended'] div.crox_component_filter_content .component_filter_options .component_filter_option {
    padding: 0px;
}

.crox-custom.component_filter[data-filter_id='pa_recommended'] div.crox_component_filter_content .component_filter_options a {
    /* color: var(--miniature-headings-color); */
}

.component_filter[data-filter_id='pa_recommended'] .crox_component_filter_content .component_filter_option a.toggle_filter_option[aria-checked='true']:before {
    content:'\f14a';
}

.component_filter[data-filter_id='pa_recommended'] .crox_component_filter_content .component_filter_option a.toggle_filter_option:before {
    font-family:'Font Awesome 5 Free';
    content:'\f0c8';
    font-weight:400;
    opacity:1;
}

/* ------------------------------------------ MEDIA STYLING --------------------------------------- */

/* Adds scroll for single-column views */
.small_width .component_options_inner.cp_clearfix {
    overflow:scroll;
    max-height:65vh;
    margin:0.5em 0em;
    border-top:1px solid var(--miniature-border-color);
    border-bottom:1px solid var(--miniature-border-color);
}

/* Full size */
@media (min-width:1230px) {
	.component_option_thumbnail_container .thumbnail_image img {
	    height: 148px;
	    width: auto;
	}
}

/* Tablet */
@media (max-width:1229px) {

	.component_option_thumbnail_container .thumbnail_image img {
	    height: 108px;
	    width: auto;
	}

}

/* Stupid small tablet size */
@media (max-width:991px) {

	.component_option_thumbnail_container .thumbnail_image img {
	    height: 108px;
	    width: auto;
	}

	.composite_form .component_title_toggled {
	    margin-bottom: 0rem !important;
	}

	.crox_title {
		text-align: left;
	}

	.component_title_wrapper {
		flex-direction: column;
		align-items: normal;
	}

	/*.crox_title {
	    padding-left: 1.6em;
	}*/

}

/* Mobile */
@media (max-width:767px) {

	.component_option_thumbnail_container .thumbnail_image img {
	    height: 108px;
	    width: auto;
	}

	.composite_form .component_title_toggled {
	    margin-bottom: 0.1rem !important;
	}

	.component_title_wrapper {
		flex-direction: row;
		align-items: baseline;
	}

	.crox_title {
	    padding-left: 0;
	}

	.composite_form .component_title_toggled .component_title_text {
		
	}

    .component .component_filters ul li {
        padding-top: 0.4em;
        font-weight: 700;
    }
}

/* Small Mobile */
@media (max-width:575px) {

	.component_option_thumbnail_container .thumbnail_image img {
	    height: 108px;
	    width: auto;
	}

	.composite_form .component_title_toggled {
	    margin-bottom: 0rem !important;
	}

	.component_title_wrapper {
		flex-direction: column;
		align-items: normal;
	}

	.crox_title {
	    max-width: 100%;
	    /*padding-left: 1.6em;*/
	}

    .component.composite_component:not(.static) .component_title_wrapper:after {
        right:0px;
        line-height:2.7em;
    }
    .component_title_wrapper .crox_title:before{left:0 !important;top:28px !important;}
}

/* ------------------- ANIMATIONS --------------------------- */

@keyframes crox-fade {
    from {
        opacity: 100%;
        display: block;
    }

    to {
        opacity: 0%;
        display: none;
    }
}

.type-product .title_head_fixed {
  transition: 100ms linear 50ms;
  /*display: inline-block;*/
}
.title_head_fixed {
  margin-right: -20px;
}
.title_head_fixed {
  background-color: #fff;
  padding-top: 0px;
}
.type-product .title_head_fixed .product_title.entry-title {
  float: left;
}
.type-product .title_head_fixed .price {
  float: right;
  font-size: 31px;
  font-weight: 600;
  line-height: 1.2;
  width:43%;
  text-align:right;
}
.type-product .title_head_fixed .price {
  font-size: 31px;
  font-weight: 600;
  line-height: 1.2;
}
.type-product .title_head_fixed .crox-finance-wrapper {
  display: inline-block;
  width: 100%;
}
.type-product .title_head_fixed .product_title.entry-title{width:auto !important;}
.protitle-sec{justify-content: space-between;}
@media (min-width:992px) and (max-width:1366px){
   .type-product .title_head_fixed .price {
      font-size: 28px !important;
      font-weight: 700;
      line-height: 1.2;
    } 
    .type-product .title_head_fixed .product_title.entry-title{font-size: 25px;}
    .finance-placement{padding-right:3px;}
}
@media (min-width:1200px) and (max-width:1400px){
    .crox-finance-placement_1 .finance-placement{padding-right:2px !important;}
}
@media (min-width:993px) and (max-width:1199px){
    .customrentalwidget p{font-size: 16px !important;}
    .customrentalwidget .s19-price-per-period{font-size: 16px;}
    .buymewidgetsec p{font-size: 16px !important;}
    .buymewidgetsec .custom-buy-price p.price{font-size: 16px;}
    .buymewidgetsec{padding:10px !important;}
    .customrentalwidget{padding:10px !important;}
    .crox-finance-placement_1 .finance-placement{padding-right:0px;}
    .site-search-custom{width:33%;}
    .customrentlmorebtn{margin-right:0;font-size: 14px;top:40px;}
    .crox-finance-wrapper.custombuyme-payoption .placement-logo{height:20px !important;}
    .crox-finance-placement {min-height: 50px !important;}
    .buymeaddtocartseccls {margin-top: 2px !important;}
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        padding: 3px 6px !important;margin-top:4px !important;top:1px;width:80px !important;
    }
    .component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option{
        width:110px !important;
        font-size: 13px !important;
    }
    .component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_case-colour"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_form-factor"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_cooler-type"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;    
    }
    .component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important; 
    }
    .component_filter[data-filter_id="pa_graphics"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    /*
    .component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    */
    .component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option a.toggle_filter_option {
        width: 80px !important;
        padding: 7px 10px !important;
        text-align: center;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:100px !important;
    }
}
@media (min-width:768px) and (max-width:992px){
    .customrentalwidget p{font-size: 14px !important;}
    .customrentalwidget .s19-price-per-period{font-size: 14px;}
    .buymewidgetsec p{font-size: 14px !important;}
    .buymewidgetsec .custom-buy-price p.price{font-size: 14px;}
    .buymewidgetsec{padding:10px !important;}
    .customrentalwidget{padding:10px !important;}
    .crox-finance-placement_1 .finance-placement{padding-right:3px !important;}
    .site-search-custom{width:33%;}
    .customrentlmorebtn{font-size: 14px;top:35px;margin-right: 0;}

    .mainfinancewwidsec{display: inline-block !important;width:100% !important;}
    .buymewidgetsec{
        width:100% !important;
        display: inline-block;
        margin-bottom:20px;
        border-right:1px solid #ddd !important;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }
    .customrentalwidget {width:100% !important;display: inline-block; border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;}
    .crox-finance-placement_1 .finance-placement .placement-logo{height:25px !important;}
    .componentsAllList.iscustomiseoption{padding:20px 20px !important;}
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        padding: 3px 5px !important;margin-top:4px !important;top:0px;width:75px !important;text-align: center;
    }
    .small_width .component_options_inner.cp_clearfix{margin-top:0 !important;border-top:0 !important;}
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        padding:7px 10px !important;
        width:75px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        padding:7px 10px !important;
        width:75px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_form-factor"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_case-colour"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_cooler-type"] .component_filter_option a.toggle_filter_option{
        width:70px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option a.toggle_filter_option{
        width:70px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option a.toggle_filter_option{
        width:70px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option a.toggle_filter_option{
        width:70px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="CPU Cooler"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:70px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Memory"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:70px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Primary Storage"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:70px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Secondary Storage"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:70px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:100px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_graphics"] .component_filter_option a.toggle_filter_option{
        width:70px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option a.toggle_filter_option{
        
    }
    .component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option a.toggle_filter_option {
        width: 70px !important;
        padding: 7px 10px !important;
        text-align: center;
    }
    .component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option{
        padding:6px 3px !important;
        font-size: 11px !important;
        width:90px !important;
        height: 25px !important;
    }
}
@media (min-width: 1199px) and (max-width:1200px) {
    .header-4 .primary-navigation {
        position: relative !important;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }
}
@media (min-width:568px) and (max-width:768px){
    .customrentalwidget p{font-size: 16px !important;}
    .customrentalwidget .s19-price-per-period{font-size: 16px;}
    .buymewidgetsec p{font-size: 16px !important;}
    .buymewidgetsec .custom-buy-price p.price{font-size: 16px;}
    .buymewidgetsec{padding:10px !important;}
    .customrentalwidget{padding:10px !important;}
    .customrentlmorebtn{font-size: 14px;top:40px;margin-right:0;}
    .crox-finance-placement_1 .finance-placement{padding-right:3px !important;}
    .crox-finance-wrapper.custombuyme-payoption .placement-logo{height:20px !important;}
}
@media (min-width:480px) and (max-width:567px){
    .mainfinancewwidsec{display: inline-block !important;width:100% !important;}
    .buymewidgetsec{
        width:100% !important;
        display: inline-block;
        margin-bottom:20px;
        border-right:1px solid #ddd !important;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }
    .customrentalwidget {width:100% !important;display: inline-block; border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;}
    .customrentlmorebtn{font-size: 14px;top:46px;margin-right:0;}
}
@media (min-width:320px) and (max-width:479px){
    .mainfinancewwidsec{display: inline-block !important;width:100% !important;}
    .buymewidgetsec{
        width:100% !important;
        display: inline-block;
        margin-bottom:20px;
        border:1px solid #ddd !important;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }
    .customrentalwidget {width:100% !important;display: inline-block; border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;}
    .customrentlmorebtn{font-size: 14px;top:46px;margin-right:0;}
}
@media (min-width:320px) and (max-width:767px){
    .composite_summary, .composite_wrap, .composite_component{padding-left:0;}
    .composite_wrap .composite_button{flex-wrap:wrap;}
    .component.composite_component:not(.static) .component_title_wrapper:after{right:0 !important;}
    .componentsAllList .composite_component.component.single.splitbbottom:after{
        padding-bottom:10px !important;margin-bottom:-5px !important;width: 100% !important;
    }
    .customstudio19lnmorebox{width:97%;}
}
@media (min-width:320px) and (max-width:567px){
    .type-product .title_head_fixed .price{
        font-size: 14px !important;
        margin-top:18px;
        width:50%;
        text-align: right;
    }
}
@media (min-width:768px) and (max-width:992px){
    .type-product .title_head_fixed .price{
        font-size: 20px !important;
        text-align: right;
    }
    .componentsAllList .composite_component.component.single.splitbbottom:after{
        padding-bottom:10px !important;margin-bottom:-5px !important;width: 100% !important;
    }
    div.product .summary {
        position: relative;
    }
    .customstudio19lnmorebox{width:98%;}
}

/* composite product selected component style changes start */
.component_title_wrapper .crox_title {
	display:inline;
	font-weight:200 !important;
	/* white-space: nowrap !important; */
	text-align: left !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
    cursor: default !important;
    background-color: #f5f5f5 !important;
    z-index:1 !important;
    /*display: flex; 
    align-items: center;*/ 
    transition: all .7s ease .1s, max-height .7s ease 0s, white-space .1s ease 1s;
}
.component_title_wrapper .crox_title:hover {
    overflow: visible !important;
}
.component_title_wrapper .crox_title:before{
    min-width: 3em !important;
    display: unset !important;
/*     padding: 5px !important; */
    position: absolute;
    /*right:calc(100% - 250px);*/
    left:200px;
    top:6px;
}
/* composite product selected component style changes end */
.shoptimizer-sticky-add-to-cart__content-button a.variable-grouped-sticky.button{
    background-color:#F6AE2D !important;
    border-color:#F6AE2D !important;
}

/* Hide the studio19 option in bottom widget when disabled in admin */
.cushidestudio19bottom{
    display: none !important;
}

/* Apply to rend hide and popup style start */

.crox-rental-button-disabled{
    pointer-events: none !important;
    opacity: 0.5 !important;
}
.studio19_disable_popup .swal2-title,
.studio19_disable_popup .swal2-text,
.studio19_disable_popup .swal2-html-container{
    font-size: 16px !important;
    font-family: Inter !important;
    font-weight: 400 !important;
    color: #444 !important;
}
#rental_products{
    margin-top: 20px;
    list-style-type: none;
    font-size: 14px !important;
    font-family: Inter !important;
    color: #444 !important;
}
#rental_products li{
    text-align: left;
    margin-top: 10px;
}

/* Apply to rend hide and popup style end */


/*------------------------------- Custom Recommended Filter Modification Star --------------------------------*/

.crox-custom.component_filter[data-filter_id='pa_featured'] {
    padding: 0px !important;
    flex-grow: 1;
}

.crox-custom.component_filter[data-filter_id='pa_featured'] .component_filter_title {
    display:none;
}

.crox-custom.component_filter[data-filter_id='pa_featured'] div.crox_component_filter_content_featured {
    display:block;
}

.crox-custom.component_filter[data-filter_id='pa_featured'] div.crox_component_filter_content_featured .component_filter_options {
    padding: 0px;
    font-size: 16px;
    font-weight: 600;
}

.crox-custom.component_filter[data-filter_id='pa_featured'] div.crox_component_filter_content_featured .component_filter_options .component_filter_option {
    padding: 0px;
}

.crox-custom.component_filter[data-filter_id='pa_featured'] div.crox_component_filter_content_featured .component_filter_options a {
    /* color: var(--miniature-headings-color); */
}

.component_filter[data-filter_id='pa_featured'] .crox_component_filter_content_featured .component_filter_option a.toggle_filter_option[aria-checked='true']:before {
    content:'\f14a';
}

.component_filter[data-filter_id='pa_featured'] .crox_component_filter_content_featured .component_filter_option a.toggle_filter_option:before {
    font-family:'Font Awesome 5 Free';
    content:'\f0c8';
    font-weight:400;
    opacity:1;
}

/*------------------------------- Custom Recommended Filter Modification End --------------------------------*/

.crox_display_all button.button {
    margin-top: 0px !important;
}
.customrentalwidget{position: relative;}
@media (min-width:993px) and (max-width:1199px){
    .crox-finance-placement.crox-finance-placement_1{margin-right:-20px;}
    .cart.composite_data  .composite_wrap{margin-right:-20px;padding-left:8px;}
    .componentsAllList{margin-right:-20px;padding-left:8px;}
    .miniature-product-summary-wrap .woocommerce-product-details__short-description{padding-left:8px;}
    .scompoptlabel{padding-left:8px;}
    .miniature-product-summary-wrap .crox-validation-container{position: relative;left:8px;}
    .composite_form .composite_component{padding: 0;}
}
@media (min-width:1200px){
    .crox-finance-placement.crox-finance-placement_1{margin-right:-20px;}
    .cart.composite_data  .composite_wrap{margin-right:-20px;padding-left:15px;}
    .componentsAllList{margin-right:-20px;padding-left:15px;}
    .miniature-product-summary-wrap .woocommerce-product-details__short-description{padding-left:15px;}
    .scompoptlabel{padding-left:15px;}
    .miniature-product-summary-wrap .crox-validation-container{position: relative;left:15px;}
}
/* Composite Products split border */
.componentsAllList .composite_component.component.single.splitbbottom:after {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom:2px;
    width: 103%;
}
.viewAdditionalSpecsContainer .crox_title{margin-top:5px;}

/* Circle spinner */

.woocommerce #crox-validation-container .blockUI.blockOverlay:before {
  content: '';
  display: block;
  margin: 100px auto;
  width: 40px;
  height: 40px;
  border: 4px solid #999;     
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}

@media (min-width:1200px){
    .cart.composite_data .composite_wrap{
        display: flex;
        flex-direction: column;
        padding-top:0 !important;
    }
    .cart.composite_data .composite_message{
        order:1;
    }
    .cart.composite_data .composite_availability{
        order:3;
        display:inline !important;
    }
    .cart.composite_data .composite_button{
        order:2;
    }
    .cart.composite_data .composite_button .composite_print_config_button{top:10px;}
    .cart.composite_data .composite_button .composite_save_config_button{top:10px;}
    .cart.composite_data .composite_button.iscustomise-enable .composite_print_config_button{top:100px;}
    .cart.composite_data .composite_button.iscustomise-enable .composite_save_config_button{top:100px;}
    .cart.composite_data .composite_button a{width:100%;}
    .cart.composite_data .composite_button a button.composite_customize_prebuild_button{width:100% !important; position: relative;top:0px;}
    .cart.composite_data .composite_button{padding-bottom: 0px;}
    .cart.composite_data .composite_button.iscustomise-enable{padding-bottom: 20px;margin-bottom: 20px !important;padding-left:20px;padding-right:20px;}
    .componentsAllList{background-color:#f5f5f5; padding:20px 20px; }
    .viewAdditionalSpecsContainer{background-color:#f5f5f5;margin-right: -20px; padding: 0 20px;}
    .composite_button.iscustomise-enable{background-color: #f5f5f5;}
    .viewAdditionalSpecsContainer .viewAdditionalSpecs{color:#4169e1;font-weight: 600;text-decoration: none;}
    .componentsAllList.iscustomiseoption{padding:20px 20px;}

    .crox-finance-placement.crox-finance-placement_1{margin-right:-20px;}
    .cart.composite_data  .composite_wrap{margin-right:-20px;padding-left:0px;}
    .componentsAllList{margin-right:-20px;padding-left:15px;}
    .miniature-product-summary-wrap .woocommerce-product-details__short-description{padding-left:0px;}
    .scompoptlabel{padding-left:15px;background-color:#f5f5f5;margin-right:-20px;padding:20px 20px 0;}
    .miniature-product-summary-wrap .crox-validation-container{position: relative;left:0px;}
    .composite_form .composite_availability p.stock, .single-product .composite_form .composite_availability p.stock { width: 80% !important; }


}

@media (max-width: 1199px) {
    .cart.composite_data .composite_wrap{
        display: flex;
        flex-direction: column;
        padding-top:0 !important;
    }
    .cart.composite_data .composite_message{
        order:1;
    }
    .cart.composite_data .composite_availability{
        order:3;
        display: inline !important;
    }
    .cart.composite_data .composite_button{
        order:2;
    }
    .cart.composite_data .composite_button .composite_print_config_button{top:10px;}
    .cart.composite_data .composite_button .composite_save_config_button{top:10px;}
    .cart.composite_data .composite_button.iscustomise-enable .composite_print_config_button,
    .cart.composite_data .composite_button.iscustomise-enable .composite_save_config_button{
        top:100px;
    }
    .cart.composite_data .composite_button a{width:100%;}
    .cart.composite_data .composite_button a button.composite_customize_prebuild_button{width:100% !important;position: relative;top:0px;}
    .cart.composite_data .composite_button{padding-bottom: 0px;}
    .cart.composite_data .composite_button.iscustomise-enable{padding-bottom: 20px;margin-bottom: 20px !important;padding-left:20px;padding-right:20px;}
    .componentsAllList{background-color:#f5f5f5; padding:20px 20px !important; }
    .viewAdditionalSpecsContainer{background-color:#f5f5f5; padding: 0 20px; margin-right: -20px;} 
    .composite_button.iscustomise-enable{background-color: #f5f5f5;}
    .viewAdditionalSpecsContainer .viewAdditionalSpecs{color:#4169e1;font-weight: 600;text-decoration: none;}
    .componentsAllList.iscustomiseoption{padding:20px 20px !important;}
}

@media (min-width:992px) and (max-width:1199px){
    .crox-finance-placement.crox-finance-placement_1{margin-right:-20px;}
    .cart.composite_data  .composite_wrap{margin-right:-20px;padding-left:0px;}
    .componentsAllList{ margin-right:-20px; padding-left:0px; }
    .miniature-product-summary-wrap .woocommerce-product-details__short-description{padding-left:8px;}
    .scompoptlabel{padding-left:8px;}
    .miniature-product-summary-wrap .crox-validation-container{position: relative;left:8px;}
}

@media (max-width: 991px) {
    .cart.composite_data .composite_button.iscustomise-enable .composite_print_config_button,
    .cart.composite_data .composite_button.iscustomise-enable .composite_save_config_button {
        top:100px !important; 
        position: absolute !important;
    }
    .viewAdditionalSpecsContainer{margin-right: 0px;} 

    .componentsAllList {  padding: 20px 15px  !important; }
    .viewAdditionalSpecsContainer .step_title_wrapper .component_title_toggled{ display: none !important; }
    .viewAdditionalSpecsContainer .component_title_wrapper .crox_title{ text-align: center !important; }
    .composite_form .composite_availability p.stock, .single-product .composite_form .composite_availability p.stock { width: 65% !important; }

}
@media (min-width:785px) and (max-width:805px){
    .composite_form .composite_availability p.stock, .single-product .composite_form .composite_availability p.stock { width: 62% !important; }

}
@media (max-width:767px) {
    .composite_form .composite_availability p.stock, .single-product .composite_form .composite_availability p.stock { width: 80% !important; }
}
@media (min-width:677px) and (max-width:767px) {
    .composite_component[data-nav_title="CPU Cooler"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
}
@media (min-width:611px) and (max-width:676px) {
    .composite_component[data-nav_title="CPU Cooler"] .component_filter[data-filter_id="product_tag"]{
        padding-top:3px !important;
    }
}
@media (min-width:576px) and (max-width:610px) {
    .composite_component[data-nav_title="CPU Cooler"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
}
@media (min-width:576px) and (max-width:767px) {
    .viewAdditionalSpecsContainer .step_title_wrapper .component_title_toggled{ display: block !important; }
    .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="product_tag"] .component_filter_option{padding-top:0 !important;}
    .component_filter[data-filter_id="pa_case-colour"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        margin-top:10px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_form-factor"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        width:80px !important;
        padding:5px 7px !important;
    }
    .component_filter[data-filter_id="pa_cooler-type"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_graphics"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option a.toggle_filter_option {
        width: 80px !important;
        padding: 7px 10px !important;
        text-align: center;
    }
    .component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option{
        width:115px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="Primary Storage"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="Secondary Storage"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option a.toggle_filter_option{
        width:80px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option{
        padding-top:0;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:100px !important;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"]{
        margin-top:5px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-chipset-manufacturer"]{
        margin-top:5px;
    }
}

@media (max-width:575px) {
    .viewAdditionalSpecsContainer .step_title_wrapper .component_title_toggled{ display: none !important; }
    .buymewidgetsec .crox-finance-placement, .customrentalwidget .crox-finance-placement { height: 80px; }
}

.composite_form .composite_availability p.stock.bto-3-5-days, .single-product .composite_form .composite_availability p.stock.bto-3-5-days{
    color:#F68E20 !important;
}
.nw-availability-icons{padding-right:10px;float:left;}
.stock.bto-3-5-days span{display: flex;padding-top:5px;}
.scompoptlabel{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.componentsAllList{border-bottom-left-radius:10px;border-bottom-right-radius:10px; }
.composite_button.iscustomise-enable{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.componentsAllList.iscustomiseoption{border-top-left-radius: 10px;border-top-right-radius: 10px;}

/* Custom css*/

.crox-formfactor-content .component_filter_title {
    display: none !important;
}
.component_filter[data-filter_id="pa_form-factor"] .component_filter_close {
    display: none !important;
}
.component_filter[data-filter_id="pa_form-factor"] 
.component_filter_name--crox-bypass {
    display: none !important;
}
.component_filter[data-filter_id="pa_mb-ddr"] 
.component_filter_name--crox-bypass {
    display: none !important;
}
.component_filter[data-filter_id="pa_case-size"]{
    display: none !important;
}
.component_filter[data-filter_id="pa_case-features"]{
    display: none !important;
}
.component_filter[data-filter_id="pa_case-rgb-lighting"]{
    display: none !important;
}
.component_filter[data-filter_id="pa_case-cpu-cooler-support"]{
    display: none !important;
}
.component_filter[data-filter_id="pa_case-colour"] .component_filter_option, 
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_option{
    display: none !important;
}
.component_filter[data-filter_id="pa_case-colour"] .component_filter_option[data-option_id="2115"],
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_option[data-option_id="2068"],
.component_filter_option[data-option_id="2115"] a.toggle_filter_option,
.component_filter_option[data-option_id="2068"] a.toggle_filter_option,
.component_filter.crox-custom .component_filter_option a.toggle_filter_option{
     border-radius: 0% !important;
     width:auto;
     font-weight: 500;
     display: block !important;
}


.crox-formfactor-content.component_filter_content,
.component_filter[data-filter_id="pa_case-colour"] .component_filter_content,
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_content,
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_content,
.component_filter[data-filter_id="pa_graphics"] .component_filter_content,
.component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_content,
.component_filter[data-filter_id="pa_cooler-colour"] .component_filter_content{
    width: fit-content !important;
    position: relative !important;
    border-radius: 0%;
    background-color: transparent !important;
    box-shadow: 0 0 0 rgb(0 0 0 / 14%) !important;
    display : flex !important;
}
.component_filter[data-filter_id="pa_case-colour"] .component_filter_title,
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_title,
.component_filter[data-filter_id="pa_cooler-colour"] .component_filter_title,
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_title,
.component_filter[data-filter_id="pa_graphics"] .component_filter_title{
    display: none !important;
}
.component_filter[data-filter_id="pa_case-colour"] .component_filter_option[data-option_id="2114"] a.toggle_filter_option,
.component_filter[data-filter_id="pa_case-colour"] .component_filter_option[data-option_id="2115"] a.toggle_filter_option,
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_option[data-option_id="2068"] a.toggle_filter_option,
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_option[data-option_id="2121"] a.toggle_filter_option,
.component_filter.crox-custom .component_filter_option a.toggle_filter_option{
     width:100px;
     height: 30px;
     text-align: center;
     border-radius: 5px !important;
}
.component_filter[data-filter_id="pa_case-colour"] .component_filter_close,
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_close,
.component_filter[data-filter_id="pa_cooler-colour"] .component_filter_close,
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_close,
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_close,
.component_filter[data-filter_id="pa_graphics"] .component_filter_close{
    display: none !important;
}
.component_filter[data-filter_id="pa_recommended"].crox-custom {
    display: flex !important;
    justify-content: flex-end !important; 
    align-items: center;                   
    gap: 7px; 
    margin-right:0 !important;                             
}
.component_filter[data-filter_id="pa_recommended"] .component_filter_option a.toggle_filter_option{
    padding:7px 25px;
    line-height: 15px;
    background:#ccc;
    font-weight: 600;
    color:#fff;
    font-size: 14px;
    border-radius: 5px;
}
.component_filter[data-filter_id="pa_case-colour"] .component_filter_option a.toggle_filter_option{
    padding:7px 25px;
    line-height: 15px;
    background:#ccc;
    font-weight: 600;
    color:#fff;
    font-size: 14px;
    border-radius: 5px;
}
.component_filter[data-filter_id="pa_case-colour"] .component_filter_content{padding:0 !important;}
.component_filters a.reset_component_filters, .component_filters a.reset_component_filter{display: none !important;}
.component_filter[data-filter_id="pa_case-colour"] .component_filter_option.selected a.toggle_filter_option{
    background:#4169e1;
}
.component_filter[data-filter_id="pa_cpu-cores"]{display: none;}
.composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_recommended"]{
    order:2;
}
.composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
    order:4;
    width:100px;
    height:30px;
    border-radius: 5px;
}
.composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_form-factor"]{
    order:3;
    margin-right:0 !important;
}
.composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_form-factor"] .component_filter_option a.toggle_filter_option{
    padding:7px 25px;
    line-height: 15px;
    background:#ccc;
    font-weight: 600;
    color:#fff;
    font-size: 14px;
    width:100px;
    height:30px;
    text-align: center;
    border-radius: 5px;
}
.composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
    padding:5px 15px;
    background:#ccc;
    font-weight: 600;
    color:#fff;
    font-size: 14px;
    margin-top:5px;
}
.composite_component[data-nav_title="Motherboard"] .component_filter_content.crox-chipset-content .component_filter_options{
    flex-direction: column !important;
}
.composite_component[data-nav_title="Motherboard"] .component_filter_content.crox-chipset-content{margin-top:8px;left:0;}
.composite_component[data-nav_title="Motherboard"] .component_filter_content.crox-formfactor-content{padding-left:0;padding-right:0.5em;}
.composite_component[data-nav_title="Motherboard"] .component_filter_option[data-option_id="807"]{
    padding-right:0.6em;
}
.composite_component[data-nav_title="Motherboard"] .component_filter_option[data-option_id="778"] a.toggle_filter_option{
    text-transform: uppercase;
}
.composite_component[data-nav_title="Motherboard"] .component_filter:not(.active) .component_filter_title{opacity: 1;}
.composite_component[data-nav_title="Motherboard"] .component_filter .component_filter_name--crox-bypass:before{
    opacity: 1;
}
.composite_component[data-nav_title="Case"] .component_filter_option a.toggle_filter_option:hover{background:#4169e1;}
.composite_component[data-nav_title="Motherboard"] .component_filter_option a.toggle_filter_option:hover{background:#4169e1 !important;}
.composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]:hover{
    background:#4169e1 !important;
}
.composite_component[data-nav_title="Motherboard"] .component_filter_content.crox-chipset-content .component_filter_options{
    flex-direction: column !important;
}
.composite_component[data-nav_title="Memory"] .component_filter[data-filter_id="pa_ram-colour"]{
    display: none;
}
.composite_component[data-nav_title="Memory"] .component_filter[data-filter_id="pa_ram-brand"]{
    display: none;
}
.composite_component[data-nav_title="Memory"] .component_filter[data-filter_id="pa_ram-rgb"]{
    display: none;
}
.composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-colour"]{
    display: none;
}
.composite_component[data-nav_title="Case"] .component_filters{justify-content: center;}
.composite_component[data-nav_title="Motherboard"] .component_filters{justify-content: center;}
.composite_component[data-nav_title="Memory"] .component_filters{justify-content: center;}
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option a.toggle_filter_option {
    padding: 7px 25px;
    line-height: 15px;
    background: #ccc;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    width:100px;
    height:30px;
    text-align: center;
    border-radius: 5px;
}
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option{
    display: none;
}
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_content{
    padding:0;
}
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_content ul.component_filter_options li.component_filter_option a.toggle_filter_option::after{
    content: " GB";
}
.component_filter[data-filter_id="pa_case-colour"] .component_filter_option[data-option_id="2115"]{padding-right:0 !important;}
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option[data-option_id="2652"]{padding-right:0 !important;}
.composite_component[data-nav_title="Memory"] .component_filter_option a.toggle_filter_option:hover{background:#4169e1 !important;}
.crox-custom.component_filter[data-filter_id='pa_cooler-type'] {
   flex-grow: 1;
}
.crox-custom.component_filter[data-filter_id='pa_cooler-type'] .component_filter_title {
    display:none;
}
.crox-custom.component_filter[data-filter_id='pa_cooler-type'] div.crox_component_filter_content {
    display:block;
}
.crox-custom.component_filter[data-filter_id='pa_cooler-type'] div.crox_component_filter_content .component_filter_options {
    padding: 0px;
    font-size: 16px;
    font-weight: 600;
}
.crox-custom.component_filter[data-filter_id='pa_cooler-type'] div.crox_component_filter_content .component_filter_options .component_filter_option {
    padding: 0px;
}
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_option a.toggle_filter_option{
    padding:7px 25px;
    line-height: 15px;
    background:#ccc;
    font-weight: 600;
    color:#fff;
    font-size: 14px;
    width:100px;
    height:30px;
    text-align: center;
    border-radius: 5px;
}
.crox-custom.component_filter[data-filter_id='pa_cooler-colour'] {
    flex-grow: 1;
}
.crox-custom.component_filter[data-filter_id='pa_cooler-colour'] .component_filter_title {
    display:none;
}
.crox-custom.component_filter[data-filter_id='pa_cooler-colour'] div.crox_component_filter_content {
    display:block;
}
.crox-custom.component_filter[data-filter_id='pa_cooler-colour'] div.crox_component_filter_content .component_filter_options {
    padding: 0px;
    font-size: 16px;
    font-weight: 600;
}
.crox-custom.component_filter[data-filter_id='pa_cooler-colour'] div.crox_component_filter_content .component_filter_options .component_filter_option {
    padding: 0px;
}
.component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option a.toggle_filter_option{
    padding:7px 25px;
    line-height: 15px;
    background:#ccc;
    font-weight: 600;
    color:#fff;
    font-size: 14px;
    border-radius: 5px;
}
.component_filter[data-filter_id='pa_cooler-colour'] .component_filter_content {
    padding: 0px !important;
}
.component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option {
    padding: 7px 5px;
    line-height: 15px;
    background: #ccc;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border-radius: 0px;
    text-decoration: none;
    transition: all 0.3s ease;
    width:115px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
}
.component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option:hover {
    background:#4169e1 !important;
}
.component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option.selected a.toggle_filter_option {
    background:#4169e1 !important;;
    color: #fff;
}
.component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option.selected a.toggle_filter_option:hover {
    background:#4169e1 !important;
}
.component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_options {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;       
    gap: 8px;
    justify-content: flex-end;            
}
.component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option {
    padding: 7px 5px;
    line-height: 15px;
    background: #ccc;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border-radius: 0px;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    width:120px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
}
.crox-powersupplyoutput-content .component_filter_title {
    display: none !important;
}
.component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_close {
    display: none !important;
}
.component_filter[data-filter_id="pa_psu-output-filter"] 
.component_filter_name--crox-bypass {
    display: none !important;
}
.crox-powersupplyoutput-content.component_filter_content {
    width: fit-content !important;
    position: relative !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    display: flex !important;
}
.component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option {
    padding: 7px 5px;
    line-height: 15px;
    background: #ccc;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border-radius: 0px;
    transition: all 0.3s ease;
    white-space: nowrap;
    width:120px;
    height:30px;
    text-align: center;
    border-radius: 5px;
}
.component_filter[data-filter_id="pa_psu-output-filter"] 
.component_filter_option a.toggle_filter_option:hover {
    background: #bbb;
}
.component_filter[data-filter_id="pa_psu-output-filter"] 
.component_filter_option.selected a.toggle_filter_option {
    background: #0073aa;
    color: #fff;
}

.component_filter[data-filter_id="pa_psu-output-filter"] 
.component_filter_option.selected a.toggle_filter_option:hover {
    background: #005a87;
}
.composite_component[data-nav_title="Power Supply"] .component_filters {
    justify-content: center;
}
.component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option[data-option_id="2143"]{
    display:none;
}
.component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option[data-option_id="2145"]{
    display:none;
}
.component_filter[data-filter_id="pa_psu-output-filter"] ul.component_filter_options li.component_filter_option{padding-right:0;}
.component_filter_content.crox-powersupplyoutput-content{padding-right:0;padding-left:0;}
.component_filter[data-filter_id="pa_psu-brand"]{
    display:none;
}
.component_filter[data-filter_id="pa_psu-colour"]{
    display:none;
}
.component_filter[data-filter_id="pa_psu-brand"] .component_filter_options{
    flex-direction: column; !important;
}
.component_filter[data-filter_id="pa_psu-colour"] .component_filter_options{
    flex-direction: column; !important;
}
.component_filter[data-filter_id="pa_psu-colour"]{
    display:none;
}
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_content{
    padding:0;
}
.component_filter[data-filter_id="pa_cooler-type"]{
    margin-right:0 !important;
}
.component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option[data-option_id="2121"]{
    padding-right:0 !important;
}
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_option a.toggle_filter_option:hover {
    background:#4169e1 !important;
}
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_option.selected a.toggle_filter_option {
    background:#4169e1 !important;;
    color: #fff;
}
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_option.selected a.toggle_filter_option:hover {
    background:#4169e1 !important;
}
.composite_component[data-nav_title="CPU Cooler"] .component_filter_option a.toggle_filter_option:hover{background:#4169e1 !important;}
.composite_component[data-nav_title="CPU Cooler"] .component_filter_option.selected a.toggle_filter_option{background:#4169e1 !important;}
.component_filter[data-filter_id="pa_graphics"] .component_filter_option a.toggle_filter_option {
    padding: 7px 25px;
    line-height: 15px;
    background: #ccc;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    width:100px;
    height:30px;
    text-align: center;
    border-radius: 5px;
}
.component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option a.toggle_filter_option {
    /*
    padding: 7px 25px;
    line-height: 15px;
    background: #ccc;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    width:100px;
    height:30px;
    text-align: center;
    border-radius: 5px;
    */
}
.component_filter[data-filter_id="pa_graphics"] .component_filter_option{
    display: none;
}
.component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option{
    
}
.composite_component[data-nav_title="Graphics Card"] .component_filters {
    justify-content: center;
    padding-top:10px;
}
.component_filter[data-filter_id="pa_graphics"] .component_filter_content{
    padding:0;
}
.component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_content{
    
}
.component_filter[data-filter_id="pa_graphics"]{
    margin-right:0 !important;
}
.component_filter[data-filter_id="pa_graphics"]{
    margin-right:0 !important;
}
.component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option[data-option_id="1784"]{
    
}
/*
.component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_content ul.component_filter_options li.component_filter_option a.toggle_filter_option::after{
    content: " G";
}
.component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_content ul.component_filter_options li.component_filter_option[data-option_id = "1784"] a.toggle_filter_option::after{
    content: " G+";
}
*/
.composite_component[data-nav_title="Graphics Card"] .component_filter_option a.toggle_filter_option:hover{background:#4169e1 !important;}
.composite_component[data-nav_title="Graphics Card"] .component_filter_option.selected a.toggle_filter_option{background:#4169e1 !important;color:#fff;}
.component_filter[data-filter_id="pa_storage-interface"]{
    display:none;
}
.component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option{display:none;}
.component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_close {
    display: none !important;
}
.component_filter[data-filter_id='pa_storage-capacity-filter'] .component_filter_title {
    display:none;
}
.component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option a.toggle_filter_option {
    padding: 7px 25px;
    line-height: 15px;
    background: #ccc;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    width:100px;
    height:30px;
    text-align: center;
    border-radius: 5px;
}
.composite_component[data-nav_title="Primary Storage"] .component_filters {
    justify-content: center;
}
.composite_component[data-nav_title="Secondary Storage"] .component_filters {
    justify-content: center;
}
.component_filter[data-filter_id="pa_storage-capacity-filter"]{
    margin-right:0 !important;
}
.component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option[data-option_id="3255"]{
    padding-right:0 !important;
}
.composite_component[data-nav_title="Primary Storage"] .component_filter_option a.toggle_filter_option:hover{background:#4169e1 !important;}
.composite_component[data-nav_title="Primary Storage"] .component_filter_option.selected a.toggle_filter_option{background:#4169e1 !important;}
.composite_component[data-nav_title="Secondary Storage"] .component_filter_option a.toggle_filter_option:hover{background:#4169e1 !important;}
.composite_component[data-nav_title="Secondary Storage"] .component_filter_option.selected a.toggle_filter_option{background:#4169e1 !important;}
.composite_component[data-nav_title="Memory"] .component_filter_option.selected a.toggle_filter_option{background:#4169e1 !important;}
.composite_component[data-nav_title="Case"] .component_filter_option.selected a.toggle_filter_option{background:#4169e1 !important;}
.composite_component[data-nav_title="Motherboard"] .component_filter_option.selected a.toggle_filter_option{background:#4169e1 !important;color:#fff;}
.composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_form-factor"] .component_filter_option{
    display:none;
}
.component_options_inner p.results_message.no_query_results{padding:10px;background-color:#fff;text-align:center;}
.composite_component[data-nav_title="Power Supply"] .component_filter_option a.toggle_filter_option:hover{background:#4169e1 !important;}
.composite_component[data-nav_title="Power Supply"] .component_filter_option.selected a.toggle_filter_option{background:#4169e1 !important;}
.mainattrfilternav{display:inline-block;width:100%;padding:10px 10px;border-top:1px solid #eee;border-bottom: 1px solid #eee;}
.pipeslitnav{margin-left:0px;margin-right:0px;}
.mainattrfilternav span:first-child span.pipeslitnav{}
.navflrbck{
    background-color: #4169e1;
    padding: 5px 8px;
    border-radius: 5px;
    color: #fff;
    font-size:12px;
    margin-right:3px;
    display: inline-flex;
    margin-bottom:5px;
    letter-spacing: -0.02em;
}
.composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"].active{
    background:#4169e1 !important;
}
.title_head_fixed{z-index: 1000 !important;}
.component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option {
    padding: 7px 25px;
    line-height: 15px;
    background: #ccc;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    width:100px;
    height:30px;
    text-align: center;
    border-radius: 5px;
}
.component_filter[data-filter_id="product_tag"] .component_filter_content{display: block !important;}
.component_filter[data-filter_id="product_tag"] .component_filter_content .component_filter_close{display: none;}
.component_filter[data-filter_id="product_tag"] {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center;
    gap: 8px;
    margin-right: 0 !important;
}
.component_filter[data-filter_id='product_tag']{flex-grow:0;}
.component_filter[data-filter_id='product_tag'] .component_filter_content1 .component_filter_options{padding:0;font-size: 16px;font-weight: 600;}
.composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="product_tag"]{
    order:1;
}
.composite_component[data-nav_title="CPU"] .component_filter[data-filter_id="product_tag"]{
    display: none !important;
}
.composite_component[data-nav_title="CPU Cooler"] .component_filters{justify-content: center;}
.component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_content{
    padding-left:0 !important;
    padding-right:0;
}
.component_filter.crox-custom[data-filter_id="pa_recommended"]{display: none !important;}
.composite_component[data-nav_title="Power Supply"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{width:120px;}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-series"] {
    display: none;
}
.component_filter[data-filter_id="pa_case-colour"] .component_filter_option[data-option_id="2115"],
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_option[data-option_id="2067"],
.component_filter[data-filter_id="pa_cooler-type"] .component_filter_option[data-option_id="2068"],
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option[data-option_id="2028"],
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option[data-option_id="2029"],
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option[data-option_id="2596"],
.component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option[data-option_id="2652"],
.component_filter[data-filter_id="pa_graphics"] .component_filter_option[data-option_id="3266"],
.component_filter[data-filter_id="pa_graphics"] .component_filter_option[data-option_id="3268"],
.component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option[data-option_id="1747"],
.component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option[data-option_id="1784"],
.component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option[data-option_id="2139"],
.component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option[data-option_id="2140"],
.component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option[data-option_id="3252"],
.component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option[data-option_id="3255"],
.component_filter[data-filter_id="pa_form-factor"] .component_filter_option[data-option_id="807"],
.component_filter[data-filter_id="pa_form-factor"] .component_filter_option[data-option_id="778"],
.component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option[data-option_id="2121"],
.component_filter.crox-custom .component_filter_option a.toggle_filter_option
{
     display: inline-flex !important;
     padding-right:0.6em;
}
.composite_component[data-nav_title="Motherboard"] .component_filter_option[data-option_id="778"]{
    padding-right:0;
}
.component_filter[data-filter_id="product_tag"] .component_filter_option[data-option_id="2201"]{
    display: inline-flex !important;
    padding-right:0.5em;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-chipset-manufacturer"]{
    order:4;
    width:100px;
    height:30px;
    border-radius: 5px;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-chipset-manufacturer"]{
    padding:5px 15px;
    background:#ccc;
    font-weight: 600;
    color:#fff;
    font-size: 14px;
    margin-top:4px;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter_content.crox-chipset-content .component_filter_options{
    flex-direction: column !important;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter_content.crox-chipset-content{margin-top:8px;left:0;}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-chipset-manufacturer"]:hover{
    background:#4169e1 !important;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-chipset-manufacturer"].active{
    background:#4169e1 !important;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter.crox-custom[data-filter_id="pa_recommended"]{
    /*
    display: inline-flex !important;
    */
}
.composite_component[data-nav_title="Graphics Card"] .component_filter.crox-custom[data-filter_id="pa_recommended"] .component_filter_option a.toggle_filter_option{
    display: inline-flex !important;
    width:100px;
    padding:7px 8px;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter .component_filter_name--crox-bypass:before{
    opacity: 1;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-chipset-manufacturer"] .component_filter_title{
    opacity: 1;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_title{
    opacity: 1;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_graphics"]{
    display: none;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"]{
    padding: 5px 5px;
    font-size: 14px;
    margin-top: 4px;
    font-weight: 600;
    color: #fff;
    width: 100px;
    height: 30px;
    background: #ccc;
    border-radius: 5px;
    margin-right: 0.5em !important;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_content .component_filter_options{
    flex-direction: column !important;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_content{margin-top:8px;left:0;}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"]:hover{
    background:#4169e1 !important;
}
.composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"].active{
    background:#4169e1 !important;
}
.component .component_options{height:auto !important;}
@media (max-width:400px){
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="pa_recommended"] .component_filter_option a.toggle_filter_option{margin-top:5px;padding:7px 15px;}
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="pa_case-colour"] .component_filter_option a.toggle_filter_option{padding:7px 20px;}
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="pa_case-colour"]{margin-right:8px !important;}
}
@media (min-width:401px) and (max-width:767px){
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="pa_recommended"] .component_filter_option a.toggle_filter_option{}
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="pa_case-colour"] .component_filter_option a.toggle_filter_option{}
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="pa_case-colour"] .component_filter_option{padding-top:0;}
}
@media (min-width:480px) and (max-width:575px){
    .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="product_tag"] .component_filter_option{padding-top:0 !important;}
    .component_filter[data-filter_id="pa_case-colour"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        margin-top:10px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_form-factor"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 10px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        width:75px !important;
        padding:5px 5px !important;
    }
    .component_filter[data-filter_id="pa_cooler-type"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_graphics"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 10px !important;
    }
    .component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option{
        width:96px !important;
        font-size: 11.5px;
        padding:7px 3px;

    }
    .composite_component[data-nav_title="Primary Storage"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="Secondary Storage"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option a.toggle_filter_option{
        
    }
    .small_width .component_options_inner.cp_clearfix{margin-top:0 !important;border-top:0 !important;}
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option{
        padding-top:0;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:100px !important;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"]{
        margin-top:5px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-chipset-manufacturer"]{
        margin-top:5px;
    }
}
@media (min-width:400px) and (max-width:479px){
    .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height:25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="product_tag"] .component_filter_option{padding-top:6px !important;}
    .component_filter[data-filter_id="pa_case-colour"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height:25px !important;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        margin-top:10px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:66px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height:25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_form-factor"] .component_filter_option a.toggle_filter_option{
        width:66px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height:25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        width:66px !important;
        padding:5px 5px !important;
        font-size: 12px;
        height:25px;
        line-height: 16px;
    }
    .component_filter[data-filter_id="pa_cooler-type"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height: 25px !important;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height: 25px !important;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height: 25px;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height: 25px;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_graphics"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 10px !important;
        font-size: 12px;
        height: 25px;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 3px;
        font-size: 11px;
        height: 25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="Primary Storage"] .component_filter[data-filter_id="product_tag"]{
        padding-top:3px !important;
    }
    .composite_component[data-nav_title="Secondary Storage"] .component_filter[data-filter_id="product_tag"]{
        padding-top:3px !important;
    }
    .composite_component[data-nav_title="CPU Cooler"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"]{
        padding-top:3px !important;
    }
    .component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option a.toggle_filter_option{
        /*
        width:90px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height: 25px;
        line-height: 12px;
        */
    }
    .small_width .component_options_inner.cp_clearfix{margin-top:0 !important;border-top:0 !important;}
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option{
        padding-top:0;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:100px !important;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"]{
        margin-top:5px;
        width:90px;
        height: 25px;
        font-size: 12px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-chipset-manufacturer"]{
        margin-top:5px;
        width:90px;
        height: 25px;
        font-size: 12px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:90px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height:25px;
        line-height: 12px;
    }
}
@media (min-width:360px) and (max-width:400px){
    .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:50px !important;
        padding:7px 8px !important;
        font-size: 10px;
        height:25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="product_tag"] .component_filter_option{padding-top:6px !important;}
    .component_filter[data-filter_id="pa_case-colour"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height:25px !important;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        margin-top:10px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:66px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height:25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_form-factor"] .component_filter_option a.toggle_filter_option{
        width:66px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height:25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        width:66px !important;
        padding:5px 5px !important;
        font-size: 12px;
        height:25px;
        line-height: 16px;
    }
    .component_filter[data-filter_id="pa_cooler-type"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height: 25px !important;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height: 25px !important;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option a.toggle_filter_option{
        width:50px !important;
        padding:7px 8px !important;
        font-size: 10px;
        height: 25px;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option a.toggle_filter_option{
        width:50px !important;
        padding:7px 8px !important;
        font-size: 11px;
        height: 25px;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_graphics"] .component_filter_option a.toggle_filter_option{
        width:50px !important;
        padding:7px 6px !important;
        font-size: 11px;
        height: 25px;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option{
        width:65px !important;
        padding:7px 2px;
        font-size: 10px;
        height: 25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="Primary Storage"] .component_filter[data-filter_id="product_tag"]{
        padding-top:3px !important;
    }
    .composite_component[data-nav_title="Secondary Storage"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="CPU Cooler"] .component_filter[data-filter_id="product_tag"]{
        padding-top:3px !important;
    }
    .composite_component[data-nav_title="Memory"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option a.toggle_filter_option{
        /*
        width:50px !important;
        padding:7px 8px !important;
        font-size: 11px;
        height: 25px;
        line-height: 12px;
        */
    }
    .small_width .component_options_inner.cp_clearfix{margin-top:0 !important;border-top:0 !important;}
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option{
        padding-top:0;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:100px !important;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"]{
        margin-top:3px;
        width:90px;
        height: 25px;
        font-size: 12px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-chipset-manufacturer"]{
        margin-top:3px;
        width:90px;
        height: 25px;
        font-size: 12px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:90px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height:25px;
        line-height: 12px;
    }
}
@media (min-width:320px) and (max-width:359px){
    .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:55px !important;
        padding:7px 8px !important;
        font-size: 11px;
        height:25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:75px !important;
        padding:7px 5px !important;
        font-size: 10px !important;
    }
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="product_tag"] .component_filter_option{padding-top:4px !important;}
    .component_filter[data-filter_id="pa_case-colour"] .component_filter_option a.toggle_filter_option{
        width:55px !important;
        padding:7px 8px !important;
        font-size: 11px;
        height:25px !important;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        margin-top:4px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option{
        width:55px !important;
        padding:7px 8px !important;
        font-size: 11px;
        height:25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_form-factor"] .component_filter_option a.toggle_filter_option{
        width:55px !important;
        padding:7px 8px !important;
        font-size: 11px;
        height:25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="pa_mb-chipset"]{
        width:55px !important;
        padding:5px 2px !important;
        font-size: 11px;
        height:25px;
        line-height: 15px;
    }
    .component_filter[data-filter_id="pa_cooler-type"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height: 25px !important;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_cooler-colour"] .component_filter_option a.toggle_filter_option{
        width:60px !important;
        padding:7px 8px !important;
        font-size: 12px;
        height: 25px !important;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_memory-capacity"] .component_filter_option a.toggle_filter_option{
        width:45px !important;
        padding:7px 5px !important;
        font-size: 10px;
        height: 25px;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_storage-capacity-filter"] .component_filter_option a.toggle_filter_option{
        width:40px !important;
        padding:7px 8px !important;
        font-size: 11px;
        height: 25px;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_graphics"] .component_filter_option a.toggle_filter_option{
        width:45px !important;
        padding:7px 6px !important;
        font-size: 10px;
        height: 25px;
        line-height: 12px;
    }
    .component_filter[data-filter_id="pa_psu-output-filter"] .component_filter_option a.toggle_filter_option{
        width:55px !important;
        padding:7px 2px;
        font-size: 10px;
        height: 25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="product_tag"]{
        padding-top:3px !important;
    }
    .composite_component[data-nav_title="Case"] .component_filter[data-filter_id="product_tag"]{
        padding-top:3px !important;
    }
    .composite_component[data-nav_title="Motherboard"] .component_filter[data-filter_id="product_tag"]{
        padding-top:3px !important;
    }
    .composite_component[data-nav_title="Primary Storage"] .component_filter[data-filter_id="product_tag"]{
        padding-top:5px !important;
    }
    .composite_component[data-nav_title="Secondary Storage"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="CPU Cooler"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .composite_component[data-nav_title="Memory"] .component_filter[data-filter_id="product_tag"]{
        padding-top:4px !important;
    }
    .component_filter[data-filter_id="pa_gpu-vram-gb"] .component_filter_option a.toggle_filter_option{
        /*
        width:45px !important;
        padding:7px 8px !important;
        font-size: 10px;
        height: 25px;
        line-height: 12px;
        */
    }
    .small_width .component_options_inner.cp_clearfix{margin-top:0 !important;border-top:0 !important;}
    .component .component_filters ul li{padding-top:0 !important;}
    .composite_component[data-nav_title="Memory"] .component_filter[data-filter_id="product_tag"] .component_filter_option a.toggle_filter_option {
        width: 45px !important;
        padding: 7px 5px !important;
        font-size: 10px;
        height: 25px;
        line-height: 12px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-vram-gb"]{
        width:75px;
        height: 25px;
        font-size: 10px;
    }
    .composite_component[data-nav_title="Graphics Card"] .component_filter[data-filter_id="pa_gpu-chipset-manufacturer"]{
        width:75px;
        height: 25px;
        font-size: 10px;
        padding:5px 14px;
    }
}