/* JS Mobile 2016 */

a.bott-mobile,div.menu-mobile span.menu2016 {display:none;}
@media only screen and (max-device-width : 1100px) {/*ricettario*/
body.page-node-213 #block-webform-client-block-216 {width: 100%;
    float: right;
    margin-top: 0;}
body.page-node-213 form.webform-client-form {    background-size: 80% auto;}
a.bott-mobile {display:block}
}
/* iPad 3 ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#block-system-main-menu ul li ul {padding-right: 60px;}
#site-slogan {left: 55%;}
body.node-type-interna div.field-name-title-field,body.node-type-interna div.field-name-body {margin-left:0}

/* menu */
#header .region-header {width:40%;padding-top:10px;position: relative;}
#block-system-main-menu {margin-top:0px;z-index:1;width:auto;padding-top:50px;}
#block-system-main-menu:before {content: '';background: url(../images/menu-mobile.png) no-repeat top center;width: 40px;height: 35px;margin-bottom: 0px;display: block;text-align: center;top:10px;position:absolute}
#block-system-main-menu ul {float:right;top:70px;width: 100%;position: absolute;display:none;background:#00022D}
#block-system-main-menu:hover ul {display:block;}
#block-system-main-menu ul li{width: 100%;margin:0;padding:5px 0;}
#block-system-main-menu ul li a, #block-system-main-menu ul li span{font-size: 1.5em;}
#block-system-main-menu ul li ul {display: none!important;position: relative;width: 95%!important;height: auto;padding: 0;left: 0%;margin-left: 0;z-index: 700;background: #fff!important;top: 10px;float: left;padding-bottom:15px;}
#block-system-main-menu ul li:hover ul {display: block!important;}
#block-system-main-menu ul li ul li {padding: 0px 10px 0px!important;margin-left: 0;background: #fff;width: 90%!important;margin: 0;padding: 0;text-align: left;height: auto;}
#block-system-main-menu ul li ul li.first {margin-left: 0;}
#block-system-main-menu ul li ul li#custom-menu-item-id-8 {clear: none;margin-left: 0;}
#block-system-main-menu ul li ul li a {padding-top: 10px!important;text-align:left;font-size: 1.3em;padding-bottom: 5px;height: auto;}
li#custom-menu-item-id-8,li#custom-menu-item-id-9 {background-position: 50% 25%!important;}


#block-lang-dropdown-language {z-index:5;width:30%;height: 30px;margin-top:0px;position: absolute;right: 1%;}
#block-lang-dropdown-language h2.element-invisible {display:none!important;}
#block-lang-dropdown-language .form-item-lang-dropdown-select {width:70%;}
#lang_dropdown_form_language .form-item-lang-dropdown-select select#lang-dropdown-select-language {width:100%!important;background: url('../images/language-down.png') no-repeat scroll 100% center transparent!important;}

/* home */
div.region-content div.block-block, div.region-content div.block-facebook-pull {width:30%}
#block-block-1 img ,#block-block-2 img {width:100%;height:auto}
#block-block-5 div.facebook {width:100%!important;height:126px!important;}
#block-block-5 div.facebook iframe {width:100%!important;height:180px!important;}
div.testo-home p {color:#fff;}

#block-block-5 h2, div.facebook {display:none;}
div.seguici-mobile {display: block!important;text-align: center;padding: 7% 3%;font-size: 1.5em;    margin-top: 40%;}

/* memorabilia */
#block-views-gallery-block div.views-slideshow-controls-bottom {bottom:13.5%;overflow: hidden;}
#block-views-gallery-block div.views-content-nothing {width: 68px;margin-top: 22px;}
#views_slideshow_cycle_teaser_section_gallery-block {height: 680px;}
#featured {height:720px;}
body.page-node-20 #block-easy-breadcrumb-easy-breadcrumb, body.page-node-71 #block-easy-breadcrumb-easy-breadcrumb, body.page-node-72 #block-easy-breadcrumb-easy-breadcrumb {top: -759px;}
#views_slideshow_cycle_teaser_section_gallery-block div.views-field-title, #views_slideshow_cycle_teaser_section_gallery-block div.views-field-field-sotto-titolo-gal, #views_slideshow_cycle_teaser_section_gallery-block div.views-field-body {margin-left: -300px;}

/*blog */
body.node-type-blog div.field-name-field-condividi {width:53%}
#sidebar-second .block{width: 86%;}
article.node-blog div.field-name-body div.field-items div.field-item p{float: right;width: 59%;}

/* storia */
#views_slideshow_cycle_main_storia-block {height:auto}
div.views-slideshow-controls-bottom {background:transparent}
div.views-slideshow-controls-bottom div.views-slideshow-pager-field-item {font-size:1.1em;background:transparent;padding:5px 10px!important;
	transform: rotate(-0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(-0deg);-moz-transform: rotate(-0deg);-ms-transform: rotate(-0deg);
	}
div.views-slideshow-controls-bottom div.views-slideshow-pager-field-item.active {color:#0071B3;background:transparent}
div.views-slideshow-cycle-main-frame-row-item div.views-field-field-foto-storia,div.views-slideshow-cycle-main-frame-row-item div.views-field-title, div.views-slideshow-cycle-main-frame-row-item div.views-field-body {width:100%;margin:0;padding:0;}
div.views-slideshow-cycle-main-frame-row-item div.views-field-field-foto-storia,div.views-slideshow-cycle-main-frame-row-item div.views-field-title, div.views-slideshow-cycle-main-frame-row-item div.views-field-body {width:100%;margin:0:padding:0}

/*ricettario*/
body.page-node-213 #block-webform-client-block-216 {width: 100%;
    float: right;
    margin-top: 0;}
body.page-node-213 form.webform-client-form {    background-size: 90% auto;}
}

/* orizzontale */
@media only screen and (max-width : 736px) {
.logo-mobile {width: 40%;}
#block-system-main-menu ul li ul {padding-right: 60px;}
#site-slogan {left: 48.5%;top: 43px;font-size: 1em;}
body.node-type-interna div.field-name-title-field,body.node-type-interna div.field-name-body {margin-left:0}
#footer-wrapper {padding: 0;}

/* menu */
#header .region-header {width:40%;padding-top:10px;position: relative;}
#block-system-main-menu {margin-top:0px;z-index:1;width:auto;position:relative;padding-top:50px;}
#block-system-main-menu:before {content: '';background: url(../images/menu-mobile.png) no-repeat top center;width: 40px;height: 35px;margin-bottom: 20px;display: block;text-align: center;top:0;position:absolute}
#block-system-main-menu ul {float:right;top:70px;width: 40%;position: absolute;display:none;background:#00022D}
#block-system-main-menu:hover ul {display:block;}
#block-system-main-menu ul li{width: 100%;margin:0;padding:5px 0;}
#block-system-main-menu ul li a, #block-system-main-menu ul li span{font-size: 1.5em;}
#block-system-main-menu ul li ul {display: none!important;position: relative;width: 95%!important;height: auto;padding: 0;left: 0%;margin-left: 0;z-index: 700;background: #fff!important;top: 10px;float: left;padding-bottom:15px;}
#block-system-main-menu ul li:hover ul {display: block!important;}
#block-system-main-menu ul li ul li {padding: 0px 10px 0px!important;margin-left: 0;background: #fff;width: 90%;margin: 0;padding: 0;text-align: left;height: auto;}
#block-system-main-menu ul li ul li.first {margin-left: 0;}
#block-system-main-menu ul li ul li#custom-menu-item-id-8 {clear: none;margin-left: 0;}
#block-system-main-menu ul li ul li a {padding-top: 10px!important;text-align:left;font-size: 1.3em;padding-bottom: 5px;height: auto;}
li#custom-menu-item-id-8,li#custom-menu-item-id-9 {background-position: 50% 25%!important;}


#block-lang-dropdown-language {z-index:5;width:40%;height: 30px;margin-top:0px;position: absolute;right: 1%;}
#block-lang-dropdown-language h2.element-invisible {display:none!important;}
#block-lang-dropdown-language .form-item-lang-dropdown-select {width:70%;}
#lang_dropdown_form_language .form-item-lang-dropdown-select select#lang-dropdown-select-language {width:100%!important;background: url('../images/language-down.png') no-repeat scroll 100% center transparent!important;}

/* home */
div.region-content div.block-block, div.region-content div.block-facebook-pull {width:90%;height:auto;margin-left:5%}
#block-block-1 img ,#block-block-2 img {width:100%;height:auto}
#block-block-5 div.facebook {width:100%!important;height:380px!important;}
#block-block-5 div.facebook iframe {width:100%!important;height:180px!important;}
div.testo-home {width:90%}
div.testo-home img{width:100%}
div.testo-home h1 img{width:13px}
div.testo-home p {color:#fff;}

#block-block-5 h2, div.facebook {display:none;}
div.seguici-mobile {display: block!important;text-align: center;padding: 7% 3%;font-size: 1.5em;}

/* prodotto */
body.node-type-prodotto div#block-system-main {background: url(../images/omino-home.png) no-repeat 100% 5%;background-size: 130px auto;}
body.node-type-prodotto div.field-name-field-piccantezza, body.node-type-prodotto div.field-name-field-condividi {float: left;width: 40%;margin: auto;display: inline-table;margin-left:0%}
body.node-type-prodotto div.field-name-field-piccantezza {width:20%}

/* memorabilia */
#block-views-gallery-block div.views-slideshow-controls-bottom {bottom:38%;overflow: hidden;background:transparent;}
#block-views-gallery-block div.views-content-nothing {width: 68px;margin-top: 22px;}
#views_slideshow_cycle_teaser_section_gallery-block {height: 430px;}
#featured {height:475px;}
body.page-node-20 #block-easy-breadcrumb-easy-breadcrumb, body.page-node-71 #block-easy-breadcrumb-easy-breadcrumb, body.page-node-72 #block-easy-breadcrumb-easy-breadcrumb {top: -759px;}
#views_slideshow_cycle_teaser_section_gallery-block div.views-field-title, #views_slideshow_cycle_teaser_section_gallery-block div.views-field-field-sotto-titolo-gal, #views_slideshow_cycle_teaser_section_gallery-block div.views-field-body {margin-left: -210px;}
#block-views-gallery-block div.views-slideshow-pager-field-item {display:none;}

/* cucina tu */
body.page-node-156 #page {background: transparent url(../images/immagine-intestazione.png) no-repeat center 150px;}

#edit-submitted-immagine-1-upload, #edit-submitted-immagine-2-upload, #edit-submitted-immagine-3-upload, #edit-submitted-immagine-4-upload {width: 75%;margin-left: 0;padding: 4px 0;font-size: 0.9em;}
#edit-submitted-immagine-1-ajax-wrapper,
#edit-submitted-immagine-2-ajax-wrapper,
#edit-submitted-immagine-3-ajax-wrapper,
#edit-submitted-immagine-4-ajax-wrapper
{width: 105%;margin-left: -3%;}
#edit-submitted-immagine-1-ajax-wrapper label ,
#edit-submitted-immagine-2-ajax-wrapper label ,
#edit-submitted-immagine-3-ajax-wrapper label ,
#edit-submitted-immagine-4-ajax-wrapper label 
{text-align:left;}
#edit-submitted-immagine-1-ajax-wrapper .form-submit ,
#edit-submitted-immagine-2-ajax-wrapper .form-submit ,
#edit-submitted-immagine-3-ajax-wrapper .form-submit ,
#edit-submitted-immagine-4-ajax-wrapper .form-submit 
{float:right;}

/*blog */
body.node-type-blog div.field-name-field-condividi {width:56%}
article.node-blog h2 {width: 52.4%;}
#sidebar-second .block{width: 86%;}

/* storia */
#views_slideshow_cycle_main_storia-block {height:auto}
div.views-slideshow-controls-bottom {background:transparent}
div.views-slideshow-controls-bottom div.views-slideshow-pager-field-item {font-size:1.1em;background:transparent;padding:5px 10px!important;
	transform: rotate(-0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(-0deg);-moz-transform: rotate(-0deg);-ms-transform: rotate(-0deg);
	}
div.views-slideshow-controls-bottom div.views-slideshow-pager-field-item.active {color:#0071B3;background:transparent}
div.views-slideshow-cycle-main-frame-row-item div.views-field-field-foto-storia,div.views-slideshow-cycle-main-frame-row-item div.views-field-title, div.views-slideshow-cycle-main-frame-row-item div.views-field-body {width:100%;margin:0;padding:0;}
div.views-slideshow-cycle-main-frame-row-item div.views-field-field-foto-storia,div.views-slideshow-cycle-main-frame-row-item div.views-field-title, div.views-slideshow-cycle-main-frame-row-item div.views-field-body {width:100%;margin:0:padding:0}

/* contatti */
form.webform-client-form {background-size: 40%;}
body.page-node-done #block-system-main {padding-left: 0;padding-top: 0;padding-bottom: 0;width: 100%;min-height: 100px;background: transparent;}

/*ricettario*/
body.page-node-213 #block-webform-client-block-216 {width: 100%;
    float: right;
    margin-top: 0;}
body.page-node-213 form.webform-client-form {    background-size: 90% auto;}
	
} 
@media only screen and (max-width : 480px) {
#header div.section, #main-wrapper,
#featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer  
{max-width:100%;width:100%;}

#footer-wrapper {padding: 0;}

/* intestazione */
#page-wrapper {overflow:hidden;}
#header {background: #00022D url(../images/sfondo-intestazione.png) no-repeat 40% 0px!important;background-size: 220% auto!important;margin: 0;}
#header .logo-mobile {float:left;clear:left;width:100%;height:auto;}
#header .logo-mobile a#logo {display: block;width: 100%;}
#header .logo-mobile a#logo img{width: 70%;margin-left: 15%;}
#site-slogan {font-weight: normal;font-size: 0.9em;font-style: normal;width: 51%;position: absolute;left: 47%;margin-left: 0;top: 35px;}
#header .region-header {float:left;clear:left;width:100%;height:auto;position: relative;}
/* menu */
#block-system-main-menu {margin-top:0px;z-index:10;min-width:50px;width:auto;position:relative;padding-top:50px;min-height:10px;height:auto}
#block-system-main-menu:before {content: '';background:url(../images/menu-mobile.png) no-repeat top center;width: 40px;height: 35px;margin-bottom: 0px;display: block;text-align: center;top:0;position:absolute;z-index:100}
#block-system-main-menu ul {width: 100%;position: relative;top: 0;display:none;}
#block-system-main-menu:hover {cursor:pointer;}
#block-system-main-menu:hover ul,#block-system-main-menu:focus ul {display:block;cursor:pointer;}
#block-system-main-menu:hover::before ul,#block-system-main-menu:focus::before ul {display:block;cursor:pointer;}
#block-system-main-menu ul li{width: 100%;margin:0;padding:5px 0;}
#block-system-main-menu ul li a, #block-system-main-menu ul li span{font-size: 1.5em;}
#block-system-main-menu ul li ul {display: none!important;position: relative;width: 95%!important;height: auto;padding: 0;left: 0%;margin-left: 0;z-index: 700;background: #fff!important;top: 10px;float: left;padding-bottom:15px;}
#block-system-main-menu ul li:hover ul {display: block!important;}
#block-system-main-menu ul li ul li {padding: 0px 10px 0px!important;margin-left: 0;background: #fff;width: 90%!important;margin: 0;padding: 0;text-align: left;height: auto;}
#block-system-main-menu ul li ul li.first {margin-left: 0;}
#block-system-main-menu ul li ul li#custom-menu-item-id-8 {clear: none;margin-left: 0;}
#block-system-main-menu ul li ul li a {padding-top: 10px!important;text-align:left;font-size: 1.3em;padding-bottom: 5px;height: auto;}
li#custom-menu-item-id-8,li#custom-menu-item-id-9 {background-position: 50% 25%!important;}


#block-lang-dropdown-language {z-index:5;width:30%;height: 30px;margin-top:0px;position: absolute;right: 1%;}
#block-lang-dropdown-language h2.element-invisible {display:none!important;}
#block-lang-dropdown-language .form-item-lang-dropdown-select {width:70%;}
#lang_dropdown_form_language .form-item-lang-dropdown-select select#lang-dropdown-select-language {width:100%!important;background: url('../images/language-down.png') no-repeat scroll 100% center transparent!important;}


/* home */
div.region-content div.block-block, div.region-content div.block-facebook-pull {width:90%;height:auto;margin-left:5%}
#block-block-1 img ,#block-block-2 img {width:100%;height:auto}
#block-block-5 div.facebook {width:100%!important;height:140px!important;}
#block-block-5 div.facebook iframe {width:100%!important;height:180px!important;}
div.testo-home {width:90%}
div.testo-home img{width:100%}
div.testo-home img.accento{width:7px;top: 4px;margin-left: -5px;}
div.testo-home h1 {font-size: 1.6em;}
div.testo-home p {color:#fff;}

#block-block-5 h2, div.facebook {display:none;}
div.seguici-mobile {display: block!important;text-align: center;padding: 7% 3%;font-size: 1.5em;}

/* prodotto */
body.node-type-prodotto #block-easy-breadcrumb-easy-breadcrumb {float: right;clear: right;width: 100%;}
body.node-type-prodotto div#block-system-main {background: url(../images/omino-home.png) no-repeat 100% 5%;background-size: 130px auto;}
body.node-type-prodotto div.field-name-title-field, body.node-type-prodotto div.field-name-field-sotto-titolo, body.node-type-prodotto div.field-name-body, body.node-type-prodotto div.field-name-field-tabella {float: none;width: 90%;margin: auto;}
body.node-type-prodotto div.field-name-field-immagine {width:80%;}
body.node-type-prodotto div.field-name-field-immagine img{width:40%;}

body.node-type-prodotto #block-easy-breadcrumb-easy-breadcrumb {float: right;clear: right;width: 100%;margin-bottom: 40px;}
body.node-type-prodotto div.field-name-field-piccantezza, body.node-type-prodotto div.field-name-field-condividi {float: none;width: 40%;margin: auto;display: inline-table;margin-left:5%}
body.node-type-prodotto div.field-name-field-condividi div.bottone {width: 100%;height: 40px;float: left;margin-right: 0;}

/* storia */
#views_slideshow_cycle_main_storia-block {height:auto}
div.views-slideshow-controls-bottom {background:transparent}
div.views-slideshow-controls-bottom div.views-slideshow-pager-field-item {font-size:1.1em;background:transparent;padding:5px 10px!important;
	transform: rotate(-0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(-0deg);-moz-transform: rotate(-0deg);-ms-transform: rotate(-0deg);
	}
div.views-slideshow-controls-bottom div.views-slideshow-pager-field-item.active {color:#0071B3;background:transparent}
div.views-slideshow-cycle-main-frame-row-item div.views-field-field-foto-storia,div.views-slideshow-cycle-main-frame-row-item div.views-field-title, div.views-slideshow-cycle-main-frame-row-item div.views-field-body {width:100%;margin:0;padding:0;}
div.views-slideshow-cycle-main-frame-row-item div.views-field-field-foto-storia,div.views-slideshow-cycle-main-frame-row-item div.views-field-title, div.views-slideshow-cycle-main-frame-row-item div.views-field-body {width:100%;margin:0:padding:0}

/* pagine */
body.node-type-interna div.field-name-body {padding-left: 0;margin-left: 0;background-size: 90% auto;}
body.node-type-interna div.field-name-title-field {padding-left: 0;margin-left: 0;font-size: 1.8em;}

/* memorabilia */
#featured {height: 700px;}
#views_slideshow_cycle_teaser_section_gallery-block {min-height:700px;height:auto}
#views_slideshow_cycle_teaser_section_gallery-block div.views-field-title, #views_slideshow_cycle_teaser_section_gallery-block div.views-field-field-sotto-titolo-gal, #views_slideshow_cycle_teaser_section_gallery-block div.views-field-body {position: relative;top:0;left: 0;margin: 0;margin-left: 0;background:transparent;height: auto;width: 94%;float: left;}
#views_slideshow_cycle_teaser_section_gallery-block div.views-field-body {font-size:0.85em;}
#block-views-gallery-block div.views-slideshow-controls-bottom {top: 100px!important;background: transparent;}
#block-views-gallery-block div.views-slideshow-pager-field-item {display:none;}

/* cucina tu */
body.page-node-156 #page {background: transparent url(../images/immagine-intestazione.png) no-repeat center 230px;color: #4c4c4c;}
body.page-node-156 form.webform-client-form {width: 90%;padding: 0px 5%;background-size: 902px;}
body.page-node-156 form.webform-client-form label {margin:0;width:37%;}
body.page-node-156 form.webform-client-form input.form-text, body.page-node-156 form.webform-client-form textarea.form-textarea, body.page-node-156 form.webform-client-form select,body.page-node-156 form.webform-client-form textarea.form-textarea {margin-left:10px;}
#edit-submitted-immagine-1-upload, #edit-submitted-immagine-2-upload, #edit-submitted-immagine-3-upload, #edit-submitted-immagine-4-upload {width: 75%;margin-left: 0;padding: 4px 0;font-size: 0.9em;}
#edit-submitted-immagine-1-ajax-wrapper,
#edit-submitted-immagine-2-ajax-wrapper,
#edit-submitted-immagine-3-ajax-wrapper,
#edit-submitted-immagine-4-ajax-wrapper
{width: 105%;margin-left: -3%;}
#edit-submitted-immagine-1-ajax-wrapper label ,
#edit-submitted-immagine-2-ajax-wrapper label ,
#edit-submitted-immagine-3-ajax-wrapper label ,
#edit-submitted-immagine-4-ajax-wrapper label 
{text-align:left;}
#edit-submitted-immagine-1-ajax-wrapper .form-submit ,
#edit-submitted-immagine-2-ajax-wrapper .form-submit ,
#edit-submitted-immagine-3-ajax-wrapper .form-submit ,
#edit-submitted-immagine-4-ajax-wrapper .form-submit 
{float:right;}
#webform-component-informativa-liberatoria, #webform-component-privacy ,#webform-component-informativa-liberatoria label, #webform-component-privacy label{width:100%;}
#webform-component-informativa-liberatoria input ,#webform-component-privacy input{margin-left:0!important}
form#webform-client-form-156 #webform-component-privacy {float:right!important}

/* blog */
article.node-blog h2,body.node-type-blog div.field-name-field-condividi {width:100%;}
article.node-blog .field-type-image,body.node-type-blog div.field-name-field-immagine {max-width:100%;width:100%;margin-right: 0;}
body.node-type-blog div.field-name-body h2 {width:95%;margin:0;}
article.node-blog .field-type-image img,article.node-blog h2 {margin:0}
article.node-blog div.field-name-body {width:95%!important}
.field-name-field-foto-gallery .field-item {width:95%}
#sidebar-second .block{width: 86%;}

/* form contatti */
form.webform-client-form {float: left;padding-left: 0;padding-top: 0;padding-bottom: 0;width: 100%;background: transparent;}
form.webform-client-form label {width: 25%;}
form.webform-client-form #webform-component-privacy {float:left!important}
form.webform-client-form  #webform-component-privacy label.option {width:80%;}
form.webform-client-form  #edit-submitted-privacy{margin-top:10px;float:left;}
body.page-node-done #block-system-main {padding-left: 0;padding-top: 0;padding-bottom: 0;width: 100%;min-height: 100px;background: transparent;}

/*ricettario*/
body.page-node-213 #block-webform-client-block-216 {width: 100%;
    float: right;
    margin-top: 0;}
body.page-node-213 form.webform-client-form {    background-size: 90% auto;padding-bottom:110px;}
body.page-node-213 #edit-actions {width: 90%;margin-left: 5%;}	

}


/* Smartphones (portrait and landscape) - iPhone 4 ----------- * /
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {} 

/* Smartphones (landscape) ----------- * / 
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- * /
@media only screen and (max-width : 320px) {

}


/* iPhone 5 ----------- * /
@media only screen and (min-device-width: 320px) and (max-device-height: 568px){

}

/* iPhone 6 ----------- * /
@media only screen and (min-device-width: 375px) and (max-device-height: 667px){

}
/* iPhone 6+ ----------- * /
@media only screen and (min-device-width: 414px) and (max-device-height: 736px){
	
}
/* Samsung Galaxy S3 - S4 ----------- * /
@media only screen and (min-device-width: 320px) and (max-device-height: 640px){
	
}

/* Samsung Galaxy S5 ----------- * /
@media only screen and (min-device-width: 360px) and (max-device-height: 640px){

}*/