/*--------------------------------------------------------------
## RESPONSIVE DESIGN
--------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
   .product-section h2,
   .product-section h1 {
      font-size: 80px !important;
      text-align: center;
   }
   .carousel h1 {
      font-size: 51px !important;
   }
   .carousel h1 br {
      display: none;
   }
   .header-right-side {
      display: none;
   }
   .homeslider-content .wrapper {
      display: block !important;
      padding-left: 10px !important;
      padding-right: 0px !important;
      padding-top: 30px;
   }
   .homeslider-content span:before {
      left: -260px !important;
      width: 180px !important;
      bottom: -58px !important;
   }
   .padding-left-container {
      padding-left: initial !important;
   }
   .revo-lovers-slider-slide .container {
      display: flex !important;
      justify-content: center;
      flex-direction: column;
   }
   .order-1 {
      order: 2;
   }
   .order-2 {
      order: 1;
   }
   .customer-image-home {
      width: 100%;
      height: 360px !important;
      background-size: cover;
      background-color: white;
      padding: 30px;
      background-position: center;
      position: relative;
   }
   .customer-image {
      height: 100%;
      width: 100%;
      background-position: center;
      background-size: cover;
      position: absolute;
      left: -10px;
      top: 10px;
   }
   .customer {
      padding-top: 40px;
      padding-bottom: 0px;
   }
   .customer h2 span {
      text-align: left;
      font-size: 55px;
      line-height: 55px;
   }
   .customer h1 {
      margin-top: 10px;
      font-size: 80px;
      line-height: 70px;
   }
   .customer .fish-png {
      position: absolute;
      width: 130px;
      height: 130px;
      left: inherit;
      right: 0px;
      bottom: 0px;
      background-size: cover;
      transform: scaleX(-1);
   }
   .mobile {
      display: block;
   }

   .desktop {
      display: none;
   }

   .social-home {
      background-image: url('../img/revo-social-home.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 0px;
      /* height: 818px; */
      padding-top: 30px;
      padding-bottom: 30px;
   }

   .social-home h1 {
      font-size: 80px;
      line-height: 70px;
      margin-top: 0px;
      margin-bottom: 40px;
   }

   .insta-image {
      width: 115px;
      height: 121px;
      background-size: 110%;
      background-position: center;
      float: left;
   }
   .social-home .vise-button {
      margin-top: 50px;
      margin: 0 auto;
      float: none;
      margin-top: 40px;
      margin-bottom: 10px;
   }
   .twitter-small,
   .facebook-small {
      float: none;
   }
   .tasty {
      height: 250px;
   }
   .product-section-title {
      text-align: center;
   }
   .product-section-title .tm-mark {
      font-size: 117px !important;
   }
   .product-section .product-image-home {
      width: 100%;
      margin: 0px;
      height: 360px;
   }
   .product-section .headline,
   .product-section p {
      width: 100%;
   }
   .read-more-product {
      float: left !important;
      margin: 0px;
   }
   .buy-product {
      margin: 0px;
      float: right !important;
   }
   .product-buttons a {
      width: 156px;
      margin: 0px;
   }
   .product-section.mobile {
      padding-top: 20px;
   }
   .item.active:after {
      content: '';
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 190px;
      background-image: url('../img/revo-header-mobile.png');
      z-index: 99;
   }
   .carousel-inner {
      background-color: white !important;
      background-image: none;
   }
   footer .container {
      padding-left: 15px;
      padding-right: 15px;
   }
   .social-media-subscribe,
   footer ul {
      text-align: center;
   }
   .social-media-subscribe ul li:last-child {
      padding-right: 0px;
   }
   footer h1 {
      font-size: 32px;
   }

   .footer-sitemap h1 {
      text-align: center;
      margin-top: 24px;
   }
   .footer-sitemap ul li a {
      font-family: Arima Madurai;
      font-weight: 400;
      font-size: 16px;
      color: #ffffff;
   }
   .footer-sitemap ul {
      text-align: left;
      padding-left: 20px;
   }
   .footer-info {
      font-family: Arima Madurai;
      font-size: 14px;
      font-weight: 400;
      color: white;
      margin-top: 20px;
      width: 60%;
      float: left;
      margin-top: 0px;
      margin-left: 20px;
   }
   .footer-logo {
      float: left;
      margin-left: 24px;
   }
   .social-header {
      display: none;
   }
   .navbar-toggle {
      background-image: url('../img/burger-menu-closed.png');
      border: none;
      width: 45px;
      height: 40px;
      background-repeat: no-repeat;
      background-size: contain;
   }
   .navbar-inverse .navbar-toggle:focus,
   .navbar-inverse .navbar-toggle:hover {
      background-color: transparent;
   }
   .mobile-menu {
      position: fixed;
      top: 0px;
      left: 100%;
      z-index: 9999;
      transition: 0.5s;
      padding-bottom: 60px;
   }
   .mobile-menu-wrapper {
      overflow: scroll;
   }
   .mobile-menu-wrapper a,
   .mobile-menu-wrapper li {
      font-family: Arima Madurai;
      font-weight: 400;
      font-size: 19px !important;
      color: #ffffff !important;
      line-height: 48px;
      opacity: 1 !important;
      text-transform: capitalize !important;
   }
   .mobile-menu li:before {
      width: 8px;
      height: 8px;
      top: 17px;
   }
   .mobile-menu h1 {
      font-family: 'Asap Condensed', sans-serif;
      font-weight: 700;
      font-size: 32px;
      color: #ffffff;
      text-align: left;
      display: inline-block;
      float: left;
      margin: 0px;
   }
   .mobile-menu-header {
      width: 100%;
      border-bottom: 1px solid white;
      overflow: hidden;
      padding-top: 32px;
      padding-bottom: 20px;
      margin-bottom: 30px;
   }
   .close-menu {
      display: inline-block;
      width: 39.6px;
      height: 39.6px;
      float: right;
      background-image: url('../img/burger-menu-open.png');
      background-size: contain;
      background-repeat: no-repeat;
   }
   .open-mobile-menu {
      left: 0;
   }
   .mobile-menu .mobile-menu-wrapper,
   .mobile-menu .menu-top-menu-container,
   .mobile-menu #tiny {
      height: 100%;
      padding-left: 30px;
      text-align: center;
      padding-right: 30px;
      padding-bottom: 40px;
   }
   .social-media-subscribe ul {
      list-style: none;
      padding-left: 0;
      float: left;
      width: 100%;
   }
   .social-media-subscribe ul li:before {
      display: none;
   }
   .mobile-menu .social-media-subscribe h1 {
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
   }

   .mobile-menu .social-media-subscribe ul li {
      display: inline-block;
   }
   .mobile-menu .social-media-subscribe {
      padding-top: 20px;
      margin-top: 20px;
      border-top: 1px solid white;
      padding-bottom: 20px;
   }

   .mobile-menu .social-media-subscribe .social-span {
      position: relative;
   }

   .mobile-menu .social-media-subscribe .social-span img:first-child {
      transition: all 0.3s;
   }

   .mobile-menu .social-media-subscribe .social-span img:last-child {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      left: 0;
      top: 0;
      transition: all 0.3s;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
   }

   .mobile-menu .social-media-subscribe .social-span:hover img:first-child {
      opacity: 0;
      visibility: hidden;
   }

   .mobile-menu .social-media-subscribe .social-span:hover img:last-child {
      opacity: 1;
      visibility: visible;
   }

   .our-mission {
      padding-top: 0px;
      overflow: hidden;
   }
   .page-template-about .our-mission {
      padding-top: 50px;
   }
   .our-mission p {
      padding-right: 0px;
      margin-bottom: 90px;
      position: relative;
      z-index: 99;
   }
   .our-goals h1 {
      margin-left: 0px;
      padding: 0px;
      padding-left: 20px;
      margin-top: 90px;
   }
   .our-goals h1:before {
      left: 0px;
   }
   .our-goals ul {
      padding-left: 20px;
   }
   .numbers h1 {
      font-size: 60px;
      padding-left: 20px;
      padding-right: 20px;
   }
   .nmbr {
      margin-bottom: 50px;
   }
   .nmbr:last-child {
      margin-bottom: 0px;
   }
   .team-revo p {
      padding: 0px;
      padding-left: 20px;
      padding-right: 20px;
   }
   .breadcrum,
   .product-main-details {
      padding-left: 0px;
   }
   .product-main {
      margin-bottom: 0px;
      margin-top: 30px;
   }
   .product-main-details .vise-button {
      margin: 0 auto;
      float: none;
      width: 100%;
      margin-top: 20px !important;
   }
   .ingredient1 {
      width: 100%;
      margin: 0px;
      overflow: hidden;
      height: auto;
   }
   .ingredient-image {
      height: 300px;
      background-size: 40%;
   }
   .ingredients {
      padding-top: 50px;
      text-align: center;
   }
   .join-us h1 {
      font-size: 60px;
   }
   .join-us h1:before {
      content: '';
      position: absolute;
      width: 140px;
      height: 90px;
      background-image: url('../img/ride.png');
      background-size: contain;
      background-repeat: no-repeat;
      left: 70px;
   }

   .join-us h1:after {
      content: '';
      position: absolute;
      width: 151px;
      height: 40px;
      background-image: url('../img/wave_join.png');
      background-size: contain;
      background-repeat: no-repeat;
      right: 79px;
      bottom: 0px;
   }
   .page-header-template h1 {
      font-size: 60px;
   }
   .press {
      padding-top: 50px;
   }
   #faq-all {
      width: 100%;
   }
   #faq-all.ui-accordion .ui-accordion-header {
      height: auto;
      padding-right: 30px;
   }
   .second-grid {
      display: none;
   }
   .first-grid {
      width: 100%;
      height: 389px;
      float: left;
      display: inline-block;
      margin-right: 4%;
   }
   .grid-sistem .grid1 {
      width: 47%;
      height: 170px;
      display: inline-block;
      margin-right: 6%;
      float: left;
      border-radius: 20px;
   }
   .grid-sistem .grid2 {
      width: 47%;
      height: 170px;
      display: inline-block;
      float: left;
      border-radius: 20px;
   }
   .grid-sistem .grid3 {
      width: 100%;
      height: 196px;
      display: inline-block;
      float: left;
      margin-top: 6%;
      border-radius: 20px;
   }
   .our-mission .about-image {
      width: 90%;
      height: 370px;
      background-size: cover;
      background-position: center;
      position: relative;
      float: right;
   }
   .our-goals .about-image {
      height: 300px;
   }
   .up-wave {
      display: none;
   }
   .our-goals {
      overflow: hidden;
   }
   .join-our-team .vise-button {
      margin-top: 10px;
      margin-bottom: 0px;
   }

   .join-our-team {
      padding-bottom: 20px;
   }
   .team-block {
      border-radius: 20px;
      height: 120px;
   }
   .ui-accordion .ui-accordion-header {
      height: auto;
      padding-right: 60px !important;
      font-size: 20px;
   }
   .ui-accordion .ui-accordion-header:after {
      content: '';
      position: absolute;
      right: 30px;
      top: 15px;
      width: 24px;
      height: 14px;
      background-image: url(../img/arrow-down-sign-to-navigate.png);
   }
   .ui-accordion .ui-accordion-header:before {
      content: '';
      position: absolute;
      width: 8px;
      height: 8px;
      left: 20px;
      top: 17px;
      background-image: url(../img/dot.svg);
      background-size: cover;
   }
   .send-cv .wrapper {
      height: auto;
      padding-bottom: 40px;
      text-align: center;
   }
   .send-cv .vise-button {
      float: none;
      margin-top: 20px;
      margin-bottom: 0px;
   }
   .info-box .wrapper {
      padding-left: 30px;
      padding-right: 30px;
   }
   .info-box .wrapper br {
      display: none;
   }
   #tabs {
      display: block;
      padding: 0px;
   }
   .ui-tabs-tab {
      width: 50%;
      float: left !important;
      display: inline-block !important;
      margin: 0px !important;
      text-align: center;
   }
   .product-tabs .ui-tabs .ui-tabs-nav li a {
      padding: 0px !important;
      font-size: 20px;
      width: 100%;
      padding-bottom: 20px !important;
   }
   .our-mission h1 {
      margin-top: 0px;
   }
   .our-mission .row {
      display: flex;
      flex-direction: column;
   }
   .our-mission .pos-relative {
      order: 2;
   }
   .ingredient1 p {
      text-align: center;
   }
   .ingredient1 h1 {
      text-align: center;
   }
   .tm-mark:after {
      top: 36px;
      width: 29px;
      height: 29px;
      background-size: cover;
      right: 5px;
   }
   .Filter_section {
      padding-top: 0px !important;
   }
   #asl-storelocator.asl-p-cont.asl-bg-0 .drop_box_filter {
      padding-left: 0px !important;
   }
   #asl-storelocator.asl-p-cont.asl-bg-0 #panel.storelocator-panel {
      padding-top: 20px !important;
   }
   .search_filter {
      height: 110px;
   }
   .popular_blog h1 {
      margin-bottom: 20px;
   }
   .faq-circle {
      display: none;
   }
   .blog_post_listing_image,
   .blog_post_listing_details {
      width: 100%;
   }
   .single-career-content {
      padding-right: 0px;
   }
   .featured-image-single-blog {
      margin-bottom: 20px;
   }
   .single-career-title h1 {
      font-size: 44px;
   }
   .product-section.mobile h1:first-child {
      font-size: 131px !important;
   }
   #sb_instagram #sbi_images {
      padding: 5px !important;
   }
   .sbi_item {
      width: 33% !important;
      height: 109px;
   }
   #sb_instagram {
      padding-bottom: 0px !important;
   }
   .popular_blog_post_image {
      width: 120px;
      height: 120px;
      float: left;
      display: inline-block;
   }
   .popular_blog_post a {
      display: inline-block;
      float: left;
      width: 65%;
      padding-left: 20px;
      line-height: 10px !important;
   }
   .popular_blog_post h1 {
      margin-top: 0px;
   }
   .popular_blog_post {
      overflow: hidden;
      margin-bottom: 20px;
   }
   .shop-home h1,
   .shop-home h1 span {
      font-size: 60px;
      text-align: center;
      margin-top: 0px;
   }
   .shop-home.mobile {
      padding-top: 40px;
      padding-bottom: 20px;
      background-image: url(../img/shop_mobile_back.png);
   }
   .image-shop {
      width: 100%;
      height: 362px;
      right: -20px;
      top: 20px;
   }
   .image-shop-cover {
      width: 90%;
      height: 356px;
      /* float:right; */
      background-size: contain;
      background-repeat: no-repeat;
      margin-top: 30px;
   }
   .products-home ul {
      padding-left: 0px;
   }
   .products-details {
      width: 50%;
      padding-left: 10px;
      text-align: left;
   }
   .shop-home .products-details .title {
      text-align: left;
   }
   .products-home {
      padding-top: 80px;
   }
   .products-home ul li:last-child {
      border: none;
   }
   .slick-dots {
      display: none !important;
   }
   .customer h2:before {
      display: none;
   }
   .customer .circle-bottom {
      width: 130px;
      height: 110px;
      bottom: -60px;
   }
   .carousel .item.active {
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
   }
   .carousel .fill-color {
      opacity: 0.3;
   }
   .homeslider-content .vise-button {
      position: absolute;
      bottom: 330px;
      left: 0px;
      right: 0px;
      margin: 0 auto;
   }
   .buy-online {
      bottom: 260px !important;
   }
   .homeslider-content .container {
      height: 100%;
   }
   .positions h4 {
      margin-top: 40px;
   }
   .our-mission.tab-general p {
      margin-bottom: 0px;
   }
   .our-mission.tab-general .about-image {
      margin-top: 50px;
   }
   .our-mission.reseller-blocks {
      padding-top: 50px;
   }
   #nf-field-6-container,
   #nf-field-8-container {
      padding-left: 0px !important;
   }
   #nf-field-5-container,
   #nf-field-7-container {
      padding-right: 0px !important;
   }
   #nf-field-8-container,
   #nf-field-7-container {
      padding-bottom: 0px !important;
   }
   #nf-field-11-container {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
   }
   #nf-field-10-wrap {
      text-align: center !important;
   }
   .faq-header {
      padding-left: 15px;
      padding-right: 15px;
   }
   .product-tabs.faq-tabs {
      padding-left: 15px;
      padding-right: 15px;
   }
   .press-download h2:before,
   .press h2:before {
      display: none;
   }

   .page-template-press .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
   .page-template-press .ui-tabs .ui-tabs-nav li a {
      padding-left: 0px !important;
      padding-right: 0px !important;
      width: 100%;
   }
   .page-template-press .ui-tabs .ui-tabs-nav li {
      float: left;
      height: 60px;
      text-align: center;
   }
   .press-single-image {
      width: 150px;
      height: 120px;
   }
   .press-single-details {
      width: 50%;
      padding-left: 10px;
   }
   .press-single {
      overflow: hidden;
      height: auto;
   }
   .press-download h2,
   .press h2 {
      font-size: 35px;
      padding-left: 0px;
   }
   .page-template-homepage .top-gradient {
      display: none;
   }

   .page-template-homepage .navbar {
      background-color: black;
      position: relative;
   }

   .carousel .fill-color {
      top: -80px;
   }

   .store-intro h1,
   .online-stores h1 {
      font-size: 38px;
   }
   .store-intro .vise-button {
      margin-left: 0px;
   }
   .online-stores span {
      font-size: 24px;
   }
   .online-stores span span {
      font-size: 18px;
   }
   .store-list img {
      margin-bottom: 30px;
   }
   .nearest-store p {
      width: 100%;
      float: left;
   }
   .country-title {
      width: 100%;
      margin-bottom: 50px;
   }
   .stores {
      float: left;
      width: 100%;
   }
   .customer .cloud-bottom {
      background-image: none !important;
   }
   .home .mobile .social-media-subscribe ul li:last-child img {
      width: 40px;
   }
}

@media screen and (max-width: 560px) {
   .join-us h1 {
      width: auto;
   }
   .join-us h1:before {
      content: '';
      position: absolute;
      width: 140px;
      height: 90px;
      background-image: url('../img/ride.png');
      background-size: contain;
      background-repeat: no-repeat;
      left: -30px;
   }

   .join-us h1:after {
      content: '';
      position: absolute;
      width: 151px;
      height: 40px;
      background-image: url('../img/wave_join.png');
      background-size: contain;
      background-repeat: no-repeat;
      right: -10px;
      bottom: 0px;
   }
}

@media screen and (min-width: 320px) and (max-width: 991px) {
   .widget-career.widget-career {
      height: auto;
      padding: 30px;
   }

   .widget-career .image {
      max-width: 25%;
   }

   .shop-home .image-wrapper {
      width: 200px;
   }
}

@media screen and (min-width: 320px) and (max-width: 399px) {
   .shop-home .image-wrapper {
      width: 140px;
   }

   .shop-home a {
      font-size: 14px;
   }
}

@media screen and (min-width: 1001px) and (max-width: 1199px) {
   .navbar .navbar-nav {
      width: auto;
   }
}

@media (min-width: 768px) {
   .map-holder .button-wrapper {
      width: 33.33333333%;
   }

   .map-holder .asl-map.asl-map {
      height: 100% !important;
   }
}