@media( max-width:1279px){
.intro_part .right h1 { font-size: 60px;  }
.intro_part .left img { margin:0; width: 100%; max-width:100%; }
.logos { margin: 40px 0 70px; }

.month_sec .cloud_1 { top: -25px; max-width: 255px; }
.month_sec .cloud_2 { max-width: 290px; }

.month_sec .image2 img { max-width: 439px; margin: 38px 0 0 -129px; }
.month_sec .image3 img { max-width: 450px; margin: 54px 0 0 -140px; }
.month_sec .image4 img { max-width: 415px; margin: 95px 0 0 -123px; }

.month_sec.second .image2 img { max-width: 455px; margin: 115px -131px 0px 0; }
.month_sec.second .image4 img { max-width: 430px; margin: 145px -120px 0 0; }

.month_sec.third .image2 img { max-width: 388px; margin: 104px 0px 0 -98px; }
.month_sec.third .image3 img { max-width: 388px; margin: 104px 0px 0 -98px; }
.month_sec.third .image4 img { max-width: 360px; margin: 88px 0px 0 -75px; }

.month_sec.fourth .image1 img { max-width: 450px; margin: 0px 0 0 12px; }
.month_sec.fourth .image3 img { max-width: 410px; margin: 80px 0 0 50px; }
.month_sec.fourth .image2 img { max-width: 410px; margin: 80px 0 0 50px; }

.month_sec .btn_group { white-space:normal; display: flex; -webkit-display: flex; }
.month_sec .detail-slider .text .inner .popup_button { padding: 5px 12px; min-height:60px; display: flex; -webkit-display: flex; line-height: 1.15; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-content:Center; -webkit-align-content:Center; max-width: 48%; }
.month_sec .detail-slider .text .inner .popup_button small { width: 100%; }

.month_sec.fourth .detail-slider .slides .text .inner .btn_group,
.month_sec.second .detail-slider .slides .text .inner .btn_group { min-width:500px; }
.month_sec .detail-slider .text .inner .pair_button.sauvignon2 { min-width:255px; }
.recipe_popups .paging.next { right: -50px; }
.recipe_popups .paging { left: -50px; }
.recipe_popups { width: calc(100% - 100px); }
.recipe_popups .left_side { padding: 40px 20px; }
.recipe_popups .left_side .popup_button,
.recipe_popups .left_side .pair_button small,
.recipe_popups .left_side .pair_button { font-size: 14px; }

}

@media( max-width:1023px){
.intro_part .cloud img { height: 140px; }
.intro_part { padding: 80px 0 50px; }
.intro_part .right h1 { font-size: 45px; }
.logos { margin: 30px 0 40px; }
.intro_part .right { padding: 20px 0 0 0; }
.month_sec { padding: 50px 0 10px; }
.month_sec h2 { font-size: 45px; }
.month_sec p { font-size: 16px; }

.month_sec .text .inner { margin-right:0; }


.month_sec.second .image1 + .text,
.month_sec .text { width: 50%; transform: none; -webkit-transform: none; }
.month_sec.second .image1 + .text { margin:0; }
.month_sec .image { width: 50%; }

.month_sec .image1 img { max-width: 100%; margin: 0; }
.month_sec .image2 img { max-width: 100%; margin: 38px 0 0 0; }
.month_sec .image3 img { margin: 54px 0 0 0px; max-width: 100%; }
.month_sec .image { padding-right:20px; }
.month_sec .image4 img { max-width: 100%; margin: 95px 0 0 0px; }

.month_sec.second .image1 img { max-width: 425px; margin: 0px 20px 0 0; }
.month_sec.second .image2 img { max-width: 360px; margin: 110px -15px 0px 0; }
.month_sec.reversed .detail-slider .flex-wrap .image { padding: 0 0 0 20px; }
.month_sec.second .image3 img { max-width: 430px; margin: 87px 0px 0 0; }
.month_sec.second .image4 img { max-width: 350px; margin: 145px -12px 0px 0; }
.month_sec .cloud_2 { left: -77px; }
.month_sec .cloud_1 { right:-60px; }
.month_sec .cont_wrapper { max-width: 745px; }
.month_sec .cloud_3 { right: -60px; top: -20px; max-width: 290px; }
.month_sec.third .image1 img { margin-left:-15px; max-width: 370px; }
.month_sec.third .image2 img { max-width: 100%; margin: 50px 0px 0 0px; }
.month_sec.third .image3 img { max-width: 100%; margin: 30px 0px 0 0px; }
.month_sec.third .image4 img { max-width: 95%; margin: 35px 0px 0 0px; }
.month_sec.fourth .image1 img { float: right; max-width: 325px; }
.month_sec.fourth .image3 img { max-width: 100%; margin: 80px 0 0 0px; }
.month_sec.fourth .image2 img { max-width: 100%; margin: 80px 0 0 0px; }

.month_sec.fourth .image4 img { max-width: 100%; margin: 80px 0px 0 0px; }
header .logobar a.brand-logo { max-width: 120px; }
header .logobar .plus { margin: 0 5px; }
.month_sec .detail-slider .slick-list { overflow: hidden !important; }
.month_sec .slick-arrow { left: 50%; }
.month_sec .slick-arrow.slick-next { left: calc(50% + 55px); }

.month_sec .detail-slider .text .inner .pair_button .bottle { left: 10px;  }
.month_sec .detail-slider .text .inner .pair_button { /*padding: 17px 22px 17px 45px;*/ font-size: 14px; }
.month_sec.fourth .detail-slider .slides .text .inner .btn_group,
.month_sec.second .detail-slider .slides .text .inner .btn_group,
.month_sec .detail-slider .slides .text .btn_group { min-width:200%; float: right; justify-content:flex-end; -webkit-justify-content:flex-end; }
.month_sec.fourth .detail-slider .slides .text .inner .btn_group,
.month_sec.second .detail-slider .slides .text .inner .btn_group { float: left; justify-content:flex-start; -webkit-justify-content:flex-start; }

.month_sec .detail-slider .text .inner .popup_button { display: inline-grid; }
.recipe_popups .popup_close {  z-index:9; right: 0; top:-55px; }
.recipe_popups .paging { z-index:9; left: 0; margin:0; top:-55px; }
.recipe_popups .paging.next { right: auto; left: 55px; }
.recipe_popups { width: calc(100% - 30px); }
.recipe_popups .left_side h2 { font-size: 40px; }
.recipe_popups .right_side h2.month-name { padding-top:0; }
.recipe_popups .right_side { padding: 25px 15px; width: 35%; }
.recipe_popups .scrollable_area { width: calc(100% + 5px); margin-left: -5px; }
.recipe_popups .left_side .btn_group { flex-wrap: inherit; }
.recipe_popups .left_side .popup_button,
.recipe_popups .left_side .pair_button { font-size: 13px; line-height:1.15; padding: 5px 15px 5px 42px; display: inline-flex; -webkit-display: inline-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-content:center; -webkit-align-content:center; align-items:center; }
.recipe_popups .left_side .popup_button { padding: 5px 10px; margin-left: 10px; }
.recipe_popups .left_side .pair_button { min-width:225px; }
.recipe_popups { height: 630px; margin-top:55px; top:0; transform: none; -webkit-transform: none; left:15px; }
.recipe_popups .mCustomScrollbar { max-height:440px; }
.recipe_popups .left_side figure img { width: 85% !important; max-width: 85% !important; margin: 0 !important; max-height: 85%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: contain; }
.recipe_popups .left_side figure { position: relative; }
.month_sec .text { margin-right:0; }
.month_sec.second .image2 + .text .btn_group { margin-top:0; }
.month_sec.third .image1 img { margin-top:0; }
.month_sec.second .detail-slider .slides .text .inner .btn_group { margin-bottom: 10px; }
}

@media( max-width:767px){
#wrapper { padding-top:62px; }	
.ad_container.middle { margin-bottom: 30px; }	
.head-wrap { padding-bottom: 62px; }
.ad_container .ad { /*margin: 10px auto 10px;*/ }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); min-height:70px; }

header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 7px 15px 7px;}
header a.paid_logo { margin: 0 auto 0; line-height: 18px; padding: 0px 5px 0px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
header .logobar { float: left; padding: 5px 0 0px 30px; }
header .logobar a.brand-logo,
header .logobar a.site-logo { max-width: 80px; }
header .logobar .plus { display:inline-block; max-width: 10px; margin: 0 7px; vertical-align: middle; }
header .logobar { padding:0px 0 0; }
header ul.social_icon { margin-top:0px; }
header span.sep { margin: 0 3px; }

.intro_part .cloud img { height: 90px; width:auto; max-width:inherit; }
.intro_part { padding: 58px 0 30px; } 
.intro_part .left { width: 100%; max-width: 290px; margin:auto; }
.intro_part .right { padding: 20px 0 0 0; width:100%; }
.intro_part .right h1 { font-size: 40px; }
.logos .william { max-width: 120px; }
.logos .fw { max-width: 120px; }

.month_sec .image { width: 100%; padding: 0 0 20px 0; }
.month_sec .image1 img { max-width: 100%; margin: 0; }
.month_sec.second .image1 + .text, .month_sec .text,
.month_sec .text { width: 100%; } 
.month_sec .scrollable_area li, .month_sec .scrollable_area p { line-height: 1.3; }
.month_sec .scrollable_area li { padding-bottom:2px; }
.month_sec .scrollable_area ul,.month_sec .scrollable_area p { padding-bottom: 12px; }
#winter-sec .month_sec .scrollable_area ,
#spring-sec .month_sec .scrollable_area {  max-height: 330px; }
.month_sec .slick-arrow { left:0; }
.month_sec .slick-arrow.slick-next { left: 60px; }
.month_sec .month-slider .month-name { font-size: 14px; }
.month_sec .month-slider .month { text-align: center !important; }
.month_sec.first .month-slider .month:nth-of-type(4) .month-name { margin-right: 0; }
.month_sec .image img {float: none !important; margin:0 auto !important; width: 290px !important; height: 250px !important; object-fit:contain; }
.month_sec .text { margin-bottom: 60px; }
.month_sec.reversed .detail-slider .flex-wrap .image { padding: 0px 0 0 0; } 
.month_sec.reversed .detail-slider .flex-wrap .image { order: 0; }
.month_sec .month-slider .month { margin-bottom: 20px; padding-top:10px; }
.month_sec .month-slider .month-name::after { top: -14px; }
.month_sec.third,
.month_sec { padding: 30px 0 10px; }
.month_sec .month-slider .month:nth-of-type(3),.month_sec .month-slider .month:nth-of-type(4) { margin-bottom:0; }
.month_sec .month-slider .month-name .numbers { display: block; }
.month_part { padding-bottom: 0px; }
.month_sec .image { max-height: inherit; } 
.month_sec .cont_wrapper { width: 100%; max-width:100%;  }
.month_sec .detail-slider .text .inner .pair_button .bottle { top: 43%; max-height: 75px; }
.month_sec .detail-slider .text .inner .pair_button { border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 15px 5px 40px; letter-spacing: -0.03em; }

#fall-sec .mCustomScrollBox:after ,
#summer-sec .mCustomScrollBox:after ,
#winter-sec .mCustomScrollBox::after ,
#spring-sec .mCustomScrollBox::after { height: 90px; }

#fall-sec .mCSB_inside > .mCSB_container , 
#summer-sec .mCSB_inside > .mCSB_container ,
#winter-sec .mCSB_inside > .mCSB_container ,
#spring-sec .mCSB_inside > .mCSB_container { padding-bottom: 90px; } 
.month_sec .detail-slider .text .inner .pair_button.space { padding-top: 20px; padding-bottom: 20px; }

.month_sec.fourth .detail-slider .slides .text .inner .btn_group,
.month_sec.second .detail-slider .slides .text .inner .btn_group, .month_sec .detail-slider .slides .text .btn_group { min-width: 100%; float: none; justify-content: flex-start; -webkit-justify-content: flex-start; }
.month_sec .month-slider .slick-track { margin-top:25px; }
.month_sec .scrollable_area { margin-bottom: 20px; }

.recipe_popups .left_side .popup_button, .recipe_popups .left_side .pair_button { min-height:55px; }
.recipe_popups .left_side .popup_button, .recipe_popups .left_side .pair_button,

.recipe_popups .left_side .popup_button small, .recipe_popups .left_side .pair_button small,
.month_sec .detail-slider .text .inner .pair_button small,
.month_sec .detail-slider .text .inner .pair_button { font-size: 12px; line-height: 1.1; display: inline-grid; -webkit-display: inline-grid; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-content:center; -webkit-align-content:center; }
.month_sec .detail-slider .text .inner .pair_button small { width: 100%; }

.recipe_popups .left_side h2 { font-size: 30px; }
.recipe_popups .left_side { padding: 20px 15px 40px; width: 100%; } 
.recipe_popups .print-side a.link { margin-top:0; }
.recipe_popups .print-side a.link img { width: 25px; }
.recipe_popups .left_side figure { height:auto; padding: 20px 0 0 0; }
.recipe_popups .left_side figure img { position: static; transform: none; -webkit-transform: none; width: 100% !important; max-width: 200px !important; max-height:208px; object-fit:contain; }
.recipe_popups .left_side .btn_group { }
.recipe_popups .left_side .pair_button small { width: 100%; }
.recipe_popups .left_side .pair_button { min-width:inherit; }
.recipe_popups .the_month.active,.recipe_popups .the_month > .flex-wrap,.recipe_popups .left_side { height:auto; }
.recipe_popups .right_side { width: 100%; }
.recipe_popups .paging { top:155px; left:10px; width: 30px; height:30px;  }
.recipe_popups .paging.next { left:auto; right:10px; }
.recipe_popups .popup_close { width: 30px; height: 30px; top: -45px; }
.recipe_popups .mCustomScrollbar { max-height:230px; }
.recipe_popups { height:800px; background: #e2f1fe; }
.recipe_popups .left_side { background: #fff; }
.month_sec  .detail-slider .slides:not(:first-child) .text .inner,
.month_sec.second .detail-slider .slides:not(:first-child) .text .inner { max-width: 100%; }

.month_sec.fourth .detail-slider .text .inner .pair_button.sauvignon2 { min-width:auto; }

}

@media( max-width:639px){

}

@media( max-width:500px){

}

@media( max-width:374px){
.month_sec .detail-slider .text .inner .pair_button .bottle { max-height: 60px; left: 5px; }
.month_sec .detail-slider .text .inner .pair_button { padding: 10px 10px 10px 30px; font-size: 12px; }

}
@media( max-width:374px){
.month_sec .month-slider .month-name { font-size: 12px; }
header ul.social_icon li { margin-left: 5px; }  
header ul.social_icon li a { width: 23px; height: 23px; border-width: 1px; }
header ul.social_icon li a i { line-height: 21px; font-size:13px; }
}