@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1250px) {
.tastingNotes .aboutSecondHalf:after { border-bottom-width: 282px; border-right-width: 164px; }
}
@media (max-width:1210px) {
.blogRight img { max-width: 90%; margin: -4px 0 0 0; }
.productRight { margin: 0 34px 0 0; }
.aboutHalfs + .ourStory { background-position: center top; }
    .blogImg .btn {margin-left: -77.5px;}
}
@media (min-width:1100px) {
.cidery-sec .container, .ourStory .container, .site-header .container { width: 1000px; }
}
@media (max-width:1100px) {
.caption-left { left: 20px; }
.caption-right { right: 20px; }
.container { padding-left: 10px !important; padding-right: 10px !important; max-width: 100%; }
.tabItems > img { height: 277px; }
.productLeft { width: 520px; }
.productRight { margin: 0 0 0 0; }
}
@media (max-width:1050px) {
.container { width: 768px; }
.header-bottom ul li a { font-size: 15px; }
/*    .header-bottom ul li.logo-destop {width: 160px; margin: 0 5px 0 -5px;}*/
.header-bottom ul li.logo-destop a { bottom: -33px; margin: 0; }
.header-bottom ul li { margin: 0 16px 0 0; }
.blogRight { max-width: 40%; }
.productMain .container { width: 100%; position: relative; }
.tastingNotes .aboutSecondHalf:after { border-bottom-width: 172px; border-right-width: 114px; }
}
/*------------tablet portrait  view------*/
@media (max-width:991px) {
.footer-menu { padding: 42px 0 0 20px; }
.follow-right { padding: 44px 20px 24px 0; }
.aboutHalfs-cont { padding: 0 15px; max-width: 100%; }
.eventRow { max-width: 100%; }
ul.tabs { max-width: 100%; }
.productLeft { position: relative; width: 100%; justify-content: center; }
.productMobile { padding: 0 0 37px 0; justify-content: center; }
.productRight { width: 70%; float: none; margin: 0px auto; }
.productTable { margin: 45px 0 0 0; }
.productRight:after { content: ''; height: 140px; width: 100%; position: absolute; top: -140px; background: #bc3b18; z-index: -1; left: 0; }
.ProdLogo { padding: 0 10px 0 10px; }
.error-404 .page-header h1 { font-size: 80px; }
.tastingNotes .aboutSecondHalf:after { border-bottom-width: 142px; border-right-width: 84px; }
    .blogImg .btn {transform: scale(0.8); -webkit-transform: scale(0.8);}
}
@media (max-width:800px) {
.header-bottom ul li a { font-size: 15px; }
.site-header:not(.stickyHeader) .header-bottom ul li.logo-destop { width: 130px; }
.site-header:not(.stickyHeader) .header-bottom ul li.logo-destop a { bottom: -33px; width: 130px; margin: 0 0 0 5px; }
.header-top { min-height: 120px; }
.site-content-contain { padding: 180px 0 0 0; }
}
/*------------mobile landscape  view------*/
@media (min-width:768px) {
.mobile-bg { background: none !important; }
.productMobile { background: none !important; }
.cidery-sec .mobile-bg, .ourStory .mobile-bg { display: -webkit-flex; display: flex; }
.mobile-img { display: none; }
}
@media (max-width:767px) {
    .header-logos { display: block; }
    .site-header { position: fixed; }
    .stickyHeader.site-header { animation: none; -webkit-animation: none; }
    .stickyHeader.site-header .header-top { display: block; }
    .header-bottom ul li.logo-destop { display: none; }
    .logo-mobile { display: block; padding: 19px 0 0 21px; }
    .header-top { min-height: 72px; border-bottom: 3px solid #d2b786; background: #45819a; }
    .menu-box { display: block; z-index: 101; }
    .header-bottom { position: fixed; top: 0; right: 0; left: 0; height: 100vh; background: #f4f6e7; z-index: 100; display: none; border: 0px; }
    .header-bottom ul { -webkit-flex-flow: column; flex-flow: column; }
    .header-bottom ul li { text-align: center; padding: 0; margin: 0 0 16px 0; }
    .header-bottom ul li a { font-size: 18px; color: #cdb888; }
    .header-bottom ul li ul.sub-menu { position: relative; width: 100%; opacity: 1; pointer-events: all; top: 0; left: 0 !important; box-shadow: none; transition: none; -webkit-transition: none; display: none; }
    .header-bottom ul li ul.sub-menu ul { top: 0; left: 0; }
    .navbar .footer-sm { margin: 27px 0 0 0; }
    .navbar .footer-sm a { color: #d2b786; font-size: 20px; margin: 0 18px; display: inline-block; }
    .navbar .footer-sm a:hover { color: #bc3b18; }
    .enumenu_ul li .arrow { width: 25px; height: 25px; position: absolute; top: -4px; left: 100%; color: #bc3b18; font-family: "FontAwesome"; font-size: 18px; text-align: center; line-height: 26px; }
    .enumenu_ul li .arrow:before { content: '\f0d7'; }
    .enumenu_ul li .arrow.active:before { content: '\f0d8'; }
    .header-bottom ul li ul.sub-menu .arrow { top: 1px; }
    .footer-sm { text-align: center; }
    .header-bottom .container { display: -webkit-flex; display: flex; height: 100%; -ms-align-items: center; align-items: center; justify-content: center; }
    .site-content-contain { padding: 72px 0 0 0; }
    .item { min-height: 168px; }
    .caption-right img { max-width: 176px; }
    .caption-left { display: none; }
    .craftcider { background-size: cover; background-repeat: no-repeat; background-image: none !important; }
    .craftcider h1 { margin: 53px 0 22px 0; }
    .craftcider h1 img { max-width: 217px; }
    .craftcider li { width: 50%; padding: 0 10px 40px; }
    .craftcider li img { margin: 0 0 13px 0; }
    .btn { font-size: 12px; min-width: 145px; padding: 11px 10px 8px; }
    .craftcider .btn { width: 100%; min-width: inherit; }
    .tabDetails .btn { display: table; }
    .cidery-sec:after { display: none; }
    .mobile-bg { background-size: cover; background-repeat: no-repeat; }
    .craftcider .mobile-bg {background-size: 100%;background-color: #bc3b18; }
    .cidery-sec .cidery-right { position: absolute; top: 90px; left: 0; right: 0; }
    .cidery-sec .container, .ourStory .container { flex-flow: column; padding: 67.5% 10px 50px; min-height: inherit; text-align: center; }
    .cidery-sec .btn, .ourStory-right .btn { margin: 0px auto; }
    .cidery-sec p, .ourStory p { margin: 0 0 14px 0; }
    .cidery-sec h2 { margin: 0 0 7px 0; }
    .cidery-sec h2 img, .ourStory h2 img { max-width: 36%; }
    .cidery-left, .ourStory-right { max-width: 100%; }
    .knot-divider { display: none; }
    .instagramFollow { padding: 49px 0; }
    .instagramFollow > img { max-width: 43%; }
    .instagramFollow .container > img { max-width: 137px; }
    .instaCont { margin: 26px 0 0 0; border-top: 2px solid #d2b786; padding: 12px 0 5px 0; }
    .sb_instagram_header { border-top: 2px solid #d2b786; margin: 14px 0 15px !important; }
    #sb_instagram .sb_instagram_header h3  { font-size: 15px; margin: -13px 0 0 0 !important; }
    #sb_instagram .sb_instagram_header p.insta-has{ font-size: 15px;padding-left: 15px;
    margin-left: 15px;}
    .site-footer { flex-flow: column; align-items: center; background-color: #45819a; background-position: center top; background-size: 1280px; }
    .follow-right { margin: 0 auto; padding: 13px 0 24px 0; text-align: center; }
    .follow-right img { display: none; }
    .footer-logo { background: none; padding-top: 30px; }
    .footer-logo img { max-width: 92px; }
    .footer-menu li { text-align: center; }
    .footer-menu { padding: 14px 0 0 0; }
    .footer-sm { margin: 0; }
    .follow-right h4 { font-size: 22px; letter-spacing: 0.14em; margin: 0 0 -12px 0; }
    .footer-sm a { margin: 0 10px }
    /*about us*/
    .page-hd { height: 165px; }
    .page-hd img { transform: scale(0.5); -webkit-transform: scale(0.5); }
    .page-hd p { margin-top: -9px; line-height: 1; }
    .aboutHalfs { flex-flow: column; min-height: inherit; background-image: none !important; }
    .aboutFirstHalf { width: 100%; min-height: 100px; }
    .aboutFirstHalf .aboutHalfs-cont { min-height: 500px; display: -webkit-flex; display: flex; flex-flow: column; justify-content: center; align-items: center; }
    .aboutFirstHalf .aboutSecondHalf { padding: 60px 48px 26px; }
    .ourStory + .aboutHalfs .aboutFirstHalf { min-height: 370px; display: block; }
    /*featured story*/
    .featuredStories .container { flex-flow: column; }
    .featuredStories .stories { width: 100%; margin: 0 0 20px 0; }
    .featuredStories h2 { font-size: 28px; padding: 0 0 4px 0; }
    .featuredStories { padding: 56px 0 16px 0; }
    .featuredStories .storiesImg { padding: 0 0 58% 0; }
    .featuredStories .stories h3 { font-size: 25px; }
    .storyPostMain { padding: 28px 0 0 0; }
    .storyPostDate { position: relative; column-count: 2; -webkit-column-count: 2; display: inline-block; padding: 7px 0 0 0; }
    .storyDetails { display: none; }
    .storyDetails.mobile { display: block; padding: 37px 0 0 0; text-align: center; }
    .storyPost { margin: 22px 0 72px; }
    .storyPostTitle { margin: 0 0 -9px 0; }
    .storyPostTitle h3 { font-size: 24px; letter-spacing: 0.14em; }
    .storyPostMain img { margin: 0 0 7px 0; }
    .storyPostSec p br { display: none; }
    .storyPostImgs { padding-bottom: 45%; width: calc(50% - 5px); }
    .ambassadors, .ambassadors:nth-child(3n + 3) { width: calc(50% - 10px); margin: 0 20px 41px 0; }
    .ambassadors:nth-child(2n + 2) { margin-right: 0; }
    .ambassadorMain { padding: 57px 0 0 0; }
    .featured-films p { width: 100%; }
    .featured-films p br { display: none; }
    .video-main .play-btn:after { border-left: 28px solid #fff; border-top: 17.5px solid transparent; border-bottom: 17.5px solid transparent; }
    .video-main { margin: 53px 0 29px 0; }
    .recentUploads h3 { font-size: 27px; padding: 0 0 4px 0; margin: 0 0 20px 0; }
    .videoItems { width: 100%; display: table; padding: 0 0 9px 0; }
    .videoThumb { width: 56%; padding-bottom: 28%; min-width: 146px; display: table-cell; }
    .videoCaption { padding: 0 0 0 10px; display: table-cell; }
    .videoCaption P { font-size: 12px; margin: -2px 0 3px 0; }
     .videoCaption P:blank {
    display: none;
    }
    .recentUploads { padding-bottom: 63px; }
    .blogSec .container { flex-flow: column; }
    .blogRight { order: 1; }
    .blogLeft { order: 2; padding: 26px 0 210px 0; }
    .blogRight { width: 100%; max-width: inherit; text-align: center; }
    .page-header h1 { font-size: 26px; padding: 0 0 4px 0; }
    .blogDate { position: relative; display: inline-block; width: 100%; }
    .blogDateHalf { display: inline-block; width: auto; margin-right: 24px; }
    .blogMain { padding: 0 0 25px 0; margin: 0 0 27px 0; }
    .blogMain h3 { font-size: 26px; margin: 0; }
    .blogDate h5 { white-space: nowrap; }
    .blogDate p { white-space: nowrap; margin: 0 0 19px 0; }
    .blogLink { margin-top: 2px; }
    .tapRoom { padding: 51px 10px 40px; }
    .tapRoom-halfSec { width: 100%; height: auto; min-height: 202px; margin: 0 0 10px 0; padding: 30px 0; }
    .tapRoom-halfSec img { max-width: 40%; }
    .tapRoom-halfSec .btn { margin: 20px auto 0; }
    .visitUs { margin: 0 10px 70px; flex-flow: column; padding: 20px 0 29px; }
    .visitUsDetails { padding: 5px 10px 36px; text-align: center; margin: 0 -10px; width: auto; }
    .visitUsDetails p { justify-content: center; flex-flow: column; margin: 0 0 11px 0; }
    .visitUsDetails p span { display: block; }
    .map { height: 247px; float: none; -webkit-flex: none; flex: none; }
    .eventRight { padding: 29px 0 0 15px; }
    .eventOptions a { margin: 0 20px 0 0; }
    .pageSlider .item { min-height: 163px; }
    .pageSlider .owl-dots { bottom: 14px; }
    .desktop-img { display: none; }
    .mobile-img img { transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: top; -webkit-transform-origin: top; }
    .tabProds { display: none; border-top: 0; }
    .tabProds.active { display: flex; flex-flow: column; }
    .tabItems { width: 100%; padding: 13px 13px 0; margin: 0 0 18px 0; }
    .ProdLogo { display: none; }
    .ProdName { padding: 6px 0 9px 0; }
    .tabItems:hover .ProdName { padding-left: 0; }
    .tabItems > img { height: 349px; }
    .tabItems:after { display: none; }
    .productTabCont .owl-carousel .owl-stage-outer { overflow: hidden; }
    .tabs li img { opacity: 1; }
    .tabs .owl-nav { position: absolute; top: 34%; left: 20px; right: 20px; }
    .tabs .owl-nav .owl-prev { float: left; background: url(../images/arrow.png) no-repeat; width: 18px; height: 32px; background-size: 100%; text-indent: -100px; overflow: hidden; transform: rotateY(180deg); }
    .tabs .owl-nav .owl-next { float: right; background: url(../images/arrow.png) no-repeat; width: 18px; height: 32px; background-size: 100%; text-indent: -100px; overflow: hidden; }
    ul.tabs { border-bottom: 0px; }
    .tabs:after, .tabs:before { display: none; }
    .tabs li { width: calc(100% - 20px); margin: 20px 10px 28px; display: flex; display: -webkit-flex; flex-flow: column; align-items: center; justify-content: flex-end; height: 360px; }
    .tabs li:after { opacity: 1; }
    ul.tabs:after { content: ""; display: block; position: absolute; bottom: 11px; right: 10px; left: 10px; border-bottom: 5px solid #d2b786; width: auto; height: auto; z-index: -1; }
    .productTabCont { padding: 58px 0 40px 0; background-size: 100% 210px;}
    .tabs li:after { bottom: -26px; }
    .tabDetails { max-width: 100%; display: block; }
    .tab-content { padding: 23px 13px 0; }
    .tabDetails p { margin: 0 0 24px 0; }
    .tabClinks { display: none; }
    .tabs li.current:after { opacity: 1; }
    .productRight { width: 100%; padding: 33px 0 0 0; min-height: inherit; }
    .productTable:before { display: none; }
    .breadcrumbs, .productLogo { display: none; }
    .productLeft { background-image: none !important; }
    .productMobile { padding: 51px 0 30px 0; }
    .productLeft img { max-height: 349px; }
    .productRight:after { top: -80px; height: 81px; }
    .productTitleMain { text-align: center; display: block; padding: 14px 0 7px 0; }
    .productTitle { padding: 0; }
    .productTable { margin: 41px 0 0 0; display: table; width: 100%; }
    .productTable ul li:first-child { padding: 9px 0 5px 0; }
    .productTable ul { width: 50%; margin: 0 0 32px 0; }
    .productTable ul:nth-child(3) { border-left: 0; }
    .available { margin: -17px 0 0 0; }
    .flavourBar { position: relative; margin: 28px 0 0 0; height: 113px; }
    .flavourRight { width: 100%; text-align: center; margin: 20px 0 0 0; }
    .aboutSecondHalf { width: 100%; }
    .tastingNotes article { width: 100%; }
    .tastingNotes .aboutFirstHalf .aboutHalfs-cont { min-height: 369px; text-align: center; }
    .tastingNotes .aboutFirstHalf .aboutHalfs-cont img { transform: scale(0.7); -webkit-transform: scale(0.7); }
    .tastingNotes .aboutSecondHalf { padding: 30px 10px; }
    .relatedProducts { margin: 23px 0 0 0; padding: 0 10px; }
    .relatedProducts h2 { margin: 50px 0 21px 0; }
    .relatedProducts h2 img { max-width: 57%; }
    .relatedProducts .tabProds { display: flex; border-top: 0; }
    .tastingNotes .aboutSecondHalf:after { display: none; }
    .instaCont #sb_instagram.sbi_col_4 #sbi_images .sbi_item { width: 100%; }
    .instaCont #sb_instagram .sbi_photo { height: auto !important; padding-bottom: 100%; }
    .blogLeft { position: relative; width: 100%; }
    .blogDate + img { min-width: 100%; }
    .blogLeft:after { content: ''; background: url(../images/rockClimbing.png) no-repeat; position: absolute; bottom: 0; left: -10px; padding: 0 0 93% 0; background-size: cover; right: -10px; z-index: -1; }
    .error-404 .page-header h1 { font-size: 50px; }
    .error-404 { height: 500px; }
    .wp-pagenavi a.nextpostslink:before { content: 'Next Page >'; right: 0; left: inherit; }
    .wp-pagenavi a.previouspostslink:after { content: '< Previous' }
    .wp-pagenavi .page, .wp-pagenavi .current { display: none; }
    .wp-pagenavi a.previouspostslink { float: left; width: 50%; margin: 0; }
    .wp-pagenavi a.nextpostslink { float: right; width: 50%; margin: 0; }
    .wp-pagenavi a:before, .wp-pagenavi a:after { font-size: 15px; line-height: 17px; color: #d2b786; letter-spacing: 1px; text-transform: uppercase; }
    .wp-pagenavi a:hover:before, .wp-pagenavi a:hover:after { color: #bc3b18; }
    .page-template .ourStory,.page-template .cidery-sec,.page-template .aboutFirstHalf, .page-template .craftcider { background-image: none !important; }
    .blogSec, .featuredStories { background-size: cover; }
    .prodImg:after {width: 110px; padding: 0 0 8.7% 0;}
    .blogImg .btn {transform: scale(1); -webkit-transform: scale(1); margin-left: -94.5px;}
    .loader img {max-width: 122px;}
}
/*------------mobile portrait view------*/
@media (max-width:640px) {
    .ambassadors, .ambassadors:nth-child(3n + 3), .ambassadors:nth-child(2n + 2) { width: auto; margin: 0 -10px 0 -10px; float: none; padding-bottom: 20px; }
    .ambassadorMain .container { display: block; }
    .ambassadors-img { padding: 0 0 76% 0; }
    .ambassadors-title { text-align: left; padding: 19px 0 19px 0; margin: 0 11px; }
    .ambassadors-discription { padding: 14px 10px 5px; }
    .ambassadors-discription p:last-child { margin-bottom: 0; }
    .page-hd p { font-size: 20px; line-height: 1; margin-top: -9px; padding: 0 24px; }
    .blogSec { padding: 62px 0 0 0; }
    .event { padding: 59px 0 76px 0; }
    .eventRow { flex-flow: column; padding: 0 0 29px; margin: 0 auto 50px; }
    .eventLeft { background: #bc3b18; border-right: 0; height: 24px; padding: 5px 0 0 0; }
    .eventLeft span { display: inline-block; text-transform: uppercase; font-size: 18px; width: auto; padding: 0; background: none; vertical-align: top; }
    .eventLeft h3 { display: inline-block; border-bottom: 0; font-size: 18px; color: #fff; letter-spacing: 0.14em; padding: 0; vertical-align: top; line-height: 1; }
    .eventLeft p { display: inline-block; font-size: 18px; font-family: 'Teko', sans-serif; color: #fff; letter-spacing: 0.14em; text-transform: uppercase; padding: 0; margin: 0; vertical-align: top; }
    .eventLeft p:before { content: ""; }
    .eventRight { padding: 28px 0 0 0; text-align: center; }
    .eventOptions { display: table; margin: 25px auto 0; }
    .eventOptions a { display: table; margin: -5px 0 6px; text-align: left; }
    .eventOptions a i { margin: 0 5px 0 0; }
    .addtocalendar { display: table; }
    .productLeft { background-size: 114% 100%; }
    .missionRow {flex-flow: column; align-items: center; padding: 0 0 5px 0;}
    .missionRight {padding: 0; margin-top: 33px; text-align: center;}
    .missionBody {padding: 57px 0 20px 0;}
}
/*----------optional css------*/
@media (max-width:480px) {
.play-btn:after { border-left: 14px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; }
.error-404 .page-header h1 { font-size: 34px; }
.wp-pagenavi a.nextpostslink:before { line-height: 21.5px; }
.blogRight img { margin: -4px -33px 0 0; max-width: 277px; }
    .blogImg .btn {margin-left: -69.5px; transform: scale(0.8); -webkit-transform: scale(0.8);}
}
/*---------use only when design is customise-----------*/