/* Mobile first queries */
/*   for bigger devices see: desktop.css */

@media only screen and (max-width: 480px) { /* smartphones - small/vertical*/
	.flex,
	.flexitem {
		display: block;
	}
}
@media only screen and (min-width: 480px) { /* smartphones */
	/* iphone in landscape mode is width=480px */
	/* setting min-width: 480px, it's included here */
	/* otherwise, it takes only the max-width: 480px rules */
	/* it's up to you; btw yes, you can use min-width: 481px */
}
@media only screen and (max-width: 767px) { /* tablets */
	.mm_img_content{
		display:none;
	}
	.ets_mm_block_content{
		text-transform:uppercase;
		font-weight:bold;
	}
	.mm_blocks_li{
		margin-bottom:0px;
	}
	#product .tab-content .box_contenuto {
	    width: 100%;
	    float: none;
	    margin-right: 0%;
	}
	#product .tab-content .box_contenuto:last-child h4{
	    margin-top: 20px;
	}
	#tabella_tariffe {
		overflow:scroll;
		font-size:14px;
	}
}
@media only screen and (min-width: 768px){
    footer .widget-left,
    footer .widget-right{
        padding: 32px 0;
    }
    footer .widget-left{
        text-align: right;
    }
    footer .widget-right{
        text-align: left;
    }
}
@media (max-width: 990px) {
	.checkout-area-1 {
		display: none !important;
	}

	#delivery, #tc-payment-confirmation, .cart-summary, .cart-container {
		padding: 0 !important;
	}

	.cart-toggle {
		font-size: 1rem;
	}

	.payment-options, .delivery-options-list ,.custom-checkbox{
		margin-left: 7px !important;
	}

	.main-block {
		border-top: 1px solid rgba(0, 0, 0, 0.2);
		margin-top: 10px !important;
		padding-top: 10px !important;
	}

	.card-block {
		padding: 1.25rem 0.9rem !important;
	}
	.col-product-image{
		/* display:none; */
	}
	.col-product-image-mobile{
		display:block;
		padding:0 !important;
		margin:0 !important;
	}
	.firstname, .lastname{
		flex-basis:100% !important;
	}

}


/*Eeever*/
@media(max-width:992px){
	#product .product-price{
		font-size:32px!important;
	}
}

#product #main-product-wrapper .input-group-btn-vertical{
	display: none;
}