@media only screen and (min-width: 961px) and (max-width: 2000px) /* Smaller than standard 960 (devices and browsers) */ {

    /* Home */
    #main_container{ margin-left: 0 !important;}
    #home_background_wrapper, .backstretch{ left: 0 !important}

}

@media only screen and (min-width: 768px) and (max-width: 960px)/* Smaller than standard 768 (devices and browsers) */ {

    /* Home */
    #home_background_wrapper, #top .home_background_cycle{ min-width: inherit;}
    #header_wrapper{ min-width: inherit;}
    header{ width: 96%;}
    section#first{ min-width: inherit;}
    .home_divider{ min-width: inherit;}
    section#second{ min-width: inherit;}
    .home_divider{ min-width: inherit;}
    section#third{ min-width: inherit;}
    footer{ min-width: inherit;}
    .container{ width: 96%;}
    nav#nav_left ul li{ margin-right: 15px;}
    nav#nav_right ul li{ margin-left: 15px;}
    #brand{ width: 230px; left: 50%; margin-left: -115px;}
    nav ul li a{ font-size: 11px;}
    section#first #sticky_push{ min-width: inherit;}
    #home_background_wrapper .home_background_container .inner_container img.home_background{ width: 100%; min-height: inherit; transform: scale(2.2); -webkit-transform: scale(2.2); -moz-transform: scale(2.2);  transform-origin: center center 0; -webkit-transform-origin: center center 0; -moz-transform-origin: center center 0;}
    #home{ padding-top: 317px;}

    /* our-team */
    section.banner{ min-width: inherit;}
    section.content{ min-width: inherit;}
    section.banner .banner_container{ min-width: inherit;}
    body#winery section.content table td{ padding: 1%; width: 48%;}
    body#winery section.content table td img{ max-width: 100%;}

    /* winery-history */
    #winery_media .winery_media_item{ width: 49%;}
    #winery_media .winery_media_item img{ max-width: 100%;}

    /* awards */
    #accolades_container{ width: 100%;}
    .accolades_img{ width: 42%; margin-right: 2%;}
    .accolades_txt{ width: 56%;}
    body#winery section.content p{ width: auto;}
    #accolades_container h3{ margin-left: 44%;}

    /* visit */
    #cal_options_left{ width: 66%;}
    #cal_options_right{ width: 30%;}
    #cal_options_left li#calendar a, #cal_options_left li#list a, #cal_options_left li#club a{ font-size: 12px;}
    .events_feed_img{ margin-right: 10px; width: 90px;}
    .events_feed_img img{ max-width: 100%; height: auto;}
    #events_feed ul li{ width: 242px; margin-right: 0;}
    .events_feed_txt h3 a{ font-size: 14px;}

    /* Contact */
    #contact_left{ width: 68%; margin: 30px 2% 30px 0;}
    #contact_left iframe{ width: 100%;}
    #contact_right{ width: 30%;}
    #contact_right img{ max-width: 100%;}
    #contact_left form input[type="text"], #contact_left form textarea{ padding: 15px 2%; width: 96%;}

    /* events */
    #related_galleries ul li{ width: 24%;}
    #related_galleries ul li img{ max-width: 100%;}
    .container img{ max-width: 100%;}
    section#cal_detail_content .container{ width: 96%;}

    /* club */
    .membership{ float: none; display: inline-block; vertical-align: top; width: 170px; margin: 15px 10px 15px 0;}
    .membership img{ max-width: 100%;}
    .membership a.signup{ width: 100%; background-size: 168px auto;}

    /* calendar */
    .calender_main_view{ overflow-y: scroll; width: 100%;}
    .calender_main_view #calendar_view{ width: 940px;}
    #cal_list{ width: 100%;}

    #brand img { width: 72% !important;}
    #brand { margin-left: -73px; margin-top: 13px;}
    footer ul li { font-size: 8px; }

    #winery_media .winery_media_item {
        display: inline-block !important;
        vertical-align: top !important;
    }

    #winery_media .winery_media_item img {height: 150px;}


}



@media screen and (max-width: 767px)/* max-width 767px, mobile-only styles, use when QAing mobile issues */{

    /* edits on @v2/23/2016 */
    .reserve-block{display: none}

    /* mobile-nav */
    .mobile-nav{ width:100%; float:right; padding:0; margin:0; display:block; position:relative; right:0; top:0; height:100%; background:none; z-index:0;}
    .mobile-nav li{ padding:0; margin:0; background:none; list-style:none;}
    .mobile-nav li span{ font-size: 20px; padding: 20px 4% 0 20px; display: block; color: #a5884a; text-transform: uppercase; height: 40px; border-bottom: #dfdfcb solid 1px; background: #ffffeb; font-family: "Libre Baskerville",serif;}
    .mobile-nav li a{ font-size:14px; line-height:normal; color:#25221e; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding:8px 20px; font-family: "Libre Baskerville",serif; font-weight: 400; border-bottom: #ffffeb solid 1px;}
    .mobile-nav li a:hover{ color: #25221e;}
    .mobile-nav li a.active{ color:#25221e !important; background:#dfdfcb; text-decoration: none;}
    .mobile-menu-icon{ display:block !important;}
    ul.sub-nav{ display:none; padding:5px; background:#bfbfab;}
    ul.sub-nav li a{ font-size:12px; padding:8px 10px 8px 20px; border-bottom: 1px solid #cfcfbb; color: #fff;}
    ul.sub-nav li a:hover{  color: #fff;}
    .mobile-nav li a.have-sub-menu{ /*background-image: url(/images/site/plus.png); background-position: 90% center; background-repeat: no-repeat;*/ position: relative; }
    .mobile-nav li a.have-sub-menu:after{ position: absolute; content: ''; width: 14px; height: 2px; right: 5%; top: 15px; background: #25221e;}
    .mobile-nav li a.have-sub-menu:before{ position: absolute; content: ''; width: 14px; height: 2px; right: 5%; top: 15px; background: #25221e; transform: translateY(0px) rotate(90deg); -moz-transform: translateY(0px) rotate(90deg); -webkit-transform: translateY(0px) rotate(90deg); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .mobile-nav li a.have-sub-menu.active:before{ transform: translateY(0px) rotate(0deg); -moz-transform: translateY(0px) rotate(0deg); -webkit-transform: translateY(0px) rotate(0deg); opacity: 0;}

    .mobile-nav li a.have-sub-menu.active{ /*background-image: url(/images/site/minus.png);*/}
    .mobile-menu-icon{display:none;}
    .mobile_menu_block{ display: block; padding: 5px 0 0 0; position: relative; z-index: 99;}
    .mobile_menu{ position:relative; width:100%; z-index:9;}
    .mobile-nav li.links_top{ background: #e6a545; margin-top: 10px; padding: 5px 0;}
    .mobile-nav li.links_top a{ color: #fff; font-size: 13px; padding: 6px 20px;}
    .mobile-nav li.links_top a:hover{ background: #e6a545; color: #fff;}
    .mobile-menu-icon span {position: absolute; top: 50%; right: 6px; display: block; padding: 0; width: 13px; height: 2px; background-color: #a5884a; font-size: 0px; -webkit-touch-callout: none;
        -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
    .mobile-menu-icon span:after {position: absolute; left: 0px; width: 100%; height: 100%; background: #a5884a; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: -1px;}
    .mobile-menu-icon span:before{position: absolute; left: 0px; width: 100%; height: 100%; background: #a5884a; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 1px;}
    .mobile-menu-icon span:after { -webkit-transform: translateY(250%); transform: translateY(250%);}
    .mobile-menu-icon span:before {-webkit-transform: translateY(-250%); transform: translateY(-250%);}
    .mobile-menu-icon.active span{-webkit-background: none; 	-moz-background: none; 	-ms-background: none; 	-o-background: none;	background: none;}
    .mobile-menu-icon.active span:before{-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); }
    .mobile-menu-icon.active span:after{-webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top: 1px;}
    #main_container{ position: absolute; left: 0; top:0; width: 100%; /*background: #3f2b1a;*/ z-index: 99;}
    #home_background_wrapper{-webkit-box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); -moz-box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); }
    body#home #main_container{ top: 56px;}
    /*#main_container #top{ display: none;}*/
    body#home .mobile-nav{ top: -165px;}

    /* Home */
    #home_background_wrapper, #top .home_background_cycle{ min-width: inherit; /*height: 187px;*/}
    #header_wrapper{ min-width: inherit; height: 65px; top: 0; position: fixed;}
    header{ width: 92%; height: 48px;}
    section#first{ min-width: inherit; background-position: center top;  background: #24191b url(/images/site/res_img_home_1.jpg) no-repeat center top ; height: 393px !important;}
    .home_divider{ min-width: inherit; background-position: center 26px;  background-size: 870px auto;}
    section#second{ min-width: inherit; background-position: center top;  height: 345px; background: #26221f url(/images/site/res_img_home_2.jpg) no-repeat center top;}
    .home_divider{ min-width: inherit; background-position: center 26px;  background-size: 870px auto;}
    section#third{ min-width: inherit; background-position: center top;  background: #26221f url(/images/site/res_img_home_3.jpg) no-repeat center top;}
    footer{ min-width: inherit; height: auto; background-color: #efefdb;}
    #home footer{position: fixed;bottom: 0;left: 0}
    .container{ width: 92%;}
    nav#nav_left ul li{ margin-right: 15px;}
    nav#nav_right ul li{ margin-left: 15px;}
    #brand{ width: 170px; left: 50%; margin-left: -85px; top: 3px;}
    #brand img{ max-width: 100%;}
    nav ul li a{ font-size: 12px;}
    section#first #sticky_push{ min-width: inherit; height: 178px;}
    .home_callout p{ margin-bottom: 10px; line-height: 20px; font-size: 12px;}
    nav#nav_left, nav#nav_right{ display: none;}
    .home_divider .home_divider_element{ width: 160px; left: 50%; margin-left: -80px;}
    #push{ display: none;}
    #wrapper{ margin: 0 !important; padding: 90px 0 0 0;}
    body#home #wrapper{ padding-top: 0 !important;}
    .home_callout{ width: 100%;}
    #home_background_wrapper .home_background_container .inner_container img.home_background{ width: 100%; min-height: inherit; transform: scale(3.2); -moz-transform: scale(3.2); -webkit-transform: scale(3.2);  transform-origin: center center 0; -webkit-transform-origin: center center 0; -moz-transform-origin: center center 0;}
    #home{ padding-top: 165px;}
    body{background: #efefdb;}
    .home_callout h2{ font-size: 14px;}
    #callout_second{ margin-top: 170px;}
    #callout_third{ margin-top: 160px;}
    .fixed{ left: auto !important;}
    footer ul#footer_text{ float: none; text-align: center; padding-bottom: 5px;}
    footer ul#footer_text li{ display: inline-block; vertical-align: top; float: none; line-height: normal; margin: 0 10px;}
    footer ul#footer_text li.line{ display: none;}
    footer ul#footer_text2{ float: none; text-align: center; padding-bottom: 5px;}
    footer ul#footer_text2 li{ display: inline-block; vertical-align: top; float: none; line-height: normal; margin: 0 10px;}
    footer ul#footer_text2 li.line{ display: none;}
    a{ word-wrap: break-word;}
    .mob_default{ padding-top:0 !important;}

    /*.slidertext{position: absolute;bottom: 100px !important;left: 0 !important}*/

    a.close_menu {position: relative; display: inline-block !important; vertical-align: top; float: right; padding: 0 !important; width: 25px; height: 25px; font-size: 0px; cursor: pointer; z-index: 9; border: none !important; margin: 0 0 0 20px;}
    a.close_menu.active{ background: none !important;}
    a.close_menu:after { background:#a5884a; content: ""; height: 2px; left: 0; position: absolute; top: 10px; transform: translateY(0px) rotate(45deg);  transition: all 0.5s ease 0s;  width: 25px;}
    a.close_menu:before{ background:#a5884a; content: "";  height: 2px; left: 0; position: absolute; top: 10px; transform: translateY(0px) rotate(135deg); transition: all 0.5s ease 0s;  width: 25px;}
    a.mob_home_icon{ width: 22px; height: 22px; display: inline-block !important; vertical-align: top; float: right; background: url(/images/site/home_icon.png) 0 0 no-repeat; padding: 0 !important; border: none !important;}


    /* our-team */
    section.banner{ min-width: inherit; display: none;}
    section.content{ min-width: inherit;}
    section.banner .banner_container{ min-width: inherit;}
    body#winery section.content table{ width: 100%; display: block;}
    body#winery section.content table tbody, body#winery section.content table tbody tr{ width: 100%; display: block; }
    body#winery section.content table td{ padding: 1%; width: 47%; display: inline-block; vertical-align: top;}
    body#winery section.content table td img{ max-width: 100%;}
    body#winery section.content p{ width: 100%;}
    footer ul#social{ text-align: center; height: 50px;}
    footer ul#social li{ display: inline-block; vertical-align: top; float: none;}

    /* winery-history */
    #winery_media .winery_media_item{ width: 49%;}
    #winery_media .winery_media_item img{ max-width: 100%;}
    #sb-nav-next, #sb-nav-previous{ background-size: 100%; width: 25px; height: 40px;}
    #winery_video h2, #winery_gallery h2{ width: 100%; text-align: left; text-indent: 30px; font-size: 12px;}
    #winery_media{ margin-top: 20px;}
    .accolades_txt a.buy{  display: inline-block;  vertical-align: top;}

    /* awards */
    #accolades_container{ width: 100%;}
    .accolades_img{ width: 100%; margin-right: 0; margin-bottom: 10px; height: auto;}
    .accolades_img img{ max-width: 100%; height: auto;}
    .accolades_txt{ width: 100%; text-align: center;}
    body#winery section.content p{ width: auto; line-height: 20px;}
    #accolades_container h3{ margin-left: 0; text-align: center;}
    .accolades_txt ul li p{ line-height: 20px;}
    .accolades{ margin-bottom: 15px; border-bottom: #c5a86a solid 1px; padding-bottom: 15px;}

    /* visit */
    #cal_options_left{ width: 100%; height: auto; text-align: center; margin-bottom: 10px;}
    #cal_options_left li{ float: none; display: inline-block; vertical-align: top;}
    #cal_options_left li#calendar{ display: none;}
    #cal_options{ margin: 15px 0;}
    #cal_options_right{ width: 100%; text-align: center;}
    #cal_options_right ul li{float: none; display: inline-block; vertical-align: top; margin-right: 0; margin-bottom: 5px;}
    #cal_options_left li#calendar a, #cal_options_left li#list a, #cal_options_left li#club a{ font-size: 12px;}
    .events_feed_img{ margin-right: 10px; width: 90px; height: auto;}
    .events_feed_img img{ max-width: 100%; height: auto;}
    #events_feed ul li{ width: 242px; margin-right: 0; margin-top: 20px;}
    .events_feed_txt h3 a{ font-size: 14px;}
    blockquote, q{ font-size: 16px; line-height: 28px; margin-bottom: 10px;}
    blockquote br{ display: none;}

    /* Contact */
    #contact_left{ width: 100%; margin: 10px 0 0 0;}
    #contact_left .dform{ margin: 30px 0 0 0;}
    #contact_left iframe{ width: 100%; height: 200px;}
    #contact_right{ width: 100%;}
    #contact_right img{ max-width: 100%;}
    #contact_left form input[type="text"]{ padding: 5px 2%; width: 96%; height: 20px;}
    #contact_left form textarea{ padding: 5px 2%; width: 96%;}


    /* events */
    #related_galleries ul li{ width: 230px;}
    #related_galleries ul li img{ max-width: 100%;}
    #wedding_links{ width: 100%; height: auto;}
    .container img{ max-width: 100%;}
    section#cal_detail_content .container{ width: 92%;}
    #cal_detail_left{ width: 100%; margin-right: 0; text-align: left; margin-bottom: 10px;}
    #cal_detail_left span{ display: inline-block; vertical-align: top;}
    #cal_detail_right{ width: 100%;}
    #cal_detail_right p img{ float: none !important; max-width: 100%; margin-right: 0 !important;}
    #cal_detail_right p{ width: auto !important;}
    #wedding_links #wedding_social{ border: none; padding: 0; margin: 0 0 10px 0; float: none; display: inline-block; vertical-align: top;}
    #wedding_links > ul{ text-align: center;}
    #wedding_links li{ float: none; display: inline-block; vertical-align: top;}

    /* club */
    .membership{ float: none; display: inline-block; vertical-align: top; width: 170px; margin: 15px 5px 15px 5px;}
    .membership img{ max-width: 100%;}
    .membership a.signup{ width: 100%; background-size: 168px auto;}

    /* calendar */
    .calender_main_view{ overflow-y: scroll; width: 100%;}
    .calender_main_view #calendar_view{ width: 940px;}
    #cal_list{ width: 100%;}
    #cal_list .events_feed_txt p{ width: auto !important;}
    #cal_list ul li{ width: 100%; margin: 20px 0;}
    #cal_list .events_feed_txt{ width: 100%; margin-top: 10px;}

    /* legal */
    body#basic section#default{ width: 92%; min-width: inherit; }
    body#basic #main_container{ background: #25221d;}
    body#basic{ background: #efefdb;}
    body#basic section.content{ padding: 120px 0 20px 0;}

    /* signup */
    body#basic section#email{ width: 92%; min-width: inherit;}
    #email_signup{ width: 100%;}
    #email_signup input[type="text"]{ display: none;}
    #email_signup_txt input[type="text"]{ display: block; padding: 10px 2%; width: 96%; margin-bottom: 0;}
    #email_signup_txt label{ width: 100% !important;}
    #email_signup_txt br{ display: none;}
    #email_signup_txt{ width: 100%; margin-bottom: 20px;}
    #email_signup_form{ width: 100%;}

    #winery_content .winery_body { display: none !important;}
    #winery_content .winery_body_mobile { display: block !important;}
    #winery_media .winery_media_item { display: inline-block !important; vertical-align: top !important;}
    #winery_media .winery_media_item img{ max-width: 155px !important; height: 70px !important;}
    #winery_media #winery_video { margin-left: 2% !important;}


    /* Homepage Banner Text */
    .slidertext {    top: 50% !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    position: absolute;
    width: 60%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    padding: 20px;
    background-color: rgba(0,0,0,.5);
    /*margin: 35% auto;*/}
    .imgquote p{
        font-size: 16px !important;
        line-height: 26px !important;
        margin-bottom: 10px;
    }
    .quoteauthor p{
        line-height: 18px !important;
    }
    .black p{color: #fff !important}

}

@media screen and (max-width: 480px)/* max-width 480px, mobile-only styles, use when QAing mobile issues */{

    /* our-team */
    body#winery section.content table{ margin-bottom: 10px; margin-top: 10px;}
    body#winery section.content table td{ width: 99%; line-height: 22px;}

    /* winery-history */
    #winery_media .winery_media_item{ width: 48%; margin-bottom: 5px;}
}