.compare_wrapper{position: fixed; bottom: 0px; right:0px; z-index: 10; width: 100%; background-color: #ECECEC; border-top:1px solid #CBCBCB;}
.compare_wrapper .compare_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap:25px; padding:10px 0px; box-sizing: border-box;position: relative;}

.compare_wrapper .compare_block{width: calc(100% - 200px); display: flex; grid-gap: 20px; overflow: auto; padding:15px 8px; box-sizing: border-box;}
.compare_block .block{display: flex; align-items: center; grid-gap: 20px; position: relative; padding:10px 15px; box-sizing: border-box; background-color: var(--primary_white);}
.compare_block .image_block{width:50%;}
.compare_block .compare_info{width:50%;}
.compare_block .compare_info .comp_name{font-size: 25px; line-height: 33px; font-weight: 600; color: var(--primary_black); transition: .3s ease-in-out;display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.compare_block .compare_info .comp_name:hover{text-decoration: underline;}
.compare_block .compare_info .sub_text{font-size: 14px; line-height: 22px; color:var(--primary_darkGrey); display: block;}
.compare_block .compare_info .comp_price{font-size: 21px; line-height: 29px; color: var(--primary_black); font-weight: 600;}
.compare_block .close{position: absolute; top:-8px; left:-8px; cursor: pointer;}
.compare_block .close img{width:18px;}
.compare_wrapper .cta_block{max-width:160px; width: 100%; display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 15px;}


/* ============================================== */
/* Comparison Page */

.comparing_table_block{width: 100%; border-collapse: collapse;}
.comparing_table_block th{padding:0px 10px 20px; text-align: initial; vertical-align: top;}
.comparing_table_block tr th:last-child{padding-left:0px;}
.comparing_table_block tr th:nth-child(2){padding-right:0px;}
.comparing_table_block tbody td{border-right:1px solid #D9D9D6; border-left:1px solid #D9D9D6;}
.comparing_table_block tbody tr:nth-child(odd) td{background-color: var(--primary_white);}
.comparing_table_block tbody tr td:first-child{background-color:transparent}
.comparing_table_block .model{padding:30px 30px; }
.comparing_table_block .model .price_cta_block{padding:0px;}
.comparing_table_block .model .title{padding-bottom: 10px;min-height: 65px;}
.comparing_table_block .model .cta_block{padding-top:15px; box-sizing: border-box;}

.comparing_table_block .cell{padding:15px 15px; box-sizing: border-box;}
.comparing_table_block .cell.attribute{border:0px; background-color: transparent;}
.comparing_table_block .attribute{font-size: 20px; line-height: 28px; font-weight: 600; text-transform: capitalize; color: var(--title_color);}
.comparing_table_block .cell.value{text-align: center;}
.comparing_table_block .value{font-size: 22px; line-height: 28px; color: var(--secondary_text_color);}
.catalogsearch-result-index .model_comp_inner .md_inner{max-width: 100%;}
.catalog-category-view #compare_count_message{position: fixed;top: 30%;right: 50%;transform: translateX(50%);min-width: 250px;}
.catalog-category-view #compare_count_message span{background: #58595b;font-size: 24px;color: #fff;padding: 15px 30px;border-radius: 20px;box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.10);}
.layered-filter-block-container .ln_overlay{top: 0px;}
.catalog-category-view .model .cta_block{flex-direction: column;}
.catalog-category-view .home_model_tab .model .cta_block{flex-direction:unset; }
.catalog-category-view .home_model_tab .model .price_cta_block .model_type{display: none;}

.catalog-category-view .model .cta_block .half {width: 100%;}
.spec_opt_type.responsive{display: none;}
/* Responsive */

@media screen and (min-width:200px) and (max-width:1024px){
    .spec_opt_type.responsive{display: block;min-height: unset;margin-bottom: 25px;}
    .compare_wrapper .compare_block{width: 100%; display: none; padding:15px 0px;}
    .compare_wrapper .cta_block{max-width: 100%;}

    /* ============================================== */
    /* Comparison Page */
    .table-wrapper{overflow-x: auto;}
    .comparing_table_block{overflow-x: auto;}
    .comparing_table_block .cell_head{min-width: 200px;}
    .comparing_table_block .model{padding:20px 20px;}
    .comparing_table_block .cell_head.fixed_cell{position: sticky; right:-1px; background-color: var(--primary_lightGrey); min-width: unset; width: 150px; padding-right:0px;z-index: 4; box-shadow: -5px 0px 4px 0px rgba(0, 0, 0, 0.09);}
    .comparing_table_block .cell.fixed_cell{position: sticky; right:-1px; background-color: var(--primary_lightGrey); min-width: unset; z-index: 4; box-shadow: -5px 0px 4px 0px rgba(0, 0, 0, 0.09);}
    .comparing_table_block .cell.attribute.fixed_cell{background-color: var(--primary_lightGrey);}
    .comparing_table_block .attribute{font-size: 16px; line-height: 24px; padding:10px 10px;}
    .comparing_table_block .value{font-size: 17px; line-height: 24px; padding:10px 10px;}
}

@media screen and (min-width:768px) and (max-width:1024px){
    .compare_block .compare_info .comp_name{font-size: 15px; line-height: 21px;}
    .compare_block .compare_info .sub_text{font-size: 12px; line-height: 18px;}
    .compare_block .compare_info .comp_price{font-size: 17px; line-height: 21px;}
    .compare_wrapper .compare_block{width: calc(100% - 180px); display: flex;}
    .compare_wrapper .compare_inner{gap:10px; padding:10px 0px;}
    .compare_block .block{min-width:260px;}
    .compare_wrapper .cta_block{max-width:160px;}
}

@media screen and (min-width:1025px) and (max-width:1600px){
    .compare_block .compare_info .comp_name{font-size: 20px; line-height: 28px;}
    .compare_block .compare_info .comp_price{font-size: 19px; line-height: 27px;}
    .compare_block .block{min-width:280px;}
}

/* ============================================================== */
/* Model Compare listing */

.compare_model_listing_wrapper .main_container{max-width:100%;}
.select_model_filter{ max-width: 380px; width: 100%; margin-top:20px; position: relative;}

.st_md_inner{background-color: var(--primary_white); position: sticky; top:0px; height: 100vh;  display: flex; flex-direction: column; justify-content: space-between;}
.select_model_filter .select_md_ftr_inner{padding:40px 40px; box-sizing: border-box;}
.select_model_filter .title{font-size: 26px; line-height: 34px; font-weight: 600; text-transform: uppercase; text-align: center;}
.md_ftr_tabs{padding-top:10px;}
.md_ftr_tabs .secondary_cta{display: block; width: 100%; margin:15px 0px; cursor: pointer;}
.md_ftr_tabs .secondary_cta.active{background-color: var(--primary_black); color: var(--primary_white);}

.md_ftr_tabs .secondary_cta a{color: var(--primary_black);}
.md_ftr_tabs .secondary_cta.active a,
.md_ftr_tabs .secondary_cta:hover a{ color: var(--primary_white);}
 .md_inner .inner_sec_gap{padding-top: 0;}
.select_model_filter .ftr_ctas{display: flex; border-collapse: collapse; position: sticky; bottom:0px; margin-top:20px;}
.ftr_ctas .ftr_cta_tab{display: flex; justify-content: center; align-items: center; gap:10px; padding:20px 10px; box-sizing: border-box; width: 50%; font-size: 18px; line-height: 26px; color: var(--primary_black); font-weight: 600; text-transform: capitalize; background-color: #fff; border:1px solid #BFBFBF; cursor: pointer;text-transform: lowercase;}
.ftr_ctas .ftr_cta_tab .icon{display: inline-block; position: relative;}
.ftr_ctas .ftr_cta_tab .icon img{vertical-align: middle;}
.ftr_ctas .ftr_cta_tab .comp_count{font-size: 18px; line-height: 20px; width:22px; height:22px; background-color: var(--primary_black); color: var(--primary_white); border-radius: 50px; font-weight: 500; display: flex; justify-content: center; align-items: center; position: absolute; top:-10px; right:-4px;}
.select_model_filter .title .resp_icon{display: none;}
.ftr_ctas .ftr_cta_tab .count{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 0px;margin-top: -20px;width: 21px;height: 21px;border-radius: 100%;background-color: #0a0a0a;color: #fff;text-align: center;top: 12px;left: 40px;font-size: 13px;}


.model_comp_inner{display: flex;}
.model_comp_inner .md_inner{max-width: 1200px; width: 100%; padding:60px 25px; box-sizing: border-box;}
.model_comp_inner .grid-3{grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));}
.md_pr_range .apply_md_range{display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.md_pr_range .range{background-color:#C4C4C4; height:2px; -webkit-appearance: none; border:unset; outline: unset; width: 100%; margin:20px 0px;}
.md_pr_range .range::-webkit-slider-thumb{cursor: pointer; position: relative; top:-6px; background-color: var(--primary_black); width:14px; height:14px; border-radius: 20px; -webkit-appearance: none; appearance: none;}
.md_pr_range .range::-webkit-slider-runnable-track{height: 2px; background-color: var(--primary_black); width: 100%;}
.md_pr_range .range::-moz-range-thumb{cursor: pointer; position: relative; top:-6px; background-color: var(--primary_black); background-color: var(--primary_black); width:14px; height:14px; border-radius: 20px;}
.md_pr_range .range::-moz-range-track {height: 2px; background-color: var(--primary_black); width: 100%;}

.range_label{display: flex; justify-content: space-between;}
.range_label .label{font-size: 20px; line-height: 28px; padding:6px 20px; border:1px solid var(--primary_black);}
.range_label .reset{font-size: 18px; line-height: 26px; color: var(--secondary_text_color); display: flex; align-items: center; justify-content: flex-end; gap:8px; padding-top:8px;}

/* Responsive */

@media screen and (min-width:200px) and (max-width:1024px){
    .model_comp_inner .md_inner{padding:30px 25px;}
    .st_md_inner{height: auto; padding:20px 30px 0px; box-sizing: border-box;}
    .select_model_filter{max-width: 100%; margin-top:30px;}
    .model_comp_inner{flex-wrap: wrap;}
    /* .select_md_ftr_inner{order: 1;} */
    .select_model_filter .ftr_ctas{margin-top: 0px;}
    .ftr_ctas .ftr_cta_tab{font-size: 15px; line-height: 23px; padding:15px 8px;}
    .ftr_ctas .ftr_cta_tab .comp_count{font-size: 15px; line-height: 23px;}
    .md_ftr_tabs{display: none;}
    .select_model_filter .select_md_ftr_inner{padding:20px 20px; order:1;}
    .select_model_filter .title{font-size: 20px; line-height: 28px; display: flex; justify-content: center; gap:8px;}
    .select_model_filter .title .resp_icon{display: block;}
    .select_model_filter .title.active .resp_icon{transform: rotate(-180deg);}
    .model_comp_inner .grid-3{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
    
}

@media screen and (min-width:1025px) and (max-width:1600px){
    .select_model_filter .title{font-size: 22px; line-height: 30px;}
    .ftr_ctas .ftr_cta_tab{font-size: 16px; line-height: 24px; padding:15px 8px;}
    .ftr_ctas .ftr_cta_tab .comp_count{font-size: 16px; line-height: 24px; width: 18px; height:18px;}
    .select_model_filter{max-width: 320px;}
    .select_model_filter .select_md_ftr_inner{padding:20px 20px;}
    /* .model_comp_inner{gap:20px;} */
    .model_comp_inner .md_inner{padding:40px 30px;}
    
}


/* =========================================================  */
/* Compare Model Page */

.compare_model_table{table-layout: fixed;}

.spec_opt_type{display: flex; flex-direction: column; justify-content: center; background-color: var(--primary_white); border: 1px solid #D9D9D6; padding: 30px 20px; box-sizing: border-box; height: 100%;min-height: 390px;}
.catalog-product_compare-index .cell_head.fixed_cell .custom_check label{font-size: 14px;}
.spec_opt_type .title{font-size: 26px; line-height: 32px; font-weight: 600; color: var(--primary_black); text-transform: uppercase;}
.spec_opt_type .secondary_text{padding:15px 0px;}
.spec_opt__type_chk .custom_check{padding-bottom: 15px;}
.spec_opt__type_chk .custom_check:last-child{padding-bottom: 0px;}

.compare_model_table .spec_differ .cell.value{background-color: #929292; color: var(--primary_black);}
.compare_model_table .cell_head > div{min-height:375px;}
.compare_count_message{position: absolute;top: 4px;right: 50%;transform: translateX(50%);font-size: 16px;font-weight: 700;}
.highligthdifferences.active td.value{background: #555 !important;color: white !important;border-bottom: 1px solid #fff;}
.highligthdifferences.active td.attribute{background: #eee !important;}
.catalog-category-view .model_listing li.model:hover .model_image {transform: scale(1.2);}
.catalog-category-view .model_listing li.model:hover .cta_block .primary_cta {background-color: var(--primary_yellow);border-color: var(--primary_yellow);color: black;}
.catalog-category-view .model_listing li.model .model_image {transition: transform 0.3s ease;}


@media screen and (min-width:200px) and (max-width:1024px){
    .table-comparison .cell_head.fixed_cell .spec_opt_type{display: none;}
    .compare_model_table .cell_head > div{min-height: 310px;}
    .compare_model_table{table-layout: unset;}
    .spec_opt_type{padding:20px 15px;}
    .spec_opt_type .title{font-size: 20px; line-height: 28px;}
    .comparing_table_block.compare_model_table .cell_head.fixed_cell{min-width: 160px; width: 100%;}
    /* .comparing_table_block.compare_model_table .cell_head{min-width: 180px;} */
    .spec_opt_type .secondary_text{display: none;}
    .spec_opt__type_chk{padding-top:20px;}
    .compare_model_table .custom_check label{font-size: 14px;}
}
@media screen and (min-width:1025px) and (max-width:1600px){
    .spec_opt_type .title{font-size: 22px; line-height: 30px;}
    .compare_model_table .custom_check label{font-size: 16px;}
    .model_comp_inner .grid-3 {grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));}
}

@media screen and (max-width:900px){

.table-comparison .spec_opt_type{padding: 10px;}
.table-comparison .custom_check.checkbox label {    padding-right: 26px;    font-size: 13px;  }
.comparing_table_block .cell.attribute.fixed_cell{font-size: 14px;}

.spec_opt_type{min-height: 351px;}
.comparing_table_block .value {    font-size: 16px;    line-height: 22px;}
}