@media (min-width: 992px) and (max-width:1199px) {
section.main-content .area-2 .customer-search form .form-group input[type="search"]{width: 90%;margin-left: 5%;border-radius: 5px;-webkit-appearance: none;}
section.main-content .area-2 .search-home form input[type="search"]{width: 97%;-webkit-appearance: none;}
section.main-content .area-3 .box.hide-filter input[type="text"]{width: 100%;margin-bottom: 5px;}
section.main-content .area-1 .box.order form .form-group > div:last-of-type{margin-left: 0}
section.main-content .area-2 .search-home form a.search-order{left:230px;top:37px;}
section.main-content .area-1 .box.order form .form-group textarea{width: 97%;}
section.main-content .area-3 .box ul li.delay{text-align: center;}
section.main-content .area-3 .box ul li.delay span{float: none;}
section.main-content .area-2 .customer-search ol{padding-left: 10px;box-sizing: border-box}
.container{width: 95%}
.box.current-delivery{padding: 25px 15px!important}
.box.current-delivery ul.list li{text-align: center}
.box.current-delivery ul.list li div.col{width: 100%!important;text-align: center;margin: 0}
.box.current-delivery ul.list li div.col.status a, .box.current-delivery ul.list li div.col.type a{top:0}
.box.current-delivery ul.list li div.col.status,.box.current-delivery ul.list li div.col.customer{text-align: center!important}
.box.current-delivery ul.list li div.col.status,.box.current-delivery ul.list li div.type{width: auto!important;display: inline-block;float: none!important}
}
@media (min-width: 801px) and (max-width:991px){
section.main-content .area-2 .customer-search form .form-group input[type="search"]{width: 90%;margin-left: 5%;border-radius: 5px;-webkit-appearance: none;}
section.main-content .area-3 .box.hide-filter input[type="text"],section.main-content .area-2 .search-home form input[type="search"]{width: 97%;margin-bottom: 5px;}
section.main-content .area-2 .search-home form a.search-order{left: 155px;}
section.main-content .area-1 .box.order form .form-group > div:last-of-type{margin-left: 0}
section.main-content .area-2 .search-home form a.search-order{left:180px;top:37px;}
section.main-content .box.legend{padding:15px 0}
section.main-content .area-1 .box.order form .form-group textarea{width: 95%;}
section.main-content .area-3 .box ul li.delay{text-align: center;}
section.main-content .area-3 .box ul li.delay span{float: left;margin-left: 5px;margin-top: 5px;}
section.main-content .area-2 .customer-search ol{padding-left: 10px;box-sizing: border-box}
.box.current-delivery ul.list li div.col.number{width: 20%}
.container{width: 95%}
.box.current-delivery ul.list li{text-align: center}
.box.current-delivery{padding: 25px 15px!important}
.box.current-delivery ul.list li div.col{width: 100%!important;text-align: center;margin: 0}
.box.current-delivery ul.list li div.col.status a, .box.current-delivery ul.list li div.col.type a{top:0}
.box.current-delivery ul.list li div.col.status,.box.current-delivery ul.list li div.col.customer{text-align: center!important}
.box.current-delivery ul.list li div.col.status,.box.current-delivery ul.list li div.type{width: auto!important;display: inline-block;float: none!important}
}
@media (max-width:800px) {
body{overflow-x: hidden}
header .logo{width: 100px;}
.box.current-delivery{width: 100%;margin-left: 0%;}
.area-1{width: 50%!important;}
.area-2{width: 50%!important;}
.area-3{display: none!important}
.legend ul li a.da-prendere,.legend ul li a.in-consegna,.legend ul li a.consegnato{width: 25px}
section.main-content .area-3 .box.hide-filter input[type="text"]{width: 100%;margin-bottom: 5px;}
section.main-content .area-2 .customer-search form .form-group input[type="search"]{width: 90%;margin-left: 5%;border-radius: 5px;-webkit-appearance: none;}
section.main-content .area-1 .box.order form .form-group > div:last-of-type{margin-left: 5px;margin-top: 5px}
section.main-content .area-2 .search-home form a.search-order{left:200px;top:12px;}
section.main-content .box.legend{padding:15px 0}
section.main-content .area-1 .box.order form .form-group{margin: 5px 0}
section.main-content .area-1 .box.order form .form-group textarea{width: 92%;}
section.main-content .area-3 .box ul li span{float: none;margin-top: 5px;}
section.main-content .area-3 .box ul li{text-align: center}
section.main-content .area-2 .search-home ul li{margin-top: 5px;}
section.main-content .area-1 .box.order ul li .left span{display: block;}
section.main-content .area-2 .customer-search ol{padding-left: 10px;box-sizing: border-box}
header nav{margin-right: 15px}
.box.current-delivery ul.list li{text-align: center}
.box.current-delivery{padding: 25px 15px 25px 0!important}
.box.current-delivery ul.list li div.col{width: 100%!important;text-align: center;margin: 0}
.box.current-delivery ul.list li div.col.status a, .box.current-delivery ul.list li div.col.type a{top:0}
.box.current-delivery ul.list li div.col.status,.box.current-delivery ul.list li div.col.customer{text-align: center!important}
.box.current-delivery ul.list li div.col.status,.box.current-delivery ul.list li div.type{width: auto!important;display: inline-block;float: none!important}
section.main-content .area-1 .box.order.general .status>p{display: inline-block;width: auto!important}
section.main-content .area-1 .box.order.general .status>p:nth-of-type(2){margin-left: 0px;margin-top: 5px}
.box.current-delivery ul.list li div.col.colli{width: 100%;display: inline-block;padding: 2px 0;background-color: #eaeaea;}
.box.current-delivery ul.list li div.col.colli:first-of-type{margin-top: 5px;}
section.main-content .area-2 .search-home, .legend{padding: 0}
.box.current-delivery ul.list li div.col.address{padding-bottom: 0}
.box.current-delivery ul.list li div.col.customer{text-transform: uppercase}
.box.current-delivery ul.list li div.col.pv{padding-bottom: 5px}
.box.current-delivery ul.list li div.col.type a.cosicomodo img{margin-bottom:-13px}
}
@media (max-width:500px) {
.container-login{width:90%;margin-left: 5%;float: left}
.container-login .logo h1 a{width: 150px;}
section.delivery-man-operations form .form-group input[type=text],section.delivery-man-operations form .form-group select{width:100%;}
section.delivery-man-operations form .form-group input[name=ora],section.delivery-man-operations form .form-group input[type=submit]{margin-left: 0}
.legend.mobile ul li{}
}
   
@media (max-width:400px) {
 
}
@media (max-width:350px) {
header{height: 80px}
header .logo{width: 100%}
header .user-name{width: 100%;margin-top: -15px}
header .user-name ul{width: 100%}
header .user-name ul li{width: 100%;text-align: center}
header .logout{position: absolute;top:0;right: 0}
}