/* Medium Layout: 1280px. */

@media only screen and (min-width: 1501px) and (max-width: 1700px) {


    .intro-background{
        height:875px;
    }

    .values-table.active {
    height:880px;
    }

    .values-table.left.active {
        padding: 60px 50px;
        margin-top: 0;
    }

    .values-table.right.active {
        padding-top:180px;
        padding-bottom:30px;
        padding-left:50px;
        padding-right:50px;
        margin-top: 0;
    }

    .advantages-table.active {
        padding: 20px 80px;
        margin-top: 0
    }

    .Box img
    {
        height: 400px;
    }

    .Box-oat-crunch img
    {
        height: 400px;
    }

    .Box-oat-crunch2 img
    {
        height: auto;
    }

    .Bowl img
    {
        height:270px;
        vertical-align: bottom;
    }

    .Bowl-oat-crunch img
    {
        height:270px;
        vertical-align: bottom;
    }

    .Bowl-oat-crunch2 img
    {
        height:225px;
        vertical-align: bottom;
    }

    .caption-slider .product-photo.two {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 150px;
        right: 40px;
        z-index: -1;
    }

    .caption-slider .product-photo.two-oat-crunch {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 180px;
        right: 160px;
        z-index: -1;
    }

    .caption-slider .product-photo.two-oat-crunch2 {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 170px;
        right: 145px;
        z-index: -1;
    }



    .product-title-text
    {
        padding-top:20px;
        font-family:OldPress;
        font-size:75pt;
        line-height:35pt;
        color:#941114;
        padding-top:40px;
        text-align: center;
    }

    .product-title-text-oat-crunch
    {
        font-family:CFJackStory;
        font-size:55pt;
        line-height:1pt;
        color:#EF538A;
        padding-top:40px;
        text-align: center;
    }

    .product-title-text-oat-crunch2
    {
        font-family:CFJackStory;
        font-size:55pt;
        line-height:1pt;
        color:#EF538A;
        padding-top:40px;
        text-align: center;
    }

    .product-title-subtext-oat-crunch
    {
        font-family:BelovedTeacher;
        font-size:20pt;
        line-height:1pt;
        color:#EF538A;
        text-align: center;
    }

    .product-subtitle-text
    {
        font-family:CabinRegular;
        font-size:15pt;
        line-height:20pt;
        letter-spacing: 1pt;
        color:#7c3a1a;
    }

    .product-specification-text
    {
        text-align:center;
        line-height:20pt;
        letter-spacing: 0pt;
    }

    .product-specification-note
    {
        font-family:CabinMediumItalic;
        font-size:10pt;
        line-height:1pt;
        letter-spacing: 0pt;
        color:#941114;
        text-align:center;
    }

    .product-subtitle-text-oat-crunch
    {
        font-family:CabinRegular;
        font-size:15pt;
        line-height:20pt;
        letter-spacing: 1pt;
        color:#5F2684;
        text-align:justify;
    }

    .product-specification-text-oat-crunch
    {
        text-align:center;
        line-height:20pt;
        letter-spacing: 0pt;
    }

    .product-specification-note-oat-crunch
    {
        font-family:CabinMediumItalic;
        font-size:10pt;
        line-height:1pt;
        letter-spacing: 0pt;
        color:#5F2684;
        text-align:center;
    }

    .products
    {
        padding:50px 0px;
    }

    .product-range-title {
        font-family:BebasNeue;
        font-size:35pt;
        line-height:35pt;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color:#963021;
        font-weight: 100;
        text-align:center;
        margin-bottom:0px;
    }

    #product1 {
        width: 230px;
        height: 200px;
        padding-right: 35px;
        padding-top: 10px;
    }

    .bilingual
    {
        position:absolute;
        top:18px;
        right:20px;
    }


    .faq_new_box
    {
        height:920px;
        padding-left:0px;
        padding-right:0px;
    }

    .faq_new_textbox
    {
        padding-left:40px;
        padding-right:40px;
        padding-top:30px;
    }

    .faq_new_textTitle
    {
        font-family:LatoLightItalic;
        font-size:50pt;
        line-height:1;
        color:#9e0b0f;
    }

    .faq_new_textContent
    {
        font-family:LatoRegular;
        font-size:14pt;
        line-height:1.5;
        color:#9e0b0f;
        text-align: justify;
        padding-top: 20px;
    }

    .faq_new_quote
    {
        font-family:Harabara;
        font-size:60pt;
        color:#fffad9;
        line-height:1.5;
    }

    .faq_new_signature
    {
        font-family:GellattikJanggan;
        font-size:65pt;
        color:#fffad9;
        text-align: center;
        line-height:1;
    }

    .faq_new_signature_detail
    {
        font-family:LatoItalic;
        font-size:12pt;
        color:#fffad9;
        text-align: center;
    }

    .faq_new_page
    {
        background-color:#000;
        /*background: url('./images/mixture_back.jpg') no-repeat scroll center center / cover;*/
        padding-top:20px;
        padding-bottom:50px;
    }

    .faq_new_table.active {
        padding: 80px 0px 40px 0px;
        margin-top: 0
    }

    .faq_new_table {
        padding: 50px 40px;
        border-radius: 2px;
        text-align: center;
        position: relative;
        margin-top: 20px;
    }

    .faq_new_subtable.active {
        padding-left:650px;
        margin-top: 0
    }


    .new_contact_leftside
    {
        padding:150px 80px 50px 80px;
        height:1000px;
    }
    .new_contact_rightside
    {
       padding:150px 70px 50px 70px;
        /*background-color:#662917;*/
        height:1000px;
    }
    .new_contact_icon_mail
    {
        width: 45px;
        padding-top: 15px;
        margin-left: 10px;
    }
    .new_contact_icon_phone
    {
        width: 40px;
        padding-top: 5px;
        margin-left: 10px;
    }
    .message
    {
        margin-top:40px;
    }

    .vline_oat_berry,.vline_oat_choco, .vline_oat_cheese, .vline_oat_floss, .vline_ori
    {
        margin-top:5px;
        height: 45px;
        position: absolute;
        left: 48%;
    }
    .vline_oat_berry
    {
        border-left: 2px solid #5F2684;
    }
    .vline_oat_choco
    {
        border-left: 2px solid #F15D22;
    }
    .vline_oat_cheese
    {
        border-left: 2px solid #B4A210;
    }
    .vline_oat_floss
    {
        border-left: 2px solid #F99D2A;
    }
    .vline_ori
    {
        border-left: 2px solid #941114;
    }


    .commitment_new_box
    {
        height:720px;
        
    }
    .commitment_new_box img
    {
        padding: 50px 150px 30px 150px
    }
    .commitment_textTitle
    {
        font-family:LatoLightItalic;
        font-size:25pt;
        line-height:1;
        color:#fff797;
        text-transform: uppercase;
        text-align: center;
    }
    .commitment_textContent
    {
        font-family:LatoRegular;
        font-size:18pt;
        line-height:1.5;
        color:#fff797;
        text-align: justify;
        padding-top: 20px;
    }
    .commitment_page
    {
        background-color:#fff6df;
        padding-top:0px;
        padding-bottom:0px;
    }
    .commitment_header_text
    {
        font-family:Harabara;
        font-size:62pt;
        color:#9e0b0f;
        line-height:1;
        text-align: right;
        text-transform: uppercase;
    }
    .commitment_header_subtext
    {
        font-family: LatoRegular;
        font-size: 16pt;
        color: #9e0b0f;
        text-align: justify;
        line-height: 30px;
        letter-spacing: 0px;
    }
    .commitment_header_subtext_padding
    {
        padding-left:100px;
    }
    .commitment_headerText_box
    {
        padding:280px 20px 0px 100px;
    }
    .commitment_headerImg_box
    {
        padding:0px;
    }
    .commitment_textbox
    {
        padding-left:10px;
        padding-right:10px;
        padding-top:0px;
    }

}

@media only screen and (min-width: 1201px) and (max-width: 1500px) {

    .intro-background1
    {
      background-image: url(../images/entryallnew1ID_mid_optimized.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-size: cover;
      padding:0px;
      margin:0px;
    }
    .intro-background2
    {
      background-image: url(../images/entryallnew2ID_mid_optimized.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-size: cover;
      padding:0px;
      margin:0px;
    }
    .intro-background3
    {
      background-image: url(../images/entryallnew3ID_mid_optimized.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-size: cover;
      padding:0px;
      margin:0px;
    }

    .intro-background{
        height:775px;
    }

    .values-table.active {
    height:1050px;
    }

    .values-table.left.active {
        padding: 60px 50px;
        margin-top: 0;
    }

    .values-table.right.active {
        padding-top:180px;
        padding-bottom:30px;
        padding-left:50px;
        padding-right:50px;
        margin-top: 0;
    }

    .advantages-table.active {
        padding: 20px 50px;
        margin-top: 0
    }

    .connected-table-bottom.active {
        padding: 20px 50px;
        margin-top: 0
    }

    .connected-table-bottom-two.active {
        padding: 20px 25px;
        margin-top: 0;
    }

    .Box img
    {
        height: 350px;
    }

    .Box-oat-crunch img
    {
        height: 350px;
    }

    .Box-oat-crunch2 img
    {
        height: auto;
    }

    .Bowl img
    {
        height:225px;
        vertical-align: bottom;
    }

    .Bowl-oat-crunch img
    {
        height:225px;
        vertical-align: bottom;
    }

    .Bowl-oat-crunch2 img
    {
        height:185px;
        vertical-align: bottom;
    }

    .caption-slider .product-photo.two {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 140px;
        right: 40px;
        z-index: -1;
    }

    .caption-slider .product-photo.two-oat-crunch {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 150px;
        right: 140px;
        z-index: -1;
    }

    .caption-slider .product-photo.two-oat-crunch2 {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 145px;
        right: 120px;
        z-index: -1;
    }

    .product-title-text
    {
        font-family:OldPress;
        font-size:55pt;
        line-height:35pt;
        color:#941114;
        padding-top:20px;
        text-align: center;
    }

    .product-title-text-oat-crunch
    {
        font-family:CFJackStory;
        font-size:45pt;
        line-height:1pt;
        color:#EF538A;
        padding-top:40px;
        text-align: center;
    }

    .product-title-text-oat-crunch2
    {
        font-family:CFJackStory;
        font-size:45pt;
        line-height:1pt;
        color:#EF538A;
        padding-top:40px;
        text-align: center;
    }

    .product-title-subtext-oat-crunch
    {
        font-family:BelovedTeacher;
        font-size:20pt;
        line-height:1pt;
        color:#EF538A;
        text-align: center;
    }

    .product-subtitle-text
    {
        font-family:CabinRegular;
        font-size:14pt;
        line-height:18pt;
        letter-spacing: 1pt;
        color:#7c3a1a;
    }

    .product-specification-text
    {
        text-align:center;
        line-height:15pt;
        letter-spacing: 0pt;
    }

    .product-specification-note
    {
        font-family:CabinMediumItalic;
        font-size:8pt;
        line-height:1pt;
        letter-spacing: 0pt;
        color:#941114;
        text-align:center;
    }

    .product-subtitle-text-oat-crunch
    {
        font-family:CabinRegular;
        font-size:14pt;
        line-height:18pt;
        letter-spacing: 1pt;
        color:#5F2684;
        text-align:justify;
    }

    .product-specification-text-oat-crunch
    {
        text-align:center;
        line-height:15pt;
        letter-spacing: 0pt;
    }

    .product-specification-note-oat-crunch
    {
        font-family:CabinMediumItalic;
        font-size:8pt;
        line-height:1pt;
        letter-spacing: 0pt;
        color:#5F2684;
        text-align:center;
    }

    .products {
        padding:50px 30px;
    }

    .product-range-title {
        font-family:BebasNeue;
        font-size:35pt;
        line-height:35pt;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color:#963021;
        font-weight: 100;
        text-align:center;
    }

    #product1 {
        width: 190px;
        height: 200px;
        padding-right: 40px;
        padding-top: 5px;
    }
    
    .pbc-text p
    {
        font-size:60px;
    }

    .connected-title-2
    {
        font-size:15pt;
    }
    
    .faq_back
    {
        height: 1150px;
    }
    .faq-carousel-inner
    {
        height:750px;
    }

    .bilingual
    {
        position:absolute;
        top:18px;
        right:50px;
    }
    .connected-partner2 img
    {
        height: 37px;
    }
    .connected-partner img
    {
        height: 37px;
    }
    .connected-phone
    {
        font-size:14pt;
    }
    .connected-table-header.active
    {
        padding: 0px 50px;
        margin-top: 0;
    }
    .connected-subtitle
    {
        font-size: 14pt;
        line-height: 20pt;
    }
    .connected-title
    {
        font-size: 65pt;
        line-height: 55pt;
    }


    .faq_new_box
    {
        height:750px;
        padding-left:0px;
        padding-right:0px;
    }

    .faq_new_textbox
    {
        padding-left:40px;
        padding-right:40px;
        padding-top:30px;
    }

    .faq_new_textTitle
    {
        font-family:LatoLightItalic;
        font-size:40pt;
        line-height:1;
        color:#9e0b0f;
    }

    .faq_new_textContent
    {
        font-family:LatoRegular;
        font-size:12pt;
        line-height:1.5;
        color:#9e0b0f;
        text-align: justify;
        padding-top: 20px;
    }

    .faq_new_quote
    {
        font-family:Harabara;
        font-size:50pt;
        color:#fffad9;
        line-height:1.5;
    }

    .faq_new_signature
    {
        font-family:GellattikJanggan;
        font-size:50pt;
        color:#fffad9;
        text-align: center;
        line-height:1;
    }

    .faq_new_signature_detail
    {
        font-family:LatoItalic;
        font-size:9pt;
        color:#fffad9;
        text-align: center;
    }

    .faq_new_page
    {
        background-color:#000;
        /*background: url('./images/mixture_back.jpg') no-repeat scroll center center / cover;*/
        padding-top:20px;
        padding-bottom:50px;
    }

    .faq_new_table.active {
        padding: 80px 0px 40px 0px;
        margin-top: 0
    }

    .faq_new_table {
        padding: 50px 40px;
        border-radius: 2px;
        text-align: center;
        position: relative;
        margin-top: 20px;
    }

    .faq_new_subtable.active {
        padding-left:450px;
        margin-top: 0
    }


    .new_values-area {
        display: table; 
        background-color:#fff79a;
        height: 100%;
    }
    .new_values_right
    {
        background-color:#fff79a;
        display: table;
        padding-left:25px;
        height:100%;
    }
    #content
    {
        display: table-cell;
        vertical-align: middle;
    }
    .new_values_headline
    {
        font-family: Harabara;
        font-size:70pt;
        color:#9e0b0f;
        line-height: 1;
        letter-spacing: 5px;
    }
    .new_values_text
    {
        font-family: LatoLight;
        font-size:20pt;
        color:#9e0b0f;
        line-height: 1.2;
        padding-top:20px;
    }
    .new_values_button {
      background-color: #f7941d;
      border: none;
      color: #9e0b0f;
      padding: 0px 25px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 14pt;
      margin: 20px 2px;
      cursor: pointer;
      border-radius: 3px;
      font-family: LatoRegular;
    }


    .new_contact_leftside
    {
        padding:150px 30px 50px 30px;
        height:1000px;
    }
    .new_contact_rightside
    {
       padding:150px 0px 50px 0px;
        /*background-color:#662917;*/
        height:1000px;
    }
    .new_contact_icon_mail
    {
        width: 35px;
        padding-top: 25px;
        margin-left: 0px;
    }
    .new_contact_icon_phone
    {
        width: 35px;
        padding-top: 13px;
        margin-left: 0px;
    }
    .message
    {
        margin-top:40px;
    }

    .connected-footer
    {
        font-family: LatoLight;
        font-size: 9pt;
        line-height: 20pt;
        color: #f3af30;
        font-weight: 800;
        text-align: center;
        margin-bottom: 10px;
    }

    .vline_oat_berry,.vline_oat_choco, .vline_oat_cheese, .vline_oat_floss, .vline_ori
    {
        margin-top:3px;
        height: 40px;
        position: absolute;
        left: 48%;
    }
    .vline_oat_berry
    {
        border-left: 2px solid #5F2684;
    }
    .vline_oat_choco
    {
        border-left: 2px solid #F15D22;
    }
    .vline_oat_cheese
    {
        border-left: 2px solid #B4A210;
    }
    .vline_oat_floss
    {
        border-left: 2px solid #F99D2A;
    }
    .vline_ori
    {
        border-left: 2px solid #941114;
    }


    .commitment_new_box
    {
        height:510px;
        
    }
    .commitment_new_box img
    {
        padding: 50px 120px 30px 120px
    }
    .commitment_textTitle
    {
        font-family:LatoLightItalic;
        font-size:20pt;
        line-height:1;
        color:#fff797;
        text-transform: uppercase;
        text-align: center;
    }
    .commitment_textContent
    {
        font-family:LatoRegular;
        font-size:12pt;
        line-height:1.5;
        color:#fff797;
        text-align: justify;
        padding-top: 20px;
    }
    .commitment_page
    {
        background-color:#fff6df;
        padding-top:0px;
        padding-bottom:0px;
    }
    .commitment_header_text
    {
        font-family:Harabara;
        font-size:55pt;
        color:#9e0b0f;
        line-height:1;
        text-align: right;
        text-transform: uppercase;
    }
    .commitment_header_subtext
    {
        font-family: LatoRegular;
        font-size: 14pt;
        color: #9e0b0f;
        text-align: justify;
        line-height: 30px;
        letter-spacing: 0px;
    }
    .commitment_header_subtext_padding
    {
        padding-left:100px;
    }
    .commitment_headerText_box
    {
        padding:180px 20px 0px 30px;
    }
    .commitment_headerImg_box
    {
        padding:0px;
    }
    .commitment_textbox
    {
        padding-left:10px;
        padding-right:10px;
        padding-top:0px;
    }
}


/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .intro-background{
        height:675px;
    }

    .Box img
    {
        height: 340px;
    }

    .Box-oat-crunch img
    {
        height: 350px;
    }

    .Box-oat-crunch2 img
    {
        height: auto;
    }

    .Bowl img
    {
        height:215px;
        vertical-align: bottom;
    }

    .Bowl-oat-crunch img
    {
        height:225px;
        vertical-align: bottom;
    }

    .Bowl-oat-crunch2 img
    {
        height:190px;
        vertical-align: bottom;
    }

    .caption-slider .product-photo.two {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 140px;
        right: 40px;
        z-index: -1;
    }

    .caption-slider .product-photo.two-oat-crunch {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 150px;
        right: 140px;
        z-index: -1;
    }

    .caption-slider .product-photo.two-oat-crunch2 {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 145px;
        right: 125px;
        z-index: -1;
    }

    .product-title-text
    {
        font-family:OldPress;
        font-size:50pt;
        line-height:35pt;
        color:#941114;
        padding-top:20px;
        text-align: center;
    }

    .product-title-text-oat-crunch
    {
        font-family:CFJackStory;
        font-size:45pt;
        line-height:1pt;
        color:#EF538A;
        padding-top:40px;
        text-align: center;
    }

    .product-title-text-oat-crunch2
    {
        font-family:CFJackStory;
        font-size:45pt;
        line-height:1pt;
        color:#EF538A;
        padding-top:40px;
        text-align: center;
    }

    .product-title-subtext-oat-crunch
    {
        font-family:BelovedTeacher;
        font-size:20pt;
        line-height:1pt;
        color:#EF538A;
        text-align: center;
    }

    .product-subtitle-text
    {
        font-family:CabinRegular;
        font-size:14pt;
        line-height:18pt;
        letter-spacing: 1pt;
        color:#7c3a1a;
    }

    .product-specification-text
    {
        text-align:center;
        line-height:15pt;
        letter-spacing: 0pt;
    }

    .product-specification-note
    {
        font-family:CabinMediumItalic;
        font-size:8pt;
        line-height:1pt;
        letter-spacing: 0pt;
        color:#941114;
        text-align:center;
    }

    .product-subtitle-text-oat-crunch
    {
        font-family:CabinRegular;
        font-size:14pt;
        line-height:18pt;
        letter-spacing: 1pt;
        color:#5F2684;
        text-align:justify;
    }

    .product-specification-text-oat-crunch
    {
        text-align:center;
        line-height:15pt;
        letter-spacing: 0pt;
    }

    .product-specification-note-oat-crunch
    {
        font-family:CabinMediumItalic;
        font-size:8pt;
        line-height:1pt;
        letter-spacing: 0pt;
        color:#5F2684;
        text-align:center;
    }

    .products {
        padding:50px 5px;
    }
    .product_img
    {
        padding-left:0px;
        padding-right:0px;
    }

    .product-range-title {
        font-family:BebasNeue;
        font-size:32pt;
        line-height:35pt;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color:#963021;
        font-weight: 100;
        text-align:center;
    }

    #product1 {
        width: 150px;
        height: 200px;
        padding-right: 10px;
        padding-top: 5px;
    }

    .product-granolab-logo
    {
        padding-bottom:20px;
    }

    .values-table.left.active
    {
        padding: 60px 30px;
        margin-top: 0;
    }
    .values-table.right.active
    {
        padding-top: 180px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 0;
    }
    .values-table.active
    {
        height: 1150px;
    }
    .advantages-table.active
    {
        padding: 10px 10px;
        margin-top: 0;
    }
    .advantages-title
    {
        font-family: Harabara;
        font-size: 55pt;
        line-height: 30pt;
        color: #963021;
        font-weight: 100;
        text-align: center;
    }

    .advantages-titleprefix
    {
        font-size:25pt;
        letter-spacing: 5px;
    }

    .advantages-title-2
    {
        font-family: BebasNeue;
        font-size: 44pt;
        line-height: 45pt;
        color: #963021;
        font-weight: 100;
        text-align: left;
    }
    .advantages-ingredients-desc
    {
        font-family: CabinRegular;
        font-size: 10pt;
        line-height: 12pt;
        color: #7c3a1a;
        font-weight: 300;
        text-align: justify;
    }
    .advantages-ingredients-title
    {
        font-family: CFJackStory;
        font-size: 13pt;
        line-height: 14pt;
        color: #7c3a1a;
        font-weight: 600;
        text-align: center;
    }
    .connected-title
    {
        font-family: Harabara;
        font-size: 55pt;
        line-height: 35pt;
        letter-spacing: 1pt;
        color: #FFFFFF;
        font-weight: 800;
        text-align: left;
        margin-bottom: 30px;
    }
    .connected-subtitle
    {
        font-family: LatoLight;
        font-size: 14pt;
        line-height: 25pt;
        color: #FFFFFF;
        font-weight: 300;
        text-align: left;
        margin-bottom: 15px;
    }
    .connected-phone
    {
        font-family: CabinRegular;
        font-size: 16pt;
        line-height: 14pt;
        color: #f3af30;
        font-weight: 300;
        text-align: center;
    }
    .connected-title-2
    {
        font-family: AquawaxLight;
        font-size: 10pt;
        line-height: 13pt;
        color: #f3af30;
        font-weight: 800;
        text-align: center;
        margin-bottom: 0px;
    }
    .connected-partner img
    {
        height: 30px;
    }
    .connected-partner2 img
    {
        height: 30px;
    }
    .connected-table-bottom.active
    {
        padding: 10px 20px;
        margin-top: 0;
    }
    .connected-table-bottom-two.active
    {
        padding: 10px 20px;
        margin-top: 0;
    }
    .connected-footer
    {
        font-family: LatoLight;
        font-size: 9pt;
        line-height: 15pt;
        color: #f3af30;
        font-weight: 800;
        text-align: center;
        margin-bottom: 10px;
    }
    .section-padding
    {
            padding: 20px 0;
    }
    .faq_back
    {
        height: 1150px;
    }
    .faq-carousel-inner
    {
        height:810px;
    }

    .bilingual
    {
        position:absolute;
        top:18px;
        right:30px;
    }


    .faq_new_box
    {
        height:720px;
        padding-left:0px;
        padding-right:0px;
    }

    .faq_new_textbox
    {
        padding-left:40px;
        padding-right:40px;
        padding-top:30px;
    }

    .faq_new_textTitle
    {
        font-family:LatoLightItalic;
        font-size:35pt;
        line-height:1;
        color:#9e0b0f;
    }

    .faq_new_textContent
    {
        font-family:LatoRegular;
        font-size:11pt;
        line-height:1.5;
        color:#9e0b0f;
        text-align: justify;
        padding-top: 20px;
    }

    .faq_new_quote
    {
        font-family:Harabara;
        font-size:45pt;
        color:#fffad9;
        line-height:1.5;
    }

    .faq_new_signature
    {
        font-family:GellattikJanggan;
        font-size:50pt;
        color:#fffad9;
        text-align: center;
        line-height:1;
    }

    .faq_new_signature_detail
    {
        font-family:LatoItalic;
        font-size:9pt;
        color:#fffad9;
        text-align: center;
    }

    .faq_new_page
    {
        background-color:#000;
        /*background: url('./images/mixture_back.jpg') no-repeat scroll center center / cover;*/
        padding-top:20px;
        padding-bottom:50px;
    }

    .faq_new_table.active {
        padding: 80px 0px 30px 0px;
        margin-top: 0
    }

    .faq_new_table {
        padding: 50px 40px;
        border-radius: 2px;
        text-align: center;
        position: relative;
        margin-top: 20px;
    }

    .faq_new_subtable.active {
        padding-left:450px;
        margin-top: 0
    }


    .new_values-area {
        display: table; 
        background-color:#fff79a;
        height: 100%;
    }
    .new_values_right
    {
        background-color:#fff79a;
        display: table;
        padding-left:25px;
        height:100%;
    }
    #content
    {
        display: table-cell;
        vertical-align: middle;
    }
    .new_values_headline
    {
        font-family: Harabara;
        font-size:70pt;
        color:#9e0b0f;
        line-height: 1;
        letter-spacing: 5px;
    }
    .new_values_text
    {
        font-family: LatoLight;
        font-size:20pt;
        color:#9e0b0f;
        line-height: 1.2;
        padding-top:20px;
    }
    .new_values_button {
      background-color: #f7941d;
      border: none;
      color: #9e0b0f;
      padding: 0px 25px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 14pt;
      margin: 20px 2px;
      cursor: pointer;
      border-radius: 3px;
      font-family: LatoRegular;
    }

    .new_contact_leftside
    {
        padding:150px 30px 50px 30px;
        height:1000px;
    }
    .new_contact_rightside
    {
       padding:150px 0px 50px 0px;
        /*background-color:#662917;*/
        height:1000px;
    }
    .new_contact_icon_mail
    {
        width: 35px;
        padding-top: 25px;
        margin-left: 0px;
    }
    .new_contact_icon_phone
    {
        width: 35px;
        padding-top: 13px;
        margin-left: 0px;
    }
    .message
    {
        margin-top:40px;
    }

    .vline_oat_berry,.vline_oat_choco, .vline_oat_cheese, .vline_oat_floss, .vline_ori
    {
        margin-top:3px;
        height: 40px;
        position: absolute;
        left: 48%;
    }
    .vline_oat_berry
    {
        border-left: 2px solid #5F2684;
    }
    .vline_oat_choco
    {
        border-left: 2px solid #F15D22;
    }
    .vline_oat_cheese
    {
        border-left: 2px solid #B4A210;
    }
    .vline_oat_floss
    {
        border-left: 2px solid #F99D2A;
    }
    .vline_ori
    {
        border-left: 2px solid #941114;
    }


    .commitment_new_box
    {
        height:510px;
        
    }
    .commitment_new_box img
    {
        padding: 50px 120px 30px 120px
    }
    .commitment_textTitle
    {
        font-family:LatoLightItalic;
        font-size:20pt;
        line-height:1;
        color:#fff797;
        text-transform: uppercase;
        text-align: center;
    }
    .commitment_textContent
    {
        font-family:LatoRegular;
        font-size:12pt;
        line-height:1.5;
        color:#fff797;
        text-align: justify;
        padding-top: 20px;
    }
    .commitment_page
    {
        background-color:#fff6df;
        padding-top:0px;
        padding-bottom:0px;
    }
    .commitment_header_text
    {
        font-family:Harabara;
        font-size:50pt;
        color:#9e0b0f;
        line-height:1;
        text-align: right;
        text-transform: uppercase;
    }
    .commitment_header_subtext
    {
        font-family: LatoRegular;
        font-size: 12pt;
        color: #9e0b0f;
        text-align: justify;
        line-height: 25px;
        letter-spacing: 0px;
    }
    .commitment_header_subtext_padding
    {
        padding-left:130px;
    }
    .commitment_headerText_box
    {
        padding:180px 20px 0px 0px;
    }
    .commitment_headerImg_box
    {
        padding:0px;
    }
    .commitment_textbox
    {
        padding-left:10px;
        padding-right:10px;
        padding-top:0px;
    }
}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainmenu-area #primary-menu > ul > li > a {
        padding: 30px 12px;
    }
    .header-area {
        padding-top: 80px;
    }
    .price-table,
    .box, .box-oat-crunch {
        padding: 30px 15px;
    }
    .price-table.active {
        padding: 50px 15px;
    }
    .single-team {
        margin-bottom: 30px
    }
    .side-icon-boxes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .logo-slide img{
        max-width:200px;
    }
    .intro-text
    {
        font-family:AquawaxLight;
        font-size:10pt;
        line-height:10pt;
        word-spacing: 1pt;
        color:#fffcd3;
    }
    .faq-title-text
    {
        font-family:BebasNeue;
        font-size:25pt;
        line-height:25pt;
        word-spacing: 1pt;
        letter-spacing: 1pt;
        color:#fffcd3;
    }

    .values-table.active {
    height:1050px;
    }

    .values-table.left.active {
        padding: 60px 50px;
        margin-top: 0;
    }

    .values-table.right.active {
        padding-top:180px;
        padding-bottom:30px;
        padding-left:50px;
        padding-right:50px;
        margin-top: 0;
    }

/*
    .product_back
    {
        background-image: url(../images/advantages_back_hp.jpg)!important; 
        overflow: hidden;
    }

    .product_back-oat-crunch
    {
        background-image: url(../images/advantages_back_hp_oat-crunch.jpg)!important; 
        overflow: hidden;
    }
*/


    .Box img
    {
        height: 340px;
    }

    .Box-oat-crunch img
    {
        height: 350px;
    }

    .Box-oat-crunch2 img
    {
        height: 300px;
    }

    .Bowl img
    {
        height:215px;
        vertical-align: bottom;
    }

    .Bowl-oat-crunch img
    {
        height:225px;
        vertical-align: bottom;
    }

    .Bowl-oat-crunch2 img
    {
        height:225px;
        vertical-align: bottom;
    }

    .caption-slider .product-photo.two {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 140px;
        right: 40px;
        z-index: -1;
    }

    .caption-slider .product-photo.two-oat-crunch {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 150px;
        right: 140px;
        z-index: -1;
    }

    .caption-slider .product-photo.two-oat-crunch2 {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 150px;
        right: 140px;
        z-index: -1;
    }

    .product-title-text
    {
        font-family:OldPress;
        font-size:55pt;
        line-height:35pt;
        color:#941114;
        padding-top:20px;
        text-align: center;
    }

    .product-title-text-oat-crunch
    {
        font-family:CFJackStory;
        font-size:55pt;
        line-height:1pt;
        color:#EF538A;
        padding-top:40px;
        text-align: center;
    }

    .product-title-text-oat-crunch2
    {
        font-family:CFJackStory;
        font-size:55pt;
        line-height:1pt;
        color:#EF538A;
        padding-top:40px;
        text-align: center;
    }

    .product-title-subtext-oat-crunch
    {
        font-family:BelovedTeacher;
        font-size:25pt;
        line-height:1pt;
        color:#EF538A;
        text-align: center;
    }

    .product-specification-text
    {
        text-align:center;
        line-height:20pt;
        letter-spacing: 0pt;
    }

    .product-specification-note
    {
        font-family:CabinMediumItalic;
        font-size:10pt;
        line-height:1pt;
        letter-spacing: 0pt;
        color:#941114;
        text-align:center;
    }

    .product-subtitle-text
    {
        font-family:CabinRegular;
        font-size:14pt;
        line-height:18pt;
        letter-spacing: 1pt;
        color:#7c3a1a;
    }

    .product-subtitle-text-oat-crunch
    {
        font-family:CabinRegular;
        font-size:14pt;
        line-height:18pt;
        letter-spacing: 1pt;
        color:#5F2684;
        text-align:justify;
    }

    .product-specification-text-oat-crunch
    {
        text-align:center;
        line-height:20pt;
        letter-spacing: 0pt;
    }

    .product-specification-note-oat-crunch
    {
        font-family:CabinMediumItalic;
        font-size:10pt;
        line-height:1pt;
        letter-spacing: 0pt;
        color:#5F2684;
        text-align:center;
    }

    .products {
        padding:50px 30px;
    }

    .product-range-title {
        font-family:BebasNeue;
        font-size:22pt;
        line-height:35pt;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color:#963021;
        font-weight: 100;
        text-align:center;
    }

    #product1 {
        width: 125px;
        height: 200px;
        padding-right: 0px;
        padding-top: 5px;
    }

    .product-granolab-logo
    {
        padding-bottom:20px;
    }

    .values-table.left.active
    {
        padding: 60px 30px;
        margin-top: 0;
    }
    .values-table.right.active
    {
        padding-top: 180px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 0;
    }
    .values-table.active
    {
        height: 1450px;
    }
    .advantages-table.active
    {
        padding: 10px 10px;
        margin-top: 0;
    }
    .advantages-title
    {
        font-family: Harabara;
        font-size: 45pt;
        line-height: 25pt;
        color: #963021;
        font-weight: 100;
        text-align: center;
    }

    .advantages-titleprefix
    {
        font-size:20pt;
        letter-spacing: 5px;
    }

    .advantages-title-2
    {
        font-family: BebasNeue;
        font-size: 44pt;
        line-height: 45pt;
        color: #963021;
        font-weight: 100;
        text-align: center;
    }
    .advantages-subtitle-2
    {
        font-family: CabinRegular;
        font-size: 12pt;
        line-height: 15pt;
        color: #952f21;
        font-weight: 500;
        text-align: center;
    }
    .advantages-subtitle
    {
        font-family: AleoBold;
        font-size: 15pt;
        line-height: 20pt;
        letter-spacing: 1pt;
        color: #963021;
        font-weight: 100;
    }
    .advantages-ingredients-desc
    {
        font-family: CabinRegular;
        font-size: 10pt;
        line-height: 12pt;
        color: #7c3a1a;
        font-weight: 300;
        text-align: justify;
    }
    .advantages-ingredients-title
    {
        font-family: CFJackStory;
        font-size: 13pt;
        line-height: 14pt;
        color: #7c3a1a;
        font-weight: 600;
        text-align: center;
    }
    .advantages-table-bottom.active
    {
        padding: 0px 0px;
        margin-top: 0;
    }
    .connected-title
    {
        font-family: Harabara;
        font-size: 40pt;
        line-height: 30pt;
        letter-spacing: 1pt;
        color: #fff;
        font-weight: 800;
        text-align: left;
        margin-bottom: 30px;
    }
    .connected-subtitle
    {
        font-family: LatoLight;
        font-size: 12pt;
        line-height: 15pt;
        color: #fff;
        font-weight: 300;
        text-align: left;
        margin-bottom: 15px;
    }
    .connected-phone
    {
        font-family: CabinRegular;
        font-size: 16pt;
        line-height: 14pt;
        color: #f3af30;
        font-weight: 300;
        text-align: center;
    }
    .connected-title-2
    {
        font-family: AquawaxLight;
        font-size: 10pt;
        line-height: 13pt;
        color: #f3af30;
        font-weight: 800;
        text-align: center;
        margin-bottom: 0px;
    }
    .connected-partner img
    {
        height: 25px;
    }
    .marketplace_div1
    {
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .marketplace_div2
    {
        padding-bottom: 0px;
    }
    .marketplaces2 
    {
        padding-right: 0px;
    }
    .connected-partner2 img
    {
        height: 25px;
    }
    #online_marketplace_div
    {
        padding-bottom:5px;
    }
    .connected-table-bottom.active
    {
        padding: 10px 0px;
        margin-top: 0;
    }
    .connected-table-bottom-two.active
    {
        padding: 10px 0px;
        margin-top: 0;
    }
    .connected-footer
    {
        font-family: LatoLight;
        font-size: 8pt;
        line-height: 8pt;
        color: #f3af30;
        font-weight: 800;
        text-align: center;
        margin-bottom: 10px;
    }
    .section-padding
    {
            padding: 20px 0;
    }
    .values-title
    {
       font-family: BebasNeue;
        font-size: 65pt;
        line-height: 55pt;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color: #963021;
        font-weight: 100;
        text-align: left;
    }
    .connected-table-header.active
    {
        padding: 0px 0px;
        margin-top: 0;
    }
    .faq_back
    {
        height: 1360px;
    }
    .faq-carousel-inner
    {
        height:1050px;
    }
    .product_img
    {
       text-align:center;
       
    }
    .faq_img
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .advantages-title-2 span
    {
        display:none;
    }
    .advantages-title-2:after
    {
        content: "KENALI BAHAN CAMPURAN KAMI";
    }
    .values-left-two
    {
        padding-left:0px;
        margin-top: 20px;
    }

    .bilingual
    {
        position:absolute;
        top:18px;
        right:30px;
    }


    .faq_new_box
    {
        height:620px;
        padding-left:0px;
        padding-right:0px;
    }

    .faq_new_textbox
    {
        padding-left:20px;
        padding-right:20px;
        padding-top:20px;
    }

    .faq_new_textTitle
    {
        font-family:LatoLightItalic;
        font-size:25pt;
        line-height:1;
        color:#9e0b0f;
    }

    .faq_new_textContent
    {
        font-family:LatoRegular;
        font-size:10pt;
        line-height:1.5;
        color:#9e0b0f;
        text-align: justify;
        padding-top: 20px;
    }

    .faq_new_quote
    {
        font-family:Harabara;
        font-size:35pt;
        color:#fffad9;
        line-height:1.5;
    }

    .faq_new_signature
    {
        font-family:GellattikJanggan;
        font-size:40pt;
        color:#fffad9;
        text-align: center;
        line-height:1;
    }

    .faq_new_signature_detail
    {
        font-family:LatoItalic;
        font-size:7pt;
        color:#fffad9;
        text-align: center;
    }

    .faq_new_page
    {
        background-color:#000;
        /*background: url('./images/mixture_back.jpg') no-repeat scroll center center / cover;*/
        padding-top:20px;
        padding-bottom:50px;
    }

    .faq_new_table.active {
        padding: 80px 0px 30px 0px;
        margin-top: 0
    }

    .faq_new_table {
        padding: 50px 40px;
        border-radius: 2px;
        text-align: center;
        position: relative;
        margin-top: 20px;
    }

    .faq_new_subtable.active {
        padding-left:350px;
        margin-top: 0
    }


    .new_values-area {
        display: table; 
        background-color:#fff79a;
        height: 100%;
    }
    .new_values_right
    {
        background-color:#fff79a;
        display: table;
        padding-left:25px;
        height:100%;
    }
    #content
    {
        display: table-cell;
        vertical-align: middle;
    }
    .new_values_headline
    {
        font-family: Harabara;
        font-size:45pt;
        color:#9e0b0f;
        line-height: 1;
        letter-spacing: 5px;
    }
    .new_values_text
    {
        font-family: LatoLight;
        font-size:12pt;
        color:#9e0b0f;
        line-height: 1.2;
        padding-top:20px;
    }
    .new_values_button {
      background-color: #f7941d;
      border: none;
      color: #9e0b0f;
      padding: 0px 20px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 10pt;
      margin: 20px 2px;
      cursor: pointer;
      border-radius: 3px;
      font-family: LatoRegular;
    }


    .new_contact_leftside
    {
        padding:150px 30px 50px 30px;
        height:1000px;
    }
    .new_contact_rightside
    {
       padding:150px 0px 50px 0px;
        /*background-color:#662917;*/
        height:1000px;
    }
    .new_contact_icon_mail
    {
        width: 35px;
        padding-top: 25px;
        margin-left: 0px;
    }
    .new_contact_icon_phone
    {
        width: 35px;
        padding-top: 13px;
        margin-left: 0px;
    }
    .message
    {
        margin-top:40px;
    }
    .marketplaces1
    {
        padding-right:0px;
    }

    .vline_oat_berry,.vline_oat_choco, .vline_oat_cheese, .vline_oat_floss, .vline_ori
    {
        margin-top:3px;
        height: 40px;
        position: absolute;
        left: 48%;
    }
    .vline_oat_berry
    {
        border-left: 2px solid #5F2684;
    }
    .vline_oat_choco
    {
        border-left: 2px solid #F15D22;
    }
    .vline_oat_cheese
    {
        border-left: 2px solid #B4A210;
    }
    .vline_oat_floss
    {
        border-left: 2px solid #F99D2A;
    }
    .vline_ori
    {
        border-left: 2px solid #941114;
    }


    .commitment_new_box
    {
        height:370px;
        
    }
    .commitment_new_box img
    {
        padding: 40px 70px 20px 70px
    }
    .commitment_textTitle
    {
        font-family:LatoLightItalic;
        font-size:12pt;
        line-height:1;
        color:#fff797;
        text-transform: uppercase;
        text-align: center;
    }
    .commitment_textContent
    {
        font-family:LatoRegular;
        font-size:9pt;
        line-height:1.5;
        color:#fff797;
        text-align: justify;
        padding-top: 10px;
    }
    .commitment_page
    {
        background-color:#fff6df;
        padding-top:0px;
        padding-bottom:0px;
    }
    .commitment_header_text
    {
        font-family:Harabara;
        font-size:35pt;
        color:#9e0b0f;
        line-height:1;
        text-align: right;
        text-transform: uppercase;
    }
    .commitment_header_subtext
    {
        font-family: LatoRegular;
        font-size: 9pt;
        color: #9e0b0f;
        text-align: justify;
        line-height: 18px;
        letter-spacing: 0px;
    }
    .commitment_header_subtext_padding
    {
        padding-left:70px;
    }
    .commitment_headerText_box
    {
        padding:100px 20px 0px 0px;
    }
    .commitment_headerImg_box
    {
        padding:0px;
    }
    .commitment_textbox
    {
        padding-left:5px;
        padding-right:5px;
        padding-top:0px;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    body {
        font-size: 13px;
    }

    .mixture-image {
        content:url(../images/MixturepediaIDHP_optimized.png)!important;
    }

    .intro-background1
    {
      background-image: url(../images/entryallnew1ID_small.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-size: cover;
      padding:0px;
      margin:0px;
    }
    .intro-background2
    {
      background-image: url(../images/entryallnew2ID_small.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-size: cover;
      padding:0px;
      margin:0px;
    }
    .intro-background3
    {
      background-image: url(../images/entryallnew3ID_small.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-size: cover;
      padding:0px;
      margin:0px;
    }
    
    .pbc-text p
    {
        font-size:50px;
    }
    

    .header-area {
        padding-top: 120px;
        padding-bottom: 100px;
        height: auto;
    }
    .page-title h2,
    .header-text h2 {
        font-size: 20px;
    }
    .mainmenu-area .navbar-toggle {
        margin-top: 20px;
    }
    .mainmenu-area .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .mainmenu-area #primary-menu {
        background-color: #f3a720;
    }
    .mainmenu-area #primary-menu ul {
        overflow-y: auto;
        max-height: 70vh;
        margin: 0;
    }
    .mainmenu-area #primary-menu > ul > li > a {
        padding: 15px;
        overflow: hidden;
    }
    .box {
        padding: 30px 15px;
    }
    .box .box-icon {
        height: auto;
    }
    .single-blog,
    .single-team,
    .price-table.active {
        margin-top: 30px;
    }
    .form-double input {
        width: 100%;
    }
    .footer-top {
        margin-bottom: 50px;
    }
    .x-left {
        text-align: left;
    }
    .mainmenu-area .logo {
        margin-left: 15px;
    }
    .logo-slide img{
        max-width:100px;
        padding-top:58px;
    }
    .intro-text
    {
        font-family:AquawaxLight;
        font-size:8pt;
        line-height:8pt;
        word-spacing: 1pt;
        color:#fffcd3;
    }
    .faq-title-text
    {
        font-family:BebasNeue;
        font-size:25pt;
        line-height:25pt;
        word-spacing: 1pt;
        letter-spacing: 1pt;
        color:#fffcd3;
    }

    .faq-subtitle-text
    {
        font-family:CFJackStory;
        font-size:13pt;
        line-height:18pt;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color:#f0a41d;
    }

    .faq-desc
    {
        font-family:CabinRegular;
        font-size:10pt;
        line-height:15pt;
        word-spacing: 1pt;
        letter-spacing: 1pt;
        color:#fffcd3;
    }

    .values-area 
    {
        background: url('../images/valuesback.jpg');
        background-position:50% 50%;
        background-size:cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        padding: 0px 0px;
    }

    .values-title {
        font-family:BebasNeue;
        font-size:50pt;
        line-height:30pt;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color:#963021;
        font-weight: 100;
        text-align:left;
    }

    .values-subtitle {
        font-family:CFJackStory;
        font-size:15pt;
        line-height:20pt;
        letter-spacing: 1pt;
        color:#f0a41d;
        font-weight: 100;
        text-align:justify;
    }

    .values-subtitle-2 {
        font-family:CabinRegular;
        font-size:12pt;
        line-height:15pt;
        color:#952f21;
        font-weight: 500;
        text-align:justify;
        font-style: italic;
    }

    .values-desc-title {
        font-family:AquawaxLight;
        font-size:14pt;
        line-height:20pt;
        color:#952f21;
        font-weight: 600;
        text-align:justify;
    }

    .values-desc {
    font-family: CabinRegular;
    font-size: 13pt;
    line-height: 20pt;
    color: #410d00;
    font-weight: 200;
    text-align: justify;
    }

    .values-typo {
        font-family:BellevueT;
        font-size:20pt;
        line-height:34pt;
        color:#e09b22;
        font-weight: 200;
        text-align:left;
    }

    .values-typo-2 {
        font-family:CabinRegular;
        font-size:10pt;
        line-height:14pt;
        letter-spacing: 1pt;
        color:#e09b22;
        font-weight: 200;
        text-align:right;
        font-style: italic;
    }

    .values-left-one
    {
        padding-left:0px;
        padding-right:0px;
        margin-bottom:30px;
    }

    .values-left-two
    {
        padding-left:0px;
        padding-right:0px;
    }

    .advantages-title {
        font-family:Harabara;
        font-size:30pt;
        line-height:25pt;
        color:#963021;
        font-weight: 100;
        text-align:left;
        margin-bottom:50px;
        text-align:center;
    }

    .advantages-titleprefix
    {
        font-size:17pt;
        letter-spacing: 5px;
    }

    .advantages-title-2 {
        font-family:BebasNeue;
        font-size:40pt;
        line-height:35pt;
        color:#963021;
        font-weight: 100;
        margin-bottom:30px;
        text-align:center;
    }

    .advantages-title-2 span
    {
        display:none;
    }

    .advantages-title-2:after
    {
        content: "KENALI BAHAN CAMPURAN KAMI";
    }

    .advantages-subtitle {
        font-family:AleoBold;
        font-size:14pt;
        line-height:25pt;
        color:#963021;
        font-weight: 100;
    }

    .advantages-subtitle-2 {
        font-family:CabinRegular;
        font-size:12pt;
        line-height:22pt;
        color:#952f21;
        font-weight: 500;
        text-align:center;
    }

    .advantages-ingredients-title {
        font-family:CFJackStory;
        font-size:14pt;
        line-height:14pt;
        color:#7c3a1a;
        font-weight: 600;
        text-align:center;
    }

    .advantages-ingredients-desc {
        font-family:CabinRegular;
        font-size:11pt;
        line-height:18pt;
        color:#7c3a1a;
        font-weight: 300;
        text-align:justify;
    }

    .advantages-table-bottom.active
    {
        padding: 0px 0px;
        margin-top: 0;
    }

    .advantages-ingredients {
        margin-bottom:20px;
        padding: 0px;
        display: flex;
          justify-content: center;
          align-items: center; 
    }

    .advantages-table.active
    {
        padding: 20px 10px;
    }
    .advantages_row1
    {
        margin-bottom:20px;
    }

    .advantages-area
    {
        padding-top:50px;
    }

    .hr-advantages {
    box-sizing: content-box;
    height: 0;
    }

    .hr-advantages {
        margin-top: 5px;
        margin-bottom: 10px;
        border: 0;
        border-top: 5px solid #f2a61e;
        width:85px;
    }

    .advantages-ingredients-box
    {
        padding-left:15px;
        padding-right:15px;
    }

    .connected-title {
        font-family:Harabara;
        font-size:65pt;
        line-height:60pt;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color:#fff;
        font-weight: 800;
        text-align:left;
        margin-bottom:30px;
    }

    .connected-subtitle {
        font-family:LatoLight;
        font-size:16pt;
        line-height:25pt;
        color:#fff;
        font-weight: 300;
        text-align:left;
    }

    .intro-background{
        height:575px;
    }

    .faq_img{
        padding-left: 0px;
        padding-right: 0px;
    }

    .faq_back
    {
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-size: cover;
      height: 900px;padding: 0 0;
    }

    .faqback_top
    {
        padding-top:0px;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:15px;
        width: auto;
        
    }

    .faqback_top img
    {
        width:500%;
    }

    .values-table.active {
        height:auto;
    }
    .values-table.left.active {
        padding: 100px 20px;
        margin-top: 0;
        margin-left:15px;
        margin-right:15px;
    }

    .values-table.right.active {
        padding-top:100px;
        padding-bottom:30px;
        padding-left:20px;
        padding-right:20px;
        margin-top: 0;
        margin-left:15px;
        margin-right:15px;
    }

    .connected-phone{
        font-size:14pt;
    }

    .connected-title-2
    {
        font-size:14px;
    }

    .connected-table-bottom.active
    {
        padding: 20px 20px;
    }

    .connected-table-bottom-two.active
    {
        padding: 0px 20px;
    }

    .marketplaces
    {
        padding-right:0px;
    }

    .marketplace_div1
    {
        padding-bottom:0px;
        padding-top:0px;
    }

    .marketplace_div2
    {
        padding-bottom:0px;
    }

    .connected-footer {
        font-size:8pt;
        line-height:10pt;
    }

    .connected-subtitle{
        margin-bottom:0px;
    }

/*
    .product_back
    {
        background-image: url(../images/advantages_back_hp.jpg)!important; 
        overflow: hidden;
    }

    .product_back-oat-crunch
    {
        background-image: url(../images/advantages_back_hp_oat-crunch.jpg)!important; 
        overflow: hidden;
    }
*/

    .Box img
    {
        height: 175px;
    }

    .Box-oat-crunch img
    {
        height:250px;
    }

    .Box-oat-crunch2 img
    {
        height:auto;
    }

    .OC_desc
    {
        padding:0px 0px;
    }

    .Bowl img
    {
        height:100px;
        vertical-align: bottom;
    }

    .Bowl-oat-crunch img
    {
        height:145px;
        vertical-align: bottom;
    }

    .Bowl-oat-crunch2 img
    {
        height:100px;
        vertical-align: bottom;
    }

    .caption-slider .product-photo.two {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 75px;
        right: 25px;
        z-index: -1;
    }

    .caption-slider .product-photo.two-oat-crunch {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 85px;
        right: 75px;
        z-index: -1;
    }

    .caption-slider .product-photo.two-oat-crunch2 {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 90px;
        right: 65px;
        z-index: -1;
    }

    .product-title {
        font-family:LatoHair;
        font-size:18vw;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color:#fffcd9;
        font-weight: 500;
        text-align:center;
        padding-top:0%;
    }
    .product-title-oat {
        font-family:LatoHair;
        font-size:18vw;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color:#663225;
        font-weight: 500;
        text-align:center;
        padding-top:0%;
    }
    .product-title-box{
        background-color: #7a0001;
        margin-left: 5.5%;
        margin-right: 5.5%;
        padding-top:1%;
    }
    .product-title-box-oat{
        background-color: #fffada;
        margin-left: 5.5%;
        margin-right: 5.5%;
    }
    .product-title-box img {
        height:auto;
        width:55%;
    }
    .product-title-box-oat img {
        height:auto;
        width:55%;
    }

    .product-title-text
    {
        padding-top:20px!important;
        font-family:OldPress;
        font-size:55pt;
        line-height:35pt;
        color:#941114;
        padding-top:0px;
        text-align: center;
    }

    .product-title-text-oat-crunch
    {
        padding-top:20px!important;
        font-family:CFJackStory;
        font-size:50pt;
        line-height:1pt;
        color:#EF538A;
        padding-top:40px;
        text-align: center;
    }

    .product-title-text-oat-crunch2
    {
        padding-top:20px!important;
        font-family:CFJackStory;
        font-size:50pt;
        line-height:1pt;
        color:#EF538A;
        padding-top:40px;
        text-align: center;
    }

    .product-title-subtext-oat-crunch
    {
        font-family:BelovedTeacher;
        font-size:20pt;
        line-height:1pt;
        color:#EF538A;
        text-align: center;
    }

    .product-specification-text
    {
        text-align:center;
        line-height:17pt;
        letter-spacing: 0pt;
    }

    .product-specification-key
    {
        font-family:CabinSemiboldItalic;
        font-size:7pt;
        color:#941114;
    }

    .product-specification-value
    {
        font-family:CabinMedium;
        font-size:8pt;
        color:#7C3A1A;
    }

    .product-specification-note
    {
        font-family:CabinMediumItalic;
        font-size:8pt;
        line-height:10pt;
        letter-spacing: 0pt;
        color:#941114;
        text-align:center;
    }

    .product-specification-text-oat-crunch
    {
        text-align:center;
        line-height:17pt;
        letter-spacing: 0pt;
    }

    .product-specification-key-oat-crunch
    {
        font-family:CabinSemiboldItalic;
        font-size:7pt;
        color:#5F2684;
    }

    .product-specification-value-oat-crunch
    {
        font-family:CabinMedium;
        font-size:8pt;
        color:#EF538A;
    }

    .product-specification-note-oat-crunch
    {
        font-family:CabinMediumItalic;
        font-size:8pt;
        line-height:10pt;
        letter-spacing: 0pt;
        color:#5F2684;
        text-align:center;
    }

    .product-granolab-logo
    {
        padding-bottom:10px;
        padding-top:20px;
    }

    .product-granolab-logo img
    {
        height:50px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .product-subtitle-text
    {
        font-family:CabinRegular;
        font-size:11pt;
        line-height:15pt;
        letter-spacing: 1pt;
        color:#7c3a1a;
    }

    .product-subtitle-text-oat-crunch
    {
        font-family:CabinRegular;
        font-size:11pt;
        line-height:15pt;
        letter-spacing: 1pt;
        color:#5F2684;
        text-align:justify;
    }

    .products
    {
        padding:30px 30px;
    }

    .product-range-title {
        font-family:BebasNeue;
        font-size:25pt;
        line-height:35pt;
        word-spacing: 5pt;
        letter-spacing: 1pt;
        color:#963021;
        font-weight: 100;
        text-align:center;
        margin-bottom:0px;
    }
    
    .products-range {
        padding:10px;
    }

    #product1 {
        width: 55px;
        height: 80px;
        padding-right: 0px;
        padding-top: 0px;
    }

    .faq_back
    {
        height: 1050px;
    }
    .faq-carousel-inner
    {
        height:800px;
    }
    .product_img
    {
       text-align:center;
    }
    .connected-wa
    {
        margin-bottom:10px;
    }

    .connected-partner {
        padding:5px;
        /*border: 2px solid #f2a61d;*/
    }
    .connected-partner img{
        height: 25px;
    }
    .marketplaces2
    {
        padding-right:3px;
    }
    .marketplace_div1
    {
        padding-bottom:5px;
    }
    .marketplace_div2
    {
        padding-bottom:5px;
    }
    .connected-partner2 img
    {
        height:34px;
    }

    .connected-table-header.active 
    {
        padding: 20px 0px;
        margin-top: 0
    }

    .connected-wa img
    {
        width:40px;
    }

    .connected-hp img
    {
        width:40px;
    }


    .faq_new_box
    {
        height:auto;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:20px;
    }

    .faq_new_textbox
    {
        padding-left:20px;
        padding-right:20px;
        padding-top:20px;
    }

    .faq_new_textTitle
    {
        font-family:LatoLightItalic;
        font-size:40pt;
        line-height:1;
        color:#9e0b0f;
    }

    .faq_new_textContent
    {
        font-family:LatoRegular;
        font-size:14pt;
        line-height:1.5;
        color:#9e0b0f;
        text-align: justify;
        padding-top: 5px;
    }

    .faq_new_quote
    {
        font-family:Harabara;
        font-size:19pt;
        color:#fffad9;
        line-height:1.5;
        text-align: center;
    }

    .faq_new_signature
    {
        font-family:GellattikJanggan;
        font-size:45pt;
        color:#fffad9;
        text-align: center;
        line-height:1;
    }

    .faq_new_signature_detail
    {
        font-family:LatoItalic;
        font-size:9pt;
        color:#fffad9;
        text-align: center;
    }

    .faq_new_page
    {
        background-color:#000;
        /*background: url('./images/mixture_back.jpg') no-repeat scroll center center / cover;*/
        padding-top:20px;
        padding-bottom:50px;
    }

    .faq_new_table.active {
        padding: 30px 0px 15px 0px;
        margin-top: 0
    }

    .faq_new_table {
        padding: 50px 40px;
        border-radius: 2px;
        text-align: center;
        position: relative;
        margin-top: 20px;
    }

    .faq_new_subtable.active {
        padding-left:0px;
        margin-top: 0
    }


    .new_values-area {
        display: table; 
        background-color:#fff79a;
        height: 100%;
    }
    .new_values_right
    {
        background-color:#fff79a;
        display: table;
        padding-left:25px;
        height:550px;
    }
    #content
    {
        display: block;
        vertical-align: middle;
    }
    .new_values_headline
    {
        font-family: Harabara;
        font-size:65pt;
        color:#9e0b0f;
        line-height: 1;
        letter-spacing: 5px;
        padding-top: 30px;
    }
    .new_values_text
    {
        font-family: LatoLight;
        font-size:16pt;
        color:#9e0b0f;
        line-height: 1.2;
        padding-top:20px;
    }
    .new_values_button {
      background-color: #f7941d;
      border: none;
      color: #9e0b0f;
      padding: 0px 25px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 13pt;
      margin: 25px 2px;
      cursor: pointer;
      border-radius: 3px;
      font-family: LatoRegular;
    }

    .connected-area {
        background: url('../images/connect_back_mob_optimized.jpg') no-repeat fixed center center / cover;
    }
    .new_contact_leftside
    {
        padding:50px 30px 50px 30px;
        height:950px;
    }
    .new_contact_rightside
    {
        padding:30px 0px 50px 0px;
        background-color:#662917;
        height:500px;
    }
    .new_contact_icon_mail
    {
        width: 35px;
        padding-top: 25px;
        margin-left: 0px;
    }
    .new_contact_icon_phone
    {
        width: 35px;
        padding-top: 13px;
        margin-left: 0px;
    }
    .message
    {
        margin-top:40px;
    }
    .marketplaces1
    {
        padding-right:0px;
    }

    .vline_oat_berry,.vline_oat_choco, .vline_oat_cheese, .vline_oat_floss, .vline_ori
    {
        margin-top:3px;
        height: 40px;
        position: absolute;
        left: 46%;
    }
    .vline_oat_berry
    {
        border-left: 2px solid #5F2684;
    }
    .vline_oat_choco
    {
        border-left: 2px solid #F15D22;
    }
    .vline_oat_cheese
    {
        border-left: 2px solid #B4A210;
    }
    .vline_oat_floss
    {
        border-left: 2px solid #F99D2A;
    }
    .vline_ori
    {
        border-left: 2px solid #941114;
    }


    .commitment_new_box
    {
        height:auto;
        
    }
    .commitment_new_box img
    {
        padding: 30px 120px 20px 120px
    }
    .commitment_textTitle
    {
        font-family:LatoLightItalic;
        font-size:22pt;
        line-height:1;
        color:#fff797;
        text-transform: uppercase;
        text-align: center;
    }
    .commitment_textContent
    {
        font-family:LatoRegular;
        font-size:11pt;
        line-height:1.5;
        color:#fff797;
        text-align: justify;
        padding-top: 10px;
    }
    .commitment_page
    {
        background-color:#fff6df;
        padding-top:0px;
        padding-bottom:0px;
    }
    .commitment_header_text
    {
        font-family:Harabara;
        font-size:40pt;
        color:#9e0b0f;
        line-height:1;
        text-align: center;
        text-transform: uppercase;
    }
    .commitment_header_subtext
    {
        font-family:LatoRegular;
        font-size:14pt;
        color:#9e0b0f;
        line-height:1.5;
        text-align:center;
    }
    .commitment_header_subtext_padding
    {
        padding-left:0px;
    }
    .commitment_headerText_box
    {
        padding:35px 10px 35px 10px;
    }
    .commitment_headerImg_box
    {
        padding:0px;
    }
    .commitment_textbox
    {
        padding-left:5px;
        padding-right:5px;
        padding-top:0px;
    }
    .commitment_box
    {
        padding-top:50px;
    }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 392px) and (max-width: 480px) {
    
    
    
    .faq_back
    {
        height: 950px;
    }
    .faq-carousel-inner
    {
        height:750px;
    }

    .caption-slider .product-photo.two {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        position: relative;
        top: 70px;
        right: 30px;
        z-index: -1;
    }

    .product_img
    {
       text-align:center;
    }
    .connected-phone
    {
        font-size:13pt;
    }
    .connected-partner2 img
    {
        height:24px;
    }

    .email
    {
        width:100%!important;
    }

}

@media only screen and (min-width: 100px) and (max-width: 392px) {

    
    .products
    {
        padding: 30px 0px;
    }
    .connected-phone
    {
        font-size:12pt;
    }
    .connected-partner img{
        height:auto;
        width: 135px;
    }
    .connected-partner2 img
    {
        height:auto;
        width: 135px;
    }
    .connected-partner2
    {
        padding-top:10px;
    }
    .connected-partner
    {
        padding-top:10px;
    }
    .email
    {
        width:100%!important;
    }


}