@media (max-width: 480px) {
h1{font-size:1.8em}
h2{font-size:18px;line-height:28px}
h3{font-size:18px;line-height:28px}

}

@media (max-width:768px) {
.hidden-xl-down{display: none}
.post-box .card-img-top{height: 300px}
  .cta-big {
    margin-top: 20px;}
#slider ul li{width: 100vw !important;height: 80vh !important}
a.control_prev, a.control_next{font-size: 3em;color:#444}
.grid-item { width: 50%; }
nav.navbar{background: #fff}
.user-btn{font-size:.8em}
.category-box .card-body{font-size:.9em;text-shadow:2px 2px 6px #fff;bottom:20%}
.category-box .card-img-top{height: 220px}
.whatsapp-btn .text,.user-btn .text{display: none}
.home-box .card-body span{font-size:1em}
.home-box .card-body{padding:.35rem}

#rootwizard .navbar a{padding:0 18px;font-size:1.5em;margin:0}
#rootwizard .navbar a .step-number{font-size:2em}
#rootwizard .navbar a:not(.active):not(.page-link){display:none}
.compose-page{padding-bottom:170px}
.compose-page ~ footer{display:none}
.order-page{padding-top:20px}
.shop-page{background-size:contain}
.next a{top:25px;right:5px;position:absolute;background:none!important}
.previous a{top:25px;left:5px;position:absolute;background:none!important}
.sub-cart{position:fixed;bottom:0;left:0;right:0;z-index:999;width:100%;background:#fff;border-top:1px solid #dedede}
.mini-box{margin:5px 2px}
.mini-box .img-thumbnail{height:70px}
.mini-box .price{font-size:.8em}
.main-menu li.nav-item{overflow:hidden;padding:0 65vw 0 15px;width:100%;border-bottom:1px solid #fff}
.giant-title{height:auto;background-position-y:-1%;padding:10px;background-size:cover}
.giant-title h2{font-size:2.5em;padding-bottom:15px}
.giant-title2 h2{font-size:1.8em}
.giant-title2 h4{font-size:1em}
.giant-title3{margin:22px 0;height:30px}
.basket-cat-name{padding:0}
.action-bar{display:none}
.choose-category{padding:0;margin:10px;width:40%!important;box-shadow:0 0 3px rgba(0,0,0,0.4)}
.choose-category.active{box-shadow:0 0 4px rgba(0,0,0,1)}
.product-box img{height:auto}
.choose-category .cat-name{font-size:1em;right:0;position:absolute;top:60%;left:0;text-align:center;width:100%;background:radial-gradient(ellipse at center,rgba(255,255,235,0.6) 0%,rgba(241,218,54,0.7) 100%);color:#194A0A;text-transform:uppercase}
.swiper-container-horizontal{overflow:hidden}
.product-box{margin:5px;padding:0}
.product-box span{font-size:.8em}
.navbar-toggler{padding:.25rem .3rem;font-size: 1rem}
.accessory-color + label{width:3px;height:3px;transition:1s all ease}
.product-box:hover label{width:50px;height:30px}
.img-holder{width:40%;margin:auto}
.choose-category.active::after{display:none}
.current-step{display:none}
.basket-box:hover .add-basket-item{opacity:1}
.bl-1{border-left:0}
.slick-slider .prev,.slick-slider .next{display:none}
.hidden-md-down{display:none}
.navbar-brand{margin-right:0}
.logo-img{    width: 130px;
    margin: -13px 7px 0 10px;
    height: auto;}
.back-to-top{bottom:15px}
.navbar-nav{float:left;text-align:left}
.navbar-collapse{background-color:#ededed;transition:all .8s ease-out}
.navbar-inverse .navbar-nav>li>a{color:#000}
.manual-next,.manual-finish{float:right}
.swiper-slide{height:auto}
footer .footer-span{font-size:.8em}
footer h4{font-size:1em}
.shot-links li{list-style:inherit;text-align:left;font-size:1em}
.fa-2x{font-size:1.7em!important}
.modal-header,.modal-footer{padding:.5rem}
.modal-tabs a{padding:5px 25px}
.card-deck{padding:5%}
.jumbotron p{font-size:1em}
.col-6.product-box,.col-6.category-box,.variante{-ms-flex:0 0 46%;flex:0 0 46%;margin:2%!important;max-width:46%}
#ppCart{left:0;right:0;margin:auto}
#ppCart.open{width:90%}
.shop-tracking-status{overflow-x:hidden}
.nophone{display:none}
.checkout-table{overflow-x: scroll;}
.chi-siamo h1{font-size:4em}
.chi-siamo h2{font-size:2em}
.cta-big a{font-size:1em}
.cta-big .big{font-size:1em}
.btn-cat{font-size:14px}
.modal-name{font-size:1em}
.capacity table td{padding:0 8px;font-size:.8em}
}
@media (min-width: 769px) {
.hidden-xl-up{display: none}
#rootwizard .pagination{display:none}
.categories-page .category-box .card-body{font-size:1em;padding:.5rem}
.big-swiper .swiper-wrapper{display:flex;align-items:center!important}
.hidden-md-up,.manual-next{display:none!important}
.home-frame{min-height:96vh!important;overflow:hidden;width:100%;height:100%}
.img-thumbnail{min-width:100px;min-height:100px}
}
@media (max-width: 350px) {
    .logo-img{height: 20px}
}