/*
####################################################
    M E D I A  Q U E R I E S
####################################################
*/
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/*===================================================*/
/*======= Reusable Componants =======*/
/*===================================================*/
@media (max-width: 1199.98px) {
  .main-navbar .navbar a.navbar-brand img {
    width: 145px;
  }

  .main-navbar .navbar .navbar-nav .nav-item a {
    padding-top: 11px;
    padding-bottom: 10px;
    line-height: 30px;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
  }

  .main-navbar ul.cart-menu li {
    margin: 0px 6px;
  }

  .client-testimonial-area .client_area .blank-side {
    min-height: 85rem !important;
  }

  .client-testimonial-area .client_area .slider_inner-area .client-inner-items {
    margin-top: -48rem !important;
  }
}
@media screen and (min-device-width: 260px) and (max-device-width: 575.98px) {
  body {
    overflow-x: hidden;
    overflow-y: inherit;
  }

  header .main-navbar {
    background: #ffffff !important;
  }

  .slide-banner .banner-slider-text .slider-btn-group {
    margin-top: 3rem;
    position: relative;
    text-align: center !important;
  }

  .whishList.d-flex {
    display: block !important;
  }

  .whishList.d-flex button {
    margin-left: 0 !important;
    display: block;
  }

  .offer-section .discount-deal .offer-countdown #timer {
    margin-top: 6.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  section.cart-area .cart-item {
    text-align: center;
  }

  section.cart-area .cart-item .cart-item-image {
    margin: 10px auto;
  }

  .main-navbar .navbar .navbar-brand img {
    max-width: 120px;
  }

  .main-navbar ul.cart-menu li .dropdown-menu {
    min-width: auto;
  }

  section.our-team .team-member {
    margin-bottom: 30px;
  }

  section.faqs-area .tab-content .accordion-item p {
    padding: 0px;
  }

  section.home-slider .slider-caption-text a.shop-now {
    padding: 6px 15px;
    margin: 10px 0;
    font-size: 18px;
  }

  .blog-box .blog-img a img {
    width: 100% !important;
  }
  .product-default {
    /*  margin: 1.5rem !important;*/
    border: 0.1rem solid #e5e5e5;
    position: relative;
    -webkit-transition: all ease 0.5s ease;
    transition: all ease 0.5s ease;
  }

  .client-testimonial-area .client_area .text-left-aria .section-title-description {
    font-size: 1.4rem;
    text-align: center !important;
  }
}
@media (max-width: 767.98px) {
  .product-slider-area .product-carousel .slideProduct .slider-cart {
    padding: 0;
    margin-top: 3rem;
  }

  div.product-details .single-product-details .quantity form button.btn.btn-primary {
    padding: 1rem 8px;
  }

  div.product-details .single-product-details .quantity form .number {
    max-width: 110px;
    min-width: 110px;
  }

  div.product-details .review-wrapper .review-list .review-item {
    padding: 20px;
    display: block;
  }

  div.product-details .review-wrapper .review-list .review-item .review-text .customer-name {
    display: block;
  }

  div.product-details .review-wrapper .review-list .review-item .review-text {
    margin-left: 0;
  }

  div.product-details .product-details-tab .nav-tabs a.nav-item {
    width: 100%;
    padding: 10px;
  }

  header.header-area {
    padding: 0;
  }

  header .slide-banner .banner-slider-text .banner-text .title-description {
    text-align: center !important;
    font-weight: 400 !important;
    color: #fff;
  }

  section.breadcrumbs ul.breadcrumbs-link {
    text-align: left;
  }

  .main-navbar button.navbar-toggler {
    margin: 11px 0px;
  }

  .main-navbar ul.cart-menu li a i {
    margin-top: 0;
    font-size: 20px;
  }

  .main-navbar ul.cart-menu {
    display: none;
  }

  .main-navbar ul.cart-menu li #search-btn i {
    padding: 1.16rem 0;
  }

  .main-navbar ul.cart-menu.responsive {
    display: flex;
    position: initial;
  }
  .main-navbar ul.cart-menu.responsive .responsiveHeaderIcon {
    color: #1e1e1e;
  }
  .main-navbar ul.cart-menu.responsive .responsiveHeaderIcon:hover {
    color: #2e9dff;
  }

  section.home-slider .slider-caption-text {
    padding: 0px;
  }

  section.home-slider .slider-caption-text h2 {
    font-size: 28px;
    line-height: 40px;
  }

  section.countdown .countdown-wrapper {
    padding: 20px 10px;
  }

  section.countdown .countdown-wrapper .offer-countdown #timer div {
    padding: 5px;
    margin: 5px;
    font-size: 18px;
    min-width: 65px;
  }

  section.countdown .countdown-wrapper .offer-countdown #timer div span {
    font-size: 16px;
  }

  section.cart-area .promo-code {
    margin-top: 60px;
  }

  /*
  .main-navbar .navbar ul {
     max-height: 500px;
      overflow: scroll;
  }*/
  .main-navbar ul.cart-menu {
    display: none;
  }

  .main-navbar .navbar .navbar-nav .nav-item.megamenu .submenu-title {
    margin-bottom: 0;
  }

  .main-navbar .navbar .navbar-nav ul.megamenu-submenu {
    margin-bottom: 20px !important;
  }

  .main-navbar ul.navbar-nav.mr-auto {
    margin-top: 0px;
    margin-left: -15px;
    margin-right: -15px !important;
  }

  .main-navbar ul.navbar-nav.mr-auto > li {
    margin: 0;
    border-top: 1px solid #ddd;
  }

  .main-navbar .navbar .navbar-nav .nav-item a {
    padding: 12px 15px;
  }

  button.navbar-toggler[aria-expanded=false] i.bx.bx-x {
    display: none;
  }

  button.navbar-toggler[aria-expanded=true] i.bx.bx-x {
    display: block;
  }

  button.navbar-toggler[aria-expanded=true] i.bx.bx-menu {
    display: none;
  }

  button.navbar-toggler[aria-expanded=false] i.bx.bx-menu {
    display: block;
  }

  section.banner .banner-area a.shop-now {
    margin: 0.5em 1.2em;
  }

  section.testimonial .testimonial-carousel {
    padding: 0px;
  }

  section.contact-area .contact-form img.contact-right-image {
    position: relative;
    bottom: 0;
    margin: 25px auto;
    display: block;
  }

  .form-label {
    padding-left: 15px;
  }

  section.contact-area .contact-address .contact-address-item {
    margin-bottom: 20px;
  }

  .main-navbar .navbar .navbar-nav .nav-item a {
    font-size: 14px;
    padding-top: 11px;
    padding-bottom: 10px;
    line-height: 24px;
  }

  .slide-banner .slider-img {
    text-align: center;
    padding: 5rem 0;
  }

  .blog-box .blog-img a img {
    min-width: 100% !important;
  }
  .blog-details-area .blog-info .small-blog .blog-content .blog-sp-image img {
    min-width: 100% !important;
  }

  .cart-table table,
.cart-table thead,
.cart-table table tbody,
.cart-table table th,
.cart-table table td,
.cart-table table tr {
    display: block;
    border: none;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .cart-table table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .cart-table table tr {
    border: 1px solid #ccc;
    margin-bottom: 20px;
  }

  .cart-table table td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    text-align: center;
  }

  .cart-table table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }

  .cart-table table .product-info.d-flex {
    display: block !important;
    text-align: center;
  }

  .cart-table table.cart-info .quantity form {
    justify-content: center;
  }

  .cart-table table.cart-info .product-info .product-name {
    width: auto;
  }

  .cart-table tr td {
    padding: 6px 2px !important;
  }

  .login-register-area .login-register-wrapper .tab-content .login-form-container {
    padding: 20px;
  }

  .footer-area .footer-wrapper .gs-footer_widget {
    margin-top: 0px;
  }

  .footer-area .footer-wrapper .widget-info {
    padding-left: 0;
  }

  .section-breadCrumbs {
    padding: 8rem 0;
  }

  .minicart-product-calculation .dcart-action a {
    margin-bottom: 1rem;
  }

  .gs_checkout-area .gs_checkout-inner .gs_checkout-single-content h5 {
    padding: 1rem;
    font-size: 16px;
  }

  .cart-calculating .cart-calc, .cart-calculating .cart-totals {
    padding: 20px;
  }

  .cart-table .cart-btn-group .cart-apply-btn {
    padding: 1.2rem 2rem;
  }

  .blog-details-area .gs_reply-area .people-content .people-comment .name_and_btn {
    display: block !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991.98px) {
  header .slide-banner {
    background: #343434 !important;
    padding: 7rem 0;
  }
  header .slide-banner .banner-slider-text {
    margin-top: 15rem !important;
  }
  header .slide-banner .banner-slider-text .banner-text .banner-title {
    font-size: 3.6rem !important;
    text-align: left !important;
  }
  header .slide-banner .banner-slider-text .banner-text .title-description {
    text-align: left !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    color: #FFF;
  }
}
@media (max-width: 991.98px) {
  .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu {
    position: inherit;
    top: 0;
    display: none;
    width: 100%;
  }

  .main-navbar .navbar .navbar-nav .nav-item.megamenu .dropdown-menu {
    position: inherit;
    visibility: visible;
  }

  .main-navbar .navbar .navbar-nav .nav-item.show a i {
    transform: rotate(-90deg);
  }

  .main-navbar .navbar .navbar-nav .nav-item.megamenu {
    position: relative;
  }

  .main-navbar .navbar .navbar-nav .nav-item a i {
    font-size: 18px;
    position: absolute;
    top: 15px;
    display: inline-block;
    margin-left: -3px;
    margin-right: -3px;
    right: 15px;
  }

  header .slide-banner {
    background: #343434 !important;
    padding: 7rem 0;
  }
  header .slide-banner .banner-slider-text {
    margin-top: 3rem !important;
  }
  header .slide-banner .banner-slider-text .banner-text .banner-title {
    color: #FFFFFF !important;
    font-size: 3.6rem;
    text-align: center !important;
  }
  header .slide-banner .banner-slider-text .banner-text .title-description {
    text-align: center !important;
    font-weight: 400 !important;
  }

  header .main-navbar {
    background: #ffffff;
  }
  header .main-navbar .navigation ul.cart-menu li .dropdown-menu {
    left: auto;
    top: 5.8rem;
    right: 0;
  }
  header .main-navbar .navigation .top-manuBar .menus {
    overflow: inherit;
  }
  header .main-navbar .navigation .top-manuBar .menus li .menu-link {
    color: #1e1e1e !important;
  }
  header .main-navbar .navigation .top-manuBar .menus li .menu-link:hover {
    color: #2e9dff;
  }

  .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu.show {
    display: block;
    transition-duration: 0s;
    top: 0;
    width: 100%;
  }

  .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu.show {
    max-height: 500px;
    overflow: scroll;
  }

  .main-navbar ul.cart-menu .searchbox {
    top: auto;
    bottom: -50px;
    z-index: 999;
    right: 0;
  }

  .main-navbar ul.cart-menu .searchbox .searchbox-input {
    width: 100%;
  }

  /*======== About-Us Section =======*/
  .about-section .about-text {
    text-align: center;
  }
  .about-section .about-text .sectionA-btn {
    margin-top: 1rem !important;
  }
  .about-section .about-boxs {
    margin-top: 3rem;
  }
  .about-section .about-boxs .box-item {
    text-align: center;
  }
  .about-section .about-boxs .box-item img {
    margin-top: 3rem;
  }
  .about-section .about-boxs .about-boxs {
    margin-top: 5rem !important;
  }

  .slide-banner .slider-img {
    text-align: center;
    margin: 0 !important;
  }

  .client-testimonial-area .client_area .text-left-aria {
    text-align: center;
  }
  .client-testimonial-area .client_area .text-left-aria p {
    text-align: center !important;
    padding: 0 3rem;
  }
  .client-testimonial-area .client_area .blank-side {
    display: none !important;
  }
  .client-testimonial-area .client_area .slider_inner-area {
    background-color: #343a40;
    padding: 5rem 3rem;
  }
  .client-testimonial-area .client_area .slider_inner-area .client-inner-items {
    margin: 0 !important;
  }

  /*------- About Us Page CSS --------*/
  .we-provide .content-area, .we-provide.img-box {
    padding: 1.5rem 0;
    text-align: center;
  }
}
@media screen and (min-device-width: 576px) and (max-width: 991.98px) {
  :focus {
    outline: none !important;
  }

  .product-default .product-info h5.brand-name a {
    font-size: 1.2rem;
  }

  header .stickyHeader.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.1);
    background: #ffffff;
  }
  header .stickyHeader.is-sticky .navigation .top-manuBar li .dropdown-menu {
    left: auto;
    top: 6.8rem;
  }
  header .stickyHeader.is-sticky .navigation .top-manuBar .menus {
    overflow: inherit;
  }
  header .stickyHeader.is-sticky .navigation .top-manuBar .menus li .menu-link {
    color: #1e1e1e !important;
  }
  header .stickyHeader.is-sticky .navigation .top-manuBar .menus li .menu-link:hover {
    color: #2e9dff;
  }

  header .main-navbar {
    background: #ffffff;
  }
  header .main-navbar .navigation ul.cart-menu li .dropdown-menu {
    left: auto;
    top: 7rem;
  }
  header .main-navbar .navigation .top-manuBar .menus {
    overflow: inherit;
  }
  header .main-navbar .navigation .top-manuBar .menus li .menu-link {
    color: #1e1e1e !important;
  }
  header .main-navbar .navigation .top-manuBar .menus li .menu-link:hover {
    color: #2e9dff;
  }

  .main-navbar ul.cart-menu.responsive {
    display: flex;
    position: initial;
  }
  .main-navbar ul.cart-menu.responsive .responsiveHeaderIcon {
    color: #1e1e1e;
  }
  .main-navbar ul.cart-menu.responsive .responsiveHeaderIcon:hover {
    color: #2e9dff;
  }

  section.our-team .team-member .thumb-avatar ul.social-icon li {
    display: inline-block;
    margin: 5px 10px;
  }

  section.blog-area .blog-list .post-item {
    text-align: center;
  }

  button.navbar-toggler[aria-expanded=false] i.bx.bx-x {
    display: none;
  }

  button.navbar-toggler[aria-expanded=true] i.bx.bx-x {
    display: block;
  }

  button.navbar-toggler[aria-expanded=true] i.bx.bx-menu {
    display: none;
  }

  button.navbar-toggler[aria-expanded=false] i.bx.bx-menu {
    display: block;
  }

  .main-navbar ul.navbar-nav.mr-auto > li {
    margin: 0;
    border-top: 1px solid #ddd;
  }

  /*Banner Slider Area
  =========================*/
  .slide-banner {
    background: #343434 !important;
    padding: 7rem 0;
  }
  .slide-banner .banner-slider-text {
    margin-top: 3rem !important;
  }
  .slide-banner .banner-slider-text .banner-text .banner-title {
    color: #FFFFFF !important;
    font-size: 3.6rem;
    text-align: center !important;
  }
  .slide-banner .banner-slider-text .banner-text .title-description {
    color: #FFFFFF !important;
    font-weight: 400 !important;
  }
  .slide-banner .banner-slider-text .slider-btn-group {
    margin-top: 3rem;
    text-align: center !important;
  }
  .slide-banner .banner-slider-text .slider-btn-group .btn-left:hover {
    background: #d87d23 !important;
  }
  .slide-banner .slider-img {
    text-align: center;
    padding: 7rem 0;
  }

  /*======== Product Section =======*/
  .product-section .section-heading .title-descrption {
    width: 100% !important;
    padding-top: 1.5rem;
  }
  .product-section .product-box-item {
    text-align: center;
  }

  /*======== Offer Section =======*/
  .offer-section .discount-deal .offer-countdown #timer {
    margin-top: 6.5rem;
  }
  .offer-section .discount-deal .offer-countdown #timer div {
    background: none;
    padding: 0.3rem !important;
    margin: 0.5rem !important;
    font-size: 2rem !important;
    min-width: 8rem !important;
  }
  .offer-section .discount-deal .offer-countdown #timer div span {
    font-size: 14px !important;
  }

  /*======== Product Slider Area =======*/
  .product-slider-area .product-carousel .slideProduct {
    margin-top: 8rem;
  }
  .product-slider-area .product-carousel .slideProduct .product-img {
    text-align: center;
  }
  .product-slider-area .product-carousel .slideProduct .product-img img {
    max-width: 50% !important;
    margin: 0 auto;
  }
  .product-slider-area .product-carousel .slideProduct .slider-cart {
    text-align: center;
    margin: 0 auto !important;
  }
  .product-slider-area .product-carousel .slideProduct .slider-cart h3 {
    font-size: 2.4rem;
    font-weight: 600;
  }
  .product-slider-area .product-carousel .slideProduct .slider-cart p {
    width: 100% !important;
  }
  .product-slider-area .product-carousel .slideProduct .slider-cart .whishList .product-count {
    height: 40px;
    padding: 0.5rem 0.5rem;
    font-size: 2rem;
    color: #FFFFFF !important;
    background: #343434;
  }
  .product-slider-area .product-carousel .slideProduct .slider-cart .whishList .product-count:focus {
    visibility: visible !important;
    color: #FFFFFF;
  }
  .product-slider-area .product-carousel .slideProduct .slider-cart .category {
    margin-top: 1.5rem;
  }
  .product-slider-area .product-carousel .slideProduct .slider-cart .social-media {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  .product-slider-area .product-carousel .slideProduct .slider-cart .social-media a {
    color: #2e9dff;
    cursor: pointer;
  }
  .product-slider-area .product-carousel .owl-nav .owl-prev {
    margin-bottom: 0rem !important;
    position: absolute;
    top: 50%;
    left: -5rem;
    color: #2e9dff;
    outline: none;
  }
  .product-slider-area .product-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: -5rem;
    color: #2e9dff;
    outline: none;
  }

  /*======== Shipping Section =======*/
  .shipping-area .shipping-box .shipping-text p {
    line-height: 1.8 !important;
  }

  /*======== Customer testimonial Area =======*/
  .customer-testimonials .customerSliderArea {
    position: relative;
    padding: 7rem 0;
  }
  .customer-testimonials .customerSliderArea .testimonial-slider .item {
    background: #FFFFFF;
    padding: 5rem 0;
  }
  .customer-testimonials .customerSliderArea .testimonial-slider .review-icon i {
    color: #2e9dff;
  }
  .customer-testimonials .customerSliderArea .testimonial-slider .review-icon i::before {
    margin-left: 0.5rem;
  }
  .customer-testimonials .customerSliderArea .testimonial-slider .testimonial-slider-text {
    width: 100% !important;
    margin: 0 auto;
    padding: 2.5rem !important;
    line-height: 2;
  }
  .customer-testimonials .customerSliderArea .testimonial-slider .owl-nav {
    display: none;
  }
  .customer-testimonials .customerSliderArea .testimonial-slider .owl-dots {
    text-align: center;
    margin-top: 3rem;
  }
  .customer-testimonials .customerSliderArea .testimonial-slider .owl-dots .owl-dot {
    margin: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #2e9dff;
    border-radius: 90%;
    outline: none;
  }
  .customer-testimonials .customerSliderArea .testimonial-slider .owl-dots .active {
    background: #FFFFFF;
  }

  /*======== End Customer testimonial Area =======*/
  /*======== Blogs Section =======*/
  .blogs-area .section-head .section-description {
    width: 100% !important;
  }
  .blogs-area .blog-box {
    margin: 1.5rem 0 !important;
    text-align: center;
  }
  .blogs-area .blog-box .dateAndComment {
    line-height: 3;
  }
  .blogs-area .blog-box .blog-text h3 {
    margin: 2rem 0 !important;
  }
  .blogs-area .blog-box .blog-img a img {
    width: 100% !important;
  }
  /*======== Get-in-TUch Section =======*/
  .contactMail-area {
    position: relative;
    margin-bottom: -12rem;
    text-align: center;
  }
  .contactMail-area .text-and-mail {
    padding: 5rem 0;
    background: #2e9dff;
  }
  .contactMail-area .text-and-mail .tuch-area-text {
    margin-left: 5rem;
  }
  .contactMail-area .text-and-mail .tuch-area-text h3 {
    color: #FFFFFF;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.3;
  }
  .contactMail-area .text-and-mail .tuch-area-text p.tuch-area-discribe {
    color: #FFFFFF;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 0;
  }
  .contactMail-area .text-and-mail .tuch-area-mail {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 3rem;
  }
  .contactMail-area .text-and-mail .tuch-area-mail .bx-envelope {
    margin-right: -2.5rem;
    margin-top: 4.8rem !important;
    color: #2e9dff;
    z-index: 1;
    color: #8D8D8D;
  }
  .contactMail-area .text-and-mail .tuch-area-mail .paper-plan {
    width: 3rem;
    height: 3rem;
    background: #343434;
    margin-left: -5rem;
    margin-top: 4.2rem !important;
    border-radius: 90%;
  }
  .contactMail-area .text-and-mail .tuch-area-mail .paper-plan .bx-paper-plane {
    z-index: 1;
    margin-top: 0.7rem;
    color: #FFFFFF;
  }
  .contactMail-area .text-and-mail .tuch-area-mail .paper-plan:hover .bx-paper-plane {
    color: #2e9dff;
  }
  .contactMail-area .text-and-mail .tuch-area-mail .form-control {
    color: #8D8D8D;
    height: 6rem;
    padding: 1rem 3.5rem;
    font-size: 1.4rem;
    border-radius: 1.5rem;
    margin-top: 3rem;
  }

  /*======== Footer Area =======*/
  .footer-area .footer-wrapper .footer-wrap {
    text-align: center;
    width: 100% !important;
    padding: 3rem 0;
  }
  .footer-area .footer-wrapper .footer-wrap .footer-wraper-text {
    margin: 0 auto;
  }
  .footer-area .footer-wrapper .line1 {
    position: relative;
    width: 50%;
    margin: 0 auto;
  }
  .footer-area .footer-wrapper .line1 h3 {
    margin-top: 4rem;
    margin-left: 2rem;
  }
  .footer-area .footer-wrapper .line1 h3::before {
    margin-left: 2rem;
  }
  .footer-area .footer-wrapper .line1 ul {
    margin-top: 2rem;
    margin-left: 5rem;
  }
  .footer-area .footer-wrapper .copy-right p {
    margin-top: 5rem;
    font-size: 1.6rem !important;
  }
}

/*# sourceMappingURL=responsive.css.map */