@media (min-width:1600px) {
    .banner-content{margin-top: 80px;margin-bottom: 40px;}
    .banner-text-bar{max-width:920px;}
}


@media screen and (max-width:1800px) {
    .container{max-width:1400px;}    
}
@media screen and (max-width:1580px){
    .container{max-width:100%; padding:0 100px;}

    /****** Header CSS Start ******/
    .brand-logo{max-width:410px;}

    .brand-logo-lg .brand-figure{max-width:570px;}

    .banner-title-bar{margin-bottom:30px;}
    .banner-title{font-size:32px;}
    .banner-pre{font-size:20px;}
    .banner-text-bar{max-width: 760px;}
    /****** Header CSS Start ******/


    .product-row .product-outer{padding:6px 10px;}
    .product-row .product-info{width:100%; max-width:calc(100% - 50px);}
    .product-row .product-price{max-width:80px;}
    .product-row .product-quantity{width:100%; max-width:calc(100% - 170px); margin-left:auto;}
}
@media screen and (max-width:1460px){

    /****** Block/Form CSS Start ******/
    .section-block .section-inner{padding:70px 0;}
    .block-card{margin-top:70px;}
    /****** Block/Form CSS End ******/


    .product-row .product-outer{flex-wrap:wrap;}
    .product-row .product-block-list{--column-gap:20px; --row-col:10px;}
    .product-row .custom-checkbox.item-checkbox .checkmark{bottom:auto; top:18px; left:0px;}
    .product-row .product-info{max-width:calc(100% - 100px);}
    .product-row .product-price{margin-left:0; justify-content:flex-start;}
    .product-row .product-quantity{margin-left:auto; justify-content:flex-end;}
}
@media screen and (max-width:1366px){
    /****** Header CSS Start ******/
    .brand-logo{max-width:390px;}
    .header-bar-inner{min-height:110px;}
    /****** Header CSS Start ******/

    /****** Common CSS Start ******/
    .form-control{height:48px; font-size:16px;}
    /****** Common CSS End ******/

    /****** Block/Form CSS Start ******/
    .section-block .section-inner{padding:65px 0;}
    .badge-label{font-size:28px;}
    .block-form{padding:34px 36px;}
    .block-card{margin-top:65px;}
    .form-title-label{font-size:24px;}

    .form-badge-title{font-size:18px;}
    .form-badge-text{font-size:13px;}
    /****** Block/Form CSS End ******/
}
@media screen and (max-width:1280px){
    .container{max-width:100%;padding:0px 80px;}
    
}
@media screen and (max-width:1140px){
    .container{max-width:100%; padding:0 40px;}

    /****** Header CSS Start ******/
    .header-bar-inner{min-height:100px;}
    .brand-logo{max-width:360px;}
    /****** Header CSS Start ******/

    /****** Common CSS Start ******/
    .form-control{height:44px; border-radius:8px; font-size:15px;}
    /****** Common CSS End ******/

    /****** Block/Form CSS Start ******/
    .section-block .section-inner{padding:60px 0;}
    .badge-label{font-size:24px;}
    .block-form{padding:28px 32px;}
    .block-card{margin-top:60px; --radius:26px;}
    .form-title-label{font-size:22px;}
    .form-badge-title{font-size:16px;}
    .form-badge-text{font-size:13px;}

    .brand-logo-lg .brand-figure{max-width:342px;}

    .banner-outer{padding:30px 0px 30px;}
    .banner-title-bar{margin-bottom:30px;}
    .banner-title{font-size:26px; padding:10px 30px;}
    .banner-pre{font-size:18px;}
    .banner-text-bar{max-width:680px;}
    .banner-pre + .banner-pre{margin-top:18px;}
    /****** Block/Form CSS End ******/


    /****** Submission CSS Start ******/
    .submission-content-block{padding:20px;}
    .submission-figure{margin:0px auto;max-width:360px;}
    .submission-title{font-size:50px;margin-bottom:12px;}
    .submission-pre{font-size:30px;text-wrap:balance;}
    .submission-center .copyright-text{font-size:16px;}
    .submission-center .copyright-wrap{position:absolute;left:0px;bottom:0px;right:0px;}
    /****** Submission CSS End ******/

    /* Preview Page CSS Start */
    .order-title-cols .orderLabel-col{font-size:15px;}
    .order-block-cols .orderLabel-col{font-size:21px;}
    .product-price-label{font-size:21px;}
    .orderLabel-col{width:120px;}
    .order-total-title{font-size:24px;}
    .order-total-label{font-size:24px;}
    /* Preview Page CSS End */
}

@media screen and (max-width:991px){
    .container{max-width:100%; padding:0 36px;}

    /****** Header CSS Start ******/
    .header-bar-inner{min-height:90px;}
    .brand-logo{max-width:320px;}
    /****** Header CSS Start ******/

    /****** Common CSS Start ******/
    .form-control{height:42px; border-radius:6px; font-size:14px;}
    /****** Common CSS End ******/

    /****** Block/Form CSS Start ******/
    .section-block .section-inner{padding:55px 0;}
    .badge-label{font-size:22px;}
    .block-form{padding:24px 28px;}
    .block-card{margin-top:55px; --radius:24px;}
    .form-title{padding:12px 10px 15px 90px; margin-bottom:30px;}
    .title-icon{--bx-size:68px;}
    .title-icon .icon, .title-icon .icon img{max-width:38px;}
    .form-title-label{font-size:20px;}
    .form-badge-title{font-size:15px;}
    .form-badge-text{font-size:12px;}
    /****** Block/Form CSS End ******/


    /* Preview Page CSS Start */
    .order-title-cols .orderLabel-col{font-size:14px;}
    .order-block-cols .orderLabel-col{font-size:20px;}
    .orderLabel-col{width:90px;}
    .product-price-label{font-size:20px;}
    .order-row .product-title{font-size:15px;}
    .order-row .product-outer{min-height:54px;}
    .product-pre{font-size:13px;}

    .order-total-title{font-size:22px;}
    .order-row .order-total-title{font-size:20px;}
    .order-row .order-total-label{font-size:20px;}

    /* Preview Page CSS End */
}

@media screen and (max-width:767px){
    .container{max-width:100%; padding:0 12px;}

    /****** Header CSS Start ******/
    .header-bar-inner{min-height:70px;}
    .brand-logo{max-width:270px;}

    .brand-logo-lg .brand-figure{max-width:274px;}
    .banner-content{margin-top:30px;}
    .banner-title-bar{margin-bottom:20px;}
    .banner-title:after{width:22px; height:12px;}
    .banner-title{font-size:20px; padding:8px 20px;}
    .banner-pre{font-size:15px;}
    .banner-text-bar{max-width:550px;}
    .banner-pre + .banner-pre{margin-top:14px;}
    /****** Header CSS Start ******/

    /****** Common CSS Start ******/
    .form-control{height:38px; border-radius:6px; font-size:13px; padding:0 12px;}
    label{font-size:14px;}
    .custom-select:after{font-size:14px;}
    /****** Common CSS End ******/

    /****** Block/Form CSS Start ******/
    .section-block .section-inner{padding:20px 0;}
    .badge-label{font-size:18px;}
    .block-form{padding:12px 10px; padding-top:24px;}
    .block-card{margin-top:20px; --radius:12px;}
    .form-title-label{font-size:18px;}
    .form-badge-title{font-size:16px;}
    .form-badge-text{font-size:13px;}

    .form-row{--column-count:1; --row-col:14px;}
    .flex-col-1{--column-count:1;}
    .flex-col-2{--column-count:1;}
    .flex-col-3{--column-count:1;}
    .flex-col-4{--column-count:1;}

    .form-badge-inner{border-radius:6px; padding:12px;}
    /****** Block/Form CSS End ******/


    .dropdown{padding:6px 10px; max-height:240px; border-radius:6px;}

    .product-outer{padding-left:8px; padding:8px 8px; gap:4px; flex-wrap:wrap;}
    .product-title{font-size:15px;}
    .product-pre{font-size:12px;}
    .product-info{width:auto;}
    .product-price{max-width:100%; border-radius:6px;}
    .product-price-label{font-size:20px;}

    .product-block-list{padding:10px 10px; border-radius:6px; min-height:38px;}
    .product-block-list .product-outer{padding:6px 10px;}
    .product-block-list .product-info{width:100%; max-width:calc(100% - 50px);}
    .product-block-list .product-price{max-width:80px;}
    .product-block-list .product-quantity{width:100%; max-width:calc(100% - 170px); margin-left:auto;}
    .quantity-value-info{border-radius:6px; min-height:40px;}
    .quantity-value{font-size:20px;}
    .product-row .product-price{height:40px;}

    .total-price-info{min-height:38px; border-radius:6px; padding:4px 10px;}
    .total-price-value{font-size:20px;}

    .select-box{min-height:38px;}
    .search-bar{padding:8px 6px; top:-8px;}
    .search-icon .icon, .search{font-size:16px;}

    .btn-bar-outer{margin-top:30px;}
    .btn-bar-outer .btn{font-size:15px; min-height:46px; min-width:220px; border-radius:6px;}

    .custom-checkbox.item-checkbox .checkmark{top:20px; left:0px;}

    .note-text{font-size:14px; margin-bottom:10px;}
    .product-row .product-info{max-width:calc(100% - 100px);}
    .product-row{padding:10px 10px 14px; border-radius:8px;}

    /****** Submission CSS Start ******/
    .submission-content-block{padding:20px;}
    .submission-figure{margin:0px auto;max-width:220px;}
    .submission-content{padding:16px 8px; display:flex; justify-content:center; flex-wrap:wrap;}
    .submission-title{font-size:28px;margin-bottom:12px;}
    .submission-pre{font-size:16px;}
    .submission-center .copyright-text{font-size:14px;}
    .submission-center .copyright-wrap{position:absolute;left:0px;bottom:0px;right:0px;}
    /****** Submission CSS End ******/

    /* Preview Page CSS Start */
    .preview-row{display:flex; margin-bottom:10px;}
    .preview-form-label{font-size:14px; width:calc(50% - 20px);}
    .preview-form-value{font-size:14px; width:calc(50% - 20px); word-break:break-word;}
    .preview-form-colon{text-align:center; width:40px;}

    .order-title .order-title-cols{display:none;}
    .order-block-cols .d-none{display:block;}
    .order-block-cols{width:100%; margin-top:6px;}
    .order-block-cols .orderLabel-col{flex-direction:column; font-size:16px;}
    .order-block-cols .orderLabel-col.d-none{font-weight:500; font-size:11px;}
    .order-block-cols{justify-content:space-between;}
    .order-block-cols .product-price-label{font-size:16px;}
    .order-row .order-total-title{font-size:18px;}
    .order-row .order-total-label{font-size:18px;}
    .order-block .product-outer{flex-wrap:nowrap; justify-content:space-between; padding:0px; min-height:45px;}
    .vendor-block-text{font-size:14px;}
    .vendor-block-title{font-size:14px; font-weight:500;}

    .block-card  .form-title-label{font-size:16px;}
    .confirm-block .custom-checkbox{font-size:14px;}
    .vendor-block + .vendor-block{margin-top:20px;}
    .preview-btn-outer.btn-bar-outer .btn ,.preview-btn-outer.btn-bar-outer .primary-btn {min-width:inherit; flex:1;}
    .preview-btn-outer{gap:10px;}

    .preview-container .product-info{max-width:calc(100% - 50px);}
    /* Preview Page CSS End */
}

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

@media screen and (max-width:992px) and (orientation:landscape){
}