@import url("./styles/andy_slider.css");

.flexslider-no-auto {
    clear:both;
}

/*
Contact Form
*/

.medium {
  background: #f3f3f3;
  border: solid 1px #f3f3f3;
  margin-top: 0;
  padding: 5px 10px;
  width: 90%;
  margin: 0;
  margin-bottom: 10px;
  margin-top:8px;
 }

textarea.small {
  background: #f3f3f3;
  border: solid 1px #f3f3f3;
  padding: 0 10px;
  margin-top:8px;
}

div#contact-form, div#reservation-form {
    display: block;
    width: 590px;
    float: left;
    overflow: hidden;
    background: #fff;
    position: absolute;
    padding: 90px 50px 0 50px;
    top: 0;
    right: 30%;
    z-index: 99;
    overflow-y: none;
}

div#contact-form-mobile, div#reservation-form-mobile {
    display: none;
    visibility: hidden;
    background: #fff;
    padding: 30px 40px 50px 40px;
}

.close-contact {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 3px;
    right: 1px;
    color: white;
    cursor: pointer;
    text-align: center;
    background: url('./images/close-drk.png') no-repeat;
}

.button.desktop-contact-button {
    display: inline-block;
    margin: 20px 0 30px 0;
    visibility: visible;
}

#mobile-contact-button, #mobile-reserve-button {
    display: none;
    visibility: hidden;
}

div.contact-map iframe.mobile-map {
    display: none;
    visibility: hidden;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
margin-top: 0!important
}

/* -- CONTACT -- */
.contact-overall-container {
    width: 1440px;
    height: 620px;
    overflow: hidden;
}

div#contact-form, div#reservation-form {
    padding-top: 25px;
    height: 96%;
    width: 590px;
}

div.contact-map iframe {
    display: block;

    position: relative;
    z-index: 1;
    width: 1440px;
    height: 620px;
    margin: 0 auto;
    min-height: 300px;
    min-width: 260px;
}

div.contact-address {
    background: #fff;
    display: block;
    height: 100%;
    float: right;
    max-height: 1184px;
    min-height: 300px;
    padding: 50px 40px 0 40px;
    position: absolute;
    right: 0;
    width: 20%;
    z-index: 100
}

div.contact-address h3 {
    margin-top: 20px;
}

div.contact-address h3:first-child {
    margin-top: 0;
}

div.gform_heading h3.gform_title {
    border: none;
    color: #333;
    font-size: 160%;
    margin-bottom: 16px;
    padding: 0;
}

span.gform_description {
    display: block;
    margin-bottom: 16px
}

.gfield_description {
    display: inline-block;
    font-family: Georgia, sans-serif!important;
    font-size: 76%!important;
    font-style: italic;
}


li#field_1_2 {
    display: block;
    width: 90%
}

li.gchoice_1_0 input, li.gchoice_1_1 input {
    display: inline;
    margin-right: 10px
}

li#field_1_2.gfield label {
    display: inline;
    /*float: left;*/
    margin-right: 20px
}

li#field_1_2.gfield select {
    display: inline;
}

.gform_wrapper {
    position: relative;
}

#gform_wrapper_1 {
    overflow: none
}

.gform_wrapper input[type="submit"] {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
}

.gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li {
overflow: visible!important;
}

.gform_wrapper .top_label .gfield_label {
    font-size: 76%;
    font-weight: normal!important;
    margin: 0!important;
}

label.gfield_label {
    padding-left: 10px
}

textarea.small {
background: #f3f3f3;
border: solid 1px #f3f3f3;
padding: 0 10px;
}

/*
select#input_1_2, input#input_1_4, select#input_1_6, select#input_1_7, input#input_1_8, input#input_3_8, input#input_3_4, input#input_3_9, input#input_1_9 {
    background: #f3f3f3;
    border: solid 1px #f3f3f3;
    height: 20px;
    margin-top: 0;
    padding: 0 10px;
    width: 90%;
}

textarea#input_1_5, textarea#input_3_5 {
    background: #f3f3f3;
    border: solid 1px #f3f3f3;
    margin-top: 0;
    padding: 0 10px;
}

input#input_1_4, input#input_1_8, input#input_3_4, input#input_3_8, input#input_3_9, input#input_1_9, textarea#input_1_5, textarea#input_3_5 {
    margin: 0;
    margin-bottom: 10px
}

select#input_3_2 {
    min-width: 120px;
    width: auto
}

div[.field_description.validation_message] {
   padding: 0!important;
}

select#input_1_6 {
    display: block;
    margin: 0 0 9px 0;
    width: 96%
}

select#input_1_7 {
    display: block;
    margin: 0 0 9px 10px;
    width: 96%
}

select#input_1_2 {
    display: block;
    margin: 0 0 9px 10px;
    width: auto
}

select#input_1_2 {
    width: 100%;
    max-width: 100px;
}
*/

li#field_1_10 {
    margin-top: 5px!important
}

#field_1_10 label, #field_1_11 label, li#field_1_6 span.gfield_required {
    display: none;
    visibility: hidden;
}

span.contact-title {
    display: block;
    text-transform: uppercase;
    font-family: 'nexa_bookregular', sans-serif;
    margin-bottom: 10px;
}

.gform_wrapper select {
    -moz-border-radius: 0;
    -webkit-appearance:none;
    -webkit-border-radius: 0;
    background: #f3f3f3 url('images/contact-select-arrow-down.png') right no-repeat !important;
    border: none;
    border-radius: 0;
    color: #2b2b2b;
    display: inline;
    font-family: 'nexa_bookregular';
    font-size:  68.8%;
    font-weight: lighter;
    height: 32px!important;
    outline: none;
    padding: 0 15px 0 10px !important;
    text-decoration: none;
    max-width: 100%;
    width: 98%;
}

textarea#input_1_5 {
    height: 120px;
    margin-right: 0
}

input#gform_footer input.button {
    border: none
}



.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    margin-bottom: 0!important;
margin-top: 0!important;
}

/* END CONTACT FORM */

.flex-content-container:before, .wine-container:before, .flex-gallery:before, .flex-gallery ul:before, .content-box-with-image:before, .portfolio:before, .portfolio li:before,
.flex-content-container:after,
.wine-container:after,
.flex-gallery:after,
.flex-gallery ul:after,
.content-box-with-image:after,
.portfolio:after,
.portfolio li:after {
    content: "";
    display: table;
}

.flex-content-container:after, .wine-container:after, .flex-gallery:after, .flex-gallery ul:after, .content-box-with-image:after, .portfolio:after, .portfolio li:after {
    clear: both;
}

.flex-content-container, .wine-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    overflow: hidden;
}

.flex-content-container .flexslider {
    background: #1f0700;
    clear: left;
    float: left;
    padding-left: 0;
    width: 100%;
}

.bottle-container, .bottle-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bottle-container {
    clear: left;
    float: left;
    padding: 0;
    position: relative;
    width: 56%;
    z-index: 1
}

.bottle-container span {
    width: 100%;
    display: block;
    float: left;
    overflow:hidden;
    padding-bottom: 30px;
    z-index: 2;
}

.bottle-container span img {
    display: block;
    height: auto;
    margin: 10px auto 0 auto;
    max-width: 33%
}

.zoomImg { background: white; margin-top: 0; padding-bottom: 100px; }

.bottle-content {
    float: left;
    min-height: 100%!important;
    padding: 30px 90px 40px 0;
    width: 44%;
}

div.bottle-content span.tasting-title {
    display: block;
    color: #000;
    font-weight: bold;
    margin-top: 20px
}

span.tasting-note { display: none }

blockquote.tasting-note-quote {
    display: none;
    position: absolute;
    top: 50%;
    right: 45px;
    width: 30%;
    font-style: italic;
    padding: 30px 0;
    border-top: 1px solid #dac378;
    border-bottom: 1px solid #dac378;
}
blockquote.tasting-note-quote cite {
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    clear: both;
    margin-top: 30px;
}

.bottle-container .dropdown {
    position: absolute;
    bottom: 0;
    left: 170px;
    z-index: 99;
    width: 100%
}

.bottle-container .dropdown h3 {
    background: #fff;
    display: block;
    font-family: 'nexa_bookregular';
    font-size: 90%;
    max-width: 156px;
    text-transform: uppercase;
}

.bottle-container .magnify {
    display: none;
    visibility: hidden;
    /* position: absolute;
    bottom: 0;
    right: 30px;
    z-index: 99; */
}

.magnify .plus, .magnify .minus {
    display: inline-block;
    width: 21px;
    height: 21px;
    cursor: pointer;
}

.magnify .plus {
    background: url('images/zoom-plus.png') no-repeat center center;
}
.magnify .minus {
    background: url('images/zoom-minus.png') no-repeat center center;
}

.slideshow {
    float: left;
    clear: both;
    margin-bottom: 30px;
}

.social {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: left;
    float: left;
    width: 29%;
    padding: 30px 80px;
}

.social img { min-width: 23px; min-height: 23px; }

.content-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 71%;
    padding: 18px 0
}

.content-box blockquote {
    display: block;
    color: #c5a12a;
    font-size: 162.5%;
    margin-right: 50px;
    padding: 4px 25px 12px 25px;
    border-top: 1px solid #c5a12a;
    border-bottom: 1px solid #c5a12a;
}

.content-box blockquote + cite {
    color: #c5a12a;
    display: block;
    font-family: 'nexa_bookregular';
    font-size: 125.0%;
    font-style: normal;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 25px;
    text-transform: uppercase
}

.flex-gallery {
    float: left;
    clear: left;
    display: block;
    padding: 30px 0;
    background: #faf9f7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.flex-gallery > h5 {
    display: block;
    width: 70%;
    float: right;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 90px;
}

.flex-gallery ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    font-size: 0;
    list-style: none;
    width: 70%
}

.flex-gallery ul li {
    width: 33.3%;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 5%;
}
.flex-gallery ul li img {
    display: block;
    margin-bottom: 15px;
    max-width: 190px!important;
    width: 100%
}

.flex-gallery ul li p {
    display: block;
    font-size: 14px;
    font-style: italic;
}
.flex-gallery ul li p:before {
    /*content: "· ";*/
}

.content-box-with-image {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #faf9f7;
    clear: left;
    display: block;
    float: left;
    margin-bottom: 35px;
    padding: 35px 85px;
    width: 100%
}

span.cbwi-text {
    display: block;
    float: right;
    max-width: 66.2%
}

span.cbwi-image {
    display: block;
    float: left;
    width: 33%;
    padding-right: 50px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

span.cbwi-image img {
    width: 100%;
}

.content-box-with-video {
    float: left;
    clear: left;
    display: block;
    width: 100%;
    height: auto;
    background: #faf9f7;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 90px;
}

div.flex-content-container div.content-box h5, div.flex-content-container div.content-box h5 a {
    color: #c39e24;
    font-size: 90%
}

.content-box-vintage-dropdown {
    float: left;
    clear: left;
    display: block;
    background: #faf9f7;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 90px;
}
.content-box-vintage-dropdown .inner-content {
    float: left;
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.content-box-vintage-dropdown div.inner-content h2 { font-weight: bold }

.content-box-vintage-dropdown .inner-content span {
    display: block;
    width: 66%;
    float: left;

}
.content-box-vintage-dropdown form {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    padding-left: 60px;
    text-align: center;
    width: 25%
}

.content-box-vintage-dropdown form select { margin-top: 3px }

.content-box-vintage-dropdown img {
    width: 34%;
    float: left;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio-container {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #f0efeb;
    box-sizing: border-box;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 53px 90px 76px 90px !important;
    position: relative;
    zoom: 1
}

.portfolio {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #f0efeb;
    box-sizing: border-box;
    clear: left;
    display: block;
    float: left;
    top: 37px;
    overflow: hidden;
    position: relative;
    width: 100%
}

span.portfolio-title {
    border-left: solid 1px #f0efeb;
    color: #8c856f;
    display: inline;
    font-family: 'nexa_bookregular';
    font-size: 120%;
    min-height: 20px;
    position: relative;
    text-transform: uppercase;
    top: 23px;
}

.portfolio li {
    display: block;
    position: static;

}
.portfolio.slides li img {
    width: 65%;
    height: auto;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 15px solid white;
}

.portfolio-container .flex-direction-nav .flex-prev {
    left: 57.2%;
    top: 24px;
}

.portfolio-container .flex-direction-nav .flex-next {
    left: 59.9%;
    top: 24px
}

.portfolio.slides li .caption {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    padding-left: 30px;
    width: 35%
}


.portfolio.slides li .caption strong {
    color: #000;
    font-family: 'nexa_bookregular'
}

.portfolio.slides li cite {
    display: block;
    position: relative;
    margin-top: 30%;
    padding-top: 15px;
    padding-left: 0;
    font-style: normal;
}
.portfolio.slides li cite strong {
    display: block;
    font-family: 'nexa_bookregular'!important;
    font-size: 68.8%;
    text-transform: uppercase;
}
.portfolio.slides li cite:before {
    position: absolute;
    top: -15px;
    content: "";
    background: #c5a12a;
    width: 100px;
    height: 1px;
}

.full-width-slideshow {
    float: left;
    clear: left;
    overflow: hidden;
}

.full-width-slideshow li {
    position: relative;
}

.full-width-slideshow li .caption {
   /* -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: rgba(31,7,0,0.58);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: 'nexa_bookregular'!important;
    font-size: 93.8%;
    margin: 0;
    padding: 15px 0;
    padding-left: 325px;
    position: absolute;
    width: 100%; */

    display: none;
    visibility: hidden
}

.full-width-slideshow .buttons {
    position: absolute;
    right: 0;
    top: 0;
}


.buttons li {
    text-indent: -9999px;
    width: 30px;
    height: 67px;
    cursor: pointer;
}

.buttons .previous {
    background: url('images/flex-slider-button-previous.png') no-repeat;
}

.buttons .next {
    border-top: 3px solid #220c03;
    background: url('images/flex-slider-button-next.png') no-repeat;
}

.other-pages {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: left;
    display: block;
    float: left;
    margin-top: 56px;
    padding: 0;
}
.other-pages ul {
    font-size: 0;
    list-style: none;
    margin: 27px 0 72px 85px;
    width: 100%;
}

.other-pages ul li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: 160px;
    margin-right: 50px;
    padding: 0;
    vertical-align: bottom;
    width: 269px;
}

.other-pages ul li p {
    margin-top: -5px;
    min-height: 40px;
    margin-bottom: 0;
    padding: 10px;
    border: 1px solid #d3d0c8;
}

.other-pages ul li img {
    max-width: 267px!important
}

.other-pages ul li:last-child { margin-right: 0 }

.other-pages ul li img { border: 1px solid #d3d0c8 }

.other-pages ul li a { color: #333 }

@media all and (max-width: 1015px) {



    div#contact-form, div#reservation-form {
        padding-top: 60px;
        height: auto;
        width: 50%;
    }

    div.contact-map iframe {
        display: block;

        position: relative;
        z-index: 1;
        width: 100%;
        height: 800px;
        margin: 0 auto;
        min-height: 300px;
        min-width: 260px;
    }

    .full-width-slideshow li .caption {
        padding-left: 0;
        position: absolute;
        text-align: center;
    }
}
@media all and (max-width: 767px) {
    .contact-overall-container {
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half, select#input_1_6, select#input_3_6, select#input_3_7, select#input_1_7 {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    div#contact-form, div#reservation-form .gf_right_half, div#contact-form-mobile .gf_right_half, div#reservation-form-mobile .gf_right_half {
        float: left;
        clear: left !important;
    }
    div#contact-form, div#reservation-form .gf_right_half select, div#contact-form-mobile .gf_right_half select, div#reservation-form-mobile .gf_right_half select, div#contact-form, div#reservation-form .gf_right_half label, div#contact-form-mobile .gf_right_half label, div#reservation-form-mobile .gf_right_half label {
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 5px;
    }

    [class^="content-box"], .flex-gallery {
        float: none;
        clear: both;
        width: 100%;
        padding: 30px 45px;
    }
    .content-box-with-image img {
        float: none;
        display: block;
        margin: 0 auto 15px auto;
    }

    .flex-gallery > h5 {
        display: block;
        width: 100%;
        float: none;
        padding: 0 45px;
    }

    .flex-gallery ul {
        width: 100%;
        float: none;
        display: block;
        clear: both;
        padding-left: 0;
    }
    .portfolio-container {
        padding: 45px 30px !important;
    }
    .portfolio.slides li img {
        width: 100%;
        height: auto;
        float: none;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border: 0;
        padding: 15px;
        background: white;
    }

    /*.portfolio-container .flex-direction-nav .flex-prev {
        border: solid 1px red;
        left: 57.2%;
    top: 1px
    }

    .portfolio-container .flex-direction-nav .flex-next {
        left: 59.9%;
    top: 24px
    }
*/

    .portfolio.slides li .caption {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 300px;
        width: 100%;
        float: left;
        clear: both;
        padding-left: 0;
    }
    .portfolio.slides li cite {
        display: block;
        position: relative;
        margin-top: 10px;
        padding-top: 15px;
        padding-left: 0;
        font-style: normal;
    }
    .portfolio.slides li cite strong {
        display: block;
    }
    .portfolio.slides li cite:before {
        position: absolute;
        top: -10px;
        content: "";
        background: #c5a12a;
        width: 100px;
        height: 1px;
    }
    .bottle-container {
        width: 100%;
        clear: both;
        float: none;
        overflow: hidden;
        padding-left: 30px;
    }
    .bottle-content {
        width: 100%;
        clear: both;
        padding: 20px;
    }
    span.zoomable {
        margin-bottom: 30px;
    }
    .bottle-container span img:first-child {
        max-height: 600px;
    }
    .bottle-container .dropdown {
        position: static;
        display: block;
        clear: both;
        margin: 30px auto 0 auto;
    }
    blockquote.tasting-note-quote {
        top: 20%;
    }

    .content-box-vintage-dropdown {
        overflow: hidden;
    }

    .content-box-vintage-dropdown .inner-content span {
        display: block;
        width: 100%;
        float: left;
        clear: left;

    }
    .content-box-vintage-dropdown form {
        width: 25%;
        float: right;
        padding-left: 10px;
    }
    .content-box-vintage-dropdown img {
        width: auto;
        display: block;
        margin: 0 auto 20px auto;
        float: none;
        clear: both;
        padding-right: 0;
    }
    .social {
        width: 100%;
        padding: 30px 45px 0 45px;
    }
    .other-pages {
        margin-top: 30px;
        padding: 0 45px;
    }
    .other-pages ul {
        width: 100%;
        margin: 30px 0;
        list-style: none;
        font-size: 0;
    }
    .other-pages ul li {
        padding: 10px;
        font-size: 12px;
        margin-right: 0;
    }
    .other-pages ul li p {
        margin-top: -5px;
        padding: 5px 5px 15px 5px;
        border: 1px solid #d3d0c8;
    }
}

@media all and (max-width:625px) {

    .full-width-slideshow li .caption {
        display: none;
        visibility: hidden;
    }
    div#contact-form, div#reservation-form {
        display: none;
        visibility: hidden;
    }
    div.contact-address {
        float: none;
        width: 100% !important;
        position: relative;
        padding-top: 30px;
        min-height: 0;
        max-height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    div#contact-form-mobile {
        display: none;
        visibility: hidden; 
    }
    .button.desktop-contact-button, .button.desktop-reserve-button {
        display: none;
        visibility: hidden;
    }
    #mobile-contact-button, #mobile-reserve-button {
        display: inline-block;
        visibility: visible;
        margin-bottom: 10px;
    }
    #contact-form-mobile + iframe, #reservation-form-mobile + iframe {
        display: none;
    }
    div.contact-map iframe.mobile-map {
        /*display: block;*/
        visibility:visible;
        max-height: 300px;
    }

    div.content-label {
        background: #fff;
        margin: 0 auto;
        padding: 10px;
        width: 100%
        }

    ul.label-display li { display: block }

    li.label-image {
        float: none;
        max-width: 100%;
    }

    li.label-text {
    float: none;
    margin-left: 0;
    max-width: 100%;
    }


    span.cbwi-text {
        display: block;
        float: none;
        max-width: 100%
    }

    span.cbwi-image {
        display: block;
        float: none;
        width: 100%;
        padding: 0;
    }

    span.cbwi-image img {
        width: 100%;
        height: auto;
    }

}

@media all and (max-width: 450px) {
    .gform_wrapper input[type="submit"] {
        position: relative !important;
        bottom: 0 !important;
        right: 0 !important;
        clear: both;
        float: left;
    }
}


@media all and (max-width: 400px) {


    [class^="content-box"], .flex-gallery {
        padding: 20px;
    }
    .flex-gallery ul li {
        width: 100%;
        display: block;
        float: none;
        padding-right: 0;
        margin: 10px 0;
    }
    .flex-gallery ul li img {
        display: block;
        margin: 0 auto;
    }
    .flex-gallery ul li p {
        text-align: center;
        margin: 10px 0 30px 0;
    }
    .portfolio-container {
        padding: 15px !important;
    }
    .bottle-container {
        margin-bottom: 20px;
    }
    .bottle-container span img:first-child { max-height: 350px }

    div.flex-content-container div.portfolio-container { min-height: 500px!important}
    span.zoomable { margin-bottom: 30px }

    .bottle-container .dropdown {
        position: static;
        display: block;
        clear: both;
        margin: 30px auto 0 auto;
    }
    .bottle-container ul.magnify { display: none; }
    blockquote.tasting-note-quote {
        top: 10%;
        font-size: 12px;
    }
    .content-box-vintage-dropdown .inner-content {
        width: 100%;
    }
    .content-box-vintage-dropdown form {
        width: 100%;
        float: none;
        clear: both;
        padding-left: 0;
        margin-bottom: 20px;
    }
    .content-box-vintage-dropdown img {
        width: 100%!important;
        display: block;
        margin: 0 auto;
        float: none;
        clear: both;
        padding-bottom: 10px;
        padding-right: 0;
    }

    div.inner-content span h1 { margin-bottom: 10px }
    .social {
        padding: 20px 20px 0 20px;
    }
    .other-pages {
        margin-top: 30px;
        padding: 0 20px;
    }
    .other-pages ul {
        width: 100%;
        margin: 30px 0;
        list-style: none;
        font-size: 0;
    }
    .other-pages ul li {
        width: 100%;
        padding: 0;
        font-size: 12px;
        margin-bottom: 15px;
    }
    .other-pages ul li img {
        width: 100%;
        display: block;
    }
    .other-pages ul li a {
        display: block;
        width: 100%;
    }
}