@media (min-width: 1200px){
	/* custom container bootstrap */
	.container {
	    width: 960px;
	}
}
@media screen and  (max-width: 1270px){
	.wrap-dashboard-menu-top-in{
		padding-left: 70px;
		padding-right: 70px;
	}
	.wrap-quotation-steps{
		padding-left: 70px;
		padding-right: 70px;
	}
	.quotation-step-title{
		font-size: 11px;
		margin-left: 30px;
	}
	.quotation-step-numb{
		font-size: 11px;
		width: 25px;
		height: 25px;
	}
	.quotation-steap-info ul li.step-process .quotation-step-title:before{
		top: 7px;
		border-bottom: 2px dashed #adadad;
	}
	.quotation-steap-info ul li.step-before .quotation-step-title:before{
		top: 7px;
		border-bottom: 2px dashed #adadad;
	}
	.quotation-steap-info ul li.step-done .quotation-step-title:before{
		top: 7px;
		border-bottom: 2px solid #6F38C5;
	}
	.quotation-steap-info ul li{
		width: 145px;
	}
	.bt-create-invoice-right{
		right: 10%;
	}
	table.dataTable thead th, table.dataTable thead td{
		font-size: 9px;
	}
	h4.text-quo-list-tab{
		font-size: 10px;
	}
}
@media screen and  (max-width: 1024px){
}
@media screen and  (max-width: 991px){
	.wrap-dashboard-menu-left{
		left: -251px;
	}
	.wrap-dashboard-menu-top{
		padding-left: 0;
		padding-top: 7px;
		padding-bottom: 9px;
	}
	.wrap-dashboard-content{
		padding-left: 0;
		padding-top: 0;
	}
	h3.title-dasboard-page{
		font-size: 17px;
		line-height: 16px;
		display: inline-block;
	}
	.wrap-cta-quotation-select {
		position: relative;
		left: 0;
		top: 0;
		display: inline-block;
		margin-left: 10px;
	}
	.custom-select.select-option-quotation-cta{
		width: 90px;
	}
	.wrap-bt-cta-quotation-i{
		margin-left: 10px;
	}
	.bt-cta-edit-quotation-data {
		border-radius: 3px;
		font-size: 9px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.bt-cta-create-quotation-data{
		border-radius: 3px;
		font-size: 9px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.accordion{
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.accordion:after {
		font-size: 21px;
		left: -26px;
		top: 4px;
	}
	.select-selected:after {
		top: 9px;
		width: 0;
		height: 0;
		border: 4px solid transparent;
		border-color: #707070 transparent transparent transparent;
	}
	.select-items div, .select-selected{
		font-size: 9px;
		padding: 4px 6px;
	}
	.breadcumb-page ul li{
		font-size: 10px;
	}
	.wrap-dashboard-menu-top-in {
		padding-left: 55px;
		padding-right: 20px;
	}
	.sec-icon-cta-account {
		right: 20px;
		top: -2px;
	}
	h3.title-quotation-info-box{
		font-size: 14px;
	}.wrap-quotation-steps{
		padding-top: 9px;
	}
	.wrap-quotation-steps{
		padding-left: 20px;
		padding-right: 20px;
	}
	.wrap-menu-bt-left{
		display: block !important;
	}
	.input-search-form-top{
		position: fixed;
		top: 43px;
		right: 0;
		width: 100%;
		background: #fff;
		padding: 7px;
		z-index: 9;
	}
	.toggle-cta-sow-bar-box{
		right: 0px;
		left: inherit;
	}
	.wrap-dashboard-menu-top-in-hide{
		display: block !important;
	}
	.sec-logout{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.quotation-step-numb{
		margin-left: 2px;
	}
	.termin-text-input{
		padding-top: 6px;
	}
	.item-notification-alert-edit:first-child {
		margin-top: -5px;
	}
	.dashboard-quotation-view-info {
		padding-top: 80px;
	}
	.dashboard-invoice-view-info .wrap-dashboard-menu-top{
		padding-bottom: 5px;
	}
	.dashboard-invoice-view-info h3.title-dasboard-page{
		margin-top: -1px;
		position: relative;
		display: block;
	}
	.dashboard-invoice-view-info{
		padding-top: 90px;
	}
	.cta-item-product-button {
		top: 10px;
		right: 10px;
	}
	.notification-box-profile{
		margin-bottom: 30px;
	}
	.cus-pic-add-client .row .section-input-form-quotation:last-child {
		margin-bottom: 15px;
	}
	ul.wr-termin-sec-box-com-in{
		margin-bottom: 30px;
	}
	.wrap-dashboard-menu-top-cus1 h3.title-dasboard-page {
		font-size: 17px;
	}
	.wrap-dashboard-menu-top-cus1.wrap-dashboard-menu-top{
		background: #fff;
		box-shadow: -1px 3px 5px 0px rgb(209 209 209 / 34%);
    	-webkit-box-shadow: -1px 3px 5px 0px rgb(209 209 209 / 34%);
    	-moz-box-shadow: -1px 3px 5px 0px rgba(209,209,209,0.34);
	}
	h2.heading-title-box-info-dash1{
		font-size: 37px;
		line-height: 37px;
	}
	.bt-create-invoice-right {
		right: 99px;
		top: -1px;
	}
	.bt-cta-create-quotation-download{
		border-radius: 3px;
		font-size: 9px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.select-cus-role-s{
		padding: 4px 15px;
	}
	.column-price-rules-2-left:before{
		display: none;
	}
	.column-price-rules-2-left{
		width: 100%;
		padding-right: 0;
		float: none;
		margin-bottom: 10px;
	}
	.column-price-rules-2-right{
		width: 100%;
		padding-left: 0;
		float: none;
	}
	.item-box-notif-floating{
		right: 20px;
		left: 20px;
		top: 70px;
	}
	.item-box-notif-floating{
		width: auto;
	}
}
@media screen and  (max-width: 768px){
	.quotation-steap-info ul li {
		width: 138px;
	}
	.quotation-step-numb {
		font-size: 11px;
		width: 23px;
		height: 23px;
	}
	.quotation-step-title{
		font-size: 10px;
	}
	.quotation-step-title span{
		padding-right: 6px;
	}
	.container-content-form-quotation{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	h3.title-quotation-number{
		font-size: 13px;
	}
	ul.list-cta-acc li{
		margin-left: 4px;
	}
	.bt-preview-quotation {
		padding-top: 5px;
		padding-bottom: 5px;
		width: 86px;
	}
	.bt-back-top-top{
		bottom: 20px;
		right: 20px;
	}
	.wrap-submit-button-form{
		text-align: center;
	}
	.dashboard-quotation{
		padding-top: 110px;
	}
	.box-style-form{
		padding: 10px;
	}
	.input-f-quotation-item .form-control{
		font-size: 11px;
	}
	.item-blok-box-category{
		padding-right: 30px;
	}
	.bt-delete-ico{
		right: -23px;
	}
	.custom-row-product-padding .col-2, .col-4, .col-6{
		max-width: 100%;
		display: block;
		flex: 100%;
	}
	.custom-row-product-padding .item-product-wrap{
		margin-top: 0;
	}
	.custom-row-product-padding .input-f-quotation-item{
		margin-bottom: 13px;
	}
	.text-discount-input-l h3{
		font-size: 12px	;
	}
	.text-discount-input-l{
		width: 85px;
	}
	.text-discount-input-2{
		display: block;
		float: none;
		margin-left: 0;
	}
	.text-discount-input-l{
		float: none;
		margin-bottom: 17px;
	}
	.label-discount-select{
		font-size: 10px;
		width: 73px;
		float: none;
		display: inline-block;
		margin-top: 0;
		top: -2px;
	}
	.disc-radio{
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	.width-cus-discount {
		vertical-align: middle;
		width: 100%;
		float: none;
		margin-top: 0;
	}
	h2.text-title-quotation-top{
		font-size: 18px;
	}
	.title-sow-list{
		font-size: 15px;
	}
	.text-subtotal-input-tot{
		float: none;
		font-size: 14px;
	}
	.numb-subtotal-input{
		float: none;
		font-size: 14px;
	}
	.sec-discount-input{
		margin-bottom: 15px;
	}
	.wrap-cta-sow-bars{
		right: 4px;
	}
	.floating-label{
		top: 8px;
	}
	.toggle-cta-sow-bar-box li{
		font-size: 12px;
	}
	.delete-sow-category-sec{
		right: 8px;
	}
	.accordion:after{
		left: 0;
	}
	.accordion{
		padding-left: 30px;
	}
	.panel{
		padding-left: 0px;
	}
	.login-box-page-das-in{
		padding-left: 20px;
		padding-right: 20px;
	}
	.box-login-item{
		width: 100%;
	}
	.container-content-all-quotation{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.wrap-tools-top-search-add-product{
		margin-top: 20px;
	}
	.item-box-product{
		width: 49%;
	}
	.wrap-table-quotation-inv table{
		width: 900px !important;
	}
	.wrap-table-quotation-inv{
		overflow-y: auto;
	}
	input.checkinputquo{
		left: 0;
	}
	.dataTables_wrapper .dataTables_length {
		padding-left: 0;
	}
	.input-f-login-s{
		font-size: 11px;
	}
	.profile-avatar-box{
		margin: auto;
		margin-bottom: 20px;
	}
	.wrap-all-discount-box-grand-total .numb-subtotal-input {
		width: 100%;
		font-size: 18px;
		text-align: left;
		margin-top: 10px;
		color: #333030;
	}
	.signature-edit-name-list-desc{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.signature-img-view-list{
		float: none;
		margin-top: 0;
	}
	.button-cta-signature-i{
		z-index: 3;
	}
	.bt-signature-cta{
		margin-left: 15px;
		font-size: 18px;
	}
	.wrap-cta-quotation-select{
		display: block;
		margin-left: 0;
		padding-top: 12px;
	}

}
@media screen and  (max-width: 640px){
	
}
@media screen and  (max-width: 600px){
}
@media screen and  (max-width: 480px){
	.quotation-steap-info ul li {
		max-width: 72px;
		display: inline-block;
		width: auto;
		vertical-align: top;
		padding-right: 2px;
	}
	.quotation-steap-info ul li.step-process .quotation-step-title:before{
		display: none;
	}
	.quotation-steap-info ul li.step-before .quotation-step-title:before{
		display: none;
	}
	.quotation-steap-info ul li.step-done .quotation-step-title:before{
		display: none;
	}
	.quotation-step-numb {
		font-size: 9px;
		width: 20px;
		height: 20px;
	}
	.quotation-step-title {
		font-size: 11px;
		margin-left: 25px;
		padding-right: 0px;
		margin-top: 5px;
		font-size: 9px;
		line-height: 10px;
	}
	.box-item-quotation-info{
		margin-bottom: 20px;
	}
	.termin-text-input {
		padding-top: 0;
	}
	#drop-zone{
		font-size: 12px;
	}
	#clickHere{
		font-size: 12px;
	}
	#filename{
		font-size: 12px;
	}
	.wrap-item-box-termin ul li{
		width: 50%;
		float: left;
	}
	.wrap-item-box-termin ul li:nth-of-type(3) .i-termin-box-info{
		border-top: none;
	}
	.title-i-quo-text-big{
		font-size: 14px;
	}
	.item-notification-alert-edit .wrap-dashboard-menu-top-in{
		padding-left: 20px;
		padding-right: 20px;
	}
	.bt-close-notif-alert-edit {
		top: 35%;
		padding-top: 1px;
		font-size: 13px;
		width: 21px;
		height: 21px;
	}
	.item-notif-edit-icon{
		width: 20px;
		height: 20px;
	}
	.item-notif-edit-info {
		margin-left: 32px;
		padding-top: 3px;
	}
	h4.title-notif-edit-info-right1{
		font-size: 12px;
	}
	h4.title-notif-edit-info-right2{
		font-size: 10px;
		width: 100%;
		padding-right: 30px;
	}
	.item-notification-alert-edit{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.box-login-item{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.item-box-product{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.wrap-box-all-product-item{
		margin-left: 0;
		margin-right: 0;
	}
	.wrap-tools-top-search-add-product {
		margin-top: 0;
	}
	.search-form-all-product-item{
		width: 180px;
	}
	.i-f-search-all-product{
		font-size: 11px;
	}
	.bt-export-cta-quotation-table2{
		font-size: 9px;
		width: 80px;
		padding-left: 0;
		padding-right: 0;
	}
	.searchbar-quotation-customer{
		width: 100%;
		margin-bottom: 15px;
	}
	.toolbar-quotation-table-right{
		position: relative;
	}
	.filter-select-tab-quotation{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.bt-export-cta-quotation-table{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.bt-export-menu-drop2{
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		display: block;
	}
	.custom-modal-alert-warning .modal-dialog{
		width: auto;
	}
	.filtet-select-export-by{
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.select-export-by{
		width: 100%;
	}
	.input-date-range-filter-by{
		width: 100%;
		display: block;
		margin-bottom: 5px;
	}
	.filter-table-bottom{
		margin-left: 0;
		display: block;
		margin-bottom: 5px;
	}
	.bt-filter-tab-bottom{
		display: block;
		width: 100%;
	}
	.child-select-exby-active {
		display: block;
		margin-right: 0;
		width: 100%;
		margin-bottom: 5px;
	}
	.export-filter-all-quotation .select2-container{
		width: 100% !important;
	}
	.export-filter-all-quotation .select2-container--default .select2-selection--single{
		width: 100%;
	}
	.select-status-exby{
		width: 100%;
	}
	.filter-select-status-datatable{
		margin-left: 0;
	}
	.filter-select-tab-quotation{
		width: 90px;
	}
	.bt-export-cta-quotation-table{
		width: 78px;
	}
	.export-filter-all-quotation .bt-export-cta-quotation-table{
		width: 100%;
	}
	.bt-back-top-top{
		padding-top: 2px;
		width: 30px;
		height: 30px;
	}
	.item-recent-activity-time{
		font-size: 10px;
		width: 40px;
	}
	.item-recent-activity-desc{
		margin-left: 40px;
		padding-left: 18px;
	}
	.item-recent-list ul li:before{
		left: 40px;
	}
	h4.title-item-recent-desc{
		font-size: 10px;
	}
	.seperator-date-recent-act{
		margin-left: 18px;
	}
	.profile-name-user{
		font-size: 15px;
	}
	h4.name-client-desc-ed{
		font-size: 15px;
		margin-bottom: 0;
	}
	.client-add-avatar-img{
		width: 90px;
		height: 90px;
	}
	.sec-bt-upload-ava-client {
		margin-left: 18px;
		padding-top: 21px;
	}
	.bt-add-photo-client {
		font-size: 10px;
		margin-bottom: 3px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.note-upload-ava-client{
		font-size: 9px;
	}
	.cta-button-invoice-link {
		position: relative;
		right: 0;
		top: 0;
		margin-top: 21px;
	}
	.bt-file-attach-invoice-info2{
		margin-left: 0;
	}
	.bt-file-attach-invoice-info1{
		/* margin-right: 20px;
		margin-left: 0; */
	}
	.cta-button-invoice-link{
		width: 100%;
		padding-left: 20px;
	}
	.cta-button-invoice-link .col-4{
		width: initial !important;
		max-width: initial !important;
		flex: unset;
		display: inline-block;	
	}
	.bt-submit-frm{
		font-size: 10px;
	}
	.bt-view-quotation-v{
		margin-left: 0;
		display: block;
		margin-top: 10px;
	}
	.bt-create-term-com-in{
		font-size: 12px;
	}
	.bt-edit-general-info-icon{
		font-size: 16px;
	}
	h3.title-invoice-heading-view{
		font-size: 14px;
	}
	.bt-create-role-cta{
		top: 26px;
		font-size: 10px;
	}
	h3.title-role-access-head{
		font-size: 16px;
	}
	.wrap-item-box-column-role-access{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.role-block-4-column{
		margin-left: 0;
		margin-right: 0;
	}
	.table-permissions-check-role table{
		width: 400px;
	}
	h4.title-dashboard-chart-s{
		font-size: 16px;
	}
	.wrap-discount-subtotal-cat-detail2 h4.title-discount-cat-red{
		font-size: 15px;
	}
	.wrap-discount-subtotal-cat-detail2 .sub-total-all-sec-info-text1{
		font-size: 18px;
	}
	.wrap-discount-subtotal-cat-detail2 .sub-total-all-sec-info-text2{
		font-size: 18px;
	}

	.title-invoice-numb-head{
		display: none;
	}
	.container-content-form-quotation{
		padding-left: 35px;
		padding-right: 35px;
	}
	.text-warning-popup-top-cus-reject {
		font-size: 17px;
	}

	.pagination-product-item{
		padding-right: 0;
	}
}
@media screen and  (max-width: 420px){
	ul.menu-list-left li a{
		font-size: 12px;
	}
	.bt-show-all-data-quotation{
		width: 112px;
		font-size: 10px;
	}
	.custom-select.select-option-quotation-cta {
		width: 79px;
	}
	.select-items div, .select-selected{
		font-size: 8px;
	}
	.bt-cta-edit-quotation-data {
		font-size: 8px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.bt-cta-create-quotation-data{
		font-size: 8px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 5px;
	}
	.select-cus-role-s {
		padding: 3px 7px;
		width: 100px;
	}
	.bt-create-invoice-right{
		right: 82px;
	}

	.digits-code input {
		width: 35px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.bt-copy-backup-codes{
		font-size: 9px;
		margin-right: 20px;
	}
	.bt-download-backup-code{
		font-size: 9px;
	}
}
@media screen and  (max-width: 400px){
	.bt-preview-quotation {
		width: 100%;
		position: relative;
		top: 0;
		margin-top: 6px;
		font-size: 9px;
	}
	.date-icon-cus{
		width: 100% !important;
	}
	.dashboard-quotation {
		padding-top: 145px;
	}
	.select-cus-role-s{
		font-size: 8px;
		width: 88px;
	}
	.wrap-bt-cta-quotation-i {
		margin-left: 2px;
	}
	.bt-cta-create-quotation-download{
		margin-left: 2px;
	}
}
@media screen and  (max-width: 360px){
	.text-backup-codes-item ul li{
		font-size: 9px;
		margin-bottom: 6px;
	}
}
@media screen and  (max-width: 320px){
}