@media (max-width: 1900px) {
  .owl-carousel .owl-nav {
	left: -60px;
  	right: -60px;
    }
}
@media (max-width: 1800px) {
  .brand-video .content-width, .whats-hot .content-width, .video-block .content-width, .soc-block .content-width, footer .content-width, .footer-bottom .content-width { width: 90%; }
}
@media (min-width: 1600px) {
  .soc-slider .item .sub-item .text-wrap h4 {
    font-size: 1.2vw;
  }
}
@media (max-width: 1600px) {

    .soc-slider .item .sub-item .text-wrap h4 img {
        -ms-flex: 0 0 56px;
        flex: 0 0 56px;
        width: 56px;
        height: 56px;
    }
    .soc-slider .item .sub-item .text-wrap h4 {
        font-size: 18px;
        line-height: 28px;
    }

  body { font-size:24px; line-height: 32px;}
  p { margin-bottom:32px;}
  .text-wrap p { min-height:96px;}
  .brand-video .content-width .right p { line-height:24px;}
  
  .video-block-slider .item .item-wrap figure a span {
    width: 80px;
    height: 80px; }

  .video-block-slider .item .item-wrap figure a span i {
    font-size: 40px;
    line-height: 70px; }
  
  .whats-hot-slider .text-wrap p, .soc-slider .item .sub-item .text-wrap p { min-height:160px;}

  .soc-block .top { top:-85px;}

  footer .footer .left a img {
    width: 250px; }

  footer .footer .right .item > ul > li {
    font-size: 16px; }
    footer .footer .right .item > ul > li a {
      font-size: 16px; }

  footer .footer .right .item-3 .soc-ul li a {
    font-size: 20px; }

  .footer-bottom p, .footer-bottom ul li a {
    font-size: 16px; }

  .footer-bottom ul li {
    margin-left: 5px; }

  .footer-bottom ul li span {
    font-size: 16px;
    position: relative;
    top: -1px; }

  .top-line .content-width {
    width: 90%; }

  footer .footer .right .item-3 h6 {
    font-size: 16px; } }

    @media screen and (max-width: 1370px) {
        .soc-slider .item .sub-item .text-wrap h4 {font-size: 14px;}
      }

@media (max-width: 1400px) {
  .whats-hot { margin-top:-10%; padding:17% 0 10%;}
  .video-block { padding: 15% 0 12%; margin-top: -8%;}
  
  footer .footer .right .item-2 {
    padding: 0 40px; } }
@media (max-width: 1280px) {
    .owl-carousel .owl-nav { left: -50px; right: -50px;}
  
  .brand-video .kitten { bottom:-12.4%;}
  .brand-video .bubble-1 { bottom:-12.1%}
  
  .whats-hot .pineapple { right:40%; bottom:-12%;}
  .whats-hot .bubble-3 { bottom:-9%;}
   .soc-block .top { top:-70px;}
  
  footer .footer .right {
    width: 70%; }

  footer .footer .right .item-2 {
    padding: 0 25px; } }
    @media screen and (max-width: 1370px) {
        .soc-slider .item .sub-item .text-wrap h4 {font-size: 12px;}
      }
@media (max-width: 1024px) {
  .top-line ul li a {
    padding: 0 5px; }
	
	.owl-carousel .owl-nav { left:-45px; right:-45px;}
	
	 .whats-hot .content-width, .video-block .content-width, .soc-block .content-width { width: 85%;}
	
  .brand-video { padding-bottom:13%;}
  .brand-video .content-width .left { width: 100%; margin-bottom: 40px; }

  .brand-video .content-width .right { width: 100%;}
  
  .brand-video .kitten { bottom:-6.4%;}
  .brand-video .bubble-1 { bottom:-6.1%}
  .brand-video .content-width .right .top img { max-width:35%; }
	
	.whats-hot { margin-top:-12%; padding:19% 0 12%;}
	.video-block { padding: 17% 0 14%; margin-top: -10%;}
	.video-block .bubble-4 { bottom:-6%;}
	
	.soc-block { padding-top:8.5%;}
	.soc-block .top img { max-width:35%;}
	.soc-block .ice-cream { bottom:-8%;}
	.soc-block .bubble-5 { bottom:-5%;}

  footer .footer .left {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }

  footer .footer .right {
    width: 100%; }

  footer {
    padding: 30px 0 0; }

  .footer-bottom p, .footer-bottom ul li a {
    width: 100%;
    text-align: center; }

  .footer-bottom ul {
    width: 100%;
    text-align: center;
    margin-top: 15px; }
}
@media (max-width: 767px) {
  body { font-size:20px; line-height:24px;}
  p { margin-bottom:24px;}
  .text-wrap p { min-height:72px;}
  
  .whats-hot .content-width, .video-block .content-width, .soc-block .content-width { width: 80%;}
  .whats-hot-slider .text-wrap p, .soc-slider .item .sub-item .text-wrap p { min-height:120px;}
  
  .brand-video .content-width .left .video-wrap .hover span {
    width: 80px;
    height: 80px; }
    .brand-video .content-width .left .video-wrap .hover span i {
      line-height: 80px;
      font-size: 24px; }
	.brand-video .content-width .right .top img, .soc-block .top img { max-width:40%;}
	
  .video-block-slider .item .item-wrap figure a span i {
    font-size: 20px; }
	
	.video-block-slider .item .text-wrap a { font-size:24px; line-height:24px;}
	
	.whats-hot { margin-top: -14%; padding-top:22%;}
	.whats-hot-slider .item-wrap { max-width:400px; margin:0 auto;}
  .soc-block .top { top: -50px;}
  .soc-block .soc-wrap {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .soc-block .soc-wrap p { width: 100%; font-size:24px; line-height:36px;}

  .soc-block .soc-wrap ul {
    width: 100%;
    text-align: center; }
  .soc-block .soc-wrap ul li a {width: 36px; height:36px; font-size:24px; line-height:40px;}
  .soc-block .soc-wrap ul li a .fa-instagram { font-size:24px; line-height:40px;}
  
  footer .footer .right .item {
    width: 100% !important;
    margin: 20px 0 0 !important;
    text-align: center; }

  footer .footer .right .item-2 {
    border-left: 0 solid #303030;
    border-right: 0 solid #303030; }

  footer .footer .right .item-3 h6 {
    text-align: center; }

  footer .footer .right .item-3 .soc-ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

            .whats-hot-slider .item-wrap, .video-block-slider .item .item-wrap { max-width:300px; margin:0 auto;}
  .whats-hot { padding-top:23%;}
  .video-block { padding-top:24%; margin-top: -13%;}
  .soc-block { padding-top:12%;} 
  .soc-block .top { top: -40px;}
  .soc-block .top img { max-width:220px;}
  .soc-block .ice-cream, .soc-block .bubble-5 { bottom:0;}
  .soc-block .soc-wrap p { font-size:18px;}
  
  .soc-slider .item .sub-item .img-wrap { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%;}
  .soc-slider .item .sub-item .text-wrap { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; padding:8% 6%;}
  .soc-slider .item .sub-item .text-wrap p { font-size:16px; letter-spacing:0.05em;}

}
@media (max-width: 568px) {

.owl-carousel .owl-nav { left: -30px; right: -30px;}
.owl-carousel .owl-nav { top:calc(50% - 18px);}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width:30px; height:36px;}

  .top-line ul li a img{
    max-height: 45px;
  }
  
  
}

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