/* Max width 767px */
@media only screen and (max-width: 767px) {
  .banner-section {
    padding: 10px 0 29px;
    position: relative; }

  .banner-content .title {
    font-size: 35px; }

  .top-header .header-right-content {
    text-align: center; }
    .top-header .header-right-content ul {
      margin-left: 0; }
    .top-header .header-right-content .become {
      font-size: 15px;
      padding: 7px 15px 15px; }

  .middle-header .logo {
    display: none; }
    .middle-header .m-dn {
      display: none; }
    .middle-header .src-form .form-group {
      margin-bottom: 20px; }
      .middle-header .login-cart {
        text-align: center; }

  .hero-slider.owl-carousel .owl-item img {
    max-width: 200px; }

  .hero-slider-content h2 {
    font-size: 3px;
    font-size: 25px;
    letter-spacing: 5px;
    margin-top: 80px;
    margin-bottom: 80px; }

  .hero-slider-content .banner-btn {
    font-size: 18px;
    padding: 6px 20px;
    margin-bottom: 30px; }

  .hero-slider-content h3 {
    font-size: 18px; }

  .gift-vouchers-content h2 {
    font-size: 25px;
    margin-bottom: 15px; }

  .section-title-u .title-wrap .section-btn {
    position: unset; }

  .section-title-u .title-wrap h2 {
    font-size: 20px; }

  .section-title-u .title-wrap .section-btn {
    font-size: 19px; }

  .section-title-u {
    padding-bottom: 20px; }

  .default-btn {
    font-size: 17px; }

  .blog-img {
    margin-bottom: 20px;
    display: block; }

  .single-news .news-content h3 {
    font-size: 20px; }

  .single-news .news-content .default-btn {
    float: unset; }

  .single-news.ms-mb-0 {
    margin-bottom: 0; }

  .delivery-charges-content h3 {
    font-size: 20px; }

  .shopping-area ul li img {
    margin-left: 0; }

  .shopping-area {
    padding-top: 20px; }

  .footer-link li {
    margin-right: 15px;
    padding-right: 15px; }

  .footer-link {
    margin-top: 20px; }
    .footer-link li a {
      font-size: 13px; }

  .footer-social-play {
    margin-top: 25px; }

  .footer-social-play .social-link li span {
    font-size: 16px; }

  .footer-social-play .social-link {
    text-align: center; }
    .footer-social-play .social-link li {
      margin-right: 5px; }

  .footer-social-play .paly-store-btn {
    margin-top: 30px;
    text-align: center; }

  .footer-area {
    text-align: center; }

  .middle-header .src-form .form-group .form-control {
    max-width: 100%; }

  .middle-header .dropdown .dropdown-menu {
    padding: 15px !important;
    width: 258px; }

  .middle-header .dropdown .dropdown-menu .six .default-btn.active {
    float: unset;
    margin-top: 10px; }

  .about-content h2 {
    font-size: 25px; }

  .side-logo img {
    margin-bottom: 0; }

  .become-partner-area h3 {
    font-size: 25px; }

  .become-form {
    margin-bottom: 30px; }
    .become-form .form-group {
      margin-bottom: 20px; }

  .my-details-title-area h3 {
    font-size: 25px;
    margin-bottom: 0px; }

  .login-password .form-group {
    margin-bottom: 20px; }

  .check-now h3 {
    margin-bottom: 30px; }

  .delivery-content .none {
    display: none; }

  .contact-content h3 {
    font-size: 25px; }

  .contact-content span {
    font-size: 20px; }

  .contact-form .form-group {
    margin-bottom: 20px; }

  .contact-form {
    margin-bottom: 30px; }

  .side-logo p {
    margin-bottom: 0;
    margin-top: 20px; }

  .register-area.login {
    padding-bottom: 30px; }
    .register-area.login img {
      margin-top: 30px; }

  .my-account-area img {
    margin-bottom: 30px; }

  .my-details-form h3.none {
    display: none; }

  .my-details-form {
    padding-bottom: 0; }

  .news-details-content h3 {
    font-size: 25px; }

  .personalize-form .submit-btn {
    text-align: center; }
    .personalize-form .submit-btn .default-btn {
      margin-right: 0; }
      .personalize-form .submit-btn .default-btn.active {
        margin-top: 20px; }

  .privacy-policy-content h3 {
    font-size: 25px;
    margin-bottom: 20px; }

  .register-form .form-group {
    margin-bottom: 20px; }

  .register-logo {
    margin-top: 30px;
    display: inline-block; }

  .register-title-area h3 {
    font-size: 25px;
    margin-bottom: 0; }

  .single-shop-area h3 {
    font-size: 25px; }

  .left-shop-content p {
    margin-bottom: 30px; }
    .left-shop-content .brand-img {
      text-align: center;
      margin-bottom: 30px; }
    .left-shop-content .brand-img img {
      width: 100%; } }
/* Max width 575px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .middle-header .login-cart {
    text-align: right !important; }

  .top-header .header-right-content ul {
    margin-left: 30px; } }
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .top-header .header-right-content {
    text-align: center; }
    .top-header .header-right-content ul {
      margin-left: 0; }
    .top-header .header-right-content .become {
      font-size: 15px;
      padding: 7px 15px 15px; }

  .middle-header .logo {
    display: none; }
    .middle-header .m-dn {
      display: none; }

  .hero-slider.owl-carousel .owl-item img {
    max-width: 200px; }

  .hero-slider-content h2 {
    font-size: 3px;
    font-size: 25px;
    letter-spacing: 5px;
    margin-top: 140px;
    margin-bottom: 140px; }

  .hero-slider-content .banner-btn {
    font-size: 18px;
    padding: 6px 20px;
    margin-bottom: 30px; }

  .hero-slider-content h3 {
    font-size: 18px; }

  .gift-vouchers-content h2 {
    font-size: 25px;
    margin-bottom: 15px; }

  .section-title-u .title-wrap .section-btn {
    position: unset; }

  .section-title-u .title-wrap h2 {
    font-size: 20px; }

  .section-title-u .title-wrap .section-btn {
    font-size: 19px; }

  .section-title-u {
    padding-bottom: 20px; }

  .default-btn {
    font-size: 17px; }

  .blog-img {
    margin-bottom: 20px;
    display: block; }

  .single-news .news-content h3 {
    font-size: 20px; }

  .single-news .news-content .default-btn {
    float: unset; }

  .single-news.ms-mb-0 {
    margin-bottom: 0; }

  .delivery-charges-content h3 {
    font-size: 20px; }

  .shopping-area ul li img {
    margin-left: 0; }

  .shopping-area {
    padding-top: 20px; }

  .footer-link li {
    margin-right: 15px;
    padding-right: 15px; }

  .footer-link {
    margin-top: 20px; }
    .footer-link li a {
      font-size: 13px; }

  .footer-social-play {
    margin-top: 25px; }

  .footer-social-play .social-link li span {
    font-size: 16px; }

  .footer-social-play .social-link {
    text-align: center; }
    .footer-social-play .social-link li {
      margin-right: 5px; }

  .footer-social-play .paly-store-btn {
    margin-top: 30px;
    text-align: center; }

  .footer-area {
    text-align: center; }

  .middle-header .src-form .form-group .form-control {
    max-width: 100%; }

  .middle-header .src-form .form-group {
    margin-bottom: 0; }

  .top-header .header-right-content ul {
    margin-left: 30px; }

  .about-content h2 {
    font-size: 25px; }

  .side-logo img {
    margin-bottom: 0; }

  .footer-social-play .paly-store-btn {
    margin-top: 0; }

  .become-partner-area h3 {
    font-size: 25px; }

  .become-form {
    margin-bottom: 30px; }
    .become-form .form-group {
      margin-bottom: 20px; }

  .my-details-title-area h3 {
    font-size: 25px;
    margin-bottom: 0px; }

  .login-password .form-group {
    margin-bottom: 20px; }

  .check-now h3 {
    margin-bottom: 30px; }

  .delivery-content .none {
    display: none; }

  .contact-content h3 {
    font-size: 25px; }

  .contact-content span {
    font-size: 20px; }

  .contact-form .form-group {
    margin-bottom: 20px; }

  .contact-form {
    margin-bottom: 30px; }

  .side-logo p {
    margin-bottom: 0;
    margin-top: 20px; }

  .register-area.login {
    padding-bottom: 30px; }
    .register-area.login img {
      margin-top: 30px; }

  .my-account-area img {
    margin-bottom: 30px; }

  .my-details-form h3.none {
    display: none; }

  .my-details-form {
    padding-bottom: 0; }

  .news-details-content h3 {
    font-size: 25px; }

  .privacy-policy-content h3 {
    font-size: 25px;
    margin-bottom: 20px; }

  .register-form .form-group {
    margin-bottom: 20px; }

  .register-logo {
    margin-top: 30px;
    display: inline-block; }

  .register-title-area h3 {
    font-size: 25px;
    margin-bottom: 0; }

  .single-shop-area h3 {
    font-size: 25px; }

  .left-shop-content p {
    margin-bottom: 30px; }
    .left-shop-content .brand-img {
      text-align: center;
      margin-bottom: 30px; }
    .left-shop-content .brand-img img {
      width: 100%; } }
/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .middle-header .src-form .form-group .form-control {
    max-width: 100%; }

  .left-shop-content p {
    margin-bottom: 20px; } }
/* Mobile and iPad Navbar */
@media only screen and (max-width: 991px) {
  .navbar-area {
    background-color: #fff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 2; }
    .navbar-area.is-sticky {
      background-color: #fff !important;
      padding-top: 20px;
      padding-bottom: 20px; }

  .mobile-responsive-nav {
    display: block; }
    .mobile-responsive-nav .mobile-responsive-menu {
      position: relative; }
      .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {
        margin-top: 50px;
        background-color: #fff; }
        .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul {
          font-size: 15px;
          border: none !important; }
          .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {
            color: #000;
            border-top-color: #dbeefd;
            text-transform: capitalize; }
            .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a i {
              display: none; }
            .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
              width: 100%;
              height: 28px;
              text-align: right;
              padding: 11px !important;
              background: transparent !important;
              border-left: none !important;
              border-bottom: none !important; }
            .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active {
              color: #c2a67f; }
            .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li li a {
              font-size: 15px; }
        .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav {
          box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
          margin-top: 0 !important;
          max-height: 50vh;
          overflow-y: scroll;
          /* width */
          /* Track */
          /* Handle */
          /* Handle on hover */ }
        .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar {
          width: 7px; }
        .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-track {
          background: #f1f1f1; }
        .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb {
          background: #888; }
        .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb:hover {
          background: #555; }
    .mobile-responsive-nav .mean-container a.meanmenu-reveal {
      top: 0;
      padding: 0;
      width: 35px;
      height: 30px;
      padding-top: 7px;
      color: #c2a67f; }
      .mobile-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #c2a67f;
        height: 4px;
        margin-top: -6px;
        border-radius: 0;
        position: relative;
        top: 8px; }
      .mobile-responsive-nav .mean-container .mean-bar {
        background: transparent;
        position: absolute;
        z-index: 999;
        padding: 0; }
    .mobile-responsive-nav .others-options {
      display: none !important; }
    .mobile-responsive-nav .logo {
      position: relative;
      width: 130px;
      z-index: 999; }

  .desktop-nav {
    display: none; }

  .others-options-for-mobile-devices {
    display: block;
    position: absolute;
    top: 13px;
    right: 60px;
    z-index: 9999; }
    .others-options-for-mobile-devices ul li {
      margin-right: 15px; }
      .others-options-for-mobile-devices ul li .search-btn {
        margin-right: -5px;
        position: relative;
        top: -2px; }

  .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .nav-item .row {
    display: block;
    flex-wrap: unset;
    margin-left: 0;
    margin-right: 0;
    margin-top: -20px; }
    .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .nav-item .row .col {
      flex-basis: unset;
      flex-grow: unset;
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-top: 20px; }
      .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .nav-item .row .col .sub-menu-title {
        padding: 1em 10%; }
    .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .sub-menu {
      width: auto;
      overflow: hidden;
      display: block !important;
      padding-left: 0;
      padding-right: 0; }
    .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .sub-menu li a {
      padding: 1em 10%; }
    .mobile-responsive-nav .mean-container .navbar-nav .nav-item.mega-menu .dropdown-menu .sub-menu li:last-child a {
      padding-bottom: 0; }

  .others-options-for-mobile-devices ul li .burger-menu {
    width: 36px;
    height: 36px;
    line-height: 36px; } }