.mob_menu {display: none;}

@media screen and (max-width: 1199px) {

img{ max-width: 100%;}

#header { width: 100%; float:left; }

#logo{ width: 17%;}

#languages{ width: auto;}

#head-top span.number { width: 70%;}

#header nav .desk_menu{ width: 100%; display: block; }

#header nav ul{ display: block; width: 100%; }

#bannerwrapper { width: 100%; }

#leftcolumn { width: 21%; }

#rightcolumn { width: 74%; padding-left: 0;}

#breadcrumb { width: 100%;}

#leftcolumn ul.menu li a { padding: 8px 10px 10px 21px; }

/*footer*/
#footer{ width: 100%; padding: 49px 0 0 0;}

#foot-logo{ width: 17%;}

#foot-left { width: 50%;}

#foot-right { width: 23%;}

#foot-btm p {width: 82%;} 

#social { width: 18%;}

#foot-btm { width: 100%;}

#rightcolumn ul.gallery-con li , #rightcolumn ul.gallery-con li.no-padding { padding: 7px 6px 0px 0; width: 24%;}

#rightcolumn ul.nostri-vini { width: 100%;}

#rightcolumn ul.nostri-vini li{ width: 24%;}
}

@media screen and (max-width: 991px) {

nav ul li { letter-spacing: 0;}

.wrapper{ width: 93% !important; max-width: 940px !important; padding: 0 15px;}

#languages{ padding-right: 10px;}

#head-top span.number { padding-right: 15px;}

#text { width: 100% !important;}

#content { overflow: hidden;}

#img-con { width: 100%;}

.img { width: 33%;}
 
#img-con img{ width: 100%;} 

.widget { width: 32%; margin: 50px 10px 0 0 ;}

.widget h3 a { font-size: 17px;}

.widget-text { width: 95%; padding: 10px 15px 0px 15px; }

#wines-con { width: 100% !important;}

.wines-left  { width: 30%!important;padding: 30px 20px 0px 125px;}

.wines-right { width: 49%!important;}

#wine-nav { width: 15%; max-width: 110px;}
 
.wine-slide img {height: 470px; }

#leftcolumn ul.menu { width: 100% !important; overflow: hidden;}

#rightcolumn { width: 73%;}

#foot-left{ padding: 0 0 0 20px;}

#foot-left ul{ width: 30%;}

#foot-btm p{ width: 75%;}

#social{ width: 23%;}

#rightcolumn ul.gallery-con li , #rightcolumn ul.gallery-con li.no-padding { padding: 7px 6px 0px 0; width: 32%;}

#rightcolumn ul.nostri-vini li, #rightcolumn ul.nostri-vini li.no-margin  { padding: 0px  ; width: 31%; margin: 40px 6px 0 0;}

#widget-con h2, #rightcolumn h2 , #wines-con h2 { background: url("../images/sub-line-bg.jpg") no-repeat center;}

nav ul li:first-child a { padding: 13px 24px 0 13px;}
}

@media screen and (max-width: 767px) {

header { background: none; min-height: 215px;}

#header nav .desk_menu{display: none !important;}

#header nav .mob_menu { display: block;}

.mobile_toggle {  width: 19%; cursor: pointer; display: block;position: relative; bottom: -75px; text-align: center; display: block; margin: 0px auto;}

.nav-expander {display: block;margin: auto;}

.navicon-line { width: 40px; height: 5px; background-color: #208856; margin: 0px auto 5px; cursor: pointer;}

.slicknav_icon{width: 30px;display: inline-block; margin-right: 10px; vertical-align: middle; }

.slicknav_icon-bar{margin: 5px 0; background:#3e7d5f; height: 5px;display: block; }

.nav-expander { display:block; margin:auto; }

nav { background: rgba(50, 83, 67, 0.65); display: block; height: 100%; overflow: auto; position: fixed; left: -50%; font-size: 15px; top: 0; width: 50%; z-index: 2000; transition: left 0.3s ease-in-out 0s; -webkit-transition: left 0.3s ease-in-out 0s; -moz-transition: left 0.3s ease-in-out 0s; -o-transition: left 0.3s ease-in-out 0s; paddin-top:20px; padding-bottom:20px; }

.nav-expanded nav, .page-template-page-grid-php.nav-expanded nav { left: 0; }

nav ul li{ width: 100%; text-align: center;}

nav ul li:first-child a  , nav ul li:last-child a{ padding: 13px 0 3px 0;}

nav ul li a { padding: 13px 0 3px 0; width: 100%;}

/* Navigation Overlay */

.nav-popup { z-index:1999; width:100%; height:100%; position:fixed; top:0; left:0; visibility:hidden; background:rgba(0,0,0,0.8); opacity:0.1; }

.nav-popup.expanded { visibility:visible; opacity:1; }

#logo , #languages , #head-top span.number{ width: 100%;  text-align: center; display: block; margin: 0 auto; float: none;}

#logo img{ width: 100%; max-width: 157px;}

#languages a {float: none; display: inline-block;}

.widget {  width: 100%; margin: 50px auto 0 auto; text-align: center;}

.widget-text { width: 100%;display: block;text-align: center; padding: 10px 0!important;}

.widget p {width: 100%;display: block;text-align: center;}

.wines-left { padding: 30px 10px 0 110px; width: 100% !important; overflow: hidden;}

.wines-right{ width: 100% !important;}

#wine-nav { width: 25%; max-width: 103px;}

#footer{ width: 100%; text-align: center;}

#foot-logo{ width: 100%;}

#foot-logo img{ width: 100%; max-width: 157px;}

#foot-left { width: 100%; padding: 0;}

#foot-left ul{ width: 100%;}

#foot-right { width: 100%;}

#leftcolumn { width: 100%; }

#leftcolumn ul.menu li { width: 100%;}

#leftcolumn ul.menu li a { padding: 8px 0 10px 0; text-align: center; width: 100%; }

#rightcolumn { width: 100%; }

#rightcolumn ul.nostri-vini li.no-margin { width: 100%;}

#rightcolumn ul.gallery-con { width: 100%; text-align: center;}

#foot-right span.yellow , #foot-right span.left , #foot-right a.email{ float: none;}

#CDSWIDCOE {width: 100%!important; margin: 10px auto!important; max-width: 150px;}

#foot-right span.for-padding { display: block;}

#foot-btm p , #social{ width: 100%; text-align: center; float: none; display: block;margin: 0 auto;}

#social span { float: none; display: block; text-align: center; margin: 10px auto;}

#social a { float: none; display: inline-block; text-align: center; margin: 0 auto;}

#rightcolumn ul.gallery-con li { float: left; width: 48%; padding: 7px 5px;}

#rightcolumn ul.gallery-con li.no-padding { padding: 7px 5px; width: 48%;}

#rightcolumn ul.gallery-con li.no-padding img , #rightcolumn ul.gallery-con li img { width: 100%; height: auto;}

#rightcolumn ul { width: 100%; tex-align: center;}

h2.inner-ban { font-size: 55px; left: 0 ;margin: 0;}

.left-arrow { left: 255px;}

.right-arrow{ left: 290px; }
 
.ban-text { width: 83% !important; left: 0; max-width: 300px;}
 
.img.for-margin  , .img { width: 49%; margin: 5px auto;}

.widget ,.widget.change{ max-width: 290px ; display: block; float: none; margin: 50px auto 0 auto;}

.plus { display: none !important;}

.cycle-slideshow { overflow: hidden;}

#rightcolumn ul.nostri-vini li, #rightcolumn ul.nostri-vini li.no-margin { margin: 40px 6px 0 0; width: 30%;}

.wines-left p{ width: 80%;}

#rightcolumn ul.nostri-vini li img { width: 100%;}

.zoom { left: 40%;}
}

@media screen and (max-width: 599px) {

.wrapper { width: 90% !important;}

#rightcolumn ul.gallery-con li{ float: none; width: 100%; text-align: center; padding: 7px 0;}

#rightcolumn ul.gallery-con li.no-padding { padding: 7px 0px; width: 100%; height: auto;}

#rightcolumn ul.nostri-vini li, #rightcolumn ul.nostri-vini li.no-margin{ width: 100%; display: block; text-align: center; margin: 40px auto;}

#rightcolumn ul.nostri-vini li a { width: 100%; display: block; text-align: center; margin: 40px auto;}

.img.for-margin  , .img { width: 100%; margin: 5px auto; height: auto; max-width: 270px; display: block;text-align: center;float: none;}

.wines-left p{ width: 70%;}

#rightcolumn ul.nostri-vini li img { max-width: 180px;}

.zoom { left: 44%;}
}

@media screen and (max-width: 439px) {

#wine-nav { display: none;}

.wines-left { padding: 30px 15px 0 15px; }

.wines-right { width: 100% !important; }

.wine-slide img { height: auto;width:auto;}

.wines-left p{ width: 80%;}

.zoom { left: 40%;}

#testopagina ul li { width: auto;}
}