/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
/* Base files. */
@media screen and (max-width: 1285px) {
  header .nav-box li {
    margin-right: 30px; } }
@media screen and (max-width: 1250px) {
  header .nav-box li {
    margin-right: 20px; } }
@media screen and (max-width: 1220px) {
  .kopi-page .kopi-ft-img .kopi-ft-img02 {
    width: 22%; }

  .kopi-page .kopi-ft-img .kopi-ft-img01 {
    width: 50%; }

  .kopi-page .kopi-ft-img .kopi-ft-img03 {
    width: 22%; } }
@media screen and (max-width: 1180px) {
  header .nav-box li {
    margin-right: 10px; }

  .search-top {
    top: 0; }

  header .nav-box {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 56px; }

  .search-top {
    width: auto;
    position: absolute;
    right: 80px;
    top: 60px; }

  header .heder-info {
    float: right;
    width: auto;
    padding: 0; }

  .search-top .searchbox-input {
    height: 40px; }

  .search-top .searchbox-icon, .search-top .searchbox-submit {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 15px; }

  .search-top .searchbox {
    min-width: 40px;
    height: 40px; }

  .welcome-sect .wlcm-text span {
    font-size: 48px; }

  .welcome-sect .wlcm-text h5 {
    font-size: 32px; }

  .welcome-sect .taste-cavi .taste-text h4 {
    font-size: 36px; }

  .welcome-sect .taste-cavi .taste-text p {
    font-size: 16px; }

  .coffee-nest h6 {
    font-size: 16px;
    line-height: 32px; }

  .coffee-nest h4 {
    font-size: 40px; }

  .newsletter-box .news-ltr .form-control {
    width: 60%; }

  .newsletter-box .ltr-logo img {
    width: 100%; }

  .newsletter-box .follow-up {
    width: 23%; }

  header .nav-box .sub-menu li {
    border: 0; }

  .inner-header {
    padding: 20px 0; }

  .about-main .about-text h3 {
    font-size: 40px; }

  .about-main .about-text p {
    font-size: 15px;
    line-height: 30px; }

  .about-content-area p {
    font-size: 15px; }

  .about-main .about-text .about-text-box {
    padding: 60px 20px 30px 40px; }

  .product-one .video-img .img-box-cavi {
    width: 620px; }

  .product-one .product-one-text .product-one-text-box {
    padding: 60px 20px 30px 40px; }

  .product-one .product-one-text h3 {
    font-size: 40px; }

  .product-one .passion-sect h2 {
    font-size: 60px;
    width: 32%; }

  .product-one .passion-sect p {
    width: 68%; }

  .product-one .product-list ul li {
    width: 30.8%; }

  .product-one .product-list ul li h5 {
    font-size: 32px; }

  .distibuters h3 {
    font-size: 32px; }

  .distibuters h6 {
    font-size: 24px; }

  .bird-page .bird-text ul li {
    width: 30%; }

  .contact-page .contact-info .contact-text-box {
    padding: 60px 20px 30px 40px !important; }

  .contact-page .contact-info h3 {
    font-size: 36px !important; } }
@media screen and (max-width: 1120px) {
  .product-one .video-img .img-box-cavi {
    width: 590px; }

  .product-one .product-list .product-img {
    width: 350px;
    height: 350px; }

  .product-one .product-list ul li {
    width: 30.5%;
    margin-left: 3.5%; } }
@media screen and (max-width: 1050px) {
  .product-one .video-img .img-box-cavi {
    width: 550px; }

  .product-one .caviar-text .caviar-cont-box {
    width: 100%; }

  .distibuters ul {
    text-align: center; }

  .distibuters ul li {
    text-align: center;
    float: inherit;
    width: 30%; }

  .distibuters .world-icons {
    margin: 0 auto;
    float: inherit; }

  .distibuters h6 {
    text-align: center;
    float: inherit; }

  .kopi-page .kopi-text .caviar-cont-box {
    width: 100%; }

  .kopi-page .kopi-slider {
    max-width: 85%; } }
@media screen and (max-width: 1000px) {
  .newsletter-box .ltr-logo {
    width: 100%; }

  .newsletter-box .ltr-logo img {
    width: 310px;
    margin: 0 auto;
    text-align: center;
    display: inherit;
    padding-bottom: 40px; }

  .newsletter-box .follow-up {
    width: auto; }

  .newsletter-box .news-ltr {
    margin-left: 0;
    width: 50%; }

  .product-one .video-img .img-box-cavi {
    width: 500px; }

  .product-one .video-img .video-cavi-main h6 {
    line-height: 30px;
    font-size: 18px; }

  .location-section .contact-box {
    width: 52%; } }
@media screen and (max-width: 900px) {
  .welcome-sect .wlcm-text-box p {
    width: 100%;
    height: 230px; }

  .welcome-sect .wlcm-text-box {
    left: 0;
    top: 0; }

  .welcome-sect .taste-cavi .taste-cup {
    top: 0;
    float: inherit;
    text-align: center;
    margin: 0 auto;
    height: 100%; }

  .welcome-sect .taste-cavi .taste-text {
    width: 100%;
    text-align: center;
    margin-top: 0; }

  .welcome-sect {
    height: 100%;
    padding-bottom: 50px; }

  .coffee-nest .coffee-mor-btn {
    margin: 8% auto 0 auto; }

  .coffee-nest .nest-box .nest-text .container {
    padding: 10% 15px; }

  .coffee-nest .coffee-box {
    width: 100%;
    position: inherit;
    height: 640px; }

  .coffee-nest .nest-box {
    width: 100%;
    position: inherit;
    height: 640px; }

  .coffee-nest {
    height: 100%; }

  .scene img {
    width: 100%; }

  .about-main .about-text h3 {
    font-size: 32px; }

  .text-video .fa-play {
    padding: 25px 28px; }

  .text-video .text-tv {
    width: 100%;
    padding-bottom: 20px; }

  .text-video .video-tv {
    width: 60%;
    margin: 0 auto;
    float: inherit;
    text-align: center;
    display: inline-block; }

  .text-video {
    text-align: center;
    display: inline-block; }

  .product-one .video-img .video-cavi-main {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    margin-bottom: 20px;
    padding-bottom: 8px; }

  .product-one .video-img .img-box-cavi {
    width: 100%; }

  .product-one .video-img {
    text-align: center;
    display: inline-block; }

  .product-one .video-img .video-cavi-main .video-cavi {
    max-width: 100%; }

  .product-one .product-one-text h3 {
    font-size: 32px; }

  .product-one .caviar-text .caviar-cont-box h3 {
    font-size: 32px; }

  .product-one .product-one-cont-area h3 {
    font-size: 32px; }

  .product-one .passion-sect p {
    width: 100%; }

  .product-one .passion-sect h2 {
    width: 100%;
    padding-bottom: 20px;
    font-size: 32px;
    line-height: 38px; }

  .bird-page .bird-text .caviar-cont-box h3 {
    font-size: 32px; }

  .kopi-page .kopi-text .caviar-cont-box h3 {
    font-size: 32px; }

  .kopi-page .kopi-cont-area h3 {
    font-size: 32px; }

  .kopi-page .kopi-cont-area h3 {
    font-size: 32px; }

  .kopi-page .kopi-cont-area h3 {
    font-size: 32px; }

  .bird-page .bird-cont-area h3 {
    font-size: 32px;
    line-height: 34px; }

  .bird-page .sustainable h6 {
    font-size: 24px; }

  .contact-form-section h3 {
    font-size: 32px !important; }

  .contact-form-section p {
    font-size: 18px !important;
    line-height: 32px !important; }

  .contact-page .contact-info h3 {
    font-size: 32px !important; }

  .def-page h1 {
    font-size: 32px; }

  .def-page .wsp-container h2 {
    font-size: 28px; }

  .error-page h1 {
    font-size: 32px; }

  .search-rslt {
    padding: 30px 0; }

  .search-rslt h2 {
    font-size: 30px; } }
@media screen and (max-width: 880px) {
  .kopi-page .kopi-ft-img .kopi-ft-img02 {
    width: 48%;
    margin: 0 25px 0 0; }

  .kopi-page .kopi-ft-img .kopi-ft-img01 {
    width: 100%; }

  .kopi-page .kopi-ft-img .kopi-ft-img03 {
    width: 48%; } }
@media screen and (max-width: 850px) {
  .welcome-sect .wlcm-img {
    width: 50%; }

  .welcome-sect .wlcm-text {
    width: 100%;
    position: relative;
    z-index: 5; }

  .product-one .product-list ul li h5 {
    font-size: 26px; }

  .product-one .product-list .product-img {
    height: 280px; } }
@media screen and (max-width: 830px) {
  .bird-page .bird-text ul li {
    margin-left: 20px; }

  .location-section .contact-box {
    width: 62%; } }
@media screen and (max-width: 780px) {
  .center-logo {
    max-width: 50%; }

  .newsletter-box .news-ltr {
    text-align: center;
    width: 100%;
    margin: 15px 0 50px 0; }

  .newsletter-box .follow-up ul li {
    float: inherit; }

  .newsletter-box .follow-up ul {
    float: inherit;
    display: inline-block;
    text-align: center; }

  .newsletter-box .follow-up {
    width: 100%;
    text-align: center;
    float: inherit; }

  .newsletter-box .news-ltr .form-control {
    float: inherit; }

  .newsletter-box .news-ltr .input-group-btn {
    float: inherit; }

  .product-one .product-list .product-img {
    height: 250px; }

  .distibuters h6 {
    font-size: 18px; }

  .distibuters ul li {
    width: 48%; }

  .kopi-page .kopi-slider {
    max-width: 100%; }

  .comments-area form {
    width: 100%; } }
@media screen and (max-width: 700px) {
  header .heder-info {
    float: inherit;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 15px 0px 10px 0px;
    line-height: 24px; }

  header .heder-info .mobile-top {
    display: inline-block;
    float: inherit;
    padding-left: 0; }

  header .heder-info .email-top {
    display: inline-block;
    float: inherit; }

  header {
    padding: 10px 0 0 0; }

  header .nav-box {
    top: 20px; }

  .search-top {
    top: 25px; }

  .slider .camera_wrap {
    height: 100vh;
    min-height: 700px; }

  .about-main .about-img {
    width: 100%;
    height: 350px; }

  .about-main .about-text {
    width: 100%;
    height: auto; }

  .text-video .video-tv {
    width: 100%;
    max-width: 100%; }

  .text-video h4 {
    font-size: 32px; }

  .about-main .about-text .about-text-box {
    padding: 15px; }

  .product-one .product-one-img {
    width: 100%;
    height: 350px; }

  .product-one .product-one-text {
    width: 100%;
    height: auto; }

  .product-one .product-one-text .product-one-text-box {
    padding: 20px 15px; }

  .product-one .caviar-text .caviar-cont-box h6 {
    font-size: 18px; }

  .product-one .video-img .img-box-cavi {
    height: 400px; }

  .product-one .product-list .product-img {
    height: 200px; }

  .contact-page .contact-img {
    width: 100% !important; }

  .contact-page .contact-info {
    width: 100% !important; }

  body {
    overflow: auto !important; }

  html {
    overflow: auto !Important; }

  .contact-page .contact-img {
    height: 280px; } }
@media screen and (max-width: 680px) {
  .kopi-page .kopi-ft-img .kopi-ft-img02 {
    width: 46.5%;
    margin: 0 34px 0 0; }

  .kopi-page .kopi-ft-img .kopi-ft-img01 {
    width: 100%; }

  .kopi-page .kopi-ft-img .kopi-ft-img03 {
    width: 46.5%; }

  .tmb-slider .items .hover-add h4 {
    font-size: 32px; }

  .tmb-slider .items .hover-add p {
    font-size: 14px;
    line-height: 22px;
    padding: 0; }

  .about-main .about-text .text-ab {
    height: 100%; }

  .about-content-area {
    padding: 50px 0; }

  .product-one .product-one-text .text-pd-one {
    height: 100%; }

  .product-one .caviar-text .caviar-cont-box {
    margin: 0 auto; }

  .product-one .product-one-cont-area {
    padding: 50px 0; }

  .product-one .passion-sect {
    margin: 70px 0; }

  .kopi-page .kopi-text .caviar-cont-box {
    margin: 0 auto; }

  .kopi-page .kopi-slider {
    padding: 30px 0; }

  .kopi-page .kopi-cont-area {
    padding: 50px 0; }

  .bird-page .bird-text .caviar-cont-box {
    margin: 0 auto; }

  .bird-page .bird-cont-area {
    padding: 50px 0; }

  .kopi-page .kopi-slider .kopi-sl-text {
    width: 80%; } }
@media screen and (max-width: 600px) {
  .search-top .searchbox {
    width: 100% !important; }

  .search-top .searchbox-open {
    width: 100%; }

  .search-top {
    position: inherit;
    width: 100%; }

  .center-logo {
    top: 200px; }

  .center-logo .mouse-scroll {
    width: 100%;
    margin-top: 10px; }

  .welcome-sect .wlcm-text-box {
    padding: 25px; }

  .welcome-sect .taste-cavi .taste-text h4 {
    font-size: 26px; }

  .coffee-nest .coffee-box .coffee-text .container {
    padding: 10% 15px; }

  .product-one .video-img .img-box-cavi {
    height: 300px; }

  .product-one .video-img .video-cavi-main .fa-play {
    padding: 20px 24px; }

  .product-one .video-img .video-cavi-main .video-cavi-icon {
    left: 42%;
    top: 38%; }

  .product-one .video-img .video-cavi-main .video-cavi {
    height: 300px; }

  .product-one .product-list ul li {
    width: 100%;
    margin-left: 0; }

  .product-one .product-list .product-img {
    width: 100%;
    height: 320px; }

  .kopi-page .kopi-slider .kopi-sl-text h4 {
    font-size: 24px; }

  .kopi-page .kopi-slider .kopi-sl-text p {
    font-size: 14px;
    line-height: 24px; }

  .kopi-page .kopi-slider .circle-img {
    width: 180px;
    height: 180px; }

  .contact-form-section form .right-side {
    width: 100% !important; }

  .contact-form-section form .left-side {
    width: 100% !important; }

  .search-top .searchbox-icon, .search-top .searchbox-submit {
    background: #a78520; }

  .search-rslt .searchfield input {
    width: 75%; }

  header {
    position: relative;
    background: url(../images/head-bg.jpg);
    width: 100%;
    padding: 20px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }

  .slider .camera_wrap {
    height: 480px;
    min-height: 100%; }

  .location-section .contact-box {
    width: 100%; } }
@media screen and (max-width: 580px) {
  .def-page .wsp-container li {
    width: 80%; } }
@media screen and (max-width: 540px) {
  .kopi-page .kopi-ft-img .kopi-ft-img02 {
    width: 100%;
    margin: 0 0 20px 0; }

  .kopi-page .kopi-ft-img .kopi-ft-img01 {
    width: 100%; }

  .kopi-page .kopi-ft-img .kopi-ft-img03 {
    width: 100%; }

  .kopi-page .sustainable .sustain-box .sustain-img {
    width: 100%;
    margin: 0;
    margin-bottom: 20px; }

  .bird-page .bird-text ul li {
    margin: 0 0 20px 0;
    width: 100%; }

  .bird-page .bird-text ul {
    padding: 0; }

  header .logo img {
    position: relative;
    z-index: 99; } }
@media screen and (max-width: 480px) {
  .slider .camera_wrap {
    height: 430px; }

  .coffee-nest h6 {
    line-height: 26px;
    font-size: 14px; }

  .coffee-nest p {
    font-size: 14px;
    line-height: 28px; }

  .coffee-nest h4 {
    font-size: 32px; }

  header .nav-box li {
    width: 100%; }

  nav ul {
    width: 100% !important; }

  .about-content-area img {
    padding: 20px 0; }

  .product-one .video-img .img-box-cavi {
    height: 200px; }

  .product-one .video-img .video-cavi-main .video-cavi {
    height: 260px; }

  .kopi-page .kopi-ft-img .kopi-ft-img02 {
    height: 350px; }

  .kopi-page .kopi-ft-img .kopi-ft-img01 {
    height: 350px; }

  .kopi-page .kopi-ft-img .kopi-ft-img03 {
    height: 350px; }

  .contact-page .contact-info .contact-text-box {
    padding: 20px 15px !important; }

  .contact-page .contact-info {
    height: auto !important; }

  .contact-page .contact-info .text-pd-one {
    height: auto !important; }

  .def-page .wsp-container li {
    width: 100%; }

  .def-page .wsp-container {
    width: 100%; }

  .search-rslt img {
    width: 100%;
    padding: 0;
    margin-bottom: 15px; }

  .location-section .contact-box {
    padding: 40px 20px; } }
@media screen and (max-width: 390px) {
  footer ul li {
    width: 100%;
    padding: 10px 0; }

  .newsletter-box .news-ltr .form-control {
    width: 100%; }

  .newsletter-box .news-ltr .btn-default {
    width: 100%; }

  .about-content-area {
    padding: 30px 0; }

  .product-one .video-img .video-cavi-main .video-cavi {
    height: 200px; }

  .product-one .video-img .video-cavi-main .fa-play {
    padding: 12px 16px; }

  .product-one .video-img .video-cavi-main .video-cavi-icon {
    left: 37%;
    top: 36%; }

  .distibuters ul li {
    width: 45%; }

  .search-rslt .searchfield input {
    width: 100%;
    margin-bottom: 0; }

  .search-rslt .searchfield .search-but {
    width: 100%; }

  .slider .camera_wrap {
    height: 400px; } }
@media screen and (max-width: 360px) {
  .newsletter-box .ltr-logo img {
    width: 100%; }

  .center-logo .mouse-scroll {
    margin: 0 auto !important; }

  .camera_wrap .camera_pag .camera_pag_ul {
    margin-top: -40px !important; }

  .slider .camera_wrap {
    height: 340px; } }

/*# sourceMappingURL=skeleton.css.map */