@media screen and (max-width:1700px) and (orientation: landscape) {
	
}

/* TABLET LANDSCAPE */
@media screen and (min-width:990px) and (max-width:1100px) and (orientation: landscape) {
	
}

/* TABLET PORTRAIT */
@media screen and (min-width:700px) and (max-width:800px) and (orientation: portrait) {
	
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:700px){
	.page__content{transform:translateX(100vw)}
	.page__content.is-loaded{transform:translateX(0vw)}
	
	.top .container{padding:7px 10px!important;}
	.top__logo img{height:70px;}
	
	section.page__content{padding-top:30px;}
	div.container{padding:0px 10px!important;}

	.el__float{width:100%;flex:auto;padding:15px!important;margin-right:0px!important}
	.el__float-title{padding:0px 0px 20px 0px!important;}
	.el__float-content{padding:0px!important;}
	div.list div.rowHead{display:none!important;}
	div.list div.row{display:flex;flex-wrap:wrap;padding:8px 0px;gap:10px;}
	div.list div.row div.el{flex-grow:1;min-width:25%;}
	div.list div.control{min-width:100%;text-align:center;}
	div.list div.control div.el{text-align:center;}
	div.list .cell-s{max-width:80px;}
	div.list .cell-l{max-width:200px;}
	div.list .cell-m{max-width:150px;}

	div.list.listPayment div.el:first-child{min-width:100%;}
	div.list.listPayment div.el:last-child{min-width:100%;}
		
}

@media screen and (max-width:350px){
	section.head{padding:10px 0px;}
	.top__section .right__top{flex-wrap:wrap;gap:8px;}
	.top__section .right__top .cart__top{order:1;}
	.top__section .right__top .user__top{order:0;}
}