@media only screen and (min-width: 1024px) {
#header_sx_mobile, #header_cen_mobile, #header_dx_mobile{
display: none;
}
#header_cen{
display: inline-block;
width: 60%;
text-align: center;
vertical-align: middle;

}
#header_sx img{
width: 60%;
}

#header_dx{
display: inline-block;
width: 20%;
text-align: right;
vertical-align: middle;
}

#header_sx{
display: inline-block;
width: 20%;
vertical-align: middle;
}

#header_cen a{
padding: 40px 10px 40px 10px;
display: inline-block;
box-sizing: border-box;
/*border-bottom: 3px solid #fff ;*/
font-size: 14px;
color: #333;
}

#header_cen a:hover, #header_cen a.active{
/*border-bottom: 3px solid #DD0A3F ;*/
color: #007BB8;
}

#header_dx a{
padding: 10px 15px 10px 15px;
display: inline-block;
box-sizing: border-box;
font-size: 13px;
color: #333;
margin-right: -3px;
}

#timeline .size-1of2:first-child .item_home{
  padding-left: 20px;
}
#timeline .size-1of2:last-child .item_home{
  padding-right: 20px;
}

.item_home{
padding: 10px ;
margin-bottom: 0px;
}
#swiper_1{
margin-top: 15px;
}
.swiper-container{
margin-bottom: 0px;
}

#blocco_newsletter {
 background-image: url(../img/bg_newsletter.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 margin-top: 10px;
 padding-left: 60%;

 padding-top: 50px;
 
 
}
#footer_banner{
margin-top: 20px;
margin-bottom: 20px;
}

#footer {

padding:  60px 100px 0px 100px;
box-sizing: border-box;
}

#footer_sx, #footer_dx {
width: 49%;
display: inline-block;
}
#footer_dx{
background-image: url(../img/bg_footer.png);
background-repeat: no-repeat;
background-position: left bottom;
text-align: right;
border-top: 0px solid #fff ;
margin-top: 0px;
padding-top: 0px;
}



#blocco_home_social{
font-size: 24px;
}
#blocco_home_social span {
font-size: 35px;
}

#blocco_home_social_sx{
padding-top: 50px;
padding-bottom: 50px;
padding-left: 25px;
}
#blocco_home_social_dx{
width:35%; display:inline-block; vertical-align:top
}


#blocco_home_locator{
font-size: 18px;
padding-left: 40px;
padding-right: 80px;
}
#blocco_home_locator b{
font-size: 35px
}

#blocco_home_locator span{
font-size: 28px
}


#menu_desktop{
 margin-bottom: 15px;
display: flex;
width: 100%;
  justify-content: center;
  background-color: #fff;
}

#menu_desktop input, #menu_desktop select{
width:auto !important;
}

#menu_desktop input[name=search] {
width:300px !important;
}

#menu_desktop select {
width:354px !important;
margin-top: 0px;

margin-left: 20px;
padding: 0px 20px ;
box-sizing: border-box;
}

#menu_desktop ul {
  text-align: left;
  display: inline-block;
  margin: 0px;
  list-style: none;
  padding: 0px ;
}
#menu_desktop ul li {
  font-size: 13px;
  display: inline-block;
  position: relative;

  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;  
}

#menu_desktop ul li:hover {
background-color: #CDCDCD;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; 
   color: #666; 
}

#menu_desktop ul li a:hover{

}

#menu_desktop ul li a {
text-transform: uppercase;
padding: 15px;
display: inline-block;
font-weight: bold;
color: inherit;
}

#menu_desktop ul li ul {

  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 70px;
  left: 0;
  width: 350px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -o-transition: all 1.2s;
  transition: all 1.2s; 

}
 

#menu_desktop ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#menu_desktop ul li ul li { 
  background-color: #CDCDCD; 
  display: block; 
  color: #fff;
  padding:  0px;
  margin-top: 0px;
  text-transform: lowercase;
}

#menu_desktop ul li ul li:hover { 
  background: #007BB8;
}

#menu_desktop ul li ul li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
  padding: 5px 30px 5px 30px;
  font-weight: normal;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}

#menu_desktop ul li ul li a:hover {
  color: #fff;
}


#blocco_shop {

}

#blocco_shop_wrapper{
margin-top: 20px;
background:#CDCDCD;
}

#blocco_shop_dx{
float: right;
width: 50%;  
margin-top: -10px;
}
#blocco_shop_sx{
float: left;
width: 50%;
padding-right: 60px;
padding-top: 80px;
padding-bottom: 80px;
padding-left: 60px;
margin-top: 0px;

}

#bread{
display: block;
}


#filtri {
width: 20%;
box-sizing: border-box;
padding: 0px 20px 20px 20px;

-webkit-box-shadow: 5px 0px 8px -6px #999;
box-shadow: 5px 0px 8px -6px #999;

/*position: -webkit-sticky;
position: sticky;
top: 0;*/
}
#lista {
width: 80%;
padding: 20px ;
box-sizing: border-box;
}
#filtri_box{
display: block;
}

.container_sx{
width: 50%;
margin-top: 0px;
padding: 15px ;
float: left;


}
.container_dx{
width: 50%;
margin-top: 0px;
padding: 15px ;
float: right;

}


.login_sx{
width: 38%;
padding: 15px ;
float: left;
margin-right: 2%;
margin-top: 86px;
}
.login_dx{
width: 60%;
float: right;

}


.card_riepilogo{
display: inline-block;
width: 70%;
vertical-align: top;
padding-top: 15px;
box-sizing: border-box;
padding-right: 30px;
}

.card_col {
margin-bottom: 10px;
}

.card_col_1{
width: 20%;
display: inline-block;
vertical-align: top;
}
.card_col_2{
width: 79%;
display: inline-block;
vertical-align: top;

}

.card_totale {
margin-top: 0px;
display: inline-block;
width: 29%;
}



.container_dx h1 {
font-size: 30px;
}
.container_dx h2 {
font-size: 20px;
}

#box_thumb{
padding-left: 0px;
width: 100px;
}
#box_immagine_prodotto{
width: calc(100% - 100px);
}

.item_prodotto {
/*min-height: 580px;*/
}

.special_price{
margin-top: -5px;
}
.item_prodotto_dettaglio_sx{
min-height: 150px;
font-size: 15px;
}
.item_prodotto_dettaglio_sx .price{
font-size: 24px;
}
.product_sx{
width: 40%;
}
.product_dx{
width: 55%;
margin-left: 4%;
}

span.price{
font-size: 35px;
/*min-height: 74px;*/
display: block;
}
.product_sx s{
font-size: 32px;
}
.box_disponibilita{
font-size: 18px;
}

.box_varianti{
font-size: 18px;
}
.styled-select select {
   font-size: 18px;
}   
a.add_carrello{
font-size: 18px;
/*margin-top: 43px;*/
}
a.add_preferiti{
font-size: 18px;
}


.container_sx_page{
width: 30%;
padding: 15px ;
float: left;


}
.container_dx_page{
width: 70%;
padding: 15px 15px 75px 75px;
border-left: 2px solid #CDCDCD ;
margin-bottom: 90px;
font-size: 17px;
float: right;

}

.container_dx_page h1 {
font-size: 40px;
}

.menu_page span{
font-size: 40px;

}

.item_form{
width: 50%;
padding: 10px ;
box-sizing: border-box;
}
select.data_gma{
display: inline;
width: auto;
margin-left: 10px;
margin-top: 10px;
font-size: 16px;
padding: 20px 24px;
}


.carrello_sx{
width: 69%;
padding: 0px 20px;
margin-right: 1%; 
margin-top: 40px; 
}

.carrello_dx{
margin-top: 40px; 
width: 29%;
}

.carrello_box_tot{
padding: 40px ;
font-size: 20px;
}

.carrello_item_img{
width: 20%;
}
/*.carrello_item_img img{
width: 100%;
}*/

.carrello_item_text{
width: 59%;
font-size: 15px;
}
.carrello_item_price{
width: 20%;
text-align: right;
color: #007BB8;
font-size: 24px;
font-weight: bold;
}

.carrello_box_tot_sx, .carrello_box_tot_dx{
width: 100%;
text-align: left;
}

.carrello_box_tot_sx{
padding-top: 30px;
padding-bottom: 10px;
}
.carrello_box_tot_dx{
font-size: 25px;
}

.locator_sx, .locator_dx{
width: 49%;

}
#googleMap {
  border: 0px;
  width: 100%;
  height: 700px;
}

#filtri_map {
position:relative; 
z-index:9999; 
width:80%;
background-color: #fff;
margin: -150px auto;
box-sizing: border-box;
padding: 40px 80px ;
margin-bottom: 150px;
}
a#mostra_mappa {
width:160px; text-align:center; background:#E20530; color:#fff; padding:5px 10px; position:absolute; right:40%; top:-10px;
display: block;
}

.item_punti {
float: left;
width: 33.3%;
box-sizing: border-box;
border-right: 1px solid #666 ;
padding: 15px 25px;
box-sizing: border-box;
min-height: 205px;

line-height: 1.5em;
margin-bottom: 20px;
border-bottom: 0px ;
}

.jobs_sx{
display: inline-block;
width: 35%;
vertical-align: top;
}
.jobs_dx{
display: inline-block;
width: 64%;
vertical-align: top;
color: #666;
font-size: 36px;
padding-top: 40px 0px;
}
.jobs_dx_sx{
display: inline-block;
width: 20%;
font-size: 17px;
line-height: 1.6em;
color: #666;

}
.jobs_dx_sx a{
color: #666;
}
.jobs_dx_dx{
display: inline-block;
width: 78%;
font-size: 17px;
vertical-align: top;
border-left: 1px solid #ccc ;
box-sizing: border-box;
padding-left: 35px;

margin-top: 0px;
padding-top: 0px;
border-top: 0px solid #ccc ;

}
.jobs_dx_dx a {
font-size: 20px;
font-weight: bold;
color: #666;

}

.item_form_login span {
width: 150px;
float: left;
margin-bottom: 0px;
}

.box_benvenuto_home{
width: 49%;
}
.item_collezione img{
/*height: 550px;*/
cursor: pointer;
}

.coll_piccola {
width: 33.3%;
}
.coll_normale {
width: 66.6%;
}
.coll_grande {
width: 100%;
}

.item_news{
margin: 20px 10px ;
}
.item_news_text b{
font-size: 22px;
}

a.show-more{
display: inline-block;
}

.marca_dettaglio{
margin-top:20px;
height: 100px;
object-fit: contain;
width: 100%;
}

.mobile{
display: none;
}
.desktop{
display: block;
}
  
  
}      

@media only screen and (min-width: 1366px) {
body{
background-image: url(../img/bg_sea.jpg);
background-size: contain;


}
.container {
margin: 15px auto;
box-sizing: border-box;
border-radius: 15px;
max-width: 1336px; /*1366-30 di margini*/
padding: 20px ;

}

}