/*---------Keeping Contents Vertically Centered----------*/

@media screen and (min-width: 1400px) and (min-height: 1030px ){

.vertically-center {
    height: 880px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    padding-top: 60px;
    background-size: auto 674px;
}   

.wrapper.recipe-inner_pages .vertically-center {
    background-size: auto 720px;
}
.vertically-center::before {
    top: 674px;
}
.wrapper.recipe-inner_pages .vertically-center::before {
    top: 720px;
}

}


/*---------Keeping Contents Vertically Centered----------*/

/*---------Max-hieght Fix for agegate in certain resolution---------*/

@media screen and (min-width: 1400px) and (max-height: 750px ){
    .overlay.agegate-overlay .v-main,
    .overlay.agegate-overlay .v-align-middle{
        display: block;
    }    
    .overlay.agegate-overlay .footer{
        position: relative;
        left: auto;
        bottom: auto;
    }
    .agegate-overlay .overlay-container {
        margin-bottom: 30px;
    }
	
	
}
/*---------Max-hieght Fix for agegate in certain resolution---------*/

/*---------Max-hieght Fix for contact us page in certain resolution---------*/

@media screen and (min-width: 1400px) and (max-height: 780px ){
    .overlay.contact-us .v-main,
    .overlay.contact-us .v-align-middle{
        display: block;
    }    
    .overlay.contact-us .footer{
        position: relative;
        left: auto;
        bottom: auto;
    }
    .contact-us .overlay-container {
        margin-bottom: 20px !important;
        min-height: calc(100vh - 140px);
    }
	
}
/*---------Max-hieght Fix for contact us page in certain resolution---------*/

/*---------Max-hieght Fix for Main Menu in certain resolution---------*/


@media screen and (min-width: 1400px) and (max-height: 650px ){
    .overlay.main-menu .v-align-middle,
    .overlay.main-menu .v-main{
        display: block;
        padding-top: 10px;
    }    
    .overlay.main-menu .footer{
        position: relative;
        left: auto;
        bottom: auto;
    }
    .overlay.main-menu .overlay-container {
        margin-bottom: 10px;
    }

}


@media screen and (max-width: 1399px) and (max-height: 550px ){
    .overlay.main-menu .v-align-middle,
    .overlay.main-menu .v-main{
        display: block;
    }    
    .overlay.main-menu .footer{
        position: relative;
        left: auto;
        bottom: auto;
    }
}
/*---------Max-hieght Fix for Main Menu in certain resolution---------*/

/*---------Max-hieght Fix for contact us page in certain resolution---------*/
@media screen and (min-width: 768px) and (max-height: 580px ){
    .overlay.agegate-overlay .v-main,
    .overlay.agegate-overlay .v-align-middle{
        display: block;
    }    
    .overlay.agegate-overlay .footer{
        position: relative;
        left: auto;
        bottom: auto;
    }
    .agegate-overlay .overlay-container {
        margin-bottom: 0;
    }
}
/*---------Max-hieght Fix for contact us page in certain resolution---------*/

/*---------Keeping Contents Vertically Centered----------*/
@media screen and (min-width: 1400px) and (max-height: 950px ) and (min-height: 810px){
    .vertically-center {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }       
}
/*---------Keeping Contents Vertically Centered----------*/


/*---------Resolution fix for sections----------*/
@media screen and (min-width: 1400px) and (max-height: 950px ){ .brand-logo {
         width: 253px;
        top: 6px;
        left: 0;
    }  
    .container {
        max-width: 820px;
    }
    .wrapper {
        min-height: 810px;
    }
    .vertically-center {
        height: 730px;
        background-size: auto 585px;
    }
    .vertically-center::before {
        top: 585px;
    }
    .about-contents h2 {
        font-size: 74px;
        line-height: 64px;
        margin: 100px 0 4px -7px;
    }

    /***************************
            ABOUT SECTIONS
    ****************************/
    .about-contents {
        width: 460px;
    }
    .aboutUs-special .about-contents {
        width: 430px;
    }
   .global-flavors.four-row {
        width: 85%;
        top: -24px;
    } 
    .global-flavors.three-row {
        top: 40px;
    }
	.heritage.about3 {
        top: -40px;
    } 
    .ingredients-slide{
    	 top: 12px;
    }
    .origin-slide {
        top: 53px;
    }
	.process-slide{
		top: -25px;
	}
    .woc-slide .dub-seperator {
        margin-right: 3px;
        margin-top: 17px;
        margin-bottom: 10px;
    }  
    .woc-slide {
        top: 68px;
        width: 286px;
    } 
    .about-contents h2 {
        font-size: 66px;
        line-height: 64px;
        color: #fff4d5;
        margin: 85px 0 3px -5px;
        letter-spacing: -2px;
    }
    .gallery-section.special_recipeImg .fullWidthImg {
        width: 935px;
        left: 200px;
    }
    .aboutUs-special .main-bottle {
        width: 390px;
        margin-right: 0;
    }
    .ingredients-slide {
        top: -17px;
    }    
    .about-inner-pages .about-contents .origin-slide h2 ,
    .about-inner-pages .about-contents .process-slide h2 ,
    .about-inner-pages .about-contents .ingredients-slide h2 {
        margin-top: 235px;
    }    
    p {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .about-slide,
    .recipes-slide {
        top: 0;
    }
    .dub-seperator {
        margin-top: 12px;
        margin-bottom: 14px;
    }
    .main-bottle {
        width: 270px;
        margin-right: 50px;
    }

    .main-ddc_bottle {
        top: -85px;
        width: 680px;
    }
    .main-ddc_cocktail {
        top: -85px;
        width: 680px;
    }

    /*-----Recipe Slide------*/
    .recipe-slide-img img {
        top: 221px;
        width: 236px;
    }
    .recipe-slide-right {
        left: 189px;
    }
    .recipe-slide-left {
        left: -162px;
    }
    /*-----Recipe Slide------*/

    /*-----Boty Slide------*/
    .boty-slide-img img {
        top: 245px;
        width: 234px;
    }
    .boty-winnerInfo {
        left: -250px;
        top: 490px;
    }    
    .boty-slide-right {
        left: 179px;
    }
    .boty-slide-left {
        left: -143px;
    }
    /*-----Boty Slide------*/

    /*-----Social Slide-----*/
    .about-contents .woc-slide h2 {
        margin-top: 122px;
        letter-spacing: 0px;
    }
    .social-slide {
      width: 920px;
      height: 920px;    
      top: -216px;
    }
    .social-feed-container.mid-feed { 
        width: 730px;
        height: 730px;
        top: 94px;
    }
    .social-feed-container.inner-feed { 
        width: 532px;
        height: 532px;
        top: 194px;
    }
    .social-feed-container li {
      width: 100px;
      height: 100px;
      margin: -50px;
    }
    .social-feed-container li a {
        padding: 4px;
    }
    .social-feed-container li a img {
        width: 90px;
        height: 90px;
    }
    .social-feed-container.outer-feed li:nth-of-type(1) img,
    .social-feed-container.outer-feed li:nth-of-type(2) img,
    .social-feed-container.outer-feed li:nth-of-type(4) img,
    .social-feed-container.inner-feed li:nth-of-type(3) img,
    .social-feed-container.inner-feed li:nth-of-type(6) img,
    .social-feed-container.inner-feed li:nth-of-type(8) img,
    .social-feed-container.mid-feed li:nth-of-type(5) img,
    .social-feed-container.mid-feed li:nth-of-type(7) img,
    .social-feed-container.outer-feed li:nth-of-type(5) img,
    .social-feed-container.outer-feed li:nth-of-type(6) img,
    .social-feed-container.mid-feed li:nth-of-type(9) img,
    .social-feed-container.outer-feed li:nth-of-type(8) img{
        width: 74px; 
        height: 74px;  
    }  
    .social-feed-container.mid-feed li:nth-of-type(1) img,
    .social-feed-container.mid-feed li:nth-of-type(2) img,
    .social-feed-container.mid-feed li:nth-of-type(4) img,
    .social-feed-container.mid-feed li:nth-of-type(6) img {
        width: 55px;  
        height: 55px; 
    }
      
    .social-feed-container li:nth-of-type(1) {
        -webkit-transform: rotate(-196deg) translate(460px) rotate(196deg);
        -ms-transform: rotate(-196deg) translate(460px) rotate(196deg);
        transform: rotate(-196deg) translate(460px) rotate(196deg);
    }
    .social-feed-container li:nth-of-type(2) {
        -webkit-transform: rotate(-154deg) translate(460px) rotate(154deg);
        -ms-transform: rotate(-154deg) translate(460px) rotate(154deg);
        transform: rotate(-154deg) translate(460px) rotate(154deg);
    }
    .social-feed-container li:nth-of-type(3) {
        -webkit-transform: rotate(-139deg) translate(460px) rotate(141deg);
        -ms-transform: rotate(-139deg) translate(460px) rotate(141deg);
        transform: rotate(-139deg) translate(460px) rotate(141deg);
    }
    .social-feed-container li:nth-of-type(4) {
        -webkit-transform: rotate(-122deg) translate(460px) rotate(122deg);
        -ms-transform: rotate(-122deg) translate(460px) rotate(122deg);
        transform: rotate(-122deg) translate(460px) rotate(122deg);
    }
    .social-feed-container li:nth-of-type(5) {
        -webkit-transform: rotate(-42deg) translate(460px) rotate(42deg);
        -ms-transform: rotate(-42deg) translate(460px) rotate(42deg);
        transform: rotate(-42deg) translate(460px) rotate(42deg);
    }
    .social-feed-container li:nth-of-type(6) {
        -webkit-transform: rotate(-24deg) translate(460px) rotate(24deg);
        -ms-transform: rotate(-24deg) translate(460px) rotate(24deg);
        transform: rotate(-24deg) translate(460px) rotate(24deg);
    }
    .social-feed-container li:nth-of-type(7) {
        -webkit-transform: rotate(8deg) translate(460px) rotate(-8deg);
        -ms-transform: rotate(8deg) translate(460px) rotate(-8deg);
        transform: rotate(8deg) translate(460px) rotate(-8deg);
    }

    .social-feed-container li:nth-of-type(8) {
        -webkit-transform: rotate(-8.5deg) translate(460px) rotate(8.5deg);
        -ms-transform: rotate(-8.5deg) translate(460px) rotate(8.5deg);
        transform: rotate(-8.5deg) translate(460px) rotate(8.5deg);
    }

    /*mid*/
    .social-feed-container.mid-feed li:nth-of-type(1) {
        -webkit-transform: rotate(-58deg) translate(365px) rotate(58deg);
        -ms-transform: rotate(-58deg) translate(365px) rotate(58deg);
        transform: rotate(-58deg) translate(365px) rotate(58deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(2) {
        -webkit-transform: rotate(-26deg) translate(365px) rotate(26deg);
        -ms-transform: rotate(-26deg) translate(365px) rotate(26deg);
        transform: rotate(-26deg) translate(365px) rotate(26deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(3) {
        -webkit-transform: rotate(20deg) translate(365px) rotate(-20deg);
        -ms-transform: rotate(20deg) translate(365px) rotate(-20deg);
        transform: rotate(20deg) translate(365px) rotate(-20deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(4) {
        -webkit-transform: rotate(-116deg) translate(365px) rotate(116deg);
        -ms-transform: rotate(-116deg) translate(365px) rotate(116deg);
        transform: rotate(-116deg) translate(365px) rotate(116deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(5) {
        -webkit-transform: rotate(-133deg) translate(365px) rotate(133deg);
        -ms-transform: rotate(-133deg) translate(365px) rotate(133deg);
        transform: rotate(-133deg) translate(365px) rotate(133deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(6) {
        -webkit-transform: rotate(-150deg) translate(365px) rotate(150deg);
        -ms-transform: rotate(-150deg) translate(365px) rotate(150deg);
        transform: rotate(-150deg) translate(365px) rotate(150deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(7) {
        -webkit-transform: rotate(-189deg) translate(0px) rotate(189deg);
        -ms-transform: rotate(-189deg) translate(0px) rotate(189deg);
        transform: rotate(-189deg) translate(0px) rotate(189deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(8) {
        -webkit-transform: rotate(-206deg) translate(365px) rotate(206deg);
        -ms-transform: rotate(-206deg) translate(365px) rotate(206deg);
        transform: rotate(-206deg) translate(365px) rotate(206deg);
    }

    .social-feed-container.mid-feed li:nth-of-type(9) {
        -webkit-transform: rotate(-5deg) translate(365px) rotate(5deg);
        -ms-transform: rotate(-5deg) translate(365px) rotate(5deg);
        transform: rotate(-5deg) translate(365px) rotate(5deg);
    }

    .social-feed-container.mid-feed li:nth-of-type(10) {
        -webkit-transform: rotate(-89deg) translate(365px) rotate(89deg);
        -ms-transform: rotate(-89deg) translate(365px) rotate(89deg);
        transform: rotate(-89deg) translate(365px) rotate(89deg);
    }
    /*mid*/


    /*inner*/
    .social-feed-container.inner-feed li:nth-of-type(1) {
        -webkit-transform: rotate(-58deg) translate(266px) rotate(58deg);
        -ms-transform: rotate(-58deg) translate(266px) rotate(58deg);
        transform: rotate(-58deg) translate(266px) rotate(58deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(2) {
        -webkit-transform: rotate(-26deg) translate(266px) rotate(26deg);
        -ms-transform: rotate(-26deg) translate(266px) rotate(26deg);
        transform: rotate(-26deg) translate(266px) rotate(26deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(3) {
        -webkit-transform: rotate(2deg) translate(266px) rotate(-2deg);
        -ms-transform: rotate(2deg) translate(266px) rotate(-2deg);
        transform: rotate(2deg) translate(266px) rotate(-2deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(4) {
        -webkit-transform: rotate(30deg) translate(266px) rotate(-30deg);
        -ms-transform: rotate(30deg) translate(266px) rotate(-30deg);
        transform: rotate(30deg) translate(266px) rotate(-30deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(5) {
        -webkit-transform: rotate(-117deg) translate(266px) rotate(117deg);
        -ms-transform: rotate(-117deg) translate(266px) rotate(117deg);
        transform: rotate(-117deg) translate(266px) rotate(117deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(6) {
        -webkit-transform: rotate(-142deg) translate(266px) rotate(142deg);
        -ms-transform: rotate(-142deg) translate(266px) rotate(142deg);
        transform: rotate(-142deg) translate(266px) rotate(142deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(7) {
        -webkit-transform: rotate(-196deg) translate(266px) rotate(196deg);
        -ms-transform: rotate(-196deg) translate(266px) rotate(196deg);
        transform: rotate(-196deg) translate(266px) rotate(196deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(8) {
        -webkit-transform: rotate(-221deg) translate(266px) rotate(221deg);
        -ms-transform: rotate(-221deg) translate(266px) rotate(221deg);
        transform: rotate(-221deg) translate(266px) rotate(221deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(9) {
        -webkit-transform: rotate(-168deg) translate(266px) rotate(168deg);
        -ms-transform: rotate(-168deg) translate(266px) rotate(168deg);
        transform: rotate(-168deg) translate(266px) rotate(168deg);
    }
    /*inner*/ 

    /*-----Social Slide-----*/

    /*--------recipes-pages---------*/
    .recipe-inner_pages .about-contents h2 {
        font-size: 60px;
    }
    .for-group_recipes {
        margin-top: 50px;
    }
    .categorized-cocktails .for-group_recipes {
        margin-top: 88px;
        margin-bottom: 15px;
    }
    .recipe-item {
        height: 438px;
    }
    .food-recipes .image-front {
        transform: translate3d(0px, 211px, 0);
        -webkit-transform: translate3d(0px, 211px, 0);
        -ms-transform: translate3d(0px, 211px, 0);
    }

    .image-front {
        width: 223px;
        transform: translate3d(0, 70px, 0);
        -webkit-transform: translate3d(0, 70px, 0);
        -ms-transform: translate3d(0, 70px, 0);
    }
    .recipe-detail .image-front {
        transform: translate3d(0, -142px, 0);
        -webkit-transform: translate3d(0, -142px, 0);
        -ms-transform: translate3d(0, -142px, 0);
        width: 74%;
    }
    .recipe-detail.food-details .image-front {
        transform: translate3d(-40px, 78px, 0);
        -webkit-transform: translate3d(-40px, 78px, 0);
        -ms-transform: translate3d(-40px, 78px, 0);
    }

    .recipe-image::before {
        width: 748px;
        height: 748px;
        top: -230px;
    }
    .recipe-inner_pages .about-contents .largest {
        font-size: 100px;
        line-height: 85px;
        letter-spacing: 25px;
        margin: 0 !important;
    }
    .largest > span {
        margin-bottom: 15px;
    }
    .recipe-ingredients li {
        margin: 0 0 11px;
    }
    .recipe-ingredients p {
        margin-bottom: 15px;
    }
    .detail-seperator {
        margin-bottom: 11px;
    }
    .recipe-name.recipe-name_large {
        margin: 60px auto 35px;
    }
    .recipe-ingredients {
        margin-top: -60px;
    }   
    .recipe-ingredients h5 {
        margin: 16px 0 12px;
    } 
    .recipe-ingredients h5 span:first-child {
        font-size: 11px;
        line-height: 10px;
    }    
    .recipe-detail {
        width: 880px;
        top: -60px;
        margin-left: -440px;
    }   
    .vr-scrollable {
        height: 380px;
    }   
	.about-contents .vr-scrollable {
        height: 330px;
    }
    .recipeGPH {
        margin-bottom: 15px;
    }
    /*--------recipes-pages---------*/

    /*--------Contact Page---------*/
    .contact-us h2 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 10px;
    }
    .contact-us .overlay-container .row > li {
        margin-bottom: 16px;
    }
    .contact-us .overlay-container p {
        margin-bottom: 27px;
    }
    .contact-us .overlay-container {
        margin: 50px auto;
    }

    /*--------Contact Page---------*/
	
	.review {
    width: 235px;
    bottom: -24%;
	}
    .review p {
        font-size: 17px;
        line-height: 22px;
    }
}

/*---------Resolution fix for sections----------*/

/*---------Resolution fix for sections----------*/

@media screen and (max-width: 1599px) {
    .footer p {
        margin-left: 10%;
    } 
	.breadcrumb{
        font-size: 12px;
        margin-bottom: 10px;
    }   
}


/*---------Resolution fix for sections below 1400px----------*/
@media screen and (max-width: 1399px){
    .full-width_nav li a {
        font-size: 50px;
    }
    .full-width_nav li {
        margin-bottom: 50px;
    }
    /*------Basic Structure------*/ 
	.brand-logo {
         width: 253px;
        top: 0;
        left: 0;
    }
    .nav-icon, 
    .contact-close_icon {
        right: 25px;
        top: 25px;
    }    
    .page-control_elem {
        width: 36px;
        height: 72px;
        background-size: 36px auto;
    }
    .page-control_left {
        left: 41px;
        padding-left: 36px;
    }
    .computer .page-control_left:hover {
        left: 32px;
    }
    .page-control_right {
        right: 41px;
        padding-right: 36px;
    }
    .computer .page-control_right:hover {
        right: 32px;
    }
    .page-control_elem span {
        width: 90px;
        font-size: 24px;
        line-height: 22px;
    }
    .page-control_left span {
        left: 16px;
    }
    .computer .page-control_left:hover span {
        left: 35px;
    }
    .page-control_right span {
        right: 16px;
    }
    .computer .page-control_right:hover span {
        right: 35px;
    }
    .wrapper {
        margin-bottom: -65px;
        padding-bottom: 65px;
    }
     .vertically-center {
        height: calc( 100vh - 65px);
        background-size: auto 544px;
        padding-top: 80px;
    }
    .vertically-center::before {
        top: 544px;
    }
    .container {
        max-width: 820px;
    }

    .footer {
        padding: 20px 48px;
    }
    .twdw-logo img {
        width: 95px;
    }
    .footer p {
        font-size: 10px;
        line-height: 14px;
        margin-left: 8%;
        margin-top: 8px;
    }
    .footer p span {
        padding: 0 10px;
    }
    .footer ul {
        margin-top: 5px;
    }
    .footer ul li {
        margin-left: 36px;
    }
    .footer li a {
        font-size: 14px;
    }
    /*------Basic Structure------*/



    /***************************
            ABOUT SECTIONS
    ****************************/
    .about-contents {
        width: 415px;
    }
    .homePageRecipeImg {
        left: 1px;
        top: -7px;
    }    
    .about-contents h2 {
        font-size: 64px;
        line-height: 65px;
        color: #fff4d5;
        margin: 80px 0 4px -5px;
        letter-spacing: -4px;
    }
    .de {
        top: -13px;
    }
    .de::before {
        bottom: -3px;
        left: 4px;
        height: 5px;
    }    
    p {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 14px;
    } 
    .about-slide, 
    .intro-slide,
    .recipes-slide {
        top: 30px;
    }
    .woc-slide {
        top: 70px;
        left: 0;
        width: 315px;
    }  
    .woc-slide .dub-seperator {
        margin-right: 2px;
        margin-top: 12px;
        margin-bottom: 10px;
    }      
    .dub-seperator {
        height: 3px;
        margin-top: 10px;
        margin-bottom: 15px;
        margin-right: 15px;
    }    
    .about-contents .about-slide p {
        width: auto;
    }    
    .common-link {
        font-size: 15px;
        line-height: 18px;
        padding-right: 30px;
    }
    a.common-link.dub-link, 
    button.common-link.dub-link {
        min-width: 180px;
        height: 52px;
        padding: 0 50px;
    }    
    a.common-link.dub-link .dub-link-inner, 
    button.common-link.dub-link .dub-link-inner {
        width: auto;
        height: 52px;
        font-size: 23px;
        line-height: 30px;
        padding: 0 15px;
    }    
    .common-link.ddc_sp {
        padding-left: 30px;
    }
    .main-bottle {
        width: 270px;
    }
    /*
    .about-slide img,
    .recipes-slide img {
        margin-left: -14px;
    }
    */
    .main-ddc_bottle {
        top: -85px;
        width: 680px;
    }
    /*-----Recipe Slide------*/
    .recipe-slide-img img {
        top: 221px;
        width: 229px;
    }
    .recipe-slide-right {
        left: 189px;
    }
    .recipe-slide-left {
        left: -162px;
    }
    /*-----Recipe Slide------*/

    /*-----Boty Slide------*/
    .boty-slide-img img {
        top: 245px;
        width: 234px;
    }

    .boty-winnerInfo {
        left: -260px;
        top: 490px;
    }    
    .boty-slide-right {
        left: 179px;
    }
    .boty-slide-left {
        left: -143px;
    }
    /*-----Boty Slide------*/

    /*-----Social Slide-----*/
    .about-contents .woc-slide h2 {
        margin-top: 122px;
        letter-spacing: 0px;
    }
    .social-slide {
      width: 920px;
      height: 920px;    
      top: -216px;
    }
    .social-feed-container.mid-feed { 
        width: 730px;
        height: 730px;
        top: 94px;
    }
    .social-feed-container.inner-feed { 
        width: 532px;
        height: 532px;
        top: 194px;
    }
    .social-feed-container li {
      width: 100px;
      height: 100px;
      margin: -50px;
    }
    .social-feed-container li a {
        padding: 4px;
    }
    .social-feed-container li a img {
        width: 90px;
        height: 90px;
    }
    .social-feed-container.outer-feed li:nth-of-type(1) img,
    .social-feed-container.outer-feed li:nth-of-type(2) img,
    .social-feed-container.outer-feed li:nth-of-type(4) img,
    .social-feed-container.inner-feed li:nth-of-type(3) img,
    .social-feed-container.inner-feed li:nth-of-type(6) img,
    .social-feed-container.inner-feed li:nth-of-type(8) img,
    .social-feed-container.mid-feed li:nth-of-type(5) img,
    .social-feed-container.mid-feed li:nth-of-type(7) img,
    .social-feed-container.outer-feed li:nth-of-type(5) img,
    .social-feed-container.outer-feed li:nth-of-type(6) img,
    .social-feed-container.mid-feed li:nth-of-type(9) img,
    .social-feed-container.outer-feed li:nth-of-type(8) img{
        width: 74px;   
        height: 74px;
    }  
    .social-feed-container.mid-feed li:nth-of-type(1) img,
    .social-feed-container.mid-feed li:nth-of-type(2) img,
    .social-feed-container.mid-feed li:nth-of-type(4) img,
    .social-feed-container.mid-feed li:nth-of-type(6) img {
        width: 55px;   
        height: 55px;
    }
      

    .social-feed-container li:nth-of-type(1) {
        -webkit-transform: rotate(-196deg) translate(460px) rotate(196deg);
        -ms-transform: rotate(-196deg) translate(460px) rotate(196deg);
        transform: rotate(-196deg) translate(460px) rotate(196deg);
    }
    .social-feed-container li:nth-of-type(2) {
        -webkit-transform: rotate(-154deg) translate(460px) rotate(154deg);
        -ms-transform: rotate(-154deg) translate(460px) rotate(154deg);
        transform: rotate(-154deg) translate(460px) rotate(154deg);
    }
    .social-feed-container li:nth-of-type(3) {
        -webkit-transform: rotate(-139deg) translate(460px) rotate(141deg);
        -ms-transform: rotate(-139deg) translate(460px) rotate(141deg);
        transform: rotate(-139deg) translate(460px) rotate(141deg);
    }
    .social-feed-container li:nth-of-type(4) {
        -webkit-transform: rotate(-122deg) translate(460px) rotate(122deg);
        -ms-transform: rotate(-122deg) translate(460px) rotate(122deg);
        transform: rotate(-122deg) translate(460px) rotate(122deg);
    }
    .social-feed-container li:nth-of-type(5) {
        -webkit-transform: rotate(-42deg) translate(460px) rotate(42deg);
        -ms-transform: rotate(-42deg) translate(460px) rotate(42deg);
        transform: rotate(-42deg) translate(460px) rotate(42deg);
    }
    .social-feed-container li:nth-of-type(6) {
        -webkit-transform: rotate(-24deg) translate(460px) rotate(24deg);
        -ms-transform: rotate(-24deg) translate(460px) rotate(24deg);
        transform: rotate(-24deg) translate(460px) rotate(24deg);
    }
    .social-feed-container li:nth-of-type(7) {
        -webkit-transform: rotate(8deg) translate(460px) rotate(-8deg);
        -ms-transform: rotate(8deg) translate(460px) rotate(-8deg);
        transform: rotate(8deg) translate(460px) rotate(-8deg);
    }
    .social-feed-container li:nth-of-type(8) {
        -webkit-transform: rotate(-8.5deg) translate(460px) rotate(8.5deg);
        -ms-transform: rotate(-8.5deg) translate(460px) rotate(8.5deg);
        transform: rotate(-8.5deg) translate(460px) rotate(8.5deg);
    }

    /*mid*/
    .social-feed-container.mid-feed li:nth-of-type(1) {
        -webkit-transform: rotate(-58deg) translate(365px) rotate(58deg);
        -ms-transform: rotate(-58deg) translate(365px) rotate(58deg);
        transform: rotate(-58deg) translate(365px) rotate(58deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(2) {
        -webkit-transform: rotate(-26deg) translate(365px) rotate(26deg);
        -ms-transform: rotate(-26deg) translate(365px) rotate(26deg);
        transform: rotate(-26deg) translate(365px) rotate(26deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(3) {
        -webkit-transform: rotate(20deg) translate(365px) rotate(-20deg);
        -ms-transform: rotate(20deg) translate(365px) rotate(-20deg);
        transform: rotate(20deg) translate(365px) rotate(-20deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(4) {
        -webkit-transform: rotate(-116deg) translate(365px) rotate(116deg);
        -ms-transform: rotate(-116deg) translate(365px) rotate(116deg);
        transform: rotate(-116deg) translate(365px) rotate(116deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(5) {
        -webkit-transform: rotate(-133deg) translate(365px) rotate(133deg);
        -ms-transform: rotate(-133deg) translate(365px) rotate(133deg);
        transform: rotate(-133deg) translate(365px) rotate(133deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(6) {
        -webkit-transform: rotate(-150deg) translate(365px) rotate(150deg);
        -ms-transform: rotate(-150deg) translate(365px) rotate(150deg);
        transform: rotate(-150deg) translate(365px) rotate(150deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(7) {
        -webkit-transform: rotate(-189deg) translate(0px) rotate(189deg);
        -ms-transform: rotate(-189deg) translate(0px) rotate(189deg);
        transform: rotate(-189deg) translate(0px) rotate(189deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(8) {
        -webkit-transform: rotate(-206deg) translate(365px) rotate(206deg);
        -ms-transform: rotate(-206deg) translate(365px) rotate(206deg);
        transform: rotate(-206deg) translate(365px) rotate(206deg);
    }

    .social-feed-container.mid-feed li:nth-of-type(9) {
        -webkit-transform: rotate(-5deg) translate(365px) rotate(5deg);
        -ms-transform: rotate(-5deg) translate(365px) rotate(5deg);
        transform: rotate(-5deg) translate(365px) rotate(5deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(10) {
        -webkit-transform: rotate(-89deg) translate(365px) rotate(89deg);
        -ms-transform: rotate(-89deg) translate(365px) rotate(89deg);
        transform: rotate(-89deg) translate(365px) rotate(89deg);
    }
    /*mid*/


    /*inner*/
    .social-feed-container.inner-feed li:nth-of-type(1) {
        -webkit-transform: rotate(-58deg) translate(266px) rotate(58deg);
        -ms-transform: rotate(-58deg) translate(266px) rotate(58deg);
        transform: rotate(-58deg) translate(266px) rotate(58deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(2) {
        -webkit-transform: rotate(-26deg) translate(266px) rotate(26deg);
        -ms-transform: rotate(-26deg) translate(266px) rotate(26deg);
        transform: rotate(-26deg) translate(266px) rotate(26deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(3) {
        -webkit-transform: rotate(2deg) translate(266px) rotate(-2deg);
        -ms-transform: rotate(2deg) translate(266px) rotate(-2deg);
        transform: rotate(2deg) translate(266px) rotate(-2deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(4) {
        -webkit-transform: rotate(30deg) translate(266px) rotate(-30deg);
        -ms-transform: rotate(30deg) translate(266px) rotate(-30deg);
        transform: rotate(30deg) translate(266px) rotate(-30deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(5) {
        -webkit-transform: rotate(-117deg) translate(266px) rotate(117deg);
        -ms-transform: rotate(-117deg) translate(266px) rotate(117deg);
        transform: rotate(-117deg) translate(266px) rotate(117deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(6) {
        -webkit-transform: rotate(-142deg) translate(266px) rotate(142deg);
        -ms-transform: rotate(-142deg) translate(266px) rotate(142deg);
        transform: rotate(-142deg) translate(266px) rotate(142deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(7) {
        -webkit-transform: rotate(-196deg) translate(266px) rotate(196deg);
        -ms-transform: rotate(-196deg) translate(266px) rotate(196deg);
        transform: rotate(-196deg) translate(266px) rotate(196deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(8) {
        -webkit-transform: rotate(-221deg) translate(266px) rotate(221deg);
        -ms-transform: rotate(-221deg) translate(266px) rotate(221deg);
        transform: rotate(-221deg) translate(266px) rotate(221deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(9) {
        -webkit-transform: rotate(-168deg) translate(266px) rotate(168deg);
        -ms-transform: rotate(-168deg) translate(266px) rotate(168deg);
        transform: rotate(-168deg) translate(266px) rotate(168deg);
    }
    /*inner*/ 

    /*-----Social Slide-----*/


    /*-------Overlay Section------*/
    .overlay-detail {
        padding: 12px 13px;
        width: 344px;
        max-width: 100%;
    }
    .posts-previous,
    .posts-next {
        width: 26px;
        height: 51px;
    }
    .posts-previous {
        left: -60px;
    }
    .computer .posts-previous:hover {
        left: -65px;
    }
    .posts-next {
        right: -60px;
    }
    .computer .posts-next:hover {
        right: -65px;
    }
    .overlay-close {
        width: 26px;
        height: 26px;
        bottom: -50px;
        margin-left: -13px;
    }

    .computer .overlay-close:hover {
        bottom: -56px;
      
    }    
    /*-------Overlay Section------*/

    /*-------Intro page--------*/
    .wrapper.about-inner-pages {
        /*background-size: contain;*/
    }
    .about-inner-pages .about-contents h2 {
        margin-top: 189px;
    }
    .about-inner-pages .about-contents p {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .about-inner-pages .about-contents img {
        top: 0px;
        width: auto;
    }
    /*-------Intro page--------*/

    /*-------Origin page--------*/
    .about-inner-pages .about-contents .origin-slide h2 ,
    .about-inner-pages .about-contents .process-slide h2 ,
    .about-inner-pages .about-contents .ingredients-slide h2{
        margin-top: 30vh;
    }

    .plus-pointer {
        top: 35%;
        right: 26%;
    }

    .process-foreground .second_one {
        left: 22%;
    }
    .ingredients-foreground .first_one {
        right: 15%;
        top: 26%;
    }
    .ingredients-foreground .second_one {
        right: 34%;
        top: 51%;
    }
    .about-us_info .overlay-container {
        max-width: 700px;
    }

    .ingredients-slide {
        top: -2px;
    }
    .aboutUs-special .main-bottle {
        width: 380px;
    }
    .global-flavors.four-row {
        top: 22px;
    }    
    .global-flavors.three-row {
        top: 40px;
    }
    .origin-slide {
        top: 53px;
    }
    .process-slide {
        top: -8px;
    }    
    .gallery-section.special_recipeImg .fullWidthImg {
        width: 909px;
        left: 167px;
        top: -80px;
    }   
    /*-------Origin page--------*/

    /***************************
            ABOUT SECTIONS
    ****************************/

    /*--------recipes-pages---------*/
    .recipe-inner_pages .vertically-center {
        background-size: auto 515px;
    }
    .recipe-inner_pages .vertically-center::before {
        top: 515px;
    }
    .recipe-inner_pages .about-contents h2 {
        font-size: 48px;
        line-height: 42px;
        letter-spacing: 3px;
    }
    dl dd {
        margin-left: 97px;
        font-size: 18px;
        line-height: 22px;
    }
    dl dt {
        width: 80px;
        font-size: 18px;
        line-height: 22px;
        height: 22px;
    }
    dl dt span {
        font-size: inherit;
    }  

    .v1_short dt {
        width: 64px;
    }
    .recipeDetailIns.v1_short {
        background-position: 64px 0;
    }
    .v1_short dd {
        margin-left: 80px;
    }

    .v2_short dt {
        width: 48px;
    }
    .recipeDetailIns.v2_short {
        background-position: 48px 0;
    }
    .v2_short dd {
        margin-left: 62px;
    }      
    .recipeDetailIns {
        background-position: 82px 0;
        background-size: 7px 100%;
    }
    .recipe-inner_pages .about-contents p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .recipeGPH h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .recipeGPH::before {
        left: 4px;
        right: 4px;
        top: 18px;
        bottom: 18px;
    }   
    .recipeGPH::after {
        left: 18px;
        right: 18px;
        top: 4px;
        bottom: 4px;
    }     
    .for-group_recipes {
        margin-top: 50px;
    }
    .categorized-cocktails .for-group_recipes {
        margin-top: 95px;
        margin-bottom: 10px;
    }
    .container.recipes-container {
        max-width: 1050px;
    }
    .featured-cocktails .recipe-container_main {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .recipe-image {
        bottom: 60px;
        height: 352px;
    }
    .recipe-image::before {
        width: 500px;
        height: 500px;
        top: -140px;
    }

    .recipe-item {
        height: 385px;
        width: 204px;
        padding: 0 10px;
    }
    .food-recipes .image-front {
        width: 195px;
        transform: translate3d(0px, 150px, 0);
        -webkit-transform: translate3d(0px, 150px, 0);
        -ms-transform: translate3d(0px, 150px, 0);
    }
    .image-front {
        width: 195px;
        transform: translate3d(-1px, 21px, 0);
        -webkit-transform: translate3d(-1px, 21px, 0);
        -ms-transform: translate3d(-1px, 21px, 0);
    }
    .recipe-detail .image-front {
        transform: translate3d(0, -123px, 0);
        -webkit-transform: translate3d(0, -123px, 0);
        -ms-transform: translate3d(0, -123px, 0);
        width: 66%;
    }

    .recipe-detail.food-details .image-front {
        transform: translate3d(-10px, 74px, 0);
        -webkit-transform: translate3d(-10px, 74px, 0);
        -ms-transform: translate3d(-10px, 74px, 0);
        width: 90%;
    }

    .recipe-inner_pages .about-contents .largest {
        font-size: 80px;
        line-height: 65px;
        letter-spacing: 15px;
        margin: 0 !important;
    }
    .largest > span {
        margin-bottom: 9px;
        font-size: 20px;
    }
    .largest > span span {
        padding: 0 108px 10px;
        background-size: auto 4px;
    }

    .recipe-name {
        bottom: 11px;
        height: 38px;
        font-size: 17px;
    }
    .page-navigation ul li a span {
        font-size: 16px;
        line-height: 16px;
    }
    .recipe-name-inner {
        height: 50px;
        background-image: url(../images/name-decor-mid-md.png);
        font-size: 13px;
        line-height: 12px;
    }
    .recipe-name.recipe-name_large {
        height: 70px;
        padding: 0 23px;
        margin: 55px auto 32px;
        background-size: auto 70px, auto 70px;
    }
    .recipe-name_large .recipe-name-inner {
        height: 70px;
        font-size: 36px;
        line-height: 34px;
        background-size: auto 70px;
    }    
    .breadcrumb {
        font-size: 11px;
        margin-bottom: 8px;
    }
    .recipe-ingredients .ingredient-texts {
        font-size: 15px;
        line-height: 22px;
        padding-left: 10px;
    }

    .recipe-ingredients {
        margin-top: -75px;
    }    
    .recipe-detail {
        width: 820px;
        top: -30px;
        margin-left: -410px;
    }  
    .vr-scrollable {
        height: 344px;
    } 
	.about-contents .vr-scrollable {
        height: 286px;
        overflow: hidden;
    } 
    .recipeGPH {
        margin-bottom: 7px;
        padding: 18px;
        background-size: 13px auto, 13px auto, 13px auto, 13px auto;        
    }
    .recipe-detail .recipe-image::before {
        width: 850px;
        height: 775px;
        top: -235px;
    }    
    .recipeInnerBg {
        padding: 18px 4px 18px 20px;
    }
    .recipe-inner_pages .vertically-center.recipe-detail_open {
        background-size: auto 555px;
    }
    .recipe-inner_pages .vertically-center.recipe-detail_open::before {
        top: 555px;
    }
    .recipe-ingredients ul {
        margin-bottom: 0;
    }
    .recipe-ingredients li {
        margin: 0 0 13px;
    }

    .recipe-ingredients .special {
        margin-bottom: 12px;
    }
    .collapsible-section h3 {
        font-size: 20px;
        line-height: 20px;
        margin: 5px 0 15px;
    }
    .collapsible-section h4 {
        font-size: 28px;
        line-height: 28px;
        letter-spacing: 3px;
        margin-bottom: 3px;
    }
    .collapsible-section h4 span {
        padding-right: 30px;
        -ms-background-position-y: -27px;
        background-position-y: -27px;
        background-size: 18px auto;
    }
    .computer .collapsible-section.open h4 span:hover {
        -ms-background-position-y: -27px;
        background-position-y: -27px;
    }
    .collapsible-section.open h4 span, 
    .computer .collapsible-section h4 span:hover {
        -ms-background-position-y: 0px;
        background-position-y: 0px;
    }
    .detail-seperator + .collapsible-section {
        padding-top: 1px;
        padding-bottom: 9px;
    }
    .collapsible-section.open {
        padding-bottom: 19px;
    }
    .recipe-ingredients h5 {
        margin: 15px 0 11px;
    }
    .detail-seperator {
        margin-bottom: 11px;
    }
    .recipe-ingredients p {
        margin-bottom: 13px;
    }
    .recipe-ingredients h5 span:first-child {
        font-size: 10px;
        line-height: 10px;
    }    
    .recipe-back {
        margin-right: 15px;
        font-size: 21px;
        padding-left: 18px;
    }
    .recipe-share span {
        font-size: 21px;
    }
    .recipe-ingredients h5 span:last-child {
        font-size: 28px;
        line-height: 26px;
    }
    .recipe-share {
        padding-left: 18px;
    }
    .recipe-share a {
        margin-top: 3px;
    }
    /*--------recipes-pages---------*/

    /*--------Agegate---------*/
    .agegate-overlay .overlay-container {
        width: 360px;
    }
    .agegate-overlay h1 {
        font-size: 48px;
        line-height: 48px;
        margin: 50px 0 8px;
    }

    .agegate-overlay .overlay-container p {
        font-size: 24px;
        margin-bottom: 17px;
    }
    .agegate-overlay .row {
        margin-left: -8px;
        margin-right: -8px;
    }
    .one-third {
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .remember-me {
        margin: 17px 0;
    }
    label.customRC {
        font-size: 16px;
        line-height: 20px;
        padding-left: 34px;
    }
    input.customRC:checked + label.customRC span {
        background-size: 10px auto;
    }
    label.customRC span {
        width: 20px;
        height: 20px;
    }
    .age-gate-btns .btn {
        min-width: 160px;
    }
    .btn {
        font-size: 14px;
        height: 40px;
        line-height: 22px;
        padding: 5px 18px 0 22px;
    }
    .btn.fb {
        padding-top: 12px;
    }
    .btn.fb span {
        padding-left: 12px;
        background-size: 18px auto;
    }

    .btn span {
        padding-right: 11px;
        background-size: 12px auto;
    }

    .age-seperator {
        height: 8px;
        margin: 25px 0 23px;
        background-size: contain;
    }
    .age-gate-btns .btn {
        min-width: 152px;
    }
    .chosen-container-single a.chosen-single {
        height: 46px;
        line-height: 40px;
        padding: 2px 30px 0 15px;
        font-size: 19px;
    }
    .chosen-container-single .chosen-single div {
        top: 9px;
        height: 26px;
        width: 28px;
        background-size: 18px auto;
        background-position: 0 -24px;
    }
    .chosen-container .chosen-results li {
        font-size: 14px;
        padding: 5px 10px;
    }

.chosen-container-single .chosen-search input[type="text"] {
    height: 32px;
    font-size: 14px;
}
    /*-------Agegate page--------*/

    /*-------Contact page--------*/
    .contact-us .overlay-container {
        width: 520px;
    }
    .contact-us h2 {
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 8px
    }
    .contact-us .overlay-container p {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 24px;        
    }
    .contact-us .overlay-container .row {
        margin-left: -6px;
        margin-right: -6px;
    }
    .contact-us .overlay-container .row > li {
        padding: 0 6px;
        margin-bottom: 12px;
    }
    .contact-us .chosen-container-single a.chosen-single {
        height: 40px;
        line-height: 36px;
        padding: 0 24px 0 12px;
        font-size: 17px;
    }
    .contact-us .chosen-container-single .chosen-single div {
        top: 4px;
        height: 24px;
        width: 24px;
        background-size: 14px auto;
        background-position: 0 5px;
    }
    .contact-us .chosen-container-single.chosen-container-active  .chosen-single div {
      background-position: 0 -15px;
    }
    .full-width.form-decor {
        height: 20px;
        background-size: auto 5px;
    }
    .asterisk {
        font-size: 14px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
    .form-control {
        height: 36px;
        font-size: 17px;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 3px;
    }
    textarea.form-control {
        min-height: 110px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .contact-us h3 {
        font-size: 45px;
        line-height: 60px;
        margin: 70px 0 0;
        padding: 64px 0 0;
    }
    .contact-us .btn span {
        padding-right: 18px;
    }
    .overlay-container {
        margin: 40px auto;
    }

    /*-------Contact page--------*/
    .tablet .select-container .btn-fallback, 
    .phone .select-container .btn-fallback {
        height: 40px;
        line-height: 35px;
        padding: 0 30px 6px 13px;
        font-size: 17px;
    }
    .select-container .btn-fallback span {
        width: 24px;
        background-size: 15px auto;
        background-position: 0 -22px;
    }
    .heritage {
    	position: absolute;
    	width: 443px;
    	left: 73%;
    	top: 178px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        pointer-events: none;
        z-index: 100;    	
    }
    .about-inner-pages .about-contents img {
    	margin-top: 186px;
    }
    .review {
        width: 235px;
        bottom: -25%;
        left: 89%;
    }
	.review p{
	font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.015em;
	}
}

/*---------Resolution fix for sections below 1400px----------*/

/*---------Resolution fix for sections----------*/
@media screen and (min-width: 1200px) and (max-width: 1399px) and (min-height: 800px ){
    
	.vertically-center {
        height: 660px;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        padding-top: 40px;
        background-size: auto 530px;
    }  

.vertically-center::before {
    top: 530px;
}   
    .main-ddc_bottle {
        top: -94px;
        width: 732px;
    }
	.about-slide, .intro-slide {
		top: 0px;
	}
    /*-----Recipe Slide------*/
    .recipe-slide-img img {
        top: 236px;
        width: 244px;
    }
    .recipe-slide-right {
        left: 194px;
    }
    .recipe-slide-left {
        left: -182px;
    }
    /*-----Recipe Slide------*/

    /*-----Boty Slide------*/
    .boty-slide-img img {
        top: 262px;
        width: 252px;
    }
    .boty-winnerInfo {
        left: -280px;
        top: 510px;
    }    
    .boty-slide-right {
        left: 183px;
    }
    .boty-slide-left {
        left: -164px;
    }
    /*-----Boty Slide------*/

    /*-------Intro page--------*/
    .about-inner-pages .about-contents h2 {
        margin-top: 139px;
    }
    /*-------Intro page--------*/

    /*-------Origin page--------*/
    .about-inner-pages .about-contents .origin-slide h2 ,
    .about-inner-pages .about-contents .process-slide h2 ,
    .about-inner-pages .about-contents .ingredients-slide h2{
        margin-top: 17vh;
    }
    /*-------Origin page--------*/

    .categorized-cocktails .for-group_recipes {
        margin-top: 65px;
        margin-bottom: 46px;
    }
    .gallery-section.special_recipeImg .fullWidthImg {
        width: 924px;
        left: 180px;
    }    
}
/*---------Resolution fix for sections----------*/

/*---------Resolution fix for contact us----------*/
@media screen and (min-width: 1200px) and (max-width: 1399px) and (max-height: 645px ){
    .overlay.contact-us .v-main,
    .overlay.contact-us .v-align-middle{
        display: block;
    }    
    .overlay.contact-us .footer{
        position: relative;
        left: auto;
        bottom: auto;
    }
    .contact-us .overlay-container {
        margin-bottom: 20px !important;
        min-height: calc(100vh - 125px);
    }
}
/*---------Resolution fix for contact us----------*/

/*---------Resolution fix for sections----------*/
@media screen and (min-width: 1300px) and (max-width: 1399px) and (max-height: 705px ){ .brand-logo {
         width: 253px;
    }    
    .wrapper {
        min-height: 620px;
    }
    .vertically-center {
        min-height: 560px;
        background-size: auto 474px;
        padding-top: 40px;
    }

.vertically-center::before {
    top: 474px;
}
    
    .about-contents h2 {
        margin-top: 83px;
    }
    .main-ddc_bottle {
        top: -68px;
        width: 610px;
    }
    .main-ddc_bottle.lowZ101 {
        top: -60px;
    }    
    p {
        font-size: 19px;
        line-height: 23px;
    }
    /*-----Recipe Slide------*/
    .recipe-slide-img img {
        top: 221px;
        width: 200px;
    }
    .recipe-slide-right {
        left: 184px;
    }
    .recipe-slide-left {
        left: -128px;
    }
    /*-----Recipe Slide------*/

    /*-----Boty Slide------*/
    .boty-slide-img img {
        top: 228px;
        width: 210px;
    }
    .boty-winnerInfo {
        left: -230px;
        top: 454px;
    }    
    .boty-slide-right {
        left: 175px;
    }
    .boty-slide-left {
        left: -115px;
    }
    /*-----Boty Slide------*/


    /*-----Social Slide-----*/
    .social-slide {
        width: 850px;
        height: 850px;    
        top: -190px;
    }
    .social-feed-container.mid-feed { 
        width: 676px;
        height: 676px;
        top: 87px;
    }
    .social-feed-container.inner-feed { 
        width: 492px;
        height: 492px;
        top: 181px;
    }
    .social-feed-container li {
        width: 92px;
        height: 92px;
        margin: -46px;
    }
    .social-feed-container li a img {
        width: 82px;
        height: 82px;
    }
    .social-feed-container.outer-feed li:nth-of-type(1) img,
    .social-feed-container.outer-feed li:nth-of-type(2) img,
    .social-feed-container.outer-feed li:nth-of-type(4) img,
    .social-feed-container.inner-feed li:nth-of-type(3) img,
    .social-feed-container.inner-feed li:nth-of-type(6) img,
    .social-feed-container.inner-feed li:nth-of-type(8) img,
    .social-feed-container.mid-feed li:nth-of-type(5) img,
    .social-feed-container.mid-feed li:nth-of-type(7) img,
    .social-feed-container.outer-feed li:nth-of-type(5) img,
    .social-feed-container.outer-feed li:nth-of-type(6) img,
    .social-feed-container.mid-feed li:nth-of-type(9) img,
    .social-feed-container.outer-feed li:nth-of-type(8) img{
        width: 66px; 
        height: 66px;  
    }  
    .social-feed-container.mid-feed li:nth-of-type(1) img,
    .social-feed-container.mid-feed li:nth-of-type(2) img,
    .social-feed-container.mid-feed li:nth-of-type(4) img,
    .social-feed-container.mid-feed li:nth-of-type(6) img {
        width: 50px; 
        height: 50px;  
    }    


    .social-feed-container li:nth-of-type(1) {
        -webkit-transform: rotate(-196deg) translate(425px) rotate(196deg);
        -ms-transform: rotate(-196deg) translate(425px) rotate(196deg);
        transform: rotate(-196deg) translate(425px) rotate(196deg);
    }
    .social-feed-container li:nth-of-type(2) {
        -webkit-transform: rotate(-154deg) translate(425px) rotate(154deg);
        -ms-transform: rotate(-154deg) translate(425px) rotate(154deg);
        transform: rotate(-154deg) translate(425px) rotate(154deg);
    }
    .social-feed-container li:nth-of-type(3) {
        -webkit-transform: rotate(-139deg) translate(425px) rotate(141deg);
        -ms-transform: rotate(-139deg) translate(425px) rotate(141deg);
        transform: rotate(-139deg) translate(425px) rotate(141deg);
    }
    .social-feed-container li:nth-of-type(4) {
        -webkit-transform: rotate(-122deg) translate(425px) rotate(122deg);
        -ms-transform: rotate(-122deg) translate(425px) rotate(122deg);
        transform: rotate(-122deg) translate(425px) rotate(122deg);
    }
    .social-feed-container li:nth-of-type(5) {
        -webkit-transform: rotate(-42deg) translate(425px) rotate(42deg);
        -ms-transform: rotate(-42deg) translate(425px) rotate(42deg);
        transform: rotate(-42deg) translate(425px) rotate(42deg);
    }
    .social-feed-container li:nth-of-type(6) {
        -webkit-transform: rotate(-24deg) translate(425px) rotate(24deg);
        -ms-transform: rotate(-24deg) translate(425px) rotate(24deg);
        transform: rotate(-24deg) translate(425px) rotate(24deg);
    }
    .social-feed-container li:nth-of-type(7) {
        -webkit-transform: rotate(8deg) translate(425px) rotate(-8deg);
        -ms-transform: rotate(8deg) translate(425px) rotate(-8deg);
        transform: rotate(8deg) translate(425px) rotate(-8deg);
    }
    .social-feed-container li:nth-of-type(8) {
        -webkit-transform: rotate(-8.5deg) translate(425px) rotate(8.5deg);
        -ms-transform: rotate(-8.5deg) translate(425px) rotate(8.5deg);
        transform: rotate(-8.5deg) translate(425px) rotate(8.5deg);
    }


    /*mid*/
    .social-feed-container.mid-feed li:nth-of-type(1) {
        -webkit-transform: rotate(-58deg) translate(338px) rotate(58deg);
        -ms-transform: rotate(-58deg) translate(338px) rotate(58deg);
        transform: rotate(-58deg) translate(338px) rotate(58deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(2) {
        -webkit-transform: rotate(-26deg) translate(338px) rotate(26deg);
        -ms-transform: rotate(-26deg) translate(338px) rotate(26deg);
        transform: rotate(-26deg) translate(338px) rotate(26deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(3) {
        -webkit-transform: rotate(20deg) translate(338px) rotate(-20deg);
        -ms-transform: rotate(20deg) translate(338px) rotate(-20deg);
        transform: rotate(20deg) translate(338px) rotate(-20deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(4) {
        -webkit-transform: rotate(-116deg) translate(338px) rotate(116deg);
        -ms-transform: rotate(-116deg) translate(338px) rotate(116deg);
        transform: rotate(-116deg) translate(338px) rotate(116deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(5) {
        -webkit-transform: rotate(-133deg) translate(338px) rotate(133deg);
        -ms-transform: rotate(-133deg) translate(338px) rotate(133deg);
        transform: rotate(-133deg) translate(338px) rotate(133deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(6) {
        -webkit-transform: rotate(-150deg) translate(338px) rotate(150deg);
        -ms-transform: rotate(-150deg) translate(338px) rotate(150deg);
        transform: rotate(-150deg) translate(338px) rotate(150deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(7) {
        -webkit-transform: rotate(-189deg) translate(0px) rotate(189deg);
        -ms-transform: rotate(-189deg) translate(0px) rotate(189deg);
        transform: rotate(-189deg) translate(0px) rotate(189deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(8) {
        -webkit-transform: rotate(-206deg) translate(338px) rotate(206deg);
        -ms-transform: rotate(-206deg) translate(338px) rotate(206deg);
        transform: rotate(-206deg) translate(338px) rotate(206deg);
    }

    .social-feed-container.mid-feed li:nth-of-type(9) {
        -webkit-transform: rotate(-5deg) translate(338px) rotate(5deg);
        -ms-transform: rotate(-5deg) translate(338px) rotate(5deg);
        transform: rotate(-5deg) translate(338px) rotate(5deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(10) {
        -webkit-transform: rotate(-89deg) translate(338px) rotate(89deg);
        -ms-transform: rotate(-89deg) translate(338px) rotate(89deg);
        transform: rotate(-89deg) translate(338px) rotate(89deg);
    }
    /*mid*/


    /*inner*/
    .social-feed-container.inner-feed li:nth-of-type(1) {
        -webkit-transform: rotate(-58deg) translate(246px) rotate(58deg);
        -ms-transform: rotate(-58deg) translate(246px) rotate(58deg);
        transform: rotate(-58deg) translate(246px) rotate(58deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(2) {
        -webkit-transform: rotate(-26deg) translate(246px) rotate(26deg);
        -ms-transform: rotate(-26deg) translate(246px) rotate(26deg);
        transform: rotate(-26deg) translate(246px) rotate(26deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(3) {
        -webkit-transform: rotate(2deg) translate(246px) rotate(-2deg);
        -ms-transform: rotate(2deg) translate(246px) rotate(-2deg);
        transform: rotate(2deg) translate(246px) rotate(-2deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(4) {
        -webkit-transform: rotate(30deg) translate(246px) rotate(-30deg);
        -ms-transform: rotate(30deg) translate(246px) rotate(-30deg);
        transform: rotate(30deg) translate(246px) rotate(-30deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(5) {
        -webkit-transform: rotate(-117deg) translate(246px) rotate(117deg);
        -ms-transform: rotate(-117deg) translate(246px) rotate(117deg);
        transform: rotate(-117deg) translate(246px) rotate(117deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(6) {
        -webkit-transform: rotate(-142deg) translate(246px) rotate(142deg);
        -ms-transform: rotate(-142deg) translate(246px) rotate(142deg);
        transform: rotate(-142deg) translate(246px) rotate(142deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(7) {
        -webkit-transform: rotate(-196deg) translate(246px) rotate(196deg);
        -ms-transform: rotate(-196deg) translate(246px) rotate(196deg);
        transform: rotate(-196deg) translate(246px) rotate(196deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(8) {
        -webkit-transform: rotate(-221deg) translate(246px) rotate(221deg);
        -ms-transform: rotate(-221deg) translate(246px) rotate(221deg);
        transform: rotate(-221deg) translate(246px) rotate(221deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(9) {
        -webkit-transform: rotate(-168deg) translate(246px) rotate(168deg);
        -ms-transform: rotate(-168deg) translate(246px) rotate(168deg);
        transform: rotate(-168deg) translate(246px) rotate(168deg);
    }
    /*inner*/  

    /*-----Social Slide-----*/

    /*-------Intro page--------*/
    .about-inner-pages .about-contents h2 {
        margin-top: 110px;
    }
    .origin-slide {
        top: 66px;
    }
    .gallery-section.special_recipeImg .fullWidthImg {
        width: 780px;
        left: 92px;
        top: -48px;
    }    
    .process-slide {
        top: 12px;
    }   
    .ingredients-slide {
        top: 26px;
    }     
    .global-flavors.four-row {
        top: 0;
        left: 21px;
        right: auto;
    }    
    /*-------Intro page--------*/

    /*--------recipes-pages---------*/
    .recipe-inner_pages .vertically-center {
        background-size: auto 440px ;
    }
    .recipe-inner_pages .vertically-center::before {
        top: 440px;
    }    
    .categorized-cocktails .for-group_recipes {
        margin-top: 72px;
        margin-bottom: 5px;
    }
    .recipe-inner_pages .about-contents h2 {
        font-size: 48px;
        line-height: 40px;
        letter-spacing: 4px;
    }
    .page-navigation {
        bottom: 55px;
    }
    .recipe-item {
        height: 330px;
    }
    .food-recipes .image-front {
        width: 186px;
        transform: translate3d(0px, 116px, 0);
        -webkit-transform: translate3d(0px, 116px, 0);
        -ms-transform: translate3d(0px, 116px, 0);
    }

    .image-front {
        width: 168px;
        transform: translate3d(-2px, 17px, 0);
        -webkit-transform: translate3d(-2px, 17px, 0);
        -ms-transform: translate3d(-2px, 17px, 0);
    }
    .recipe-detail .image-front {
        transform: translate3d(0, -100px, 0);
        -webkit-transform: translate3d(0, -100px, 0);
        -ms-transform: translate3d(0, -100px, 0);
        width: 70%;
    }
    .recipe-detail.food-details .image-front {
        transform: translate3d(-20px, 40px, 0);
        -webkit-transform: translate3d(-20px, 40px, 0);
        -ms-transform: translate3d(-20px, 40px, 0);
        /*! width: 85%; */
    }
    .collapsible-section.open {
        padding-bottom: 20px;
    }
    .vr-scrollable {
        height: 294px;
    }

    .recipe-detail  ,
    .recipe-detail-outer{
        width: 766px;
        margin-left: -383px;
    }

    .recipe-image {
        bottom: 43px;
        height: 320px;
    }
    .recipe-name.recipe-name_large {
        margin: 42px auto 25px;
    }
    .recipe-ingredients li {
        margin: 0 0 10px;
    }
    .detail-seperator {
        margin-bottom: 10px;
    }
    .recipe-ingredients p {
        margin-bottom: 12px;
    }
/*--------recipes-pages---------*/
}

/*---------Resolution fix for sections----------*/

/*---------Resolution fix for sections below 1300----------*/
@media screen and (max-width: 1299px) { 

    .gp-divider {
        height: 12px;
        background-size: auto 12px;
        margin: 15px auto 13px;
        width: 150px;
    }    
    .gp-divider::before, 
    .gp-divider::after {
        width: 56px;
    } 
    .brand-logo {
         width: 253px;
    }  
    .nav-icon, 
    .contact-close_icon {
        right: 22px;
        top: 20px;
    }      
    .footer ul li {
        margin-left: 30px;
    }
    .contact-us h3 {
        font-size: 40px;
        line-height: 50px;
        margin: 50px 0 0;
        padding: 44px 0 0;
    }

    .collapsible-section h4 {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 3px;
        margin-bottom: 3px;
    }
    .collapsible-section.open h4 span, 
    .computer .collapsible-section h4 span:hover {
        -ms-background-position-y: 0px;
        background-position-y: 0px;
    }
    .collapsible-section h4 span {
        padding-right: 25px;
        -ms-background-position-y: -22px;
        background-position-y: -22px;
        background-size: 15px auto;
    }
    .computer .collapsible-section.open h4 span:hover {
        -ms-background-position-y: -22px;
        background-position-y: -22px;
    }
    .collapsible-section.open {
        padding-bottom: 16px;
    }
    .food-details .detail-seperator + .collapsible-section {
        padding-top: 5px;
        padding-bottom: 7px;
    }
    .collapsible-section h3 {
        font-size: 17px;
        line-height: 17px;
        margin: 4px 0 14px;
    }
.gallery-section.special_recipeImg .fullWidthImg {
    width: 885px;
    left: 160px;
}    
}
/*---------Resolution fix for sections below 1300----------*/

@media screen and (min-width: 1200px) and (max-width: 1299px) and (max-height: 705px ){
    .wrapper {
        min-height: 550px;
    }
    .vertically-center {
        min-height: 492px;
        background-size: auto 410px;
        padding-top: 40px;
    }
    .vertically-center::before {
        top: 410px;
    }    
    .container {
        width: 720px;
    }
    .about-contents {
        width: 360px;
    }
    .about-contents h2 {
        margin-top: 36px;
        font-size: 57px;
        line-height: 55px;
    }
    p {
        font-size: 18px;
        line-height: 22px;
    }
    .about-slide, 
    .intro-slide, 
    .recipes-slide {
        top: 0;
    }
    .main-ddc_bottle.lowZ101 {
        top: -60px;
        margin-left: 7px;
    }    
    .main-ddc_bottle {
        top: -67px;
        width: 532px;
    }
    .woc-slide {
        top: 40px;
        width: 301px;
    }    
    .woc-slide .dub-seperator {
        margin-right: 6px;
        margin-top: 10px;
        margin-bottom: 9px;
    }
    .common-link {
        font-size: 13px;
        line-height: 18px;
        padding-right: 26px;
        padding-top: 2px;
    }
    a.common-link.dub-link,
    button.common-link.dub-link {
        min-width: 1px;
        height: 40px;
        padding: 0 38px;
    }
   
    a.common-link.dub-link .dub-link-inner, 
    button.common-link.dub-link .dub-link-inner {
        width: auto;
        height: 40px;
        font-size: 18px;
        line-height: 1;
        padding: 0 11px;
    }    
    /*-----Recipe Slide------*/
    .recipe-slide-img img {
        top: 183px;
        width: 177px;
    }
    .recipe-slide-right {
        left: 178px;
    }
    .recipe-slide-left {
        left: -92px;
    }
    /*-----Recipe Slide------*/

    /*-----Boty Slide------*/
    .boty-slide-img img {
        top: 191px;
        width: 182px;
    }
    .boty-winnerInfo {
        left: -190px;
        top: 385px;
    }    
    .boty-slide-right {
        left: 170px;
    }
    .boty-slide-left {
        left: -82px;
    }
    /*-----Boty Slide------*/

    /*-----Social Slide-----*/
    .about-contents .woc-slide h2 {
        margin-top: 88px;
        letter-spacing: 0px;
    }

    .social-slide {
      width: 700px;
      height: 700px;    
      top: -160px;
    }
    .social-feed-container.mid-feed { 
        width: 556px;
        height: 556px;
        top: 72px;
    }
    .social-feed-container.inner-feed { 
        width: 406px;
        height: 406px;
        top: 148px;
    }
    .social-feed-container li {
      width: 80px;
      height: 80px;
      margin: -40px;
    }
    .social-feed-container li a img {
        width: 70px;
        height: 70px;
    }
    .social-feed-container.outer-feed li:nth-of-type(1) img,
    .social-feed-container.outer-feed li:nth-of-type(2) img,
    .social-feed-container.outer-feed li:nth-of-type(4) img,
    .social-feed-container.inner-feed li:nth-of-type(3) img,
    .social-feed-container.inner-feed li:nth-of-type(6) img,
    .social-feed-container.inner-feed li:nth-of-type(8) img,
    .social-feed-container.mid-feed li:nth-of-type(5) img,
    .social-feed-container.mid-feed li:nth-of-type(7) img,
    .social-feed-container.outer-feed li:nth-of-type(5) img,
    .social-feed-container.outer-feed li:nth-of-type(6) img,
    .social-feed-container.mid-feed li:nth-of-type(9) img,
    .social-feed-container.outer-feed li:nth-of-type(8) img{
        width: 56px; 
        height: 56px;  
    }  
    .social-feed-container.mid-feed li:nth-of-type(1) img,
    .social-feed-container.mid-feed li:nth-of-type(2) img,
    .social-feed-container.mid-feed li:nth-of-type(4) img,
    .social-feed-container.mid-feed li:nth-of-type(6) img {
        width: 42px;
        height: 42px;   
    }
      


    .social-feed-container li:nth-of-type(1) {
        -webkit-transform: rotate(-196deg) translate(350px) rotate(196deg);
        -ms-transform: rotate(-196deg) translate(350px) rotate(196deg);
        transform: rotate(-196deg) translate(350px) rotate(196deg);
    }
    .social-feed-container li:nth-of-type(2) {
        -webkit-transform: rotate(-154deg) translate(350px) rotate(154deg);
        -ms-transform: rotate(-154deg) translate(350px) rotate(154deg);
        transform: rotate(-154deg) translate(350px) rotate(154deg);
    }
    .social-feed-container li:nth-of-type(3) {
        -webkit-transform: rotate(-139deg) translate(350px) rotate(141deg);
        -ms-transform: rotate(-139deg) translate(350px) rotate(141deg);
        transform: rotate(-139deg) translate(350px) rotate(141deg);
    }
    .social-feed-container li:nth-of-type(4) {
        -webkit-transform: rotate(-122deg) translate(350px) rotate(122deg);
        -ms-transform: rotate(-122deg) translate(350px) rotate(122deg);
        transform: rotate(-122deg) translate(350px) rotate(122deg);
    }
    .social-feed-container li:nth-of-type(5) {
        -webkit-transform: rotate(-42deg) translate(350px) rotate(42deg);
        -ms-transform: rotate(-42deg) translate(350px) rotate(42deg);
        transform: rotate(-42deg) translate(350px) rotate(42deg);
    }
    .social-feed-container li:nth-of-type(6) {
        -webkit-transform: rotate(-24deg) translate(350px) rotate(24deg);
        -ms-transform: rotate(-24deg) translate(350px) rotate(24deg);
        transform: rotate(-24deg) translate(350px) rotate(24deg);
    }
    .social-feed-container li:nth-of-type(7) {
        -webkit-transform: rotate(8deg) translate(350px) rotate(-8deg);
        -ms-transform: rotate(8deg) translate(350px) rotate(-8deg);
        transform: rotate(8deg) translate(350px) rotate(-8deg);
    }
    .social-feed-container li:nth-of-type(8) {
        -webkit-transform: rotate(-8.5deg) translate(350px) rotate(8.5deg);
        -ms-transform: rotate(-8.5deg) translate(350px) rotate(8.5deg);
        transform: rotate(-8.5deg) translate(350px) rotate(8.5deg);
    }


    /*mid*/
    .social-feed-container.mid-feed li:nth-of-type(1) {
        -webkit-transform: rotate(-58deg) translate(278px) rotate(58deg);
        -ms-transform: rotate(-58deg) translate(278px) rotate(58deg);
        transform: rotate(-58deg) translate(278px) rotate(58deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(2) {
        -webkit-transform: rotate(-26deg) translate(278px) rotate(26deg);
        -ms-transform: rotate(-26deg) translate(278px) rotate(26deg);
        transform: rotate(-26deg) translate(278px) rotate(26deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(3) {
        -webkit-transform: rotate(20deg) translate(278px) rotate(-20deg);
        -ms-transform: rotate(20deg) translate(278px) rotate(-20deg);
        transform: rotate(20deg) translate(278px) rotate(-20deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(4) {
        -webkit-transform: rotate(-116deg) translate(278px) rotate(116deg);
        -ms-transform: rotate(-116deg) translate(278px) rotate(116deg);
        transform: rotate(-116deg) translate(278px) rotate(116deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(5) {
        -webkit-transform: rotate(-133deg) translate(278px) rotate(133deg);
        -ms-transform: rotate(-133deg) translate(278px) rotate(133deg);
        transform: rotate(-133deg) translate(278px) rotate(133deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(6) {
        -webkit-transform: rotate(-150deg) translate(278px) rotate(150deg);
        -ms-transform: rotate(-150deg) translate(278px) rotate(150deg);
        transform: rotate(-150deg) translate(278px) rotate(150deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(7) {
        -webkit-transform: rotate(-206deg) translate(0px) rotate(189deg);
        -ms-transform: rotate(-206deg) translate(0px) rotate(189deg);
        transform: rotate(-206deg) translate(0px) rotate(189deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(8) {
        -webkit-transform: rotate(-206deg) translate(278px) rotate(206deg);
        -ms-transform: rotate(-206deg) translate(278px) rotate(206deg);
        transform: rotate(-206deg) translate(278px) rotate(206deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(9) {
        -webkit-transform: rotate(-5deg) translate(278px) rotate(5deg);
        -ms-transform: rotate(-5deg) translate(278px) rotate(5deg);
        transform: rotate(-5deg) translate(278px) rotate(5deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(10) {
        -webkit-transform: rotate(-89deg) translate(278px) rotate(89deg);
        -ms-transform: rotate(-89deg) translate(278px) rotate(89deg);
        transform: rotate(-89deg) translate(278px) rotate(89deg);
    }
    /*mid*/


    /*inner*/
    .social-feed-container.inner-feed li:nth-of-type(1) {
        -webkit-transform: rotate(-58deg) translate(203px) rotate(58deg);
        -ms-transform: rotate(-58deg) translate(203px) rotate(58deg);
        transform: rotate(-58deg) translate(203px) rotate(58deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(2) {
        -webkit-transform: rotate(-26deg) translate(203px) rotate(26deg);
        -ms-transform: rotate(-26deg) translate(203px) rotate(26deg);
        transform: rotate(-26deg) translate(203px) rotate(26deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(3) {
        -webkit-transform: rotate(2deg) translate(203px) rotate(-2deg);
        -ms-transform: rotate(2deg) translate(203px) rotate(-2deg);
        transform: rotate(2deg) translate(203px) rotate(-2deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(4) {
        -webkit-transform: rotate(30deg) translate(203px) rotate(-30deg);
        -ms-transform: rotate(30deg) translate(203px) rotate(-30deg);
        transform: rotate(30deg) translate(203px) rotate(-30deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(5) {
        -webkit-transform: rotate(-117deg) translate(203px) rotate(117deg);
        -ms-transform: rotate(-117deg) translate(203px) rotate(117deg);
        transform: rotate(-117deg) translate(203px) rotate(117deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(6) {
        -webkit-transform: rotate(-142deg) translate(203px) rotate(142deg);
        -ms-transform: rotate(-142deg) translate(203px) rotate(142deg);
        transform: rotate(-142deg) translate(203px) rotate(142deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(7) {
        -webkit-transform: rotate(-196deg) translate(203px) rotate(196deg);
        -ms-transform: rotate(-196deg) translate(203px) rotate(196deg);
        transform: rotate(-196deg) translate(203px) rotate(196deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(8) {
        -webkit-transform: rotate(-221deg) translate(203px) rotate(221deg);
        -ms-transform: rotate(-221deg) translate(203px) rotate(221deg);
        transform: rotate(-221deg) translate(203px) rotate(221deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(9) {
        -webkit-transform: rotate(-168deg) translate(203px) rotate(168deg);
        -ms-transform: rotate(-168deg) translate(203px) rotate(168deg);
        transform: rotate(-168deg) translate(203px) rotate(168deg);
    }
    /*inner*/
    /*-----Social Slide-----*/

    /*-------Intro page--------*/
    .about-inner-pages .about-contents h2 {
        margin-top: 95px;
    }
    .about-inner-pages .about-contents img {
        top: -185px;
        width: 780px;
    }
    /*-------Intro page--------*/

    /*-------Origin page--------*/
    .about-inner-pages .about-contents .origin-slide h2 ,
    .about-inner-pages .about-contents .process-slide h2 ,
    .about-inner-pages .about-contents .ingredients-slide h2{
        margin-top: 22vh;
    }

    /*-------Origin page--------*/

    /*--------recipes-pages---------*/
    .recipe-inner_pages .vertically-center {
        background-size: auto 374px;
    }
    .recipe-inner_pages .vertically-center::before {
        top: 374px;
    }    
    .recipe-inner_pages .about-contents h2 {
        font-size: 50px;
        line-height: 44px;
        letter-spacing: 2px;
    }
    .recipe-inner_pages .about-contents h2 br {
        display: none;
    }

    .for-group_recipes {
        margin-top: 40px;
    }
    .categorized-cocktails .for-group_recipes {
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .container.recipes-container {
        width: auto;
        max-width: 980px;
    }
    .recipe-image {
        height: 248px;
    }
    .recipe-image::before {
        width: 500px;
        height: 500px;
        top: -140px;
    }

    .recipe-item {
        height: 305px;
        width: 188px;
    }
    .food-recipes .image-front {
        width: 174px;
        transform: translate3d(0px, 79px, 0);
        -webkit-transform: translate3d(0px, 79px, 0);
        -ms-transform: translate3d(0px, 79px, 0);
    }

    .image-front {
        width: 148px;
        transform: translate3d(-1px, -5px, 0);
        -webkit-transform: translate3d(-1px, -5px, 0);
        -ms-transform: translate3d(-1px, -5px, 0);
    }
    .recipe-inner_pages .about-contents .largest {
        font-size: 60px;
        line-height: 50px;
        letter-spacing: 10px;
    }
    .recipe-detail .image-front {
        transform: translate3d(0, -86px, 0);
        -webkit-transform: translate3d(0, -86px, 0);
        -ms-transform: translate3d(0, -86px, 0);
        width: 59%;
    }
    .recipe-detail.food-details .image-front {
        transform: translate3d(10px, 60px, 0);
        -webkit-transform: translate3d(10px,60px, 0);
        -ms-transform: translate3d(10px, 60px, 0);
        width: 75%;
    }
    .recipe-ingredients {
        margin-top: -30px;
    }
    .recipe-detail, .recipe-detail-outer {
        width: 766px;
        margin-left: -383px;
    }
    .vr-scrollable {
        height: 286px;
    }
    .largest > span {
        margin-bottom: 8px;
        font-size: 18px;
    }
    .largest > span span {
        padding: 0 78px 7px;
        background-size: auto 3px;
    }
    .recipe-name.recipe-name_large {
        height: 60px;
        padding: 0 19px 0 20px;
        margin: 25px auto 20px;
        background-size: auto 60px, auto 60px;
        min-width: 300px;
    }
    .recipe-name_large .recipe-name-inner {
        height: 60px;
        font-size: 28px;
        line-height: 28px;
        background-size: auto 60px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .recipe-ingredients li {
        margin: 0 0 10px;
    }
    .detail-seperator {
        margin-bottom: 12px;
        margin-top: 3px;
    }
    .recipe-ingredients p {
        margin-bottom: 12px;
    }
/*--------recipes-pages---------*/

.review {
    width: 220px;
    left: 81%;
    bottom: -20%;
}
.review p {
    font-size: 15px;
    line-height: 20px;
}

}
/*---------Resolution fix for sections----------*/


/*---------Resolution fix for sections----------*/
@media screen and (min-width: 1200px) and (max-width: 1299px) and (min-height: 610px ) and (max-height: 705px ){
    .vertically-center {
        height: 492px;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        padding-top: 20px;
        background-size: auto 388px;
    } 

.vertically-center::before {
    top: 388px;
}
    /*-------Origin page--------*/
    .about-inner-pages .about-contents .origin-slide h2 ,
    .about-inner-pages .about-contents .process-slide h2 ,
    .about-inner-pages .about-contents .ingredients-slide h2{
    	margin-top: 17vh;
    }
    /*-------Origin page--------*/
    .recipe-name.recipe-name_large {
    	margin-top: -10px;
    }

    .recipe-detail,
    .recipe-detail-outer{
       top: -20px;
    }
    .vr-scrollable {
        height: 275px;
    }
    .recipe-ingredients {
        margin-top: -96px;
    }    
    .recipe-detail .image-front {
    transform: translate3d(0, -94px, 0);
    -webkit-transform: translate3d(0, -94px, 0);
    -ms-transform: translate3d(0, -94px, 0);
    width: 72%;
    }
    .recipe-detail.food-details .image-front {
    width: 80%;
    }
    .collapsible-section.open {
    padding-bottom: 16px;
    }


    .recipe-detail ,
    .recipe-detail-outer {
    width: 766px;
    margin-left: -383px;
    }

    .recipe-ingredients li {
    margin: 0 0 7px;
    }  
    .detail-seperator {
    margin-bottom: 8px;
    }    
    .recipe-ingredients p {
    margin-bottom: 11px;
    font-size: 13px;
    line-height: 18px;
    } 
    .recipe-ingredients h5 {
    margin: 10px 0 7px;
    } 
      
    .ingredients-slide {
        top: -30px;
    }     
    .aboutUs-special .ingredients-slide img, .aboutUs-special .process-slide img {
        margin-left: 0;
        width: 80%;
    }  
    .dub-seperator {
        margin-top: 7px;
        margin-bottom: 11px;
    }    
    .global-flavors.four-row {
        top: -16px;
        width: 68%;
        right: 25px;
    } 
    .global-flavors.three-row {
        top: 43px;
        width: 73%;
        right: 25px;
    } 
    .process-slide {
        top: -18px;
    }     
    .gallery-section.special_recipeImg .fullWidthImg {
        width: 724px;
        left: 108px;
    }   
}


@media screen and (min-width: 1200px) and (max-width: 1299px) and (max-height: 610px ){

    .recipe-ingredients li {
        margin: 0 0 7px;
    }  
    .detail-seperator {
        margin-bottom: 8px;
    }    
    .recipe-ingredients p {
        margin-bottom: 11px;
        font-size: 13px;
        line-height: 18px;
    } 
    .recipe-ingredients h5 {
        margin: 10px 0 7px;
    } 

    .aboutUs-special .ingredients-slide img, 
    .aboutUs-special .process-slide img {
        width: 70%;
    }  
    .dub-seperator {
        margin-top: 7px;
        margin-bottom: 11px;
    }    
    .global-flavors.four-row {
        top: 5px;
        width: 68%;
        right: 25px;
    } 
    .global-flavors.three-row {
        top: 43px;
        width: 73%;
        right: 25px;
    } 
    .process-slide {
        top: -2px;
    }     
    .gallery-section.special_recipeImg .fullWidthImg {
        width: 660px;
        left: 88px;
        top: -44px;
    }
}

/*---------Resolution fix for sections----------*/



/* For Ipad landscape and other sm screen*/
@media screen and (max-width: 1199px){
    .privacy_policy .overlay-container {
        margin-top: 120px;
    }

    .privacy_policy .overlay-detail {
        max-width: 640px;
    }

    /*------Basic Structure------ */
    .brand-logo {
        width: 180px;
        top: 6px;
        left: 5px;
    }
    .nav-icon,
    .contact-close_icon {
        right: 20px;
        top: 20px;
    }
        
    .page-control_elem {
        width: 24px;
        height: 47px;
        background-size: 24px auto;
    }
    .page-control_left {
        left: 20px;
        padding-left: 20px;
    }
    .computer .page-control_left:hover {
        left: 12px;
    }
    .page-control_right {
        right: 20px;
        padding-right: 20px;
    }
    .computer .page-control_right:hover {
        right: 12px;
    }
    .page-control_elem span {
        width: 70px;
        font-size: 15px;
        line-height: 14px;
    }
    .computer .page-control_right span {
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    }

    .page-control_left span {
        left: 16px;
    }
    .computer .page-control_left:hover span {
        left: 24px;
    }
    .page-control_right span {
        right: 16px;
    }
    .computer .page-control_right:hover span {
        right: 24px;
    }
    .wrapper {
        margin-bottom: -66px;
        padding-bottom: 66px;
    }
    .vertically-center {
        height: calc( 100vh - 64px);
        background-size: auto 480px;
        padding-top: 74px;
    }

    .vertically-center::before {
        top: 480px;
    } 
    .container {
        max-width: 620px;
    }
    .page-navigation > ul {
        max-width: 620px;    
    }
    .footer {
        padding: 10px 34px;
    }
    .twdw-logo {
        margin: 11px 0 0;
    }
    .footer p {
        margin-left: 45%;
        float: right;
    }
    .footer p span {
        padding: 0 6px;
    }
    .footer ul {    
        margin-top: 8px;
    }
    .footer ul li {
        margin-left: 15px;
    }
    .footer ul li:last-child {
        margin-left: 15px;
    }
    .footer li a {
        line-height: 14px;
    }
    /*------Basic Structure------*/



    /***************************
            ABOUT SECTIONS
    ****************************/
    .about-contents {
        width: 333px;
    }
    .about-contents h2 {
        font-size: 48px;
        line-height: 48px;
        margin: 80px 0 3px -5px;
        letter-spacing: -3px;
    }

    .de {
        top: -10px;
        font-size: .65em;
    }
    .de::before {
        bottom: -3px;
        left: 4px;
        height: 4px;
    } 
    .privacy_policy p {
        font-size: 14px;
        line-height: 20px;
    }
    p {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 13px;
        letter-spacing: 0;
    }
    .about-contents .about-slide p {
        width: auto;
    }
    .common-link {
        font-size: 13px;
        line-height: 18px;
        padding-right: 26px;
        padding-top: 2px;
    }
    a.common-link.dub-link,
    button.common-link.dub-link {
        min-width: 1px;
        height: 40px;
        padding: 0 38px;
    }
    a.common-link.dub-link .dub-link-inner, 
    button.common-link.dub-link .dub-link-inner {
        width: auto;
        height: 40px;
        font-size: 18px;
        line-height: 1;
        padding: 0 11px;
    }
    .common-link.ddc_sp {
        padding-left: 26px;
    }
    .main-bottle {
        width: 210px;
    }
    .dub-seperator {
        margin-top: 8px;
        margin-bottom: 11px;
        margin-right: 11px;
    }
    .about-slide img,
    .recipes-slide img {
        width: 100%;
        /*margin-left: -11px;*/
    }
    .woc-slide {
        top: 83px;
        width: 230px;
    }
    .woc-slide .dub-seperator {
        margin-top: 12px;
        margin-bottom: 8px;
    }
    .main-ddc_bottle {
        top: -74px;
        width: 592px;
    }
    .main-ddc_cocktail {
        top: -74px;
        width: 592px;
    }
    .about-slide, .intro-slide {
        top: 3px;
    }
    /*-----Recipe Slide------*/
    .recipe-slide-img img {
        top: 220px;
        width: 180px;
        left: 128px;
    }
    .recipe-slide-right {
        left: 153px;
    }
    .recipe-slide-left {
        left: -147px;
    }
    /*-----Recipe Slide------*/


    /*-----Boty Slide------*/
    .boty-slide-img img {
        top: 215px;
        width: 204px;
    }
    .boty-winnerInfo {
        left: -240px;
        top: 420px;
        font-size: 12px;
    }
    .boty-winnerInfo span {
        font-size: 13px;
    }
    .boty-slide-right {
        left: 144px;
    }
    .boty-slide-left {
        left: -135px;
    }
    /*-----Boty Slide------*/

    /*-----Social Slide-----*/
    .social-slide {
      width: 760px;
      height: 760px;    
      top: -168px;
    }
    .social-feed-container.mid-feed { 
        width: 604px;
        height: 604px;
        top: 78px;
    }
    .social-feed-container.inner-feed { 
        width: 440px;
        height: 440px;
        top: 160px;
    }
    .social-feed-container li {
      width: 86px;
      height: 86px;
      margin: -43px;
    }
    .social-feed-container li a {
        padding: 3px;
    }
    .social-feed-container li a img {
        width: 78px;
        height: 78px;
    }
    .social-feed-container.outer-feed li:nth-of-type(1) img,
    .social-feed-container.outer-feed li:nth-of-type(2) img,
    .social-feed-container.outer-feed li:nth-of-type(4) img,
    .social-feed-container.inner-feed li:nth-of-type(3) img,
    .social-feed-container.inner-feed li:nth-of-type(6) img,
    .social-feed-container.inner-feed li:nth-of-type(8) img,
    .social-feed-container.mid-feed li:nth-of-type(5) img,
    .social-feed-container.mid-feed li:nth-of-type(7) img,
    .social-feed-container.outer-feed li:nth-of-type(5) img,
    .social-feed-container.outer-feed li:nth-of-type(6) img,
    .social-feed-container.mid-feed li:nth-of-type(9) img,
    .social-feed-container.outer-feed li:nth-of-type(8) img{
        width: 62px; 
        height: 62px;  
    }  
    .social-feed-container.mid-feed li:nth-of-type(1) img,
    .social-feed-container.mid-feed li:nth-of-type(2) img,
    .social-feed-container.mid-feed li:nth-of-type(4) img,
    .social-feed-container.mid-feed li:nth-of-type(6) img {
        width: 46px; 
        height: 46px;  
    }
      


    .social-feed-container li:nth-of-type(1) {
        -webkit-transform: rotate(-196deg) translate(380px) rotate(196deg);
        -ms-transform: rotate(-196deg) translate(380px) rotate(196deg);
        transform: rotate(-196deg) translate(380px) rotate(196deg);
    }
    .social-feed-container li:nth-of-type(2) {
        -webkit-transform: rotate(-154deg) translate(380px) rotate(154deg);
        -ms-transform: rotate(-154deg) translate(380px) rotate(154deg);
        transform: rotate(-154deg) translate(380px) rotate(154deg);
    }
    .social-feed-container li:nth-of-type(3) {
        -webkit-transform: rotate(-139deg) translate(380px) rotate(141deg);
        -ms-transform: rotate(-139deg) translate(380px) rotate(141deg);
        transform: rotate(-139deg) translate(380px) rotate(141deg);
    }
    .social-feed-container li:nth-of-type(4) {
        -webkit-transform: rotate(-122deg) translate(380px) rotate(122deg);
        -ms-transform: rotate(-122deg) translate(380px) rotate(122deg);
        transform: rotate(-122deg) translate(380px) rotate(122deg);
    }
    .social-feed-container li:nth-of-type(5) {
        -webkit-transform: rotate(-42deg) translate(380px) rotate(42deg);
        -ms-transform: rotate(-42deg) translate(380px) rotate(42deg);
        transform: rotate(-42deg) translate(380px) rotate(42deg);
    }
    .social-feed-container li:nth-of-type(6) {
        -webkit-transform: rotate(-24deg) translate(380px) rotate(24deg);
        -ms-transform: rotate(-24deg) translate(380px) rotate(24deg);
        transform: rotate(-24deg) translate(380px) rotate(24deg);
    }
    .social-feed-container li:nth-of-type(7) {
        -webkit-transform: rotate(8deg) translate(380px) rotate(-8deg);
        -ms-transform: rotate(8deg) translate(380px) rotate(-8deg);
        transform: rotate(8deg) translate(380px) rotate(-8deg);
    }
    .social-feed-container li:nth-of-type(8) {
        -webkit-transform: rotate(-8.5deg) translate(380px) rotate(8.5deg);
        -ms-transform: rotate(-8.5deg) translate(380px) rotate(8.5deg);
        transform: rotate(-8.5deg) translate(380px) rotate(8.5deg);
    }


    /*mid*/
    .social-feed-container.mid-feed li:nth-of-type(1) {
        -webkit-transform: rotate(-58deg) translate(302px) rotate(58deg);
        -ms-transform: rotate(-58deg) translate(302px) rotate(58deg);
        transform: rotate(-58deg) translate(302px) rotate(58deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(2) {
        -webkit-transform: rotate(-26deg) translate(302px) rotate(26deg);
        -ms-transform: rotate(-26deg) translate(302px) rotate(26deg);
        transform: rotate(-26deg) translate(302px) rotate(26deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(3) {
        -webkit-transform: rotate(20deg) translate(302px) rotate(-20deg);
        -ms-transform: rotate(20deg) translate(302px) rotate(-20deg);
        transform: rotate(20deg) translate(302px) rotate(-20deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(4) {
        -webkit-transform: rotate(-116deg) translate(302px) rotate(116deg);
        -ms-transform: rotate(-116deg) translate(302px) rotate(116deg);
        transform: rotate(-116deg) translate(302px) rotate(116deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(5) {
        -webkit-transform: rotate(-133deg) translate(302px) rotate(133deg);
        -ms-transform: rotate(-133deg) translate(302px) rotate(133deg);
        transform: rotate(-133deg) translate(302px) rotate(133deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(6) {
        -webkit-transform: rotate(-150deg) translate(302px) rotate(150deg);
        -ms-transform: rotate(-150deg) translate(302px) rotate(150deg);
        transform: rotate(-150deg) translate(302px) rotate(150deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(7) {
        -webkit-transform: rotate(-189deg) translate(0px) rotate(189deg);
        -ms-transform: rotate(-189deg) translate(0px) rotate(189deg);
        transform: rotate(-189deg) translate(0px) rotate(189deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(8) {
        -webkit-transform: rotate(-206deg) translate(302px) rotate(206deg);
        -ms-transform: rotate(-206deg) translate(302px) rotate(206deg);
        transform: rotate(-206deg) translate(302px) rotate(206deg);
    }
    .social-feed-container.mid-feed li:nth-of-type(9) {
        -webkit-transform: rotate(-5deg) translate(302px) rotate(5deg);
        -ms-transform: rotate(-5deg) translate(302px) rotate(5deg);
        transform: rotate(-5deg) translate(302px) rotate(5deg);
    }
        .social-feed-container.mid-feed li:nth-of-type(10) {
            -webkit-transform: rotate(-89deg) translate(302px) rotate(89deg);
            -ms-transform: rotate(-89deg) translate(302px) rotate(89deg);
            transform: rotate(-89deg) translate(302px) rotate(89deg);
        }
    /*mid*/


    /*inner*/
    .social-feed-container.inner-feed li:nth-of-type(1) {
        -webkit-transform: rotate(-58deg) translate(220px) rotate(58deg);
        -ms-transform: rotate(-58deg) translate(220px) rotate(58deg);
        transform: rotate(-58deg) translate(220px) rotate(58deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(2) {
        -webkit-transform: rotate(-26deg) translate(220px) rotate(26deg);
        -ms-transform: rotate(-26deg) translate(220px) rotate(26deg);
        transform: rotate(-26deg) translate(220px) rotate(26deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(3) {
        -webkit-transform: rotate(2deg) translate(220px) rotate(-2deg);
        -ms-transform: rotate(2deg) translate(220px) rotate(-2deg);
        transform: rotate(2deg) translate(220px) rotate(-2deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(4) {
        -webkit-transform: rotate(30deg) translate(220px) rotate(-30deg);
        -ms-transform: rotate(30deg) translate(220px) rotate(-30deg);
        transform: rotate(30deg) translate(220px) rotate(-30deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(5) {
        -webkit-transform: rotate(-117deg) translate(220px) rotate(117deg);
        -ms-transform: rotate(-117deg) translate(220px) rotate(117deg);
        transform: rotate(-117deg) translate(220px) rotate(117deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(6) {
        -webkit-transform: rotate(-142deg) translate(220px) rotate(142deg);
        -ms-transform: rotate(-142deg) translate(220px) rotate(142deg);
        transform: rotate(-142deg) translate(220px) rotate(142deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(7) {
        -webkit-transform: rotate(-196deg) translate(220px) rotate(196deg);
        -ms-transform: rotate(-196deg) translate(220px) rotate(196deg);
        transform: rotate(-196deg) translate(220px) rotate(196deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(8) {
        -webkit-transform: rotate(-221deg) translate(220px) rotate(221deg);
        -ms-transform: rotate(-221deg) translate(220px) rotate(221deg);
        transform: rotate(-221deg) translate(220px) rotate(221deg);
    }
    .social-feed-container.inner-feed li:nth-of-type(9) {
        -webkit-transform: rotate(-168deg) translate(220px) rotate(168deg);
        -ms-transform: rotate(-168deg) translate(220px) rotate(168deg);
        transform: rotate(-168deg) translate(220px) rotate(168deg);
    }
    /*inner*/  

    /*-----Social Slide-----*/

    /*-------Intro page--------*/
    .about-inner-pages .about-contents h2 {
        margin-top: 95px;
    }
    .about-inner-pages .about-contents img {
        top: -190px;
        width: 780px;
    }
    /*-------Intro page--------*/

    /*-------Origin page--------*/
    .about-inner-pages .about-contents .origin-slide h2 ,
    .about-inner-pages .about-contents .process-slide h2 ,
    .about-inner-pages .about-contents .ingredients-slide h2{
        margin-top: 30vh;
    }
    .ingredients-foreground .first_one {
        right: 11%;
        top: 31%;
    }
    .ingredients-foreground .second_one {
        right: 30%;
        top: 52%;
    }
    .process-foreground .second_one {
        left: 19%;
        top: 27%;
    }
    .process-foreground .first_one {
        top: 60%;
        left: 37%;
    }

    /*-------Origin page--------*/

    /***************************
            ABOUT SECTIONS
    ****************************/


    /*--------recipes-pages---------*/
    .recipe-inner_pages .vertically-center {
        background-size: auto 432px;
    }
    .recipe-inner_pages .vertically-center::before {
        top: 432px;
    }    
    .recipe-inner_pages .about-contents h2 {
        font-size: 30px;
        line-height: 1;
        letter-spacing: 2px;
    }
    .recipe-inner_pages .about-contents h2 br {
        display: none;
    }

    .for-group_recipes {
        margin-top: 66px;
    }
    .categorized-cocktails .for-group_recipes {
        margin-top: 115px;
        margin-bottom: 10px;
    }

    .container.recipes-container {
        width: auto;
        max-width: 680px;
    }
    .recipe-image {
        height: 226px;
    }
    .recipe-image::before {
        width: 450px;
        height: 450px;
        top: -180px;
    }
    .recipe-item {
        height: 287px;
        width: 130px;
    }
    .food-recipes .image-front {
        width: 124px;
        transform: translate3d(0px, 96px, 0);
        -webkit-transform: translate3d(0px, 96px, 0);
        -ms-transform: translate3d(0px, 96px, 0);
    }

    .image-front {
        width: 135px;
        transform: translate3d(-6px, -5px, 0);
        -webkit-transform: translate3d(-6px, -5px, 0);
        -ms-transform: translate3d(-6px, -5px, 0);
    }
    .recipe-detail .image-front {
        transform: translate3d(0, -84px, 0);
        -webkit-transform: translate3d(0, -84px, 0);
        -ms-transform: translate3d(0, -84px, 0);
        width: 78%;
    }
    .recipe-detail.food-details .image-front {
        transform: translate3d(-20px, 165px, 0);
        -webkit-transform: translate3d(-20px, 165px, 0);
        -ms-transform: translate3d(-20px, 165px, 0);
        width: 76%;
    }
    .vr-scrollable {
        height: 259px;
    }
	.about-contents .vr-scrollable {
    height: 259px;
    overflow: hidden;
}
    .recipe-detail .recipe-image::before {
        width: 600px;
        height: 601px;
        top: -135px;
    }    
    .recipe-inner_pages .about-contents .largest {
        font-size: 80px;
        line-height: 65px;
        letter-spacing: 10px;
    }

    .largest > span {
        margin-bottom: 8px;
        font-size: 18px;
    }
    .largest > span span {
        padding: 0 78px 7px;
        background-size: auto 3px;
    }
    .recipe-name {
        height: 36px;
        padding: 0 10px;
        background-size: 14px auto;
        font-size: 15px;
        bottom: 19px;
    }

    .recipe-name-inner {
        height: 44px;
        font-size: 10px;
        line-height: 11px;
        background-size: auto 44px;
    }
    .page-navigation {
        bottom: 54px;
    }


    .page-navigation > ul {
        max-width: 680px;
    }
    .page-navigation ul .active > a span, 
    .computer .page-navigation ul li > a:hover span, 
    .has-inner-subnav.active .inner-sub .active a span, 
    .computer .active.has-inner-subnav .inner-sub li a:hover span, 
    .has-subnav .has-inner-subnav .inner-sub li.active a span {
        bottom: 27px !important;
    }


    .page-navigation > ul > li:nth-child(2)  {
        left: 600px;
    }
    .page-navigation > ul > li:nth-child(3) {
        left: 660px;
    }
    .page-navigation > ul > li:nth-child(4) {
        left: 670px;
    }

    .page-navigation > ul > li.onLeft:nth-child(2) {
        left: 55px;
    }
    .page-navigation > ul > li.cocktailSpecialNav.onLeft:nth-child(2) {
        left: 55px !important;
    }
    .page-navigation > ul > li.onLeft:nth-child(3) {
        left: 110px;
    }
    .page-navigation > ul > li.onLeft:nth-child(4) {
        left: 165px !important;
    }
    .page-navigation ul li.has-subnav.active.onLeft {
        left: 110px;
    }
    .has-subnav.active li {
        margin-left: 0;
    }

    .recipe-detail {
        width: 860px;
        height: 723px;
        margin-left: -430px;
    }


    .recipe-detail  ,
    .recipe-detail-outer{
        width: 100%;
        height: 558px;
        margin-left: 0;
        left: 0;
    }
    .recipe-detail {
        width: 624px;
        left: 50%;
        margin-left: -312px;
    }
    .recipe-name.recipe-name_large {
        height: 56px;
        padding: 0 18px 0 19px;
        margin: 30px auto 20px;
        background-size: auto 56px, auto 56px;
        min-width: 300px;
    }

    .recipe-name_large .recipe-name-inner {
        height: 56px;
        font-size: 24px;
        line-height: 24px;
        background-size: auto 56px;
        padding: 1px 20px;
    }
    .recipe-ingredients {
        margin-top: -18px;
        margin-right: 26px;
    }
    .recipe-ingredients li {
        margin: 0 0 10px;
    }
    .recipe-ingredients .ingredient-texts {
        font-size: 13px;
        line-height: 18px;
    }
    .recipe-ingredients .unit {
        font-size: 17px;
        padding-top: 1px;
        min-width: 22px;
    }

    .recipe-ingredients .number {
        font-size: 20px;
        line-height: 18px;
    }
    .page-navigation ul li a span {
        font-size: 13px;
        line-height: 13px;
    }
    /*--------recipes-pages---------*/

    /*-------Contact page--------*/
    .contact-us .overlay-container {
        width: 480px;
    }
    .contact-us h2 {
        font-size: 40px;
        line-height: 36px;
        margin-bottom: 10px
    }
    .contact-us .overlay-container p {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 22px;
    }    
    .contact-us .overlay-container .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .contact-us .overlay-container .row > li {
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .contact-us .chosen-container-single a.chosen-single {
        height: 36px;
        line-height: 34px;
        font-size: 14px;
    }
    .contact-us .chosen-container-single .chosen-single div {
        top: 2px;
    }
    .contact-us .chosen-container-single.chosen-container-active  .chosen-single div {
      background-position: 0 -16px;
    }
    .full-width.form-decor {
        height: 12px;
        background-size: auto 5px;
    }
    .asterisk {
        font-size: 12px;
        margin-bottom: 16px;
        letter-spacing: 1px;
    }
    .form-control {
        height: 32px;
        font-size: 14px;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 1px;
    }
    textarea.form-control {
        min-height: 80px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .overlay-container {
        margin: 40px auto;
    }

    /*-------Contact page--------*/
    .tablet .select-container .btn-fallback, 
    .phone .select-container .btn-fallback {
        height: 36px;
        line-height: 31px;
        padding: 0 26px 6px 13px;
        font-size: 14px;
    }
    .select-container .btn-fallback span {
        top: 8px;
        height: 25px;
        width: 24px;
        background-size: 13px auto;
        background-position: 0 -19px;
    }


    .detail-seperator {
        margin-bottom: 8px;
    }
    .recipe-ingredients .special {
        margin-bottom: 10px;
    }
    .aboutUs-special .main-bottle {
        width: 287px;
    }
    .global-flavors.three-row {
        top: 65px;
    }
    .origin-slide {
        top: 74px;
    }
    .ingredients-slide {
        top: 20px;
    }
    .aboutUs-special .ingredients-slide img, 
    .aboutUs-special .process-slide img {
        width: 80%;
    }
    .global-flavors.four-row {
        top: 73px;
        width: 70%;
        right: 34px;
    }
    .gallery-section.special_recipeImg .fullWidthImg {
        width: 664px;
        left: 120px;
        top: -32px;
    }
    .process-slide {
        top: 35px;
    }
    .review {
        width: 220px;
        position: absolute;
        bottom: -38%;
        left: 65%;
    }
    .review p {
        font-size: 15px;
        line-height: 20px;
    }    
}



@media screen and (min-width: 768px) and (max-width: 1199px) and (max-height: 570px ){
    .overlay.contact-us .v-main,
    .overlay.contact-us .v-align-middle{
        display: block;
    }    
    .overlay.contact-us .footer{
        position: relative;
        left: auto;
        bottom: auto;
    }

    .contact-us .overlay-container {
        margin-bottom: 20px !important;
        min-height: calc(100vh - 130px);
    }

    .recipe-detail .image-front {
        transform: translate3d(0, -80px, 0);
        -webkit-transform: translate3d(0, -80px, 0);
        -ms-transform: translate3d(0, -80px, 0);
        width: 68%;
    }   
	.review {
    bottom: -21%;
	} 
}

@media screen and (min-width: 768px) and (max-width: 1199px) and (max-height: 630px ){
    .wrapper {
        height: 100vh;
        min-height: 560px;
    }
    .vertically-center {
        height: calc(100vh - 67px);
        min-height: 492px;
        background-size: auto 430px;
        padding-top: 40px;
    }

    .vertically-center::before {
        top: 430px;
    }
    .about-contents h2 {
        margin-top: 73px;
    }
    .main-ddc_bottle {
        top: -67px;
        width: 542px;
    }
    .about-slide, 
    .intro-slide, 
    .recipes-slide {
        top: 45px;
    }
    .main-ddc_bottle.lowZ101 {
        width: 481px;
        top: 0;
        margin-left: 10px;
    }  
    .recipe-slide-img img {
        top: 199px;
        width: 173px;
    }  
    .recipe-slide-right {
        left: 117px;
    }

    /*-----Recipe Slide------*/
    .recipe-slide-img img {
        top: 180px;
        width: 188px;
    }
    .recipe-slide-right {
        left: 99px;
    }
    .recipe-slide-left {
        left: -126px;
    }
    /*-----Recipe Slide------*/

    /*-----Boty Slide------*/
    .boty-slide-img img {
        top: 192px;
        width: 183px;
    }
    .boty-winnerInfo {
        left: -205px;
        top: 405px;
    }
    .boty-slide-right {
        left: 140px;
    }
    .boty-slide-left {
        left: -112px;
    }
    /*-----Boty Slide------*/

    .recipe-inner_pages .vertically-center {
        background-size: auto 376px;
    }
    .recipe-inner_pages .vertically-center::before {
        top: 376px;
    }
    .for-group_recipes {
        margin-top: 87px;
    }
    .recipe-inner_pages .about-contents h2 {
        font-size: 36px;
        line-height: 32px;
        letter-spacing: 1px;
    }
    .categorized-cocktails .for-group_recipes {
        margin-top: 71px;
    }
    .recipe-inner_pages .about-contents .largest {
        font-size: 60px;
        line-height: 50px;
    }
    .recipe-ingredients li {
        margin: 0 0 8px;
    }
    .detail-seperator {
        margin-bottom: 8px;
    }
    .recipe-ingredients p {
        margin-bottom: 11px;
        font-size: 12px;
    }
    .recipe-ingredients h5 {
        margin: 13px 0 8px;
    }
    .recipe-detail .image-front {
        transform: translate3d(0, -80px, 0);
        -webkit-transform: translate3d(0, -80px, 0);
        -ms-transform: translate3d(0, -80px, 0);
        width: 68%;
    }  
    .recipe-detail.food-details .image-front {
        transform: translate3d(-20px, 110px, 0);
        -webkit-transform: translate3d(-20px, 110px, 0);
        -ms-transform: translate3d(-20px, 110px, 0);
    }
.gallery-section.special_recipeImg .fullWidthImg {
    top: -15px;
}
.process-slide {
    top: 15px;
}
.recipe-ingredients {
    margin-top: -40px;
    margin-right: 30px;
}
.vr-scrollable {
    height: 232px;
}
.review {
    bottom: -21%;
}
}

@media screen and (min-width: 768px) and (max-width: 1199px) and (min-height: 650px ){
    .vertically-center {
        height: 526px;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        padding-top: 20px;
        background-size: auto 430px;
    }  

.vertically-center::before {
    top: 430px;
}
   
    a.common-link.dub-link {
        height: auto;
    }
    /*-------Origin page--------*/
    .about-inner-pages .about-contents .origin-slide h2 ,
    .about-inner-pages .about-contents .process-slide h2 ,
    .about-inner-pages .about-contents .ingredients-slide h2{
        margin-top: 20vh;
    }

    /*-------Origin page--------*/

    /*-------recipes page--------*/
    .recipe-name.recipe-name_large {
        margin-top: 0;
    }
    .for-group_recipes {
        margin-top: 38px;
    }
    .recipe-inner_pages .vertically-center {
        background-size: auto 404px;
    }
.recipe-inner_pages .vertically-center::before {
    top: 404px;
}    
    .categorized-cocktails .for-group_recipes {
        margin-top: 52px;
        margin-bottom: 51px;
    }

    /*-------recipes page--------*/
.review {
    bottom: -39%;
    left: 67%;
}	

}



/* For Ipad portrait and other sm screen*/
@media screen and (max-width: 991px){
    .hidden-sm-xs{
        display: none !important;
    }
    .visible-sm-xs{
        display: block !important;
    }
    .computer .visible-sm-xs.btn-fallback{
        display: none !important;
    }
    .footer p {
        margin-left: 25%;
    }

}


/*  Mobile Screens*/

@media screen and (max-width: 767px){  
    .wrapper::before {
        bottom: 0;
    }    
    .has-contact_open .page-hook,
    .has-contact_open .mobile-sub-header,
    .has-contact_open .recipe-detail {
        display: none;
    }  
    .has-contact_open {
        overflow: visible;
    }
    .has-contact_open .overlay.contact-us {
        position: relative;
        padding-bottom: 0;
    }
    .has-contact_open .footer {
        display: none;
    }
.recipes  .for-group_recipes {
    opacity: 1;
    pointer-events: auto;
}    
.header-foregrounds {
    opacity: 0;
    pointer-events: none;
}
.overlay.about-us_info .v-main ,  
.overlay.about-us_info .v-align-middle {
    display: block;
    width: 100%;
    height: auto;
}

.privacy_policy .overlay-container {
    margin-top: 60px;
}

.privacy_policy .overlay-detail {
    max-width: 100%;
}
.menu-opened .overlay.main-menu,
.has-contact_open .overlay.contact-us,
.has-agegate .overlay.agegate-overlay,
.has-intagram_info .overlay.instagram-main_post,
.has-about_info .overlay.about-us_info{ 
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;

}    
.hidden-xs{
    display: none !important;
}
.visible-xs {
    display: block !important;
}

/*------Basic Structure------*/
.overlay.agegate-overlay {
    background-image: url(../images/agegate-bg.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.overlay.main-menu,
.overlay.contact-us {
    background-color: #757a4d; 
    background-image: url(../images/mob-common_Bg.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
}
.overlay.agegate-overlay .v-main,
.overlay.agegate-overlay .v-align-middle{
    display: block;
}    
.overlay.agegate-overlay .footer{
    position: relative;
    left: auto;
    bottom: auto;
}
.has-agegate .brand-logo {
    z-index: 2000000;
    position: relative;
    left: auto;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    top: auto;
    margin-top: 28px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 54px;
    background: url(../images/logo-decor.png) center bottom no-repeat;
	    margin-bottom: 15px;
}
.agegate-overlay h1 {
    font-size: 60px;
    line-height: 58px;
    margin: 42px 0 8px;
}
.agegate-overlay .overlay-container p {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 25px;
}
.agegate-overlay .overlay-container {
    width: 440px;
}
.mobile-footer {
    padding: 10px 27px 30px;
    overflow: hidden;
}
/*
.mobile-footer .twdw-logo {
    float: left;
    width: 160px;
}
*/
.mobile-footer p {
    color: #fff4d5;
    font-size: 17px;
    line-height: 22px;
    float: right;
    text-align: right;
    margin: 0;
}
.chosen-container-single a.chosen-single {
    height: 56px;
    line-height: 50px;
    padding: 2px 35px 0 20px;
    font-size: 28px;
}
.one-third {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 13px;
    margin-bottom: 0;
}
.agegate-overlay .row {
    margin-left: -10px;
    margin-right: -10px;
}
.chosen-container-single .chosen-single div {
    top: 10px;
    height: 30px;
    width: 35px;
    background-size: auto auto;
  background-position: 0 -28px;
}
.remember-me {
    margin: 26px 0;
}
label.customRC {
    font-size: 25px;
    line-height: 40px;
    padding-left: 58px;
}

label.customRC span {
    width: 40px;
    height: 40px;
}
input.customRC:checked + label.customRC span {
    background-size: 24px auto;
}
.btn {
    font-size: 18px;
    height: 56px;
    line-height: 34px;
    padding: 5px 20px 0 26px;
}
.btn span {
    padding-right: 22px;
    background-size: 14px auto;
    background-position-y: 10px;
    -ms-background-position-y: 10px;
}
.btn.fb span {
    padding-left: 22px;
    background-size: 21px auto;
    background-position-y: 4px;
    -ms-background-position-y: 4px;
}

.age-gate-btns .btn {
    min-width: 180px;
}
.age-seperator {
    height: 9px;
    margin: 27px 0 23px;
}

.menu-opened .mobile-sub-header {
    z-index: 99999;
    background: none;
    height: auto;
}
.menu-opened .mobile-sub-header .brand-logo {
    display: none;
}
.full-width_nav {
    max-width: 640px;
    text-align: left;
    margin-bottom: 200px;
    margin-top: 200px;
    width: 100%;
}
.computer .full-width_nav li:hover a::after {
    display: none;
}
.full-width_nav li {
    text-align: left;
}
.full-width_nav li a {
    display: block;
    text-align: center;
}
.full-width_nav li a{
    font-size: 50px;
    line-height: 42px;
    letter-spacing: 2px;
    text-shadow: none;
    position: relative;
    background: none;
    font-family: "Bourbon";
    color: #d0d0ab;
    text-shadow: 3px 2px 0px rgba(51, 54, 27, .75);    
}
.main-menu h2 {
    text-align: center;
    font-size: 80px;
    line-height: 75px;
    text-shadow: 3px 2px 0px rgba(0, 0, 0, 1), 4px 3px 0px rgba(158, 138, 89, 1);
    color: #fff4d5;
    font-weight: normal;
    padding: 0 30px;
    margin: 270px 0 0;
    display: none;
}
.menu-opened .main-menu .brand-logo,
.contact-us .brand-logo {
    top: 0;
    left: 0;
}

.full-width_nav li a span {
    display: block;
    position: relative;
}
.full-width_nav li a span span{
    display: block;
    width: 60px;
    height: 60px;
    border: 2px solid #9e8a59;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
    padding: 0;
    display: none;
}
.full-width_nav .active a span span::after{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background: #fff4d5;
}
.overlay.main-menu .v-align-middle,
.overlay.main-menu .v-main{
    display: block;
}    
.overlay.main-menu .footer{
    position: relative;
    left: auto;
    bottom: auto;
}
.menu-opened .mobile-sub-header {
    z-index: 9999999;
    background: none;
}
.mobile-onPageNav {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 9002;
}
.mobile-onPageNav li {
    display: block;
    margin-top: 17px;
}
.mobile-onPageNav a{
    width: 10px;
    height: 10px;
    display: block;
    text-indent: 99999px;
    border-radius: 50%;
    background: #4b463a;
    pointer-events: none;
}
.mobile-onPageNav .active a {
    background: #fff4d5;
    transform: scale(1.3) ;
    -webkit-transform: scale(1.3) ;
    -ms-transform: scale(1.3);
    
}
.mobile-onPageNav a span {
    display: none;
}
.wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
    height: auto;
    min-height: 100vh;
    background: #757a4d url(../images/mob-common_Bg.png) 0 0 repeat-y;
    background-size: 100% auto;
}
.vertically-center {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    background: none;
}

.vertically-center::before {
    display: none;
}
.page-control,
.page-navigation {
    display: none !important;
}
.container {
    max-width: 100%;
    padding: 0;
}
.footer {
    background: #33361b;
    padding: 45px 30px 40px;
    border-top: 1px solid #484a32;
}
.footer ul {
    overflow: hidden;
    float: none;
    text-align: center;
    margin: -3px 0;
}
.dubonnet-text {
    display: block;
    margin: 0 auto;
    max-width: 290px;
}
.footer ul li {
    width: auto;
    margin: 0;
    text-align: center;
    float: none;
    display: inline-block;
}
.footer ul li a {
    font-size: 22px;
    line-height: 24px;
    display: block;
    padding: 0 10px;
    overflow: visible;
}
.footer ul li:nth-child(3) a::after {
    display: none;
}
.footer ul li a::after {
    position: absolute;
    content: '';
    right: -2px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #d0d0ab;
}
.footer-seperator {
    display: block;
    height: 7px;
    background: url(../images/logo-decor.png) center center no-repeat;
    margin: 43px 0;
}

.brand-footer p,
.footer p,
.mobile-footer p {
    margin: 3px 0 0;
    float: left;
    overflow: hidden;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
    color: #d0d0ab;
    letter-spacing: 0.05em;
    font-family: Georgia;
    font-style: italic;
}
.mobile-footer p  span {
    display: block;
}
.brand-footer.row {
    margin-top: -3px;
}
.footer p span,
.brand-footer p span{
    padding: 0;
    border: none;
    float: none;
    display: block;
}
.twdw-logo {
    float: right;
    width: 180px;
    margin: 0 auto;
}
.twdw-logo img {
    width: 100%;
}
.social-icons {
    text-align: center;
}
.social-icons span {
    display: inline-block;
    overflow: hidden;
}

.social-icons span .fb ,
.social-icons span .ig {
    float: left;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/facebook.png);
}
.social-icons span .ig {
    margin-left: 0px;
    background-image: url(../images/instagram.png);    
}

/*------Basic Structure------*/


/***************************
        ABOUT SECTIONS
****************************/
.about-slide img, 
.recipes-slide img, 
.woc-slide img {
    margin-left: 0;
}
.about-contents {
    width: auto;
    text-align: center;
    float: none;
}
.about-contents h2{
    font-size: 74px;
    line-height: 68px;
    margin: 0 0 10px;
}
.privacy_policy p {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 50px;
}

p {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 32px;
}
.about-contents .about-slide p {
    width: auto;
    margin-bottom: 28px;
}
.common-link {
    font-size: 28px;
    line-height: 30px;
    padding-right: 54px;
    margin-bottom: 90px;
}
.common-link.ddc_sp {
    padding-left: 54px;
}
.main-bottle {
    width: auto;
    float: none;
}
.placeholder-bottle {
    max-height: none;
}

.mobile-ddc_bottle {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.about-slide::before,
.recipes-slide::before,
.boty-slide::before,
.woc-slide::before,
.about-slide::after,
.recipes-slide::after,
.boty-slide::after,
.woc-slide::after {
    display: table;
    clear: both;
    content: '';
}

.about-slide,
.recipes-slide,
.boty-slide,
.woc-slide,
.origin-slide, 
.process-slide, 
.ingredients-slide {
    position: relative !important;
    transform: translate3d(0, 0, 0) perspective(0) !important;
    -ms-transform: translate3d(0, 0, 0) perspective(0) !important;
    -webkit-transform: translate3d(0, 0, 0) perspective(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    left: auto !important; 
    right: auto !important; 
    top: auto !important; 
    text-align: center;
    background: url(../images/main-background-mobile.png) center bottom no-repeat;
    background-size: 100% auto;
    min-height: 100vh;
    height: auto;
    padding-left: 27px;
    padding-right: 27px; 
}
.about-slide ,
.overlay.contact-us{
    padding-top: 170px;
}
/*.origin-slide ,*/
.ingredients-slide .about-mob-wrap {
    top: 270px;
}
.origin-slide, 
.process-slide, 
.ingredients-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 1px !important;
    padding-top: 170px;
} 

.computer .process-slide, 
.computer .origin-slide {
    padding-top: 90px;
} 
.recipes-slide,
.boty-slide,
.woc-slide {
    padding-top: 138px;
    width: 100%;
}

.process-slide .about-mob-wrap,
.origin-slide .about-mob-wrap {
    top: 138px;
}
.page-control {
    display: none !important;
}

.mobile-sub-header .brand-logo {
    position: relative;
    left: auto;
    top: auto;
}
.brand-logo {
    width: auto !important; 
}
.brand-logo img {
    width: auto;
    height: 100px;
}
.nav-icon, 
.contact-close_icon {
    width: 36px;
    height: 27px;
    display: block;
    background: url(../images/ham-menu.png) 0 0 no-repeat;
    top: 36px;
}
.nav-icon strong, 
.contact-close_icon strong {
    background: url(../images/menu-close_bold.png) center center no-repeat;
    background-size: 27px auto;
}
.nav-icon > span {
    text-indent: -9999px !important;
}
.mobile-sub-header,
.mobile-sub-header .brand-logo {
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}
.nav-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: '';
    width: 200%;
    height: 300%;
}
.menu-opened .nav-icon, 
.has-contact_open .nav-icon, 
.has-contact_open .contact-close_icon {
    background: none;
}
.mobile-sub-header .brand-logo img {
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s; 
    transform: scale(1) translate3d(0,0,0) perspective(0px); 
    -webkit-ransform: scale(1) translate3d(0,0,0) perspective(0px); 
    -ms-ransform: scale(1) translate3d(0,0,0) perspective(0px);   
}
.mobile-sub-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9002;
    background: rgba(51,54,27,.5);
}
.mobile-sub-header.sticky {
    background: rgba(51,54,27,.5);
}
.menu-opened .mobile-sub-header.sticky {
    background-color: transparent;
}

.mobile-sub-header.sticky .brand-logo  {
}

.about-contents .woc-slide h2 {
    margin-top: 0;
}
.mob-social-slide-holder {
    width: 100%;
    position: relative;
    height: 365px;
    margin-top: 100px;
}

.social-slide {
  width: 908px;
  height: 908px;    
  top: 0;
  left: 50%;
  transform: translateX(-50%);     
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
    background: url(../images/outer-bg-mob.png) center 0 no-repeat;
}
.social-feed-container.outer-feed {
    background: none;
}
.social-feed-container.mid-feed { 
    width: 754px;
    height: 754px;
    top: 154px;
    background: none;
}
.social-feed-container li {
    width: 138px;
    height: 138px;
    margin: -69px;
    -webkit-transform: rotate(0) translate(600px) rotate(0) !important;
    -ms-transform: rotate(0) translate(600px) rotate(0) !important;
    transform: rotate(0) translate(600px) rotate(0) !important;
    transition: rotate .3s;
    -webkit-transition: rotate .3s;
    -ms-transition: rotate .3s;
}
.social-feed-container li a {
    padding: 0;
    border: none !important;
}
.social-feed-container li a img {
    width: 138px !important;
    height: 138px !important;
}
.social-feed-container li:nth-of-type(1) {
    -webkit-transform: rotate(-139deg) translate(487px) rotate(139deg) !important;
    -ms-transform: rotate(-139deg) translate(487px) rotate(139deg) !important;
    transform: rotate(-139deg) translate(487px) rotate(139deg) !important;
}
.social-feed-container li:nth-of-type(2) {
    -webkit-transform: rotate(-115deg) translate(461px) rotate(115deg) !important;
    -ms-transform: rotate(-115deg) translate(461px) rotate(115deg) !important;
    transform: rotate(-115deg) translate(461px) rotate(115deg) !important;
}
.social-feed-container li:nth-of-type(3) {
    -webkit-transform: rotate(-90deg) translate(454px) rotate(90deg) !important;
    -ms-transform: rotate(-90deg) translate(454px) rotate(90deg) !important;
    transform: rotate(-90deg) translate(454px) rotate(90deg) !important;
}
.social-feed-container li:nth-of-type(4) {
    -webkit-transform: rotate(-65deg) translate(461px) rotate(65deg) !important;
    -ms-transform: rotate(-65deg) translate(461px) rotate(65deg) !important;
    transform: rotate(-65deg) translate(461px) rotate(65deg) !important;
}
.social-feed-container li:nth-of-type(5) {
    -webkit-transform: rotate(-41deg) translate(487px) rotate(41deg) !important;
    -ms-transform: rotate(-41deg) translate(487px) rotate(41deg) !important;
    transform: rotate(-41deg) translate(487px) rotate(41deg) !important;
}


/*mid*/
.social-feed-container.mid-feed li:nth-of-type(1) {
    -webkit-transform: rotate(-150deg) translate(398px) rotate(150deg) !important;
    -ms-transform: rotate(-150deg) translate(398px) rotate(150deg) !important;
    transform: rotate(-150deg) translate(398px) rotate(150deg) !important;
}
.social-feed-container.mid-feed li:nth-of-type(2) {
    -webkit-transform: rotate(-120deg) translate(377px) rotate(120deg) !important;
    -ms-transform: rotate(-120deg) translate(377px) rotate(120deg) !important;
    transform: rotate(-120deg) translate(377px) rotate(120deg) !important;
}
.social-feed-container.mid-feed li:nth-of-type(3) {
    -webkit-transform: rotate(-90deg) translate(377px) rotate(90deg) !important;
    -ms-transform: rotate(-90deg) translate(377px) rotate(90deg) !important;
    transform: rotate(-90deg) translate(377px) rotate(90deg) !important;
}
.social-feed-container.mid-feed li:nth-of-type(4) {
    -webkit-transform: rotate(-60deg) translate(377px) rotate(60deg) !important;
    -ms-transform: rotate(-60deg) translate(377px) rotate(60deg) !important;
    transform: rotate(-60deg) translate(377px) rotate(60deg) !important;
}
.social-feed-container.mid-feed li:nth-of-type(5) {
    -webkit-transform: rotate(-30deg) translate(398px) rotate(30deg) !important;
    -ms-transform: rotate(-30deg) translate(398px) rotate(30deg) !important;
    transform: rotate(-30deg) translate(398px) rotate(30deg) !important;
}


.wrapper.about-inner-pages .vertically-center {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}

.wrapper.about-inner-pages {
    background: #0a0a0a;
}
.about-inner-pages .about-contents .origin-slide h2, 
.about-inner-pages .about-contents .process-slide h2, 
.about-inner-pages .about-contents .ingredients-slide h2 {
    margin-top: 0;
}

.about-inner-pages .about-contents p {
    max-width: none;
    width: auto !important;
}
.about-inner-pages .about-contents img {
    top: 0;
    position: relative;
    display: block;
    width: 100%;
    left: auto;
    right: auto;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
}

.about-mob-wrap {
    position: relative;
    top: auto !important;
    left: auto;
    width: auto;
    padding: 0 27px 60px;
    z-index: 2;
    text-align: center;
}
.about-mob-wrap p {
    text-align: center;
}
.plus-pointer {
    top: 75%;
    right: 33vw;
}
.process-slide .plus-pointer.first_one {
    top: 58%;
    right: 19vw;
}
.process-slide .plus-pointer.second_one {
    top: 75%;
    right: 54vw;
}
.ingredients-slide .plus-pointer.first_one {
    top: 56%;
    right: 16vw;
}
.ingredients-slide .plus-pointer.second_one {
    top: 62%;
    right: 72vw;
}

.about-us_info .overlay-detail,
.instagram-main_post .overlay-detail{
    width: 434px !important;
}
.about-info_detail {
    width: auto;
    float: none;
    padding: 0;
}
.about-img_container {
    position: relative;
    left: auto;
    top: auto;
    background: #fff;
}
.about-img_container img {
    display: block;
    width: 100%;
}
.about-us_info .overlay-container,
.instagram-main_post .overlay-container {
    max-width: none;
    width: 100%;
    margin-bottom: 80px;
}
.about-info-mob {
    padding: 18px 24px 20px;
}
.posts-previous {
    left: -40px !important;
}
.posts-next {
    right: -40px !important;
}

/***************************
        ABOUT SECTIONS
****************************/


/***************************
        Recipes SECTIONS
****************************/
.container.recipes-container {
    max-width: none;
    width: auto;
}
.wrapper.recipe-inner_pages .vertically-center {
    padding-top: 0;
    padding-bottom: 0;
}
.mobileCocktailRecipes {
    padding-top: 114px;
}
.recipes {
    position: relative !important;
    padding-top: 260px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 82px;
    background: url(../images/recipes-bg-mobile.png) center bottom repeat-x;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    pointer-events: auto !important;
}
.categorized-cocktails.recipes {
    padding-top: 56px;
}
.categorized-cocktails.recipes:first-child {
    padding-top: 0;
}
.categorized-cocktails.recipes.food-recipes {
    padding-bottom: 110px;
}
#foodSection {
    padding-top: 140px;
}
.for-group_recipes {
    margin-top: 0;
    padding-left: 27px;
    padding-right: 27px;
}
.categorized-cocktails .for-group_recipes {
    margin-top: 0;
    margin-bottom: 0;
}
.categorized-cocktails.cocktail-recipes .for-group_recipes {
    margin-bottom: 60px;
}
.categorized-cocktails.food-recipes .for-group_recipes {
    margin-bottom: 90px;
}

.recipe-inner_pages .about-contents p {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.recipe-inner_pages .about-contents h2,
.recipe-inner_pages .about-contents .largest {
    font-size: 74px;
    line-height: 68px;
    letter-spacing: 3px !important;
}
.largest > span {
    margin-bottom: 15px;
    font-size: 22px;
}
.largest > span span {
    padding: 0 64px 9px;
    background-size: 50px auto;
}
.owl-carousel .recipe-item {
    float: none;
}
.featured-cocktails .recipe-container_main {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
    width: auto;
}

.ghost {
    display: none !important;
}
.featured-cocktails .recipe-container_main {
    margin-top: 0;
}
.categorized-cocktails.food-recipes .recipe-container_main {
    width: auto;
}
.categorized-cocktails .recipe-container_main {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
    position: relative;
    width: auto;
}
.mob-cocktail-recipes {
    background: url(../images/recipes-bg-mobile.png) left bottom repeat-x;
    background-size: auto 840px;
}
/*
.categorized-cocktails.padding-bot0 {
    -ms-filter: brightness(20%);
    -webkit-filter: brightness(20%);
            filter: brightness(20%);
            transition: brightness .5s linear;
            -webkit-transition: brightness .5s linear;
            -ms-transition: brightness .5s linear;
    width: 420px;
    float: left;
}
*/
.padding-bot0 {
    padding-bottom: 0 !important;
}
.padding-top0 {
    padding-top: 0 !important;
}
.recipe-item {
    height: auto;
    width: 330px;
    padding: 0 25px;
    float: left;    
    -ms-filter: brightness(20%);
    -webkit-filter: brightness(20%);
            filter: brightness(20%);
            transition: brightness .5s linear;
            -webkit-transition: brightness .5s linear;
            -ms-transition: brightness .5s linear;
}
.owl-item.active.center .recipe-item ,
.owl-item.active.center .categorized-cocktails.padding-bot0 {
    -ms-filter: brightness(100%);
    -webkit-filter: brightness(100%);
            filter: brightness(100%);
    
}

.mob-cocktail-recipes .cocktail-recipes.categorized-cocktails {
    background: none !important;
    padding-left: 0;
    padding-right: 0;
}

.mob-cocktail-recipes .cocktail-recipes.categorized-cocktails .recipe-container_main {
    /*width: 330px;*/
    display: block;
    margin: 0 auto;
}
.mob-cocktail-recipes .cocktail-recipes .recipe-item {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
}
.mob-cocktail-recipes .cocktail-recipes .recipe-item:first-child {
    position: relative;
    opacity: 1;
    left: auto;
    top: auto;
}
.food-recipes .recipe-item {
    width: 410px;
    padding: 0 10px;
}
.recipe-image {
    height: auto;
    position: relative;
    bottom: auto;
    left: auto;
}
.recipe-image::before {
    display: none !important;
}

.mob-recipe-image {
    position: relative;
}
.mob-ph_img {
    display: block;
    width: 100%;
}
.mob-image_front {
    position: absolute;
    top: -110px;
    left: 50%;
    width: 350px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.food-recipes .mob-image_front {
    width: 310px;
    top: 67px;
}

.recipe-name {
    height: auto !important;
    padding: 0;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    margin: 23px 0 0;
    font-size: 30px;
    letter-spacing: .05em;
}
.recipe-name-inner {
    height: 87px;
    font-size: 24px;
    line-height: 24px;
    background-size: auto 87px;
    background-image: url(../images/name-decor-mid-lg.png);
}
.food-recipes .recipe-name {
    margin-top: 38px;
}



.recipe-detail, 
.recipe-detail-outer {
    padding: 0;
    width: 100%;
    position: relative;
    background: #757a4d url(../images/mob-common_Bg.png) 0 0 repeat-y;
    height: 100% !important;
    overflow: auto;
    margin: 0;
    left: auto;
    top: auto;
    background-size: 100% auto;
}
.recipe-ingredients {
    width: auto;
    text-align: left;
    float: none;
    color: #fff4d5;
    padding: 0 27px;
    margin-top: 0;
    margin-right: 0;
    background: #33361b;
}
.recipe-ingredients h2 {
    font-size: 64px;
    line-height: 1;
    letter-spacing: 0.025em;
    font-family: "Bourbon";
    font-weight: 400;
    padding: 0 0 5px;
    margin: 0 0 12px;
    color: #33361b;
    text-shadow: 1px 1px 0px rgba(190, 191, 128, .65);
}
dl dt {
    width: 107px;
    font-size: 24px;
    line-height: 30px;
    height: 30px;
}
dl dd {
    margin-left: 128px;
    font-size: 26px;
    line-height: 30px;
}
.recipeDetailIns {
    background-position: 110px 0;
    background-size: 10px 100%;
}

.v1_short dt {
    width: 78px;
}
.recipeDetailIns.v1_short {
    background-position: 78px 0;
}
.v1_short dd {
    margin-left: 94px;
}
.v2_short dt {
    width:60px;
}
.recipeDetailIns.v2_short {
    background-position: 60px 0;
}
.v2_short dd {
    margin-left: 76px;
}

.recipe-ingredients ul {
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
}

.recipe-ingredients li,
.recipe-ingredients .special {
    margin: 0 0 32px;
}
.recipe-ingredients .amount {
    padding-right: 16px;
}
.recipe-ingredients .number {
    font-size: 54px;
    line-height: 42px;
    padding-top: 0px;
    padding-right: 22px;
}
.recipe-ingredients .unit {
    font-size: 38px;
    padding-top: 2px;
    line-height: 38px;
}
.recipe-ingredients .ingredient-texts {
    font-size: 35px;
    line-height: 32px;
    padding-left: 22px;
    max-width: 350px;
}
.detail-seperator {
    height: 7px;
    background-image: url(../images/logo-decor.png);
    margin-bottom: 42px;
    margin-top: 24px;
    background-position: center 0;
}
.recipe-ingredients p {
    text-align: left !important;
    margin-bottom: 46px !important;
}
.recipe-share {
    padding-left: 0;
    float: none;
    display: block;
    border: none;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 22px;
}
.recipe-share span {
    font-size: 38px;
    line-height: 38px;
    display: block;
    text-align: center;
    float: none;
}
.recipe-share .non-italic {
    display: inline-block;
}
.recipe-share a {
    width: 50px;
    height: 50px;
    margin-left: 0;
    margin-top: 34px;
    margin-right: 60px;
}
.pinterest-share {
    margin-right: 0 !important;
}
.mobile-back-page .recipe-back {
    float: none;
    margin: 10px 0 80px;
    display: inline-block;
    font-size: 38px;
    padding-left: 31px;
    background-size: 15px auto;
    background-position: 0 center;
    line-height: 38px;
}
.recipe-img-name {
    padding-top: 160px;
    margin-bottom: 0 !important;
    padding-left: 27px;
    padding-right: 27px;
    background: url(../images/recipe-detail-bg-mob.png) 0 bottom repeat-x, url(../images/recipe-detail-glowBg.png) center bottom / 100% auto no-repeat;
    position: relative;
    text-align: center;
}

.recipe-img_container {
    height: 100vw;
    position: relative;
}
.recipe-img_container img {
    position: absolute;
    width: 78vw;
    left: 50%;
    transform: translate3d(-50%, 30vw, 0);
    -webkit-transform: translate3d(-50%, -32vw, 0);
    -ms-transform: translate3d(-50%, 30vw, 0);
}
.food-details .recipe-img_container {
    height: 82vw;
    position: relative;
}
.food-details .recipe-img_container img {
    position: absolute;
    width: 66vw;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
}
.recipe-name.recipe-name_large {
    height: auto !important;
    padding: 0;
    margin: 0 auto 45px;
    background-size: auto 87px, auto 87px;
    min-width: 1px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    text-indent: 0;
    background: no-repeat;
    font-size: 38px;
}
.recipe-name_large .recipe-name-inner {
    height: 87px;
    font-size: 38px;
    line-height: 38px;
    background-size: auto 87px;
    padding: 1px 10px;
}

.recipe-item_detail {
    position: relative;
    width: auto;
    left: auto;
    top: auto;
}
.recipe-img-name a {
    position: absolute;
    width: 41px;
    height: 82px;
    display: block;
    background-size: 41px auto;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);

}
.recipe-img-name .detail-left {
    left: -2px;
    background-image: url(../images/main-arrow_left.png);
}
.recipe-img-name .detail-right {
    right: -2px;
    background-image: url(../images/main-arrow_right.png);
}

/***************************
        Recipes SECTIONS
****************************/
.contact-us .overlay-container {
    width: 100%;
    max-width: 100vw;
    padding: 0 50px;
    margin: 0 0 100px;
}
.contact-us h2 {
    font-size: 60px;
    line-height: 56px;
    margin: 0 0 8px;
}
.contact-us .overlay-container p {
    max-width: none;
    margin-bottom: 35px;
}
.contact-us .overlay-container .row > li {
    padding: 0;
    margin-bottom: 24px;
    width: 100%;
}
.form-control {
    height: 54px;
    font-size: 24px;
    padding-left: 20px;
    padding-right: 20px;
}
.contact-us .chosen-container-single a.chosen-single {
    height: 58px;
    line-height: 54px;
    font-size: 24px;
    padding: 0 34px 0 20px;
}
.contact-us .chosen-container-single .chosen-single div {
    top: 10px;
    width: 30px;
    background-size: 18px auto;
    background-position: 0 5px !important;
}
.contact-us .overlay-container .row {
    margin-left: 0;
    margin-right: 0;
}
.contact-us .overlay-container .row > li {
    padding: 0;
    margin-bottom: 24px;
    width: 100% !important;
}
.full-width.form-decor {
    height: 30px;
    background-size: auto 7px;
}
textarea.form-control {
    padding: 10px 20px;
    min-height: 160px;
}
.asterisk {
    font-size: 24px;
    margin-bottom: 50px;
    margin-top: 5px;
    text-align: left;
}
.contact-us .btn {
    font-size: 24px;
    height: 64px;
    line-height: 34px;
    padding: 5px 26px 0 26px;
}
.contact-us .btn span {
    padding-right: 24px;
    background-size: 16px auto;
    background-position-y: 9px;
    -ms-background-position-y: 9px;
}

.overlay.contact-us .v-main,
.overlay.contact-us .v-align-middle{
    display: block;
}    
.overlay.contact-us .footer{
    position: relative;
    left: auto;
    bottom: auto;
}
.contact-us .overlay-container {
    min-height:1px;
}


.tablet .select-container .btn-fallback, 
.phone .select-container .btn-fallback {
    height: 54px;
    line-height: 48px;
    padding: 0 30px 6px 20px;
    font-size: 24px;
}
.select-container .btn-fallback span {
    top: 12px;
    height: 25px;
    width: 30px;
    background-size: 20px auto;
    background-position: 0 -28px;
}

.computer .recipe-container_main {
    width: 10000px !important;
}
.computer .recipe-item:first-child {
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -ms-filter: brightness(100%);
}

.vr-scrollable {
    height: auto !important;
    border-bottom: none !important;
    display: block !important;
}

.food-details .recipe-ingredients ul h4 {
    display: none;
}
.collapsible-section h4 {
    font-size: 42px;
    line-height: 42px;
    margin: 0 0 28px;
    text-align: center;
    font-family: "corundum-text",serif;
    text-transform: lowercase;
    font-style: italic;
    letter-spacing: 0;
    padding: 0;
    background: none;
    color: #9e8a59;
    text-align: center;
}
.collapsible-section > br ,
.vr-scrollable > br {
    display: none;
}


.collapsible-section h4 span:first-letter {
    text-transform: uppercase;
}
.collapsible-section h4 span {
    padding-right: 0;
    background: none;
    display: block;
    float: none;
}

.collapsible-section h3 {
    font-size: 42px;
    line-height: 42px;
    margin: 0 0 44px;
    text-align: center;
}
.vr-scrollable.lg > h3 + ul {
    margin-bottom: 80px;
}
.vr-scrollable.lg > h3 + ul + h3 + ul{
    margin-bottom: 0;
}
.food-details .recipe-ingredients p {
    font-size: 24px;
    line-height: 30px;
    font-family: "mrs-eaves";
    letter-spacing: 0;
    color: #33361b;
    margin-bottom: 30px !important;
}
.recipeGPH {
    margin-bottom: 45px;
}
.recipeGPH h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
.mobile-back-page .detail-seperator {
    display: none;
}

.recipe-ingredients .unit {
    min-width: 58px;
}

.recipe-ingredients .number {
    min-width: 74px;
}
.recipe-detail[data-ctarget="recipe_2"] .unit,
.recipe-detail[data-ctarget="recipe_4"] .unit,
.recipe-detail[data-ctarget="recipe_7"] .unit,
.recipe-detail[data-ctarget="recipe_8"] .unit,
.recipe-detail[data-ctarget="recipe_9"] .unit,
.recipe-detail[data-ctarget="recipe_11"] .unit,
.recipe-detail[data-ctarget="recipe_14"] .unit,
.recipe-detail[data-ctarget="recipe_16"] .unit,
.recipe-detail[data-ctarget="recipe_20"] .unit,
.recipe-detail[data-ctarget="recipe_22"] .unit,
.recipe-detail[data-ctarget="recipe_35"] .unit,
.recipe-detail[data-ctarget="recipe_37"] .unit,
.recipe-detail[data-ctarget="recipe_46"] .unit,
.recipe-detail[data-ctarget="recipe_49"] .unit,
.recipe-detail[data-ctarget="recipe_51"] .unit,
.recipe-detail[data-ctarget="recipe_56"] .unit,
.recipe-detail[data-ctarget="recipe_58"] .unit,
.recipe-detail[data-ctarget="recipe_59"] .unit,
.recipe-detail[data-ctarget="recipe_70"] .unit{
    min-width: 82px;
}
.recipe-detail[data-ctarget="recipe_29"] .unit,
.recipe-detail[data-ctarget="recipe_30"] .unit,
.recipe-detail[data-ctarget="recipe_23"] .unit,
.recipe-detail[data-ctarget="recipe_65"] .number{
    min-width: 105px;
}
.de {
    top: -15px;
    font-size: .70em;
}
.de::before {
    bottom: -3px;
    left: 4px;
    height: 4px;
} 
.about-slide p, 
.recipes-slide p, 
.boty-slide p, 
.woc-slide p {
    text-align: center;
}

.about-contents.desktopRecipesOnly {
  margin-top: 110px;
}
.desktopRecipesOnly .recipe-container_main {
  width: auto !important;
}
.desktopRecipesOnly .recipe-item {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 140px;
      filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -ms-filter: brightness(100%);
}
.desktopRecipesOnly .recipe-item:last-child {
  margin-bottom: 0;
}

.boty-winnerInfo {
    display: none;
}
a.common-link.dub-link,
button.common-link.dub-link {
    min-width: 180px;
    height: 64px;
    padding: 0 60px;
    margin-bottom: 130px;
}
a.common-link.dub-link .dub-link-inner, 
button.common-link.dub-link .dub-link-inner {
    width: auto;
    height: 64px;
    font-size: 28px;
    line-height: 1;
    padding: 0 11px;
}
.about-contents .mobile-heading {
    font-family: "Bourbon";
    font-size: 100px;
    line-height: 1;
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: 2px;
    color: #d0d0ab;
}
.recipeInnerBg {
    background-image: url(../images/paper-bg-mob.png);
}

.aboutUs-special .process-slide {
    padding-top: 0;
}
.longBottle img {
    width: 100% !important;
}
.aboutUs-special .about-mob-wrap {
    padding: 0;
}
.bottle-recipe_sections {
    padding: 55px 27px;
    background: url(../images/apply-over.png) center bottom no-repeat;
    background-size: 100% auto;
}
.about-mob-wrap .bottle-recipe_sections p {
    text-align: center;
    font-family: georgia;
    max-width: 460px;
    margin: 0 auto 65px;
}
.about-mob-wrap .bottle-recipe_sections p strong {
    display: none;
}
.bottle-recipe_sections img {
    display: block;
    margin: -115px auto 35px !important;
    max-width: 358px;
}
.bottle-recipe_sections:first-child img {
    margin-top: 0 !important;
}
.aboutUs-special .recipe-img-name {
    padding: 0;
    background: none;
}
.aboutUs-special .recipe-img-name a {
    width: auto !important;
    float: none;
    height: auto;
    background-size: auto 42px;
    background-position: 0 center;
    padding-left: 24px;
    color: #d0d0ab;
    text-transform: uppercase;
    font-family: "nimbus-sans-condensed";
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    display: inline-block;
    top: auto;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}
.aboutUs-special .recipe-img-name .detail-right {
    background-position: right center;
    text-align: right;
    padding-right: 24px;
    padding-left: 0;
}
.clearfix.oneliner {
    border-top: 1px solid rgba(208,208,171,.5);
    margin: 10px -27px;
}
.global-flavors.four-row,
.global-flavors.three-row {
    top: auto;
    width: auto;
    right: auto;
    position: relative;
    margin-bottom: 40px;
}
.aboutUs-special .ingredients-slide,
.aboutUs-special .origin-slide {
    padding-left: 27px !important;
    padding-right: 27px !important;
    padding-bottom: 40px;
}
.aboutUs-special .ingredients-slide img, 
.aboutUs-special .process-slide img,
.aboutUs-special .origin-slide img {
    width: 100%;
    margin: 0;
}
.aboutUs-special a.common-link.dub-link {
    margin-bottom: 45px;
}
.computer .global-flavors {
    top: auto;
    position: relative;
    right: auto;
}
.computer .gallery-section.special_recipeImg .fullWidthImg {
    width: 100%;
    left: auto;
    top: auto;
    position: relative;
}
.computer #originSection,
.computer #processSection {
    display: none !important;
}
.gallery-section .overlay-detail a {
    padding: 6px;
}
.review2 a.common-link.dub-link, button.common-link.dub-link {
    margin-bottom: 20px;
}
.review2 p.reviews {
    margin-bottom: 150px !important;
	font-size: 1.2em;
	line-height: 1.3em;
    letter-spacing: 0;
}

/*.review p, .review p span {
    font-size: 24px;
    line-height: 24px;
}*/
}

@media screen and (max-width: 579px){ 
.full-width_nav {
    margin: 180px 0 150px;
}
.full-width_nav li {
    margin-bottom: 50px;
}
.full-width_nav li a {
    font-size: 48px;
    line-height: 52px;
    letter-spacing: 1px;
}
.full-width_nav li a span span {
    width: 46px;
    height: 46px;
    border: 1px solid #9e8a59;
    margin-top: -23px;
}
.full-width_nav .active a span span::after {
    width: 24px;
    height: 24px;
}
.mobile-glow {
    position: relative;
}
.mobile-glow::before {
    content: '';
    position: absolute;
    left: 67px;
    top: 50%;
    background: url(../images/mobile-logo_glow.png) center center no-repeat;
    width: 235px;
    height: 108px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    background-size: contain;
}

}
/* For Mobile Screens*/
@media screen and (max-width: 539px){ 

.main-menu h2 {
    font-size: 46px;
    line-height: 46px;
    padding: 0 25px;
    margin: 200px 0 0;
}

/*------Basic Structure------*/
.nav-icon, 
.contact-close_icon {
    width: 60px;
    height: 49px;
    margin-top: 0;
}
.mobile-sub-header .brand-logo {
    margin-top: 0;
}

.brand-logo img {
    width: auto;
    height: 64px;
} 
.nav-icon, 
.contact-close_icon {
    top: 22px;
    width: 30px;
    height: 22px;
    background-size: contain;
}   
.nav-icon > span {
    font-size: 20px;
    height: 24px;
}
.menu-opened .nav-icon strong,
.contact-close_icon strong{
    background-size: 22px auto;
}

.wrapper,
.vertically-center {
    min-height: 1px;
}

.footer {
    padding: 30px 17px;
}
.dubonnet-text {
    max-width: 180px;
}
.footer ul li a {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.04em;
    padding:0 8px;
}
.footer ul li:first-child{
    padding-left: 0;
}
.footer ul li:nth-child(3) a{
    padding-right: 0;
}
.social-icons {
    margin: 23px auto;
}
.footer ul li:nth-child(2) {
    padding-top: 9px;
}
.footer-seperator {
    height: 6px;
    margin: 30px 0;
    background-size: auto 100%;
}
.footer p,
.mobile-footer p,
.brand-footer p {
    font-size: 8px;
    line-height: 16px;
    margin: 0;
    letter-spacing: 0.015em;
}
.footer ul {
    margin: -5px 0 0;
}
.twdw-logo {
    width: 94px;
    margin-top: 5px;
}
.social-icons span .fb ,
.social-icons span .ig {
    float: left;
    width: 30px;
    height: 30px;
}
.social-icons span .ig {
    margin-left: 0px;
}

/*------Basic Structure------*/


/***************************
        ABOUT SECTIONS
****************************/
.about-slide, 
.recipes-slide, 
.boty-slide, 
.woc-slide {
    padding-left: 20px;
    padding-right: 20px;
}
.about-contents h2,
.contact-us h2 {
    font-size: 40px;
    line-height: 42px;
    margin: 0 0 8px;
}
.privacy_policy p {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 30px;
}

.privacy_policy h3 {
    font-size: 18px;
    line-height: 20px;
    margin: 9px 0 8px;
}

p {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 20px;
}
.common-link {
    font-size: 16px;
    line-height: 20px;
    padding-right: 34px;
    margin-bottom: 60px;
}
.common-link.ddc_sp {
    padding-left: 30px;
}
.about-contents .mobile-heading {
    font-size: 70px;
    margin: 0 0 17px;
}
.dub-seperator {
    margin-top: 22px;
    margin-bottom: 0;
    margin-right: 2px;
}
.woc-slide .dub-seperator {
    margin-top: 22px;
    margin-bottom: 0;
    margin-right: 2px;    
}
a.common-link.dub-link ,
button.common-link.dub-link{
    height: 52px;
    padding: 0 50px;
    margin-bottom: 100px;
}
a.common-link.dub-link .dub-link-inner, 
button.common-link.dub-link .dub-link-inner {
    height: 52px;
    font-size: 24px;
    padding: 0 11px;
}
.about-contents .about-slide p {
    margin-bottom: 20px;
}
/***************************
        ABOUT SECTIONS
****************************/  
.brand-logo {
    width: 150px;
}
.mobile-sub-header.sticky .brand-logo {
}

.about-slide,
.overlay.contact-us {
    padding-top: 120px;
}

.recipes-slide, .boty-slide, .woc-slide {
    padding-top: 70px;
}

.mob-social-slide-holder {
    height: 240px;
    margin-top: 68px;
}
.social-slide {
  width: 596px;
  height: 596px;   
  background-size: 420px auto; 
}
.social-feed-container.mid-feed { 
    width: 496px;
    height: 496px;
    top: 100px;
}
.social-feed-container li {
  width: 90px;
  height: 90px;
  margin: -45px;
}
.social-feed-container li a img {
    width: 90px !important;
    height: 90px !important;
}
.social-feed-container li:nth-of-type(1) {
    -webkit-transform: rotate(-139deg) translate(320px) rotate(139deg) !important;
    -ms-transform: rotate(-139deg) translate(320px) rotate(139deg) !important;
    transform: rotate(-139deg) translate(320px) rotate(139deg) !important;
}
.social-feed-container li:nth-of-type(2) {
    -webkit-transform: rotate(-115deg) translate(304px) rotate(115deg) !important;
    -ms-transform: rotate(-115deg) translate(304px) rotate(115deg) !important;
    transform: rotate(-115deg) translate(304px) rotate(115deg) !important;
}
.social-feed-container li:nth-of-type(3) {
    -webkit-transform: rotate(-90deg) translate(298px) rotate(90deg) !important;
    -ms-transform: rotate(-90deg) translate(298px) rotate(90deg) !important;
    transform: rotate(-90deg) translate(298px) rotate(90deg) !important;
}
.social-feed-container li:nth-of-type(4) {
    -webkit-transform: rotate(-65deg) translate(304px) rotate(65deg) !important;
    -ms-transform: rotate(-65deg) translate(304px) rotate(65deg) !important;
    transform: rotate(-65deg) translate(304px) rotate(65deg) !important;
}
.social-feed-container li:nth-of-type(5) {
    -webkit-transform: rotate(-41deg) translate(320px) rotate(41deg) !important;
    -ms-transform: rotate(-41deg) translate(320px) rotate(41deg) !important;
    transform: rotate(-41deg) translate(320px) rotate(41deg) !important;
}


/*mid*/
.social-feed-container.mid-feed li:nth-of-type(1) {
    -webkit-transform: rotate(-150deg) translate(248px) rotate(150deg) !important;
    -ms-transform: rotate(-150deg) translate(248px) rotate(150deg) !important;
    transform: rotate(-150deg) translate(248px) rotate(150deg) !important;
}
.social-feed-container.mid-feed li:nth-of-type(2) {
    -webkit-transform: rotate(-120deg) translate(248px) rotate(120deg) !important;
    -ms-transform: rotate(-120deg) translate(248px) rotate(120deg) !important;
    transform: rotate(-120deg) translate(248px) rotate(120deg) !important;
}
.social-feed-container.mid-feed li:nth-of-type(3) {
    -webkit-transform: rotate(-90deg) translate(248px) rotate(90deg) !important;
    -ms-transform: rotate(-90deg) translate(248px) rotate(90deg) !important;
    transform: rotate(-90deg) translate(248px) rotate(90deg) !important;
}
.social-feed-container.mid-feed li:nth-of-type(4) {
    -webkit-transform: rotate(-60deg) translate(248px) rotate(60deg) !important;
    -ms-transform: rotate(-60deg) translate(248px) rotate(60deg) !important;
    transform: rotate(-60deg) translate(248px) rotate(60deg) !important;
}
.social-feed-container.mid-feed li:nth-of-type(5) {
    -webkit-transform: rotate(-30deg) translate(248px) rotate(30deg) !important;
    -ms-transform: rotate(-30deg) translate(248px) rotate(30deg) !important;
    transform: rotate(-30deg) translate(248px) rotate(30deg) !important;
}

/*.origin-slide*/
.ingredients-slide .about-mob-wrap {
    top: 148px;
}
.process-slide .about-mob-wrap, 
.origin-slide .about-mob-wrap {
    top: 105px;
}
.about-us_info .overlay-detail {
    width: 300px !important;
}
.instagram-main_post .overlay-detail {
    width: 270px !important;
}
.posts-previous, .posts-next {
    width: 18px;
    height: 34px;
}
.posts-next {
    right: -25px !important;
}
.posts-previous {
    left: -25px !important;
}


.about-us_info h2,
.privacy_policy h2 {
    font-size: 24px;
    line-height: 24px;
}
.about-info-mob {
    padding: 10px 15px 14px;
}

/*------Agegate------*/
.agegate-overlay .overlay-container {
    width: 100%;
    padding: 0 20px;
    max-width: 350px;
}
.has-agegate .brand-logo {
    margin-top: 18px;
    padding-bottom: 30px;
}
.agegate-overlay h1 {
    font-size: 48px;
    line-height: 44px;
    margin: 12px 0 8px;
    padding: 0 20px;
}

.agegate-overlay .overlay-container p{
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 17px;
}

.agegate-overlay .overlay-container {
    width: 100%;
    padding: 0 20px;
    max-width: 350px;
}
.agegate-overlay .row {
    margin-left: -5px;
    margin-right: -5px;
}
.one-third {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 15px;
    margin-bottom: 0;
}

.chosen-container-single a.chosen-single {
    height: 46px;
    line-height: 40px;
    padding: 2px 30px 0 15px;
    font-size: 22px;
}
.chosen-container-single .chosen-single div {
    top: 9px;
    height: 26px;
    width: 28px;
    background-size: 18px auto;
    background-position: 0 -24px;
}
.chosen-container .chosen-results li {
    font-size: 17px;
}
label.customRC {
    font-size: 17px;
    line-height: 30px;
    padding-left: 42px;
}
label.customRC span {
    width: 30px;
    height: 30px;
    top: 0;
}
input.customRC:checked + label.customRC span {
    background-size: 18px auto;
}

.remember-me {
    margin: 21px 0 17px;
}
.btn {
    font-size: 15px;
    height: 48px;
    line-height: 28px;
    padding: 5px 17px 0 18px;
}
.btn span {
    padding-right: 20px;
    background-size: 12px auto;
    background-position-y: 8px;
    -ms-background-position-y: 8px;
}
.age-gate-btns .btn {
    min-width: 154px;
}
.btn.fb span {
    background-size: 20px auto;
    background-position-y: 2px;
    -ms-background-position-y: 2px;
}



.mobile-footer {
    padding: 10px 20px 20px;
}

.age-seperator {
    height: 8px;
}

/*------Agegate------*/

.main-menu h2 {
    font-size: 45px;
    line-height: 42px;
    padding: 0 20px;
    margin: 160px 0 0;
}
/***************************
        Recipes SECTIONS
****************************/

.mobileCocktailRecipes {
    padding-top: 77px;
}
.recipes {
    padding-top: 148px;
    padding-bottom: 50px;
    background-size: auto 600px;
}
.for-group_recipes {
    padding-left: 20px;
    padding-right: 20px;    
}
.recipes .for-group_recipes {
    padding-left: 10px;
    padding-right: 10px;   

}
.categorized-cocktails.recipes {
    padding-top: 40px;
}
#foodSection {
    padding-top: 80px;
}
.categorized-cocktails.recipes.food-recipes {
    padding-bottom: 38px;
}
.categorized-cocktails.cocktail-recipes .for-group_recipes {
    margin-bottom: 35px;
}
.categorized-cocktails.food-recipes .for-group_recipes {
    margin-bottom: 45px;
}
.recipe-inner_pages .about-contents h2,
.recipe-inner_pages .about-contents .largest {
    font-size: 74px;
    line-height: 44px;
    letter-spacing: 1px !important;
}
.largest > span {
    margin-bottom: 10px;
    font-size: 13px;
}
.largest > span span {
    padding: 0 51px 5px;
    background-size: 43px auto;
}

.ghost {
    display: none !important;
}
.featured-cocktails .recipe-container_main {
    margin-top: 0;
    /*
    margin-top: 38px;
    margin-left: -100px;*/
}
.categorized-cocktails .recipe-container_main {
    margin-top: 38px;
}
/*
.categorized-cocktails.padding-bot0 {
    width: 266px;
}
*/
.mob-cocktail-recipes {
    background-size: auto 500px; 
}
.mob-cocktail-recipes .cocktail-recipes.categorized-cocktails:first-child {
    position: relative;
}
.mob-image_front {
    width: 200px;
    top: -40px;
}
.food-recipes .mob-image_front {
    width: 195px;
    top: 28px;
}

.recipe-item {
    width: 200px;
    padding: 0 15px;
}
.mob-cocktail-recipes .cocktail-recipes.categorized-cocktails .recipe-container_main {
    width: auto;
}
.food-recipes .recipe-item {
    width: 240px;
    padding: 0 10px;
}
.recipe-name {
    height: 58px;
    padding: 0 19px 0 19px;
    background-size: auto 58px;
    margin: 18px 0 0;
    font-size: 30px;
}
.recipe-name-inner {
    height: 58px;
    font-size: 15px;
    line-height: 15px;
    background-size: auto 58px;
}
.food-recipes .recipe-name {
    margin-top: 30px;
}
/***************************
        Recipes SECTIONS
****************************/
.recipeDetailIns {
    background-position: 96px 0;
    background-size: 7px 100%;
}
dl {
    margin-bottom: 4px;
}
dl dt {
    width: 96px;
    font-size: 22px;
    line-height: 24px;
    height: 24px;
    font-weight: bold;
}
dl dt span {
    letter-spacing: 0;
}
dl dd {
    margin-left: 110px;
    font-size: 19px;
    line-height: 24px;
}

.v1_short dt {
    width: 72px;
}
.recipeDetailIns.v1_short {
    background-position: 72px 0;
}
.v1_short dd {
    margin-left: 88px;
}

.v2_short dt {
    width:54px;
}
.recipeDetailIns.v2_short {
    background-position: 54px 0;
}
.v2_short dd {
    margin-left: 70px;
}
.food-details .recipe-ingredients p {
    font-size: 19px;
    line-height: 24px;
    font-family: "mrs-eaves";
    letter-spacing: 0;
    color: #33361b;
    margin-bottom: 12px !important;
}
.recipeGPH {

    margin-bottom: 20px;

}
.recipeGPH h3 {
    font-size: 20px;
    margin-bottom: 0;
}
.recipe-ingredients {
    padding: 0 12px;
}
.recipe-ingredients ul {
    max-width: 300px;
}
.recipe-ingredients h2 {
    font-size: 36px;
}
.recipeInnerBg {
    padding: 18px 15px 18px 15px;
}
.recipe-ingredients li ,
.recipe-ingredients .special{
    margin: 0 0 18px;
}
.recipe-ingredients .amount {
    padding-right: 10px;
}
.recipe-ingredients .number {
    font-size: 30px;
    line-height: 30px;
    padding-right: 12px;
}
.recipe-ingredients .unit {
    font-size: 20px;
    padding-top: 2px;
    line-height: 24px;
}
.recipe-ingredients .ingredient-texts {
    font-size: 18px;
    line-height: 20px;
    padding-left: 12px;
    max-width: 200px;
}
.detail-seperator {
    height: 6px;
    margin-bottom: 24px;
    margin-top: 15px;
}
.recipe-ingredients p {
    margin-bottom: 28px !important;
}
.recipe-share {
    margin-top: 5px;
    margin-bottom: 10px;
}
.recipe-share span {
    font-size: 24px;
    line-height: 24px;
}
.recipe-share a {
    width: 30px;
    height: 30px;
    margin-top: 24px;
    margin-right: 30px;
}
.mobile-back-page .recipe-back {
    margin: 5px 0 40px;
    font-size: 24px;
    padding-left: 23px;
    background-size: 11px auto;
    background-position: 0 center;
    line-height: 27px;
}
.recipe-img-name {
    padding-top: 100px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-size: auto 710px;
}

.food-details .recipe-img_container {
    height: 79vw;
}
.recipe-name.recipe-name_large {
    padding: 0;
    margin: 0 auto 45px;
    background-size: auto 54px, auto 54px;
    min-width: 280px;
    font-size: 30px;
}
.recipe-name_large .recipe-name-inner {
    height: 54px;
    font-size: 18px;
    line-height: 18px;
    background-size: auto 54px;
    text-shadow: .5px .5px 0px rgba(0, 0, 0, 1), 1px 1px 0px rgba(158, 138, 89, 1);
}

.recipe-img-name a {
    width: 24px;
    height: 52px;
    background-size: 24px auto;
}
.recipe-img-name .detail-left {
    left: -5px;
}
.recipe-img-name .detail-right {
    right: -5px;
}
/*----------Contact----------*/

.contact-us h2 {
    font-size: 40px;
    line-height: 40px;
    margin: 7px 0 8px;
}
.contact-us .overlay-container {
    padding: 0 30px;
    margin: 0 0 60px;
}
.contact-us .overlay-container p {
    margin-bottom: 26px;
}
.contact-us .overlay-container .row > li {
    margin-bottom: 18px;
}
.form-control {
    height: 36px;
    font-size: 17px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
}
.contact-us .chosen-container-single a.chosen-single {
    height: 40px;
    line-height: 36px;
    padding: 0 24px 0 12px;
    font-size: 17px;
}
.contact-us .chosen-container-single .chosen-single div {
    top: 4px;
    height: 24px;
    width: 24px;
    background-size: 14px auto;
}
textarea.form-control {
    padding: 7px 12px;
    min-height: 110px;
}
.asterisk {
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: left;
}
.contact-us .btn{
    font-size: 18px;
    height: 50px;
    line-height: 34px;
    padding: 5px 20px 0 26px;
}
.contact-us .btn span {
    padding-right: 21px;
    background-size: 13px auto;
    background-position-y: 11px;
    -ms-background-position-y: 11px;
}

/*----------Contact----------*/

.tablet .select-container .btn-fallback, 
.phone .select-container .btn-fallback {
    height: 40px;
    line-height: 36px;
    padding: 0 26px 4px 13px;
    font-size: 17px;
}
.select-container .btn-fallback span {
    top: 8px;
    height: 25px;
    width: 25px;
    background-size: 15px auto;
    background-position: 0 -22px;
}
.collapsible-section h3 {
    font-size: 28px;
    line-height: 30px;
    margin: 0 0 38px;
}
.vr-scrollable.lg > h3 + ul {
    margin-bottom: 20px;
}
.collapsible-section h4 {
    margin: 0 0 22px;
}


.recipe-ingredients .unit {
    min-width: 28px;
}

.recipe-ingredients .number {
    min-width: 42px;
}
.recipe-detail[data-ctarget="recipe_2"] .unit,
.recipe-detail[data-ctarget="recipe_4"] .unit,
.recipe-detail[data-ctarget="recipe_7"] .unit,
.recipe-detail[data-ctarget="recipe_8"] .unit,
.recipe-detail[data-ctarget="recipe_9"] .unit,
.recipe-detail[data-ctarget="recipe_11"] .unit,
.recipe-detail[data-ctarget="recipe_14"] .unit,
.recipe-detail[data-ctarget="recipe_16"] .unit,
.recipe-detail[data-ctarget="recipe_20"] .unit,
.recipe-detail[data-ctarget="recipe_22"] .unit,
.recipe-detail[data-ctarget="recipe_35"] .unit,
.recipe-detail[data-ctarget="recipe_37"] .unit,
.recipe-detail[data-ctarget="recipe_46"] .unit,
.recipe-detail[data-ctarget="recipe_49"] .unit,
.recipe-detail[data-ctarget="recipe_51"] .unit,
.recipe-detail[data-ctarget="recipe_56"] .unit,
.recipe-detail[data-ctarget="recipe_58"] .unit,
.recipe-detail[data-ctarget="recipe_59"] .unit,
.recipe-detail[data-ctarget="recipe_70"] .unit{
    min-width: 50px;
}
.recipe-detail[data-ctarget="recipe_29"] .unit,
.recipe-detail[data-ctarget="recipe_30"] .unit,
.recipe-detail[data-ctarget="recipe_23"] .unit,
.recipe-detail[data-ctarget="recipe_65"] .number{
    min-width: 62px;
}
.de {
    top: -11px;
    font-size: .6em;
}
.de::before {
    bottom: -4px;
    left: 3px;
    height: 3px;
    box-shadow: 2px 1px 0px rgba(0, 0, 0, 1), 3px 2px 0px rgba(158, 138, 89, 1);
}


.about-contents.desktopRecipesOnly {
  margin-top: 70px;
}
.desktopRecipesOnly .recipe-item {
  margin-bottom: 40px;
}
.bottle-recipe_sections {
    padding: 40px 20px;
}
.about-mob-wrap .bottle-recipe_sections p {
    margin: 0 auto 45px;
    line-height: 30px;
    max-width: none;
}
.bottle-recipe_sections:first-child h2 + p {
    margin-bottom: 32px;
}
/*
.bottle-recipe_sections:first-child p{
    margin-bottom: 20px
}
*/
.bottle-recipe_sections img {
    margin: -85px auto 22px !important;
    max-width: 230px;
}
.aboutUs-special .ingredients-slide,
.aboutUs-special .origin-slide {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 120px;
}
.about-galleries .overlay-detail, .heritage-galleries .heritage-overlay-detail {
    width: 300px;
}
.aboutUs-special a.common-link.dub-link {
    margin-bottom: 30px;
}
.global-flavors.three-row {
    margin-bottom: 22px;
}

.computer .ingredients-slide {
    padding-top: 120px;
} 
.computer .process-slide, 
.computer .origin-slide {
    padding-top: 50px;
} 
.clearfix.oneliner {
    margin: 6px -20px;
}
.review2 p.reviews {
    margin-bottom: 100px !important;
	font-size: 17px;
	line-height: 24px;
}
}