/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .cart-basket-list .cart-list-dropdown .sel-address .btn-group button.btn{height: auto;}
    .cart-basket-list .cart-list-dropdown .sel-address .btn-group button.btn.dropdown-toggle .select-lbl{}
    .somodel.model-prod-qv .modal-dialog {width: 82%;}
    .somodel.model-prod-qv .modal-dialog .prod-cont .prodcontent{padding: 0; margin-top: 8px;}
    .somodel.model-prod-qv .modal-dialog .prod-cont .prodcontent article{padding: 0;}
    .carlist-wrap .clistarea{}
    /* table.cartlist tbody td.tqty .tqty-wrap{width: 62px;} */
    .orderstatus-panel{margin-bottom: 42px;}
    .clistarea .cart-basket-list{height: auto;}
    
    .cart-list-dropdown .ship-txt{padding-top: 7px;}
    .cart-list-dropdown.form-group{padding-top: 8px;}
    .cart-list-dropdown .sel-address .btn-group ul.dropdown-menu li a{width: auto; padding: 4px 7px;}
    .cart-list-dropdown .sel-address .btn-group ul.dropdown-menu li a .address-excerpt{float: left;}
    .model-change-address.modal .modal-dialog{width: 82%;}
    .somodel.cust-model-win .modal-dialog{width: 82%;}
    
    table.prodlist > tbody > tr > td.tqty{width: 64px;}
    .thankuwrap{width: 80%;}
    .thankuwrap .confirm-wrap-inner{padding-top: 0%;}
    .prodimg{padding: 0;}
     ul.nav.navbar-nav.navbar-right li{padding-left: 8px}
     .product-quantity{text-align: center;}
     .nav_menu .pgtitle h3{font-size:12px;}
     .top-right-content ul.navbar-nav.navbar-right li.user-avatar{padding-left:0px; }
     .quotes-container .titlewrap{height: auto;}
    .orders-container .titlewrap{height: auto;}
    .prodgrid .row.pgridwrap .prod-grid-block .card.card-product .img-wrap{height: 200px;}
    .prodgrid .row.pgridwrap .card.card-product{height: auto;}
    .prodgrid .row.pgridwrap .prod-grid-block .card.card-product .img-wrap-grid img{width: auto;}
    .orders-container .orderwrap .ordertbl td span.dtr-data input[type="button"].btn.addcart.copyorder-btn{background: #4E90E8; border-radius: 3px; padding: 8px 8px; color: #F2F2F2; font-size: 12px; line-height: 14px; text-transform: capitalize; font-weight: 500; box-shadow: 0px 0px 4px rgb(0 0 0 / 20%); margin: 0;}
    .error-msg{width: 80%;}
    .bread-crumb{padding: 10px 16px;}
    
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   .cart-basket-list .cart-list-dropdown .sel-address .btn-group button.btn{}
    .cart-basket-list .cart-list-dropdown .sel-address .btn-group button.btn.dropdown-toggle .select-lbl{}
    .tile_count .tile_stats_count span {font-size: 13px;}
    .orderstatus-panel .btnwrap{width: 100%;}
    .carlist-wrap .clistarea{padding-right: 0;}
    .somodel.model-prod-qv .modal-dialog {width: 96%;}
    .cart-list-dropdown .ship-txt{padding-top: 14px;}
    .cart-list-dropdown .ship-txt{padding-top: 7px;}
    .cart-list-dropdown.form-group{padding-top: 8px;}
    .cart-list-dropdown .sel-address .btn-group ul.dropdown-menu li a{width: auto; padding: 4px 7px;}
    .cart-list-dropdown .sel-address .btn-group ul.dropdown-menu li a .address-excerpt{float: left;}
    table.prodlist > tbody > tr > td.tqty{width: 64px;}
    .thankuwrap{width: 60%;}
    .thankuwrap .confirm-wrap-inner{padding-top: 0%;}
     .prodimg .gallery-wrap .img-big-wrap .splide .splide__track ul.splide__list li.splide__slide img{width: 100%; max-width: 100%;}

     
     ul.nav.navbar-nav.navbar-right li{padding-left: 8px}
     .product-quantity{text-align: center;}
     .nav_menu .pgtitle h3{font-size:12px;}
     .top-right-content ul.navbar-nav.navbar-right li.user-avatar{padding-left:0px; }
     .prod-list-wrap{margin: 0;}
     .quotes-container .titlewrap{height: auto;}
    .orders-container .titlewrap{height: auto;}
    
    
    .orders-container .orderwrap .ordertbl td span.dtr-data input[type="button"].btn.addcart.copyorder-btn{background: #4E90E8; border-radius: 3px; padding: 8px 8px; color: #F2F2F2; font-size: 12px; line-height: 14px; text-transform: capitalize; font-weight: 500; box-shadow: 0px 0px 4px rgb(0 0 0 / 20%); margin: 0;}  
    .view-section-wrap .eqheight-wrap .eqheight-inner .eqheight-block ul.order-listing li .ol-title{display: table-cell; width: 120px;}
    .brandlogo a{ font-size: 26px;}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .top-left-content{width: 100%; float: left;}
    .drop-down-menu.menu-container .wrapper-drop-down-menu.menu{position: relative;}
    .nav_menu .header-title .pgtitle{padding: 2px 0 0 2px;}
    .nav_menu .header-title .pgtitle h3{font-size: 12px;}
    .top-right-content ul.navbar-nav.navbar-right li{width: auto; float: left; }
    .navbar-nav .wallet-stat-wrap ul.wallet-details li.w-amt{padding: 12px 4px 10px 4px;}
    .navbar-nav .wallet-stat-wrap ul.wallet-details li.w-amt.unsused {margin-right: 28px;}
    .navbar-nav .wallet-stat-wrap ul.wallet-details li .walletinfo-wrap .lbl-wrap{ display: block; position: absolute; top: -19px; font-size: 12px; background: #fff;}
    .navbar-nav .wallet-stat-wrap ul.wallet-details li .walletinfo-wrap .unusedp-lbl label{display: none;}
    .navbar-nav .wallet-stat-wrap ul.wallet-details li .walletinfo-wrap .unusedp-lbl::after {content: "Unused";}
    .navbar-nav .wallet-stat-wrap ul.wallet-details li .walletinfo-wrap .balancep-lbl label{display: none;}
    .navbar-nav .wallet-stat-wrap ul.wallet-details li .walletinfo-wrap .balancep-lbl::after {content: "Balance"; }

    .top-right-content ul.navbar-nav.navbar-right li.nav-amount{margin: 0 2% 0 0; padding: 6px 0px;}
    .top-right-content ul.navbar-nav.navbar-right li.nav-amount strong{font-size: 12px;}
    .top-right-content ul.navbar-nav.navbar-right li.currency-tag{margin:0; }
    .top-right-content ul.navbar-nav.navbar-right li.user-avatar{ margin: 0px;}
    .top-right-content ul.navbar-nav.navbar-right li.user-avatar ul.dropdown-menu li{padding: 4px 0; margin:0; width: 100%; border-bottom: 1px solid #e0e0e0;}
    .top-right-content ul.navbar-nav.navbar-right li.user-avatar ul.dropdown-menu li a{color: #383838; font-size: 12px; font-weight: 500;}
    .top-right-content ul.navbar-nav.navbar-right li.user-avatar ul.dropdown-menu li:hover{}
    .navbar-nav .wallet-stat-wrap{margin: 0; margin-bottom: 4px;}
    table.cartlist tbody td.tqty .tqty-wrap{
        width: 62px; flex-direction: column; display: flex; align-items: center; row-gap: 8px;
    }
    .right_col.basket-wrap .basket-content .clistarea .cart-basket-list .cart-list-title{padding: 8px;}
    /* .navbar-nav .open .dropdown-menu{width: 164px;} */
    
    .cart-list-dropdown .sel-address .btn-group ul.dropdown-menu li a{width: auto; padding: 4px 7px;}
    .cart-list-dropdown .sel-address .btn-group ul.dropdown-menu li a .address-excerpt{float: left;}
    .model-change-address.modal .modal-dialog{    width: 100%; min-width: 100%; margin: 0;}
    
    .somodel.model-prod-qv .modal-dialog .modal-content .modal-body .form-wrapper{}
    .model-change-address.modal .modal-dialog .modal-content .modal-footer .btn.btn-newaddress{width: auto;}
    /*.dt-filter-btn.title_left{text-align: center;}*/
    .somodel.cust-model-win .modal-dialog{width: 94%;}
    .somodel.cust-model-win .modal-dialog .modal-content .model-content-inner .container .stepwizard{top: -17px;}
/*    .row.tblcont{margin:0;}*/
    .new-cust-title .btn.btn-info{width: 100%;}
    .nav_menu .cust-title-wrap{margin: 2px 0; /*width: 100%;*/}
    .x_content.ordertbl{padding-right: 15px; padding-left: 15px;}

    table.table thead th.blankthead{display: block; border-right: none; height: 100%; border-bottom: none; vertical-align: middle;}
    table.table thead th{ border-bottom: none;}
    table.table tbody td.blankthead{display: block; border-right: none; text-align: center}
    table.prodlist.prod-list-tbl tbody tr.child td.child{padding: 0;}
    table.prodlist.prod-list-tbl tbody tr.child td.child ul{width: 100%; padding: 8px;}
    table.prodlist.prod-list-tbl tbody tr.child td.child ul li{}
    table.prodlist.prod-list-tbl tbody tr.child td.child ul li .tqtycount.minus{margin: 0;}
    table.prodlist.prod-list-tbl tbody tr.child td.child ul li input[type="text"]{padding: 4px 4px; margin: 0 4px; text-align: center;}
    table.prodlist.prod-list-tbl tbody tr.child td.child ul li input[type="button"].btn.addcart{
        padding: 8px 16px; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); 
    background: #4E90E8;
    border: 1px solid #3c79ca;
    text-transform: uppercase;  
    border-radius: 3px; font-weight: 600; color: #ffffff;
    font-size: 12px; 
    margin-top: 14px;}
    table.prodlist.prod-list-tbl tbody tr.child td.child ul li input[type="button"].btn.addcart:hover{}
    .datecal-wrap .dt-filter-btn .btn-group{margin-top:2px; }
    .dt-filter-btn .btn.btn-primary{padding: 4px 8px;}
    .order-dd-wrap.bootstrap-select {width: 90%; padding: 0; margin: 0;}
    .prodimg .gallery-wrap .img-big-wrap .splide .splide__track ul.splide__list li.splide__slide img{width: auto; max-width: 100%;}
    .somodel.model-prod-qv .modal-dialog{width: 94%;}
    .prodimg .gallery-wrap .img-big-wrap .splide .splide__track ul.splide__list li.splide__slide img{width: auto; max-width: 100%;}
    table.table tbody td.blankthead{display: table-cell; height: 100%;}
    table.table thead th.blankthead{display: block;}
    .somodel.model-prod-qv .modal-dialog{width: 94%;}
    .pgtitle-txt .back-option i{ 
        /* background: #efefef;  */
        padding: 8px 4px;
         /* border-radius: 50px; */
    }
    .pgtitle-txt .back-option .back-lable{
        /* display:none; */
    }
    /*.pgtitle-txt{position: absolute; top: 34px; left: 6px; background: #e4e4e4; padding: 0 8px; height: auto; border-radius: 24px; z-index: 1; border: 1px solid #c4c4c4;}*/

    .quotes-container .titlewrap .datecal-wrap.pgtitle-txt{position: relative; top: 0; left: 0; padding: 0; height: auto;  z-index: 1; background: none; border: none; }
    .quotes-container .titlewrap .datecal-wrap.pgtitle-txt .datecomp.quotes{padding: 0;}
    .quotes-container .titlewrap .datecal-wrap.pgtitle-txt .datecomp.quotes .datecal{text-align: center;}
    .quotes-container .titlewrap .datecal-wrap{width: 100%;}
    .quotes-container .titlewrap .datecal-wrap .dt-filter-btn.title_left{padding: 0;}
    .quotes-container .titlewrap{height: auto;}
    .orders-container .titlewrap{height: auto;}
/*    .pgtitle-txt div:empty::before {content: "No search result;"}*/
    .prod-detail-container .titlewrap .top_search{display: none;}
    .prod-detail-container .titlewrap .page-title .pgtitle-txt{top: 8px;}
    .dataTables_wrapper > .row:first-child{margin-top: 18px;}
    .tblcont.prod-list-wrap > div:first-child{padding: 0;}
    .right_col.prod-list-outer .tblcont.prod-list-wrap .table-cont-inner{width: 100%;}

    .right_col.basket-wrap .tblcont .basket-content{padding: 0;     flex-direction: column; width: 100%;}
    .add-address-wrap .titlewrap .page-title .pgtitle-txt{position: relative; background: none; width: auto; top: 8px; left: 0;}
    .prod-grid-wrap .pgtitle-txt{top: 86px; left: 4%; width: 92%;}
    .prod-cmenu .page-title .prod-custom-menu .custom-nav-inner .pgtitle-txt{top: 90px !important; left: 4%; width: 92%;}
    .prod-detail-container .pgtitle-txt{width: auto;}
    
    .pgtitle-txt .title_left{padding: 0; text-align: center; font-size: 12px;}
    .pgtitle-txt.qdate{position: relative;}
    
    .dataTables_length{float: left; margin: 0 0 0 10px;}
    .prod-list-wrap{margin: 0;}
    .prod-list-wrap .prodltbl {padding: 0;}
    .sidebar-footer a{top: 10px;}
    .userprofile{ margin-top: 8px; margin-bottom: 42px;}
    .uprof-btn-wrap{border: none;}
    .footerbutton .btn.btn-success{margin: 0;}
    .userprofile .uprofinner {padding: 10px 0px;}

    .prodcontent .addbtn{margin-bottom: 50px;}
    .prodcontent .addbtn .btn{width: 100%;}
    table.table > tbody > tr:hover {background: #f9f9f9 !important; color: #3c3c3c;}
    table.table > tbody > tr.active:hover{background: #f6f2a6 !important; color: #3c3c3c;}
    .container.body.toggled .titlewrap .page-title{padding: 0 4px;}
    .container.body.toggled .titlewrap .page-title .datecal-wrap .dt-filter-btn .btn.btn-primary{padding: 4px 4px; font-size: 12px; }
    .container.body.toggled .titlewrap .page-title .title_right .form-group{float: right;}
    .container.body.toggled .titlewrap .page-title .title_right .form-group.top_search{float: left; width: 84%; }
    .prodgrid .row.pgridwrap .prod-grid-block{padding-right: 0; padding-left: 0;}
    .sidebar-footer a{top: 10px;}
    .pagination-wrap{
        /* margin-bottom: 120px; */    margin-top: 24px;
        position: relative;
        z-index: 0;
        flex-direction: column;
        display: flex;
        align-items: center;
        padding: 0;
        width: 100%;}
    .inv-payment-wrap .carlist-wrap .orderstatus-panel{min-height:auto;}

    .tblcont.userslist-wrap .usertbl { overflow-x: scroll;}
    .somodel.user-model-win .modal-dialog{width: 100%;margin: 0;}
    .somodel.user-model-win .modal-dialog .modal-content .container .modal-body .userdetails-wrap{border-right: none;}
    .somodel.user-model-win .modal-dialog .modal-content .container .modal-body .permissions-wrap{border-top:1px solid #C4C4C4; padding-top: 8px;}
    .somodel.user-model-win .modal-dialog .modal-content .container .modal-body .permissions-wrap .form-group.form-check{padding: 0 8px 0 0;}
    .somodel.user-model-win .modal-dialog .modal-content .container .modal-body .permissions-wrap .sb-action-wrap{}
    .somodel.user-model-win .modal-dialog .modal-content .container .modal-body .permissions-wrap .sb-action-wrap .dropdown.bootstrap-select{width: 308px !important;}
    .view-invoice-outer .orderwrap .quotetbl {margin-bottom: 60px;}
    .userslist-outer .tblcont.userslist-wrap{ margin-bottom: 20px; }

    .payview-outer .carlist-wrap .clistarea{overflow-x: scroll;}

    table.dataTable.table > tbody >tr.parent.active + tr.child{background-color: #f6f2a6;}
    /*table.dataTable.table > tbody >tr.parent + tr.child.active{background-color:transparent;}
    table.dataTable.table > tbody >tr.parent + tr.child.active td.child{background-color: transparent;}*/
    .prodgrid .row.pgridwrap{}
    #wrapper.toggled #sidebar-wrapper{z-index: 2;}

    .blockwrap .panel-group.master-accordion .panel-addres-excerpt .panel-heading h4.panel-title{font-size: 14px;}
    .blockwrap .panel-group.master-accordion .panel-addres-excerpt .panel-heading h4.card-subtitle{font-size: 12px;}
    /* .blockwrap .panel-group .address-pane.panel .address-check-wrap{position: relative; width: 100%; top: 10px; right: -12px; margin-bottom: 16px;} */
    .blockwrap .address-pane.panel .inner-panel-block .panel-body .card-primary .btn.btn-newaddress{padding: 8px 12px;}
    .prod-list-outer .titlewrap .page-title .pgtitle-txt{top: 90px; left: 4%; width: 92%;}
    .prodgrid .row.pgridwrap .prod-grid-block .card.card-product .img-wrap-grid img{width: auto; height: 200px;}
    .view-section-wrap .prodltbl.orderviewtbl .dataTables_wrapper > .row:first-child{margin: 0;}
    .view-section-wrap .prodltbl.orderviewtbl{margin-bottom: 80px; padding-top: 0;}
    .shipping-det-wrap{}
    .orders-container .orderwrap .ordertbl td span.dtr-data input[type="button"].btn.addcart.copyorder-btn{background: #4E90E8; border-radius: 3px; padding: 8px 8px; color: #F2F2F2; font-size: 12px; line-height: 14px; text-transform: capitalize; font-weight: 500; box-shadow: 0px 0px 4px rgb(0 0 0 / 20%); margin: 0;}
    .orders-container .orderwrap .ordertbl tbody tr ul li{padding: 0;}
    .view-section-wrap .eqheight-wrap .eqheight-inner .eqheight-block ul.order-listing li .ol-title{display: table-cell; width: 110px;}
    .invoice-payment-main .tblcont.inv-payment-wrap{}
    .invoice-payment-main .tblcont.inv-payment-wrap .carlist-wrap.usertbl{}
    .invoice-payment-main .tblcont.inv-payment-wrap .carlist-wrap.usertbl .dataTables_wrapper > .row:first-child{margin-top: 0;}
    .invoice-payment-main .tblcont.inv-payment-wrap .carlist-wrap.usertbl .orderstatus-panel .orderblock{margin: 0;}
    .invoice-payment-main .tblcont.inv-payment-wrap .carlist-wrap.usertbl .orderstatus-panel .orderblock .paymentwrap .panel-body .cc-info{}
    .invoice-payment-main .tblcont.inv-payment-wrap .carlist-wrap.usertbl .orderstatus-panel .orderblock .paymentwrap .panel-body .cc-info .exp-dt-wrap .exp-dt-flds input[type="text"]{text-align: center; padding: 6px 4px;}
    .invoice-payment-main .tblcont.inv-payment-wrap .carlist-wrap.usertbl .orderstatus-panel .orderblock .paymentwrap .panel-body .cc-info .exp-dt-wrap .exp-dt-flds .exp-mo{width: 50%; float: left;}
    .invoice-payment-main .tblcont.inv-payment-wrap .carlist-wrap.usertbl .orderstatus-panel .orderblock .paymentwrap .panel-body .cc-info .exp-dt-wrap .exp-dt-flds .exp-mo input[type="text"]{}
    .invoice-payment-main .tblcont.inv-payment-wrap .carlist-wrap.usertbl .orderstatus-panel .orderblock .paymentwrap .panel-body .cc-info .exp-dt-wrap .exp-dt-flds .exp-yr{width: 50%; float: left;}
    .invoice-payment-main .tblcont.inv-payment-wrap .carlist-wrap.usertbl .orderstatus-panel .orderblock .paymentwrap .panel-body .cc-info .exp-dt-wrap .exp-dt-flds .exp-yr input[type="text"]{}
    .invoice-payment-main .tblcont.inv-payment-wrap .carlist-wrap.usertbl .clistarea > div .dataTables_wrapper{}
    .taplogo.col-xs-12{text-align: center; padding-top: 4%; padding-bottom: 0%; width: 100%; float: left;}
    .taplogo.col-xs-12 img { width: 80%;}
    .brandlogo{float: left; width: 100%; margin-top: 0;}
    .login-wrap-outer{width: 100%;}
    .saleorderlogo{padding: 0;}
    .saleorderlogo img{height: 18px;}
    .loginform .form-password input[type=checkbox].viewpwd{left: 85%;}
    .loginform .form-password input + label.viewpwd-lbl{left: 86%;}
    .register-wrap{margin-top: 8px;}
    .brandlogo a{ font-size: 24px;}
    .right_col.view-section-wrap .titlewrap .page-title .datecal-wrap{width: 84%;}
    .right_col.view-section-wrap .titlewrap .page-title .datecal-wrap .dt-filter-btn .btn-group{top: 4px;}
    .tblcont.quoteswrap .quotetbl{padding: 0;}
    .error-msg{width: 100%;}
     
    .prod-list-outer .titlewrap .page-title .title_right.datecal-wrap{margin-top: 0px; margin-bottom: 0px; margin-right: 4px;}
    .prod-list-outer .titlewrap .page-title .datecal-wrap.pull-right.title_right .dt-filter-btn .order-dd-wrap.dropdown.bootstrap-select{margin:0; width: 100%;}
    .titlewrap .page-title .datecal-wrap.pull-right.title_right .dt-filter-btn .order-dd-wrap.bootstrap-select button.btn{padding: 6px 10px 6px 6px;}
    .prod-list-outer .titlewrap .page-title .datecal-wrap.pull-right.title_right .dt-filter-btn .order-dd-wrap.dropdown.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 216px;}
    
}