@charset "utf-8";
/* CSS Document */

@media (min-width: 576px) {
	.header-action div > a.circle{
		margin-left: 1rem;
	}
	.header-action div > a.circle > [class^="icon-line-awesome-"]{
		font-size: 22px;
	}
	.mycustom-modal .modal-header {
		border-radius: 1rem 1rem 0 0;
		background-color: #f0f0f0;
	}
}
@media (min-width: 768px) {
	
}
@media (min-width: 992px) {	
	html{
		font-size: 15px;
	}	
	.section{
		padding: 2rem 0;
	}
	
	.small-footer {
		display: none;
	}
}

@media (min-width: 1200px){
	html{
		font-size:;
	}
}
@media (max-width: 1400px) {
	.categories-grid {
		grid-template-columns: repeat(5, 1fr);
	}
}
@media only screen and (max-width: 991.98px) {
	html{
		font-size:14px
	}
	.navbar-expand-md .container {
		max-width: 100%;
	}
	#wrapper{
		padding-bottom: 54px;
	}
	.section{
		padding: 1rem 0;
	}
	footer{
		padding:0;	
		display: none;
	}
	.footer-top{
		display:none;
	}
	.download-app, .payment-crads, .footer-links p.text-about{
		margin-bottom:1rem;	
	}
	.filter{
		position: fixed;
		z-index: 1022;
		height: 100%;
		bottom: 0;
		left: 0;
		transition: 0.3s;
		width: 100%;
		align-items: flex-end;
		display: none;
	}
	.filter-content{
		background-color: #fff;
		border-radius: 1rem 1rem 0 0;
		display: flex;
    	flex-direction: column;
		max-height: 70%;
		width: 100%;
	}
	.filter .accordion, .filter .acc-panel{
		overflow-y: auto;
		height: calc(100% - 50px) !important;
		padding: 15px;
	}
	.categories-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 767.98px) {
	
	.row-sm-10 {
		margin-right: calc(var(--bs-gutter-x) * -.333);
		margin-left: calc(var(--bs-gutter-x) * -.333);
	}
	.row-sm-10 > * {
		padding-right: calc(var(--bs-gutter-x) * .333);
		padding-left: calc(var(--bs-gutter-x) * .333);
	}
	.section {
		padding: 1rem 0;
	}
	.container{
		max-width:100%;
	}
	.card.card-package,
	.card.card-promo {
    	border-radius: 0.5rem;
	}
	.card-item h4{
		font-size:1.125rem;
	}
	.header-bottom{
		display: none;	
	}
	.download-app{
		justify-content: center;	
	}
}

@media only screen and (max-width: 575.98px){
	.hide-xs{
		display:none !important;
	}
	.section-title h1, .general-form h1 {
		font-size: 2rem;
	}
	.nav-tabs{
		flex-wrap:inherit;
		height: 38px;
		overflow-x:auto;
		overflow-y:hidden;
		white-space: nowrap;
	}
	.cart-list .flex-shrink-0 > a > img {
		max-height:64px;
		max-width:64px;	
	}
	.header-action div > a.circle{
		margin-left: 0.5rem;
	}
	.header-action div > a.circle > [class^="icon-line-awesome-"]{
		font-size: 20px;
	}
	.modal .modal-dialog{/*.modal-frame*/
		height:100%;
		max-width: 100%;
		width: 100%;
		margin: 0;
		pointer-events: inherit;
		display: flex;
    	align-items: flex-end;
	}
	.modal .modal-dialog-centered{
		min-height:1px;
		z-index: 1000;
	}
	.modal .modal-content{/*.modal-frame*/
		border:none;
		border-radius: 1rem 1rem 0 0;
		max-height: 70%;
	}
	.modal .modal-content .modal-body{
		height: calc(100% - 55px);
    	overflow-y: auto;
	}
	
}