/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1342px) {
    .banner_main::after {width: 261px;} .banner_main::before {background: inherit;}
    .navigation.navbar-dark .navbar-nav .nav-link {
       padding: 0 14px;
   }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner_main::after, .banner_main::before {background: inherit;}
  .wines h3 {font-size: 31px; line-height: 46px;}
     #myCarousel .carousel-control-prev, 
  #myCarousel .carousel-control-next {top: 95%;}
  .navigation.navbar-dark .navbar-nav .nav-link {color: #000}
  
}

@media (min-width: 768px) and (max-width: 991px) {
   .banner_main::after, .banner_main::before {background: inherit;}
    #myCarousel .carousel-control-prev, 
  #myCarousel .carousel-control-next {top: 87%;}
  .navigation.navbar-dark .navbar-nav .nav-link {color: #000}
   .navigation.navbar-dark .navbar-nav .nav-link {
       padding: 0 14px;
   }
   .text-bg h1 {
       padding-top: 0px;
       font-size: 28px;
       line-height: 38px;
   }
   .store .store_box p {font-size: 15px; line-height: 22px; padding: 10px 0px 13px 0px;}
  .wines h3 {font-size: 23px; line-height: 34px;}
  
}

@media (min-width: 576px) and (max-width: 767px) {
  .banner_main::after, .banner_main::before {background: inherit;}
   .mean-container .mean-bar {
       margin-top: 0px;
   }
   .text-bg h1 {
       font-size: 50px;
   }
   
    .wines h3 {font-size: 34px;}
   .wines {padding-bottom: 40px;}
  .store .store_box h3 {padding-top: 30px;}
   .navigation.navbar {
       float: right;
       display: inherit !important;
       padding: 0;
       width: 100%;
   }
   .navigation .navbar-collapse {
       background: #fe0131;
       padding: 20px;
       margin-top: 46px;
       position: absolute;
       width: 100%;
       margin-right: 20px;
       z-index: 999;
   }
   .navigation.navbar-dark .navbar-nav .nav-link {
       padding: 10px 0;
       color: #fff;
   }
   .navigation.navbar-dark .navbar-toggler {
       border: inherit;
       float: right;
       padding-top: 6px;
   }
   .navigation.navbar-dark .navbar-toggler-icon {
       background: url(../images/menu_icon.png);
       background-repeat: no-repeat;
   }
  #myCarousel .carousel-control-prev, 
  #myCarousel .carousel-control-next {display: none;}
}

@media (max-width: 575px) {
  .banner_main::after, .banner_main::before {background: inherit;}
   .header {
       padding: 12px 0px 0px 0px;
   }
   .logo {
       text-align: center !important;
       padding-bottom: 6px;
       float: left;
   }
   .text-bg h1 {
       font-size: 33px;
       line-height: 51px;
   }
   
   .titlepage h2 {
       font-size: 35px;
       line-height: 50px;
   }
   .wines h3 {font-size: 19px; line-height: 32px;}
  .wines {padding-bottom: 40px;}
   .store .store_box h3 {padding-top: 30px;}
   .navigation.navbar {
       float: right;
       display: inherit !important;
       padding: 0;
       width: 100%;
       margin-top: -45px;
   }
   .navigation .navbar-collapse {
       background: #fe0131;
       padding: 20px;
       margin-top: 46px;
       position: absolute;
       width: 100%;
       margin-right: 20px;
       z-index: 999;
   }
   .navigation.navbar-dark .navbar-nav .nav-link {
       padding: 10px 0;
       color: #fff;
   }
   .navigation.navbar-dark .navbar-toggler {
       float: right;
       margin-right: 2px;
       border: inherit;
   }
   .testimonial_box {
       padding: 0px 19px 40px 20px;
   }
   .navigation.navbar-dark .navbar-toggler-icon {
       background: url(../images/menu_icon.png);
       background-repeat: no-repeat;
   }
   #myCarousel .carousel-control-prev, 
  #myCarousel .carousel-control-next {display: none;}
}