/*RESPONSIVE*/

.wrapper { min-width: 320px; }
.main-wrapper,
.banner a{max-width: 1028px; width: 100%}
.banner{max-width: 1028px; width: 100%; position: relative; overflow: hidden;}
.banner img { left: 50%; margin-left: -514px; position: absolute; }

/* FOOTER */
.footer-container{padding-top: 30px}
.footer-wrapper{padding-bottom: 30px}
#footer{max-width: 960px; padding: 0 10px; width: 100%}
#footer address{font-family: "CoreRhino35Light", "ars_maquetteregular"; }
#footer .copyright{color: #787878; font-family: "CoreRhino35Light", "ars_maquetteregular"; }
#footer .f-block{height: auto; margin-bottom: 20px;}
#footer .f-block.left{background-image: none; margin-right: 0; width: 100%; border-bottom: 0}
#footer .f-block.left .head { position: relative; right: auto; top: 0; width: 100%; float: left; padding-bottom: 24px; border-bottom: 1px solid #eeeeee}
#footer .f-block.left .head .logo{ width: 120px; float: left; margin-right: 40px}
#footer .f-block.left .head .logo img{ width: 100%; float: left;}
#footer .f-block.left .head h2 { color: #b92326; font-family: "CoreRhino55Medium","ars_maquettetrbold"; font-size: 14px; height: 25px; line-height: 25px; position: relative; top: 25px}
#footer .f-block.left .head .social{float: left; width: auto; position: relative; top: 25px}
#footer .f-block.left .head .social a{float: left;}
#footer .f-block.left .head .social a{ float:left; width:25px; height:25px; margin-left:18px;}
#footer .f-block.left .head .social a.gplus{ background-image:url(../images/new_img/google_plus.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto}
#footer .f-block.left .head .social a.fb{ background-image:url(../images/new_img/facebook.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto}
#footer .f-block.left .head .social a.twitter{ background-image:url(../images/new_img/twitter.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto}
#footer .f-block.left .head .social a.instagram{ background-image:url(../images/new_img/instagram.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto}
#footer .f-block.left .head .social a.t-tv{ background-image:url(../images/social_link.png); width:18px; background-repeat: no-repeat; margin-left: 30px}
#footer .f-block.left .head .social a.fragoli{ background-image:url(../images/social_link.png); width: 75px; background-repeat: no-repeat; margin-left: 30px}

#footer .f-block.left .argomenti{margin-top: 35px; width: 124px; margin-right: 37px}
#footer .f-block.left .argomenti h2{color: #e20d19; font-family: 'CoreRhino55Medium', "ars_maquettetrbold"; font-size: 14px; }
#footer .f-block.left .argomenti ul li{margin-bottom: 0}
#footer .f-block.left .argomenti ul li a{color: #111; font-family: 'CoreRhino35Light',Arial,​Helvetica,​sans-serif; font-size: 12px; line-height: 22px}
#footer .f-block.left .info{margin-top: 35px; margin-right: 30px}
#footer .f-block.left .info h2{color: #e20d19; font-family: 'CoreRhino55Medium', "ars_maquettetrbold"; font-size: 14px; }
#footer .f-block.left .info span { color: #111; font-family: "CoreRhino35Light",	"ars_maquetteregular"; font-size: 12px; line-height: 22px; margin-top: 32px; padding-bottom: 0; width: 100%; border-bottom: 0; display: inline-block;}
#footer .f-block.left .info span:last-of-type{margin-top: 22px} 
#footer .f-block.left .info a{margin-top: 27px}
#footer .f-block.left .gmap{margin-top: 35px; min-height: 152px; height: 100%}
#footer .f-block.left .gmap .orari{color: #e20d19; font-family: "ars_maquetteregular"; font-size: 12px; line-height: 15px; width: 100%; display: inline-block; margin-top: 5px}
#footer .f-block.left .facebook_widget{margin-top: 35px; float: right;}

#nav-icon{width:23px;height:21px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;background-color:#b92326;padding:5px; display: none;}
#nav-icon span{display:block;position:absolute;height:1px;width:13px;background:#fff;border-radius:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;left:5px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon span:nth-child(1){top:5px}
#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3){top:10px}
#nav-icon span:nth-child(4){top:15px}
#nav-icon.open span:nth-child(1){top:10px;width:0;left:50%}
#nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#nav-icon.open span:nth-child(4){top:10px;width:0;left:50%}

#respondive_nav{width: 100%; display: block; padding: 30px 10px; text-align: center;display: none;}
#respondive_nav > li { display: block; margin-bottom: 20px;}
#respondive_nav > li > a { color: #e20d19; font-family: 'corerhino55medium'; font-size: 20px;}
#respondive_nav .sub,
#respondive_nav .argomenti { display: inline-block; width: 100%}
#respondive_nav .sub > li { margin-top: 15px;}
#respondive_nav .sub > li > a { color: #111; font-family: 'corerhino35light'; font-size: 15px;}
#respondive_nav .argomenti > li { float: left; margin-top: 10px; padding: 0 5px; width: 50%;}
#respondive_nav .argomenti > li > a { color: #111; font-family: 'CoreRhino55Medium'; font-size: 12px;}
/*azienda*/
ul.sub_azienda{width: auto;}
.category-products{width: 100%; float: left;}
/*end azienda*/

/*iPad Landscape Mode and Large Tablets */
@media (max-width: 1024px) {
	*{ -moz-box-sizing: border-box; box-sizing: border-box; }
	/*header*/
	.home #header,
	#header{padding: 0 30px}
	#header{width: 100%}
	#header .menu-container nav > ul { display: none; }
	#header .menu-container nav #nav-icon { display: block; }
	.home #header .top-switch-container,
	#header .top-switch-container{right: 30px}
	#header .menu-container nav{float: right;}
	#header .top-switch-container .language-switch{width: auto;}
	#header .top-switch-container .language-switch a:last-of-type { margin-right: 0; }
	/*end header*/
	/*home*/
	.home .slider #owl-home .item{height: 370px}
	.home .slider h2{top: 140px}
	.home .owl-theme .owl-pagination { display: block;}
	.home .home_category #category{margin-top: 0}
	.home .home_category #category li .image{display: none;}
	.home .home_category #category li .image.top{display: block; margin-bottom: 20px}
	.home .home_evidence .main-wrapper{padding-left: 15px; padding-right: 15px}
	/*end home*/
	/*general*/
	.col-main,
	.col-main-left,
	.col-main-right{width: 100%}
	.category-description{width: 100%; }
	.category-description .category-text{overflow: hidden;}
	.banner_news,
	.cat-header-banner{width: 100%; background-color: #ca1013; z-index: 1; overflow: hidden;}
	.cat-header-banner > img{width: 100%}
	.col-left { margin:10px 0 0; width: 100%; }
	.col-left .block{width: 33.33%; float: left; padding-right: 10px}
	/*end general*/
	/*azienda*/
	.azienda .category-text .img_profilo{top: 20px}
	.azienda .category-text .txt_profilo { margin: 86px auto 0; max-width: 640px; width: 100%}
	/*end azienda*/
	/*storia*/
	.azienda .category-text .txt_storia{width: 100%; }
	.azienda .category-text .txt_storia.left{border-right: 0}
	.azienda .category-text .txt_storia div{width: 100%; height: auto !important; min-height: 123px;}
	.azienda .category-text .txt_storia div img{position: absolute; top: 0; left: 0}
	.azienda .category-text .txt_storia div .opacity{display: none;}
	.azienda .category-text .txt_storia div h2,
	.azienda .category-text .txt_storia div p{width: 100%; padding-left: 150px}
	.azienda .category-text .txt_storia.right div h2,
	.azienda .category-text .txt_storia.right div p{margin-left: 0; margin-right: 0}
	/*end storia*/
	/*certificati*/
	.azienda .category-text .txt_cert{width: 100%; margin-left: 0}
	.azienda .category-text .txt_cert .cont_cert{width: 100%; height: 100% !important; min-height: 240px}
	.azienda .category-text .txt_cert .cont_cert .cont_txt{height: 100% !important}
	.azienda .category-text .txt_cert .cont_cert span.open{display: none;}
	.azienda .category-text .txt_cert .cont_cert img{position: absolute;top: 0;left: 0}
	.azienda .category-text .txt_cert .cont_cert h2,
	.azienda .category-text .txt_cert .cont_cert p{width: 100%; padding-left: 180px}
	/*end certificati*/
	/*prodotti*/
	.category-description .cat-header-bottle{position: relative; top: 0 !important; margin-top: 30px; text-align: center;}
	#bannerCont{display: inline-block; float: none;}
	.category-description .category-text{width: 100%}
	.col2-left-layout .products-grid,
	.col2-right-layout .products-grid,
	.col2-left-layout .recipes-grid,
	.col2-right-layout .recipes-grid{height: auto !important; margin-bottom: 0; width: 100%}
	.recipes-grid li.item{width: 30%; margin-right: 5%; margin-bottom: 30px; text-align: center;}
	.recipes-grid li.item:nth-child(3n){margin-right: 0}
	.shadowBox{display: inline-block; width: 100% !important}
	.products-grid .product-image,
	.shadowBox a.product-image{width: 100%}
	.products-grid .product-image em,
	.shadowBox a.product-image em{width: 96% !important}
	.products-grid .product-image .image-container,
	.shadowBox a.product-image .image-container { display: inline-block !important; max-width: 95%; margin-left: 0 !important; height: auto;}
	.category-products .products-grid li.item{width: 22% !important; margin-right: 4%; margin-bottom: 30px; text-align: center; height: auto;}
	.category-products .products-grid li.item:nth-child(4n){margin-right: 0}
	.news-archive .item{height: auto; position: relative;}
	.news-archive .product-img-box{position: absolute; top: 0; left: 0}
	.news-archive .item .text{margin-left: 0; min-height: 128px; padding-bottom: 54px; padding-left: 250px; width: 100%; height: 100%}
	.news-archive .item .text .button{left: 250px}
	div.pagination a{display: inline-block; margin-bottom: 5px}
	.product-view{text-align: center;}
	.product-view .product-img-box { display: inline-block; float: none; margin-bottom: 20px;}
	.product-view .product-shop{width: 100%; margin: 0 0 20px; text-align: left; min-height: 100px}
	.category-products{text-align: left;}
	/*end prodotti*/
	/*mondo*/
	.mondo .category-text .txt_mondo{width: 100%; margin-left: 0;}
	.mondo .category-text .txt_mondo:first-of-type{margin-bottom: 0}
	.mondo .category-text .txt_mondo:last-of-type{margin-top: 0}
	/*end mondo*/
	/*tv*/
	.tv .category-text .cont_video{width: 100%}
	.tv .category-text .cont_video span{width: 47.5%; margin-right: 5%; background-size: 100% 180px; text-align: center;}
	.tv .category-text .cont_video span:nth-child(2n){margin-right: 0}
	.tv .category-text .cont_video .thumb{width: 100%; max-width: 307px; display: inline-block; overflow: hidden; position: relative; width: 92%}
	.tv .category-text .cont_video .thumb img{position: absolute; top: 0; left: 50%; margin-left: -153.5px}
	.tv .category-text .cont_video span h3,
	.tv .category-text .cont_video span p{margin-left: 0; margin-right: 0; width: 100%}
	/*end tv*/
	/*dove siamo*/
	.dove-siamo .category-text{background-image: unset;}
	/*end dove siamo*/
	/*lavora*/
	.lavora .category-text{background-image: unset;}
	/*end lavora*/
}

/*Small Desktop and Very Small Notebook */
@media (max-width: 980px) {
	/*footer*/
	#footer .argomenti,
	#footer .info,
	#footer .gmap,
	#footer .facebook_widget{margin-right: 0 !important; text-align: center; width: 50% !important;}
	#footer .facebook_widget > div { display: inline-block; }
	#footer address{ text-align: center; width: 100%; height: auto;}
	#footer ul.links { text-align: center; width: 100%; margin-top: 10px}
	#footer ul.links li { display: inline-block; float: none; }
	#footer ul.links li.separator { position: relative; top: 4px; }
	/*end footer*/
	/*home*/
	.home .home_evidence .focus ul li{width: 50%;}
	/*end home*/
}

@media screen and (max-width: 820px) {
	.cat-header-banner > img{width: 750px; float: right;}
}

/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px) {
	.cat-header-banner h1{display: none;}
	/*mondo*/
	.mondo .category-text{background-size: 100% auto}
	.mondo .category-text .ciliegia{display: none;}
	/*end mondo*/
	/*linee*/
	.col-main.linee .section{height: auto; padding-top: 380px}
	.col-main.linee .section.tradizionale{background-image: url('../images/new_img/linee-bkg1_small.jpg'); background-size: 300px auto; background-position: top center}
	.col-main.linee .section.gelateria{background-image: url('../images/new_img/linee-bkg3_small.jpg'); background-size: 300px auto; background-position: top center}
	.col-main.linee .section.aceto{background-image: url('../images/new_img/linee-bkg2_small.jpg'); background-size: 300px auto; background-position: top center}
	.col-main.linee .section h1,
	.col-main.linee .section h2{position: relative; top: 0; right:0; width: 100%}
	.col-main.linee .section a { display: block; left: 0; margin-bottom: 5px; margin-top: 20px; position: relative; top: 0; }
	/*end linee*/
	/*dove siamo*/
	.dove-siamo .category-text .ciliegia{display: none;}
	.dove-siamo .category-text h3,
	.dove-siamo .category-text p,
	.dove-siamo .category-text .map{margin-left: 0; width: 100%}
	.dove-siamo .category-text .map iframe{width: 100%}
	.dove-siamo .category-text h4 { float: right; margin: 30px 0 40px; }
	/*end dove siamo*/
	/*tv dettaglio*/
	.tv .category-text .dettaglio{width: 100%}
	.tv .category-text .dettaglio h3{width: 100%; margin-left: 0; margin-right: 0}
	.tv .category-text .dettaglio p{width: 100%; margin-left: 0}
	.tv .category-text .cont_video iframe{width: 98%}
	/*end tv dettaglio*/
}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px) {
	/*header*/
	.home #header,
	#header{padding: 0 15px}
	.header-container,
	#header .menu-container{height: 75px}
	.home #footer .f-block.left .head,
	#footer .f-block.left .head{padding-left:0; padding-right: 0;}
	.home #header .menu-container .logo,
	#header .menu-container .logo{width: 110px; margin-top: 20px}
	#header .menu-container .logo img{width: 100%;}
	#header .menu-container nav{margin-top: 25px}
	.home #header .top-switch-container,
	#header .top-switch-container{top: 20px; right: 68px}
	#header .top-switch-container .language-switch{float: right;}
	#header .links{width: auto; float: none;}
	/*end header*/
	/*footer*/
	#footer .f-block.left .head{padding-bottom: 10px}
	#footer .f-block.left .head {text-align: center; width: 100%; }
	#footer .f-block.left .head .logo { float: left; margin-right: 0; width: 100%; }
	#footer .f-block.left .head .logo img { float: none; width: 90px; }
	#footer .f-block.left .head h2 { margin-top: 5px; top: 0; width: 100%; }
	#footer .f-block.left .head .social { display: inline-block; float: none; top: 0; width: auto; margin-top: 20px}
	/*end footer*/
	/*home*/
	.home .home_evidence #last-news{padding-left: 15px; padding-right: 15px}
	.home .home_evidence #last-news .image{width: 100%; margin-bottom: 20px}
	.home .home_evidence #last-news .content_text{width: 100%; padding-left: 0}
	.home .home_category #category li{width: 100%; padding-left: 15px; padding-right: 15px; padding-bottom: 10px}
	.home .slider #owl-home .item{height: 275px}
	.home .slider h2 { top: 100px; font-size: 50px; line-height: 43px; padding: 0 50px; z-index:88; }
	/*end home*/
	/*general*/
	.col-left .block{width: 50%;}
	/*end general*/
	/*prodotti*/
	.category-products .products-grid li.item,
	.recipes-grid li.item{width: 47.5% !important;}
	.category-products .products-grid li.item:nth-child(4n),
	.recipes-grid li.item:nth-child(3n){margin-right: 5%}
	.category-products .products-grid li.item:nth-child(2n),
	.recipes-grid li.item:nth-child(2n){margin-right: 0}
	/*end prodotti*/
	/*mondo*/
	.mondo .category-text .txt_mondo:first-of-type{margin-top: 255px}
	/*end mondo*/
	/*servizio clienti*/
	.col-main.contatti .category-description .category-text{background-image: unset;}
	.col-main.contatti .category-description .category-text .ciliegia{display: none;}
	.col-main.contatti .category-description .category-text .servClient{margin-left: 0; width: 100%; padding-bottom: 40px; margin-bottom: 50px; border-bottom: 1px solid #ccc}
	.col-main.contatti .category-description .category-text .servClient span.phone,
	.col-main.contatti .category-description .category-text .servClient span.fax,
	.col-main.contatti .category-description .category-text .servClient span.mail,
	.col-main.contatti .category-description .category-text .servClient span.phone2,
	.col-main.contatti .category-description .category-text .servClient span.fax2,
	.col-main.contatti .category-description .category-text .servClient span.mail2{width: 33.33%}
	.col-main.contatti .category-description .category-text .modulo{width: 100%; margin: 0}
	.col-main.contatti .category-description .category-text .modulo input,
	.col-main.contatti .category-description .category-text .modulo textarea{width: 100%}
	.col-main.contatti .category-description .category-text .modulo span.tit1{text-align: left;}
	/*end servizio clienti*/
	/*lavora*/
	.lavora .category-text .ciliegia{display: none;}
	.lavora .category-text h3{margin-left: 0}
	.lavora .category-description .category-text .modulo{margin-left: 0; width: 100%}
	.lavora .category-description .category-text .modulo input[type="text"],
	.lavora .category-description .category-text .modulo textarea{width: 100%}
	div.uploader,
	div.uploader span.action{background-image: unset;}
	div.uploader{width: 100%}
	div.uploader span.filename{width: 80%; -webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-o-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px; background-color: #edebeb; }
	div.uploader span.action{width: 20%; -webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: #d21a20;}
	/*end lavora*/
}

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {
	/*footer*/
	.home #footer,
	#footer{padding: 0 30px}
	#footer .argomenti,
	#footer .info,
	#footer .gmap,
	#footer .facebook_widget{text-align: left; width: 100% !important}
	#footer .gmap,
	#footer .facebook_widget{text-align: center;}
	#footer .f-block.left .head .social a{ float:left; width:20px; height:20px; margin-left:15px;}
	#footer .f-block.left .head .social a.fb{margin-left: 0}
	#footer .f-block.left .head .social a.t-tv,
	#footer .f-block.left .head .social a.fragoli{ margin-left: 20px}
	/*end footer*/
	/*home*/
	.home .home_evidence .focus ul li{width: 100%;padding-left: 15px; padding-right: 15px}
	.home .home_evidence #last-news h2,
	.home .home_evidence .focus h2{font-size: 50px; line-height: 50px}
	.home .home_category #category li h3{text-align: center;}
	.home .home_category #category li p{padding-left: 0; padding-right: 0}
	/*end home*/
	/*general*/
	.main{padding-left: 15px; padding-right: 15px}
	.col-left .block{width: 100%;}
	/*end general*/
	/*certificati*/
	.azienda .category-text .txt_cert .cont_cert .cont_txt{text-align: center;}
	.azienda .category-text .txt_cert .cont_cert img{position: relative; display: inline-block; float: none !important; margin-right: 0; margin-left: 0; margin-bottom: 20px}
	.azienda .category-text .txt_cert .cont_cert h2,
	.azienda .category-text .txt_cert .cont_cert p{padding-left: 0; text-align: left;}
	/*end certificati*/
	/*prodotti*/
	#bannerCont{width: 290px; height: 440px}
	#bannerCont div img{width: 90%}
	.category-products .products-grid li.item,
	.recipes-grid li.item{width: 100% !important; margin-right: 0}
	.banner_news h2{letter-spacing: 8px}
	.news-archive .item{text-align: center;}
	.product-view .product-img-box{position: relative; left: auto; display: inline-block; float: none; margin-bottom: 20px}
	.news-archive .item .text{ padding-left: 0; text-align: left;}
	.news-archive .item .text .button{left: 0;}
	.product-view .product-img-box .product-image a{width: 290px; height: 394px}
	.product-view .product-img-box .product-image a em{width: 277px !important; height:380px !important}
	/*end prodotti*/
	/*mondo*/
	.mondo .category-text .txt_mondo:first-of-type{margin-top: 155px}
	/*end mondo*/
	/*tv*/
	.tv .category-text .cont_video span{width: 100%; margin-right: 0;}
	/*end tv*/
	/*servizio clienti*/
	.col-main.contatti .category-description .category-text .servClient{position: relative;}
	.col-main.contatti .category-description .category-text .servClient span.phone,
	.col-main.contatti .category-description .category-text .servClient span.fax,
	.col-main.contatti .category-description .category-text .servClient span.mail,
	.col-main.contatti .category-description .category-text .servClient span.phone2,
	.col-main.contatti .category-description .category-text .servClient span.fax2,
	.col-main.contatti .category-description .category-text .servClient span.mail2{width: 100%; margin-bottom: 20px; text-align: center;}
	.col-main.contatti .category-description .category-text .servClient span.fax,
	.col-main.contatti .category-description .category-text .servClient span.mail{margin-top: 40px}
	.col-main.contatti .category-description .category-text .servClient span.phone2 { bottom: 200px; left: 0; position: absolute;}
	.col-main.contatti .category-description .category-text .servClient span.fax2 { bottom: 120px; left: 0; position: absolute; }
	/*end servizio clienti*/
}

/*Other Major Small Smart Phones*/
@media screen and (max-width: 360px) {
	/*general*/
	.cat-header-banner > img{margin-right: -60px}
	/*end general*/
	/*storia*/
	.azienda .category-text .txt_storia div{text-align: center;}
	.azienda .category-text .txt_storia div img{position: relative; display: inline-block; float: none !important; margin-right: 0; margin-left: 0; margin-bottom: 20px}
	.azienda .category-text .txt_storia div h2,
	.azienda .category-text .txt_storia div p{padding-left: 0; text-align: left;}
	/*end storia*/
}