@media only screen and (min-width: 601px) {
    nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
        height: 50px;
        line-height: 50px;
    }
}



@media only screen and (max-width:1830px){
    .productListSection ul li{
        width: 20%;
    }
    .productListSection ul li .prodImg img{
        max-height: 220px;
    }
    
}
@media only screen and (max-width:1780px){

}

@media only screen and (max-width:1720px){
    .productListSection ul li {
        width: 19%;
    }
}

@media only screen and (max-width:1680px){
    .descriptionArea{
        width: 60%;
    }
}

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

}

@media only screen and (max-width:1599px){
    .grouplistDescription .topArea .title {
        max-width: 45%;
    }
}

@media only screen and (max-width:1460px){
    .descriptionArea{
        width: 50%;
    }
    [type="radio"]:not(:checked) + span, [type="radio"]:checked + span{
        font-size: 13px;
    }
    .bundleOption ul{
        gap: 8px;
    }
    .productGroupCreatArea .uploadPanel .preUpload,
    .totalValueArea .qtyField{
        width: 50%;
    }
    [type="radio"]:not(:checked) + span, [type="radio"]:checked + span{
        padding-left: 25px;
    }
   
}

@media only screen and (max-width:1440px){
    .productListSection ul li {
        width: 24%;
        max-width: 24%;
    }
    .productListSection ul li .prodImg img {
        max-height: 135px;
    }
    .device .bundlePreviewSection .cartArea .checkOutBtn{
        width: 72%;
    }
    .bundlePreviewSection .bundleGroupListingArea{
        overflow-x: scroll;
    }
}

@media only screen and (max-width:1400px){
    .uploadPanel .preUpload .btn{
        padding: 5px 6px;
    }
    
}

@media only screen and (max-width:1366px){
    .productGroupList li{
        flex-direction: column;
    }
    .productGroupList li .groupIcon{
        width: 100%;
    }
    .grouplistDescription {
        width: 100%;
    }
    .grouplistDescription .topArea .title {
        max-width: 100%;
    }
    .grouplistDescription .bottomArea{
        padding: 0px 0px 0 0;
    }
    .actButton a{
        padding: 4px 5px;
        font-size: 11px;
    }   
}

@media only screen and (max-width:1300px){   
   
}

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

    .descriptionArea {
        width: 100%;
    }
    .bundleInputRight {
        padding-right: 190px;
    }
    .valueDisplay{
        width: 150px;
    }
    .valueDisplay span{
        padding: 5px;
    }
    .valueDisplay p{
        font-size: 20px;
    }
    [type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
        font-size: 12px;
    }
    .filterTabBody{
        padding: 10px 10px 0;
    }
}
@media only screen and (max-width:1200px){
    .productListSection ul li .proDescription{
        padding: 5px;
    }
    .input-group .btn{
        padding: 4px 4px;
    }
    .chzn-container-multi .chzn-choices{
        padding: 4px;
    }
    .groupCreateBtn,a.addGroupBtn{
        font-size: 15px;
        padding: 15px 15px;
        font-weight: 600;
    }
}
@media only screen and (max-width:1170px){
    .productListSection ul li {
        width: 18%;
        max-width: 19%;
    }
}
@media only screen and (max-width:1100px){
    .descriptionArea {
        width: 40%;
        gap: 4px;
        padding: 0 0 0 4px;
    }
    .bundleInputRight{
        gap: 4px;
    }
    .valueDisplay span{
        height: 48px;
    }
    .bundleOption .btn-group .btn{
        font-size: 10px;
        padding: 7px 8px;
    }
    .shopifyBundleListing .demoListing ul li {
        width: 32.5%;
    }
}



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

    .sortSection{
        flex: 50%;
    }
    .modal-lg, .modal-xl {
        max-width: 96%;
    }
.device .bundlePreviewSection .cartArea{
    width: 35%;    
}  
.device .bundlePreviewSection .cartArea .amountArea{
    gap: 5px;
} 
.device .bundlePreviewSection .cartArea .amountArea span{
    font-size: 20px;
    font-weight: 500;
}
.device .bundlePreviewSection .cartArea .checkOutBtn{
    padding: 10px 10px;
}

}
@media only screen and (max-width:1023px){

}

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


    .shopifyBundleBody .bundleTitleArea{
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .ListingFilerArea{
        width: 100%;
    }
    .navbar-expand-lg .navbar-collapse.collapse:not(.show) {
        display: none !important;
    }
    .device .bundlePreviewSection .cartArea{
        width: 40%;    
    } 
    .shopifyBundleListing .demoListing ul li {
        width: 49.5%;
    }

}
@media only screen and (max-width:991px){
.bundleTitleArea{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.analytics .ListingFilerArea,
.headerActionSection .ListingFilerArea{
    justify-content: center !important;
}
.formCreationPanel .topAnalyticsArea{
    flex-direction: column-reverse;
}
.formCreationPanel .topAnalyticsArea li{
    width: 100%;
}
.formCreationPanel .topAnalyticsArea li.stickyPosition {
    position: sticky;
    top: 0;
}
.preview-scaled {
    min-height: 300px;
}
.bundleCreateSection {
    padding: 15px 0;
}
.winstern-form .colorPickerSection p{
    left: 0px;
    font-size: 14px;
}
.winstern-form .color-list{
    flex-direction: column;
}
.winstern-form .color-list li {
    margin-bottom: 0px;
}
.userdataTbleArea .ListingFilerArea{
    flex-direction: column-reverse;
}
.userdataTbleArea .ListingFilerArea .dateSelectionArea{
    width: 100%;
}

}


@media only screen and (max-width:896px){}
@media only screen and (max-width:853px){

}
@media only screen and (max-width:850px){}
@media only screen and (max-width:847px){
    .device .bundlePreviewSection .cartArea {
        width: 40%;
    }
    .device .bundlePreviewSection .cartArea .amountArea {
        gap: 5px;
    }
    .device .bundlePreviewSection .cartArea .checkOutBtn{
        gap: 4px;
    }
}
@media only screen and (max-width:824px){

    .bundleCreateSection .createAreaWrapper{
        flex-direction: column;
    }
    .bundleCreateSection .bundleShowArea{
        width: 100%;
        position: relative;
        top: 0;
    }
    .bundleCreateSection .bundleFormArea{
        width: 100%;
    }
    .productGroupView{
        height: 200px;
    }

}
@media only screen and (max-width:812px){}
@media only screen and (max-width:800px){
    .device .bundlePreviewSection .cartArea .checkOutBtn{
        flex-direction: column;
    }
    .device .bundlePreviewSection .cartArea .checkOutBtn .priceBreaks{
        flex-direction: row;
        justify-content: center;
        border-right: none;
        width: 100%;
    }
    .demoListing ul li{
        width: 49%;
    }
    .modal-dialog {
        max-width: 100%;
        margin: 1.75rem 1em;
    }
    .productPreviewModalArea .productDescription .prodTitle{
        font-size: 22px;
    }
    .productDescription .addCartBtn{
        font-size: 16px;
    }
}
@media only screen and (max-width:768px){
   

}
@media only screen and (max-width:767px){

li.draggable-item .itemHeaderSection .prodDescSection,
.variantSection .variantViewSection .prodDescSection{
    width: 100%;
    max-width: 100%;
}
    .bundleFormArea .totalValueArea .qtyField .col-md-6{
        margin: 0 0 6px 0;
    }

    .tuscon-main-block ul.inlineListView{
        flex-direction: column;
    }
    .tuscon-main-block ul.inlineListView li{
        width: 100%;
    }

    /*---- customize page // mobile ----*/

    .subscriptionsArea{
        padding: 0;
    }
    .subscriptionsArea ul.PriceCardList li{
        width: 100%;
    }

    .device.preview_bottom .bundlePreviewSection{
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .bundleCustomizeSection{
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .customizetoolNavArea{
        width: 100%;
        position: relative;
        left: initial;
        top: initial;
        z-index: 10;
        height: 100%;
        padding: 0px;
        border-radius: 0px 0 0 0;
    }
    .customizeBodySection {
        width: 100%;
        height: 100%;
        background-color: var(--color-bg);
        padding: 10px;
        border-radius: 0;
        display: flex;
        overflow: hidden;
    }
    .previewCanvasArea{
        padding: 0px;
    }
    .editorContainer{
        height: 300px;
    }

    .previewDisplay {
        width: 100%;
        height: auto;
        max-height: 800px;
    }

    .shopifyBundleListing .previewDisplay {
        width: 100%;
        height: auto;
        max-height: initial;
    }

    .device.desktop .demoListing ul li {
        width: 48%;
    }
    .device.desktop .demoListing ul li img {
        width: 100%;
        height: 80px;
        object-fit: cover;
    }
    .device.desktop .bundleTitleArea h2{
        font-size: 18px;
    }
    .device.desktop .bundleTitleArea a.showFilterBtn{
        font-size: 8px;
        padding: 4px 6px;
        width: 80px;
    }
    .device.desktop .demoListing ul li .prodTitle{
        font-size: 10px;
    }
    .device.desktop .demoListing ul li .pricing span{
        font-size: 10px;
    }
    .device.desktop .demoListing ul li .variablesArea a {
        font-size: 10px;
        padding: 2px 4px;
        line-height: 120%;
        border-radius: 4px;
    }
    .device.desktop .demoListing ul li a.optionBtn {
        padding: 2px 4px;
        border-radius: 4px;
        font-size: 10px;
    }
    .device.desktop .demoListing ul li .pricing{
        padding: 2px 0;
    }

    /*---- customize page // mobile // end----*/

    .shopifyBundleListing .device .demoListing ul li {
        width: 100%;
    }
    .demoListing ul li.addNewBundle a, .addNewBundle a{
        width: 100%;
        height: 250px;
    }

    .navbar-nav .dropdown-divider{
        height: 1px;
        border-right: none;
        width: 100%;
        border-top: 1px solid rgb(255 255 255 / 75%);;
    }

    .navbar .navbar-toggler-icon i{
        color: #fff;
        height: 24px;
        line-height: 24px;
    }

    .navbar-expand-lg .collapse:not(.show) {
        display: none !important;
    }
    .navbar-expand-lg .navbar-collapse.show{
        display: flex !important;
        width: 100%;
        position: absolute;
        left: 0;
        top: 50px;
        z-index: 100;
        flex-direction: column;
        background: #000;
        align-items: flex-start;
    }
    .navMenubar .menuLinkArea, 
    .navMenubar .menuRightWing,.navMenubar .menuRightWing ul,
    .navMenubar .menuRightWing ul li{
        width: 100%;
    }


    .popupGroupItem{
        width: 250px;
    }
    .popupGroupItem.posRight.popupShow{
        transform: translateX(100%);
        right: 400px;
    }
    .popupGroupItem.posLeft.popupShow {
        transform: translateX(0%);
        left: 150px;
    }
    .shopifyBundleBody .bundleTitleArea a.showFilterBtn span{
        display: none;
    }
    .shopifyBundleBody .bundleTitleArea a.showFilterBtn{
        padding: 4px 5px;
    }

}
@media only screen and (max-width:740px){}
@media only screen and (max-width:736px){}
@media only screen and (max-width:732px){}
@media only screen and (max-width:720px){}
@media only screen and (max-width:667px){}
@media only screen and (max-width:640px){

}
@media only screen and (max-width:600px){}
@media only screen and (max-width:568px){

    .device .bodySection{
        padding: 15px 0;
    }
    .shopifyBundleBody .bundleTitleArea h2{
        font-size: 20px;
        font-weight: 600;
    }
    .filterModalSection .modal-dialog-scrollable{
        max-width: 90%;
    }
    .productModalPop .modal-body {
        padding: 20px;
    }
    .productPreviewModalArea{
        gap: 10px;
        flex-direction: column;
        width: 100%;
    }
    .productPreviewModalArea .productImg,
    .productPreviewModalArea .productDescription{
        width: 100%;
    }
    .bundlePreviewSection .bundleGroupListingArea,
    .device.mobile .bundlePreviewSection .bundleGroupListingArea{
        width: 55%;
    }
    .device .bundlePreviewSection .cartArea,
    .device.mobile .bundlePreviewSection .cartArea{
        width: 45%;
    }
    .device .bundlePreviewSection .cartArea .checkOutBtn .checkouTxt{
        font-size: 18px;
    }

}
@media only screen and (max-width:520px){
    /* .popupGroupItem{
        display: none;
    }
    .popupGroupItem.popupShow{
        display: block;
    } */
    .ListingFilerArea .searchFieldArea {
        width: 40%;
    }
}
@media only screen and (max-width:480px){

    .demoListing ul li {
        width: 100%;
    }
    .bundlePreviewSection .bundleGroupListingArea,
    .device.mobile .bundlePreviewSection .bundleGroupListingArea{
        width: 45%;
    }
    .device .bundlePreviewSection .cartArea,
    .device.mobile .bundlePreviewSection .cartArea{
        width: 55%;
    }
}
@media only screen and (max-width:479px){
 
}
@media only screen and (max-width:460px){}
@media only screen and (max-width:420px){
    .bundlePreviewSection .bundleGroupListingArea,
    .device.mobile .bundlePreviewSection .bundleGroupListingArea{
        width: 50%;
    }
    .device .bundlePreviewSection .cartArea,
    .device.mobile .bundlePreviewSection .cartArea{
        width: 50%;
        gap: 4px;
    }
    .device .bundlePreviewSection .cartArea .checkOutBtn.cartBtn{
        width: 50px;
    }
    .device .bundlePreviewSection .cartArea .checkOutBtn.cartBtn i{
        right: 16px;
        top: 26px;
    }
    .device .bundlePreviewSection .cartArea .checkOutBtn {
        padding: 5px 8px;
    }
    .device .bundlePreviewSection .cartArea .checkOutBtn .priceBreaks .older{
        display: none;
    }
    .device .bundlePreviewSection .cartArea .checkOutBtn .checkouTxt {
        font-size: 16px;
    }
    .device.preview_sticky .bundlePreviewSection{
        gap: 10px;
    }
}
@media only screen and (max-width:414px){}
@media only screen and (max-width:412px){}
@media only screen and (max-width:400px){}
@media only screen and (max-width:380px){}
@media only screen and (max-width:375px){}
@media only screen and (max-width:360px){

}
@media only screen and (max-width:340px){}
@media only screen and (max-width:320px){
   
}


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


@media only screen and (max-height:900px){
    .productListSection ul li {
        width: 19%;
        max-width: 19%;
    }
    .productListSection ul li .prodImg img {
        max-height: 180px;
    }
}

@media only screen and (max-height:800px){
    .productListSection ul li .prodImg img {
        max-height: 160px;
    }
}

@media only screen and (max-height:770px){
    .productListSection ul li .prodImg img {
        max-height: 145px;
    }
}

@media only screen and (max-width:1170px) and (max-height:840px){
    .productListSection ul li {
        width: 19%;
        max-width: 19%;
    }
    .productListSection ul{
        gap: 4px;
        justify-content: space-between;
    }
    .proDescription .prodActionArea{
        flex-direction: column;
    }
    .proDescription h4{
        max-width: 100%;
    }
}

@media only screen and (max-height:800px){
    .groupListShowArea .productGroupList,
    .productGroupList .emptyGroupList{
        height: 220px;
        margin: 0;
    }
}