/*--- Extra large devices (large desktops, 1200px and up) -----*/

@media (min-width: 1500px) { 

	.main{
		width: 1125px;
		margin-left: auto;
		margin-right: auto;
		transform: translateX(3.75rem);
	}

	.sidebar_expand .main{
		transform: translateX(12rem);
	}

}


@media (min-width: 1200px){
	
	.container{
		max-width: 1180px;
	}
	
}


@media (max-width: 1199px){

	html{
		font-size: 49%;
	}

}


@media (min-width: 992px){

	.sidebar>.container{
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.main>.container{
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}




/* ------ Medium devices (tablets, 991px and down) -----*/

@media (max-width: 991px){

	html{
		font-size: 62.5%;
	}

	.sidebar{
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding: 1.5rem 0;
		flex-direction: row;
	}

	.sidebar>.container{
		flex-direction: row;
		justify-content: unset;
	}

	/* menu */
	.menu{
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background-color: var(--blue);
		padding-left: calc((100% - 720px) / 2 + 2rem);
		padding-right: calc((100% - 720px) / 2 + 2rem);
		padding-top: 11rem;
		padding-bottom: 2rem;
		overflow: auto;
		transition: 300ms;
		z-index: -2;
	}

	.menu.current{
		left: 0;
	}

	.menu > li:not(:last-child) {
		margin-bottom: 1.4rem;
	}

	.menu > li > a{
		display: flex;
		align-items: center;
		position: relative;
		color: #fff;
		font-size: 1.6rem;
		font-weight: 600;
		text-transform: uppercase;
	}

	.menu > li > a > span {
		display: inline-block;
	}

	.menu > li > a .icon img{
		margin-right: .8rem;
	}


	.dropdown_toggle::before{
		content: '';
		position: absolute;
		top: 1.3rem;
		right: .3rem;
		width: .8rem;
		height: .8rem;
		border-width: 0 .2rem .2rem 0;
		border-color: #fff;
		border-style: solid;
		transform: rotate(45deg);
		transition: 200ms;
	}

	.dropdown_toggle.active::before,
	.dropdown_toggle:hover::before{
		transform: rotate(-135deg);
		border-color: var(--orange);
	}



	.dropdown_menu{
		position: unset;
		width: 100%;
		height: auto;
		padding: 0;
		padding-left: 4.8rem;
		display: none;
		visibility: unset;
		pointer-events: unset;
	}

	.dropdown_toggle.active + .dropdown_menu{
		display: block;
	}

	.dropdown_menu ul a{
		font-weight: 400;
	}

	.dropdown_menu h4{
		display: none;
	}

	.sidebar .avatar{
		display: block;
		margin-left: auto;
	}

	.main{
		width: 100%;
		padding: 2rem 0;
	}

	.hamburger-menu{
		display: inline;
	}

	.user_top{
		padding: 3rem 2rem;
		text-align: center;
	}

	.user_top.mb_40{
		margin-bottom: 2rem;
	}

	.user_top.mb_30{
		margin-bottom: 0rem;
	}

	.user_top .right {
		text-align: center;
	}

	.row:not(.g-1,.g-2,.g-3,.g-4,.g-5) {
		--bs-gutter-x: 2rem;
		--bs-gutter-y: 2rem;
	}

	

	.space_box p {
		width: 10rem;
	}

	.space_box .progress_box{
		width: 100%;
	}

	.space_box.totel p{
		width: 16rem;
	}

	.content_box{
		border-radius: 1.2rem;
	}

	.content_box.mt_37{
		margin-top: 2rem;
	}

	.login_area{
		padding: 4rem 0;
	}

	.login_wrap{
		display: block;
		border: none;
	}

	.login_form{
		border: 1px solid #1d3c60 !important;
		padding: 3rem 13rem;
	}

	.reset_password_area{
		padding: 4rem 0;
	}

	.cashier_icon_box{
		border-radius: 1.2rem;
	}

	.table_box.mt_37{
		margin-top: 2rem;
	}

	.table_box {
		padding-left: 0;
		padding-right: 0;
	}

	.checkout_left_side {
		border-right: none;
		padding-top: 2rem;
	}

	.checkout_form{
		padding-left: 0;
		padding-right: 0;
	}


	.checkout_right_side{
		padding-top: 1rem;
	}

	.process_recnt_payment_table{
		height: 80vh;
	}

	.sale_history_table {
		height: 80vh;
	}

	.sale_gift_certificate_table table{
		width: 80rem;
	}
	
	.table_pagination.v1 .pagination_list{
		margin-left: auto;
	}

	.stores_table{
		height: 80vh;
	}

	.stores_table table{
		width: 75rem;
	}

	#choose_register_modal .row {
		--bs-gutter-y: 0;
	}
}








/*----- sm devices (tablets, 767px and down) -----*/

@media (max-width: 767px) {


	.title_xxl{
		font-size: 2.6rem;
	}

	.sidebar{
		padding: 1rem 0;
	}

	.sidebar .avatar {
		width: 5.5rem;
	}

	.menu{
		padding-top: 10rem;
		padding-left: calc((100% - 540px) / 2 + 2rem);
		padding-right: calc((100% - 540px) / 2 + 2rem);
	}

	.filter{
		display: block;
	}

	.filter .nice_select{
		width: 100%;
	}

	.filter .input_blk{
		width: 100%;
		margin: 1rem 0;
	}
	
	.filter .input_blk input{
		width: 100%;
	}

	.filter .button_sm{
		width: 100%;
	}

	.site_logo{
		width: 20rem;
	}

	.login_area .logo_list{
		gap: 0 2rem;
	}

	.login_area .logo_list img {
		height: 3rem;
	}

	.logo_box{
		border-radius: 1.2rem;
	}

	.logo_box .logo {
		width: 25rem;
	}

	.login_form{
		padding: 2.5rem;
		border-radius: 1.2rem;
	}

	.login_form .sh1{
		display: none;
	}

	.label{
		width: auto;
		font-size: 1.8rem;
		margin: 0;
		margin-bottom: 0.8rem;
	}

	.input{
		width: 100%;
	}

	.login_form .title_xxl{
		padding-left: 0;
		margin-left: 0;
		text-align: center;
	}

	.login_form a{
		display: block;
		margin-left: 0;
		text-align: center;
	}

	.reset_password_area .login_wrap{
		width: 100%;
	}

	.reset_password_area .login_form{
		padding: 2.5rem;
	}

	.reset_password_area .label{
		width: 100%;
	}

	.home_area .btn__group {
		grid-template-columns: 1fr 1fr;
	}

	.cashier_icon_box h2{
		font-size: 2.4rem;
		padding: 2rem 0 1rem;
	}

	.cashier_icon_box p{
		font-size: 1.4rem;
	}

	.cashier_icon_box .icon{
		height: 3.5rem;
	}

	.table_box table{
		width: 60rem;
	}


	.simplebar-track.simplebar-vertical{
		width: 1rem;
	}

	.simplebar-track.simplebar-horizontal{
		height: 1rem;
		right: 1rem;
	}

	.table_wrap{
		padding-right: 1rem;
		padding-bottom: 1rem;
	}

	.table_pagination{
		display: block;
		text-align: center;
		padding: 1.5rem 0;
	}

	.table_pagination .pagination_list{
		margin-left: 0;
		justify-content: center;
		margin-top: 1.5rem;
	}

	.table_pagination.v1 .pagination_list{
		margin-left: 0;
	}

	.checkout_table table{
		width: 70rem;
	}

	.checkout_table .table_totel{
		width: 70rem;
	}

	.input_v1{
		height: 3.5rem;
	}

	.symble_label{
		width: 3rem;
	}

	.input_v1.pl_25{
		padding-left: 4rem;
	}

	.checkout_form.filter_form {
		padding-right: 0;
	}

	.nice_select_v1{
		height: 3.5rem;
		line-height: 3.5rem;
	}

	.sale_gift_certificate_table{
		height: 80vh;
	}

	.sale_gift_certificate_table table{
		width: 70rem;
	}

	.title_md{
		font-size: 3rem;
	}

	.table_filter_form .nice_select_v1{
		width: 100%;
	}

	.edit_user_form .form_group .input_v1{
		width: 100%;
	}

	
	.stores_table table{
		width: 80rem;
	}

	#tax_id_lookup_modal .modal-content {
		padding: 2.5rem 2rem;
	}

	.tax_id_lookup_table table{
		width: 32rem;
	}

	.table_cricle {
		width: 1.3rem;
		margin: 0 .6rem;
	}

}


/*----- xs devices (landscape phones, 575px and down) -----*/

@media (max-width: 575px) {


	html{
		font-size: 2.666vw;
	}

	.menu{
		padding-top: 9rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}

}