/* start global rules*/
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  overflow-x: hidden;
}

/*end global rules*/
/*start head top*/
@media (max-width:991px) {
  .head-top .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
/*end head top*/
/*start mid head*/
@media (max-width:991px) {
  .head-mid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .head-mid .logo img {
    display: block;
    margin: auto;
    margin-bottom: 25px;
  }
  .head-mid .head-search {
    margin-bottom: 45px;
  }
  .head-mid .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .basket-card .basket-info {
    right: 25px;
    left: 25px;
  }
}
/*end head mid*/
/*start navbar*/
@media (max-width:991px) {
  .navbar .navbar-toggler {
    display: block;
    margin: auto;
  }
  .navbar .nav-item .shop-links, .navbar .nav-item .single-products, .navbar .nav-item .single-product-layout {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 5px;
  }
}
/*end navbar*/
/*start home content*/
@media (max-width: 520px) {
  .home-content {
    width: 100%;
    padding-top: 25px;
  }
  .home-content .slick-slider .item .item-img {
    position: relative;
  }
  .home-content .slick-slider .item .item-img img {
    width: 100%;
  }
  .home-content .slick-slider .item .item-img .item-text {
    position: absolute;
    z-index: 9999;
    top: 10px;
    left: 15px;
  }
  .home-content .slick-slider .item .item-img .item-text p {
    text-transform: capitalize;
    letter-spacing: 1px;
    padding-bottom: 5px;
  }
  .home-content .slick-slider .item .item-img .item-text p span {
    color: #dc3545;
    font-weight: bold;
    letter-spacing: 1.2px;
    font-size: 16px;
    padding-right: 10px;
    padding-left: 5px;
  }
  .home-content .slick-slider .item .item-img .item-text h3 {
    text-transform: capitalize;
    letter-spacing: 1px;
    line-height: 30px;
  }
  .home-content .slick-slider .item .item-img .item-text b {
    color: #dc3545;
    font-weight: bold;
    letter-spacing: 1.2px;
    font-size: 18px;
    padding-right: 10px;
    padding-left: 5px;
  }
  .home-content .slick-slider .item .item-img .item-text a {
    color: #343a40;
    background-color: #ffc107;
    padding: 8px 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 15px;
    border-radius: 5px;
    transition: 0.6s;
  }
  .home-content .slick-slider .item .item-img .item-text a:hover {
    background-color: #343a40;
    color: #fff;
  }
}
@media (max-width: 991px) {
  .li-banner {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
  }
}
/*end home content*/
/*blog panner*/
@media (max-width: 991px) {
  .blog-banner {
    padding-top: 50px;
  }
  .blog-banner .blog-img {
    position: relative;
  }
  .blog-banner .blog-img img {
    width: 100%;
  }
  .blog-banner .blog-img .blog-text {
    position: absolute;
    top: 5px;
    left: 25px;
    display: none;
  }
  .blog-banner .blog-img .blog-text small {
    letter-spacing: 1px;
    color: #dc3545;
    padding-bottom: 5px;
  }
  .blog-banner .blog-img .blog-text h3 {
    text-transform: capitalize;
    letter-spacing: 1.4px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
  }
  .blog-banner .blog-img .blog-text span {
    text-transform: capitalize;
    font-weight: bold;
    display: block;
    font-size: 14px;
    padding-bottom: 5px;
  }
  .blog-banner .blog-img .blog-text span b {
    color: #e83e8c;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .blog-banner .blog-img .blog-text a {
    background-color: #ffc107;
    text-transform: capitalize;
    letter-spacing: 1.2px;
    padding: 6px 12px;
    border-radius: 5px;
    text-align: center;
    color: black;
    transition: 0.5s;
  }
  .blog-banner .blog-img .blog-text a:hover {
    background-color: #777;
    color: #fff;
  }
}
/*end plog oanner*/
/*slick-slider*/
@media (max-width: 991px) {
  .slick-slider {
    margin-top: 50px;
  }
}
/*end slick-slider*//*# sourceMappingURL=media.css.map */