@media only screen and (max-width:1640px) {
	/*1025 to 1366 - DESKTOP/NOTEBOOK */
	.only_mobile {
		display:none;
	}
	.only_desktop {
		display:block;
	}
}

@media only screen and (max-width:1366px) {
	/*1025 to 1366 - DESKTOP/NOTEBOOK */
	.only_mobile {
		display:none;
	}
	.only_desktop {
		display:block;
	}
}

@media only screen and (max-width:1200px) {
	/*1025 to 1200 - DESKTOP/NOTEBOOK */
	.only_mobile {
		display:none;
	}
	.only_desktop {
		display:block;
	}
}

@media only screen and (max-width:1023px) {
	/* 1024 to 1280 - DESKTOP/ OLD NOTEBOOK */
	.only_mobile {
		display:block;
	}
	.only_desktop {
		display:none;
	}
	.container {
		width: 100%;
	}

	/* GRID DIMENSION - 12COL - MOBILE */
	.col-inline.col-m1 {
		width: 8.33%;
	}
	.col-inline.col-m2 {
		width: 16.66%;
	}
	.col-inline.col-m3 {
		width: 25%;
	}
	.col-inline.col-m4 {
		width: 33.33%;
	}
	.col-inline.col-m5 {
		width: 41.66%;
	}
	.col-inline.col-m6 {
		width: 50%;
	}
	.col-inline.col-m7 {
		width: 58.33%;
	}
	.col-inline.col-m8 {
		width: 66.66%;
	}
	.col-inline.col-m9 {
		width: 75%;
	}
	.col-inline.col-m10 {
		width: 83.33%;
	}
	.col-inline.col-m11 {
		width: 91.66%;
	}
	.col-inline.col-m12 {
		width: 100%;
	}

}

@media only screen and (max-width:991px) {
	/* bootstrap step */
	
}

@media only screen and (max-width:780px) {
	/* 0 to 780 - MOBILE */
	html,body {
		overflow-x: hidden; 
	}
	body {
		box-sizing:border-box;
		height: 100vh;
	}
	
	body.isMobile {
		
	}
	
	.only_mobile {
		display:block;
	}
	.only_desktop {
		display:none;
	}
	.container {
		padding: 10px 20px;
	}
	
	/* MAIN MENU */
	header .logo_top {
		
	}
		#main_menu_container {
			
		}
	ul#main_menu>li>span:hover, ul#main_menu>li>a {
		background-color: transparent;
	}
	
	#main_menu_cart {
		position: fixed;
		z-index: 101;
		right: 40px;
		bottom: 40px;
		width: 48px;
    	height: 48px;
		overflow: hidden;
		background-color: #fad03b;
		border: 1px solid rgb(255 255 255 / 50%);
		border-radius: 32px;
		box-shadow: 1px 1px 6px 0px rgb(0 0 0 / 40%);
		transition: all 0.25s linear;
	}
		#main_menu_cart>span.cart {
			padding: 0 !important;
		}
		#main_menu_cart .order_small_description {
			display: inline-block !important;
			line-height: 48px;
			width: 0;
			padding: 0;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
			#main_menu_cart:not([data-cart-item="0"]) .order_small_description {
				width: calc(100% - 120px);
				padding: 0 18px;
			}

	#main_menu_cart:not([data-cart-item="0"]){
		width: 300px;
		text-align: center;
		right: calc(50vw - 150px);
	}
	
	#main_menu_cart .cart:before{
		display: none !important;
	}
	
	/* GRID DIMENSION - 12COL - SMARTPHONE */
	.col-inline.col-s1 {
		width: 8.33%;
	}
	.col-inline.col-s2 {
		width: 16.66%;
	}
	.col-inline.col-s3 {
		width: 25%;
	}
	.col-inline.col-s4 {
		width: 33.33%;
	}
	.col-inline.col-s5 {
		width: 41.66%;
	}
	.col-inline.col-s6 {
		width: 50%;
	}
	.col-inline.col-s7 {
		width: 58.33%;
	}
	.col-inline.col-s8 {
		width: 66.66%;
	}
	.col-inline.col-s9 {
		width: 75%;
	}
	.col-inline.col-s10 {
		width: 83.33%;
	}
	.col-inline.col-s11 {
		width: 91.66%;
	}
	.col-inline.col-s12 {
		width: 100%;
	}
	
	/* CUSTOM */
	.loggedIn .logo_top {
		width: 38px;
    	background-size: cover;
	}
	.loggedIn #main_menu_container {
		width: calc(100% - 42px);
	}
	#question_container {
		width: 100%;
	}
	#whiteboard_container {
		display: none;
	}
}

@media only screen and (max-width:580px) {
	/* 0 to 580 - MOBILE PORTRAIT */
	.only_mobile {
		display:block;
	}
	.only_desktop {
		display:none;
	}

}

@media only screen and (max-width:380px) {
	/* 0 to 379 - MOBILE MOLTO PICCOLI */
	
}


/* **************** */
/* MQUERIES ALTEZZA */
/* **************** */

@media only screen and (max-height:800px) {
	/* 0 to 800 di ALTEZZA - per visualizzazioni troppo piccole in altezza */
	
}

@media only screen and (max-height:680px) {
	/* 0 to 680 di ALTEZZA - per visualizzazioni troppo piccole in altezza */
	
}

@media only screen and (max-height:580px) {
	/* 0 to 580 di ALTEZZA - per visualizzazioni troppo piccole in altezza */
	
}

@media only screen and (max-height:420px) {
	/* 0 to 580 di ALTEZZA - per visualizzazioni troppo piccole in altezza */
	
}