@media (max-width: 1820px){
	:root{ 
    	--sidebarW : 290px;
	}
	p.lg {
	    font-size: 17px;
	    line-height: 26px;
	}
	h3 {
	    font-size: 56px; 
	    line-height: 55px;
	}
	h3.sm {
	    font-size: 36px;
	    }
	h4 {
	    font-size: 23px;
    }
    h4.lg {
	    font-size: 26px; 
	    line-height: 32px;
	}
    h4.sm {
	    font-size: 18px;
	}
    h5.sm {
	    font-size: 18px;
	    line-height: 22px;
	}
	h6 {
	    font-size: 14px;
	    line-height: 22px;
    }
	.navbar-expand-md .navbar-nav .nav-link.active {
	    padding: 11px 20px;
	}
	.navbar-expand-md .navbar-nav li+li {
	    margin-left: 20px;
	}
	.navbar-expand-md .navbar-nav .nav-link,
	.sidebar .sidebar-links li a {
	    font-size: 15px;
    }
	.navbar-expand-md .navbar-nav .nav-link svg,
	.sidebar .sidebar-links li a svg {
	    width: 20px;
	    min-width: 20px;
	    height: 20px;
	    margin-right: 6px;
	}
	.notification-search li .links { 
	    width: 40px;
	    padding: 8px;
	    height: 40px;
    }
	.notification-search li+li {
	    margin-left: 10px;
	}
	.notification-search .user-details span.user-name{
		padding: 0 10px;
	}
	.sidebar{
		padding-top: 20px;
	}
	.dasboard-content {
	    padding-top: 10px;
	}
	.welcome-back-outer{
	    padding: 22px 35px 30px 140px;
	}
	.credit-debit-chart h3 svg{
		width: 28px;
	}
	.order-customers{
		padding: 20px 20px 25px 20px;
	} 
	.messages-outer{
		padding: 20px;
	}
	.order-customers ul.graph-details li .charts, .order-customers ul.graph-details li .charts>div{
		height: 158px;
	} 
}
@media(max-width: 1600px){
	.not-md{
		display: none;
	}
	.on-md{
		display: block!important;
	}
	:root{ 
    	--sidebarW : 260px;
	}
	h3 {
	    font-size: 52px;
	    line-height: 52px;
	}
	h3.sm {
	    font-size: 34px;
	}
	h4.lg {
	    font-size: 25px;
	    line-height: 32px;
	}
	h5.sm {
	    font-size: 16px; 
	}
	p.lg {
	    font-size: 16px;
	    line-height: 24px;
	}
	.md-60 {
	    width: 65%;
	}
	.md-40 {
	    width: 35%;
	}
	.cs-btn{
		padding: 7px 20px;
	}
	.navbar-brand a{
		width: 160px;
	}
	.navbar-expand-md .navbar-nav li+li {
	    margin-left: 15px;
	}
	.notification-search .user-details+.dropdown-menu{
		right: 0;
		left: unset;
	}
	.notification-search .user-details+.dropdown-menu span.user-name {
	    padding: 0 22px;
	    width: 100%;
	    display: block;
	}
	.sidebar .sidebar-links li a{
		padding: 12px 16px;
	}
	.notification-search .user-details span.user-name{
		display: none;
	}
	.welcome-back-outer h4 {
	    line-height: 46px;
	}
	.welcome-back-outer {
	    padding: 22px 30px 30px 130px;
	}
	.credit-debit-chart h4 {
	    padding: 20px 15px 8px 15px;
	    margin: 0;
	}
	.order-customers h3 span {
	    font-size: 24px;
	}
	.order-customers ul.graph-details li+li {
	    margin-left: 15px;
	}
	button.dropdown-toggle.more-btn {
	    padding: 0px;
    }
    .messages-outer .lists ul li .icon, .messages-outer .lists ul li .icon svg {
	    width: 25px;
	    height: 25px;
	}
	.messages-outer .lists ul li .text{
		width: calc(100% - 25px);
	}
	.other-information .nav-tabs li a, .map-outer .nav-tabs li a{
		line-height: 35px;
	}
	.messages-outer .lists ul li .icon-text {
	    width: 45px;
	    height: 45px;
	    border-radius: 50%; 
	    line-height:45px; 
	    font-size: 25px; 
	}
	.notifications.messages-outer .lists ul li {
	    padding-top: 17px;
	}
	.map-outer .tab-pane #map, .map-outer .tab-pane #map1 {
	    height: 435px;
	}
	.table-outer table tr th{
	    padding: 12px 16px;
	}
	.table-outer table tr td{
		padding: 6px 20px;
	}
	.payments-details .grand-total .details-outer.right-sec table tr th, .payments-details .grand-total .details-outer.right-sec table tr td,
	.invoice-table.table-outer table tr td{
		padding: 10px 16px!important;
	}
	footer {
	    padding: 23px 15px; 
	}
}
@media(max-width: 1400px){
	h3 {
	    font-size: 48px;
	    line-height: 50px;
	}
	h4 {
	    font-size: 20px;
	}
	h4.sm ,
	.form-group >p.blue{
	    font-size: 17px;
	}
	p.lg,
	.form-group >p.blue+p {
	    font-size: 15px;
	    line-height: 22px;
	}
	.credit-debit-chart h4 {
	    padding: 20px 12px 8px 12px;
	    margin: 0;
	}
	.order-customers {
	    padding: 20px 15px 20px 15px;
	}
	.order-customers ul.graph-details li {
	    width: 128px;
	}
	.order-customers ul.graph-details li+li {
	    margin-left: 10px;
	}
	.order-customers ul.graph-details li .charts, .order-customers ul.graph-details li .charts>div {
	    height: 150px;
	}
	.messages-outer .lists ul li .text h6, .messages-outer .lists ul li .text p { 
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	}
	.other-information, .map-outer {
	    padding: 20px 20px 22px 20px; 
	}
}
@media(max-width: 1250px){
	.navbar-expand-md .navbar-nav{
		display: none!important;
	}
	button.navbar-toggler ,
	.sidebar .sidebar-links li.links.not-desk{
		display: block!important;
	}
	button.navbar-toggler svg{
	    width: 30px;
    	height: 30px;
	}
	.sidebar {
	    padding-top: 20px;
	    background-color: #f9f9f9;
	    position: absolute;
	    z-index: 9;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    -webkit-transform: translateX(-100%);
	        -ms-transform: translateX(-100%);
	            transform: translateX(-100%);
	    -webkit-transition: 0.3s ease-in-out;
	    -o-transition: 0.3s ease-in-out;
	    transition: 0.3s ease-in-out;
	}
	.sidebar.active{
	    -webkit-transform: translateX(0);
	        -ms-transform: translateX(0);
	            transform: translateX(0);
	    opacity: 1;
	}
	.dasboard-content{
		width: 100%;
		padding: 10px 15px 50px 10px;
	}
	.order-customers ul.graph-details li {
	    width: calc(50% - 10px) ;
	    max-width: unset;
	}
}
@media(max-width: 1199px){
	.col-sm-100{
		width: 100%;
	}
	.col-sm-50{
		width: 50%;
	} 
	.seller-details .seller-sec-1>div:nth-of-type(2)~ div .text-details-outer {
	    margin-top: 25px;
	}
}
@media(max-width: 991px){
	.md-40,.md-60{
		width: 100%;
	}
	.col-tb-70{
		width: 70%;
	}
	.col-tb-30{
		width: 30%;
	}
	 .form-group >p.blue{
		font-size: 16px;
		line-height: 20px;
	}
	.cs-accordians .card-header a{
		font-size: 17px;
	}
	.invoice-list-btn .ml-auto input, .invoice-list-btn .ml-auto select {
	    width: 200px;
	}
}
@media(max-width:767px){
	:root{
    	--user-width :80px;
	}
	.col-xs-100{
		width: 100%;
	}
	.col-xs-50{
		width: 50%;
	}
	.ptop-45 {
	    padding-top: 25px;
	}
	.navbar-brand{
		width: 190px;
	}
	button.navbar-toggler{
		padding: 4px;
	}
	button.navbar-toggler svg {
	    width: 26px;
	    height: 26px;
	}
	.notification-search li .links {
	    width: 36px;
	    padding: 7px;
	    height: 36px;
	}
	.navbar-collapse{
		display: -webkit-inline-box!important;
		display: -ms-inline-flexbox!important;
		display: inline-flex!important;
    	width: auto;
    	-ms-flex-preferred-size: unset;
    	    flex-basis: unset;
	}
	.product-services-outer .inline-checkbox label {
	    width: 100%;
	    display: block;
	}
	.product-services-outer .inline-checkbox >div:not(:last-child) {
	    margin-right: 25px;
	}
	.cs-accordians .btn-addnew-outer{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.cs-accordians .btn-addnew-outer .attributes-cs{
		width: 100%;
	}
	.cs-accordians .card-header{
		padding: 15px 20px;
	}
	.cs-accordians .card-body {
	    padding: 0 15px 15px 15px;
	}
	.language-switcher button svg {
	    width: 19px;
	    height: 23px;
	}
	.language-switcher button {
	    width: 19px; 
	    height: auto;
	    margin-left: 10px;
	    position: relative;
	    top: -1px;
	}
	.added-img-list li{
		width: 112px;
		margin-right: 10px;
	}
	.added-img-list li figure, .added-img-list li .add-more{
		height: 112px;
		margin-bottom: 10px;
	}
	.notification-search .links svg{
		height: 20px;
		width: 20px;
	}
	.added-img-list li figure{
		border-width: 2px;
	}
	.added-img-list li figure figcaption{
		font-size: 12px;
		line-height: 18px;
	}
	.details-outer.right-sec{
		justify-content: flex-start;
	}
	.details-outer.right-sec table tr th:first-child, .details-outer.right-sec table tr td:first-child{
		text-align: left;
		padding-left: 0;
	} 
	.invoice-outer .user-name-img .user-name{ 
		padding-left: 10px
	}
	.form-group input[type="date"],.form-group input[type="email"], .form-group input[type="file"], .form-group input[type="text"], .form-group select, .form-group textarea {
	    font-size: 15px;
	}
	.details-outer.bg-filled,
	.payments-details.zones-outer{
		padding: 20px;
	}
	.invoice-outer{
		padding: 20px;
	} 
	.payments-details .row>div.grand-total{
	    order: 1;
	}
	.payments-details .row>div:not(.grand-total){
	    order: 2;
	}
	/*.details-outer.right-sec{
	    justify-content: flex-end!important;
	}*/
	.invoice-list-btn .heading-md{
		flex-direction: column;
    	align-items: flex-start;
	}
	.invoice-list-btn .ml-auto{
		margin-left: unset!important;
	}
}
@media(max-width: 575px){
	.col-100{
		width: 100%;
	}
	.welcome-back-outer {
	    padding: 20px;
	}
	.heading-md{
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	}
	.heading-md .nav-tabs{
	    -webkit-box-ordinal-group: 4;
	        -ms-flex-order: 3;
	            order: 3;
    	margin-top: 0;
	}
	.dropdown.dropleft{
		margin-left: auto;
	}
	 .heading-md .nav-tabs a{
	 	margin-top: 10px;
	 }
	.other-information .nav-tabs li a, .map-outer .nav-tabs li a{
		padding: 0 8px;
        font-size: 13px;
		min-width: unset;	
	}
	.with-btn{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.with-btn .form-group{
		width: 100%
	}
	.with-btn a{
		margin-left: 0;
	}
	.with-btn a:not(:last-child){
		margin-right: 10px;
	}
	.details-outer.right-sec table tr th:first-child, .details-outer.right-sec table tr td:first-child{
		padding-right: 15px;
	}
}
@media(max-width: 480px){
	:root{
    	--user-width :70px;
	}
	.notification-search .user-details img {
	    width: 44px;
	    height: 44px; 	   
	    border-width:  3px;
	}
	.navbar-brand a {
	    width: 130px;
	}
	.navbar-brand {
	    width: 165px;
	    padding-right: 0!important;
	}
	.notification-search{
		padding-left: 0;
	}
	.notification-search li+li {
	    margin-left: 5px;
	}
	.language-switcher .select2-container--default .select2-selection--single .select2-selection__rendered>span {
	    width: 26px!important;
	}
	.select2-results__option[aria-selected] img, .language-switcher img {
	    width: 25px;
	    margin-right: 10px;
	    height: 19px;
	}
	.notification-search li .links {
	    width: 24px;
	    padding: 0px;
	    height: 36px;
	    background-color: transparent!important;
	}
	.notification-search li .links svg{
	    fill: var(--blueColor)!important;
	}  
	.details-outer.bg-filled,
	.payments-details.zones-outer{
		padding: 15px;
	}
	.invoice-outer{
		padding: 20px 15px;
	}
	.invoice-table.table-outer table tr th:nth-child(5) ~ th, .payments-details .grand-total .details-outer.right-sec table tr th:last-child{
		width: auto;
		min-width: unset;
	}
}


@media print{ 
	 div#sidebar_root {
	    display: none!important;
	}
	*{ color-adjust: exact;  -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	body{
		background-color: var(--whiteColor); 
        padding:15px 20px!important;
    }
	.invoice-edit h5{
		margin: 0;
	}
	.invoice-outer,
	.dasboard-content{
		padding: 0!important;
	}
    footer,
	nav.navbar,
	.print-not{
		display: none!important;
	}
	.seller-details .text-details-outer{
		margin-top: 12px!important;
	}
	.form-group label{
		font-size: 14px;
    	line-height: 22px;
        color: #212529;
        font-weight: 700;
	}
	.form-group label,
	.seller-details .text-details-outer h6{
		margin-bottom: 0;
	}
	.form-group input[type="date"], 
	.form-group input[type="file"], 
	.form-group input[type="text"], 
	.form-group input[type="email"], 
	.form-group select, 
	.form-group textarea{
		padding: 0;
    	height: auto;
    	background-color: transparent;
    	border: none;
	    font-size: 15px;
	    line-height: 24px;
	    font-weight: 500; 
	    color: var(--greyColor2);
	} 
	hr{
		margin: 10px 0;
	}
	.invoice-edit h5{
		font-size: 20px;
	}
	.details-outer.bg-filled{
		background-color: transparent;
		padding: 0;
	}
	.table-outer{
		border-radius: 0px;
	}
	.table-outer table tr th{
		white-space: normal;
	}
	.payments-details .grand-total .details-outer.right-sec table tr th, .payments-details .grand-total .details-outer.right-sec table tr td, .invoice-table.table-outer table tr td,
	.table-outer table tr th,
	.table-outer.only-text table tr td {
	    padding: 10px!important;
	}
	.grand-total .details-outer.right-sec {
	    margin-top: 0!important;
	} 
	.payments-details .row>div {
		order: unset!important;
	}
	.details-outer.right-sec table tr td,
	.details-outer.right-sec table tr th{
		line-height: 24px;
	}
	.details-outer.right-sec table tr th:first-child, 
	.details-outer.right-sec table tr td:first-child{  
		line-height: 24px;
	}
	.details-outer{
		margin-top: 15px!important;
	}
	.details-outer.right-sec table tfoot tr td{
		padding-top: 0!important;
	}
	.details-outer.right-sec {
		page-break-inside: avoid;
	}
	.seller-details .seller-sec-1 {
	    margin-bottom: 0px;
	}
	.form-group, .cs-pad {
	    margin-bottom: 10px;
	}
	.details-outer{
		break-inside: avoid!important;
	} 
	.details-outer { 
    	page-break-before: always;
  	}
  	.details-outer {
	    page-break-after: avoid;
	  }
  	.details-outer{
	    page-break-inside: avoid;
  	}
	.col-md-6{
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	} 
	.invoice-table.table-outer table tr th:nth-child(5) ~ th, .payments-details .grand-total .details-outer.right-sec table tr th:last-child{
		width: auto!important;
		min-width: unset;
	}
	.payments-details .grand-total .details-outer.right-sec table tr th, .payments-details .grand-total .details-outer.right-sec table tr td, .invoice-table.table-outer table tr td{
		line-height: 20px;
	}
	.profile-status-outer .col-md-3{
		width: 25%!important;
		-ms-flex: 0 0 25%!important;
	    flex: 0 0 25%!important;
	    max-width: 25%!important;
	}
	.zones-outer .zones-details .col-md-33{
		width: 33.33%!important;
	}
	div.payments-details.zones-outer{
		page-break-inside: avoid;
	}
}