/* css only for hover effect all hover effect must write in this Media query */
.btn-remove:hover{color: #f00;}

@media only screen and (min-width: 601px) and (max-width: 5999px) {
.proInvoice .addPro{text-align: left;}
.proInvoice .addPro .couponCode{width:69%;}
.proInvoice .addPro .couponCode .form-control{width:50%; height:40px;}
.proInvoice .addPro .couponCode .btn-extra-small{padding:5px 10px; cursor: pointer;}
}

@media only screen and (min-width:515px) and (max-width: 3999px) {
.preview-images-zone{overflow: inherit;}
}

@media only screen and (min-width: 1000px) and (max-width: 2999px) {
.popContainer{min-width:1000px;}
}

@media only screen and (max-width: 1700px) {
.dashLi > a{padding-left: 50px;}	
.dashLi > a > span{font-size: 40px;}
.dashLi > a > i{margin-right: 40px;}
}

@media only screen and (max-width: 1650px) {
.datalisttable .tlist9{width:10%;}
.datalisttable ul .btn-view{margin-bottom:10px;}
}

@media only screen and (max-width: 1305px) {
.datalisttable ul .btn-edit{margin-bottom:10px;}
}

@media only screen and (min-width: 1200px) {
.dashLi > a:hover{-webkit-box-shadow: 0 0 40px rgba(0,0,0,0.15);box-shadow: 0 0 40px rgba(0,0,0,0.15);}
.dropdown-menu > li > a:hover{color: #ff0066}
#proInventory .productBox:hover .actionDiv > *{color:#fff;}

.addProlink:hover{background-color: #ff0066}
.btn-remove:hover{background-color: #f00;border-color: #f00;color: #ffffff}
}

@media only screen and (min-width:1100px) {
.col-product{flex: 0 0 20%; max-width:20%;}

}
@media only screen and (min-width:1700px) {
.col-product{flex: 0 0 14.2857%; max-width:14.2857%;}
}

@media only screen and (max-width: 1199px) {
.table tbody td{white-space: nowrap;}
.modal-open .wrapper,
.fixbody .wrapper{max-height: 100vh;overflow: hidden;}
.maincatBox{width:16%;}
.shopBanner .wrap-upb{width:47%;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dashLi > a > i{margin-right: 20px;}
.dashLi > a > span{max-width: calc(100% - 85px)}
.packageColumn{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.detailColumn{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}

.schTitle{min-width: 80px;}
.openClose{min-width: 50px;}
.timepicker{width: 90px;}
.setTime span{margin-left: 10px;margin-right: 10px;}

.bannerImg{-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
.formWrapper{-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
.bannerImg img{max-width: 100%;right: 0}
}	

@media only screen and (min-width: 768px) and (max-width: 1199px) {
.dashLi > a{padding: 15px;}
.dashLi > a > i{width: 50px;height: 50px;line-height: 50px;margin-right: 10px;}
.dashLi > a > i svg{width: 50px;height: 50px;}
.dashLi > a > span{font-size: 24px;max-width: calc(100% - 70px)}
.countSpan{width: 20px;line-height: 20px;height: 20px;font-size: 11px;}

.pointUl li{font-size: 18px;background-size: 20px auto;padding-left: 35px;}
.cardTitle{font-size: 35px;}

.stepRow{padding: 20px 30px;}
.stepRow:before{display: none;}
.stepTitle{font-size: 45px;line-height: 1.3}
.circleTxt{padding-right: 20px;}
.circleIcon + .circleTxt{padding: 0 0 0 20px;}
.circleTxt h3{font-size: 22px;}
.circleIcon .absoImg{max-width: 60%;max-height: 60%}

.filter_main .col{-webkit-box-flex: 0; -ms-flex: 0 0 33.3333%;  flex: 0 0 33.3333%; max-width: 33.3333%;margin-bottom: 15px;}
.filter_main{padding-bottom: 0}
}

@media only screen and (min-width:768px) and (max-width: 1158px) {
.formNew .CCode{width:29.2%;}
}

@media only screen and (max-width: 1100px) {
	body{background-color:#e9ebee;}
    .datalisttable{background:none;}
    .datalist4{margin:0;}
    .datalisttable .ttlfk{display: none;}
    .dataordermain{ margin-bottom:10px; background:#fff; border-radius:5px;}
    .datalisttable .mtextview{display: inline-block; color:#666666; font-weight:400; padding-right:5px;}
    
    .datalisttable .dlist{width:50%; float:left; padding:5px 0; text-align: left;}
    .datalisttable .tlist1, .datalisttable .tlist2{width:100%;}
    .datalisttable ul{padding:15px;}
    .datalisttable ul .btn-view{margin:0 5px 0 0;}
    .datalisttable ul .btn-edit{margin:0 5px 0 0;}
    .datalist6 .dataordermain{ border:1.5px solid #5f5b9a; box-shadow:0 0px 10px #7f7f80;}
    .datalist5 .tlist3 .mtextview{ display: block;}
    .datalist5User .mtextview{font-weight:700; color:#002173;}
    .datalist7 .mtextview{font-weight:700; color:#002173;}
    .datalist4 .mtextview{font-weight:700; color:#002173;}
	.shopoverview{width:95%;}
	.sharelinkhome{width:95%;}
	.shopoverview .shopviewinfo{width:46%;}
    .mobileHeader .headLeft{padding:2px 0;}
    .mobileHeader .midworkSec{padding-top:0;}
    .mobileHeader .titleDiv{padding:10px;}
    .mobileHeader .btn-changemc{margin:0;}
    .analytics .shopoverview .shopviewinfo{width:21%;}
    .new-home-on .buttonbox{width:20%;}
    .ui-autocomplete{width:92%;}
    .referral-block .total-earned{border-bottom:3px solid #f3f3f3;}
    .referral-block .datalisttable{margin:0 -16px;}
    }

@media only screen and (min-width: 768px) and (max-width: 1095px) {
    .stepsSec .tagline-box .LRightText, .stepsSec .tagline-box .RRightText{height: 300px;}
}	

@media only screen and (max-width: 999px) {
  .productgst .txtBox{width: 32%; padding-bottom: 15px; text-align: left; vertical-align: text-top; font-size:12px;}  
  .gsthsncode .txtBox .form-control{height: 3.125rem;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.tagLine{margin-left: 15px;}
.headRight > ul > li:not(:last-child){margin-right: 15px;}

.full768{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.half768{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}

.bannerImg{display: none;}
.login-header .logo{max-width: 180px;}
.login-header .headRight .form-group{width: 190px;}
.formWrapper{text-align: center;}

.footNav li{padding: 0 10px;}
.Imargin{margin-bottom: 15px;}
.crop-allbtn{width:85%}
}

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

.maincatBox{width:20%;}
.storetimelabel{padding:15px 0 5px 0;}
.scheduleRow{background: #f7f7f7; border: 1px solid #e8e8e8; border-radius: 5px; padding: 10px;}
.showAll .setTime .selectdefault{background-color:#fff;}
.showAll .setTime{margin-top:10px;}
.product_detal_main .paymentMain{overflow: auto; white-space: nowrap;}
.selectcategory{width: 100%;}
.shopBanner .wrap-upb{width:100%; padding: 0 0 25px 0;}
.homeDeliveryCharges img{width:87%; margin:0 20px 0 0; max-width: 385px;}
.linksharebtn .pcsharebtn{display: none;}
.linksharebtn .msharebtn{display: block;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.setTime{width: calc(100% - 210px);max-width: 300px}
.setTime span{margin-left: 10px;margin-right: 10px;}
.timepicker{width: calc(50% - 20px)}

.titleSec .col-6{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}

.payInvoice .invoiceForm > .form-group{width: 110px;}
.payInvoice .invoiceForm > .form-group + .form-group{width: 60%;}
.payInvoice .invoiceId{float: right;}
.btn-abso-search{width: 40px;}
.crop-allbtn{width:85%}
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
.dashLi{width: 50%}	
.dashLi > a > span{font-size: 18px;}
.stepTitle span{display: block;}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
.scColumn{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}	
.scInner .radioSwitch{right: 15px;}
.proBtn{text-align: right;}
.detailColumn{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.loginBtn{width: auto;}
.login-header .headRight .form-group{width: calc(45% - 51px);margin-right: 15px}
.loginBtn{margin-top: 26px;}
.login-header .headRight{padding-bottom: 24px;}

}

@media only screen and (max-width: 767px) {    
html{font-size: 12px;}
.container-fluid{padding: 0 15px;}
.SBSearch{padding:0px 25px 10px;}
.midworkSec{min-height: auto;}
.ProgressBar{padding:20px 15px 10px;}
.dashLi > a{padding: 15px;}
.dashLi > a > i{width: 35px;height: 35px;line-height: 30px;margin-right: 10px;}
.dashLi > a > i svg{width:35px;height:35px;}
.dashLi > a > span{font-size: 20px;max-width: calc(100% - 50px)}
.dashMenu{margin: 0 -5px -10px;}
.dashLi{margin-bottom: 10px;padding: 0 5px;}
.countSpan{right: -4px;top: -4px;border: 2px solid #ffffff;width: 20px;height: 20px;background-color: #ff0066;line-height: 18px;font-size: 10px;}
.save-crop{width:60px;}
.logo{max-width: 110px;}

.userLink{width: 35px;height: 35px;font-size: 16px;line-height: 35px;}
.btnDesk{padding:0 7px; line-height:30px; font-size:14px; padding-bottom:2px;}
.headRight .addProli .btnDesk{padding:2px 10px;}
.addProlink{width: 35px;height: 35px;}
.addProlink:after{width: 15px;height: 15px;}
.notifyLink .badge{width: 20px;height: 20px;font-size: 10px;right: -8px;padding:5px 0 0 0;}
.modal-body .CCode{height:37.5px !important;}
.tagLine{font-size: 18px;line-height: 40px;margin-left: 15px;}
.headRight{padding:8px 0 0 0;}
.leftMenu .dropdown-menu{margin-top: 58px;}
.headRight .dropdown-menu{margin-top: 13px;}

h1{font-size: 20px;}
.titleSec h1 > i{max-width: 25px;margin-right: 3px;}

.totalDiv{font-size: 16px;}
.titleSec .row{height: auto;}
.titleSec .col.align-self-center{padding-top: 20px;padding-bottom: 20px;}

.midworkSec .container-fluid{padding:0px;}
.columns{padding-bottom:40px;}

.tableSearch.fileTable{padding:0 15px;}
.mobileoffTemp{display: none;}
.btn-outside{ margin:0 15px;}
.ManageBillInside .btn-outside{margin: 0;}
    
.titleDiv{padding: 17px 15px 15px;}
.followRow{padding: 8px 15px;}
h2{font-size: 1.25rem;}

.followTxt{font-size: 13px;}
.followTxt span{font-size: 12px;}

.btn-pluse{padding:0 15px;}
.btn-pluse:before{width: 15px;height: 15px;}
.btn > span{margin-top: 0}
.btn-pluse:before{margin-top: 0}
.tableSearch{margin-bottom: 15px;}

#frmFilter{padding:0 15px 10px;}
.tableTxt{padding: 0 15px;}
.tablepadding{padding: 0 15px;}

.table thead th{padding: 0 20px;}
.table tbody td{padding: 10px 20px;}
.table tbody tr.child td.child{padding: 10px 20px !important;}

.couponCode{font-size: 16px;}
.dropdown-menu > li ~ li{margin-top: 15px;}

.toSpan{top: 12px;}

.wboxBtm{padding: 15px;}
.wboxBtm.paddBtm-10{padding-bottom: 5px;}
.scInner{padding: 10px;}
.scInner .radioSwitch{right: 10px}
.radioSwitch > label > span{height: 12px;width: 30px;}
.radioSwitch > label > span:before{width: 17px;height: 17px;}
.scColumn{padding-bottom: 10px;}

.Taxtotal{padding:0 0 20px;}
.TaxSubtotal{padding:20px 0 5px;}

.innerWhite{padding: 15px;}
.cardTitle{font-size: 24px;}
.cardTitle span{font-size: 20px;}
.cardTitle:after{margin-top: 20px;}
.pointUl li{font-size: 16px;background-size: 16px auto;padding: 0 0 15px 30px}

.packageColumn .innerWhite{padding-bottom: 15px;}
.pointUl{padding: 0 0 10px;}

.termTxt{font-size: 14px;margin: 0}
.radioSpan{width: 20px;height: 20px;margin: -2px 10px 0 0}
.radioSpan:after{width: 10px;height: 10px;}
.monthTxt{font-size: 16px;}
.planPrice > *{font-size: 14px;}
.planPrice{font-size: 18px;}
.termRow{padding-bottom: 15px}
.termRow ~ .termRow{padding-top: 15px;}

.sumUl > li{font-size: 14px;padding: 18px 0}
.totalPrice, .subTotle{font-size: 20px;}
.proBtn{text-align: center;padding: 15px 0 0}
.modal-body .btn ~ .btn{margin-left: 10px;}

.followTime{padding-left: 0}
.formInner .form-group{margin-bottom: 1.4rem}
.titleDiv .btn{right: 15px;top: 9px;}

.inlineRadio{padding-bottom: 10px;}

.bannerImg{display: none;}
.login-header .headLeft{width: 100%;text-align: center;padding: 15px 0}
.login-header .logo{max-width:98px; padding:5px 0 0 0;}
.login-header .headRight{clear: both;float: none;padding: 25px 15px 25px;overflow: hidden;background-color: #ffffff;border-radius:6px;}
.login-header .form-group > label{color: #333333;padding-bottom: 5px;}
.login-header .headRight .form-group .form-control{border:1px solid #dfdfdf;}
.login-header .headRight .form-group{width: 100%;margin-right: 0;margin-bottom: 1rem}
.login-header .forgotLink{color: #333333; text-align: right; display: block;}
.loginBtn{margin-top: 0;width: 100%;text-align: right;}
.btn-login{min-width: 100%;}
.bformInner{max-width: 100%;padding:20px; border-radius: 0 0 10px 10px;}
.formTitle{font-size:21px;line-height: 1.4;padding-bottom: 25px;}
.stepTitle{font-size: 28px;line-height: 1.3;padding-bottom: 25px;}
.stepTitle br{display: none;}
.stepRow{padding: 20px 15px;}
.stepRow > *{display: block;}
.stepRow > .circleTxt{display: table-footer-group;}
.login-header .home-l, .login-header .refresh{display: block;}
.bannerText{display: none;}

.circleIcon{width: 100px;height: 100px;margin: 0 auto 15px}
.circleIcon img{max-width: 70%;max-height: 70%}
.circleTxt h3{font-size: 18px;line-height: 1.4}
.stepRow{margin-bottom: 30px;}

.stepRow:before{right: auto !important;left: 0 !important;transform: none !important;font-size: 50px;line-height: 1;top: 0;z-index: 11;background-color: #f9f9f9;padding: 15px 15px 10px;border: 1px solid #f1f1f1}
.createBtn .btn{font-size: 18px;line-height: 50px;height: auto}

.footerMain{display: none;}
.footerMain.loginFooter{display: block;}
.footerMain.loginFooter .text-right, .footerMain.loginFooter .mobile-full{text-align:left !important; padding-top:8px;}
.footerMain.loginFooter .footNav li{padding:0 0 5px 0;}
.bannerForm .container-new .formWrapper{text-align: center; padding:0;}

.scrollTop{width: 37px;height: 37px;padding: 0;font-size: 12px;line-height: 25px;right: 15px;bottom:60px;width: 3.125rem;height: 3.125rem;line-height: 2rem;padding: 0.625rem;font-size: 1.350rem;}


.fiter_actionBar{display: inline-block; width: calc(100% + 30px);margin-left: -15px;}
.filter_main{display: block; width: 280px !important; max-width: 70%; max-height: inherit; height: 100% !important; position: fixed; left: -400px; top: 0; bottom: 0; background: #fff; margin: 0; z-index: 999999; transition: all 0.6s ease-in-out; overflow: hidden; overflow-y: auto; box-shadow: 2px 0 15px rgba(0,0,0,.35); padding: 0 0 50px 0;}
.filter_main:before{display: none;}
.filter_main .container{display: block; width: 100%; height: calc(100% - 60px); overflow: auto;}
.filter_main.slideFilter{left: 0;}
.filter_main .col{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.filter_main .ui-selectmenu-button,
.filter_main  .custom-select{border: 1px solid #e2e2e2 !important; height: 36px;  padding: 8px 15px;font-size: 12px;} 
.filter_main .ui-selectmenu-button .ui-selectmenu-text{font-size: 12px;}
.price_box .price-label{display: block; width: 100%; margin-bottom: 10px;}
.price_box .price-slider{width: 100%; padding-bottom: 10px;}
.price_box{position: relative;}
.price_box .price-amount{position: absolute; top: 100%; width: 100px; font-size: 1rem;}
.price_box .price-amount#minPrice{left: 0; text-align: left;}
.price_box .price-amount#maxPrice{right: 0; text-align: right;}

.filter_title{display: block; width: 100%; padding: 10px 15px; position: relative; background: #ff0066; color: #fff; font-size: 15px; margin-bottom: 15px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14);}
.filter_title .icon-filter-list{margin-right: 5px; vertical-align: middle;    font-size: 20px;}
.filter_title:before{content: '';width: 18px;height: 2px;background-color: #fff;position: absolute;right: 15px;top: 0;transform: rotate(45deg);bottom: 0;margin: auto;}
.filter_title:after{content: '';width: 18px;height: 2px;background-color: #fff;position: absolute;right: 15px;top: 0;transform:rotate(-45deg);bottom: 0;margin: auto;}

.filter_foot{display: flex; align-items: center; justify-content: space-between; background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14);position: absolute; bottom: 0; left: 0; right: 0; padding: 6px 10px;}
.filter_foot .filter_count{margin-bottom: 0; font-size: 1rem; color: #666666;}
.filter_foot .btn{min-width: 100px;line-height: 31px;font-size: 0.9375rem;font-weight: 700;text-transform: uppercase;}

.filter_main .row{margin: 0 5px}
.filter_main .form-group{margin: 5px 0}
.custom-select{background-size: 10px 5px}

.proAdd .btn{padding: 0 20px;font-size: 12px;}
.proTxt{font-size:14px;}


.leftSort{width: 100%}
.pageSelect{width: 30%}
.pagination{float: none;  margin-top: 10px;}
.btmSorting{padding:0 10px;}
.cashmemolistpage{padding:0 15px 25px;}

.shopDetail p{font-size: 14px;}
.popupTble .table thead th, .popupTble .table tbody td:not(.nameTd){white-space: nowrap;}

.proInven.tableSearch > .btn span{font-size: 16px;}
.payInvoice .invoiceForm .form-control[readonly]{padding: 0;height: auto}
.payInvoice .popupTble .table td .dtr-data .totalTxt{padding: 0;text-align: left;}

.mobileHidden{display: none;}
.dropBox:after{display: block;}

.scRow{margin-bottom: -10px;}
.filter_foot{display: flex; align-items: center; justify-content: space-between; background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14);position: absolute; bottom: 0; left: 0; right: 0; padding: 6px 10px;}

.titleSec .col-6{-webkit-flex: 0 0 30%;flex: 0 0 30%;max-width: 160px;padding-left: 0}
.titleSec h1{width: 100%}
.titleSec h1 > span{max-width: calc(100% - 35px)}
.proInven.tableSearch > .btn{font-size: 0;text-align: center;max-width: 130px;margin: 0 15px 0 0;position: absolute;padding: 0;width: 100%;}
.proInven.tableSearch .btn-search, .btn-abso-search{border: 0;width: 35px;text-align: center;font-size: 0;padding: 0;height: 100%; line-height:10px;}
.barcode{right:48px;top:8px;}
.posClear{right:90px;top:11px;}
.proInven .tableTxt{padding: 0 30px 0 10px;}
.proInven.tableSearch .btn-search:before,
.btn-abso-search:before{margin:0; width: 14px;height: 14px;}
.btn-abso-search:before,
.proInven.tableSearch{padding:0 160px 0 15px; position: relative; margin-bottom: 15px;}
.proInven.newprodno{padding-right:15px;}

.products-main .row{margin: 0 -4px}
.col-product{padding: 0 4px;}
.lastUpdate span{display: inline-block;}
.productBox .product-title a{font-size: 100%}
.product_con .price-row .now {font-size: 1.45rem;}
.product_con .price-row .was{font-size: 1.150rem;margin-left: 5px;}
.productBox .price-row .off{padding: 4px 6px;margin-left: 5px;}
.productBox .product_con{padding: 8px;}
.acDea{padding: 5px;}
.acDea + .acDeaMsg{top: calc(50% + 10px)}

.headRight > ul > li.notifyLi .dropdown-menu{right: -170px !important}
.proInvoice:before{display: none;}
 .TaxSubtotal .col-sm-6, .Taxtotal .col-sm-6{width:50%;}
.select-sms-service{padding:15px 0 0 15px;}
.SMSCredit{padding:10px 15px;}
.OrderButton{padding:0 15px 15px;}
.OrderButton ul li a{font-size: 17px;}
    
/*Login New*/
.registernew .bannerForm{background:#fff;}
.bannerForm{padding:0 0 20px 0;}
.bannerText h1{font-size:30px;}
.bannerText h3{font-size:20px; padding:10px 0;}
.bannerTxtImage p{font-size:16px;}
.bannerTxtImage h2{font-size:25px;}
.stepsSec .tagline-box .LRightText, .stepsSec .tagline-box .RRightText{display: inherit; height: auto; padding:15px 0;}
.stepsSec .tagline-box .LRightText{margin-bottom:20px;}
.stepsSec .tagline-box p{padding:0 15px; font-size:25px;}
.stepsSec .AwardsBox{padding:15px;}
.stepsSec .AwardsBox p{width:auto; padding: 0 0 10px 0;}
.stepsSec .AwardsBox .awards-img{width:auto; float: none;}
.feature{padding:10px 0;}
.features .feature-info{padding:15px;}
.features .feature-info h3{font-size:20px; padding:10px 0;}
.features .feature-info p{line-height:25px; font-size:17px;}
.features h2, .features-title h2{font-size: 25px;}
.features .feature-img1{margin:0 0 30px 0;}
.features .feature-img2{display: none;}
.features .feature-img-mobile{ display: block;}
.features .feature-info .icon-feature-arrow1, .features .feature-info .icon-feature-arrow2{display: none;}
.features .feature-info .icon-feature-arrow3{display: block;}
.WhiteBox{padding:20px 0;}
.footerForm{padding: 40px 0;}
.footerForm .contactinfo{padding:15px 0 150px 0;}
.footerForm .contact-text{font-size:25px;}
.footerForm .phoneEmail{font-size:35px;}
.footerForm .Download-text{font-size:25px; padding:20px 0 10px 0;}
.footerForm .ahmedabad-img{bottom: -2px;}
.WhiteBox .categoryimg{flex: 0 0 33.33%; max-width:33.33%;}
.DownloadExcel{margin:20px;}
    
.sscl{padding:20px 20px 0}
.maincatLists{overflow: auto; display: block;  white-space: nowrap; margin-bottom: 15px; padding:0 10px}
.maincatBox{width:18%; margin:5px 0; padding:0 5px; display: inline-block; }
.maincatImg{margin-bottom: 5px; }
.homeDeliveryCharges{padding:15px 15px 0;}
.catBoxes-main .catBox{width: 50%;}
.catBox .catBox-head{padding: 5px 15px;}
.catBox .catBox-head img{max-width: 60px; max-height: 40px;}
.addPayment{top:8px; right:20px;}
.new-home-on .buttonbox{width:48%; margin:3px 1%;}
.indexlink .buttonwhatsapp{width:48%; margin:3px 1%;}
.indexlink .buttonhelp{width:48%; margin:3px 1%;}
.languagediv{width:48%; margin:3px 1%;}
.languagediv .selectdefault{height:40px;}
.languagediv .icon-arrow-drop-down{top:18px;}
    
/* Buy New Stock Product Detail page */ 
.SSProductDetail .container{max-width:100%;}
.product_detal_main .productDetalLeft{width:100%; padding-right:0;}
.product_detal_main .productDetalRight{width:100%; padding-left:0;}
.product_detal_main .add-btn{width:100%;}
.product_detal_main .add-btn .icon-add-order{font-size:1.975rem;}
.product_detal_main .add-btn span{font-size:16px;}
.product_detal_main .request-btn{width:100%;}
.product_detal_main .request-btn .icon-icon-delivery{font-size:1.975rem;}
.product_detal_main .request-btn span{font-size:16px;}
.newShopProgress li{width:49%;}
.newShopProgress .ProgressLine{width:53%; left:23%;}
.menuIcon{top: 15px;}
.newhomebgb{padding-bottom: 40px;}
.overviewBox{width:90%;white-space: nowrap;overflow: auto;}
.sharelinkhome{width:90%;}
.shopoverview .shopviewinfo{width:46%; margin:5px 1.6%;}
.playstore img{width:200px;}
.categorietabs{padding:10px 15px 0 15px;}

.installapp{margin:0;}
pwa-install::part(openButton) { font-size:16px; height:50px; width:100%; line-height: 30px;}

.registernew{background:#FFF;}
.registernew .shopcall{font-size:12px;}
.registernew .bformInner{box-shadow: none;}
.languageregister .selectdefault{background:#f3f3f3;}
    
.analytics .shopoverview .shopviewinfo{width:46%;}
.analytics .storereport{margin:0 0 20px 0; width:100%;}
.analytics .topproducts{margin:0 0 20px 0; width:100%;}
.viewallpaybtn a{display: block;}
.ac-datainfo{ margin-bottom:20px;}
.bankbuttons{padding-top:0;}
.qtyminus span, .qtyplus span{padding:0;}
.CPinputbox .selectbox .icon-arrow-drop-down{top:13px;}
.TaxSwitch{margin:0 0 15px 0;}
.remove-tax{margin:0;}
.deleteaccount{margin-left:30px;}
.m2fingers{display: inline-block;}

.seller-page-how-it-works {
  display: flex;
  }
.how-it-works-line-arrow-container {
margin-left: 0;
margin-top: 0 !important;
flex-direction: row;
}
.how-it-works-text-container{padding:0 0 20px 15px;}
.howitworks h3{padding-top:0;}
.how-it-works-line-arrow-down {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 8px solid #f9bdd7;
margin-left: 38px;
    display: block;
}
.how-it-works-line-line {
transform: rotate(90deg);
}
.how-it-works-line-arrow-right{display: none;}
.how-it-works-icons-container { display: grid; row-gap:20px; height: 140px; margin-bottom: 10px;}
.deliver-order-box{align-items: flex-start; height: auto;}
.marketing-inside-box{display: grid; grid-template-columns: 1fr 1fr;}
.marketingbox .icons-box{padding:5px; border:none;}
.marketingbox .icons-box span{display: block;}
.ContactusBox{padding:0;}
.seller-banner-img{padding:20px 0 0 0;}
.seller-page-topbox{padding-top:45px;}
.moresale{text-align: center; padding:30px 10px;}
.moresale h5{font-size:30px;}
.moresale h3{font-size: 17px;}
.bannerTxtImage{margin-top:50px;}
.pick-a-plan-box{text-align: center;}
.seller-plan-info h2{   font-size:35px; padding:15px 0 15px 0;}
.ed-delivery-text{margin:0 15px;    max-width: 95%;}
.payButtonMember .payment-text{float: none; padding-top:0;}
.payButtonMember .payment-images{float: none;}
.invitefriends{padding:20px 0 0;}
.invitefriends .how-it-works-icons-container{height:90px;}
.invitefriends .how-it-works-line-line{height:2rem;}
.invitefriends .how-it-works-line-arrow-down{margin-left:10px;}
.referral-block .total-earned{padding:10px 0;}
#commanError p{line-height: 2.6; font-size: 1.2rem;}
}

@media only screen and (max-width: 600px) {
.leftMenu .dropdown-menu{margin-top: 14px;}	
.site-header{position: relative;}	
.tagLine{display: none;}
.newhomebgb .tagLine{display: inline-block; margin-left:5px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; max-width:100px;}
.moduleName{display: inline-block; margin-left:5px;white-space: nowrap;   text-overflow: ellipsis; max-width:100px;}
.newhomebgb .tagLine strong{}
.new-product .tagLine{display: inline-block;}
.upgradeMembership .tagLine{display: inline-block; color:#000;}
.upgradeMembership .totalDiv{color:#999;}
.titleSec{display: none;}
.upgradeMembership .titleSec{display: block;}
.invoiceForm{margin:15px;}
.invoiceForm > .form-group{width: 100%;margin-bottom: 10px;}
.invoiceForm > .form-group.cuNme{width: 100%}
.popContainer{max-width: 100%; padding:0;}
.invoiceForm > .form-group.dateBox{width: 100%}
.invoiceForm > .form-group.mobileHalf{width: 50%;}
.invoiceId{position: static;transform: none;padding: 0 5px 15px;display: block;clear: both;line-height: 1}
.popContainer .subTotal > ul > li{padding-left: 15px;padding-right: 15px;}
.InvoicePayment{padding-left: 15px;padding-right: 15px;}
.smallFileds .txtBox{width:60px;}
.smallFileds .form-control{padding: 0 5px;}
.smallFileds .perCentbox{width: 60px;}
.smallFileds .dropBox:after{right: 5px;border-width: 4px;}
.tagLine .icon-Back-icon{display: inline-block;}
.btn-save{font: 700 12px/38px 'Roboto', sans-serif;}
.moreBtn .btn{left: 0; right: auto; position: inherit;}
.proInvoice .addPro{padding:10px;position: relative;}
.couponCode{width: calc(100% - 125px); max-width: 100%; margin:0;}
.proInvoice .addPro > .btn{line-height: 38px; height: 40px; width: 110px; font-size: 15px; padding: 0;}
.couponCode .form-control{width: calc(100% - 63px); height:40px; margin: 0;}
.couponCode .btn-extra-small{ height: 40px; line-height:35px;}
.CustomerGSTBox .CustomerGST{width: 100%;}
.productfks ul{position: relative;}
.productfks .fkp1{width:58px;}    
.productfks .fkp2{width:60%;}    
.productfks .fkp3{width:30%;}    
.productfks .fkp4{width:35%;}    
.productfks .fkp5{width:25%;}    
.productfks .fkp6{width:25%; padding:10px; background:#fff; position: absolute; right: 0; top: 0;}  
.catalogueProductsbox .fkp4{width: 30%;}

.divEditCategory{padding:10px 10px 0 10px;}
.BannerSelectbox{padding:15px 15px 0;}
.divEditCategory .divMainCategory{width:100%; margin:0 0 10px 0;}
.divEditCategory .selectdefault{margin-bottom:10px;}
.BusinessCard{margin: 0 auto; float: none; display: block; margin-bottom: 60px; /*width: 100%;*/}
.seasonalBanners{width: 300px;}
.BusinessCard .BCinner{/*width: 100%;*/}
.BusinessCardimg img{width: 100%;}
.bCardDetail{width:100%; height:100%;}
.bCardDetail .BCinner{width:100%; height:100%;}
.bcupdatetext{width: 100%;}
    
.starttrial .topsection{padding:0;}
.starttrial .logo{max-width: none;}
.starttrial .languageregister .selectdefault{background:#fff;}
.starttrial .bformInner{border-radius:10px;}
.starttrial h1{font-size:45px;}
.starttrial h2{font-size:24px;}
.banner-blue{padding:30px 15px;}
.banner-blue-content p{font-size:18px;}
.LanguageBox .Language .selectdefault{margin-bottom:15px;}
.sharelinkhome, .shopoverview{margin:10px 15px;}
.map{height:340px;}
.btn-center-m{min-width:90% !important; margin: 0 20px;}
}

@media only screen and (max-width: 575px) {
.modal-body{padding: 20px;}
.formInner textarea.form-control{height: 160px;}
.formInner textarea.dtAddress{height:80px;}
.innerSummary .wboxBtm, #featured-product .tableWrapper{padding: 0 15px;}
.innerSummary .titleDiv{padding: 0 15px 9px;}
.MarginBottom{margin-bottom:15px;}
.btnClear{margin-top:10px;}
.PriceQuantity .col-sm-4, .PriceQuantity .col-xl-4, .PriceQuantity .col-md-4 {width:50%;}
.loosebox{margin-top:0px;}
.btn-upgrade{display: block;}
}

@media only screen and (max-width: 567px) {
.CancelOrder{width:100%;}
.AcceptOrder{width:100%; text-align: center; }
.OrderMain .OrderTime span {float: none; width: 100%; display: block;}
.OrderMain .OrderTime span ~ span{float: none;  width:100%;display: block;}
}

@media only screen and (max-width: 568px) {
.mobile-full{width: 100%; max-width: 100%; display: block; min-width: 100%; text-align: center !important; margin-bottom:5px;}
.mobile-full:last-child{margin-bottom: 0;}	
.modal-header .modal-title{padding: 0}
.ItemOuter .ItemImg{width:20%;}
.ItemOuter .ItemInfo{width:80%;}
.ItemOuter .ItemInfo .equal{padding:25px 10px 0;}
.shop-welcome{ padding:20px 15px;}
.proCategoryPopup{margin:-25px 0 0 0;}
.maincatBox{width:auto; padding: 0 5px;}
.OrderTop{position: relative;}
.OrderTop .OrderInfo{width: 60%;}
.OrderTop .OrderCenter{width:100%; text-align: left; padding-left:54px;}
.OrderTop .OrderPrice{position: absolute; right:20px; top:10px;}
.prostatus{margin-bottom:15px;}
.OrderButton ul li button{font-size: 1rem;}
.cardpayment .demoSelectBox{width:49%;}
.upgradeseller .reviewtext{width: 65%;}
.categorietabs a{font-size:12px;}
.new-home-on .buttonbox{min-height:190px;}
}

@media only screen and (max-width: 479px) {
.tableSearch .btn{padding:0 15px;}
.tableSearch .btn-abso-search{padding:0;}
.tableSearch .btn-pluse:before{margin: 0}
.proInven.tableSearch .btn-pluse:before{margin: 0px 6px 0 0}
.tableSearch{padding: 0 70px 0 0}

.timepicker{width: 40%}
.setTime{display: none;}
.showAll .setTime{width: 100%;display: block;}

.createBtn .btn{min-width: 100%}
.proTxt{width: 100%;padding-bottom: 5px;}
.CCode{width:46%;}
.lMobile{width:52%;}
.crop-allbtn{width:82%}
.addPayment{position: inherit; top:8px; right:0;}
.datalisttable .dlist{width:100%;}
.filterpadding .filter-option-inner{padding-top:15px;}
    
.CPinputbox{padding:5px 2%;}
.CPinputbox .Checkboxmain{ width:100%; padding-top: 10px;}
.CPinputbox .Checkboxmain .CheckboxOrder{margin-bottom:0;}
.CPinputbox .selectbox{width:60%}
.CPinputbox .selectbox .icon-arrow-drop-down{top:13px;}

.onlinepayment{padding:10px 25px 10px;}
.onlinepayment a{display: block; text-align: center;}
.expiry-modal-box .btn-primary {padding: 10px; line-height: 30px; margin:0;display: block;}
.expiry-modal-box .btn-primary span{display: block;}
}

@media only screen and (max-width: 430px) {
.proUpdate .col-product{-webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;}
.proUpdate .productBox .product-img{margin: 0 auto; padding-bottom: 0;}
.proUpdate .productBox .product-img img{padding: 0 100px; position: inherit;}
.proUpdate .product-title{min-height: inherit;}
.subother{width:19%;}
.subother .txtBox{width:100%;}
.popupTble .table tbody td{padding:10px 3px;}
.shop-tab li a{font-size:10px;}
.add-btnPBox li a{font-size:18px; width: 100%; margin: 10px 0;}
.add-btnPBox li a span:before{font-size:30px; padding-right: 10px;}
.product_detal_main .shopBox .shop_con{width:77%;}
.analytics-icontop{display: none;}
}

@media only screen and (max-width: 400px){
.moreBtn{margin-bottom: 50px}
.btn-long{min-width: 100%}
.WhiteBox .categoryimg{flex: 0 0 50%; max-width:50%;}
.lmobileview{margin:0;}
.datalist4 ul{padding:5px;}
}

@media only screen and (max-width: 395px){
#liDiscount .liLeft{width:81%; padding-bottom:5px;}  
}

@media only screen and (max-width: 385px){
.productadded .btn-view{margin:7px 10px 0 0;}
.mpopularplan{left:0;}
}

@media only screen and (max-width: 374px){
.crop-allbtn{width:100%; float: none;}
.save-crop{float: none; width:93%; margin:10px 0 0 6px; padding:10px;}

.site-header .container-fluid{padding:0 4px 0 0;}
.site-header .btn-back{margin-right:3px;}
.site-header .menuIcon{margin-left:3px;}
.headRight > ul > li:not(:last-child){margin-right:3px;}
}

@media only screen and (max-width: 370px){
.product_con .price-row .now{font-size: 1.25rem;}
.product_con .price-row .was{font-size: 1rem}
.productBox .price-row .off{padding: 3px 6px;}
}

@media only screen and (max-width: 350px){
.col-product{-webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%;}
.colorPicker .dropdown-menu{min-width: 100%;}
.productBox .product-title{min-height:inherit;}
.shop-tab li a{font-size:8px;} 
.logo{max-width:88px; padding:0;}
.logo img{padding:7px 0 0 5px;}
}