/*-----------------------------------------------------------------------------------
    
    Template Name: Dking - Multipurpose eCommerce HTML Template
    Version: 1.0
    
-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
    1. Template default CSS
    2. Header style
    3. Slider style
    4. Coupon style
    5. Banner style
    6. Product style
    7. Animation style
    8. Deal product style
    9. Section title style
    10. Categories style
    11. Services style
    12. Brand logo style
    13. Blog style 
    14. Footer style
    15. Subscribe style
    16. Product details style
    17. Instagram style
    18. Testimonial style
    19. About style
    20. Sidebar style
    21. Shop style
    22. Breadcrumb style
    23. Contact style
    24. Cart style
    25. Login register style
    26. My account style
    27. Checkout style
    28. Order complete style
    29. Compare style
    30. Order tracking style
    31. Others style
    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Bubblegum+Sans|Rochester|Chewy|Montserrat:300,400,500,600,700,800,900|Pacifico|Poppins:300,400,500,600,700,800,900|Work+Sans:300,400,500,600,700,800,900&display=swap");
/*-- Common Style --*/

@import url("../libs/vanille/framework7.md.min.css");

@import url("rwd.css?v=20240321");

@import url("star.css");

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  font-size: 20px;
  font-family: "Noto Sans", "PingFang TC", "Heiti TC", "Adobe 繁黑體 Std",
    "AdobeFanHeitiStd-Bold", "微軟正黑體", sans-serif;
  line-height: 1.75;
  font-weight: 400;
}

/* iphone 填表單禁止放大 ========================================= */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input,
  input[type="date"],
  input[type="time"] {
    font-size: 16px !important;
  }
}

::selection {
  color: #fff;
  padding: 0 2px;
  background-color: #416db0;
}

::-moz-selection {
  color: #fff;
  padding: 0 2px;
  background-color: #416db0;
}

img::selection {
  color: #fff;
  padding: 0 2px;
  background-color: #416db0;
}

img::-moz-selection {
  color: #fff;
  padding: 0 2px;
  background-color: #416db0;
}

hr.mg10Hr {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
  display: block;
}

hr.mg5Hr {
  margin-top: 5px;
  margin-bottom: 5px;
  clear: both;
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  font-family: "Noto Sans", "PingFang TC", "Heiti TC", "Adobe 繁黑體 Std",
    "AdobeFanHeitiStd-Bold", "微軟正黑體", sans-serif;
}

p {
  font-weight: 400;
  line-height: 24px;
  color: #777;
  margin-bottom: 15px;
}

h1 {
  font-size: 1.75rem !important;
}

h2 {
  font-size: 1.5rem !important;
}

h3 {
  font-size: 1.25rem !important;
}

h4 {
  font-size: 1rem !important;
}

h5 {
  font-size: 0.95rem !important;
}

h6 {
  font-size: 0.85rem !important;
}

p:last-child {
  margin-bottom: 0;
}

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  color: #333333;
}

a,
button,
img,
input,
span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

button,
input[type="submit"] {
  cursor: pointer;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

table th,
table td {
  word-break: keep-all;
}

img {
  object-fit: cover;
}

/*
@media only screen and (max-width: 599px){
  table th i,
  table td i{
    display: block;
    width:100%;
  }
}*/

.font-size-11 {
  font-size: 11px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-15 {
  font-size: 15px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-17 {
  font-size: 17px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-22 {
  font-size: 22px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.container .card > .card-body {
  padding: 1.25em 10px;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section {
  float: left;
  width: 100%;
}

.f-right {
  float: right;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.bg-img {
  background-position: center center;
  background-size: cover;
}

.position-relative {
  position: relative;
}

/*************************
  Basic margin padding
*************************/
.m-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.p-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/*************************
         Margin top
*************************/
.mt-0 {
  margin-top: 0;
}

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

.mt-10 {
  margin-top: 10px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-15 {
  margin-top: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-12 {
  margin-right: 12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
      Margin bottom
*************************/
.mb-0 {
  margin-bottom: 0;
}

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

.mb-12 {
  margin-bottom: 12px;
}

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

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

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

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

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

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

.mb-37 {
  margin-bottom: 37px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
        Margin left
*************************/
.ml-0 {
  margin-left: 0;
}

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

.ml-12 {
  margin-left: 12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-300 {
  margin-left: 300px;
}

.ml-ntv5 {
  margin-left: -5px;
}

/*************************
        Padding top
*************************/
.pt-0 {
  padding-top: 0;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-128 {
  padding-top: 128px;
}

.pt-130 {
  padding-top: 130px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-130 {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-130 {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-130 {
    padding-top: 30px;
  }
}

.pt-135 {
  padding-top: 135px;
}

.pt-165 {
  padding-top: 165px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-165 {
    padding-top: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-165 {
    padding-top: 45px;
  }
}

.pt-140 {
  padding-top: 140px;
}

@media only screen and (max-width: 767px) {
  .pt-140 {
    padding-top: 55px;
  }
}

.pt-145 {
  padding-top: 145px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-145 {
    padding-top: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-145 {
    padding-top: 35px;
  }
}

.pt-150 {
  padding-top: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-150 {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-150 {
    padding-top: 60px;
  }
}

.pt-155 {
  padding-top: 155px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-155 {
    padding-top: 95px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-155 {
    padding-top: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-155 {
    padding-top: 55px;
  }
}

.pt-160 {
  padding-top: 160px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-160 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-160 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-160 {
    padding-top: 60px;
  }
}

.pt-170 {
  padding-top: 170px;
}

.pt-180 {
  padding-top: 180px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-180 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-180 {
    padding-top: 50px;
  }
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

@media only screen and (max-width: 767px) {
  .pt-190 {
    padding-top: 80px;
  }
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

@media only screen and (max-width: 767px) {
  .pt-200 {
    padding-top: 70px;
  }
}

.pt-220 {
  padding-top: 220px;
}

.pt-250 {
  padding-top: 250px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-250 {
    padding-top: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-250 {
    padding-top: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-250 {
    padding-top: 60px;
  }
}

.pt-255 {
  padding-top: 255px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-255 {
    padding-top: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-255 {
    padding-top: 80px;
  }
}

.pt-210 {
  padding-top: 210px;
}

.pt-230 {
  padding-top: 230px;
}

.pt-270 {
  padding-top: 270px;
}

.pt-240 {
  padding-top: 240px;
}

.pt-340 {
  padding-top: 340px;
}

.pt-350 {
  padding-top: 350px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-350 {
    padding-top: 250px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-350 {
    padding-top: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-350 {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pt-350 {
    padding-top: 120px;
  }
}

.pt-365 {
  padding-top: 365px;
}

.pt-360 {
  padding-top: 360px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-360 {
    padding-top: 250px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-360 {
    padding-top: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-360 {
    padding-top: 100px;
  }
}

.pt-370 {
  padding-top: 370px;
}

.pt-380 {
  padding-top: 380px;
}

.pt-400 {
  padding-top: 400px;
}

/*************************
        Padding right
*************************/
.pr-0 {
  padding-right: 0;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-270 {
  padding-right: 270px;
}

/*************************
        Padding bottom
*************************/
.pb-0 {
  padding-bottom: 0;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-120 {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-120 {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-120 {
    padding-bottom: 20px;
  }
}

.pb-125 {
  padding-bottom: 125px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-125 {
    padding-bottom: 65px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-125 {
    padding-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-125 {
    padding-bottom: 25px;
  }
}

.pb-130 {
  padding-bottom: 130px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-130 {
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-130 {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-130 {
    padding-bottom: 30px;
  }
}

.pb-135 {
  padding-bottom: 135px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-135 {
    padding-bottom: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-135 {
    padding-bottom: 60px;
  }
}

.pb-140 {
  padding-bottom: 140px;
}

@media only screen and (max-width: 767px) {
  .pb-140 {
    padding-bottom: 60px;
  }
}

.pb-145 {
  padding-bottom: 145px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-145 {
    padding-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-145 {
    padding-bottom: 20px;
  }
}

.pb-150 {
  padding-bottom: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-150 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-150 {
    padding-bottom: 50px;
  }
}

.pb-155 {
  padding-bottom: 155px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-155 {
    padding-bottom: 95px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-155 {
    padding-bottom: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-155 {
    padding-bottom: 55px;
  }
}

.pb-160 {
  padding-bottom: 160px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-160 {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-160 {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-160 {
    padding-bottom: 60px;
  }
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-180 {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-180 {
    padding-bottom: 50px;
  }
}

.pb-280 {
  padding-bottom: 280px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-205 {
  padding-bottom: 205px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-215 {
  padding-bottom: 215px;
}

.pb-250 {
  padding-bottom: 250px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-250 {
    padding-bottom: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-250 {
    padding-bottom: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-250 {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pb-250 {
    padding-bottom: 100px;
  }
}

.pb-285 {
  padding-bottom: 285px;
}

.pb-270 {
  padding-bottom: 270px;
}

.pb-290 {
  padding-bottom: 290px;
}

.pb-315 {
  padding-bottom: 315px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-315 {
    padding-bottom: 215px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-315 {
    padding-bottom: 120px;
  }
}

/*************************
    Padding left
*************************/
.pl-0 {
  padding-left: 0;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-190 {
  padding-left: 190px;
}

/***************************
    Page section padding 
****************************/
.ptb-0 {
  padding: 0;
}

.ptb-10 {
  padding: 10px 0;
}

.ptb-20 {
  padding: 20px 0;
}

.ptb-30 {
  padding: 30px 0;
}

.ptb-35 {
  padding: 35px 0;
}

.ptb-32 {
  padding: 32px 0;
}

.ptb-40 {
  padding: 40px 0;
}

.ptb-50 {
  padding: 50px 0;
}

.ptb-60 {
  padding: 60px 0;
}

.ptb-70 {
  padding: 70px 0;
}

.ptb-80 {
  padding: 80px 0;
}

.ptb-90 {
  padding: 90px 0;
}

.ptb-100 {
  padding: 100px 0;
}

.ptb-110 {
  padding: 110px 0;
}

.ptb-120 {
  padding: 120px 0;
}

.ptb-130 {
  padding: 130px 0;
}

.ptb-140 {
  padding: 140px 0;
}

.ptb-150 {
  padding: 150px 0;
}

.ptb-160 {
  padding: 160px 0;
}

.ptb-170 {
  padding: 170px 0;
}

.ptb-177 {
  padding: 177px 0;
}

.ptb-180 {
  padding: 180px 0;
}

.ptb-190 {
  padding: 190px 0;
}

.ptb-200 {
  padding: 200px 0;
}

.ptb-210 {
  padding: 210px 0;
}

.ptb-220 {
  padding: 220px 0;
}

.ptb-290 {
  padding: 290px 0;
}

.ptb-310 {
  padding: 310px 0;
}

/***************************
    Page section margin 
****************************/
.mtb-0 {
  margin: 0;
}

.mtb-10 {
  margin: 10px 0;
}

.mtb-15 {
  margin: 15px 0;
}

.mtb-20 {
  margin: 20px 0;
}

.mtb-30 {
  margin: 30px 0;
}

.mtb-40 {
  margin: 40px 0;
}

.mtb-50 {
  margin: 50px 0;
}

.mtb-60 {
  margin: 60px 0;
}

.mtb-70 {
  margin: 70px 0;
}

.mtb-80 {
  margin: 80px 0;
}

.mtb-90 {
  margin: 90px 0;
}

.mtb-100 {
  margin: 100px 0;
}

.mtb-110 {
  margin: 110px 0;
}

.mtb-120 {
  margin: 120px 0;
}

.mtb-130 {
  margin: 130px 0;
}

.mtb-140 {
  margin: 140px 0;
}

.mtb-150 {
  margin: 150px 0;
}

.mtb-290 {
  margin: 290px 0;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input {
  background: #ffffff;
  border: 2px solid #f5f5f5;
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 10px;
  font-size: 16px;
  color: #737373;
  width: 100%;
}

select {
  width: 100%;
  background: transparent;
  border: 0px solid #eceff8;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  color: #737373;
}

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px;
}

input:focus {
  background: transparent;
}

textarea {
  resize: vertical;
  background: #eceff8;
  border: 2px solid #eceff8;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  color: #737373;
}

textarea:focus {
  background: transparent;
  border: 2px solid #4fc1f0;
  outline: none;
}

.custom-d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.custom-align-item-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-align-item-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.custom-col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .custom-col-5.custom-col-md-33 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media only screen and (max-width: 767px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .custom-col-5.custom-col-xs-50 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .custom-col-5.custom-col-sm-33 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

.custom-col-5-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-col-5-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-5-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .custom-col-5-2.custom-col-md-33 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media only screen and (max-width: 767px) {
  .custom-col-5-2 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .custom-col-5-2.custom-col-xs-50 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-col-5-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .custom-col-5-2.custom-col-sm-33 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

.custom-col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12.5%;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
  position: relative;
  width: 100%;
  min-height: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .custom-col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 50px;
  height: 50px;
  background-color: #4899da;
  color: #fff;
  right: 50px;
  bottom: 101px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 104 !important;
}

@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 40px;
    height: 40px;
    right: 20px;
  }
}

#scrollUp i {
  display: block;
  line-height: 50px;
  font-size: 22px;
}

@media only screen and (max-width: 767px) {
  #scrollUp i {
    line-height: 40px;
    font-size: 16px;
  }
}

.height-100vh {
  height: 100vh;
}

.transparent-bar {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

/*--
    Background Color
------------------------------------------*/
.bg-white {
  background-color: #fff;
}

.bg-gray {
  background-color: #fafafa;
}

.bg-gray-2 {
  background-color: #fbfbfb;
}

.bg-gray-3 {
  background-color: #f3f3f3;
}

.bg-gray-4 {
  background-color: #efefef;
}

.bg-gray-5 {
  background-color: #f8f8f8;
}

.bg-gray-6 {
  background-color: #f9f9f9;
}

.bg-gray-7 {
  background-color: #f6f6f6;
}

.bg-gray-8 {
  background-color: #fafbfc;
}

.bg-gray-9 {
  background-color: #f7f7f7;
}

.bg-brown {
  background-color: #fcf9f2;
}

.bg-transparent {
  background: transparent !important;
  box-shadow: none !important;
}

.gradient-bg-1 {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#12126a),
    to(#360fbb)
  );
  background: -webkit-linear-gradient(top, #12126a 0%, #360fbb 100%);
  background: -o-linear-gradient(top, #12126a 0%, #360fbb 100%);
  background: linear-gradient(180deg, #12126a 0%, #360fbb 100%);
}

.gradient-bg-2 {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#fff8dd),
    to(white)
  );
  background: -webkit-linear-gradient(bottom, #fff8dd 0%, white 100%);
  background: -o-linear-gradient(bottom, #fff8dd 0%, white 100%);
  background: linear-gradient(0deg, #fff8dd 0%, white 100%);
}

.gradient-bg-3 {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#b7f0c0),
    to(white)
  );
  background: -webkit-linear-gradient(right, #b7f0c0 0%, white 100%);
  background: -o-linear-gradient(right, #b7f0c0 0%, white 100%);
  background: linear-gradient(270deg, #b7f0c0 0%, white 100%);
}

.gradient-bg-4 {
  background: -webkit-linear-gradient(257deg, white 0%, #e8eeff 100%);
  background: -o-linear-gradient(257deg, white 0%, #e8eeff 100%);
  background: linear-gradient(193deg, white 0%, #e8eeff 100%);
}

.gradient-bg-5 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8ffdc),
    to(#fffbe9)
  );
  background: -webkit-linear-gradient(left, #e8ffdc 0%, #fffbe9 100%);
  background: -o-linear-gradient(left, #e8ffdc 0%, #fffbe9 100%);
  background: linear-gradient(90deg, #e8ffdc 0%, #fffbe9 100%);
}

.gradient-bg-6 {
  background: -webkit-linear-gradient(266deg, #fcf9f2 0%, #fce4d3 100%);
  background: -o-linear-gradient(266deg, #fcf9f2 0%, #fce4d3 100%);
  background: linear-gradient(184deg, #fcf9f2 0%, #fce4d3 100%);
}

.gradient-bg-7 {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#f86cff),
    to(#00bdff)
  );
  background: -webkit-linear-gradient(bottom, #f86cff 0%, #00bdff 100%);
  background: -o-linear-gradient(bottom, #f86cff 0%, #00bdff 100%);
  background: linear-gradient(0deg, #f86cff 0%, #00bdff 100%);
}

.bg-light-green {
  background-color: #f5fff7;
}

.bg-light-green-2 {
  background-color: #f2f8f3;
}

.bg-light-green-3 {
  background-color: #ddedd2;
}

.bg-light-yellow {
  background-color: #fff9f0;
}

.bg-light-orange {
  background-color: #fcf5ed;
}

.bg-light-pink {
  background-color: #fff8f8;
}

.bg-blue {
  background-color: #453fee;
}

.bg-blue-2 {
  background-color: #5d58fe;
}

.bg-theme-color-black {
  background-color: #333333;
}

.bg-theme-color-yellow {
  background-color: #eba866;
}

.bg-theme-color-green-3 {
  background-color: #62bc77;
}

.bg-theme-color-pink {
  background-color: #ff437d;
}

.bg-theme-color-brown {
  background-color: #cf7f39;
}

.border-top-1 {
  border-top: 1px solid #fafafa;
}

.border-top-2 {
  border-top: 1px solid #eeeeee;
}

.border-top-3 {
  border-top: 1px solid #5853e8;
}

.border-top-4 {
  border-top: 1px solid #f2f2f2;
}

.border-top-5 {
  border-top: 1px solid #f1f1f1;
}

.default-overlay {
  position: relative;
}

.colorBg_41AED5 {
  background: #41aed5;
}

.colorBg_b3b3b3 {
  background: #b3b3b3;
  color: #fff;
}

.default-overlay:before {
  content: "";
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .res-white-overly-xs {
    position: relative;
  }

  .res-white-overly-xs:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: 0.4;
    z-index: 9;
  }
}

@media only screen and (max-width: 767px) {
  .res-black-overly-xs {
    position: relative;
  }

  .res-black-overly-xs:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: 0.5;
    z-index: 9;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .res-white-overly-md {
    position: relative;
  }

  .res-white-overly-md:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: 0.5;
    z-index: 1;
  }
}

.jarallax-img {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-padding-1 .container-fluid {
  padding: 0 55px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-1 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-1 .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-1 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-1 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-padding-1 .container-fluid {
    padding: 0 30px;
  }
}

.section-padding-2 .container-fluid {
  padding: 0 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-2 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-2 .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-2 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-2 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-padding-2 .container-fluid {
    padding: 0 30px;
  }
}

.section-padding-3 .container-fluid {
  padding: 0 0px 0 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-3 .container-fluid {
    padding: 0 0px 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-3 .container-fluid {
    padding: 0 0px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-3 .container-fluid {
    padding: 0 0px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-3 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-padding-3 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

.section-padding-4 .container-fluid {
  padding: 0 0px 0 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-4 .container-fluid {
    padding: 0 0px 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-4 .container-fluid {
    padding: 0 0px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-4 .container-fluid {
    padding: 0 40px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-4 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-padding-4 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

.section-padding-5 .container-fluid {
  padding: 0 75px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-5 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-5 .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-5 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-5 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-padding-5 .container-fluid {
    padding: 0 30px;
  }
}

.section-padding-6 .container-fluid {
  padding: 0 0px 0 366px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-6 .container-fluid {
    padding: 0 0px 0 97px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-6 .container-fluid {
    padding: 0 0px 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-6 .container-fluid {
    padding: 0 0px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-6 .container-fluid {
    padding: 0 0px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-6 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

.section-padding-7 .container-fluid {
  padding: 0 366px 0 0px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-7 .container-fluid {
    padding: 0 97px 0 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-7 .container-fluid {
    padding: 0 15px 0 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-7 .container-fluid {
    padding: 0 30px 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-7 .container-fluid {
    padding: 0 40px 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-7 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

.section-padding-8 .container-fluid {
  padding: 0 0px 0 75px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-8 .container-fluid {
    padding: 0 0px 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-8 .container-fluid {
    padding: 0 0px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-8 .container-fluid {
    padding: 0 0px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-8 .container-fluid {
    padding: 0 0px 0 0px;
  }
}

.section-padding-9 .container-fluid {
  padding: 0 32px 0 75px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-9 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-9 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-9 .container-fluid {
    padding: 0 30px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-9 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

.section-padding-10 .container-fluid {
  padding: 0 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-10 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-10 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-10 .container-fluid {
    padding: 0 30px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-10 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

.section-padding-11 .container-fluid {
  padding: 0 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-11 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-11 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-11 .container-fluid {
    padding: 0 40px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-11 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

.section-padding-12 .container-fluid {
  padding: 0 90px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-12 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-12 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-12 .container-fluid {
    padding: 0 40px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-12 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

.section-padding-13 .container-fluid {
  padding: 0 0px 0 60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-13 .container-fluid {
    padding: 0 0px 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-13 .container-fluid {
    padding: 0 0px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-13 .container-fluid {
    padding: 0 40px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-13 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-padding-13 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

.section-padding-14 .container-fluid {
  padding: 0 366px 0 0px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-14 .container-fluid {
    padding: 0 55px 0 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-14 .container-fluid {
    padding: 0 15px 0 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-14 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-14 .container-fluid {
    padding: 0 40px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-14 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-padding-14 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

.section-padding-15 .container-fluid {
  padding: 0 0px 0 366px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-15 .container-fluid {
    padding: 0 0px 0 55px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-15 .container-fluid {
    padding: 0 0px 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-15 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-15 .container-fluid {
    padding: 0 40px 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-15 .container-fluid {
    padding: 0 15px 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-padding-15 .container-fluid {
    padding: 0 30px 0 30px;
  }
}

.btn-hover a::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #4899da;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.btn-hover a:hover::before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

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

.btn-style-1 a {
  display: inline-block;
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.btn-style-1 a.btn-border-1 {
  border: 1px solid #3a3a3a;
}

.btn-style-1 a.btn-border-1:hover {
  border: 1px solid #0a1039;
}

.btn-style-1 a.btn-ptb-1 {
  padding: 18px 50px 19px;
}

@media only screen and (max-width: 767px) {
  .btn-style-1 a.btn-ptb-1 {
    padding: 14px 31px 15px;
  }
}

.btn-style-1 a.btn-ptb-2 {
  padding: 19px 30px 21px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-1 a.btn-ptb-2 {
    padding: 19px 24px 21px;
  }
}

.btn-style-1 a.btn-ptb-3 {
  padding: 19px 43px 21px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-style-1 a.btn-ptb-3 {
    padding: 19px 25px 21px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-1 a.btn-ptb-3 {
    padding: 19px 25px 21px;
  }
}

.btn-style-1 a.btn-1-bg-1 {
  background-color: #f3f3f3;
}

.btn-style-1 a.btn-ptb-4 {
  padding: 17px 50px 19px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-style-1 a.btn-ptb-4 {
    padding: 19px 25px 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-1 a.btn-ptb-4 {
    padding: 19px 25px 21px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-1 a.btn-ptb-4 {
    padding: 19px 25px 21px;
  }
}

.btn-style-1 a:hover {
  color: #fff;
}

.btn-style-2 a {
  display: inline-block;
  color: #222d39;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.btn-style-2 a.btn-ptb-1 {
  padding: 18px 36px 19px;
}

@media only screen and (max-width: 767px) {
  .btn-style-2 a.btn-ptb-1 {
    padding: 14px 31px 15px;
  }
}

.btn-style-2 a.btn-ptb-2-white-bg {
  background-color: #ffffff;
}

.btn-style-2 a:hover {
  color: #fff;
}

.btn-style-3 a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
  padding: 20px 48px 20px;
  z-index: 2;
  position: relative;
  background-color: #eba866;
}

.btn-style-3 a.btn3-bg-green {
  background-color: #97d694;
}

.btn-style-3 a.btn3-bg-chocolate {
  background-color: #885643;
}

.btn-style-3 a.btn3-bg-green-2 {
  background-color: #359043;
}

.btn-style-3 a.btn3-bg-green-3 {
  background-color: #62bc77;
}

.btn-style-3 a.btn3-bg-brown {
  background-color: #cf8a35;
}

.btn-style-3 a.btn3-bg-white {
  background-color: #ffffff;
}

.btn-style-3 a.btn3-text-blue {
  color: #222d39;
}

.btn-style-3 a.btn3-text-blue:hover {
  color: #ffffff;
}

.btn-style-3 a.btn3-text-black {
  color: #262836;
}

.btn-style-3 a.btn3-text-black:hover {
  color: #ffffff;
}

.btn-style-3 a i {
  position: relative;
  font-weight: bold;
  font-size: 20px;
  top: 2px;
  margin-left: 9px;
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a {
    font-size: 14px;
  }
}

.btn-style-3 a.btn3-ptb-1 {
  padding: 20px 48px 20px;
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.btn3-ptb-1 {
    padding: 15px 35px 15px;
  }
}

.btn-style-3 a.btn3-ptb-2 {
  padding: 20px 35px 20px;
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.btn3-ptb-2 {
    padding: 15px 35px 15px;
  }
}

.btn-style-3 a.btn3-ptb-3 {
  padding: 18px 22px 20px;
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.btn3-ptb-3 {
    padding: 15px 22px 15px;
  }
}

.btn-style-3 a.btn3-ptb-4 {
  padding: 13px 35px 14px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .btn-style-3 a.btn3-ptb-4 {
    padding: 13px 30px 14px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.btn3-ptb-4 {
    padding: 15px 22px 15px;
  }
}

.btn-style-3 a.btn3-ptb-5 {
  padding: 20px 42px 20px;
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.btn3-ptb-5 {
    padding: 15px 35px 15px;
  }
}

.btn-style-3 a.btn3-ptb-6 {
  padding: 18px 34px 20px;
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.btn3-ptb-6 {
    padding: 15px 35px 15px;
  }
}

.btn-style-3 a.btn3-ptb-7 {
  padding: 20px 57px 20px;
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.btn3-ptb-7 {
    padding: 15px 35px 15px;
  }
}

.btn-style-3 a.btn3-ptb-8 {
  padding: 13px 30px 14px;
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.btn3-ptb-8 {
    padding: 15px 22px 15px;
  }
}

.padding-25-row-col .row {
  margin-right: -12.5px;
  margin-left: -12.5px;
}

.padding-25-row-col .row div[class^="col-"] {
  padding-left: 12.5px;
  padding-right: 12.5px;
}

.padding-100-row-col .row {
  margin-right: -50px;
  margin-left: -50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-100-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-100-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-100-row-col .row {
    margin-right: -20px;
    margin-left: -20px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-100-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-100-row-col .row div[class^="col-"] {
  padding-left: 50px;
  padding-right: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-100-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-100-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-100-row-col .row div[class^="col-"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-100-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-40-row-col .row {
  margin-right: -20px;
  margin-left: -20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-40-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-40-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-40-row-col .row {
    margin-right: -20px;
    margin-left: -20px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-40-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-40-row-col .row div[class^="col-"] {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-40-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-40-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-40-row-col .row div[class^="col-"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-40-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-3-row-col .row {
  margin-right: -1.5px;
  margin-left: -1.5px;
}

.padding-3-row-col .row div[class^="col-"] {
  padding-left: 1.5px;
  padding-right: 1.5px;
}

.padding-10-row-col .row {
  margin-right: -5px;
  margin-left: -5px;
}

.padding-10-row-col .row div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-16-row-col .row {
  margin-right: -8px;
  margin-left: -8px;
}

.padding-16-row-col .row div[class^="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.padding-20-row-col .row {
  margin-right: -10px;
  margin-left: -10px;
}

.padding-20-row-col .row div[class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}

/* img bounce */
@-webkit-keyframes bounce-img {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes bounce-img {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* img bounce 2 */
@-webkit-keyframes bounce-img-2 {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes bounce-img-2 {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

/* img zoom */
@-webkit-keyframes playbutton-effect {
  from {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes playbutton-effect {
  from {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

/* qseStasus 儀器狀態 ======================================================================  */

#qseStatusM.modal {
  z-index: 10001 !important;
}

.modal-fullscreen {
  width: 100vw !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.qseStasus li,
.qseStasus_M li {
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  touch-action: manipulation;
}

.topBar {
  background: #eff0f1;
  height: 60px;
  line-height: 50px;
  margin: 5px 0;
}

.qseStasus,
.qseStasus .qseStatus_list {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  clear: both;
  line-height: 60px;
  max-height: 60px;
}

.qseStasus li {
  float: left;
}

.qseStasus li .giftPoints {
  line-height: 60px;
}

.qseStasus .qseStatus_list li {
  float: left;
  color: #666;
}

.qseStasus .dropdown button > i {
  font-size: 20px;
}

.staCircle {
  border-radius: 50%;
  width: 42px;
  height: 42px;
  text-align: center;
  color: #fff;
  display: inline-block;
  line-height: 42px;
  margin-left: 4px;
}

.topBar {
  background: #eff0f1;
  height: 60px;
  padding: 0 60px;
  margin: 0 auto;
}

.colorBg_bl {
  background: #4899da;
}

.colorBg_41aed5 {
  background: #41aed5;
  color: #fff;
}

.colorBg_Yl {
  background: #fbb03b;
  color: #fff;
}

.colorBg_Red {
  background: #ed1c24;
}

@media only screen and (max-width: 991px) {
  .topBar {
    display: none;
  }
}

@media only screen and (max-width: 540px) {
  .qseStasus,
  .qseStasus .qseStatus_list {
    overflow: inherit;
  }

  .qseStasus li {
    text-align: left;
    width: 100%;
  }
}

/* topBarTool 右邊會員功能 ======================================================================  */

.topBar .topBarTool {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px 0;
  list-style: none;
  border: solid #ff0 1px;
  width: 80%;
}

.topBar .topBarTool > li {
  float: left;
  display: inline;
}

.topBar .topBarTool a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.topBar .topBarTool a.btn,
.topBar .topBarTool a.btn:hover,
.topBar .topBarTool a.btn:focus {
  text-decoration: none;
  background: transparent;
  color: #fff;
  position: relative;
  box-shadow: none;
  border: none;
}

.topBar .topBarTool .bellBtn {
  position: relative;
  margin-right: 20px;
}

.topBar .topBarTool .bellBtn > span {
  position: absolute;
  font-size: 9px;
  right: -15px;
  top: -7px;
  color: #fff;
  background: #ed1c24;
  display: block;
  padding: 5px;
  border-radius: 10%;
  min-width: 20px;
  height: 20px;
  line-height: 10px;
}

.bellBtn::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url("../images/index/bell_top.svg") no-repeat center center;
  background-size: contain;
  content: "";
}

.cartBtn::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url("../images/index/cart_top.svg") no-repeat center center;
  background-size: contain;
  content: "";
}

.userBtn::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url("../images/index/user_top.svg") no-repeat center center;
  background-size: contain;
  content: "";
}

.userVIPBtn::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url("../images/index/userVip_top.svg") no-repeat center center;
  background-size: contain;
  content: "";
}

.giftBtn::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: url("../images/index/gift_top.svg") no-repeat center center;
  background-size: contain;
  content: "";
}

.topBar .topBarTool li > .dropdown-menu {
  margin-top: 15px;
}

.topBar .topBarTool a .staCircle {
  margin-left: 20px;
  vertical-align: text-top;
  margin-top: -2px;
}

.topBar .topBarTool li > div.giftBtn {
  cursor: auto;
  padding: 4px 12px !important;
}

.topBar .topBarTool li > div.giftBtn:active {
  cursor: auto;
  box-shadow: none;
}

.topBar .topBarTool li > div.giftBtn .freeValue_top {
  margin-left: 20px;
  margin-bottom: 0;
}

.topBar .topBarTool li > div.giftBtn .freeValue_top span {
  color: #ed1c24;
  font-weight: 700;
  padding: 0 5px;
}

.topBar .topBarTool a.langSet,
.topBar .topBarTool a.langSet:hover,
.topBar .topBarTool a.langSet:focus,
.topBar .topBarTool a.coinSet,
.topBar .topBarTool a.coinSet:hover,
.topBar .topBarTool a.coinSet:focus {
  color: #666;
}

.topBar .topBarTool a.langSet::after {
  position: absolute;
  right: 0;
  top: 10px;
  content: "";
  color: #666;
  font-weight: bold;
  background: url("../images/index/dropdown_arrow.svg") no-repeat center center;
  background-size: cover;
  width: 10px;
  height: 10px;
}

.topBar .topBarTool a.coinSet b::before {
  color: #666;
  content: "$ ";
}

.coinSet_dropDown li a::before {
  color: #333;
  content: "$ ";
}

.topBarTool .langSet_dropDown,
.topBarTool .coinSet_dropDown {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  min-width: 100px;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #fff;
  background-color: #4899da;
  text-indent: 2px;
  transition: all 0.3s;
}

.coinSet_dropDown li a:hover::before {
  color: #fff;
}

.sysNotify {
  font-weight: bold !important;
}

.sysNotify h5 {
  text-decoration: underline;
}

/* bell/cart dropDwon ======================================================================  */

.bellBtn_drop {
  width: 430px;
  max-height: 320px;
  overflow-y: scroll;
}

.bellBtn_drop li a,
.cartBtn_drop li a {
  position: relative;
  color: #666;
}

.bellBtn_drop li a > h5,
.bellBtn_drop li a > p,
.cartBtn_drop li a > h5,
.cartBtn_drop li a > p {
  margin-left: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: normal;
}

.cartBtn_drop li a > p > span {
  float: right;
}

.cartBtn_drop > li:last-child:hover {
  background: transparent;
  cursor: auto;
}

.bellBtn_drop li a > h5::before {
  position: absolute;
  top: 8px;
  left: 5px;
  width: 20px;
  height: 20px;
  content: "";
  background: url("../images/index/bell_top.svg") no-repeat center center;
  background-size: contain;
}

.bellBtn_drop li a:hover > h5::before {
  background: url("../images/index/bell_top_over.svg") no-repeat center center;
}

.cartBtn_drop {
  width: 430px;
}

.cartList_total {
  margin: 0px;
  padding: 0px;
  list-style: none;
  max-height: 240px;
  overflow-y: scroll;
}

.cartList_total li:hover {
  background: #4898da;
  transition: all 0.3s;
}

.cartList_total li.divider:hover {
  background: transparent;
  cursor: auto;
}

.cartList_total li.divider {
  border-bottom: solid 1px #f1f1f1;
}

.cartList_total li a {
  color: #666;
  display: block;
  padding: 0 20px;
  text-decoration: none;
}

.cartList_total li a:hover {
  color: #fff;
  transition: all 0.3s;
}

.cartList_total li a:hover p {
  text-decoration: none;
}

.cartPayLink > .addVal_btn {
  float: none;
  width: 60%;
  margin: 0 auto;
}

/* user dropDwon ======================================================================  */

.topBarTool li.dropdown > ul.userSet_dropDown {
  width: 450px;
  padding: 20px 10px;
}

.userSet_dropDown li > div {
  color: #666 !important;
}

.userSetTitle {
  clear: both;
  overflow: hidden;
}

.userSetTitle h4 {
  display: inline;
}

.addVal_btn {
  float: right;
  color: #fbb03b !important;
  border: solid 2px #fbb03b !important;
  border-radius: 30px;
  padding: 5px 40px !important;
}

.addVal_btn:hover {
  background: #fbb03b !important;
  color: #fff !important;
  transition: all 0.3s;
}

.userTools {
  list-style: none;
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.userTools li {
  width: 48%;
  float: left;
  position: relative;
  height: 35px;
}

.userTools li > a.userTools_link {
  margin-left: 30px;
  color: #666;
  text-decoration: none;
  width: 100%;
  display: block;
}

.userTools li > a.userTools_link::before {
  position: absolute;
  left: 0;
  top: -2px;
  background-size: contain;
  width: 25px;
  height: 25px;
  content: "";
}

.userTools li > a.userTools_link:hover {
  color: #4899da;
  transition: color 0.3s;
}

.toolsIcon1::before {
  background: url("../images/index/user_top.svg") no-repeat center center;
}

.toolsIcon1:hover::before {
  background: url("../images/index/userHover.svg") no-repeat center center;
}

.toolsIcon2::before {
  background: url("../images/index/recordIcon.svg") no-repeat center center;
}

.toolsIcon2:hover::before {
  background: url("../images/index/recordHover.svg") no-repeat center center;
}

.toolsIcon3::before {
  background: url("../images/index/pointIcon.svg") no-repeat center center;
}

.toolsIcon3:hover::before {
  background: url("../images/index/pointHover.svg") no-repeat center center;
}

.toolsIcon4::before {
  background: url("../images/index/likeIcon.svg") no-repeat center center;
}

.toolsIcon4:hover::before {
  background: url("../images/index/likeHover.svg") no-repeat center center;
}

.toolsIcon5::before {
  background: url("../images/index/gearIcon.svg") no-repeat center center;
}

.toolsIcon5:hover::before {
  background: url("../images/index/gearHover.svg") no-repeat center center;
}

.toolsIcon6::before {
  background: url("../images/index/logoutIcon.svg") no-repeat center center;
}

.toolsIcon6:hover::before {
  background: url("../images/index/logoutHover.svg") no-repeat center center;
}

.toolsIcon7::before {
  background: url("../images/index/favorIcon.svg") no-repeat center center;
}

.toolsIcon7:hover::before {
  background: url("../images/index/favorHover.svg") no-repeat center center;
}

.toolsIcon8::before {
  background: url("../images/index/editPsIcon.svg") no-repeat center center;
}

.toolsIcon8:hover::before {
  background: url("../images/index/editPsHover.svg") no-repeat center center;
}

.toolsIcon1:hover::before,
.toolsIcon2:hover::before,
.toolsIcon3:hover::before,
.toolsIcon4:hover::before,
.toolsIcon5:hover::before,
.toolsIcon6:hover::before,
.toolsIcon7:hover::before,
.toolsIcon8:hover::before {
  transform: scale(0.92);
  transition: color 0.3s;
}

.header-small-device {
  display: none;
}

.header-small-device.header-small-ptb {
  padding: 10px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-small-device {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .header-small-device {
    display: block;
  }
}

.header-large-device {
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-large-device {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header-large-device {
    display: none;
  }
}

.header-ptb-1 {
  padding: 22px 0;
}

@media only screen and (max-width: 767px) {
  .header-ptb-1 {
    padding: 15px 0;
  }
}

.header-ptb-2 {
  padding: 17px 0;
}

@media only screen and (max-width: 767px) {
  .header-ptb-2 {
    padding: 15px 0;
  }
}

.header-ptb-3 {
  padding: 30px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-ptb-3 {
    padding: 0px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-ptb-3 {
    padding: 0px 0 0;
  }
}

.header-ptb-4 {
  padding: 32px 0 32px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-ptb-4 {
    padding: 22px 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-ptb-4 {
    padding: 22px 0;
  }
}

.logo a {
  display: inline-block;
}

.logo-position {
  position: relative;
}

.logo-position a img.sticky-logo {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  opacity: 0;
  visibility: hidden;
}

.stick .logo-position a img.sticky-logo {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 100%;
  opacity: 1;
  visibility: visible;
}

.stick .logo-position a img.normal-logo {
  opacity: 0;
  visibility: hidden;
}

.header-action-wrap.header-action-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-action-wrap.header-action-flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-action-wrap.header-action-mrg-1 .same-style {
  margin-left: 55px;
}

.same-style.header-user,
.same-style.headerUser_M {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .header-action-wrap.header-action-mrg-1 .same-style {
    margin-left: 35px;
  }
}

.header-action-wrap.header-action-mrg-2 .same-style {
  margin-left: 35px;
}

@media only screen and (max-width: 767px) {
  .header-action-wrap.header-action-mrg-2 .same-style {
    margin-left: 35px;
  }
}

.header-action-wrap.header-action-mrg-3 .same-style {
  margin-bottom: 37px;
}

.header-action-wrap.header-action-mrg-3 .same-style:last-child {
  margin-bottom: 0px;
}

.header-action-wrap .same-style a {
  font-size: 28px;
  color: #0a1039;
}

.header-action-wrap .same-style a i.icofont-shopping-cart {
  position: relative;
}

.header-action-wrap .same-style a i.icofont-shopping-cart b {
  font-size: 14px;
  position: absolute;
  right: -17px;
  top: -17px;
  border-radius: 100%;
  width: 31px;
  height: 31px;
  line-height: 31px;
  display: inline-block;
}

.header-action-wrap .same-style a:hover {
  color: #444e7a;
}

.header-action-wrap .same-style.same-style-white a {
  color: #fff;
}

.header-action-wrap .same-style.same-style-white a:hover {
  color: #ddd;
}

.header-action-wrap .same-style.same-style-gray a {
  color: #afafaf;
}

.header-action-wrap .same-style.same-style-gray a:hover {
  color: #444e7a;
}

.header-action-wrap .header-info button {
  position: relative;
  width: 20px;
  height: 20px;
  line-height: 1;
  vertical-align: middle;
  padding: 0;
  background-color: transparent;
  border: none;
}

.header-action-wrap .header-info button span {
  background-color: #0a1039;
  border-radius: 2px;
  left: 0;
  display: block;
  position: absolute;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  height: 2px;
}

.header-action-wrap .header-info button span:first-child {
  width: 12px;
  top: 0;
}

.header-action-wrap .header-info button span:nth-child(2) {
  width: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-action-wrap .header-info button span:last-child {
  width: 19px;
  top: 17px;
}

.header-action-wrap .header-info button:hover span:first-child {
  width: 20px;
}

.header-action-wrap .header-info button:hover span:nth-child(2) {
  width: 19px;
}

.header-action-wrap .header-info button:hover span:last-child {
  width: 9px;
}

.header-action-wrap .header-info.header-info-white button span {
  background-color: #fff;
}

.header-action-wrap .header-info.header-info-gray button span {
  background-color: #afafaf;
}

.header-action-wrap .header-info.header-info-gray button:hover span {
  background-color: #62bc77;
}

.stick .header-action-wrap .same-style.same-style-white a {
  color: #0a1039;
}

.stick .header-action-wrap .same-style.same-style-white a:hover {
  color: #444e7a;
}

.stick .header-action-wrap .same-style.pet-food-cart.same-style-white a {
  color: #fff;
}

.stick .header-action-wrap .same-style.pet-food-cart.same-style-white a:hover {
  color: #0a1039;
}

.stick .header-action-wrap .header-info.header-info-white button span {
  background-color: #0a1039;
}

.stick .header-action-white-bg::before {
  display: none;
}

.sticky-bar.stick {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: #ffffff;
  border-bottom: 0 solid #4a90e2;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sticky-bar.pet-food-header.stick {
  background-color: #cf7f39;
}

.header-top-ptb-1 {
  padding: 4px 0px 5px;
}

.header-contact-number span {
  color: #232953;
  font-size: 13px;
  font-weight: 300;
}

.header-contact-number.header-contact-number-white span {
  color: #fff;
}

.header-top-right .language-wrap {
  position: relative;
}

.header-top-right .language-wrap a {
  display: block;
}

.header-top-right .language-wrap a img {
  max-width: 100%;
}

.header-top-right .language-wrap .language-dropdown {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  left: 0;
  padding: 8px 12px 10px;
  position: absolute;
  text-align: left;
  top: 120%;
  width: 80px;
  z-index: 9;
  display: none;
}

.header-top-right .language-wrap .language-dropdown ul li {
  padding: 0 0 3px;
}

.header-top-right .language-wrap .language-dropdown ul li:last-child {
  padding: 0 0 0px;
}

.header-top-right .language-wrap .language-dropdown ul li a {
  color: #232953;
  font-size: 13px;
  font-weight: 300;
  text-transform: capitalize;
}

.header-top-right .language-wrap .language-dropdown ul li a:hover {
  color: #0a1039;
}

.header-top-right .login-reg ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header-top-right .login-reg ul li {
  position: relative;
  margin-right: 40px;
}

.header-top-right .login-reg ul li:before {
  position: absolute;
  content: "";
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #232953;
  width: 1px;
  height: 13px;
}

.header-top-right .login-reg ul li:last-child {
  margin-right: 0;
}

.header-top-right .login-reg ul li:last-child:before {
  display: none;
}

.header-top-right .login-reg ul li a {
  font-weight: 300;
  color: #232953;
  font-size: 13px;
}

.header-top-right .login-reg ul li a:hover {
  color: #0a1039;
}

.header-top-right .login-reg.login-reg-white ul li:before {
  background-color: #ddd;
}

.header-top-right .login-reg.login-reg-white ul li:last-child {
  margin-right: 0;
}

.header-top-right .login-reg.login-reg-white ul li:last-child:before {
  display: none;
}

.header-top-right .login-reg.login-reg-white ul li a {
  color: #fff;
}

.header-top-right .login-reg.login-reg-white ul li a:hover {
  color: #ddd;
}

.header-top-right.header-top-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.main-menu > nav > ul > li {
  display: inline-block;
  position: relative;
}

.main-menu > nav > ul > li > a {
  font-size: 18px;
  color: #060a27;
  display: inline-block;
  font-weight: 400;
}

.main-menu > nav > ul > li:hover > a {
  color: #0a1039;
}

.main-menu > nav > ul > li > ul {
  -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  background-color: rgb(72, 153, 218, 72);
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s,
    opacity 0.1s linear 0.3s;
  -o-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s,
    opacity 0.1s linear 0.3s;
  transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s,
    opacity 0.1s linear 0.3s;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  z-index: 9999;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li > ul {
    left: -10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li > ul {
    left: -40px;
  }
}

.main-menu > nav > ul > li > ul.sub-menu-width {
  width: 220px;
  padding: 39px 0 43px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li > ul.sub-menu-width {
    width: 180px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li > ul.sub-menu-width {
    width: 180px;
  }
}

.main-menu > nav > ul > li > ul.sub-menu-width li {
  display: block;
  padding: 0 15px 14px 30px;
  position: relative;
  text-align: left;
}

.main-menu > nav > ul > li > ul.sub-menu-width li:last-child {
  padding-bottom: 0;
}

.main-menu > nav > ul > li > ul.sub-menu-width li a {
  display: block;
  font-size: 18px;
  color: #d0d0d0;
  font-weight: 400;
}

.main-menu > nav > ul > li > ul.sub-menu-width li a i {
  float: right;
  color: #999;
  font-weight: 600;
  position: relative;
  top: 6px;
}

.main-menu > nav > ul > li > ul.sub-menu-width li a:hover {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
  transition: all 0.3s;
}

.main-menu > nav > ul > li > ul.sub-menu-width li ul.lavel-menu {
  padding: 36px 0px 40px;
  width: 220px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  background-color: #262626;
  position: absolute;
  top: -17px;
  left: 100%;
  margin: 0;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li > ul.sub-menu-width li ul.lavel-menu {
    width: 180px;
  }
}

.main-menu > nav > ul > li > ul.sub-menu-width li:hover > ul.lavel-menu {
  visibility: visible;
  opacity: 1;
}

.main-menu > nav > ul > li > ul.mega-menu-width1 {
  width: 675px;
}

.main-menu > nav > ul > li > ul.mega-menu-width2 {
  width: 1170px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li > ul.mega-menu-width2 {
    width: 1100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li > ul.mega-menu-width2 {
    width: 960px;
  }
}

.main-menu > nav > ul > li > ul.menu-negative-mrg1 {
  left: -160px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg1 {
    left: -137px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg1 {
    left: -126px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg1 {
    left: -185px;
  }
}

.main-menu > nav > ul > li > ul.menu-negative-mrg2 {
  left: -240px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg2 {
    left: -208px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg2 {
    left: -198px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg2 {
    left: -534px;
  }
}

.main-menu > nav > ul > li > ul.menu-negative-mrg3 {
  left: -400px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg3 {
    left: -408px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg3 {
    left: -372px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg3 {
    left: -287px;
  }
}

.main-menu > nav > ul > li > ul.menu-negative-mrg4 {
  left: -600px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg4 {
    left: -710px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg4 {
    left: -680px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg4 {
    left: -495px;
  }
}

.main-menu > nav > ul > li > ul.menu-negative-mrg5 {
  left: -160px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg5 {
    left: -150px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg5 {
    left: -250px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > nav > ul > li > ul.menu-negative-mrg5 {
    left: -185px;
  }
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 {
  padding: 40px 10px 33px 40px;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li {
  text-align: left;
  padding-right: 30px;
  float: left;
  display: block;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li.mega-menu-sub-width33 {
  width: 33.333%;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li.mega-menu-sub-width25 {
  width: 25%;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li.mega-menu-sub-width20 {
  width: 20%;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li.mega-menu-sub-width40 {
  width: 40%;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li a.menu-title {
  color: #fff;
  font-size: 20px;
  padding: 0px 0px 12px 0px;
  position: relative;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li a.menu-title:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  background: rgba(255, 255, 255, 0.2);
  bottom: -2px;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li > ul {
  margin: 28px 0 0;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li > ul li {
  display: block;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li > ul li a {
  color: #d0d0d0;
  font-size: 16px;
  display: block;
  padding: 8px 0px;
}

.main-menu > nav > ul > li > ul.mega-menu-style-1 > li > ul li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.main-menu
  > nav
  > ul
  > li
  > ul.mega-menu-style-1
  > li
  > .banner-menu-content-wrap {
  position: relative;
}

.main-menu
  > nav
  > ul
  > li
  > ul.mega-menu-style-1
  > li
  > .banner-menu-content-wrap.default-overlay::before {
  background-color: #000;
  opacity: 0.2;
  z-index: 1;
  pointer-events: none;
}

.main-menu
  > nav
  > ul
  > li
  > ul.mega-menu-style-1
  > li
  > .banner-menu-content-wrap
  a
  img {
  width: 100%;
}

.main-menu
  > nav
  > ul
  > li
  > ul.mega-menu-style-1
  > li
  > .banner-menu-content-wrap
  .banner-menu-content {
  position: absolute;
  left: 41px;
  bottom: 35px;
  z-index: 9;
}

.main-menu
  > nav
  > ul
  > li
  > ul.mega-menu-style-1
  > li
  > .banner-menu-content-wrap
  .banner-menu-content
  h2 {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 0px;
  line-height: 45px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu
    > nav
    > ul
    > li
    > ul.mega-menu-style-1
    > li
    > .banner-menu-content-wrap
    .banner-menu-content
    h2 {
    font-size: 35px;
    line-height: 50px;
  }
}

.main-menu
  > nav
  > ul
  > li
  > ul.mega-menu-style-1
  > li
  > .banner-menu-content-wrap:hover.default-overlay::before {
  background-color: #000;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
}

.main-menu
  > nav
  > ul
  > li
  > ul.mega-menu-style-1
  > li
  > .banner-menu-content-wrap:hover
  .banner-menu-content
  h2 {
  letter-spacing: 1px;
}

.main-menu > nav > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

.main-menu.main-menu-white > nav > ul > li > a {
  color: #ffffff;
}

.main-menu.main-menu-white > nav > ul > li:hover > a {
  color: #0a1039;
}

/* .main-menu.menu-lh-1 > nav > ul > li > a {
  line-height: 102px;
} */

.main-menu.menu-lh-2 > nav > ul > li > a {
  line-height: 75px;
}

.main-menu.main-menu-padding-1 > nav > ul > li {
  padding: 0 20px 0 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu.main-menu-padding-1 > nav > ul > li {
    padding: 0 10px 0 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu.main-menu-padding-1 > nav > ul > li {
    padding: 0 10px 0 0;
  }
}

.main-menu.main-menu-padding-1 > nav > ul > li:last-child {
  padding: 0 0px 0 0;
}

.main-menu.menu-mrg-1 {
  margin-left: 40px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu.menu-mrg-1 {
    margin-left: 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu.menu-mrg-1 {
    margin-left: 30px;
  }
}

.main-menu.menu-mrg-2 {
  margin-right: 135px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu.menu-mrg-2 {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu.menu-mrg-2 {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.menu-mrg-2 {
    margin-right: 20px;
  }
}

.main-menu.menu-mrg-3 {
  margin-right: 35px;
}

.categories-dropdown .nice-select-style-1 {
  border-radius: 5px 0px 0px 5px;
  border: solid 1px #f3f3f3;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: 45px;
  line-height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 140px;
  color: #232953;
}

.categories-dropdown .nice-select-style-1 ul {
  width: 100%;
}

.search-style-2 form .form-search-2 {
  position: relative;
}

.search-style-2 form .form-search-2 input {
  background-color: transparent;
  border: 1px solid #f3f3f3;
  height: 45px;
  border-radius: 0 5px 5px 0px;
  font-weight: 300;
  color: #b3b5c2;
  font-size: 14px;
  width: 625px;
  padding: 2px 60px 2px 25px;
}

.search-style-2 form .form-search-2 input.width-dec {
  width: 495px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .search-style-2 form .form-search-2 input.width-dec {
    width: 300px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .search-style-2 form .form-search-2 input.width-dec {
    width: 300px;
    padding: 2px 60px 2px 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-style-2 form .form-search-2 input.width-dec {
    width: 260px;
    padding: 2px 60px 2px 15px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .search-style-2 form .form-search-2 input {
    width: 300px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .search-style-2 form .form-search-2 input {
    width: 260px;
    padding: 2px 60px 2px 15px;
  }
}

.search-style-2 form .form-search-2 input::-moz-input-placeholder {
  color: #b3b5c2;
  opacity: 1;
}

.search-style-2 form .form-search-2 input::-webkit-input-placeholder {
  color: #b3b5c2;
  opacity: 1;
}

.search-style-2 form .form-search-2 button {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  padding: 0;
  background-color: transparent;
  font-size: 20px;
  color: #081348;
}

.search-style-2.search-2-bg-white form .form-search-2 {
  position: relative;
}

.search-style-2.search-2-bg-white form .form-search-2 input {
  background-color: #ffffff;
}

.search-style-5 form .form-search-5 {
  position: relative;
}

.search-style-5 form .form-search-5 input {
  background-color: #ffffff;
  border: solid 1px #f3f3f3;
  height: 45px;
  border-radius: 0 5px 5px 0px;
  font-weight: 300;
  color: #b3b5c2;
  font-size: 14px;
  width: 495px;
  padding: 2px 60px 2px 25px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .search-style-5 form .form-search-5 input {
    width: 300px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .search-style-5 form .form-search-5 input {
    width: 260px;
    padding: 2px 60px 2px 15px;
  }
}

.search-style-5 form .form-search-5 input::-moz-input-placeholder {
  color: #b3b5c2;
  opacity: 1;
}

.search-style-5 form .form-search-5 input::-webkit-input-placeholder {
  color: #b3b5c2;
  opacity: 1;
}

.search-style-5 form .form-search-5 button {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  padding: 0;
  background-color: transparent;
  font-size: 20px;
  color: #081348;
}

.search-style-5 form .form-search-5.width-dec-lg input {
  width: 280px;
}

.categories-dropdown .nice-select::after {
  margin-top: -1px;
  border-bottom: 2px solid #232953;
  border-right: 2px solid #232953;
}

.header-bottom-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-bottom-flex {
    display: block;
  }
}

.header-bottom-flex .logo-menu-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}

.header-bottom-flex .logo-menu-wrap .logo img {
  width: 155px !important;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .header-bottom-flex .logo-menu-wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-bottom-flex .logo-menu-wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-bottom-flex .logo-menu-wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.header-bottom-flex .header-action-width {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 40%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .header-bottom-flex .header-action-width {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-bottom-flex .header-action-width {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-bottom-flex .header-action-width {
    /*-webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;*/
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
}

.main-wrapper .body-overlay {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-wrapper.overlay-active .body-overlay {
  opacity: 1;
  visibility: visible;
}

.main-wrapper-2 .body-overlay-2 {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-wrapper-2.overlay-active-2 .body-overlay-2 {
  opacity: 1;
  visibility: visible;
}

.main-wrapper-3 .body-overlay-3 {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-wrapper-3.overlay-active-3 .body-overlay-3 {
  opacity: 1;
  visibility: visible;
}

.sidebar-cart-active {
  position: fixed;
  top: 0;
  width: 420px;
  padding: 104px 50px 50px;
  min-height: 100vh;
  bottom: 0;
  z-index: 9999;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -webkit-transform: translate(200px, 0);
  -ms-transform: translate(200px, 0);
  transform: translate(200px, 0);
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  background-color: #fff;
}

.sidebar-cart-active.inside {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sidebar-cart-active li.single-product-cart {
  position: relative;
}

.sidebar-cart-active li.single-product-cart .alertTime > span {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}

.sidebar-cart-active li.single-product-cart:hover .alertTime > span {
  display: inline-flex;
  font-size: 8px;
  transition: all 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-cart-active {
    width: 350px;
    padding: 104px 30px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-cart-active {
    padding: 60px 15px 50px;
    width: 280px;
  }
}

.sidebar-cart-active .sidebar-cart-all .cart-close {
  position: absolute;
  top: 48px;
  left: 44px;
  font-size: 35px;
  line-height: 30px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-cart-active .sidebar-cart-all .cart-close {
    left: 30px;
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-cart-active .sidebar-cart-all .cart-close {
    top: 20px;
    left: 17px;
    font-size: 23px;
  }
}

.sidebar-cart-active .sidebar-cart-all .cart-close:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #0a1039;
}

.sidebar-cart-active .sidebar-cart-all .cart-content > h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 30px;
  color: #393939;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul {
  margin: 0 -30px 0 0;
  padding: 0 30px 0 0;
  max-height: 310px;
  max-height: calc(100vh - 430px);
  overflow: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-cart-active .sidebar-cart-all .cart-content ul {
    max-height: calc(100vh - 365px);
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-cart-active .sidebar-cart-all .cart-content ul {
    max-height: calc(100vh - 360px);
  }
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}

.sidebar-cart-active
  .sidebar-cart-all
  .cart-content
  ul
  li.single-product-cart
  a.userFeature.dropSecMenu {
  position: relative;
  font-size: 16px;
  font-weight: 400;
}

.sidebar-cart-active
  .sidebar-cart-all
  .cart-content
  ul
  li.single-product-cart
  a.userFeature.dropSecMenu::after {
  position: absolute;
  right: -30px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d7";
  width: 20px;
  height: 20px;
}

.sidebar-cart-active
  .sidebar-cart-all
  .cart-content
  ul
  li.single-product-cart
  a.userFeature
  + #secMenu
  ul.sub-menu-width {
  margin: 10px 10px 0 10px !important;
  padding: 0 15px !important;
}

.sidebar-cart-active
  .sidebar-cart-all
  .cart-content
  ul
  li.single-product-cart
  a.userFeature
  + #secMenu
  ul.sub-menu-width
  li {
  margin-bottom: 15px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75px;
  -ms-flex: 0 0 75px;
  flex: 0 0 75px;
}

.header-sidebar .sidebar-content ul li.single-product-cart .cart-img a img {
  width: 75px !important;
  height: 75px !important;
  overflow: hidden !important;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-img a img {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title {
  margin-left: 20px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title h4 {
  font-size: 14px;
  margin: 0 0 8px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title h4 a {
  color: #333333;
}

.sidebar-cart-active
  .sidebar-cart-all
  .cart-content
  ul
  li
  .cart-title
  h4
  a:hover {
  color: #0a1039;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title span {
  font-size: 14px;
  color: #262626;
}

.header-sidebar .sidebar-content .cart-content ul li .cart-delete a {
  font-size: 25px !important;
  font-weight: bold;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-delete {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 100;
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-delete a {
  display: block;
  font-size: 16px;
  height: 20px;
  line-height: 17px;
  overflow: hidden;
  width: 20px;
  text-align: right;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total {
  display: block;
  width: 100%;
  margin: 6px 0 7px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total h4 {
  font-size: 15px;
  margin: 0;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total h4 span {
  font-size: 18px;
  color: #2f2f2f;
  float: right;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn {
  display: block;
  width: 100%;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn a {
  width: 100%;
  display: block;
  margin: 10px 0 0;
  text-align: center;
  line-height: 20px;
  padding: 19px 20px 20px;
  background-color: #333;
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
}

.sidebar-cart-active
  .sidebar-cart-all
  .cart-content
  .cart-checkout-btn
  a:hover {
  background-color: #0a1039;
}

.sidebar-cart-active
  .sidebar-cart-all
  .cart-content
  .cart-checkout-btn
  a:first-child {
  margin-top: 0;
}

.header-search-3 {
  position: relative;
}

.header-search-3 .search-toggle {
  z-index: 99;
}

.header-search-3 .search-toggle i {
  display: block;
}

.header-search-3 .search-toggle i.s-close {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-search-3 .search-toggle .s-close {
  opacity: 0;
}

.header-search-3 .search-toggle.open .s-close {
  opacity: 1;
}

.header-search-3 .search-toggle.open .s-open {
  opacity: 0;
}

.search-wrap-3 {
  background-color: transparent;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 340px;
  z-index: -99;
  padding-bottom: 1px;
  margin-right: 10px;
}

.search-wrap-3 form {
  position: relative;
  overflow: hidden;
}

.search-wrap-3 form input {
  background-color: #fff;
  border: 1px solid #e2dcdc;
  color: #0a1039;
  line-height: 30px;
  padding: 2px 60px 2px 20px;
  width: 100%;
}

.search-wrap-3 form input::-moz-input-placeholder {
  color: #0a1039;
  opacity: 1;
}

.search-wrap-3 form input::-webkit-input-placeholder {
  color: #0a1039;
  opacity: 1;
}

.search-wrap-3 form button.button-search {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  border: none;
  background-color: transparent;
  height: 100%;
  border-left: 1px solid #e2dcdc;
  padding: 0 15px;
}

.search-wrap-3.open {
  opacity: 1;
  right: 100%;
  visibility: visible;
  z-index: 99;
}

.clickalbe-sidebar-wrapper-style-1 {
  position: fixed;
  top: 0;
  width: 400px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  -webkit-transform: translate(200px, 0);
  -ms-transform: translate(200px, 0);
  transform: translate(200px, 0);
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickalbe-sidebar-wrapper-style-1 {
    width: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 {
    width: 365px;
  }
}

.clickalbe-sidebar-wrapper-style-1.clickalbe-menu-sidebar-left {
  left: 0;
  -webkit-transform: translate(-200px, 0);
  -ms-transform: translate(-200px, 0);
  transform: translate(-200px, 0);
}

.clickalbe-sidebar-wrapper-style-1.sidebar-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.clickalbe-sidebar-wrapper-style-1.mobilemenu-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap {
  padding: 150px 50px 20px;
  height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap {
    padding: 100px 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap {
    padding: 70px 20px 20px;
  }
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .sidebar-close {
  position: absolute;
  top: 80px;
  left: 45px;
  font-size: 30px;
  line-height: 30px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  color: #0a1039;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .sidebar-close {
    left: 27px;
    top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .sidebar-close {
    top: 20px;
    left: 17px;
    font-size: 23px;
  }
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .sidebar-close:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #333333;
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .sidebar-content-100-percent {
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li {
  display: block;
  padding-bottom: 40px;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickalbe-sidebar-wrapper-style-1
    .clickalbe-sidebar-wrap
    .clickable-mainmenu-style1
    > nav
    > ul
    > li {
    padding-bottom: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1
    .clickalbe-sidebar-wrap
    .clickable-mainmenu-style1
    > nav
    > ul
    > li {
    padding-bottom: 22px;
  }
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li:last-child {
  padding-bottom: 0;
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li
  > a {
  font-size: 18px;
  display: block;
  text-transform: capitalize;
  color: #0a1039;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickalbe-sidebar-wrapper-style-1
    .clickalbe-sidebar-wrap
    .clickable-mainmenu-style1
    > nav
    > ul
    > li
    > a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1
    .clickalbe-sidebar-wrap
    .clickable-mainmenu-style1
    > nav
    > ul
    > li
    > a {
    font-size: 16px;
  }
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li
  > a
  i {
  float: right;
  top: 3px;
  position: relative;
  color: #0a1039;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1
    .clickalbe-sidebar-wrap
    .clickable-mainmenu-style1
    > nav
    > ul
    > li
    > a
    i {
    top: 2px;
    font-size: 12px;
  }
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li:hover
  > a {
  color: #333333;
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li:hover
  > a
  i {
  color: #333333;
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li
  ul {
  padding: 20px 0 0px 25px;
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li
  ul
  li {
  padding-bottom: 22px;
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1
    .clickalbe-sidebar-wrap
    .clickable-mainmenu-style1
    > nav
    > ul
    > li
    ul
    li {
    padding-bottom: 18px;
  }
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li
  ul
  li:last-child {
  padding-bottom: 0;
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li
  ul
  li
  a {
  color: #0a1039;
  font-size: 14px;
  display: block;
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li
  ul
  li
  a
  i {
  float: right;
  top: -1px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1
    .clickalbe-sidebar-wrap
    .clickable-mainmenu-style1
    > nav
    > ul
    > li
    ul
    li
    a
    i {
    top: 2px;
    font-size: 12px;
  }
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li
  ul
  li:hover
  > a {
  color: #333333;
}

.clickalbe-sidebar-wrapper-style-1
  .clickalbe-sidebar-wrap
  .clickable-mainmenu-style1
  > nav
  > ul
  > li
  ul
  li:hover
  > a
  i {
  color: #333333;
}

.mobile-menu-content-area .mobile-search {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 29px;
  padding-bottom: 30px;
}

.mobile-menu-content-area .mobile-search form {
  position: relative;
}

.mobile-menu-content-area .mobile-search form input {
  background-color: #fff;
  border: 1px solid #e2dcdc;
  color: #0a1039;
  border-radius: 0px;
  height: 45px;
  padding: 0 60px 0 15px;
  width: 100%;
  font-size: 14px;
}

.mobile-menu-content-area .mobile-search form button {
  background-color: transparent;
  border-color: #e2dcdc;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-radius: 5px 0 0 5px;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  color: #0a1039;
  font-size: 15px;
  height: 100%;
  padding: 0 15px 0 14px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .mobile-menu-content-area .mobile-search form button {
    font-size: 16px;
  }
}

.mobile-menu-content-area .mobile-search form button:hover {
  color: #333333;
}

.mobile-menu-content-area .mobile-search form button i {
  margin-top: 5px;
  display: inline-block;
}

.mobile-menu-content-area .mobile-curr-lang-wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 31px;
  padding-bottom: 37px;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  padding-top: 25px;
  margin-top: 33px;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang {
  position: relative;
  margin-bottom: 15px;
}

.mobile-menu-content-area
  .mobile-curr-lang-wrap
  .single-mobile-curr-lang:last-child {
  margin-bottom: 0;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang a {
  font-size: 15px;
  display: block;
  color: #0a1039;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang a i {
  float: right;
  font-size: 17px;
  position: relative;
  top: 7px;
}

.mobile-menu-content-area
  .mobile-curr-lang-wrap
  .single-mobile-curr-lang
  .lang-curr-dropdown {
  margin-top: 5px;
  display: none;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  padding: 22px 30px 26px;
  width: 100%;
  z-index: 11;
}

.mobile-menu-content-area
  .mobile-curr-lang-wrap
  .single-mobile-curr-lang
  .lang-curr-dropdown
  ul
  li {
  padding-bottom: 10px;
}

.mobile-menu-content-area
  .mobile-curr-lang-wrap
  .single-mobile-curr-lang
  .lang-curr-dropdown
  ul
  li:last-child {
  padding-bottom: 0px;
}

.mobile-menu-content-area
  .mobile-curr-lang-wrap
  .single-mobile-curr-lang
  .lang-curr-dropdown
  ul
  li
  a {
  font-size: 14px;
  font-weight: 400;
  color: #0a1039;
}

.mobile-menu-content-area
  .mobile-curr-lang-wrap
  .single-mobile-curr-lang
  .lang-curr-dropdown
  ul
  li
  a:hover {
  color: #333333;
}

.mobile-menu-content-area
  .mobile-curr-lang-wrap
  .single-mobile-curr-lang:hover
  > a {
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang {
    margin-bottom: 5px;
  }

  .mobile-menu-content-area
    .mobile-curr-lang-wrap
    .single-mobile-curr-lang:last-child {
    margin-bottom: 0;
  }
}

.mobile-menu-content-area .aside-contact-info {
  margin: 30px 0 30px;
}

.mobile-menu-content-area .aside-contact-info ul li {
  color: #0a1039;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 23px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mobile-menu-content-area .aside-contact-info ul li:last-child {
  margin: 0 0 0px;
}

.mobile-menu-content-area .aside-contact-info ul li:hover {
  color: #333333;
}

.mobile-menu-content-area .aside-contact-info ul li i {
  font-size: 22px;
  margin: 1px 16px 0px 0;
}

.search-style-1 form .form-search-1 {
  position: relative;
}

.search-style-1 form .form-search-1 input {
  background-color: transparent;
  /*width: 375px;*/
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b;
  border: none;
  height: 42px;
  padding: 2px 20px 2px 0;
  border-bottom: 1px solid #d9dfe6;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .search-style-1 form .form-search-1 input {
    width: 270px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .search-style-1 form .form-search-1 input {
    width: 270px;
  }
}

.search-style-1 form .form-search-1 button {
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  font-size: 20px;
  color: #081348;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: transparent;
}

.search-style-1 form .form-search-1 button:hover {
  color: #444e7a;
}

.search-style-6 form .form-search-6 {
  position: relative;
}

.search-style-6 form .form-search-6 input {
  background-color: #f2f8f3;
  height: 45px;
  border: none;
  border-radius: 50px;
  color: #b3b5c2;
  font-weight: 300;
  padding: 2px 50px 2px 33px;
}

.search-style-6 form .form-search-6 input.input-bg-gray {
  background-color: #f7f7f7;
}

.search-style-6 form .form-search-6 input::-moz-input-placeholder {
  color: #b3b5c2;
  opacity: 1;
}

.search-style-6 form .form-search-6 input::-webkit-input-placeholder {
  color: #b3b5c2;
  opacity: 1;
}

.search-style-6 form .form-search-6 button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  border: none;
  padding: 0;
  color: #939393;
  font-size: 20px;
}

.search-style-6 form .form-search-6 button:hover {
  color: #0a1039;
}

.search-style-7 form .form-search-7 {
  position: relative;
}

.search-style-7 form .form-search-7 input {
  background-color: #fff;
  height: 40px;
  border: none;
  border-radius: 5px;
  color: #b3b5c2;
  font-weight: 300;
  padding: 2px 50px 2px 33px;
  width: 494px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .search-style-7 form .form-search-7 input {
    width: 400px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .search-style-7 form .form-search-7 input {
    width: 350px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-style-7 form .form-search-7 input {
    width: 200px;
    padding: 2px 50px 2px 10px;
  }
}

.search-style-7 form .form-search-7 input::-moz-input-placeholder {
  color: #b3b5c2;
  opacity: 1;
}

.search-style-7 form .form-search-7 input::-webkit-input-placeholder {
  color: #b3b5c2;
  opacity: 1;
}

.search-style-7 form .form-search-7 button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  border: none;
  padding: 0;
  color: #081348;
  font-size: 20px;
  background-color: transparent;
}

.search-style-7 form .form-search-7 button:hover {
  color: #cf7f39;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-style-7.ml-75 {
    margin-left: 15px;
  }
}

.header-action-white-bg {
  position: relative;
}

.header-action-white-bg::before {
  position: absolute;
  right: -32px;
  top: -37px;
  content: "";
  height: 91px;
  width: 338px;
  background-color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-action-white-bg::before {
    right: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-action-white-bg::before {
    right: -30px;
  }
}

.header-action-white-bg .same-style {
  z-index: 1;
}

.pet-food-header::before {
  background-image: url(../../assets/images/icon-img/pet-food-header-shape.png);
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0px;
  background-repeat: repeat;
  display: block;
  width: 100%;
  height: 6px;
  z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pet-food-header::before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .pet-food-header::before {
    display: none;
  }
}

.logo-menu-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-slider-wrap {
  display: block;
  width: 100%;
}

.header-sidebar-area {
  width: 285px;
  height: 100vh;
  float: left;
  padding: 30px 0px 60px 48px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .header-sidebar-area {
    width: 230px;
    padding: 30px 0px 60px 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-sidebar-area {
    width: 220px;
    padding: 30px 0px 60px 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-sidebar-area {
    width: 180px;
    padding: 30px 0px 60px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-sidebar-area {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header-sidebar-area {
    display: none;
  }
}

.header-sidebar-area-2 {
  width: 65px;
  height: 780px;
  float: left;
  padding: 40px 24px 40px 24px;
  overflow-y: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-sidebar-area-2 {
    height: 771px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-sidebar-area-2 {
    height: 625px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-sidebar-area-2 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header-sidebar-area-2 {
    display: none;
  }
}

.header-sidebar-area-2 .header-sidebar-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.main-menu-2 > nav > ul > li {
  padding-bottom: 36px;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu-2 > nav > ul > li {
    padding-bottom: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu-2 > nav > ul > li {
    padding-bottom: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-2 > nav > ul > li {
    padding-bottom: 25px;
  }
}

.main-menu-2 > nav > ul > li:last-child {
  padding-bottom: 0;
}

.main-menu-2 > nav > ul > li > a {
  display: block;
  color: #777777;
  font-size: 16px;
  position: relative;
}

.main-menu-2 > nav > ul > li > a:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
  height: 0px;
  background-color: #151c0f;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.main-menu-2 > nav > ul > li:hover > a {
  color: #333;
  font-weight: bold;
}

.main-menu-2 > nav > ul > li:hover > a:before {
  height: 32px;
  opacity: 1;
  visibility: visible;
}

.main-menu-2 > nav > ul > li > ul {
  -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  background-color: #262626;
  position: absolute;
  top: -5px;
  left: 100%;
  -webkit-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s,
    opacity 0.1s linear 0.3s;
  -o-transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s,
    opacity 0.1s linear 0.3s;
  transition: margin 0.1s linear 0.3s, visibility 0.1s linear 0.3s,
    opacity 0.1s linear 0.3s;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  z-index: 9999;
}

.main-menu-2 > nav > ul > li > ul.sub-menu-width {
  width: 220px;
  padding: 39px 0 43px;
}

.main-menu-2 > nav > ul > li > ul.sub-menu-width li {
  display: block;
  padding: 0 15px 14px 30px;
  position: relative;
  text-align: left;
}

.main-menu-2 > nav > ul > li > ul.sub-menu-width li:last-child {
  padding-bottom: 0;
}

.main-menu-2 > nav > ul > li > ul.sub-menu-width li a {
  display: block;
  color: #d0d0d0;
  font-size: 13px;
  font-weight: 300;
}

.main-menu-2 > nav > ul > li > ul.sub-menu-width li a i {
  float: right;
  font-size: 12px;
  color: #999;
  font-weight: 600;
  position: relative;
  top: 6px;
}

.main-menu-2 > nav > ul > li > ul.sub-menu-width li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-width1 {
  width: 675px;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-width2 {
  width: 1170px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu-2 > nav > ul > li > ul.mega-menu-width2 {
    width: 1050px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu-2 > nav > ul > li > ul.mega-menu-width2 {
    width: 950px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-2 > nav > ul > li > ul.mega-menu-width2 {
    width: 790px;
  }
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 {
  padding: 40px 10px 33px 40px;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li {
  text-align: left;
  padding-right: 30px;
  float: left;
  display: block;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li.mega-menu-sub-width33 {
  width: 33.333%;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li.mega-menu-sub-width25 {
  width: 25%;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li.mega-menu-sub-width20 {
  width: 20%;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li.mega-menu-sub-width40 {
  width: 40%;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li a.menu-title {
  color: #fff;
  font-size: 14px;
  padding: 0px 0px 12px 0px;
  position: relative;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li a.menu-title:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  background: rgba(255, 255, 255, 0.2);
  bottom: -2px;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li > ul {
  margin: 28px 0 0;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li > ul li {
  display: block;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li > ul li a {
  color: #d0d0d0;
  font-size: 13px;
  display: block;
  padding: 8px 0px;
}

.main-menu-2 > nav > ul > li > ul.mega-menu-style-2 > li > ul li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.main-menu-2
  > nav
  > ul
  > li
  > ul.mega-menu-style-2
  > li
  > .banner-menu-content-wrap {
  position: relative;
}

.main-menu-2
  > nav
  > ul
  > li
  > ul.mega-menu-style-2
  > li
  > .banner-menu-content-wrap.default-overlay::before {
  background-color: #000;
  opacity: 0.2;
  z-index: 1;
  pointer-events: none;
}

.main-menu-2
  > nav
  > ul
  > li
  > ul.mega-menu-style-2
  > li
  > .banner-menu-content-wrap
  a
  img {
  width: 100%;
}

.main-menu-2
  > nav
  > ul
  > li
  > ul.mega-menu-style-2
  > li
  > .banner-menu-content-wrap
  .banner-menu-content {
  position: absolute;
  left: 41px;
  bottom: 35px;
  z-index: 9;
}

.main-menu-2
  > nav
  > ul
  > li
  > ul.mega-menu-style-2
  > li
  > .banner-menu-content-wrap
  .banner-menu-content
  h2 {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 0px;
  line-height: 45px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-2
    > nav
    > ul
    > li
    > ul.mega-menu-style-2
    > li
    > .banner-menu-content-wrap
    .banner-menu-content
    h2 {
    font-size: 35px;
    line-height: 50px;
  }
}

.main-menu-2
  > nav
  > ul
  > li
  > ul.mega-menu-style-2
  > li
  > .banner-menu-content-wrap:hover.default-overlay::before {
  background-color: #000;
  opacity: 0.4;
  z-index: 1;
  pointer-events: none;
}

.main-menu-2
  > nav
  > ul
  > li
  > ul.mega-menu-style-2
  > li
  > .banner-menu-content-wrap:hover
  .banner-menu-content
  h2 {
  letter-spacing: 1px;
}

.main-menu-2 > nav > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

.main-menu-2.sidebar-menu-padding {
  padding: 90px 0 265px 0px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu-2.sidebar-menu-padding {
    padding: 90px 0 100px 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu-2.sidebar-menu-padding {
    padding: 90px 0 100px 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-2.sidebar-menu-padding {
    padding: 90px 0 90px 0px;
  }
}

.header-social-icon a {
  font-size: 16px;
  color: #dddddd;
  margin-bottom: 55px;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-social-icon a {
    margin-bottom: 25px;
  }
}

.header-social-icon a:last-child {
  margin-bottom: 0;
}

.header-social-icon a:hover {
  color: #0a1039;
}

.search-content-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
  -webkit-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  z-index: 99999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.search-content-wrap.search-visible {
  visibility: visible;
  opacity: 1;
}

.search-content-wrap.search-visible .megashop-search-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.search-content-wrap > .megashop-search-close {
  font-size: 40px;
  display: block;
  position: absolute;
  top: 20%;
  right: 20%;
  line-height: 40px;
  height: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: rgba(255, 255, 255, 0.8);
}

.search-content-wrap > .megashop-search-close:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.search-content-wrap > .megashop-search-close i:hover {
  color: white;
}

.search-content-wrap .megashop-search-content {
  display: inline-block;
  max-width: 90%;
  text-align: center;
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.search-content-wrap .megashop-search-content p {
  font-size: 18px;
  margin: 0 0 15px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
}

.search-content-wrap .megashop-search-content .megashop-search-form {
  position: relative;
}

.search-content-wrap .megashop-search-content .megashop-search-form input {
  width: 800px;
  background-color: transparent;
  -webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.1);
  border: 0;
  text-align: center;
  font-size: 30px;
  padding: 34px 60px 34px 36px;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-weight: 400;
  max-width: 100%;
  height: auto;
}

.search-content-wrap
  .megashop-search-content
  .megashop-search-form
  .megashop-button-search {
  position: absolute;
  top: 43px;
  display: block;
  right: 5px;
  border: 0;
  background: 0 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 28px;
  height: 30px;
}

.search-content-wrap
  .megashop-search-content
  .megashop-search-form
  .megashop-button-search:hover {
  color: white;
}

.header-bg-1 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fbfbfb),
    color-stop(50%, #fbfbfb),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(left, #fbfbfb, #fbfbfb 50%, #fff 0%);
  background: -o-linear-gradient(left, #fbfbfb, #fbfbfb 50%, #fff 0%);
  background: linear-gradient(to right, #fbfbfb, #fbfbfb 50%, #fff 0%);
}

/*---------- 3. Slider style ------------*/
#clicka {
  margin: auto;
  width: 100%;
  height: 100%;
}

#clicka img {
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
}

.slider-area {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.mr-15 {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area.mr-15 {
    margin-right: 0px;
  }
}

.slider-active-1 {
  z-index: 9;
}

.slider-height-1 {
  height: 780px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-1 {
    height: 650px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 650px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-1 {
    height: auto;
  }
}

.slider-height-2 {
  height: 662px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-2 {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    height: 450px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: 500px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-2 {
    height: 400px;
  }
}

.slider-height-3 {
  height: 846px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-3 {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-3 {
    height: 500px;
  }
}

.slider-height-4 {
  height: 830px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-4 {
    height: 700px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-4 {
    height: 700px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-4 {
    height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-4 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-4 {
    height: 480px;
  }
}

.slider-height-5 {
  height: 765px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-5 {
    height: 700px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-5 {
    height: 700px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-5 {
    height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-5 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-5 {
    height: 520px;
  }
}

.slider-height-6 {
  height: 990px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-6 {
    height: 715px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-6 {
    height: 715px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-6 {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-6 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-6 {
    height: 650px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-6 {
    height: 450px;
  }
}

.slider-height-7 {
  height: 846px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-7 {
    height: 800px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-7 {
    height: 700px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-7 {
    height: 500px;
  }
}

.slider-height-8 {
  height: 640px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-8 {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-8 {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-8 {
    height: auto;
  }
}

.slider-height-9 {
  height: 1010px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-9 {
    height: 715px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-9 {
    height: 715px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-9 {
    height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-9 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-9 {
    height: 480px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-9 {
    height: 450px;
  }
}

.slider-height-10 {
  height: 710px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-10 {
    height: 700px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-10 {
    height: 700px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-10 {
    height: 500px;
  }
}

.slider-height-11 {
  height: 750px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-11 {
    height: 650px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-11 {
    height: 650px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-11 {
    height: 550px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-11 {
    height: 450px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-11 {
    height: 600px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-11 {
    height: 460px;
  }
}

.slider-height-12 {
  height: 726px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-12 {
    height: 650px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-12 {
    height: 650px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-12 {
    height: 550px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-12 {
    height: 450px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-12 {
    height: 500px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-12 {
    height: 400px;
  }
}

.slider-height-13 {
  height: 673px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-13 {
    height: 520px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-13 {
    height: 473px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-13 {
    height: 413px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-13 {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-13 {
    height: 500px;
    background-position: 70%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-13 {
    height: 400px;
  }
}

.slider-height-14 {
  height: 800px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-14 {
    height: 700px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-14 {
    height: 650px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-14 {
    height: 550px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-14 {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-14 {
    height: auto;
    padding: 120px 0 230px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-14 {
    height: 420px;
    padding: 0;
  }
}

.single-slider-ptb-1 {
  padding-top: 102px;
}

@media only screen and (max-width: 767px) {
  .single-slider-ptb-1 {
    padding-top: 80px;
    padding-bottom: 70px;
  }
}

.slider-bg-color-1 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fcf6ec),
    color-stop(43.66667%, #fcf6ec),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(
    left,
    #fcf6ec,
    #fcf6ec 43.66667%,
    #fff 0%
  );
  background: -o-linear-gradient(left, #fcf6ec, #fcf6ec 43.66667%, #fff 0%);
  background: linear-gradient(to right, #fcf6ec, #fcf6ec 43.66667%, #fff 0%);
}

.slider-content-mrg-1 {
  padding-top: 45px;
}

.slider-content-1 {
  position: relative;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .slider-content-1 {
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-1 {
    text-align: left;
  }
}

.slider-content-1 h1 {
  font-size: 68px;
  font-weight: bold;
  color: #151c0f;
  line-height: 94px;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-1 h1 {
    font-size: 55px;
    line-height: 65px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-1 h1 {
    font-size: 36px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-1 h1 {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-1 h1 {
    font-size: 25px;
    line-height: 37px;
  }
}

.slider-content-1 p {
  font-size: 15px;
  line-height: 30px;
  margin: 20px 0 47px;
  width: 67%;
}

.slider-content-1 p.width-inc {
  width: 78%;
  margin: 20px 0 36px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-1 p.width-inc {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-1 p.width-inc {
    width: 100%;
    margin: 10px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-1 p {
    width: 100%;
    margin: 15px 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-1 p {
    width: 100%;
    margin: 10px 0 20px;
  }
}

.single-slider-pt-2 {
  padding-top: 236px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-pt-2 {
    padding-top: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-pt-2 {
    padding-top: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-pt-2 {
    padding-top: 150px;
  }
}

.slider-content-2 h1 {
  font-size: 145px;
  font-weight: 800;
  color: #06103a;
  line-height: 110px;
  position: relative;
  z-index: 5;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-2 h1 {
    font-size: 125px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-2 h1 {
    font-size: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-2 h1 {
    font-size: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-2 h1 {
    font-size: 70px;
    line-height: 65px;
  }
}

.slider-content-2 h1 span {
  color: #eba866;
}

.slider-content-2 h2 {
  font-size: 145px;
  font-weight: 800;
  color: #eba866;
  line-height: 130px;
  margin: 27px 0 0px 362px;
  position: relative;
  z-index: 5;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-2 h2 {
    font-size: 125px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-2 h2 {
    font-size: 100px;
    margin: 27px 0 0px 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-2 h2 {
    font-size: 100px;
    margin: 27px 0 0px 200px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-2 h2 {
    font-size: 70px;
    line-height: 65px;
    margin: 27px 0 0px 60px;
  }
}

.slider-content-2 h2 span {
  color: #06103a;
}

.slider-content-2 .slider-single-img-3 {
  position: absolute;
  bottom: -70%;
  left: 3%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-2 .slider-single-img-3 {
    bottom: -45%;
    left: 0%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-2 .slider-single-img-3 {
    bottom: -35%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-2 .slider-single-img-3 {
    bottom: -75%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .slider-content-2 .slider-single-img-3 a img {
    width: 300px;
    max-width: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-2 .slider-single-img-3 a img {
    width: 350px;
    max-width: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-2 {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-2 {
    text-align: center;
  }
}

.slider-single-img img {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .slider-single-img {
    text-align: center;
  }
}

.slider-single-img-2 {
  margin-left: 44px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-single-img-2 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-2 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-2 {
    margin-left: 0px;
    margin-top: 25px;
  }
}

.slider-single-img-2 a {
  display: block;
}

.slider-single-img-2 a img {
  max-width: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-single-img-2 a img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-2 a img {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-2 a img {
    max-width: 100%;
  }
}

.slider-sin-img-mrg1 {
  margin: 0 17px 0 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-sin-img-mrg1 {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-sin-img-mrg1 {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .slider-sin-img-mrg1 {
    margin: 30px 20px 0;
  }
}

.slider-shape-electric {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.slider-shape-electric img {
  width: 331px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-shape-electric img {
    width: 270px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-shape-electric img {
    width: 231px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-shape-electric img {
    width: 131px;
  }
}

.slider-shape-electric2 {
  position: absolute;
  right: 0;
  top: 10%;
  z-index: 1;
}

.slider-shape-electric2 img {
  width: 72px;
}

.nav-style-1 .slider-icon {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: inline-block;
  color: #0a1039;
  font-size: 45px;
  top: 50%;
  -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;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
}

.nav-style-1 .slider-icon.slider-icon-next {
  right: 0%;
  left: auto;
}

.nav-style-1 .slider-icon.slider-icon-prev {
  left: 0%;
  right: auto;
}

.nav-style-1 .slider-icon:hover:hover {
  color: #0a1039;
}

.nav-style-1:hover .slider-icon {
  visibility: visible;
  opacity: 1;
}

.nav-style-1:hover .slider-icon.slider-icon-next {
  right: 2%;
}

.nav-style-1:hover .slider-icon.slider-icon-prev {
  left: 2%;
}

.dot-style-1 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
}

.dot-style-1 ul li {
  margin: 5px;
}

.dot-style-1 ul li button {
  padding: 0;
  font-size: 0;
  border: 2px solid transparent;
  background-color: #0a1039;
  width: 18px;
  height: 18px;
  border-radius: 100%;
}

.dot-style-1 ul li.slick-active button {
  border: 2px solid #0a1039;
  background-color: transparent;
}

.single-slider .slider-content * {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.single-slider.slick-active .slider-animated-1 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.single-slider.slick-active .slider-animated-1 h2 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.single-slider.slick-active .slider-animated-1 h3 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.single-slider.slick-active .slider-animated-1 p {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.single-slider.slick-active .slider-animated-1 a {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.single-slider.slick-active .slider-animated-1 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.single-slider.slick-active .slider-animated-1 .slider-single-img-3 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.single-slider.slick-active .slider-animated-1 .slider-oganic-img-1 img {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.single-slider.slick-active .slider-animated-1 .slider-oganic-img-2 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.single-slider.slick-active .slider-animated-1 .slider-kids-img-content img {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.single-slider.slick-active .slider-animated-1 .slider-kids-img-content h3 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.single-slider.slick-active .slider-animated-1 .slider-kids-img-content h4 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.single-slider.slick-active .slider-animated-1 .slider-flower-wrap img {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.single-slider.slick-active .slider-animated-1 .slider-flower-wrap h2 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.single-slider.slick-active .slider-animated-1.slider-single-img-8 img {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.single-slider.slick-active .slider-animated-1.slider-single-img-9 img {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.single-slider.slick-active .slider-animated-1.slider-content-9::before {
  -webkit-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
  transition: all 2s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.single-slider.slick-active .slider-animated-1.slider-content-10 img {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.single-slider.slick-active .slider-animated-1 .fashion-3-slider-img2 img {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.single-slider.slick-active .slider-animated-1 .fashion-3-slider-img3 img {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.single-slider.slick-active .slider-animated-1 .fashion-3-slider-img4 img {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.single-slider.slick-active .slider-animated-1.slider-single-img-10 > img {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.single-slider.slick-active
  .slider-animated-1.slider-single-img-10
  .slider-baby-img
  > img {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.single-slider.slick-active
  .slider-animated-1.slider-single-img-10
  .slider-trolley-img
  > img {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.single-slider.slick-active .slider-animated-1 .slider-single-img-11 img {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.single-slider.slick-active .slider-animated-1 .fashion-2-slider-img1-1 img,
.single-slider.slick-active .slider-animated-1 .fashion-2-slider-img2-1 img {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.single-slider.slick-active .slider-animated-1 .fashion-2-slider-img1-2 img,
.single-slider.slick-active .slider-animated-1 .fashion-2-slider-img2-2 img {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.single-slider.slick-active .slider-animated-1 .fashion-2-slider-img1-3 img {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.single-slider.slick-active .slider-animated-1 .fashion-2-slider-img1-4 img {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

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

.slider-mt-1 {
  margin-top: 140px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-mt-1 {
    margin-top: 211px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-mt-1 {
    margin-top: 91px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-mt-1 {
    margin-top: 91px;
  }
}

.slider-mt-2 {
  margin-top: 102px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-mt-2 {
    margin-top: 177px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-mt-2 {
    margin-top: 91px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-mt-2 {
    margin-top: 91px;
  }
}

.slider-mt-3 {
  margin-top: 135px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-mt-3 {
    margin-top: 211px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-mt-3 {
    margin-top: 91px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-mt-3 {
    margin-top: 91px;
  }
}

.slider-mt-4 {
  margin-top: 135px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-mt-4 {
    margin-top: 91px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-mt-4 {
    margin-top: 91px;
  }
}

.slider-mt-5 {
  margin-top: 147px;
}

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

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

.slider-mt-6 {
  margin-top: 91px;
}

.slider-mt-7,
.breadcrumb-mt {
  margin-top: 162px;
}

.single-slider-pt-3 {
  padding-top: 160px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-pt-3 {
    padding-top: 200px;
    background-position: 66%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-pt-3 {
    padding-top: 130px;
    background-position: 73%;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-pt-3 {
    padding-top: 100px;
    background-position: 73%;
  }
}

.slider-content-3 h1 {
  font-size: 68px;
  line-height: 90px;
  margin: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-3 h1 {
    font-size: 55px;
    line-height: 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-3 h1 {
    font-size: 45px;
    line-height: 65px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3 h1 {
    font-size: 45px;
    line-height: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-3 h1 {
    font-size: 35px;
    line-height: 45px;
  }
}

.slider-content-3 h1 span {
  font-weight: bold;
}

.slider-content-3 p {
  font-size: 15px;
  line-height: 30px;
  width: 30%;
  margin: 40px 0 50px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-3 p {
    margin: 20px 0 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-3 p {
    margin: 10px 0 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-3 p {
    width: 50%;
    margin: 10px 0 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3 p {
    width: 50%;
    margin: 10px 0 25px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-3 p {
    width: 100%;
    margin: 10px 0 25px;
  }
}

.dot-style-2 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: -14%;
  left: 19%;
  z-index: 9;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .dot-style-2 ul {
    left: 13%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .dot-style-2 ul {
    left: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dot-style-2 ul {
    left: 3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot-style-2 ul {
    left: 3%;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-2 ul {
    left: 15px;
    bottom: -5%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dot-style-2 ul {
    left: 30px;
    bottom: -10%;
  }
}

.dot-style-2 ul li {
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  .dot-style-2 ul li {
    margin-right: 5px;
  }
}

.dot-style-2 ul li button {
  padding: 0;
  font-size: 0;
  border: 2px solid transparent;
  background-color: transparent;
}

.dot-style-3 ul li {
  margin-top: 15px;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dot-style-3 ul li {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-3 ul li {
    margin-top: 10px;
  }
}

.dot-style-3 ul li:first-child {
  margin-top: 0;
}

.dot-style-3 ul li button {
  padding: 0;
  font-size: 20px;
  color: #bcbdc8;
  border: none;
  background-color: transparent;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.dot-style-3 ul li button:before {
  content: "0";
  display: inline-block;
  font-size: 20px;
}

.dot-style-3 ul li button::after {
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
  width: 86px;
  height: 3px;
  background: #0a1039;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 42px;
  content: "";
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .dot-style-3 ul li button::after {
    width: 40px;
  }
}

.dot-style-3 ul li button:hover {
  color: #0a1039;
}

.dot-style-3 ul li.slick-active button {
  color: #0a1039;
}

.dot-style-3 ul li.slick-active button::after {
  opacity: 1;
}

.dot-style-3.dot-style-3-position ul {
  position: absolute;
  bottom: -19%;
  right: 0%;
  z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dot-style-3.dot-style-3-position ul {
    bottom: -34%;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-3.dot-style-3-position ul {
    bottom: -13%;
  }
}

.dot-style-3.dot-style-3-position-2 ul {
  position: absolute;
  top: -60.5%;
  right: 0%;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .dot-style-3.dot-style-3-position-2 ul {
    top: auto;
    bottom: -10%;
  }
}

.hero-slider-content {
  position: relative;
  z-index: 99;
}

.hero-slider-content h1 {
  font-size: 68px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 0 27px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-content h1 {
    font-size: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-content h1 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider-content h1 {
    font-size: 30px;
  }
}

.hero-slider-content p {
  color: #ffffff;
  font-size: 15px;
  line-height: 30px;
  margin: 0 auto;
  width: 30%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-content p {
    width: 40%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-content p {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider-content p {
    width: 90%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero-slider-content p {
    width: 80%;
  }
}

.mouse-scroll-area {
  position: relative;
  padding-bottom: 115px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mouse-scroll-area {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area {
    padding-bottom: 50px;
  }
}

.mouse-scroll-area .book-shape-1 {
  position: absolute;
  top: -3% !important;
  left: 22% !important;
  z-index: 1;
}

.mouse-scroll-area .book-shape-1.layer img {
  width: 293px;
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area .book-shape-1.layer img {
    width: 150px;
  }
}

.mouse-scroll-area .book-shape-2 {
  position: absolute;
  top: 24% !important;
  left: 70% !important;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area .book-shape-2 {
    top: 10% !important;
    left: 40% !important;
  }
}

.mouse-scroll-area .book-shape-2.layer img {
  width: 85px;
}

.mouse-scroll-area .book-shape-3 {
  position: absolute;
  top: 14% !important;
  left: 88% !important;
  z-index: 1;
}

.mouse-scroll-area .book-shape-3.layer img {
  width: 233px;
}

.mouse-scroll-area .book-shape-4 {
  position: absolute;
  top: 66% !important;
  left: 76% !important;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mouse-scroll-area .book-shape-4 {
    top: 75% !important;
    left: 65% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mouse-scroll-area .book-shape-4 {
    top: 70% !important;
    left: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area .book-shape-4 {
    top: 92% !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mouse-scroll-area .book-shape-4 {
    top: 80% !important;
    left: 63% !important;
  }
}

.mouse-scroll-area .book-shape-4.layer img {
  width: 340px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mouse-scroll-area .book-shape-4.layer img {
    width: 240px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mouse-scroll-area .book-shape-4.layer img {
    width: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area .book-shape-4.layer img {
    width: 140px;
  }
}

.mouse-scroll-area .book-shape-5 {
  position: absolute;
  top: 60% !important;
  left: 18% !important;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mouse-scroll-area .book-shape-5 {
    top: 68% !important;
    left: 25% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mouse-scroll-area .book-shape-5 {
    top: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area .book-shape-5 {
    top: 70% !important;
    left: 31% !important;
  }
}

.mouse-scroll-area .book-shape-5.layer img {
  width: 289px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mouse-scroll-area .book-shape-5.layer img {
    width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mouse-scroll-area .book-shape-5.layer img {
    width: 180px;
  }
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area .book-shape-5.layer img {
    width: 100px;
  }
}

.mouse-scroll-area .book-shape-6 {
  position: absolute;
  top: 54% !important;
  left: 0% !important;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area .book-shape-6 {
    top: 74% !important;
  }
}

.mouse-scroll-area .book-shape-6.layer img {
  width: 176px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mouse-scroll-area .book-shape-6.layer img {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area .book-shape-6.layer img {
    width: 70px;
  }
}

.slider-cake-fixed-img {
  position: absolute;
  left: 0;
  top: 53%;
  z-index: 9;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-cake-fixed-img {
    top: 43%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-cake-fixed-img {
    top: 74%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-cake-fixed-img {
    top: 76%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-cake-fixed-img {
    top: 76%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-cake-fixed-img {
    top: 80%;
  }
}

.slider-cake-fixed-img img {
  width: 178px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-cake-fixed-img img {
    width: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-cake-fixed-img img {
    width: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-cake-fixed-img img {
    width: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-cake-fixed-img img {
    width: 80px;
  }
}

.slider-content-4 {
  position: relative;
  z-index: 999;
}

@media only screen and (max-width: 767px) {
  .slider-content-4 {
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-4 {
    text-align: left;
  }
}

.slider-content-4 h3 {
  font-size: 48px;
  font-family: "Rochester", cursive;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .slider-content-4 h3 {
    font-size: 35px;
  }
}

.slider-content-4 h1 {
  font-size: 95px;
  font-weight: 600;
  font-family: "Rochester", cursive;
  margin: 10px 0 28px;
  line-height: 1;
  color: #885643;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-4 h1 {
    font-size: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-4 h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-4 h1 {
    font-size: 40px;
    margin: 10px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-4 {
    margin: 10px 0 0px;
  }
}

.slider-single-img-4 a {
  display: block;
}

.slider-single-img-4 a img {
  max-width: none;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-single-img-4 a img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-single-img-4 a img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-single-img-4 a img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-4 a img {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-4 a img {
    max-width: 100%;
  }
}

.slider-blue-overly {
  position: relative;
}

.slider-blue-overly:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #e7f2e8;
  opacity: 0.78;
  z-index: 9;
}

.slider-content-5 {
  position: relative;
}

.slider-content-5 h1 {
  position: relative;
  z-index: 9;
  font-size: 128px;
  font-family: "Vandella";
  color: #172419;
  top: -85px;
  left: -84px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-5 h1 {
    font-size: 90px;
    left: -68px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-5 h1 {
    font-size: 90px;
    left: -30px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-5 h1 {
    font-size: 45px;
    left: 0px;
    top: -50px;
  }
}

.slider-content-5 h1 span {
  color: #359043;
  margin: 0 150px;
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-5 h1 span {
    margin: 0 70px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-5 h1 span {
    margin: 0 0px;
  }
}

.slider-content-5 .slider-oganic-img-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 5;
}

.slider-content-5 .slider-oganic-img-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
}

.slider-oganic-img-1 img {
  width: 714px;
  max-width: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-oganic-img-1 img {
    width: 470px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-oganic-img-1 img {
    width: 470px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-oganic-img-1 img {
    width: 214px;
  }
}

.slider-oganic-img-2 img {
  width: 510px;
  max-width: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-oganic-img-2 img {
    width: 410px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-oganic-img-2 img {
    width: 410px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-oganic-img-2 img {
    width: 250px;
  }
}

.oganic-bg-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  right: 0;
}

.oganic-bg-img img {
  width: 100%;
  max-width: none;
}

.slider-bg-color-2 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f0fdf5),
    color-stop(68%, #f0fdf5),
    color-stop(0%, #f7f7f7)
  );
  background: -webkit-linear-gradient(left, #f0fdf5, #f0fdf5 68%, #f7f7f7 0%);
  background: -o-linear-gradient(left, #f0fdf5, #f0fdf5 68%, #f7f7f7 0%);
  background: linear-gradient(to right, #f0fdf5, #f0fdf5 68%, #f7f7f7 0%);
}

.single-slider-ptb-2 {
  padding-top: 22px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-ptb-2 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-ptb-2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider-ptb-2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.slider-sin-img-mrg2 {
  margin: 0 -85px 0 0px;
  float: right;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-sin-img-mrg2 {
    margin: 0 -40px 0 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-sin-img-mrg2 {
    margin: 0 0px 0 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-sin-img-mrg2 {
    margin: 0 0px 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-sin-img-mrg2 {
    margin: 0 0px 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-sin-img-mrg2 {
    margin: 30px 0px 0 0px;
  }
}

.slider-kids-img-content {
  position: relative;
  display: inline-block;
}

.slider-kids-img-content h3 {
  font-size: 49px;
  font-family: "Chewy";
  color: #090961;
  margin: 0;
  position: absolute;
  left: 0;
  top: 72px;
  z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-kids-img-content h3 {
    left: -40px;
    top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-kids-img-content h3 {
    left: -40px;
    top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-kids-img-content h3 {
    left: -20px;
    top: 0;
    font-size: 25px;
  }
}

.slider-kids-img-content h4 {
  font-size: 49px;
  font-family: "Chewy";
  color: #090961;
  margin: 0;
  position: absolute;
  right: -65px;
  bottom: 118px;
  z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-kids-img-content h4 {
    bottom: 85px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-kids-img-content h4 {
    bottom: 85px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-kids-img-content h4 {
    right: 0;
    bottom: -12px;
    font-size: 25px;
  }
}

.slider-kids-img-content img {
  width: 755px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-kids-img-content img {
    width: 555px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-kids-img-content img {
    width: 555px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-kids-img-content img {
    width: 215px;
  }
}

.kids-slider-area {
  position: relative;
}

.kids-slider-area::before {
  background-image: url(../../assets/images/icon-img/kids-slider.png);
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0px;
  background-repeat: repeat;
  display: block;
  width: 100%;
  height: 20px;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .kids-slider-area {
    padding: 120px 0 100px;
  }
}

.slider-flower-wrap img {
  width: 845px;
  display: inline-block;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-flower-wrap img {
    width: 750px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-flower-wrap img {
    width: 700px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-flower-wrap img {
    width: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-flower-wrap img {
    width: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-flower-wrap img {
    width: 230px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-flower-wrap img {
    width: 270px;
  }
}

.slider-flower-wrap h2 {
  background: -webkit-linear-gradient(0deg, #ef1884, #bc3b3b 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 124px;
  font-family: "Vandella";
  margin-top: -50px;
  margin-bottom: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-flower-wrap h2 {
    font-size: 115px;
    margin-top: -20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-flower-wrap h2 {
    font-size: 100px;
    margin-top: -28px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-flower-wrap h2 {
    font-size: 85px;
    margin-top: -10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-flower-wrap h2 {
    font-size: 70px;
    margin-top: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-flower-wrap h2 {
    font-size: 50px;
    margin-top: 10px;
  }
}

.mouse-scroll-area-2 {
  position: absolute;
  top: 0% !important;
  left: 0 !important;
  z-index: 9 !important;
  width: 100% !important;
  height: 100% !important;
}

.mouse-scroll-area-2 .flower-shape-1 {
  position: absolute;
  top: 27% !important;
  left: 0% !important;
  z-index: 9;
}

.mouse-scroll-area-2 .flower-shape-1 img {
  max-width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mouse-scroll-area-2 .flower-shape-1 {
    left: -12% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mouse-scroll-area-2 .flower-shape-1 img {
    width: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area-2 .flower-shape-1 {
    top: 42% !important;
  }

  .mouse-scroll-area-2 .flower-shape-1 img {
    width: 80px !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mouse-scroll-area-2 .flower-shape-1 img {
    width: 100px !important;
  }
}

.mouse-scroll-area-2 .flower-shape-2 {
  position: absolute;
  top: 27% !important;
  left: 81% !important;
  z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mouse-scroll-area-2 .flower-shape-2 {
    left: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mouse-scroll-area-2 .flower-shape-2 {
    top: 42% !important;
  }
}

.mouse-scroll-area-2 .flower-shape-2 img {
  max-width: 100%;
}

.slider-single-img-5 {
  position: relative;
  z-index: 9;
  margin: 0 0 -23px 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-5 {
    margin: 0 0 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-5 {
    margin: 20px 0 -23px 0px;
    text-align: center;
  }
}

.slider-single-img-5 img {
  max-width: 100%;
}

.kids-3-bg-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.kids-3-bg-img img {
  width: 100%;
}

.pet-food-bg-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.pet-food-bg-img img {
  width: 100%;
}

.slider-content-6 {
  padding-top: 55px;
}

@media only screen and (max-width: 767px) {
  .slider-content-6 {
    padding-top: 0px;
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-6 {
    text-align: left;
    padding-top: 20px;
  }
}

.slider-content-6 h3 {
  font-size: 58px;
  color: #23914c;
  margin: 0 0 0px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .slider-content-6 h3 {
    font-size: 45px;
  }
}

.slider-content-6 h1 {
  font-size: 70px;
  color: #1086ee;
  margin: 30px 0 4px;
  font-weight: bold;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-6 h1 {
    font-size: 57px;
    margin: 20px 0 4px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-6 h1 {
    font-size: 42px;
    margin: 15px 0 4px;
  }
}

.slider-content-6 h2 {
  font-size: 58px;
  color: #fe58f3;
  font-family: "JellyBelly Font";
  margin: 0;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-6 h2 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-6 h2 {
    font-size: 38px;
  }
}

.kids-3-single-slider {
  position: relative;
}

.kids-3-single-slider::before {
  background-image: url(../../assets/images/icon-img/kids-3-rectangle.png);
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: -9px;
  background-repeat: repeat;
  display: block;
  width: 100%;
  height: 18px;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .kids-3-single-slider.pt-100 {
    padding-top: 50px;
  }
}

.slider-single-img-6 img {
  width: 100%;
}

.slider-single-img-7 {
  margin-left: -50px;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-7 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-7 {
    margin-left: 0px;
    text-align: center;
  }
}

.slider-single-img-7 img {
  width: 100%;
}

.slider-content-7 {
  background-color: #afa2a7;
  margin-right: -135px;
  position: relative;
  z-index: 9;
  padding: 63px 50px 63px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-7 {
    padding: 40px 30px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-7 {
    padding: 30px 30px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-7 {
    padding: 30px 30px 30px;
    margin-right: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-7 {
    padding: 50px 30px 50px;
    margin-right: 0px;
  }
}

.slider-content-7 h2 {
  font-size: 57px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 0 7px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-7 h2 {
    font-size: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-7 h2 {
    font-size: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-7 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-7 h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-7 h2 {
    font-size: 30px;
  }
}

.slider-content-7 h1 {
  font-size: 132px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 0 0px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-7 h1 {
    font-size: 98px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-7 h1 {
    font-size: 90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-7 h1 {
    font-size: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-7 h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-7 h1 {
    font-size: 50px;
  }
}

.slider-content-8 {
  position: relative;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .slider-content-8 {
    margin-bottom: 30px;
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-8 {
    text-align: left;
  }
}

.slider-content-8 h1 {
  color: #8e5208;
  font-size: 68px;
  font-family: "Pacifico";
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-8 h1 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-8 h1 {
    font-size: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-8 h1 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-8 h1 {
    font-size: 29px;
  }
}

.slider-content-8 p {
  font-size: 15px;
  line-height: 30px;
  margin: 14px 0 55px;
  width: 83%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-8 p {
    margin: 25px 0 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-8 p {
    margin: 20px 0 20px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-8 p {
    margin: 20px 0 20px;
    font-size: 14px;
    width: 100%;
  }
}

.slider-content-9 {
  margin-left: -86px;
  margin-top: -60px;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-9 {
    margin-left: 0px;
    margin-top: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-9 {
    margin-left: 0px;
    margin-top: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-9 {
    margin-left: 0px;
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-9 {
    margin-left: 0px;
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-9 {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 70px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-9 {
    margin-bottom: 0px;
  }
}

.slider-content-9::before {
  position: absolute;
  left: 65px;
  top: -80px;
  width: 360px;
  height: 335px;
  border: 4px solid #d02f3b;
  content: "";
  z-index: 9;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-9::before {
    left: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-9::before {
    left: 50px;
    height: 300px;
    top: -73px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-9::before {
    left: 50px;
    height: 300px;
    top: -73px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-9::before {
    left: 50px;
    height: 220px;
    top: -50px;
    width: 280px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-9::before {
    left: 42px;
    height: 130px;
    top: -26px;
    width: 176px;
    right: 0;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-9::before {
    left: 40px;
  }
}

.slider-content-9 h1 {
  font-size: 80px;
  font-weight: 900;
  margin: 0 0 26px;
  line-height: 60px;
  font-style: italic;
  letter-spacing: 3px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-9 h1 {
    font-size: 53px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-9 h1 {
    font-size: 50px;
    margin: 0 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-9 h1 {
    font-size: 50px;
    margin: 0 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-9 h1 {
    font-size: 40px;
    margin: 0 0 15px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-9 h1 {
    font-size: 32px;
    margin: 0 0 12px;
    line-height: 30px;
  }
}

.slider-content-9 h2 {
  font-size: 139px;
  font-weight: 900;
  margin: 0 0 0px 80px;
  color: #d02f3b;
  font-style: italic;
  letter-spacing: 3px;
  line-height: 100px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-9 h2 {
    font-size: 100px;
    line-height: 80px;
    margin: 0 0 0px 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-9 h2 {
    font-size: 85px;
    line-height: 80px;
    margin: 0 0 0px 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-9 h2 {
    font-size: 85px;
    line-height: 80px;
    margin: 0 0 0px 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-9 h2 {
    font-size: 53px;
    line-height: 65px;
    margin: 0 0 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-9 h2 {
    font-size: 45px;
    line-height: 40px;
    margin: 0 0 0px 0px;
  }
}

.slider-single-img-8 {
  margin: 0 -160px 0px 40px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-single-img-8 {
    margin: 0 0px 0px 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-single-img-8 {
    margin: 0 0px 0px 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-single-img-8 {
    margin: 0 0px 0px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-8 {
    margin: 0 0px 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-8 {
    margin: 0 0px 0px 0px;
  }
}

.slider-single-img-8 img {
  max-width: 100%;
}

.slider-content-10 {
  position: relative;
}

.slider-content-10 h1 {
  position: absolute;
  left: 26%;
  top: 40%;
  color: #ffffff;
  font-weight: bold;
  font-size: 160px;
  line-height: 120px;
  margin: 0;
  z-index: 9;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-10 h1 {
    left: 17%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-10 h1 {
    font-size: 130px;
    left: 17%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-10 h1 {
    font-size: 100px;
    left: 15%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-10 h1 {
    font-size: 80px;
    left: 9%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-10 h1 {
    font-size: 42px;
    left: 6%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-10 h1 {
    font-size: 50px;
  }
}

.slider-content-10 h2 {
  position: absolute;
  right: 25%;
  top: 40%;
  color: #ffffff;
  font-weight: bold;
  font-size: 160px;
  line-height: 120px;
  margin: 0;
  z-index: 2;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-10 h2 {
    right: 14%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-10 h2 {
    font-size: 130px;
    right: 16%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-10 h2 {
    font-size: 100px;
    right: 15%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-10 h2 {
    font-size: 80px;
    right: 12%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-10 h2 {
    font-size: 42px;
    right: 6%;
    z-index: 9;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-10 h2 {
    font-size: 50px;
    right: 13%;
  }
}

.slider-content-10 img {
  display: inline-block;
  position: relative;
  z-index: 5;
  max-width: 100%;
}

.slider-100vh {
  height: 100vh;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-100vh {
    height: auto;
    padding-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-100vh {
    height: auto;
    padding-top: 30px;
  }
}

.slider-single-img-9 {
  position: relative;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .slider-single-img-9 {
    text-align: center;
  }
}

.slider-single-img-9 img {
  width: 386px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-single-img-9 img {
    width: 280px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-single-img-9 img {
    width: 280px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-single-img-9 img {
    width: 250px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-9 img {
    width: 280px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-9 img {
    width: 150px;
    display: inline-block;
  }
}

.single-slider-fashion3 {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion3 {
    padding-top: 100px;
  }
}

.single-slider-fashion3 .fashion-3-slider-img2 {
  position: absolute;
  right: 18%;
  top: 8%;
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion3 .fashion-3-slider-img2 {
    right: auto;
    top: auto;
    bottom: 17%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider-fashion3 .fashion-3-slider-img2 {
    bottom: 19%;
    left: auto;
    right: 8%;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
  }
}

.single-slider-fashion3 .fashion-3-slider-img2 img {
  width: 593px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-slider-fashion3 .fashion-3-slider-img2 img {
    width: 400px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider-fashion3 .fashion-3-slider-img2 img {
    width: 360px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-fashion3 .fashion-3-slider-img2 img {
    width: 270px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion3 .fashion-3-slider-img2 img {
    width: 270px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion3 .fashion-3-slider-img2 img {
    width: 170px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider-fashion3 .fashion-3-slider-img2 img {
    width: 220px;
  }
}

.single-slider-fashion3 .fashion-3-slider-img3 {
  position: absolute;
  right: -18px;
  top: 24%;
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion3 .fashion-3-slider-img3 {
    top: 0%;
  }
}

.single-slider-fashion3 .fashion-3-slider-img3 img {
  width: 334px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-slider-fashion3 .fashion-3-slider-img3 img {
    width: 270px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider-fashion3 .fashion-3-slider-img3 img {
    width: 200px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-fashion3 .fashion-3-slider-img3 img {
    width: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion3 .fashion-3-slider-img3 img {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion3 .fashion-3-slider-img3 img {
    width: 150px;
  }
}

.single-slider-fashion3 .fashion-3-slider-img4 {
  position: absolute;
  right: 49%;
  top: 5%;
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion3 .fashion-3-slider-img4 {
    top: 0%;
    right: auto;
    left: 15px;
  }
}

.single-slider-fashion3 .fashion-3-slider-img4 img {
  width: 111px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-fashion3 .fashion-3-slider-img4 img {
    width: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion3 .fashion-3-slider-img4 img {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion3 .fashion-3-slider-img4 img {
    width: 80px;
  }
}

.slider-content-11 {
  position: relative;
  z-index: 9;
  padding: 0 0 0 58px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-11 {
    padding: 0 0 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-11 {
    padding: 0 0 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-11 {
    padding: 0 0 30px 15px;
  }
}

.slider-content-11 h1 {
  font-size: 68px;
  line-height: 90px;
  color: #151c0f;
  margin: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-11 h1 {
    font-size: 50px;
    line-height: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-11 h1 {
    font-size: 40px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-11 h1 {
    font-size: 40px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-11 h1 {
    font-size: 40px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-11 h1 {
    font-size: 30px;
    line-height: 45px;
  }
}

.slider-content-11 h1 span {
  font-weight: bold;
}

.slider-content-11 p {
  font-size: 18px;
  line-height: 36px;
  width: 51%;
  margin: 40px 0 60px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-11 p {
    width: 80%;
    margin: 20px 0 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-11 p {
    width: 100%;
    margin: 20px 0 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-11 p {
    width: 100%;
    margin: 20px 0 40px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-11 p {
    width: 100%;
    margin: 20px 0 40px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-11 p {
    width: 100%;
    margin: 5px 0 20px;
    font-size: 14px;
    line-height: 30px;
  }
}

.social-icon-2 {
  position: absolute;
  top: 50%;
  left: 14px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .social-icon-2 {
    left: 5px;
  }
}

.social-icon-2 a {
  display: block;
  margin-bottom: 40px;
  color: #cfcfcf;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .social-icon-2 a {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

.social-icon-2 a:last-child {
  margin-bottom: 0;
}

.social-icon-2 a:hover {
  color: #0a1039;
}

.login-cart-position {
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .login-cart-position {
    right: 8px;
  }
}

.login-cart-position .same-style-2 {
  margin: 0 0 38px;
}

.login-cart-position .same-style-2:last-child {
  margin: 0 0 0px;
}

.login-cart-position .same-style-2 a {
  font-size: 22px;
  color: #d8d8d8;
}

.login-cart-position .same-style-2 a:hover {
  color: #0a1039;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-cart-position .same-style-2 a.cart-active {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .login-cart-position .same-style-2 a {
    font-size: 16px;
  }

  .login-cart-position .same-style-2 a.cart-active {
    display: none;
  }
}

.slider-fashion-4-plr .container-fluid {
  padding: 0 50px;
}

@media only screen and (max-width: 767px) {
  .slider-fashion-4-plr .container-fluid {
    padding: 0 30px;
  }
}

.sidebar-slider-area {
  margin-left: 285px;
  height: 100vh;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-slider-area {
    margin-left: 230px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-slider-area {
    margin-left: 220px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-slider-area {
    margin-left: 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-slider-area {
    margin-left: 0px;
    height: auto;
    margin-top: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-slider-area {
    margin-left: 0px;
    height: auto;
    margin-top: 72px;
  }
}

.sidebar-slider-area-2 {
  margin-left: 65px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-slider-area-2 {
    margin-left: 0px;
    margin-top: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-slider-area-2 {
    margin-left: 0px;
    margin-top: 72px;
  }
}

.kid-2-bg-shape {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}

.kid-2-bg-shape img {
  width: 100%;
  max-width: none;
}

.kids-2-slider .single-slider {
  margin-bottom: 170px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kids-2-slider .single-slider {
    margin-bottom: 130px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-2-slider .single-slider {
    margin-bottom: 85px;
  }
}

@media only screen and (max-width: 767px) {
  .kids-2-slider .single-slider {
    margin-bottom: 50px;
  }
}

.slider-single-img-10 {
  position: relative;
  float: right;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .slider-single-img-10 {
    float: inherit;
    text-align: center;
  }
}

.slider-single-img-10 img {
  width: 501px;
  max-width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-single-img-10 img {
    width: 400px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-single-img-10 img {
    width: 370px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-10 img {
    width: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-10 img {
    width: 200px;
    display: inline-block;
  }
}

.slider-single-img-10 .slider-baby-img {
  position: absolute;
  left: -32%;
  top: 60px;
}

@media only screen and (max-width: 767px) {
  .slider-single-img-10 .slider-baby-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.slider-single-img-10 .slider-baby-img img {
  width: 273px;
  max-width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-single-img-10 .slider-baby-img img {
    width: 220px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-single-img-10 .slider-baby-img img {
    width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-10 .slider-baby-img img {
    width: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-10 .slider-baby-img img {
    width: 170px;
  }
}

.slider-single-img-10 .slider-trolley-img {
  position: absolute;
  left: -76%;
  top: 43%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-single-img-10 .slider-trolley-img {
    left: -73%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-10 .slider-trolley-img {
    left: 50%;
    top: 105%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.slider-single-img-10 .slider-trolley-img img {
  width: 624px;
  max-width: 100%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-single-img-10 .slider-trolley-img img {
    width: 570px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-single-img-10 .slider-trolley-img img {
    width: 500px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-single-img-10 .slider-trolley-img img {
    width: 450px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-single-img-10 .slider-trolley-img img {
    width: 370px;
    left: -68%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-single-img-10 .slider-trolley-img img {
    width: 370px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-12 {
    padding-left: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-12 {
    padding-left: 30px;
  }
}

.slider-content-12 h1 {
  font-size: 68px;
  line-height: 94px;
  margin: 0 0 217px;
  padding: 3px;
  background: rgba(255, 255, 255, 0.35);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-12 h1 {
    font-size: 60px;
    line-height: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-12 h1 {
    font-size: 45px;
    line-height: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-12 h1 {
    font-size: 45px;
    line-height: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-12 h1 {
    font-size: 45px;
    line-height: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-12 h1 {
    font-size: 35px;
    line-height: 45px;
  }
}

.slider-content-12 h1 span.bold {
  font-weight: bold;
}

.slider-content-12 h1 span.blue {
  font-weight: bold;
  color: #1ea9d3;
}

.slider-content-12 p {
  font-size: 15px;
  line-height: 30px;
  width: 30%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-12 p {
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-12 p {
    width: 50%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-12 p {
    width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-12 p {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-12 p {
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-12 p {
    width: 70%;
  }
}

.slider-content-13 {
  margin-left: -80px;
  position: relative;
  z-index: 9;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-13 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-13 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-13 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-13 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-13 {
    margin-left: 0px;
    margin-bottom: 20px;
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-13 {
    margin-bottom: 0px;
    text-align: left;
  }
}

.slider-content-13 h1 {
  color: #ffffff;
  font-size: 58px;
  line-height: 98px;
  font-family: "Pacifico";
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-13 h1 {
    font-size: 45px;
    line-height: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-13 h1 {
    font-size: 40px;
    line-height: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-13 h1 {
    font-size: 40px;
    line-height: 55px;
  }
}

.kids-2-slider-shape-2 {
  position: absolute;
  left: 0;
  top: 21%;
}

.kids-2-slider-shape-2 img {
  width: 31px;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.kids-2-slider-shape-1 {
  position: absolute;
  content: "";
  left: 19%;
  bottom: 78px;
  width: 59px;
  height: 59px;
  border-radius: 100%;
  z-index: 3;
  background-color: #fff388;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .kids-2-slider-shape-1 {
    bottom: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kids-2-slider-shape-1 {
    bottom: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-2-slider-shape-1 {
    bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .kids-2-slider-shape-1 {
    left: 8%;
  }
}

.kids-2-slider-shape-3 {
  position: absolute;
  content: "";
  left: 37%;
  top: 35%;
  width: 0;
  height: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 22px solid #4adcd7;
  z-index: 3;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.kids-2-slider-shape-4 {
  position: absolute;
  right: -1px;
  top: 0;
  z-index: 3;
}

.kids-2-slider-shape-4 img {
  width: 448px;
}

.kids-2-slider-shape-5 {
  position: absolute;
  right: 0%;
  bottom: 0;
  z-index: 3;
}

.kids-2-slider-shape-5 img {
  width: 297px;
}

@media only screen and (max-width: 767px) {
  .kids-2-slider-shape-5 img {
    width: 97px;
  }
}

.kids-2-slider-shape-6 {
  position: absolute;
  content: "";
  right: 18%;
  top: 2%;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  z-index: 3;
  background: -webkit-linear-gradient(
    315deg,
    #00eaff 0%,
    #0fe2ff 6%,
    #38cdff 18%,
    #79acff 70%,
    #d27eff 100%,
    #f86cff 100%
  );
  background: -o-linear-gradient(
    315deg,
    #00eaff 0%,
    #0fe2ff 6%,
    #38cdff 18%,
    #79acff 70%,
    #d27eff 100%,
    #f86cff 100%
  );
  background: linear-gradient(
    135deg,
    #00eaff 0%,
    #0fe2ff 6%,
    #38cdff 18%,
    #79acff 70%,
    #d27eff 100%,
    #f86cff 100%
  );
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .kids-2-slider-shape-6 {
    right: 26%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .kids-2-slider-shape-6 {
    right: 26%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kids-2-slider-shape-6 {
    right: 36%;
    top: 3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-2-slider-shape-6 {
    right: 36%;
    top: 4%;
  }
}

@media only screen and (max-width: 767px) {
  .kids-2-slider-shape-6 {
    right: 36%;
    top: 3%;
  }
}

.dot-style-4 .slick-dots {
  position: absolute;
  left: 30.7%;
  bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dot-style-4 .slick-dots {
    margin-bottom: 8px;
    bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot-style-4 .slick-dots {
    margin-bottom: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-4 .slick-dots {
    left: 30px;
    top: 38%;
    bottom: auto;
  }
}

.dot-style-4 .slick-dots li button {
  font-size: 20px;
  color: #777777;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  margin-bottom: 18px;
  border: none;
  padding: 0;
  background-color: transparent;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dot-style-4 .slick-dots li button {
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot-style-4 .slick-dots li button {
    font-size: 15px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-4 .slick-dots li button {
    font-size: 15px;
    margin-bottom: 8px;
  }
}

.dot-style-4 .slick-dots li button::after {
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
  width: 30px;
  height: 2px;
  background-color: #0a1039;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 32px;
  content: "";
  opacity: 0;
}

.dot-style-4 .slick-dots li button::before {
  content: "0";
  display: inline-block;
  font-size: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot-style-4 .slick-dots li button::before {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-4 .slick-dots li button::before {
    font-size: 15px;
  }
}

.dot-style-4 .slick-dots li.slick-active button {
  color: #0a1039;
}

.dot-style-4 .slick-dots li.slick-active button::after {
  opacity: 1;
  width: 87px;
}

.dot-style-4 .slick-dots li:last-child button {
  margin-bottom: 0px;
}

.dot-style-6-position-1 .slick-dots {
  position: absolute;
  left: 9%;
  bottom: 46px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .dot-style-6-position-1 .slick-dots {
    left: 7%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .dot-style-6-position-1 .slick-dots {
    left: 2%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dot-style-6-position-1 .slick-dots {
    left: 6%;
    bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot-style-6-position-1 .slick-dots {
    left: 5%;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-6-position-1 .slick-dots {
    left: 5%;
  }
}

.dot-style-6-position-2 .slick-dots {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 80px;
}

@media only screen and (max-width: 767px) {
  .dot-style-6-position-2 .slick-dots {
    left: 15px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dot-style-6-position-2 .slick-dots {
    left: 40px;
  }
}

.dot-style-6 .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dot-style-6 .slick-dots li {
  margin-right: 36px;
}

.dot-style-6 .slick-dots li:last-child {
  margin-right: 0;
}

.dot-style-6 .slick-dots li button {
  font-size: 20px;
  color: #777777;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  border: none;
  padding: 0;
  background-color: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot-style-6 .slick-dots li button {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-6 .slick-dots li button {
    font-size: 15px;
  }
}

.dot-style-6 .slick-dots li button::after {
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
  width: 30px;
  height: 2px;
  background-color: #0a1039;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 37px;
  content: "";
  opacity: 0;
}

.dot-style-6 .slick-dots li button::before {
  content: "0";
  display: inline-block;
  font-size: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dot-style-6 .slick-dots li button::before {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .dot-style-6 .slick-dots li button::before {
    font-size: 15px;
  }
}

.dot-style-6 .slick-dots li.slick-active {
  margin-right: 125px;
}

.dot-style-6 .slick-dots li.slick-active button {
  color: #0a1039;
}

.dot-style-6 .slick-dots li.slick-active button::after {
  opacity: 1;
  width: 87px;
}

.dot-style-6 .slick-dots li:last-child button {
  margin-bottom: 0px;
}

.fashion2-slider-bg1 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f2f5f8),
    color-stop(44%, #f2f5f8),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(left, #f2f5f8, #f2f5f8 44%, #fff 0%);
  background: -o-linear-gradient(left, #f2f5f8, #f2f5f8 44%, #fff 0%);
  background: linear-gradient(to right, #f2f5f8, #f2f5f8 44%, #fff 0%);
}

.fashion2-slider-bg2 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fff0e6),
    color-stop(44%, #fff0e6),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(left, #fff0e6, #fff0e6 44%, #fff 0%);
  background: -o-linear-gradient(left, #fff0e6, #fff0e6 44%, #fff 0%);
  background: linear-gradient(to right, #fff0e6, #fff0e6 44%, #fff 0%);
}

.fashion2-slider-bg3 {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#fff0f9),
    color-stop(30%, #fff0f9),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(right, #fff0f9, #fff0f9 30%, #fff 0%);
  background: -o-linear-gradient(right, #fff0f9, #fff0f9 30%, #fff 0%);
  background: linear-gradient(to left, #fff0f9, #fff0f9 30%, #fff 0%);
}

.single-slider-fashion2 {
  padding-top: 30px;
}

.single-slider-fashion2 .fashion-2-slider-img1-1 {
  position: absolute;
  left: 34%;
  bottom: 3.5%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-slider-fashion2 .fashion-2-slider-img1-1 {
    left: 29%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider-fashion2 .fashion-2-slider-img1-1 {
    left: 25%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-fashion2 .fashion-2-slider-img1-1 {
    left: 20%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion2 .fashion-2-slider-img1-1 {
    left: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion2 .fashion-2-slider-img1-1 {
    left: 4%;
    bottom: 12.5%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider-fashion2 .fashion-2-slider-img1-1 {
    left: 40%;
  }
}

.single-slider-fashion2 .fashion-2-slider-img1-1 img {
  width: 129px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion2 .fashion-2-slider-img1-1 img {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion2 .fashion-2-slider-img1-1 img {
    width: 70px;
  }
}

.single-slider-fashion2 .fashion-2-slider-img1-2 {
  position: absolute;
  right: 0.7%;
  bottom: 3.5%;
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion2 .fashion-2-slider-img1-2 {
    right: 4%;
    bottom: 12.5%;
  }
}

.single-slider-fashion2 .fashion-2-slider-img1-2 img {
  width: 129px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion2 .fashion-2-slider-img1-2 img {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion2 .fashion-2-slider-img1-2 img {
    width: 70px;
  }
}

.single-slider-fashion2 .fashion-2-slider-img1-3 {
  position: absolute;
  left: 39.5%;
  top: 31%;
}

.single-slider-fashion2 .fashion-2-slider-img1-3 img {
  width: 175px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion2 .fashion-2-slider-img1-3 img {
    width: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion2 .fashion-2-slider-img1-3 img {
    width: 100px;
  }
}

.single-slider-fashion2 .fashion-2-slider-img1-4 {
  position: absolute;
  right: 2.3%;
  top: 11%;
}

.single-slider-fashion2 .fashion-2-slider-img1-4 img {
  width: 111px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion2 .fashion-2-slider-img1-4 img {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion2 .fashion-2-slider-img1-4 img {
    width: 70px;
    top: 2%;
  }
}

.single-slider-fashion2 .fashion-2-slider-img2-1 {
  position: absolute;
  left: 38%;
  top: 7%;
}

.single-slider-fashion2 .fashion-2-slider-img2-1 img {
  width: 175px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion2 .fashion-2-slider-img2-1 img {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion2 .fashion-2-slider-img2-1 img {
    width: 100px;
  }
}

.single-slider-fashion2 .fashion-2-slider-img2-2 {
  position: absolute;
  right: 3.5%;
  top: 5%;
}

.single-slider-fashion2 .fashion-2-slider-img2-2 img {
  width: 149px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion2 .fashion-2-slider-img2-2 img {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion2 .fashion-2-slider-img2-2 img {
    width: 70px;
  }
}

.single-slider-fashion2 .fashion-2-slider-img3-1 {
  position: absolute;
  left: 38%;
  top: 7%;
}

.single-slider-fashion2 .fashion-2-slider-img3-1 img {
  width: 175px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-fashion2 .fashion-2-slider-img3-1 img {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .single-slider-fashion2 .fashion-2-slider-img3-1 img {
    width: 100px;
  }
}

.slider-single-img-11 {
  position: relative;
  z-index: 9;
}

.slider-single-img-11 img {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .slider-single-img-11 {
    text-align: center;
  }
}

.slider-content-14 {
  margin: -30px 0 0 0px;
  position: relative;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .slider-content-14 {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-14 {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.slider-content-14 h1 {
  font-size: 68px;
  font-weight: bold;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-14 h1 {
    font-size: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-14 h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-14 h1 {
    font-size: 30px;
  }
}

.slider-content-14 h2 {
  font-size: 117px;
  font-family: "Vandella";
  color: #d3854c;
  margin: 33px 0 0px;
  line-height: 127px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-14 h2 {
    font-size: 90px;
    margin: 10px 0 0px;
    line-height: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-14 h2 {
    font-size: 80px;
    margin: 10px 0 0px;
    line-height: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-14 h2 {
    font-size: 70px;
    margin: 20px 0 0px;
    line-height: 70px;
  }
}

.slider-content-14 h3 {
  font-size: 57px;
  font-weight: 300;
  margin: 0;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .slider-content-14 h3 {
    font-size: 50px;
  }
}

.fashion2-logo-position {
  position: absolute;
  left: 45px;
  top: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .fashion2-logo-position {
    left: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fashion2-logo-position {
    left: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fashion2-logo-position {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .fashion2-logo-position {
    display: none;
  }
}

.furniture-slider-shape-1 {
  position: absolute;
  content: "";
  left: 11%;
  bottom: 23%;
  z-index: 9;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .furniture-slider-shape-1 {
    bottom: 15%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .furniture-slider-shape-1 {
    bottom: 15%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .furniture-slider-shape-1 {
    bottom: 15%;
  }
}

@media only screen and (max-width: 767px) {
  .furniture-slider-shape-1 {
    left: 5%;
    bottom: 0%;
  }
}

.furniture-slider-shape-1 img {
  width: 30px;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.furniture-slider-shape-2 {
  position: absolute;
  content: "";
  left: 29%;
  top: 16%;
  z-index: 9;
}

.furniture-slider-shape-2 img {
  width: 173px;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .furniture-slider-shape-2 img {
    width: 100px;
    top: 20%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .furniture-slider-shape-2 img {
    width: 100px;
    top: 20%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .furniture-slider-shape-2 img {
    width: 100px;
    top: 20%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .furniture-slider-shape-2 img {
    width: 100px;
    top: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .furniture-slider-shape-2 img {
    width: 100px;
    top: 20%;
  }
}

.furniture-slider-shape-3 {
  position: absolute;
  content: "";
  width: 59px;
  height: 59px;
  background-color: #fff388;
  border-radius: 100%;
  left: 0%;
  bottom: 17%;
  z-index: 9;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .furniture-slider-shape-3 {
    left: 2%;
    bottom: 10%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .furniture-slider-shape-3 {
    left: 2%;
    bottom: 10%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .furniture-slider-shape-3 {
    left: 2%;
    bottom: 8%;
  }
}

@media only screen and (max-width: 767px) {
  .furniture-slider-shape-3 {
    left: 50%;
    bottom: 35%;
  }
}

.furniture-slider-shape-4 {
  position: absolute;
  content: "";
  left: 31.3%;
  top: 26%;
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 22px solid #4adcd7;
  z-index: 9;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .furniture-slider-shape-4 {
    top: 20%;
  }
}

.img-max-width .slick-dots li button img {
  max-width: 100%;
}

/*---------- 4. Coupon style ------------*/
.single-coupon-wrap {
  background-color: #f4f4f4;
  padding: 8px 0px;
  border-radius: 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
}

.single-coupon-wrap::before {
  background-image: url(../../assets/images/icon-img/dot.png);
  position: absolute;
  content: "";
  left: 36%;
  top: 0px;
  background-repeat: repeat-y;
  display: block;
  width: 7px;
  height: 100%;
}

.single-coupon-wrap .single-coupon-left {
  background-color: #fff;
  padding: 37px 5px 31px;
  border-radius: 8px;
  height: 100%;
  width: 100%;
}

.single-coupon-wrap .single-coupon-left h3 {
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  margin: 0;
}

.single-coupon-wrap .single-coupon-left h3 span {
  font-weight: bold;
}

.single-coupon-wrap .single-coupon-right {
  background-color: #fff;
  padding: 33px 5px;
  border-radius: 8px;
  height: 100%;
  width: 100%;
}

.single-coupon-wrap .single-coupon-right p {
  line-height: 19px;
}

.single-coupon-wrap .single-coupon-right h2 {
  color: #232953;
  font-weight: bold;
  margin: 10px 0 0;
  font-size: 20px;
}

.single-coupon-wrap .coupon-width-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 37%;
  -ms-flex: 0 0 37%;
  flex: 0 0 37%;
  max-width: 37%;
  padding-left: 9px;
  padding-right: 9px;
}

.single-coupon-wrap .coupon-width-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 63%;
  -ms-flex: 0 0 63%;
  flex: 0 0 63%;
  max-width: 63%;
  padding-right: 9px;
  padding-left: 9px;
}

/*---------- 5. Banner style ------------*/
.banner-area {
  position: relative;
}

.banner-area .banner-img-position {
  position: absolute;
  left: 33%;
  bottom: 4%;
}

.banner-area .banner-img-position img {
  width: 459px;
}

@media only screen and (max-width: 767px) {
  .banner-area .banner-img-position img {
    width: 259px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-area .banner-img-position {
    left: 23%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-area .banner-img-position {
    left: 17%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area .banner-img-position {
    left: 8%;
  }
}

@media only screen and (max-width: 767px) {
  .banner-area .banner-img-position {
    left: 8%;
  }
}

.banner-wrap {
  position: relative;
  overflow: hidden;
}

.banner-wrap.banner-bg-color-azure {
  background-color: #e8fcff;
}

.banner-wrap.banner-bg-color-honeydew {
  background-color: #edfff0;
}

.banner-wrap.banner-mrg-left-1 {
  margin-left: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap.banner-mrg-left-1 {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap.banner-mrg-left-1 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap.banner-mrg-left-1 {
    margin-left: 0px;
  }
}

.banner-wrap.banner-mrg-right-1 {
  margin-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap.banner-mrg-right-1 {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap.banner-mrg-right-1 {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap.banner-mrg-right-1 {
    margin-right: 0px;
  }
}

.banner-wrap .banner-img a {
  display: block;
}

.banner-wrap .banner-img a img {
  width: 100%;
  height: 523px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.banner-wrap .banner-img.banner-img-overflow {
  overflow: hidden;
}

.banner-wrap .banner-position-1 {
  position: absolute;
  right: 42px;
  top: 87px;
  z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-position-1 {
    right: 20px;
    top: 92px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-1 {
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-position-1 {
    right: 30px;
  }
}

.banner-wrap .banner-position-2 {
  position: absolute;
  right: 50px;
  bottom: 70px;
  z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-position-2 {
    right: 20px;
    bottom: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-2 {
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-position-2 {
    right: 30px;
  }
}

.banner-wrap .banner-position-3 {
  position: absolute;
  top: 52px;
  left: 200px;
  z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-position-3 {
    left: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-position-3 {
    top: 52px;
    left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-3 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 12px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-position-3 {
    left: 30px;
  }
}

.banner-wrap .banner-position-4 {
  position: absolute;
  top: 52px;
  left: 320px;
  z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-position-4 {
    left: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-position-4 {
    top: 50px;
    left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-4 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 12px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-position-4 {
    left: 30px;
  }
}

.banner-wrap .banner-position-5 {
  position: absolute;
  left: 90px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-position-5 {
    left: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-position-5 {
    left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-5 {
    left: 15px;
  }
}

.banner-wrap .banner-position-6 {
  position: absolute;
  right: 90px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-position-6 {
    right: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-position-6 {
    right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-6 {
    right: 15px;
  }
}

.banner-wrap .banner-position-7 {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-position-7 {
    right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-position-7 {
    right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-7 {
    right: 20px;
  }
}

.banner-wrap .banner-position-8 {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-position-8 {
    left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-position-8 {
    left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-8 {
    left: 20px;
  }
}

.banner-wrap .banner-position-9 {
  position: absolute;
  left: 0px;
  right: 0;
  text-align: center;
  bottom: 53px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-position-9 {
    bottom: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-position-9 {
    bottom: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-9 {
    bottom: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-position-9 {
    bottom: 44px;
  }
}

.banner-wrap .banner-position-10 {
  position: absolute;
  left: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.banner-wrap .banner-position-11 {
  position: absolute;
  left: 73px;
  bottom: 43px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-position-11 {
    bottom: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-position-11 {
    left: 30px;
    bottom: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-11 {
    bottom: 12px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-position-11 {
    bottom: 48px;
  }
}

.banner-wrap .banner-position-13-1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  text-align: center;
}

.banner-wrap .banner-position-13-2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 55%;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-position-13-2 {
    left: 45%;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-13-2 {
    left: 45%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-position-13-2 {
    left: 50%;
  }
}

.banner-wrap .banner-content-13 h4 {
  color: #f5691c;
  font-size: 70px;
  margin: 0 0 15px;
  font-family: "Vandella";
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-13 h4 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-13 h4 {
    font-size: 40px;
    margin: 0 0 8px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-13 h4 {
    font-size: 30px;
    margin: 0 0 8px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-13 h4 {
    font-size: 50px;
    margin: 0 0 20px;
  }
}

.banner-wrap .banner-content-13 p {
  color: #271003;
  font-size: 26px;
  font-weight: 500;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-13 p {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-13 p {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-13 p {
    font-size: 15px;
    line-height: 1;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-13 p {
    font-size: 20px;
  }
}

.banner-wrap .b-content-14-position-1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30px;
}

.banner-wrap .b-content-14-position-2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 12px;
}

.banner-wrap .b-content-14-position-3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
}

.banner-wrap .banner-content-14 h2 {
  font-size: 58px;
  font-family: "JellyBelly Font";
  margin: 0 0 10px;
  line-height: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-14 h2 {
    font-size: 46px;
    line-height: 46px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-14 h2 {
    font-size: 40px;
    line-height: 43px;
    margin: 0 0 3px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-14 h2 {
    font-size: 45px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-14 h2 {
    font-size: 50px;
  }
}

.banner-wrap .banner-content-14 h2.pink {
  color: #e21655;
}

.banner-wrap .banner-content-14 h2.orange {
  color: #d48817;
}

.banner-wrap .banner-content-14 h2.green {
  color: #00ae5a;
}

.banner-wrap .banner-content-14 h2.purple {
  color: #7e4fbb;
}

.banner-wrap .banner-content-14 h2.blue {
  color: #1e5db2;
}

.banner-wrap .banner-content-14 p {
  color: #06103a;
  font-size: 20px;
  font-family: "Work Sans";
}

.banner-wrap .banner-content-15 {
  position: absolute;
  left: 55px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-15 {
    left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-15 {
    left: 30px;
  }
}

.banner-wrap .banner-content-15 h2 {
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 10px;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-15 h2 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-15 h2 {
    font-size: 26px;
  }
}

.banner-wrap .banner-content-15 h3 {
  font-size: 36px;
  font-weight: 300;
  margin: 0 0 0px;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-15 h3 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-15 h3 {
    font-size: 26px;
  }
}

.banner-wrap .banner-content-16 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 34%;
}

.banner-wrap .banner-content-16 h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 0px;
  line-height: 30px;
}

.banner-wrap .banner-content-16 h3 a {
  color: #333333;
}

.banner-wrap .banner-content-16 h3 a:hover {
  color: #cf7f39;
}

.banner-wrap .banner-content-17 {
  position: absolute;
  left: 50%;
  top: 17%;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-17 {
    left: 43%;
  }
}

.banner-wrap .banner-content-17 h3 {
  font-size: 29px;
  margin: 0 0 0px;
  line-height: 56px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-content-17 h3 {
    font-size: 25px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-17 h3 {
    font-size: 22px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-17 h3 {
    font-size: 15px;
    line-height: 25px;
  }
}

.banner-wrap .banner-content-17 h3 a {
  color: #262836;
}

.banner-wrap .banner-content-17 h3 a:hover {
  color: #d02f3b;
}

.banner-wrap .banner-18-position-1 {
  position: absolute;
  left: 14%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-18-position-1 {
    left: 7%;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-18-position-1 {
    left: 6%;
  }
}

.banner-wrap .banner-18-position-2 {
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-18-position-2 {
    right: 7%;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-18-position-2 {
    right: 6%;
  }
}

.banner-wrap .banner-18-position-3 {
  position: absolute;
  left: 70px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-18-position-3 {
    left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-18-position-3 {
    left: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-18-position-3 {
    left: 20px;
  }
}

.banner-wrap .banner-content-18 h2 {
  font-size: 29px;
  font-weight: 500;
  margin: 0;
}

.banner-wrap .banner-content-18 h2.bold {
  font-weight: bold;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-18 h2 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-18 h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-18 h2 {
    font-size: 18px;
  }
}

.banner-wrap .banner-content-18 h3 {
  font-size: 60px;
  font-weight: bold;
  margin: 16px 0 52px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-18 h3 {
    font-size: 48px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-18 h3 {
    font-size: 40px;
    margin: 16px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-18 h3 {
    font-size: 30px;
    margin: 12px 0 10px;
  }
}

.banner-wrap .banner-content-18.banner-content-18-white h2 {
  color: #ffffff;
}

.banner-wrap .banner-content-18.banner-content-18-white h3 {
  color: #ffffff;
}

.banner-wrap .banner-content-19 {
  position: absolute;
  right: 24px;
  top: 110px;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-19 {
    right: 15px;
    top: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-19 {
    right: 20px;
    top: 100px;
  }
}

.banner-wrap .banner-content-19 h2 {
  color: #ffffff;
  font-size: 56px;
  margin: 0 0 21px;
  line-height: 45px;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-19 h2 {
    font-size: 40px;
  }
}

.banner-wrap .banner-content-19 span {
  color: #ffffff;
  font-size: 20px;
  display: block;
  line-height: 1;
}

.banner-wrap .banner-content-19 h1 {
  color: #ffffff;
  font-size: 95px;
  margin: 5px 0 0;
  line-height: 70px;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-19 h1 {
    font-size: 60px;
  }
}

.banner-wrap .banner-20-position-1 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 36px;
  text-align: center;
}

.banner-wrap .banner-20-position-2 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 36px;
  text-align: center;
}

.banner-wrap .banner-content-20 h3 {
  color: #ffffff;
  font-size: 30px;
  margin: 0 0 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-20 h3 {
    font-size: 26px;
  }
}

.banner-wrap .banner-content-20 span {
  color: #ffffff;
  font-size: 22px;
  display: block;
  line-height: 1;
}

.banner-wrap .banner-content-21 {
  position: absolute;
  top: 10%;
  right: 0;
  border: 5px solid #fff;
  border-right: none;
  padding: 18px 35px 10px 20px;
  background-color: rgba(255, 255, 255, 0.45);
}

.banner-wrap .banner-content-21 h3 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
  margin: 0 0 13px;
}

.banner-wrap .banner-content-21 h3 span {
  font-weight: bold;
}

.banner-wrap .banner-content-21 p {
  font-size: 18px;
  color: #151c0f;
  line-height: 1;
}

.banner-wrap .banner-offer-1 {
  width: 112px;
  height: 110px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url(../../assets/images/banner/banner-shape-electric.png);
}

.banner-wrap .banner-offer-1 h3 {
  margin: 0;
  font-size: 25px;
  font-weight: bold;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-offer-1 h3 {
    font-size: 18px;
    line-height: 22px;
  }
}

.banner-wrap .banner-content-1 h4 {
  font-size: 30px;
  font-weight: bold;
  color: #333;
  margin: 0 0 11px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-1 h4 {
    font-size: 20px;
    margin: 0 0 5px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-1 h4 {
    font-size: 20px;
    margin: 0 0 5px;
  }
}

.banner-wrap .banner-content-1 h4 a {
  color: #333;
}

.banner-wrap .banner-content-1 h4 a:hover {
  color: #232953;
}

.banner-wrap .banner-content-1 p {
  font-size: 18px;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-1 p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-1 p {
    font-size: 16px;
    color: #333;
  }
}

.banner-wrap .banner-content-2 {
  padding: 0 0 0 87px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-content-2 {
    padding: 0 0 0 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-2 {
    padding: 0 0 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-2 {
    padding: 0 0 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-2 {
    padding: 30px 0 30px 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-2 {
    padding: 30px 0 30px 30px;
  }
}

.banner-wrap .banner-content-2 h2 {
  font-size: 29px;
  font-weight: 500;
  line-height: 43px;
  margin: 0 0 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-2 h2 {
    font-size: 25px;
    line-height: 32px;
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-2 h2 {
    font-size: 25px;
    line-height: 32px;
    margin: 0 0 15px;
  }
}

.banner-wrap .banner-content-3-wrap {
  position: absolute;
  bottom: 33px;
  left: 0px;
  right: 0px;
  margin: 0 43px;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 47px 60px 46px 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-wrap .banner-content-3-wrap {
    padding: 47px 40px 46px 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-content-3-wrap {
    margin: 0 20px;
    padding: 47px 30px 46px 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-3-wrap {
    margin: 0 20px;
    padding: 47px 30px 46px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-3-wrap {
    margin: 0 20px;
    padding: 30px 20px 30px 20px;
  }
}

.banner-wrap .banner-content-3-wrap .banner-content-3 h3 {
  font-size: 29px;
  font-weight: 500;
  margin: 0 0 18px;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-3-wrap .banner-content-3 h3 {
    font-size: 25px;
    margin: 0 0 12px;
  }
}

.banner-wrap .banner-content-3-wrap .banner-content-3 h3 a {
  color: #333333;
}

.banner-wrap .banner-content-3-wrap .banner-content-3 h3 a:hover {
  color: #0a1039;
}

.banner-wrap .banner-content-3-wrap .banner-content-3 p {
  color: #777;
  font-size: 15px;
  margin: 0;
}

.banner-wrap .banner-content-3-wrap .banner-btn a {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-3-wrap .banner-btn a {
    font-size: 16px;
  }
}

.banner-wrap .banner-content-3-wrap .banner-btn a i {
  color: #333333;
  font-size: 8px;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: -2px;
  margin-left: 9px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.banner-wrap .banner-content-3-wrap .banner-btn a:hover {
  color: #0a1039;
}

.banner-wrap .banner-content-3-wrap .banner-btn a:hover i {
  margin-left: 15px;
  color: #0a1039;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-3-wrap .banner-btn {
    margin-top: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-3-wrap .banner-btn {
    margin-top: 8px;
  }
}

.banner-wrap .banner-content-4 h3 {
  font-size: 29px;
  font-weight: 500;
  margin: 0 0 0px;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-4 h3 {
    font-size: 22px;
  }
}

.banner-wrap .banner-content-4 h3 a {
  color: #333333;
}

.banner-wrap .banner-content-4 h3 a:hover {
  color: #0a1039;
}

.banner-wrap .banner-content-4 p {
  color: #777;
  font-size: 15px;
  margin: 22px 0 65px;
  line-height: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-content-4 p {
    margin: 22px 0 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-4 p {
    margin: 15px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-4 p {
    line-height: 21px;
    font-size: 13px;
    margin: 5px 0 2px;
  }
}

.banner-wrap .banner-content-4 .banner-btn-2 a {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-4 .banner-btn-2 a {
    font-size: 14px;
  }
}

.banner-wrap .banner-content-4 .banner-btn-2 a i {
  color: #333333;
  font-size: 8px;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: -2px;
  margin-left: 9px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.banner-wrap .banner-content-4 .banner-btn-2 a:hover {
  color: #0a1039;
}

.banner-wrap .banner-content-4 .banner-btn-2 a:hover i {
  margin-left: 15px;
  color: #0a1039;
}

.banner-wrap .banner-content-5 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 59px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-5 {
    bottom: 30px;
  }
}

.banner-wrap .banner-content-5 h3 {
  font-size: 36px;
  font-weight: 800;
  color: #d57939;
  margin: 0;
  line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-5 h3 {
    font-size: 32px;
  }
}

.banner-wrap .banner-content-5 h3 a {
  color: #d57939;
}

.banner-wrap .banner-content-7 h3 {
  font-size: 29px;
  font-weight: 500;
  line-height: 43px;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-7 h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-7 h3 {
    font-size: 20px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-7 h3 {
    font-size: 16px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-7 h3 {
    font-size: 22px;
    line-height: 30px;
  }
}

.banner-wrap .banner-content-7 h3 a {
  color: #333;
}

.banner-wrap .banner-content-7 h3 a:hover {
  color: #666;
}

.banner-wrap .banner-content-7 p {
  font-size: 15px;
  line-height: 30px;
  margin: 12px 0 19px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-7 p {
    margin: 5px 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-7 p {
    font-size: 14px;
    line-height: 26px;
    margin: 5px 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-7 p {
    font-size: 14px;
    line-height: 23px;
    margin: 5px 0 8px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-7 p {
    margin: 12px 0 19px;
  }
}

.banner-wrap .banner-content-7 .banner-btn-3 a {
  background-color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #222d39;
  line-height: 1;
  z-index: 2;
  position: relative;
  padding: 14px 55px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-7 .banner-btn-3 a {
    padding: 14px 35px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-7 .banner-btn-3 a {
    padding: 10px 35px 11px;
  }
}

.banner-wrap .banner-content-7 .banner-btn-3 a:hover {
  color: #fff;
}

.banner-wrap .banner-content-8 h3 {
  font-size: 46px;
  font-family: "Pacifico";
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-8 h3 {
    font-size: 40px;
    line-height: 1;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-8 h3 {
    font-size: 40px;
    line-height: 1;
  }
}

.banner-wrap .banner-content-8 h3 a {
  color: #3c1709;
}

.banner-wrap .banner-content-8 h3 a:hover {
  color: #885643;
}

.banner-wrap .banner-content-8 span {
  font-size: 31px;
  font-weight: 500;
  color: #885643;
  display: block;
  line-height: 1;
  margin: 10px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-8 span {
    margin: 5px 0 0;
  }
}

.banner-wrap .banner-content-9 h3 {
  font-size: 36px;
  font-family: "Pacifico";
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-9 h3 {
    font-size: 26px;
  }
}

.banner-wrap .banner-content-9 h3 a {
  color: #3c1709;
}

.banner-wrap .banner-content-9 h3 a:hover {
  color: #885643;
}

.banner-wrap .banner-content-10 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-10 {
    top: 40%;
    left: 30%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-10 {
    top: 50%;
    left: 50%;
  }
}

.banner-wrap .banner-content-10 h2 {
  color: #ffffff;
  font-size: 89px;
  font-family: "Vandella";
  margin: 0 0 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-10 h2 {
    font-size: 64px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-10 h2 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-10 h2 {
    font-size: 50px;
  }
}

.banner-wrap .banner-content-10 h3 {
  color: #ffffff;
  font-size: 33px;
  font-weight: 500;
  margin: 0 0 0px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-10 h3 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-10 h3 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-10 h3 {
    font-size: 20px;
  }
}

.banner-wrap .banner-content-10 h3::before {
  content: url(../../assets/images/icon-img/organic-banner-shape-1.png);
  position: absolute;
  left: 0;
  top: -37px;
  bottom: auto;
}

.banner-wrap .banner-content-10 h3::after {
  content: url(../../assets/images/icon-img/organic-banner-shape-1.png);
  position: absolute;
  left: 0;
  bottom: -30px;
  top: auto;
}

.banner-wrap .banner-content-11 {
  position: absolute;
  left: 100px;
  top: 21%;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-content-11 {
    left: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-11 {
    left: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-11 {
    left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-11 {
    left: 30px;
    top: 30%;
  }
}

.banner-wrap .banner-content-11 h2 {
  font-size: 40px;
  font-weight: bold;
  margin: 0 0 5px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-11 h2 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-11 h2 {
    font-size: 40px;
  }
}

.banner-wrap .banner-content-11 h1 {
  font-size: 98px;
  font-weight: bold;
  margin: 0 0 0px;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-11 h1 {
    font-size: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-11 h1 {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-11 h1 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-11 h1 {
    font-size: 40px;
  }
}

.banner-wrap .banner-content-11 h1 span {
  font-size: 79px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-11 h1 span {
    font-size: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-11 h1 span {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-11 h1 span {
    font-size: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-11 h1 span {
    font-size: 40px;
  }
}

.banner-wrap .banner-content-12 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-12 {
    right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-12 {
    right: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-12 {
    right: 50px;
  }
}

.banner-wrap .banner-content-12 h3 {
  font-weight: bold;
  font-size: 30px;
  font-family: "Work Sans";
  color: #06103a;
  margin: 0;
  line-height: 1;
}

.banner-wrap .banner-content-12 h2 {
  font-size: 58px;
  font-family: "Chewy";
  margin: 0 0 10px;
  line-height: 1;
}

.banner-wrap .banner-content-12 h2.pink {
  color: #e21655;
}

.banner-wrap .banner-content-12 h2.blue {
  color: #13b7eb;
}

.banner-wrap .banner-content-12 h2.green {
  color: #0ec256;
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-12 h2 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-wrap .banner-content-12 h2 {
    font-size: 58px;
  }
}

.banner-wrap .banner-content-12 span {
  color: #06103a;
  font-size: 20px;
  font-family: "Work Sans";
}

.banner-wrap .banner-content-wrap {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.banner-wrap .banner-content-wrap .banner-content-6 {
  display: inline-block;
  padding: 36px 0;
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-wrap .banner-content-6 {
    padding: 26px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-wrap .banner-content-6 {
    padding: 16px 0;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-wrap .banner-content-6 {
    padding: 16px 0;
  }
}

.banner-wrap .banner-content-wrap .banner-content-6 h2 {
  font-size: 46px;
  font-weight: 500;
  margin: 0 0 20px;
  line-height: 37px;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-wrap .banner-content-6 h2 {
    font-size: 36px;
    margin: 0 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-wrap .banner-content-6 h2 {
    font-size: 32px;
    margin: 0 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-wrap .banner-content-6 h2 {
    font-size: 28px;
    margin: 0 0 10px;
  }
}

.banner-wrap .banner-content-wrap .banner-content-6 h4 {
  font-size: 27px;
  font-weight: 500;
  margin: 0 0 0px;
  line-height: 25px;
  color: #ffffff;
}

.banner-wrap .banner-content-23-position1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-23-position1 {
    right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-23-position1 {
    right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-23-position1 {
    right: 15px;
  }
}

.banner-wrap .banner-content-23-position2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-23-position2 {
    left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-23-position2 {
    left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-23-position2 {
    left: 15px;
  }
}

.banner-wrap .banner-content-23 h3 {
  color: #262836;
  font-size: 26px;
  margin: 0;
  line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-23 h3 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-23 h3 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-23 h3 {
    font-size: 20px;
  }
}

.banner-wrap .banner-content-23 h2 {
  color: #262836;
  font-size: 50px;
  margin: 33px 0 71px;
  font-weight: 300;
  line-height: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-content-23 h2 {
    font-size: 40px;
    margin: 17px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-content-23 h2 {
    font-size: 40px;
    margin: 17px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-content-23 h2 {
    font-size: 40px;
    margin: 17px 0 10px;
  }
}

.banner-wrap .banner-content-23 h2 span {
  font-weight: bold;
}

.banner-wrap.banner-23-mrg-1 {
  margin-right: -30px;
}

@media only screen and (max-width: 767px) {
  .banner-wrap.banner-23-mrg-1 {
    margin-right: 0px;
  }
}

.banner-wrap.banner-23-mrg-2 {
  margin-left: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap.banner-23-mrg-2 {
    margin-left: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap.banner-23-mrg-2 {
    margin-left: 0px;
  }
}

.banner-wrap.banner-23-mrg-3 {
  margin-right: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap.banner-23-mrg-3 {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap.banner-23-mrg-3 {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap.banner-width-flex-50 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .banner-wrap.mt-125 {
    margin-top: 50px;
  }

  .banner-wrap.mb-70 {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap.mt-125 {
    margin-top: 0px;
  }

  .banner-wrap.mt-55 {
    margin-top: 0px;
  }

  .banner-wrap.mb-70 {
    margin-bottom: 30px;
  }
}

.banner-wrap:hover .banner-img a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.banner-categore-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 485px;
  background-color: #e09850;
  z-index: 9;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-categore-wrap {
    width: 400px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-categore-wrap {
    width: 350px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-categore-wrap {
    width: 270px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-categore-wrap {
    width: 100%;
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767px) {
  .banner-categore-wrap {
    width: 100%;
    position: static;
    display: block;
  }
}

.banner-categore-wrap .handcraft-categore-list {
  padding: 70px 80px 70px 117px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-categore-wrap .handcraft-categore-list {
    padding: 70px 70px 70px 90px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-categore-wrap .handcraft-categore-list {
    padding: 70px 40px 70px 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-categore-wrap .handcraft-categore-list {
    padding: 70px 20px 70px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-categore-wrap .handcraft-categore-list {
    padding: 50px 30px 50px 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .banner-categore-wrap .handcraft-categore-list {
    padding: 50px 30px 50px 30px;
  }
}

.banner-categore-wrap .handcraft-categore-list ul li {
  display: block;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-categore-wrap .handcraft-categore-list ul li {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-categore-wrap .handcraft-categore-list ul li {
    margin-bottom: 25px;
  }
}

.banner-categore-wrap .handcraft-categore-list ul li:last-child {
  margin-bottom: 0;
}

.banner-categore-wrap .handcraft-categore-list ul li a {
  color: #ffffff;
  font-size: 18px;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-categore-wrap .handcraft-categore-list ul li a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-categore-wrap .handcraft-categore-list ul li a {
    font-size: 16px;
  }
}

.banner-categore-wrap .handcraft-categore-list ul li a i {
  font-size: 20px;
  position: relative;
  top: 2px;
  margin-left: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-categore-wrap .handcraft-categore-list ul li a i {
    font-size: 17px;
  }
}

.banner-categore-wrap .handcraft-categore-list ul li a:hover {
  font-weight: bold;
}

.banner-btn-4 {
  margin: 22px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-btn-4 {
    margin: 6px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .banner-btn-4 {
    margin: 10px 0 0;
  }
}

.banner-btn-4 a {
  display: inline-block;
  color: #885643;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-btn-4 a {
    font-size: 14px;
  }
}

.banner-btn-4 a svg {
  margin-left: 22px;
}

.banner-btn-4 a svg.arrow-mrg-dec {
  margin-left: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-btn-4 a svg {
    margin-left: 4px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-btn-4 a svg {
    margin-left: 15px;
  }
}

.banner-btn-4 a svg path {
  fill: #885643;
}

.banner-btn-4 a:hover {
  color: #3c1709;
}

.banner-btn-4 a:hover svg path {
  fill: #3c1709;
}

.banner-btn-4.white a {
  color: #ffffff;
}

.banner-btn-4.white a svg path {
  fill: #ffffff;
}

.banner-btn-4.white a:hover {
  color: #0a1039;
}

.banner-btn-4.white a:hover svg path {
  fill: #0a1039;
}

.banner-btn-4.green-2 a {
  color: #359043;
}

.banner-btn-4.green-2 a svg path {
  fill: #359043;
}

.banner-btn-4.green-2 a:hover {
  color: #0a1039;
}

.banner-btn-4.green-2 a:hover svg path {
  fill: #0a1039;
}

.banner-btn-4.green-3 a {
  color: #62bc77;
}

.banner-btn-4.green-3 a svg path {
  fill: #62bc77;
}

.banner-btn-4.green-3 a:hover {
  color: #0a1039;
}

.banner-btn-4.green-3 a:hover svg path {
  fill: #0a1039;
}

.banner-btn-4.pink a {
  color: #d60b5e;
}

.banner-btn-4.pink a svg path {
  fill: #d60b5e;
}

.banner-btn-4.pink a:hover {
  color: #0a1039;
}

.banner-btn-4.pink a:hover svg path {
  fill: #0a1039;
}

.banner-btn-4.black a {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
}

.banner-btn-4.black a:hover {
  text-indent: 20px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
}

.banner-btn-4.black a svg path {
  fill: #333333;
}

.banner-btn-4.black a:hover {
  color: #0a1039;
}

.banner-btn-4.black a:hover svg path {
  fill: #0a1039;
}

.banner-btn-4.black-2 a {
  color: #333333;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-btn-4.black-2 a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-btn-4.black-2 a {
    font-size: 16px;
  }
}

.banner-btn-4.black-2 a svg path {
  fill: #333333;
}

.banner-btn-4.black-2 a:hover {
  color: #0a1039;
}

.banner-btn-4.black-2 a:hover svg path {
  fill: #0a1039;
}

.banner-btn-4.banner-btn-4-kids-2 {
  margin: 70px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-btn-4.banner-btn-4-kids-2 {
    margin: 40px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-btn-4.banner-btn-4-kids-2 {
    margin: 30px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .banner-btn-4.banner-btn-4-kids-2 {
    margin: 10px 0 0;
  }
}

.banner-btn-4.banner-btn-4-kids-2 a {
  color: #333333;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-btn-4.banner-btn-4-kids-2 a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-btn-4.banner-btn-4-kids-2 a svg {
    margin-left: 10px;
  }
}

.banner-btn-4.banner-btn-4-kids-2 a svg path {
  fill: #624be0;
}

.banner-btn-4.banner-btn-4-kids-2 a:hover {
  color: #0a1039;
}

.banner-btn-4.banner-btn-4-kids-2 a:hover svg path {
  fill: #0a1039;
}

.banner-btn-4.banner-btn-4-modify {
  margin: 11px 0 0;
}

.banner-btn-4.banner-btn-4-modify a {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
}

.banner-btn-4.banner-btn-4-modify a svg path {
  fill: #333333;
}

.banner-btn-4.banner-btn-4-modify a:hover {
  color: #0a1039;
}

.banner-btn-4.banner-btn-4-modify a:hover svg path {
  fill: #0a1039;
}

.banner-btn-4.banner-btn-4-modify.modify2-mt-65 {
  margin-top: 65px;
}

@media only screen and (max-width: 767px) {
  .banner-btn-4.banner-btn-4-modify.modify2-mt-65 {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}

.banner-btn-4.banner-btn-4-right {
  float: right;
}

@media only screen and (max-width: 767px) {
  .banner-btn-4.banner-btn-4-right {
    float: inherit;
    text-align: center;
  }
}

.banner-btn-4.banner-btn-4-mrg-none {
  margin: 0px 0 0;
}

.banner-btn-4.banner-btn-4-automobile {
  margin-top: 37px;
}

@media only screen and (max-width: 767px) {
  .banner-btn-4.banner-btn-4-automobile {
    margin-top: 10px;
  }
}

.banner-btn-4.banner-btn-4-automobile a {
  color: #d02f3b;
}

.banner-btn-4.banner-btn-4-automobile a svg path {
  fill: #d02f3b;
}

.banner-btn-4.banner-btn-4-automobile a:hover {
  color: #0a1039;
}

.banner-btn-4.banner-btn-4-automobile a:hover svg path {
  fill: #0a1039;
}

.banner-btn-4.banner-btn-4-automobile-2 {
  margin-top: 121px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-btn-4.banner-btn-4-automobile-2 {
    margin-top: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-btn-4.banner-btn-4-automobile-2 {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-btn-4.banner-btn-4-automobile-2 {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-btn-4.banner-btn-4-automobile-2 {
    margin-top: 15px;
  }
}

.banner-btn-4.banner-btn-4-automobile-2 a {
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .banner-btn-4.banner-btn-4-automobile-2 a {
    font-size: 14px;
  }
}

.banner-btn-4.banner-btn-4-automobile-2 a svg path {
  fill: #333333;
}

@media only screen and (max-width: 767px) {
  .banner-btn-4.banner-btn-4-automobile-2 a svg {
    margin-left: 10px;
  }
}

.banner-btn-4.banner-btn-4-automobile-2 a:hover {
  color: #d02f3b;
}

.banner-btn-4.banner-btn-4-automobile-2 a:hover svg path {
  fill: #d02f3b;
}

.banner-btn-4.banner-btn-4-tree {
  margin: 42px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-btn-4.banner-btn-4-tree {
    margin: 0px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .banner-btn-4.banner-btn-4-tree {
    margin: 0px 0 0;
  }
}

.flower-banner-wrap {
  position: relative;
  padding: 275px 0 263px;
  overflow: hidden;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .flower-banner-wrap {
    padding: 212px 0 203px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .flower-banner-wrap {
    padding: 192px 0 183px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .flower-banner-wrap {
    padding: 172px 0 163px;
  }
}

@media only screen and (max-width: 767px) {
  .flower-banner-wrap {
    padding: 172px 0 163px;
    margin-bottom: 30px;
  }
}

.flower-banner-wrap .flower-banner-img {
  position: absolute;
  left: 0;
  bottom: 5px;
  z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .flower-banner-wrap .flower-banner-img {
    bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .flower-banner-wrap .flower-banner-img {
    bottom: 70px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .flower-banner-wrap .flower-banner-img {
    bottom: 40px;
  }
}

.flower-banner-wrap .flower-banner-img > a {
  display: block;
}

.flower-banner-wrap .flower-banner-img > a > img {
  width: 152px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .flower-banner-wrap .flower-banner-img > a > img {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .flower-banner-wrap .flower-banner-img > a > img {
    width: 100px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .flower-banner-wrap .flower-banner-img > a > img {
    width: 120px;
  }
}

.flower-banner-wrap .flower-banner-content {
  float: right;
  display: block;
  margin-right: 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .flower-banner-wrap .flower-banner-content {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .flower-banner-wrap .flower-banner-content {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .flower-banner-wrap .flower-banner-content {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .flower-banner-wrap .flower-banner-content {
    margin-right: 50px;
  }
}

.flower-banner-wrap .flower-banner-content h2 {
  font-size: 60px;
  font-family: "Vandella";
  line-height: 80px;
  color: #518351;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .flower-banner-wrap .flower-banner-content h2 {
    font-size: 50px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .flower-banner-wrap .flower-banner-content h2 {
    font-size: 40px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .flower-banner-wrap .flower-banner-content h2 {
    font-size: 40px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .flower-banner-wrap .flower-banner-content h2 {
    font-size: 50px;
    line-height: 70px;
  }
}

.kids-fashion-area {
  position: relative;
}

.kids-fashion-area .kids-fashion-shape-top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.kids-fashion-area .kids-fashion-shape-top img {
  width: 100%;
}

.kids-fashion-area .kids-fashion-shape-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.kids-fashion-area .kids-fashion-shape-bottom img {
  width: 100%;
}

.kids-fashion-content h2 {
  font-size: 58px;
  font-family: "JellyBelly Font";
  margin: 0;
  color: #d6860c;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-fashion-content h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .kids-fashion-content h2 {
    font-size: 32px;
  }
}

.kids-fashion-content h2 span.pink {
  color: #ff437d;
}

.kids-fashion-content h2 span.purple {
  color: #9758f6;
}

.kids-fashion-content p {
  font-size: 16px;
  font-weight: 300;
  color: #828495;
  margin: 40px 0 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-fashion-content p {
    margin: 20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .kids-fashion-content p {
    font-size: 14px;
    margin: 20px 0 20px;
  }
}

.kids-fashion-img {
  margin-left: -100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .kids-fashion-img {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kids-fashion-img {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-fashion-img {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .kids-fashion-img {
    margin-left: 0px;
    margin-top: 30px;
  }
}

.kids-fashion-img img {
  width: 100%;
}

.banner-20-mt {
  margin-top: 76px;
}

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

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

.mega-fashion1-banner-btn {
  background-color: #fbfbfb;
  padding: 55px 20px;
}

@media only screen and (max-width: 767px) {
  .mega-fashion1-banner-btn {
    padding: 35px 20px;
  }
}

.mega-fashion1-banner-btn.banner-btn-4 {
  margin: 15px 0 0;
}

.mega-fashion1-banner-btn.banner-btn-4 a svg {
  margin-left: 12px;
}

.mega-fashion-banner-bg1 {
  background-color: #f9f9f9;
  padding: 22px 20px 30px 37px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .mega-fashion-banner-bg1 {
    padding: 30px 20px 30px 37px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mega-fashion-banner-bg1 {
    padding: 22px 20px 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .mega-fashion-banner-bg1 {
    padding: 22px 20px 30px 20px;
  }
}

.mega-fashion-banner-bg2 {
  background-color: #ebfdff;
  padding: 22px 20px 30px 37px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .mega-fashion-banner-bg2 {
    padding: 30px 20px 30px 37px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mega-fashion-banner-bg2 {
    padding: 22px 20px 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .mega-fashion-banner-bg2 {
    padding: 22px 20px 30px 20px;
  }
}

.banner-wrap-2 {
  position: relative;
}

.banner-wrap-2 .banner-img-2 {
  margin-left: -43px;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap-2 .banner-img-2 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap-2 .banner-img-2 {
    margin-left: 0px;
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap-2 .banner-img-2 {
    margin-left: 0px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap-2 .banner-img-2 {
    margin-left: 0px;
    margin-top: 30px;
  }
}

.banner-wrap-2 .banner-img-2 a {
  display: block;
}

.banner-wrap-2 .banner-img-2 a img {
  width: 385px;
  height: 360px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  max-width: 100%;
}

.banner-wrap-2 .banner-img-2.banner-img-2-mrg1 {
  margin-bottom: -60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap-2 .banner-img-2.banner-img-2-mrg1 {
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap-2 .banner-img-2.banner-img-2-mrg1 {
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap-2 .banner-img-2.banner-img-2-mrg1 {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap-2 .banner-img-2.banner-img-2-mrg1 {
    margin-bottom: 0px;
  }
}

.banner-wrap-2 .banner-img-2.banner-img-2-mrg2 {
  margin-top: -52px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap-2 .banner-img-2.banner-img-2-mrg2 {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap-2 .banner-img-2.banner-img-2-mrg2 {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap-2 .banner-img-2.banner-img-2-mrg2 {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap-2 .banner-img-2.banner-img-2-mrg2 {
    margin-top: 30px;
  }
}

.banner-wrap-2 .banner-content-22 {
  margin-top: 50px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-wrap-2 .banner-content-22 {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap-2 .banner-content-22 {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap-2 .banner-content-22 {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap-2 .banner-content-22 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap-2 .banner-content-22 {
    margin-top: 0px;
  }
}

.banner-wrap-2 .banner-content-22 h3 {
  font-size: 29px;
  font-weight: 500;
  line-height: 43px;
  margin: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap-2 .banner-content-22 h3 {
    font-size: 25px;
    line-height: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap-2 .banner-content-22 h3 {
    font-size: 22px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap-2 .banner-content-22 h3 {
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 0 !important;
  }
}

.banner-wrap-2 .banner-content-22 p {
  width: 62%;
  font-size: 18px;
  font-weight: 900;
  line-height: 30px;
  margin: 20px 0 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-wrap-2 .banner-content-22 p {
    width: 85%;
    margin: 20px 0 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap-2 .banner-content-22 p {
    width: 100%;
    margin: 10px 0 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap-2 .banner-content-22 p {
    width: 100%;
    margin: 10px 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap-2 .banner-content-22 p {
    width: 100%;
    margin: 5px 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap-2 .banner-content-22 p {
    width: 100%;
    margin: 10px 0 0px;
  }
}

.banner-wrap-2:hover .banner-img-2 a img {
  -webkit-transform: scale(1.09);
  -ms-transform: scale(1.09);
  transform: scale(1.09);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .automobile-banner-area .banner-wrap.ml-15 {
    margin-left: 0px;
  }

  .automobile-banner-area .banner-wrap.mr-15 {
    margin-right: 0px;
  }

  .banner-wrap.ml-15 {
    margin-left: 0px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .automobile-banner-area .banner-wrap.ml-15 {
    margin-left: 0px;
  }

  .automobile-banner-area .banner-wrap.mr-15 {
    margin-right: 0px;
  }

  .banner-wrap.ml-15 {
    margin-left: 0px;
    margin-top: 15px;
  }
}

/*---------- 6. Product style ------------*/
.product-area {
  position: relative;
}

.product-area .organic-position-3 {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img-2;
  animation-name: bounce-img-2;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  position: absolute;
  top: 4.5%;
  right: 8%;
  z-index: 9;
}

.product-content .mb-2 {
  height: 60px;
  max-height: 60px;
  display: inline-block;
}

.product-content .mb-2 a > .font-weight-bold {
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*產品分類顯示*/
.catalogueList .listMode {
  clear: both;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-area .organic-position-3 {
    top: 1.5%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-area .organic-position-3 {
    top: -1.5%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-area .organic-position-3 {
    top: -1.5%;
  }
}

@media only screen and (max-width: 767px) {
  .product-area .organic-position-3 {
    top: -1.5%;
  }
}

.product-area .organic-position-3 img {
  width: 150px;
}

@media only screen and (max-width: 767px) {
  .product-area .organic-position-3 img {
    width: 100px;
  }
}

.product-area .organic-position-4 {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img-2;
  animation-name: bounce-img-2;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  position: absolute;
  top: 46%;
  left: 0%;
  z-index: 9;
}

.product-area .organic-position-4 img {
  width: 151px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-area .organic-position-4 img img {
    width: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-area .organic-position-4 {
    top: 50%;
  }

  .product-area .organic-position-4 img {
    width: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-area .organic-position-4 {
    top: 50%;
  }

  .product-area .organic-position-4 img {
    width: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-area .organic-position-4 img {
    width: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .product-area .organic-position-4 {
    top: 45%;
  }

  .product-area .organic-position-4 img {
    width: 40px;
  }
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
  padding: 1rem 0.5rem;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.3;
  -webkit-transition: all 0.3;
  -o-transition: all 0.3;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:hover {
  font-weight: 800;
  transition: all 0.3;
  -webkit-transition: all 0.3;
  -o-transition: all 0.3;
}

.product-area .organic-position-5 {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img;
  animation-name: bounce-img;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  position: absolute;
  top: 54%;
  left: 1%;
  z-index: 9;
}

.product-area .organic-position-5 img {
  width: 37px;
}

@media only screen and (max-width: 767px) {
  .product-area .organic-position-5 {
    left: 0%;
  }

  .product-area .organic-position-5 img {
    width: 20px;
  }
}

.product-area .organic-position-6 {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img;
  animation-name: bounce-img;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  position: absolute;
  bottom: 26%;
  right: 0%;
  z-index: 9;
}

.product-area .organic-position-6 img {
  width: 49px;
}

@media only screen and (max-width: 767px) {
  .product-area .organic-position-6 img {
    width: 30px;
  }
}

.product-area .organic-position-7 {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img-2;
  animation-name: bounce-img-2;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  position: absolute;
  bottom: 6%;
  right: 4%;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .product-area .organic-position-7 {
    bottom: 1%;
    right: 12%;
  }
}

.product-area .organic-position-7 img {
  width: 162px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-area .organic-position-7 img {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .product-area .organic-position-7 img {
    width: 100px;
  }
}

.product-tab-list-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-tab-list-1 a {
  font-size: 18px;
  font-weight: 900;
  display: inline-block;
  color: #777;
  padding: 0 45px 20px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-tab-list-1 a {
    padding: 0 30px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-1 a {
    padding: 0 25px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-1 a {
    padding: 0 15px 12px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-tab-list-1 a {
    padding: 0 10px 12px;
    margin-bottom: 10px;
  }
}

.product-tab-list-1 a.active {
  color: #2c9fc9;
  font-weight: bold;
}

.product-tab-list-1 a.active:before {
  position: absolute;
  background-color: #2c9fc9;
  height: 2px;
  bottom: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  width: 80px;
}

@media only screen and (max-width: 767px) {
  .product-tab-list-1 a.active:before {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-tab-list-1.mb-90 {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-1.mb-90 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-1.mb-90 {
    margin-bottom: 15px;
  }

  .product-tab-list-1.mb-65 {
    margin-bottom: 15px;
  }

  .product-tab-list-1.mb-50 {
    margin-bottom: 20px;
  }
}

.product-tab-list-1.tab-list-1-pl a {
  padding: 0 0 20px 0px;
  margin-left: 90px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-tab-list-1.tab-list-1-pl a {
    margin-left: 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-tab-list-1.tab-list-1-pl a {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-tab-list-1.tab-list-1-pl a {
    margin-left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-1.tab-list-1-pl a {
    margin-left: 18px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-1.tab-list-1-pl a {
    margin-left: 18px;
    font-size: 15px;
    padding: 0 0 10px 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-tab-list-1.tab-list-1-pl a {
    font-size: 18px;
  }
}

.product-tab-list-1.tab-list-1-pl a:first-child {
  margin-left: 0px;
}

.product-tab-list-1.tab-list-1-pl a:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-1.tab-list-1-pl a:before {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-1.tab-list-1-pl a:before {
    width: 100%;
  }
}

.product-tab-list-1.tab-list-1-left {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

@media only screen and (max-width: 767px) {
  .product-tab-list-1.tab-list-1-left.mt-100 {
    margin-top: 30px;
  }
}

.product-tab-list-1.tab-list-1-right {
  -webkit-box-pack: right;
  -webkit-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right;
}

@media only screen and (max-width: 767px) {
  .product-tab-list-1.tab-list-1-right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.product-tab-list-1.tab-list-1-modify a {
  padding: 0 37px 13px;
}

.product-tab-list-1.tab-list-1-modify a.active:before {
  width: 71%;
}

@media only screen and (max-width: 767px) {
  .product-tab-list-1.tab-list-1-modify a {
    padding: 0 17px 13px;
  }
}

.product-slider-active-1 .slick-list,
.product-slider-active-2 .slick-list,
.product-slider-active-4 .slick-list {
  margin-right: -15px;
  margin-left: -15px;
}

.product-slider-active-1 .slick-list .product-wrap-plr-1,
.product-slider-active-2 .slick-list .product-wrap-plr-1,
.product-slider-active-4 .slick-list .product-wrap-plr-1 {
  padding-left: 15px;
  padding-right: 15px;
}

.product-slider-active-3 .slick-list {
  margin-right: -15px;
  margin-left: -15px;
  padding-right: 220px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-slider-active-3 .slick-list {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-slider-active-3 .slick-list {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-slider-active-3 .slick-list {
    padding-right: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-slider-active-3 .slick-list {
    padding-right: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .product-slider-active-3 .slick-list {
    padding-right: 0px;
  }
}

@media only screen and (min-width: 576px) and screen (max-width: 767px) {
  .product-slider-active-3 .slick-list {
    padding-right: 160px;
  }
}

.product-slider-active-3 .slick-list .product-wrap-plr-1 {
  padding-left: 15px;
  padding-right: 15px;
}

.product-wrap {
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .m_Recommend .product-img {
    width: 170px;
    height: 170px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
  }

  .m_Recommend .product-img a img {
    width: 100% !important;
    object-fit: cover;
    object-position: 50% 50%;
  }
}

.cartList_order .qse-rwd-table,
.qse-rwd-table {
  max-height: 100% !important;
}

.qse-rwd-table tr td span a {
  border: dashed 3px #00bdff;
  color: #00bdff;
  padding: 3px;
}

.m_Recommend .product-info a {
  word-break: break-all;
  max-width: 186px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap.mb-100 {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap.mb-100 {
    margin-bottom: 30px;
  }

  .product-wrap.mb-90 {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap.mb-55 {
    margin-bottom: 40px;
  }

  .product-wrap.mb-50 {
    margin-bottom: 40px;
  }

  .product-wrap.mb-100 {
    margin-bottom: 40px;
  }

  .product-wrap.mb-90 {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap.mb-55 {
    margin-bottom: 30px;
  }

  .product-wrap.mb-50 {
    margin-bottom: 10px;
  }

  .product-wrap.mb-100 {
    margin-bottom: 30px;
  }

  .product-wrap.mb-90 {
    margin-bottom: 30px;
  }
}

.product-wrap .product-img {
  overflow: hidden;
  position: relative;
}

.product-wrap .product-img a {
  display: block;
}

.product-wrap .product-img a img {
  width: 100%;
  height: 360px;
}

.product-wrap .product-img.product-img-zoom a img {
  width: 100%;
  height: 300px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.product-wrap .product-img .product-offer {
  position: absolute;
  left: 70px;
  top: 70px;
  width: 88px;
  height: 88px;
  line-height: 88px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #0cbdee;
}

.product-wrap .product-img .product-offer h5 {
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
  color: #ffffff;
  margin: 0;
}

.product-wrap .product-content h4 {
  font-size: 15px;
  margin: 0 0 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  min-height: 30px;
}

.product-wrap .product-content h4 a strong {
  text-decoration: underline;
}

.product-wrap .product-content h4 a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical;
  text-decoration: underline;
  font-size: 12px !important;
}

.product-action-position-1 .product-content h4 a,
.product-wrap .product-content h3 a {
  color: #333;
  font-size: 1.3rem;
  font-weight: bolder;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 45px;
  text-decoration: underline;
}

.product-wrap .product-content h3 a {
  font-size: 1.5rem !important;
}

.product-wrap .product-content h4 a:hover {
  color: #0a1039;
}

.product-wrap .product-content.product-content-border {
  border: 1px solid #f2f2f2;
  border-top: none;
  border-radius: 0 0 10px 10px;
}

.product-wrap .product-content.product-content-padding {
  padding: 35px 10px 30px;
}

.product-wrap .product-action-position-1 {
  position: absolute;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  padding: 25px 10px 27px;
  left: 0;
  right: 0;
  bottom: -30px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-action-position-1 {
    padding: 20px 10px 22px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-action-position-1 {
    padding: 15px 10px 17px;
  }
}

.product-wrap .product-action-2 {
  top: 60%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  -webkit-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}

.product-wrap .product-action-2 .product-action-2-style {
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 9px 17px 7px;
  border-radius: 50px;
}

.product-wrap .product-action-2 .product-action-2-style button {
  border: none;
  background-color: transparent;
  color: #b2b2b2;
  font-size: 20px;
  padding: 0 5px;
  position: relative;
  background-color: transparent;
  border: none;
}

.product-wrap .product-action-2 .product-action-2-style button:hover {
  color: #885643;
}

.product-wrap .product-action-2 .product-action-2-style button::before {
  background: #dfe3e8 none repeat scroll 0 0;
  content: "";
  height: 20px;
  position: absolute;
  right: -3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}

.product-wrap
  .product-action-2
  .product-action-2-style
  button:last-child::before {
  display: none;
}

.product-wrap
  .product-action-2
  .product-action-2-style.green-3-action-2
  button {
  color: #b2b2b2;
}

.product-wrap
  .product-action-2
  .product-action-2-style.green-3-action-2
  button:hover {
  color: #62bc77;
}

.product-wrap .product-content-2 h4 {
  font-size: 14px;
  margin: 0 0 9px;
  font-weight: 300;
}

.product-wrap .product-content-2 h4 a {
  color: #232953;
}

.product-wrap .product-content-2 h4 a:hover {
  color: #333;
}

.product-wrap .product-action-wrap > .product-action-cart {
  margin: 18px 0 18px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-action-wrap > .product-action-cart {
    margin: 14px 0 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-action-wrap > .product-action-cart {
    margin: 14px 0 14px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-action-wrap > .product-action-cart {
    margin: 10px 0 12px;
  }
}

.product-wrap .product-action-wrap > .product-action-cart > button {
  border: none;
  padding: 7px 32px 7px;
  background-color: #333333;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  position: relative;
}

.product-wrap .product-action-wrap > .product-action-cart > button.padding-dec {
  padding: 6px 20px 7px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-action-wrap > .product-action-cart > button {
    padding: 6px 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-action-wrap > .product-action-cart > button {
    padding: 8px 22px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-action-wrap > .product-action-cart > button {
    padding: 6px 22px;
  }
}

.product-wrap .product-action-wrap > .product-action-cart > button:hover {
  background-color: #0a1039;
}

.product-wrap .product-action-wrap > button {
  border: none;
  padding: 0;
  background-color: transparent;
  color: #b2b2b2;
  font-size: 20px;
}

.product-wrap .product-action-wrap > button.viewZoom {
  background: #fff;
  color: #cb3333;
  padding: 3px 5px;
  margin-right: 10px;
}

.product-wrap .product-action-wrap > button.viewZoom:hover {
  background: #cb3333;
  color: #fff;
}

.product-wrap .product-action-wrap > button:hover {
  color: #0a1039;
}

.product-wrap
  .product-action-wrap.product-action-wrap-modify
  > .product-action-cart {
  margin: 10px 0 10px;
}

.product-wrap
  .product-action-wrap.product-action-wrap-modify
  > .product-action-cart
  > button {
  padding: 3px 20px 5px;
}

.product-wrap.product-wrap-gray {
  background-color: #f8f8f8;
  padding: 52px 30px 45px 110px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap.product-wrap-gray {
    padding: 52px 30px 45px 90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap.product-wrap-gray {
    padding: 52px 30px 45px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap.product-wrap-gray {
    padding: 52px 20px 45px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap.product-wrap-gray {
    padding: 52px 20px 45px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap.product-wrap-gray {
    padding: 52px 20px 45px 50px;
  }
}

.product-wrap .product-content-3 h4 {
  font-size: 19px;
  font-weight: 500;
  margin: 0px 0 12px;
}

.product-wrap .product-content-3 h4 a {
  color: #333;
}

.product-wrap .product-content-3 h4 a:hover {
  color: #666;
}

.product-wrap .product-content-3 .price-cart-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-wrap .product-content-3 .price-cart-wrap .product-price-3 {
  margin-right: 45px;
}

.product-wrap .product-content-3 .price-cart-wrap .product-price-3 span {
  font-size: 24px;
  font-weight: bold;
}

.product-wrap .product-content-3 .price-cart-wrap .product-cart-3 a {
  font-size: 26px;
  color: #afafaf;
}

.product-wrap .product-content-3 .price-cart-wrap .product-cart-3 a:hover {
  color: #333;
}

.product-wrap .product-content-position-1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 35px;
}

.product-wrap .product-content-position-2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
}

.product-wrap .product-content-4 h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 18px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content-4 h4 {
    margin: 0 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-content-4 h4 {
    margin: 0 0 10px;
  }
}

.product-wrap .product-content-4 h4 a {
  color: #232953;
}

.product-wrap .product-content-4 h4 a:hover {
  color: #359043;
}

.product-wrap .product-content-5 h4 {
  font-size: 22px;
  font-family: "Pacifico";
  color: #62bc77;
  margin: 0;
  position: relative;
}

.product-wrap .product-content-5 h4::before {
  position: absolute;
  left: -135px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #62bc77;
  width: 108px;
  height: 1px;
  content: "";
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-content-5 h4::before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-content-5 h4::before {
    display: block;
    width: 50px;
    left: -65px;
  }
}

.product-wrap .product-content-5 h3 {
  font-size: 29px;
  font-weight: 500;
  color: #333333;
  margin: 17px 0 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content-5 h3 {
    margin: 12px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-content-5 h3 {
    margin: 8px 0 13px;
    font-size: 25px;
  }
}

.product-wrap .product-content-5 h3 a {
  color: #333333;
}

.product-wrap .product-content-5 h3 a:hover {
  color: #62bc77;
}

.product-wrap .product-content-5 span {
  font-size: 24px;
  font-weight: bold;
  font-family: "Montserrat";
  color: #333333;
}

.product-wrap .product-content-5.product-content-5-mrg {
  margin: 110px 0 0 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content-5.product-content-5-mrg {
    margin: 40px 0 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-content-5.product-content-5-mrg {
    margin: 50px 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-content-5.product-content-5-mrg {
    margin: 20px 0 0 0px;
  }
}

.product-wrap .product-timer {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.product-wrap.fashion2-product-mt {
  margin-top: -50px;
}

@media only screen and (max-width: 767px) {
  .product-wrap.fashion2-product-mt {
    margin-top: 0px;
  }
}

.product-wrap:hover .product-img-zoom a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.product-wrap:hover .product-action-position-1 {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}

.product-wrap:hover .product-action-2 {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.product-wrap:hover .product-timer {
  opacity: 0;
  visibility: hidden;
  bottom: -20px;
}

.product-price span {
  font-size: 20px;
  font-weight: bolder;
  color: #cb3333;
}

.product-price span.old-price {
  font-size: 16px;
  color: #777777;
  font-weight: 300;
  text-decoration: line-through;
}

.product-price-2 span {
  font-size: 12px;
  font-weight: 300;
  color: #232953;
}

.product-price-2 span.old-price {
  font-weight: 300;
  text-decoration: line-through;
  margin-left: 12px;
}

.product-price-3 span {
  font-size: 16px;
  font-weight: 300;
  color: #232953;
}

.product-price-3 span.old-price {
  text-decoration: line-through;
  margin-left: 8px;
}

.tab-content.jump .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.tab-content.jump .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
  -webkit-animation-name: hastechZoomIn;
  animation-name: hastechZoomIn;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tab-content.mt-80 {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .tab-content.mt-80 {
    margin-top: 30px;
  }
}

.tab-content.jump-2 .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.tab-content.jump-2 .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
  -webkit-animation-name: hastechMoveLeftBig;
  animation-name: hastechMoveLeftBig;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.product-tab-list-2 a {
  display: block;
  width: 100%;
  font-size: 18px;
  color: #777777;
  margin-bottom: 59px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-2 a {
    font-size: 16px;
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-2 a {
    margin-bottom: 35px;
  }
}

.product-tab-list-2 a:last-child {
  margin-bottom: 0px;
}

.product-tab-list-2 a.active {
  font-weight: bold;
  color: #333;
}

.product-tab-list-2 a.active svg path {
  fill: #333;
}

.product-tab-list-2 a svg {
  width: 32px;
  margin-right: 22px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-2 a svg {
    margin-right: 10px;
  }
}

.product-tab-list-2 a svg path {
  fill: #3a3a3a;
}

.product-tab-list-2 a:hover {
  color: #333;
}

.product-tab-list-2 a:hover svg path {
  fill: #333;
}

.product-tab-list-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-tab-list-3 a {
  display: inline-block;
  font-size: 18px;
  color: #777777;
  padding: 0 39px 24px;
  border-bottom: 2px solid transparent;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-3 a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-3 a {
    padding: 0 10px 15px;
    margin-bottom: 15px;
  }
}

.product-tab-list-3 a:last-child {
  margin-bottom: 0px;
}

.product-tab-list-3 a.active {
  font-weight: bold;
  color: #eba866;
  border-bottom: 2px solid #eba866;
}

.product-tab-list-3 a:hover {
  font-weight: bold;
  color: #eba866;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-3.mb-60 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-3.mb-60 {
    margin-bottom: 20px;
  }

  .product-tab-list-3.mb-80 {
    margin-bottom: 20px;
  }
}

.product-tab-list-3.product-tab-list-3-green a.active {
  color: #333333;
  border-bottom: 2px solid #97d694;
}

.product-tab-list-3.product-tab-list-3-green a:hover {
  color: #333333;
}

.product-tab-list-3.product-tab-list-3-black a.active {
  color: #333333;
  border-bottom: 2px solid #333333;
}

.product-tab-list-3.product-tab-list-3-black a:hover {
  color: #333333;
}

.pre-order-bg-color {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fff9f0),
    color-stop(40.66667%, #fff9f0),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(
    left,
    #fff9f0,
    #fff9f0 40.66667%,
    #fff 0%
  );
  background: -o-linear-gradient(left, #fff9f0, #fff9f0 40.66667%, #fff 0%);
  background: linear-gradient(to right, #fff9f0, #fff9f0 40.66667%, #fff 0%);
}

@media only screen and (max-width: 767px) {
  .pre-order-bg-color {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#fff9f0),
      color-stop(61.66667%, #fff9f0),
      color-stop(0%, #fff)
    );
    background: -webkit-linear-gradient(
      left,
      #fff9f0,
      #fff9f0 61.66667%,
      #fff 0%
    );
    background: -o-linear-gradient(left, #fff9f0, #fff9f0 61.66667%, #fff 0%);
    background: linear-gradient(to right, #fff9f0, #fff9f0 61.66667%, #fff 0%);
  }
}

.pre-order-img {
  margin-right: 55px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-order-img {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .pre-order-img {
    margin-right: 0px;
  }
}

.pre-order-img a {
  display: block;
}

.pre-order-img a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.pre-order-img:hover a img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.pre-order-content h3 {
  color: #333333;
  font-size: 29px;
  font-weight: 500;
}

.pre-order-content h3 a {
  color: #333333;
}

.pre-order-content h4 {
  color: #777777;
  font-size: 16px;
  margin: 10px 0 20px;
}

.pre-order-content h4 > span {
  font-weight: bold;
  color: #eba866;
  margin-right: 12px;
}

.pre-order-content p {
  font-size: 15px;
  line-height: 30px;
  margin: 0;
}

.pre-order-content > span {
  font-size: 24px;
  color: #232953;
  font-weight: 300;
  display: block;
  margin: 27px 0 46px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-order-content > span {
    margin: 15px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .pre-order-content > span {
    margin: 15px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .pre-order-content {
    padding-bottom: 30px;
  }
}

.pre-order-content.pre-order-green h4 {
  color: #232953;
  font-weight: 500;
}

.pre-order-content.pre-order-green h4 > span {
  color: #97d694;
  font-weight: bold;
}

.pre-order-content.pre-order-green p {
  width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-order-content.pre-order-green p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .pre-order-content.pre-order-green p {
    width: 100%;
  }
}

.pre-order-img-2 {
  margin: 0 0 0 120px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pre-order-img-2 {
    margin: 0 0 0 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pre-order-img-2 {
    margin: 0 0 0 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pre-order-img-2 {
    margin: 0 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .pre-order-img-2 {
    margin: 0 0 0 0px;
  }
}

.pre-order-img-2 a {
  display: block;
}

.pre-order-img-2 a img {
  max-width: 100%;
}

.pre-order-img-3 {
  text-align: right;
}

.pre-order-img-3 a {
  display: block;
}

.pre-order-img-3 a img {
  max-width: 100%;
}

.sessional-bg-color {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#f8ece2),
    color-stop(40.5%, #f8ece2),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(right, #f8ece2, #f8ece2 40.5%, #fff 0%);
  background: -o-linear-gradient(right, #f8ece2, #f8ece2 40.5%, #fff 0%);
  background: linear-gradient(to left, #f8ece2, #f8ece2 40.5%, #fff 0%);
  padding: 72px 0 75px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sessional-bg-color {
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(#f8ece2),
      color-stop(49.5%, #f8ece2),
      color-stop(0%, #fff)
    );
    background: -webkit-linear-gradient(right, #f8ece2, #f8ece2 49.5%, #fff 0%);
    background: -o-linear-gradient(right, #f8ece2, #f8ece2 49.5%, #fff 0%);
    background: linear-gradient(to left, #f8ece2, #f8ece2 49.5%, #fff 0%);
  }
}

@media only screen and (max-width: 767px) {
  .sessional-bg-color {
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(#f8ece2),
      color-stop(50%, #f8ece2),
      color-stop(0%, #fff)
    );
    background: -webkit-linear-gradient(right, #f8ece2, #f8ece2 50%, #fff 0%);
    background: -o-linear-gradient(right, #f8ece2, #f8ece2 50%, #fff 0%);
    background: linear-gradient(to left, #f8ece2, #f8ece2 50%, #fff 0%);
    padding: 50px 0 25px;
  }
}

.sessional-content h2 {
  font-size: 29px;
  font-weight: 500;
  margin: 0;
  line-height: 1;
}

.sessional-content p {
  font-size: 15px;
  line-height: 30px;
  margin: 32px 0 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sessional-content p {
    margin: 25px 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-content p {
    margin: 12px 0 20px;
  }
}

.sessional-img-wrap {
  position: relative;
}

.sessional-img-wrap .sessional-img {
  float: right;
  margin-right: -30px;
  position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sessional-img-wrap .sessional-img {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sessional-img-wrap .sessional-img {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sessional-img-wrap .sessional-img {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-img-wrap .sessional-img {
    margin-right: 0px;
  }
}

.sessional-img-wrap .sessional-img .sessional-shap {
  position: absolute;
  top: 10%;
  left: 25%;
  width: 15px;
  height: 15px;
  background-color: #ffe600;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 9;
}

.sessional-img-wrap .sessional-img a {
  display: block;
}

.sessional-img-wrap .sessional-img a img {
  max-width: 100%;
}

.sessional-img-wrap .sessional-img-content {
  position: absolute;
  left: 12.7%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sessional-img-wrap .sessional-img-content {
    left: 0%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sessional-img-wrap .sessional-img-content {
    left: 0%;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-img-wrap .sessional-img-content {
    left: 0%;
  }
}

.sessional-img-wrap .sessional-img-content h2 {
  font-size: 142px;
  font-weight: bold;
  line-height: 110px;
  color: #d18437;
  margin: 0 0 27px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sessional-img-wrap .sessional-img-content h2 {
    font-size: 100px;
    line-height: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sessional-img-wrap .sessional-img-content h2 {
    font-size: 80px;
    line-height: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-img-wrap .sessional-img-content h2 {
    font-size: 80px;
    line-height: 75px;
  }
}

.sessional-img-wrap .sessional-img-content h3 {
  font-size: 63px;
  font-weight: bold;
  line-height: 54px;
  color: #06103a;
  margin: 0 0 0px;
  position: relative;
}

.sessional-img-wrap .sessional-img-content h3 span {
  margin-left: -33px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .sessional-img-wrap {
    margin-top: 20px;
  }
}

.cake-product-img {
  margin-right: 100px;
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cake-product-img {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cake-product-img {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .cake-product-img {
    margin-right: 0px;
  }
}

.cake-product-img a {
  display: block;
}

.cake-product-img a img {
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.cake-product-img:hover a img {
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
}

@media only screen and (max-width: 767px) {
  .arrival-product-details {
    margin: 15px 0 0px;
  }
}

.arrival-product-details h4 {
  font-size: 22px;
  font-family: "Pacifico";
  color: #885643;
  margin: 0;
}

.arrival-product-details h3 {
  font-size: 29px;
  font-weight: 500;
  margin: 18px 0 26px;
}

@media only screen and (max-width: 767px) {
  .arrival-product-details h3 {
    margin: 10px 0 15px;
  }
}

.arrival-product-details h3 a {
  color: #333333;
}

.arrival-product-details h3 a:hover {
  color: #885643;
}

.arrival-product-details span {
  color: #0a1039;
  font-size: 30px;
  letter-spacing: 1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .arrival-product-details.ml-50 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .arrival-product-details.ml-50 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .arrival-product-details.ml-50 {
    margin-left: 0;
  }
}

.product-action-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 37px 0 0;
}

.product-action-wrap-2.treeplant-action-mrg-dec {
  margin: 30px 0 0;
}

@media only screen and (max-width: 767px) {
  .product-action-wrap-2.treeplant-action-mrg-dec {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .product-action-wrap-2 {
    margin: 16px 0 0;
  }
}

.product-action-wrap-2 .product-action-wrap-2-right {
  margin-left: 23px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-action-wrap-2 .product-action-wrap-2-right {
    margin-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .product-action-wrap-2 .product-action-wrap-2-right {
    margin-left: 15px;
  }
}

.product-action-wrap-2 .product-action-wrap-2-right > button {
  border: none;
  padding: 0;
  background-color: transparent;
  color: #b2b2b2;
  margin-right: 15px;
  font-size: 20px;
}

.product-action-wrap-2 .product-action-wrap-2-right > button:last-child {
  margin-right: 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-action-wrap-2 .product-action-wrap-2-right > button {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .product-action-wrap-2 .product-action-wrap-2-right > button {
    margin-right: 10px;
  }
}

.product-action-wrap-2 .product-action-wrap-2-right > button.green-2:hover {
  color: #359043;
}

.product-action-wrap-2 .product-action-wrap-2-right > button.green-3:hover {
  color: #62bc77;
}

.product-action-wrap-2 .product-action-wrap-2-right > button.brown {
  margin-right: 8px;
}

.product-action-wrap-2 .product-action-wrap-2-right > button.brown:last-child {
  margin-right: 0px;
}

.product-action-wrap-2 .product-action-wrap-2-right > button.brown:hover {
  color: #cf7f39;
}

.product-action-wrap-2 .product-action-wrap-2-right > button:hover {
  color: #885643;
}

.organic-product-mt {
  margin-top: 30px;
}

.organic-product-shape-top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}

.organic-product-shape-top img {
  width: 100%;
}

.organic-product-shape-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.organic-product-shape-bottom img {
  width: 100%;
}

.discount-content h3 {
  font-size: 65px;
  color: #172419;
  margin: 0;
  font-family: "Vandella";
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .discount-content h3 {
    font-size: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .discount-content h3 {
    font-size: 45px;
  }
}

.discount-content h2 {
  font-size: 128px;
  color: #359043;
  font-family: "Vandella";
  margin: 10px 0px 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .discount-content h2 {
    font-size: 110px;
    margin: 10px 0px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .discount-content h2 {
    font-size: 90px;
    margin: 10px 0px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .discount-content h2 {
    font-size: 66px;
    margin: 10px 0px 30px;
  }
}

.discount-content.discount-content-flower h3 {
  color: #333;
}

.discount-content.discount-content-flower h2 {
  color: #d20769;
  margin: 0px 0px 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .discount-content.discount-content-flower h2 {
    margin: 10px 0px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .discount-content.discount-content-flower h2 {
    margin: 10px 0px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .discount-content.discount-content-flower h2 {
    margin: 10px 0px 20px;
  }
}

.discount-wrap {
  padding: 90px 0 42px 60px;
}

@media only screen and (max-width: 767px) {
  .discount-wrap {
    padding: 30px 0 30px 30px;
  }
}

.discount-wrap .discount-img {
  overflow: hidden;
}

.discount-wrap .discount-img a {
  display: block;
}

.discount-wrap .discount-img a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.discount-wrap > h3 {
  font-size: 36px;
  font-weight: 300;
  color: #fff;
  margin: 49px 0 0 -60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .discount-wrap > h3 {
    margin: 26px 0 0 -60px;
  }
}

@media only screen and (max-width: 767px) {
  .discount-wrap > h3 {
    margin: 26px 0 0 -30px;
  }
}

.discount-wrap > h3 span {
  font-weight: bold;
  line-height: 55px;
}

.discount-wrap:hover .discount-img a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.product-bundle-negative-mrg {
  margin-top: -95px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-bundle-negative-mrg {
    margin-top: -70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-bundle-negative-mrg {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .product-bundle-negative-mrg {
    margin-top: 0px;
  }
}

.product-tab-list-4 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .product-tab-list-4 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0 0;
  }
}

.product-tab-list-4 a {
  color: #06103a;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  line-height: 1;
  padding: 19px 80px;
  background-color: #f3f3f3;
  margin-left: 10px;
  position: relative;
}

.product-tab-list-4 a:first-child {
  margin-left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-tab-list-4 a {
    padding: 19px 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-4 a {
    padding: 14px 30px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-4 a {
    padding: 12px 20px 15px;
  }
}

.product-tab-list-4 a::before {
  background-image: url(../../assets/images/icon-img/tab-shape.png);
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0px;
  background-repeat: repeat;
  display: block;
  width: 100%;
  height: 4px;
  z-index: 9;
}

.product-tab-list-4 a.active {
  background-color: #ff437d;
  color: #ffffff;
}

.flower-arrival-content {
  padding: 0 120px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .flower-arrival-content {
    padding: 0 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .flower-arrival-content {
    padding: 0 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .flower-arrival-content {
    padding: 0 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .flower-arrival-content {
    padding: 0 50px;
  }
}

@media only screen and (max-width: 767px) {
  .flower-arrival-content {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .flower-arrival-content {
    padding: 0 30px;
  }
}

.flower-arrival-content h3 {
  color: #d60b5e;
  font-size: 60px;
  font-family: "Vandella";
}

@media only screen and (max-width: 767px) {
  .flower-arrival-content h3 {
    font-size: 50px;
    margin: 0;
  }
}

.flower-arrival-content p {
  color: #777777;
  font-size: 15px;
  line-height: 30px;
  margin: 25px 0 35px;
  width: 85%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .flower-arrival-content p {
    margin: 15px 0 25px;
  }
}

@media only screen and (max-width: 767px) {
  .flower-arrival-content p {
    margin: 5px 0 15px;
    width: 100%;
  }
}

.grid-sizer {
  width: 25%;
}

.single-car-details {
  background-color: #ffffff;
  padding: 0 12px 65px;
  -webkit-box-shadow: 0 5px 20px rgba(29, 8, 67, 0.03);
  box-shadow: 0 5px 20px rgba(29, 8, 67, 0.03);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-car-details {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .single-car-details {
    margin-top: 60px;
  }
}

.single-car-details .single-car-form-wrap {
  background-color: #f9f9f9;
  padding: 35px 56px 120px 43px;
}

@media only screen and (max-width: 767px) {
  .single-car-details .single-car-form-wrap {
    padding: 35px 20px 120px 20px;
  }
}

.single-car-details .single-car-form-wrap .single-car-form {
  width: 100%;
  height: 50px;
}

.single-car-details .single-car-form-wrap .single-car-submit {
  text-align: center;
  margin-top: 38px;
}

.single-car-details .single-car-form-wrap .single-car-submit button {
  font-weight: bold;
  color: #fff;
  background-color: #d02f3b;
  border: none;
  padding: 9px 47px 10px;
}

.single-car-details .single-car-form-wrap .single-car-submit button:hover {
  background-color: #0a1039;
}

.single-car-details .single-car-img {
  margin-top: -60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-car-details .single-car-img {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .single-car-details .single-car-img {
    text-align: center;
  }
}

.single-car-details .single-car-img img {
  max-width: 100%;
}

.product-tab-list-5 a {
  display: block;
  color: #777777;
  font-size: 17px;
  line-height: 1;
  width: 100%;
  padding: 20px 20px 20px 50px;
  background-color: transparent;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-tab-list-5 a {
    font-size: 14px;
    padding: 14px 20px 14px 50px;
  }
}

.product-tab-list-5 a:before {
  position: absolute;
  content: "";
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  width: 11px;
  background-color: #707070;
  z-index: 2;
}

.product-tab-list-5 a.active {
  font-weight: bold;
  color: #333333;
  background-color: #fcebeb;
}

.product-tab-list-5 a:hover {
  font-weight: bold;
  color: #333333;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-tab-list-5.mb-50 {
    margin-bottom: 0px;
  }
}

.product-tab-list-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-tab-list-6 a {
  font-size: 18px;
  color: #777777;
  display: inline-block;
  padding: 0 12px 18px;
  margin: 0 25px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .product-tab-list-6 a {
    padding: 0 5px 10px;
    margin: 0 10px 10px;
    font-size: 16px;
  }
}

.product-tab-list-6 a:before {
  position: absolute;
  content: "";
  left: 0px;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: #333333;
  z-index: 2;
}

.product-tab-list-6 a.active {
  font-weight: bold;
  color: #333333;
}

.product-tab-list-6 a.active:before {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .product-tab-list-6.mb-140 {
    margin-bottom: 20px;
  }
}

.product-tab-list-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-tab-list-7 a {
  font-size: 18px;
  color: #707070;
  display: inline-block;
  padding: 0 14px 28px;
  margin: 0 31px;
  position: relative;
}

.product-tab-list-7 a:first-child {
  margin: 0 31px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-7 a {
    padding: 0 14px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-7 a {
    padding: 0 6px 10px;
    margin: 0 6px;
  }

  .product-tab-list-7 a:first-child {
    margin: 0 6px 0 0;
  }
}

.product-tab-list-7 a:before {
  position: absolute;
  content: "";
  left: 0px;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: #333333;
  z-index: 2;
}

.product-tab-list-7 a.active {
  font-weight: bold;
  color: #333333;
}

.product-tab-list-7 a.active:before {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list-7.mb-60 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-tab-list-7.mb-60 {
    margin-bottom: 20px;
  }
}

.dot-style-5 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 15px;
  right: 17px;
  z-index: 9;
}

.dot-style-5 ul li {
  margin: 0px 5px;
}

@media only screen and (max-width: 767px) {
  .dot-style-5 ul li {
    margin: 0px 2px;
  }
}

.dot-style-5 ul li button {
  padding: 0;
  font-size: 0;
  background-color: #cbcbcb;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: none;
}

.dot-style-5 ul li.slick-active button {
  background-color: #404040;
}

.sessional-sale-content {
  padding: 250px 150px 165px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sessional-sale-content {
    padding: 220px 50px 165px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sessional-sale-content {
    padding: 220px 50px 200px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sessional-sale-content {
    padding: 143px 30px 123px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sessional-sale-content {
    padding: 80px 40px 80px;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-sale-content {
    padding: 60px 20px 60px;
  }
}

.sessional-sale-content h2 {
  font-size: 29px;
  font-weight: bold;
  color: #151c0f;
  margin: 0;
}

.sessional-sale-content p {
  font-size: 16px;
  line-height: 30px;
  width: 89%;
  margin: 48px 0 55px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sessional-sale-content p {
    margin: 30px 0 37px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sessional-sale-content p {
    margin: 20px 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-sale-content p {
    margin: 10px 0 20px;
    width: 100%;
    font-size: 14px;
  }
}

.sessional-sale-banner {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#d9f9ff),
    color-stop(83%, #d9f9ff),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(bottom, #d9f9ff, #d9f9ff 83%, #fff 0%);
  background: -o-linear-gradient(bottom, #d9f9ff, #d9f9ff 83%, #fff 0%);
  background: linear-gradient(to top, #d9f9ff, #d9f9ff 83%, #fff 0%);
  position: relative;
  text-align: right;
  padding: 50px 230px 30px 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sessional-sale-banner {
    padding: 50px 50px 30px 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sessional-sale-banner {
    padding: 50px 50px 30px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sessional-sale-banner {
    padding: 50px 50px 30px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sessional-sale-banner {
    padding: 100px 40px 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-sale-banner {
    padding: 80px 20px 30px 0;
  }
}

.sessional-sale-banner .sessional-sale-img {
  display: inline-block;
  position: relative;
}

.sessional-sale-banner .sessional-sale-img:after {
  width: 198px;
  height: 198px;
  background-color: #fbfbfb;
  border-radius: 100%;
  position: absolute;
  content: "";
  top: -50px;
  left: -26px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sessional-sale-banner .sessional-sale-img:after {
    width: 150px;
    height: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sessional-sale-banner .sessional-sale-img:after {
    width: 150px;
    height: 150px;
    left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-sale-banner .sessional-sale-img:after {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sessional-sale-banner .sessional-sale-img:after {
    width: 150px;
    height: 150px;
  }
}

.sessional-sale-banner .sessional-sale-img img {
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sessional-sale-banner .sessional-sale-img img {
    width: 230px;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-sale-banner .sessional-sale-img img {
    width: 120px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sessional-sale-banner .sessional-sale-img img {
    width: 220px;
  }
}

.sessional-sale-banner .sessional-sale-banner-content {
  position: absolute;
  left: 135px;
  top: 45%;
  text-align: left;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sessional-sale-banner .sessional-sale-banner-content {
    left: 95px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sessional-sale-banner .sessional-sale-banner-content {
    left: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sessional-sale-banner .sessional-sale-banner-content {
    left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sessional-sale-banner .sessional-sale-banner-content {
    left: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-sale-banner .sessional-sale-banner-content {
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.sessional-sale-banner .sessional-sale-banner-content h2 {
  color: #347ab5;
  font-size: 142px;
  font-weight: bold;
  margin: 0 0 10px;
  line-height: 110px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sessional-sale-banner .sessional-sale-banner-content h2 {
    font-size: 115px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sessional-sale-banner .sessional-sale-banner-content h2 {
    font-size: 90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sessional-sale-banner .sessional-sale-banner-content h2 {
    font-size: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sessional-sale-banner .sessional-sale-banner-content h2 {
    font-size: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .sessional-sale-banner .sessional-sale-banner-content h2 {
    font-size: 50px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sessional-sale-banner .sessional-sale-banner-content h2 {
    font-size: 100px;
    line-height: 100px;
  }
}

.sessional-sale-banner .sessional-sale-banner-content h3 {
  color: #151c0f;
  font-size: 68px;
  font-weight: bold;
  margin: 0 0 0px;
  line-height: 57px;
}

@media only screen and (max-width: 767px) {
  .sessional-sale-banner .sessional-sale-banner-content h3 {
    font-size: 45px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sessional-sale-banner .sessional-sale-banner-content h3 {
    font-size: 55px;
    line-height: 50px;
  }
}

.kids-2-bg-color {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e8fffb),
    color-stop(46.5%, #e8fffb),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(left, #e8fffb, #e8fffb 46.5%, #fff 0%);
  background: -o-linear-gradient(left, #e8fffb, #e8fffb 46.5%, #fff 0%);
  background: linear-gradient(to right, #e8fffb, #e8fffb 46.5%, #fff 0%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-2-bg-color {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#e8fffb),
      color-stop(33%, #e8fffb),
      color-stop(0%, #fff)
    );
    background: -webkit-linear-gradient(left, #e8fffb, #e8fffb 33%, #fff 0%);
    background: -o-linear-gradient(left, #e8fffb, #e8fffb 33%, #fff 0%);
    background: linear-gradient(to right, #e8fffb, #e8fffb 33%, #fff 0%);
  }
}

@media only screen and (max-width: 767px) {
  .kids-2-bg-color {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#e8fffb),
      color-stop(100%, #e8fffb),
      color-stop(0%, #fff)
    );
    background: -webkit-linear-gradient(left, #e8fffb, #e8fffb 100%, #fff 0%);
    background: -o-linear-gradient(left, #e8fffb, #e8fffb 100%, #fff 0%);
    background: linear-gradient(to right, #e8fffb, #e8fffb 100%, #fff 0%);
    padding: 60px 0 60px;
  }
}

.kids-chair-img {
  margin: 0 110px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-chair-img {
    margin: 20px 10px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .kids-chair-img {
    margin: 0 0px 15px 0;
  }
}

.kids-chair-img a {
  display: block;
}

.kids-chair-img a img {
  width: 100%;
}

.mega-fashion-pro-title h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 25px;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 0.72);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media only screen and (max-width: 767px) {
  .mega-fashion-pro-title h4 {
    margin: 0 0 15px;
  }
}

.mega-fashion-pro-title h4 a {
  color: #333333;
}

.mega-fashion-pro-title h4 a:hover {
  color: #0a1039;
}

.trending-product-img {
  position: relative;
}

.trending-product-img a {
  display: block;
}

.trending-product-img a img {
  width: 100%;
}

.trending-product-img.trending-nrgative-mrg {
  margin-right: -30px;
}

@media only screen and (max-width: 767px) {
  .trending-product-img.trending-nrgative-mrg {
    margin-right: 0px;
  }
}

.trending-product-img .trending-product1-shape1 {
  position: absolute;
  top: -23px;
  left: 4%;
}

.trending-product-img .trending-product1-shape1 img {
  width: 47px;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.trending-product-img .trending-product1-shape2 {
  position: absolute;
  bottom: 12px;
  left: 25%;
}

.trending-product-img .trending-product1-shape2 img {
  width: 161px;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.trending-product-img .trending-product2-shape1 {
  position: absolute;
  top: 0;
  left: 16px;
}

.trending-product-img .trending-product2-shape1 img {
  width: 148px;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (max-width: 767px) {
  .trending-product-img .trending-product2-shape1 img {
    width: 90px;
  }
}

.trending-product-img .trending-product2-shape2 {
  position: absolute;
  right: 93px;
  bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .trending-product-img .trending-product2-shape2 {
    right: 80px;
    bottom: 10px;
  }
}

.trending-product-img .trending-product2-shape2 img {
  width: 85px;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (max-width: 767px) {
  .trending-product-img .trending-product2-shape2 img {
    width: 65px;
  }
}

.trending-product-img .trending-product3-shape2 {
  position: absolute;
  left: 15%;
  bottom: 3%;
}

.trending-product-img .trending-product3-shape2 img {
  width: 71px;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (max-width: 767px) {
  .trending-product-img .trending-product3-shape2 img {
    width: 50px;
  }
}

.trending-product-img .trending-product3-shape1 {
  position: absolute;
  right: 70px;
  top: 10%;
}

@media only screen and (max-width: 767px) {
  .trending-product-img .trending-product3-shape1 {
    right: 30px;
  }
}

.trending-product-img .trending-product3-shape1 img {
  width: 107px;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (max-width: 767px) {
  .trending-product-img .trending-product3-shape1 img {
    width: 80px;
  }
}

.trending-product-content h2 {
  color: #151c0f;
  font-size: 29px;
  font-weight: bold;
  margin: 0;
  line-height: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .trending-product-content h2 {
    font-size: 19px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .trending-product-content h2 {
    font-size: 18px;
    line-height: 35px;
  }
}

.trending-product-content h2 a {
  color: #151c0f;
}

.trending-product-content h2 a:hover {
  color: #0a1039;
}

.trending-product-content p {
  font-size: 15px;
  line-height: 30px;
  margin: 16px 0 41px;
}

.trending-product-content p.peragraph-width {
  width: 89%;
}

@media only screen and (max-width: 767px) {
  .trending-product-content p.peragraph-width {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .trending-product-content p {
    margin: 10px 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .trending-product-content p {
    margin: 10px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .trending-product-content.mt-90 {
    margin-top: 0px;
  }

  .trending-product-content.ml-70 {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .trending-product-content.mt-90 {
    margin-top: 20px;
  }

  .trending-product-content.ml-70 {
    margin-left: 0px;
  }
}

.shop-list-wrap .product-list-img {
  overflow: hidden;
  position: relative;
}

.shop-list-wrap .product-list-img a img {
  /*width: 100%;*/
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.shop-list-wrap .product-list-img .shop-list-quickview {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translatex(-50%);
  -ms-transform: translateY(-50%) translatex(-50%);
  transform: translateY(-50%) translatex(-50%);
}

.shop-list-wrap .product-list-img .shop-list-quickview > button {
  border: none;
  padding: 0;
  width: 75px;
  height: 75px;
  border-radius: 100%;
  background-color: #333;
  color: #fff;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.shop-list-wrap .product-list-img .shop-list-quickview > button:hover {
  background-color: #0a1039;
}

.shop-list-wrap:hover .product-list-img a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.shop-list-wrap:hover .shop-list-quickview button {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.shop-list-quickview > button i.icon-zoom {
  font-size: 1.2em;
  font-weight: bold;
}

.shop-list-quickview > button small {
  display: block;
}

.shop-list-content h3 {
  font-size: 20px;
  margin: 0;
}

.shop-list-content h3 a {
  color: #333333;
}

.shop-list-content h3 a:hover {
  color: #0a1039;
  font-size: 1.2em;
}

.shop-list-content .pro-list-price {
  margin: 15px 0 16px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-list-content .pro-list-price {
    margin: 15px 0 10px;
  }
}

.shop-list-content .pro-list-price span {
  font-size: 18px;
  font-weight: bolder;
  color: #cb3333;
}

.shop-list-content .pro-list-price span.old-price {
  color: #777777;
  font-weight: 300;
  text-decoration: line-through;
  margin-left: 12px;
}

.shop-list-content p {
  font-size: 15px;
  line-height: 30px;
  margin: 0 0 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-list-content p {
    margin: 0 0 15px;
  }
}

.shop-list-content .product-list-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.shop-list-content .product-list-action > button {
  border: none;
  padding: 0;
  background-color: transparent;
  color: #b2b2b2;
  font-size: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.shop-list-content .product-list-action > button:hover {
  color: #0a1039;
}

.shop-list-content .product-list-action .product-action-cart > button {
  border: none;
  padding: 7px 32px 7px;
  background-color: #333333;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  margin: 0 15px;
}

.shop-list-content .product-list-action .product-action-cart > button:hover {
  background-color: #0a1039;
}

@media only screen and (max-width: 767px) {
  .shop-list-content {
    margin-top: 20px;
  }

  .shop-list-content.ml-20 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-list-content {
    margin-top: 0px;
  }

  .shop-list-content.ml-20 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .organic-discount {
    background-position: 86%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .organic-discount {
    background-position: 86%;
  }

  .product-area.pb-120 {
    padding-bottom: 60px;
  }

  .product-area.pb-60 {
    padding-bottom: 0px;
  }

  .product-area.pb-90 {
    padding-bottom: 30px;
  }

  .product-area.pb-110 {
    padding-bottom: 50px;
  }

  .product-area.pb-100 {
    padding-bottom: 40px;
  }

  .product-area.pt-125 {
    padding-top: 70px;
  }

  .product-area.pt-145 {
    padding-top: 80px;
  }

  .product-area.pb-145 {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .organic-discount {
    background-position: 86%;
  }

  .product-area.pb-100 {
    padding-bottom: 40px;
  }

  .product-area.pb-90 {
    padding-bottom: 10px;
  }

  .product-area.pb-95 {
    padding-bottom: 30px;
  }

  .product-area.pt-125 {
    padding-top: 50px;
  }

  .product-area.pb-110 {
    padding-bottom: 40px;
  }

  .product-area.pt-135 {
    padding-top: 80px;
  }

  .flower-arrival-bg {
    background-position: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .organic-discount {
    background-position: 86%;
  }

  .product-area.pb-100 {
    padding-bottom: 20px;
  }

  .product-area.pb-115 {
    padding-bottom: 35px;
  }

  .product-area.pb-105 {
    padding-bottom: 25px;
  }

  .product-area.pb-95 {
    padding-bottom: 15px;
  }

  .product-area.pb-90 {
    padding-bottom: 15px;
  }

  .product-area.pt-135 {
    padding-top: 40px;
  }

  .product-area.pt-80 {
    padding-top: 30px;
  }

  .pt-125 {
    padding-top: 30px;
  }

  .pb-110 {
    padding-bottom: 30px;
  }

  .organic-discount.pb-100 {
    padding-bottom: 60px;
  }
}

.nice-select.nice-select-style-3 {
  border-radius: 0;
  font-size: 14px;
  height: 50px;
  font-weight: 400;
  line-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  color: #342d0e;
  width: 100%;
  border: none;
  font-weight: 400;
}

.nice-select.nice-select-style-3 ul {
  width: 100%;
}

.nice-select.nice-select-style-3.nice-select-shop {
  border: 1px solid #efefef;
  font-weight: 300;
  padding-left: 26px;
  color: #808080;
}

.nice-select.nice-select-style-3.cart-tax-select {
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  color: #999999;
  background-color: #f6f6f6;
  float: inherit;
  font-weight: 900;
}

.p-dialog-header .doAdjHeader {
  position: relative;
}

.p-dialog-header .doAdjHeader ~ .p-dialog-header-icons {
  position: absolute;
  top: 4%;
  right: 7%;
}

.p-dialog-header .doAdjHeader {
  width: 90%;
}

.p-dialog-header .p-dialog-header-close .pi {
  font-weight: bold;
  font-size: 1.2rem !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nice-select.nice-select-style-3.cart-tax-select {
    margin-bottom: 20px;
  }
}

.nice-select::after {
  display: none;
}

.nice-select:before {
  position: absolute;
  content: "";
  right: 15px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #0b1154;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nice-select.open:before {
  border-bottom: 6px solid #0b1154;
  border-top: none;
}

/*-------- 7. Animation style ---------*/
@-webkit-keyframes hastechFade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes hastechFade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hastechZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hastechZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes hastechZoomOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hastechZoomOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes hastechMoveUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hastechMoveUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes hastechMoveUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hastechMoveUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes hastechMoveDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hastechMoveDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes hastechMoveDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hastechMoveDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes hastechMoveLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hastechMoveLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes hastechMoveLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hastechMoveLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes hastechMoveRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hastechMoveRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes hastechMoveRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hastechMoveRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes hastechFallPerspective {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1000px) translateY(50px) translateZ(-300px)
      rotateX(-35deg);
    transform: perspective(1000px) translateY(50px) translateZ(-300px)
      rotateX(-35deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: perspective(1000px) translateY(0) translateZ(0)
      rotateX(0deg);
    transform: perspective(1000px) translateY(0) translateZ(0) rotateX(0deg);
  }
}

@keyframes hastechFallPerspective {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1000px) translateY(50px) translateZ(-300px)
      rotateX(-35deg);
    transform: perspective(1000px) translateY(50px) translateZ(-300px)
      rotateX(-35deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: perspective(1000px) translateY(0) translateZ(0)
      rotateX(0deg);
    transform: perspective(1000px) translateY(0) translateZ(0) rotateX(0deg);
  }
}

@-webkit-keyframes hastechFlipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes hastechFlipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes hastechFlipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes hastechFlipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes moveUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes moveUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes columnMoveUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes columnMoveUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fallPerspective {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1000px) translateY(50px) translateZ(-300px)
      rotateX(-35deg);
    transform: perspective(1000px) translateY(50px) translateZ(-300px)
      rotateX(-35deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: perspective(1000px) translateY(0) translateZ(0)
      rotateX(0deg);
    transform: perspective(1000px) translateY(0) translateZ(0) rotateX(0deg);
  }
}

@keyframes fallPerspective {
  0% {
    opacity: 0;
    -webkit-transform: perspective(1000px) translateY(50px) translateZ(-300px)
      rotateX(-35deg);
    transform: perspective(1000px) translateY(50px) translateZ(-300px)
      rotateX(-35deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: perspective(1000px) translateY(0) translateZ(0)
      rotateX(0deg);
    transform: perspective(1000px) translateY(0) translateZ(0) rotateX(0deg);
  }
}

@-webkit-keyframes edit-button-pulse {
  0% {
    -webkit-box-shadow: 0 0 2px 0 rgba(183, 8, 78, 0.6);
    box-shadow: 0 0 2px 0 rgba(183, 8, 78, 0.6);
  }

  30% {
    -webkit-box-shadow: 0 0 2px 10px rgba(183, 8, 78, 0);
    box-shadow: 0 0 2px 10px rgba(183, 8, 78, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 2px 0 rgba(183, 8, 78, 0);
    box-shadow: 0 0 2px 0 rgba(183, 8, 78, 0);
  }
}

@keyframes edit-button-pulse {
  0% {
    -webkit-box-shadow: 0 0 2px 0 rgba(183, 8, 78, 0.6);
    box-shadow: 0 0 2px 0 rgba(183, 8, 78, 0.6);
  }

  30% {
    -webkit-box-shadow: 0 0 2px 10px rgba(183, 8, 78, 0);
    box-shadow: 0 0 2px 10px rgba(183, 8, 78, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 2px 0 rgba(183, 8, 78, 0);
    box-shadow: 0 0 2px 0 rgba(183, 8, 78, 0);
  }
}

/*---------- 8. Deal product style ------------*/
.deal-area {
  overflow: hidden;
}

.deal-content h2 {
  font-size: 29px;
  font-weight: 500;
  margin: 0 0 33px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content h2 {
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .deal-content h2 {
    margin: 0 0 15px;
  }
}

.deal-content p {
  font-size: 13px;
  color: #828495;
  font-weight: 300;
  margin: 0;
  line-height: 20px;
}

.deal-content .deal-rating {
  margin: 0px 0 15px;
}

.deal-content .deal-rating i {
  font-size: 10px;
  color: #ee9f39;
}

.deal-content .deal-price {
  margin: 0 0 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content .deal-price {
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .deal-content .deal-price {
    margin: 0 0 20px;
  }
}

.deal-content .deal-price span {
  font-size: 20px;
  color: #262626;
}

.deal-content .deal-price span.old-price {
  color: #828495;
  margin-left: 22px;
  text-decoration: line-through;
}

@media only screen and (max-width: 767px) {
  .deal-content {
    text-align: center;
  }
}

.timer-style-1 div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .timer-style-1 div {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.timer-style-1 div > span {
  text-align: center;
  border: 1px solid #eeeeee;
  background-color: #fff;
  border-radius: 8px;
  padding: 16px 25px 14px;
  margin-right: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .timer-style-1 div > span {
    padding: 16px 20px 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-style-1 div > span {
    padding: 16px 15px 14px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .timer-style-1 div > span {
    padding: 16px 18px 14px;
    margin-right: 7px;
    margin-bottom: 10px;
  }
}

.timer-style-1 div > span:last-child {
  margin-right: 0px;
}

.timer-style-1 div > span > span {
  font-size: 17px;
  font-weight: bold;
  color: #777777;
  display: block;
  line-height: 1;
}

.timer-style-1 div > span > p {
  font-size: 15px;
  font-weight: 300;
  color: #777777;
  margin: 4px 0 0;
}

.timer-style-1.timer-plr-inc div {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.timer-style-1.timer-plr-inc div > span {
  padding: 16px 20px 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-style-1.timer-plr-inc div > span {
    padding: 16px 10px 14px;
    margin-right: 6px;
  }

  .timer-style-1.timer-plr-inc div > span:last-child {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .timer-style-1.timer-plr-inc div > span {
    margin-bottom: 10px;
  }
}

.timer-style-1.timer-mb {
  margin: 0 0 38px;
}

@media only screen and (max-width: 767px) {
  .timer-style-1.timer-mb {
    margin: 0 0 20px;
  }
}

.timer-style-1.timer-style-1-center div {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.timer-style-1.mega-fashion-timer > div > span {
  padding: 13px 15px 13px;
}

@media only screen and (max-width: 767px) {
  .timer-style-1.mega-fashion-timer > div > span {
    padding: 13px 8px 13px;
  }
}

.timer-style-1.mega-fashion-timer > div > span > p {
  line-height: 1;
  margin: 6px 0 0;
}

@media only screen and (max-width: 767px) {
  .timer-style-1.mega-fashion-timer.mb-40 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .timer-style-1.mt-135 {
    margin-top: 22px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .timer-style-1.mt-135 {
    margin-top: 22px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .timer-style-1.mt-135 {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-style-1.mt-135 {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .timer-style-1.mt-135 {
    margin-top: 20px;
  }

  .timer-style-1.furniture-timer div > span {
    padding: 10px 8px 8px;
    margin-right: 4px;
    margin-bottom: 0;
  }

  .timer-style-1.furniture-timer div > span:last-child {
    margin-right: 0px;
  }
}

.timer-style-1.automobile-timer div > span {
  padding: 13px 15px 10px;
  margin-right: 15px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .timer-style-1.automobile-timer div > span {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .timer-style-1.automobile-timer div > span {
    margin-right: 8px;
    padding: 13px 11px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .timer-style-1.automobile-timer div > span {
    padding: 9px 7px 6px;
    margin-right: 6px;
  }
}

.timer-style-1.automobile-timer div > span:last-child {
  margin-right: 0;
}

.timer-style-1.automobile-timer div > span > span {
  font-size: 15px;
}

.timer-style-1.automobile-timer div > span > p {
  font-size: 13px;
  margin: 1px 0 0;
}

.deal-img {
  margin-left: -30px;
  margin-right: -50px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .deal-img {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .deal-img {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .deal-img {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-img {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .deal-img {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 25px;
  }
}

.deal-img a {
  display: block;
}

.deal-img a img {
  width: 100%;
}

.organic-deal-img {
  margin-right: 145px;
  margin-top: -90px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .organic-deal-img {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .organic-deal-img {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .organic-deal-img {
    margin-right: 0px;
    margin-top: -40px;
    margin-bottom: 30px;
  }
}

.deal-content-2 h4 {
  font-size: 22px;
  font-family: "Pacifico";
  color: #359043;
  margin: 0;
}

.deal-content-2 h3 {
  font-size: 36px;
  font-weight: 500;
  color: #06103a;
  margin: 10px 0 25px;
}

@media only screen and (max-width: 767px) {
  .deal-content-2 h3 {
    font-size: 30px;
    margin: 10px 0 20px;
  }
}

.deal-content-2 h3 a {
  color: #06103a;
}

.deal-content-2 h3 a:hover {
  color: #359043;
}

.deal-content-2 span {
  font-size: 30px;
  color: #06103a;
}

.timer-style-2 div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.timer-style-2 div > span {
  text-align: center;
  background-color: #fafafa;
  border-radius: 8px;
  padding: 16px 25px 14px;
  margin-right: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .timer-style-2 div > span {
    padding: 16px 20px 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-style-2 div > span {
    padding: 16px 15px 14px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .timer-style-2 div > span {
    padding: 12px 12px 10px;
    margin-right: 8px;
  }
}

.timer-style-2 div > span:last-child {
  margin-right: 0px;
}

.timer-style-2 div > span > span {
  font-size: 15px;
  font-weight: bold;
  color: #232953;
  display: block;
  line-height: 1;
}

.timer-style-2 div > span > p {
  font-size: 13px;
  font-weight: 300;
  color: #a1a5c2;
  margin: 4px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-style-2.mt-70 {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .timer-style-2.mt-70 {
    margin-top: 30px;
  }
}

.deal-area-mrg-negative {
  margin-top: -30px;
}

.deal-content-area {
  margin-left: 30px;
  margin-top: 90px;
  padding: 60px 0 107px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .deal-content-area {
    padding: 10px 0 92px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .deal-content-area {
    padding: 10px 0 92px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .deal-content-area {
    padding: 56px 0 56px;
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content-area {
    margin-left: 0;
    margin-top: 30px;
    padding: 30px 30px 50px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .deal-content-area {
    margin-left: 0;
    margin-top: 30px;
    padding: 20px 20px 50px 20px;
  }
}

.deal-img-2 {
  float: right;
}

@media only screen and (max-width: 767px) {
  .deal-img-2 {
    text-align: center;
    float: inherit;
  }
}

.deal-img-2 a {
  display: block;
}

.deal-img-2 a img {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .deal-content-3 {
    text-align: center;
  }
}

.deal-content-3 h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  color: #333333;
}

.deal-content-3 h3 a {
  color: #333333;
}

.deal-content-3 h3 a:hover {
  color: #62bc77;
}

.deal-content-3 p {
  font-size: 15px;
  line-height: 30px;
  margin: 7px 0 8px;
}

.deal-content-3 .deal-rating-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .deal-content-3 .deal-rating-2 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.deal-content-3 .deal-rating-2 i {
  color: #ffb300;
  font-size: 12px;
}

.deal-content-3 .deal-price-3 {
  margin: 5px 0 0;
}

.deal-content-3 .deal-price-3 span {
  font-size: 20px;
  color: #262626;
  display: inline-block;
}

.deal-content-3 .deal-price-3 span.old-price {
  text-decoration: line-through;
  color: #828495;
  margin-left: 22px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .deal-content-3.treeplant-deal {
    margin-left: -50px;
  }
}

.timer-style-3 div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.timer-style-3 div > span {
  text-align: center;
  border-radius: 8px;
  padding: 11px 20px 12px;
  margin-right: 12px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .timer-style-3 div > span {
    padding: 11px 8px 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-style-3 div > span {
    padding: 11px 12px 12px;
    margin-right: 6px;
    margin-bottom: 6px;
  }
}

@media only screen and (max-width: 767px) {
  .timer-style-3 div > span {
    padding: 11px 12px 12px;
    margin-right: 6px;
    margin-bottom: 6px;
  }
}

.timer-style-3 div > span:last-child {
  margin-right: 0px;
}

.timer-style-3 div > span.day {
  background-color: #ffe4e4;
}

.timer-style-3 div > span.hour {
  background-color: #fef3bb;
}

.timer-style-3 div > span.minutes {
  background-color: #dbffac;
}

.timer-style-3 div > span.second {
  background-color: #c0fcfc;
}

.timer-style-3 div > span > span {
  font-size: 15px;
  font-weight: bold;
  color: #232953;
  display: block;
  line-height: 1;
}

.timer-style-3 div > span > p {
  font-size: 13px;
  font-weight: 300;
  color: #a1a5c2;
  margin: 5px 0 0;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-style-3.mt-70 {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .timer-style-3.mt-70 {
    margin-top: 30px;
  }
}

.timer-style-4 div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .timer-style-4 div {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.timer-style-4 div > span {
  text-align: center;
  margin: 0 36px 0 0;
}

@media only screen and (max-width: 767px) {
  .timer-style-4 div > span {
    margin: 0 25px 0 0;
  }
}

.timer-style-4 div > span:last-child {
  margin: 0 0px 0 0;
}

.timer-style-4 div > span > span {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  display: inline-block;
  background-color: #fcf9f2;
  border-radius: 100%;
  position: relative;
  font-size: 15px;
  font-weight: bold;
  color: #d0952d;
}

.timer-style-4 div > span > span:before {
  position: absolute;
  left: -8px;
  top: -8px;
  width: 50px;
  height: 50px;
  border: 1px solid #d0952d;
  content: "";
  z-index: 9;
  border-radius: 100%;
}

.timer-style-4 div > span p {
  font-size: 13px;
  color: #3e3f48;
  margin: 10px 0 0;
}

@media only screen and (max-width: 767px) {
  .timer-style-4.mb-50 {
    margin-bottom: 30px;
  }
}

.deal-content-4-wrap {
  background-color: #fcf9f2;
  padding: 73px 20px 73px 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content-4-wrap {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .deal-content-4-wrap {
    margin-bottom: 30px;
    text-align: center;
    padding: 50px 15px 50px 15px;
  }
}

.deal-content-4-wrap .deal-img-3 a img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .deal-content-4-wrap .deal-content-4 {
    margin-top: 30px;
  }
}

.deal-content-4-wrap .deal-content-4 h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}

.deal-content-4-wrap .deal-content-4 h4 a {
  color: #333333;
}

.deal-content-4-wrap .deal-content-4 h4 a:hover {
  color: #cf7f39;
}

.deal-content-4-wrap .deal-content-4 .deal-rating-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 36px;
}

@media only screen and (max-width: 767px) {
  .deal-content-4-wrap .deal-content-4 .deal-rating-3 {
    margin: 10px 0 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.deal-content-4-wrap .deal-content-4 .deal-rating-3 i {
  color: #ffb300;
  font-size: 12px;
}

.deal-content-4-wrap .deal-content-4 .deal-price-4 {
  margin: 5px 0 0;
}

.deal-content-4-wrap .deal-content-4 .deal-price-4 span {
  font-size: 20px;
  color: #262626;
  display: inline-block;
}

.deal-content-4-wrap .deal-content-4 .deal-price-4 span.old-price {
  text-decoration: line-through;
  color: #777;
  margin-left: 22px;
}

.deal-content-4-wrap .deal-content-4 > p {
  font-size: 13px;
  font-weight: 300;
  margin: 50px 0 34px;
}

.offer-area {
  position: relative;
}

.pet-food-offer-content {
  padding: 345px 0 64px 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pet-food-offer-content {
    padding: 250px 0 64px 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pet-food-offer-content {
    padding: 250px 0 64px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .pet-food-offer-content {
    padding: 100px 15px 64px 15px;
  }
}

.pet-food-offer-content h2 {
  position: absolute;
  left: 30%;
  top: 16%;
  font-size: 49px;
  font-weight: bold;
  margin: 0;
  line-height: 38px;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  color: #ffffff;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .pet-food-offer-content h2 {
    left: 22%;
    top: 16%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pet-food-offer-content h2 {
    left: 18%;
    top: 16%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pet-food-offer-content h2 {
    left: 17%;
    top: 16%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pet-food-offer-content h2 {
    left: 10%;
    top: 13%;
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .pet-food-offer-content h2 {
    font-size: 35px;
    position: static;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #333;
  }
}

.pet-food-offer-content h3 {
  position: absolute;
  left: 36%;
  top: 26%;
  font-family: "Vandella";
  font-size: 54px;
  color: #cf7f39;
  margin: 0;
  line-height: 1;
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .pet-food-offer-content h3 {
    left: 30%;
    top: 27%;
    -webkit-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pet-food-offer-content h3 {
    left: 27%;
    top: 27%;
    -webkit-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pet-food-offer-content h3 {
    left: 26%;
    top: 27%;
    font-size: 50px;
    -webkit-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pet-food-offer-content h3 {
    left: 14%;
    top: 27%;
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .pet-food-offer-content h3 {
    margin: 10px 0 21px;
    position: static;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.pet-food-offer-content p {
  color: #3e3f48;
  font-size: 16px;
  line-height: 30px;
  width: 53%;
  margin: 0 0 42px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pet-food-offer-content p {
    margin: 0 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pet-food-offer-content p {
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .pet-food-offer-content p {
    width: 100%;
    margin: 0 0 20px;
  }
}

.offer-product-wrap {
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .offer-product-wrap.mr-60 {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offer-product-wrap {
    margin-bottom: 50px;
  }

  .offer-product-wrap.mr-60 {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .offer-product-wrap {
    margin-bottom: 0px;
  }

  .offer-product-wrap.mr-60 {
    margin-right: 0px;
  }
}

.offer-product-wrap .product-img {
  position: relative;
  overflow: hidden;
}

.offer-product-wrap .product-img a {
  display: block;
}

.offer-product-wrap .product-img a img {
  width: 100%;
  height: 530px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s 3ase 0s;
  -o-transition: all 0.5s 3ase 0s;
  transition: all 0.5s 3ase 0s;
}

.offer-product-wrap .product-img a img.inject-me.arrow-mrg-dec {
  width: 15px;
  height: 7px;
}

.offer-product-wrap .product-img .product-timer-2 {
  position: absolute;
  right: 57px;
  bottom: 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .offer-product-wrap .product-img .product-timer-2 {
    right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .offer-product-wrap .product-img .product-timer-2 {
    right: 0;
    left: 0;
    bottom: 15px;
  }
}

.offer-product-wrap .product-img .product-timer-3 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 70px;
}

@media only screen and (max-width: 767px) {
  .offer-product-wrap .product-img .product-timer-3 {
    bottom: 20px;
  }
}

.offer-product-wrap .mega-fashion-pro-offer {
  position: absolute;
  left: -25px;
  bottom: 220px;
  background-color: #c9adad;
  padding: 40px 37px 42px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .offer-product-wrap .mega-fashion-pro-offer {
    padding: 30px 20px 32px 20px;
    left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .offer-product-wrap .mega-fashion-pro-offer {
    position: static;
  }
}

.offer-product-wrap .mega-fashion-pro-offer p {
  font-size: 19px;
  line-height: 29px;
  color: #fff;
}

.offer-product-wrap .mega-fashion-pro-offer h3 {
  font-size: 60px !important;
  font-weight: 600;
  color: #fff;
  line-height: 47px;
  text-align: right;
  margin: 26px 0 9px;
}

.offer-product-wrap .mega-fashion-pro-offer span {
  font-size: 19px;
  color: #fff;
  text-align: right;
  display: block;
}

.offer-product-wrap .mega-fashion-pro-title2 {
  position: absolute;
  top: -20px;
  left: 60px;
  right: 60px;
  text-align: center;
  background-color: #f9fff2;
  padding: 20px 10px;
  z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .offer-product-wrap .mega-fashion-pro-title2 {
    padding: 51px 10px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .offer-product-wrap .mega-fashion-pro-title2 {
    padding: 21px 10px 20px;
    left: 10px;
    right: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .offer-product-wrap .mega-fashion-pro-title2 {
    padding: 51px 10px 50px;
  }
}

.offer-product-wrap .mega-fashion-pro-title2 h2 {
  font-size: 29px;
  font-weight: bold;
  margin: 0;
}

.offer-product-wrap:hover .product-img a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-area-padding {
    padding: 60px 0;
  }
}

@media only screen and (max-width: 767px) {
  .deal-area-padding {
    padding: 60px 0;
  }
}

/*---------- 9. Section title style ------------*/
.section-categories-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section-categories-wrap .section-title-width-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

@media only screen and (max-width: 767px) {
  .section-categories-wrap .section-title-width-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.section-categories-wrap .section-btn-width-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  text-align: right;
  margin-top: 34px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-categories-wrap .section-btn-width-1 {
    margin-top: 5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-categories-wrap .section-btn-width-1 {
    margin-top: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-categories-wrap .section-btn-width-1 {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .section-categories-wrap .section-btn-width-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
    margin-top: 15px;
  }
}

.section-categories-wrap .section-btn-width-1.furniture-categories-btn {
  margin-top: 70px;
}

@media only screen and (max-width: 767px) {
  .section-categories-wrap .section-btn-width-1.furniture-categories-btn {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-categories-wrap.mb-85 {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-categories-wrap.mb-85 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-categories-wrap.mb-85 {
    margin-bottom: 30px;
  }
}

.section-title h2 {
  font-size: 29px;
  font-weight: 500;
  margin: 0 0 27px;
}

@media only screen and (max-width: 767px) {
  .section-title h2 {
    font-size: 25px;
    margin: 0 0 15px;
  }
}

.section-title h2.bold {
  font-weight: bold;
  margin: 0 0 34px;
}

@media only screen and (max-width: 767px) {
  .section-title h2.bold {
    margin: 0 0 15px;
  }
}

.section-title p {
  font-size: 15px;
  line-height: 30px;
  width: 95%;
}

@media only screen and (max-width: 767px) {
  .section-title p {
    font-size: 14px;
    line-height: 26px;
    width: 100%;
  }
}

.section-title span {
  color: #828495;
  font-size: 16px;
  font-weight: 300;
}

.section-title.st-line-height h2 {
  line-height: 43px;
  margin: 0 0 16px;
}

@media only screen and (max-width: 767px) {
  .section-title.st-line-height h2 {
    font-size: 21px;
    line-height: 35px;
    margin: 0 0 10px;
  }
}

.section-title.st-peragraph-width p {
  width: 63%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.st-peragraph-width p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title.st-peragraph-width p {
    width: 100%;
  }
}

.section-title.st-peragraph-width-2 p {
  width: 93%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.st-peragraph-width-2 p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title.st-peragraph-width-2 p {
    width: 100%;
  }
}

.section-title.st-peragraph-auto p {
  margin: 0 auto;
}

.section-title.st-light-blue h2 {
  color: #232953;
  font-size: 30px;
  line-height: 46px;
}

@media only screen and (max-width: 767px) {
  .section-title.st-light-blue h2 {
    font-size: 22px;
    line-height: 35px;
  }
}

.section-title.st-light-blue p {
  color: #828495;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title.mb-85 {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.mb-85 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title.mb-85 {
    margin-bottom: 30px;
  }

  .section-title.mb-60 {
    margin-bottom: 30px;
  }

  .section-title.mb-65 {
    margin-bottom: 30px;
  }

  .section-title.mb-75 {
    margin-bottom: 30px;
  }

  .section-title.mb-100 {
    margin-bottom: 30px;
  }

  .section-title.mt-55 {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-title.mt-55 {
    margin-top: 55px;
  }
}

.section-title.section-title-white h2 {
  color: #fff;
  font-size: 30px;
}

@media only screen and (max-width: 767px) {
  .section-title.section-title-white h2 {
    font-size: 22px;
  }
}

.section-title.section-title-white p {
  color: #fff;
}

.section-title.section-title-white span {
  color: #fff;
}

.section-title-2 h2 {
  font-size: 29px;
  font-weight: 500;
  margin: 0;
}

.section-title-2 p.st-2-paragraph {
  font-size: 15px;
  line-height: 30px;
  width: 82%;
  margin: 25px 0 59px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-2 p.st-2-paragraph {
    margin: 20px 0 25px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-2 p.st-2-paragraph {
    margin: 20px 0 25px;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-2.mb-85 {
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-2.mb-85 {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-2.mb-85 {
    margin-bottom: 30px;
  }
}

.section-title-3 h2 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  color: #ffffff;
  line-height: 46px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-title-3 h2 {
    font-size: 28px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-title-3 h2 {
    font-size: 25px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-3 h2 {
    font-size: 26px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-3 h2 {
    font-size: 25px;
    line-height: 40px;
  }
}

.section-title-3 p {
  font-size: 16px;
  line-height: 30px;
  width: 75%;
  margin: 20px 0 59px;
  color: #ffffff;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-title-3 p {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-title-3 p {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-3 p {
    margin: 20px 0 25px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-3 p {
    margin: 20px 0 25px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-3 p {
    margin: 12px 0 22px;
    width: 100%;
  }
}

.section-title-4 span {
  font-size: 22px;
  font-family: "Pacifico";
  color: #885643;
}

.section-title-4 h2 {
  font-size: 29px;
  font-weight: bold;
  color: #151c0f;
  margin: 17px 0 0;
}

.section-title-5 h2 {
  font-size: 36px;
  color: #232953;
  font-weight: 500;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .section-title-5 h2 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-5.mb-50 {
    margin-bottom: 30px;
  }
}

.section-title-6 h2 {
  color: #151c0f;
  font-size: 29px;
  font-weight: bold;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .section-title-6 h2 {
    font-size: 25px;
    text-align: center;
  }
}

.section-title-6 p {
  color: #828495;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  margin: 28px 0 0;
}

.section-title-6 p.pet-food {
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: #777;
}

@media only screen and (max-width: 767px) {
  .section-title-6 p {
    font-size: 14px;
    margin: 15px 0 0;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-6.mb-55 {
    margin-bottom: 30px;
  }

  .section-title-6.mb-65 {
    margin-bottom: 30px;
  }
}

.section-title-6.st-6-fashion h2 {
  color: #151c0f;
  line-height: 50px;
  width: 45%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-6.st-6-fashion h2 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-6.st-6-fashion h2 {
    width: 100%;
  }
}

.section-title-7 h2 {
  font-size: 29px;
  font-weight: bold;
  color: #151c0f;
  line-height: 50px;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-7 h2 {
    font-size: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-7 h2 {
    font-size: 24px;
    line-height: 40px;
  }
}

.section-title-7 span {
  margin: 46px 0 0px;
  font-size: 16px;
  color: #828495;
  display: block;
}

.section-title-7 span.mrg-dec {
  margin: 23px 0 0px;
}

@media only screen and (max-width: 767px) {
  .section-title-7 span.mrg-dec {
    margin: 10px 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-7 span {
    margin: 10px 0 0px;
  }
}

.section-title-7 p {
  font-size: 15px;
  line-height: 30px;
  margin: 13px auto 0;
  width: 41%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-7 p {
    width: 65%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-7 p {
    width: 100%;
  }
}

.section-title-7 p.peragraph-width-2 {
  width: 64%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-7 p.peragraph-width-2 {
    width: 72%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-7 p.peragraph-width-2 {
    width: 93%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-7 p.peragraph-width-2 {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-7.mb-100 {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-7.mb-80 {
    margin-bottom: 30px;
  }

  .section-title-7.mb-100 {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-7.mb-60 {
    margin-bottom: 30px;
  }

  .section-title-7.mb-65 {
    margin-bottom: 30px;
  }

  .section-title-7.mb-110 {
    margin-bottom: 30px;
  }

  .section-title-7.mb-80 {
    margin-bottom: 30px;
  }

  .section-title-7.mb-70 {
    margin-bottom: 30px;
  }

  .section-title-7.mb-100 {
    margin-bottom: 30px;
  }
}

.section-title-8 h2 {
  font-size: 36px;
  font-weight: bold;
  line-height: 30px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .section-title-8 h2 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-8.mb-65 {
    margin-bottom: 30px;
  }

  .section-title-8.mb-60 {
    margin-bottom: 30px;
  }
}

.section-title-9 h2 {
  font-size: 36px;
  font-weight: bold;
  line-height: 55px;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-9 h2 {
    font-size: 28px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-9 h2 {
    font-size: 26px;
    line-height: 40px;
  }
}

.section-title-9 span {
  margin: 10px 0 0px;
  font-size: 16px;
  color: #828495;
  display: block;
}

@media only screen and (max-width: 767px) {
  .section-title-9 {
    text-align: center;
  }
}

.mega-fashion-instagram-title {
  margin: 85px 0 95px 85px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .mega-fashion-instagram-title {
    margin: 45px 0 45px 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .mega-fashion-instagram-title {
    margin: 20px 0 45px 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-fashion-instagram-title {
    margin: 27px 0 27px 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mega-fashion-instagram-title {
    margin: 0px 0 30px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .mega-fashion-instagram-title {
    margin: 0px 0 30px 0px;
  }
}

/*---------- 10. Categories style ------------*/
.single-categories {
  background-color: #ffffff;
  padding: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories {
    padding: 30px 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-categories {
    padding: 30px 20px;
  }
}

.single-categories .single-categories-title {
  margin: 0 0 43px;
}

.single-categories .single-categories-title h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories .single-categories-title h4 {
    font-size: 16px;
  }
}

.single-categories .single-categories-title h4 svg {
  margin-right: 22px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories .single-categories-title h4 svg {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-categories .single-categories-title h4 svg {
    margin-right: 10px;
  }
}

.single-categories .single-categories-title h4 svg path {
  fill: #000;
}

.single-categories ul li {
  position: relative;
  padding-left: 30px;
  line-height: 1;
  display: block;
  margin-bottom: 35px;
}

.single-categories ul li:last-child {
  margin-bottom: 0;
}

.single-categories ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #afafaf;
  width: 11px;
  height: 2px;
  content: "";
}

.single-categories ul li a {
  color: #777777;
  font-size: 16px;
}

.single-categories ul li a:hover {
  color: #0a1039;
}

.single-categories:hover .single-categories-title h4 svg {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
  animation: 500ms ease-in-out 0s normal none 1 running tada;
}

.categories-brand-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.categories-brand-tab-list a {
  font-size: 18px;
  color: #333333;
  font-weight: 400;
  padding: 0 40px 25px;
  border-bottom: 2px solid #333;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .categories-brand-tab-list a {
    padding: 0 20px 25px;
  }
}

.categories-brand-tab-list a.active {
  font-weight: bold;
}

.categories-brand-tab-list a.active:before {
  position: absolute;
  background-color: #333;
  height: 4px;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  width: 100%;
  border-radius: 5px;
}

.categories-brand-tab-list.brand-tab-list-pink a {
  font-weight: 500;
  border-bottom: 1px solid #e3e4e9;
}

.categories-brand-tab-list.brand-tab-list-pink a.active {
  font-weight: 500;
}

.categories-brand-tab-list.brand-tab-list-pink a.active:before {
  background-color: #ff437d;
}

@media only screen and (max-width: 767px) {
  .categories-brand-tab-list.mb-70 {
    margin-bottom: 50px;
  }

  .categories-brand-tab-list.mb-90 {
    margin-bottom: 40px;
  }
}

.single-categories-brand a {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #777;
  border: 1px solid #ececec;
  padding: 30px 20px 30px 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories-brand a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .single-categories-brand a {
    font-size: 16px;
  }
}

.single-categories-brand a svg {
  min-width: 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories-brand a svg {
    min-width: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categories-brand a svg {
    min-width: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .single-categories-brand a svg {
    min-width: 45px;
  }
}

.single-categories-brand a svg g {
  min-width: 12px;
}

.single-categories-brand a svg g path {
  fill: #777;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-categories-brand a:hover {
  color: #0a1039;
}

.single-categories-brand a:hover svg path {
  fill: #0a1039;
}

.single-categories-brand.single-categories-padding a {
  padding: 30px 10px 30px 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories-brand.single-categories-padding a {
    padding: 30px 10px 30px 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categories-brand.single-categories-padding a {
    padding: 30px 20px 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .single-categories-brand.single-categories-padding a {
    padding: 30px 15px 30px 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-categories-brand.single-categories-padding a {
    padding: 30px 20px 30px 20px;
  }
}

.single-categories-brand.categories-brand-center a {
  text-align: center;
}

.categoriesa-top {
  padding: 54px 60px 0 104px;
  margin: 0 60px;
  width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categoriesa-top {
    margin: 0 30px;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categoriesa-top {
    margin: 0 0px;
    padding: 54px 20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .categoriesa-top {
    margin: 0 0px;
    padding: 40px 20px 40px 20px;
  }
}

.categories-search-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.categories-search-wrap .categories-dropdown-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 17%;
  -ms-flex: 0 0 17%;
  flex: 0 0 17%;
  max-width: 17%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categories-search-wrap .categories-dropdown-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .categories-search-wrap .categories-dropdown-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.categories-search-wrap
  .categories-dropdown-2
  .nice-select-style-2.nice-select {
  border: solid 1px #f3f3f3;
  font-size: 12px;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
}

.categories-search-wrap
  .categories-dropdown-2
  .nice-select-style-2.nice-select::after {
  margin-top: -1px;
  right: 25px;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

.categories-search-wrap .categories-dropdown-2 .nice-select-style-2 > ul {
  width: 100%;
}

.categories-search-wrap .search-wrap-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83%;
  -ms-flex: 0 0 83%;
  flex: 0 0 83%;
  max-width: 83%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categories-search-wrap .search-wrap-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .categories-search-wrap .search-wrap-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.categories-search-wrap .search-wrap-4 form .search-style-4 {
  position: relative;
}

.categories-search-wrap .search-wrap-4 form .search-style-4 input {
  background-color: #ffffff;
  height: 50px;
  border: solid 1px #f3f3f3;
  border-radius: 5px;
  color: #777777;
  font-size: 13px;
  padding: 2px 60px 2px 30px;
}

@media only screen and (max-width: 767px) {
  .categories-search-wrap .search-wrap-4 form .search-style-4 input {
    padding: 2px 60px 2px 25px;
  }
}

.categories-search-wrap .search-wrap-4 form .search-style-4 button {
  padding: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  font-size: 20px;
  color: #081348;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: transparent;
}

.categories-search-wrap .search-wrap-4 form .search-style-4 button:hover {
  color: #97d694;
}

.categories-brand-tab-list-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .categories-brand-tab-list-2 {
    margin-top: 20px;
  }
}

.categories-brand-tab-list-2 a {
  font-size: 16px;
  color: #777777;
  font-weight: 500;
  padding: 14px 26px 17px;
  position: relative;
  border-radius: 10px 10px 0 0px;
  display: inline-block;
  border-top: 5px solid transparent;
}

@media only screen and (max-width: 767px) {
  .categories-brand-tab-list-2 a {
    padding: 10px 15px 13px;
    font-size: 14px;
  }
}

.categories-brand-tab-list-2 a.active {
  background-color: #ffffff;
  color: #4aa036;
  border-top: 5px solid #87cf8c;
}

.single-categories-2 .categories-img-2 {
  overflow: hidden;
}

.single-categories-2 .categories-img-2 a {
  display: block;
}

.single-categories-2 .categories-img-2 a img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.single-categories-2 h4 {
  font-size: 16px;
  color: #777777;
  margin: 27px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories-2 h4 {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .single-categories-2 h4 {
    font-size: 14px;
    margin: 17px 0 0;
  }
}

.single-categories-2 h4 a {
  color: #777777;
}

.single-categories-2 h4 a:hover {
  color: #97d694;
}

.single-categories-2:hover .categories-img-2 a img {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

@media only screen and (max-width: 767px) {
  .single-categories-2.mb-70 {
    margin-bottom: 50px;
  }
}

.categories-btn a {
  display: inline-block;
  color: #222d39;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  background-color: #f5f5f5;
  padding: 19px 22px 22px;
  position: relative;
  z-index: 2;
}

.categories-btn a:hover {
  color: #ffffff;
}

.categori-slider-active .slick-list {
  margin-left: -25px;
  margin-right: -25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categori-slider-active .slick-list {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-slider-active .slick-list {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categori-slider-active .slick-list {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .categori-slider-active .slick-list {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.categori-slider-active .slick-list .categories-3-plr {
  padding-left: 25px;
  padding-right: 25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categori-slider-active .slick-list .categories-3-plr {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-slider-active .slick-list .categories-3-plr {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categori-slider-active .slick-list .categories-3-plr {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .categori-slider-active .slick-list .categories-3-plr {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.categori-slider-active
  .slick-list
  .categories-3-plr
  .single-categories-3
  .categories-img-3 {
  overflow: hidden;
}

.categori-slider-active
  .slick-list
  .categories-3-plr
  .single-categories-3
  .categories-img-3
  img {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.categori-slider-active .slick-list .categories-3-plr .single-categories-3 h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 18px 0 0;
}

.categori-slider-active
  .slick-list
  .categories-3-plr
  .single-categories-3
  h4
  a {
  color: #232953;
}

.categori-slider-active
  .slick-list
  .categories-3-plr
  .single-categories-3
  h4
  a:hover {
  color: #359043;
}

.categori-slider-active
  .slick-list
  .categories-3-plr
  .single-categories-3:hover
  .categories-img-3
  img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.categori-area {
  position: relative;
}

.categori-area .organic-position-1 {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img-2;
  animation-name: bounce-img-2;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  position: absolute;
  top: -100px;
  right: 20px;
  z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categori-area .organic-position-1 {
    top: -60px;
  }
}

@media only screen and (max-width: 767px) {
  .categori-area .organic-position-1 {
    top: -30px;
  }
}

.categori-area .organic-position-1 img {
  width: 195px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categori-area .organic-position-1 img {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .categori-area .organic-position-1 img {
    width: 100px;
  }
}

.categori-area .organic-position-2 {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img;
  animation-name: bounce-img;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: 9;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .categori-area .organic-position-2 {
    top: 35%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categori-area .organic-position-2 {
    top: 35%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-area .organic-position-2 {
    top: 35%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categori-area .organic-position-2 {
    top: 35%;
  }
}

@media only screen and (max-width: 767px) {
  .categori-area .organic-position-2 {
    top: 44%;
  }
}

.categori-area .organic-position-2 img {
  width: 207px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .categori-area .organic-position-2 img {
    width: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .categori-area .organic-position-2 img {
    width: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categori-area .organic-position-2 img {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .categori-area .organic-position-2 img {
    width: 50px;
  }
}

.categories-search-wrap-2 {
  background-color: #fff;
  padding: 30px 30px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}

@media only screen and (max-width: 767px) {
  .categories-search-wrap-2 {
    padding: 20px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .categories-menu {
    margin-bottom: 10px;
    text-align: center;
  }
}

.categories-menu nav ul li {
  display: inline-block;
  margin: 0 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categories-menu nav ul li {
    margin: 0 5px;
  }
}

@media only screen and (max-width: 767px) {
  .categories-menu nav ul li {
    margin: 0 5px;
  }
}

.categories-menu nav ul li a {
  font-size: 18px;
  font-weight: 500;
  color: #777777;
  display: inline-block;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .categories-menu nav ul li a {
    font-size: 15px;
  }
}

.categories-menu nav ul li a:hover {
  color: #62bc77;
}

.single-categories-4 {
  position: relative;
  overflow: hidden;
}

.single-categories-4 > a {
  display: block;
}

.single-categories-4 > a img {
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.single-categories-4 .categorie-content-4 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 32px;
}

.single-categories-4 .categorie-content-4 h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.single-categories-4 .categorie-content-4 h4 a {
  color: #777777;
}

.single-categories-4 .categorie-content-4 h4 a:hover {
  color: #ff437d;
}

.single-categories-4 .categorie-content-5 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 32px;
}

.single-categories-4 .categorie-content-5 h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories-4 .categorie-content-5 h4 {
    font-size: 14px;
  }
}

.single-categories-4 .categorie-content-5 h4 a {
  color: #081348;
}

.single-categories-4 .categorie-content-5 h4 a:hover {
  color: #333333;
}

.single-categories-4:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.single-categories-5 {
  border: 0.5px solid #f1f1f1;
  padding: 35px 10px;
  min-height: 165px;
  line-height: 70px;
}

.single-categories-5:hover {
  border: none;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.single-categories-5 .single-categories-5-img a {
  display: block;
  min-height: 60px;
}

@media only screen and (max-width: 541px) {
  .single-categories-5 .single-categories-5-img a img {
    width: 40px;
  }
}

.single-categories-5 .single-categories-5-img a svg path {
  fill: #d8d8d8;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-categories-5 .categorie-content-6 h4 {
  font-size: 16px;
  line-height: 1;
}

.single-categories-5 .categorie-content-6 h4 a {
  display: block;
  color: #333333;
}

.single-categories-5 .categorie-content-6 h4 a.color-light {
  color: #777;
}

.single-categories-5 .categorie-content-6 h4 a.color-light:hover {
  color: #0a1039;
}

.single-categories-5 .categorie-content-6 h4 a:hover {
  color: #0a1039;
}

.single-categories-5:hover .single-categories-5-img a svg path {
  fill: #0a1039;
}

.car-categories-wrap {
  margin: 75px 0 0 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .car-categories-wrap {
    margin: 75px 0 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .car-categories-wrap {
    margin: 75px 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .car-categories-wrap {
    margin: 60px 0 0 0px;
  }
}

.single-categories-6 {
  border: 1px solid #f3f3f3;
  padding: 25px 10px;
}

.single-categories-6 .single-categories-6-img a {
  display: block;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.single-categories-6 h4 {
  font-size: 16px;
  margin: 15px 0 0;
  line-height: 1;
}

.single-categories-6 h4 a {
  color: #081348;
}

.single-categories-6 h4 a:hover {
  color: #d02f3b;
}

.single-categories-6:hover .single-categories-6-img a {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running jello;
  animation: 900ms ease-in-out 0s normal none 1 running jello;
}

.fashion-categore-list-wrap {
  padding: 0 100px 100px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .fashion-categore-list-wrap {
    padding: 0 0px 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .fashion-categore-list-wrap {
    padding: 0 0px 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fashion-categore-list-wrap {
    padding: 0 0px 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fashion-categore-list-wrap {
    padding: 0 0px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .fashion-categore-list-wrap {
    padding: 0 0px 30px;
  }
}

.fashion-categore-list {
  margin-bottom: 83px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .fashion-categore-list {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .fashion-categore-list {
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fashion-categore-list {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fashion-categore-list {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .fashion-categore-list {
    margin-bottom: 15px;
  }
}

.fashion-categore-list ul li {
  display: block;
  margin-bottom: 40px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .fashion-categore-list ul li {
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .fashion-categore-list ul li {
    margin-bottom: 31px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fashion-categore-list ul li {
    margin-bottom: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fashion-categore-list ul li {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .fashion-categore-list ul li {
    margin-bottom: 15px;
  }
}

.fashion-categore-list ul li:last-child {
  margin-bottom: 0px;
}

.fashion-categore-list ul li a {
  display: block;
  font-size: 18px;
  color: #777777;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fashion-categore-list ul li a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fashion-categore-list ul li a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .fashion-categore-list ul li a {
    font-size: 16px;
  }
}

.fashion-categore-list ul li a:hover {
  color: #0a1039;
}

.fashion-categore-list-2 {
  background-color: #fafafa;
  padding: 69px 50px;
  max-height: 510px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .fashion-categore-list-2 {
    padding: 33px 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .fashion-categore-list-2 {
    padding: 33px 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fashion-categore-list-2 {
    padding: 40px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fashion-categore-list-2 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .fashion-categore-list-2 {
    margin-bottom: 30px;
    padding: 40px 20px;
  }
}

.fashion-categore-list-2 .fashion3-categori-title {
  margin: 0 0 56px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .fashion-categore-list-2 .fashion3-categori-title {
    margin: 0 0 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .fashion-categore-list-2 .fashion3-categori-title {
    margin: 0 0 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fashion-categore-list-2 .fashion3-categori-title {
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .fashion-categore-list-2 .fashion3-categori-title {
    margin: 0 0 20px;
  }
}

.fashion-categore-list-2 .fashion3-categori-title h3 {
  font-size: 18px;
  font-weight: bold;
}

.fashion-categore-list-2 ul li {
  margin-bottom: 42px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .fashion-categore-list-2 ul li {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .fashion-categore-list-2 ul li {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fashion-categore-list-2 ul li {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fashion-categore-list-2 ul li {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .fashion-categore-list-2 ul li {
    margin-bottom: 15px;
  }
}

.fashion-categore-list-2 ul li:last-child {
  margin-bottom: 0;
}

.fashion-categore-list-2 ul li a {
  color: #777777;
  font-size: 18px;
  display: block;
  padding-left: 55px;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .fashion-categore-list-2 ul li a {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .fashion-categore-list-2 ul li a {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fashion-categore-list-2 ul li a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .fashion-categore-list-2 ul li a {
    font-size: 16px;
  }
}

.fashion-categore-list-2 ul li a::before {
  position: absolute;
  content: "";
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  width: 20px;
  background-color: #d8d8d8;
  z-index: 2;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.fashion-categore-list-2 ul li a:hover {
  color: #333333;
}

.fashion-categore-list-2 ul li a:hover::before {
  background-color: #333333;
}

.single-categories-7 {
  position: relative;
  overflow: hidden;
}

.single-categories-7 a {
  display: block;
}

.single-categories-7 a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-categories-7 .categorie-content-7 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 26px;
}

.single-categories-7 .categorie-content-7 h4 {
  font-size: 18px;
  margin: 0;
  line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories-7 .categorie-content-7 h4 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .single-categories-7 .categorie-content-7 h4 {
    font-size: 16px;
  }
}

.single-categories-7 .categorie-content-7 h4 a {
  color: #333333;
}

.single-categories-7 .categorie-content-7 h4 a:hover {
  color: #6459ff;
}

.single-categories-7.categories-7-mrg1 {
  margin-top: -3px;
}

@media only screen and (max-width: 767px) {
  .single-categories-7.categories-7-mrg1 {
    margin-top: 0px;
  }
}

.single-categories-7.categories-7-mrg2 {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .single-categories-7.categories-7-mrg2 {
    margin-top: 0px;
    margin-bottom: 40px;
  }
}

.single-categories-7.categories-7-mrg3 {
  margin-top: -43px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categories-7.categories-7-mrg3 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-categories-7.categories-7-mrg3 {
    margin-top: 0px;
  }
}

.single-categories-7.categories-7-mrg4 {
  margin-top: -92px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories-7.categories-7-mrg4 {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categories-7.categories-7-mrg4 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-categories-7.categories-7-mrg4 {
    margin-top: 0px;
  }
}

.single-categories-7.categories-7-mrg5 {
  margin-top: 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories-7.categories-7-mrg5 {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categories-7.categories-7-mrg5 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-categories-7.categories-7-mrg5 {
    margin-top: 0px;
  }
}

.single-categories-7.categories-7-mrg6 {
  margin-top: -30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories-7.categories-7-mrg6 {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-categories-7.categories-7-mrg6 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-categories-7.categories-7-mrg6 {
    margin-top: 0px;
  }
}

.single-categories-7:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categories-area.pt-120 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .categories-area.pt-120 {
    padding-top: 30px;
  }
}

/*---------- 11. Services style ------------*/
.service-bg-color {
  margin-top: -110px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f7fff9),
    color-stop(22.5%, #f7fff9),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(left, #f7fff9, #f7fff9 22.5%, #fff 0%);
  background: -o-linear-gradient(left, #f7fff9, #f7fff9 22.5%, #fff 0%);
  background: linear-gradient(to right, #f7fff9, #f7fff9 22.5%, #fff 0%);
}

@media only screen and (max-width: 767px) {
  .service-bg-color {
    margin-top: -40px;
  }
}

.service-wrap {
  position: relative;
  z-index: 92;
}

.service-wrap svg {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.service-wrap svg.service-yellow-color path {
  fill: #eba866;
}

.service-wrap svg.service-yellow-color text tspan {
  fill: #eba866;
}

.service-wrap h3 {
  font-size: 18px;
  font-weight: bold;
  color: #060a27;
  margin: 32px 0 17px;
}

@media only screen and (max-width: 767px) {
  .service-wrap h3 {
    margin: 20px 0 17px;
  }
}

.service-wrap p {
  font-size: 15px;
  line-height: 30px;
  width: 78%;
}

.service-wrap p.service-peragraph-2 {
  margin: 0 auto;
  width: 80%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-wrap p.service-peragraph-2 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap p.service-peragraph-2 {
    width: 90%;
  }
}

.service-wrap p.service-peragraph-3 {
  margin: 0 auto;
  width: 50%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .service-wrap p.service-peragraph-3 {
    width: 75%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .service-wrap p.service-peragraph-3 {
    width: 77%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-wrap p.service-peragraph-3 {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-wrap p.service-peragraph-3 {
    width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap p.service-peragraph-3 {
    width: 86%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-wrap p {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-wrap p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap p {
    width: 100%;
  }
}

.service-wrap.service-wrap-ptb-1 {
  padding: 28px 5px 40px;
}

.service-wrap.service-wrap-ptb-2 {
  padding: 28px 5px 56px;
}

.service-wrap.service-wrap-ptb-3 {
  padding: 28px 5px 43px;
}

.service-wrap.service-bg-color-1 {
  background-color: #fff5f5;
}

.service-wrap.service-bg-color-2 {
  background-color: #f7fff1;
}

.service-wrap.service-bg-color-3 {
  background-color: #e6fffd;
}

.service-wrap.service-bg-color-4 {
  background-color: #f5f5ff;
}

.service-wrap:hover svg {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running jello;
  animation: 900ms ease-in-out 0s normal none 1 running jello;
}

.service-wrap.service-wrap-modify h3 {
  font-size: 17px;
  margin: 21px 0 27px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-wrap.service-wrap-modify h3 {
    margin: 21px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap.service-wrap-modify h3 {
    margin: 12px 0 12px;
  }
}

.service-wrap.service-wrap-modify p {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  color: #828495;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-wrap.service-wrap-modify p {
    width: 76%;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap.service-wrap-modify p {
    color: #333;
  }
}

.service-wrap.service-wrap-modify-2 h3 {
  font-size: 17px;
  color: #333;
  margin: 21px 0 22px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-wrap.service-wrap-modify-2 h3 {
    margin: 21px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap.service-wrap-modify-2 h3 {
    margin: 12px 0 12px;
  }
}

.service-wrap.service-automobile {
  padding: 60px 48px 55px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .service-wrap.service-automobile {
    padding: 60px 30px 55px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .service-wrap.service-automobile {
    padding: 40px 30px 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-wrap.service-automobile {
    padding: 40px 20px 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-wrap.service-automobile {
    padding: 20px 15px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap.service-automobile {
    padding: 20px 15px 15px;
  }
}

.service-wrap:hover.service-automobile {
  background-color: #fceeee;
}

@media only screen and (max-width: 767px) {
  .service-wrap.mb-65 {
    margin-bottom: 30px;
  }

  .service-wrap.mb-90 {
    margin-bottom: 40px;
  }
}

.services-banner-img {
  margin-right: -0px;
}

.services-banner-img img {
  width: 100%;
}

.service-border {
  position: relative;
}

.service-border:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  border: 1px solid #e6e7e8;
}

.service-border:last-child:before {
  display: none;
}

.service-wrap-2 .service-wrap-2-content {
  padding: 80px 30px 76px 50px;
  position: relative;
}

.service-wrap-2 .service-wrap-2-content::before {
  background-image: url(../../assets/images/icon-img/service-shape.png);
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0px;
  background-repeat: repeat;
  display: block;
  width: 100%;
  height: 9px;
  z-index: 9;
}

.service-wrap-2 .service-wrap-2-content::after {
  background-image: url(../../assets/images/icon-img/service-shape-2.png);
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0px;
  background-repeat: repeat;
  display: block;
  width: 100%;
  height: 7px;
  z-index: 9;
}

.service-wrap-2 .service-wrap-2-content h3 {
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 10px;
}

.service-wrap-2 .service-wrap-2-content p {
  font-size: 15px;
  line-height: 30px;
}

.service-wrap-2 .service-wrap-2-content.service2-bg-blue {
  background-color: #f2fcff;
}

.service-wrap-2 .service-wrap-2-content.service2-bg-blue h3 {
  color: #5696ff;
}

.service-wrap-2 .service-wrap-2-content.service2-bg-green {
  background-color: #ebfff7;
}

.service-wrap-2 .service-wrap-2-content.service2-bg-green h3 {
  color: #45d288;
}

.service-wrap-2 .service-wrap-2-content.service2-bg-pink {
  background-color: #fff8fd;
}

.service-wrap-2 .service-wrap-2-content.service2-bg-pink h3 {
  color: #e46bc0;
}

.service-wrap-2 .service-wrap-2-content.service2-bg-orange {
  background-color: #fffaf5;
}

.service-wrap-2 .service-wrap-2-content.service2-bg-orange h3 {
  color: #e39604;
}

@media only screen and (max-width: 767px) {
  .service-wrap-2 {
    margin-bottom: 50px;
  }

  .service-wrap-2 .service-wrap-2-img {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-wrap-2 {
    margin-bottom: 0px;
  }

  .service-wrap-2 .service-wrap-2-img {
    margin-bottom: 0px;
  }
}

.service-wrap-2:hover .service-wrap-2-img svg {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running jello;
  animation: 900ms ease-in-out 0s normal none 1 running jello;
}

.service-wrap-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-wrap-3.mb-85 {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-wrap-3.mb-85 {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap-3.mb-85 {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-wrap-3.mb-85 {
    margin-bottom: 50px;
  }
}

.service-wrap-3 .service-img-3 {
  min-width: 50px;
  height: 50px;
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-wrap-3 .service-img-3 {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-wrap-3 .service-img-3 {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap-3 .service-img-3 {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 769px) {
  .hotCatalogue .HcatalogueList .service-wrap-3 {
    height: 93px;
  }
}

.service-wrap-3 .service-img-3 svg {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.hotCatalogue .service-wrap-3 .service-content-3 h3 {
  line-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.service-wrap-3 .service-content-3 h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 50px !important;
}

.service-wrap-3 .service-content-3 p {
  font-size: 15px;
  line-height: 30px;
  width: 78%;
}

.HcatalogueList .service-wrap-3 .service-content-3 p {
  display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-wrap-3 .service-content-3 p {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-wrap-3 .service-content-3 p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap-3 .service-content-3 p {
    width: 100%;
  }
}

.service-wrap-3:hover .service-img-3 svg {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running jello;
  animation: 900ms ease-in-out 0s normal none 1 running jello;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area.pb-110 {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .service-area.pb-110 {
    padding-bottom: 20px;
  }

  .service-area.pb-100 {
    padding-bottom: 30px;
  }

  .service-area.pb-50 {
    padding-bottom: 20px;
  }

  .service-area.pt-100 {
    padding-top: 60px;
  }

  .service-area.service-kids-bg {
    background-position: 34%;
  }
}

/*---------- 12. Brand logo style ------------*/
.brand-logo-active .single-brand-logo,
.brand-logo-active-3 .single-brand-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.brand-logo-active .single-brand-logo img,
.brand-logo-active-3 .single-brand-logo img {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  max-width: 100%;
}

.brand-logo-active .single-brand-logo:hover img,
.brand-logo-active-3 .single-brand-logo:hover img {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running swing;
  animation: 900ms ease-in-out 0s normal none 1 running swing;
}

.brand-logo-active-2 .slick-list,
.brand-logo-active .slick-list,
.brand-logo-active-3 .slick-list {
  margin-left: -15px;
  margin-right: -15px;
}

.brand-logo-active-2 .slick-list .single-brand-plr,
.brand-logo-active .slick-list .single-brand-plr,
.brand-logo-active-3 .slick-list .single-brand-plr {
  padding-right: 15px;
  padding-left: 15px;
}

.brand-logo-active-2 .single-brand-logo img,
.brand-logo-active .single-brand-logo img,
.brand-logo-active-3 .single-brand-logo img {
  max-width: 100%;
}

.single-brand-logo-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}

.single-brand-logo-2 img {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.single-brand-logo-2:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.single-brand-logo-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #fafafa;
}

.single-brand-logo-3 img {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.single-brand-logo-3:hover {
  border: 1px solid #f1f1f1;
}

.single-brand-logo-3:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.fashion-3-brand-logo {
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .fashion-3-brand-logo {
    margin-right: 0px;
  }
}

.single-brand-logo-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.single-brand-logo-4 img {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.single-brand-logo-4:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.dot-style-7 .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

.dot-style-7 .slick-dots li {
  margin: 0 6px;
}

.dot-style-7 .slick-dots li button {
  border: none;
  padding: 0;
  background-color: #e5e5e5;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  font-size: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.dot-style-7 .slick-dots li.slick-active button {
  width: 23px;
  border-radius: 50px;
}

/*---------- 13. Blog style  ------------*/
.blog-wrap .blog-img {
  overflow: hidden;
}

.blog-wrap .blog-img a {
  display: block;
  height: 280px;
}

.blog-wrap .blog-img a img {
  width: 100%;
  height: 270px;
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap .blog-img.mb-35 {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap .blog-img.mb-35 {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-img.mb-35 {
    margin-bottom: 15px;
  }
}

.blog-wrap .blog-content h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 11px;
  line-height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.blog-wrap .blog-content h3 a {
  color: #333;
  font-size: 18px;
}

.blog-wrap .blog-content h3 a:hover {
  color: #0a1039;
}

.blog-wrap .blog-content span {
  font-size: 14px;
  color: #928f8f;
}

.blog-wrap .blog-content span.mrg-top-inc {
  margin-top: 7px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content span.mrg-top-inc {
    margin-top: 7px;
  }
}

.blog-wrap .blog-content p {
  font-size: 15px;
  line-height: 30px;
  margin: 15px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 90px;
}

@media only screen and (max-width: 767px) {
  .blog-wrap .blog-content p {
    margin: 7px 0 0;
  }
}

.blog-wrap:hover .blog-img a img {
  min-width: 440px;
  height: 210px;
  -webkit-transform: scale(1.08) rotate(5deg);
  -ms-transform: scale(1.08) rotate(5deg);
  transform: scale(1.08) rotate(5deg);
}

.blog-details-content .blog-details-img {
  position: relative;
}

.blog-details-content .blog-details-img img {
  width: 100%;
}

.blog-details-content h3 {
  font-size: 28px;
  margin: 35px 0 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-content h3 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-content h3 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-details-content h3 {
    font-size: 19px;
    line-height: 30px;
    margin: 10px 0 0px;
  }
}

.blog-details-content .blog-meta-5 {
  padding: 17px 0 12px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-meta-5 {
    padding: 10px 0 10px;
  }
}

.blog-details-content .blog-meta-5 ul li {
  font-size: 14px;
  color: #928f8f;
  display: inline-block;
  margin-right: 2px;
}

.blog-details-content p {
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 18px;
  font-weight: 400;
}

.blog-details-content .blog-dec-midle-content {
  margin: 38px 0 0;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-dec-midle-content {
    margin: 20px 0 0;
  }
}

.blog-details-content .blog-dec-midle-content img {
  width: 100%;
}

.blog-details-content .blog-dec-midle-content h3 {
  font-size: 28px;
  margin: 35px 0 18px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-content .blog-dec-midle-content h3 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-content .blog-dec-midle-content h3 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-dec-midle-content h3 {
    font-size: 19px;
    line-height: 30px;
    margin: 10px 0 0px;
  }
}

.blog-details-content .blog-dec-midle-content p {
  font-size: 15px;
  line-height: 30px;
  margin: 0 0 18px;
}

.blog-details-tag-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 46px 0 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
}

@media only screen and (max-width: 767px) {
  .blog-details-tag-social {
    margin: 25px 0 25px;
  }
}

.blog-details-tag-social .blog-details-tag ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.blog-details-tag-social .blog-details-tag ul li {
  color: #2f2f2f;
  margin-right: 3px;
}

.blog-details-tag-social .blog-details-tag ul li a {
  color: #2f2f2f;
}

.blog-details-tag-social .blog-details-tag ul li a:hover {
  color: #0a1039;
}

@media only screen and (max-width: 767px) {
  .blog-details-tag-social .blog-details-social {
    margin-top: 10px;
  }
}

.blog-details-tag-social .blog-details-social ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-details-tag-social .blog-details-social ul li {
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .blog-details-tag-social .blog-details-social ul li {
    margin-left: 4px;
  }
}

.blog-details-tag-social .blog-details-social ul li:first-child {
  margin-left: 0;
}

.blog-details-tag-social .blog-details-social ul li a {
  display: inline-block;
  color: #333;
  font-size: 14px;
}

.blog-details-tag-social .blog-details-social ul li a.facebook:hover {
  color: #3b5999;
}

.blog-details-tag-social .blog-details-social ul li a.twitter:hover {
  color: #55acee;
}

.blog-details-tag-social .blog-details-social ul li a.instagram:hover {
  color: #e4405f;
}

.blog-details-tag-social .blog-details-social ul li a.pinterest:hover {
  color: #b90f16;
}

.next-prev-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 17px;
  border-bottom: 1px solid #d8d8d8;
}

.next-prev-wrap .next-prev-conent > h4 {
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 7px;
  color: #1d1d1d;
}

@media only screen and (max-width: 767px) {
  .next-prev-wrap .next-prev-conent > h4 {
    font-size: 13px;
    margin: 0 0 3px;
    line-height: 25px;
  }
}

.next-prev-wrap .next-prev-conent > h4 a {
  color: #1d1d1d;
}

.next-prev-wrap .next-prev-conent > h4 a:hover {
  color: #0a1039;
}

.next-prev-wrap .next-prev-conent > a {
  color: #989898;
  font-size: 14px;
}

.next-prev-wrap .next-prev-conent > a:hover {
  color: #0a1039;
}

.next-prev-wrap .next-prev-conent.prev-wrap {
  text-align: right;
}

.blog-comments-area {
  margin: 35px 0 50px;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area {
    margin: 30px 0 30px;
  }
}

.blog-comments-area h4 {
  font-size: 24px;
  color: #2f2f2f;
  margin: 0 0 35px;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area h4 {
    margin: 0 0 20px;
  }
}

.blog-comments-area .blog-comments-wrap {
  border: 1px solid #d1d1d1;
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel {
  padding: 50px 50px 50px;
  border-bottom: 1px solid #d1d1d1;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area .blog-comments-wrap .single-blog-bundel {
    padding: 30px 20px 30px;
  }
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel:last-child {
  border-bottom: none;
}

.blog-comments-area
  .blog-comments-wrap
  .single-blog-bundel
  .single-blog-comment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area
    .blog-comments-wrap
    .single-blog-bundel
    .single-blog-comment {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .blog-comments-area
    .blog-comments-wrap
    .single-blog-bundel
    .single-blog-comment.ml-80 {
    margin-left: 0;
  }
}

.blog-comments-area
  .blog-comments-wrap
  .single-blog-bundel
  .single-blog-comment
  .blog-comment-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 94px;
  -ms-flex: 0 0 94px;
  flex: 0 0 94px;
  margin-right: 57px;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area
    .blog-comments-wrap
    .single-blog-bundel
    .single-blog-comment
    .blog-comment-img {
    margin-bottom: 10px;
  }
}

.blog-comments-area
  .blog-comments-wrap
  .single-blog-bundel
  .single-blog-comment
  .blog-comment-img
  img {
  width: 100%;
}

.blog-comments-area
  .blog-comments-wrap
  .single-blog-bundel
  .single-blog-comment
  .blog-comment-content
  p {
  font-size: 16px;
  color: #535353;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area
    .blog-comments-wrap
    .single-blog-bundel
    .single-blog-comment
    .blog-comment-content
    p {
    margin-bottom: 10px;
  }
}

.blog-comments-area
  .blog-comments-wrap
  .single-blog-bundel
  .single-blog-comment
  .blog-comment-content
  .comment-name-reply {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area
    .blog-comments-wrap
    .single-blog-bundel
    .single-blog-comment
    .blog-comment-content
    .comment-name-reply {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-comments-area
    .blog-comments-wrap
    .single-blog-bundel
    .single-blog-comment
    .blog-comment-content
    .comment-name-reply {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.blog-comments-area
  .blog-comments-wrap
  .single-blog-bundel
  .single-blog-comment
  .blog-comment-content
  .comment-name-reply
  h5 {
  color: #989898;
  font-size: 14px;
  margin: 0 20px 0 0;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area
    .blog-comments-wrap
    .single-blog-bundel
    .single-blog-comment
    .blog-comment-content
    .comment-name-reply
    h5 {
    line-height: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-comments-area
    .blog-comments-wrap
    .single-blog-bundel
    .single-blog-comment
    .blog-comment-content
    .comment-name-reply
    h5 {
    line-height: 1;
  }
}

.blog-comments-area
  .blog-comments-wrap
  .single-blog-bundel
  .single-blog-comment
  .blog-comment-content
  .comment-name-reply
  a {
  display: inline-block;
  line-height: 1;
  color: #2f2f2f;
}

.blog-comments-area
  .blog-comments-wrap
  .single-blog-bundel
  .single-blog-comment
  .blog-comment-content
  .comment-name-reply
  a:hover {
  color: #0a1039;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comment-form {
    margin-bottom: 50px;
  }

  .comment-form.mrg-none {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .comment-form {
    margin-bottom: 30px;
  }

  .comment-form.mrg-none {
    margin-bottom: 0;
  }
}

.comment-form > h3 {
  font-size: 24px;
  color: #2f2f2f;
  margin: 0 0 7px;
}

.comment-form p {
  font-size: 13px;
  color: #707070;
  margin: 0 0 45px;
}

@media only screen and (max-width: 767px) {
  .comment-form p {
    margin: 0 0 20px;
  }
}

.comment-form form .leave-form {
  margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
  .comment-form form .leave-form {
    margin: 0 0 15px;
  }
}

.comment-form form .leave-form input {
  background-color: transparent;
  height: 60px;
  color: #2f2f2f;
  border: 1px solid #d1d1d1;
  padding: 2px 20px;
}

@media only screen and (max-width: 767px) {
  .comment-form form .leave-form input {
    height: 50px;
  }
}

.comment-form form .leave-form input:focus {
  border: 1px solid #262626;
}

.comment-form form .leave-form textarea {
  background-color: transparent;
  height: 150px;
  color: #2f2f2f;
  padding: 20px 20px 2px 20px;
  border: 1px solid #d1d1d1;
}

.comment-form form .leave-form textarea:focus {
  border: 1px solid #262626;
}

.comment-form form .text-submit input {
  height: auto;
  border: none;
  display: inline-block;
  padding: 15px 45px;
  font-weight: bold;
  background-color: #1d1d1d;
  color: #fff;
  width: auto;
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
}

.comment-form form .text-submit input:hover {
  background-color: #0a1039;
}

.quote-content {
  background-color: #2f2f2f;
  padding: 50px 165px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .quote-content {
    padding: 50px 120px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .quote-content {
    padding: 50px 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quote-content {
    padding: 50px 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-content {
    padding: 40px 80px;
  }
}

@media only screen and (max-width: 767px) {
  .quote-content {
    padding: 40px 15px;
  }
}

.quote-content h5 {
  font-size: 16px;
  color: #fff;
  margin: 0 0 20px;
  line-height: 32px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .quote-content h5 {
    font-size: 16px;
    margin: 0 0 10px;
  }
}

.quote-content .blog-name span {
  font-weight: 500;
  color: #fff;
  display: inline-block;
  position: relative;
}

.quote-content .blog-name span:before {
  position: absolute;
  left: -45px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  width: 32px;
  height: 2px;
  content: "";
}

.quote-content .blog-name span:after {
  position: absolute;
  right: -45px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  width: 32px;
  height: 2px;
  content: "";
}

.quote-content.quote-content-mrg {
  margin: 40px 0 38px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-blog-wrap {
    margin-bottom: 50px;
  }

  .main-blog-wrap.mr-20 {
    margin-right: 0px;
  }

  .main-blog-wrap.ml-20 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .main-blog-wrap {
    margin-bottom: 50px;
  }

  .main-blog-wrap.mr-20 {
    margin-right: 0px;
  }

  .main-blog-wrap.ml-20 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-wrap.ml-20 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-details-wrap.ml-20 {
    margin-left: 0px;
  }
}

/*---------- 14. Footer style ------------*/
.footer-area {
  position: relative;
}

.footer-area.kids-footer {
  position: relative;
}

.footer-area.kids-footer::before {
  background-image: url(../../assets/images/icon-img/testimonial-shape-2.png);
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0px;
  background-repeat: repeat;
  display: block;
  width: 100%;
  height: 9px;
  z-index: 9;
}

.footer-area .dropdown-menu .divider {
  height: 1px;
  margin: 5px 0 !important;
  overflow: hidden;
  background-color: #e5e5e5;
}

.footer-widget .footer-info-list li .dropdown.footetDropdown {
}

.footer-widget .footer-info-list li .dropdown.footetDropdown > ul {
  margin: 1em 0 0 0;
  padding: 0;
  box-shadow: 0 4px 3px 1px #cecece;
}

.footer-widget .footer-info-list li .dropdown.footetDropdown > ul li {
  margin-bottom: 0;
}

.footer-widget .footer-info-list li .dropdown.footetDropdown > ul li a {
  padding: 10px 5px;
}

.footer-widget .footer-info-list li .dropdown.footetDropdown > ul li a:hover {
  color: #fff;
  transition: all 0.3s;
}

.footer-area .organic-footer-shape-top {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .footer-area .organic-footer-shape-top {
    top: -10px;
  }
}

.footer-area .organic-footer-shape-top img {
  width: 100%;
}

.footer-widget h3.footer-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget h3.footer-title {
    margin: 0 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget h3.footer-title {
    margin: 0 0 25px;
  }
}

.footer-widget h3.footer-title.footer-title-white {
  color: #ffffff;
}

.footer-widget h3.footer-title-2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget h3.footer-title-2 {
    margin: 0 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget h3.footer-title-2 {
    margin: 0 0 25px;
  }
}

.footer-widget h3.footer-title-3 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  margin: 0 0 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget h3.footer-title-3 {
    font-size: 19px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget h3.footer-title-3 {
    margin: 0 0 30px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget h3.footer-title-3 {
    margin: 0 0 25px;
    font-size: 20px;
  }
}

.footer-widget h3.footer-title-3.footer-title-3-black {
  color: #2b292d;
}

.footer-widget .footer-info-list ul li {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-info-list ul li {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-info-list ul li {
    margin-bottom: 17px;
  }
}

.footer-widget .footer-info-list ul li:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-info-list ul li a {
  font-size: 16px;
  color: #777;
  font-weight: 300;
  display: block;
  line-height: 1;
}

.footer-widget .footer-info-list ul li a:hover {
  color: #0a1039;
}

.footer-widget .footer-info-list.info-list-mrg-dec ul li {
  margin-bottom: 26px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-info-list.info-list-mrg-dec ul li {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-info-list.info-list-mrg-dec ul li {
    margin-bottom: 17px;
  }
}

.footer-widget .footer-info-list.info-list-mrg-dec ul li:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-info-list.info-list-mrg-dec ul li a {
  color: #828495;
}

.footer-widget .footer-info-list.info-list-mrg-dec ul li a:hover {
  color: #0a1039;
}

.footer-widget .footer-info-list.footer-info-list-white ul li a {
  color: #ffffff;
}

.footer-widget .footer-info-list.footer-info-list-white ul li a:hover {
  color: #0a1039;
}

.footer-widget .footer-info-list-2 ul li {
  margin-bottom: 26px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-info-list-2 ul li {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-info-list-2 ul li {
    margin-bottom: 17px;
  }
}

.footer-widget .footer-info-list-2 ul li:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-info-list-2 ul li a {
  color: #828495;
  font-size: 16px;
  font-weight: 300;
  display: block;
  line-height: 1;
}

.footer-widget .footer-info-list-2 ul li a:hover {
  color: #0a1039;
}

.footer-widget .footer-info-list-3 ul li {
  margin-bottom: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-info-list-3 ul li {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-info-list-3 ul li {
    margin-bottom: 17px;
  }
}

.footer-widget .footer-info-list-3 ul li:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-info-list-3 ul li a {
  color: #bebcfe;
  font-size: 18px;
  display: block;
  line-height: 1;
}

.footer-widget .footer-info-list-3 ul li a:hover {
  color: #0a1039;
}

.footer-widget .footer-info-list-3.footer-info-list-3-black ul li a {
  color: #777;
}

.footer-widget .footer-info-list-3.footer-info-list-3-black ul li a:hover {
  color: #0a1039;
}

.footer-widget .footer-connect p {
  color: #828495;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 9px;
}

.footer-widget .footer-connect a {
  color: #828495;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 7px;
  display: block;
}

.footer-widget .footer-connect a:hover {
  color: #0a1039;
}

.app-google-store {
  margin: 32px 0 0;
}

.app-google-store a {
  display: inline-block;
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .app-google-store a {
    margin-right: 2px;
  }
}

@media only screen and (max-width: 767px) {
  .app-google-store a {
    margin-right: 2px;
    margin-bottom: 5px;
  }
}

.app-google-store a:last-child {
  margin-right: 0;
}

.app-google-store a img {
  max-width: 100%;
}

.copyright p {
  color: #afafaf;
}

.copyright p a {
  color: #afafaf;
}

.copyright.copyright-ptb {
  padding: 23px 0 25px;
}

.footer-menu nav ul li {
  display: inline-block;
  margin-right: 17px;
}

.footer-menu nav ul li:last-child {
  margin-right: 0px;
}

.footer-menu nav ul li a {
  color: #2b292d;
  display: inline-block;
}

.footer-menu nav ul li a:hover {
  color: #0a1039;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-menu {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .footer-menu {
    text-align: center;
  }
}

.footer-menu.footer-menu-right {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .footer-menu.footer-menu-right {
    text-align: center;
  }
}

.footer-menu.footer-menu-right-blue nav ul li a {
  color: #9e9e9e;
}

.footer-menu.footer-menu-right-blue nav ul li a:hover {
  color: #eba866;
}

.footer-menu.footer-menu-right-white nav ul li a {
  color: #ffffff;
}

.footer-menu.footer-menu-right-white nav ul li a:hover {
  color: #0a1039;
}

.social-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.social-icon a {
  display: inline-block;
  margin-left: 30px;
  color: #cfcfcf;
  font-size: 16px;
}

.social-icon a:first-child {
  margin-left: 0px;
}

.social-icon a:hover {
  color: #0a1039;
}

.social-icon.social-icon-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .social-icon.social-icon-right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .social-icon.social-icon-right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.social-icon.social-icon-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.social-icon.social-icon-center a {
  font-size: 17px;
}

.social-icon.social-icon-white a {
  color: #fff;
}

.social-icon.social-icon-white a:hover {
  color: #0a1039;
}

.social-icon.fashion-1-social a {
  margin-left: 30px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .social-icon.fashion-1-social a {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .social-icon.fashion-1-social a {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .social-icon.fashion-1-social a {
    margin-left: 10px;
    font-size: 14px;
  }
}

.social-icon.fashion-1-social a:first-child {
  margin-left: 0px;
}

.copyright-ptb-2 {
  padding: 35px 0;
}

.copyright-2 p {
  color: #9e9e9e;
}

.copyright-2 p a {
  color: #9e9e9e;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-2 {
    padding: 8px 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .copyright-2 {
    padding: 10px 0;
    text-align: center;
  }
}

.copyright-2.copyright-2-white p {
  color: #ffffff;
}

.copyright-2.copyright-2-white p a {
  color: #ffffff;
}

.copyright-2.copyright-2-right p {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .copyright-2.copyright-2-right p {
    text-align: center;
  }
}

.footer-top-style-3 p {
  color: #828495;
  font-weight: 300;
  line-height: 28px;
  margin: 40px auto 37px;
  width: 35%;
  text-align: center;
}

.footer-top-style-3 p.white {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-top-style-3 p {
    width: 45%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top-style-3 p {
    width: 60%;
    margin: 20px auto 17px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-top-style-3 p {
    width: 100%;
    margin: 20px auto 17px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-top-style-3.pb-75 {
    padding-bottom: 45px;
  }
}

.footer-menu-2 {
  margin-top: 57px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-menu-2 {
    margin-top: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-menu-2 {
    margin-top: 27px;
  }
}

.footer-menu-2 nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-menu-2 nav ul li {
  display: inline-block;
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .footer-menu-2 nav ul li {
    margin-right: 20px;
  }
}

.footer-menu-2 nav ul li:last-child {
  margin-right: 0px;
}

.footer-menu-2 nav ul li a {
  color: #828495;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.footer-menu-2 nav ul li a:hover {
  color: #eba866;
}

.footer-menu-2.footer-menu-2-white nav ul li a {
  color: #ffffff;
}

.footer-menu-2.footer-menu-2-white nav ul li a:hover {
  color: #0a1039;
}

.copyright-ptb-3 {
  padding: 40px 0 43px;
}

@media only screen and (max-width: 767px) {
  .copyright-ptb-3 {
    padding: 20px 0 25px;
  }
}

.footer-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.footer-bg-shape img {
  width: 100%;
}

.footer-about p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  margin: 30px 0 50px;
  width: 74%;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-about p {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-about p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-about p {
    width: 100%;
    margin: 20px 0 20px;
  }
}

.footer-about.footer-about-black p {
  color: #777777;
  width: 77%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-about.footer-about-black p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-about.footer-about-black p {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-top.pb-110 {
    padding-bottom: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area.pt-115 {
    padding-top: 80px;
  }

  .footer-top.pb-110 {
    padding-bottom: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-area.pt-115 {
    padding-top: 50px;
  }

  .footer-area.pt-120 {
    padding-top: 60px;
  }

  .footer-top.pb-70 {
    padding-bottom: 20px;
  }

  .footer-top.pet-footer-top.pb-50 {
    padding-bottom: 10px;
  }
}

.pet-food-footer-1 {
  position: absolute;
  top: -40px;
  left: 0;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .pet-food-footer-1 {
    top: -10px;
  }
}

.pet-food-footer-1 img {
  width: 202px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pet-food-footer-1 img {
    width: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pet-food-footer-1 img {
    width: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pet-food-footer-1 img {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .pet-food-footer-1 img {
    width: 60px;
  }
}

.pet-food-footer-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pet-food-footer-2 {
    top: -20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pet-food-footer-2 {
    top: -20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pet-food-footer-2 {
    top: -20px;
  }
}

@media only screen and (max-width: 767px) {
  .pet-food-footer-2 {
    top: -20px;
  }
}

.pet-food-footer-2 img {
  width: 207px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pet-food-footer-2 img {
    width: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pet-food-footer-2 img {
    width: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pet-food-footer-2 img {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .pet-food-footer-2 img {
    width: 80px;
  }
}

.kids-2-footer-area {
  background-color: #5f3af5;
  position: relative;
}

.kids-2-footer-area::before {
  background-image: url(../../assets/images/icon-img/kids-2-footer-shape.png);
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0px;
  background-repeat: repeat;
  display: block;
  width: 100%;
  height: 26px;
  z-index: 9;
}

/*---------- 15. Subscribe style ------------*/
.subscribe-area {
  position: relative;
}

.subscribe-area .kids-subscribe-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.subscribe-area .kids-subscribe-shape img {
  width: 100%;
}

.subscribe-wrap p {
  font-weight: 300;
  color: #828495;
  line-height: 21px;
  margin: 16px 0 0;
}

.subscribe-wrap p.white {
  color: #fff;
}

.subscribe-form .subscribe-form-style > .mc-form {
  position: relative;
  overflow: hidden;
}

.subscribe-form .subscribe-form-style > .mc-form > input {
  color: #828495;
  font-weight: 300;
  border: none;
  height: 40px;
  padding: 2px 55px 2px 0;
  background-color: transparent;
  border-bottom: 1px solid #dcdcdc;
}

.subscribe-form
  .subscribe-form-style
  > .mc-form
  > input::-moz-input-placeholder {
  color: #828495;
  opacity: 1;
}

.subscribe-form
  .subscribe-form-style
  > .mc-form
  > input::-webkit-input-placeholder {
  color: #828495;
  opacity: 1;
}

.subscribe-form .subscribe-form-style > .mc-form .mc-news {
  display: none;
}

.subscribe-form .subscribe-form-style > .mc-form .clear {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 43px;
  height: 40px;
  border: none;
  padding: 0;
  z-index: 99;
  background: #262836 url("../../assets/images/icon-img/right-arrow.png")
    no-repeat scroll right 15px center;
}

.subscribe-form .subscribe-form-style > .mc-form .clear:hover {
  background: #0a1039 url("../../assets/images/icon-img/right-arrow.png")
    no-repeat scroll right 15px center;
}

.subscribe-form .subscribe-form-style > .mc-form .clear input {
  background-color: transparent;
  border: none;
  height: 40px;
}

.subscribe-form .subscribe-form-style > .mc-form .clear.yellow-arrow {
  background: #ffe600 url("../../assets/images/icon-img/right-arrow-black.png")
    no-repeat scroll right 15px center;
}

.subscribe-form .subscribe-form-style > .mc-form .clear.yellow-arrow:hover {
  background: #0a1039 url("../../assets/images/icon-img/right-arrow.png")
    no-repeat scroll right 15px center;
}

.subscribe-form .subscribe-form-style > .mc-form .clear.green-arrow {
  background: #359043 url("../../assets/images/icon-img/right-arrow.png")
    no-repeat scroll right 15px center;
}

.subscribe-form .subscribe-form-style > .mc-form .clear.green-arrow:hover {
  background: #0a1039 url("../../assets/images/icon-img/right-arrow.png")
    no-repeat scroll right 15px center;
}

.subscribe-form .subscribe-form-style > .mc-form .clear.brown-arrow {
  background: #cf7f39 url("../../assets/images/icon-img/right-arrow.png")
    no-repeat scroll right 15px center;
}

.subscribe-form .subscribe-form-style > .mc-form .clear.brown-arrow:hover {
  background: #333333 url("../../assets/images/icon-img/right-arrow.png")
    no-repeat scroll right 15px center;
}

.subscribe-form.subscribe-form-white .subscribe-form-style > .mc-form > input {
  color: #fff;
  border-bottom: 1px solid #dcdcdc;
}

.subscribe-form.subscribe-form-white
  .subscribe-form-style
  > .mc-form
  > input::-moz-input-placeholder {
  color: #fff;
  opacity: 1;
}

.subscribe-form.subscribe-form-white
  .subscribe-form-style
  > .mc-form
  > input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.subscribe-form.subscribe-form-white .subscribe-form-style > .mc-form .clear {
  background: #ffffff url("../../assets/images/icon-img/right-arrow-pink.png")
    no-repeat scroll right 15px center;
}

.subscribe-form.subscribe-form-white
  .subscribe-form-style
  > .mc-form
  .clear:hover {
  background: #0a1039 url("../../assets/images/icon-img/right-arrow.png")
    no-repeat scroll right 15px center;
}

.subscribe-form.subscribe-form-white
  .subscribe-form-style
  > .mc-form
  .clear
  input {
  background-color: transparent;
  border: none;
  height: 40px;
}

.subscribe-form-2 .subscribe-form-style-2 .mc-form-2 {
  position: relative;
}

.subscribe-form-2 .subscribe-form-style-2 .mc-form-2 input {
  background-color: transparent;
  border: 1px solid #686d7b;
  height: 57px;
  font-weight: 300;
  color: #afafaf;
  padding: 2px 160px 2px 25px;
}

@media only screen and (max-width: 767px) {
  .subscribe-form-2 .subscribe-form-style-2 .mc-form-2 input {
    padding: 2px 115px 2px 15px;
  }
}

.subscribe-form-2
  .subscribe-form-style-2
  .mc-form-2
  input::-moz-input-placeholder {
  color: #afafaf;
  opacity: 1;
}

.subscribe-form-2
  .subscribe-form-style-2
  .mc-form-2
  input::-webkit-input-placeholder {
  color: #afafaf;
  opacity: 1;
}

.subscribe-form-2 .subscribe-form-style-2 .mc-news-2 {
  display: none;
}

.subscribe-form-2 .subscribe-form-style-2 .clear-2 {
  position: absolute;
  top: 0;
  right: 0;
}

.subscribe-form-2 .subscribe-form-style-2 .clear-2 input {
  width: auto;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 2px 35px;
  background-color: #333333;
}

@media only screen and (max-width: 767px) {
  .subscribe-form-2 .subscribe-form-style-2 .clear-2 input {
    font-size: 15px;
    padding: 2px 15px;
  }
}

.subscribe-form-2
  .subscribe-form-style-2
  .clear-2
  input::-moz-input-placeholder {
  color: #fff;
  opacity: 1;
}

.subscribe-form-2
  .subscribe-form-style-2
  .clear-2
  input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.subscribe-form-2 .subscribe-form-style-2 .clear-2 input:hover {
  background-color: #0a1039;
}

.subscribe-form-2.subscribe-form-2-white
  .subscribe-form-style-2
  .mc-form-2
  input {
  border: 1px solid #fff;
  color: #fff;
}

.subscribe-form-2.subscribe-form-2-white
  .subscribe-form-style-2
  .mc-form-2
  input::-moz-input-placeholder {
  color: #fff;
  opacity: 1;
}

.subscribe-form-2.subscribe-form-2-white
  .subscribe-form-style-2
  .mc-form-2
  input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.subscribe-form-2.subscribe-form-2-white
  .subscribe-form-style-2
  .clear-2
  input {
  color: #62bc77;
  font-weight: bold;
  background-color: #ffffff;
  border: none;
}

.subscribe-form-2.subscribe-form-2-white
  .subscribe-form-style-2
  .clear-2
  input::-moz-input-placeholder {
  color: #62bc77;
  opacity: 1;
}

.subscribe-form-2.subscribe-form-2-white
  .subscribe-form-style-2
  .clear-2
  input::-webkit-input-placeholder {
  color: #62bc77;
  opacity: 1;
}

.subscribe-form-2.subscribe-form-2-white
  .subscribe-form-style-2
  .clear-2
  input.blue {
  color: #453fee;
}

.subscribe-form-2.subscribe-form-2-white
  .subscribe-form-style-2
  .clear-2
  input:hover {
  background-color: #0a1039;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-form-2.subscribe-form-2-white {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe-form-2.subscribe-form-2-white {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe-form-2.mt-30 {
    margin-top: 0px;
  }
}

.subscribe-form-2.subscribe-form-2-yellow
  .subscribe-form-style-2
  .mc-form-2
  input {
  border: 1px solid #f8e5a1;
  color: #888eb8;
}

.subscribe-form-2.subscribe-form-2-yellow
  .subscribe-form-style-2
  .mc-form-2
  input::-moz-input-placeholder {
  color: #888eb8;
  opacity: 1;
}

.subscribe-form-2.subscribe-form-2-yellow
  .subscribe-form-style-2
  .mc-form-2
  input::-webkit-input-placeholder {
  color: #888eb8;
  opacity: 1;
}

.subscribe-form-2.subscribe-form-2-yellow
  .subscribe-form-style-2
  .clear-2
  input {
  background-color: #eba866;
  color: #ffffff;
}

.subscribe-form-2.subscribe-form-2-yellow
  .subscribe-form-style-2
  .clear-2
  input::-moz-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.subscribe-form-2.subscribe-form-2-yellow
  .subscribe-form-style-2
  .clear-2
  input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.subscribe-form-2.subscribe-form-2-yellow
  .subscribe-form-style-2
  .clear-2
  input:hover {
  background-color: #0a1039;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-area.pt-120 {
    padding-top: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe-area.pb-115 {
    padding-bottom: 60px;
  }

  .subscribe-area.pb-130 {
    padding-bottom: 60px;
  }

  .subscribe-area.pb-95 {
    padding-bottom: 60px;
  }

  .subscribe-area.pt-120 {
    padding-top: 60px;
  }
}

/*-------- 16. Product details style ---------*/
.muSecond li a.meSec_collapse {
  position: relative;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.muSecond li a.meSec_collapse::after,
.muSecond li a.meSec_collapse.active.collapsed::after {
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.muSecond li a.meSec_collapse.active::after {
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.muSecond .collapse > ul li {
  margin-left: 15px;
  margin-bottom: 27px !important;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.modal-dialog.moadlOnRegister {
  width: 520px;
}

.modal-dialog {
  margin: 2% auto 8%;
  max-width: 960px;
  width: 960px;
  padding: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    width: 720px;
    max-width: 720px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 100%;
    max-width: 100%;
    padding: 35px 0;
  }
}

.modal-dialog .modal-header .close {
  color: #333;
  cursor: pointer;
  opacity: 1;
}

.modal-dialog .modal-body {
  padding: 35px 15px;
}

.modal-dialog .quickview-big-img img {
  width: 100%;
}

.quickview-img img {
  width: 100%;
  min-width: 355px;
  height: 455px;
}

@media only screen and (max-width: 767px) {
  .product-details-content {
    margin: 20px 0 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content {
    margin: 0px 0 0;
  }
}

.product-details-content h2 {
  font-size: 29px;
  font-weight: bold;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}

.product-details-content .product-ratting-review-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 16px 0 14px;
}

.product-details-content
  .product-ratting-review-wrap
  .product-ratting-digit-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 35px;
  position: relative;
}

.product-details-content
  .product-ratting-review-wrap
  .product-ratting-digit-wrap:before {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -18px;
  background-color: #bcbcbc;
  height: 15px;
  width: 1px;
}

.product-details-content
  .product-ratting-review-wrap
  .product-ratting-digit-wrap
  .product-ratting {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-details-content
  .product-ratting-review-wrap
  .product-ratting-digit-wrap
  .product-ratting
  i {
  font-size: 12px;
  color: #ffc107;
}

.product-details-content
  .product-ratting-review-wrap
  .product-ratting-digit-wrap
  .product-digit {
  margin-left: 18px;
}

.product-details-content
  .product-ratting-review-wrap
  .product-ratting-digit-wrap
  .product-digit
  span {
  font-size: 16px;
  color: #484848;
}

.product-details-content
  .product-ratting-review-wrap
  .product-review-order
  span {
  color: #6c6c6c;
  font-size: 16px;
  margin-right: 10px;
  min-width: 127px;
  display: inline-block;
}

.product-details-content
  .product-ratting-review-wrap
  .product-review-order
  span
  strong {
  margin-left: 10px;
}

.product-details-content
  .product-ratting-review-wrap
  .product-review-order
  span:last-child {
  margin-right: 0;
}

.product-details-content .product-ratting-review-wrap.product-ratting-mrg-none {
  margin: 33px 0 14px;
}

@media only screen and (max-width: 767px) {
  .product-details-content
    .product-ratting-review-wrap.product-ratting-mrg-none {
    margin: 15px 0 14px;
  }
}

.product-details-content p {
  font-size: 18px;
  line-height: 30px;
}

.product-details-content p.pro-dec-paragraph-1 {
  width: 70%;
}

@media only screen and (max-width: 767px) {
  .product-details-content p.pro-dec-paragraph-1 {
    width: 100%;
  }
}

.product-details-content p.pro-dec-paragraph-2 {
  width: 72%;
  margin: 15px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content p.pro-dec-paragraph-2 {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content p.pro-dec-paragraph-2 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content p.pro-dec-paragraph-2 {
    width: 100%;
  }
}

.product-details-content p.pro-dec-paragraph-3 {
  width: 75%;
  margin: 15px 0 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-details-content p.pro-dec-paragraph-3 {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-content p.pro-dec-paragraph-3 {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content p.pro-dec-paragraph-3 {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content p.pro-dec-paragraph-3 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content p.pro-dec-paragraph-3 {
    width: 100%;
  }
}

.product-details-content .pro-details-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 26px 0 25px;
}

.product-details-content .pro-details-price b {
  margin: 0 10px;
  font-size: 20px;
}

.product-details-content .pro-details-price span {
  font-size: 30px;
  font-weight: 500;
  color: #3a3a3a;
}

.product-details-content .pro-details-price span.old-price {
  text-decoration: line-through;
  font-size: 21px;
  font-weight: 300;
  color: #777777;
  margin-left: 20px;
}

.product-details-content .pro-details-price.pro-details-price-4 {
  margin: 0px 0 25px;
}

.product-details-content .pro-details-color-wrap {
  margin-bottom: 25px;
}

.product-details-content .pro-details-color-wrap span {
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: #777777;
  margin: 0 0 10px;
}

.product-details-content .pro-details-size {
  margin-bottom: 25px;
}

.product-details-content .pro-details-size span {
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: #777777;
  margin: 0 0 10px;
}

.product-details-content .pro-details-size .pro-details-size-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-details-content .pro-details-size .pro-details-size-content ul li {
  margin-right: 5px;
}

.product-details-content
  .pro-details-size
  .pro-details-size-content
  ul
  li:last-child {
  margin-right: 0;
}

.product-details-content .pro-details-size .pro-details-size-content ul li a {
  display: inline-block;
  font-size: 12px;
  color: #828495;
  border: 1px solid #e3e4e9;
  line-height: 1;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 29px;
}

.product-details-content
  .pro-details-size
  .pro-details-size-content
  ul
  li
  a:hover {
  background-color: #333333;
  color: #ffffff;
  border: 1px solid #333333;
}

.product-details-content .product-details-meta {
  margin: 20px 0 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content .product-details-meta {
    margin: 20px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .product-details-meta {
    margin: 20px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-meta {
    margin: 20px 0 20px;
  }
}

.product-details-content .product-details-meta ul li {
  margin: 0 0 16px;
}

.product-details-content .product-details-meta ul li:last-child {
}

.product-details-content .product-details-meta ul li span {
  display: inline-block;
  color: #545454;
}

.product-details-content .product-details-meta ul li a {
  color: #1c1c1c;
}

.product-details-content .product-details-meta ul li a:hover {
  color: #0a1039;
}

.product-details-content .pro-details-action-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-action-wrap {
    display: block;
  }
}

.product-details-content .pro-details-action-wrap.pro-details-action-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-details-content .pro-details-action-wrap .pro-details-buy-now {
  margin-right: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-action-wrap .pro-details-buy-now {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-action-wrap .pro-details-buy-now {
    margin-bottom: 20px;
  }
}

.product-details-content .pro-details-action-wrap .pro-details-buy-now a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  background-color: #333333;
  padding: 16px 50px 21px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-content .pro-details-action-wrap .pro-details-buy-now a {
    padding: 16px 30px 21px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content .pro-details-action-wrap .pro-details-buy-now a {
    padding: 16px 30px 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-action-wrap .pro-details-buy-now a {
    padding: 16px 30px 21px;
  }
}

.product-details-content .pro-details-action-wrap .pro-details-buy-now a:hover {
  background-color: #0a1039;
}

.product-details-content .pro-details-action-wrap .pro-details-action {
  position: relative;
}

.product-details-content .pro-details-action-wrap .pro-details-action > a {
  display: inline-block;
  font-size: 17px;
  line-height: 1;
  padding: 16px 18px 17px;
  color: #333333;
  border: 1px solid #ededed;
  margin-right: 15px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content .pro-details-action-wrap .pro-details-action > a {
    padding: 16px 15px 17px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-action-wrap .pro-details-action > a {
    padding: 16px 10px 17px;
    margin-right: 10px;
  }
}

.product-details-content
  .pro-details-action-wrap
  .pro-details-action
  > a:last-child {
  margin-right: 0px;
}

.product-details-content
  .pro-details-action-wrap
  .pro-details-action
  > a:hover {
  background-color: #0a1039;
  color: #ffffff;
}

.pro-details-quality span {
  display: block;
  font-size: 16px;
  font-weight: 300;
  color: #777777;
  margin: 0 0 10px;
}

.pro-details-quality .cart-plus-minus {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.pro-details-quality .cart-plus-minus .qtybutton {
  color: #8e8fa0;
  cursor: pointer;
  float: inherit;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  top: 0;
}

.pro-details-quality .cart-plus-minus .qtybutton.dec {
  height: 42px;
  width: 42px;
  line-height: 42px;
  border: 1px solid #e3e4e9;
  background-color: #fff;
}

.pro-details-quality .cart-plus-minus .qtybutton.inc {
  height: 42px;
  width: 42px;
  line-height: 42px;
  border: 1px solid #e3e4e9;
  right: 0px;
  background-color: #fff;
}

.pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
  /*background: transparent none repeat scroll 0 0;*/
  background-color: #fff;
  border-top: solid 1px #e3e4e9;
  border-bottom: solid 1px #e3e4e9;
  border-right: none;
  border-left: none;
  color: #3a3a3a;
  float: left;
  font-size: 16px;
  font-weight: bolder;
  height: 42px;
  margin: 0 20px;
  padding: 0 5px;
  text-align: center;
  width: 92px;
}

.pro-details-quality
  .cart-plus-minus
  input.cart-plus-minus-box.plus-minus-width-inc {
  width: 120px;
}

/*==== date ====*/

.pro-details-quality .date-plus-minus {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.pro-details-quality .date-plus-minus .qtybutton {
  color: #8e8fa0;
  cursor: pointer;
  float: inherit;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  top: 0;
}

.pro-details-quality .date-plus-minus .qtybutton.dec {
  height: 42px;
  width: 42px;
  line-height: 42px;
  border: 1px solid #e3e4e9;
  background-color: #fff;
}

.pro-details-quality .date-plus-minus .qtybutton.inc {
  height: 42px;
  width: 42px;
  line-height: 42px;
  border: 1px solid #e3e4e9;
  right: 0px;
  background-color: #fff;
}

.pro-details-quality .date-plus-minus input.date-plus-minus-box {
  /*background: transparent none repeat scroll 0 0;*/
  background-color: #fff;
  border-top: solid 1px #e3e4e9;
  border-bottom: solid 1px #e3e4e9;
  border-right: none;
  border-left: none;
  color: #3a3a3a;
  float: left;
  font-size: 16px;
  font-weight: bolder;
  height: 42px;
  margin: 0 20px;
  padding: 0 5px;
  text-align: center;
  width: 92px;
}

.pro-details-quality
  .date-plus-minus
  input.date-plus-minus-box.plus-minus-width-inc {
  width: 120px;
}

.pro-details-color-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pro-details-color-content ul li {
  margin-right: 5px;
  display: inline-block;
  width: 100%;
}

.pro-details-color-content ul li:last-child {
  margin-right: 0;
}

.pro-details-color-content ul li a {
  width: 31px;
  height: 31px;
  font-size: 0;
  display: inline-block;
  border: 1px solid #e3e4e9;
  position: relative;
}

.pro-details-color-content ul li a.active::before {
  color: #fff;
  content: "\eed8";
  font-family: IcoFont;
  font-size: 20px;
  position: absolute;
  z-index: 9;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.pro-details-color-content ul li a.white {
  background-color: #fff;
}

.pro-details-color-content ul li a.azalea {
  background-color: #fbbbbb;
}

.pro-details-color-content ul li a.dolly {
  background-color: #f3e66d;
}

.pro-details-color-content ul li a.peach-orange {
  background-color: #ffcc8a;
}

.pro-details-color-content ul li a.mona-lisa {
  background-color: #fb9696;
}

.pro-details-color-content ul li a.cupid {
  background-color: #f5a8de;
}

.pro-details-color-content ul li a.one {
  background-color: #d0ccf8;
}

.pro-details-color-content ul li a.two {
  background-color: #b6e3f6;
}

.pro-details-color-content ul li a.three {
  background-color: #d1d0ae;
}

.pro-details-color-content ul li a.four {
  background-color: #bed4a5;
}

.pro-details-color-content ul li a.five {
  background-color: #c4bb6c;
}

.pro-details-color-content ul li a.six {
  background-color: #a0d1b7;
}

.pro-details-color-content ul li a.seven {
  background-color: #e1a8a8;
}

.pro-details-color-content ul li a.eight {
  background-color: #b8bbd4;
}

.pro-details-color-content ul li a.nine {
  background-color: #a8a6b4;
}

.pro-details-color-content ul li a.ten {
  background-color: #5d6061;
}

@media only screen and (max-width: 767px) {
  .pro-details-color-content.mt-50 {
    margin-top: 20px;
  }
}

.pro-details-color-content.sidebar-widget-color {
  margin-left: 18px;
}

.pro-details-color-content.sidebar-widget-color.color-mrg-2 {
  margin-left: 0;
  margin-right: 45px;
}

.pro-details-color-content.sidebar-widget-color ul li a {
  width: 22px;
  height: 22px;
}

@media only screen and (max-width: 767px) {
  .pro-details-color-content.sidebar-widget-color.mt-45 {
    margin-top: 25px;
  }

  .pro-details-color-content.sidebar-widget-color.mt-50 {
    margin-top: 30px;
  }
}

.product-dec-social {
  position: absolute;
  bottom: -33px;
  right: -7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .product-dec-social {
    left: 0;
    right: auto;
  }
}

.product-dec-social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

.product-dec-social a.facebook {
  background-color: #5678bf;
}

.product-dec-social a.twitter {
  background-color: #73c2fd;
}

.product-dec-social a.instagram {
  background-color: #e4405f;
}

.product-dec-social a.pinterest {
  background-color: #c32026;
}

.product-dec-social.show {
  visibility: visible;
  opacity: 1;
  right: 15px;
}

.product-details-2-img {
  position: relative;
  padding-top: 90px;
  display: inline-block !important;
}

.product-details-2-img > img {
  position: relative;
  z-index: 5;
  max-width: 100%;
}

.product-details-2-img > a > img {
  position: relative;
  z-index: 5;
}

.product-details-2-img:before {
  position: absolute;
  content: "";
  width: 432px;
  height: 432px;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    color-stop(99%, #ebe8e4)
  );
  background: -webkit-linear-gradient(top, white 0%, #ebe8e4 99%);
  background: -o-linear-gradient(top, white 0%, #ebe8e4 99%);
  background: linear-gradient(180deg, white 0%, #ebe8e4 99%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-2-img:before {
    width: 332px;
    height: 332px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-2-img:before {
    top: 40px;
    width: 250px;
    height: 250px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-2-img:before {
    top: 40px;
    width: 350px;
    height: 350px;
  }
}

.product-details-2-img-wrap {
  position: relative;
}

.product-details-tab-large {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .product-details-tab-large.pt-40 {
    padding-top: 0px;
  }
}

.product-details-shape {
  position: absolute;
  top: 30%;
  left: 22%;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  z-index: 9;
}

.product-details-shape.pro-dec-shape1 {
  left: -11%;
}

.product-details-shape.pro-dec-shape3 {
  left: 14%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-details-shape {
    left: 11%;
  }

  .product-details-shape.pro-dec-shape3 {
    left: 7%;
  }

  .product-details-shape.pro-dec-shape1 {
    left: -5%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-shape {
    left: 11%;
  }

  .product-details-shape.pro-dec-shape3 {
    left: 7%;
  }

  .product-details-shape.pro-dec-shape1 {
    left: 5%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-shape {
    left: 8%;
  }

  .product-details-shape.pro-dec-shape3 {
    left: 7%;
  }

  .product-details-shape.pro-dec-shape1 {
    left: 3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-shape {
    left: 8%;
  }

  .product-details-shape.pro-dec-shape3 {
    left: 9%;
  }

  .product-details-shape.pro-dec-shape1 {
    left: 6%;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-shape {
    left: 3%;
  }

  .product-details-shape.pro-dec-shape3 {
    left: 6%;
  }

  .product-details-shape.pro-dec-shape1 {
    left: 3%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-shape {
    left: 7%;
  }

  .product-details-shape.pro-dec-shape3 {
    left: 9%;
  }

  .product-details-shape.pro-dec-shape1 {
    left: 4%;
  }
}

.product-details-shape img {
  width: 175px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-shape img {
    width: 130px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-shape img {
    width: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-shape img {
    width: 75px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-shape img {
    width: 130px;
  }
}

.product-details-mt {
  margin-top: 111px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-mt {
    margin-top: 86px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-mt {
    margin-top: 86px;
  }
}

.dec-review-topbar {
  border-bottom: 1px solid #f5f5f5;
}

.dec-review-topbar a {
  display: inline-block;
  font-size: 18px;
  color: #777777;
  padding: 0 30px 22px;
  margin: 0 14px 0 0;
  position: relative;
}

.dec-review-topbar a:last-child {
  margin: 0 0px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dec-review-topbar a {
    padding: 0 15px 22px;
    margin: 0 7px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .dec-review-topbar a {
    padding: 0 10px 10px;
    margin: 0 0px 10px 0;
    font-size: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dec-review-topbar a {
    padding: 0 7px 10px;
  }
}

.pro_FirstTit {
  position: relative;
  padding: 0 15px;
}

.pro_FirstTit::after {
  position: absolute;
  top: 17px;
  right: 1%;
  content: "";
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  width: 42%;
  height: 2px;
  background: #000;
}

.dec-review-topbar a:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #333333;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}

.dec-review-topbar a.active {
  color: #333;
  font-weight: bold;
}

.dec-review-topbar a.active:before {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 767px) {
  .dec-review-topbar.mb-65 {
    margin-bottom: 0px;
  }
}

.dec-review-topbar.dec-review-topbar-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: none;
}

.dec-review-bottom .description-wrap p {
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 30px;
  word-break: keep-all;
}

@media only screen and (max-width: 767px) {
  .dec-review-bottom .description-wrap p {
    font-size: 14px;
    margin: 0 0 20px;
    word-break: break-all;
  }
}

.dec-review-bottom .description-wrap p:last-child {
  margin: 0 0 0px;
}

.dec-review-bottom .specification-wrap table {
  width: 100%;
}

.dec-review-bottom .specification-wrap table tbody {
  border: 1px solid #f0f0f0;
  width: 100%;
}

.dec-review-bottom .specification-wrap table tbody tr {
  border-bottom: 1px solid #f0f0f0;
}

.dec-review-bottom .specification-wrap table tbody tr td {
  border-right: 1px solid #f0f0f0;
  font-size: 14px;
  color: #333333;
  padding: 17px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dec-review-bottom .specification-wrap table tbody tr td {
    padding: 17px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dec-review-bottom .specification-wrap table tbody tr td {
    padding: 17px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .dec-review-bottom .specification-wrap table tbody tr td {
    padding: 17px 15px;
  }
}

.dec-review-bottom .specification-wrap table tbody tr td.width1 {
  width: 300px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dec-review-bottom .specification-wrap table tbody tr td.width1 {
    width: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .dec-review-bottom .specification-wrap table tbody tr td.width1 {
    width: 100px;
  }
}

.dec-review-bottom .review-wrapper h2 {
  font-size: 25px;
  margin: 0 0 37px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dec-review-bottom .review-wrapper h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .dec-review-bottom .review-wrapper h2 {
    font-size: 18px;
    margin: 0 0 18px;
  }
}

.dec-review-bottom .single-review {
  margin: 0 0 30px;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.dec-review-bottom .single-review.admReviews {
  float: right;
  background: #f1f1f1;
}

.dec-review-bottom .ratting-form-wrapper {
  clear: both;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dec-review-bottom .single-review {
    padding: 50px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .dec-review-bottom .single-review {
    padding: 30px;
    display: block;
    margin: 0 0 30px;
  }
}

.dec-review-bottom .single-review .review-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60px;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
}

.dec-review-bottom .single-review .review-content {
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .dec-review-bottom .single-review .review-content {
    margin-left: 0px;
  }
}

.dec-review-bottom .single-review .review-content .review-top-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 33px;
}

@media only screen and (max-width: 767px) {
  .dec-review-bottom .single-review .review-content .review-top-wrap {
    display: block;
    margin: 10px 0 10px;
  }
}

.dec-review-bottom
  .single-review
  .review-content
  .review-top-wrap
  .review-name
  h5 {
  font-size: 12px;
  margin: 0;
  color: #535353;
}

.dec-review-bottom
  .single-review
  .review-content
  .review-top-wrap
  .review-name
  h5
  span {
  font-weight: bold;
  font-size: 14px;
  color: #262626;
}

.dec-review-bottom
  .single-review
  .review-content
  .review-top-wrap
  .review-rating {
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .dec-review-bottom
    .single-review
    .review-content
    .review-top-wrap
    .review-rating {
    margin: 10px 0 0px;
  }
}

.dec-review-bottom
  .single-review
  .review-content
  .review-top-wrap
  .review-rating
  i {
  font-size: 14px;
  color: #d5d6d8;
}

.dec-review-bottom
  .single-review
  .review-content
  .review-top-wrap
  .review-rating
  i.yellow {
  color: #f5b223;
}

.dec-review-bottom .single-review .review-content p {
  font-size: 16px;
  color: #535353;
  line-height: 30px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .dec-review-bottom .single-review .review-content p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .dec-review-bottom .single-review.pro-details-9-single-review {
    padding: 50px 12px;
  }
}

.dec-review-bottom .ratting-form-wrapper > span {
  display: block;
  line-height: 1;
}

.dec-review-bottom .ratting-form-wrapper p {
  font-size: 12px;
  margin: 9px 0 0;
  color: #535353;
}

.dec-review-bottom .ratting-form-wrapper p span {
  color: red;
}

.dec-review-bottom .ratting-form-wrapper .ratting-form {
  margin: 30px 0 0;
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 16px 0 29px;
}

.dec-review-bottom
  .ratting-form-wrapper
  .ratting-form
  .star-box-wrap
  .single-ratting-star {
  margin-right: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dec-review-bottom
  .ratting-form-wrapper
  .ratting-form
  .star-box-wrap
  .single-ratting-star
  a {
  color: #535353;
}

.dec-review-bottom
  .ratting-form-wrapper
  .ratting-form
  .star-box-wrap
  .single-ratting-star:hover
  i {
  color: #f5b223;
}

.dec-review-bottom
  .ratting-form-wrapper
  .ratting-form
  .rating-form-style
  label {
  margin: 0 0 5px;
  color: #535353;
}

.dec-review-bottom
  .ratting-form-wrapper
  .ratting-form
  .rating-form-style
  label
  span {
  color: red;
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style input,
.dec-review-bottom
  .ratting-form-wrapper
  .ratting-form
  .rating-form-style
  textarea {
  background: transparent;
  border: 1px solid #cdcdcd;
  height: 50px;
  padding: 5px 10px;
}

.dec-review-bottom
  .ratting-form-wrapper
  .ratting-form
  .rating-form-style
  input:focus,
.dec-review-bottom
  .ratting-form-wrapper
  .ratting-form
  .rating-form-style
  textarea:focus {
  border: 1px solid #262626;
}

.dec-review-bottom
  .ratting-form-wrapper
  .ratting-form
  .rating-form-style
  textarea {
  height: 150px;
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit {
  margin-top: 20px;
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit input {
  padding: 10px 35px;
  line-height: 30px;
  color: #fff;
  border-width: 0;
  font-weight: 600;
  display: inline-block;
  width: auto;
  height: auto;
  letter-spacing: 2px;
  font-size: 12px;
  text-transform: uppercase;
  background: #262626;
}

.dec-review-bottom
  .ratting-form-wrapper
  .ratting-form
  .form-submit
  input:hover {
  background: #0a1039;
}

.product-details-content-3 {
  padding: 120px 30px 0 145px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-details-content-3 {
    padding: 80px 30px 0 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-content-3 {
    padding: 80px 30px 0 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content-3 {
    padding: 70px 30px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content-3 {
    padding: 30px 30px 30px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content-3 {
    padding: 10px 15px 0px 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content-3 {
    padding: 30px 30px 0px 30px;
  }
}

.product-details-3-img-slider img {
  display: inline-block;
}

.dot-style-8 .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 22px;
  left: 22%;
}

@media only screen and (max-width: 767px) {
  .dot-style-8 .slick-dots {
    left: 7%;
  }
}

.dot-style-8 .slick-dots li {
  margin: 0 3px;
}

.dot-style-8 .slick-dots li button {
  border: none;
  padding: 0;
  background-color: #e5e5e5;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  font-size: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.dot-style-8 .slick-dots li.slick-active button {
  width: 34px;
  border-radius: 50px;
}

.product-details-content-4 {
  margin-left: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content-4 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content-4 {
    margin-left: 0px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content-4 {
    margin-left: 0px;
  }
}

.product-details-top-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-top-content {
    display: block;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-top-content {
    display: block;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-top-content {
    display: block;
    margin-bottom: 30px;
  }
}

.product-dec-left {
  width: 85%;
  float: left;
  padding-right: 26px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-left {
    width: 83%;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-left {
    width: 75%;
    padding-right: 20px;
  }
}

.product-dec-right {
  width: 15%;
  float: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-right {
    width: 17%;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-right {
    width: 25%;
  }
}

.product-big-img-style .easyzoom-style .easyzoom {
  display: block;
}

.product-big-img-style .easyzoom-style .easyzoom > a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.product-big-img-style .easyzoom-style .easyzoom > a img {
  width: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.product-small-img-style .slick-list .product-dec-small {
  margin-bottom: 20px;
}

.product-small-img-style .slick-list .product-dec-small img {
  cursor: pointer;
}

.product-details-slider-5-active .slick-list {
  padding: 0 184px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-slider-5-active .slick-list {
    padding: 0 120px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-slider-5-active .slick-list {
    padding: 0 50px;
  }
}

.product-details-slider-5-active .slick-list .single-pro-details-slider-5 {
  margin: 0px 15px 0px 15px;
}

.product-details-slider-5-active .slick-list .single-pro-details-slider-5 img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .product-details-slider-5-active.pb-100 {
    padding-bottom: 20px;
  }
}

.description-review-wrapper .pro-dec-accordion {
  padding: 0 0 43px;
}

.description-review-wrapper .pro-dec-accordion:last-child {
  padding: 0 0 0px;
}

.description-review-wrapper .pro-dec-accordion .panel-heading h4 {
  margin: 0;
  font-size: 18px;
}

.description-review-wrapper .pro-dec-accordion .panel-heading h4 a {
  display: block;
  position: relative;
  text-transform: capitalize;
  padding: 0px 0 0px 30px;
  color: #333333;
  font-weight: bold;
}

.description-review-wrapper .pro-dec-accordion .panel-heading h4 a::after {
  content: "\ef9a";
  color: #262626;
  font-family: IcoFont;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  font-weight: normal;
  color: #d1a868;
}

.description-review-wrapper .pro-dec-accordion .panel-heading h4 a.collapsed {
  color: #777777;
  font-weight: 400;
}

.description-review-wrapper
  .pro-dec-accordion
  .panel-heading
  h4
  a.collapsed:hover {
  color: #0a1039;
}

.description-review-wrapper
  .pro-dec-accordion
  .panel-heading
  h4
  a.collapsed::after {
  content: "\efc2";
  color: #484848;
}

.description-review-wrapper .pro-dec-accordion .panel-body {
  padding: 34px 0 0px 30px;
}

.description-review-wrapper.product-details-5-wrap {
  margin: 0 0 0 37px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .description-review-wrapper.product-details-5-wrap {
    margin: 0 0 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-wrapper.product-details-5-wrap {
    margin: 50px 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-wrapper.product-details-5-wrap {
    margin: 50px 0 0 0px;
  }
}

.product-details-content-5 {
  border-right: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content-5 {
    border: none;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content-5 {
    border: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content-5 {
    margin-top: 20px;
  }
}

.product-details-content-6 {
  margin: 0 0 0 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-content-6 {
    margin: 0 0 0 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content-6 {
    margin: 0 0 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content-6 {
    margin: 0 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content-6 {
    margin: 30px 0 0 0px;
  }
}

.pro-details-6-img {
  margin-right: -30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pro-details-6-img {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-details-6-img {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .pro-details-6-img {
    margin-right: 0px;
  }
}

.pro-details-6-img img {
  width: 100%;
}

.pro-details-7-img img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .pro-details-7-img.mt-75 {
    margin-top: 15px;
  }
}

.product-details-content-7 {
  -webkit-box-shadow: 0 10px 20px rgba(3, 9, 25, 0.04);
  box-shadow: 0 10px 20px rgba(3, 9, 25, 0.04);
  padding: 135px 60px 120px 70px;
  margin-right: 15px;
  margin-top: -80px;
  position: relative;
  z-index: 9;
  background-color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content-7 {
    padding: 135px 20px 120px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content-7 {
    margin-top: -50px;
    margin-right: 0px;
    padding: 100px 20px 100px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content-7 {
    margin-top: -10px;
    margin-right: 0px;
    padding: 60px 15px 60px 15px;
  }
}

.product-details-content-8 {
  -webkit-box-shadow: 0 10px 20px rgba(3, 9, 25, 0.04);
  box-shadow: 0 10px 20px rgba(3, 9, 25, 0.04);
  padding: 112px 100px 120px 100px;
  margin-top: -80px;
  position: relative;
  z-index: 9;
  background-color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content-8 {
    margin-top: -50px;
    padding: 112px 20px 120px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content-8 {
    margin-top: -10px;
    padding: 60px 15px 48px 15px;
  }
}

.product-details-7-wrap {
  margin: 80px 0 0 40px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-details-7-wrap {
    margin: 80px 0 0 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-7-wrap {
    margin: 80px 0 0 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-7-wrap {
    margin: 80px 0 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-7-wrap {
    margin: 80px 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-7-wrap {
    margin: 50px 0 0 0px;
  }
}

.product-details-meta-2 {
  margin: 22px 0 80px 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-meta-2 {
    margin: 22px 0 50px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-meta-2 {
    margin: 22px 0 27px 0px;
  }
}

.product-details-meta-2 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-meta-2 ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-meta-2 ul {
    display: block;
  }
}

.product-details-meta-2 ul li {
  margin-right: 85px;
}

.product-details-meta-2 ul li:last-child {
  margin-right: 0px;
}

.product-details-meta-2 ul li span {
  display: inline-block;
  color: #545454;
  width: 85px;
}

.product-details-meta-2 ul li a {
  color: #1c1c1c;
}

.product-details-meta-2 ul li a:hover {
  color: #0a1039;
}

.pro-details-9-img img {
  width: 100%;
}

.pro-details-9-2-img {
  margin-left: -10px;
}

.pro-details-9-2-img img {
  width: 100%;
}

.product-details-content-9 {
  margin: 0 0 0 100px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-details-content-9 {
    margin: 0 0 0 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-content-9 {
    margin: 0 0 0 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content-9 {
    margin: 30px 0 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content-9 {
    margin: 30px 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content-9 {
    margin: 30px 0 0 0px;
  }
}

.description-review-wrapper-9 {
  margin-right: 105px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .description-review-wrapper-9 {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .description-review-wrapper-9 {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .description-review-wrapper-9 {
    margin-right: 0px;
    margin-top: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-wrapper-9 {
    margin-right: 0px;
    margin-top: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-wrapper-9 {
    margin-right: 0px;
    margin-top: 35px;
  }
}

.pro-details-9-3-img img {
  width: 100%;
}

.product-details-9-middle {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media only screen and (max-width: 767px) {
  .product-details-9-middle {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.pro-details-img-zoom {
  overflow: hidden;
}

.pro-details-img-zoom img {
  min-width: 600px;
  height: 600px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.pro-details-img-zoom:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.main-product-details-content {
  -webkit-box-shadow: 0 10px 20px rgba(3, 9, 25, 0.04);
  box-shadow: 0 10px 20px rgba(3, 9, 25, 0.04);
  background-color: #fff;
  padding: 68px 60px 103px 60px;
  margin-top: 67px;
  margin-left: 20px;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-product-details-content {
    padding: 68px 30px 103px 30px;
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-product-details-content {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .main-product-details-content {
    margin-left: 0px;
    margin-top: 37px;
    padding: 48px 15px 50px 15px;
    -webkit-box-shadow: 0 10px 20px rgba(3, 9, 25, 0.06);
    box-shadow: 0 10px 20px rgba(3, 9, 25, 0.06);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-product-details-content {
    margin-top: 17px;
  }
}

.product-details-bg {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fbfbfb),
    color-stop(88.2%, #fbfbfb),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(top, #fbfbfb, #fbfbfb 88.2%, #fff 0%);
  background: -o-linear-gradient(top, #fbfbfb, #fbfbfb 88.2%, #fff 0%);
  background: linear-gradient(to bottom, #fbfbfb, #fbfbfb 88.2%, #fff 0%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-bg {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#fbfbfb),
      color-stop(91.2%, #fbfbfb),
      color-stop(0%, #fff)
    );
    background: -webkit-linear-gradient(top, #fbfbfb, #fbfbfb 91.2%, #fff 0%);
    background: -o-linear-gradient(top, #fbfbfb, #fbfbfb 91.2%, #fff 0%);
    background: linear-gradient(to bottom, #fbfbfb, #fbfbfb 91.2%, #fff 0%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-bg {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#fbfbfb),
      color-stop(44.5%, #fbfbfb),
      color-stop(0%, #fff)
    );
    background: -webkit-linear-gradient(top, #fbfbfb, #fbfbfb 44.5%, #fff 0%);
    background: -o-linear-gradient(top, #fbfbfb, #fbfbfb 44.5%, #fff 0%);
    background: linear-gradient(to bottom, #fbfbfb, #fbfbfb 44.5%, #fff 0%);
  }
}

@media only screen and (max-width: 767px) {
  .product-details-bg {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#fbfbfb),
      color-stop(42.6%, #fbfbfb),
      color-stop(0%, #fff)
    );
    background: -webkit-linear-gradient(top, #fbfbfb, #fbfbfb 42.6%, #fff 0%);
    background: -o-linear-gradient(top, #fbfbfb, #fbfbfb 42.6%, #fff 0%);
    background: linear-gradient(to bottom, #fbfbfb, #fbfbfb 42.6%, #fff 0%);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-bg {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#fbfbfb),
      color-stop(43.9%, #fbfbfb),
      color-stop(0%, #fff)
    );
    background: -webkit-linear-gradient(top, #fbfbfb, #fbfbfb 43.9%, #fff 0%);
    background: -o-linear-gradient(top, #fbfbfb, #fbfbfb 43.9%, #fff 0%);
    background: linear-gradient(to bottom, #fbfbfb, #fbfbfb 43.9%, #fff 0%);
  }
}

.product-details-tab-small {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 37px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-tab-small {
    margin-top: 17px;
  }
}

.product-details-tab-small a {
  display: block;
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-tab-small a {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-tab-small a {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

.product-details-tab-small a img {
  width: 100%;
}

.pro-details-9-4-img img {
  max-width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-area.pt-120 {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content-mrg {
    margin-top: 40px;
  }

  .product-details-area.pt-40 {
    padding-top: 0;
  }

  .product-details-area.pt-50 {
    padding-top: 0;
  }

  .product-details-area.pt-120 {
    padding-top: 80px;
  }

  .product-details-area.pb-95 {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content-mrg {
    margin-top: 30px;
  }

  .product-details-area.pt-40 {
    padding-top: 0;
  }

  .product-details-area.pt-50 {
    padding-top: 0;
  }

  .product-details-area.pt-120 {
    padding-top: 30px;
  }

  .product-details-area.pb-95 {
    padding-bottom: 50px;
  }
}

/*---------- 17. Instagram style ------------*/
.instagram-wrap-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}

.instagram-wrap-1 .single-instafeed-wrap {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333%;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

.single-instafeed {
  list-style: none;
  overflow: hidden;
}

.single-instafeed a {
  display: block;
}

.single-instafeed a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.single-instafeed:hover a img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.automobile-instafeed-mrg {
  margin-top: -56px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .automobile-instafeed-mrg {
    margin-top: -30px;
  }
}

@media only screen and (max-width: 767px) {
  .automobile-instafeed-mrg {
    margin-top: 0px;
  }
}

.mega-fashion-instagram {
  padding: 0 15px;
}

@media only screen and (max-width: 767px) {
  .mega-fashion-instagram {
    padding: 0 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .instagram-feed-area.mr-40 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .instagram-feed-area.mr-40 {
    margin-right: 0;
  }

  .instagram-area.pt-120 {
    padding-top: 60px;
  }

  .instagram-area.pb-115 {
    padding-bottom: 30px;
  }
}

/*---------- 18. Testimonial style ------------*/
.testimonial-active .slick-list {
  padding-right: 100%;
  margin-right: -100%;
  margin-left: -20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-active .slick-list {
    margin-right: -25%;
    padding-right: 40%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-active .slick-list {
    margin-right: -25%;
    padding-right: 40%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-active .slick-list {
    margin-right: -25%;
    padding-right: 40%;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-active .slick-list {
    margin-left: -15px;
  }
}

.testimonial-active .slick-list .testimonial-plr-1 {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .testimonial-active .slick-list .testimonial-plr-1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-active.pl-70 {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-active.pl-70 {
    padding-left: 0;
  }
}

.single-testimonial {
  background-color: #fff;
  padding: 47px 30px 46px 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial {
    padding: 47px 30px 46px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial {
    padding: 47px 30px 46px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial {
    padding: 47px 20px 46px 20px;
  }
}

.single-testimonial .testi-rating-quotes-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.single-testimonial .testi-rating-quotes-icon .testi-rating i {
  color: #ffb300;
  font-size: 12px;
}

.single-testimonial p {
  color: #828495;
  font-size: 16px;
  line-height: 28px;
  margin: 27px 0 42px;
}

@media only screen and (max-width: 767px) {
  .single-testimonial p {
    font-size: 15px;
    margin: 27px 0 25px;
  }
}

.single-testimonial p span {
  color: #262626;
  font-weight: 500;
}

.single-testimonial .client-info-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-testimonial .client-info-wrap .client-img {
  margin-right: 20px;
}

.single-testimonial .client-info-wrap .client-info h3 {
  font-size: 18px;
  color: #222222;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 7px;
}

.single-testimonial .client-info-wrap .client-info span {
  font-size: 14px;
  color: #bbbbbb;
}

.single-testimonial.single-testimonial-modify {
  background-color: #fdfdfd;
  margin-left: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial.single-testimonial-modify {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial.single-testimonial-modify {
    margin-left: 0px;
  }
}

.single-testimonial.single-testimonial-modify > p {
  color: #828495;
  margin: 53px 0 53px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial.single-testimonial-modify > p {
    margin: 33px 0 33px;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial.single-testimonial-modify > p {
    margin: 33px 0 33px;
  }
}

.single-testimonial.single-testimonial-modify > p span {
  color: #359043;
  font-weight: bold;
}

.single-testimonial.single-testimonial-gray-bg.slick-current {
  background-color: #fafafa;
}

.single-testimonial.single-testimonial-brown-bg.slick-current {
  background-color: #fdfaf4;
}

.testimonial-active-2 .slick-list {
  padding-right: 650px;
  margin-right: -20px;
  margin-left: -20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .testimonial-active-2 .slick-list {
    padding-right: 350px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-active-2 .slick-list {
    padding-right: 300px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-active-2 .slick-list {
    padding-right: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-active-2 .slick-list {
    padding-right: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-active-2 .slick-list {
    padding-right: 0px;
    margin-right: -15px;
    margin-left: -15px;
  }
}

.testimonial-active-2 .slick-list .testimonial-plr-2 {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .testimonial-active-2 .slick-list .testimonial-plr-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.testimonial-img-slider {
  position: relative;
  padding-top: 19px;
}

.testimonial-img-slider img {
  width: 100%;
}

.testimonial-img-slider .testimonial-img-slider-icon {
  position: absolute;
  right: 22px;
  top: 0;
}

.testimonial-img-slider .testimonial-img-slider-icon svg.icon-black path {
  fill: #262836;
}

.single-testimonial-2 .testimonial-img-slider-icon-3 {
  margin-bottom: 22px;
  margin-top: 28px;
}

.single-testimonial-2 h4 {
  color: #222d39;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
}

.single-testimonial-2 p {
  line-height: 30px;
  font-size: 15px;
  margin: 16px 0 18px;
  width: 59%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-2 p {
    width: 100%;
    margin: 16px 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-2 p {
    width: 100%;
    margin: 16px 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-2 p {
    width: 100%;
    margin: 16px 0 10px;
  }
}

.single-testimonial-2 .client-info-2 .testi-rating-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.single-testimonial-2 .client-info-2 .testi-rating-2 i {
  color: #df9a24;
  font-size: 12px;
}

.single-testimonial-2 .client-info-2 h3 {
  font-size: 12px;
  font-weight: 600;
  color: #0a1039;
  margin: 5px 0 0;
}

.single-testimonial-2.fashion-3-testimonial p {
  width: 100%;
}

.testimonial-3-content-area {
  margin-left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-3-content-area {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-3-content-area {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-3-content-area {
    margin-left: 0px;
  }
}

.testimonial-active-3 {
  position: relative;
  margin-top: -20px;
}

.testimonial-active-3.mega-testimonial-mt {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .testimonial-active-3.mega-testimonial-mt {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-active-3 {
    margin-top: 0px;
  }
}

.testimonial-title h3 {
  color: #151c0f;
  font-weight: bold;
  font-size: 29px;
  margin: 0;
  line-height: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-title h3 {
    line-height: 35px;
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-title h3 {
    line-height: 38px;
    font-size: 22px;
  }
}

.testimonial-title-img {
  margin-left: 18px;
}

@media only screen and (max-width: 767px) {
  .testimonial-title-img {
    margin-top: 20px;
    margin-left: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-title-img {
    margin-top: 0px;
    margin-left: 10px;
  }
}

.testimonial-title-img img {
  max-width: 100%;
}

.testimonials-3-btn {
  margin-top: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonials-3-btn {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonials-3-btn {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonials-3-btn {
    margin-top: 5px;
  }
}

.testimonials-3-btn a {
  font-size: 16px;
  font-weight: 500;
  color: #222d39;
  display: inline-block;
}

.testimonials-3-btn a svg {
  margin-left: 7px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.testimonials-3-btn a:hover {
  color: #97d694;
}

.testimonials-3-btn a:hover svg path {
  fill: #97d694;
}

.testimonial-img-slider-active-2 {
  margin-top: 110px;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-img-slider-active-2 {
    margin-top: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-img-slider-active-2 {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-img-slider-active-2 {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-img-slider-active-2 {
    margin-top: 30px;
  }
}

.testimonial-img-slider-active-2 .slick-list {
  margin-left: -17.5px;
  margin-right: -17.5px;
}

.testimonial-img-slider-active-2 .slick-list .testimonial-img-slider-2 {
  cursor: pointer;
  padding-left: 17.5px;
  padding-right: 17.5px;
}

.testimonial-img-slider-active-2 .slick-list .testimonial-img-slider-2 img {
  width: 100%;
  opacity: 0.5;
}

.testimonial-img-slider-active-2
  .slick-list
  .testimonial-img-slider-2.slick-current
  img {
  opacity: 1;
}

.testimonial-slider-site {
  margin: 0px 30px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-slider-site {
    margin: 50px 0px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-slider-site {
    margin: 30px 0px 0 0;
  }
}

.testimonial-image-site img {
  width: 100%;
}

.single-testimonial-3 h4 {
  color: #222d39;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
}

.single-testimonial-3 p {
  line-height: 28px;
  font-size: 16px;
  margin: 16px 0 49px;
  width: 55%;
  font-weight: 300;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-testimonial-3 p {
    width: 93%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-testimonial-3 p {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-3 p {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-3 p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-3 p {
    width: 100%;
    margin: 16px 0 10px;
    line-height: 26px;
    font-size: 14px;
  }
}

.single-testimonial-3 .client-info-3 .testi-rating-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.single-testimonial-3 .client-info-3 .testi-rating-3 i {
  color: #df9a24;
  font-size: 12px;
}

.single-testimonial-3 .client-info-3 h3 {
  font-size: 12px;
  font-weight: 600;
  color: #0a1039;
  margin: 5px 0 0;
}

.testimonial-active-5 .slick-list {
  padding: 0 570px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .testimonial-active-5 .slick-list {
    padding: 0 370px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-active-5 .slick-list {
    padding: 0 330px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-active-5 .slick-list {
    padding: 0 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-active-5 .slick-list {
    padding: 0 150px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-active-5 .slick-list {
    padding: 0 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-active-5 .slick-list {
    padding: 0 60px;
  }
}

.testimonial-active-5 .slick-list .single-testimonial {
  margin: 0 30px;
  opacity: 0.6;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-active-5 .slick-list .single-testimonial {
    margin: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-active-5 .slick-list .single-testimonial {
    margin: 0 15px;
  }
}

.testimonial-active-5 .slick-list .single-testimonial.slick-current {
  opacity: 1;
}

.testimonial-bg-shape {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}

.testimonial-bg-shape img {
  width: 100%;
}

.testimonial-img-tab {
  margin-right: -10px;
  margin-left: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.testimonial-img-tab a {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 17px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .testimonial-img-tab a {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
  }
}

.testimonial-img-tab a img {
  opacity: 0.28;
  width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.testimonial-img-tab a.active img {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  padding: 5px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 24px 0.7px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 24px 0.7px rgba(0, 0, 0, 0.16);
}

.testimonial-area {
  position: relative;
}

.testimonial-area .organic-position-8 {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img;
  animation-name: bounce-img;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  position: absolute;
  bottom: 26%;
  right: 19%;
  z-index: 9;
}

.testimonial-area .organic-position-8 img {
  width: 107px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .testimonial-area .organic-position-8 {
    right: 8%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .testimonial-area .organic-position-8 {
    right: 3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area .organic-position-8 {
    bottom: 13%;
    right: 6%;
  }

  .testimonial-area .organic-position-8 img {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-area .organic-position-8 {
    bottom: 8%;
    right: 10%;
  }

  .testimonial-area .organic-position-8 img {
    width: 70px;
  }
}

.testimonial-active-6 .slick-list {
  margin-right: -15px;
  margin-left: -15px;
}

.testimonial-active-6 .slick-list .testimonial-wrap-plr {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 45px;
}

.testimonial-active-6 .single-testimonial {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
}

.pagination-style-1 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination-style-1 ul li {
  margin: 0 4px;
}

.pagination-style-1 ul li button {
  font-size: 0;
  border: none;
  width: 13px;
  height: 13px;
  background-color: #e2e2e2;
  border-radius: 100%;
  padding: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.pagination-style-1 ul li.slick-active button {
  background-color: #ff437d;
}

.kids-2-testimonial {
  background-color: #6459ff;
}

.kids-2-testimonial .testimonial-active-5 .slick-list {
  padding: 18px 570px 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .kids-2-testimonial .testimonial-active-5 .slick-list {
    padding: 18px 370px 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .kids-2-testimonial .testimonial-active-5 .slick-list {
    padding: 18px 300px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kids-2-testimonial .testimonial-active-5 .slick-list {
    padding: 18px 200px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-2-testimonial .testimonial-active-5 .slick-list {
    padding: 18px 100px 0;
  }
}

@media only screen and (max-width: 767px) {
  .kids-2-testimonial .testimonial-active-5 .slick-list {
    padding: 18px 15px 0;
  }
}

.kids-2-testimonial .single-testimonial {
  padding: 30px 30px 29px 70px;
}

@media only screen and (max-width: 767px) {
  .kids-2-testimonial .single-testimonial {
    padding: 30px 30px 29px 30px;
  }
}

.kids-2-testimonial .single-testimonial.slick-current.slick-active {
  margin-top: -18px !important;
  padding: 47px 30px 46px 70px;
}

@media only screen and (max-width: 767px) {
  .kids-2-testimonial .single-testimonial.slick-current.slick-active {
    padding: 47px 30px 46px 30px;
  }
}

.testimonial-next-img {
  position: absolute;
  right: 15px;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  .testimonial-next-img {
    position: static;
    margin-top: 30px;
  }
}

.testimonial-next-img img {
  width: 205px;
  opacity: 0.2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-next-img img {
    width: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-next-img img {
    width: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-img-slider-active {
    margin-top: 30px;
  }

  .testimonial-area.pt-110 {
    padding-top: 50px;
  }

  .testimonial-area.pt-150 {
    padding-top: 80px;
  }

  .testimonial-area.pt-90 {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-img-slider-active {
    margin-top: 30px;
  }

  .testimonial-area.pt-110 {
    padding-top: 20px;
  }

  .testimonial-area.pt-90 {
    padding-top: 0px;
  }

  .testimonial-area.pb-145 {
    padding-bottom: 60px;
  }
}

/*---------- 19. About style ------------*/
.about-area {
  position: relative;
}

.about-area .product-bg-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .about-area .product-bg-shape {
    top: -7px;
  }
}

.about-area .product-bg-shape img {
  width: 100%;
}

.about-img {
  overflow: hidden;
}

.about-img img {
  max-width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.about-img:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

@media only screen and (max-width: 767px) {
  .about-content {
    margin-top: 20px;
  }
}

.about-content span {
  font-size: 22px;
  font-family: "Pacifico";
  color: #885643;
}

.about-content h2 {
  font-size: 29px;
  font-weight: 500;
  line-height: 43px;
  margin: 18px 0 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content h2 {
    font-size: 27px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content h2 {
    font-size: 22px;
    line-height: 35px;
    margin: 18px 0 14px;
  }
}

@media only screen and (max-width: 767px) {
  .about-content h2 {
    font-size: 20px;
    line-height: 33px;
    margin: 10px 0 10px;
  }
}

.about-content p {
  font-size: 15px;
  line-height: 30px;
  color: #777777;
  margin: 0px 0 54px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content p {
    margin: 0px 0 25px;
  }
}

@media only screen and (max-width: 767px) {
  .about-content p {
    margin: 0px 0 20px;
  }
}

.furniture-about-content h3 {
  font-size: 29px;
  color: #262836;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .furniture-about-content h3 {
    font-size: 22px;
  }
}

.furniture-about-content p {
  font-size: 15px;
  line-height: 30px;
  width: 52%;
  margin: 16px 0 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .furniture-about-content p {
    width: 60%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .furniture-about-content p {
    width: 73%;
  }
}

@media only screen and (max-width: 767px) {
  .furniture-about-content p {
    width: 100%;
    margin: 16px 0 20px;
  }
}

.growing-story-area {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#fafafa),
    color-stop(75%, #fafafa),
    color-stop(0%, #fff)
  );
  background: -webkit-linear-gradient(right, #fafafa, #fafafa 75%, #fff 0%);
  background: -o-linear-gradient(right, #fafafa, #fafafa 75%, #fff 0%);
  background: linear-gradient(to left, #fafafa, #fafafa 75%, #fff 0%);
}

@media only screen and (max-width: 767px) {
  .growing-story-area {
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(#fafafa),
      color-stop(100%, #fafafa),
      color-stop(0%, #fff)
    );
    background: -webkit-linear-gradient(right, #fafafa, #fafafa 100%, #fff 0%);
    background: -o-linear-gradient(right, #fafafa, #fafafa 100%, #fff 0%);
    background: linear-gradient(to left, #fafafa, #fafafa 100%, #fff 0%);
  }
}

.growing-story-content {
  margin: 0 0 0 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .growing-story-content {
    margin: 0 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .growing-story-content {
    margin: 0 0 30px 0px;
    padding-top: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .growing-story-content {
    margin: 0 0 0px 0px;
    padding-top: 0px;
  }
}

.growing-story-content h3 {
  font-size: 29px;
  font-weight: bold;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .growing-story-content h3 {
    font-size: 20px;
  }
}

.growing-story-content p {
  font-size: 16px;
  line-height: 30px;
  width: 63%;
  margin: 48px 0 55px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .growing-story-content p {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .growing-story-content p {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .growing-story-content p {
    width: 100%;
    margin: 28px 0 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .growing-story-content p {
    width: 100%;
    margin: 20px 0 35px;
  }
}

@media only screen and (max-width: 767px) {
  .growing-story-content p {
    width: 100%;
    font-size: 14px;
    margin: 12px 0 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .growing-story-content p {
    width: 100%;
    font-size: 14px;
    margin: 7px 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .about-content-mega-fashion {
    padding-bottom: 60px;
  }
}

.about-content-mega-fashion h2 {
  font-size: 29px;
  line-height: 50px;
  font-weight: bold;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-mega-fashion h2 {
    font-size: 26px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content-mega-fashion h2 {
    font-size: 21px;
    line-height: 34px;
  }
}

@media only screen and (max-width: 767px) {
  .about-content-mega-fashion h2 {
    font-size: 24px;
    line-height: 40px;
  }
}

.about-content-mega-fashion p {
  font-size: 16px;
  line-height: 30px;
  margin: 34px 0 51px;
  width: 60%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-mega-fashion p {
    margin: 20px 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content-mega-fashion p {
    margin: 20px 0 30px;
    width: 78%;
  }
}

@media only screen and (max-width: 767px) {
  .about-content-mega-fashion p {
    margin: 10px 0 20px;
    width: 100%;
  }
}

.mega-fashion-bg-img {
  margin: 0 30px;
}

@media only screen and (max-width: 767px) {
  .mega-fashion-bg-img {
    margin: 0 0px;
  }
}

.shape-1 {
  position: absolute;
  content: "";
  left: 24px;
  top: 50px;
  width: 23px;
  height: 23px;
  border-radius: 100%;
  z-index: 9;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(white),
    to(#8ad9e6)
  );
  background: -webkit-linear-gradient(right, white 0%, #8ad9e6 100%);
  background: -o-linear-gradient(right, white 0%, #8ad9e6 100%);
  background: linear-gradient(270deg, white 0%, #8ad9e6 100%);
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.fashion1-polygon {
  position: absolute;
  bottom: 20%;
  left: 38.5%;
}

.fashion1-polygon img {
  width: 31px;
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.shape-3 {
  position: absolute;
  content: "";
  left: 56%;
  top: 23%;
  width: 15px;
  height: 15px;
  z-index: 9;
  background-color: #ffe600;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: playbutton-effect 4s linear infinite;
  animation: playbutton-effect 4s linear infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shape-3 {
    top: 17%;
  }
}

@media only screen and (max-width: 767px) {
  .shape-3 {
    top: 9%;
  }
}

.about-story-img {
  position: relative;
  overflow: hidden;
}

.about-story-img img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.about-story-img .about-story-img-content {
  position: absolute;
  top: 14%;
  right: 2.5%;
  text-align: center;
  width: 159px;
  height: 159px;
  border-radius: 100%;
  background-color: #333333;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-story-img .about-story-img-content {
    width: 120px;
    height: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .about-story-img .about-story-img-content {
    width: 120px;
    height: 120px;
  }
}

.about-story-img .about-story-img-content h3 {
  margin: 50px 0 9px;
  font-size: 29px;
  line-height: 23px;
  font-weight: bold;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-story-img .about-story-img-content h3 {
    margin: 30px 0 9px;
  }
}

@media only screen and (max-width: 767px) {
  .about-story-img .about-story-img-content h3 {
    margin: 30px 0 9px;
    font-size: 26px;
  }
}

.about-story-img .about-story-img-content span {
  font-size: 29px;
  font-weight: 300;
  color: #ffffff;
  display: block;
  line-height: 1;
}

.about-story-img:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.about-content-2 {
  margin: 100px 0 0 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-2 {
    margin: 100px 0 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content-2 {
    margin: 0px 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .about-content-2 {
    margin: 30px 0 0 0px;
  }
}

.about-content-2 h3 {
  font-size: 29px;
  line-height: 46px;
  font-weight: bold;
  margin: 0 0 22px;
}

@media only screen and (max-width: 767px) {
  .about-content-2 h3 {
    font-size: 23px;
    line-height: 40px;
    margin: 0 0 15px;
  }
}

.about-content-2 p {
  font-size: 15px;
  line-height: 30px;
}

.mission-content p {
  font-size: 15px;
  line-height: 30px;
  margin: 0 0 20px;
  width: 88%;
}

@media only screen and (max-width: 767px) {
  .mission-content p {
    width: 100%;
  }
}

.mission-img {
  overflow: hidden;
}

.mission-img img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.mission-img:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.consumer-video-wrap {
  position: relative;
  overflow: hidden;
}

.consumer-video-wrap img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.consumer-video-wrap .consumer-video-content {
  position: absolute;
  top: 10%;
  left: 0%;
  min-width: 580px;
}

@media only screen and (max-width: 767px) {
  .consumer-video-wrap .consumer-video-content {
    min-width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0%;
    right: 0%;
  }
}

.consumer-video-wrap .consumer-video-content h3 {
  font-size: 29px;
  font-weight: bold;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .consumer-video-wrap .consumer-video-content h3 {
    font-size: 17px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .consumer-video-wrap .consumer-video-content h3 {
    font-size: 22px;
  }
}

.consumer-video-wrap .consumer-video-content .video-icon {
  margin-top: 170px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consumer-video-wrap .consumer-video-content .video-icon {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .consumer-video-wrap .consumer-video-content .video-icon {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .consumer-video-wrap .consumer-video-content .video-icon {
    margin-top: 25px;
  }
}

.consumer-video-wrap .consumer-video-content .video-icon a {
  display: inline-block;
  width: 117px;
  height: 117px;
  background-color: #c3c3c3;
  border-radius: 100%;
  line-height: 117px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .consumer-video-wrap .consumer-video-content .video-icon a {
    width: 95px;
    height: 95px;
    line-height: 95px;
  }
}

@media only screen and (max-width: 767px) {
  .consumer-video-wrap .consumer-video-content .video-icon a {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }

  .consumer-video-wrap .consumer-video-content .video-icon a svg {
    width: 20px;
  }
}

.consumer-video-wrap .consumer-video-content .video-icon:hover a {
  background-color: #333;
}

.consumer-video-wrap:hover img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.growing-story-img img {
  max-width: 100%;
}

/*---------- 20. Sidebar style ------------*/

.shop-sidebar-style {
  margin-right: 30px;
}

@media only screen and (min-width: 769px) {
  .p-sidebar-right {
    width: auto !important;
    max-width: 420px;
  }

  .header-sidebar {
    width: 420px !important;
  }

  .order-complete-area .qse-rwd-table,
  .cartList_order .qse-rwd-table {
    max-height: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-sidebar-style {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-sidebar-style {
    margin-top: 50px;
  }

  .p-sidebar-right {
    width: 20em !important;
  }
}

.shop-sidebar-style.shop-sidebar-style-mrg2 {
  margin-right: 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .shop-sidebar-style.shop-sidebar-style-mrg2 {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .shop-sidebar-style.shop-sidebar-style-mrg2 {
    margin-right: 0px;
  }
}

.sidebar-widget h4.pro-sidebar-title,
.sidebar-widget h4.pro-sidebar-title-2,
.sidebar-widget h4.pro-sidebar-title-3,
.sidebar-widget-2 h4.pro-sidebar-title,
.sidebar-widget-2 h4.pro-sidebar-title-2,
.sidebar-widget-2 h4.pro-sidebar-title-3,
.sidebar-widget-3 h4.pro-sidebar-title,
.sidebar-widget-3 h4.pro-sidebar-title-2,
.sidebar-widget-3 h4.pro-sidebar-title-3,
.sidebar-widget-tag h4.pro-sidebar-title {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  margin: 0 0 0;
}

.sidebar-widget-categori ul li {
  margin-bottom: 27px;
}

.sidebar-widget-categori ul li:last-child {
  margin-bottom: 0px;
}

.sidebar-widget-categori ul li a {
  color: #777777;
  font-size: 16px;
  display: block;
  padding-left: 36px;
  position: relative;
}

.sidebar-widget-categori ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 0px;
  z-index: 9;
  background-color: #333333;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.sidebar-widget-categori ul li a.active {
  font-weight: bold;
  color: #333333;
}

.sidebar-widget-categori ul li a.active:before {
  height: 45px;
  opacity: 1;
  visibility: visible;
}

.sidebar-widget-categori ul li a:hover {
  font-weight: bold;
  color: #333333;
}

.sidebar-widget-categori ul li a:hover:before {
  height: 45px;
  opacity: 1;
  visibility: visible;
}

.sidebar-widget-size {
  margin-left: 18px;
}

.sidebar-widget-size.size-mrg-none {
  margin-left: 0;
}

.sidebar-widget-size ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sidebar-widget-size ul li {
  margin-right: 5px;
  margin-bottom: 5px;
}

.sidebar-widget-size ul li a {
  font-size: 13px;
  color: #828495;
  display: inline-block;
  border: 1px solid #e3e4e9;
  width: 31px;
  height: 31px;
  line-height: 31px;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-size ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

.sidebar-widget-size ul li a:hover {
  border: 1px solid #333333;
  background-color: #333333;
  color: #fff;
}

.sidebar-widget-size.widget-filter-size ul li a {
  width: 31px;
  height: 31px;
  line-height: 31px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-widget-size.widget-filter-size ul li a {
    width: 29px;
    height: 29px;
    line-height: 29px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-widget-size.widget-filter-size ul li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget-size.mt-45 {
    margin-top: 25px;
  }

  .sidebar-widget-size.mt-50 {
    margin-top: 30px;
  }
}

.price-filter {
  margin-left: 18px;
}

.price-filter.price-mrg-none {
  margin-left: 0;
}

.price-filter #slider-range {
  background: #e3e4e9 none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  height: 3px;
  margin-bottom: 12px;
  margin-left: auto;
}

.price-filter #slider-range span {
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}

.price-filter #slider-range .ui-slider-range {
  position: absolute;
  display: block;
  border: 0;
  background: #333 none repeat scroll 0 0;
  border: none;
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
}

.price-filter #slider-range .ui-slider-handle {
  background: #333 none repeat scroll 0 0;
  border: medium none;
  height: 16px;
  margin-left: 0;
  width: 4px;
  top: -7px;
  cursor: ew-resize;
  border-radius: 0;
}

.price-filter .price-slider-amount {
  margin: 22px 0 0;
}

.price-filter .price-slider-amount .label-input {
  margin: 25px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.price-filter .price-slider-amount .label-input span {
  color: #828495 !important;
  margin-right: 5px;
}

.price-filter .price-slider-amount .label-input input {
  background: transparent;
  padding: 0;
  border: none;
  font-size: 14px;
  font-weight: 400;
  height: auto;
  color: #828495 !important;
  width: 75%;
}

@media only screen and (max-width: 767px) {
  .price-filter.mt-45 {
    margin-top: 25px;
  }

  .price-filter.mt-50 {
    margin-top: 30px;
  }
}

.sidebar-widget-brand-logo {
  margin-left: 18px;
}

.sidebar-widget-brand-logo.brand-logo-mrg-none {
  margin-left: 0;
}

.sidebar-widget-brand-logo ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-widget-brand-logo ul {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-brand-logo ul {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget-brand-logo ul {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.sidebar-widget-brand-logo ul li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333%;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sidebar-widget-brand-logo ul.proTypes li a.widgetTypes-hover {
  position: relative;
}

.sidebar-widget-brand-logo ul.proTypes li a.widgetTypes-hover p {
  display: none;
}

.sidebar-widget-brand-logo ul.proTypes li a.widgetTypes-hover:hover p {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-widget-brand-logo ul li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-brand-logo ul li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget-brand-logo ul li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.sidebar-widget-brand-logo ul li a {
  display: block;
  overflow: hidden;
}

.sidebar-widget-brand-logo ul li a img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sidebar-widget-brand-logo ul li:hover a img {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

@media only screen and (max-width: 767px) {
  .sidebar-widget-brand-logo.mt-45 {
    margin-top: 25px;
  }

  .sidebar-widget-brand-logo.mt-50 {
    margin-top: 30px;
  }
}

.sidebar-widget-categori-2 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sidebar-widget-categori-2 ul li a {
  margin: 0 10px;
  padding: 0 30px 17px;
  display: inline-block;
  font-size: 18px;
  color: #777777;
  line-height: 1;
  border-bottom: 2px solid transparent;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-categori-2 ul li a {
    padding: 0 15px 17px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-widget-categori-2 ul li a {
    padding: 0 8px 17px;
    margin: 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget-categori-2 ul li a {
    padding: 0 10px 10px;
    margin: 0 0px 10px;
    font-size: 16px;
  }
}

.sidebar-widget-categori-2 ul li a.active {
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid #333;
}

.sidebar-widget-categori-2 ul li a:hover {
  color: #333;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget-categori-2.mb-60 {
    margin-bottom: 30px;
  }

  .sidebar-widget-categori-2.mt-45 {
    margin-top: 30px;
  }
}

.widget-style-top {
  margin-bottom: 65px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}

@media only screen and (max-width: 767px) {
  .widget-style-top {
    margin-bottom: 45px;
    padding-bottom: 0px;
  }
}

.shop-filter {
  line-height: 1;
  position: relative;
}

.shop-filter > a {
  color: #777777;
  text-transform: uppercase;
}

.shop-filter > a::before {
  position: absolute;
  content: "";
  right: -30px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #848484;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .shop-filter > a::before {
    right: -14px;
  }
}

.shop-filter > a.active::before {
  border-bottom: 6px solid #848484;
  border-top: none;
}

.shop-filter > a:hover {
  color: #333;
}

.product-filter-wrapper {
  -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  font-size: 12px;
  padding: 48px 40px 0px;
  display: none;
  width: 100%;
  margin-top: 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-filter-wrapper {
    padding: 48px 20px 18px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-filter-wrapper {
    padding: 48px 20px 18px;
  }
}

@media only screen and (max-width: 767px) {
  .product-filter-wrapper {
    padding: 48px 20px 18px;
  }
}

.sidebar-widget-categori-3 ul li {
  display: inline-block;
  margin: 0 5px 5px;
}

.sidebar-widget-categori-3 ul li a {
  font-size: 15px;
  color: #333;
}

.sidebar-widget-categori-3 ul li a:hover {
  color: #0a1039;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget-categori-3.mt-45 {
    margin-top: 25px;
  }

  .sidebar-widget-categori-3.mt-50 {
    margin-top: 30px;
  }
}

.sidebar-search form {
  position: relative;
}

.sidebar-search form input {
  background-color: transparent;
  color: #262626;
  height: 41px;
  border: 1px solid #cdcdcd;
  padding: 2px 40px 2px 10px;
  font-size: 13px;
}

.sidebar-search form input::-moz-input-placeholder {
  color: #262626;
  opacity: 1;
}

.sidebar-search form input::-webkit-input-placeholder {
  color: #262626;
  opacity: 1;
}

.sidebar-search form .button-search {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: #2f2f2f;
  background-color: transparent;
  border: none;
  padding: 5px 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.sidebar-search form .button-search:hover {
  color: #0a1039;
}

@media only screen and (max-width: 767px) {
  .sidebar-search.mb-70 {
    margin-bottom: 50px;
  }
}

.sidebar-post-wrap .single-sidebar-post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.sidebar-post-wrap .single-sidebar-post:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.sidebar-post-wrap .single-sidebar-post .sidebar-post-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-post-wrap .single-sidebar-post .sidebar-post-img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
  }
}

.sidebar-post-wrap .single-sidebar-post .sidebar-post-img img {
  width: 100%;
}

.sidebar-post-wrap .single-sidebar-post .sidebar-post-content {
  margin-left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-post-wrap .single-sidebar-post .sidebar-post-content {
    margin-left: 10px;
  }
}

.sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 {
  font-size: 16px;
  color: #333;
  margin: 0 0 3px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 {
    font-size: 14px;
  }
}

.sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 a {
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 a:hover {
  color: #0a1039;
}

.sidebar-post-wrap .single-sidebar-post .sidebar-post-content span {
  color: #2f2f2f;
  font-size: 14px;
}

.sidebar-widget-tag ul {
  margin: 30px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sidebar-widget-tag ul li {
  margin: 0 5px 5px 0;
}

.sidebar-widget-tag ul li a {
  color: #828495;
  line-height: 1;
  padding: 10px 15px 11px;
  display: inline-block;
  border: 1px solid #e3e4e9;
}

.sidebar-widget-tag ul li a:hover {
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}

/*---------- 21. Shop style ------------*/
.shop-top-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.shop-top-bar .shop-top-bar-left .shop-tab a {
  margin-right: 20px;
}

.shop-top-bar .shop-top-bar-left .shop-tab a:last-child {
  margin-right: 0;
}

.shop-top-bar .shop-top-bar-left .shop-tab a svg path {
  fill: #acacac;
}

.shop-top-bar .shop-top-bar-left .shop-tab a.active svg path {
  fill: #000;
}

.shop-page-list {
  line-height: 1;
}

.shop-page-list ul li {
  display: inline-block;
  color: #777777;
  margin-right: 17px;
  font-weight: 500;
  text-transform: uppercase;
}

.shop-page-list ul li:last-child {
  margin-right: 0px;
}

.shop-page-list ul li.active a {
  color: #333333;
  font-weight: bold;
}

.shop-page-list ul li a {
  color: #777777;
}

.pro-pagination-style ul li {
  display: inline-block;
  margin: 0 1px;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style ul li {
    margin: 0 4px;
  }
}

.pro-pagination-style ul li a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #535353;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.pro-pagination-style ul li a.active,
.pro-pagination-style ul li a:hover {
  background-color: #262626;
  color: #fff;
  border: 1px solid #262626;
}

.pro-pagination-style ul li a i {
  line-height: 40px;
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style ul li a i {
    line-height: 40px;
  }
}

.pro-pagination-style ul li:last-child {
  position: relative;
  top: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-pagination-style.mt-70 {
    margin-top: 0px;
  }

  .pro-pagination-style.mt-50 {
    margin-top: 0px;
  }

  .pro-pagination-style.mt-20 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style.mt-70 {
    margin-top: 0px;
  }

  .pro-pagination-style.mt-50 {
    margin-top: 0px;
  }

  .pro-pagination-style.mt-20 {
    margin-top: 0px;
  }
}

.shop-categorie-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.shop-categorie-tab a {
  font-size: 16px;
  color: #777777;
  display: inline-block;
  line-height: 1;
  padding: 9px 40px 9px;
  border-bottom: 1px solid #f6f6f6;
}

.shop-categorie-tab.sideOrder a {
  width: 48%;
  font-size: 16px;
  color: #777777;
  display: inline-flex;
  line-height: 1;
  padding: 0 1%;
  border-bottom: 1px solid #f6f6f6;
}

@media only screen and (max-width: 767px) {
  .shop-categorie-tab a {
    padding: 9px 20px 9px;
  }
}

.shop-categorie-tab a.active {
  color: #333;
  font-weight: 500;
  background-color: #f6f6f6;
}

@media only screen and (max-width: 767px) {
  .shop-categorie-tab.mb-75 {
    margin-bottom: 30px;
  }
}

/*---------- 22. Breadcrumb style ------------*/
.breadcrumb-ptb-1 {
  padding: 123px 0 138px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-ptb-1 {
    padding: 103px 0 118px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-ptb-1 {
    padding: 60px 0 60px;
  }
}

.breadcrumb-ptb-2 {
  padding: 30px 0 30px;
}

@media only screen and (max-width: 767px) {
  .breadcrumb-ptb-2 {
    padding: 20px 0px;
  }
}

.breadcrumb-area {
  position: relative;
}

.breadcrumb-area .breadcrumb-img-1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.breadcrumb-area .breadcrumb-img-1 img {
  width: 333px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-area .breadcrumb-img-1 img {
    width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area .breadcrumb-img-1 img {
    width: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-area .breadcrumb-img-1 img {
    width: 50px;
  }
}

.breadcrumb-area .breadcrumb-img-2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.breadcrumb-area .breadcrumb-img-2 img {
  width: 323px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-area .breadcrumb-img-2 img {
    width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area .breadcrumb-img-2 img {
    width: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-area .breadcrumb-img-2 img {
    width: 50px;
  }
}

.breadcrumb-content {
  position: relative;
  z-index: 9;
  margin-bottom: 3px;
}

.breadcrumb-content h2 {
  font-size: 29px;
  font-weight: bold;
  margin: 0 0 16px;
}

@media only screen and (max-width: 767px) {
  .breadcrumb-content h2 {
    font-size: 25px;
    margin: 0 0 10px;
  }
}

.breadcrumb-content p {
  font-size: 15px;
  line-height: 30px;
  width: 38%;
  margin: 0 auto;
}

.breadcrumb-content p.left {
  margin: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-content p {
    width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-content p {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-content p {
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb-content p {
    width: 85%;
  }
}

.breadcrumb-content ul {
  margin: 25px 0 0;
}

@media only screen and (max-width: 767px) {
  .breadcrumb-content ul {
    margin: 15px 0 5px 0;
  }
}

.breadcrumb-content ul li {
  display: inline-block;
  margin: 0 1px;
  /*text-transform: capitalize;*/
  color: #2c2c2c;
  font-size: 15px;
  vertical-align: top;
  font-weight: bold;
}

.breadcrumb-content ul li.active {
  color: #727272;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: auto;
}

.breadcrumb-content ul li span {
  margin-right: 4px;
  display: inline-block;
  margin: 6px 4px 0 0;
  line-height: 1;
  position: relative;
  top: 1px;
}

.breadcrumb-content ul li a {
  /*text-transform: capitalize;*/
  scroll-snap-align: ;
  text-decoration: underline;
  color: #2b9ec9;
}

.breadcrumb-content ul li a:hover {
  color: #0a1039;
}

/*---------- 23. Contact style ------------*/
.contact-form-padding {
  padding: 80px 100px 55px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-form-padding {
    padding: 80px 60px 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form-padding {
    padding: 60px 30px 35px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-form-padding {
    padding: 50px 20px 35px;
  }
}

.contact-form-area h2 {
  font-size: 27px;
  font-weight: 600;
  color: #222222;
  margin: 0 0 38px;
}

@media only screen and (max-width: 767px) {
  .contact-form-area h2 {
    margin: 0 0 20px;
  }
}

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

.contact-form-area .single-contact-form input,
.contact-form-area .single-contact-form textarea {
  border: 1px solid #eeeeee;
  background-color: #ffffff;
  height: 62px;
  font-size: 13px;
  font-weight: 500;
  padding: 2px 25px;
  color: #999999;
}

.contact-form-area .single-contact-form input::-moz-input-placeholder,
.contact-form-area .single-contact-form textarea::-moz-input-placeholder {
  color: #999999;
  opacity: 1;
}

.contact-form-area .single-contact-form input::-webkit-input-placeholder,
.contact-form-area .single-contact-form textarea::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}

.contact-form-area .single-contact-form textarea {
  height: 152px;
  padding: 27px 25px;
}

.contact-form-area .single-contact-form p {
  font-size: 12px;
  color: #999999;
  font-style: italic;
  margin: 29px 0 39px;
}

@media only screen and (max-width: 767px) {
  .contact-form-area .single-contact-form p {
    margin: 29px 0 29px;
  }
}

.contact-form-area .single-contact-form button.submit {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  border: none;
  line-height: 1;
  padding: 20px 40px 20px;
  background-color: #333333;
}

.contact-form-area .single-contact-form button.submit:hover {
  background-color: #0a1039;
}

.contact-info-area {
  margin: 0 0 0 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-area {
    margin: 0 0 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-area {
    margin: 0 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-info-area {
    margin: 30px 0 0 0px;
  }
}

.single-contact-info {
  margin: 0 0 52px;
}

@media only screen and (max-width: 767px) {
  .single-contact-info {
    margin: 0 0 32px;
  }
}

.single-contact-info:last-child {
  margin: 0 0 0px;
}

.single-contact-info .contact-info-title {
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .single-contact-info .contact-info-title {
    margin: 0 0 15px;
  }
}

.single-contact-info .contact-info-title h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  line-height: 1;
  color: #222222;
}

.single-contact-info p {
  line-height: 31px;
  color: #999999;
  margin: 0 0 1px;
}

.single-contact-info ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-contact-info ul li {
  margin-right: 23px;
}

.single-contact-info ul li:last-child {
  margin-right: 0;
}

.single-contact-info ul li a {
  font-size: 16px;
  color: #cfcfcf;
}

.single-contact-info ul li a:hover {
  color: #0a1039;
}

#contact-map {
  height: 600px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #contact-map {
    height: 450px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #contact-map {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  #contact-map {
    height: 300px;
  }
}

/*---------- 24. Cart style ------------*/

td.product-price table td,
td.product-price table th {
  border: none;
  vertical-align: top !important;
}

.order-product-details2.cartList_order table th,
.order-product-details2.cartList_order table td {
  vertical-align: middle;
  padding: 25px 15px;
}

blockquote.quote-card {
  padding: 15px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
}

.quote-card {
  background: #fff;
  color: #222222;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgb(34 34 34 / 12%);
  position: relative;
  overflow: hidden;
}

.quote-card.yellow-card {
  background: #f9a825;
  color: #222222;
  box-shadow: 0 1px 2px rgb(34 34 34 / 12%), 0 2px 4px rgb(34 34 34 / 24%);
}

.quote-card:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: -110px;
  left: 7px;
  font-size: 12em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}

.quote-card:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -130px;
  line-height: 100px;
  right: -2px;
  font-size: 20em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}

.cart-check-order-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .cart-check-order-link {
    display: block;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-check-order-link {
    margin-bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.cart-check-order-link a {
  display: inline-block;
  font-size: 16px;
  color: #777777;
  padding: 10px;
  margin: 0 10px;
  line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-check-order-link a {
    padding: 20px;
    margin: 0 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-check-order-link a {
    padding: 20px;
    margin: 0 5px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-check-order-link a {
    padding: 20px 20px;
    margin: 0 0px;
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-check-order-link a {
    display: inline-block;
    font-size: 14px;
  }
}

.cart-check-order-link a.active {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  background-color: #fafafa;
  border-radius: 15px 15px 0 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cart-check-order-link a.active {
    font-size: 16px;
  }
}

.cart-check-order-link a:hover {
  color: #333333;
  font-weight: bold;
}

.cart-table-content {
  padding: 47px 92px 95px 40px;
  background-color: #fff;
  margin-bottom: 70px;
}

.cart-table-content.wishlist-wrap {
  padding: 25px 20px 30px 20px;
  margin-bottom: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content.wishlist-wrap {
    padding: 25px 15px 20px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content.wishlist-wrap {
    padding: 25px 15px 20px 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-table-content {
    padding: 47px 40px 95px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content {
    padding: 47px 15px 95px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content {
    padding: 40px 15px 50px 15px;
    margin-bottom: 40px;
  }
}

.cart-table-content table thead > tr th {
  border-top: medium none;
  font-size: 16px;
  text-transform: capitalize;
  color: #333333;
  font-weight: 500;
  padding: 0 0 55px 0;
  word-break: keep-all;
}

.cart-table-content table thead > tr th.th-text-center {
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content table thead > tr th {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content table thead > tr th {
    padding: 0 50px 30px 50px;
    text-align: center;
  }
}

.cart-table-content table tbody > tr td {
  font-size: 14px;
  padding: 0px 0px 20px;
}

.cart-table-content table tbody > tr td.cart-product {
  width: 430px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content table tbody > tr td.cart-product {
    width: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content table tbody > tr td.cart-product {
    text-align: center;
  }
}

.cart-table-content table tbody > tr td.cart-product .product-img-info-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .cart-table-content table tbody > tr td.cart-product .product-img-info-wrap {
    display: block;
  }
}

.cart-table-content
  table
  tbody
  > tr
  td.cart-product
  .product-img-info-wrap
  .product-img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 98px;
  -ms-flex: 0 0 98px;
  flex: 0 0 98px;
  margin: 0 35px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content
    table
    tbody
    > tr
    td.cart-product
    .product-img-info-wrap
    .product-img {
    margin: 0 15px 0 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content
    table
    tbody
    > tr
    td.cart-product
    .product-img-info-wrap
    .product-img {
    margin: 0 0px 15px 0;
  }
}

.cart-table-content
  table
  tbody
  > tr
  td.cart-product
  .product-img-info-wrap
  .product-img
  a
  img {
  width: 98px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content
    table
    tbody
    > tr
    td.cart-product
    .product-img-info-wrap
    .product-img
    a
    img {
    width: 60px;
  }
}

.cart-table-content
  table
  tbody
  > tr
  td.cart-product
  .product-img-info-wrap
  .product-info
  h4 {
  font-size: 16px;
  line-height: 1;
  margin: 0 0 13px;
}

.cart-table-content
  table
  tbody
  > tr
  td.cart-product
  .product-img-info-wrap
  .product-info
  h4
  a {
  color: #333333;
}

.cart-table-content
  table
  tbody
  > tr
  td.cart-product
  .product-img-info-wrap
  .product-info
  h4
  a:hover {
  color: #0a1039;
}

.cart-table-content
  table
  tbody
  > tr
  td.cart-product
  .product-img-info-wrap
  .product-info
  span {
  display: block;
  color: #999999;
  margin: 0 0 8px;
  line-height: 1;
}

.cart-table-content table tbody > tr td.product-price {
  width: 200px;
  text-align: center;
  word-break: keep-all;
}

.cart-table-content table tbody > tr td.product-price span.amount {
  color: #777777;
  font-size: 16px;
}

.cart-table-content table tbody > tr td.cart-quality {
  width: 170px;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content table tbody > tr td.cart-quality {
    width: 130px;
  }
}

.cart-table-content table tbody > tr td.product-total {
  width: 170px;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content table tbody > tr td.product-total {
    width: 130px;
  }
}

.cart-table-content table tbody > tr td.product-total span.amount {
  color: #777777;
  font-size: 16px;
}

.cart-table-content table tbody > tr td.product-remove {
  width: 130px;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content table tbody > tr td.product-remove {
    width: 100px;
  }
}

.cart-table-content table tbody > tr td.product-remove a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  background-color: #f6f6f6;
}

.cart-table-content table tbody > tr td.product-remove a svg path {
  fill: #cbcbcb;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.cart-table-content table tbody > tr td.product-remove a:hover {
  background-color: #0a1039;
}

.cart-table-content table tbody > tr td.product-remove a:hover svg path {
  fill: #0a1039;
}

.cart-table-content table tbody > tr td.product-wishlist-cart {
  width: 200px;
  text-align: center;
}

.cart-table-content table tbody > tr td.product-wishlist-cart > a {
  background-color: #333333;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 7px 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content table tbody > tr td.product-wishlist-cart > a {
    padding: 4px 5px;
  }
}

.cart-table-content table tbody > tr td.product-wishlist-cart > a:hover {
  background-color: #0a1039;
}

.cart-shiping-update-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 40px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.cart-shiping-update-wrapper a {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #777777;
  border: 1px solid #efefef;
  margin-left: 14px;
  padding: 18px 30px 20px;
}

.cart-shiping-update-wrapper a:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper a {
    margin-bottom: 14px;
    padding: 14px 20px 16px;
  }
}

.cart-shiping-update-wrapper a:hover {
  border: 1px solid #464646;
  color: #333333;
}

.plan-box p {
  font-size: 18px;
  font-weight: 900;
}

.proceed-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 47px;
}

@media only screen and (max-width: 767px) {
  .proceed-btn {
    margin-bottom: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.proceed-btn a {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 17px 30px 19px;
  color: #ffffff;
  background-color: #333333;
}

.proceed-btn a:hover {
  background-color: #0a1039;
}

.discount-tax-wrap {
  background-color: #ffffff;
  padding: 50px 55px 55px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .discount-tax-wrap {
    padding: 50px 25px 55px;
  }
}

@media only screen and (max-width: 767px) {
  .discount-tax-wrap {
    padding: 50px 25px 55px;
    margin-top: 30px;
  }
}

.discount-tax-wrap h4 {
  font-size: 16px;
  font-weight: bold;
  color: #434343;
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 10px;
}

.discount-tax-wrap h4:before {
  position: absolute;
  content: "";
  height: 3px;
  width: 50px;
  background-color: #eeeeee;
  left: 0;
  bottom: 0;
}

.discount-tax-wrap .discount-code p {
  font-size: 13px;
  color: #999999;
  margin: 0 0 20px;
}

.discount-tax-wrap .discount-code input {
  height: 45px;
  font-size: 13px;
  color: #999999;
  padding: 2px 20px;
  border: none;
  background-color: #f6f6f6;
}

.discount-tax-wrap .discount-code input::-moz-input-placeholder {
  color: #999999;
  opacity: 1;
}

.discount-tax-wrap .discount-code input::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}

.discount-tax-wrap .discount-code button {
  background-color: transparent;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  padding: 18px 30px 20px;
  border: 1px solid #333333;
  margin: 35px 0 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.discount-tax-wrap .discount-code button:hover {
  background-color: #333;
  color: #fff;
}

/*-------- 25. Login register style ---------*/
.login-register-wrapper .login-register-tab-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-register-tab-list {
    margin-bottom: 20px;
  }
}

.login-register-wrapper .login-register-tab-list a {
  position: relative;
}

.login-register-wrapper .login-register-tab-list a::before {
  background-color: #454545;
  bottom: 5px;
  content: "";
  height: 18px;
  margin: 0 auto;
  position: absolute;
  right: -2px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 1px;
}

.login-register-wrapper .login-register-tab-list a h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.login-register-wrapper .login-register-tab-list a:last-child::before {
  display: none;
}

.login-register-wrapper .login-register-tab-list a.active h4 {
  color: #0a1039;
}

.login-register-wrapper .login-form-container {
  background: transparent none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 80px;
  text-align: left;
  background-color: #fff;
  font-size: 18px;
  font-weight: 900;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-wrapper .login-form-container {
    padding: 80px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 40px 15px;
  }
}

.login-register-wrapper .login-form-container .login-register-form form input,
.login-register-wrapper .login-form-container .login-register-form form select {
  background-color: transparent;
  border: 1px solid #ebebeb;
  font-size: 14px;
  height: 50px;
  margin-bottom: 30px;
  padding: 0 15px;
  color: #010225;
}

.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  input[type="checkbox"],
.friendCheckd .F-form .friendCheckBox input[type="checkbox"] {
  height: 15px;
  margin: 0;
  position: relative;
  top: 2px;
  width: 17px;
  color: #010225;
}

.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn {
  padding: 10px 0 19px;
}

.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  label {
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .login-register-wrapper
    .login-form-container
    .login-register-form
    form
    .button-box
    .login-toggle-btn
    label {
    font-size: 16px;
  }
}

.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  a {
  float: right;
  font-size: 16px;
  color: #010225;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .login-register-wrapper
    .login-form-container
    .login-register-form
    form
    .button-box
    .login-toggle-btn
    a {
    font-size: 14px;
  }
}

.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  a:hover {
  color: #0a1039;
}

.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  button {
  background-color: #0a1039;
  color: #fff;
  border: medium none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 13px 30px 13px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.login-register-form form .button-box button.btn-lg,
.login-register-form form .button-box button.btn-lg:hover {
  font-size: 20px !important;
  display: block;
  width: 100%;
  text-align: center;
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
}

.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  button:hover {
  background-color: #010225;
}

.login-register-form form .button-box button.redBtn {
  background-color: #e86684 !important;
}

.login-register-form form .button-box button.redBtn:hover {
  background-color: #cb2c51 !important;
}

/*-------- 26. My account style ---------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.myaccount-tab-menu a {
  border: 1px solid #ccc;
  border-bottom: none;
  font-weight: 600;
  font-size: 13px;
  display: block;
  padding: 10px 15px;
  text-transform: uppercase;
}

.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #ccc;
}

.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active {
  background-color: #0a1039;
  border-color: #0a1039;
  color: #ffffff;
}

.myaccount-tab-menu a i.fa {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

@media only screen and (max-width: 767px) {
  #myaccountContent {
    margin-top: 30px;
  }
}

.myaccount-content {
  border: 1px solid #eeeeee;
  padding: 30px;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}

.myaccount-content form {
  margin-top: -20px;
}

.myaccount-content h3 {
  font-size: 20px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
  font-weight: 600;
}

.myaccount-content p {
  line-height: 30px;
  font-size: 15px;
}

.myaccount-content .welcome a:hover {
  color: #0a1039;
}

.myaccount-content .welcome strong {
  font-weight: 600;
  color: #0a1039;
}

.myaccount-content fieldset {
  margin-top: 20px;
}

.myaccount-content fieldset legend {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.myaccount-content .account-details-form {
  margin-top: 50px;
}

.myaccount-content .account-details-form .single-input-item {
  margin-bottom: 20px;
}

.myaccount-content .account-details-form .single-input-item label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}

.myaccount-content .account-details-form .single-input-item input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item input:focus {
  border: 1px solid #343538;
}

.myaccount-content .account-details-form .single-input-item button {
  border: none;
  background-color: #0a1039;
  text-transform: uppercase;
  font-weight: 600;
  padding: 9px 25px;
  color: #fff;
  font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item button:hover {
  background-color: #1f2226;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
}

.myaccount-table table th,
.myaccount-table .table th {
  padding: 10px;
  font-weight: 600;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0;
  color: #1f2226;
}

.myaccount-table table td,
.myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc;
}

.saved-message {
  background-color: #fff;
  border-top: 3px solid #0a1039;
  font-size: 14px;
  padding: 20px 0;
  color: #333;
}

/*-------- Start My Account Page Wrapper --------*/
/*---------- 27. Checkout style ------------*/
.checkout-left-wrap {
  background-color: #fff;
  padding: 45px 63px 77px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkout-left-wrap {
    padding: 45px 30px 77px;
  }
}

@media only screen and (max-width: 767px) {
  .checkout-left-wrap {
    padding: 45px 20px 47px;
  }
}

.checkout-left-wrap .login-guest-top .checkout-tab {
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .checkout-left-wrap .login-guest-top .checkout-tab {
    margin-bottom: 30px;
  }
}

.checkout-left-wrap .login-guest-top .checkout-tab a {
  font-size: 18px;
  color: #333333;
  display: inline-block;
  padding: 0 40px 22px;
  position: relative;
  border-bottom: 1px solid #333333;
}

@media only screen and (max-width: 767px) {
  .checkout-left-wrap .login-guest-top .checkout-tab a {
    padding: 0 15px 22px;
  }
}

.checkout-left-wrap .login-guest-top .checkout-tab a:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  height: 4px;
  width: 100%;
  border-radius: 5px;
  background-color: #333;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.checkout-left-wrap .login-guest-top .checkout-tab a.active {
  font-weight: bold;
}

.checkout-left-wrap .login-guest-top .checkout-tab a.active:before {
  opacity: 1;
  visibility: visible;
}

.checkout-left-wrap .login-guest-top .checkout-login-wrap h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0;
  position: relative;
  line-height: 1;
  padding: 0 0 16px;
}

.checkout-left-wrap .login-guest-top .checkout-login-wrap h4::before {
  position: absolute;
  content: "";
  height: 3px;
  width: 50px;
  background-color: #eeeeee;
  left: 0;
  bottom: 0;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-login-wrap
  .checkout-login-style {
  margin-top: 36px;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-login-wrap
  .checkout-login-style
  input {
  height: 45px;
  border: none;
  background-color: #f8f8f8;
  font-size: 13px;
  color: #bcbcbc;
  margin-bottom: 10px;
  padding: 2px 20px;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-login-wrap
  .checkout-login-style
  .checkout-button-box
  .checkout-login-toggle-btn {
  padding: 10px 0 19px;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-login-wrap
  .checkout-login-style
  .checkout-button-box
  .checkout-login-toggle-btn
  input[type="checkbox"] {
  height: 15px;
  margin: 0;
  position: relative;
  top: 2px;
  width: 17px;
  color: #010225;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-login-wrap
  .checkout-login-style
  .checkout-button-box
  .checkout-login-toggle-btn
  label {
  font-size: 15px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .checkout-left-wrap
    .login-guest-top
    .checkout-login-wrap
    .checkout-login-style
    .checkout-button-box
    .checkout-login-toggle-btn
    label {
    font-size: 14px;
  }
}

.checkout-left-wrap
  .login-guest-top
  .checkout-login-wrap
  .checkout-login-style
  .checkout-button-box
  .checkout-login-toggle-btn
  a {
  float: right;
  font-size: 15px;
  color: #333333;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .checkout-left-wrap
    .login-guest-top
    .checkout-login-wrap
    .checkout-login-style
    .checkout-button-box
    .checkout-login-toggle-btn
    a {
    font-size: 14px;
  }
}

.checkout-left-wrap
  .login-guest-top
  .checkout-login-wrap
  .checkout-login-style
  .checkout-button-box
  .checkout-login-toggle-btn
  a:hover {
  color: #0a1039;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-login-wrap
  .checkout-login-style
  .checkout-button-box
  button {
  background-color: #333333;
  color: #fff;
  border: medium none;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 13px 30px 13px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-login-wrap
  .checkout-login-style
  .checkout-button-box
  button:hover {
  background-color: #0a1039;
}

.checkout-left-wrap .login-guest-top .checkout-guest-wrap h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0;
  position: relative;
  line-height: 1;
  padding: 0 0 16px;
}

.checkout-left-wrap .login-guest-top .checkout-guest-wrap h4::before {
  position: absolute;
  content: "";
  height: 3px;
  width: 50px;
  background-color: #eeeeee;
  left: 0;
  bottom: 0;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-guest-wrap
  .checkout-guest-style {
  margin-top: 36px;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-guest-wrap
  .checkout-guest-style
  input {
  height: 45px;
  border: none;
  background-color: #f8f8f8;
  font-size: 13px;
  color: #bcbcbc;
  margin-bottom: 10px;
  padding: 2px 20px;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-guest-wrap
  .checkout-guest-style
  .guest-login-toggle-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 0;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-guest-wrap
  .checkout-guest-style
  .guest-login-toggle-btn
  input[type="checkbox"] {
  height: 15px;
  margin: 0;
  width: 17px;
  color: #010225;
}

.checkout-left-wrap
  .login-guest-top
  .checkout-guest-wrap
  .checkout-guest-style
  .guest-login-toggle-btn
  label {
  font-size: 13px;
  margin-left: 15px;
  margin-bottom: 0;
}

.checkout-left-wrap .shipping-address-wrap {
  margin-top: 70px;
}

@media only screen and (max-width: 767px) {
  .checkout-left-wrap .shipping-address-wrap {
    margin-top: 40px;
  }
}

.checkout-left-wrap .shipping-address-wrap .billing-info {
  margin-bottom: 25px;
}

.checkout-left-wrap .shipping-address-wrap .billing-info input {
  font-size: 13px;
  color: #828495;
  height: 45px;
  background-color: #f6f6f6;
  border: none;
  padding: 2px 10px 2px 20px;
}

.checkout-left-wrap
  .shipping-address-wrap
  .billing-info
  input::-moz-input-placeholder {
  color: #999999;
  opacity: 1;
}

.checkout-left-wrap
  .shipping-address-wrap
  .billing-info
  input::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}

.checkout-left-wrap .shipping-address-wrap .checkout-save-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

.checkout-left-wrap .shipping-address-wrap .checkout-save-info input {
  width: 14px;
  height: 14px;
  position: relative;
  top: 1px;
}

.checkout-left-wrap .shipping-address-wrap .checkout-save-info span {
  font-size: 13px;
  color: #777777;
  display: inline-block;
  margin-left: 10px;
}

h4.checkout-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 30px;
  position: relative;
  line-height: 1;
  padding: 0 0 16px;
}

h4.checkout-title::before {
  position: absolute;
  content: "";
  height: 3px;
  width: 50px;
  background-color: #eeeeee;
  left: 0;
  bottom: 0;
}

.payment-details {
  padding: 70px 70px 65px;
  background-color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .payment-details {
    padding: 70px 30px 65px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-details {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .payment-details {
    margin-top: 40px;
    padding: 50px 20px 45px;
  }
}

.payment-details > ul {
  margin: 37px 0 0;
}

.payment-details > ul li {
  font-size: 16px;
  color: #333333;
  display: block;
  margin-bottom: 22px;
}

.payment-details > ul li:last-child {
  margin-bottom: 0;
}

.payment-details > ul li span {
  float: right;
}

.payment-details .total-order {
  margin: 58px 0 0;
}

.payment-details .total-order > ul li {
  font-size: 16px;
  color: #333333;
  display: block;
  font-weight: bold;
}

.payment-details .total-order > ul li span {
  float: right;
}

.payment-method {
  margin: 17px 0 0;
}

.payment-method .sin-payment {
  margin-bottom: 32px;
  display: block;
  overflow: hidden;
}

.payment-method .sin-payment:last-child {
  margin-bottom: 0;
}

.payment-method .sin-payment input {
  width: auto;
  display: inline-block;
  float: left;
  height: auto;
  margin-top: 7px;
}

.payment-method .sin-payment label {
  font-size: 16px;
  margin: 0px 0 0 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .payment-method .sin-payment label {
    display: block;
  }
}

.payment-method .sin-payment label img {
  max-width: 140px;
  display: inline-block;
  margin: 0 5px;
}

.payment-method .sin-payment label a {
  text-decoration: underline;
}

.payment-method .sin-payment .payment-box {
  margin: 16px 0 0;
  display: none;
}

.payment-method .sin-payment .payment-box form input {
  font-size: 13px;
  color: #828495;
  height: 45px;
  background-color: #f6f6f6;
  border: none;
  width: 100%;
  padding: 2px 20px;
}

.payment-method .sin-payment .payment-box form input::-moz-input-placeholder {
  color: #999999;
  opacity: 1;
}

.payment-method
  .sin-payment
  .payment-box
  form
  input::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}

.payment-method .sin-payment .payment-box p {
  font-size: 14px;
  margin: 0;
}

.back-continue-wrap {
  margin-top: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .back-continue-wrap {
    margin-top: 30px;
  }
}

.back-continue-wrap a {
  display: inline-block;
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #333333;
  line-height: 1;
  padding: 18px 45px 19px;
}

@media only screen and (max-width: 767px) {
  .back-continue-wrap a {
    padding: 16px 25px 17px;
  }
}

.back-continue-wrap a:hover {
  background-color: #333;
  color: #fff;
}

/*---------- 28. Order complete style ------------*/
.order-complete-area .table td,
.order-complete-area .table th {
  vertical-align: middle;
}

.orderDetailTable .table td,
.orderDetailTable .table th {
  vertical-align: middle;
}

.orderDetailTable .table tr.bg-secondary {
  background-color: #cecece !important;
}

.order-complete-area .table td p,
.order-complete-area .table th p {
  font-size: 16px;
}

.order-complete-title {
  padding: 20px 0;
  background-color: #ffffff;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order-complete-title {
    padding: 40px 50px 48px;
  }
}

@media only screen and (max-width: 767px) {
  .order-complete-title {
    padding: 30px 0px 38px;
  }
}

.order-complete-title h3 {
  font-size: 30px;
  color: #333333;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order-complete-title h3 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .order-complete-title h3 {
    font-size: 18px;
    line-height: 30px;
  }
}

.order-product-details {
  /*padding: 21px 0px 20px;*/
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .order-product-details {
    padding: 21px 10px 20px;
  }
}

.order-product-details table {
  width: 100%;
  text-align: center;
}

.order-product-details table thead tr th {
  font-size: 16px;
  color: #777777;
  font-weight: bold;
  width: 25%;
}

.order-product-details2 table thead tr th {
  font-size: 16px;
  color: #777777;
  font-weight: bold;
  width: 20%;
}

.order-product-details2 .pro-details-quality .cart-plus-minus .qtybutton.dec,
.order-product-details2 .pro-details-quality .cart-plus-minus .qtybutton.inc {
  background-color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .order-product-details table thead tr th {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .order-product-details table thead tr th {
    width: 100%;
    font-size: 14px;
    padding: 0 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .order-product-details table thead tr th {
    width: 25%;
    font-size: 12px;
    padding: 0 0px;
  }
}

.order-product-details table tbody tr td {
  font-size: 13px;
  color: #777777;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .order-product-details table tbody tr td {
    /*padding: 0 0px 10px;*/
  }
}

/*-------- 29. Compare style ---------*/
.compare-page-content-wrap {
  background-color: #fff;
}

.compare-table .table tbody tr {
  margin-bottom: 20px;
}

.compare-table .table tbody tr td {
  padding: 20px 20px;
  vertical-align: middle;
  border-color: #ccc;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-table .table tbody tr td {
    padding: 20px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td {
    padding: 10px 20px;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
  }
}

.compare-table .table tbody tr td.first-column {
  min-width: 175px;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-table .table tbody tr td.first-column {
    min-width: 110px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.first-column {
    min-width: 100%;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 35px;
  }
}

.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
  text-align: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 210px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 110px;
  }
}

@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 100%;
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 20px;
  }
}

.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  display: block;
}

.compare-table .table tbody tr td.product-image-title .image img {
  width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  color: #0a1039;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  text-transform: capitalize;
  margin-top: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .compare-table .table tbody tr td.product-image-title .title {
    font-size: 16px;
  }
}

.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #0a1039;
}

.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}

.compare-table .table tbody tr td.pro-price,
.compare-table .table tbody tr td.pro-color,
.compare-table .table tbody tr td.pro-stock {
  font-size: 14px;
  font-weight: 400;
}

.compare-table .table tbody tr td.pro-remove a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  background-color: #f6f6f6;
}

.compare-table .table tbody tr td.pro-remove a:hover {
  background-color: #0a1039;
}

.compare-table .table tbody tr td.pro-remove:hover {
  color: #0a1039;
}

.compare-table .table tbody tr td.pro-remove i {
  font-size: 20px;
}

.compare-table .table tbody tr td.pro-ratting i {
  color: #e7a415;
}

/*------ end Compare Page Wrapper -----*/
/*-------- 30. Order tracking style ---------*/
.order-tracking-content p {
  line-height: 30px;
  margin: 0 auto;
  text-align: center;
  width: 86%;
  color: #2f2f2f;
}

.order-tracking-content .order-tracking-form {
  margin: 30px 0 0;
}

.order-tracking-content .order-tracking-form .sin-order-tracking {
  margin: 0 0 36px;
}

.order-tracking-content .order-tracking-form .sin-order-tracking label {
  color: #2f2f2f;
  font-weight: 600;
  margin: 0 0 10px;
}

.order-tracking-content .order-tracking-form .sin-order-tracking input {
  background: transparent;
  border: 1px solid #cecece;
  height: 70px;
  padding: 10px 20px;
  color: #2f2f2f;
  font-size: 14px;
}

.order-tracking-content .order-tracking-form .sin-order-tracking input:focus {
  border: 1px solid #262626;
}

.order-tracking-content .order-tracking-form .order-track-btn {
  text-align: center;
}

.order-tracking-content .order-tracking-form .order-track-btn a {
  display: block;
  font-weight: bold;
  color: #fff;
  background-color: #262626;
  line-height: 1;
  padding: 22px 45px;
  text-transform: capitalize;
}

.order-tracking-content .order-tracking-form .order-track-btn a:hover {
  background-color: #0a1039;
}

/*---------- 31. Others style ------------*/
.empty-cart-content img {
  max-width: 100%;
}

.empty-cart-content h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin: 50px 0 41px;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .empty-cart-content h3 {
    font-size: 17px;
    margin: 30px 0 31px;
  }
}

.empty-cart-content .empty-cart-btn a {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #262626;
  padding: 18px 32px;
}

.empty-cart-content .empty-cart-btn a:hover {
  background-color: #0a1039;
}

.error-content h1 {
  font-size: 200px;
  color: #fff;
  margin: 0;
  line-height: 150px;
  font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-content h1 {
    font-size: 180px;
    line-height: 135px;
  }
}

@media only screen and (max-width: 767px) {
  .error-content h1 {
    font-size: 120px;
    line-height: 120px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error-content h1 {
    font-size: 150px;
    line-height: 150px;
  }
}

.error-content h3 {
  font-size: 64px;
  color: #fff;
  margin: 40px 0 70px;
  font-family: "Vandella";
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .error-content h3 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error-content h3 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-content h3 {
    font-size: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .error-content h3 {
    font-size: 30px;
    margin: 10px 0 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error-content h3 {
    font-size: 40px;
    margin: 10px 0 30px;
  }
}

.error-btn a {
  display: inline-block;
  color: #000;
  line-height: 1;
  text-transform: uppercase;
  background-color: #fff;
  padding: 18px 30px;
  z-index: 1;
  position: relative;
}

.error-btn a:hover {
  color: #ffffff;
}

.single-store h3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 28px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .single-store h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}

.single-store ul li {
  margin-bottom: 5px;
}

.single-store ul li:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-store.mb-50 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .single-store.mb-50 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .store-area.pt-120 {
    padding-top: 60px;
  }

  .store-area.pb-70 {
    padding-bottom: 30px;
  }
}

/*==== 級別會員 membership ===*/
.membership-area .plan-box .card-body div h1.m-0 {
  min-height: 115px;
}

.membership-area .plan-box .nice-select.nice-select-style-3.cart-tax-select {
  font-size: 18px;
}

.membership-area .plan-box .plan-features {
  min-height: 230px;
}

@media (max-width: 541px) {
  .membership-area .plan-box .card-body div h1.m-0 {
    min-height: auto !important;
  }

  .membership-area .plan-box .plan-features {
    min-height: 140px !important;
  }
}

.membership-area .plan-box .plan-features h4 > b {
  text-decoration: underline;
}

/*== setp wizard ===*/

.form-wizard-wrapper label {
  font-size: 14px;
  text-align: right;
}

.wizard ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

.wizard > .steps > ul > li {
  width: 50%;
}

.wizard > .steps .current-info {
  position: absolute;
  left: -999em;
}

.wizard > .steps a,
.wizard > .steps a:active,
.wizard > .steps a:hover {
  margin: 3px;
  padding: 15px;
  display: block;
  width: auto;
  border-radius: 5px;
}

.wizard > .steps .current a,
.wizard > .steps .current a:active,
.wizard > .steps .current a:hover {
  background-color: #ffc107;
  color: #fff;
}

.wizard > .steps .current a .number,
.wizard > .steps .current a:active .number,
.wizard > .steps .current a:hover .number {
  border: 2px solid #fff;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:active,
.wizard > .steps .disabled a:hover,
.wizard > .steps .done a,
.wizard > .steps .done a:active,
.wizard > .steps .done a:hover {
  background-color: #ffeebd;
  color: #ffc107;
}

.wizard > .steps .disabled a .number,
.wizard > .steps .disabled a:active .number,
.wizard > .steps .disabled a:hover .number,
.wizard > .steps .done a .number,
.wizard > .steps .done a:active .number,
.wizard > .steps .done a:hover .number {
  border-color: #ffc107;
}

.wizard > .steps .number {
  font-size: 16px;
  padding: 5px;
  border-radius: 50%;
  border: 2px solid #fff;
  width: 50px;
  height: 50px;
  line-height: 40px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  background-color: rgba(254, 193, 7, 0.25);
}

.wizard > .content {
  background-color: transparent;
  margin: 0 5px;
  border-radius: 0;
  min-height: 150px;
}

.wizard > .content > .title {
  position: absolute;
  left: -999em;
}

.wizard > .content > .body {
  width: 100%;
  height: 100%;
  padding: 30px 0 30px;
  position: static;
}

.wizard > .actions {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
}

.wizard > .actions > ul {
  display: inline-block;
  text-align: right;
}

.wizard > .actions > ul > li {
  display: block;
  margin: 0 0.5em;
}

.wizard > .actions a,
.wizard > .actions a:active,
.wizard > .actions a:hover {
  background-color: #ffc107;
  border-radius: 4px;
  padding: 15px 30px;
  color: #fff;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:active,
.wizard > .actions .disabled a:hover {
  opacity: 0.65;
  background-color: #ffc107;
  color: #fff;
  cursor: not-allowed;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
  float: left;
}

.form-wizard-wrapper label {
  text-align: left;
}

@media (max-width: 520px) {
  .wizard > .steps > ul > li {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .rwd-table.table thead tr,
  .rwd-table.table tbody tr {
    margin-bottom: 10px;
    border-bottom: dashed 2px #cecece;
  }

  .rwd-table td,
  .rwd-table th {
    border-top: none;
  }

  .rwd-table th {
    display: none;
  }

  .rwd-table td {
    display: block;
  }

  .rwd-table th,
  .rwd-table td {
    text-align: left;
    vertical-align: middle;
    word-break: break-word;
  }

  .rwd-table td.product-price span,
  .product-img-info-wrap .product-price span,
  .product-img-info-wrap .product-price strong {
    display: block;
    text-align: right;
  }

  .rwd-table td.removeItem {
    display: block;
  }

  .rwd-table td.removeItem button {
    display: block;
    margin: 0 auto;
    padding: 10px 45px;
  }

  .rwd-table th,
  .rwd-table td:before {
    color: #41add4;
    font-weight: bold;
  }

  .rwd-table .pro-details-quality {
    text-align: center;
  }

  .rwd-table td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    /*margin-left: -100px;*/
  }

  .rwd-table td p {
    display: block;
    padding-left: 10px;
  }

  .rwd-table td h4 {
    display: inline-block;
    padding-left: 10px;
  }

  .rwd-table-th-75 td:before {
    width: 7.5em;
  }

  .rwd-table td.no-results:before {
    display: none;
  }

  .cart-quantity {
    display: inline-block;
    margin-left: 10px;
  }

  .rwd-table td table {
    width: 100%;
  }

  .rwd-table td > table tr {
    border: none !important;
  }

  .rwd-table td table td {
    display: inline-block;
    width: 50%;
  }
}

/*============================================================================================================================================== 
  點數錢包 
==============================================================================================================================================*/

.mySaifuAdm .card {
  border: none;
}

.mySaifuAdm .saifu_user {
  background: url("../images/saifu/CardBg.svg") no-repeat center top;
  background-size: contain;
  width: 350px;
  height: 225px;
  margin: 0 auto;
  position: relative;
}

.mySaifuAdm .saifu_user.disableCatch {
  background: url("../images/saifu/CardBg1.svg") no-repeat center top;
  background-size: contain;
  width: 350px;
  height: 225px;
  margin: 0 auto;
  position: relative;
}

.mySaifuAdm .saifu_Recent_Activity .saifuRA_title {
  position: relative;
  padding-left: 20px;
}

.mySaifuAdm .saifu_Recent_Activity .saifuRA_title::before {
  position: absolute;
  width: 4px;
  height: 17px;
  left: 0;
  background: #2b9ec9;
  content: "";
}

.mySaifuAdm .saifu_user .custom-switch {
  position: absolute;
  right: 14%;
  margin-left: -25px;
  bottom: 20%;
}

.mySaifuAdm .saifu_user .custom-switch > div.catchP {
  margin-left: -40px;
}

.saifu_Recent_Activity ul,
.payTools ul.pToolsList,
.friendCheckd ul,
.friendCheckd ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.saifu_Recent_Activity ul li {
  padding: 10px 20px;
  border-radius: 20px;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
}

.saifu_Recent_Activity .usersImg {
  max-width: 120px;
  max-height: 120px;
  overflow: hidden;
}

.saifu_Recent_Activity .usersImg img {
  width: 120px;
  height: 120px;
  border-radius: 100%;
}

.saifu_Recent_Activity .ammountNum {
  position: relative;
  padding-left: 17px;
}

.saifu_Recent_Activity .ammountNum.aNum_plus::before {
  position: absolute;
  left: 0;
  top: -1px;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f067";
  width: 7px;
  height: 7px;
}

.saifu_Recent_Activity .ammountNum.aNum_minus::before {
  position: absolute;
  left: 0;
  top: -1px;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f068";
  width: 7px;
  height: 7px;
}

.friendCheckd ol li {
  border: solid 1px #f1f1f1;
}

.payTools .pToolsList {
  background: #fff;
  border-radius: 30px;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
}

.payTools .pToolsList li {
  padding: 55px 25px;
  text-align: center;
}

.payTools .pToolsList .pToolIcons {
  position: relative;
  width: 100%;
  height: 100%;
}

.payTools .pToolsList .pToolIcons span {
  margin-top: 40px;
  display: block;
}

.payTools .pToolsList .pToolIcons::before {
  position: absolute;
  width: 72px;
  height: 72px;
  content: "";
  margin: 0 auto;
  background-size: contain;
  top: 10px;
  left: 50%;
  margin-left: -36px;
}

.payTools .pToolsList .pToolIcons.pTI_1::before {
  background: url("../images/saifu/addValue.svg") no-repeat center top;
}

.payTools .pToolsList .pToolIcons.pTI_2::before {
  background: url("../images/saifu/scanImg.svg") no-repeat center top;
}

.payTools .pToolsList .pToolIcons.pTI_3::before {
  background: url("../images/saifu/scanImg.svg") no-repeat center top;
}

.payTools .pToolsList .pToolIcons.pTI_4::before {
  background: url("../images/saifu/send.svg") no-repeat center top;
}

#sendPoints .modal-dialog .modal-header .close span,
#sendFinish .modal-dialog .modal-header .close span {
  font-size: 42px;
  font-weight: bold;
}

#sendPoints .modal-dialog-scrollable,
#sendPoints .modal-dialog-scrollable .modal-content {
  height: 100% !important;
  max-height: calc(100% - 0rem);
}

.sendWho .friendCheckd .usersImg {
  max-width: 70px;
  max-height: 70px;
  overflow: hidden;
}

.sendWho .friendCheckd .usersImg img {
  width: 70px;
  height: 70px;
  border-radius: 100%;
}

.sendWho .friendCheckd .delFriends {
  position: absolute;
  right: -7px;
  top: -4px;
  width: 31px;
  height: 31px;
  line-height: 31px;
  border-radius: 100%;
}

.sendWho .friendCheckd .delFriends i {
  margin: -1px -7px;
}

/*=== 
  data-title
===*/

.friendCheckBox label {
  display: inline-block;
  margin: 0;
  padding: 0 0 0 10px;
  width: 90%;
}

.thead {
  display: table-header-group;
}

.tr {
  display: table-row;
}

.tbody {
  display: table-row-group;
}

.thead li,
.tr li {
  display: table-cell;
  padding: 5px;
  border: 1px solid #aaa;
}

.thead li {
  text-align: center;
  font-weight: bold;
  background: #e6f9ff;
}

ol:nth-child(even) {
  background: rgba(0, 123, 255, 0.2);
}

.friendCheckd .tr li:first-child::before {
  display: none;
}

@media only screen and (min-width: 769px) {
  .friendCheckd .tr li {
    width: 30%;
  }

  .friendCheckd .tr li:first-child {
    width: 10%;
  }
}

@media only screen and (max-width: 768px) {
  .modal-header button.close span {
    font-size: 24px !important;
    font-weight: 600 !important;
  }

  .thead {
    display: none;
  }

  .tr {
    display: block;
    border: #ddd 1px solid;
    margin-bottom: 5px;
  }

  .tr li {
    display: inline-block;
    width: 100%;
    border: none;
  }

  .tr li:before {
    content: attr(data-title);
    display: inline-block;
    width: auto;
    min-width: 20%;
    font-weight: 900;
    padding-right: 1rem;
  }
}

@media (min-width: 769px) {
  .myWallet_m {
    display: none;
  }

  .fBtn tr,
  .fBtn th,
  .fBtn td {
    border-top: none !important;
    padding: 0px;
  }
}

/* 768 RWD表格 */
@media (max-width: 768px) {
  .myWallet_table {
    display: none;
  }

  .my-wallet .table > tbody > tr > td,
  .my-wallet .table > tbody > tr > th,
  .my-wallet .table > tfoot > tr > td,
  .my-wallet .table > tfoot > tr > th,
  .my-wallet .table > thead > tr > td,
  .my-wallet .table > thead > tr > th {
    border-top: none;
    padding: 4px;
  }

  .my-wallet .rwd-table.table thead tr,
  .my-wallet .rwd-table.table tbody tr {
    border-bottom: dashed 2px #cecece;
  }

  .my-wallet .rwd-table th {
    display: none;
  }

  .my-wallet .rwd-table td,
  .my-wallet .rwd-table td mark {
    display: block;
  }

  .my-wallet .rwd-table td span {
    display: block;
  }

  .my-wallet .rwd-table td span.badge {
    display: inline-block;
  }

  .my-wallet .rwd-table th,
  .my-wallet .rwd-table td {
    text-align: left;
    vertical-align: middle;
  }

  .my-wallet .rwd-table td.removeItem {
    display: block;
  }

  .my-wallet .rwd-table td.removeItem button {
    display: block;
    margin: 0 auto;
    padding: 10px 45px;
  }

  .my-wallet .rwd-table th,
  .my-wallet .rwd-table td:before {
    color: #4899da;
    font-weight: bold;
  }

  .my-wallet .rwd-table td:first-child {
    padding-top: 20px;
  }

  .my-wallet .rwd-table td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    /*margin-left: -100px;*/
  }

  .my-wallet .rwd-table td p {
    display: inline-block;
    padding-left: 10px;
  }

  .my-wallet .rwd-table td h4 {
    display: inline-block;
    padding-left: 10px;
  }

  .my-wallet .rwd-table-th-75 td:before {
    width: 7.5em;
  }

  .my-wallet .rwd-table td.no-results:before {
    display: none;
  }

  .myWallet_m li .btn,
  .rwd-table td button {
    width: 100%;
  }

  table.fBtn td button.btn {
    width: 48%;
    margin: 0 1%;
    float: left;
  }

  .my-wallet .rwd-table td .fBtn tr {
    border-bottom: none;
  }

  .my-wallet .rwd-table td .fBtn td {
    padding: 5px 10px;
  }

  .my-wallet .rwd-table td .fBtn td:before {
    margin-bottom: 0;
  }
}

/*/
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(
    rgba(0, 0, 0, 0.2) 0,
    rgba(0, 0, 0, 0.3) 40%,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%
  );
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(
    rgba(255, 255, 255, 0.2) 0,
    rgba(255, 255, 255, 0.3) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%
  );
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /*-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);*/
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  /*-webkit-mask-image: none;*/
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.4);
}

.waves-effect.waves-primary .waves-ripple {
  background-color: rgba(59, 93, 231, 0.4);
}

.waves-effect.waves-success .waves-ripple {
  background-color: rgba(69, 203, 133, 0.4);
}

.waves-effect.waves-info .waves-ripple {
  background-color: rgba(12, 170, 220, 0.4);
}

.waves-effect.waves-warning .waves-ripple {
  background-color: rgba(238, 185, 2, 0.4);
}

.waves-effect.waves-danger .waves-ripple {
  background-color: rgba(255, 113, 91, 0.4);
}

/*== 校正.掃描會用到的 ========================*/

.shop-categorie-tab.qsescan a {
  padding: 3px 10px;
}

.shop-categorie-tab.qsescan a.active {
  background-color: #ffc107;
}

#basicMode .memberchise {
}

/*  會員資料頁------------------------------------------------------------------------  */
.loginSet .fillForm label.formTitle,
.loginSet .fillForm .formTitle,
.loginSet .fillForm {
  color: #666;
  width: 100%;
  font-weight: 700;
  font-size: 18px;
}

.loginSet .fillForm label.formTitle .register-Col::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b3b3b3;
}

.loginSet .fillForm label.formTitle .register-Col::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}

.loginSet .fillForm label.formTitle .register-Col:-ms-input-placeholder {
  /* IE 10+ */
  color: #b3b3b3;
}

.loginSet .fillForm label.formTitle .register-Col:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}

label.formTitle input[type="text"],
label.formTitle input[type="password"],
label.formTitle input[type="email"],
label.formTitle input[type="number"],
label.formTitle input[type="textarea"],
label.formTitle input[type="tel"],
label.formTitle textarea {
  width: 100%;
  font-size: 20px;
  font-weight: 900;
  border-radius: 15px;
  box-shadow: 0 0 6px #cecece;
  padding: 5px 10px;
  border: none;
  margin-top: 5px;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 0.3s;
  background-color: #fff !important;
}

label.formTitle input[type="text"]:focus,
label.formTitle input[type="password"]:focus,
label.formTitle input[type="email"]:focus,
label.formTitle input[type="number"]:focus {
  border: solid 2px #666;
  transition: all 0.3s;
}

.fbRegister_btn {
  border: none;
  border-radius: 10px;
  background: #3c5b9a;
  color: #fff;
  margin-top: 5px;
}

.registerGo {
  width: 100%;
  color: #fff;
  border-radius: 0;
  padding: 10px 0;
}

.registerGo:hover,
.registerGo:focus {
  color: #fff;
  text-decoration: underline;
}

.loginGradient_btn {
  color: #fff;
  background: rgb(65, 173, 212);
  background: -moz-linear-gradient(
    90deg,
    rgba(65, 173, 212, 1) 0%,
    rgba(93, 97, 171, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(65, 173, 212, 1) 0%,
    rgba(93, 97, 171, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(65, 173, 212, 1) 0%,
    rgba(93, 97, 171, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41add4", endColorstr="#5d61ab", GradientType=1);
  margin: 10px auto;
  border-radius: 30px;
  padding: 7px 30px;
}

.forgetLink {
  line-height: 60px;
  text-decoration: underline;
}

/* toggle */
.loginSet .fillForm .how2Pay > div {
  margin: 0;
  padding: 0;
}

.loginSet .fillForm .how2Pay .onoffswitch {
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.loginSet .fillForm .how2Pay .onoffswitch-checkbox {
  display: none;
}

.loginSet .fillForm .how2Pay .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  /*border: 2px solid #999999;*/
  border-radius: 20px;
}

.loginSet .fillForm .how2Pay .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.loginSet .fillForm .how2Pay .onoffswitch-inner:before,
.loginSet .fillForm .how2Pay .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loginSet .fillForm .how2Pay .onoffswitch-inner:before {
  content: "YES";
  padding-left: 10px;
  background: rgb(65, 173, 212);
  background: -moz-linear-gradient(
    90deg,
    rgba(65, 173, 212, 1) 0%,
    rgba(93, 97, 171, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(65, 173, 212, 1) 0%,
    rgba(93, 97, 171, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(65, 173, 212, 1) 0%,
    rgba(93, 97, 171, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41add4", endColorstr="#5d61ab", GradientType=1);
  color: #ffffff;
}

.loginSet .fillForm .how2Pay .onoffswitch-inner:after {
  content: "NO";
  padding-right: 10px;
  background-color: #666;
  color: #fff;
  text-align: right;
}

.loginSet .fillForm .how2Pay .onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 6px;
  background: #ffffff;
  /*border: 2px solid #999999;*/
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.loginSet
  .fillForm
  .how2Pay
  .onoffswitch-checkbox:checked
  + .onoffswitch-label
  .onoffswitch-inner {
  margin-left: 0;
}

.loginSet
  .fillForm
  .how2Pay
  .onoffswitch-checkbox:checked
  + .onoffswitch-label
  .onoffswitch-switch {
  right: 0px;
}

.loginSet .loginTools {
  margin: 0;
  padding: 0;
}

.loginSet .loginTools > a {
  background: #666;
  color: #fff;
  padding: 10px 3px;
}

.loginSet .loginTools > a:hover,
.loginSet .loginTools > a:focus,
.loginSet .loginTools > a:active {
  background: rgb(65, 173, 212);
  background: -moz-linear-gradient(
    90deg,
    rgba(65, 173, 212, 1) 0%,
    rgba(93, 97, 171, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(65, 173, 212, 1) 0%,
    rgba(93, 97, 171, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(65, 173, 212, 1) 0%,
    rgba(93, 97, 171, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41add4", endColorstr="#5d61ab", GradientType=1);
  color: #fff;
}

.fillForm .formTitle {
  display: block;
  width: 100%;
}

.loginSet .fillForm .formTitle .sexChoise {
  width: 46%;
  margin: 5px 1%;
  /*appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;*/
  display: inline-block;
  position: relative;
}

.loginSet .fillForm .formTitle .sexChoise > span {
  position: absolute;
  left: 50%;
  margin-left: -5%;
  top: 5px;
  color: #b3b3b3;
}

.loginSet .fillForm .formTitle .sexChoise input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: 42px;
  box-shadow: 0 0 6px #cecece;
  position: relative;
  left: 0;
  top: 0;
  border-radius: 20px;
  border: none;
  cursor: pointer;
}

.loginSet .fillForm .formTitle .sexChoise input.maleChoise:checked {
  background: #41add4;
}

.loginSet .fillForm .formTitle .sexChoise input.femaleChoise:checked {
  background: #fb462b;
}

.loginSet .fillForm .formTitle .sexChoise input.maleChoise:checked + span,
.loginSet .fillForm .formTitle .sexChoise input.femaleChoise:checked + span {
  color: #fff;
}

.loginSet .fillForm .formTitle .sexChoise input.maleChoise::after {
  position: absolute;
  right: 50%;
  top: 0px;
  content: "";
  background: url("../images/login/male.svg") no-repeat center center;
  width: 42px;
  height: 42px;
  background-size: cover !important;
}

.loginSet .fillForm .formTitle .sexChoise input.femaleChoise::after {
  position: absolute;
  right: 50%;
  top: 0px;
  content: "";
  background: url("../images/login/female.svg") no-repeat center center;
  width: 42px;
  height: 42px;
  background-size: cover !important;
}

.loginSet .fillForm .formTitle .sexChoise input.maleChoise:checked::after {
  position: absolute;
  right: 50%;
  top: 0px;
  content: "";
  background: url("../images/login/male_focus.svg") no-repeat center center;
  width: 30px;
  height: 30px;
  background-size: cover !important;
}

.loginSet .fillForm .formTitle .sexChoise input.femaleChoise:checked::after {
  position: absolute;
  right: 50%;
  top: 0px;
  content: "";
  background: url("../images/login/female_focus.svg") no-repeat center center;
  width: 30px;
  height: 30px;
  background-size: cover !important;
}

.loginSet .fillForm .formTitle .sel_Dropdown {
  position: relative;
  margin: 0;
  padding: 3px;
}

.loginSet .fillForm .formTitle .sel_Dropdown::after {
  position: absolute;
  right: 7px;
  top: 7px;
  content: "";
  background: url("../images/login/selTriangel.svg") no-repeat center center;
  background-size: cover !important;
  width: 20px;
  height: 20px;
}

.loginSet .fillForm .formTitle .sel_Dropdown > select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 15px;
  box-shadow: 0 0 6px #cecece;
  position: relative;
  border: none;
  width: 100%;
  height: 30px;
  color: #b3b3b3;
  text-indent: 3%;
  font-size: 18px;
}

.loginSet .fillForm .formTitle .sel_Dropdown > span {
  position: absolute;
  top: 7px;
  left: 10px;
  color: #b3b3b3;
}

.loginSet .fillForm .addressInfomation input {
  display: inline-block;
}

.loginSet .fillForm .addressInfomation input.zipCode {
  width: 30% !important;
}

.loginSet .fillForm .addressInfomation input.addrInn {
  width: 65% !important;
}

.loginSet .fillForm #proIntroduce_tips {
  padding: 10px 15px;
  background: #b3b3b3;
  color: #fff;
}

.loginSet .fillForm #proIntroduce_tips p {
  color: #fff;
}

.loginSet .fillForm .elseInn .elseBtn {
  width: 100%;
  border: solid 1px #f1f1f1;
  text-align: left;
  font-weight: 700;
  font-size: 1em;
  position: relative;
  background: #fff;
}

.loginSet .fillForm .elseInn .elseBtn[data-toggle="collapse"]:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7.5px 0 7.5px;
  border-color: #41add4 transparent transparent transparent;
  line-height: 0px;
  _border-color: #41add4 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transition: all 0.3s;
}

.loginSet .fillForm .elseInn .elseBtn[data-toggle="collapse"].collapsed:after {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transition: all 0.3s;
}

.loginSet .fillForm .userShot i.shotImg {
  display: block;
  width: 100px;
  height: 100px;
  margin: 10px auto;
  border-radius: 100%;
  box-shadow: 0 0 6px #cecece;
}

.loginSet .fillForm .userShot .shotBtn {
  border-radius: 20px;
  box-shadow: 0 0 2px #cecece;
  color: #fff;
  width: 100%;
  padding: 5px 10px;
  text-align: left;
  border: none;
}

.loginSet .fillForm .userShot .shotBtn.shotBtn-1 {
  background: #62d0a0;
}

.loginSet .fillForm .userShot .shotBtn.shotBtn-2 {
  background: #ec1c24;
}

.loginSet .fillForm .userShot .shotBtn.shotBtn-3 {
  background: #666;
  width: 50%;
  text-align: center;
}

.loginSet .fillForm .userPhoto figure {
  box-shadow: 0 0 6px #cecece;
  width: 100%;
  padding: 5px 0;
  text-align: center;
}

.loginSet .fillForm .userPhoto figure .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.loginSet .fillForm .userPhoto figure .inputfile + label {
  font-size: 1.25em;
  color: #b3b3b3;
  display: block;
  width: 90%;
  padding: 5px 10px;
  transition: all 0.3s;
  margin: 10px auto;
  box-shadow: 0 0 6px #cecece;
  border-radius: 20px;
}

.loginSet .fillForm .userPhoto figure .inputfile:focus + label,
.loginSet .fillForm .userPhoto figure .inputfile + label:hover {
  font-size: 1.45em;
  color: #b3b3b3;
  transition: all 0.3s;
  font-weight: 700;
}

.loginSet .fillForm .userPhoto figure .inputfile + label {
  cursor: pointer;
  /* "hand" cursor */
}

.loginSet .fillForm .userPhoto figure #fileID {
  font-size: 12px;
  text-align: left;
}

.loginSet .fillForm .userPhoto figure #frame {
  margin: 5px 0;
  border-radius: 3px;
  width: 100%;
}

/* 推薦紀錄 & 推薦 */

.recommendPgset .panel-heading ul {
  padding: 10px 5px;
}
.countxr ul li {
  font-size: 14px;
  font-weight: bold;  
  margin: 0 2px;
  padding: 5px 7px;
}

.recommendPgset .panel-heading ul li {
  width: 50%;
  border-radius: 20px;
  box-shadow: 0 0 6px #cecece;
}

.recommendPgset .panel-heading ul li.active {
  background: #41add5;
}

.recommendPgset .panel-heading ul li.active a {
  color: #fff;
  background: transparent;
}

.recommendPgset .panel-heading ul li a {
  padding: 3px 5px;
  color: #b3b3b3;
}

.recommendPgset article {
  background: url("../images/login/recomBg.jpg") no-repeat center center;
  width: 100%;
  min-height: 200px;
  background-size: cover !important;
  color: #fff;
  padding: 15px;
  box-shadow: 0 3px 6px #cecece;
}

.recommendPgset article h3 {
  margin: 0 0 15px 0;
}

.recommendPgset .recomForm {
  margin: 20px 0 10px 0;
  padding: 0 20px;
  text-align: center;
}

.recommendPgset .recomForm label {
  width: 100%;
  margin-bottom: 20px;
}

.recommendPgset .recomForm label h4 {
  color: #666;
}

.recommendPgset .recomForm input[type="text"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  padding: 5px 20px;
  color: #41aed5;
  width: 100%;
  box-shadow: 0 2px 6px #cecece;
}

.recommendPgset .recomForm .copyLinkUrl {
  display: inline-flex;
  width: 100%;
}

.recommendPgset .recomForm .copyLinkUrl input {
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.recommendPgset .recomForm .copyLinkUrl > button {
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background: url("../images/login/copyBtn.svg") no-repeat center center;
  background-size: cover !important;
  color: #fff;
  padding: 10px 30px;
  box-shadow: 0 2px 6px #cecece;
  min-width: 120px;
}

.recommendPgset .recomForm .keyMailUrl > input {
  border-radius: 20px;
  color: #cecece;
  padding: 5px 20px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 5px 20px;
}

.recommendPgset .recomForm .recom_btn {
  background: url("../images/login/copyBtn.svg") no-repeat center center;
  background-size: cover !important;
  color: #fff;
  padding: 10px 30px;
  box-shadow: 0 2px 6px #cecece;
  border-radius: 20px;
  border: none;
}

.recommendPgset .recomList {
  width: 100%;
  box-shadow: 0 0 6px #cecece;
  margin-bottom: 20px;
}

.recommendPgset .recomList td {
  width: 40%;
  padding: 10px;
  color: #666;
}

.recommendPgset .recomList td b,
.recommendPgset .recomList td small {
  color: #fff;
}

.recommendPgset .recomList td p {
  margin: 0;
}

.recommendPgset .recomList td:last-child {
  width: 60%;
}

/* 點數經銷商 */
.dealerList .oneDealer {
  box-shadow: 0 3px 6px #999;
  margin: 20px 0;
}

.dealerList table {
  width: 100%;
}

.dealerList table td {
  padding: 10px;
  color: #666;
}

.dealerList table tr.colOne > td {
  width: 100%;
  color: #fff;
}

.dealerList table tr.colTwo > td {
  width: 50%;
}

.dealerList table .colTwo td b {
  display: block;
}

.dealerList table .colTwo .dealerName {
  position: relative;
  margin-left: 20px;
}

.dealerList table .colTwo .dealerName::before {
  position: absolute;
  background: url("../images/about/userIcon.svg") no-repeat center center;
  background-size: cover !important;
  width: 30px;
  height: 30px;
  left: -25px;
  top: -7px;
  content: "";
}

.dealerList table .colTwo .dealerId {
  position: relative;
  margin-left: 25px;
}

.dealerList table .colTwo .dealerId::before {
  position: absolute;
  background: url("../images/about/socialIcon.svg") no-repeat center center;
  background-size: cover !important;
  width: 30px;
  height: 30px;
  left: -30px;
  top: -7px;
  content: "";
}

.dealerList table td p {
  color: #fff;
}

/* 點數紀錄格式

.aboutSet_mobile .chakraSel.shop_record {
  width: 90%;
}

.aboutSet_mobile .chakraSel.shop_record select {
  color: #41add5;
}

.aboutSet_mobile .adj_recordOne {
  box-shadow: 0 0 6px #cecece;
  margin: 10px 0;
}

.aboutSet_mobile .adj_recordOne table {
  margin-bottom: 0;
  box-shadow: none;
}

.aboutSet_mobile .adj_recordOne table td {
  padding: 5px 10px;
}

.aboutSet_mobile .adj_recordOne table td p {
  margin-bottom: 0;
}

.aboutSet_mobile .chakraSel select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: transparent;
  width: 90%;
  margin: 0 5%;
}

.aboutSet_mobile .aboutTxtInner table {
  box-shadow: 0 3px 7px #cecece;
  width: 100%;
  margin-bottom: 10px;
}

.aboutSet_mobile .aboutTxtInner table td {
  padding: 10px;
}

.aboutSet_mobile .aboutTxtInner b.firstBig {
  font-size: 1.5em;
}

.recordDashed_g {
  clear: both;
  display: block;
  border-bottom: 1px dashed #62d0a0;
  height: 1px;
  margin: 3px 0;
}

.recordDashed_Bl {
  clear: both;
  display: block;
  border-bottom: 1px dashed #41add4;
  height: 1px;
  margin: 3px 0;
}

.recordDashed_o {
  clear: both;
  display: block;
  border-bottom: 1px dashed #fbb03b;
  height: 1px;
  margin: 3px 0;
}

.record_Des-btn {
  background: #fff;
  box-shadow: 0 0 3px #888;
  border-radius: 15px;
  min-width: 100px;
  padding: 3px 12px;
}

.record_Back-btn {
  border-radius: 15px;
  min-width: 100px;
  padding: 3px 12px;
}

.contactInfoBtn {
  position: relative;
  color: #fff;
  margin-left: 10px;
}

.contactInfoBtn::before {
  position: absolute;
  left: -30px;
  top: -5px;
  content: '';
  width: 25px;
  height: 25px;
  background: url('../images/login/telO.svg') no-repeat center center #fff;
  border-radius: 100%;
  box-shadow: 0 0 3px #cecece;
}

.usersPoint {
  width: 100%;
  box-shadow: 0 0 3px #cecece;
}

.usersPoint td {
  text-align: left;
  font-size: 16px;
  padding: 10px;
}

.usersPoint td p {
  margin-bottom: 0;
}

.adj_recordOne table .noPd td {
  padding: 0 !important;
} */

/* 人數 */
.countxr {
  background: #bfbfbf;
  display: -webkit-box;
  text-align: center;
  margin: 10px auto 0px;
  padding: 8px;
}

.countxr ul {
  margin: 0 auto;
  display: flex;
}

.countxr ul li {
  list-style: none;
  flex-direction: row;
  align-items: center;
  align-self: center;
  font-size: 26px;
  font-weight: bolder;
  margin: 0 10px 0;
  box-shadow: 0.05em 0.05em 0.03em #656565;
  background: rgb(254, 254, 254);
  background: -moz-linear-gradient(
    top,
    rgba(254, 254, 254, 1) 0%,
    rgba(219, 219, 219, 1) 55%,
    rgba(209, 209, 209, 1) 56%,
    rgba(209, 209, 209, 1) 56%,
    rgba(226, 226, 226, 1) 100%,
    rgba(226, 226, 226, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(254, 254, 254, 1) 0%,
    rgba(219, 219, 219, 1) 55%,
    rgba(209, 209, 209, 1) 56%,
    rgba(209, 209, 209, 1) 56%,
    rgba(226, 226, 226, 1) 100%,
    rgba(226, 226, 226, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(254, 254, 254, 1) 0%,
    rgba(219, 219, 219, 1) 55%,
    rgba(209, 209, 209, 1) 56%,
    rgba(209, 209, 209, 1) 56%,
    rgba(226, 226, 226, 1) 100%,
    rgba(226, 226, 226, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0);
  padding: 10px;
  border-radius: 4px;
  color: #4c99da;
}

.countxr ul li:first-child,
.countxr ul li:last-child {
  background: none !important;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  box-shadow: none !important;
}

/*==== 級別會員用戶管理*/
.CustomCard {
  padding-top: 20px;
  margin: 10px 0 20px 0;
  background-color: rgba(214, 224, 226, 0.2);
  border-top-width: 0;
  border-bottom-width: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 15px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.CustomCard.hoverCustomCard {
  position: relative;
  padding-top: 0;
  overflow: hidden;
  text-align: center;
}

.CustomCard.hoverCustomCard .CustomCardheader {
  background-size: cover;
  height: 85px;
}

.CustomCard.hoverCustomCard .avatar {
  position: relative;
  top: -50px;
  margin-bottom: -50px;
}

.CustomCard.hoverCustomCard .avatar img {
  width: 100px;
  height: 100px;
  max-width: 100px;
  max-height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.5);
}

.CustomCard.hoverCustomCard .info {
  padding: 4px 8px 10px;
}

.CustomCard.hoverCustomCard .info .desc {
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  color: #737373;
  text-overflow: ellipsis;
}

.CustomCard.hoverCustomCard .bottom {
  padding: 20px 5px;
  margin-bottom: -6px;
  text-align: center;
}

.twPc-Arrange {
  box-sizing: border-box;
  display: table;
  margin: 0;
  min-width: 100%;
  padding: 0;
  table-layout: auto;
}

ul.twPc-Arrange {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.twPc-ArrangeSizeFit {
  display: table-cell;
  padding: 0;
  vertical-align: top;
}

.twPc-ArrangeSizeFit a:hover {
  text-decoration: none;
}

.twPc-StatValue {
  display: block;
  font-size: 16px;
  font-weight: 500;
  transition: color 0.15s ease-in-out 0s;
}

.twPc-StatLabel {
  color: #8899a6;
  font-size: 14px;
  letter-spacing: 0.02em;
  overflow: hidden;
  text-transform: uppercase;
  transition: color 0.15s ease-in-out 0s;
}

/*通知*/
.activityHistory .card {
  margin-bottom: 24px;
  -webkit-box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%);
  box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid #f6f6f6;
  border-radius: 0.25rem;
  margin-bottom: 20px;
}

.activityHistory .card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.5rem !important;
}

.activityHistory .card-body li.inbox-list-item {
  border-bottom: 1px solid #cecece;
  padding: 5px 0 10px;
  margin-bottom: 5px;
}

.activityHistory .card-body li.inbox-list-item:last-child {
  border-bottom: none;
}

.activityHistory .card-body li.inbox-list-item a {
  display: block;
  border-radius: 5px;
  padding: 5px;
}

.activityHistory .card-body li.inbox-list-item a:hover .noticeTime {
  display: block;
  transition: all 0.3s;
}

.activityHistory .card-body li.inbox-list-item a:hover {
  background-color: #f1f1f1;
}

.activityHistory .card-body li.inbox-list-item .noticeTime {
  display: none;
  text-align: right;
  width: 100%;
}

/* 問題回覆紀錄 =====*/
tr.hide-table-padding td {
  padding: 0;
}

.expand-button {
  position: relative;
}

.accordion-toggle .expand-button:after {
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translate(0, -50%);
  content: "+";
  font-weight: bold;
  font-size: 16px;
}

.accordion-toggle.collapsed .expand-button:after {
  content: "+";
  font-weight: bold;
  font-size: 16px;
}

/*== 大於769px 電腦版 ================================================*/
@media (min-width: 769px) {
  .qsescanItems .table td:first-child {
    width: 70%;
  }

  .scrollmenu {
    display: none;
    overflow-x: hidden;
  }

  .product-action-wrap .product-action-cart .btn {
    margin: 5px 0;
  }

  .addValueSet_mobile,
  .doAdujust,
  .replyMobile {
    display: none;
  }

  .replySet .replyForm {
    color: #666;
  }

  .replySet .replyForm a {
    color: #666;
    text-decoration: none;
  }

  .replySet .replyForm .reply_productImg {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background-size: cover !important;
    margin: 20px auto;
  }

  .replyForm .starRate span {
    font-size: 2em;
  }

  /*Styling Selectbox*/
  .replySample {
    width: 100%;
    margin: 20px auto;
    text-align: center;
    display: inline-block;
    box-shadow: 0 0 2px #666;
    transition: all 0.5s ease;
    position: relative;
    font-size: 14px;
    color: #474747;
    height: 100%;
    text-align: left;
    border-radius: 20px;
    box-shadow: 0 3px 10px #cecece;
  }

  .replySample .select {
    cursor: pointer;
    display: block;
    padding: 10px 20px;
  }

  .replySample .select > i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    float: right;
    line-height: 20px;
  }

  .replySample:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204);
  }

  .replySample:active {
    background-color: #f8f8f8;
  }

  .replySample.active:hover,
  .replySample.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 5px 5px 0 0;
    background-color: #f8f8f8;
  }

  .replySample.active .select > i {
    transform: rotate(-90deg);
  }

  .replySample .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 10px 10px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9;
  }

  .replySample .dropdown-menu li {
    padding: 10px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
  }

  .replySample .dropdown-menu {
    padding: 0;
    list-style: none;
  }

  .replySample .dropdown-menu li:hover {
    background-color: #f2f2f2;
  }

  .replySample .dropdown-menu li:active {
    background-color: #e2e2e2;
  }

  .replySet .fillreply {
    border: none;
    border-radius: 20px;
    box-shadow: 0 3px 10px #cecece;
    padding: 20px;
    width: 100%;
    color: #666;
    font-size: 1.25em;
    background-color: #fff;
  }

  label.how2PayItem {
    height: 40px;
    padding: 0;
    position: relative;
    width: 100%;
  }

  label.how2PayItem input[type="radio"],
  label.how2PayItem input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    margin: 0;
    width: 100% !important;
    height: 40px !important;
    position: absolute;
    left: 0;
    z-index: 0;
    background-color: #fff;
  }

  label.how2PayItem input[type="radio"]::before,
  label.how2PayItem input[type="checkbox"]::before {
    position: absolute;
    left: 5px;
    top: 10px;
    content: "";
    background: url("../images/cart/unchecked.png") no-repeat center center;
    background-size: contain !important;
    width: 20px;
    height: 20px;
  }

  label.how2PayItem input[type="radio"] + .text,
  label.how2PayItem input[type="checkbox"] + .text {
    cursor: pointer;
    line-height: 40px;
    position: relative;
    padding: 0 10px;
    display: block;
    margin-left: 20px;
  }

  label.how2PayItem .text > img {
    position: absolute;
    right: 10px;
    top: 7px;
  }

  label.how2PayItem input[type="radio"]:hover {
    background: #f1f1f1;
    transition: all 0.3s;
  }

  label.how2PayItem input[type="radio"]:checked {
    background: #666;
    transition: all 0.3s;
  }

  @supports (-ms-ime-align: auto) {
    label.how2PayItem input[type="checkbox"] {
      width: 51px;
      height: 51px;
    }

    label.how2PayItem input[type="checkbox"]::-ms-check {
      color: red;
      border: 0;
      background: rgba(0, 0, 0, 0);
    }
  }

  label.how2PayItem input[type="radio"]:checked::before {
    position: absolute;
    left: 5px;
    top: 10px;
    content: "";
    background: url("../images/cart/checked_white.png") no-repeat center center;
    background-size: contain !important;
    width: 20px;
    height: 20px;
  }

  label.how2PayItem input[type="checkbox"]:checked::before {
    position: absolute;
    left: 5px;
    top: 10px;
    content: "";
    background: url("../images/cart/checked_666.png") no-repeat center center;
    background-size: contain !important;
    width: 20px;
    height: 20px;
  }

  label.how2PayItem input[type="radio"]:checked + .text {
    color: #fff;
    transition: all 0.3s;
  }

  label.fillForm > input[type="text"],
  label.fillForm > input[type="tel"],
  label.fillForm > input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #eff0f1;
    border-radius: 30px;
    padding: 10px 20px 10px 65px;
    border: none;
    width: 100%;
    margin: 5px 0;
    font-size: 1.2em;
  }

  label.fillForm > .locateSel {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #eff0f1;
    border-radius: 30px;
    padding: 10px 20px 10px 65px;
    border: none;
    width: 95%;
    margin: 5px 10%;
    position: absolute;
    left: -45px;
    top: 1px;
  }

  label.fillForm {
    position: relative;
  }

  .label.fillForm > input,
  label.fillForm span {
    position: absolute;
    left: 30px;
    top: 16px;
  }

  label.zipCode > input[type="text"] {
    padding: 10px 20px 10px 90px !important;
  }

  /* checkbox ======*/
  .replyForm fieldset.how2Pay {
    margin: -5px 0px 10px;
    padding: 0;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0 3px 10px #cecece;
    background-color: #fff;
  }

  .replyForm label.how2PayItem {
    border-bottom: solid 1px #f1f1f1;
    margin: 0;
  }

  .replyForm .checkboxAll {
    margin: 0;
    padding: 5px 0;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 3px 10px #cecece;
    position: relative;
    background-color: #fff;
  }

  .replyForm .checkboxAll input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    margin: 0;
    width: 100px;
    height: 40px;
    position: relative;
    left: 0;
    z-index: 0;
    background-color: #fff;
  }

  .replyForm .checkboxAll input[type="checkbox"]::before {
    position: absolute;
    left: 20px;
    top: 16px;
    width: 20px;
    height: 20px;
    content: "";
    background: url("../images/reply/checkbox_Unchecked.svg") no-repeat center
      center;
  }

  .replyForm .checkboxAll input[type="checkbox"]:checked::before {
    left: 20px;
    background: url("../images/reply/checkbox_Checked.svg") no-repeat center
      center;
    border: none;
  }

  .replyForm .checkboxAll > span {
    font-size: 1.1em;
    display: inline;
    margin-top: 20px;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    right: 15px;
    color: #666;
  }

  .replyForm label.how2PayItem input[type="checkbox"] + .text {
    cursor: pointer;
    line-height: 40px;
    position: absolute;
    left: 30px;
    padding: 0 10px;
    display: inline;
    z-index: 1;
  }

  .replyForm label.how2PayItem input[type="radio"]::before,
  .replyForm label.how2PayItem input[type="checkbox"]::before {
    left: 20px;
    background: url("../images/reply/checkbox_Unchecked.svg") no-repeat center
      center;
  }

  .replyForm label.how2PayItem input[type="checkbox"]:checked + .text {
    color: #fff;
    /*transition: all .3s;*/
  }

  .replyForm label.how2PayItem input[type="checkbox"]:checked::before {
    left: 20px;
    background: url("../images/reply/checkbox_Checked.svg") no-repeat center
      center;
  }

  .replyForm label.how2PayItem input[type="checkbox"]:checked {
    width: 100%;
    top: -5px;
    background: #666;
    /*transition: all .3s;*/
  }

  /* 全身照 ------------------------------ */
  .userPhoto img {
    max-width: 432px;
    max-height: 576px;
  }

  .listMode_item.qbuList_mobile {
    display: none;
  }
}

/*== 小於768px 手機版 ================================================================================================*/

#shop-1 .col-sm-6 {
  width: 50%;
  display: flexbox;
}

@media screen and (max-width: 768px) {
  .countxr ul li {
    font-size: 16px;
    font-weight: bold;
    margin: 0 3px;
    padding: 5px 10px;
  }

  .countxr ul li:first-child,
  .countxr ul li:last-child {
    display: table;
    width: 100%;
  }

  .countxr ul li:last-child a {
    width: 100%;
    display: block;
  }

  .addValueSet_PC,
  .adjuct_pc,
  .replyPC {
    display: none;
  }

  /* 產品分類 ------------------------------ */

  .qbuList_mobile.listMode_item li {
    border-bottom: 1px #f1f1f1 solid;
    margin: 10px 0;
  }

  .listMode_item.qbuList_mobile table::after {
    position: absolute;
    right: 20px;
    top: 50%;
    content: ">";
    font-size: 1.2em;
    color: #666;
  }

  .shop-list-wrap.qbuList,
  .pro-pagination-style {
    display: none;
  }

  /* 線上儲值 ------------------------------ */
  .addValueSet_mobile {
    margin: 20px 0;
  }

  .addValueSet_mobile ul.addValueItem {
    padding: 0;
    overflow: hidden;
  }

  .addValueSet_mobile ul.addValueItem li.oneItem {
    padding: 10px 5px;
    box-shadow: 2px 2px 10px #cecece;
    margin-bottom: 20px;
  }

  .addValueSet_mobile .addValueItem h4 {
    position: relative;
    margin-left: 30px;
  }

  .addValueSet_mobile .addValueItem h4::before {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -5px;
    left: -30px;
    content: "";
    background: url("../images/addValue/pPoint.svg") no-repeat center center;
    background-size: cover !important;
  }

  .addValueSet_mobile .addValueItem p {
    position: relative;
    margin-left: 30px;
  }

  .addValueSet_mobile .addValueItem p::before {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -5px;
    left: -30px;
    content: "";
    background: url("../images/addValue/giftIcon.svg") no-repeat center center;
    background-size: cover !important;
  }

  .addValueSet_mobile .addValueItem ul li ul li.qtySelect {
    line-height: 90px;
  }

  .addValueItem .qtySelect select {
    border: none;
    box-shadow: 0px 1px 2px #cecece;
    text-align: center;
    text-align: -webkit-center;
    text-align-last: center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 5% 0;
    color: #41aed5;
    position: relative;
    right: -15px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
  }

  .addValueSet_mobile .pointPay > .payDetail {
    background: #b3b3b3;
    color: #fff;
    height: 100px;
  }

  .addValueSet_mobile .pointPay > .payDetail h3 {
    margin: 10px 0;
  }

  .addValueSet_mobile .pointPay > .payBtn {
    background: #faaf3b;
    border-radius: 0;
    color: #fff;
    height: 100px;
  }

  /* 線上儲值 END  */

  /* 執行校正 執行檢測 ----------------------------------- */
  .doAdujust .tabsSet .panel-heading {
    padding: 0;
  }

  .doAdujust .tabsSet ul.nav-tabs {
    box-shadow: 0 0 6px #cecece;
  }

  .doAdujust .tabsSet .panel-heading ul > li {
    width: 25%;
    padding: 10px 0;
  }

  .doAdujust .tabsSet .panel-heading ul > li a {
    padding: 0;
    text-align: center;
    color: #666;
  }

  .doAdujust .nav-tabs > li > a:hover {
    background: transparent;
    border: none;
  }

  .doAdujust .tabsSet .panel-heading ul > li .doAdjIcon {
    position: relative;
    margin-left: 20px;
    font-size: 1.2em;
    color: #666;
  }

  .doAdujust .panel-heading ul > li.active {
    position: relative;
  }

  .doAdujust .panel-heading ul > li.active::before {
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    content: "";
    background: url("../images/index/tipsTriangle.svg") no-repeat center center;
    background-size: cover !important;
    z-index: 2;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
  }

  .doAdujust .tabsSet .panel-heading ul > li.active .doAdjIcon {
    color: #41aed5;
  }

  .doAdujust .tabsSet .panel-heading ul > li .doAdjIcon::before {
    position: absolute;
    left: -10px;
    top: -3px;
    width: 30px;
    height: 30px;
    content: "";
    background-size: cover !important;
  }

  .doAdujust .tabsSet .panel-heading ul > li .dector_cuslist.doAdjIcon::before {
    left: 0px;
  }

  .doAdujust .tabsSet .panel-heading ul > li .doAdjIcon_1::before {
    background: url("../images/adjust/adjust_tab1.svg") no-repeat center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li.active .doAdjIcon_1::before {
    background: url("../images/adjust/adjust_tab1-focus.svg") no-repeat center
      center;
  }

  .doAdujust .tabsSet .panel-heading ul > li .doAdjIcon_2::before {
    background: url("../images/adjust/adjust_tab2.svg") no-repeat center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li.active .doAdjIcon_2::before {
    background: url("../images/adjust/adjust_tab2-focus.svg") no-repeat center
      center;
  }

  .doAdujust .tabsSet .panel-heading ul > li .doAdjIcon_3::before {
    background: url("../images/adjust/adjust_tab3.svg") no-repeat center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li.active .doAdjIcon_3::before {
    background: url("../images/adjust/adjust_tab3-focus.svg") no-repeat center
      center;
  }

  .doAdujust .tabsSet .panel-heading ul > li .doAdjIcon_4::before {
    background: url("../images/adjust/adjust_tab4.svg") no-repeat center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li.active .doAdjIcon_4::before {
    background: url("../images/adjust/adjust_tab4-focus.svg") no-repeat center
      center;
  }

  .doAdujust .tabsSet .panel-heading ul > li .doAdjIcon_5::before {
    background: url("../images/cart/detector_customerList-1.svg") no-repeat
      center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li.active .doAdjIcon_5::before {
    background: url("../images/cart/detector_customerList-1_focus.svg")
      no-repeat center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li .doAdjIcon_6::before {
    background: url("../images/cart/detector_customerList-2.svg") no-repeat
      center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li.active .doAdjIcon_6::before {
    background: url("../images/cart/detector_customerList-2_focus.svg")
      no-repeat center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li .doAdjIcon_7::before {
    background: url("../images/cart/detector_customerList-3.svg") no-repeat
      center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li.active .doAdjIcon_7::before {
    background: url("../images/cart/detector_customerList-3_focus.svg")
      no-repeat center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li .doAdjIcon_8::before {
    background: url("../images/adjust/adjust_tab5.svg") no-repeat center center;
  }

  .doAdujust .tabsSet .panel-heading ul > li.active .doAdjIcon_8::before {
    background: url("../images/adjust/adjust_tab5-focus.svg") no-repeat center
      center;
  }

  .doAdujust .tabsSet .panel-heading ul > li span.doAdj_rBorder,
  .doDetection .dotectorStep ul > li span.doAdj_rBorder {
    display: block;
    border-right: solid 1px #f1f1f1;
  }

  .doAdujust .panel-body {
    padding: 10px 5px;
  }

  .doAdujust .panel-body .doAdjMainBtn {
    /*margin: 0 -15px;*/
  }

  .doAdjMainBtn > .choseCustomerBtn {
    padding: 7px 35px;
  }

  .doAdjMainBtn > .choseCustomerBtn span {
    position: relative;
  }

  .doAdjMainBtn > .choseCustomerBtn span::after {
    position: absolute;
    right: -30px;
    top: -7px;
    content: "";
    background: url("../images/adjust/choosecustomerSign.svg") no-repeat center
      center;
    background-size: cover !important;
    width: 30px;
    height: 30px;
  }

  .doAdujust .doAdjMainBtn button.adjMain_Btn,
  .doAdujust .doAdjMainBtn a.adjMain_Btn {
    width: 47%;
    margin: 1%;
    padding: 10px 10px;
    box-shadow: 0 0 3px #cecece;
    border-radius: 15px;
    background: transparent;
    text-align: left;
    font-size: 16px;
    font-weight: 900;
    display: inline;
    position: relative;
    color: #fff;
    border: none;
    display: inline-block;
  }

  .doAdujust .doAdjMainBtn button.adjMain_Btn-1 {
    background: #fbb03b !important;
  }

  .doAdujust .doAdjMainBtn a.adjMain_Btn-2 {
    background: rgb(65, 173, 212) !important;
    background: -moz-linear-gradient(
      90deg,
      rgba(65, 173, 212, 1) 0%,
      rgba(93, 97, 171, 1) 100%
    ) !important;
    background: -webkit-linear-gradient(
      90deg,
      rgba(65, 173, 212, 1) 0%,
      rgba(93, 97, 171, 1) 100%
    ) !important;
    background: linear-gradient(
      90deg,
      rgba(65, 173, 212, 1) 0%,
      rgba(93, 97, 171, 1) 100%
    ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41add4", endColorstr="#5d61ab", GradientType=1);
  }

  .doAdujust .doAdjMainBtn a.adjMain_Btn-2::after {
    position: absolute;
    right: 10px;
    top: 7px;
    background: url("../images/adjust/adjust_reply.svg") no-repeat center center;
    width: 30px;
    height: 30px;
    content: "";
  }

  .doAdujust .doAdjMainBtn a.goReply_btn {
    color: #41aed5 !important;
  }

  .doAdujust .doAdjMainBtn a.goReply_btn::after {
    position: absolute;
    right: 10px;
    top: 6px;
    background: url("../images/adjust/goReply.svg") no-repeat center center;
    width: 35px;
    height: 35px;
    content: "";
  }

  .doAdujust .doAdjMainBtn a.noReply_btn {
    color: #ed1c24 !important;
  }

  .doAdujust .doAdjMainBtn a.noReply_btn::after {
    position: absolute;
    right: 10px;
    top: 6px;
    background: url("../images/adjust/noReply.svg") no-repeat center center;
    width: 35px;
    height: 35px;
    content: "";
  }

  .doAdujust .panel-body .doAdj_item {
    margin: 10px 0;
    padding: 10px;
    box-shadow: 0 0 6px #cecece;
    color: #555;
  }

  .doAdujust .panel-body .doAdj_item .panel {
    box-shadow: none;
    margin: 0;
  }

  .doAdujust .panel-body .doAdj_item .panel-heading .panel-title > a {
    display: block;
    position: relative;
    padding-right: 20px;
  }

  .doAdujust .panel-body .doAdj_item .panel-heading .panel-title > a::after {
    position: absolute;
    right: 0px;
    top: 0;
    content: "";
    background: url("../images/index/tipsTriangle.svg") no-repeat center center;
    background-size: cover !important;
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    transition: all 0.3s;
  }

  .doAdujust
    .panel-body
    .doAdj_item
    .panel-heading
    .panel-title
    > a.collapsed::after {
    position: absolute;
    right: 10px;
    top: 0;
    content: "";
    background: url("../images/index/tipsTriangle.svg") no-repeat center center;
    background-size: cover !important;
    width: 20px;
    height: 20px;
    transform: rotate(270deg);
    transition: all 0.3s;
  }

  .doAdujust .doAdj_item .panel-body {
    margin: 0 -15px;
  }

  .doAdujust .doAdj_item table.doAdj_running {
    width: 100%;
    border-top: solid 1px #f1f1f1;
    border-bottom: solid 1px #f1f1f1;
    box-shadow: inset 0 1px 3px #cecece;
  }

  .doAdujust .doAdj_item table.doAdj_running td {
    width: 70%;
    background: #b3b3b3;

    padding: 10px;
  }

  .doAdujust .doAdj_item table.doAdj_running td p {
    color: #fff;
  }

  .doAdujust .doAdj_item table.doAdj_running td:last-child {
    width: 30%;
    background: #fff;
  }

  .doAdujust .doAdj_item table.doAdj_running span#procent {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 1em;
    transform: translate(-50%, -50%);
    color: #41aed5;
    margin-top: -3px;
  }

  .doAdujust .panel-body .doAdj_item table.doAdj_running #canvas {
    width: 100%;
    height: 50%;
  }

  /*.doAdujust .panel-body .doAdj_item table.doAdj_running span#procent::after {
  content: '%';
}*/
  .doAdujust .panel-body .doAdj_item table.doAdj_running .canvas-wrap {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .doAdujust .replyset > .replyAdj_img {
    width: 100px;
    height: 100px;
    background-size: cover !important;
    background-position: center !important;
    margin: 0 auto;
    border-radius: 100%;
  }

  .doAdujust .replyset {
    color: #666;
  }

  .doAdujust .replyset .starRate {
    font-size: 1.7em;
  }

  .doAdujust .replyset .sampleTxt {
    position: relative;
  }

  .doAdujust .replyset .sampleTxt select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 5px 10px;
    border: none;
    box-shadow: 0 0 6px #cecece;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    border-radius: 20px;
    background: #fff;
    color: #41aed5;
  }

  .doAdujust .replyset .sampleTxt::after {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
    content: "";
    background: url("../images/index/tipsTriangle.svg") no-repeat center center;
    background-size: cover !important;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
  }

  .doAdujust .replyset .recommendReply {
    color: #41aed5;
    width: 100%;
    padding: 10px;
    border-radius: 20px;
    background: #fff;
    border: none;
    border: solid 1px #f1f1f1;
  }

  .doAdujust .replyset .recommendReply::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #41aed5;
  }

  .doAdujust .replyset .recommendReply::-moz-placeholder {
    /* Firefox 19+ */
    color: #41aed5;
  }

  .doAdujust .replyset .recommendReply:-ms-input-placeholder {
    /* IE 10+ */
    color: #41aed5;
  }

  .doAdujust .replyset .recommendReply:-moz-placeholder {
    /* Firefox 18- */
    color: #41aed5;
  }

  .doAdujust .panel-body .doAdjMainBtn a.adjMain_Btn {
    width: 47%;
    margin: 1%;
    padding: 10px 10px;
    box-shadow: 0 0 3px #cecece;
    border-radius: 15px;
    background: transparent;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    display: inline;
    position: relative;
    color: #fff;
    border: none;
    display: inline-block;
  }

  .doAdujust .replySendBtn {
    width: 40%;
    margin: 0 auto;
    box-shadow: 0 0 6px #cecece;
    text-align: left;
    color: #666;
    padding: 10px 20px;
    border-radius: 20px;
    display: block;
    position: relative;
  }

  .doAdujust .replySendBtn::after {
    position: absolute;
    right: 10px;
    top: 10px;
    content: "";
    background: url("../images/adjust/submit.svg") no-repeat center center;
    width: 30px;
    height: 30px;
    background-size: cover !important;
  }

  .doAdujust .replyset table.replyYet {
    width: 100%;
  }

  .doAdujust .replyset table.replyYet td {
    width: 85%;
  }

  .doAdujust .replyset table.replyYet td label {
    display: block;
    margin: 0;
  }

  .doAdujust .replyset table.replyYet td:first-child {
    border-bottom: solid 1px #f1f1f1;
  }

  .doAdujust .replyset table.replyYet td:last-child {
    width: 15%;
    text-align: center;
    box-shadow: 0 0 3px #cecece;
  }

  .doAdujust .replyset table.replyYet td.checkAll {
    color: #666;
  }

  .doAdujust .replyset table.replyYet td.checkAll input[type="checkbox"] {
    width: 100%;
    border: none;
    background-color: #fff;
  }

  .doAdujust .replyset table.replyYet td.check_box input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 100%;
    border: none;
    background-color: #fff;
  }

  .doAdujust
    .replyset
    table.replyYet
    td.check_box
    input[type="checkbox"]::after {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 12px;
    left: 50%;
    margin-left: -10px;
    content: "";
    background: url("../images/adjust/unChacked.svg") no-repeat center center;
    background-size: cover !important;
  }

  .doAdujust
    .replyset
    table.replyYet
    td.check_box
    input[type="checkbox"]:checked::after {
    background: url("../images/adjust/chacked.svg") no-repeat center center
      #41add4;
  }

  .doAdujust
    .replyset
    table.replyYet
    td.checkAll
    input[type="checkbox"]:checked,
  .doAdujust
    .replyset
    table.replyYet
    td.check_box
    input[type="checkbox"]:checked {
    background: transparent;
  }

  .doAdujust.doDetection .tabsSet .panel-heading ul > li {
    width: 33.333%;
  }

  .doAdujust.doDetection .tabsSet .panel-heading ul > li .doAdjIcon::before {
    left: 0;
  }

  .doAdujust.doDetection .panel-body .doAdjMainBtn button.adjMain_Btn,
  .doAdujust.doDetection .panel-body .doAdjMainBtn a.adjMain_Btn {
    text-align: center;
  }

  .doAdujust.doDetection
    .panel-body
    .doAdj_item
    .panel-heading
    .panel-title
    a
    > p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
  }

  .doAdujust.doDetection .panel-body .doAdjMainBtn .detec_btn {
    display: block;
    width: 96%;
    margin: 0 2%;
    position: relative;
    border-radius: 10px;
    padding: 10px 5px;
    box-shadow: 0 0 6px #cecece;
    color: #41add5;
  }

  .doAdujust.doDetection .panel-body .doAdjMainBtn .detec_btn::after {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 30px;
    height: 30px;
    content: "";
    background: url("../images/adjust/detection-report.svg") no-repeat center
      center;
    background-size: cover !important;
  }

  .doAdujust.doDetection ul.detectionList {
    box-shadow: 0 0 6px #cecece;
  }

  .doAdujust.doDetection ul.detectionList li {
    padding: 10px;
    color: #666;
  }

  .doAdujust.doDetection ul.detectionList li table {
    width: 100%;
  }

  .doAdujust.doDetection ul.detectionList li.bottomLine {
    clear: both;
    display: block;
    border-bottom: solid 1px #666;
    margin: 3px;
    padding: 0;
  }

  .doAdujust.doDetection ul.detectionList li p {
    margin-bottom: 0;
  }

  .doAdujust.doDetection .goAdjNow {
    background: transparent;
  }

  .doAdujust .doAdjName {
    padding: 10px 0;
    box-shadow: 0 3px 2px #f0f0f0;
  }

  .doAdujust .doAdj_Qty,
  .doAdujust .doAdj_Total,
  .doAdujust .doAdj_Booking {
    padding: 0;
    color: #666;
    font-size: 16px;
  }

  .doAdujust .doAdj_btn {
    padding: 0;
  }

  .doAdujust .doAdj_btn button {
    background: transparent;
    color: #fff;
    width: 100%;
  }

  .doAdujust .doAdj_Qty .qtySet .input-group {
    display: inline-flex;
  }

  .doAdujust .doAdj_Qty .qtySet .qtyBtnSet {
    width: 30px;
    height: 30px;
    color: #fff;
    background: #62d0a0;
    border-radius: 100%;
  }

  .doAdujust .doAdj_Qty .qtySet input[type="text"],
  .doAdujust .doAdj_Total .qtySet input[type="text"] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: none;
    text-align: center;
    font-weight: bold;
  }

  .doAdujust .doAdj_Booking table {
    width: 100%;
  }

  .doAdujust .doAdj_Booking table td {
    padding: 10px;
  }

  .doAdujust .doAdj_Booking .bkSel select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: solid 1px #cecece;
    background: #fff;
    text-align: center;
    text-align-last: center;
    -webkit-text-align-last: center;
    -moz-text-align-last: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    padding: 10px 5% 20px 5%;
    width: 90%;
    border-radius: 10px;
  }

  .doAdujust .doAdj_Booking .bkSel {
    position: relative;
    text-align: -moz-center;
    text-align: -webkit-center;
  }

  .doAdujust .doAdj_Booking .bkSel::after {
    position: absolute;
    width: 20px;
    height: 15px;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    background: #666;
    color: #fff;
    font-family: "fontawesome";
    font-size: 0.85em;
    content: "\f078";
    -webkit-border-top-left-radius: 100px;
    -webkit-border-top-right-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-topright: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
  }

  .doAdujust .doAdj_Total .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }

  .doAdujust .doAdj_Total .inputfile + label {
    font-size: 1.25em;
    color: #478cd2;
    display: inline-block;
    width: 100%;
    transition: all 0.3s;
  }

  .doAdujust .doAdj_Total .inputfile:focus + label,
  .doAdujust .doAdj_Total .inputfile + label:hover {
    font-size: 1.45em;
    color: white;
    font-weight: 700;
  }

  .doAdujust .doAdj_Total .inputfile + label {
    cursor: pointer;
    /* "hand" cursor */
  }

  .doAdujust .doAdj_Total #fileID {
    font-size: 12px;
    text-align: left;
  }

  .doAdujust .doAdj_Total #frame {
    margin: 5px 0;
    border-radius: 3px;
    width: 100%;
  }

  .doAdujust .doAdj_Total .fdUpload .defaultImg {
    border-radius: 10px;
  }

  .doAdujust .doAdj_Total .fdUpload .imgSign {
    position: relative;
  }

  /* 執行校正 END*/

  .qsescanItems .table td {
    width: 100%;
    display: block;
    word-break: break-word;
  }

  .shop-categorie-tab.qsescan a h5 {
    font-size: 18px;
  }

  .shop-categorie-tab.qsescan {
    display: none;
  }

  .scrollmenu {
    overflow-x: hidden;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    margin-top: 20px;
  }

  .scrollmenu a {
    display: inline-block;
    color: #777777;
    text-align: center;
    padding: 4px;
    text-decoration: none;
  }

  .scrollmenu a.active {
    background-color: #ffc107;
  }

  #detectionPaper .modal-dialog,
  #goAdjust .modal-dialog,
  #bookingAdjust .modal-dialog {
    padding: 0px;
    margin: 0 auto;
  }

  .doDetection a {
    width: 48%;
    margin: 0 1%;
    float: left;
  }

  .quote-card:before {
    font-family: Georgia, serif;
    content: "";
    position: absolute;
    top: -110px;
    left: 7px;
    font-size: 10em;
    color: rgba(238, 238, 238, 0.8);
    font-weight: normal;
  }

  .quote-card:after {
    font-family: Georgia, serif;
    content: "";
    position: absolute;
    bottom: -130px;
    line-height: 100px;
    right: -2px;
    font-size: 16em;
    color: rgba(238, 238, 238, 0.8);
    font-weight: normal;
  }

  h1,
  h2,
  h3 {
    font-size: 1rem;
  }

  h4,
  h5,
  h6 {
    font-size: 0.95rem;
  }

  /* 手機版 性別圖示*/
  .loginSet .fillForm .formTitle .sexChoise input.maleChoise::after,
  .loginSet .fillForm .formTitle .sexChoise input.femaleChoise::after,
  .loginSet .fillForm .formTitle .sexChoise input.maleChoise:checked:after,
  .loginSet .fillForm .formTitle .sexChoise input.femaleChoise:checked:after {
    margin-right: -12%;
  }

  /* 全身照 ------------------------------ */
  .userPhoto img {
    max-width: 216px;
    max-height: 288px;
  }

  /* 通知 ------------------------------ */
  .activityHistory .card-body li.inbox-list-item .noticeTime {
    display: block;
  }
}

.table-striped tbody tr:nth-of-type(odd) {
  border-bottom: dotted 2px #cecece;
}

.product-wrap .product-ratting-digit-wrap.mb-20,
.product-wrap .product-img.product-img-zoom.mb-25 {
  margin-bottom: 5px !important;
}

.weeksRecommend {
  display: none;
}

.product-slider-active-4.slick-initialized.slick-slider {
  position: relative;
}

.product-slider-active-4.slick-initialized.slick-slider .slick-track::before {
  position: absolute;
  left: 50%;
  top: 20%;
  background: url("../images/product/swipeFinger.svg") center center no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  z-index: 999;
  animation-name: swipeFinger;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  -moz-animation-name: swipeFinger;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: swipeFinger;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -webkit-animation-name: swipeFinger;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}

@keyframes swipeFinger {
  0% {
    position: fixed;
    left: 8%;
    right: 8%;
    margin-left: -50px;
  }

  50% {
    position: fixed;
    left: 8%;
    right: 8%;
    margin-left: 50px;
  }

  100% {
    position: fixed;
    left: 8%;
    right: 8%;
    margin-left: -50px;
  }
}

.p-panelmenu .p-panelmenu-header.p-highlight {
  margin-bottom: 20px !important;
}

.header-sidebar .sidebar-content ul {
  max-height: calc(100vh - 270px) !important;
}

.header-sidebar .sidebar-content ul li {
  margin-bottom: 10px !important;
}

.header-sidebar .sidebar-content ul li.text-black-50 {
  position: relative;
  padding-left: 25px;
  font-size: 22px;
  font-weight: 600;
}

.header-sidebar .sidebar-content ul li.single-product-cart .cart-title h4,
.header-sidebar .sidebar-content ul li.single-product-cart .cart-title h4 a {
  font-size: 18px !important;
  font-size: 400 !important;
  color: #00bdff !important;
  text-decoration: underline !important;
}

.header-sidebar .sidebar-content ul li.text-black-50::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f073";
  left: 0px;
  top: 0;
}

.qse-rwd-table {
  min-height: auto !important;
}

.header-sidebar
  .p-sidebar-content
  .sidebar-body
  .sidebar-menu-content
  .p-panelmenu
  .p-panelmenu-panel
  > .p-toggleable-content {
  margin-top: 0;
}

.modal-fullscreen {
  width: 100vw !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
}

.modal-fullscreen .modal-content {
  height: 100%;
}

.modal-dialog-scrollable .modal-content {
  border: none !important;
  border-radius: 0 !important;
}

/* 側邊總選單 ========================================= */
.stieMenu {
  background: #fff;
  padding: 0;
}

.stieMenu .panel-group {
  margin: 0;
}

.stieMenu div > div.col-lg-12 {
  padding: 0;
}

.stieMenu a {
  color: #454545;
  display: block;
  font-size: 1.35em;
}

.stieMenu .panel {
  border: none;
  background: transparent;
  box-shadow: 0 2px 2px #f1f1f1;
  border-radius: 0;
}

.stieMenu .panel-heading a {
  position: relative;
}

.stieMenu .userSet {
  margin: 0;
  padding: 0;
  position: relative;
}

.stieMenu .urPoint,
.siteMenu .freePointPerDay {
  position: relative;
  height: 50px;
}

.stieMenu .urPoint > h3,
.stieMenu .freePointPerDay > h3 {
  margin: 0;
}

.stieMenu .urPoint::after {
  position: absolute;
  right: -35px;
  top: 0;
  content: "";
  background: url("../images/index/sd_triangle.svg") no-repeat center center;
  background-size: cover !important;
  width: 60px;
  height: 60px;
  z-index: 2;
}

.stieMenu .freePointPerDay {
  color: #fff;
  position: relative;
  height: 60px;
}

.stieMenu .panel-body {
  background: #fff;
  border-top: none;
}

.stieMenu .panel-body table {
  width: 100%;
}

.stieMenu .panel-body table tr {
  width: 100%;
}

.stieMenu .panel-body table td {
  width: 46%;
  padding: 0 2%;
}

.stieMenu .panel-body a.sub_Menu {
  margin: 15px 0;
  font-size: 1em;
  background: #41aed5;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  box-shadow: 0 3px 6px #cecece;
}

.stieMenu [data-toggle="collapse"]::after {
  position: absolute;
  right: 6.5%;
  top: 50%;
  margin-top: -10px;
  display: inline-block;
  content: "";
  background: url("../images/index/siteMenu_minus.svg") no-repeat center center;
  width: 25px;
  height: 20px;
  transform: rotate(0deg);
  transition: all linear 0.25s;
  float: right;
}

.stieMenu [data-toggle="collapse"].collapsed::after {
  position: absolute;
  right: 6.5%;
  top: 50%;
  margin-top: -10px;
  content: "";
  background: url("../images/index/siteMenu_plus.svg") no-repeat center center;
  width: 25px;
  height: 20px;
  transition: all linear 0.25s;
}

.stieMenu [data-toggle="collapse"].collapsed.sideBar_links::after {
  position: absolute;
  right: 5%;
  top: 50%;
  margin-top: -15px;
  content: "";
  background: url("../images/qseIcons/siteMenu_Triangle.svg") no-repeat center
    center;
  width: 30px;
  height: 30px;
  transition: all linear 0.25s;
}

.stieMenu .userSet h3 {
  margin: 0;
  font-size: 1.4rem;
}

.userSet table {
  width: 100%;
  margin: 10px 0;
}

.userSet table td {
  width: 42%;
  padding: 0 4%;
}

.userSet table td h5 {
  margin: 0;
}

.header-user .userSet .sideBar_userBg {
  background: url("../images//index/sideBar_userBg.png") no-repeat center center;
  width: 90px;
  height: 90px;
  background-size: cover !important;
  display: block;
  margin: -45px auto;
  position: relative;
  top: -30px;
}

.header-user .sideBar_userBg .sideBar_userImg {
  width: 50px;
  height: 50px;
  background-size: cover !important;
  border-radius: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 10px;
  margin-left: -25px;
  z-index: 3;
}

.header-user .sideBar_userBg .sideBar_userImg.topUserImg {
  top: -20px !important;
  border: solid 3px #cecece;
}

.header-user .sideBar_userBg .member_VIP {
  position: absolute;
  top: -35px !important;
  left: -30px;
  font-size: 0.84rem;
  z-index: 5;
}

.header-user .sideBar_userBg .member_Private {
  position: absolute;
  top: -35px !important;
  left: -50px;
  font-size: 0.84rem;
  z-index: 5;
}

.colorBg_cartOk {
  background: #62d0a0;
  color: #fff;
  box-shadow: 0 0 6px #cecece;
}

.colorBg_cartFail {
  background: #666666;
  color: #fff;
}

#userFeatures .modal-header {
  position: relative !important;
}

#userFeatures .modal-dialog .modal-body {
  padding: 0;
}

#userFeatures .modal-dialog .card-header {
  background: #fff;
}

#userFeatures .modal-header .close {
  position: absolute !important;
  right: 5% !important;
  top: 10% !important;
  color: #666;
  font-size: 2rem;
  font-weight: bold;
}

#userFeatures .siteMenu a:focus,
#userFeatures .siteMenu a:hover {
  outline: none;
}

.color_93278f {
  color: #93278f;
}

.color_41aed5 {
  color: #41aed5;
}

.stieMenu .logininfoSet {
  position: relative;
  margin-left: 30px;
}

.stieMenu .logininfoSet::before {
  position: absolute;
  left: -45px;
  top: -12px;
  width: 40px;
  height: 40px;
  background-size: cover !important;
  content: "";
}

.stieMenu .logout_btn {
  border-radius: 0;
  color: #fff !important;
  padding: 15px 0;
}

.stieMenu .logininfoSet.logininfo_1::before {
  background: url("../images/qseIcons/loginInfo_user.svg") no-repeat center
    center;
}

.stieMenu .logininfoSet.logininfo_2::before {
  background: url("../images/qseIcons/logininfo_lock.svg") no-repeat center
    center;
}

.stieMenu .logininfoSet.logininfo_3::before {
  background: url("../images/qseIcons/logininfo_bell.svg") no-repeat center
    center;
}

.stieMenu .logininfoSet.logininfo_4::before {
  background: url("../images/qseIcons/logininfo_favor.svg") no-repeat center
    center;
}

.stieMenu .logininfoSet.logininfo_5::before {
  background: url("../images/qseIcons/logininfo_like.svg") no-repeat center
    center;
}

.stieMenu .logininfoSet.logininfo_6::before {
  background: url("../images/qseIcons/logininfo_gear.svg") no-repeat center
    center;
}

.stieMenu .logininfoSet.logininfo_7::before {
  background: url("../images/qseIcons/logininfo_money.svg") no-repeat center
    center;
}

.stieMenu .logininfoSet.logininfo_8::before {
  background: url("../images/qseIcons/wallet.svg") no-repeat center center;
}

.stieMenu .logininfoSet.logininfo_9::before {
  background: url("../images/qseIcons/account-leave.svg") no-repeat center
    center;
}

/*.product-img{
  width: 150px;
  height: 100px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}


.product-img a img{
  width: 100% !important;
  object-fit: cover;
  object-position: 50% 50%;
}

*/

@media screen only and(min-width:769px) {
  .product-info {
    width: 256px;
  }
}

.product-info a {
  word-break: break-all;
  max-width: 250px;
  display: inline-block;
}

/*=============================================
# data-Title
==============================================*/

.qbuFront .data-Title {
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.qbuFront .data-Title ul,
.qbuFront .data-Title ol {
  width: 100%;
  display: block;
  margin: 0.5em auto;
  border-collapse: collapse;
  padding: 0;
}

.qbuFront .data-Title .thead {
  display: table-header-group;
}

.qbuFront .data-Title .tr {
  display: table-row;
}

.qbuFront .data-Title .tr .form-check-inline,
.qbuFront .data-Title .tr .form-check {
  margin-right: 0px;
  padding-left: 0px;
}

.qbuFront .data-Title .tr .form-control {
  padding: 3px 7px;
}

.qbuFront .data-Title .tbody {
  display: table-row-group;
}

.qbuFront .data-Title .thead li,
.qbuFront .data-Title .tr li {
  display: table-cell;
  padding: 5px;
  border: 1px solid #aaa;
}

.qbuFront .data-Title .tr li,
.qbuFront .data-Title .tr li a {
  word-break: break-all;
}

.qbuFront .data-Title .thead li {
  text-align: center;
  font-weight: bold;
  background: #e6f9ff;
}

.qbuFront .data-Title ol:nth-child(even) {
  background: rgba(#6cffd1, 0.2);
}

@media only screen and (max-width: 768px) {
  .qbuFront .data-Title .thead {
    display: none;
  }

  .qbuFront .data-Title .tr {
    display: block;
    border: #ddd 1px solid;
    margin-bottom: 5px;
  }

  .qbuFront .data-Title .tr li {
    display: inline-block;
    width: 100%;
    border: none;
    word-break: keep-all;
  }

  .qbuFront .data-Title .tr li:before {
    content: attr(data-title);
    display: inline-block;
    width: 35%;
    min-width: 15%;
    font-weight: 900;
    padding-right: 0.5rem;
    color: #012970;
  }

  .qbuFront .data-Title .form-check {
    padding-left: 0.5em;
    margin-right: 0;
  }
}

/*=== QBU商城樣式 ===*/
.qbuShopOnline .col-4,
.qbuShopOnline .col-8 {
  padding-right: 7px;
  padding-left: 7px;
}

.qbuShopOnline .product-list-img img {
  width: 100%;
  object-fit: cover;
}

.qbuShopOnline .sidebar-widget-categori ul li {
  word-break: break-all;
}

.qbuShopOnline #productItemDetail .detailView img {
  width: 80%;
  max-height: 320px;
}

.qbuShopOnline
  .shop-list-content
  .product-list-action
  .product-action-cart
  > button {
  width: 100%;
  margin: 0;
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
    font-size: 14px;
    font-weight: 600;
  }

  .p-panelmenu
    .p-panelmenu-content
    .p-menuitem
    > .p-menuitem-content
    .p-menuitem-link {
    padding: 7px;
    user-select: none;
  }

  .qbuShopOnline .shop-sidebar-style {
    margin-top: 15px;
  }

  .qbuShopOnline .shop-sidebar-style {
    margin-right: 0px;
  }

  .qbuShopOnline .sidebar-widget-categori ul li a.active:before,
  .qbuShopOnline .sidebar-widget-categori ul li a:hover:before {
    height: 27px;
  }

  .shop-sidebar-style
    .shop-sidebar-menu
    .p-panelmenu
    .p-panelmenu-panel
    > .p-toggleable-content
    .p-panelmenu-content
    .p-submenu-list
    .p-menuitem
    .p-menuitem-link
    .p-submenu-icon {
    right: 0;
  }

  .qbuShopOnline .sidebar-widget-categori ul li {
    margin-bottom: 17px;
  }

  .qbuShopOnline .sidebar-widget-categori ul li a {
    padding-left: 12px;
    font-size: 12px;
  }

  .qbuShopOnline .shop-list-content h3 a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 42px;
  }

  .qbuShopOnline .shop-list-content h3,
  .qbuShopOnline .pro-list-price span {
    font-size: 14px !important;
  }

  .shop-list-content .product-list-action .product-action-cart > button {
    padding: 7px;
  }

  .qbuShopOnline .shop-list-content .pro-list-price {
    margin: 0;
  }

  .qbuShopOnline .rightList {
    display: flex;
    flex-wrap: wrap;
  }

  .qbuShopOnline .shop-list-wrap .shop-list-content {
    margin-top: 5px;
  }

  .qbuShopOnline .shop-list-wrap .aProduct {
    display: flex;
    flex-direction: column;
    width: 7em;
  }

  .qbuShopOnline .shop-list-wrap .aProduct {
    margin: 0 3px;
  }

  .qbuShopOnline .shop-list-wrap .aProduct div {
    padding: 0;
  }

  .qbuShopOnline .shop-list-wrap .aProduct div p {
    display: none;
  }

  .qbuShopOnline .shop-list-content .product-list-action .product-action-cart {
    width: 100%;
  }

  .qbuShopOnline
    .shop-list-content
    .product-list-action
    .product-action-cart
    > button {
    font-size: 12px;
  }

  .qbuShopOnline .sidebar-widget-categori ul {
    height: 68vh;
    overflow-y: scroll;
  }
}

@media only screen and (max-width: 414px) and only screen (min-width: 376px) {
  .qbuShopOnline .shop-list-wrap .aProduct {
    width: 7.2em !important;
  }
}

@media only screen and (max-width: 375px) and only screen (min-width: 321px) {
  .qbuShopOnline .shop-list-wrap .aProduct {
    width: 14em !important;
  }
}

@media only screen and (max-width: 320px) {
  .qbuShopOnline .shop-list-wrap .aProduct {
    width: 10em !important;
  }
}

/* === file Fail Report === */
.fileReportChat {
  padding-left: 0;
}

.fileReportChat .card-bordered {
  border: 1px solid #ebebeb;
}

.fileReportChat .card {
  border: 0;
  border-radius: 0px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.fileReportChat .card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.fileReportChat .card-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 7px 10px;
  background-color: #fff;
  border-bottom: 1px solid rgba(77, 82, 89, 0.07);
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
}

.fileReportChat .card-header .card-title {
  padding: 0;
  border: none;
}

.fileReportChat .card-header > *:last-child {
  margin-right: 0;
}

.fileReportChat .card-header > * {
  margin-left: 8px;
  margin-right: 8px;
}

.fileReportChat .ps-container {
  position: relative;
}

.fileReportChat .ps-container {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
  margin: 72px 0;
}

.fileReportChat .media-chat {
  padding-right: 64px;
  margin-bottom: 0;
}

.fileReportChat .media {
  padding: 16px 12px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.fileReportChat .media .avatar {
  flex-shrink: 0;
}

.fileReportChat .avatar {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 100%;
  background-color: #f5f6f7;
  color: #8b95a5;
  text-transform: uppercase;
}

.fileReportChat .media-chat .media-body {
  -webkit-box-flex: initial;
  flex: initial;
  display: table;
  width: 100%;
}

.fileReportChat .media-body {
  min-width: 0;
}

.fileReportChat .media-chat .media-body p {
  position: relative;
  padding: 6px 8px;
  margin: 4px 0;
  background-color: #f5f6f7;
  border-radius: 3px;
  font-weight: 100;
  color: #333;
  display: inherit;
}

.fileReportChat .media > * {
  margin: 0 8px;
}

.fileReportChat .media-chat .media-body p.meta {
  background-color: transparent !important;
  padding: 0;
  opacity: 0.8;
}

.fileReportChat .media-meta-day {
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 0;
  color: #8b95a5;
  opacity: 0.8;
  font-weight: 400;
}

.fileReportChat .media {
  padding: 16px 12px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.fileReportChat .media-meta-day::before {
  margin-right: 16px;
}

.fileReportChat .media-meta-day::before,
.media-meta-day::after {
  content: "";
  -webkit-box-flex: 1;
  flex: 1 1;
  border-top: 1px solid #ebebeb;
}

.fileReportChat .media-meta-day::after {
  content: "";
  -webkit-box-flex: 1;
  flex: 1 1;
  border-top: 1px solid #ebebeb;
}

.fileReportChat .media-meta-day::after {
  margin-left: 16px;
}

.fileReportChat .media-chat.media-chat-reverse {
  padding-right: 12px;
  padding-left: 64px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.fileReportChat .media-chat {
  padding-right: 64px;
  margin-bottom: 0;
}

.fileReportChat .media {
  padding: 16px 12px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.fileReportChat .media-chat.media-chat-reverse .media-body p {
  float: right;
  clear: right;
  background-color: #48b0f7;
  color: #fff;
}

.fileReportChat .media-chat.media-chat-reverse .media-body p.meta time {
  color: #9b9b9b;
}

.fileReportChat .media-chat .media-body p {
  position: relative;
  padding: 6px 8px;
  margin: 4px 0;
  background-color: #f5f6f7;
  border-radius: 3px;
}

.fileReportChat .bt-1 {
  border-top: 1px solid #ebebeb !important;
}

.fileReportChat .chatContent .card {
  width: 100%;
}

.fileReportChat .publisher {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: #cecece;
  z-index: 2;
}

.fileReportChat .publisher > *:first-child {
  margin-left: 0;
}

.fileReportChat .publisher > * {
  margin: 0 8px;
}

.fileReportChat .publisher-input {
  -webkit-box-flex: 1;
  flex-grow: 1;
  line-height: 4em;
  height: 75px;
  font-size: 20px;
  font-weight: 600;
  color: #141414;
  border: none;
  outline: none !important;
  background-color: transparent;
}

.fileReportChat .publisher-input::placeholder {
  color: #141414;
}

@media screen and (min-width: 768px) {
  .fileReportChat {
    margin: 160px auto 0 auto;
    max-width: 1200px;
  }
  .fileReportChat .card-header {
    position: relative;
    top: auto;
  }
  .fileReportChat .card-header .btn-secondary {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .fileReportChat .card {
    margin-top: 120px;
  }
  .fileReportChat .card-header {
    position: relative;
    top: auto;
  }
  .fileReportChat .publisher {
    bottom: 75px;
  }

  .fileReportChat ~ .footer-area {
    display: none;
  }
}

.fileReportChat button,
.fileReportChat input,
.fileReportChat optgroup,
.fileReportChat select,
.fileReportChat textarea {
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.fileReportChat .publisher-btn {
  background-color: transparent;
  border: none;
  color: #8b95a5;
  cursor: pointer;
  overflow: -moz-hidden-unscrollable;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

.fileReportChat .file-group {
  position: relative;
  overflow: hidden;
}

.fileReportChat .publisher-btn {
  background-color: transparent;
  border: none;
  color: #cac7c7;
  font-size: 18px;
  cursor: pointer;
  overflow: -moz-hidden-unscrollable;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

.fileReportChat .file-group input[type="file"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
  width: 20px;
}

/* scanPay */
.scanpay__card {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.scanpay__card .name {
  font-size: 15px;
  color: #403f3f;
  font-weight: bold;
}

.scanpay__card .cross {
  font-size: 11px;
  color: #b0aeb7;
}

.scanpay__card .pin {
  font-size: 14px;
  color: #b0aeb7;
}

.scanpay__card .first {
  border-radius: 8px;
  border: 1.5px solid #78b9ff;
  color: #000;
  background-color: #eaf4ff;
}

.scanpay__card .head {
  color: #137ff3;
  font-size: 16px;
}

.scanpay__card .dollar {
  font-size: 24px;
  color: #097bf7;
  padding-right: 10px;
  line-height: 42px;
  font-weight: 600;
}

.scanpay__card .amount {
  color: #007bff;
  font-weight: bold;
  font-size: 18px;
}

.scanpay__card .form-control {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  height: 42px;
  text-align: right;
}

.scanpay__card .back {
  color: #aba4a4;
  font-size: 15px;
  line-height: 73px;
  font-weight: 400;
}

.scanpay__card .button {
  width: 150px;
  height: 60px;
  border-radius: 8px;
  font-size: 18px;
}

/* === 量子脈診 === */
i.fa-takePulse {
  display: inline-block;
  width: 25px;
  height: 20px;
  background: url("/assets/css/plugins/takePulse-icon.svg") center center
    no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 768px) {
  .takepulse__Sec .tp_progress img {
    width: 520px;
  }
}

@media only screen and (max-width: 767px) {
  .takepulse__Sec .tp_progress img {
    width: 100%;
  }
}