@media all  and (max-width: 1452px){

}

@media all  and (max-width: 1270px){

}

@media all  and (max-width: 1147px){

}

@media all  and (max-width: 1106px){

}

@media all  and (max-width: 1010px){

}

@media all  and (max-width: 992px){

}

@media all  and (max-width: 900px) {
	
}

@media all  and (max-width: 767px){
	.aside {
		left: 0 !important;
	}
	.aside.show {
		width: 70px;
		left: -250px !important;
	}
	.main {
		width: 100% !important;
		overflow-y: auto !important;
	}
	/*.main.full {
		width: -moz-calc(100% - 250px) !important;
		width: -webkit-calc(100% - 250px) !important;
		width: calc(100% - 250px) !important;
	}*/
	.inner .contents {
		height: auto !important;
		min-height: calc(100vh - 80px);
		margin-bottom: 10px;
	}
	.inner .content-wrapper {
		height: auto !important;
	}
	.pay-card .card-body {
		padding: 15px 10px 30px;
	}
	.tab-buttons {
		position: unset;
	}
}

@media all  and (max-width: 640px) {
	body {
		font-size: 12px;
	}
	.form-control {
		font-size: 12px;
	}
	.left-tab {
		width: 130px
	}
	.right-tab {
	    width: calc(100% - 130px);
	}
	.sp-heading h5 {
	    font-size: 14px;
	}
}

@media all  and (max-width: 575px){
	
}

@media all  and (max-width: 540px){
	#hideMenu {
		display: block;
		cursor: pointer;
		font-size: 16px;
	}
	.left-tab {
		width: 20px;
	}
	.left-tab ~.right-tab {
	    width: calc(100% - 20px);
	}
	.left-tab .tab-items, .left-tab .tab-buttons{
		display: none;
	}


	.left-tab.sphide {
		width: 130px;
	}
	.left-tab.sphide ~.right-tab {
	     width: calc(100% - 130px);
	}
	.left-tab.sphide .tab-items, .left-tab.sphide .tab-buttons{
		display: block;
	}

}
@media all  and (max-width: 480px){
	header .nav-container img {
		height: 20px
	}
}
@media all  and (max-width: 460px){

	.bottom-buttons {
		height: 75px
	}
	.bottom-buttons .button {
		display: block;
		margin-right: 0 !important;
		margin-bottom:  5px;
	}
}

@media all  and (max-width: 380px){
	header .nav-container img {
		height: 15px
	}
}