@media (max-width: 1280px) {
  .product-bg .line-top {
    top: -53px;
  }
}
@media (max-width: 1200px) {
  #home-slider .masking {
    height: 103vh;
  }

  .product-bg .line-top {
    top: -61px;
  }
  .product-bg .line-bottom {
    bottom: -52px;
  }
  .product-bg .memphis-left {
    left: 20px;
  }
  .product-bg .memphis-right {
    right: 20px;
  }

  .product-bg .line-top img {
    width: 500px;
  }
}
@media (max-width: 1199px) {
  .navbar-default .navbar-brand {
    padding-top: 30px;
  }

  #home-slider {
    height: 100vh;
  }
  #home-slider .swiper-slide img {
    max-height: 500px;
    bottom: 45px;
  }

  .about-bg::after {
    bottom: -25px;
  }

  .product-bg .line-top {
    top: -56px;
  }
  .product-bg::after {
    background-position: top;
  }
  .product-bg .masking {
    width: 75%;
  }

  .promo-bg::before {
    top: -25px;
  }

  .order-bg::before {
    background-position: top;
  }
}
@media (max-width: 992px) {
  .promo-bg .circle-top {
    left: 225px;
  }
  .promo-bg .pinneapple-top img {
    width: 500px;
  }
}
@media (max-width: 991px) {
  .navbar-default .navbar-toggle {
    color: #a76d29;
    background-color: transparent;
    border-color: transparent;
  }
  .navbar-default .secondary-menu .navbar-toggle {
    padding-top: 35px;
    font-size: 25px;
    padding-right: 0;
  }
  .navbar-default .navbar-offcanvas {
    background-color: #fed700;
    padding-top: 30px;
  }
  .navbar-default .btn.offcanvas-close {
    background-color: #fed700;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 1;
    outline: none;
  }
    
  .navbar-default .secondary-menu {
    height: 85px;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:active,
  .navbar-default .navbar-toggle:active:hover,
  .navbar-default .navbar-toggle:active:focus {
    color: #a76d29;
    background-color: transparent;
    border-color: transparent;
  }

  .tagline-slider .title {
    font-size: 50px;
  }

  #home-slider .swiper-slide img {
    max-height: 450px;
  }

  .tagline-slider {
    top: 55%;
    left: 100px;
  }
  .tagline-slider .subtitle {
    padding-bottom: 0px;
  }

  .about-bg::after {
    left: -5px;
  }

  .product-bg .line-top img {
    width: 475px;
  }
  .product-bg .masking {
    width: 65%;
  }
    .product-bg .col-md-4 {
        margin-bottom: 40px;
    }
  .outlet-bg .outlet-img {
    top: -80px;
    width: 330px;
  }
  
  .outlet-bg .title {
      padding-top: 50px;
  }

  .promo-bg .pineapple-top {
    top: -190px;
  }
  .promo-bg .pineapple-top img {
    width: 500px;
  }

  .testimony-bg .swiper-button-prev.swiper-button-white,
.testimony-bg .swiper-container-rtl .swiper-button-next.swiper-button-white,
.testimony-bg .swiper-button-next.swiper-button-white,
.testimony-bg .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    display: block;
  }

  .tagline-slider {
    max-width: 350px;
  }

  .product-bg .line-top img {
    width: 420px;
  }

  .promo-bg::after {
    bottom: -25px;
  }

  .offcanvas-close i {
    color: #a76d29;
  }
}
@media (max-width: 800px) {
  #home-slider .swiper-slide img {
    max-height: 380px;
  }

  .about-bg::after {
    bottom: -40px;
  }

  .product-bg .line-top {
    top: -30px;
  }
  .product-bg .line-top img {
    width: 330px;
  }
  .product-bg .col-md-4 {
    margin-bottom: 40px;
  }

  .outlet-bg .title {
    padding-bottom: 50px;
  }
  .outlet-bg .circle-top {
    top: -250px;
  }
  .outlet-bg .circle-top img {
    width: 50px;
  }
  .outlet-bg .circle-bottom img {
    width: 30px;
  }

  .promo-bg {
    padding-top: 120px;
  }
  .promo-bg .pineapple-top img {
    width: 400px;
  }
  .promo-bg::before {
    top: -50px;
  }
  .promo-bg .circle-top {
    top: -46px;
    left: 180px;
  }
  .promo-bg .circle-top img {
    width: 100px;
  }

  .order-bg::before {
    top: -20px;
  }
  .order-bg::after {
    bottom: -20px;
  }
  .order-bg .circle-left {
    left: 30px;
  }
  .order-bg .circle-left img {
    width: 100px;
  }
  .order-bg .circle-right {
    right: 12px;
  }
  .order-bg .circle-right img {
    width: 40px;
  }

  .testimony-bg {
    padding-bottom: 40px;
  }
  .testimony-bg .title {
    padding-bottom: 40px;
  }

  .tagline-slider {
    top: auto;
    bottom: 15px;
    left: 50px;
    right: 50px;
  }
  .tagline-slider .subtitle {
    font-size: 30px;
    margin-bottom: 0;
  }
  .tagline-slider .title {
    font-size: 35px;
  }

  .outlet-bg {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .outlet-bg {
    padding-bottom: 60px;
  }

  .about-bg .nastar-img {
    margin: 0 auto;
    max-width: 350px;
    padding-top: 15px;
  }

  .footer-bg {
    padding-top: 50px;
  }
  .footer-bg .sosmed ul > li + li {
    margin-left: 10px;
  }

  .product-bg .masking {
    width: 60%;
  }
  .product-bg .swiper-button-prev,
.product-bg .swiper-button-next {
    color: #fbc000;
    top: 65%;
  }
  .product-bg .swiper-button-prev,
.product-bg .swiper-container-rtl .swiper-button-next {
    left: 15px !important;
  }
  .product-bg .swiper-button-next,
.product-bg .swiper-container-rtl .swiper-button-prev {
    right: 15px !important;
  }
  .product-bg .memphis-left,
.product-bg .memphis-right {
    display: none;
  }
}
@media (max-width: 600px) {
  .product-bg .line-top img {
    width: 190px;
  }
  .product-bg .product-img img {
    max-width: 320px;
    margin: 0 auto;
  }
  .product-bg .varian-img {
    right: 100px;
  }
  .product-bg .masking {
    width: 36%;
  }
  .product-bg .col-md-4 {
    margin-bottom: 20px;
  }
  .product-bg::after {
    bottom: -45px;
  }

  .order-bg .title {
    font-size: 40px;
  }

  .swiper-button-prev,
.swiper-button-next {
    font-size: 40px;
  }

  .testimony1,
.testimony2,
.testimony3 {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  .masking::after, .masking::before {
    content: none;
  }

  #home-slider .swiper-slide img {
    top: 38%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .about-bg::after {
    bottom: -56px;
  }
  .about-bg .title {
    font-size: 35px;
  }
  .about-bg .title span {
    font-size: 30px;
  }

  .product-bg .col-xs-6 {
    width: 100%;
  }
  .product-bg .col-xs-6 .varian-img {
    right: 40px;
  }
  .product-bg .masking {
    width: 47%;
  }
  .product-bg .varian-img {
    right: 60px;
  }

  .outlet-bg .circle-bottom {
    display: none;
  }

  .order-bg .circle-left {
    left: -48px;
  }

  .footer-bg .sosmed ul > li a {
    height: 40px;
    width: 40px;
    line-height: 45px;
  }
  .footer-bg .sosmed ul > li a i {
    font-size: 20px;
  }
  .footer-bg .footer-logo img {
    height: auto;
    width: 100%;
  }
  .footer-bg .pt-40 {
      padding-top: 20px!important;
  }
}
@media (max-width: 479px) {
  .promo-bg::after {
    bottom: -20px;
  }

  .footer-bg .col-xs-3,
    .footer-bg .col-xs-6,
    .footer-bg .col-xs-3 {
    width: 100%;
  }
  .footer-bg .footer-logo {
      text-align: center;
  }
  .footer-bg .footer-logo img {
    width: 100px;
    margin: 0 auto;
  }
  .footer-bg .sosmed {
    text-align: center;
  }
  .footer-bg .sosmed ul {
    display: inline-block;
  }
  .swiper-button-prev {
      left: 4px!important;
  }
  .swiper-button-next {
      right: 4px!important;
  }
  .swiper-button-prev i,
  .swiper-button-next i {
    font-size: 30px;
  }
}
@media (max-width: 450px) {
  .product-bg::after {
    bottom: -50px;
  }
  .product-bg .masking {
      width: 200px;
  }
  .product-bg .varian-img {
    right: 30px;
  }

  .promo-bg::after {
    bottom: -20px;
  }
}
@media (max-width: 414px) {
  .product-bg .line-top,
.product-bg .line-bottom {
    display: none;
  }

  .outlet-bg .col-sm-4 {
    width: 100%;
    margin-bottom: 10px;
  }
  .outlet-bg ul > li + li {
    margin-top: 20px;
  }
  .outlet-bg .title {
    padding-bottom: 30px;
  }

  .promo-bg {
    padding-top: 85px;
    padding-bottom: 80px;
  }

  .order-bg .circle-left,
.order-bg .circle-right {
    display: none;
  }
}
@media (max-width: 380px) {
  .about-bg {
    overflow: hidden;
  }
  .about-bg::after {
    width: 103%;
  }

  .product-bg {
    overflow: hidden;
  }
  .product-bg::after {
    width: 101%;
  }
  .product-bg .product-img img {
    max-width: 300px;
  }

  .promo-bg::before, .promo-bg::after {
    width: 103%;
  }

  .order-bg {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .order-bg::before, .order-bg::after {
    background-size: 103%;
  }
  .order-bg .button-order {
    padding-top: 25px;
  }
  .order-bg .button-order .btn-standard {
    font-size: 20px;
    padding: 15px 30px;
  }

  .testimony-bg .title {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 375px) {
  .order-bg::after {
    background-size: 104%;
  }

  .product-bg::after {
    bottom: -55px;
  }

  .promo-bg::before {
    top: -55px;
  }
  .promo-bg::after {
    bottom: -15px;
  }

  .order-bg::before {
    top: -15px;
  }
  .order-bg::after {
    bottom: -15px;
  }
}
@media (max-width: 350px) {
  .tagline-slider {
    left: 20px;
    right: 20px;
  }

  .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px !important;
  }

  .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px !important;
  }

  .promo-bg::before, .promo-bg::after {
    width: 105%;
  }

  .order-bg::before, .order-bg::after {
    background-size: 106%;
  }

  .about-bg .nastar-img {
    max-width: 300px;
  }
  .about-bg .title {
    padding-left: 10px;
    padding-right: 10px;
  }
  .product-bg .product-img img {
    max-width: 250px;
  }
  .product-bg .varian-img {
    right: 10px;
  }
}
@media (max-width: 340px) {
  .about-bg .title,
.product-bg .title,
.outlet-bg .title,
.testimony-bg .title,
.order-bg .title {
    font-size: 30px;
  }
  .about-bg .title span,
.product-bg .title span,
.outlet-bg .title span,
.testimony-bg .title span,
.order-bg .title span {
    font-size: 24px;
  }

  .promo-bg::before, .promo-bg::after {
    width: 108%;
  }
}
@media (max-width: 335px) {
  .promo-bg::before, .promo-bg::after {
    background-size: 110%;
  }

  .order-bg::after {
    background-size: 103%;
  }
}
@media (max-width: 320px) {
  .product-bg::after {
    width: 102%;
  }

  .promo-bg::before, .promo-bg::after {
    width: 100%;
  }

  .order-bg::after {
    background-size: 105%;
  }
}


@media(min-width: 1920px) {
  .about-bg::after {
      left: -6px;
  }
  .product-bg::after {
      bottom: -25px;
      left: -4px;
      width: 100.2%;
  }
  .promo-bg::before,
  .promo-bg::after{
    width: 100.20%;
  }
}
/*# sourceMappingURL=responsive.css.map */