/* Font Family ********************************************************************/
@font-face {
  font-family: 'Bodoni';
  src: url("../fonts/BDN55.otf");
  font-style: normal; }
@font-face {
  font-family: 'Bodoni-Roman';
  src: url("../fonts/BodoniXT.woff");
  font-style: normal; }
@font-face {
  font-family: 'Bodoni-Bold';
  src: url("../fonts/playfare.ttf");
  font-style: normal; }
@font-face {
  font-family: 'Bodoni-Italic';
  src: url("../fonts/BODON.TTF");
  font-style: normal; }
/* End Font Family *****************************************************************/
/* html,body {
  overflow-x: hidden; } */

/* Navigation Bar *****************************************************************/
@media (min-width: 767px) {
  .navbar {
    padding: 20px 0;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out; }

  .top-nav-collapse {
    padding: 0; } }
.navbar-toggle {
  cursor: pointer;
  padding: 20px 41px 16px 0; }

.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {
  cursor: pointer;
  height: 2px;
  width: 30px;
  background: #212121;
  position: absolute;
  display: block;
  content: ''; }

.navbar-toggle span:before {
  top: -7px; }

.navbar-toggle span:after {
  bottom: -7px; }

.active {
  font-weight: 900; }

.navbar-toggle span, .navbar-toggle span:before, .navbar-toggle span:after {
  transition: all 400ms ease-in-out; }

.navbar-toggle.active span {
  background-color: transparent; }

.navbar-toggle.active span:before, .navbar-toggle.active span:after {
  top: 0; }

.navbar-toggle.active span:before {
  transform: rotate(45deg); }

.navbar-toggle.active span:after {
  transform: rotate(-45deg); }

.nav > li > a {
  padding: 10px 13px; }

.navbar {
  min-height: 35px !important; }

.navbar-toggle {
  border: none; }

a.page-scroll {
  font-size: 14px; }

.navbar-default .navbar-nav > .active > a {
  background-color: transparent !important; }

.navbar-default {
  border: none !important;
  background: transparent; }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    float: right; }
  .navbar-default .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 8px;
    font-family: 'Lato', sans-serif;
  }
  .navbar-default .navbar-brand {
    background: no-repeat center;
    width: 160px; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent !important; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent; }

button:focus {
  outline: 0; }

a:focus {
  outline: 0; }

.top-nav-collapse {
  background-color: #ffffff; }

/* End Navigation Bar *****************************************************************/
/* Home Top Section *****************************************************************/
.smooth-scroll {
  height: 100vh; }

.home-top .wine-bottle-wrapper {
  position: absolute;
  bottom: 0;
  left: 17vw; }
  .home-top .wine-bottle-wrapper img {
    max-width: 100%;
    width: 150px; }
.home-top .introduction-text {
  padding-top: 230px;
  margin-left: 220px; }
  .home-top .introduction-text h1 {
    font-family: 'Lato', sans-serif;
    font-size: 48px;
    color: #ddad3c;
    padding-bottom: 20px;
  }
  .home-top .introduction-text p {
    font-size: 18px;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-style: italic; }
.home-top .arrow {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px; }
  .home-top .arrow img {
    width: 20px; }

video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  overflow: hidden; }

.overlay:before {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh; }

/* End Home Top Section *****************************************************************/
/* Story Section ***********************************************************************/
.story {
  height: 100vh;
  background: url("../img/story-cover.png") no-repeat;
  background-size: cover; }
  .story .story-text {
    width: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    height:100vh;}
    .story .story-text h1 {
      font-size: 48px;
      padding-bottom: 30px;
      font-family: 'Lato', sans-serif;
      color: #ffffff; 
    }
    .story .story-text p {
      font-size: 18px;
      color: #333333;
      padding-bottom: 15px;
      font-family: 'Lato', sans-serif;
      font-style: italic; }

/* End Story Section *****************************************************************/
/* Product Section ***********************************************************************/
.products {
  height: 100vh;
  background-size: cover;
  background: #000000 no-repeat; }
  .products .product-slider {
    padding: 15vh 0;
    text-align: center; }
    .products .product-slider h1 {
      font-size: 30px;
      color: #ffffff;
      margin-bottom: 0; }
    .products .product-slider h2 {
      font-size: 34px;
      margin: 2px 0 70px 0;
      color: #ffffff;
      font-family: 'Lato', sans-serif;
      font-style: italic; }
    .products .product-slider .view-more-wrapper {
      margin-top: 80px; }
      .products .product-slider .view-more-wrapper p {
        font-size: 14px;
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 100; }
      .products .product-slider .view-more-wrapper .view-more {
        padding: 5px 25px;
        background: transparent;
        border: 1px solid #daa520;
        color: #daa520;
        font-size: 18px;
        margin-top: 12px;
        font-family: 'Lato', sans-serif;
        font-style: italic;
        font-weight: 900; }
      .products .product-slider .view-more-wrapper .view-more:hover {
        background: #daa520;
        color: #090b17; }
    .products .product-slider .carousel-inner > .item > a > img, .products .product-slider .carousel-inner > .item > img, .products .product-slider .img-responsive, .products .product-slider .thumbnail a > img, .products .product-slider .thumbnail > img {
      display: inline-block;
      width:60vw;}
    .products .product-slider .carousel-control {
      top: 33vh; }
    .products .product-slider .carousel-control.left, .products .product-slider .carousel-control.right {
      background-image: none; }
      .products .product-slider .carousel-control.left img, .products .product-slider .carousel-control.right img {
        width: 40px; }
    .products .product-slider .carousel-indicators {
      top: 60vh; }
      .products .product-slider .carousel-indicators li {
        border: 1px solid #daa520; }
      .products .product-slider .carousel-indicators .active {
        background-color: #daa520; }
        .close-prod-1 img {
            width:35px;
            position:absolute;
            right:25px;
            top:25px;
            cursor:pointer;
        }
        .close-prod-2 img {
            width:35px;
            position:absolute;
            right:25px;
            top:25px;
            cursor:pointer;
        }
        .close-prod-3 img {
            width:35px;
            position:absolute;
            right:25px;
            top:25px;
            cursor:pointer;
        }
  .products .modal-content {
    border: none;
    overflow: hidden;
    box-shadow: none;
    border-radius: 0; }
    .products .modal-content .single-product {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      position: relative; }
      .products .modal-content .single-product .product-image {
        max-width: 100%;
        width: 20vw;
        position: absolute;
        left: 50%;
        right: 50%;
        transform: translateX(-50%) translateY(-50%);
        top: 50vh; }
      .products .modal-content .single-product .wine-description-text-right {
        background: #090b17;
        height: 100vh;
        color: #ffffff; }
        .products .modal-content .single-product .wine-description-text-right .icons-wrapper {
          padding: 28vh 15vh 10vh 25vh; }
      .products .modal-content .single-product .wine-description-text-left {
        height: 100vh;
        padding: 22vh 25vh 11vh 10vh;
        color: #090b17; }
        .products .modal-content .single-product .wine-description-text-left h1 {
          font-size: 30px;
          margin-bottom: 0; }
        .products .modal-content .single-product .wine-description-text-left h2 {
          font-size: 32px;
          margin: 0 0 60px 0;
          font-family: 'Lato', sans-serif;
          font-style: italic; }
        .products .modal-content .single-product .wine-description-text-left h4 {
          font-size: 16px;
          margin-top: 40px;
          margin-bottom: 5px;
            
        }
        .products .modal-content .single-product .wine-description-text-left p {
          font-size: 18px;
          font-family: 'Lato', sans-serif;
          font-style: italic; }
      .products .modal-content .single-product .single-item {
        display: grid;
        grid-template-columns: 80px 1fr;
        grid-template-rows: 100px; }
        .products .modal-content .single-product .single-item h5 {
          font-size: 16px;
          font-weight: 700;
          margin-top: 0; }
        .products .modal-content .single-product .single-item p {
          font-size: 16px;
          font-family: 'Lato', sans-serif;
          font-style: italic; }
        .products .modal-content .single-product .single-item img {
          margin-top: 10px;
          width: 50px; }
  .products .close-prod-one, .products .close-prod-three, .products .close-prod-two {
    text-align: right;
    padding: 40px;
    cursor: pointer; }
    .products .close-prod-one img, .products .close-prod-three img, .products .close-prod-two img {
      width: 25px; }

/* End Product Section *****************************************************************/
/* Vineyards Section ****************************************************************/
.vineyards {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/vineyards-cover.jpg") no-repeat;
  background-size: cover;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr; }
  .vineyards .vineyards-text {
    width: 50vw;
    padding: 25vh 10vh; }
    .vineyards .vineyards-text h1 {
      font-size: 48px;
      padding-bottom: 30px;
      font-family: 'Lato', sans-serif;
      color: #ffffff;
    }
    .vineyards .vineyards-text p {
      font-size: 18px;
      color: #ffffff;
      font-family: 'Lato', sans-serif;
      font-style: italic; }
  .vineyards .about-terroir {
    width: 50vw;
    background: rgba(255, 255, 255, 0.85);
    padding: 27vh 10vh; 
      height:100vh;
  }
    .vineyards .about-terroir h1 {
      font-size: 48px;
      padding-bottom: 30px;
      font-family: 'Lato', sans-serif;
      color: #111111; 
    }
    .vineyards .about-terroir p {
      font-size: 18px;
      color: #333333;
      padding-bottom: 15px;
      font-family: 'Lato', sans-serif;
      font-style: italic; }
    .vineyards .about-terroir p:last-of-type {
      padding-bottom: 45px; }
    .vineyards .about-terroir h4 {
      color: #333333;
      font-family: 'Lato', sans-serif; }
      .vineyards .about-terroir h4 span {
        font-weight: 700; }

/* End Vineyards Section **********************************************************/
/* Location Section ****************************************************************/
.location {
  background: #000000;
  background-size: cover;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr; }
  .location .map-wrapper {
    width: 50vw;
    padding: 21vh 20vh; }
  .location .icons-wrapper {
    width: 50vw;
    padding: 30vh 10vh;
    display: grid;
    grid-template-columns: 50px 1fr; }
    .location .icons-wrapper p {
      font-size: 14px;
      color: #ffffff;
      font-family: 'Lato', sans-serif;
      margin: 5px 0 25px 0; }
    .location .icons-wrapper img {
      margin-bottom: 15px; }

/* End Location Section **********************************************************/
/* Varieties Section ***********************************************************************/
.grape-varieties {
  height: 100vh;
  background: url("../img/varieties-cover.png") no-repeat;
  background-size: cover;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr; }
  .grape-varieties .grapes-sorts {
    width: 50vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.85); }
    .grape-varieties .grapes-sorts .menu__item {
      color: #333333;
      font-size: 22px;
      font-family: 'Lato', sans-serif;
      font-style: italic;
      text-decoration: none;
      position: relative;
      display: block;
      outline: none;
      transition: color 0.25s ease;
      background: none;
      z-index: 10; }
    .grape-varieties .grapes-sorts .menu__item::before {
      position: absolute;
      content: '';
      top: 15px;
      left: 0;
      width: 0;
      height: 60%;
      background-color: #dec68c;
      transform-origin: left;
      transition: width 0.25s ease;
      z-index: -1; }
    .grape-varieties .grapes-sorts .menu__item:hover::before {
      width: 70%; }
    .grape-varieties .grapes-sorts img {
      width: 20px;
      margin-right: 10px; }
    .grape-varieties .grapes-sorts div {
      margin-bottom: 40px;
      display: flex;
      align-items: center; }
  .grape-varieties .varieties-text {
    display: flex;
    justify-content: center;
    align-items: center; }
    .grape-varieties .varieties-text h1 {
      color: #ffffff;
      font-family: 'Lato';
      font-style: italic;
      text-align: center; }
  .grape-varieties .modal-content {
    border: none;
    overflow: hidden;
    box-shadow: none;
    border-radius: 0; }
    .grape-varieties .modal-content .single-product {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      position: relative; }
    .grape-varieties .modal-content .voskehat-background-wrapper {
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh; }
    .grape-varieties .modal-content .areni-background-wrapper {
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
      background-position: center; }
    .grape-varieties .modal-content .kharji-background-wrapper {
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
      background-position: center; }
    .grape-varieties .modal-content .voskehat-wine-description {
      padding: 12vh 15vh 0 10vh; }
      .grape-varieties .modal-content .voskehat-wine-description h1 {
        font-size: 45px;
        font-family: 'Lato',sans-serif;
        color: #333333;
        padding-bottom: 70px; 
        font-weight:600;  
      }
      .grape-varieties .modal-content .voskehat-wine-description p {
        font-size: 21px;
        color: #333333;
        font-family: 'Lato',sans-serif;
        font-style: italic; }
    .grape-varieties .modal-content .areni-wine-description {
      padding: 2vh 15vh 0 13vh; }
      .grape-varieties .modal-content .areni-wine-description h1 {
        font-size: 45px;
        font-family: 'Lato',sans-serif;
        color: #333333;
        padding-bottom: 70px; 
      }
      .grape-varieties .modal-content .areni-wine-description p {
        font-size: 21px;
        color: #333333;
        font-family: 'Lato',sans-serif;
        font-style: italic; }
    .grape-varieties .modal-content .kharji-wine-description {
      padding: 12vh 15vh 0 10vh; }
      .grape-varieties .modal-content .kharji-wine-description h1 {
        font-size: 45px;
        font-family: 'Lato',sans-serif;
        color: #333333;
        padding-bottom: 70px;
      }
      .grape-varieties .modal-content .kharji-wine-description p {
        font-size: 21px;
        color: #333333;
        font-family: 'Lato',sans-serif;
        font-style: italic; }
  .grape-varieties .close-voskehat, .grape-varieties .close-areni, .grape-varieties .close-kharji {
    text-align: right;
    padding: 40px;
    cursor: pointer; }
    .grape-varieties .close-voskehat img, .grape-varieties .close-areni img, .grape-varieties .close-kharji img {
      width: 25px; }

/* End Varieties Section *****************************************************************/
/* Contact Section ****************************************************************/
.contact {
    height:auto !important;
  background: #000000;
  display: grid;
  grid-template-areas: "contact address" "social social";
  grid-template-rows: 1fr 82px;
  grid-template-columns: 1fr 1fr;
  }
  .contact .contact-from-wrapper {
    grid-area: contact;
    padding: 14vh 10vh; }
    .contact .contact-from-wrapper h1 {
      font-size: 48px;
      color: #ffffff;
      padding-bottom: 25px;
      font-family: 'Lato', sans-serif;
    }
    .contact .contact-from-wrapper input {
      width: 80%;
      padding: 10px 15px;
      outline: none;
      border: 1px solid #ffffff;
      background: #090b17;
      margin-bottom: 15px;
      color: #ffffff; }
    .contact .contact-from-wrapper input::-webkit-input-placeholder, .contact .contact-from-wrapper textarea::-webkit-input-placeholder {
      font-family: 'Lato', sans-serif;
      font-style: italic;
      color: #dadada;
      font-size: 16px; }
    .contact .contact-from-wrapper input:-ms-input-placeholder, .contact .contact-from-wrapper textarea:-ms-input-placeholder {
      font-family: 'Lato', sans-serif;
      font-style: italic;
      color: #dadada;
      font-size: 16px; }
    .contact .contact-from-wrapper input:-moz-placeholder, .contact .contact-from-wrapper textarea:-moz-placeholder {
      font-family: 'Lato', sans-serif;
      font-style: italic;
      color: #dadada;
      font-size: 16px; }
    .contact .contact-from-wrapper input::-moz-placeholder, .contact .contact-from-wrapper textarea::-moz-placeholder {
      font-family: 'Lato', sans-serif;
      font-style: italic;
      color: #dadada;
      font-size: 16px; }
    .contact .contact-from-wrapper textarea {
      width: 80%;
      display: block;
      margin-bottom: 15px;
      outline: none;
      border: 1px solid #ffffff;
      background: #090b17;
      padding: 15px;
      color: #ffffff; }
    .contact .contact-from-wrapper .submit-form {
      width: 80%;
      padding: 7px 15px;
      border: 1px solid #ffffff;
      background: #ffffff;
      color: #000000;
      font-size: 20px;
      font-family: 'Lato';
      border-radius:0;
      margin-bottom: 15px;
    }
    .contact .contact-from-wrapper .submit-form:hover {
      background: #eeeeee; }
  .contact .social-icons-wrapper {
    grid-area: social;
    padding-top: 15px; }
    .contact .social-icons-wrapper a:hover, .contact .social-icons-wrapper a:focus, .contact .social-icons-wrapper a:active {
      text-decoration: none; }
    .contact .social-icons-wrapper img {
      width: 30px;
      margin: 0 5px;
      cursor: pointer; }
    .contact .social-icons-wrapper p {
      font-size: 12px;
      color: #ffffff;
      padding-top: 10px; }
  .contact .address-wrapper {
    grid-area: address;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 60px 450px;
    padding: 28vh 5vh 6vh 8vh; }
    .contact .address-wrapper .title-wrapper{
            display: grid;
            grid-column-start: 1;
            grid-column-end: 4;
    }
    .contact .address-wrapper h1 {
        font-size:24px;
        color:#ffffff;
        font-family: 'Lato', sans-serif;
        margin-top: 13px;
    }
    .contact .address-wrapper h5 {
      font-size: 17px;
      color: #ffffff;
      margin-bottom: 0; }
      .contact .address-wrapper h5 span {
        cursor: pointer; }
        .contact .address-wrapper h5 span img {
          width: 10px;
          margin-left: 5px; }
    .contact .address-wrapper p {
      font-size: 15px;
      color: #ffffff;
      font-family: 'Lato', sans-serif;
      font-style: italic; }
    .contact .address-wrapper a {
      font-size: 12px;
      color: #ffffff;
      text-decoration: none; }
    .contact .address-wrapper .third-column {
      display: flex;
      flex-direction: column;
      justify-content: flex-start; }
    .contact .address-wrapper .additional-address {
      display: none; }

/* End Contact Section ************************************************************/
/**********Mobile View**************************************************************/
@media (max-width: 767px) {
  /*Navbar*/
  .navbar-default {
    background: #ffffff; }
    .navbar-default .navbar-brand {
      width: 110px; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      float: none;
      text-align: center;
      height: 100vh;
      max-height: 100vh !important;
      background: #ffffff; }
    .navbar-default .navbar-fixed-bottom .navbar-collapse, .navbar-default .navbar-fixed-top .navbar-collapse {
      max-height: 100vh !important; }
    .navbar-default .navbar-nav {
      padding: 19vh 0; }
    .navbar-default nav.navbar .collapse.in {
      background-color: rgba(255, 255, 255, 0.8) !important; }

  /*Home Top Section*/
  .smooth-scroll {
    height: auto; }

  video {
    display: none; }

  .overlay {
    display: none; }

  #home {
    background-size: cover;
    background: url("../img/mobile_bck.png") no-repeat; }

  .home-top {
    height: 100vh; }
    .home-top .wine-bottle-wrapper {
      display: none; }
    .home-top .introduction-text {
      margin-left: 0;
      padding: 32vh 4vh; }
      .home-top .introduction-text h1 {
        font-size: 30px; }
      .home-top .introduction-text p {
        font-size: 14px; }
    .home-top .arrow {
      display: none; }

  /*Story Section*/
  .story .story-text {
    width: 100%;
   }
    .story .story-text h1 {
      font-size: 30px; }
    .story .story-text p {
      font-size: 14px; }

  /*Product Section*/
  .carousel-inner .item img {
    width: 180px; }

  .products .product-slider .carousel-control {
    top: 30vh; }

  .products .product-slider .carousel-control.left img, .products .product-slider .carousel-control.right img {
    width: 30px; }

  .products .product-slider .carousel-indicators {
    top: 50vh; }

  .products .modal-content .single-product {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    position: relative; }
    .products .modal-content .single-product .product-image {
      display: none; }
    .products .modal-content .single-product .wine-description-text-left {
      height: auto;
      padding: 10vh 4vh 10vh 4vh;
      color: #090b17; }
    .products .modal-content .single-product .wine-description-text-right {
      background-color: #ffffff;
      height: auto;
      color: #090b17; }
      .products .modal-content .single-product .wine-description-text-right .icons-wrapper {
        padding: 13vh 4vh 5vh 4vh !important; }
    .products .modal-content .single-product .product-image-image {
      width: 100px; }
  .products .close-prod-one, .products .close-prod-three, .products .close-prod-two {
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 25px;
    padding: 0; }
    .products-mobile-close {
        width:25px;
        position: absolute;
        top: 25px;
        right: 25px;
    }
  /*Vineyards Section*/
  .vineyards {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    background: none; }
    .vineyards .vineyards-text {
      width: 100%;
      padding: 13vh 4vh;
      background-size: cover;
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/vineyards-cover.jpg) no-repeat center; }
      .vineyards .vineyards-text h1 {
        font-size: 30px; }
      .vineyards .vineyards-text p {
        font-size: 14px; }
    .vineyards .about-terroir {
      width: 100%;
      padding: 8vh 4vh !important;
      background: #ffffff; }
      .vineyards .about-terroir h1 {
        font-size: 30px; }
      .vineyards .about-terroir p {
        font-size: 14px; }
      .vineyards .about-terroir h4 {
        font-size: 14px; }

  /*Varieties Section*/
  .grape-varieties {
    background: #ffffff;
    grid-template-columns: 1fr; }
    .grape-varieties .varieties-text {
      display: none; }
    .grape-varieties .grapes-sorts {
      width: 100%;
      height: 60vh;
      background: rgba(255, 255, 255, 0.85); }
    .grape-varieties .modal-content .single-product {
      grid-template-columns: 1fr; }
    .grape-varieties .modal-content .voskehat-wine-description h1, .grape-varieties .modal-content .areni-wine-description h1, .grape-varieties .modal-content .kharji-wine-description h1 {
      font-size: 30px;
      padding-bottom: 40px; }
    .grape-varieties .modal-content .voskehat-wine-description p, .grape-varieties .modal-content .areni-wine-description p, .grape-varieties .modal-content .kharji-wine-description p {
      font-size: 18px; }
    .grape-varieties .modal-content .voskehat-background-wrapper {
      order: 2;
      background-position: center; }
    .grape-varieties .modal-content .voskehat-wine-description {
      padding: 1vh 5vh 4vh 5vh; }
    .grape-varieties .modal-content .kharji-background-wrapper {
      order: 2; }
    .grape-varieties .modal-content .kharji-wine-description {
      padding: 2vh 5vh 4vh 5vh; }
    .grape-varieties .modal-content .areni-background-wrapper {
      order: 2; }
    .grape-varieties .modal-content .areni-wine-description {
      padding: 2vh 5vh 4vh 6vh; }
    .grape-varieties .close-voskehat img, .grape-varieties .close-areni img, .grape-varieties .close-kharji img {
      width: 25px;
      float: right; }

  /*Location Section*/
  .location {
    grid-template-columns: 1fr; }
    .location .map-wrapper {
      width: 100%;
      padding: 15vh 2vh; }
      .location .map-wrapper img {
        max-width: 100%; }
    .location .icons-wrapper {
      width: 100%;
      padding: 10vh 8vh; }

  /*Contact Section*/
  .contact {
    grid-template-areas: "contact" "address" "social";
    grid-template-rows: auto;
    grid-template-columns: 1fr; }
    .contact .contact-from-wrapper {
      padding: 6vh 4vh !important; }
      .contact .contact-from-wrapper h1 {
        font-size: 30px; }
      .contact .contact-from-wrapper input, .contact .contact-from-wrapper textarea, .contact .contact-from-wrapper .submit-form {
        width: 100%; }
    .contact .address-wrapper {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      padding: 8vh 4vh 8vh 4vh !important; }
      .contact .address-wrapper h5 {
        font-size: 14px; }
      .contact .address-wrapper p {
        font-size: 11px; }
      .contact .address-wrapper a {
        font-size: 10px; }
    .contact .social-icons-wrapper p {
      font-size: 10px; }
    .contact .social-icons-wrapper img {
      width: 20px; } }
/***********************************************************************************/
/**************************** Tablet View ******************************************/
@media (min-width: 768px) and (max-width: 991px) {
  /*Home Top Section*/
  .smooth-scroll {
    height: auto; }

  video {
    display: none; }

  .overlay {
    display: none; }

  #home {
    background-size: cover;
    background: url("../img/tablet-bck.png") no-repeat; }

  .home-top {
    height: auto; }
    .home-top .wine-bottle-wrapper {
      display: none; }
    .home-top .introduction-text {
      margin-left: 0;
      padding: 25vh 4vh; }
      .home-top .introduction-text h1 {
        font-size: 30px; }
      .home-top .introduction-text p {
        font-size: 14px; }
    .home-top .arrow {
      display: none; }



  /*Product Section*/
  .products .product-slider .carousel-control {
    top: 22vh; }
  .products .product-slider .carousel-indicators {
    top: 38vh; }
  .products .modal-content .single-product .wine-description-text-left {
    padding: 15vh 8vh 5vh 5vh; }
  .products .modal-content .single-product .wine-description-text-right .icons-wrapper {
    padding: 31vh 4vh 7vh 10vh !important; }
  .products .modal-content .single-product .product-image {
    width: 100px; }
.close-prod-1 {
    width: 35px;
    position: absolute;
    right: 25px;
    top: 25px;
}
  /*VineYards Section*/
  .vineyards .vineyards-text {
    padding: 20vh 4vh; }
  .vineyards .about-terroir {
    padding: 10vh 4vh !important;
    background: #ffffff; }

  /*Loaction Section*/
  .location .map-wrapper {
    padding: 21vh 2vh; }
  .location .icons-wrapper {
    padding: 28vh 7vh; }

  /*Varieties Section*/
  .grape-varieties .modal-content .areni-wine-description {
    padding: 2vh 5vh 0 5vh; }
  .grape-varieties .modal-content .voskehat-background-wrapper {
    background-position: center; }

  /*Contact Section*/
  .contact .contact-from-wrapper {
    padding: 14vh 4vh !important; }
    .contact .contact-from-wrapper input, .contact .contact-from-wrapper textarea, .contact .contact-from-wrapper .submit-form {
      width: 100%; }
  .contact .address-wrapper {
    grid-template-columns: 1fr 1fr;
    padding: 24vh 2vh 4vh 2vh !important; } }
/***********************************************************************************/
/**************************** Tablet Landscape View ******************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /*Home Top Section*/
  video {
    display: none; }

  #home {
    background-size: cover;
    background: url("../img/tablet-bck.png") no-repeat; }

  /*Products Section*/
  .products .product-slider .carousel-indicators {
    top: 50vh; }

  /*Story Section*/


  /*Loaction Section*/
  .location .map-wrapper {
    padding: 21vh 10vh; }

  /*Varieties Section*/
  .grape-varieties .modal-content .areni-wine-description {
    padding: 2vh 7vh 0 7vh; }
  .grape-varieties .modal-content .voskehat-background-wrapper {
    background-position: center; } }
/***********************************************************************************/
@media only screen and (min-width: 1440px) and (max-width: 2550px) {
  /*Home Top*/
  .home-top .wine-bottle-wrapper {
    left: 25vw; }
    .home-top .wine-bottle-wrapper img {
      width: 200px; }
  .home-top .introduction-text {
    padding-top: 400px;
    margin-left: 220px; }

  /*Products*/
  .products .product-slider {
    padding: 20vh 0; }
    .products .product-slider .carousel-control {
      top: 23vh; }
    .products .product-slider .carousel-indicators {
      top: 40vh; }
  .products .modal-content .single-product .product-image {
    width: 20vw; }

  /*Story*/
  
    .story .story-text p {
      padding-bottom: 30px;
      font-size: 20px; }

  /*Vineyards*/
  .vineyards .vineyards-text {
    padding: 25vh 20vh; }
    .vineyards .vineyards-text h1 {
      padding-bottom: 70px; }
    .vineyards .vineyards-text p {
      font-size: 20px; }
  .vineyards .about-terroir {
    padding: 30vh 22vh; 
      height:100vh;
  }
    .vineyards .about-terroir p {
      font-size: 20px;
      font-weight: 300;
    }
    .vineyards .about-terroir p:last-of-type {
      padding-bottom: 100px; }

  /*Location*/
  .location .map-wrapper {
    width: 50vw;
    padding: 34vh 34vh; }
  .location .icons-wrapper {
    padding: 40vh 13vh; }

  /*Varieties*/
  .grape-varieties .modal-content .voskehat-wine-description {
    padding: 23vh 18vh 0 15vh; }
  .grape-varieties .modal-content .areni-wine-description {
    padding: 15vh 17vh 0 17vh; }
  .grape-varieties .modal-content .kharji-wine-description {
    padding: 23vh 18vh 0 15vh; }

  /*Contact*/
  .contact .contact-from-wrapper {
    padding: 23vh 10vh; }
    .contact .contact-from-wrapper h1 {
      padding-bottom: 70px; }
  .contact .address-wrapper {
    grid-template-rows: 60px 286px;
    padding: 37vh 5vh 6vh 8vh; } }


  @media screen and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 2) {
      html,body {
        overflow-x: hidden; }
    .home-top .wine-bottle-wrapper {
    left: 21vw;
  }
  .home-top .wine-bottle-wrapper img {
      width: 150px;
  }
  .products .product-slider .carousel-control {
    top: 32vh;
  }
  .story .story-text {
      height: 100vh;
  }
  .vineyards .about-terroir {
    padding: 19vh 19vh;
  }
  .grape-varieties .grapes-sorts {
      padding: 60px 50px;
      height: 100vh;
  }
  .location .map-wrapper {
    padding: 25vh 25vh;
  }
  .location .icons-wrapper {
    padding: 33vh 13vh;
  }
  .contact .address-wrapper {
      padding: 29vh 5vh 6vh 8vh;
  }
  .contact .contact-from-wrapper {
      padding: 10vh 10vh;
  }
  .products .product-slider .carousel-indicators {
    top: 55vh;
  }
}

@media screen and (min-resolution: 192dpi) {
  html,body {
    overflow-x: hidden; }
  .home-top .wine-bottle-wrapper {
    left: 21vw;
  }
  .home-top .wine-bottle-wrapper img {
    width: 150px;
  }
  .products .product-slider .carousel-control {
    top: 32vh;
  }
  .products .product-slider .view-more-wrapper {
    margin-top: 60px;
  }
  .story .story-text {
    height: 100vh;
  }
  .story .story-text p{
    font-weight:300;
  }
  .vineyards .about-terroir {
    padding: 19vh 19vh;
    height: 100vh;
  }
  .grape-varieties .modal-content .kharji-wine-description p {
    font-weight:300;
}
 .grape-varieties .modal-content .areni-wine-description p {
    font-weight:300;
}
 .grape-varieties .modal-content .voskehat-wine-description p {
    font-weight:300;
}
  .products .product-slider .carousel-inner > .item > a > img, .products .product-slider .carousel-inner > .item > img, .products .product-slider .img-responsive, .products .product-slider .thumbnail a > img, .products .product-slider .thumbnail > img {
    display: inline-block;
}
.products .modal-content .single-product .wine-description-text-right .icons-wrapper {
    padding: 33vh 15vh 10vh 25vh;
}
.products .modal-content .single-product .wine-description-text-left p {
   font-weight:300;
}
.close-prod-1 img {
    width: 35px;
    position: absolute;
    top: 25px;
    right: 25px;
}
  .grape-varieties .grapes-sorts {
    padding: 20px 50px;
    height: 100vh;
  }
  .location .map-wrapper {
    padding: 25vh 25vh;
  }
  .location .icons-wrapper {
    padding: 33vh 13vh;
  }
  .contact .address-wrapper {
    padding: 29vh 5vh 6vh 8vh;
  }
  .contact .contact-from-wrapper {
    padding: 10vh 10vh;
  }
  .products .product-slider .carousel-indicators {
    top: 55vh;
  }
}
/*# sourceMappingURL=style.css.map */