/* Breakpoints
 -*---------------------------------------------------------------------------------------------------*/

@media (min-width:1201px) and (max-width:1480px) {
.itemView.spumanti-page .itemImage img{
  max-width:580px!important;
}
}

@media (min-width:1221px) and (max-width:1300px) {
.cat-description {
    color: #ffffff;
    padding: 20px 11% 4px;
}

.itemView.spumanti-page .itemImage img{
  max-width:480px!important;
}
}

/* All except large Screens */
@media (max-width:1220px) {
  
#home-page-3-blocks .uk-width-medium-1-3.position-1
{
  width:100%;
}

#home-page-3-blocks .uk-width-medium-1-3.position-2, #home-page-3-blocks .uk-width-medium-1-3.position-3
{
  width:50%;
}

.bg-movie-1
{
  height:50vh!important;
}

.bg-movie-2, .bg-movie-3
{
  height:50vh!important;
}

.uk-sticky-placeholder
{
  top:2%;
}

.cat-description {
    color: #ffffff;
    padding: 20px 11% 4px;
}

.menu-overlay
{
  padding-left:17%;
}
  
  
}

@media (min-width:768px){

.uk-width-medium-3-10.language-main{width:27%!important;}

.spumanti-page.item .uk-modal-close-top
{
  background-color:#f8f8f8;
}

.spumanti-page.item .uk-modal-close-top .inner-menu-img{display:none!important;}

.spumanti-page.item .uk-modal-close-top .home-menu-img{display:block!important;}

}

@media (min-width:960px) and (max-width:1200px) {
.itemView.spumanti-page .itemImage img{
  max-width:480px!important;
}
}

@media (max-width:959px) {
  
  #recipe_slider_images{
   width:100%!important;
   float:none!important;
   background-size:cover!important;
  }
  
  /******* css to stop transition effect of img and title on mobile ***********/
  
  .catItemImage a.item-list-link:hover img
  {
    transform: translateX(0px) translateY(0px) translateZ(0px);
    -ms-transform: translateX(0px) translateY(0px) translateZ(0px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(0px);
    transform-style: preserve-3d;
    transition: transform 800ms ease 0s;
  }
  
  .catItemImage a.item-list-link .item-title-inner,.catItemImage a.item-list-link:hover .item-title-inner
{
  opacity: 1;
  transform: translateX(0px) translateY(0px) translateZ(0px);
  transform-style: preserve-3d;
  transition: transform 600ms ease 0s, opacity 600ms ease 0s;
  position:relative;
  top:0%;
  width: 100%;
  left:0%;
}

.spumanti-page .itemContainer
{
  position:relative;
  height:auto!important;
}

.spumanti-page .itemContainer .item-title-inner.mobile
{
  display:block!important;
  margin-top:0px!important;
  margin-bottom:20px;
}

.spumanti-page .itemContainer .item-title-inner.desktop
{
  display:none!important;
}
 
}



/* Only Tablets (Portrait) */
@media (min-width:768px) and (max-width:959px) {
  
#home-page-3-blocks .uk-width-medium-1-3.position-1
{
  width:100%;
}

#home-page-3-blocks .uk-width-medium-1-3.position-2, #home-page-3-blocks .uk-width-medium-1-3.position-3
{
  width:50%;
}

.bg-movie-1
{
  height:50vh!important;
}

.bg-movie-2, .bg-movie-3
{
  height:50vh!important;
}

.uk-sticky-placeholder
{
  top:2%;
}

.cat-description {
    color: #ffffff;
    padding: 20px 11% 4px;
}

.menu-overlay
{
  padding-left:0;
}

.inner-left-wrapper
{
  position:relative;
  height: 18vh;
  width:100%;
}

.inner-right-wrapper {
    float: none;
    width: 100%;
}

.k2-left-inner
{
  display:none;
}

.catItemImage a.item-list-link .item-title-inner
{
  left:0;
  top: 81%;
  width: auto;
  z-index: 1;
  left:0;
  right:0;
  margin:0 auto;
}

span.catItemImage
{
  position:relative;
}

.item-title-inner h2, .item-title-inner .subtitle
{
  text-align:center;
}

.item-title-inner h2
{
  font-size:28px;
}


.footer-l {
    width: 70%;
}

div.itemImageBlock
{
  width: 55%;
  z-index: 1;
}

.itemExtraFields-wrapper
{
  width: 48%;
  z-index: 2;
}

.spumanti-page div.itemFullText
{
  max-width: 100%;
  padding: 5% 10% 10%;
}

.article-content-left, .tour-inner-left-wrapper
{
  /*display:none!important;*/
  position:relative!important;
  width:100%!important;
  height: 33vh!important;
}

.article-content-right, .tour-inner-right-wrapper
{
  padding-top:10px;
  float:none;
  width:100%;
}

.bottom-itemExtraFields-wrapper
{
  float:none;
  top: 0;
  width: 100%;
  position:relative;
  padding:0px;
}

.bottom-itemExtraFields-bg
{
  float:none;
  width:100%;
}

.recipe-left-side
{
  display:none;
}

.itemBody.recipe-right-side
{
  float:none;
  width:100%;
}

.uk-navbar-toggle
{
  height: 40px;
  padding: 0 12px;
}

.uk-modal-close-top{
 background:#f8f8f8;
}

.inner-menu-img{display:none!important;}

.home-menu-img{display:block;}

.uk-modal-close-top a {
    color: darkblue;
}

.itemExtraFields-wrapper {
    padding: 105px 21px;
    position: relative;
    width: auto;
    top:0%;
    left:0;
}

div.itemImageBlock
{
  position:relative;
  margin:0 auto;
}

}


/* Only Phones (Portrait) (Landscape) and Small Tablet (Portrait) */
@media (max-width:767px) {
  
.uk-modal-close-top
{
  margin-right:15px;
}

.uk-navbar-toggle
{
  height: 40px;
  padding: 0 12px;
}

#home-page-3-blocks .uk-width-medium-1-3.position-2, #home-page-3-blocks .uk-width-medium-1-3.position-3
{
  width:100%;
}

.bg-movie-1, .bg-movie-2, .bg-movie-3
{
  height:33.3vh!important;
}

.title-cat
{
  /*width:auto;*/
}

.uk-sticky-placeholder
{
  top:2%;
}

.uk-sticky-placeholder a.tm-logo-small img
{
  width:90px;
}

.tm-navbar
{
  background:none!important;
}

.inner-left-wrapper
{
  /*position:relative;
  width:100%;
  float:none;
  height: 30vh;*/
  display:none;
}

.spumanti-page .uk-modal-close-top {
    /*background-color: #283788!important;*/
}

.spumanti-page #overlay-menu .uk-modal-close-top{
  background-color:#ffffff!important;
}

.uk-modal-close-top{
  background:#f8f8f8;
}

.inner-menu-img{display:none!important;}

.home-menu-img{display:block;}

.uk-modal-close-top a
{
  color:darkblue;
}

.home-page .uk-modal-close-top a
{
  color:#283788;
}

.inner-right-wrapper
{
  float:none;
  width:100%;
}

.spumanti-page #intro, .cantina-page #intro, .tour-page #intro, .contact-page #intro
{
    position: absolute;
    top: 4%;
}

#home-page-3-blocks.home-position-wrapper
{
  /*overflow:auto;*/
}

.spumanti-page .uk-modal-close-top
{
  background-color:#f8f8f8;
}

.spumanti-page .uk-modal-close-top .inner-menu-img{display:none!important;}

.spumanti-page .uk-modal-close-top .home-menu-img{display:block!important;}

.componentheading {
    padding: 0 3%;
}


.itemExtraFields-wrapper {
    padding: 105px 21px;
    position: relative;
    width: auto;
    top:0%;
    left:0;
}

div.itemImageBlock
{
    position:relative;
    width: 50%;
    margin: 0 auto;
    right: 0;
}

.extra-field-3, .extra-field-24 {
    float: NONE;
    margin-right: 15px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

.extra-field-3 a, .extra-field-24 a {
    display: block;
}

.spumanti-page div.itemFullText
{
  max-width:100%;
  padding: 5%;
  width: auto;
}

.bottom-itemExtraFields-wrapper
{
  float: none;
  padding: 5% 2% 16%;
  position: relative;
  width: auto;
  top:0;
}

.bottom-itemExtraFields-bg
{
  float:none;
  width: 100%;
}

.catItemImage a.item-list-link img {
    height: calc(80vh) !important;
    width: auto  !important;
}

.iziModal {
    width: 100% !important;
    max-width: none !important;
}
.recipe-left-side {
    float: none;
    height: 50vh;
    position: relative;
    transition: all 600ms ease 0s;
    width: 100%;
}

#recipe_slider_images{height:50vh;}

.recipe-left-side:hover, .article-content-left:hover
{
  width:100%;
}

.itemBody.recipe-right-side, .article-content-right
{
    float: none;
    width: 100%;
}

.cantina-page .article-content-left
{
  position:relative;
  float:none!important;
  width:100%!important;
  height:30vh;
}

h1.uk-article-title
{
  font-size: 36px;
  line-height: 40px;
}

.cantina {
    column-count: 1;
    column-gap: 0px;
}

.tour-inner-left-wrapper, .contact-page .article-content-left
{
  float:none;
  width:100%;
  position:relative;
  height:30vh;
}

.tour-inner-left-wrapper:hover, .contact-page .article-content-left:hover
{
  width:100%;
}

.tour-inner-right-wrapper, .article-content-right
{
  float:none;
  width:100%;
}


.cat-description {
    color: #ffffff;
    padding: 20px 11% 4px;
}

span.catItemImage
{
  position:relative;
}

.catItemImage a.item-list-link .item-title-inner
{
  left:0;
  top: 81%;
  width: auto;
  z-index: 1;
  left:0;
  right:0;
  margin:0 auto;
}

.item-title-inner h2
{
  font-size: 21px;
  text-align: center;
}

.item-title-inner .subtitle
{
  text-align: center;
}

.bottom-itemExtraFields-wrapper .slide
{
  width:100%!important;
}

.bottom-itemExtraFields-wrapper .bt-introtext
{
  height:auto!important;
}

.article-content-left
{
  /*display:none!important;*/
  position:relative!important;
  width:100%!important;
  height: 33vh!important;
}

.article-content-right
{
  padding-top:10px;
}


.tab-content-column {
    column-count: 1;
    column-gap: 0;
}

.territorio-page ul.uk-tab li {
    width: 50%;
}

.recipe-left-side
{
  display:none;
}

.itemBody.recipe-right-side
{
  float:none;
  width:100%;
}

#home-page-3-blocks h1 br{display:none;}

/************ changes for overlay mobile menu *************/

.overlay-main-menu{width:100%;padding:0;margin:60px 0 30px;}

.overlay-main-menu ul{float:none!important;}

.overlay-main-menu ul li a{padding:0;}

.menu-overlay{padding-left:0;width:100%;}

.menu-overlay .overlay-sidebar ul.uk-nav li a{padding:0;}

.social-links .uk-nav li a{padding:5px 0px;}

.footer-l {
    margin-top: 50px;
    width: 100%;
}

}

/* Only Phones (Landscape) and Small Tablet (Portrait) */
@media (min-width:480px) and (max-width:767px) {
  
}

/* Only Phones (Portrait) */
@media (max-width:479px) {

.h1.home
{
  font-size: 30px;
  line-height: 40px;
  margin-top: 56px!important;
}

.custom-form-wrap .col-6 {
    -moz-box-flex: 0;
    flex: 0 0 auto;
    max-width: 100%;
}
  
}