@media (min-width: 1920px){
    .main-item-box-caption{
        max-height: 54vh;
    }
}

@media (max-width: 1600px){
    .preview360-block .with-canvas {
        width: 550px !important;
        height: 550px !important;
    }
}

@media (max-width: 1550px){
    .preview360-block .with-canvas {
        width: 450px !important;
        height: 450px !important;
    }
    .view360_block{margin-right: 150px;}
}


@media (max-width: 1400px){
    .main-step-block-item .nav-pills .nav-link{height: 93px;}
    .view360_block{margin-right: 50px;}
}


@media (max-width: 1100px){
    /* .preview-img-block{width: 400px;} */
    h1{font-size: 30px; margin: 15px auto; text-align: center;}
    .overview-content .view-system-caption{height: 100%;}
    .overview-content .category-product-listing .view-system-caption{max-height: 100%;}
    .overview-content .category-product-listing .view-system-item ul li{margin-bottom: 10px !important;}
    .overview-content .category-product-listing .view-system-item h5 {font-size: 25px !important;}
    .overview-content .overview-price-block .current-total-price p {font-size: 30px;font-family: 'Teko';font-weight: normal;text-transform: uppercase;color: #fff;}
}

@media (max-width: 1200px){
    .overview-content .category-product-box{height: 200px;}
    .mb-build-cpu-block {top: 0;left: 50%;transform: translateX(-50%);margin-top: 30px; position: relative; padding-bottom: 100px; margin-left: 0;}
    .tab-body-caption{justify-content: center !important;}
    .main-step-block-item .nav-pills .nav-link{padding: 5px;}
    .main-step-block-item .nav-pills .nav-link span{font-size: 18px;}
    .main-step-block-item .nav-pills .nav-link p{font-size: 12px;}
    .no-build-block .tab-body-caption{flex-direction: column !important;}
    .no-build-block .tab-body-caption .product-caption{margin-top: 30px;}
    .view-system-block{width: 100%;}

    .overview_step_block{padding: 0;}
    .overview_step_block_item .nav-pills a.nav-link{font-size: 10px !important;}
    .overview_step_block_item .container-fluid{padding: 0;}
    .edit-block{left: 50%; transform: translateX(-50%); bottom: -70px; z-index: 1;}
    .section-item{height: 100%;}
    .tab-body-caption .product-caption{width: auto;}
    .item-box-body{height: calc(50vh - 350px);}
    .main-step-block-item .nav-pills .nav-link{height: 78px;}
    .complete-step-proceed::after{font-size: 14px;}

    .style-tab-body{flex-direction: column !important;}
    .view360_block{margin: 30px 0 0 0;}
    .main-content{padding-bottom: 0;}

}


@media (max-width: 992px){
    .main-step-block-item .nav-pills .nav-link{height: 77px;}
}


@media (max-width: 991px){
    .overview-content .overview_step_block_item .nav-pills .nav-link p {font-size: 10px !important;}
    .overview-content .overview_step_block_item .nav-pills .nav-link{width: 100px; height: 45px;}
    .overview-content .overview_step_block .nav{justify-content: flex-start !important; flex-wrap: nowrap; overflow-y: auto; margin-right: 20px; width: calc(100% - 100px); margin-left: inherit !important;}
    .overview-content .checkout-btn a{padding: 0; width: 100px; text-align: center; font-size: 10px; display: flex; align-items: center; justify-content: center; height: 100%;}
    .overview-content .overview_step_block{bottom: 0 !important;}
    .overview-content .overview_step_block_item{background-color: #000; padding: 10px 10px 0 10px; position: relative;}
    .overview-content .checkout-block .checkout-btn{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
    .overview-content .checkout-block{position: absolute;height: 100%;top: 0;right: 0;background-color: #E50019;display: flex;justify-content: center;align-items: center;}
    .overview-content .bottom-caption {justify-content: flex-start !important;}
    .overview-content .category-product-listing .view-system-caption{margin-top: 40px;}
    .overview-content .single-preview-block .category-name p{font-size: 30px; line-height: 35px;}
    .overview-content .single-preview-block .product-name p{font-size: 20px;}
    .overview-content .tab-header-item ul{overflow-y: auto; flex-wrap: nowrap; width: 100%; gap: 20px; position: absolute; left: 0; padding: 0 15px 40px 15px;}
    .overview-content .tab-header{height: 33px;}
    .overview-content .tab-header-item .nav-pills .nav-link{white-space: nowrap;}
    .overview-content .tab-header-item .nav-pills .nav-link.active::after{transform: translateX(-50%);bottom: -25px;}
    .overview-content {padding-bottom: 80px !important;}
    .tab-header-item .nav-pills .nav-link{font-size: 11px;}
    .clock_processor .product-block ul{width: 100%;}
    .view-spec-block .img-block{padding-top: 100px; margin-bottom: 30px; }
    /* .view-spec-content .img-block img{width: 50%;} */
    .view-spec-block{overflow-y: auto; width: 100%;}
    .view-spec-content h5{text-align: center; font-size: 25px;}
    .view-spec-content p.product-price{font-size: 30px; text-align: center;}
    .view-spec-block .item-detail ul{align-items: center;}
    .view-spec-block .item-detail span{display: block; text-align: center;}
    .mob-menu-header{background-color: #000; padding: 8px 13px; cursor: pointer; border-bottom: 1px solid #fff; position: absolute; width: 100%; z-index: 2;}
    .mob-menu-header p{font-family: 'Roboto';font-weight: 500; font-size: 14px; text-transform: uppercase; color: #fff;}
    .mob-menu-header .down-arrow i{color: #fff;}
    .profile-tab-block .profile-menu{display: none; position: fixed; width: 100%; background-color: #fff; margin-top: 40px; left: 0; z-index: 1; box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;}
    .profile-tab-block .profile-menu ul{flex-direction: column; width: 100%; margin: 0 !important;}
    .profile-tab-block .profile-menu ul li{width: 100%;}
    .profile-tab-block .profile-menu ul li a{width: 100%; padding: 10px 15px;}
    .profile-menu-block.active{display: block;}
    .profile-tab-block .profile-menu li a.active::after{display: none;}
    .profile-tab-block .tab-body-content{padding: 40px 0 0px 0;}
    .tab-body-content h5.title, .mob-profile-menu{display: none; display: block;}
    .mob-menu-header.sticky-header{position: fixed; top: 0; left: 0; width: 100%;}
    .profile-menu.sticky-header{position: fixed; top: 0; left: 0; width: 100%;}

    .preview-img-block .mb-build-cpu-block{position: relative !important; left: 0 !important; transform: inherit !important;  padding-bottom: 0; margin: 0 auto;}
    .preview-img-block .relative-container{padding: 0;}
    .main-step-block-item .nav-pills .nav-link{height: 58px;}
    .tab-header::before{border-bottom: 33px solid #000; border-right: 38px solid transparent;}
    .tab-header::after{border-bottom: 33px solid #000; border-left: 38px solid transparent;}
    .complete-step-proceed::after{font-size: 10px;}
}

@media (min-width: 767px){
    .mobile-wapper{display: none;}
    .order-view-block .top-bar-section ul li.full-width{grid-column: span 4;}
}

@media (max-width: 767px){

    .preview360-block{margin-top: 0;}
    .preview360-block .with-canvas{width: 300px !important; height: 300px !important;}

    .view-spec-content .img-block img{ max-width: 250px;}

    .capacity-reached-modal .modal-footer{width: max-content;}
    .capacity-reached-modal .modal-content-caption h5.modal-title{font-size: 30px;}
    .capacity-reached-modal .modal-footer{padding-top: 20px; padding-bottom: 30px;}
    .capacity-reached-modal .modal-header{padding-top: 30px;}
    .capacity-reached-modal .modal-footer .btn{font-size: 14px;}
    .mb-filter-sort-block{position: fixed; top: 66px; left: 0; width: 100%; background-color: #000; z-index: 1; padding: 3px 10px;}
    .mb-filter-sort-block .filter-content svg{width: 13px;}
    .mb-filter-option .sort-icon svg{width: 15px;}

    .mb-filter-sort-block .btn-caption .icon-block{line-height: 0;}
    .mb-filter-sort-block .btn-caption .icon-block svg{width: 14px;}
    .mb-filter-sort-block .btn-caption span{font-size: 12px; font-family: 'Roboto'; font-weight: normal; text-transform: capitalize;}

    #mb_sorting_modal .modal-footer{padding-top: 10px !important;}
    #mb_sorting_modal .modal-body{padding-right: 0px !important;}

    .select2-container .select2-selection--single{padding: 8px 10px;}
    .modal-body .select2-container .select2-selection--single .select2-selection__rendered{font-size: 14px !important;}
    .select2-results__option--selectable{font-size: 12px;}


    .desktop-wapper{display: none;}
    .mobile-wapper{width: 100%;height: 100vh;position: relative;}
    .view-system button {border-radius: 0px !important;    }
    .current-total-price p{font-family: 'Roboto';font-weight: 500;font-style: normal;color: #606060;font-size: 14px;}
    .current-total-price span{font-size: 26px;font-family: 'Teko';font-weight: normal;color: #FF0606;line-height: 28px;}
    .logo-block{width: 70px;height: 70px;border: 4px solid #EBEBEB;background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; position: fixed; left: 50%; transform: translateX(-50%); bottom: 15px;}
    .logo-block img{width: 50px;margin-top: -5px;}
    .main-footer{background-color: #fff;width: 100%;position: fixed;bottom: 0;left: 0;padding: 6px 0;z-index: 999;}
    .toggle-menu{cursor: pointer;}
    .toggle-icon{position: relative;z-index: 9999;}
    .toggle-menu .bar1{width: 25px;height: 2px;background-color: #fff;margin-bottom: 3px;border-radius: 100px;transition: 0.5s ease-in-out;z-index: 1;position: relative;}
    .toggle-menu .bar2{width: 25px;height: 2px;background-color: #fff;margin-bottom: 3px;border-radius: 100px;transition: 0.2s ease-in-out;z-index: 1;position: relative;}
    .toggle-menu .bar3{width: 25px;height: 2px;background-color: #fff;border-radius: 100px;transition: 0.5s ease-in-out;z-index: 1;position: relative;}
    .toggle-icon.active .bar1 {transform: rotate(45deg) translate(5px, 2px);background-color: #000;width: 20px;}
    .toggle-icon.active .bar2 { opacity: 0;}
    .toggle-icon.active .bar3 {width: 20px;transform: rotate(-45deg) translate(5px, -2px);background-color: #000;}
    ::-webkit-scrollbar {width: 2px !important;}
    .mb-product-block-body{height: calc(100% - 68px);width: 100%;overflow-x: hidden;padding-bottom: 80px;position: fixed; left: 0; margin-top: 61px;}
    /* .mb-block-item{height: calc(100vh - 80px);width: 100%; background-color: #000; overflow-x: hidden;padding-bottom: 40px;position: fixed; left: 0; top: 65px;} */
    /* .mb-block-item .mb-product-listing{height: calc(100% - 66px); padding-bottom: 85px; position: fixed; bottom: 0;} */
    .mb-product-box{width: 100%;padding: 10px;}
    .mb-product-listing .nav, .mb-product-listing .nav .product-item, .mb-product-listing .nav .product-item .selecotr-item{width: 100%;}
    .mb-product-listing ul .nav-link{padding: 0;}
    .mb-product-listing{background: #fff;width: 100%;height: 100%;overflow-x: hidden;padding-bottom: 0px;}
    .white-proceed-btn .proceed-btn button{background-color: #fff;color: #000;border-radius: 5px;font-weight: 500;}
    .white-proceed-btn .proceed-btn-icon i{color: #000;}
    .mb-product-listing::-webkit-scrollbar {width: 3px !important;}
    .mb-product-listing::-webkit-scrollbar-track {background-color: #fff}
    .mb-product-listing::-webkit-scrollbar-thumb {background-color: #ff0606;border-radius: 100px;}
    .mb-product-box .mb-product-img-block{flex-basis: 40%; min-width: 40%;}
    .mb-product-box .mb-product-img-block img{width: 100px;}
    .mb-product-box .mb-product-item-des{flex-grow: 1; width: 100%; overflow: hidden;}
    .mb-product-box .mb-product-item-des .des-top-bar{width: 100%;overflow: hidden; justify-content: space-between;}
    .mb-product-item-des .product-name{overflow: hidden;}
    .mb-product-item-des .product-name p{color: #606060;font-family: 'Roboto';font-weight: 500;font-style: normal;font-size: 16px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .mb-product-item-des .product-price{flex-basis: 30%; text-align: right;}
    .mb-product-item-des .product-price p{color: #606060;font-family: 'Roboto';font-weight: normal;font-style: normal;font-size: 16px;}
    .mb-product-item-des .product-spec span{color: #606060;font-family: 'Roboto';font-weight: normal;font-style: normal;font-size: 10px !important;text-transform: uppercase;}
    .mb-product-item-des .product-spec{line-height: 10px;}
    .mb-product-select-btn{width: 100%;margin-top: 15px;}
    .mb-product-select-btn span{width: 100%;color: #fff;background-color: #FF0606;display: inline-block;text-transform: capitalize;font-family: 'Roboto';font-weight: normal;font-size: 14px;padding: 3px;border-radius: 10px;}
    .mb-product-select-btn span.selected-product{background-color: #4CEC47;display: none;}
    .mb-product-listing .nav-pills .nav-link.active, .nav-pills .show>.nav-link{border: 2px solid #4CEC47;}
    .selector-item_radio:checked + .select_text .mb-product-item-des .mb-product-select-btn .choose-product-btn{display: none;}
    .selector-item_radio:checked + .select_text .mb-product-item-des .mb-product-select-btn .selected-product{display: block;}
    .mb-product-listing .nav-pills .nav-link{border: 2px solid #fff;border-radius: 0px !important;}
    .no-border-select .nav-pills .nav-link{border: none !important;}
    .no-border-select .nav-pills .nav-link.active, .nav-pills .show>.nav-link{border: none !important;}
    .mb-main-step-block-caption{background-color: #FF0606;padding: 5px 0;}
    .mb-main-step-block-caption .nav-link{color: #fff;font-family: 'Roboto';font-weight: normal;font-style: normal;font-size: 14px;padding: 0 !important;text-transform: capitalize;}
    .mb-main-step-block-caption  .nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #fff !important;background-color: transparent !important;border-bottom: 2px solid #ECC647 !important;border-radius: 0px !important;}
    .mb-main-step-block-caption ul li button{position: relative;}
    .proceed-btn {background-color: #FF0606;position: relative;cursor: pointer;padding: 5px 0;border-radius: 5px;}
    .proceed-btn button {color: #fff;font-size: 14px;font-family: 'Roboto';font-weight: normal;font-style: normal;text-transform: uppercase;border: none;text-align: center;width: 100%;}
    .proceed-btn-icon {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);line-height: 0;}
    .proceed-btn-icon img {width: 20px;}
    .mb-product-quick-view-caption{background-color: #000;padding: 15px 10px 35px 15px;}
    .mb-product-quick-view-caption .product-detail ul li p{color: #999999;font-size: 13px;font-family: 'Roboto';font-weight: 500;font-style: normal;text-transform: capitalize;}
    .mb-product-quick-view-caption .update-total-caption p{color: #fff;font-size: 13px;font-family: 'Roboto';font-weight: 500;font-style: normal;text-transform: capitalize;}
    .mb-product-quick-view{position: fixed;bottom: 60px;left: 0;width: 100%;transform: scale(0.5);opacity: 0;visibility: hidden;transition: 0.4s ease-in-out;}
    .mb-product-quick-view.active{transform: inherit;opacity: 1;visibility: visible;}
    .view-system-block{position: fixed;width: 100%;height: 0;background-color: rgba(53,51,51,0.9);top: 100%;left: 0;z-index:3;opacity: 0;visibility: hidden;transition: 0.5s ease-in-out;}
    .view-system-block.active{height: calc(100% - 60px);opacity: 1;visibility: visible;top: 0;}
    .view-system-block::after{position: absolute;content: "";width: 100%;height: 100%;background-color: #40404093;top: 0;left: 0;}
    .view-system-caption{position: relative;z-index: 999;height: 100%;overflow-x: hidden;}
    .view-system-item h5{color: #fff;font-size: 18px;font-family: 'Teko';font-weight: normal;text-transform: uppercase;text-align: left;letter-spacing: 1px;}
    .view-system-item .category p{color: #fff;text-transform: uppercase;font-size: 10px;font-family: 'Roboto';font-weight: normal;}
    .view-system-item .model-name p{color: #fff;text-transform: uppercase;font-size: 10px;font-family: 'Roboto';font-weight: normal;}
    .view-system-item .price p{color: #fff;font-size: 14px;font-family: 'Teko';font-weight: normal;}
    .view-system-item .edit-btn button{color: #fff;text-transform: uppercase;font-size: 10px;font-family: 'Roboto';font-weight: normal;border: none;}
    .view-system-item ul li{border-bottom: 1px solid #000;padding-bottom: 10px;margin-bottom: 10px;}
    .view-system-item ul li .category{flex-basis: 30%;}
    .view-system-item ul li .model-name{flex-basis: 30%;}
    .view-system-item ul li .price{flex-basis: 15%;}
    .view-system-item ul li .edit-btn{flex-grow: 1;}
    .view-system-item ul li{text-align: left;column-gap: 20px;width: 95%;}
    .view-system-caption::-webkit-scrollbar {width: 5px;}
    .view-system-caption::-webkit-scrollbar-track {background-color: #b1b1b1;}
    .view-system-caption::-webkit-scrollbar-thumb {background-color: #ff0606;}
    .view-system-caption .view-system-box{margin-bottom: 20px;}
    .view-system-caption .view-system-box:last-child{margin-bottom: 0;}
    .view-system-content{position: relative;z-index: 1;padding: 50px 0 15px 15px;height: 100%;}
    .view-system-content .current-price-block{position: absolute;left: 15px;bottom: 26px;}
    .view-system-content .current-price-block .current-total-price p{font-size: 16px;color: #fff;font-weight: normal;}
    .view-system-close-caption{width: 30px;height: 30px;background-color: #000;display: flex;align-items: center;justify-content: center;}
    .view-system-close-caption i{color: #FFFFFF;}
    .view-system-close-btn{position: absolute;right: 10px;top: 3px;z-index: 9;cursor: pointer;}
    .mb-top-bar{width: 100%;background-color: #000;padding: 12px 0;}
    /* .mb-filter-option{position: fixed; top: 4px; right: 12px;} */
    .side-block{width: max-content;}
     h5.modal-title {font-size: 22px;}
    .btn-close{background-size: 12px;}
    .modal-content-caption{padding: 10px 15px 15px 15px !important;}
    .accordion-button::after, .accordion-button:not(.collapsed)::after {font-size: 12px;width: 40px;height: 40px;}
    .accordion-button, .form-check label{font-size: 12px;}
    .accordion-button{height: 40px;}
    .accordion-body{padding: 10px !important;}
    .mb-build-cpu-block{width: 300px;right: 0;position: fixed;top: 40%;left: 50%;transform: translate(-50%,-50%);display: none;z-index: 3;}
    .mb-build-cpu-block.active{display: block;}
    .modal-footer{width: 100%;}
    .proceed-btn-block, .mb-change-item-block{width: 100%;}
    .mb-main-cpu-content{position: relative;}
    .mb-case-content .case-box-img img{width: 300px;height: 300px;object-fit: fill;}
    .mb-product-quick-view button{text-transform: capitalize;padding: 5px 0;}
    .mb-product-quick-view .proceed-btn{padding: 0;}
    .proceed-btn-icon i{color: #fff;font-size: 14px;}
    .mb-change-item-btn {background-color: transparent;position: relative;cursor: pointer;border-radius: 5px;border: 1px solid #FF0606;}
    .mb-change-item-block .proceed-btn-icon{left: 15px;right: inherit;}
    .mb-full-modal .modal-content-caption{width: 100%;}
    .mb-full-modal .modal-content::before{width: 0;}
    .mb-full-modal .modal-content::after{width: 100%;background-color: #000 !important;}
    .mb-full-modal .modal-content{background-color: #000 !important;width: 100%;height: calc(100% - 72px);position: fixed;left: 0;top: 0;justify-content: end;}
    .mb-full-modal h5.modal-title {position: fixed;left: 50%;transform: translateX(-50%);top: 4px;color: #fff;font-size: 18px;font-family: 'Roboto';font-weight: 500;font-style: normal;text-transform: capitalize;letter-spacing: 0px !important;}
    .mb-full-modal .btn-close {position: absolute;left: 20px;top: 56px;background: url(../img/back-icon.svg) !important;background-repeat: no-repeat !important;background-size: 9px !important;width: max-content;z-index: 2;}
    .mb-product-des h6{color: #FE0000;font-size: 24px;font-family: 'Roboto';font-weight: 500;font-style: normal;text-transform: capitalize;}
    .mb-product-des ul li p {color: #999999;font-size: 13px;font-family: 'Roboto';font-weight: 500;font-style: normal;text-transform: capitalize;}
    .mb-product-des ul li p.title{min-width: 20%;}
    .mb-full-modal .modal-body{max-height: 150px;}
    .mb-full-modal .modal-body::-webkit-scrollbar-track {background-color: #b1b1b1;}
    .mb-full-modal .modal-body::-webkit-scrollbar-thumb {background-color: #ff0606;}
    .mb-product-block-body::-webkit-scrollbar-track {background-color: #e61313;}
    .mb-product-block-body::-webkit-scrollbar-thumb {background-color: #ff0606;}
    .mb-block-item::-webkit-scrollbar-track {background-color: #b1b1b1;}
    .mb-block-item::-webkit-scrollbar-thumb { background-color: #ff0606;}
    .mb-inner-step-btn .icon{width: 30px;height: 30px;background-image: url(../img/lock.svg);background-size: 20px;background-repeat: no-repeat !important;background-position: center;}
    .mb-inner-step-block button{width: 100%;padding: 0;}
    .mb-inner-step-btn-caption p.inner-step-name{font-family: 'Roboto';font-weight: normal;font-style: normal;font-size: 18px;color: #fff;text-transform: uppercase;letter-spacing: 1px;}
    .mb-inner-step-btn-caption p.inner-product-select-name{font-family: 'Roboto';font-weight: normal;font-style: normal;font-size: 12px;color: #fff;text-transform: uppercase;width: 200px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .mb-inner-step-btn .item-no span{font-size: 10px;font-family: 'Roboto';font-weight: normal;font-style: normal;color: #fff;}
    .mb-inner-step-block .nav-pills .nav-link.active{background-color: transparent !important;}
    .mb-inner-step-block .nav-pills .nav-link.active .mb-inner-step-btn-caption p.inner-step-name{color: #ECC647;}
    .mb-inner-step-block button.nav-link.inner-step-unlock .mb-inner-step-btn .icon{width: 30px;height: 30px;background-image: url(../img/play_btn.png) !important;background-size: 20px;background-repeat: no-repeat !important;background-position: center;}
    .mb_progress-container {display: flex;justify-content: space-between;position: relative;max-width: 100%;width: 95%;height: 100%;flex-direction: column;}
    .mb_progress-container::before {content: "";background-color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%;width: 3px;z-index: 1;box-shadow: 0px 0px 10px 3px #ff0606;}
    .mb_progress {background-color: #ECC647;position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 0%;max-height: 100%;width: 3px;z-index: 1;transition: 0.4s ease;}
    .mb_circle {background-color: #000;color: #9999;border-radius: 50%;height: 15px;width: 15px;display: flex;align-items: center;justify-content: center;border: 2px solid #fff;transition: 0.4s ease;z-index: 1;position: relative;}
    .mb_circle.mb_progress-active {border-color: #000;background: #fff;position: relative;}
    .mb_circle.mb_progress-active::after {position: absolute;color: #1FEE4F;top: 50%;left: 50%;transform: translate(-50%, -50%);font-family: 'Font Awesome 5 Free';font-size: 14px;content: "\f00c";font-weight: 900;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;background-size: 0 !important;font-size: 10px;padding-top: 3px;}
    .mb-inner-step-block{width: 100%;height: 100%;position: relative;}
    .mb-inner-step-block ul{padding-left: 30px;}
    .mb_progress-caption{position: absolute;top: 0;left: 0;height: 100%;}
    /* .mb-inner-product-listing-block{position: absolute;top: 0;left: 0;z-index: 2;} */
    .mb-step-category-title{width: 100%;text-align: center;border: 1px solid #FF0606;padding: 2px 10px;background-color: #000; position: fixed; top: 36px; left: 0;}
    .mb-step-category-title p{color: #ECC647;font-size: 14px;font-family: 'Roboto';font-weight: normal;font-style: normal;text-transform: uppercase;}

    /* // <=========== mobile build-cpu block start ===========> */

    .mb-processor-product-block{position: absolute;;z-index: 1;}
    .mb-motherboard-product-block{position: absolute;}
    .mb-graphics-product-block{position: absolute;}
    .mb-memory_ram-product-block{position: absolute;}
    .mb-cooler-product-block{position: absolute; z-index: 2;}
    .mb-power_supply-product-block{position: absolute;z-index: 1;}

    /* <----- mobile case-1 product content start ---------> */
    .mb-processor-product-block.mb-case-1, .preview-img-block .processor-product-block.case-1 {top: 74px;left: 85px;}
    .mb-processor-product-block.mb-case-1 .img-block img, .preview-img-block .processor-product-block.case-1 .img-block img {width: 31px;height: 32px;}
    .mb-motherboard-product-block.mb-case-1, .preview-img-block .motherboard-product-block.case-1 {top: 34px;left: 17px;}
    .mb-motherboard-product-block.mb-case-1 .img-block img, .preview-img-block .motherboard-product-block.case-1 .img-block img {width: 153px;height: 155px;}
    .mb-graphics-product-block.mb-case-1, .preview-img-block .graphic-product-block.case-1 {left: 17px;bottom: 137px;}
    .mb-graphics-product-block.mb-case-1 .img-block img, .preview-img-block .graphic-product-block.case-1 .img-block img {width: 125px;height: 28px;}
    .mb-memory_ram-product-block.mb-case-1, .preview-img-block .ram-product-block.case-1 {left: 137px;top: 46px;}
    .mb-memory_ram-product-block.mb-case-1 .img-block img, .preview-img-block .ram-product-block.case-1 .img-block img {width: 4px; height: 87px;}
    .mb-memory_ram-product-block.mb-case-1 .two-ram-product .img-block img, .preview-img-block .ram-product-block.case-1 .two-ram-product .img-block img{width: 10px;}
    .mb-cooler-product-block.mb-case-1, .preview-img-block .cooler-product-block.case-1 {left: 69px;top: 61px;}
    .mb-cooler-product-block.mb-case-1 .img-block img, .preview-img-block .cooler-product-block.case-1 .img-block img {width: 64px;height: 64px;}
    .mb-power_supply-product-block.mb-case-1, .preview-img-block .powersupply-product-block.case-1 {right: 64px;top: 109px;}
    .mb-power_supply-product-block.mb-case-1 .img-block img, .preview-img-block .powersupply-product-block.case-1 .img-block img { width: 32px;height: 20px;}
    /* <----- mobile case-1 product content start ---------> */

    /* <----- mobile case-2 product content start ---------> */
    .mb-processor-product-block.mb-case-2, .preview-img-block .processor-product-block.case-2{top: 80px;left: 101px;}
    .mb-processor-product-block.mb-case-2 .img-block img, .preview-img-block .processor-product-block.case-2 .img-block img {width: 30px;height: 26px;}
    .mb-motherboard-product-block.mb-case-2, .preview-img-block .motherboard-product-block.case-2 {top: 32px;left: 19px;}
    .mb-motherboard-product-block.mb-case-2 .img-block img, .preview-img-block .motherboard-product-block.case-2 .img-block img{width: 168px;height: 188px;}
    .mb-graphics-product-block.mb-case-2, .preview-img-block .graphic-product-block.case-2 {left: 21px;bottom: 135px;}
    .mb-graphics-product-block.mb-case-2 .img-block img, .preview-img-block .graphic-product-block.case-2 .img-block img {width: 119px;height: 28px;}
    .mb-memory_ram-product-block.mb-case-2, .preview-img-block .ram-product-block.case-2 {left: 148px;top: 51px;}
    .mb-memory_ram-product-block.mb-case-2 .img-block img, .preview-img-block .ram-product-block.case-2 .img-block img {width: 3px; height: 80px;}
    .mb-memory_ram-product-block.mb-case-2 .two-ram-product .img-block img, .preview-img-block .ram-product-block.case-2 .two-ram-product .img-block img{width: 10px;}
    .mb-cooler-product-block.mb-case-2, .preview-img-block .cooler-product-block.case-2 {left: 88px;top: 66px;}
    .mb-cooler-product-block.mb-case-2 .img-block img, .preview-img-block .cooler-product-block.case-2 .img-block img {width: 56px;height: 56px;}
    .mb-power_supply-product-block.mb-case-2, .preview-img-block .powersupply-product-block.case-2 {left: 25px;bottom: 23px;}
    .mb-power_supply-product-block.mb-case-2 .img-block img, .preview-img-block .powersupply-product-block.case-2 .img-block img { width: 83px;height: 37px;}
    /* <----- mobile case-2 product content start ---------> */

    /* <----- mobile case-3 product content start ---------> */
    .mb-processor-product-block.mb-case-3, .preview-img-block .processor-product-block.case-3 {top: 69px;left: 98px;}
    .mb-processor-product-block.mb-case-3 .img-block img, .preview-img-block .processor-product-block.case-3 .img-block img {width: 30px;height: 26px;}
    .mb-motherboard-product-block.mb-case-3, .preview-img-block .motherboard-product-block.case-3 {top: 23px;left: 14px;}
    .mb-motherboard-product-block.mb-case-3 .img-block img, .preview-img-block .motherboard-product-block.case-3 .img-block img {width: 172px;height: 187px;}
    .mb-graphics-product-block.mb-case-3, .preview-img-block .graphic-product-block.case-3 {left: 16px;bottom: 145px;}
    .mb-graphics-product-block.mb-case-3 .img-block img, .preview-img-block .graphic-product-block.case-3 .img-block img {width: 119px;height: 28px;}
    .mb-memory_ram-product-block.mb-case-3, .preview-img-block .ram-product-block.case-3 {left: 146px;top: 41px;}
    .mb-memory_ram-product-block.mb-case-3 .img-block img, .preview-img-block .ram-product-block.case-3 .img-block img {width: 3px; height: 80px;}
    .mb-memory_ram-product-block.mb-case-3 .two-ram-product .img-block img, .preview-img-block .ram-product-block.case-3 .two-ram-product .img-block img{width: 10px;}
    .mb-cooler-product-block.mb-case-3, .preview-img-block .cooler-product-block.case-3 {left: 85px;top: 57px;}
    .mb-cooler-product-block.mb-case-3 .img-block img, .preview-img-block .cooler-product-block.case-3 .img-block img {width: 56px;height: 56px;}
    .mb-power_supply-product-block.mb-case-3, .preview-img-block .powersupply-product-block.case-3 {left: 25px;bottom: 26px;}
    .mb-power_supply-product-block.mb-case-3 .img-block img, .preview-img-block .powersupply-product-block.case-3 .img-block img { width: 70px;height: 33px;}
    /* <----- mobile case-3 product content start ---------> */

    /* <----- mobile case-4 product content start ---------> */
    .mb-processor-product-block.mb-case-4, .preview-img-block .processor-product-block.case-4 {top: 154px;left: 83px;}
    .mb-processor-product-block.mb-case-4 .img-block img, .preview-img-block .processor-product-block.case-4 .img-block img {width: 34px;height: 34px;}
    .mb-motherboard-product-block.mb-case-4, .preview-img-block .motherboard-product-block.case-4 {bottom: 22px;left: 21px;}
    .mb-motherboard-product-block.mb-case-4 .img-block img, .preview-img-block .motherboard-product-block.case-4 .img-block img {width: 144px;height: 168px;}
    .mb-graphics-product-block.mb-case-4, .preview-img-block .graphic-product-block.case-4 {left: 17px;bottom: 52px;}
    .mb-graphics-product-block.mb-case-4 .img-block img, .preview-img-block .graphic-product-block.case-4 .img-block img {width: 119px;height: 28px;}
    .mb-memory_ram-product-block.mb-case-4, .preview-img-block .ram-product-block.case-4 {left: 135px;top: 124px;}
    .mb-memory_ram-product-block.mb-case-4 .img-block img, .preview-img-block .ram-product-block.case-4 .img-block img {width: 3px; height: 92px;}
    .mb-memory_ram-product-block.mb-case-4 .two-ram-product .img-block img, .preview-img-block .ram-product-block.case-4 .two-ram-product .img-block img{width: 10px;}
    .mb-cooler-product-block.mb-case-4, .preview-img-block .cooler-product-block.case-4 {left: 68px;top: 139px;}
    .mb-cooler-product-block.mb-case-4 .img-block img, .preview-img-block .cooler-product-block.case-4 .img-block img {width: 63px;height: 68px;}
    .mb-power_supply-product-block.mb-case-4, .preview-img-block .powersupply-product-block.case-4 {left: 23px; top: 22px;}
    .mb-power_supply-product-block.mb-case-4 .img-block img, .preview-img-block .powersupply-product-block.case-4 .img-block img { width: 127px;height: 73px;}
    /* <----- mobile case-4 product content start ---------> */

    .preview-img-block .mb-build-cpu-block{width: 300px;}
    .preview-img-block .case-content .case-box-img img{width: 300px; height: 300px; object-fit: fill;}

    /* // <=========== mobile build-cpu block end ===========> */


    .product-des p {color: #DCDCDC;font-size: 14px;font-family: 'Roboto';font-weight: normal;text-transform: uppercase;text-align: left;}
    #mb_processor-clock_filter .product-des p {font-size: 14px;}
    .product-des span {color: #fff;font-size: 18px;font-family: 'Teko';font-weight: 100;text-transform: uppercase;}
    #mb_processor-clock_filter .product-block ul{width: 100%;}
    #mb_processor-clock_filter .main-product-box .short-des p {font-family: 'Teko';font-weight: 300;font-style: normal;color: #fff;font-size: 13px;line-height: 14px;}
    span.selecte-span {color: #4CEC47;display: none;font-size: 18px;}
    #mb_processor-clock_filter .performance-box-item .product-des {flex-grow: 1;padding: 5px 10px;background-color: #0D0A0A30;display: flex;flex-direction: column;justify-content: center;}
    #mb_processor-clock_filter button.apply-filterbtn {font-size: 14px;}
    #mb_processor-clock_filter p.model-des{font-size: 14px;line-height: 20px;text-align: center;}
    .clock_processor .modal-content-caption{padding: 20px !important;}
    #mb_processor-clock_filter .modal-content{background-color: #888282 !important;}
    .mb-single-product-block .case-box-img {width: 80%;margin: 0 auto; height: 320px;}
    .mb-single-product-block .case-box-img img {width: 100%;height: 100%;object-fit: contain;}
    .mb-single-product-block .modal-content{justify-content: start;height: calc(100% - 61px);}
    .mb-single-product-block .modal-footer{position: absolute;bottom: 30px;left: 0;padding: 0 20px 0 12px;}
    .mb-single-product-block .product-name p {color: #DCDCDC;font-size: 16px;font-family: 'Roboto';font-weight: normal;font-style: normal;text-transform: uppercase;text-align: center;}
    .mb-single-product-block .modal-body {max-height: 100% !important;position: absolute;top: 40px;height: calc(100% - 155px);display: flex;justify-content: center;align-items: center;width: 100%;left: 0;padding-right: 0px !important;}
    .back-quick-preview-btn {background-color: #000;border: 1px solid #FF0606;border-radius: 5px;padding: 0 10px;}
    .back-quick-preview-btn i{color: #fff;font-size: 12px;}
    .back-quick-preview-btn button{color: #fff;font-size: 14px;font-family: 'Roboto';font-weight: 100;font-style: normal;}
    .step-count span{color: #ECC647;font-size: 14px;font-family: 'Roboto';font-weight: 100;font-style: normal;text-transform: uppercase;}
    .overview-content .single-preview-block .product-description-block .title-des p{margin-top: 10px;font-size: 14px;}
    .overview-content .single-preview-block .product-description-block .title-block p {font-size: 20px;}
    .overview-content .single-preview-caption .product-description-block .row{row-gap: 20px;}
    .overview-content .tab-header-item .nav-pills .nav-link{font-size: 12px;}
    .overview-content .tab-header-item .nav-pills .nav-link.active::after {bottom: -30px;}
    a.proceed-btn{padding: 5px 0 !important;}

    .step-left-icon img{width: 20px; vertical-align: baseline;}
    .down-arrow-icon img{width: 12px; margin-top: -5px;}
    .stepitem_dropdown_block{position: fixed; width: 100%; left: 0; top: 0px; padding-top: 35px; height: 68px; z-index: 2; background-color: #000; opacity: 0; visibility: hidden;}
    .stepitem_dropdown_block.active{opacity: 1; visibility: visible;}
    .stepitem-dropdown-close-btn{position: absolute;right: 10px;top: 8px;z-index: 9;cursor: pointer;}
    .stepitem-dropdown-close-caption{width: 20px; height: 20px; background-color: #000;display: flex;align-items: center;justify-content: center;}
    .stepitem-dropdown-close-caption i{color: #FFFFFF;}
    .dropdown-innerstep{position: fixed; top: 68px; left: 0; width: 100%; padding: 20px 15px 1000rem 15px; z-index: 99; display: none; background-color: #000;}
    .dropdown-innerstep.active{display: block;}
    .view-spec-block{height: calc(100% - 60px); padding: 15px; justify-content: center; display: block !important; }
    .view-spec-content h5{margin-bottom: 15px !important;}
    .view-spec-block .img-block{padding-top: 0;}
    .view-spec-content .item-detail ul li p{font-size: 12px; line-height: 18px;}
    .signup-wapper .full-wapper{display: block; padding-top: 15px;}
    .table th, .table tr td{font-size: 12px; padding: 7px;}
    .table{border-radius: 2px;}
    .table tr td .action-caption a{width: 25px; height: 25px;}
    .table tr td .action-caption a i{font-size: 10px;}
    .profile-main-block .banner-bg{ height: auto !important; background: none; background-color: #fff;}
    /* .main-content{background-color: #fff;} */
    .order-view-block .top-bar-section ul li p{font-size: 14px; padding: 8px 25px;}
    .order-view-block .top-bar-section ul li p.title-des{border-radius: 0px !important; min-width: 40%; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important;}
    .order-view-block .top-bar-section ul{grid-template-columns: repeat(1, 1fr); grid-gap: 5px;}
    .order-view-block .top-bar-section ul li{flex-direction: row !important;}
    .order-view-block .top-bar-section ul li p{padding: 8px;}
    .order-view-block .top-bar-section ul li p.title-cap{flex-grow: 1;}
    .no-order-caption h5{font-size: 18px;}
    .no-order-caption .img-bar{width: 70%;}
    .no-order-caption p{font-size: 14px;}
    .order-view-block .top-bar-section ul li.amount-box p.title-cap{background-color: #FF0606; color: #fff; font-size: 16px;}
    .order-view-block .top-bar-section ul li.amount-box{padding: 0;}
    .single-preview-caption .title-des{max-height: 100%;}
    .section-item{padding-top: 36px;}
    .view-spec-block .item-detail span{color: #fff !important; font-size: 16px !important; margin: 10px 0 25px 0; letter-spacing: 0px;}
    .view-spec-close-btn{ z-index: 999; }
    /* .view-spec-close-btn.active{opacity: 1; transition: 1s ease-in-out;} */

    /* <========== side-navigation-bar start ============>  */
    .side-bar {width: 80%;height: 100vh; overflow-y: auto; box-shadow: rgb(0 0 0 / 20%) 4px 9px 25px -6px; background: #fff;position: fixed;left: -100%;top: 0;transition: 0.5s ease-in-out;z-index: 999; padding: 50px 0px;}
    .side-bar.active {left: 0;}
    .sidebar-navigation a{padding: 10px 18px; text-transform: capitalize; font-size: 16px; transition: 0.3s ease-in-out; display: inline-block; width: 100%; font-family: 'Roboto'; font-weight: normal; color: #000; border-bottom: 1px solid #e8e8e8;}
    .sidebar-navigation a i{font-size: 14px; margin-right: 10px; color: #333333;}
    .sidebar-navigation a:hover{color: #fff; background-color: #FE0000;}
    .sidebar-navigation a:hover i{color: #fff;}
    /* <========== side-navigation-bar end ============>  */

    .mb-header{display: block;}
    .ds-header{display: none;}
    .edit-block{left: 0; transform: inherit; position: relative; bottom: 0;}
    a.edit-block-icon{margin: 25px auto 0 auto;}
    .order-view-block{height: calc(100vh - 36px) !important;}
    .overview-content .tab-header-item ul{width: 80%; left: 10%;}

    .left-step-dropdown .step-left-icon svg{width: 17px; margin-top: -5px;}
    .left-step-dropdown .step-left-icon svg{fill: #FF0000;}
    .left-step-dropdown .case-icon svg{width: 10px !important;}
    /* .left-step-dropdown .case-icon svg .fill-none path{fill: none !important;} */
}

@media (max-width: 576px){

    .overview-content .single-preview-block .product-name p {font-size: 16px}
    .overview-content .single-preview-block .product-description-block .title-block p {font-size: 16px;}
    .overview-content .single-preview-block .category-name p {font-size: 24px;}
    .bottom-bar-item .right-side ul li a i {font-size: 10px;}
    .bottom-bar-item .right-side ul li a {font-size: 16px;}
    .bottom-bar {padding: 10px 0;}
    .top-bar-item p{width: 200px;font-size: 10px;}
    .logo-bar img {width: 70px;}
    .overview-content .tab-header {height: 29px;}
    .overview-content .tab-header-item .nav-pills .nav-link.active::after {bottom: -26px;}
    .overview-content .single-preview-caption .img-block{margin: 30px !important;}
    /* .overview-content .overview_step_block_item .nav-pills .nav-link {width: 81px;height: 37px;} */
    .overview-content .single-preview-caption .img-block{width: 200px;}
    .overview-content .overview_step_block_item .nav-pills .nav-link p {font-size: 8px !important;}
    .overview-content .overview_step_block .nav{gap: 10px !important;}
    h1 {font-size: 20px;margin: 10px auto;}
    /* .overview-content .preview-img-block {width: 300px;} */
    .overview-content .category-product-listing .view-system-caption{margin-top: 25px;}
    .overview-content .category-product-listing .view-system-item h5 {font-size: 18px !important;}
    .category-product-listing .view-system-item .category p {font-size: 10px;}
    .category-product-listing .view-system-item .model-name p {font-size: 10px;}
    .category-product-listing .view-system-item .price p {font-size: 14px;}.overview-content .edit-btn img{width: 13px;}
    .overview-content .view-system-caption .view-system-box {margin-bottom: 10px;}
    .overview-content .overview-price-block .current-total-price p {font-size: 24px;}
    .overview-content .current-total-price span {font-size: 24px;}
    .overview-content .category-product-box {height: 150px;padding: 10px;}
    .overview-content .category-block .product-name p {font-size: 10px;}
    .overview-content .checkout-btn a {width: 80px;}
    .overview-content .overview_step_block .nav{width: calc(100% - 80px); padding-bottom: 10px;}
    .view-spec-content h5{font-size: 22px;}
    .view-spec-block .img-block{margin-bottom: 20px;}
    .view-spec-content p.product-price{font-size: 25px;}
    .view-spec-close-btn{right: 0px; top: 0px;}
    .mb-product-item-des .product-price p{font-size: 14px;}
    .mb-product-item-des .product-price{flex-basis: 44%;}
    .form-block{padding: 30px 15px;}
    .form-block .logo-bar img{width: 120px;}
    h5.form-title{font-size: 22px; margin-bottom: 30px;}
    .form-block .logo-bar{margin-bottom: 35px;}
    .profile-main-block .tab-body-content .bg-white{padding: 15px 10px; border-radius: 0px;}
    .avatar-upload .avatar-preview{height: 200px;}
    .avatar-upload{max-width: 100%;}
    .profile-pic-block{padding: 10px;}
    .avatar-upload .avatar-edit input + label{font-size: 14px; margin-top: 10px;}
    .avatar-upload .avatar-preview{border-width: 1px;}
    button.red-btn{ font-size: 14px;}
    .profile-tab-block .input-box label{font-size: 14px;}

    .order-view-block .profile-tab-block .tab-body-content{padding: 0;}
    .tab-body-content .main-title p{font-size: 18px; padding: 20px 0;}
    .order-view-block .detail-title h5{font-size: 20px; height: 35px; padding: 5px 20px 0 20px;}
    .order-view-block .detail-title{top: -35px;}
    .tab-body-content .detail-item{padding: 10px;}
    .order-view-block .main-detail-block .detail-item{margin-top: 55px;}
    .order-view-block .main-detail-block .list-box .list-box-item{padding: 10px;}
    .order-view-block .detail-item-list .list-box-item p, .order-view-block .detail-item-list .list-box-item h5{font-size: 13px;}
    .order-view-block .detail-item-list .list-box-item p.product-name{font-size: 12px;}
    .order-view-block .detail-item-list .list-box-item p.product-type{min-width: 100px;}
    .order-view-block .bot-bar{width: 100%; padding: 10px; margin: 20px auto 0 auto;}
    .bot-bar-caption p{font-size: 16px;}
    .bot-bar-caption p span{font-size: 17px;}
    .banner-block{height: calc(100vh - 86px);}
    button.red-btn{width: 100%; margin-top: 20px;}
    .order-view-block .top-bar-section{padding: 0;}
    .overview-content .single-preview-block .product-description-block .title-des p{font-size: 12px;}
    .overview-content{padding-bottom: 65px !important;}
    .single-preview-block .product-description-block .title-block p{margin-bottom: 0 !important;}
    .tab-header::before{border-bottom: 30px solid #000; border-right: 38px solid transparent;}
    .tab-header::after{border-bottom: 30px solid #000; border-left: 38px solid transparent;}
    .overview-content .tab-header-item ul{left: 12%;}

    .category-product-listing .view-system-item h5.overview-edit-title{
        margin-right: 0;
        font-size: 14px !important;
    }
    .edit-btn{
        text-align: right !important;
    }
}

@media (max-width: 420px){

    .btn-close{left: 8px;}
    .mb-product-item-des .product-name p{font-size: 14px;}
    .mb-product-box .mb-product-img-block img {width: 90px;}
    .mb-full-modal h5.modal-title {top: 6px;font-size: 16px;}
    .overview-content .add-cart-btn {padding: 5px 15px;}
    .overview-content .add-cart-btn img {width: 15px;}
}

@media (max-width: 370px){

    .mb-full-modal h5.modal-title {top: 10px;font-size: 14px;}
    .mb-product-des h6{font-size: 20px;}
    .mb-product-item-des .product-name p {font-size: 12px;}
    #mb_processor-clock_filter button.apply-filterbtn {font-size: 12px;}
    #mb_processor-clock_filter .product-des p {font-size: 12px;}
    span.selecte-span {font-size: 14px;}
    .mb-inner-step-btn-caption p.inner-step-name {font-size: 16px;}
    .mb-product-item-des .product-price p{font-size: 12px;}
}