@media (min-width: 1200px){
}
@media screen and  (min-width: 1024px) and (max-width: 1300px){
}
@media screen and  (max-width: 1300px){
}
@media screen and  (max-width: 991px){
	.img-login-side{
		display: none;
	}
	.wrap-login-form{
		width: 100%;
	}
	.wrap-quick-action{
		position: relative;
	}
	h2.title-h-dash-top{
		margin-bottom: 10px;
		display: block;
	}
	.filter-select-button{
		margin-bottom: 20px;
	}
	.bt-menu-mobile{
		display: inline-block;
	}
	.main-logo-dash{
		left: 51px;
		top: 13px;
		width: 80px;
	}
	.wrap-main-menu{
		display: none;
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		background: #edeffb;
		padding-left: 20px;
		padding-top: 15px;
		padding-bottom: 5px;
		box-shadow: 1px 2px 2px 0px rgba(168, 156, 194, 0.36);
		-webkit-box-shadow: 1px 2px 2px 0px rgba(168, 156, 194, 0.36);
		-moz-box-shadow: 1px 2px 2px 0px rgba(168,156,194,0.36);
	}
	ul.main-menu-top > li{
		display: block;
		text-align: left;
		margin-bottom: 5px;
	}
	ul.main-menu-top > li > a{
		font-size: 13px;
	}
	.main-menu-top-dash{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.sec-icon-cta-account{
		top: 9px;
	}
	ul.list-cta-acc > li{
		margin-left: 2px;
	}
	ul.main-menu-top > li > a{
		padding-top: 3px;
		padding-bottom: 4px;
	}
	.icon-menu-left{
		font-size: 12px;
	}
	.icon-menu-right{
		font-size: 12px;
	}
	.breadcumb-title{
		margin-bottom: 20px;
	}
	.inp-search-block-inv{
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	.bt-export-cta{
		vertical-align: top;
	}
	.custom-pad-inv .bt-export-cta{
		margin-left: 0;
	}
	.total-product-detail-c{
		display: block;
		margin-bottom: 10px;
	}
	h4.title-img-pro-list-inv1{
		font-size: 12px;
	}
	h4.text-quo-list-tab{
		font-size: 11px;
	}
	.wrap-table-inv{
		overflow-y: auto;
	}
	.wrap-table-inv table {
        width: 900px !important;
    }
	.box-filter-inv{
		position: relative;
		top: 0;
		right: 0;
		margin-top: 20px;
		width: 100%;
	}
	
	.wrap-submit-form-add .Reset-filter-inv{
		width: 100%;
		display: block;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.wrap-submit-form-add .submit-filter-inv{
		width: 100%;
		display: block;
		margin-left: 0;
	}
	.hapus-edit-product-detail{
		width: 100%;
		display: block;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.wrap-submit-form-add{
		padding-left: 20px;
		padding-right: 20px;
	}
	h3.title-breadcumb1{
		font-size: 26px;
	}
	h4.title-breadcumb2{
		font-size: 13px;
	}
	.box-order-penjualann-list-product{
		margin-bottom: 30px;
	}
	.col-order-penjualan-block1-content-right{
		border-left: none;
		padding-left: 0;
		border-top: 1px solid #E2DDE3;
		padding-top: 20px;
		margin-top: 5px;
	}
	.menu-cta-popup-penjualan-head {
		position: relative;
		display: block;
		padding-left: 0;
		margin-top: 10px;
	}
	.box-kategori-list-order-pesanan{
		margin-bottom: 20px;
	}
	ul.list-order-kategori-item li{
		display: inline-block;
		margin-bottom: 5px;
	}
	.box-kategori-list-order-pesanan{
		white-space: nowrap;
		overflow-x: auto;
	}
	.box-kategori-list-order-pesanan::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	} 
	/* Track */
	.box-kategori-list-order-pesanan::-webkit-scrollbar-track {
		background: #f1f1f1; 
	}
	/* Handle */
	.box-kategori-list-order-pesanan::-webkit-scrollbar-thumb {
	background: #CFD6DE; 
	}
	/* Handle on hover */
	.box-kategori-list-order-pesanan::-webkit-scrollbar-thumb:hover {
		background: #b0b5bb; 
	}
	.bt-sidebar-item-order-list{
		right: 20px;
        top: -53px;
        left: initial;
        /* border-bottom-left-radius: 0;
        border-top-right-radius: 10px; */
		rotate: 90deg;
	}
	.wrap-sidebar-order-selection{
		margin-top: 45px;
	}
	.bt-close-slide-purchased{
		rotate: 90deg;
	}
	.box-purchased-item {
		display: none;
		position: relative;
		right: 0;
		left: initial;
		width: 100%;
		top: 0;
		margin-bottom: -22px;
		z-index: 2;
		background: #F6F8FE;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 27px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border-top-right-radius: 10px;
	}
	.table-riwayat-pembelian-pelanggan{
		width: 800px;
	}
	.wrap-table-riw-pemb{
		width: 100%;
		overflow-x: auto;
	}
	.wrap-table-quotation-inv {
        overflow-y: auto;
    }
	.wrap-table-quotation-inv table {
        width: 900px !important;
    }
	.wrap-block-width-setting{
		width: 100%;
	}
	
	.searchbar-quotation-customer {
        width: 100%;
        margin-bottom: 10px;
    }
	.toolbar-quotation-table-right {
        position: relative;
    }
	.bt-export-cta-rep{
        vertical-align: top;
    }
	.block-count-payment{
		width: 55px;
	}
	h3.heading-title-rep-col-box{
		font-size: 20px;
	}
	h3.title-trans2{
		font-size: 20px;
	}
	h4.title-trans1{
		font-size: 14px;
	}
	
	ul.main-menu-top ul{
		visibility: visible !important;
		position: relative;
		top: 0;
		padding-left: 30px;
		display: none;
		background: transparent;
		box-shadow: none;
		width: 100%;
	}
	.icon-menu-right{
		visibility: visible;
	}
	ul.main-menu-top ul li{
		font-size: 11px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.box-setting-print-out-box-edit{
		margin-bottom: 30px;
	}
}
@media screen and  (max-width: 768px){
	.wrap-list-box-cat-pro{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.item-block-penjualan-bl{
		width: 100%;
	}
	.box-printout{
		width: 100%;
	}
}
@media screen and  (max-width: 640px){
	
}
@media screen and  (max-width: 600px){
}
@media screen and  (max-width: 480px){
	.wrap-block-box-log{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	h2.title-login-f{
		font-size: 27px;
	}
	h4.title-login-f2{
		font-size: 12px;
	}
	h4.title-f-log-info{
		font-size: 12px;
	}
	h3.title-item-col-dash-ov2{
		font-size: 28px;
	}
	h2.title-h-dash-top{
		font-size: 30px;
	}
	h3.title-desc-pro-l1{
		font-size: 14px;
	}
	h4.title-desc-pro-l2{
		font-size: 10px;
	}
	h4.title-meta-list-pro2{
		font-size: 11px;
	}
	h3.title-head-dash-block2{
		font-size: 19px;
	}
	h2.heading-title-form-add-product{
		font-size: 20px;
	}
	h3.title-perbox-content-form{
		font-size: 18px;
	}
	.custom-check-product-stock{
		top: -9px;
	}
	.div-button-edit-pro{
		display: none;
	}
	h2.title-order-penjualan-top-pop{
		font-size: 18px;
	}
}
@media screen and  (max-width: 420px){
	
}
@media screen and  (max-width: 360px){
}
@media screen and  (max-width: 320px){
}