/* input(17980,14): run-time error CSS1030: Expected identifier, found '#mobileStickyBar'
input(17980,30): run-time error CSS1025: Expected comma or open brace, found ')'
input(17984,14): run-time error CSS1030: Expected identifier, found '#mobileStickyBar'
input(17984,30): run-time error CSS1025: Expected comma or open brace, found ')' */
/*--
    - Custom Row
------------------------------------------*/
.row-0 {
  margin-left: 0px;
  margin-right: 0px; }
  .row-0 > [class*="col"] {
    padding-left: 0px;
    padding-right: 0px; }

.row-1 {
  margin-left: -1px;
  margin-right: -1px; }
  .row-1 > [class*="col"] {
    padding-left: 1px;
    padding-right: 1px; }

.row-2 {
  margin-left: -2px;
  margin-right: -2px; }
  .row-2 > [class*="col"] {
    padding-left: 2px;
    padding-right: 2px; }

.row-3 {
  margin-left: -3px;
  margin-right: -3px; }
  .row-3 > [class*="col"] {
    padding-left: 3px;
    padding-right: 3px; }

.row-4 {
  margin-left: -4px;
  margin-right: -4px; }
  .row-4 > [class*="col"] {
    padding-left: 4px;
    padding-right: 4px; }

.row-5 {
  margin-left: -5px;
  margin-right: -5px; }
  .row-5 > [class*="col"] {
    padding-left: 5px;
    padding-right: 5px; }

.row-6 {
  margin-left: -6px;
  margin-right: -6px; }
  .row-6 > [class*="col"] {
    padding-left: 6px;
    padding-right: 6px; }

.row-7 {
  margin-left: -7px;
  margin-right: -7px; }
  .row-7 > [class*="col"] {
    padding-left: 7px;
    padding-right: 7px; }

.row-8 {
  margin-left: -8px;
  margin-right: -8px; }
  .row-8 > [class*="col"] {
    padding-left: 8px;
    padding-right: 8px; }

.row-9 {
  margin-left: -9px;
  margin-right: -9px; }
  .row-9 > [class*="col"] {
    padding-left: 9px;
    padding-right: 9px; }

.row-10 {
  margin-left: -10px;
  margin-right: -10px; }
  .row-10 > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px; }

.row-11 {
  margin-left: -11px;
  margin-right: -11px; }
  .row-11 > [class*="col"] {
    padding-left: 11px;
    padding-right: 11px; }

.row-12 {
  margin-left: -12px;
  margin-right: -12px; }
  .row-12 > [class*="col"] {
    padding-left: 12px;
    padding-right: 12px; }

.row-13 {
  margin-left: -13px;
  margin-right: -13px; }
  .row-13 > [class*="col"] {
    padding-left: 13px;
    padding-right: 13px; }

.row-14 {
  margin-left: -14px;
  margin-right: -14px; }
  .row-14 > [class*="col"] {
    padding-left: 14px;
    padding-right: 14px; }

.row-15 {
  margin-left: -15px;
  margin-right: -15px; }
  .row-15 > [class*="col"] {
    padding-left: 15px;
    padding-right: 15px; }

.row-16 {
  margin-left: -16px;
  margin-right: -16px; }
  .row-16 > [class*="col"] {
    padding-left: 16px;
    padding-right: 16px; }

.row-17 {
  margin-left: -17px;
  margin-right: -17px; }
  .row-17 > [class*="col"] {
    padding-left: 17px;
    padding-right: 17px; }

.row-18 {
  margin-left: -18px;
  margin-right: -18px; }
  .row-18 > [class*="col"] {
    padding-left: 18px;
    padding-right: 18px; }

.row-19 {
  margin-left: -19px;
  margin-right: -19px; }
  .row-19 > [class*="col"] {
    padding-left: 19px;
    padding-right: 19px; }

.row-20 {
  margin-left: -20px;
  margin-right: -20px; }
  .row-20 > [class*="col"] {
    padding-left: 20px;
    padding-right: 20px; }

.row-21 {
  margin-left: -21px;
  margin-right: -21px; }
  .row-21 > [class*="col"] {
    padding-left: 21px;
    padding-right: 21px; }

.row-22 {
  margin-left: -22px;
  margin-right: -22px; }
  .row-22 > [class*="col"] {
    padding-left: 22px;
    padding-right: 22px; }

.row-23 {
  margin-left: -23px;
  margin-right: -23px; }
  .row-23 > [class*="col"] {
    padding-left: 23px;
    padding-right: 23px; }

.row-24 {
  margin-left: -24px;
  margin-right: -24px; }
  .row-24 > [class*="col"] {
    padding-left: 24px;
    padding-right: 24px; }

.row-25 {
  margin-left: -25px;
  margin-right: -25px; }
  .row-25 > [class*="col"] {
    padding-left: 25px;
    padding-right: 25px; }

.row-26 {
  margin-left: -26px;
  margin-right: -26px; }
  .row-26 > [class*="col"] {
    padding-left: 26px;
    padding-right: 26px; }

.row-27 {
  margin-left: -27px;
  margin-right: -27px; }
  .row-27 > [class*="col"] {
    padding-left: 27px;
    padding-right: 27px; }

.row-28 {
  margin-left: -28px;
  margin-right: -28px; }
  .row-28 > [class*="col"] {
    padding-left: 28px;
    padding-right: 28px; }

.row-29 {
  margin-left: -29px;
  margin-right: -29px; }
  .row-29 > [class*="col"] {
    padding-left: 29px;
    padding-right: 29px; }

.row-30 {
  margin-left: -30px;
  margin-right: -30px; }
  .row-30 > [class*="col"] {
    padding-left: 30px;
    padding-right: 30px; }

.row-31 {
  margin-left: -31px;
  margin-right: -31px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-31 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-31 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-31 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-31 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-31 > [class*="col"] {
    padding-left: 31px;
    padding-right: 31px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-31 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-31 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-31 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-31 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-32 {
  margin-left: -32px;
  margin-right: -32px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-32 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-32 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-32 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-32 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-32 > [class*="col"] {
    padding-left: 32px;
    padding-right: 32px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-32 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-32 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-32 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-32 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-33 {
  margin-left: -33px;
  margin-right: -33px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-33 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-33 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-33 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-33 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-33 > [class*="col"] {
    padding-left: 33px;
    padding-right: 33px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-33 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-33 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-33 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-33 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-34 {
  margin-left: -34px;
  margin-right: -34px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-34 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-34 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-34 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-34 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-34 > [class*="col"] {
    padding-left: 34px;
    padding-right: 34px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-34 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-34 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-34 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-34 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-35 {
  margin-left: -35px;
  margin-right: -35px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-35 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-35 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-35 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-35 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-35 > [class*="col"] {
    padding-left: 35px;
    padding-right: 35px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-35 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-35 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-35 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-35 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-36 {
  margin-left: -36px;
  margin-right: -36px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-36 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-36 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-36 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-36 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-36 > [class*="col"] {
    padding-left: 36px;
    padding-right: 36px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-36 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-36 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-36 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-36 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-37 {
  margin-left: -37px;
  margin-right: -37px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-37 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-37 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-37 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-37 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-37 > [class*="col"] {
    padding-left: 37px;
    padding-right: 37px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-37 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-37 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-37 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-37 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-38 {
  margin-left: -38px;
  margin-right: -38px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-38 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-38 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-38 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-38 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-38 > [class*="col"] {
    padding-left: 38px;
    padding-right: 38px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-38 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-38 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-38 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-38 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-39 {
  margin-left: -39px;
  margin-right: -39px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-39 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-39 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-39 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-39 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-39 > [class*="col"] {
    padding-left: 39px;
    padding-right: 39px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-39 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-39 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-39 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-39 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-40 {
  margin-left: -40px;
  margin-right: -40px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-40 > [class*="col"] {
    padding-left: 40px;
    padding-right: 40px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-41 {
  margin-left: -41px;
  margin-right: -41px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-41 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-41 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-41 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-41 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-41 > [class*="col"] {
    padding-left: 41px;
    padding-right: 41px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-41 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-41 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-41 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-41 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-42 {
  margin-left: -42px;
  margin-right: -42px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-42 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-42 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-42 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-42 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-42 > [class*="col"] {
    padding-left: 42px;
    padding-right: 42px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-42 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-42 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-42 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-42 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-43 {
  margin-left: -43px;
  margin-right: -43px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-43 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-43 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-43 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-43 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-43 > [class*="col"] {
    padding-left: 43px;
    padding-right: 43px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-43 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-43 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-43 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-43 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-44 {
  margin-left: -44px;
  margin-right: -44px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-44 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-44 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-44 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-44 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-44 > [class*="col"] {
    padding-left: 44px;
    padding-right: 44px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-44 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-44 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-44 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-44 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-45 {
  margin-left: -45px;
  margin-right: -45px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-45 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-45 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-45 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-45 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-45 > [class*="col"] {
    padding-left: 45px;
    padding-right: 45px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-45 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-45 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-45 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-45 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-46 {
  margin-left: -46px;
  margin-right: -46px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-46 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-46 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-46 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-46 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-46 > [class*="col"] {
    padding-left: 46px;
    padding-right: 46px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-46 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-46 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-46 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-46 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-47 {
  margin-left: -47px;
  margin-right: -47px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-47 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-47 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-47 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-47 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-47 > [class*="col"] {
    padding-left: 47px;
    padding-right: 47px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-47 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-47 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-47 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-47 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-48 {
  margin-left: -48px;
  margin-right: -48px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-48 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-48 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-48 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-48 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-48 > [class*="col"] {
    padding-left: 48px;
    padding-right: 48px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-48 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-48 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-48 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-48 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-49 {
  margin-left: -49px;
  margin-right: -49px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-49 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-49 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-49 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-49 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-49 > [class*="col"] {
    padding-left: 49px;
    padding-right: 49px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-49 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-49 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-49 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-49 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-50 {
  margin-left: -50px;
  margin-right: -50px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-50 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-50 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-50 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-50 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-50 > [class*="col"] {
    padding-left: 50px;
    padding-right: 50px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-50 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-50 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-50 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-50 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-51 {
  margin-left: -51px;
  margin-right: -51px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-51 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-51 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-51 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-51 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-51 > [class*="col"] {
    padding-left: 51px;
    padding-right: 51px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-51 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-51 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-51 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-51 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-52 {
  margin-left: -52px;
  margin-right: -52px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-52 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-52 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-52 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-52 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-52 > [class*="col"] {
    padding-left: 52px;
    padding-right: 52px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-52 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-52 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-52 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-52 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-53 {
  margin-left: -53px;
  margin-right: -53px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-53 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-53 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-53 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-53 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-53 > [class*="col"] {
    padding-left: 53px;
    padding-right: 53px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-53 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-53 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-53 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-53 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-54 {
  margin-left: -54px;
  margin-right: -54px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-54 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-54 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-54 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-54 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-54 > [class*="col"] {
    padding-left: 54px;
    padding-right: 54px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-54 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-54 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-54 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-54 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-55 {
  margin-left: -55px;
  margin-right: -55px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-55 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-55 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-55 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-55 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-55 > [class*="col"] {
    padding-left: 55px;
    padding-right: 55px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-55 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-55 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-55 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-55 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-56 {
  margin-left: -56px;
  margin-right: -56px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-56 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-56 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-56 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-56 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-56 > [class*="col"] {
    padding-left: 56px;
    padding-right: 56px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-56 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-56 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-56 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-56 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-57 {
  margin-left: -57px;
  margin-right: -57px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-57 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-57 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-57 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-57 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-57 > [class*="col"] {
    padding-left: 57px;
    padding-right: 57px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-57 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-57 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-57 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-57 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-58 {
  margin-left: -58px;
  margin-right: -58px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-58 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-58 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-58 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-58 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-58 > [class*="col"] {
    padding-left: 58px;
    padding-right: 58px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-58 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-58 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-58 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-58 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-59 {
  margin-left: -59px;
  margin-right: -59px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-59 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-59 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-59 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-59 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-59 > [class*="col"] {
    padding-left: 59px;
    padding-right: 59px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-59 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-59 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-59 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-59 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-60 {
  margin-left: -60px;
  margin-right: -60px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-60 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-60 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-60 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-60 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-60 > [class*="col"] {
    padding-left: 60px;
    padding-right: 60px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-60 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-60 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-60 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-60 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-61 {
  margin-left: -61px;
  margin-right: -61px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-61 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-61 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-61 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-61 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-61 > [class*="col"] {
    padding-left: 61px;
    padding-right: 61px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-61 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-61 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-61 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-61 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-62 {
  margin-left: -62px;
  margin-right: -62px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-62 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-62 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-62 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-62 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-62 > [class*="col"] {
    padding-left: 62px;
    padding-right: 62px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-62 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-62 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-62 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-62 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-63 {
  margin-left: -63px;
  margin-right: -63px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-63 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-63 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-63 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-63 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-63 > [class*="col"] {
    padding-left: 63px;
    padding-right: 63px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-63 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-63 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-63 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-63 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-64 {
  margin-left: -64px;
  margin-right: -64px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-64 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-64 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-64 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-64 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-64 > [class*="col"] {
    padding-left: 64px;
    padding-right: 64px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-64 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-64 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-64 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-64 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-65 {
  margin-left: -65px;
  margin-right: -65px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-65 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-65 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-65 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-65 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-65 > [class*="col"] {
    padding-left: 65px;
    padding-right: 65px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-65 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-65 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-65 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-65 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-66 {
  margin-left: -66px;
  margin-right: -66px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-66 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-66 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-66 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-66 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-66 > [class*="col"] {
    padding-left: 66px;
    padding-right: 66px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-66 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-66 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-66 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-66 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-67 {
  margin-left: -67px;
  margin-right: -67px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-67 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-67 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-67 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-67 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-67 > [class*="col"] {
    padding-left: 67px;
    padding-right: 67px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-67 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-67 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-67 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-67 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-68 {
  margin-left: -68px;
  margin-right: -68px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-68 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-68 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-68 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-68 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-68 > [class*="col"] {
    padding-left: 68px;
    padding-right: 68px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-68 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-68 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-68 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-68 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-69 {
  margin-left: -69px;
  margin-right: -69px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-69 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-69 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-69 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-69 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-69 > [class*="col"] {
    padding-left: 69px;
    padding-right: 69px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-69 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-69 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-69 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-69 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-70 {
  margin-left: -70px;
  margin-right: -70px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-70 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-70 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-70 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-70 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-70 > [class*="col"] {
    padding-left: 70px;
    padding-right: 70px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-70 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-70 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-70 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-70 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-71 {
  margin-left: -71px;
  margin-right: -71px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-71 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-71 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-71 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-71 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-71 > [class*="col"] {
    padding-left: 71px;
    padding-right: 71px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-71 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-71 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-71 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-71 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-72 {
  margin-left: -72px;
  margin-right: -72px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-72 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-72 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-72 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-72 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-72 > [class*="col"] {
    padding-left: 72px;
    padding-right: 72px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-72 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-72 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-72 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-72 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-73 {
  margin-left: -73px;
  margin-right: -73px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-73 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-73 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-73 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-73 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-73 > [class*="col"] {
    padding-left: 73px;
    padding-right: 73px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-73 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-73 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-73 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-73 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-74 {
  margin-left: -74px;
  margin-right: -74px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-74 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-74 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-74 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-74 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-74 > [class*="col"] {
    padding-left: 74px;
    padding-right: 74px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-74 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-74 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-74 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-74 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-75 {
  margin-left: -75px;
  margin-right: -75px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-75 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-75 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-75 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-75 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-75 > [class*="col"] {
    padding-left: 75px;
    padding-right: 75px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-75 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-75 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-75 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-75 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-76 {
  margin-left: -76px;
  margin-right: -76px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-76 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-76 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-76 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-76 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-76 > [class*="col"] {
    padding-left: 76px;
    padding-right: 76px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-76 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-76 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-76 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-76 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-77 {
  margin-left: -77px;
  margin-right: -77px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-77 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-77 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-77 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-77 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-77 > [class*="col"] {
    padding-left: 77px;
    padding-right: 77px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-77 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-77 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-77 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-77 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-78 {
  margin-left: -78px;
  margin-right: -78px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-78 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-78 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-78 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-78 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-78 > [class*="col"] {
    padding-left: 78px;
    padding-right: 78px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-78 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-78 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-78 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-78 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-79 {
  margin-left: -79px;
  margin-right: -79px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-79 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-79 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-79 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-79 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-79 > [class*="col"] {
    padding-left: 79px;
    padding-right: 79px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-79 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-79 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-79 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-79 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-80 {
  margin-left: -80px;
  margin-right: -80px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-80 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-80 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-80 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-80 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-80 > [class*="col"] {
    padding-left: 80px;
    padding-right: 80px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-80 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-80 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-80 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-80 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

/*-- 
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-0 {
  margin-top: 0px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }
.mt-12 {
    margin-top: 12px !important;
}
.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-35 {
  margin-top: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mt-65 {
  margin-top: 65px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-75 {
  margin-top: 75px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mt-85 {
  margin-top: 85px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mt-95 {
  margin-top: 95px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mt-105 {
  margin-top: 105px !important; }

.mt-110 {
  margin-top: 110px !important; }

.mt-115 {
  margin-top: 115px !important; }

.mt-120 {
  margin-top: 120px !important; }

.mt-125 {
  margin-top: 125px !important; }

.mt-130 {
  margin-top: 130px !important; }

.mt-135 {
  margin-top: 135px !important; }

.mt-140 {
  margin-top: 140px !important; }

.mt-145 {
  margin-top: 145px !important; }

.mt-150 {
  margin-top: 150px !important; }

.mt-155 {
  margin-top: 155px !important; }

.mt-160 {
  margin-top: 160px !important; }

.mt-165 {
  margin-top: 165px !important; }

.mt-170 {
  margin-top: 170px !important; }

.mt-175 {
  margin-top: 175px !important; }

.mt-180 {
  margin-top: 180px !important; }

.mt-185 {
  margin-top: 185px !important; }

.mt-190 {
  margin-top: 190px !important; }

.mt-195 {
  margin-top: 195px !important; }

.mt-200 {
  margin-top: 200px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-0 {
    margin-top: 0px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-5 {
    margin-top: 5px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-10 {
    margin-top: 10px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-15 {
    margin-top: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-20 {
    margin-top: 20px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-25 {
    margin-top: 25px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-30 {
    margin-top: 30px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-35 {
    margin-top: 35px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-40 {
    margin-top: 40px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-45 {
    margin-top: 45px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-50 {
    margin-top: 50px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-55 {
    margin-top: 55px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-60 {
    margin-top: 60px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-65 {
    margin-top: 65px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-70 {
    margin-top: 70px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-75 {
    margin-top: 75px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-80 {
    margin-top: 80px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-85 {
    margin-top: 85px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-90 {
    margin-top: 90px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-95 {
    margin-top: 95px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-100 {
    margin-top: 100px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-105 {
    margin-top: 105px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-110 {
    margin-top: 110px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-115 {
    margin-top: 115px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-120 {
    margin-top: 120px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-125 {
    margin-top: 125px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-130 {
    margin-top: 130px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-135 {
    margin-top: 135px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-140 {
    margin-top: 140px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-145 {
    margin-top: 145px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-150 {
    margin-top: 150px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-155 {
    margin-top: 155px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-160 {
    margin-top: 160px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-165 {
    margin-top: 165px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-170 {
    margin-top: 170px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-175 {
    margin-top: 175px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-180 {
    margin-top: 180px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-185 {
    margin-top: 185px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-190 {
    margin-top: 190px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-195 {
    margin-top: 195px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-200 {
    margin-top: 200px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-0 {
    margin-top: 0px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-5 {
    margin-top: 5px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-10 {
    margin-top: 10px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-15 {
    margin-top: 15px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-20 {
    margin-top: 20px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-25 {
    margin-top: 25px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-30 {
    margin-top: 30px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-35 {
    margin-top: 35px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-40 {
    margin-top: 40px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-45 {
    margin-top: 45px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-50 {
    margin-top: 50px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-55 {
    margin-top: 55px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-60 {
    margin-top: 60px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-65 {
    margin-top: 65px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-70 {
    margin-top: 70px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-75 {
    margin-top: 75px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-80 {
    margin-top: 80px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-85 {
    margin-top: 85px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-90 {
    margin-top: 90px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-95 {
    margin-top: 95px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-100 {
    margin-top: 100px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-105 {
    margin-top: 105px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-110 {
    margin-top: 110px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-115 {
    margin-top: 115px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-120 {
    margin-top: 120px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-125 {
    margin-top: 125px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-130 {
    margin-top: 130px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-135 {
    margin-top: 135px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-140 {
    margin-top: 140px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-145 {
    margin-top: 145px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-150 {
    margin-top: 150px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-155 {
    margin-top: 155px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-160 {
    margin-top: 160px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-165 {
    margin-top: 165px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-170 {
    margin-top: 170px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-175 {
    margin-top: 175px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-180 {
    margin-top: 180px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-185 {
    margin-top: 185px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-190 {
    margin-top: 190px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-195 {
    margin-top: 195px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt-md-200 {
    margin-top: 200px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-0 {
    margin-top: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-5 {
    margin-top: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-10 {
    margin-top: 10px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-15 {
    margin-top: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-20 {
    margin-top: 20px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-25 {
    margin-top: 25px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-30 {
    margin-top: 30px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-35 {
    margin-top: 35px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-40 {
    margin-top: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-45 {
    margin-top: 45px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-50 {
    margin-top: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-55 {
    margin-top: 55px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-60 {
    margin-top: 60px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-65 {
    margin-top: 65px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-70 {
    margin-top: 70px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-75 {
    margin-top: 75px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-80 {
    margin-top: 80px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-85 {
    margin-top: 85px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-90 {
    margin-top: 90px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-95 {
    margin-top: 95px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-100 {
    margin-top: 100px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-105 {
    margin-top: 105px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-110 {
    margin-top: 110px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-115 {
    margin-top: 115px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-120 {
    margin-top: 120px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-125 {
    margin-top: 125px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-130 {
    margin-top: 130px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-135 {
    margin-top: 135px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-140 {
    margin-top: 140px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-145 {
    margin-top: 145px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-150 {
    margin-top: 150px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-155 {
    margin-top: 155px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-160 {
    margin-top: 160px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-165 {
    margin-top: 165px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-170 {
    margin-top: 170px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-175 {
    margin-top: 175px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-180 {
    margin-top: 180px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-185 {
    margin-top: 185px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-190 {
    margin-top: 190px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-195 {
    margin-top: 195px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-200 {
    margin-top: 200px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-5 {
    margin-top: 5px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-10 {
    margin-top: 10px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-15 {
    margin-top: 15px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-20 {
    margin-top: 20px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-25 {
    margin-top: 25px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-30 {
    margin-top: 30px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-35 {
    margin-top: 35px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-40 {
    margin-top: 40px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-45 {
    margin-top: 45px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-50 {
    margin-top: 50px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-55 {
    margin-top: 55px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-60 {
    margin-top: 60px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-65 {
    margin-top: 65px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-70 {
    margin-top: 70px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-75 {
    margin-top: 75px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-80 {
    margin-top: 80px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-85 {
    margin-top: 85px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-90 {
    margin-top: 90px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-95 {
    margin-top: 95px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-100 {
    margin-top: 100px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-105 {
    margin-top: 105px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-110 {
    margin-top: 110px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-115 {
    margin-top: 115px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-120 {
    margin-top: 120px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-125 {
    margin-top: 125px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-130 {
    margin-top: 130px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-135 {
    margin-top: 135px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-140 {
    margin-top: 140px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-145 {
    margin-top: 145px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-150 {
    margin-top: 150px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-155 {
    margin-top: 155px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-160 {
    margin-top: 160px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-165 {
    margin-top: 165px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-170 {
    margin-top: 170px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-175 {
    margin-top: 175px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-180 {
    margin-top: 180px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-185 {
    margin-top: 185px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-190 {
    margin-top: 190px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-195 {
    margin-top: 195px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-200 {
    margin-top: 200px !important; } }

/*-- Margin Bottom --*/
.mb-0 {
  margin-bottom: 0px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.mb-95 {
  margin-bottom: 95px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.mb-105 {
  margin-bottom: 105px !important; }

.mb-110 {
  margin-bottom: 110px !important; }

.mb-115 {
  margin-bottom: 115px !important; }

.mb-120 {
  margin-bottom: 120px !important; }

.mb-125 {
  margin-bottom: 125px !important; }

.mb-130 {
  margin-bottom: 130px !important; }

.mb-135 {
  margin-bottom: 135px !important; }

.mb-140 {
  margin-bottom: 140px !important; }

.mb-145 {
  margin-bottom: 145px !important; }

.mb-150 {
  margin-bottom: 150px !important; }

.mb-155 {
  margin-bottom: 155px !important; }

.mb-160 {
  margin-bottom: 160px !important; }

.mb-165 {
  margin-bottom: 165px !important; }

.mb-170 {
  margin-bottom: 170px !important; }

.mb-175 {
  margin-bottom: 175px !important; }

.mb-180 {
  margin-bottom: 180px !important; }

.mb-185 {
  margin-bottom: 185px !important; }

.mb-190 {
  margin-bottom: 190px !important; }

.mb-195 {
  margin-bottom: 195px !important; }

.mb-200 {
  margin-bottom: 200px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-0 {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-5 {
    margin-bottom: 5px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-10 {
    margin-bottom: 10px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-15 {
    margin-bottom: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-20 {
    margin-bottom: 20px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-25 {
    margin-bottom: 25px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-30 {
    margin-bottom: 30px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-35 {
    margin-bottom: 35px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-40 {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-45 {
    margin-bottom: 45px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-50 {
    margin-bottom: 50px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-55 {
    margin-bottom: 55px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-60 {
    margin-bottom: 60px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-65 {
    margin-bottom: 65px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-70 {
    margin-bottom: 70px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-75 {
    margin-bottom: 75px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-80 {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-85 {
    margin-bottom: 85px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-90 {
    margin-bottom: 90px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-95 {
    margin-bottom: 95px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-100 {
    margin-bottom: 100px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-105 {
    margin-bottom: 105px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-110 {
    margin-bottom: 110px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-115 {
    margin-bottom: 115px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-120 {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-125 {
    margin-bottom: 125px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-130 {
    margin-bottom: 130px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-135 {
    margin-bottom: 135px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-140 {
    margin-bottom: 140px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-145 {
    margin-bottom: 145px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-150 {
    margin-bottom: 150px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-155 {
    margin-bottom: 155px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-160 {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-165 {
    margin-bottom: 165px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-170 {
    margin-bottom: 170px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-175 {
    margin-bottom: 175px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-180 {
    margin-bottom: 180px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-185 {
    margin-bottom: 185px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-190 {
    margin-bottom: 190px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-195 {
    margin-bottom: 195px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-200 {
    margin-bottom: 200px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-0 {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-5 {
    margin-bottom: 5px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-10 {
    margin-bottom: 10px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-15 {
    margin-bottom: 15px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-20 {
    margin-bottom: 20px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-25 {
    margin-bottom: 25px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-30 {
    margin-bottom: 30px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-35 {
    margin-bottom: 35px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-40 {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-45 {
    margin-bottom: 45px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-50 {
    margin-bottom: 50px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-55 {
    margin-bottom: 55px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-60 {
    margin-bottom: 60px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-65 {
    margin-bottom: 65px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-70 {
    margin-bottom: 70px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-75 {
    margin-bottom: 75px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-80 {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-85 {
    margin-bottom: 85px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-90 {
    margin-bottom: 90px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-95 {
    margin-bottom: 95px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-100 {
    margin-bottom: 100px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-105 {
    margin-bottom: 105px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-110 {
    margin-bottom: 110px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-115 {
    margin-bottom: 115px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-120 {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-125 {
    margin-bottom: 125px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-130 {
    margin-bottom: 130px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-135 {
    margin-bottom: 135px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-140 {
    margin-bottom: 140px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-145 {
    margin-bottom: 145px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-150 {
    margin-bottom: 150px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-155 {
    margin-bottom: 155px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-160 {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-165 {
    margin-bottom: 165px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-170 {
    margin-bottom: 170px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-175 {
    margin-bottom: 175px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-180 {
    margin-bottom: 180px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-185 {
    margin-bottom: 185px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-190 {
    margin-bottom: 190px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-195 {
    margin-bottom: 195px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-200 {
    margin-bottom: 200px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-0 {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-5 {
    margin-bottom: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-10 {
    margin-bottom: 10px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-15 {
    margin-bottom: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-20 {
    margin-bottom: 20px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-25 {
    margin-bottom: 25px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-30 {
    margin-bottom: 30px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-35 {
    margin-bottom: 35px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-40 {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-45 {
    margin-bottom: 45px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-50 {
    margin-bottom: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-55 {
    margin-bottom: 55px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-60 {
    margin-bottom: 60px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-65 {
    margin-bottom: 65px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-70 {
    margin-bottom: 70px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-75 {
    margin-bottom: 75px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-80 {
    margin-bottom: 80px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-85 {
    margin-bottom: 85px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-90 {
    margin-bottom: 90px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-95 {
    margin-bottom: 95px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-100 {
    margin-bottom: 100px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-105 {
    margin-bottom: 105px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-110 {
    margin-bottom: 110px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-115 {
    margin-bottom: 115px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-120 {
    margin-bottom: 120px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-125 {
    margin-bottom: 125px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-130 {
    margin-bottom: 130px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-135 {
    margin-bottom: 135px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-140 {
    margin-bottom: 140px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-145 {
    margin-bottom: 145px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-150 {
    margin-bottom: 150px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-155 {
    margin-bottom: 155px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-160 {
    margin-bottom: 160px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-165 {
    margin-bottom: 165px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-170 {
    margin-bottom: 170px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-175 {
    margin-bottom: 175px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-180 {
    margin-bottom: 180px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-185 {
    margin-bottom: 185px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-190 {
    margin-bottom: 190px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-195 {
    margin-bottom: 195px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-200 {
    margin-bottom: 200px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-0 {
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-5 {
    margin-bottom: 5px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-10 {
    margin-bottom: 10px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-15 {
    margin-bottom: 15px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-20 {
    margin-bottom: 20px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-25 {
    margin-bottom: 25px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-30 {
    margin-bottom: 30px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-35 {
    margin-bottom: 35px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-40 {
    margin-bottom: 40px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-45 {
    margin-bottom: 45px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-50 {
    margin-bottom: 50px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-55 {
    margin-bottom: 55px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-60 {
    margin-bottom: 60px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-65 {
    margin-bottom: 65px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-70 {
    margin-bottom: 70px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-75 {
    margin-bottom: 75px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-80 {
    margin-bottom: 80px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-85 {
    margin-bottom: 85px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-90 {
    margin-bottom: 90px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-95 {
    margin-bottom: 95px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-100 {
    margin-bottom: 100px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-105 {
    margin-bottom: 105px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-110 {
    margin-bottom: 110px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-115 {
    margin-bottom: 115px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-120 {
    margin-bottom: 120px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-125 {
    margin-bottom: 125px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-130 {
    margin-bottom: 130px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-135 {
    margin-bottom: 135px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-140 {
    margin-bottom: 140px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-145 {
    margin-bottom: 145px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-150 {
    margin-bottom: 150px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-155 {
    margin-bottom: 155px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-160 {
    margin-bottom: 160px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-165 {
    margin-bottom: 165px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-170 {
    margin-bottom: 170px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-175 {
    margin-bottom: 175px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-180 {
    margin-bottom: 180px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-185 {
    margin-bottom: 185px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-190 {
    margin-bottom: 190px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-195 {
    margin-bottom: 195px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-200 {
    margin-bottom: 200px !important; } }

/*-- Margin Left --*/
.ml-0 {
  margin-left: 0px !important; }

.ml-5 {
  margin-left: 5px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-25 {
  margin-left: 25px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-35 {
  margin-left: 35px !important; }

.ml-40 {
  margin-left: 40px !important; }

.ml-45 {
  margin-left: 45px !important; }

.ml-50 {
  margin-left: 50px !important; }

.ml-55 {
  margin-left: 55px !important; }

.ml-60 {
  margin-left: 60px !important; }

.ml-65 {
  margin-left: 65px !important; }

.ml-70 {
  margin-left: 70px !important; }

.ml-75 {
  margin-left: 75px !important; }

.ml-80 {
  margin-left: 80px !important; }

.ml-85 {
  margin-left: 85px !important; }

.ml-90 {
  margin-left: 90px !important; }

.ml-95 {
  margin-left: 95px !important; }

.ml-100 {
  margin-left: 100px !important; }

.ml-105 {
  margin-left: 105px !important; }

.ml-110 {
  margin-left: 110px !important; }

.ml-115 {
  margin-left: 115px !important; }

.ml-120 {
  margin-left: 120px !important; }

.ml-125 {
  margin-left: 125px !important; }

.ml-130 {
  margin-left: 130px !important; }

.ml-135 {
  margin-left: 135px !important; }

.ml-140 {
  margin-left: 140px !important; }

.ml-145 {
  margin-left: 145px !important; }

.ml-150 {
  margin-left: 150px !important; }

.ml-155 {
  margin-left: 155px !important; }

.ml-160 {
  margin-left: 160px !important; }

.ml-165 {
  margin-left: 165px !important; }

.ml-170 {
  margin-left: 170px !important; }

.ml-175 {
  margin-left: 175px !important; }

.ml-180 {
  margin-left: 180px !important; }

.ml-185 {
  margin-left: 185px !important; }

.ml-190 {
  margin-left: 190px !important; }

.ml-195 {
  margin-left: 195px !important; }

.ml-200 {
  margin-left: 200px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-0 {
    margin-left: 0px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-5 {
    margin-left: 5px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-10 {
    margin-left: 10px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-15 {
    margin-left: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-20 {
    margin-left: 20px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-25 {
    margin-left: 25px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-30 {
    margin-left: 30px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-35 {
    margin-left: 35px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-40 {
    margin-left: 40px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-45 {
    margin-left: 45px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-50 {
    margin-left: 50px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-55 {
    margin-left: 55px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-60 {
    margin-left: 60px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-65 {
    margin-left: 65px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-70 {
    margin-left: 70px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-75 {
    margin-left: 75px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-80 {
    margin-left: 80px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-85 {
    margin-left: 85px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-90 {
    margin-left: 90px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-95 {
    margin-left: 95px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-100 {
    margin-left: 100px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-105 {
    margin-left: 105px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-110 {
    margin-left: 110px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-115 {
    margin-left: 115px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-120 {
    margin-left: 120px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-125 {
    margin-left: 125px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-130 {
    margin-left: 130px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-135 {
    margin-left: 135px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-140 {
    margin-left: 140px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-145 {
    margin-left: 145px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-150 {
    margin-left: 150px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-155 {
    margin-left: 155px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-160 {
    margin-left: 160px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-165 {
    margin-left: 165px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-170 {
    margin-left: 170px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-175 {
    margin-left: 175px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-180 {
    margin-left: 180px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-185 {
    margin-left: 185px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-190 {
    margin-left: 190px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-195 {
    margin-left: 195px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .ml-lg-200 {
    margin-left: 200px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-0 {
    margin-left: 0px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-5 {
    margin-left: 5px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-10 {
    margin-left: 10px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-15 {
    margin-left: 15px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-20 {
    margin-left: 20px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-25 {
    margin-left: 25px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-30 {
    margin-left: 30px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-35 {
    margin-left: 35px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-40 {
    margin-left: 40px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-45 {
    margin-left: 45px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-50 {
    margin-left: 50px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-55 {
    margin-left: 55px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-60 {
    margin-left: 60px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-65 {
    margin-left: 65px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-70 {
    margin-left: 70px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-75 {
    margin-left: 75px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-80 {
    margin-left: 80px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-85 {
    margin-left: 85px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-90 {
    margin-left: 90px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-95 {
    margin-left: 95px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-100 {
    margin-left: 100px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-105 {
    margin-left: 105px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-110 {
    margin-left: 110px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-115 {
    margin-left: 115px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-120 {
    margin-left: 120px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-125 {
    margin-left: 125px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-130 {
    margin-left: 130px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-135 {
    margin-left: 135px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-140 {
    margin-left: 140px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-145 {
    margin-left: 145px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-150 {
    margin-left: 150px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-155 {
    margin-left: 155px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-160 {
    margin-left: 160px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-165 {
    margin-left: 165px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-170 {
    margin-left: 170px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-175 {
    margin-left: 175px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-180 {
    margin-left: 180px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-185 {
    margin-left: 185px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-190 {
    margin-left: 190px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-195 {
    margin-left: 195px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-md-200 {
    margin-left: 200px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-0 {
    margin-left: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-5 {
    margin-left: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-10 {
    margin-left: 10px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-15 {
    margin-left: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-20 {
    margin-left: 20px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-25 {
    margin-left: 25px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-30 {
    margin-left: 30px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-35 {
    margin-left: 35px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-40 {
    margin-left: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-45 {
    margin-left: 45px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-50 {
    margin-left: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-55 {
    margin-left: 55px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-60 {
    margin-left: 60px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-65 {
    margin-left: 65px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-70 {
    margin-left: 70px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-75 {
    margin-left: 75px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-80 {
    margin-left: 80px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-85 {
    margin-left: 85px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-90 {
    margin-left: 90px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-95 {
    margin-left: 95px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-100 {
    margin-left: 100px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-105 {
    margin-left: 105px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-110 {
    margin-left: 110px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-115 {
    margin-left: 115px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-120 {
    margin-left: 120px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-125 {
    margin-left: 125px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-130 {
    margin-left: 130px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-135 {
    margin-left: 135px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-140 {
    margin-left: 140px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-145 {
    margin-left: 145px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-150 {
    margin-left: 150px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-155 {
    margin-left: 155px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-160 {
    margin-left: 160px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-165 {
    margin-left: 165px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-170 {
    margin-left: 170px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-175 {
    margin-left: 175px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-180 {
    margin-left: 180px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-185 {
    margin-left: 185px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-190 {
    margin-left: 190px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-195 {
    margin-left: 195px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-sm-200 {
    margin-left: 200px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-0 {
    margin-left: 0px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-5 {
    margin-left: 5px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-10 {
    margin-left: 10px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-15 {
    margin-left: 15px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-20 {
    margin-left: 20px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-25 {
    margin-left: 25px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-30 {
    margin-left: 30px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-35 {
    margin-left: 35px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-40 {
    margin-left: 40px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-45 {
    margin-left: 45px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-50 {
    margin-left: 50px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-55 {
    margin-left: 55px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-60 {
    margin-left: 60px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-65 {
    margin-left: 65px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-70 {
    margin-left: 70px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-75 {
    margin-left: 75px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-80 {
    margin-left: 80px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-85 {
    margin-left: 85px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-90 {
    margin-left: 90px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-95 {
    margin-left: 95px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-100 {
    margin-left: 100px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-105 {
    margin-left: 105px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-110 {
    margin-left: 110px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-115 {
    margin-left: 115px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-120 {
    margin-left: 120px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-125 {
    margin-left: 125px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-130 {
    margin-left: 130px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-135 {
    margin-left: 135px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-140 {
    margin-left: 140px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-145 {
    margin-left: 145px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-150 {
    margin-left: 150px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-155 {
    margin-left: 155px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-160 {
    margin-left: 160px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-165 {
    margin-left: 165px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-170 {
    margin-left: 170px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-175 {
    margin-left: 175px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-180 {
    margin-left: 180px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-185 {
    margin-left: 185px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-190 {
    margin-left: 190px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-195 {
    margin-left: 195px !important; } }

@media only screen and (max-width: 767px) {
  .ml-xs-200 {
    margin-left: 200px !important; } }

/*-- Margin Right --*/
.mr-0 {
  margin-right: 0px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-35 {
  margin-right: 35px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mr-45 {
  margin-right: 45px !important; }

.mr-50 {
  margin-right: 50px !important; }

.mr-55 {
  margin-right: 55px !important; }

.mr-60 {
  margin-right: 60px !important; }

.mr-65 {
  margin-right: 65px !important; }

.mr-70 {
  margin-right: 70px !important; }

.mr-75 {
  margin-right: 75px !important; }

.mr-80 {
  margin-right: 80px !important; }

.mr-85 {
  margin-right: 85px !important; }

.mr-90 {
  margin-right: 90px !important; }

.mr-95 {
  margin-right: 95px !important; }

.mr-100 {
  margin-right: 100px !important; }

.mr-105 {
  margin-right: 105px !important; }

.mr-110 {
  margin-right: 110px !important; }

.mr-115 {
  margin-right: 115px !important; }

.mr-120 {
  margin-right: 120px !important; }

.mr-125 {
  margin-right: 125px !important; }

.mr-130 {
  margin-right: 130px !important; }

.mr-135 {
  margin-right: 135px !important; }

.mr-140 {
  margin-right: 140px !important; }

.mr-145 {
  margin-right: 145px !important; }

.mr-150 {
  margin-right: 150px !important; }

.mr-155 {
  margin-right: 155px !important; }

.mr-160 {
  margin-right: 160px !important; }

.mr-165 {
  margin-right: 165px !important; }

.mr-170 {
  margin-right: 170px !important; }

.mr-175 {
  margin-right: 175px !important; }

.mr-180 {
  margin-right: 180px !important; }

.mr-185 {
  margin-right: 185px !important; }

.mr-190 {
  margin-right: 190px !important; }

.mr-195 {
  margin-right: 195px !important; }

.mr-200 {
  margin-right: 200px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-0 {
    margin-right: 0px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-5 {
    margin-right: 5px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-10 {
    margin-right: 10px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-15 {
    margin-right: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-20 {
    margin-right: 20px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-25 {
    margin-right: 25px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-30 {
    margin-right: 30px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-35 {
    margin-right: 35px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-40 {
    margin-right: 40px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-45 {
    margin-right: 45px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-50 {
    margin-right: 50px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-55 {
    margin-right: 55px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-60 {
    margin-right: 60px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-65 {
    margin-right: 65px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-70 {
    margin-right: 70px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-75 {
    margin-right: 75px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-80 {
    margin-right: 80px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-85 {
    margin-right: 85px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-90 {
    margin-right: 90px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-95 {
    margin-right: 95px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-100 {
    margin-right: 100px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-105 {
    margin-right: 105px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-110 {
    margin-right: 110px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-115 {
    margin-right: 115px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-120 {
    margin-right: 120px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-125 {
    margin-right: 125px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-130 {
    margin-right: 130px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-135 {
    margin-right: 135px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-140 {
    margin-right: 140px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-145 {
    margin-right: 145px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-150 {
    margin-right: 150px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-155 {
    margin-right: 155px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-160 {
    margin-right: 160px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-165 {
    margin-right: 165px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-170 {
    margin-right: 170px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-175 {
    margin-right: 175px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-180 {
    margin-right: 180px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-185 {
    margin-right: 185px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-190 {
    margin-right: 190px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-195 {
    margin-right: 195px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mr-lg-200 {
    margin-right: 200px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-0 {
    margin-right: 0px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-5 {
    margin-right: 5px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-10 {
    margin-right: 10px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-15 {
    margin-right: 15px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-20 {
    margin-right: 20px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-25 {
    margin-right: 25px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-30 {
    margin-right: 30px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-35 {
    margin-right: 35px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-40 {
    margin-right: 40px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-45 {
    margin-right: 45px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-50 {
    margin-right: 50px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-55 {
    margin-right: 55px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-60 {
    margin-right: 60px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-65 {
    margin-right: 65px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-70 {
    margin-right: 70px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-75 {
    margin-right: 75px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-80 {
    margin-right: 80px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-85 {
    margin-right: 85px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-90 {
    margin-right: 90px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-95 {
    margin-right: 95px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-100 {
    margin-right: 100px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-105 {
    margin-right: 105px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-110 {
    margin-right: 110px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-115 {
    margin-right: 115px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-120 {
    margin-right: 120px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-125 {
    margin-right: 125px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-130 {
    margin-right: 130px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-135 {
    margin-right: 135px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-140 {
    margin-right: 140px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-145 {
    margin-right: 145px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-150 {
    margin-right: 150px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-155 {
    margin-right: 155px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-160 {
    margin-right: 160px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-165 {
    margin-right: 165px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-170 {
    margin-right: 170px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-175 {
    margin-right: 175px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-180 {
    margin-right: 180px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-185 {
    margin-right: 185px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-190 {
    margin-right: 190px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-195 {
    margin-right: 195px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mr-md-200 {
    margin-right: 200px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-0 {
    margin-right: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-5 {
    margin-right: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-10 {
    margin-right: 10px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-15 {
    margin-right: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-20 {
    margin-right: 20px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-25 {
    margin-right: 25px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-30 {
    margin-right: 30px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-35 {
    margin-right: 35px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-40 {
    margin-right: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-45 {
    margin-right: 45px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-50 {
    margin-right: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-55 {
    margin-right: 55px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-60 {
    margin-right: 60px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-65 {
    margin-right: 65px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-70 {
    margin-right: 70px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-75 {
    margin-right: 75px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-80 {
    margin-right: 80px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-85 {
    margin-right: 85px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-90 {
    margin-right: 90px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-95 {
    margin-right: 95px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-100 {
    margin-right: 100px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-105 {
    margin-right: 105px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-110 {
    margin-right: 110px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-115 {
    margin-right: 115px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-120 {
    margin-right: 120px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-125 {
    margin-right: 125px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-130 {
    margin-right: 130px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-135 {
    margin-right: 135px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-140 {
    margin-right: 140px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-145 {
    margin-right: 145px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-150 {
    margin-right: 150px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-155 {
    margin-right: 155px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-160 {
    margin-right: 160px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-165 {
    margin-right: 165px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-170 {
    margin-right: 170px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-175 {
    margin-right: 175px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-180 {
    margin-right: 180px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-185 {
    margin-right: 185px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-190 {
    margin-right: 190px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-195 {
    margin-right: 195px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mr-sm-200 {
    margin-right: 200px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-0 {
    margin-right: 0px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-5 {
    margin-right: 5px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-10 {
    margin-right: 10px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-15 {
    margin-right: 15px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-20 {
    margin-right: 20px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-25 {
    margin-right: 25px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-30 {
    margin-right: 30px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-35 {
    margin-right: 35px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-40 {
    margin-right: 40px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-45 {
    margin-right: 45px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-50 {
    margin-right: 50px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-55 {
    margin-right: 55px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-60 {
    margin-right: 60px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-65 {
    margin-right: 65px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-70 {
    margin-right: 70px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-75 {
    margin-right: 75px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-80 {
    margin-right: 80px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-85 {
    margin-right: 85px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-90 {
    margin-right: 90px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-95 {
    margin-right: 95px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-100 {
    margin-right: 100px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-105 {
    margin-right: 105px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-110 {
    margin-right: 110px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-115 {
    margin-right: 115px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-120 {
    margin-right: 120px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-125 {
    margin-right: 125px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-130 {
    margin-right: 130px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-135 {
    margin-right: 135px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-140 {
    margin-right: 140px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-145 {
    margin-right: 145px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-150 {
    margin-right: 150px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-155 {
    margin-right: 155px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-160 {
    margin-right: 160px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-165 {
    margin-right: 165px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-170 {
    margin-right: 170px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-175 {
    margin-right: 175px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-180 {
    margin-right: 180px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-185 {
    margin-right: 185px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-190 {
    margin-right: 190px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-195 {
    margin-right: 195px !important; } }

@media only screen and (max-width: 767px) {
  .mr-xs-200 {
    margin-right: 200px !important; } }

/*-- Padding Top --*/
.pt-0 {
  padding-top: 0px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-35 {
  padding-top: 35px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-45 {
  padding-top: 45px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pt-55 {
  padding-top: 55px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pt-65 {
  padding-top: 65px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pt-75 {
  padding-top: 75px !important; }

.pt-80 {
  padding-top: 80px !important; }

.pt-85 {
  padding-top: 85px !important; }

.pt-90 {
  padding-top: 90px !important; }

.pt-95 {
  padding-top: 95px !important; }

.pt-100 {
  padding-top: 100px !important; }

.pt-105 {
  padding-top: 105px !important; }

.pt-110 {
  padding-top: 110px !important; }

.pt-115 {
  padding-top: 115px !important; }

.pt-120 {
  padding-top: 120px !important; }

.pt-125 {
  padding-top: 125px !important; }

.pt-130 {
  padding-top: 130px !important; }

.pt-135 {
  padding-top: 135px !important; }

.pt-140 {
  padding-top: 140px !important; }

.pt-145 {
  padding-top: 145px !important; }

.pt-150 {
  padding-top: 150px !important; }

.pt-155 {
  padding-top: 155px !important; }

.pt-160 {
  padding-top: 160px !important; }

.pt-165 {
  padding-top: 165px !important; }

.pt-170 {
  padding-top: 170px !important; }

.pt-175 {
  padding-top: 175px !important; }

.pt-180 {
  padding-top: 180px !important; }

.pt-185 {
  padding-top: 185px !important; }

.pt-190 {
  padding-top: 190px !important; }

.pt-195 {
  padding-top: 195px !important; }

.pt-200 {
  padding-top: 200px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-0 {
    padding-top: 0px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-5 {
    padding-top: 5px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-10 {
    padding-top: 10px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-15 {
    padding-top: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-20 {
    padding-top: 20px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-25 {
    padding-top: 25px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-30 {
    padding-top: 30px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-35 {
    padding-top: 35px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-40 {
    padding-top: 40px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-45 {
    padding-top: 45px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-50 {
    padding-top: 50px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-55 {
    padding-top: 55px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-60 {
    padding-top: 60px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-65 {
    padding-top: 65px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-70 {
    padding-top: 70px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-75 {
    padding-top: 75px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-80 {
    padding-top: 80px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-85 {
    padding-top: 85px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-90 {
    padding-top: 90px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-95 {
    padding-top: 95px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-100 {
    padding-top: 100px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-105 {
    padding-top: 105px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-110 {
    padding-top: 110px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-115 {
    padding-top: 115px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-120 {
    padding-top: 120px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-125 {
    padding-top: 125px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-130 {
    padding-top: 130px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-135 {
    padding-top: 135px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-140 {
    padding-top: 140px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-145 {
    padding-top: 145px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-150 {
    padding-top: 150px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-155 {
    padding-top: 155px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-160 {
    padding-top: 160px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-165 {
    padding-top: 165px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-170 {
    padding-top: 170px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-175 {
    padding-top: 175px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-180 {
    padding-top: 180px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-185 {
    padding-top: 185px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-190 {
    padding-top: 190px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-195 {
    padding-top: 195px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-200 {
    padding-top: 200px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-0 {
    padding-top: 0px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-5 {
    padding-top: 5px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-10 {
    padding-top: 10px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-15 {
    padding-top: 15px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-20 {
    padding-top: 20px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-25 {
    padding-top: 25px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-30 {
    padding-top: 30px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-35 {
    padding-top: 35px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-40 {
    padding-top: 40px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-45 {
    padding-top: 45px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-50 {
    padding-top: 50px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-55 {
    padding-top: 55px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-60 {
    padding-top: 60px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-65 {
    padding-top: 65px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-70 {
    padding-top: 70px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-75 {
    padding-top: 75px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-80 {
    padding-top: 80px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-85 {
    padding-top: 85px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-90 {
    padding-top: 90px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-95 {
    padding-top: 95px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-100 {
    padding-top: 100px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-105 {
    padding-top: 105px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-110 {
    padding-top: 110px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-115 {
    padding-top: 115px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-120 {
    padding-top: 120px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-125 {
    padding-top: 125px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-130 {
    padding-top: 130px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-135 {
    padding-top: 135px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-140 {
    padding-top: 140px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-145 {
    padding-top: 145px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-150 {
    padding-top: 150px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-155 {
    padding-top: 155px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-160 {
    padding-top: 160px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-165 {
    padding-top: 165px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-170 {
    padding-top: 170px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-175 {
    padding-top: 175px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-180 {
    padding-top: 180px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-185 {
    padding-top: 185px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-190 {
    padding-top: 190px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-195 {
    padding-top: 195px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-200 {
    padding-top: 200px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-0 {
    padding-top: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-5 {
    padding-top: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-10 {
    padding-top: 10px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-15 {
    padding-top: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-20 {
    padding-top: 20px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-25 {
    padding-top: 25px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-30 {
    padding-top: 30px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-35 {
    padding-top: 35px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-40 {
    padding-top: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-45 {
    padding-top: 45px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-50 {
    padding-top: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-55 {
    padding-top: 55px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-60 {
    padding-top: 60px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-65 {
    padding-top: 65px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-70 {
    padding-top: 70px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-75 {
    padding-top: 75px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-80 {
    padding-top: 80px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-85 {
    padding-top: 85px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-90 {
    padding-top: 90px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-95 {
    padding-top: 95px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-100 {
    padding-top: 100px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-105 {
    padding-top: 105px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-110 {
    padding-top: 110px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-115 {
    padding-top: 115px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-120 {
    padding-top: 120px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-125 {
    padding-top: 125px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-130 {
    padding-top: 130px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-135 {
    padding-top: 135px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-140 {
    padding-top: 140px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-145 {
    padding-top: 145px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-150 {
    padding-top: 150px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-155 {
    padding-top: 155px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-160 {
    padding-top: 160px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-165 {
    padding-top: 165px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-170 {
    padding-top: 170px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-175 {
    padding-top: 175px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-180 {
    padding-top: 180px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-185 {
    padding-top: 185px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-190 {
    padding-top: 190px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-195 {
    padding-top: 195px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-200 {
    padding-top: 200px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-0 {
    padding-top: 0px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-5 {
    padding-top: 5px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-10 {
    padding-top: 10px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-15 {
    padding-top: 15px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-20 {
    padding-top: 20px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-25 {
    padding-top: 25px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-30 {
    padding-top: 30px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-35 {
    padding-top: 35px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-40 {
    padding-top: 40px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-45 {
    padding-top: 45px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-50 {
    padding-top: 50px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-55 {
    padding-top: 55px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-60 {
    padding-top: 60px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-65 {
    padding-top: 65px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-70 {
    padding-top: 70px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-75 {
    padding-top: 75px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-80 {
    padding-top: 80px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-85 {
    padding-top: 85px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-90 {
    padding-top: 90px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-95 {
    padding-top: 95px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-100 {
    padding-top: 100px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-105 {
    padding-top: 105px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-110 {
    padding-top: 110px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-115 {
    padding-top: 115px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-120 {
    padding-top: 120px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-125 {
    padding-top: 125px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-130 {
    padding-top: 130px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-135 {
    padding-top: 135px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-140 {
    padding-top: 140px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-145 {
    padding-top: 145px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-150 {
    padding-top: 150px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-155 {
    padding-top: 155px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-160 {
    padding-top: 160px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-165 {
    padding-top: 165px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-170 {
    padding-top: 170px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-175 {
    padding-top: 175px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-180 {
    padding-top: 180px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-185 {
    padding-top: 185px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-190 {
    padding-top: 190px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-195 {
    padding-top: 195px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-200 {
    padding-top: 200px !important; } }

/*-- Padding Bottom --*/
.pb-0 {
  padding-bottom: 0px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pb-55 {
  padding-bottom: 55px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pb-65 {
  padding-bottom: 65px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pb-75 {
  padding-bottom: 75px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.pb-85 {
  padding-bottom: 85px !important; }

.pb-90 {
  padding-bottom: 90px !important; }

.pb-95 {
  padding-bottom: 95px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.pb-105 {
  padding-bottom: 105px !important; }

.pb-110 {
  padding-bottom: 110px !important; }

.pb-115 {
  padding-bottom: 115px !important; }

.pb-120 {
  padding-bottom: 120px !important; }

.pb-125 {
  padding-bottom: 125px !important; }

.pb-130 {
  padding-bottom: 130px !important; }

.pb-135 {
  padding-bottom: 135px !important; }

.pb-140 {
  padding-bottom: 140px !important; }

.pb-145 {
  padding-bottom: 145px !important; }

.pb-150 {
  padding-bottom: 150px !important; }

.pb-155 {
  padding-bottom: 155px !important; }

.pb-160 {
  padding-bottom: 160px !important; }

.pb-165 {
  padding-bottom: 165px !important; }

.pb-170 {
  padding-bottom: 170px !important; }

.pb-175 {
  padding-bottom: 175px !important; }

.pb-180 {
  padding-bottom: 180px !important; }

.pb-185 {
  padding-bottom: 185px !important; }

.pb-190 {
  padding-bottom: 190px !important; }

.pb-195 {
  padding-bottom: 195px !important; }

.pb-200 {
  padding-bottom: 200px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-0 {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-5 {
    padding-bottom: 5px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-10 {
    padding-bottom: 10px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-15 {
    padding-bottom: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-20 {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-25 {
    padding-bottom: 25px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-30 {
    padding-bottom: 30px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-35 {
    padding-bottom: 35px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-40 {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-45 {
    padding-bottom: 45px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-50 {
    padding-bottom: 50px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-55 {
    padding-bottom: 55px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-60 {
    padding-bottom: 60px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-65 {
    padding-bottom: 65px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-70 {
    padding-bottom: 70px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-75 {
    padding-bottom: 75px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-80 {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-85 {
    padding-bottom: 85px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-90 {
    padding-bottom: 90px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-95 {
    padding-bottom: 95px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-100 {
    padding-bottom: 100px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-105 {
    padding-bottom: 105px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-110 {
    padding-bottom: 110px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-115 {
    padding-bottom: 115px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-120 {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-125 {
    padding-bottom: 125px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-130 {
    padding-bottom: 130px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-135 {
    padding-bottom: 135px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-140 {
    padding-bottom: 140px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-145 {
    padding-bottom: 145px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-150 {
    padding-bottom: 150px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-155 {
    padding-bottom: 155px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-160 {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-165 {
    padding-bottom: 165px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-170 {
    padding-bottom: 170px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-175 {
    padding-bottom: 175px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-180 {
    padding-bottom: 180px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-185 {
    padding-bottom: 185px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-190 {
    padding-bottom: 190px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-195 {
    padding-bottom: 195px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-200 {
    padding-bottom: 200px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-0 {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-5 {
    padding-bottom: 5px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-10 {
    padding-bottom: 10px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-15 {
    padding-bottom: 15px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-20 {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-25 {
    padding-bottom: 25px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-30 {
    padding-bottom: 30px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-35 {
    padding-bottom: 35px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-40 {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-45 {
    padding-bottom: 45px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-50 {
    padding-bottom: 50px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-55 {
    padding-bottom: 55px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-60 {
    padding-bottom: 60px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-65 {
    padding-bottom: 65px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-70 {
    padding-bottom: 70px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-75 {
    padding-bottom: 75px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-80 {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-85 {
    padding-bottom: 85px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-90 {
    padding-bottom: 90px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-95 {
    padding-bottom: 95px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-100 {
    padding-bottom: 100px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-105 {
    padding-bottom: 105px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-110 {
    padding-bottom: 110px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-115 {
    padding-bottom: 115px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-120 {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-125 {
    padding-bottom: 125px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-130 {
    padding-bottom: 130px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-135 {
    padding-bottom: 135px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-140 {
    padding-bottom: 140px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-145 {
    padding-bottom: 145px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-150 {
    padding-bottom: 150px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-155 {
    padding-bottom: 155px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-160 {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-165 {
    padding-bottom: 165px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-170 {
    padding-bottom: 170px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-175 {
    padding-bottom: 175px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-180 {
    padding-bottom: 180px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-185 {
    padding-bottom: 185px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-190 {
    padding-bottom: 190px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-195 {
    padding-bottom: 195px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-200 {
    padding-bottom: 200px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-0 {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-5 {
    padding-bottom: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-10 {
    padding-bottom: 10px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-15 {
    padding-bottom: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-20 {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-25 {
    padding-bottom: 25px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-30 {
    padding-bottom: 30px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-35 {
    padding-bottom: 35px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-40 {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-45 {
    padding-bottom: 45px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-50 {
    padding-bottom: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-55 {
    padding-bottom: 55px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-60 {
    padding-bottom: 60px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-65 {
    padding-bottom: 65px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-70 {
    padding-bottom: 70px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-75 {
    padding-bottom: 75px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-80 {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-85 {
    padding-bottom: 85px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-90 {
    padding-bottom: 90px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-95 {
    padding-bottom: 95px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-100 {
    padding-bottom: 100px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-105 {
    padding-bottom: 105px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-110 {
    padding-bottom: 110px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-115 {
    padding-bottom: 115px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-120 {
    padding-bottom: 120px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-125 {
    padding-bottom: 125px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-130 {
    padding-bottom: 130px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-135 {
    padding-bottom: 135px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-140 {
    padding-bottom: 140px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-145 {
    padding-bottom: 145px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-150 {
    padding-bottom: 150px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-155 {
    padding-bottom: 155px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-160 {
    padding-bottom: 160px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-165 {
    padding-bottom: 165px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-170 {
    padding-bottom: 170px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-175 {
    padding-bottom: 175px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-180 {
    padding-bottom: 180px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-185 {
    padding-bottom: 185px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-190 {
    padding-bottom: 190px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-195 {
    padding-bottom: 195px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-200 {
    padding-bottom: 200px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-0 {
    padding-bottom: 0px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-5 {
    padding-bottom: 5px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-10 {
    padding-bottom: 10px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-15 {
    padding-bottom: 15px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-20 {
    padding-bottom: 20px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-25 {
    padding-bottom: 25px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-30 {
    padding-bottom: 30px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-35 {
    padding-bottom: 35px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-40 {
    padding-bottom: 40px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-45 {
    padding-bottom: 45px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-50 {
    padding-bottom: 50px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-55 {
    padding-bottom: 55px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-60 {
    padding-bottom: 60px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-65 {
    padding-bottom: 65px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-70 {
    padding-bottom: 70px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-75 {
    padding-bottom: 75px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-80 {
    padding-bottom: 80px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-85 {
    padding-bottom: 85px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-90 {
    padding-bottom: 90px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-95 {
    padding-bottom: 95px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-100 {
    padding-bottom: 100px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-105 {
    padding-bottom: 105px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-110 {
    padding-bottom: 110px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-115 {
    padding-bottom: 115px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-120 {
    padding-bottom: 120px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-125 {
    padding-bottom: 125px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-130 {
    padding-bottom: 130px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-135 {
    padding-bottom: 135px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-140 {
    padding-bottom: 140px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-145 {
    padding-bottom: 145px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-150 {
    padding-bottom: 150px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-155 {
    padding-bottom: 155px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-160 {
    padding-bottom: 160px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-165 {
    padding-bottom: 165px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-170 {
    padding-bottom: 170px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-175 {
    padding-bottom: 175px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-180 {
    padding-bottom: 180px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-185 {
    padding-bottom: 185px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-190 {
    padding-bottom: 190px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-195 {
    padding-bottom: 195px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-200 {
    padding-bottom: 200px !important; } }

/*-- Padding Left --*/
.pl-0 {
  padding-left: 0px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pl-25 {
  padding-left: 25px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pl-35 {
  padding-left: 35px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pl-45 {
  padding-left: 45px !important; }

.pl-50 {
  padding-left: 50px !important; }

.pl-55 {
  padding-left: 55px !important; }

.pl-60 {
  padding-left: 60px !important; }

.pl-65 {
  padding-left: 65px !important; }

.pl-70 {
  padding-left: 70px !important; }

.pl-75 {
  padding-left: 75px !important; }

.pl-80 {
  padding-left: 80px !important; }

.pl-85 {
  padding-left: 85px !important; }

.pl-90 {
  padding-left: 90px !important; }

.pl-95 {
  padding-left: 95px !important; }

.pl-100 {
  padding-left: 100px !important; }

.pl-105 {
  padding-left: 105px !important; }

.pl-110 {
  padding-left: 110px !important; }

.pl-115 {
  padding-left: 115px !important; }

.pl-120 {
  padding-left: 120px !important; }

.pl-125 {
  padding-left: 125px !important; }

.pl-130 {
  padding-left: 130px !important; }

.pl-135 {
  padding-left: 135px !important; }

.pl-140 {
  padding-left: 140px !important; }

.pl-145 {
  padding-left: 145px !important; }

.pl-150 {
  padding-left: 150px !important; }

.pl-155 {
  padding-left: 155px !important; }

.pl-160 {
  padding-left: 160px !important; }

.pl-165 {
  padding-left: 165px !important; }

.pl-170 {
  padding-left: 170px !important; }

.pl-175 {
  padding-left: 175px !important; }

.pl-180 {
  padding-left: 180px !important; }

.pl-185 {
  padding-left: 185px !important; }

.pl-190 {
  padding-left: 190px !important; }

.pl-195 {
  padding-left: 195px !important; }

.pl-200 {
  padding-left: 200px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-0 {
    padding-left: 0px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-5 {
    padding-left: 5px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-10 {
    padding-left: 10px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-15 {
    padding-left: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-20 {
    padding-left: 20px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-25 {
    padding-left: 25px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-30 {
    padding-left: 30px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-35 {
    padding-left: 35px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-40 {
    padding-left: 40px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-45 {
    padding-left: 45px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-50 {
    padding-left: 50px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-55 {
    padding-left: 55px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-60 {
    padding-left: 60px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-65 {
    padding-left: 65px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-70 {
    padding-left: 70px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-75 {
    padding-left: 75px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-80 {
    padding-left: 80px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-85 {
    padding-left: 85px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-90 {
    padding-left: 90px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-95 {
    padding-left: 95px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-100 {
    padding-left: 100px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-105 {
    padding-left: 105px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-110 {
    padding-left: 110px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-115 {
    padding-left: 115px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-120 {
    padding-left: 120px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-125 {
    padding-left: 125px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-130 {
    padding-left: 130px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-135 {
    padding-left: 135px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-140 {
    padding-left: 140px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-145 {
    padding-left: 145px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-150 {
    padding-left: 150px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-155 {
    padding-left: 155px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-160 {
    padding-left: 160px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-165 {
    padding-left: 165px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-170 {
    padding-left: 170px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-175 {
    padding-left: 175px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-180 {
    padding-left: 180px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-185 {
    padding-left: 185px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-190 {
    padding-left: 190px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-195 {
    padding-left: 195px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-lg-200 {
    padding-left: 200px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-0 {
    padding-left: 0px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-5 {
    padding-left: 5px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-10 {
    padding-left: 10px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-15 {
    padding-left: 15px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-20 {
    padding-left: 20px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-25 {
    padding-left: 25px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-30 {
    padding-left: 30px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-35 {
    padding-left: 35px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-40 {
    padding-left: 40px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-45 {
    padding-left: 45px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-50 {
    padding-left: 50px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-55 {
    padding-left: 55px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-60 {
    padding-left: 60px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-65 {
    padding-left: 65px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-70 {
    padding-left: 70px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-75 {
    padding-left: 75px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-80 {
    padding-left: 80px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-85 {
    padding-left: 85px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-90 {
    padding-left: 90px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-95 {
    padding-left: 95px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-100 {
    padding-left: 100px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-105 {
    padding-left: 105px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-110 {
    padding-left: 110px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-115 {
    padding-left: 115px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-120 {
    padding-left: 120px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-125 {
    padding-left: 125px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-130 {
    padding-left: 130px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-135 {
    padding-left: 135px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-140 {
    padding-left: 140px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-145 {
    padding-left: 145px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-150 {
    padding-left: 150px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-155 {
    padding-left: 155px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-160 {
    padding-left: 160px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-165 {
    padding-left: 165px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-170 {
    padding-left: 170px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-175 {
    padding-left: 175px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-180 {
    padding-left: 180px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-185 {
    padding-left: 185px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-190 {
    padding-left: 190px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-195 {
    padding-left: 195px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-200 {
    padding-left: 200px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-0 {
    padding-left: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-5 {
    padding-left: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-10 {
    padding-left: 10px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-15 {
    padding-left: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-20 {
    padding-left: 20px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-25 {
    padding-left: 25px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-30 {
    padding-left: 30px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-35 {
    padding-left: 35px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-40 {
    padding-left: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-45 {
    padding-left: 45px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-50 {
    padding-left: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-55 {
    padding-left: 55px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-60 {
    padding-left: 60px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-65 {
    padding-left: 65px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-70 {
    padding-left: 70px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-75 {
    padding-left: 75px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-80 {
    padding-left: 80px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-85 {
    padding-left: 85px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-90 {
    padding-left: 90px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-95 {
    padding-left: 95px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-100 {
    padding-left: 100px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-105 {
    padding-left: 105px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-110 {
    padding-left: 110px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-115 {
    padding-left: 115px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-120 {
    padding-left: 120px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-125 {
    padding-left: 125px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-130 {
    padding-left: 130px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-135 {
    padding-left: 135px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-140 {
    padding-left: 140px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-145 {
    padding-left: 145px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-150 {
    padding-left: 150px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-155 {
    padding-left: 155px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-160 {
    padding-left: 160px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-165 {
    padding-left: 165px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-170 {
    padding-left: 170px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-175 {
    padding-left: 175px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-180 {
    padding-left: 180px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-185 {
    padding-left: 185px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-190 {
    padding-left: 190px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-195 {
    padding-left: 195px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-sm-200 {
    padding-left: 200px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-0 {
    padding-left: 0px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-5 {
    padding-left: 5px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-10 {
    padding-left: 10px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-15 {
    padding-left: 15px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-20 {
    padding-left: 20px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-25 {
    padding-left: 25px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-30 {
    padding-left: 30px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-35 {
    padding-left: 35px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-40 {
    padding-left: 40px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-45 {
    padding-left: 45px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-50 {
    padding-left: 50px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-55 {
    padding-left: 55px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-60 {
    padding-left: 60px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-65 {
    padding-left: 65px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-70 {
    padding-left: 70px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-75 {
    padding-left: 75px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-80 {
    padding-left: 80px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-85 {
    padding-left: 85px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-90 {
    padding-left: 90px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-95 {
    padding-left: 95px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-100 {
    padding-left: 100px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-105 {
    padding-left: 105px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-110 {
    padding-left: 110px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-115 {
    padding-left: 115px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-120 {
    padding-left: 120px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-125 {
    padding-left: 125px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-130 {
    padding-left: 130px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-135 {
    padding-left: 135px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-140 {
    padding-left: 140px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-145 {
    padding-left: 145px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-150 {
    padding-left: 150px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-155 {
    padding-left: 155px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-160 {
    padding-left: 160px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-165 {
    padding-left: 165px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-170 {
    padding-left: 170px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-175 {
    padding-left: 175px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-180 {
    padding-left: 180px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-185 {
    padding-left: 185px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-190 {
    padding-left: 190px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-195 {
    padding-left: 195px !important; } }

@media only screen and (max-width: 767px) {
  .pl-xs-200 {
    padding-left: 200px !important; } }

/*-- Padding Right --*/
.pr-0 {
  padding-right: 0px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pr-35 {
  padding-right: 35px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pr-45 {
  padding-right: 45px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pr-55 {
  padding-right: 55px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pr-65 {
  padding-right: 65px !important; }

.pr-70 {
  padding-right: 70px !important; }

.pr-75 {
  padding-right: 75px !important; }

.pr-80 {
  padding-right: 80px !important; }

.pr-85 {
  padding-right: 85px !important; }

.pr-90 {
  padding-right: 90px !important; }

.pr-95 {
  padding-right: 95px !important; }

.pr-100 {
  padding-right: 100px !important; }

.pr-105 {
  padding-right: 105px !important; }

.pr-110 {
  padding-right: 110px !important; }

.pr-115 {
  padding-right: 115px !important; }

.pr-120 {
  padding-right: 120px !important; }

.pr-125 {
  padding-right: 125px !important; }

.pr-130 {
  padding-right: 130px !important; }

.pr-135 {
  padding-right: 135px !important; }

.pr-140 {
  padding-right: 140px !important; }

.pr-145 {
  padding-right: 145px !important; }

.pr-150 {
  padding-right: 150px !important; }

.pr-155 {
  padding-right: 155px !important; }

.pr-160 {
  padding-right: 160px !important; }

.pr-165 {
  padding-right: 165px !important; }

.pr-170 {
  padding-right: 170px !important; }

.pr-175 {
  padding-right: 175px !important; }

.pr-180 {
  padding-right: 180px !important; }

.pr-185 {
  padding-right: 185px !important; }

.pr-190 {
  padding-right: 190px !important; }

.pr-195 {
  padding-right: 195px !important; }

.pr-200 {
  padding-right: 200px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-0 {
    padding-right: 0px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-5 {
    padding-right: 5px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-10 {
    padding-right: 10px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-15 {
    padding-right: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-20 {
    padding-right: 20px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-25 {
    padding-right: 25px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-30 {
    padding-right: 30px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-35 {
    padding-right: 35px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-40 {
    padding-right: 40px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-45 {
    padding-right: 45px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-50 {
    padding-right: 50px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-55 {
    padding-right: 55px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-60 {
    padding-right: 60px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-65 {
    padding-right: 65px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-70 {
    padding-right: 70px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-75 {
    padding-right: 75px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-80 {
    padding-right: 80px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-85 {
    padding-right: 85px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-90 {
    padding-right: 90px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-95 {
    padding-right: 95px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-100 {
    padding-right: 100px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-105 {
    padding-right: 105px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-110 {
    padding-right: 110px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-115 {
    padding-right: 115px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-120 {
    padding-right: 120px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-125 {
    padding-right: 125px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-130 {
    padding-right: 130px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-135 {
    padding-right: 135px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-140 {
    padding-right: 140px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-145 {
    padding-right: 145px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-150 {
    padding-right: 150px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-155 {
    padding-right: 155px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-160 {
    padding-right: 160px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-165 {
    padding-right: 165px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-170 {
    padding-right: 170px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-175 {
    padding-right: 175px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-180 {
    padding-right: 180px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-185 {
    padding-right: 185px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-190 {
    padding-right: 190px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-195 {
    padding-right: 195px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-lg-200 {
    padding-right: 200px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-0 {
    padding-right: 0px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-5 {
    padding-right: 5px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-10 {
    padding-right: 10px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-15 {
    padding-right: 15px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-20 {
    padding-right: 20px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-25 {
    padding-right: 25px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-30 {
    padding-right: 30px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-35 {
    padding-right: 35px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-40 {
    padding-right: 40px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-45 {
    padding-right: 45px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-50 {
    padding-right: 50px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-55 {
    padding-right: 55px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-60 {
    padding-right: 60px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-65 {
    padding-right: 65px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-70 {
    padding-right: 70px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-75 {
    padding-right: 75px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-80 {
    padding-right: 80px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-85 {
    padding-right: 85px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-90 {
    padding-right: 90px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-95 {
    padding-right: 95px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-100 {
    padding-right: 100px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-105 {
    padding-right: 105px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-110 {
    padding-right: 110px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-115 {
    padding-right: 115px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-120 {
    padding-right: 120px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-125 {
    padding-right: 125px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-130 {
    padding-right: 130px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-135 {
    padding-right: 135px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-140 {
    padding-right: 140px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-145 {
    padding-right: 145px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-150 {
    padding-right: 150px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-155 {
    padding-right: 155px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-160 {
    padding-right: 160px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-165 {
    padding-right: 165px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-170 {
    padding-right: 170px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-175 {
    padding-right: 175px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-180 {
    padding-right: 180px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-185 {
    padding-right: 185px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-190 {
    padding-right: 190px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-195 {
    padding-right: 195px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-md-200 {
    padding-right: 200px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-0 {
    padding-right: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-5 {
    padding-right: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-10 {
    padding-right: 10px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-15 {
    padding-right: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-20 {
    padding-right: 20px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-25 {
    padding-right: 25px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-30 {
    padding-right: 30px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-35 {
    padding-right: 35px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-40 {
    padding-right: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-45 {
    padding-right: 45px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-50 {
    padding-right: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-55 {
    padding-right: 55px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-60 {
    padding-right: 60px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-65 {
    padding-right: 65px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-70 {
    padding-right: 70px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-75 {
    padding-right: 75px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-80 {
    padding-right: 80px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-85 {
    padding-right: 85px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-90 {
    padding-right: 90px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-95 {
    padding-right: 95px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-100 {
    padding-right: 100px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-105 {
    padding-right: 105px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-110 {
    padding-right: 110px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-115 {
    padding-right: 115px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-120 {
    padding-right: 120px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-125 {
    padding-right: 125px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-130 {
    padding-right: 130px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-135 {
    padding-right: 135px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-140 {
    padding-right: 140px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-145 {
    padding-right: 145px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-150 {
    padding-right: 150px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-155 {
    padding-right: 155px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-160 {
    padding-right: 160px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-165 {
    padding-right: 165px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-170 {
    padding-right: 170px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-175 {
    padding-right: 175px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-180 {
    padding-right: 180px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-185 {
    padding-right: 185px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-190 {
    padding-right: 190px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-195 {
    padding-right: 195px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-200 {
    padding-right: 200px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-0 {
    padding-right: 0px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-5 {
    padding-right: 5px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-10 {
    padding-right: 10px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-15 {
    padding-right: 15px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-20 {
    padding-right: 20px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-25 {
    padding-right: 25px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-30 {
    padding-right: 30px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-35 {
    padding-right: 35px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-40 {
    padding-right: 40px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-45 {
    padding-right: 45px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-50 {
    padding-right: 50px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-55 {
    padding-right: 55px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-60 {
    padding-right: 60px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-65 {
    padding-right: 65px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-70 {
    padding-right: 70px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-75 {
    padding-right: 75px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-80 {
    padding-right: 80px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-85 {
    padding-right: 85px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-90 {
    padding-right: 90px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-95 {
    padding-right: 95px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-100 {
    padding-right: 100px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-105 {
    padding-right: 105px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-110 {
    padding-right: 110px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-115 {
    padding-right: 115px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-120 {
    padding-right: 120px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-125 {
    padding-right: 125px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-130 {
    padding-right: 130px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-135 {
    padding-right: 135px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-140 {
    padding-right: 140px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-145 {
    padding-right: 145px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-150 {
    padding-right: 150px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-155 {
    padding-right: 155px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-160 {
    padding-right: 160px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-165 {
    padding-right: 165px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-170 {
    padding-right: 170px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-175 {
    padding-right: 175px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-180 {
    padding-right: 180px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-185 {
    padding-right: 185px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-190 {
    padding-right: 190px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-195 {
    padding-right: 195px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-200 {
    padding-right: 200px !important; } }

/*-----------------------------------------------------------------------------------
		Template Name: limupa - Digital Products Store ECommerce Bootstrap 4 Template
		Template URI: http://bootexperts.com
		Description: This is digital products store html5 template for eCommerce websites, nice and clean design;
		Author: HasTech
		Author URI: 
		Version: 1.0
-----------------------------------------------------------------------------------
		CSS INDEX
		===================
		01. Default Style
			1.1 Basic
			1.2 Transition
			1.3 Section Title
			1.4 Default Button
			1.5 Text Color
			1.6 Input
			1.8 Background Variation Set
			1.9 Animation
			1.10 All Navigation & Pagination
			1.11 Owl Carousel Box Shadow
			1.12 Li's Mobile Menu Customization 
			1.13 Modal Area
			1.14 Scroll Up
		02. Home Page One
			2.1 Header
			2.2 Slider
			2.3 Li's Static Top
			2.4 Product-area css
			2.5 Li's Banner
			2.6 Li's Laptop Features
			2.7 Li's Static Home Banner
			2.8 Li's Trending Products
				2.9 Footer
		03. Home Page Two
		04. Home Page Three
		05. Home Page Four
		06. Other Pages
			6.1 Li's Shop Page
			6.2 Li's Frequently Asked Question(FAQ)
			6.3 Li's Wishlist Page
			6.4 Li's Checkout Page
			6.5 Li's Login Register
			6.6 Li's Shopping Cart
			6.7 Li's Blog Page
			6.8 Li's Compare Page
			6.9 Li's Contact Pages
			6.10 Li's About Us Page
			6.11 Li's Shop Page
			6.12 Li's Single Product
			6.13 Single Product Carousel Page
			6.14 Single Product Sale Page
			6.15 Single Product Group Page
			6.16 Single Product Normal Page
			6.17 Single Product Affiliate Page
			6.18 Single Product Tab Style Left Page
			6.19 Single Product Tab Style Right Page
			6.20 Single Product Gallery Left Page
			6.21 Error 404 Page

-----------------------------------------------------------------------------------*/

/* Google Fonts loaded via <link> in _Layout.cshtml with preconnect for better performance */

/*----------------------------------------*/
/*  01. Dfault Style
/*----------------------------------------*/
/*----------------------------------------*/
/*  1.1 Basic
/*----------------------------------------*/
body {
    color: #242424;
    /*font-family: 'Rubik', sans-serif;*/
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    overflow-x: hidden;
    background-color: #F5F5F5
}

body::-webkit-scrollbar {
    height: 0.8rem;
    width: 0.8rem;
}

body::-webkit-scrollbar-track {
    background-color: rgba(209, 213, 219, 0.5);
}

body::-webkit-scrollbar-thumb {
    background: #F80E63;
}

body.bodymax {
    height: 100vh;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.body-mark {
    z-index: 9999999999;
    /* display/visibility handled by inline style via showMark/hideMark */
}

.body-mark.active {
    /* legacy - kept for compatibility */
}


.modal-backdrop.in {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.body-mark .modal-backdrop {
    float: left;
    width: 100%;
    height: 100%;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: calc(50% - 30px);
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 40px solid transparent;
    border-top-color: #f80e63;
    border-bottom-color: #f80e63;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 4px solid transparent;
        border-top-color: #F27323;
        border-bottom-color: #F27323;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 4px solid transparent;
        border-top-color: #1FB34A;
        border-bottom-color: #1FB34A;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }*/

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

a {
    color: #a4a4a4;
    transition: 0.3s ease-in-out;
}

.color-white {
    color: #ffffff;
}

a:hover {
    color: #fed700;
}

.img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
}

.img-full {
    width: 100%;
    overflow: hidden;
    display: block;
}

a:focus,
a:hover {
    color: #fed700;
    text-decoration: none;
}

a,
button,
input {
    outline: medium none;
    color: #a5a5a5;
}

button:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    color: inherit;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 8px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

h1 {
    font-size: 35px;
    font-weight: 500;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}



p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 15px;
}

hr {
    margin: 60px 0;
    padding: 0px;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}

hr.style-2 {
    border-bottom: 1px dashed #f10;
}

hr.mp-0 {
    margin: 0;
    border-bottom: 1px solid #eceff8;
}

hr.mtb-40 {
    margin: 40px 0;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}

label {
    font-size: 15px;
    font-weight: 400;
    color: #626262;
}

*::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}

.mark,
mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #ffffff;
}

span.tooltip-content {
    color: #00a9da;
    cursor: help;
    font-weight: 600;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.fix {
    overflow: hidden;
}

.t-center {
    text-align: center;
}

.t-right {
    text-align: right;
}

.t-left {
    text-align: left;
}

.container {
    width: auto;
    max-width: 100%;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #fed700;
}

.nice-select .option:hover {
    color: #ffffff;
}

iframe {
    width: 100%;
    height: 300px;
}

/*----------------------------------------*/
/*  1.2 Transition
/*----------------------------------------*/
a.button::after,
a.button-small::after {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.share ul,
.share:hover ul {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

a.button-border span,
a.button-border-white span,
input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

/*----------------------------------------*/
/*  1.3 Section Title
/*----------------------------------------*/
.section-title>h3,
.section-title-2>h3,
.section-title-2>p {
    color: #ffffff;
    font-family: roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 34px;
    text-align: center;
}

.section-title-2>h3 {
    color: #222222
}

.section-title>p,
.section-title-2>p {
    color: #ffffff;
    font-style: italic;
    margin-bottom: 44px;
    text-align: center;
    font-size: 14px;
}

.section-title-2>p {
    color: inherit;
    font-weight: 400;
}

/*----------------------------------------*/
/*  1.4 Default Button
/*----------------------------------------*/
button.li-btn {
    border: none;
    background: rgba(248, 14, 99, 0.12);
    color: #f80e63;
    font-size: 17px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.2s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

button.li-btn:hover {
    background: #f80e63;
    color: #fff;
}

a.links,
a.links-2,
a.review-links {
    background: #ed6a9a none repeat scroll 0 0;
    display: inline-block;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    width: 100px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
}

a.links:hover,
a.links-2:hover {
    background: #333333 none repeat scroll 0 0;
    color: #fff;
}

a.review-links {
    background: #242424;
    color: #ffffff;
    width: 205px;
    height: 40px;
    line-height: 40px;
}

a.review-links:hover {
    background: #fed700;
}

/*----------------------------------------*/
/*  1.5 Text Color
/*----------------------------------------*/
.text-blue {
    color: #4FC1F0;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #363636;
}

.text-theme {
    color: #f10;
}

.text-white h1,
.text-white p,
.text-white h2 {
    color: #fff;
}

/* .text-white, .text-black, .text-theme already defined above */

/*----------------------------------------*/
/*  1.6 Input
/*----------------------------------------*/
input {
    background: #eceff8;
    border: 2px solid #eceff8;
    height: 45px;
    box-shadow: none;
    padding-left: 10px;
    font-size: 14px;
    color: #626262;
    width: 100%;
}

select {
    width: 100%;
    background: #eceff8;
    border: 2px solid #eceff8;
    height: 45px;
    padding-left: 10px;
    box-shadow: none;
    font-size: 14px;
    color: #626262;
}

option {
    background: #fff;
    border: 0px solid #626262;
    padding-left: 10px;
    font-size: 14px;
}

input:focus {
    background: transparent;
    border: none;
    outline: none;
}

textarea {
    resize: vertical;
    background: #eceff8;
    border: 2px solid #eceff8;
    padding: 10px;
    width: 100%;
    font-size: 14px;
}

textarea:focus {
    background: transparent;
    border: 2px solid #4FC1F0;
    outline: none;
}

::-moz-placeholder {
    color: #444;
    font-size: 13px;
}

.input-group.divcenter.input-group .form-control {
    padding-left: 0px
}

/*----------------------------------------*/
/*  1.8 Background Variation Set
/*----------------------------------------*/
/*Home One | Slider Background Image*/
.bg-1,
.bg-2,
.bg-3 {
    background-image: url(../images/slider/1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 475px;
    width: 100%;
}

.bg-2 {
    background-image: url(../images/slider/2.jpg);
}

.bg-3 {
    background-image: url(../images/slider/3.jpg);
}

/*Home Two | Slider Background Image*/
.bg-4,
.bg-5,
.bg-6 {
    background-image: url(../images/slider/4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 475px;
    width: 100%;
}

.bg-5 {
    background-image: url(../images/slider/5.jpg);
}

.bg-6 {
    background-image: url(../images/slider/6.jpg);
}

/*Home Three | Slider Background Image*/
.bg-7,
.bg-8,
.bg-9 {
    background-image: url(/banner/banner-home-page-2.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 475px;
    width: 100%;
}

.bg-8 {
    background-image: url(../img/slider.jpg);
}

.bg-9 {
    background-image: url(../img/slider1.jpg);
}

/*Home Four | Slider Background Image*/
.bg-10,
.bg-11,
.bg-12 {
    background-image: url(../images/slider/10.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 770px;
    width: 100%;
}

.bg-11 {
    background-image: url(../images/slider/11.jpg);
}

.bg-12 {
    background-image: url(../images/slider/12.jpg);
}

/*----------------------------------------*/
/*  li's Background Variation Set 
/*----------------------------------------*/
.white-bg {
    background: #fff;
}

.white-smoke-bg {
    background: #f8f8f8;
}

.gray-bg {
    background: #e8e8e8;
}

.blue-bg {
    background: #4FC1F0;
}

.default-bg {
    background: #50C1F0;
}

.black-bg {
    background: #000;
}

.transparent-bg {
    background: transparent;
}

/*----------------------------------------*/
/*  1.9 Animation
/*----------------------------------------*/
/* Slider Progress Bar */
.slider-active .owl-item.active .slider-progress {
    -webkit-animation: 5000ms ease-in-out 0s normal none 1 running timebar;
    animation: 10000ms ease-in-out 0s normal none 1 running timebar;
    background: rgba(0, 0, 0, .3);
    height: 5px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 4;
}

/* animation-style-01 */
.owl-item.active .animation-style-01 .slider-content h5,
.owl-item.active .animation-style-01 .slider-content-2 h5 {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content h2 {
    -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content h3,
.owl-item.active .animation-style-01 .slider-content-2 h3 {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content .slide-btn,
.owl-item.active .animation-style-01 .slider-content-2 .slide-btn {
    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content-2 .img-slide {
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running slideInUp;
    animation: 1000ms ease-in-out 0s normal none 1 running slideInUp;
}

.owl-item.active .animation-style-02 .slider-content-2 .img-slide {
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running slideInUp;
    animation: 1000ms ease-in-out 0s normal none 1 running slideInUp;
}

/* animation-style-02 */
.owl-item.active .animation-style-02 .slider-content h5,
.owl-item.active .animation-style-02 .slider-content-2 h5 {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content h2 {
    -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content h3,
.owl-item.active .animation-style-02 .slider-content-2 h3 {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content .slide-btn,
.owl-item.active .animation-style-02 .slider-content-2 .slide-btn {
    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
}

@-webkit-keyframes timebar {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/*Top Up Keyframes*/
@-webkit-keyframes liSlideInUp {
    0% {
        -webkit-transform: translateY(250px);
        transform: translateY(250px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes liSlideInUp {
    0% {
        -webkit-transform: translateY(250px);
        transform: translateY(250px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

/*----------------------------------------*/
/*  1.10 All Navigation & Pagination
/*----------------------------------------*/
.slider-active .owl-nav div,
.product-active .owl-nav div,
.special-product-active .owl-nav div {
    color: rgba(36, 36, 36, .15);
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    z-index: 8;
}

.slider-active .owl-nav div:hover,
.product-active .owl-nav div:hover {
    color: #fed700;
}

.slider-active:hover .owl-nav div,
.product-active:hover .owl-nav div {
    opacity: 1;
}

.slider-active:hover .owl-nav div.owl-prev {
    left: 10px;
}

.slider-active:hover .owl-nav div.owl-next,
.product-active:hover .owl-nav div.owl-next {
    right: 10px;
}

.slider-active .owl-nav div.owl-next,
.product-active .owl-nav div.owl-next {
    right: 0;
    left: auto;
}

.slider-active .owl-nav>.owl-prev>i,
.product-active .owl-nav>.owl-prev>i,
.slider-active .owl-nav>.owl-next>i,
.product-active .owl-nav>.owl-next>i {
    font-size: 55px;
    font-weight: 700;
}

/*Product Active Nav Direction*/
.product-active .owl-nav div.owl-prev {
    left: -20px;
}

.product-active:hover .owl-nav div.owl-prev {
    top: 55%;
}

.product-active .owl-nav div.owl-next {
    right: -20px;
}

.product-active:hover .owl-nav div.owl-next {
    top: 55%;
    right: -20px;
}

@media only screen and (max-width: 1199px) {

    /*Product Nav Arrow*/
    .product-active .owl-nav {
        display: none;
    }
}

/* Default Pagination */
.owl-dots {
    bottom: 15px;
    margin-top: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 12;
}

.slider-active .owl-dots {
    display: none;
}

.owl-dots .owl-dot {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 10px;
    margin: 0 4px;
    position: relative;
    text-align: center;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 10px;
    z-index: 8;
}

.owl-dots .owl-dot.active {
    background: #fed700 none repeat scroll 0 0;
    width: 32px;
}

.testimonials-active .owl-dots .owl-dot {
    background: #000 none repeat scroll 0 0;
    border-radius: 0;
    height: 7px;
    width: 7px;
}

.testimonials-active .owl-dots .owl-dot.active,
.testimonials-active-2 .owl-dots .owl-dot.active {
    background: #fff none repeat scroll 0 0;
}

.testimonials-active-2 .owl-dots .owl-dot.active {
    background: #ebebeb;
}

.slider-area-2 .owl-dots {
    display: none;
}

/*----------------------------------------*/
/*  1.11 Owl Carousel Box Shadow
/*----------------------------------------*/
/*Product Active Box Shadow*/
.product-active {
    padding: 0 10px;
    overflow: hidden;
}

.product-active:hover {
    overflow: visible;
}

.product-area .owl-carousel .owl-item {
    padding: 25px 0;
}

.product-area .owl-carousel .owl-stage-outer {
    margin: 0 0 -100px;
    padding: 0 0 85px;
    position: relative;
}

/*Special Product Active Box Shadow*/
.special-product-active {
    padding: 0;
    overflow: hidden;
}

.special-product-active:hover {
    overflow: visible;
}

.special-product-active .single-product-wrap::before {
    left: 0;
    right: 0;
}

.special-product-active .product-image {
    position: relative;
    padding: 0 10px;
}

.special-product-active .product_desc {
    margin: 15px 15px 0;
}

.special-product-active .add-actions {
    padding: 0 15px;
    transition: all 0.3s ease-in-out;
}

/*Shop Product Area Box Shadow*/
.shop-product-area .single-product-wrap::before {
    left: 0;
    right: 0;
}

.shop-product-area .product_desc {
    margin: 2px 2px 0;
}

.shop-product-area .add-actions {
    padding: 0 15px;
}

/*----------------------------------------*/
/* 	1.12 Li's Mobile Menu Customization 
/*----------------------------------------*/
.mobile-menu .mean-nav>ul {
    overflow-y: auto;
    max-height: 400px;
}

.mobile-menu {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 100% !important;
    flex: 1 0 100% !important;
}

.mobile-menu .mean-bar {
    position: relative;
    /*---- Mean Nav ----*/
}

.mobile-menu-area .mobile-menu .mean-bar .meanmenu-reveal,
.mobile-menu-area-4 .mobile-menu .mean-bar .meanmenu-reveal {
    position: absolute;
    top: -75px;
    left: auto !important;
    right: -12px !important;
}

.mobile-menu-area-4 .mobile-menu .mean-bar .meanmenu-reveal {
    color: #ffffff;
}

.mobile-menu .mean-bar .meanmenu-reveal span,
.mobile-menu-area-4 .mobile-menu .mean-bar .meanmenu-reveal span {
    position: relative;
    /*---- Menu Open ----*/
    /*---- Menu Close ----*/
}

.mobile-menu-area-4 .mobile-menu .mean-bar .meanmenu-reveal span {
    background: #ffffff;
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #282828;
    height: 3px;
    margin-top: 3px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #202020;
}

.mean-container a.meanmenu-reveal {
    color: #282828;
}

.mean-container .mean-bar {
    padding: 0;
    min-height: 0;
}

.mean-container .mean-nav {
    background: transparent;
    margin-top: 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:before {
    top: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar:after {
    bottom: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
    height: 2px;
    width: 26px;
    background-color: transparent;
    display: block;
    margin: 8px 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #202020;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-menu .mean-bar .mean-nav {
    background-color: #ffffff;
}

.mobile-menu .mean-bar .mean-nav>ul {
    margin-bottom: 30px;
    border: 1px solid #eeeeee;
    border-top: 0px solid transparent;
    overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
    .mobile-menu .mean-bar .mean-nav>ul {
        max-height: 180px;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 479px) {
    .mobile-menu .mean-bar .mean-nav>ul {
        max-height: 220px;
        overflow-y: auto;
    }
}

.mobile-menu .mean-bar .mean-nav>ul li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    /*---- Sub Menu & Mega Menu ----*/
}

.mobile-menu .mean-bar .mean-nav>ul li a {
    font-size: 13px;
    display: block;
    color: #444444;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 44px;
    position: relative;
    border-top: 1px solid #eeeeee;
    padding: 0 40px 0 20px;
    width: 100%;
}

.mobile-menu .mean-bar .mean-nav>ul li a:hover {
    color: #202020;
    padding-left: 25px;
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand {
    border: 1px solid #eeeeee;
    position: absolute;
    right: -1px;
    top: 0;
    font-size: 20px !important;
    color: #444444;
    line-height: 44px;
    height: 46px;
    width: 40px;
    text-align: center;
    padding: 0 !important;
    background-color: transparent;
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand.mean-clicked {
    line-height: 40px;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul {
    position: static;
    background-color: #fff;
    margin: 0;
    padding: 0 !important;
    width: 100%;
    box-shadow: none;
    display: none;
    float: left;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(0px) rotateX(0deg);
    transform: perspective(0px) rotateX(0deg);
    -webkit-transition: none;
    transition: none;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li,
.mobile-menu .mean-bar .mean-nav>ul li ul li {
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-right: 0px solid transparent;
    width: 100%;
    display: block !important;
    float: left;
    width: 100%;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li a {
    font-size: 12px;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a:before,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a:before,
.mobile-menu .mean-bar .mean-nav>ul li ul li a:before {
    display: none;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul {
    background-color: rgba(0, 0, 0, 0.04);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a {
    border-top: 1px solid #dddddd;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a.mean-expand {
    border: 1px solid #dddddd;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul {
    background-color: rgba(0, 0, 0, 0.05);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a {
    border-top: 1px solid #eeeeee;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a.mean-expand {
    border: 1px solid #eeeeee;
}

/*----------------------------------------*/
/* 1.13 Modal Area
/*----------------------------------------*/
.modal-wrapper {
    display: block !important;
}

.modal-wrapper.modal {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: -9;
}

.modal-wrapper.modal.show {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1050;
}

.modal-wrapper .modal-dialog {
    max-width: 880px;
}

.modal-wrapper .close {
    color: #333333;
    font-size: 30px;
    font-weight: 400;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 99;
}

.modal-wrapper .close:hover {
    color: #fed700;
}

.modal-wrapper .slider-thumbs-1 {
    margin-top: 10px;
    margin-right: -10px;
}

.modal-wrapper .slider-thumbs-1 .sm-image {
    margin-right: 10px;
}

.product-details-images .lg-image img,
.product-details-thumbs .sm-image img {
    width: 100%;
}

.product-details-thumbs .sm-image {
    cursor: pointer;
}

.product-details-view-content .product-info h2 {
    font-size: 18px;
    letter-spacing: -.025em;
    line-height: 24px;
    color: #0363cd;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.product-details-ref {
    font-size: 13px;
    color: #7a7a7a;
}

.product-details-view-content .product-info .price-box {
    margin-bottom: 2px;
}

.product-details-view-content .product-info .price-box .new-price {
    font-weight: 500;
    font-size: 24px;
    line-height: 27px;
    color: #e80f0f;
}

.product-details-view-content .content-center .product-variants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-variants .produt-variants-size {
    margin-right: 30px;
}

.product-variants .produt-variants-size label {
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.product-variants .produt-variants-size .form-control-select {
    width: 60px;
    border-radius: 0px;
    border: 1px solid #ddd;
    height: 30px;
}

.product-variants .produt-variants-color label {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.product-variants .produt-variants-color .color-list li {
    display: inline-block;
    margin-right: 10px;
}

.product-variants .produt-variants-color .color-list li a {
    border: 2px solid rgba(0, 0, 0, 0);
    display: block;
    height: 28px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 28px;
}

.product-variants .produt-variants-color .color-list li a:hover {
    border: 2px solid #333333;
}

.product-variants .produt-variants-color .color-list li a.orange-color {
    background: #f39c11;
}

.product-variants .produt-variants-color .color-list li a.orange-color.active {
    border: 2px solid #333333;
}

.product-variants .produt-variants-color .color-list li a.paste-color {
    background: #5d9cec;
}

.cart-quantity {
    margin-top: 7px;
    overflow: hidden;
    float: left;
    width: 100%;
}

.cart-quantity label {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.cart-quantity .add-to-cart {
    border: none;
    font-size: 14px;
    color: #fff;
    position: relative;
    background: #f80e63;
    cursor: pointer;
    font-weight: 500;
    text-transform: capitalize;
    padding: 13px 70px;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
}

.cart-quantity .add-to-cart:hover {
    background: #242424;
    color: #ffffff;
}

.cart-plus-minus {
    float: left;
    margin-right: 15px;
    position: relative;
    width: 76px;
    text-align: left;
}

.cart-plus-minus .cart-plus-minus-box {
    border: 1px solid #e1e1e1;
    color: #242424;
    height: 46px;
    text-align: center;
    width: 3rem;
    background: #fff;
}

.cart-plus-minus .dec.qtybutton,
.cart-plus-minus .inc.qtybutton {
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    color: #333333;
    cursor: pointer;
    height: 23px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 28px;
}

.cart-plus-minus .dec.qtybutton:hover,
.cart-plus-minus .inc.qtybutton:hover {
    background: #ddd;
}

.cart-plus-minus .dec.qtybutton {
    bottom: 0;
    right: 0;
}

.cart-plus-minus .inc.qtybutton {
    border-bottom: none;
    top: 0;
    right: 0;
}

.product-details-thumbs .slick-arrow,
.tab-style-right .slick-arrow,
.tab-style-left .slick-arrow {
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    right: auto;
    background: #242424;
    color: #ffffff;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.tab-style-right .slick-arrow,
.tab-style-left .slick-arrow {
    top: 16px;
    left: 40px;
    right: auto;
}

.product-details-thumbs .slick-arrow:hover {
    background: #fed700;
    color: #ffffff;
}

.product-details-thumbs .slick-arrow.slick-next,
.tab-style-right .slick-arrow.slick-next {
    right: 10px;
    left: auto;
}

.tab-style-right .slick-arrow.slick-next,
.tab-style-left .slick-arrow.slick-next {
    right: 40px;
    left: auto;
    bottom: 0;
    top: auto;
}

.product-details-thumbs:hover .slick-arrow,
.tab-style-right:hover .slick-arrow,
.tab-style-left:hover .slick-arrow {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.modal-body .product-social-sharing {
    padding-bottom: 43px;
}

/*----------------------------------------*/
/* 1.14 Scroll Up
/*----------------------------------------*/
#scrollUp {
    right: 25px;
    bottom: 25px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    text-align: center;
    background: #f80e63 none repeat scroll 0 0;
    border: 1px solid #fff;
    -webkit-animation: liSlideInUp 0.8s ease-in-out 1 both;
    animation: liSlideInUp 0.8s ease-in-out 1 both;
    z-index: 1000 !important;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

#scrollUp:hover {
    background: #fed700 none repeat scroll 0 0;
}

#scrollUp i {
    color: #ffffff;
    font-size: 20px;
    line-height: 50px;
    display: block;
}

#scrollUp:hover i {
    animation: liSlideInUp 1s infinite;
}

/*----------------------------------------*/
/*  02. Home Page One
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.1 Header
/*----------------------------------------*/
/*Header Top*/
.header-top {
    background: #f8f9f9;
    border-bottom: 1px solid #e1e1e1;
}

/*Phone Wrap*/
.phone-wrap>li>span {
    font-size: 12px;
    color: #242424;
}

.phone-wrap>li>a {
    font-size: 12px;
    color: #242424;
}

/*Header Top Menu*/
.ht-menu {
    display: flex;
    justify-content: flex-end;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
}

.ht-menu>li {
    list-style: none;
    padding: 0 15px;
    position: relative;
    display: flex;
    align-items: center;
    align-self: stretch;
}

.ht-menu>li::after {
    content: "";
    position: absolute;
    background: #242424;
    height: 15px;
    width: 1px;
    right: 0;
    top: 5px;
}

.ht-menu>li:last-child::after {
    content: unset;
}

.ht-menu>li:last-child {
    padding-right: 0;
}

.ht-menu>li span {
    font-size: 12px;
}

/*Header Top Currency*/
.currency-selector-wrapper,
.language-selector-wrapper {
    margin-right: 5px;
}

.ht-menu>li>span i {
    font-size: 10px;
    font-weight: 400;
    color: #a4a4a4;
    display: inline-block;
    position: relative;
}

.ht-setting-trigger,
.ht-currency-trigger,
.ht-language-trigger {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.ht-currency-trigger:hover,
.ht-language-trigger:hover {
    color: #fed700;
}

.ht-currency-trigger:hover i,
.ht-language-trigger:hover i {
    color: #fed700;
}

.ht-setting,
.ht-currency,
.ht-language {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    display: none;
}

.setting,
.currency,
.language {
    border-top: 2px solid #fed700;
    padding: 20px 20px 10px;
    background: #ffffff;
    text-align: left;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

.setting {
    min-width: 150px;
}

.currency,
.language {
    min-width: 120px;
}

.currency li {
    padding: 0 10px;
    color: #636363;
    line-height: 22px;
    font-size: 12px;
}

.ht-setting-list>li {
    transition: all 0.3s ease-in-out;
}

.ht-setting-list>li.active {
    background: #fed700;
}

.ht-setting-list>li:hover {
    background: #fed700;
}

.ht-setting-list>li>a {
    padding: 0 10px;
    display: block;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 10px;
}

.ht-setting-list>li:hover>a {
    color: #ffffff;
}

.ht-setting-list>li.active>a {
    color: #fff;
}

.ht-setting-list>li>a>img {
    padding-right: 5px;
}

/*Header Middle*/
.header-middle {
    padding-top: 13px;
}

/* Desktop: căn thẳng hàng logo + search + cart */
@media (min-width: 992px) {
    .header-middle .row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    .header-middle .col-lg-9 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .hm-searchbox {
        flex: 1 1 auto;
        min-width: 0;
        float: none;
    }

    .header-middle-right {
        flex: 0 0 auto;
    }
}

.hm-searchbox {
    display: flex;
    position: relative;
    background: #fff;
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    min-width: 200px;
    height: 48px;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s, border-color 0.2s;
}

.hm-searchbox-wrap {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.hm-searchbox:focus-within {
    border-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.14);
}

.hm-searchbox .nice-select.select-search-category {
    width: auto;
    line-height: 43px;
    height: 43px;
    margin: 0;
    border: 0;
    padding: 0 28px 0 25px;
    color: #242424;
    font-size: 13px;
    border-radius: 15px 0 0 15px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    position: relative;
}

.select-search-category ul.list {
    height: 440px;
    overflow-y: auto;
    overscroll-behavior-x: none;
}

.hm-searchbox .current::after {
    content: "";
    position: absolute;
    display: block;
    height: 22px;
    width: 1px;
    background: #e1e1e1;
    top: 10px;
    right: -10px;
    font-size: 13px;
}

.hm-searchbox .nice-select.select-search-category::before {
    right: 30px;
    top: 25px;
    color: #7e7e7e;
}

.hm-searchbox input {
    font-size: 14px;
    color: #333;
    height: 100%;
    background: #fff;
    border: none;
    width: 100%;
    padding: 0 55px 0 22px;
    border-radius: 50px 0 0 50px;
    outline: none;
}

.hm-searchbox input::placeholder {
    color: #aaa;
}

/*Header Middle Right*/
.header-middle-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.hm-menu {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
}

.hm-menu>li {
    float: none !important;
    display: flex;
    align-items: center;
}

/*Header Middle Wishlist*/
.hm-wishlist {
    float: none;
    margin-right: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.hm-wishlist>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    border: 2px solid rgba(255, 255, 255, 0.55);
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
    backdrop-filter: blur(4px);
}

.hm-wishlist>a:hover {
    background: rgba(255, 255, 255, 0.32);
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.15);
    color: #fff !important;
}

/*Header Middle Minicart*/
.hm-minicart {
    display: flex;
    align-items: center;
    position: relative;
}

.hm-minicart>a {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 18px 0 14px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.18);
    border: 2px solid rgba(255, 255, 255, 0.55);
    color: #fff !important;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
    backdrop-filter: blur(4px);
    white-space: nowrap;
    cursor: pointer;
}

.hm-minicart>a:hover {
    background: rgba(255, 255, 255, 0.32);
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.15);
}

.hm-minicart-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    position: static;
    background: transparent;
    color: #fff;
    height: auto;
    cursor: pointer;
    padding: 0;
    border-radius: 0;
}

.item-icon {
    font-size: 18px;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 2px;
}

.item-icon::before {
    content: "\f291";
    font-family: fontawesome;
    font-size: 18px;
    color: #fff;
}

.item-text {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 6px;
}

/*.item-text::before {
		content: "";
		position: absolute;
		left: -10px;
		height: 22px;
		width: 1px;
		background: rgba(255,255,255,.3);
		top: -3px;
}*/
.cart-item-count {
    position: absolute;
    top: -8px;
    left: -6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 900;
    color: #f80e63;
    background: #fff;
    border-radius: 50px;
    line-height: 1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
    border: 1.5px solid rgba(248, 14, 99, 0.15);
}

.wishlist-item-count {
    top: -10px;
    left: -10px;
}

.minicart {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    display: none;
    border: 1px solid #e5e5e5;
    padding: 20px;
    width: 290px;
    background: #ffffff;
    text-align: left;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.minicart .minicart-product-list {
    padding-left: 0;
    margin-bottom: 0;
}

.minicart .minicart-product-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    overflow: hidden;
}

.minicart .minicart-product-list li:first-child {
    padding-top: 0;
}

.minicart .minicart-product-list li .minicart-product-image {
    display: inline-block;
    border: 1px solid #e5e5e5;
    position: relative;
    width: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    margin-right: 10px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.minicart .minicart-product-list li .minicart-product-image:hover {
    border-color: #fed700;
}

.minicart .minicart-product-list li .minicart-product-image span.quantity {
    background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#2f2f2f));
    background: -webkit-linear-gradient(#626262, #2f2f2f);
    background: -o-linear-gradient(#626262, #2f2f2f);
    background: linear-gradient(#626262, #2f2f2f);
    border-radius: 40px;
    color: #fff;
    font-family: Carrois Gothic, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    left: -10px;
    line-height: 20px;
    overflow: visible;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 20px;
    z-index: 1;
}

.minicart .minicart-product-list li .minicart-product-details {
    -ms-flex-negative: 100;
    flex-shrink: 100;
    width: 100%;
    margin-right: 10px;
}

.minicart .minicart-product-list li .minicart-product-details h6 {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 5px;
    text-align: left;
}

.minicart .minicart-product-list li .minicart-product-details h6 a {
    color: #333333;
}

.minicart .minicart-product-list li .minicart-product-details h6 a:hover {
    color: #fed700;
}

.minicart>ul>li>a>img {
    width: 100%;
}

.minicart .minicart-product-list li button.close {
    -webkit-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    background: none;
    color: #777777;
    display: block;
    font-size: 14px;
    z-index: 1;
}

.minicart .minicart-product-list li button.close:hover {
    color: #fed700;
}

.minicart .minicart-total {
    border: none;
    color: #555555;
    font-size: 14px;
    line-height: 40px;
    margin: 0 0 15px;
    padding: 0 10px;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    margin-top: 10px;
}

.minicart .minicart-total span {
    font-size: 18px;
    float: right;
}

.li-button {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #fed700;
    color: #ffffff;
    line-height: 50px;
    margin-top: 10px;
    height: 50px;
}

.li-button:hover {
    background: #242424;
    color: #ffffff;
}

.li-button-fullwidth {
    width: 100%;
    display: block;
}

.li-button-dark {
    background: #242424;
    color: #ffffff;
}

.li-button-dark:hover {
    background: #fed700;
    color: #ffffff;
}

/*Header Bottom Menu*/
.header-bottom {
    background: #F80E63;
    margin-bottom: 20px;
    color: #fff
}

.hb-menu>nav>ul {
    position: relative;
    color: #FFF
}

.hb-menu nav>ul>li {
    display: inline-block;
    position: relative;
    padding-right: 40px;
    transition: all 0.3s ease-in-out;
}

.hb-menu nav>ul>li>a {
    display: flex;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 35px;
    font-weight: 500;
    padding: 8px 0;
    color: black;
}

.hb-menu-2 nav>ul>li>a {
    display: flex;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 35px;
    font-weight: 500;
    padding: 8px 0;
}

.hb-menu nav>ul>li:hover>a,
.hb-menu nav>ul>li:hover>a::after {
    color: #ffffff;
}

.hb-menu nav>ul>li>a::after {
    content: "\f107";
    position: absolute;
    top: 8px;
    right: 15px;
    font-family: fontawesome;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    color: black;
}

.hb-menu nav>ul>li.custom>a::after {
    content: "";
    position: absolute;
    top: 8px;
    right: 15px;
    font-family: fontawesome;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    color: black;
}

.hb-menu nav>ul>li>a.home::after {
    position: absolute;
    top: 8px;
    right: 15px;
    font-family: fontawesome;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    color: #a5a5a5;
}

.hb-menu nav>ul>li:nth-child(n+10)>a::after {
    content: none;
}

.hb-menu nav>ul>li:hover a::after {
    transform: rotate(180deg);
}

.ht-menu>li .ht-currency-trigger span::after,
.ht-menu>li .ht-language-trigger span::after {
    content: "\f106";
    float: right;
    font-weight: 400;
    font-size: 18px;
    font-family: fontawesome;
    color: #242424;
    transition: all 0.3s ease-in-out;
}

.ht-menu>li:hover .ht-currency-trigger span,
.ht-menu>li:hover .ht-currency-trigger span::after,
.ht-menu>li:hover .ht-language-trigger span,
.ht-menu>li:hover .ht-language-trigger span::after {
    color: #fed700;
}

.ht-menu>li .ht-setting-trigger span::after,
.ht-menu>li .ht-currency-trigger span::after,
.ht-menu>li .ht-language-trigger span::after {
    content: "\f107";
    font-size: 14px;
    color: #a4a4a4;
    margin-left: 5px;
    font-family: fontawesome;
}

.ht-menu>li .ht-setting-trigger.is-active span::after,
.ht-menu>li .ht-currency-trigger.is-active span::after,
.ht-menu>li .ht-language-trigger.is-active span::after {
    transform: rotate(-180deg);
}

.megamenu {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 15px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    z-index: 0;
    position: absolute;
    left: 100%;
    right: auto;
    top: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.megamenu>li {
    padding: 0 20px;
    min-width: 250px;
    border-right: 1px solid #ebebeb;
}

.megamenu>li:first-child {
    padding-left: 5px;
}

.megamenu>li:last-child,
.megamenu-static-holder .hb-megamenu>li:last-child {
    border-right: none;
}

.megamenu>li>a {
    padding: 8px 0 5px;
    display: block;
    margin-bottom: 10px;
    color: #1e1e1e;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}

.megamenu-static-holder ul li ul li.active a,
.dropdown-holder ul li ul li.active a {
    color: #fff;
}

.megamenu-holder .megamenu>li>a:hover,
.megamenu-holder .megamenu li ul li a:hover,
.megamenu-static-holder .megamenu>li>a:hover,
.megamenu-static-holder .megamenu li ul li a:hover {
    color: black;
}

.megamenu-holder .megamenu li ul li a,
.megamenu-static-holder .megamenu li ul li a {
    color: #8b7878;
    font-size: 14px;
    padding: 7px 0;
    display: block
}

.megamenu-holder .megamenu.is-visible,
.megamenu-static-holder .megamenu.is-visible {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    z-index: 1;
}

.megamenu-holder:hover>.megamenu,
.megamenu-static-holder:hover>.megamenu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

/*Header Bottom Megamenu*/
/*.hb-menu nav > ul > li:nth-child(4) {*/
/*margin-right: -20px;*/
/*}*/

.megamenu-static-holder {
    position: static !important;
}

.megamenu-static-holder .hb-megamenu,
.megamenu-holder .hb-megamenu {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    top: auto;
    left: 0;
    z-index: 99;
    width: 100%;
}

im .megamenu-holder .hb-megamenu {
    width: auto;
    background-size: auto;
    background-position: inherit;
}

.megamenu-static-holder .hb-megamenu>li {
    width: 25%;
    border-right: 1px solid #ebebeb;
    padding: 25px;
}

.megamenu-static-holder .hb-megamenu>li:first-child {
    padding-left: 10px;
}

.hb-menu nav>ul>.megamenu-static-holder>a::after {
    position: static;
    margin: -1px 0 0 10px;
}

/*Sticky*/
.header-sticky.sticky {
    background: #f80e63;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    /* -webkit-transition: all 300ms ease-in 0s; */
    transition: all 300ms ease-in 0s;
    z-index: 1049;
}

.sticky {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
    animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
}

/*Header Bottom Dropdown Menu*/
.hb-menu nav>ul>li>ul.hb-dropdown {
    background: #ffffff;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
    width: 220px;
    z-index: 99;
    border-radius: 3px;
}

.hb-menu nav ul>li:hover>ul.hb-dropdown {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
    top: 100%;
}

.hb-menu nav ul>li>ul.hb-dropdown>li {
    position: relative;
    transition: all 0.3s ease-in-out;
}

.hb-menu nav ul>li>ul.hb-dropdown>li>a {
    color: #242424;
    display: block;
    padding: 6px 20px;
    transition: all 0.3s ease-in-out 0s;
}

.hb-menu nav ul>li>ul.hb-dropdown>li.active>a {
    color: #fed700;
}

.hb-menu nav ul>li>ul.hb-dropdown>li>a:hover {
    color: #fed700;
}

/*Header Bottom Sub Dropdown Menu*/
.hb-menu nav>ul>li>ul>li>ul.hb-sub-dropdown {
    left: 100%;
    position: absolute;
    background: #fff;
    width: 250px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
    top: 100%;
    transition: all 0.3s ease-in-out;
}

.hb-menu nav>ul>li>ul>li:hover>ul.hb-sub-dropdown {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.hb-menu nav ul>li>ul.hb-dropdown>li.sub-dropdown-holder::after {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    right: 25px;
    top: 5px;
    transition: all 0.3s ease-in-out;
    color: #242424;
}

.hb-menu nav ul>li>ul.hb-dropdown>li.sub-dropdown-holder:hover::after {
    transform: rotate(-90deg);
    color: #fed700;
}

.hb-menu nav ul>li>ul.hb-dropdown>li.sub-dropdown-holder>ul>li>a {
    display: block;
    padding: 6px 20px;
}

.hb-menu nav ul>li>ul.hb-dropdown>li.sub-dropdown-holder:hover>a {
    color: #fed700;
}

/*----------------------------------------*/
/*  2.2 Slider
/*----------------------------------------*/
.single-slide.align-center-left {
    align-items: center;
    display: flex;
}

.slider-content {
    position: absolute;
    padding-left: 58px;
}

.slider-content>h5 {
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
    max-width: 280px;
    margin-bottom: 10px;
}

.slider-content>h5>span {
    color: #e80f0f;
}

.slider-content>h2 {
    font-size: 35px;
    font-weight: 400;
    text-transform: capitalize;
    max-width: 310px;
    margin-bottom: 20px;
}

.slider-content>h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 64px;
}

.slider-content>h3>span {
    font-size: 30px;
    color: #e80f0f;
}

/*----------------------------------------*/
/*  2.3 Li's Static Top
/*----------------------------------------*/
.static-top-content {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    padding: 20px 0;
    color: #fff;
    background-image: url(../images/static-top/1.jpg);
    background-size: cover;
    margin-top: 20px;
}

.static-top .static-top-content span {
    color: #fed700;
    text-transform: uppercase;
}

/*----------------------------------------*/
/*  2.4 Product-area css
/*----------------------------------------*/
.li-product-menu {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.li-product-menu li {
    display: inline-block;
    position: relative;
    padding-right: 30px;
    z-index: 99;
}

.li-product-menu>li>a>span {
    position: relative;
}

.li-product-menu>li>a span::before,
.li-product-menu>li>a.active span::before {
    content: "";
    position: absolute;
    bottom: -11px;
    opacity: 0;
    left: 0;
    background: #fed700;
    right: 0;
    height: 1px;
    display: block;
}

.li-product-menu>li>a.active span::before {
    background: #fed700;
    opacity: 1;
}

.li-product-menu>li:hover>a span::before {
    opacity: 1;
    background: #fed700;
}

.li-product-menu li span.active::before {
    opacity: 1;
    width: 100%;
}

.li-product-menu li span:hover::before {
    opacity: 1;
    width: 100%;
}

.li-product-menu li a {
    color: #c8c8c8;
    cursor: pointer;
    display: inline-block;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 18px;
    padding: 0 30px 0 0;
    position: relative;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.25px;
    border-right: 1px solid #e1e1e1;
}

.li-product-menu li:last-child a {
    border-right: 1px solid transparent;
}

.li-product-menu>li a.active {
    color: #242424;
}

.li-product-menu li a:hover {
    color: #242424;
}

.single-product-wrap {
    background: #fdfcfc;
    position: relative;
    border: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.04);
    -webkit-transition: box-shadow 0.3s ease, transform 0.3s ease;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.single-product-wrap:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(0, 0, 0, 0.05);
    transform: translateY(-3px);
    z-index: 9;
}

.single-product-wrap.mt-40:hover {
    margin: 40px 0 -85px;
}

.single-product-wrap::before {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    border-radius: 4px;
    bottom: -15px;
    content: "";
    left: -10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: -10px;
    top: -15px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    visibility: hidden;
    z-index: 0;
}

.single-product-wrap:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.product-image>a {
    display: block;
    position: relative;
}

.single-product-wrap:hover .secondary-image {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-image>span.sticker {
    background: #F80E63;
    border-radius: 100%;
    color: #fff;
    right: 15px;
    position: absolute;
    top: 20px;
    z-index: 99;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
}

.product-review {
    border-bottom: 1px solid #ebebeb;
}

.manufacturer {
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    color: #a4a4a4;
    margin-bottom: 11px;
    line-height: 16px;
}

.rating>li {
    display: inline-block;
    margin: 0;
}

.review-item {
    padding-left: 20px;
    position: relative;
}

.review-item::before {
    content: "\f040";
    position: absolute;
    left: 5px;
    top: 0;
    font-family: fontawesome;
    color: #7a7a7a;
    font-size: 13px;
    transition: all 0.3s ease-in-out;
}

.review-item:hover::before {
    color: #fed700;
}

.rating li i {
    font-size: 12px;
    color: #fed700;
}

.rating li.no-star i {
    color: #e3e3e3;
}

.product_desc {
    margin: 8px 0 0;
    padding: 0 3px 3px;
}

.product_desc .product_desc_info .rating-box {
    background: transparent;
    display: block;
    line-height: 1;
    padding-bottom: 8px;
    float: right;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    overflow: hidden;
}

.rating-box.featured-rating-box {
    float: unset !important;
    margin: 10px 0 0;
}

.product_desc .product_desc_info>h4 {
    padding-top: 6px;
    margin: 0px;
}

.product_desc_info {
    position: relative;
}

.product_desc .product_desc_info .product_name {
    color: #0363cd;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-transform: capitalize;
}

.product_desc .product_desc_info .product_name:hover {
    text-decoration: underline;
}

.product_desc .manufacturer a {
    color: #a4a4a4;
    font-size: 13px;
    margin-top: 9px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.product_desc .manufacturer a:hover {
    color: #fed700;
}

.product_desc .product_desc_info .new-price,
.featured-price-box .new-price,
.featured-price-box .new-price-2 {
    color: #2f333a;
    font-size: 14px;
    font-weight: 500;
    padding-right: 10px;
}

.product_desc .product_desc_info .price-box .new-price-2,
.featured-price-box .new-price-2 {
    color: #e80f0f !important;
}

.product_desc .product_desc_info .price-box .discount-percentage,
.featured-price-box .discount-percentage {
    float: right;
    color: #e80f0f;
}

.product_desc .product_desc_info .old-price {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}

.product_desc .product_desc_info .price-box {
    line-height: 1;
    margin-top: 16px;
}

.countersection {
    display: inline-block;
    width: 100%;
    position: relative;
}

.li-countdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    margin-top: 4px;
    margin-left: -2px;
    flex-wrap: nowrap;
}

.li-countdown .count,
.product-sale-countdown .count {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #c0394a, #c96830);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 3px 6px;
    min-width: 34px;
    margin: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.li-countdown .count span {
    color: rgba(255, 255, 255, 0.85);
    display: block;
    position: relative;
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-top: 1px;
}

.add-actions-link {
    display: inline-block;
    margin-top: 8px;
    padding-top: 6px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 100%;
}

.add-actions-link li {
    line-height: 1;
    margin: 0 0 0 3px;
    background: #eef0f1;
    display: inline-block;
    border-radius: 4px;
    float: left;
    height: 35px;
    line-height: 35px;
    width: 35px;
}

.add-actions-link li.add-cart {
    float: left;
    margin: 0;
    background: linear-gradient(135deg, #f80e63, #ff4d8f);
    border: none;
    border-radius: 50px;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    width: 130px;
    box-shadow: 0 4px 14px rgba(248, 14, 99, 0.30);
    overflow: hidden;
}

.add-actions-link li:hover {
    background: linear-gradient(135deg, #d6005a, #f80e63);
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(248, 14, 99, 0.42);
}

.add-actions-link li a {
    color: #fff !important;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
    position: relative;
    text-align: center;
    letter-spacing: 0.3px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.add-actions-link li.add-cart.active a {
    color: #fff !important;
}

.add-actions-link li:hover a,
.add-actions-link li.add-cart:hover a {
    color: #fff !important;
}

.add-actions-link li.add-cart>a {
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.add-actions-link li.add-cart>a i {
    font-size: 14px;
    line-height: 22px;
    margin-right: 3px;
}

.add-actions {
    bottom: -15px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.single-product-wrap:hover .add-actions {
    bottom: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.tab-content .tab-pane {
    display: block;
    height: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    width: 100%;
}

.tab-content .tab-pane.active {
    height: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.product-active .owl-nav button,
.product-active-2 .owl-nav button {
    background: #dddddd none repeat scroll 0 0 !important;
    border-radius: 50%;
    font-size: 20px !important;
    height: 50px;
    line-height: 50px !important;
    margin: auto 0;
    position: absolute;
    right: auto;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-active .owl-nav button:hover,
.product-active-2 .owl-nav button:hover {
    background: #fed700 !important;
    color: #fff;
}

.product-active .owl-nav .owl-prev,
.product-active-2 .owl-nav .owl-prev {
    left: 0;
}

.product-active .owl-nav .owl-next,
.product-active-2 .owl-nav .owl-next {
    right: 0;
}

.product-active:hover .owl-nav button,
.product-active-2:hover .owl-nav button {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.section-title-2 {
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}

.section-title-2>h2 {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0 20px;
    position: relative;
    text-align: center;
}

.product-image {
    position: relative;
}

.section-title-3>h2 {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    font-size: 24px;
    line-height: 18px;
    margin: 0;
    padding: 0 30px 0 0;
    position: relative;
}

.section-title-3 {
    position: relative;
    margin-bottom: 25px;
}

.product-tabs-list-2 .nav {
    background: #ffffff none repeat scroll 0 0;
    padding-right: 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.product-tabs-list-2 .nav li {
    display: inline-block;
    padding: 0 0 0 20px;
    vertical-align: top;
}

.product-tabs-list-2 .nav li a {
    color: #555;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 25px;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.product-tabs-list-2 .nav li a.active {
    color: #222;
}

.product-active-3 .owl-nav button,
.pos-product-active .owl-nav button,
.latest-blog-active .owl-nav button {
    font-size: 22px !important;
    position: absolute;
    right: 15px;
    top: -55px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.product-active-3 .owl-nav button.owl-prev,
.pos-product-active .owl-nav button.owl-prev,
.latest-blog-active .owl-nav button.owl-prev {
    right: 35px;
}

.product-active-3 .owl-nav button:hover,
.pos-product-active .owl-nav button,
.latest-blog-active .owl-nav button:hover {
    color: #fed700;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.product-active-3 .owl-nav button.owl-next,
.pos-product-active .owl-nav button.owl-next,
.latest-blog-active .owl-nav button.owl-next {
    background: #ffffff none repeat scroll 0 0;
    padding: 0 0 0 10px !important;
}

.product-active-3 .owl-nav button.owl-prev,
.pos-product-active .owl-nav button.owl-prev,
.latest-blog-active .owl-nav button.owl-prev {
    background: #ffffff none repeat scroll 0 0;
    padding: 0 0 0 15px !important;
}

/*----------------------------------------*/
/*  2.5 Li's Banner
/*----------------------------------------*/
.li-banner {
    position: relative;
    overflow: hidden;
}

.li-banner>a,
.single-banner>a,
.featured-banner a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.li-banner>a::before,
.single-banner>a::before {
    position: absolute;
    content: "";
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 1.5px solid #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s;
    -ms-transition: opacity 0.35s, transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    -o-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.li-banner:hover>a:before,
.single-banner:hover>a:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.li-banner>a>img,
.single-banner>a>img {
    width: 100%;
}

/*----------------------------------------*/
/*  2.6 Li's Laptop Features
/*----------------------------------------*/
.li-section-title {
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    display: inline-block;
    position: relative;
}

.li-section-title>h2 {
    float: left;
    font-size: 20px;
    color: #242424;
    font-weight: 500;
    letter-spacing: -.025em;
    padding: 0;
    line-height: 1;
    padding-bottom: 13px;
    z-index: 0;
}

/*Li's Sub Category List*/
.li-sub-category-list {
    float: right;
    padding-bottom: 13px;
}

.li-sub-category-list>li {
    display: inline-block;
}

.li-sub-category-list>li>a {
    color: #a4a4a4;
    font-size: 14px;
    margin: 0 20px 0;
    line-height: 20px;
    position: relative;
}

.li-sub-category-list>li>a::after,
.li-section-title>h2>span::before {
    content: "";
    position: absolute;
    bottom: -23px;
    background: #fed700;
    height: 1px;
    left: 0;
    right: 0;
    opacity: 0;
}

.li-section-title>h2>span {
    display: inline-block;
    position: relative;
}

.li-section-title>h2>span::before {
    opacity: 1;
    left: 0;
    right: 0;
    bottom: -22px;
}

.li-sub-category-list>li:hover>a::after {
    opacity: 1;
}

.li-sub-category-list>li>a:hover {
    color: #242424;
}

/*----------------------------------------*/
/*  2.7 Li's Static Home Banner
/*----------------------------------------*/
.li-static-home-image {
    background-image: url(../images/bg-banner/1.jpg);
    background-size: cover;
    height: 400px;
    background-repeat: no-repeat;
}

.li-static-home-content {
    padding-left: 75px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.li-static-home-content>p {
    margin: 0;
    color: #242424;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 400;
    z-index: 99;
}

.li-static-home-content>p span {
    color: #e80f0f;
}

.li-static-home-content>h2 {
    color: #242424;
    font-weight: 400;
    font-size: 36px;
    line-height: 30px;
    letter-spacing: -.025em;
}

.li-static-home-content>p.schedule {
    font-size: 14px;
    color: #242424;
    margin-top: 20px;
    margin-bottom: 53px;
}

.li-static-home-content>p.schedule span {
    font-size: 24px;
    color: #e80f0f;
    font-weight: 500;
}

/*----------------------------------------*/
/*  2.8 Li's Trending Products
/*----------------------------------------*/
.li-trending-product-tab {
    width: 100%;
    display: inline-block;
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
}

.li-trending-product-tab h2 {
    display: inline-block;
    margin: 0;
    text-align: left;
    line-height: 20px;
    font-size: 20px;
    font-weight: 500;
}

.li-trending-product-tab>h2>span {
    position: relative;
    z-index: 999;
}

.li-trending-product-tab>h2>span::before {
    content: "";
    position: absolute;
    background: #fed700;
    height: 1px;
    width: 100%;
    bottom: -10px;
    left: 0;
}

.li-trending-product-menu {
    text-align: right;
    display: inline-block;
    float: right;
    width: auto;
    border-bottom: none;
}

.li-trending-product-menu li {
    padding-right: 20px;
}

.li-trending-product-menu li:last-child {
    padding-right: 0;
}

.li-trending-product-menu li a {
    padding-right: 0px;
    border-right: none;
    font-size: 14px;
    cursor: pointer;
}

.li-product-menu>li>a span::before,
.li-product-menu>li>a.active span::before {
    bottom: -12px;
}

/*----------------------------------------*/
/*  2.9 Footer
/*----------------------------------------*/
.footer {
    background: #f7f7f7;
    border-top: 1px solid #e1e1e1;
}

.footer-static-top-3 {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.footer-shipping {
    border-bottom: 1px dashed #e1e1e1;
}

.footer-static-top-3 .footer-shipping {
    border-bottom: none;
}

/*Li's Sipping Inner Box*/
.li-shipping-inner-box {
    text-align: center;
    z-index: 99;
}

.footer-static-top-3 .li-shipping-inner-box {
    border-right: 1px solid #e1e1e1;
    padding: 15px 10px 15px;
}

.footer-static-top-3 .li-shipping-inner-box.last-child {
    border-right: none;
}

.shipping-icon {
    display: inline-block;
    width: 67px;
    height: 57px;
}

.shipping-text {
    padding-top: 15px;
}

.shipping-text h2 {
    font-size: 16px;
    font-weight: 500;
    color: #242424;
    padding-bottom: 10px;
}

.shipping-text p {
    margin: 0;
    color: #888;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

/*Footer Middle*/
.footer-logo-wrap {
    border-bottom: 1px dashed #e1e1e1;
}

.footer-static-middle .footer-logo p.info {
    margin: 20px 0 25px;
    font-size: 14px;
    line-height: 24px;
    color: #888;
}

.footer-static-middle .des>li {
    color: #888;
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
}

.footer-static-middle ul.des>li span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
}

/*Footer Block*/
.footer-block>h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #242424;
    margin: 0 0 15px 0;
    cursor: pointer;
    padding-top: 20px;
    text-transform: capitalize;
}

.footer-block>ul>li {
    display: block;
    margin: 0;
    line-height: 32px;
    border: 0;
    padding: 0;
}

.footer-block>ul>li>a {
    font-size: 14px;
    color: #888;
    line-height: 36px;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.footer-block>ul>li>a:hover {
    color: #242424;
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

/*Social Link*/
.social-link {
    line-height: 30px;
    margin-bottom: 40px;
    margin-top: 25px;
}

.social-link>li {
    display: inline-block !important;
    transition: all 0.3s ease-in-out;
    float: left;
    margin-right: 12px !important;
}

.social-link>li>a {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
}

.social-link>li>a>i {
    font-size: 18px;
    color: #fff;
}

.social-link>li:hover>a {
    background: #fed700;
}

/*Social Link Color Variations*/
.twitter {
    background: #40c1df;
}

.rss {
    background: #eb8314;
}

.google-plus {
    background: #ed3c32;
}

.facebook {
    background: #3c5b9b;
}

.youtube {
    background: #c72982;
}

.instagram {
    background: #c619b8;
}

/*Footer Newsletter*/
.footer-newsletter {
    float: left;
    width: 100%;
}

.footer-newsletter>h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #242424;
    margin: 25px 0 25px 0;
    cursor: pointer;
    text-transform: capitalize;
}

.footer-newsletter .form-group {
    position: relative;
    float: left;
    width: 100%;
}

.footer-newsletter .form-group input {
    background: transparent;
    border: 1px solid #e1e1e1;
    padding: 0 135px 0 10px;
}

.footer-newsletter .form-group .btn {
    position: absolute;
    right: 0;
    background: #fed700;
    border: none;
    color: #242424;
    height: 45px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    padding: 0 28px;
    display: block;
    line-height: 29px;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.footer-newsletter .form-group .btn:hover {
    background: #333333;
    color: #ffffff;
}

/*Footer Static Bottom*/
.footer-links {
    padding: 0 40px 20px;
}

.footer-links>ul {
    text-align: center;
}

.footer-links>ul>li {
    display: inline-block;
    position: relative;
}

.footer-links>ul>li>a {
    color: #888;
    line-height: 24px;
    letter-spacing: 0.3px;
}

.footer-links>ul>li::after {
    content: "/";
    color: #888;
}

.footer-links>ul>li>a:hover {
    color: #242424;
    text-decoration: underline;
}

/*----------------------------------------*/
/*  03. Home Page Two
/*----------------------------------------*/
.li-header-4 {
    background: #293a6c;
}

.li-header-4 .header-top {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.li-header-4 .header-top-left>ul>li span,
.li-header-4 .header-top-left>ul>li a {
    color: #fff;
}

.li-header-4 .ht-menu>li span,
.li-header-4 .ht-menu>li .ht-setting-trigger span::after,
.li-header-4 .ht-menu>li .ht-currency-trigger span::after,
.li-header-4 .ht-menu>li .ht-language-trigger span::after {
    color: #fff;
}

.li-header-4 .hm-wishlist>a {
    background: #ffffff;
}

.li-header-4 .header-bottom {
    background: #293a6c;
    border-top: 1px solid rgba(255, 255, 255, .1);
    color: #ffffff;
}

.li-header-4 .hb-menu nav>ul>li>a,
.li-header-4 .hb-menu nav>ul>li>a:after {
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

.li-header-4 .hb-menu nav>ul>li:hover>a,
.li-header-4 .hb-menu nav>ul>li:hover>a::after {
    color: #fed700;
}

/*Header Bottom*/
.hb-info {
    line-height: 50px;
}

/*Category Menu*/
.category-menu {
    position: relative;
}

.category-heading {
    position: relative;
    cursor: pointer;
    background: #f80e63;
    height: 55px;
    border-radius: 3px 3px 0 0;
    border-bottom: 3px solid #f80e63;
}

.category-heading-menu {
    position: relative;
    cursor: pointer;
    height: 55px;
    border-radius: 3px 3px 0 0;
    border-bottom: 3px solid #fff;
}

.category-heading-menu>a {
    margin: 0;
    color: #FFF;
    line-height: 55px;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.category-heading-menu>a::before {
    font-size: 20px;
    vertical-align: top;
    content: '\f00a';
    font-family: fontawesome;
    font-weight: normal;
    text-align: center;
    line-height: 55px;
    color: #fff;
    float: left;
    display: block;
}

.category-heading>h2 {
    margin: 0;
    color: #fff;
    line-height: 55px;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.categories-toggle>span {
    padding-left: 10px;
}

.category-heading>h2::before {
    font-size: 20px;
    vertical-align: top;
    content: '\f00a';
    font-family: fontawesome;
    font-weight: normal;
    text-align: center;
    line-height: 55px;
    color: #fff;
    float: left;
    display: block;
    padding-left: 30px;
}

.category-heading>h2::after {
    content: "\f107";
    height: 10px;
    position: absolute;
    top: 0;
    right: 20px;
    font-family: fontawesome;
}

.category-heading>h2>i {
    float: right;
    padding-right: 20px;
    font-size: 12px;
}

.category-menu-list {
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    display: block;
    width: 100%;
    border: 1px solid #e7e7e7;
    z-index: 9;
}

.category-menu-2 .category-menu-list>ul {
    background: #fff;
    border-radius: 0px 0px 4px 4px;
}

.category-menu-list>ul>li {
    list-style: none;
    padding: 3.2px 20px 3.2px 29px;
    position: relative;
    background: #fff;
}

.category-menu-2 .category-menu-list>ul>li {
    padding: 0.5px 20px 0.5px 29px;
}

.header-bottom-area.header-style-3 .category-menu-list>ul>li:first-child {
    border-top: 1px solid #ebebeb;
}

.category-menu-list>ul>li>a,
.cat-dropdown>li>a {
    display: block;
    text-transform: capitalize;
    color: #333;
    height: 40px;
    line-height: 39px;
    overflow: hidden;
    font-size: 13px;
}

.category-menu-list>ul>li>a:hover,
.cat-dropdown>li>a:hover {
    color: #fed700;
}

.category-menu-list>ul>li>a:hover:before {
    background: #fed700;
    border-color: #fed700;
}

.category-menu-list>ul>li:last-child>a:before {
    display: none;
}

.category-menu-list>ul>li.right-menu>a::after {
    content: "\f107";
    font-family: FontAwesome;
    float: right;
    vertical-align: top;
    transition: all 0.3s ease-in-out;
}

.category-menu-list>ul>li.right-menu>a:hover::after {
    transform: rotate(-90deg);
}

.category-menu-list>ul>li.rx-parent>a,
.category-menu-list>ul>li.rx-show a {
    font-size: 14px;
    font-weight: 400;
    color: #242424;
    position: relative;
    padding-left: 20px;
}

.rx-parent {
    cursor: pointer;
    border-top: 1px solid #e1e1e1;
}

.rx-parent a.rx-default i,
.rx-parent a.rx-show i {
    position: absolute;
    left: 0;
    top: 12px;
}

li.rx-parent a.rx-default::after {
    content: "\f067";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    top: 0;
}

li.rx-parent a.rx-show::after {
    content: "\f068";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    top: 0;
}

.category-menu-list ul>li span.fa {
    float: left;
    padding-top: 13px;
    margin-left: -15px;
    margin-right: 15px;
}

.rx-child,
.category-menu-list ul li a.rx-show {
    display: none;
}

.category-menu-list ul li.rx-change a.rx-show {
    display: block;
}

.category-menu-list ul li.rx-change a.rx-default {
    display: none;
}

.cat-dropdown,
.cat-mega-menu {
    position: absolute;
    top: 0;
    left: 100%;
    background: #ffffff;
    z-index: 999;
    width: 220px;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    border: 1px solid #ededed;
    box-shadow: 4px 4px 4px -3px #808080;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cat-dropdown li,
.cat-mega-menu ul li {
    list-style: none;
}

.cat-dropdown>li>a {
    font-size: 14px;
}

.cat-dropdown>li>a:hover {
    color: #fed700;
}

.cat-mega-menu {
    width: 540px;
    padding: 4px 0 10px 0;
    overflow: hidden;
}

li.right-menu .cat-mega-menu>li,
li.right-menu .cat-mega-menu-2>li {
    width: 33.333%;
    float: left;
    padding: 15px 20px 10px 30px;
    list-style: none;
}

li.right-menu .cat-mega-menu-2>li {
    width: 50%;
}

.cat-mega-menu>li.cat-mega-title>a {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 13px;
    margin-bottom: 15px;
    display: block;
    line-height: 36px;
    position: relative;
}

.cat-mega-menu>li>ul>li>a {
    font-size: 13px;
    display: block;
    line-height: 25px;
}

.cat-mega-menu>li>ul>li>a:hover {
    color: #fed700;
}

.category-menu-list>ul>li:hover .cat-dropdown,
.category-menu-list>ul>li:hover .cat-mega-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.header-top-search {
    position: relative;
}

.search-categories>form {
    position: relative;
    width: 100%;
    float: left;
    height: 50px;
    color: #a9a9a9;
}

/*----------------------------------------*/
/*  04. Home Page Three
/*----------------------------------------*/
/*Li's Featured Product With Banner*/
.featured-pro-with-banner {
    background: #f7f7f7;
    padding: 50px 0 30px;
    margin-top: 50px;
}

.featured-product-img {
    width: 38%;
    float: left;
    padding: 15px;
}

.featured-manufacturer {
    color: #a4a4a4;
    font-size: 13px;
    margin-top: 9px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.featured-product-active .owl-item {
    padding: 15px;
}

.featured-pro-wrapper {
    display: inline-block;
    width: 100%;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.featured-pro-wrapper:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}

.featured-pro-wrapper .product-img {
    float: left;
    width: 38%;
    padding: 18.2px;
}

.featured-pro-wrapper .featured-pro-content {
    float: right;
    width: 62%;
    padding: 18.2px;
}

.featured-pro-content h4 a {
    font-size: 14px;
    font-weight: 500;
    color: #0363cd;
}

.featured-pro-content h4:hover {
    text-decoration: underline;
    color: #0363cd;
}

.featured-pro-content .rating-box {
    padding-top: 5px;
}

.featured-pro-wrapper:hover .featured-price-box {
    opacity: 0;
}

.featured-product-action .add-actions-link {
    margin-top: 0;
    padding-top: 0;
}

.featured-product-action {
    position: relative;
    top: 20px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.featured-pro-wrapper:hover .featured-product-action {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.featured-price-box {
    transition: all 0.5s ease-in-out;
}

/*----------------------------------------*/
/*  05. Home Page Four
/*----------------------------------------*/
.product-img {
    width: 30%;
    float: left;
    padding: 15px;
}

.featured-pro-content {
    width: 70%;
    float: right;
    padding: 15px;
}

/*----------------------------------------*/
/*  6.1 Li's Shop Page
/*----------------------------------------*/
.hb-megamenu>li ul>li.active>a {
    color: #fed700;
}

.header-bottom-other-page {
    margin-bottom: 0;
}

/*Li's Breadcrumb*/
.breadcrumb-area {
    padding: 10px 0 0px;
    background: #f9f9f9;
}

.breadcrumb-content li {
    color: #a4a4a4;
    display: inline-block;
    font-size: 14px;
    margin-right: 28px;
    position: relative;
}

.breadcrumb-content li a {
    color: #242424;
}

.breadcrumb-content li a:hover {
    color: #242424;
}

.breadcrumb-content li::before {
    background-color: #aaaaaa;
    content: "";
    height: 2px;
    position: absolute;
    right: -22px;
    top: 10px;
    transform: rotate(-67deg);
    transition: all 0.4s ease 0s;
    width: 12px;
}

.breadcrumb-content li:last-child::before {
    display: none;
}

.product-layout-list {
    border-bottom: 1px solid #e1e1e1;
    margin: 40px auto 0;
}

.product-layout-list.last-child {
    border-bottom: none;
}

.category-block {
    box-shadow: none;
    background: transparent;
    padding: 0 15px;
    margin-bottom: 30px;
    background: #f4f4f4;
    border: 1px solid #e1e1e1;
}

.category-widget-top-menu>li>h6>a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #242424;
    text-transform: capitalize !important;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 0;
    margin-bottom: 30px;
    position: relative;
    display: block;
    letter-spacing: -.025em;
}

.shop-add-action {
    opacity: 1;
    top: 0;
    background: #f7f7f7;
    border: 1px solid #e1e1e1;
    padding: 30px 0 30px 30px;
}

.shop-add-action .add-actions-link {
    margin: 0;
    padding: 0;
}

.shop-add-action .add-actions-link li.add-cart {
    margin: 0 0 25px;
    ;
}

.shop-add-action .add-actions-link li.wishlist,
.shop-add-action .add-actions-link li:last-child {
    display: block;
    width: 100%;
    background: transparent;
}

.shop-add-action .add-actions-link li.wishlist a,
.shop-add-action .add-actions-link li:last-child a.quick-view {
    text-align: left;
    background: transparent;
    font-size: 14px;
}

.product-list-view .shop-add-action ul li a i {
    padding-right: 10px;
}

/*----------------------------------------*/
/* 6.2 Li's Frequently Asked Question(FAQ)
/*----------------------------------------*/
.frequently-desc {
    margin-bottom: 25px;
}

.frequently-desc h3 {
    color: #242424;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.frequently-desc p {
    margin: 0;
    font-size: 13px;
}

.frequently-accordion .card.actives {
    border: 1px solid #fed700;
}

.frequently-accordion .card {
    border-radius: 0;
    margin-bottom: 15px;
}

.frequently-accordion .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border: 0;
}

.frequently-accordion .card-header a.collapsed:before,
.frequently-accordion .card-header a:after {
    content: "\f067";
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #b9b9b9;
}

.frequently-accordion .card-header a:after {
    content: "\f068 ";
}

.frequently-accordion .card-header a {
    display: block;
    padding: 15px 10px 15px 25px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.frequently-accordion .card-header a:hover {
    color: #fed700 !important;
}

/*----------------------------------------*/
/* 6.3 Li's Wishlist Page
/*----------------------------------------*/
.table-content table {
    background: #fff none repeat scroll 0 0;
    border-color: #ebebeb;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
}

.table-content table th,
.table-content table td {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}

.table-content table th {
    border-top: medium none;
    font-size: 15px;
    text-transform: capitalize;
    padding: 20px 10px;
    text-align: center;
    font-weight: 500;
    vertical-align: middle;
    white-space: nowrap;
}

.table-content table td {
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;
    font-size: 13px;
}

.table-content table td.li-product-remove {
    font-size: 20px;
}

.li-product-remove>a>i {
    font-size: 14px;
    font-weight: normal;
    color: #242424;
    transition: all 0.3s ease-in-out;
}

.li-product-remove>a:hover i {
    color: #fed700;
}

.table-content table td.li-product-name {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.table-content table td.li-product-price {
    font-size: 16px;
    font-weight: 700;
}

.table-content table td.li-product-stock-status span.in-stock,
.table-content table td.li-product-stock-status span.out-stock {
    color: #fed700;
    font-size: 12px;
    text-transform: capitalize;
}

.table-content table td.li-product-stock-status span.out-stock {
    color: #EB3E32;
}

.table-content table td.li-product-add-cart a {
    font-size: 14px;
    text-transform: uppercase;
    background: #242424;
    color: #fff;
    padding: 10px 20px;
    font-weight: 700;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    .table-content table td.li-product-add-cart a {
        font-size: 10px;
        padding: 7px 7px;
    }
}

.table-content table td.li-product-add-cart a:hover {
    background: #fed700 none repeat scroll 0 0;
    color: #fff;
}

/*----------------------------------------*/
/* 6.4 Li's Checkout Page
/*----------------------------------------*/
.coupon-accordion h3 {
    background-color: #f7f6f7;
    border-top: 3px solid #fed700;
    color: #515151;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 16px 32px 16px 56px;
    position: relative;
    width: auto;
    text-transform: none;
}

.coupon-accordion h3::before {
    color: #fed700;
    content: "\f133";
    display: inline-block;
    font-family: "fontawesome";
    left: 24px;
    position: absolute;
    top: 16px;
}

.coupon-accordion span {
    color: #6f6f6f;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    text-transform: none;
}

.coupon-accordion span:hover {
    color: #fed700;
}

.coupon-content {
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    display: none;
    padding: 20px;
}

.coupon-info p {
    margin-bottom: 0;
}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
    display: block;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
    color: red;
    font-weight: 700;
    font-size: 14px;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
    border: 1px solid #e5e5e5;
    height: 36px;
    margin: 0 0 14px;
    border-radius: 0;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 370px;
    background-color: transparent;
}

.coupon-info p.form-row input[type="submit"] {
    background: #252525 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 30px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    width: inherit;
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
    background: #fed700;
}

.form-row>label {
    margin-top: 7px;
}

.coupon-info p.form-row input[type="checkbox"] {
    height: inherit;
    position: relative;
    top: 2px;
    width: inherit;
}

p.lost-password {
    margin-top: 15px;
}

p.lost-password a {
    color: #6f6f6f;
}

p.lost-password a:hover {
    color: #fed700;
}

.coupon-checkout-content {
    margin-bottom: 30px;
    display: none;
}

p.checkout-coupon input[type="text"] {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 0;
    height: 36px;
    padding-left: 10px;
    width: 170px;
}

p.checkout-coupon input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    height: 36px;
    cursor: pointer;
    margin-left: 6px;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: inherit;
}

/* duplicate of line 4665 – removed */

.checkbox-form h3 {
    border-bottom: 1px solid #e5e5e5;
    font-size: 25px;
    margin: 0 0 25px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}

.country-select {
    margin-bottom: 25px;
}

.checkout-form-list {
    margin-bottom: 30px;
}

.country-select label,
.checkout-form-list label {
    color: #333;
    margin: 0 0 5px;
    display: block;
}

.country-select label span.required,
.checkout-form-list label span.required {
    color: #fed700;
    display: inline-block;
    font-size: 24px;
    line-height: 16px;
    position: relative;
    top: 5px;
}

.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 42px;
    width: 100%;
    padding: 0 0 0 10px;
}

.checkout-form-list input[type="checkbox"] {
    display: inline-block;
    height: inherit;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: inherit;
}

.create-acc label {
    color: #333;
    display: inline-block;
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    font-size: 25px;
    color: #363636;
}

.ship-different-title input {
    height: inherit;
    line-height: normal;
    margin: 4px 0 0;
    position: relative;
    top: 1px;
    width: auto;
}

.order-notes textarea {
    background-color: transparent;
    border: 1px solid #ddd;
    height: 90px;
    padding: 15px;
    width: 100%;
}

.create-account,
#ship-box-info {
    display: none;
}

.your-order {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 30px 40px 45px;
}

.your-order h3 {
    border-bottom: 1px solid #d8d8d8;
    font-size: 25px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}

.your-order-table table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    width: 100%;
}

thead {
    background-color: #f6f6f6;
}

.your-order-table table th {
    border-top: medium none;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
}

.your-order-table table th,
.your-order-table table td {
    border-bottom: 1px solid #d8d8d8;
    border-right: medium none;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    padding: 15px 0;
    text-align: center;
}

.your-order-table table tr.cart_item:hover {
    background: #F9F9F9;
}

.your-order-table table .order-total td {
    border-bottom: medium none;
}

.your-order-table table tr.order-total td span {
    color: #464646;
    font-size: 20px;
}

.your-order-table table .order-total th {
    border-bottom: medium none;
    font-size: 18px;
}

.payment-method {
    margin-top: 40px;
}

.payment-accordion .card {
    border: 0;
    border-radius: 0;
    background: #f2f2f2;
}

.payment-accordion .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #f2f2f2;
    border-bottom: 0;
}

.payment-accordion .card-body {
    padding: 0;
}

.payment-accordion .panel.panel-default {
    margin-bottom: 20px;
}

.payment-accordion h5.panel-title {
    color: #444;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}

.payment-accordion h5.panel-title>a:hover {
    color: #fed700 !important;
}

.payment-accordion .card-body>p {
    color: #515151;
}

.order-button-payment input {
    background: #434343 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    margin: 20px 0 0;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    border: 1px solid transparent;
    cursor: pointer;
}

.order-button-payment input:hover {
    background: #fed700 none repeat scroll 0 0;
}

/*----------------------------------------*/
/* 6.5 Li's Login Register
/*----------------------------------------*/
.login-title {
    font-size: 20px;
    line-height: 23px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

.login-form {
    background-color: #ffffff;
    padding: 30px;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.login-form label {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

.login-form .nice-select {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 0;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    height: 45px;
    color: #7a7a7a;
    margin-bottom: 15px;
}

.login-form .nice-select::after {
    width: 6px;
    height: 6px;
    border-width: 1px;
    right: 20px;
    border-color: #7a7a7a;
}

.login-form .nice-select .current {
    color: #7a7a7a;
    display: block;
    line-height: 23px;
}

.login-form .nice-select .list {
    width: 100%;
}

.login-form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 0;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    color: #7a7a7a;
    margin-bottom: 15px;
}

.login-form input[type="checkbox"] {
    width: auto;
}

.login-form .check-box {
    float: left;
    margin-right: 70px;
}

.login-form .check-box:last-child {
    margin-right: 0;
}

.login-form .check-box input[type="checkbox"] {
    display: none;
}

.login-form .check-box input[type="checkbox"]+label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #363f4d;
    margin: 0;
}

.login-form .check-box input[type="checkbox"]+label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #999999;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.login-form .check-box input[type="checkbox"]+label::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "\f00c";
    font-family: Fontawesome;
    font-size: 12px;
    line-height: 20px;
    opacity: 0;
    color: #363f4d;
    width: 20px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.login-form .check-box input[type="checkbox"]:checked+label::before {
    border: 2px solid #363f4d;
}

.login-form .check-box input[type="checkbox"]:checked+label::after {
    opacity: 1;
}

/*-- Place Order --*/
.register-button {
    display: block;
    margin-top: 40px;
    width: 140px;
    border-radius: 0;
    height: 36px;
    border: none;
    line-height: 24px;
    padding: 6px 20px;
    float: left;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #363f4d;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
}

.register-button:hover {
    background: #fed700;
}

/*----------------------------------------*/
/* 	6.6 Li's Shopping Cart
/*----------------------------------------*/
.li-product-quantity input {
    border: none;
    color: #222555;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #ededed;
    height: 40px;
    width: 55px;
}

.li-product-quantity>input {
    width: 80px;
    border-radius: 3px;
}

.li-product-quantity>input:focus {
    background: #eceff8;
}

.table-content table td.product-subtotal {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #414141;
}

.table-content table td .cart-plus-minus {
    float: none;
    margin: 0 auto;
}

.coupon-all {
    margin-top: 30px;
}

.coupon {
    float: left;
}

.coupon input {
    background-color: transparent;
    border: 1px solid #ddd;
    color: #333;
    font-size: 13px;
    border-radius: 0;
    height: 42px;
    width: 120px;
}

.coupon-all input.button {
    background-color: #333;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    height: 42px;
    letter-spacing: 1px;
    line-height: 42px;
    padding: 0 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: inherit;
}

.coupon-all input.button:hover {
    background: #fed700;
}

.coupon2 {
    float: right;
}

.cart-page-total {
    padding-top: 30px;
}

.cart-page-total>h2 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.cart-page-total>ul {
    border: 1px solid #ddd;
}

.cart-page-total>ul>li {
    list-style: none;
    font-size: 15px;
    color: #252525;
    padding: 10px 30px;
    border-bottom: 1px solid #ebebeb;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.cart-page-total ul>li>span {
    float: right;
}

.cart-page-total li:last-child {
    border-bottom: 0;
}

.cart-page-total>a {
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
    display: inline-block;
    margin-top: 30px;
    padding: 10px 20px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.cart-page-total>a:hover {
    background: #fed700;
    border-color: #fed700;
}

/*----------------------------------------*/
/* 6.7 Li's Blog Page
/*----------------------------------------*/
.li-sidebar-search-form .li-search-field {
    width: calc(100% - 50px);
    border: 1px solid #e1e1e1;
    padding: 0 10px;
    color: #242424;
    font-size: 14px;
    height: 50px;
    float: left;
    text-transform: capitalize;
    background: #ffffff;
}

.li-sidebar-search-form .li-search-btn {
    width: 50px;
    height: 50px;
    margin-left: -4px;
    text-align: center;
    cursor: pointer;
    background-color: #f8f8f8;
    border: 1px solid #e1e1e1;
}

.li-sidebar-search-form .li-search-btn i {
    font-size: 20px;
    line-height: 50px;
    color: #242424;
    transition: all 0.3s ease-in-out;
}

.li-sidebar-search-form .li-search-btn:hover i {
    color: #fed700;
}

.li-blog-sidebar .li-blog-sidebar-title {
    color: #242424;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 52px;
    font-family: Poppins;
}

.li-blog-sidebar .li-blog-sidebar-title::before {
    width: 55px;
    height: 2px;
    bottom: -25px;
    left: 0;
    background-color: #fed700;
    content: "";
    position: absolute;
}

.li-blog-sidebar .li-blog-archive li {
    margin-bottom: 20px;
}

.li-blog-sidebar .li-recent-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.li-blog-sidebar .li-recent-post .li-recent-post-thumb {
    width: 65px;
    border: 1px solid #e1e1e1;
}

.li-blog-sidebar .li-recent-post .li-recent-post-des {
    padding-left: 10px;
}

.li-blog-sidebar .li-recent-post .li-recent-post-des span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0;
    text-transform: capitalize;
}

.li-blog-sidebar .li-recent-post .li-recent-post-des span a {
    color: #242424;
    font-weight: 400;
}

.li-blog-sidebar .li-recent-post .li-recent-post-des span a:hover {
    color: #fed700;
}

.li-blog-sidebar .li-recent-post .li-recent-post-des span.li-post-date {
    color: #242424;
    font-size: 13px;
    font-weight: 400;
}

.li-blog-sidebar .li-blog-tags li {
    display: inline-block;
    margin-bottom: 15px;
}

.li-blog-sidebar .li-blog-tags li a {
    color: #242424;
    font-size: 13px;
    border: 1px solid #e1e1e1;
    padding: 5px 15px;
    display: inline-block;
    text-transform: uppercase;
}

.li-blog-sidebar .li-blog-tags li a:hover {
    color: #ffffff;
    background-color: #fed700;
    border-color: #fed700;
}

.li-blog-single-item .li-blog-content .li-blog-details h3 {
    color: #242424;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    text-transform: capitalize;
    padding-bottom: 15px;
    margin: 0;
}

.li-blog-single-item .li-blog-content .li-blog-details .li-blog-meta {
    padding: 5px 0 22px;
}

.li-blog-content p {
    margin-bottom: 20px;
}

.li-blog-single-item .li-blog-content .li-blog-details .li-blog-meta a {
    color: #a4a4a4;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
}

.li-blog-single-item .li-blog-content .li-blog-details .li-blog-meta a:hover {
    color: #fed700;
}

.li-blog-single-item .li-blog-content .li-blog-details .li-blog-meta a i {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.li-blog-single-item .li-blog-content .li-blog-details .li-blog-meta p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #898989;
    margin-bottom: 10px;
}

.slick-dot-style ul.slick-dots {
    bottom: 20px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.slick-dot-style ul.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dot-style ul.slick-dots li button {
    width: 12px;
    height: 12px;
    line-height: 12px;
    padding: 0;
    background-color: #fed700;
    border: none;
    border-radius: 50%;
    display: block;
    text-indent: -5000px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.slick-dot-style ul.slick-dots li.slick-active button {
    background-color: #fed700;
    width: 30px;
    border-radius: 10px;
}

.li-paginatoin-area {
    border-top: 1px solid #e1e1e1;
}

.li-paginatoin-area .li-pagination-box li {
    display: inline-block;
}

.li-paginatoin-area .li-pagination-box li a {
    color: #242424;
    padding: 10px;
}

.li-paginatoin-area .li-pagination-box li.active a {
    color: #fed700;
}

.li-paginatoin-area .li-pagination-box li a:hover {
    color: #fed700;
}

/*BLog Details*/
.li-blog-blockquote blockquote {
    border: 1px solid #e1e1e1;
    padding: 40px;
    position: relative;
    margin: 25px 0;
    font-style: italic;
    background: #f7f7f7;
}

.li-blog-blockquote {
    padding: 0 0 0 40px;
}

.li-blog-blockquote blockquote>p::before {
    content: "";
    background: #fed700;
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    left: 0;
}

.li-tag-line {
    padding: 25px 0 18px;
    margin-top: 20px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.li-tag-line h4 {
    color: #242424;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    padding-right: 5px;
}

.li-tag-line a {
    font-style: italic;
    text-transform: capitalize;
    color: #242424;
    transition: all 0.3s ease-in-out;
}

.li-tag-line a:hover {
    color: #fed700;
}

.li-blog-sharing h4 {
    color: #242424;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    padding-bottom: 26px;
    margin-bottom: 0;
}

.li-blog-sharing a {
    color: #292825;
    font-size: 16px;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    margin-right: 5px;
    background-color: #e1e1e1;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.li-blog-sharing a:hover {
    color: #ffffff;
    background-color: #fed700;
    border-color: #fed700;
}

.li-comment-section h3 {
    color: #242424;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 25px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.li-comment-section ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
    margin-bottom: 30px;
    border: 1px solid #e1e1e1;
}

.li-comment-section ul li .author-avatar {
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
}

.li-comment-section ul li .comment-body {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.li-comment-section ul li .comment-body h5 {
    color: #242424;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px;
    text-transform: capitalize;
}

.li-comment-section ul li .comment-body .comment-post-date {
    color: #888888;
    padding-bottom: 10px;
}

.li-comment-section ul li .comment-body .reply-btn {
    float: right;
}

.li-comment-section ul li .comment-body .reply-btn a {
    color: #fed700;
    font-size: 12px;
    display: inline-block;
    padding: 3px 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-transform: capitalize;
    border: 1px solid #fed700;
}

.li-comment-section ul li .comment-body .reply-btn a:hover {
    color: #ffffff;
    background-color: #fed700;
}

.li-comment-section ul li.comment-children {
    margin-left: 40px;
}

.li-blog-comment-wrapper h3 {
    color: #242424;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 26px;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 0;
}

.li-blog-comment-wrapper p {
    padding: 25px 0 3px;
}

.li-blog-comment-wrapper .comment-post-box label {
    color: #242424;
    font-weight: 600;
    margin-bottom: 25px;
    display: block;
    text-transform: capitalize;
}

.li-blog-comment-wrapper .comment-post-box textarea {
    height: 130px;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
    background: #f8f8f8;
    border: none;
}

.li-blog-comment-wrapper .comment-post-box .coment-field {
    background: #f8f8f8;
    border: none;
    color: #666666;
    padding: 8px 10px;
    width: 100%;
}

.li-btn-2 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    border: none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fed700;
    padding: 0 20px;
    text-transform: uppercase;
    display: inline-block;
}

.li-btn-2:focus {
    background-color: #fed700;
}

.li-btn-2:hover {
    color: #ffffff;
    background-color: #242424;
}

/*----------------------------------------*/
/* 6.8 Li's Compare Page
/*----------------------------------------*/
.compare-table .table td,
.compare-table .table th {
    vertical-align: middle;
    text-align: center
}

.compare-table .table thead th {
    border-width: 1px;
    padding: 15px 10px;
}

.compare-table .table-hover tbody tr {
    transition: all 0.3s ease-in-out;
}

.compare-table .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .02)
}

.compare-table .table tbody th {
    min-width: 200px;
}

.compare-table .table tbody td {
    min-width: 250px;
}

.compare-pdoduct-image {
    max-width: 200px;
    display: inline-block;
    padding: 20px 0;
}

.compare-pdoduct-image a {
    display: inline-block;
}

.compare-pdoduct-image .ho-button {
    margin-top: 25px;
}

h5.compare-product-name {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    color: #555;
}

h5.compare-product-name a {
    color: #555;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
}

h5.compare-product-name a:hover {
    color: #fed700;
}

/*----------------------------------------*/
/* 6.9 Li's Contact Page
/*----------------------------------------*/
#google-map {
    height: 400px;
}

h3.contact-page-title {
    font-size: 32px;
    line-height: 32px;
    color: #363f4d;
    font-weight: 500;
    margin-bottom: 20px;
}

.single-contact-block {
    padding-bottom: 8px;
    margin-bottom: 27px;
    border-bottom: 1px solid #e1e1e1;
}

.single-contact-block>h4 {
    margin-bottom: 23px;
}

.single-contact-block.last-child {
    border-bottom: none;
}

span.required {
    color: #ff0000;
}

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

.contact-form label {
    display: block;
    font-size: 15px;
    line-height: 29px;
    font-weight: 400;
    color: #888888;
    margin-bottom: 20px;
}

.contact-form input {
    background-color: #ffffff;
    width: 100%;
    height: 50px;
    line-height: 50px;
    outline: none;
    border: 1px solid #e0e0e0;
    padding-left: 20px;
}

.contact-form textarea {
    background-color: #ffffff;
    width: 100%;
    outline: none;
    border: 1px solid #e0e0e0;
    padding-left: 20px;
    line-height: 50px;
    height: 200px;
}

.contact-form .li-btn-3 {
    background: #f2f2f2;
    line-height: 12px;
    display: inline-block;
    padding: 16px 30px;
    border-radius: 3px;
    color: #363f4d;
    font-weight: 500;
    font-size: 12px;
    background-color: #242424;
    border: 1px solid #242424;
    color: #ffffff;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.contact-form .li-btn-3:hover {
    background-color: #fed700;
    color: #ffffff;
    background-color: #fed700;
    border-color: #fed700;
}

.contact-page-side-content {
    background-color: #F2F2F2;
    padding: 25px 30px 19px;
}

/*----------------------------------------*/
/* 6.10 Li's About Us Page
/*----------------------------------------*/
.about-text-wrap {
    font-size: 16px;
    line-height: 28px;
}

.about-text-wrap h2 {
    color: #292825;
    font-size: 48px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: -6px;
}

.about-text-wrap h2 span {
    display: block;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 12px;
}

.about-image-wrap {
    position: relative;
    padding-left: 30px;
    padding-top: 30px;
    margin-bottom: 50px;
}

.about-image-wrap::after {
    border: 5px solid #fed700;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    z-index: -1;
}

/*------- end About Page Wrapper --------*/
/*------- Start facts area --------*/
/*Limupa Counter*/
.limupa-counter {
    padding-bottom: 90px;
    padding-top: 90px;
    text-align: center;
    width: 100%;
}

.counter-img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.counter-info {
    color: #444;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.team-member {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.team-member .team-thumb img {
    width: 100%;
}

.team-member .team-content {
    padding: 15px;
    border: 1px solid #eeeeee;
}

.team-member .team-content h3 {
    color: #292825;
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize;
}

.team-member .team-content p {
    color: #666666;
    line-height: 20px;
}

.team-member .team-content a {
    color: #666666;
    line-height: 20px;
}

.team-member .team-content a:hover {
    color: #fed700;
}

.team-member .team-content .team-social {
    margin-top: 15px;
}

.team-member .team-content .team-social a {
    color: #292825;
    width: 34px;
    height: 34px;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    border: 1px solid #292825;
    border-radius: 50%;
    margin-right: 5px;
}

.team-member .team-content .team-social a:hover {
    color: #ffffff;
    background-color: #fed700;
    border-color: #fed700;
}

.team-member:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/*----------------------------------------*/
/* 6.11 Li's Shop Page
/*----------------------------------------*/
.sidebar-categores-box {
    background: #f4f4f4;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 30px;
    padding: 22.1px 15px 28px;
}

.sidebar-title {
    border-bottom: 1px solid #e1e1e1;
}

.sidebar-title h2 {
    color: #242424;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 21px;
}

.btn-clear-all {
    background: #dddddd none repeat scroll 0 0;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0.0625rem 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1);
    color: #333333;
    cursor: pointer;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 15px;
    padding: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    margin-top: 30px;
}

.btn-clear-all::before {
    content: "\f00d";
    font-family: "fontawesome";
    margin-right: 15px;
}

.btn-clear-all:hover {
    background: #242424 none repeat scroll 0 0;
    color: #fff;
}

.category-sub-menu ul li ul {
    display: none;
    margin-top: 10px;
}

.category-sub-menu ul li {
    padding-top: 10px;
    transition: all 0.3s ease-in-out;
}

.category-sub-menu ul li:hover a {
    color: #fed700;
}

.category-sub-menu ul li:first-child {
    padding-top: 16px;
}

.category-sub-menu li.has-sub>a {
    color: #242424;
    cursor: pointer;
    display: block;
    line-height: 20px;
    position: relative;
}

.category-sub-menu li.has-sub li a {
    border: 0 none;
    display: block;
    font-size: 14px;
    padding: 0 10px;
    color: #333;
}

.category-sub-menu li.has-sub li a:hover {
    color: #fed700;
}

.category-sub-menu li.has-sub>a::after {
    color: #242424;
    content: "\f067";
    font-family: fontawesome;
    font-size: 16px;
    position: absolute;
    right: 5px;
}

.category-sub-menu li.has-sub.open>a::after {
    content: "\f068";
}

.sidebar-categores-box .filter-sub-area h5 {
    color: #2f333a;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 30px 0 10px;
    padding: 0 0 10px;
    position: relative;
    text-transform: uppercase;
}

.price-checkbox li,
.size-checkbox li,
.color-categoriy ul li,
.categori-checkbox ul li {
    margin: 8px 0;
}

.price-checkbox li a,
.size-checkbox li a,
.color-categoriy ul li a,
.categori-checkbox ul li a {
    color: #363f4d;
    font-size: 16px;
    margin-left: 15px;
    margin-top: 0;
}

.price-checkbox input,
.size-checkbox input,
.categori-checkbox input {
    width: auto !important;
    height: auto !important;
}

.price-checkbox li a:hover {
    color: #EB3E32;
}

.color-categoriy ul li span {
    box-shadow: -1px 1px 8px 0 rgba(0, 0, 0, 0.2);
    display: block;
    height: 15px;
    margin-top: 5px;
    width: 15px;
}

.color-categoriy ul li span.white {
    background: #ffffff;
}

.color-categoriy ul li span.black {
    background: #333;
}

.color-categoriy ul li span.Orange {
    background: #F39C11;
}

.color-categoriy ul li span.Blue {
    background: #5D9CEC;
}

.color-categoriy li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.shop-top-bar {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border: 1px solid #ededed;
}

.shop-bar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 479px) {
    .shop-bar-inner {
        margin-bottom: 10px;
    }

    .product-short .nice-select {
        margin-bottom: 5px;
    }
}

.shop-item-filter-list li a {
    color: #aaa;
    font-size: 20px;
    padding-right: 15px;
}

.shop-item-filter-list li a.active,
.shop-item-filter-list li a:hover {
    color: #242424;
}

.shop-item-filter-list li a.active {
    color: #242424;
}

.toolbar-amount {
    font-size: 14px;
    margin-left: 30px;
    margin-top: 5px;
}

.product-short {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.product-short>p {
    font-size: 14px;
    margin: 5px 10px 0 0;
}

.single-banner img {
    width: 100%;
}

.product-short .nice-select {
    border-radius: 0;
    color: #242424;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 320px;
    z-index: 999;
}

@media only screen and (max-width: 767px) {
    .product-short .nice-select {
        width: 180px;
    }
}

.product-short .nice-select .list {
    border-radius: 0px;
    width: 100%;
    z-index: 99;
}

/* .shop-top-bar padding/border merged into rule above */

@media only screen and (max-width: 767px) {
    .shop-top-bar {
        display: flex;
        flex-wrap: wrap;
    }
}

.product-short .nice-select .option {
    line-height: 30px;
    min-height: 30px;
}

.product-image>a img {
    width: 100%;
    height: 270px
}

.shop-products-wrapper .tab-content .tab-pane.active {
    display: block;
}

.shop-products-wrapper .tab-content .tab-pane {
    display: none;
    height: auto;
}

.category-tags>ul>li {
    background: #fff;
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #ebebeb;
    transition: all 0.3s ease-in-out;
    margin: 0 2px 5px;
}

.category-tags>ul>li:first-child {
    margin-top: 30px;
}

.category-tags>ul>li:hover {
    background: #242424;
}

.category-tags>ul>li:hover a {
    color: #ffffff;
}

/*----- paginatoin-area  css -----*/
.paginatoin-area {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ededed;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    margin: 40px 0 0;
    padding: 9px;
}

.paginatoin-area p {
    margin: 0;
}

.pagination-box {
    text-align: right;
}

.pagination-box>li {
    display: inline-block;
}

.pagination-box>li.active a {
    color: #fed700;
}

.pagination-box>li a {
    color: #333333;
    display: block;
    padding: 0 10px;
}

.pagination-box>li a:hover {
    color: #fed700;
}

.product-layout-list .product_desc .product_desc_info .rating-box {
    border-bottom: medium none;
    padding-bottom: 0;
    text-align: left;
}

/*----------------------------------------*/
/* 6.12 Li's Single Product
/*----------------------------------------*/
.product-details-view-content .product-desc {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 25px;
}

.product-details-view-content .product-desc p {
    margin-bottom: 20px;
}

.single-add-to-cart {
    float: left;
    width: 100%;
}

.product-additional-info {
    float: left;
    width: 100%;
}

.product-additional-info .wishlist-btn i {
    padding-right: 10px;
}

.product-social-sharing>ul>li {
    display: inline-block;
    border-radius: 0;
    background: transparent !important;
    transition: none;
    width: auto;
    height: auto;
    line-height: normal;
    text-align: center;
}

@media only screen and (max-width: 479px) {
    .product-social-sharing>ul>li {
        line-height: 18px;
        margin-bottom: 15px;
    }
}

.product-social-sharing>ul>li:hover {
    background: #fed700;
}

.product-social-sharing>ul>li>a {
    color: #ffffff;
    font-size: 12px;
    display: block;
}

.product-social-sharing>ul>li>a>i {
    margin-right: 5px;
}

.block-reassurance {
    float: left;
    width: 100%;
}

.block-reassurance>ul>li {
    border-bottom: 1px solid #e1e1e1;
}

.block-reassurance>ul>li:last-child {
    border-bottom: none;
}

.reassurance-item {
    padding: 25px 0 20px;
}

.reassurance-item p {
    margin: 0;
}

.reassurance-icon {
    float: left;
    padding-right: 10px;
}

.reassurance-icon i {
    font-size: 18px;
}

.product-description,
.product-details-manufacturer,
.product-reviews {
    padding: 25px 0;
}

.product-details-manufacturer a img {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    transition: all .2s ease-in-out;
    margin-bottom: 20px;
}

.product-details-manufacturer p {
    margin: 0;
}

.product-details-manufacturer p span {
    color: #232323;
    font-weight: 700;
}

.product-details-comment-block .comment-review span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #6c6c6c;
}

.comment-author-infos span {
    color: #333;
    font-weight: 600;
}

.product-details-comment-block .comment-review .rating {
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
}

.comment-author-infos em {
    display: block;
    color: #adadad;
}

.comment-details {
    overflow: hidden;
    margin-top: 25px;
}

.comment-details h4 {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 14px;
    color: #6c6c6c;
}

/*Review Content*/
.review-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.review-body {
    position: relative;
    padding: 15px;
}

#li-comment-wrap {
    overflow: hidden;
    color: #333;
    text-align: left;
}

.review-page-title {
    padding: 10px;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    background: #333;
}

.li-review-product {
    padding: 15px;
}

.li-review-product img {
    border: 1px solid #ebebeb;
}

.li-review-product-desc {
    line-height: 18px;
    color: #6f6f6f;
}

.li-product-name {
    padding: 10px 0 5px;
    font-size: 13px;
    color: #000;
}

.feedback-area .br-theme-fontawesome-stars .br-widget a {
    font-size: 14px;
}

.feedback-area .br-theme-fontawesome-stars .br-widget a.br-active:after {
    color: #fed700;
}

.feedback-area .br-theme-fontawesome-stars .br-widget a.br-selected::after {
    color: #fed700;
}

.feedback-area textarea,
.feedback-area input {
    background: #fff;
    border: 1px solid #ebebeb;
    font-size: 14px;
}

.feedback-btn {
    position: relative;
}

.feedback-btn .close,
.feedback-btn a {
    background: #242424;
    color: #fff !important;
    width: 80px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    left: 110px;
    right: auto;
    top: 0;
    display: block;
    transition: all 0.3s ease-in-out;
}

.feedback-btn .close:hover,
.feedback-btn a:hover {
    background: #fed700;
}

/*----------------------------------------*/
/* 6.13 Single Product Carousel Page
/*----------------------------------------*/
.sp-carousel-page .single-product {
    border: 1px solid #e1e1e1;
}

.sp-carousel-content {
    text-align: center;
}

.sp-carousel-content .single-add-to-cart {
    width: 100%;
}

.sp-carousel-content .quantity {
    display: inline-block;
}

.sp-carousel-content .cart-quantity label {
    display: inline-block;
    margin-right: 10px;
}

.sp-carousel-content .cart-plus-minus {
    float: unset;
    display: inline-block;
}

.sp-carousel-content .cart-quantity {
    margin-top: 5px;
}

.sp-carousel-content .product-social-sharing {
    padding-top: 30px;
}

/*----------------------------------------*/
/* 6.14 Single Product Sale Page
/*----------------------------------------*/
.sp-sale-content .product-info .price-box {
    margin: 0 0 5px;
}

.sp-sale-content .product-desc p {
    margin-top: 25px;
    margin-bottom: 25px;
}

/*----------------------------------------*/
/* 6.15 Single Product Group Page
/*----------------------------------------*/
.sp-group-content .product-quantity label {
    padding: 13px 0 0;
    margin: 0;
}

.sp-group-content .product-desc {
    border-bottom: none;
}

.sp-group-content .product-variants {
    padding-top: 10px;
}

/*----------------------------------------*/
/* 6.16 Single Product Normal Page
/*----------------------------------------*/
.sp-normal-content .cart-quantity {
    margin-top: 0;
}

.sp-normal-content .product-additional-info {
    padding-top: 28px;
}

/*----------------------------------------*/
/* 6.17 Single Product Affiliate Page
/*----------------------------------------*/
.sp-affiliate-content .product-desc p {
    margin-bottom: 23px;
}

.sp-affiliate-content .cart-quantity {
    margin-top: 3px;
    overflow: hidden;
    float: left;
    width: 100%;
}

/*----------------------------------------*/
/* 6.18 Single Product Tab Style Left Page
/*----------------------------------------*/
.sp-tab-style-left-page .product-details-images {
    float: right;
    width: calc(100% - 110px);
    padding-left: 10px;
}

.sp-tab-style-left-page .tab-style-left {
    float: left;
    width: 110px;
}

.tab-style-left .slick-slide img,
.tab-style-right .slick-slide img {
    width: 100%;
}

.sp-tab-style-left-page .tab-style-left .slick-slide,
.tab-style-right .slick-slide {
    border: 1px solid transparent;
    padding: 5px;
    transition: all 0.3s ease-in-out;
}

.sp-tab-style-left-page .tab-style-left .slick-slide:hover,
.tab-style-right .slick-slide:hover {
    border-color: #fed700;
}

/*----------------------------------------*/
/* 6.19 Single Product Tab Style Right Page
/*----------------------------------------*/
.sp-tab-style-right-page .product-details-images {
    float: left;
    width: calc(100% - 110px);
    padding-left: 10px;
}

.sp-tab-style-left-page .tab-style-left {
    padding-top: 40px;
}

.sp-tab-style-right-page .tab-style-right {
    float: right;
    width: 110px;
    padding-top: 40px;
}

/*----------------------------------------*/
/* 6.20 Single Product Gallery Left Page
/*----------------------------------------*/
.sp-gallery-left .lg-image {
    outline: 1px solid #e1e1e1;
    transition: all 0.3s ease-in-out;
    padding: 5px;
}

.sp-gallery-left .lg-image:hover {
    outline: 1px solid #fed700;
}

/*----------------------------------------*/
/* 6.21 Error 404 Page
/*----------------------------------------*/
.error-text h1 {
    color: #F80E63;
    font-size: 200px;
    font-weight: 900;
    letter-spacing: 10px;
    line-height: 200px;
    margin-bottom: 30px;
}

.error-text h2 {
    color: #242424;
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.error-text>p {
    color: #242424;
    font-size: 24px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 30px;
}

#search-form {
    position: relative;
    width: 450px;
    text-align: center;
    display: inline-block;
}

#search-form input {
    background: #e1e1e1 none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    border-radius: 30px;
    color: #242424;
    float: left;
    font-size: 14px;
    height: 45px;
    padding-left: 20px;
    padding-right: 55px;
    width: 100%;
}

#search-form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4f4f4f;
    font-size: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 50px;
}

#search-form button:hover {
    color: #fed700;
}

.error-button a {
    background: #F80E63 none repeat scroll 0 0;
    border-radius: 35px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 53px;
    padding: 0 30px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.error-button a:hover {
    background: #242424;
    color: #fff;
}

.small-version {
    display: none;
}

.boder-f {
    border-left: 1px solid #F80E63;
    padding-left: 20px;
}

.top-150 {
    top: 150px
}

.paging {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 28px;
    padding: 10px 0;
    flex-wrap: wrap;
}

.paging>li a {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 500;
    color: #555;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    margin: 0;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.paging>li a:hover,
.paging>li a:focus {
    background: #fdf0f3;
    border-color: #f0c0cc;
    color: #c0394a;
    box-shadow: 0 2px 8px rgba(192, 57, 74, 0.15);
    text-decoration: none;
    transform: translateY(-1px);
}

.paging .active a {
    background: linear-gradient(135deg, #f80e63, #c0394a);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 3px 10px rgba(192, 57, 74, 0.35);
    font-weight: 700;
}

.paging .active a:hover {
    transform: none;
    background: linear-gradient(135deg, #f80e63, #c0394a);
    color: #fff;
}

/* Prev / Next buttons */
.paging .pre a,
.paging .nxt a {
    background: #fdf0f3;
    border-color: #f0c0cc;
    color: #c0394a;
    font-size: 16px;
}

.paging .pre i {
    background: url('../../img/page-arrow.svg') center no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
    transform: rotate(-180deg);
    filter: invert(28%) sepia(80%) saturate(600%) hue-rotate(320deg);
}

.paging .nxt i {
    background: url('../../img/page-arrow.svg') center no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
    filter: invert(28%) sepia(80%) saturate(600%) hue-rotate(320deg);
}

.paging .pre a.disabled,
.paging .nxt a.disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

/* Ellipsis '...' */
.paging li:not(.pre):not(.nxt):not(.active) a[onclick=''] {
    cursor: default;
    pointer-events: none;
    color: #aaa;
    box-shadow: none;
}

/* Mobile: thu nho */
@media (max-width: 479px) {
    .paging>li a {
        min-width: 32px;
        min-height: 32px;
        font-size: 13px;
        border-radius: 8px;
        padding: 0 8px;
    }

    .paging {
        gap: 4px;
    }
}

img {
    width: 100%;
}

p img {
    width: auto;
}

.block-filter-sort .filter-sort__list-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.block-filter-sort .filter-sort__list-filter .btn-filter.active {
    background: #fef2f2;
    border: 1px solid #d70018;
    color: #d70018;
}

.block-filter-sort .filter-sort__list-filter .btn-filter {
    align-items: center;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    color: #444;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 34px;
    margin: 0 0 10px 10px;
    padding: 5px 10px;
    white-space: nowrap;
    width: 11%;
    margin-top: 8px;
}

.block-filter-sort .filter-sort__list-filter .btn-filter.active .icon {
    fill: #d70018;
}

.block-filter-sort .filter-sort__list-filter .btn-filter .icon {
    align-items: center;
    display: flex;
    margin-right: 6px;
    width: 15px;
}

.icon {
    align-items: center;
    display: inline-flex;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem;
}

/* a color already defined globally above */
/* .paging justify-content already declared in .paging rule above */

#button-contact-vr {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99999;
    margin: -10px;
    transform: scale(0.8);
}

#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
}

#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 270px;
    display: block
}

.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite
}

.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out
}

.phone-vr-img-circle a {
    display: block;
    line-height: 37px
}

.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

#instagram-vr .phone-vr-circle-fill {
    background: rgb(17, 143, 253);
    background: linear-gradient(160deg, rgba(17, 143, 253, 1) 20%, rgba(188, 60, 218, 1) 50%, rgba(253, 223, 5, 1) 80%);
    background-size: contain;
    box-shadow: 0 0 0 0 #c840c9;
    background-color: rgb(79, 103, 254);
    border: 0
}

#instagram-vr .phone-vr-img-circle {
    background: transparent
}

#telegram-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2c9fd8;
    background-color: rgba(44, 159, 216, 0.74)
}

#telegram-vr .phone-vr-img-circle {
    background: #2c9fd8
}

@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes bellAnimation {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-10px);
        /* Di chuyển lên */
    }
}

.variant-item {
    background: #888888;
    margin-top: 5px;
}

.variant-check {
    background: #f80e63;
}

.hiden-check {
    display: none;
}

.button-search {
    margin-top: 12px;
}

.button-search ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    gap: 8px;
}

.button-search ul li {
    display: block;
    width: fit-content;
    list-style: none;
    margin: 0;
}

.button-search ul li a {
    display: inline-block;
    background: #f7f0f5;
    color: #c0394a;
    border: 1px solid #f0d0da;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.button-search ul li a:hover {
    background: linear-gradient(135deg, #f80e63, #c0394a);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 3px 10px rgba(192, 57, 74, 0.30);
    transform: translateY(-1px);
    text-decoration: none;
}


/* =================================================================
   MOBILE RESPONSIVE - 2 COT (< 480px) - TOAN HE THONG
   ================================================================= */
@media (max-width: 479px) {

    /* --- CAROUSEL (Home sections) --- */
    .product-active .owl-item,
    .special-product-active .owl-item {
        display: flex;
    }

    .product-active .owl-item .col-lg-12,
    .special-product-active .owl-item .col-lg-12 {
        display: flex;
        width: 100%;
    }

    .product-active .single-product-wrap,
    .special-product-active .single-product-wrap {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .product-active .product_desc,
    .special-product-active .product_desc {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    /* --- ANH --- */
    .product-active .product-image img,
    .special-product-active .product-image img {
        height: 244px !important;
        object-fit: contain;
        background: #fff;
        width: 100%;
    }

    /* --- TEN SP --- */
    .product-active .product-text,
    .special-product-active .product-text {
        font-size: 13px !important;
        margin-top: 4px;
        line-height: 1.4;
        min-height: calc(13px * 1.4 * 2);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    /* --- GIA --- */
    .product-active .new-price,
    .product-active .new-price-2,
    .special-product-active .new-price,
    .special-product-active .new-price-2 {
        font-size: 12px !important;
    }

    .product-active .old-price,
    .special-product-active .old-price {
        font-size: 10px !important;
    }

    .product-active .price-box span[style*="float:right"],
    .special-product-active .price-box span[style*="float:right"] {
        font-size: 9px !important;
    }

    /* --- AN RATING --- */
    .product-active .product-review,
    .special-product-active .product-review {
        display: none;
    }

    /* --- PADDING GON --- */
    .product-active .product_desc_info,
    .special-product-active .product_desc_info {
        padding: 4px 10px 0;
    }

    .product-active .add-actions,
    .special-product-active .add-actions {
        padding: 4px 5px;
    }

    .product-active .add-actions .add-cart a,
    .special-product-active .add-actions .add-cart a {
        font-size: 11px;
        padding: 4px 8px;
        color: #fff !important;
    }

    /* --- STICKER --- */
    .product-active .sticker,
    .special-product-active .sticker {
        font-size: 10px;
        padding: 2px 5px;
    }
}

/* =================================================================
   MOBILE RESPONSIVE - DANH MUC / TIM KIEM (< 576px)
   ================================================================= */
@media (max-width: 575px) {

    .shop-product-area .product-image img {
        height: 244px !important;
        object-fit: contain;
        background: #fff;
        width: 100%;
    }

    .shop-product-area .product-text {
        font-size: 13px !important;
        margin-top: 4px;
        line-height: 1.4;
        min-height: calc(13px * 1.4 * 2);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .shop-product-area .new-price,
    .shop-product-area .new-price-2 {
        font-size: 12px !important;
    }

    .shop-product-area .old-price {
        font-size: 10px !important;
    }

    .shop-product-area .price-box span[style*="float:right"] {
        font-size: 9px !important;
    }

    .shop-product-area .product-review {
        display: none;
    }

    .shop-product-area .product_desc_info {
        padding: 4px 10px 0;
    }

    .shop-product-area .add-actions {
        padding: 4px 5px;
    }

    .shop-product-area .add-actions .add-cart a {
        font-size: 11px;
        padding: 4px 6px;
        color: #fff !important;
    }

    .shop-product-area .sticker {
        font-size: 10px;
        padding: 2px 5px;
    }

    .shop-product-area .mt-20 {
        margin-top: 10px !important;
    }
}

/* =================================================================
   SECTION SPACING MOBILE (< 768px)
   ================================================================= */
@media (max-width: 767px) {
    section.product-area {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .li-section-title {
        margin-bottom: 8px !important;
    }

    .li-section-title h2 {
        padding-bottom: 6px !important;
    }
}

/* ===== MOBILE: GUTTER NHO DE CARD RONG HON ===== */
@media (max-width: 575px) {

    /* Giam padding container */
    .shop-product-area>.container,
    .shop-product-area .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Giam gutter giua 2 cot */
    .shop-product-area .row {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .shop-product-area .col-6,
    .shop-product-area [class*="col-"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* ===== MOBILE: CARD RONG + DEU CHIEU CAO ===== */
@media (max-width: 575px) {

    /* Co container sat 2 bien */
    .shop-product-area .container,
    .container {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    /* Row flex de card deu chieu cao */
    .shop-product-area .row {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-left: -4px !important;
        margin-right: -4px !important;
        align-items: stretch !important;
    }

    /* Col sat bien, deu nhau */
    .shop-product-area .col-6 {
        padding-left: 4px !important;
        padding-right: 4px !important;
        display: flex;
        flex-direction: column;
    }

    /* Card chiem toan bo chieu cao cua col */
    .shop-product-area .single-product-wrap {
        flex: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    /* Product desc chiem het phan con lai */
    .shop-product-area .product_desc {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .shop-product-area .product_desc_info {
        flex: 1;
    }
}

/* ===== GLOBAL MOBILE: COL-6 CARD DEU CHIEU CAO + SAT BIEN ===== */
@media (max-width: 575px) {

    /* Co container toan trang sat bien */
    .container {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    /* Row flex + stretch moi product grid */
    .tab-content .row,
    .product-active .row,
    .shop-product-area .row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        margin-left: -4px !important;
        margin-right: -4px !important;
    }

    /* Fallback cho browser khong ho tro :has() */
    .tab-content .row [class*="col-"],
    .shop-product-area .col-6 {
        padding-left: 4px !important;
        padding-right: 4px !important;
        display: flex;
        flex-direction: column;
    }

    /* Card chiem toan chieu cao col */
    .col-6 .single-product-wrap,
    .shop-product-area .single-product-wrap {
        flex: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .col-6 .product_desc,
    .shop-product-area .product_desc {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .col-6 .product_desc_info,
    .shop-product-area .product_desc_info {
        flex: 1;
    }
}

/* ===== HOME PAGE CAROUSEL OPTIMIZATION FOR MOBILE CARD WIDTH ===== */
@media (max-width: 575px) {

    /* Stretch carousels to align with container padding */
    .product-active,
    .special-product-active {
        margin-left: -4px !important;
        margin-right: -4px !important;
        width: calc(100% + 8px) !important;
    }

    /* Reduce spacing around carousel columns to make cards wider, matching product index page */
    .product-active .col-lg-12,
    .special-product-active .col-lg-12,
    .featured-product-active .col-lg-12,
    .featured-product-active-2 .col-lg-12,
    .sp-carousel-active .col-lg-12 {
        padding-left: 4px !important;
        padding-right: 4px !important;
        display: flex;
        flex-direction: column;
    }

    /* Equal height cards inside carousels */
    .product-active .owl-stage,
    .special-product-active .owl-stage {
        display: flex !important;
        align-items: stretch !important;
    }

    .product-active .owl-item,
    .special-product-active .owl-item {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
    }

    .product-active .single-product-wrap,
    .special-product-active .single-product-wrap {
        flex: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-bottom: 0 !important;
    }

    .product-active .product_desc,
    .special-product-active .product_desc {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .product-active .product_desc_info,
    .special-product-active .product_desc_info {
        flex: 1;
    }
}

/* =================================================================
   GLOBAL PREMIUM PAGINATION STYLING
   ================================================================= */
/* =================================================================
   GLOBAL PREMIUM PAGINATION STYLING (consolidated)
   ================================================================= */
/* ul.paging rules consolidated below in the pagination section */

/* =================================================================
   PREMIUM AGE VERIFICATION MODAL STYLING
   ================================================================= */
/* Target dialog width and spacing */
#myModal .modal-dialog,
.age-verify-modal .modal-dialog {
    max-width: 420px !important;
    margin: 1.75rem auto !important;
}

@media (max-width: 575px) {

    #myModal .modal-dialog,
    .age-verify-modal .modal-dialog {
        max-width: 90% !important;
        margin: 1.75rem auto !important;
    }
}

/* Modal Content Card styling */
#myModal .modal-content,
.age-verify-modal .modal-content {
    border-radius: 24px !important;
    border: none !important;
    background: #ffffff !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden !important;
    padding: 30px 24px 28px !important;
    text-align: center !important;
}

/* Fallback: If new HTML hasn't compiled yet, dynamically inject the 18+ badge via CSS pseudo-element */
#myModal:not(.age-verify-modal) .modal-content::before {
    content: "18+" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 68px !important;
    height: 68px !important;
    background: linear-gradient(135deg, #fff0f3 0%, #ffe4e6 100%) !important;
    color: #F80E63 !important;
    border-radius: 50% !important;
    margin: 0 auto 20px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    border: 2px solid #fecdd3 !important;
    box-shadow: 0 4px 10px rgba(248, 14, 99, 0.08) !important;
}

/* Glassmorphism background overlay for modals */
.modal-backdrop.show {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    background-color: rgba(15, 23, 42, 0.6) !important;
    /* Elegant Slate dark backdrop */
    opacity: 1 !important;
}

/* Age badge in the compiled new HTML */
.age-verify-modal .age-badge {
    width: 68px;
    height: 68px;
    background: linear-gradient(135deg, #fff0f3 0%, #ffe4e6 100%) !important;
    color: #F80E63 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 20px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    border: 2px solid #fecdd3 !important;
    box-shadow: 0 4px 10px rgba(248, 14, 99, 0.08) !important;
}

/* Modal Header styling overrides */
#myModal .modal-header,
.age-verify-modal .modal-header {
    border: none !important;
    padding: 0 !important;
    display: block !important;
    margin-bottom: 12px !important;
    background-color: transparent !important;
}

/* Modal Title styling overrides */
#myModal .modal-title,
.age-verify-modal .modal-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    /* Dark Slate */
    letter-spacing: -0.5px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    width: 100% !important;
}

/* Modal Body styling overrides */
#myModal .modal-body,
.age-verify-modal .modal-body {
    padding: 0 10px 28px !important;
}

#myModal .modal-body p,
.age-verify-modal .modal-body p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    /* Cool grey */
    font-weight: 500 !important;
    margin: 0 !important;
}

/* Modal Footer styling overrides */
#myModal .modal-footer,
.age-verify-modal .modal-footer {
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background-color: transparent !important;
}

/* Button 1: Decline Age Verification ("Chưa đủ 18 tuổi") */
#myModal .modal-footer button:first-child,
.age-verify-modal .btn-decline {
    flex: 1 !important;
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    font-weight: 600 !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
    outline: none !important;
    height: auto !important;
    line-height: 1.4 !important;
}

#myModal .modal-footer button:first-child:hover,
.age-verify-modal .btn-decline:hover {
    background-color: #e2e8f0 !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}

/* Button 2: Confirm Age Verification ("Xác nhận") */
#myModal .modal-footer button:last-child,
.age-verify-modal .btn-confirm {
    flex: 1 !important;
    background: linear-gradient(135deg, #FF1E75 0%, #F80E63 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(248, 14, 99, 0.3) !important;
    outline: none !important;
    height: auto !important;
    line-height: 1.4 !important;
}

#myModal .modal-footer button:last-child:hover,
.age-verify-modal .btn-confirm:hover {
    background: linear-gradient(135deg, #e00b54 0%, #c20445 100%) !important;
    box-shadow: 0 6px 20px rgba(248, 14, 99, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* Best Sale Badge – giữ icon và text 1 hàng */
.bestsale-badge {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap;
    overflow: hidden;
    min-height: 22px;
    width: 100%;
}

.bestsale-badge span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* === Sort Filter Bar Desktop === */
.block-filter-sort.sortdesktop {
    /* background-color: #f9f9f9; */
    margin-top: 12px;
    padding: 10px 16px;
    border-radius: 8px;
}

.filter-sort__list-filter {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    /* Firefox */
}

.filter-sort__list-filter::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari */
}

.filter-sort__list-filter strong {
    white-space: nowrap;
    margin: 0;
    font-size: 14px;
    color: #333;
    flex-shrink: 0;
}

.btn-filter.button__sort {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid #ddd;
    background: #fff;
    color: #444;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-filter.button__sort:hover,
.btn-filter.button__sort.active {
    background: #f80e63;
    color: #fff;
    border-color: #f80e63;
}

.btn-filter.button__sort .icon {
    display: flex;
    align-items: center;
}

.btn-filter.button__sort .icon svg {
    fill: currentColor;
}

/* === Phân loại (Variants) === */
.product-social-sharing ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
}

.variant-item {
    display: inline-block;
}

.variant-item a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1.5px solid #ddd;
    background: #fff;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.variant-item a:hover {
    border-color: #f80e63;
    color: #f80e63;
}

.variant-item.variant-check a {
    border-color: #f80e63 !important;
    background: #fff5f7 !important;
    color: #f80e63 !important;
    font-weight: 700 !important;
}

/* === Pagination === */
.paging-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    clear: both;
    float: none;
    padding: 10px 0;
}

ul.paging {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 20px auto;
    padding: 0;
}

ul.paging li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 18px;
    border: 1.5px solid #e5e7eb;
    background: #fff;
    color: #374151;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

ul.paging li a:hover {
    border-color: #f80e63;
    color: #f80e63;
    background: #fff5f7;
}

ul.paging li.active a {
    background: #f80e63;
    border-color: #f80e63;
    color: #fff;
    font-weight: 700;
    cursor: default;
}

ul.paging li.pre a,
ul.paging li.nxt a {
    min-width: 40px;
    font-size: 18px;
    font-weight: 400;
}

ul.paging li.dots a {
    border: none;
    background: transparent;
    cursor: default;
    color: #9ca3af;
}

ul.paging li.dots a:hover {
    border: none;
    background: transparent;
    color: #9ca3af;
}

ul.paging li a.disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

/* Xóa icon bút cũ từ pseudo-element */
ul.paging li.pre a i,
ul.paging li.nxt a i {
    display: none !important;
}

/* === Product Card Grid — thu hẹp khoảng cách === */
.shop-product-area .row {
    margin-left: -5px;
    margin-right: -5px;
}

.shop-product-area .row>[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
}

/* === Footer Color Override === */
.footer-static-middle {
    background: #fff0f5 !important;
    color: #3d1a2a !important;
}

.footer-bottom {
    background: #ffd6e7 !important;
}

.footer-desc,
.footer-contact-list li {
    color: #6b3a4e !important;
}

.footer-contact-list a {
    color: #3d1a2a !important;
}

.footer-nav-list li a {
    color: #6b3a4e !important;
}

.footer-block-title {
    color: #1a0a10 !important;
}

.footer-bottom-inner {
    color: #6b3a4e !important;
}

.footer-bottom-inner a {
    color: #3d1a2a !important;
}

/* === Quantity Input — Modern Style === */
.cart-plus-minus {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    position: relative !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #fff !important;
}

.cart-plus-minus .cart-plus-minus-box {
    border: none !important;
    width: 48px !important;
    height: 40px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    background: transparent !important;
    padding: 0 !important;
    order: 2 !important;
}

.cart-plus-minus .dec.qtybutton,
.cart-plus-minus .inc.qtybutton {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    color: #f80e63 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    line-height: 1 !important;
}

.cart-plus-minus .dec.qtybutton {
    order: 1 !important;
    border-right: 1px solid #f0f0f0 !important;
    bottom: auto !important;
    right: auto !important;
}

.cart-plus-minus .inc.qtybutton {
    order: 3 !important;
    border-left: 1px solid #f0f0f0 !important;
    top: auto !important;
    right: auto !important;
    border-bottom: none !important;
}

.cart-plus-minus .dec.qtybutton:hover,
.cart-plus-minus .inc.qtybutton:hover {
    background: #fff5f7 !important;
    color: #f80e63 !important;
}

.quantity label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b;
    margin-bottom: 8px;
}

/* === Variant — Fix text wrap === */
.product-social-sharing ul li a,
.variant-item a {
    white-space: nowrap !important;
}

/* === Cart Quantity Widget === */
.cart-qty-wrap {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid #f0f0f0;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
}

.cart-btn-qty {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    color: #f80e63;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cart-btn-qty:hover {
    background: #fff5f7;
}

.cart-qty-num {
    min-width: 36px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    padding: 0 4px;
    line-height: 32px;
}

/* =================================================================
   FIX: ẢNH TRÀN TRONG TRANG DETAIL (description / content từ CMS)
   ================================================================= */
.description img,
.description p img,
.description figure img,
.product-details-content img,
.tab-content .description img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    border-radius: 8px;
}

/* Wrapper description không tràn ra ngoài */
.description,
.product-details-content .description {
    overflow: hidden;
    word-break: break-word;
}

/* Mobile: đảm bảo ảnh không vượt màn hình */
@media (max-width: 768px) {

    .description img,
    .product-details-content img {
        max-width: 100vw !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 6px;
    }

    .description {
        overflow-x: hidden;
    }
}

/* =================================================================
   GLOBAL AJAX LOADING OVERLAY — FAVICON SPINNER
   ================================================================= */
.body-mark {
    display: flex;
    /* Luôn flex, không toggle display */
    position: fixed;
    inset: 0;
    z-index: 99999;
    opacity: 0;
    /* Ẩn mặc định bằng opacity */
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.body-mark.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}


.loader-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-box {
    background: transparent;
    border-radius: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    box-shadow: none;
}

/* Wrapper chứa ring + icon */
.loader-spinner-wrap {
    position: relative;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SVG ring quay xung quanh */
.loader-ring {
    position: absolute;
    inset: 0;
    width: 150px;
    height: 150px;
    animation: ringRotate 1s linear infinite;
}

/* Vòng nền mờ */
.loader-ring-track {
    fill: none;
    stroke: rgba(248, 14, 99, 0.15);
    stroke-width: 4;
}

/* Vòng quay chính */
.loader-ring-spin {
    fill: none;
    stroke: #f80e63;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 175.9;
    /* 2πr ≈ 2×3.14159×28 */
    stroke-dashoffset: 132;
    /* ~75% ẩn → tạo arc ~25% */
    transform-origin: 32px 32px;
}

@keyframes ringRotate {
    from {
        transform: rotate(-90deg);
    }

    to {
        transform: rotate(270deg);
    }
}

/* Favicon đứng yên ở giữa */
.loader-favicon {
    position: relative;
    width: 62px;
    height: 62px;
    border-radius: 14px;
    image-rendering: crisp-edges;
    box-shadow: 0 4px 16px rgba(248, 14, 99, 0.25);
    z-index: 1;
}

.loader-text {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.5px;
    white-space: nowrap;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

/* bodymax: chặn scroll khi loading */
body.bodymax {
    overflow: hidden !important;
}

@media (max-width: 768px) {
    .loader-favicon {
        width: 52px;
        height: 52px;
    }

    .loader-spinner-wrap,
    .loader-ring {
        width: 86px;
        height: 86px;
    }
}
/*------------------------------------------------------------------------------------
Template:   limupa - Digital Products Store ECommerce Bootstrap 4 Template
Author: HasTech
Version: 1
Note: responsive.css, All Responsive CSS Style For This Theme Included In This File.
---------------------------------------------------------------*/
/* Large Desktop Device :1501px*/
@media (min-width: 1501px) {
	/*Li's Default Container*/
	.container {
	    max-width: 1170px;
	    padding-left: 0;
	    padding-right: 0;
	}
}
/*Desktop Device : 1200px*/
@media (min-width: 1200px) and (max-width: 1500px) {
	/*Li's Default Container*/
	.container {
	    max-width: 1170px;
	    padding-left: 0;
	    padding-right: 0;
	}
	.category-heading-menu > h2{
		color:black
	}
}
/* Normal Device :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	/*Header Middle*/
	.header-middle {
		padding: 13px 0;
	}
	.hm-searchbox {
		min-width: 0;
	}
	/*Category Menu*/
	.catmenu .catmenu-dropdown .megamenu > li {
		min-width: 238.2px;
	}
	/*Footer Static Middle*/
	.social-link > li > a {
		width: 35px;
		height: 35px;
		line-height: 35px !important;
	}
	/*Footer Shipping Area*/
	.shipping-text p {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	
}
@media (max-width: 1199px) {
	.block-filter-sort .filter-sort__list-filter .btn-filter {
		width: 17%;
	}
	.filter-sort__list-filter{
		padding-right:5px;
	}
}
/* Tablet Desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	/*Home Version One Area*/
	/*Header Right*/
	.header-middle-right {
		display: flex;
		justify-content: center;
	}
	/*Header Middle*/
	.hm-searchbox {
		min-width: 480px;
	}
	.logo {
		text-align: center;
	}
	/*Header Bottom*/
	.header-bottom, .header-sticky.sticky {
		background: transparent;
	}
	/*Mobile Menu*/
	.megamenu-static-holder {
		position: relative !important;
	}
	/*Slider*/
	.bg-1, .bg-2, .bg-3 {
		min-height: 389px;
	}
	.slider-content {
		padding-left: 40px;
	}
	.slider-content > h5 {
		max-width: 250px;
	}
	.slider-content > h2 {
		font-size: 26px;
		max-width: 220px;
	}
	.slider-content > h3 > span {
		font-size: 24px;
	}
	/*Footer Shipping Area*/
	.sm-no-gutters {
		margin-left: 0;
		margin-right: 0;
	}
	.footer-static-top-3 .footer-shipping .row > [class*="col"] {
	  padding: 0px;
	}
	.shipping-text h2 {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.shipping-text p {
		max-width: 240px;
		margin: 0 auto;
	}
	.footer-static-top-3 .shipping-text p {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	/*Home Three Style | Featured Product*/
	.featured-product-action .add-actions-link li.add-cart {
		width: 100px;
	}
	/*Category MenuHome | Two & Three Style*/
	.category-menu-list > ul > li.right-menu > a:after {
	 display: none;
	}
	.category-menu {
	 width: 100%;
	 position: relative;
	}
	.cat-mega-menu,
	.cat-dropdown {
	 position: static;
	 z-index: 9;
	 opacity: 1;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 visibility: visible;
	 background-color: transparent;
	 padding: 0;
	    box-shadow: none;
	    border: 0;
	 width: 100%;
	 -webkit-transition: none;
	 transition: none;
	}
	.category-menu-list > ul > li i {
	 position: absolute;
	 right: 0;
	 top: 0;
	 cursor: pointer;
	 height: 40px;
	 width: 40px;
	 line-height: 40px;
	 z-index: 9;
	}
	.category-menu-list > ul > li i:before {
	 background-color: #606060;
	 width: 8px;
	 height: 2px;
	 content: "";
	 position: absolute;
	 left: 50%;
	 margin-left: -4px;
	 margin-top: -1px;
	 top: 50%;
	}
	.category-menu-list > ul > li i:after {
	 background-color: #606060;
	 width: 2px;
	 height: 8px;
	 content: "";
	 position: absolute;
	 left: 50%;
	 margin-top: -4px;
	 margin-left: -1px;
	 top: 50%;
	 -webkit-transition: all 0.3s ease 0s;
	 transition: all 0.3s ease 0s;
	 -webkit-transform: scaleY(0);
	 transform: scaleY(0);
	}
	.category-menu-list > ul > li i.expand:after {
	 -webkit-transform: scaleY(1);
	 transform: scaleY(1);
	}
	li.right-menu .cat-mega-menu > li {
	 -webkit-box-flex: 0;
	     -ms-flex: 0 0 100%;
	         flex: 0 0 100%;
	    width: 100%;
	 padding: 0;
	 position: relative;
	}
	.cat-mega-menu > li.cat-mega-title > a:after{
	    display: none;        
	}
	.cat-mega-menu > li.cat-mega-title > a,
	.cat-mega-menu > li > ul > li > a,
	.cat-dropdown > li > a{
	 padding: 10px 25px 10px 35px;
	 line-height: 18px;
	 font-size: 13px;
	 color: #7a7a7a;
	 font-weight: normal;
	 position: relative;
	 margin: 0;
	    border-bottom: 1px solid #e8e8e8;
	    display: block;
	 text-transform: inherit;
	}
	.cat-mega-menu > li.cat-mega-title:last-child > a,
	.cat-mega-menu > li > ul > li:last-child > a,
	.cat-dropdown > li:last-child > a{
	    border-bottom: 0;        
	}
	p img {
		width: 100%;
		height: 300px;
	}
}
/*Large Mobile Device :576px */
@media (min-width: 576px) and (max-width: 767px) {
	/*Home Version One Area*/
	/*Header Top*/
	.header-top-left {
		text-align: center;
		padding-bottom: 10px;
	}
	.logo {
		text-align: center;
	}
	.header-top-right {
		display: flex;
		justify-content: center;
	}
	/*Header Middle*/
	.hm-searchbox {
		min-width: 268px;
	}
	.header-middle-right {
		display: flex;
		justify-content: center;
	}
	.hm-wishlist {
		margin-right: 15px;
	}
	.hm-minicart-trigger {
		padding: 0 10px 0 35px;
		font-size: 12px;
	}
	.item-icon::before {
		left: 10px;
		top: 11px;
		font-size: 15px;
	}
	.item-text::before {
		left: -4px;
		height: 15px;
		top: 0;
	}
	.cart-item-count {
		top: -28px;
		left: -40px;
		min-width: 26px;
		font-size: 12px;
	}
	.cart-item-count.wishlist-item-count {
		left: -10px;
		top: -10px;
	}
	.ht-menu > li .ht-setting-trigger span::after, 
	.ht-menu > li .ht-currency-trigger span::after, 
	.ht-menu > li .ht-language-trigger span::after, 
	.hm-minicart-trigger .item-text::after {
		font-size: 12px;
		margin-top: 2px;
	}
	/*Header Bottom*/
	.header-bottom, .header-sticky.sticky {
		background: transparent;
	}
	/*Mobile Menu*/
	.megamenu-static-holder {
		position: relative !important;
	}
	/*Slider*/
	.slider-content {
		padding-left: 35px;
	}
	.slider-content > h2 {
		font-size: 28px;
		max-width: 250px;
	}
	/*Product Area*/
	.li-product-menu li {
		padding-right: 15px;
	}
	.li-product-menu li a {
		padding: 0 15px 0 0;
	}
	/*Trending Product*/
	.li-trending-product-tab h2 {
		line-height: 24px;
		font-size: 16px;
	}
	/*Footer Shipping Area*/
	.shipping-text p {
		max-width: 240px;
		margin: 0 auto;
	}
	.footer-static-top-3 .footer-shipping {
		padding-bottom: 50px;
	}
	.footer-static-top-3 .li-shipping-inner-box {
		padding: 0;
		border: none;
	}
	/*Category MenuHome | Two & Three Style*/
	.category-menu-list > ul > li.right-menu > a:after {
	 display: none;
	}
	.category-menu {
	 width: 100%;
	 position: relative;
	}
	.cat-mega-menu,
	.cat-dropdown {
	 position: static;
	 z-index: 9;
	 opacity: 1;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 visibility: visible;
	 background-color: transparent;
	 padding: 0;
	    box-shadow: none;
	    border: 0;
	 width: 100%;
	 -webkit-transition: none;
	 transition: none;
	}
	.category-menu-list > ul > li i {
	 position: absolute;
	 right: 0;
	 top: 0;
	 cursor: pointer;
	 height: 40px;
	 width: 40px;
	 line-height: 40px;
	 z-index: 9;
	}
	.category-menu-list > ul > li i:before {
	 background-color: #606060;
	 width: 8px;
	 height: 2px;
	 content: "";
	 position: absolute;
	 left: 50%;
	 margin-left: -4px;
	 margin-top: -1px;
	 top: 50%;
	}
	.category-menu-list > ul > li i:after {
	 background-color: #606060;
	 width: 2px;
	 height: 8px;
	 content: "";
	 position: absolute;
	 left: 50%;
	 margin-top: -4px;
	 margin-left: -1px;
	 top: 50%;
	 -webkit-transition: all 0.3s ease 0s;
	 transition: all 0.3s ease 0s;
	 -webkit-transform: scaleY(0);
	 transform: scaleY(0);
	}
	.category-menu-list > ul > li i.expand:after {
	 -webkit-transform: scaleY(1);
	 transform: scaleY(1);
	}
	li.right-menu .cat-mega-menu > li {
	 -webkit-box-flex: 0;
	     -ms-flex: 0 0 100%;
	         flex: 0 0 100%;
	    width: 100%;
	 padding: 0;
	 position: relative;
	}
	.cat-mega-menu > li.cat-mega-title > a:after{
	    display: none;        
	}
	.cat-mega-menu > li.cat-mega-title > a,
	.cat-mega-menu > li > ul > li > a,
	.cat-dropdown > li > a{
	 padding: 10px 25px 10px 35px;
	 line-height: 18px;
	 font-size: 13px;
	 color: #7a7a7a;
	 font-weight: normal;
	 position: relative;
	 margin: 0;
	    border-bottom: 1px solid #e8e8e8;
	    display: block;
	 text-transform: inherit;
	}
	.cat-mega-menu > li.cat-mega-title:last-child > a,
	.cat-mega-menu > li > ul > li:last-child > a,
	.cat-dropdown > li:last-child > a{
	    border-bottom: 0;        
	}
	p img {
		width: 100%;
		height: 300px;
	}
}
/* Small Mobile Device :480px. */
@media (min-width: 480px) and (max-width: 575px) {
	/*Home Version One Area*/
	/*Header Top*/
	.header-top-left {
		text-align: center;
		padding-bottom: 10px;
	}
	.header-top-right {
		display: flex;
		justify-content: center;
	}
	/*Header Middle*/
	.logo {
		text-align: center;
	}
	.hm-searchbox {
		min-width: 268px;
		float: unset;
	}
	.header-middle-right {
		display: flex;
		justify-content: flex-start;
		padding-top: 30px;
	}
	.mean-container a.meanmenu-reveal {
		right: 0 !important;
	}
	.hm-wishlist {
		margin-right: 15px;
	}
	.cart-item-count {
		top: -30px;
		left: -59px;
		min-width: 26px;
		font-size: 12px;
	}
	.cart-item-count.wishlist-item-count {
		left: -10px;
		top: -10px;
	}
	.minicart {
		left: 0;
		right: auto;
	}
	/*Header Bottom*/
	.header-bottom, .header-sticky.sticky {
		background: transparent;
	}
	/*Mobile Menu*/
	.megamenu-static-holder {
		position: relative !important;
	}
	/*Slider*/
	.slider-content {
		padding-left: 35px;
	}
	.slider-content > h2 {
		font-size: 24px;
		max-width: 220px;
	}
	.slider-content > h3 {
		font-size: 16px;
	}
	.slider-content > h3 > span {
		font-size: 22px;
	}
	/*Li's Banner | Featured Banner | Single Banner*/
	.single-banner, .featured-banner, .li-banner {
		display: inline-block;
	}
	/*Product Area*/
	.li-product-menu li {
		padding-right: 0;
	}
	.li-product-menu li a {
		padding: 0 7.5px 0 7.5px;
	}
	.li-product-menu > li:first-child a {
		padding-left: 0;
	}
	/*Trending Product*/
	.li-trending-product-tab h2 {
		line-height: 24px;
		font-size: 18px;
	}
	.li-trending-product-menu {
		padding-top: 15px;
	}
	.li-product-menu > li > a > span {
		font-size: 14px;
	}
	.li-product-menu > li > a span::before, 
	.li-product-menu > li > a.active span::before {
		bottom: -13px;
	}
	/*Li's Static Home Area*/
	.li-static-home-content {
		padding-left: 25px;
	}
	.li-static-home-content > h2 {
		font-size: 24px;
	}
	.li-static-home-content > p.schedule span {
		font-size: 18px;
	}
	/*Footer Shipping Area*/
	.shipping-text p {
		margin: 0 auto;
		max-width: 240px;
	}
	.footer-static-top-3 .footer-shipping {
		padding-bottom: 50px;
	}
	.footer-static-top-3 .li-shipping-inner-box {
		padding: 0;
		border: none;
	}
	/*Category MenuHome | Two & Three Style*/
	.category-menu-list > ul > li.right-menu > a:after {
	 display: none;
	}
	.category-menu {
	 width: 100%;
	 position: relative;
	}
	.cat-mega-menu,
	.cat-dropdown {
	 position: static;
	 z-index: 9;
	 opacity: 1;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 visibility: visible;
	 background-color: transparent;
	 padding: 0;
	    box-shadow: none;
	    border: 0;
	 width: 100%;
	 -webkit-transition: none;
	 transition: none;
	}
	.category-menu-list > ul > li i {
	 position: absolute;
	 right: 0;
	 top: 0;
	 cursor: pointer;
	 height: 40px;
	 width: 40px;
	 line-height: 40px;
	 z-index: 9;
	}
	.category-menu-list > ul > li i:before {
	 background-color: #606060;
	 width: 8px;
	 height: 2px;
	 content: "";
	 position: absolute;
	 left: 50%;
	 margin-left: -4px;
	 margin-top: -1px;
	 top: 50%;
	}
	.category-menu-list > ul > li i:after {
	 background-color: #606060;
	 width: 2px;
	 height: 8px;
	 content: "";
	 position: absolute;
	 left: 50%;
	 margin-top: -4px;
	 margin-left: -1px;
	 top: 50%;
	 -webkit-transition: all 0.3s ease 0s;
	 transition: all 0.3s ease 0s;
	 -webkit-transform: scaleY(0);
	 transform: scaleY(0);
	}
	.category-menu-list > ul > li i.expand:after {
	 -webkit-transform: scaleY(1);
	 transform: scaleY(1);
	}
	li.right-menu .cat-mega-menu > li {
	 -webkit-box-flex: 0;
	     -ms-flex: 0 0 100%;
	         flex: 0 0 100%;
	    width: 100%;
	 padding: 0;
	 position: relative;
	}
	.cat-mega-menu > li.cat-mega-title > a:after{
	    display: none;        
	}
	.cat-mega-menu > li.cat-mega-title > a,
	.cat-mega-menu > li > ul > li > a,
	.cat-dropdown > li > a{
	 padding: 10px 25px 10px 35px;
	 line-height: 18px;
	 font-size: 13px;
	 color: #7a7a7a;
	 font-weight: normal;
	 position: relative;
	 margin: 0;
	    border-bottom: 1px solid #e8e8e8;
	    display: block;
	 text-transform: inherit;
	}
	.cat-mega-menu > li.cat-mega-title:last-child > a,
	.cat-mega-menu > li > ul > li:last-child > a,
	.cat-dropdown > li:last-child > a{
	    border-bottom: 0;        
	}
	p img {
		width: 100%;
		height: 300px;
	}
}
/* Extra Small Mobile Device :320px. */
@media (max-width: 479px) {
	/*Home Version One Area*/
	/*Header Top*/
	.header-top-left {
		text-align: center;
		padding-bottom: 10px;
	}
	.header-top-right {
		display: flex;
		justify-content: center;
	}
	.ht-menu {
		flex-direction: row-reverse;
	}
	.ht-menu > li {
		padding: 0 15px;
		display: block;
	}
	.ht-setting-list > li > a {
		padding: 0 5px;
	}
	.minicart {
		left: -59px;
	}
	/*Header Middle*/
	.logo {
		text-align: center;
	}
	.hm-searchbox {
		min-width: 268px;
		float: unset;
	}
	.hm-searchbox .nice-select.select-search-category {
		display: none;
	}
	.hm-searchbox input {
		padding: 0 60px 0 15px;
	}
	.header-middle-right {
		display: flex;
		justify-content: flex-start;
		padding-top: 40px;
	}
	.mean-container a.meanmenu-reveal {
		right: 0 !important;
	}
	.hm-wishlist {
		margin-right: 15px;
	}
	.cart-item-count {
		top: -30px;
		left: -59px;
		min-width: 26px;
		font-size: 12px;
	}
	.cart-item-count.wishlist-item-count {
		left: -10px;
		top: -10px;
	}
	/*Header Bottom*/
	.header-bottom, .header-sticky.sticky {
		background: transparent;
	}
	/*Mobile Menu*/
	.megamenu-static-holder {
		position: relative !important;
	}
	/*Slider*/
	.slider-content {
		padding-left: 35px;
	}
	.slider-content > h2 {
		font-size: 24px;
		max-width: 220px;
	}
	.slider-content > h3 {
		font-size: 16px;
	}
	.slider-content > h3 > span {
		font-size: 22px;
	}
	/*Product Area*/
	.li-product-menu li {
		display: block;
		float: left;
		padding-right: 0;
	}
	.li-product-menu li a {
		padding: 0 15px 0 0;
		border-right: none;
	}
	/*Trending Product*/
	.li-trending-product-tab h2 {
		line-height: 24px;
		font-size: 18px;
	}
	.li-trending-product-menu {
		padding-top: 15px;
	}
	.li-product-menu > li > a > span {
		font-size: 15px;
		line-height: 30px;
	}
	.li-product-menu > li > a span::before, .li-product-menu > li > a.active span::before {
		bottom: 0;
	}
	/*Laptop Area*/
	.li-sub-category-list > li {
		display: block;
		float: right;
		padding-top: 10px;
	}
	.li-sub-category-list > li > a {
		margin: 0 5px 0 5px;
	} 
	.li-section-title > h2 > span::before {
		bottom: -22px;
	}
	.li-sub-category-list > li > a::after {
		bottom: -16px;
	}
	/*Li's Static Home Area*/
	.li-static-home-content {
		padding-left: 25px;
	}
	.li-static-home-content > h2 {
		font-size: 24px;
	}
	.li-static-home-content > p.schedule span {
		font-size: 18px;
	}
	/*Li's Featured Product Area*/
	.featured-pro-wrapper .product-img {
		width: auto;
	}
	.featured-pro-wrapper .featured-pro-content {
		width: 100%;
	}
	/*Footer Shipping Area*/
	.footer-shipping {
		padding-bottom: 25px !important;
	}
	.footer-static-top-3 .footer-shipping {
		padding-bottom: 50px;
	}
	.footer-static-top-3 .li-shipping-inner-box {
		padding: 0;
		border: none;
	}
	/*Footer Middle Area*/
	.social-link > li > a {
		width: 30px;
		height: 30px;
		line-height: 33px !important;
	}
	/*Single Product Page*/
	.product-social-sharing > ul > li {
		padding: 0;
	}
	.product-social-sharing > ul > li > a {
		font-size: 10px;
		padding: 4px;
	}
	.cart-quantity .add-to-cart {
		padding: 13px 40px;
	}
	/*404 Error Page Area*/
	.error-text h1 {
		font-size: 120px;
	}
	.error-text h2 {
		font-size: 28px;
	}
	.error-text > p {
		font-size: 17px;
	}
	#search-form {
		width: 250px;
	}
	/*About Us Page*/
	.about-text-wrap h2 {
		font-size: 34px;
	}
	/*Checkout Page*/
	.checkout-form-list {
		margin-bottom: 25px;
	}
	.create-acc {
		margin-bottom: 10px;
	}
	.ship-different-title h3 label {
		font-size: 14px;
	}
	/*Blog Details Page*/
	.li-main-blog-details-page {
		padding-bottom: 45px !important;
	}
	/*Category MenuHome | Two & Three Style*/
	.category-menu-list > ul > li.right-menu > a:after {
	 display: none;
	}
	.category-menu {
	 width: 100%;
	 position: relative;
	}
	.cat-mega-menu,
	.cat-dropdown {
	 position: static;
	 z-index: 9;
	 opacity: 1;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 visibility: visible;
	 background-color: transparent;
	 padding: 0;
	    box-shadow: none;
	    border: 0;
	 width: 100%;
	 -webkit-transition: none;
	 transition: none;
	}
	.category-menu-list > ul > li i {
	 position: absolute;
	 right: 0;
	 top: 0;
	 cursor: pointer;
	 height: 40px;
	 width: 40px;
	 line-height: 40px;
	 z-index: 9;
	}
	.category-menu-list > ul > li i:before {
	 background-color: #606060;
	 width: 8px;
	 height: 2px;
	 content: "";
	 position: absolute;
	 left: 50%;
	 margin-left: -4px;
	 margin-top: -1px;
	 top: 50%;
	}
	.category-menu-list > ul > li i:after {
	 background-color: #606060;
	 width: 2px;
	 height: 8px;
	 content: "";
	 position: absolute;
	 left: 50%;
	 margin-top: -4px;
	 margin-left: -1px;
	 top: 50%;
	 -webkit-transition: all 0.3s ease 0s;
	 transition: all 0.3s ease 0s;
	 -webkit-transform: scaleY(0);
	 transform: scaleY(0);
	}
	.category-menu-list > ul > li i.expand:after {
	 -webkit-transform: scaleY(1);
	 transform: scaleY(1);
	}
	li.right-menu .cat-mega-menu > li {
	 -webkit-box-flex: 0;
	     -ms-flex: 0 0 100%;
	         flex: 0 0 100%;
	    width: 100%;
	 padding: 0;
	 position: relative;
	}
	.cat-mega-menu > li.cat-mega-title > a:after{
	    display: none;        
	}
	.cat-mega-menu > li.cat-mega-title > a,
	.cat-mega-menu > li > ul > li > a,
	.cat-dropdown > li > a{
	 padding: 10px 25px 10px 35px;
	 line-height: 18px;
	 font-size: 13px;
	 color: #7a7a7a;
	 font-weight: normal;
	 position: relative;
	 margin: 0;
	    border-bottom: 1px solid #e8e8e8;
	    display: block;
	 text-transform: inherit;
	}
	.cat-mega-menu > li.cat-mega-title:last-child > a,
	.cat-mega-menu > li > ul > li:last-child > a,
	.cat-dropdown > li:last-child > a{
	    border-bottom: 0;        
	}
	/*Blog Details Page*/
	.li-blog-single-item .li-blog-content .li-blog-details h3 {
		font-size: 18px;
	}
	/*Contact Page*/
	h3.contact-page-title {
		font-size: 25px;
	}
	p img {
		width: 100%;
		height: 300px;
	}
}
@media (min-width: 765px) {
	.sortmobile {
		display: none;
	}
}
@media (max-width: 765px) {
	.sortdesktop {
		display: none;
	}
	.sortmobile {
		display: block;
	}
	.icon-cate{
		width:33%;
	}
	.img-home {
		width: 50%;
	}
	#baner1and2{
		display:none
	}
}

@media screen and (max-width:500px) {
	.coupon {
		display: grid;
		grid-template-columns: 1fr;
	}

	.left div {
		transform: rotate(0deg);
	}

	.right div {
		transform: rotate(0deg);
	}
}
/*----------------------------------------------------------------------------------------------------*/
/*------------------------------------------> The End <-----------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/* =============================================================
   SITE-CUSTOM.CSS — SusHebe
   Tất cả CSS inline từ _Layout.cshtml đã được trích ra đây.
   Cấu hình / chỉnh sửa tại file này.
   ============================================================= */

/* ---- Override @font-face to prevent square icons (FOIT/FOUT) ---- */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0') format('woff2'),
        url('../fonts/fontawesome-webfont3e6e.woff?v=4.7.0') format('woff'),
        url('../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Material-Design-Iconic-Font';
    src: url('../fonts/Material-Design-Iconic-Fontd1f1.woff2?v=2.2.0') format('woff2'),
        url('../fonts/Material-Design-Iconic-Fontd1f1.woff?v=2.2.0') format('woff'),
        url('../fonts/Material-Design-Iconic-Fontd1f1.ttf?v=2.2.0') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* ---- Badge Hidden (Cart count = 0) ---- */
.badge-hidden {
    display: none !important;
}

/* ---- Floating Contact Stack ---- */
.floating-contact-stack {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    transition: bottom 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.floating-contact-stack.has-scrollup {
    bottom: 90px;
}

.contact-item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.contact-label {
    background-color: rgba(255, 255, 255, 0.95);
    color: #333;
    border: 1px solid #eef0f2;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    margin-right: 12px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    pointer-events: none;
    user-select: none;
    opacity: 0.9;
}

.contact-item:hover .contact-label {
    opacity: 1;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    color: #f80e63;
    transform: translateX(-3px);
}

.contact-icon-wrapper {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.contact-item:hover .contact-icon-wrapper {
    transform: scale(1.08);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22);
}

.phone-item .contact-icon-wrapper {
    background-color: #f80e63;
    color: #fff;
}

.phone-item .contact-icon svg {
    width: 22px;
    height: 22px;
    fill: #fff;
    animation: phoneWiggle 0.5s infinite alternate;
}

.messenger-item .contact-icon-wrapper {
    background-color: #0084ff;
    color: #fff;
}

.messenger-item .contact-icon svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    display: block;
}

.zalo-item .contact-icon-wrapper {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.floating-contact-stack .zalo-item,
.floating-contact-stack .messenger-item {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    max-height: 0;
    margin-top: 0;
    transform: scale(0.8) translateY(15px);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.floating-contact-stack.has-scrollup .zalo-item,
.floating-contact-stack.has-scrollup .messenger-item {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    max-height: 100px;
    margin-top: 15px;
    transform: scale(1) translateY(0);
}

.floating-contact-stack.has-scrollup .zalo-item {
    transition-delay: 0s;
}

.floating-contact-stack.has-scrollup .messenger-item {
    transition-delay: 0.07s;
}

@keyframes phoneWiggle {
    0% {
        transform: rotate(-10deg) scale(1);
    }

    100% {
        transform: rotate(10deg) scale(1.05);
    }
}

.phone-pulse-effect {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(248, 14, 99, 0.4);
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -1;
    animation: phonePulse 2s infinite ease-out;
    pointer-events: none;
}

@keyframes phonePulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

#scrollUp {
    right: 25px !important;
    bottom: 25px !important;
    height: 46px !important;
    width: 46px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #FF2E93 0%, #F80E63 100%) !important;
    border: none !important;
    z-index: 9999 !important;
    box-shadow: 0 4px 18px rgba(248, 14, 99, 0.40) !important;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
        box-shadow 0.25s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    animation: scrollUpAppear 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scrollUpAppear {
    from {
        transform: scale(0.5) translateY(10px);
        opacity: 0;
    }

    to {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

#scrollUp:hover {
    transform: translateY(-3px) scale(1.1) !important;
    box-shadow: 0 10px 28px rgba(248, 14, 99, 0.52) !important;
}

#scrollUp:active {
    transform: scale(0.94) !important;
}

#scrollUp i {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1 !important;
    display: inline-block !important;
}

@media (max-width: 991px) {
    .contact-label {
        display: none !important;
    }

    /* Thu nhỏ kích thước wrapper icon xuống 38px */
    .contact-icon-wrapper {
        width: 38px !important;
        height: 38px !important;
    }

    .phone-item .contact-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    .messenger-item .contact-icon svg {
        width: 18px !important;
        height: 18px !important;
    }

    .floating-contact-stack .zalo-item img {
        width: 38px !important;
        height: 38px !important;
    }

    .floating-contact-stack {
        right: 12px;
        bottom: 20px;
        gap: 8px;
        /* Dùng gap thay cho margin để khoảng cách đều */
    }

    /* Vị trí mặc định trên mobile khi KHÔNG có sticky bar (sát dưới màn hình) */
    .floating-contact-stack.has-scrollup {
        bottom: 70px;
    }

    #scrollUp {
        right: 12px !important;
        bottom: 20px !important;
        height: 38px !important;
        width: 38px !important;
        box-shadow: 0 3px 12px rgba(248, 14, 99, 0.35) !important;
    }

    #scrollUp i {
        font-size: 15px !important;
    }

    /* Đẩy lên cao chỉ khi có thanh sticky bar (trang chi tiết sản phẩm) */
    body:has(#mobileStickyBar) #scrollUp {
        bottom: 72px !important;
    }

    body:has(#mobileStickyBar) .floating-contact-stack.has-scrollup {
        bottom: 120px;
    }

    .floating-contact-stack.has-scrollup .zalo-item,
    .floating-contact-stack.has-scrollup .messenger-item {
        margin-top: 0px !important;
        /* Reset margin cũ */
    }

    /* Thu nhỏ nút Chat Widget bong bóng màu hồng ở góc trái dưới */
    #chatToggle {
        left: 12px !important;
        bottom: 20px !important;
        width: 38px !important;
        height: 38px !important;
    }

    #chatToggle svg.icon-chat {
        width: 18px !important;
        height: 18px !important;
    }

    #chatToggle svg.icon-close {
        width: 16px !important;
        height: 16px !important;
    }

    #chatBadge {
        width: 14px !important;
        height: 14px !important;
        font-size: 8px !important;
        top: -2px !important;
        right: -2px !important;
    }

    #chatPanel {
        left: 12px !important;
        bottom: 70px !important;
        width: calc(100vw - 24px) !important;
        max-width: 310px !important;
    }

    #purchaseToast {
        left: 12px !important;
        bottom: 70px !important;
        width: calc(100vw - 24px) !important;
        max-width: 300px !important;
    }
}

/* ---- Chat Widget ---- */
#chatToggle {
    position: fixed;
    bottom: 25px;
    left: 25px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f80e63, #ff4d8f);
    border: none;
    cursor: pointer;
    box-shadow: 0 6px 24px rgba(248, 14, 99, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9997;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s;
}

#chatToggle:hover {
    transform: scale(1.12);
    box-shadow: 0 10px 30px rgba(248, 14, 99, 0.55);
}

#chatToggle .icon-chat {
    transition: transform 0.3s, opacity 0.3s;
}

#chatToggle .icon-close {
    position: absolute;
    transform: scale(0) rotate(-90deg);
    opacity: 0;
    transition: transform 0.3s, opacity 0.3s;
}

#chatToggle.open .icon-chat {
    transform: scale(0) rotate(90deg);
    opacity: 0;
}

#chatToggle.open .icon-close {
    transform: scale(1) rotate(0deg);
    opacity: 1;
}

#chatBadge {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 18px;
    height: 18px;
    background: #ff3b30;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 10px;
    font-weight: 800;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: badgePop 2s infinite;
}

@keyframes badgePop {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.25)
    }
}

#chatPanel {
    position: fixed;
    bottom: 95px;
    left: 25px;
    width: 310px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
    z-index: 9996;
    overflow: hidden;
    transform: translateY(20px) scale(0.95);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s, visibility 0.3s;
    transform-origin: bottom left;
}

#chatPanel.open {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
}

.chat-hd {
    background: linear-gradient(135deg, #f80e63 0%, #ff6b9d 100%);
    padding: 18px 18px 28px;
    position: relative;
}

.chat-hd-ava {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 10px;
}

.chat-hd h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    margin: 0 0 3px;
}

.chat-hd p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
    margin: 0;
}

.chat-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #4ade80;
    border-radius: 50%;
    margin-right: 5px;
    box-shadow: 0 0 6px rgba(74, 222, 128, 0.8);
}

.chat-x {
    position: absolute;
    top: 12px;
    right: 14px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.chat-x:hover {
    background: rgba(255, 255, 255, 0.35);
}

.chat-bd {
    padding: 16px 14px 14px;
    background: #f8f9fb;
    margin-top: -14px;
    border-radius: 14px 14px 0 0;
}

.chat-bubble-row {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 14px;
}

.chat-ava-sm {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f80e63, #ff6b9d);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.chat-bubble {
    background: #fff;
    border-radius: 16px 16px 16px 4px;
    padding: 10px 14px;
    font-size: 13px;
    color: #1e293b;
    line-height: 1.55;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    max-width: 220px;
}

.chat-bubble strong {
    color: #f80e63;
}

.chat-chs {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 14px 14px;
}

.chat-ch {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    border-radius: 12px;
    text-decoration: none !important;
    border: none;
    font-size: 13px;
    font-weight: 700;
    color: #fff !important;
    transition: transform 0.2s, box-shadow 0.2s;
}

.chat-ch:hover {
    transform: translateY(-2px);
}

.chat-ch.zalo {
    background: linear-gradient(135deg, #0068ff, #0050cc);
    box-shadow: 0 4px 14px rgba(0, 104, 255, 0.3);
}

.chat-ch.zalo:hover {
    box-shadow: 0 8px 20px rgba(0, 104, 255, 0.4);
}

.chat-ch.fb {
    background: linear-gradient(135deg, #0084ff, #0066d6);
    box-shadow: 0 4px 14px rgba(0, 132, 255, 0.3);
}

.chat-ch.fb:hover {
    box-shadow: 0 8px 20px rgba(0, 132, 255, 0.4);
}

.ch-ico {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ch-info {
    display: flex;
    flex-direction: column;
}

.ch-name {
    font-size: 13px;
    font-weight: 800;
}

.ch-sub {
    font-size: 11px;
    opacity: 0.85;
    font-weight: 500;
}

@media(max-width:480px) {
    #chatPanel {
        width: calc(100vw - 40px);
    }
}

/* ---- Purchase Toast ---- */
#purchaseToast {
    position: fixed;
    bottom: 100px;
    left: 25px;
    right: auto;
    width: 300px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: 9995;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    transform: translateY(20px) scale(0.95);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.35s ease, visibility 0.35s;
    cursor: pointer;
    border-left: 4px solid #f80e63;
}

#purchaseToast.show {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
}

#purchaseToast:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}

.toast-img {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid #f1f5f9;
    background: #f8f9fb;
}

.toast-body {
    flex: 1;
    min-width: 0;
}

.toast-title {
    font-size: 12px;
    font-weight: 800;
    color: #f80e63;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 3px;
}

.toast-product {
    font-size: 12px;
    color: #1e293b;
    font-weight: 600;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.toast-time {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 4px;
}

.toast-close-btn {
    position: absolute;
    top: 7px;
    right: 9px;
    background: none;
    border: none;
    cursor: pointer;
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1;
    padding: 2px 4px;
    transition: color 0.2s;
}

.toast-close-btn:hover {
    color: #64748b;
}

.toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #f80e63, #ff6b9d);
    border-radius: 0 0 0 10px;
    width: 100%;
    transform-origin: left;
    animation: toastProgress 5s linear forwards;
}

@keyframes toastProgress {
    from {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

@media(max-width:480px) {
    #purchaseToast {
        width: calc(100vw - 50px);
        left: 25px;
        right: auto;
    }
}

/* ---- Search Suggestion Box ---- */
.search-suggest-box {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);
    padding: 14px 16px 16px;
    z-index: 9999;
    border: 1px solid #f1f5f9;
    animation: suggestFadeIn 0.2s ease;
}

@keyframes suggestFadeIn {
    from {
        opacity: 0;
        transform: translateY(-6px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.search-suggest-title {
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
}

.search-suggest-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.suggest-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 50px;
    background: #fff0f6;
    border: 1.5px solid rgba(248, 14, 99, 0.2);
    color: #f80e63;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.suggest-tag:hover {
    background: linear-gradient(135deg, #f80e63, #ff4d8f);
    color: #fff !important;
    border-color: transparent;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(248, 14, 99, 0.28);
}

.suggest-tag svg {
    flex-shrink: 0;
}

/* History */
.search-history-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 4px;
}

.sh-history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 4px;
    border-radius: 8px;
    transition: background 0.15s;
}

.sh-history-item:hover {
    background: #fdf2f8;
}

.sh-history-kw {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #334155;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.sh-history-kw svg {
    flex-shrink: 0;
    color: #94a3b8;
}

.sh-history-del {
    background: none;
    border: none;
    cursor: pointer;
    color: #94a3b8;
    font-size: 18px;
    line-height: 1;
    padding: 0 4px;
    border-radius: 50%;
    transition: color 0.15s, background 0.15s;
    flex-shrink: 0;
}

.sh-history-del:hover {
    color: #f80e63;
    background: #ffe4ef;
}

.sh-clear-all {
    background: none;
    border: none;
    cursor: pointer;
    color: #f80e63;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    transition: background 0.15s;
}

.sh-clear-all:hover {
    background: #fff0f6;
}

.sh-divider {
    height: 1px;
    background: #f1f5f9;
    margin: 8px 0 10px;
}

@media(max-width:991px) {
    .search-suggest-box {
        border-radius: 12px;
        padding: 12px 12px 14px;
    }

    .suggest-tag {
        font-size: 12px;
        padding: 5px 10px;
    }
}

/* =============================================================
   PRODUCT DETAIL PAGE — extracted from Detail.cshtml
   ============================================================= */

.product-description1 figure {
    text-align: center;
}

.bg-white {
    background: #fff;
    padding: 0 22px 0 22px;
}

.description {}

.text-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.short p {
    margin-bottom: 0px;
}

.chinh_sach_cua_shop {
    background: #fff8f9 !important;
    border: 1px solid #ffe4e6 !important;
    padding: 20px 16px 22px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(248, 14, 99, 0.03) !important;
    margin: 0 !important;
}

.chinh_sach_cua_shop ul li {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 16px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
    overflow: visible !important;
}

.chinh_sach_cua_shop ul li:last-child {
    margin-bottom: 0 !important;
}

.chinh_sach_cua_shop ul li.highlight-policy {
    background: #fff1f2 !important;
    border: 1.5px dashed #f43f5e !important;
    border-radius: 14px !important;
    padding: 8px 10px !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    transition: all 0.3s ease !important;
}

.chinh_sach_cua_shop ul li.highlight-policy:hover {
    background: #ffe4e6 !important;
    border-color: #e11d48 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(244, 63, 94, 0.15) !important;
}

.chinh_sach_cua_shop ul li.highlight-policy .chinhsach_icon {
    border-color: #f43f5e !important;
    background: #ffffff !important;
    margin-top: 0 !important;
}

.chinh_sach_cua_shop ul li.highlight-policy .chinhsach_content {
    color: #9f1239 !important;
    font-weight: 700 !important;
}

.rocket-emoji {
    display: inline-block !important;
    animation: rocketLaunch 2s infinite ease-in-out !important;
}

@keyframes rocketLaunch {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-3px) translateX(2px) scale(1.15);
    }
}

.chinhsach_icon {
    flex-shrink: 0 !important;
    width: 44px !important;
    height: 44px !important;
    background: #ffffff !important;
    border: 1px solid #ffd1dc !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(248, 14, 99, 0.05) !important;
    margin-right: 12px !important;
}

.chinhsach_icon img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
}

.has-icon .chinhsach_content {
    flex-grow: 1 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #334155 !important;
    font-weight: 500 !important;
    padding: 0 !important;
}

.chinh_sach_cua_shop .phone-link {
    display: block !important;
    color: #F80E63 !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    margin-top: 2px !important;
    transition: all 0.2s ease !important;
}

.chinh_sach_cua_shop .phone-link:hover {
    color: #e00b54 !important;
    text-decoration: none !important;
}

/* Modal footer */
.modal-footer {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.modal-footer .button.extra-small {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.modal-footer .button.extra-small:first-child {
    background-color: #ff4d4d;
    color: white;
}

.modal-footer .button.extra-small:last-child {
    background-color: #4CAF50;
    color: white;
}

.modal-footer .button.extra-small:hover {
    opacity: 0.8;
}

/* Variant Pills */
.hiden-check {
    display: none;
}

.product-additional-info {
    margin-top: 3px !important;
    margin-bottom: 10px !important;
}

.product-additional-info label {
    font-weight: 700 !important;
    color: #1e293b !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

.product-social-sharing ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 0 !important;
    list-style: none !important;
    margin: 0 !important;
}

.variant-item {
    background: #f1f5f9 !important;
    border: none !important;
    border-radius: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.variant-item a {
    display: block !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    text-decoration: none !important;
}

.variant-item:hover {
    border-color: transparent !important;
    background: #fff5f7 !important;
    box-shadow: none !important;
}

.variant-item:hover a {
    color: #f80e63 !important;
}

.variant-check {
    background: #fff5f7 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.variant-check a {
    color: #f80e63 !important;
    font-weight: 700 !important;
}

.check-tich {
    display: none !important;
}

.active-check {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 14px !important;
    height: 14px !important;
    background: #f80e63 !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 8px !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.variant-row-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-bottom: 10px !important;
}

.variant-row-wrap label {
    margin-bottom: 0 !important;
}

.bestsale-inline-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #fff5f7 !important;
    color: #f80e63 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    border: 1px solid #ffb3c6 !important;
}

@media (max-width: 767px) {
    .single-add-to-cart {
        overflow: visible !important;
    }

    .cart-quantity {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        float: none !important;
        overflow: visible !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    .cart-quantity .quantity {
        flex-shrink: 0 !important;
        float: none !important;
    }

    .cart-quantity .quantity label {
        display: none !important;
    }

    .cart-plus-minus {
        float: none !important;
        margin-right: 0 !important;
    }

    .cart-quantity .add-to-cart {
        flex: 1 1 auto !important;
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 13px 10px !important;
    }
}

/* Price Box */
.product-details-view-content .product-info .price-box {
    background: #f8fafc !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 16px 0 !important;
    border: 1px solid #f1f5f9 !important;
}

.product-details-view-content .product-info .price-box #gia-ban {
    color: #f80e63 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.product-details-view-content .product-info .price-box #gia-goc {
    color: #94a3b8 !important;
    font-size: 16px !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
}

.product-details-view-content .product-info .price-box span:last-child {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    background: #e2e8f0 !important;
    padding: 4px 12px !important;
    border-radius: 9999px !important;
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Title */
.product-details-view-content .product-info h1 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
}

/* Quantity / Cart */
.cart-quantity label {
    font-weight: 700 !important;
    color: #1e293b !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

.cart-plus-minus {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    width: 120px !important;
    height: 44px !important;
    overflow: hidden !important;
    background: #f8fafc !important;
}

.cart-plus-minus .cart-plus-minus-box {
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #1e293b !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

.cart-plus-minus .qtybutton {
    width: 36px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 16px !important;
    color: #475569 !important;
    transition: background 0.2s ease !important;
    user-select: none !important;
}

.cart-plus-minus .qtybutton:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

.cart-quantity {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

.cart-quantity .quantity {
    flex-shrink: 0 !important;
    margin-right: 0 !important;
}

.cart-quantity label {
    display: none !important;
}

.cart-plus-minus {
    width: 120px !important;
}

/* Mua Ngay Button */
.cart-quantity .add-to-cart {
    flex: 1 1 auto !important;
    background: linear-gradient(135deg, #FF2E93 0%, #F80E63 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    height: 44px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 14px rgba(248, 14, 99, 0.2) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

.cart-quantity .add-to-cart:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(248, 14, 99, 0.3) !important;
}

.cart-quantity .add-to-cart:active {
    transform: translateY(0) !important;
}

/* Shopee / Lazada Buttons */
.single-add-to-cart-partner {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    margin-top: 14px !important;
    width: 100% !important;
    padding-top: 10px;
}

.single-add-to-cart-partner .partner-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 40px !important;
    border-radius: 8px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    cursor: pointer !important;
}

.single-add-to-cart-partner .partner-btn a {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.3px !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    height: 100% !important;
    justify-content: center !important;
    text-decoration: none !important;
    padding: 0 10px !important;
}

.single-add-to-cart-partner .partner-btn a i {
    font-size: 13px !important;
    flex-shrink: 0 !important;
}

.single-add-to-cart-partner .partner-btn.shopee-btn {
    background: linear-gradient(135deg, #FD5E32 0%, #F53D2D 100%) !important;
}

.single-add-to-cart-partner .partner-btn.shopee-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(245, 61, 45, 0.3) !important;
}

.single-add-to-cart-partner .partner-btn.lazada-btn {
    background: linear-gradient(135deg, #101783 0%, #0f146d 100%) !important;
}

.single-add-to-cart-partner .partner-btn.lazada-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(16, 23, 131, 0.3) !important;
}

/* Gallery & Thumbnails */
.product-details-left {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

.product-details-images {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Fix giật khi chuyển ảnh: giữ container cố định height, dùng fade mode */
.product-details-images .slick-list,
.product-details-images .slick-track {
    height: 100% !important;
}

.product-details-images .lg-image {
    height: 460px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.product-details-images img {
    border-radius: 12px !important;
    object-fit: contain !important;
    width: 100% !important;
    max-height: 460px !important;
    display: block !important;
}

.product-details-thumbs {
    margin-top: 12px !important;
}

.product-details-thumbs .sm-image {
    border: 2px solid transparent !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 6px !important;
}

.product-details-thumbs .sm-image img {
    border-radius: 6px !important;
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
}

.product-details-thumbs .slick-current .sm-image {
    border-color: #f80e63 !important;
}

/* Mobile: giảm chiều cao ảnh */
@media (max-width: 767px) {
    .product-details-images .lg-image {
        height: 320px;
    }

    .product-details-images img {
        max-height: 320px !important;
    }
}

/* Product Detail — Mobile Responsive */
@media (max-width: 991px) {
    .product-details-view-content {
        margin-top: 24px !important;
    }

    .product-details-view-content .product-info h1 {
        font-size: 20px !important;
    }

    .product-details-view-content .product-info .price-box #gia-ban {
        font-size: 24px !important;
    }

    .cart-quantity {
        flex-direction: row !important;
        align-items: center !important;
    }

    .cart-plus-minus {
        width: 110px !important;
    }

    .cart-quantity .add-to-cart {
        flex: 1 !important;
        width: auto !important;
    }

    .single-add-to-cart-partner {
        grid-template-columns: 1fr !important;
    }
}

/* =============================================================
   HOME PAGE — extracted from Index.cshtml
   ============================================================= */
.product-text {
    display: block;
    display: -webkit-box;
    font-size: 16px;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
    width: 100%;
}

/* =============================================================
   NEW UX FEATURES STYLING (6 FEATURES)
   ============================================================= */

/* 1. AJAX Search Autocomplete */
.search-autocomplete-list {
    max-height: 350px;
    overflow-y: auto;
    margin-top: 6px;
}

.autocomplete-item {
    transition: background 0.2s ease;
}

.autocomplete-item:hover {
    background: #fdf2f8 !important;
}

.search-highlight {
    background: #fff0f6;
    padding: 0 2px;
    border-radius: 2px;
}

/* 2. Mini Cart Sidebar (Drawer) & Overlay */
.cart-sidebar {
    position: fixed;
    top: 0;
    right: -380px;
    width: 360px;
    height: 100vh;
    height: 100dvh;
    background: #fff;
    box-shadow: -6px 0 30px rgba(0, 0, 0, 0.15);
    z-index: 10001;
    transition: right 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

.cart-sidebar.open {
    right: 0;
}

.cart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: none;
    backdrop-filter: blur(2px);
    transition: opacity 0.3s ease;
}

.cart-sidebar-header {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-sidebar-title {
    font-size: 16px;
    font-weight: 800;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cart-sidebar-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #64748b;
    cursor: pointer;
    line-height: 1;
}

.cart-sidebar-close:hover {
    color: #f80e63;
}

.cart-sidebar-body {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cart-sidebar-footer {
    padding: 20px;
    border-top: 1px solid #f1f5f9;
    background: #f8fafc;
}

.cart-sidebar-footer-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 14px;
}

.cart-sidebar-footer-row span {
    color: #64748b;
}

.cart-sidebar-footer-row strong {
    color: #1e293b;
    font-weight: 700;
}

.cart-sidebar-footer-row.total {
    font-size: 18px;
    border-top: 1px dashed #cbd5e1;
    padding-top: 12px;
    margin-bottom: 16px;
}

.cart-sidebar-footer-row.total strong {
    color: #f80e63;
    font-size: 20px;
}

.cart-sidebar-btn-checkout {
    display: block;
    width: 100%;
    background: linear-gradient(135deg, #FF2E93 0%, #F80E63 100%);
    color: #fff !important;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(248, 14, 99, 0.2);
    transition: transform 0.2s, box-shadow 0.2s;
}

.cart-sidebar-btn-checkout:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(248, 14, 99, 0.3);
}

.cart-sidebar-btn-viewcart {
    display: block;
    width: 100%;
    background: #fff;
    color: #475569 !important;
    border: 1px solid #cbd5e1;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.2s;
    box-sizing: border-box;
}

.cart-sidebar-btn-viewcart:hover {
    background: #fff0f5;
    border-color: #ff4d8f;
    color: #f80e63 !important;
}

.cart-sidebar-btn-close {
    display: block;
    width: 100%;
    background: #fff;
    color: #475569 !important;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    text-align: center;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s;
    margin-top: 2px;
    outline: none;
    letter-spacing: 0.5px;
    box-sizing: border-box;
}

.cart-sidebar-btn-close:hover {
    background: #fff0f5;
    border-color: #ff4d8f;
    color: #f80e63 !important;
}

/* Sidebar Item Row Card */
.cart-sidebar-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f1f5f9;
    position: relative;
}

.cart-sidebar-item:last-child {
    border-bottom: none;
}

.cart-sidebar-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.cart-sidebar-info {
    flex: 1;
    min-width: 0;
    padding-right: 20px;
}

.cart-sidebar-item-name {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    display: block;
    white-space: normal;
    word-break: break-word;
    text-decoration: none !important;
    margin-bottom: 4px;
    line-height: 1.35;
}

.cart-sidebar-item-name:hover {
    color: #f80e63;
}

.cart-sidebar-item-price {
    font-size: 13px;
    color: #f80e63;
    font-weight: 700;
    margin-bottom: 6px;
}

.cart-sidebar-qty-control {
    display: inline-flex;
    align-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    overflow: hidden;
}

.cart-sidebar-qty-btn {
    border: none;
    background: none;
    width: 24px;
    height: 24px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    transition: background 0.2s;
}

.cart-sidebar-qty-btn:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.cart-sidebar-qty-num {
    padding: 0 8px;
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}

.cart-sidebar-remove {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    color: #ef4444;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    padding: 2px;
}

.cart-sidebar-remove:hover {
    color: #b91c1c;
}

/* 3. Fly-to-Cart Animation & Shake */
.fly-to-cart-temp-img {
    z-index: 99999;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

@keyframes shakeCart {

    0%,
    100% {
        transform: scale(1);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(-5deg);
    }

    20%,
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(5deg);
    }
}

.shake-cart-active {
    animation: shakeCart 0.6s ease;
}

/* 4. Recently Viewed Products (in catalog details) */
.recent-products-title {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f80e63;
    display: inline-block;
}

/* 5. Quick View / Quick Buy button on hover */
.product-image-container {
    position: relative;
    overflow: hidden;
}

.quick-buy-btn-overlay {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    background: rgba(15, 23, 42, 0.8);
    /* Nền tối mờ dưới đáy */
    backdrop-filter: blur(2px);
    display: flex;
    flex-direction: row;
    /* Chuyển thành hàng ngang */
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 8px;
    transition: bottom 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
    opacity: 0;
    z-index: 10;
    pointer-events: none;
}

.single-product-wrap:hover .quick-buy-btn-overlay {
    bottom: 0;
    opacity: 1;
    pointer-events: auto;
}

.single-product-wrap .product_desc {
    position: relative;
    z-index: 2;
}

.single-product-wrap:hover .add-actions {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.quick-buy-inner-btn {
    background: linear-gradient(135deg, #f80e63, #ff4d8f);
    color: #fff !important;
    border: none;
    border-radius: 6px;
    font-weight: 700;
    font-size: 11px;
    /* Nhỏ lại để không bị wrap chữ */
    padding: 6px 4px;
    cursor: pointer;
    text-transform: uppercase;
    flex: 1;
    transition: transform 0.2s, background 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-decoration: none !important;
    white-space: nowrap;
    height: 32px;
    box-sizing: border-box;
}

.quick-buy-inner-btn:hover {
    transform: scale(1.03);
    background: linear-gradient(135deg, #d6005a, #f80e63);
}

.quick-view-detail-btn {
    background: rgba(255, 255, 255, 0.2);
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 6px;
    font-weight: 700;
    font-size: 11px;
    /* Nhỏ lại để không bị wrap chữ */
    padding: 6px 4px;
    text-align: center;
    text-transform: uppercase;
    flex: 1;
    transition: all 0.2s;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    white-space: nowrap;
    height: 32px;
    box-sizing: border-box;
}

.quick-view-detail-btn:hover {
    background: #fff;
    color: #0f172a !important;
    transform: scale(1.03);
}

/* Mobile Quick Buy icon */
.mobile-quick-buy-btn {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: #f80e63;
    color: #fff !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 8px rgba(248, 14, 99, 0.35);
    z-index: 11;
    border: none;
}

/* 6. Dynamic Progress Bar Free Shipping */
.freeship-progress-container {
    background: #f1f5f9;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 14px;
}

.freeship-message {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px;
}

.freeship-message strong {
    color: #f80e63;
}

.freeship-progress-track {
    background: #e2e8f0;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.freeship-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #f80e63, #ff6b9d);
    width: 0%;
    border-radius: 4px;
    transition: width 0.4s ease, background 0.4s ease;
}

.freeship-progress-bar.success {
    background: linear-gradient(90deg, #10b981, #34d399);
}

/* Mobile responsive drawer & product actions */
@media (max-width: 991px) {
    .cart-sidebar {
        width: 100vw;
        right: -100vw;
        max-width: 100vw;
    }

    /* Tối ưu hóa chiều cao & khoảng cách giỏ hàng mini trên mobile */
    .cart-sidebar-header {
        padding: 12px 16px !important;
    }

    .cart-sidebar-body {
        padding: 12px 16px !important;
        gap: 10px !important;
    }

    .cart-sidebar-footer {
        padding: 12px 16px !important;
    }

    .cart-sidebar-footer-row {
        margin-bottom: 8px !important;
        font-size: 13px !important;
    }

    .cart-sidebar-footer-row.total {
        font-size: 16px !important;
        margin-bottom: 12px !important;
        padding-top: 8px !important;
    }

    .cart-sidebar-footer-row.total strong {
        font-size: 18px !important;
    }

    .cart-sidebar-btn-checkout {
        padding: 10px !important;
        font-size: 14px !important;
    }

    .cart-sidebar-footer-secondary-btns .cart-sidebar-btn-viewcart,
    .cart-sidebar-footer-secondary-btns .cart-sidebar-btn-close {
        padding: 9px !important;
        font-size: 12px !important;
    }

    .quick-buy-btn-overlay {
        background: rgba(15, 23, 42, 0.75) !important;
        padding: 5px 6px !important;
        gap: 4px !important;
    }

    .quick-buy-inner-btn,
    .quick-view-detail-btn {
        font-size: 9px !important;
        /* Giảm font nhẹ để vừa khít màn hình nhỏ */
        height: 26px !important;
        padding: 2px 2px !important;
        border-radius: 4px !important;
        gap: 2px !important;
    }

    .quick-buy-inner-btn i,
    .quick-view-detail-btn i {
        font-size: 10px !important;
    }

    .mobile-quick-buy-btn {
        display: none !important;
        /* Ẩn nút tròn giỏ hàng cũ */
    }
}

/* Flex group cho 2 nút Xem giỏ hàng & Đóng */
.cart-sidebar-footer-secondary-btns {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    width: 100%;
}

.cart-sidebar-footer-secondary-btns .cart-sidebar-btn-viewcart,
.cart-sidebar-footer-secondary-btns .cart-sidebar-btn-close {
    flex: 1;
    margin: 0 !important;
}

/* Slick Slider Arrows Styling for Recently Viewed Products */
.recent-products-slider {
    position: relative;
    padding: 0 15px;
}

.recent-products-slider .slick-prev,
.recent-products-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f80e63;
    border: none;
    color: transparent !important;
    font-size: 0 !important;
    /* Ẩn hoàn toàn chữ Previous/Next */
    z-index: 100;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(248, 14, 99, 0.35);
    transition: all 0.3s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.recent-products-slider .slick-prev {
    left: 5px;
}

.recent-products-slider .slick-next {
    right: 5px;
}

.recent-products-slider .slick-prev::before {
    content: "‹";
    /* Dùng unicode mũi tên trái chuẩn hệ thống */
    color: #fff !important;
    font-size: 28px !important;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin-top: -3px;
}

.recent-products-slider .slick-next::before {
    content: "›";
    /* Dùng unicode mũi tên phải chuẩn hệ thống */
    color: #fff !important;
    font-size: 28px !important;
    font-weight: bold;
    line-height: 1;
    display: block;
    margin-top: -3px;
}

.recent-products-slider .slick-prev:hover,
.recent-products-slider .slick-next:hover {
    background: #d6005a;
    transform: translateY(-50%) scale(1.1);
}

.recent-products-slider .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

/* Ẩn hoàn toàn nút điều hướng trên Mobile/Tablet vì đã có vuốt cảm ứng */
@media (max-width: 768px) {

    .recent-products-slider .slick-prev,
    .recent-products-slider .slick-next {
        display: none !important;
    }

    .recent-products-slider {
        padding: 0;
    }
}

/* Thu hẹp khoảng cách giữa các box sản phẩm trong slider trang chủ */
.product-active .owl-item .col-lg-12,
.special-product-active .owl-item .col-lg-12,
.li-featured-product-active .owl-item .col-lg-12,
.sp-carousel-active .owl-item .col-lg-12 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.product-active,
.special-product-active,
.li-featured-product-active,
.sp-carousel-active {
    padding: 0 4px !important;
}

/* =============================================================
   PRODUCT SHARE BAR — Premium Redesign
   ============================================================= */
.product-share-bar {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 12px;
    margin-top: 28px;
    margin-bottom: 20px;
    padding: 0;
    background: transparent;
    border: none;
    padding-top: 10px;
}

/* Label "Chia sẻ" */
.share-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Divider dọc giữa label và nút */
.share-divider {
    width: 1px;
    height: 22px;
    background: #e2e8f0;
    flex-shrink: 0;
}

/* Wrapper chứa icon + tooltip */
.share-icon-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Nút icon tròn chung */
.share-icon-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1),
        box-shadow 0.22s ease;
    text-decoration: none !important;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

/* Ripple effect */
.share-icon-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    opacity: 0;
    transform: scale(0);
    transition: opacity 0.3s, transform 0.3s;
}

.share-icon-btn:active::after {
    opacity: 1;
    transform: scale(1);
    transition: 0s;
}

.share-icon-btn:hover {
    transform: translateY(-3px) scale(1.08);
    text-decoration: none !important;
}

.share-icon-btn:active {
    transform: translateY(0) scale(0.95);
}

/* Facebook */
.share-fb {
    background: linear-gradient(135deg, #1877f2 0%, #0d65d8 100%);
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(24, 119, 242, 0.30);
}

.share-fb:hover {
    box-shadow: 0 8px 22px rgba(24, 119, 242, 0.42);
    color: #fff !important;
}

/* Zalo */
.share-icon-btn.share-zalo {
    background: linear-gradient(135deg, #00a8ff 0%, #0068ff 100%);
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(0, 104, 255, 0.30);
}

.share-icon-btn.share-zalo:hover {
    box-shadow: 0 8px 22px rgba(0, 104, 255, 0.42);
    color: #fff !important;
}

/* Copy link */
.share-copy-icon {
    background: #f1f5f9;
    color: #475569 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1.5px solid #e2e8f0;
}

.share-copy-icon:hover {
    background: #e2e8f0;
    color: #0f172a !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.12);
}

.share-copy-icon.copied {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #059669 !important;
    border-color: #6ee7b7;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.22);
}

/* Tooltip hiện khi hover */
.share-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    background: #1e293b;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
    z-index: 100;
}

/* Mũi tên tooltip */
.share-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #1e293b;
}

.share-icon-wrap:hover .share-tooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Toast notification */
.share-toast {
    position: fixed;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%) translateY(16px);
    background: #1e293b;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 18px;
    border-radius: 24px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
    z-index: 99999;
    opacity: 0;
    transition: opacity 0.22s ease, transform 0.22s ease;
    pointer-events: none;
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.share-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Mobile: icon nhỏ hơn chút, tooltip ẩn */
@media (max-width: 575px) {
    .product-share-bar {
        gap: 8px;
    }

    .share-icon-btn {
        width: 28px;
        height: 28px;
    }
}

/* Zalo icon từ CDN — không cần style thêm */

/* ---- Responsive Blog Content (chặn tràn khung) ---- */
/* Ép toàn bộ phần tử trong nội dung bài viết không được vượt quá container */
.li-blog-details * {
    max-width: 100%;
    box-sizing: border-box;
}

.li-blog-details img {
    height: auto !important;
}

.li-blog-details table {
    width: 100%;
    word-break: break-word;
}

/* =============================================================
   VIEWER COUNT BADGE — Product Detail Page
   ============================================================= */
.viewer-count-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #fff5f8;
    border: 1px solid rgba(248, 14, 99, 0.15);
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #c0456c;
    margin-bottom: 0;
    /* removed — dùng gap của flex row cha */
    user-select: none;
    white-space: nowrap;
}

.viewer-dot {
    width: 6px;
    height: 6px;
    background: #f80e63;
    border-radius: 50%;
    flex-shrink: 0;
    animation: viewerPulse 1.8s ease-in-out infinite;
}

@keyframes viewerPulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.35;
        transform: scale(0.65);
    }
}

/* =============================================================
   PRODUCT GRID — Home page (bỏ owl-carousel, dùng CSS Grid)
   ============================================================= */

/* Section header */
.section-header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e8f0;
}

.section-title {
    font-size: 20px;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: -0.3px;
}

.section-title-bar {
    display: inline-block;
    width: 5px;
    height: 24px;
    background: linear-gradient(180deg, #f80e63, #ff6b9d);
    border-radius: 4px;
    flex-shrink: 0;
}

/* "Xem tất cả" link bên phải */
.section-see-all {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #f80e63;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.15s;
}

.section-see-all:hover {
    opacity: 0.75;
    color: #f80e63;
    text-decoration: none;
}

.section-see-all-arrow {
    font-size: 15px;
    transition: transform 0.15s;
}

.section-see-all:hover .section-see-all-arrow {
    transform: translateX(3px);
}

/* Grid container — 4 cột desktop, 2 cột mobile */
.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

@media (max-width: 991px) {
    .product-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
}

@media (max-width: 575px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .section-title {
        font-size: 16px;
    }
}

/* Card ẩn mặc định (index >= 8) */
.pg-hidden {
    display: none !important;
}

/* Animation khi reveal */
@keyframes pgReveal {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pg-reveal {
    animation: pgReveal 0.35s ease forwards;
}

/* Card item */
.pg-item {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #f1f5f9;
    overflow: hidden;
    transition: box-shadow 0.25s, transform 0.25s;
    display: flex;
    flex-direction: column;
}

.pg-item:hover {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
    transform: translateY(-3px);
}

/* Ảnh */
.pg-img-wrap {
    display: block;
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f8f9fb;
}

.pg-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.pg-item:hover .pg-img-wrap img {
    transform: scale(1.05);
}

/* Badge sale */
.pg-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: linear-gradient(135deg, #f80e63, #ff4d8f);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 50px;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 8px rgba(248, 14, 99, 0.3);
}

/* Info */
.pg-info {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.pg-name {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    text-decoration: none !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
    transition: color 0.2s;
}

.pg-name:hover {
    color: #f80e63;
}

/* Giá */
.pg-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.pg-price-new {
    font-size: 15px;
    font-weight: 800;
    color: #f80e63;
}

.pg-price-old {
    font-size: 12px;
    color: #94a3b8;
    text-decoration: line-through;
}

/* Badge bán chạy */
.pg-bestsale {
    font-size: 11px;
    font-weight: 700;
    color: #f80e63;
    background: #fff0f5;
    border: 1px solid rgba(248, 14, 99, 0.2);
    border-radius: 50px;
    padding: 2px 8px;
    display: inline-block;
    width: fit-content;
}

/* Load more wrapper */
.load-more-wrap {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 8px;
}

/* Nút "Xem thêm N sản phẩm" */
.btn-load-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 32px;
    border: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #f80e63, #ff4d8f);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.22s, box-shadow 0.22s;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 18px rgba(248, 14, 99, 0.35);
    animation: loadMorePulse 2.4s ease-in-out infinite;
    position: relative;
}

@keyframes loadMorePulse {
    0%, 100% { box-shadow: 0 4px 18px rgba(248, 14, 99, 0.35); }
    50%       { box-shadow: 0 4px 28px rgba(248, 14, 99, 0.60); }
}

.btn-load-more:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 8px 28px rgba(248, 14, 99, 0.50);
    animation: none;
}

.btn-load-more svg {
    transition: transform 0.3s;
}

.btn-load-more:hover svg {
    transform: translateY(3px);
}


/* Link "Xem thêm nhiều sản phẩm" (sau khi load xong) */
.btn-view-cat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 28px;
    border-radius: 50px;
    background: linear-gradient(135deg, #f80e63, #ff4d8f);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform 0.22s, box-shadow 0.22s;
    box-shadow: 0 4px 16px rgba(248, 14, 99, 0.28);
    letter-spacing: 0.2px;
    animation: pgReveal 0.4s ease;
}

.btn-view-cat:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(248, 14, 99, 0.38);
}

.btn-view-cat svg {
    transition: transform 0.3s;
}

.btn-view-cat:hover svg {
    transform: translateX(4px);
}

/* Mobile: ẩn item index 6-7 (chỉ show 6 sp) */
@media (max-width: 575px) {
    .pg-hidden-mobile {
        display: none !important;
    }
}

@media (max-width: 575px) {

    .btn-load-more,
    .btn-view-cat {
        font-size: 13px;
        padding: 10px 20px;
    }
}

/* Loading spin icon cho btn-load-more */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.spin-icon {
    animation: spin 0.8s linear infinite;
    display: inline-block;
    vertical-align: middle;
}

/* =============================================================
   CIRCULAR CATEGORY ICONS — Popular Categories section
   ============================================================= */

.cate-section {
    padding: 18px 0 8px;
}

/* Grid: 6 cột desktop → co dần trên nhỏ hơn */
.cate-icon-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px 8px;
    margin-top: 14px;
}

@media (max-width: 991px) {
    .cate-icon-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 575px) {
    .cate-icon-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px 6px;
    }
}

@media (max-width: 380px) {
    .cate-icon-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Item: flex column, căn giữa */
.cate-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    text-decoration: none !important;
    transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cate-icon-item:hover {
    transform: translateY(-4px);
    text-decoration: none !important;
}

/* Vòng tròn bọc ảnh */
.cate-icon-circle {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff0f6 0%, #ffe4f0 100%);
    border: 2px solid rgba(248, 14, 99, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(248, 14, 99, 0.10);
    transition: box-shadow 0.22s ease, border-color 0.22s ease;
    flex-shrink: 0;
}

.cate-icon-item:hover .cate-icon-circle {
    box-shadow: 0 8px 22px rgba(248, 14, 99, 0.22);
    border-color: rgba(248, 14, 99, 0.30);
}

.cate-icon-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

/* Label tên danh mục */
.cate-icon-label {
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    text-align: center;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 80px;
    transition: color 0.2s;
}

.cate-icon-item:hover .cate-icon-label {
    color: #f80e63;
}

/* Mobile: circle nhỏ hơn */
@media (max-width: 575px) {
    .cate-icon-circle {
        width: 58px;
        height: 58px;
    }


    .cate-icon-label {
        font-size: 11px;
        max-width: 64px;
    }
}

/* =============================================================
   BANNER HOVER OVERLAY — 4 banner section (Home page)
   ============================================================= */

/* Thu gutter giữa 4 banner lại còn 4px */
.li-static-banner .row {
    margin-left: -2px;
    margin-right: -2px;
}

.li-static-banner .row > [class*="col-"] {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 4px;
}

/* Bỏ padding-bottom dư thừa của .pb-xs-30 trong banner section */
.li-static-banner .single-banner {
    padding-bottom: 0 !important;
}

/* Wrapper cần position:relative để overlay định vị được */
.single-banner.banner-hover {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

/* Ảnh: transition scale khi hover */
.single-banner.banner-hover a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.single-banner.banner-hover a img {
    display: block;
    width: 100%;
    transition: transform 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 8px;
}

.single-banner.banner-hover a:hover img {
    transform: scale(1.06);
}

/* Overlay gradient tối từ dưới lên */
.banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(15, 5, 20, 0.62) 0%,
        rgba(15, 5, 20, 0.18) 50%,
        transparent 100%
    );
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 18px;
    opacity: 0;
    transition: opacity 0.32s ease;
    border-radius: 8px;
    pointer-events: none; /* click xuyên qua overlay, vào thẻ <a> */
}

.single-banner.banner-hover a:hover .banner-overlay {
    opacity: 1;
}

/* Nút "Xem ngay →" */
.banner-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.95);
    color: #f80e63;
    font-size: 13px;
    font-weight: 800;
    padding: 8px 18px;
    border-radius: 50px;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    transform: translateY(10px);
    transition: transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1),
                background 0.2s ease;
    white-space: nowrap;
}

.single-banner.banner-hover a:hover .banner-cta {
    transform: translateY(0);
}

.banner-cta:hover {
    background: #f80e63 !important;
    color: #fff !important;
}

.banner-cta svg {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.single-banner.banner-hover a:hover .banner-cta svg {
    transform: translateX(3px);
}

/* Mobile: tắt hover effect (touch device không có hover chuẩn) */
@media (hover: none) {
    .banner-overlay {
        display: none;
    }
}

/* ===== HEADER COMPONENT CSS ===== */

/* ── Desktop Mega Menu (TGDD style) ───────────────────────────────── */
.hb-menu nav>ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
}

/* Nav items */
.dm-holder,
.dm-simple {
    position: relative;
    list-style: none;
    flex-shrink: 0;
}

.dm-holder>a,
.dm-simple>a {
    display: block;
    padding: 0 14px;
    line-height: 50px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    transition: background 0.18s;
}

.dm-holder>a:hover,
.dm-simple>a:hover,
.dm-holder:hover>a {
    background: rgba(0, 0, 0, 0.15);
    color: #fff;
}

/* Dropdown panel */
.dm-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 540px;
    max-width: min(800px, calc(100vw - 40px));
    background: #fff;
    border-radius: 0 12px 12px 12px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.12), 0 2px 8px rgba(248,14,99,0.08);
    z-index: 9500;
    padding: 20px 20px 22px;
    border-top: 3px solid #f80e63;
    animation: dmFadeIn .18s ease;
}
@keyframes dmFadeIn {
    from { opacity:0; transform:translateY(-6px); }
    to   { opacity:1; transform:none; }
}

.dm-holder:hover .dm-panel {
    display: block;
}

/* Invisible bridge */
.dm-holder::after {
    content: '';
    position: absolute;
    bottom: -4px; left: 0; right: 0;
    height: 6px;
    display: none;
    z-index: 9501;
}
.dm-holder:hover::after { display: block; }

/* Count badge inline */
.dm-count-small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 17px;
    border-radius: 8px;
    background: rgba(248,14,99,0.1);
    color: #f80e63;
    font-size: 10px;
    font-weight: 700;
    padding: 0 5px;
    margin-left: 4px;
    vertical-align: middle;
    line-height: 1;
}

/* Grid of groups */
.dm-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 6px 10px;
}

/* Group: title + sub-list — each group is a card on hover */
.dm-group {
    padding: 10px;
    border-radius: 10px;
    transition: background 0.15s;
}
.dm-group:hover {
    background: #fff5f8;
}

.dm-group-title {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 800;
    color: #111827;
    padding-bottom: 7px;
    margin-bottom: 6px;
    border-bottom: 1.5px solid #fce7f0;
    text-decoration: none;
    transition: color 0.12s;
    line-height: 1.4;
}
a.dm-group-title:hover { color: #f80e63; }

.dm-sub-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dm-sub-items li a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 6px;
    font-size: 12.5px;
    color: #374151;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.12s, background 0.12s;
    line-height: 1.45;
    border-radius: 6px;
}
.dm-sub-items li a:hover {
    color: #f80e63;
    background: rgba(248,14,99,0.06);
    padding-left: 10px;
}

/* ── MENU trigger button (mobile) ─────────────────────────────────── */
.btn-mm-trigger {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 6px 4px;
    cursor: pointer;
    line-height: 1;
    z-index: 10;
    -webkit-tap-highlight-color: transparent;
}

.btn-mm-trigger:hover {
    opacity: 0.8;
}



/* ── Backdrop ──────────────────────────────────────────────────────── */
.mm-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.48);
    z-index: 99998;
}

.mm-backdrop.open {
    display: block;
}

/* ── Panel container ───────────────────────────────────────────────── */
.mm-panel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 360px;
    max-width: 93vw;
    background: #fff;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 4px 0 28px rgba(0, 0, 0, 0.18);
}

.mm-panel.open {
    transform: translateX(0);
}

/* ── Panel header ──────────────────────────────────────────────────── */
.mm-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 16px;
    background: linear-gradient(135deg, #f80e63, #d4004e);
    flex-shrink: 0;
}

.mm-hd-title {
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.2px;
}

.mm-close-btn {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 17px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    flex-shrink: 0;
}

.mm-close-btn:hover {
    background: rgba(255, 255, 255, 0.35);
}

/* ── Body: 2-column ────────────────────────────────────────────────── */
.mm-body {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* Left: parent list */
.mm-left {
    width: 132px;
    flex-shrink: 0;
    background: #f7f8fa;
    border-right: 1px solid #eef0f3;
    overflow-y: auto;
    padding: 6px 0;
}

.mm-left-item {
    display: block;
    padding: 11px 12px;
    font-size: 13.5px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: all 0.15s;
    line-height: 1.4;
    user-select: none;
    position: relative;
}

.mm-left-item:hover {
    background: #fff;
    color: #f80e63;
    border-left-color: #fce7f0;
}

.mm-left-item.active {
    background: #fff;
    color: #f80e63;
    border-left-color: #f80e63;
    font-weight: 800;
    box-shadow: inset -2px 0 0 #fce7f0;
}

.mm-left-item.active::after {
    content: '\203A';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #f80e63;
    font-weight: 900;
}

/* Right: children */
.mm-right {
    flex: 1;
    overflow-y: auto;
    padding: 10px 10px 0;
    background: #fff;
}

.mm-right-panel {
    display: none;
}

.mm-right-panel.active {
    display: block;
}

/* Section header row */
.mm-section-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 2px 8px;
    border-bottom: 2px solid #fce7f0;
    margin-bottom: 8px;
}

.mm-section-name {
    font-size: 14px;
    font-weight: 800;
    color: #111827;
}

.mm-see-all {
    font-size: 11.5px;
    color: #f80e63;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}

.mm-see-all:hover {
    text-decoration: underline;
}

/* Group block (child has subs) */
.mm-group {
    margin-bottom: 10px;
}

.mm-group-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 0 4px;
}

.mm-group-title {
    font-size: 13px;
    font-weight: 700;
    color: #1f2937;
    text-decoration: none;
}

.mm-group-title:hover {
    color: #f80e63;
}

/* Sub-grid */
.mm-sub-grid {
    list-style: none;
    padding: 0;
    margin: 0 0 4px 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.mm-sub-grid li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 12.5px;
    color: #374151;
    text-decoration: none;
    transition: all 0.12s;
    font-weight: 500;
    gap: 4px;
}

.mm-sub-grid li a:hover {
    background: #fdf2f8;
    color: #f80e63;
}

/* Flat item (child no subs) */
.mm-flat-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 8px;
    border-radius: 7px;
    font-size: 13px;
    color: #1f2937;
    text-decoration: none;
    font-weight: 600;
    gap: 6px;
    transition: all 0.12s;
    margin-bottom: 2px;
}

.mm-flat-item a:hover {
    background: #fce7f0;
    color: #f80e63;
}

/* Count badge — kiểu text nhẹ "(7)" thay vì badge đỏ đậm */
.mm-count {
    display: inline;
    font-size: 11px;
    color: #9ca3af;
    background: none;
    font-weight: 400;
    padding: 0;
    border-radius: 0;
    flex-shrink: 0;
    min-width: unset;
    text-align: left;
    line-height: inherit;
}

.mm-count::before { content: "("; }
.mm-count::after  { content: ")"; }

.mm-empty {
    font-size: 12px;
    color: #9ca3af;
    padding: 8px 4px;
}

/* Footer close button */
.mm-footer {
    flex-shrink: 0;
    padding: 10px 12px;
    border-top: 1px solid #f3f4f6;
    background: #fff;
}

.mm-footer-close {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 11px;
    background: #f3f4f6;
    color: #374151;
    border: none;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}

.mm-footer-close:hover {
    background: #fce7f0;
    color: #f80e63;
}


/* ── Mobile responsive (header existing styles) ────────────────────── */
@media (max-width: 767px) {
    .header-middle .logo img {
        max-width: 135px !important;
        transform: translateX(-15px);
    }

    .header-middle-right {
        right: 8px !important;
    }

    .hm-menu>li {
        margin-left: 8px !important;
    }
}
/* =================================================================
   MOBILE HEADER — SusHebe Shop
   File này quản lý TẤT CẢ CSS của header trên mobile (≤991px).
   Thứ tự ưu tiên cao hơn mobile.css vì load sau trong _Layout.cshtml
   ================================================================= */

/* ── Search Bar (Pill) ───────────────────────────────────────────── */
@media (max-width: 991px) {
    .hm-searchbox {
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        border-radius: 30px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* Icon search bên TRÁI */
    .hm-searchbox button.li-btn.li-btn-left {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 42px !important;
        height: 36px !important;
        border-radius: 30px 0 0 30px !important;
        background: transparent !important;
        border: none !important;
        color: #aaa !important;
        font-size: 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 1 !important;
    }

    /* Input: căn giữa theo chiều dọc, text trái, padding cân 2 icon */
    .hm-searchbox input {
        width: 100% !important;
        height: 100% !important;
        padding: 0 48px 0 46px !important;
        border: none !important;
        background: #fff !important;
        font-size: 13px !important;
        color: #333 !important;
        text-align: left !important;
        line-height: normal !important;
        outline: none !important;
    }
}

/* ── Cart-in-Search Button (mobile only) ─────────────────────────── */
/* Desktop: ẩn hoàn toàn */
.search-cart-btn { display: none; }

@media (max-width: 991px) {
    .search-cart-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 42px;
        height: 36px;
        border-radius: 0 30px 30px 0;
        background: transparent;
        text-decoration: none;
        border-left: 1px solid rgba(0, 0, 0, 0.08);
        flex-shrink: 0;
    }

    .search-cart-btn svg {
        width: 19px;
        height: 19px;
        stroke: #aaa;
        display: block;
        flex-shrink: 0;
    }

    .search-cart-btn:active svg,
    .search-cart-btn:hover svg { stroke: #f80e63; }

    .search-cart-badge {
        position: absolute;
        top: 3px;
        right: 4px;
        min-width: 15px;
        height: 15px;
        padding: 0 3px;
        background: #f80e63;
        color: #fff;
        font-size: 9px;
        font-weight: 900;
        border-radius: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        z-index: 2;
    }

    .search-cart-badge.badge-hidden { display: none; }

    /* Ẩn giỏ hàng cũ ở header-middle-right */
    .hm-menu > li.hm-minicart { display: none !important; }
}

/* ── Mobile Nav Bar (TGDD style, below search bar) ───────────────── */
.mobile-nav-bar {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 0 12px;
    display: none; /* desktop: ẩn */
}

@media (max-width: 991px) {
    .mobile-nav-bar { display: block; }
}

.mobile-nav-menu-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 36px;
    padding: 0 12px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    border-radius: 6px;
    transition: background 0.15s;
    -webkit-tap-highlight-color: transparent;
}

.mobile-nav-menu-btn svg { stroke: #f80e63; flex-shrink: 0; }
.mobile-nav-menu-btn:active { background: #fce7f0; }

/* ── SVG Cart Icon (desktop header) ──────────────────────────────── */
.cart-svg-icon {
    width: 22px;
    height: 22px;
    color: #fff;
    display: block;
    flex-shrink: 0;
}

/* Ẩn fontawesome ::before, dùng SVG */
.item-icon::before { display: none !important; }

.item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== Footer ===== */
.footer-static-top { border-top: 1px solid #f0f0f0; background: #fff; padding: 30px 0 20px; }
.footer-static-middle { background: #2d1622; color: #cbd5e1; }
.footer-desc { font-size: 13px; line-height: 1.75; color: #94a3b8; margin-bottom: 16px; }
.footer-contact-list { list-style: none; padding: 0; margin: 0; }
.footer-contact-list li { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #94a3b8; margin-bottom: 8px; line-height: 1.5; }
.footer-contact-list a { color: #007bff; text-decoration: underline; transition: all 0.2s; }
.footer-contact-list a:hover { color: #0056b3; text-decoration: none; }
.footer-icon { color: #f80e63; font-size: 13px; margin-top: 2px; flex-shrink: 0; }
.footer-block-title { font-size: 15px; font-weight: 700; color: #f1f5f9; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid #f80e63; display: inline-block; }
.footer-nav-list { list-style: none; padding: 0; margin: 0; }
.footer-nav-list li { margin-bottom: 9px; }
.footer-nav-list li a { font-size: 13px; color: #94a3b8; text-decoration: none; transition: color 0.2s, padding-left 0.2s; display: block; }
.footer-nav-list li a:hover { color: #f80e63; padding-left: 4px; }
.footer-map-wrap { border-radius: 10px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,0.25); }
.footer-bottom { background: #1e0d18; padding: 14px 0; }
.footer-bottom-inner { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #64748b; flex-wrap: wrap; gap: 8px; }
.footer-bottom-inner a { color: #94a3b8; text-decoration: none; }
.footer-bottom-inner a:hover { color: #f80e63; }
.footer-logo img { display: block; }
@media (max-width: 767px) {
    .footer-map-wrap iframe { height: 180px; }
    .footer-bottom-inner { justify-content: center; text-align: center; }
    .mb-sm-30 { margin-bottom: 24px; }
}

/* ===== Voucher Modal ===== */
.voucher-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 0 0 14px; border-bottom: 2px solid #f8f9fb; margin-bottom: 14px; }
.voucher-modal-header h4 { font-size: 16px; font-weight: 800; color: #1e293b; margin: 0; display: flex; align-items: center; gap: 8px; }
.voucher-modal-header h4::before { content: "🏷️"; font-size: 18px; }
.voucher-close-btn { background: #f1f5f9; border: none; border-radius: 50%; width: 32px; height: 32px; font-size: 18px; color: #64748b; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; transition: background 0.2s, color 0.2s; flex-shrink: 0; }
.voucher-close-btn:hover { background: #fee2e9; color: #f80e63; }
.voucher-list { max-height: 52vh; overflow-y: auto; padding-right: 2px; display: flex; flex-direction: column; gap: 10px; }
.voucher-list::-webkit-scrollbar { width: 4px; }
.voucher-list::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 4px; }
.voucher-list::-webkit-scrollbar-thumb { background: #f80e63; border-radius: 4px; }
.voucher-card { display: flex; align-items: stretch; border-radius: 14px; overflow: hidden; border: 1.5px solid #e2e8f0; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s, background 0.2s; position: relative; }
.voucher-card:not(.disabled):hover { border-color: #f80e63; box-shadow: 0 4px 16px rgba(248,14,99,0.12); }
.voucher-card.selected { border-color: #f80e63; background: #fff5f8; box-shadow: 0 4px 16px rgba(248,14,99,0.15); }
.voucher-card.disabled { opacity: 0.5; cursor: not-allowed; background: #f8f9fb; }
.voucher-stripe { width: 10px; background: linear-gradient(180deg, #f80e63, #ff4d8f); flex-shrink: 0; }
.voucher-card.disabled .voucher-stripe { background: #cbd5e1; }
.voucher-body { flex: 1; padding: 12px 14px; display: flex; flex-direction: column; gap: 3px; }
.voucher-tag { font-size: 10px; font-weight: 700; color: #f80e63; text-transform: uppercase; letter-spacing: 1px; opacity: 0.8; }
.voucher-card.disabled .voucher-tag { color: #94a3b8; }
.voucher-amount { font-size: 18px; font-weight: 900; color: #1e293b; line-height: 1.2; }
.voucher-card.selected .voucher-amount { color: #f80e63; }
.voucher-min { font-size: 12px; color: #64748b; font-weight: 500; }
.voucher-warn { font-size: 11px; color: #ef4444; font-weight: 600; margin-top: 2px; display: flex; align-items: center; gap: 4px; }
.voucher-warn::before { content: "⚠️"; font-size: 10px; }
.voucher-radio-area { width: 54px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-left: 1.5px dashed #e2e8f0; }
.voucher-radio-area input[type="radio"] { width: 20px; height: 20px; accent-color: #f80e63; cursor: pointer; }
.voucher-card.disabled .voucher-radio-area input { cursor: not-allowed; }
.voucher-footer { display: flex; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 2px solid #f8f9fb; }
.voucher-btn-cancel { flex: 1; padding: 12px; border: 1.5px solid #e2e8f0; border-radius: 10px; background: #fff; color: #64748b; font-size: 14px; font-weight: 700; cursor: pointer; transition: all 0.2s; }
.voucher-btn-cancel:hover { background: #f8f9fb; border-color: #cbd5e1; }
.voucher-btn-apply { flex: 2; padding: 12px; border: none; border-radius: 10px; background: linear-gradient(135deg, #f80e63, #ff4d8f); color: #fff; font-size: 14px; font-weight: 800; cursor: pointer; transition: all 0.2s; letter-spacing: 0.3px; }
.voucher-btn-apply:hover { background: linear-gradient(135deg, #d6005a, #f80e63); box-shadow: 0 4px 14px rgba(248,14,99,0.35); transform: translateY(-1px); }
@media (max-width: 767px) {
    .voucher-list { max-height: 45vh; }
    .voucher-amount { font-size: 16px; }
    .voucher-radio-area { width: 46px; }
}