/* X-Small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) { 
    .main-header .top-bar{
      height: 20px;
    }
    .main-header .other-links .theme-btn .btn-title{
      display: none;
    }

    .nav-outer {
      padding-bottom: 0px ;
      position:absolute !important;
      right:30px;
    }

    .nav-outer .mobile-nav-toggler{
      position: absolute;
      top: -25px;
      right: 0px;
    }

    .main-header .header-upper .logo-box .logo{
      margin-top: 5px;
      width: 75px;
       position:absolute !important;
       top: 9px;
    }

    .other-links{
      position:absolute !important;
      top: 15px;
      right: 50px;
      margin: 0px !important;
      width: 110px;
      font-size: 20px;
    }

  
    /* home page */
    .hero-section .hero-section__item img{ 
      height:75vh;
      width: 100%;
      object-fit: cover;
      background-position: center;
      background-size: auto;
    }
    .hero-section .hero-content .hero-text h2{
      font-size: 35px;
      
    }
    .hero-section .hero-content .hero-text p{
      font-size: 16px;
      line-height: 1.4;
       margin: 15px 0px 30px 0;
    }

    .hero-section .hero-content a{
      padding: 0px;
    }
    .hero-section .hero-content a .btn-title{
      font-size: 16px !important;

    }

    .swiper-button-next{
      width: 30px;
    }
    .swiper-button-next:after{
      font-size: 20px;
    }

    .swiper-button-prev{
      width: 30px;
    }
    .swiper-button-prev:after{
      font-size: 20px;
    }


    
    .featured-section{
        padding:30px 0px !important;
    }
    .featured-section .auto-container{
          margin: 0px !important;
    width: 100% !important;
    }

    .featured-section .auto-container .clearfix{
        display: flex;
        flex-direction: column-reverse;
    }
    .featured-section .left-col .sec-title{
        text-align: center;
        padding:0px 30px 20px 30px;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .featured-section .left-col{
        margin-top: 0px;
    }


    .featured-section .left-col .sec-title h2{
    font-size: 35px;
    margin-bottom: 20px !important;
    }


    .featured-section .left-col .sec-title .lower-text{
    font-size: 20px;
    text-align: center;
    line-height: 1.2;
    }
    .featured-section .left-col .sec-title p{
    font-size: 16px;
    line-height: 1.5;
    }


    .featured-section .left-col .sec-title .theme-btn .btn-title{
      font-size: 18px;
      padding: 0px;
    }

    .featured-section .right-col{
      margin: auto;
      padding:0px 50px;
    }
    .featured-section .right-col .fadeInRight{
      margin: 20px 0px;
      padding: 0px;
    }


    .featured-section .left-col .sec-title .theme-btn .btn-title {
      font-size: 14px;
    }
    /* Categories Section */

    .categories .container{
      margin: 0px !important;
      width: 100% !important;
    }
    .categories .sec-title {
      text-align: center;
      padding:0px 0px !important;
      margin: 0px !important;
      display:flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .categories .sec-title h2{
      font-size: 35px !important;
      margin: 0px;
      margin-bottom: 5px !important;;
    }
    .categories .sec-title .lower-text{
      font-size: 18px;
      line-height: 1.2;
    }
    .swiper-wrapper{
     position: relative;
    }
    .categories .sec-title h2{
      font-size: 30px;
    }
    
    .categories .sec-title .lower-text{
     margin-top: 10px;
    }

    .categories-home-slider .swiper-container .swiper-button-next,
    .categories-home-slider .swiper-container .swiper-button-prev{
        position: absolute;
        top: 50%;
    }

    .card-flip .flip-card .flip-card-inner .flip-card-front{ 
      border:none;
      margin-bottom: 20px;
    }
    
    .categories .card-flip .categories__content .categories__title a{
      font-size: 30px;
    }
    .categories .card-flip .categories__content .categories__category{
      margin:20px ;
      font-size: 16px;
    }
    .categories .card-flip .categories__content .view-category{
      margin:20px 20px 0px;
      border-radius:40px;
      font-size: 16px;
      padding:2px 0px;
    }

    .categories .flip-card-inner {
      display: flex;
      justify-content: center;
    }

    .categories .flip-card h3 {
      font-size: 4vw;
    }

    .categories .flip-card-back p {
      font-size: 3.5vw !important;
      padding: 0px 5px;
      font-weight: 500;
      line-height: 1.5;
  }

      .categories .flip-card-inner {
      display: flex;
      justify-content: center;
    }

    .categories .flip-card h3 {
      font-size: 4vw;
    }

    .categories .flip-card-back p {
      font-size: 2.2vw;
      font-weight: 500;
      line-height: 1.5;
  }
    .blog-section{
      margin: 0px !important;
    }

    .blog-section .auto-container .sec-title h2{
      font-size: 35px;
      margin-bottom: 15px;
    }
    .blog-section .auto-container .sec-title .lower-text{
      font-size: 20px;
      padding:0px 10px;
      line-height: 1.2;
    }
      .blog-section .row .blog__item{
          padding: 0px 20px !important;
      }

    
    .blog-section .row .blog__item .blog__content{
      text-align: center;
      padding: 0px !important;
      margin: 20px !important;
    }

    .blog-section  .blog__content .blog__title a{
      font-size: 20px;
      
    }

    .blog-section .blog__meta a{
      display: flex;
      justify-content: center;
      width: 100%;
      font-size: 18px;
    }
    
      .blog-section .text p{
      display: flex;
      justify-content: center;
      font-size: 14px;
    }
    .blog-section .blog__content a.blog-info{
      display: flex;
      justify-content: center;
      font-size: 20px;
      padding:0px !important;
      margin: 0px !important;
    }
      
    .categories-link{
      position: relative;
      text-align: center;
    }
    .categories-link:before{
      position: absolute;
      content: "";
      left: 0px;
      top: 50%;
      transform: translateY(-50%);
      width: 30%;
      height: 2px;
    }
    .categories-link::after{
      position: absolute;
      content: "";
      right: 0px;
      top: 50%;
      transform: translateY(-50%);
      width: 30%;
      height: 2px;
      background-color:#0f5996;
    }


      .contact-section {
        padding: 30px 0px 0px !important;
        margin: 0px !important;
    }

    .contact-section .main-social 
    {
      position: absolute;
      bottom:-50px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
    }
    .contact-section .row .form-group .tacbox{
    padding-bottom: 0px;
    }

    #contact-form .row{
      margin-top: 30px;
    }

    .contact-info-two{
      margin-top: 50px;
    }
      .contact-section .sec-title h2{
      font-size: 30px;
      margin-bottom: 15px;
     margin: 0px !important;
    }
    .contact-section .sec-title .lower-text{
      font-size: 20px;
      line-height: 1.2;
    }
    .contact-section .text-start{
      text-align: center !important;
      width: 100%;
    }
    .default-form button{
      padding: 0px 100px;
    }
    .contact-section .text-start .btn-title{
      font-size: 14px;
    }


/* about   page */
.page-banner .inner-container{
  padding: 80px 0px 50px !important;
  height: 75vh;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page-banner .inner-container h1{
  font-size: 35px;

}
.page-banner .inner-container p{
  font-size: 16px;
}
.braedcrumb .page-nav{
  display: flex;
  justify-content: center;
}

.braedcrumb .page-nav a,.braedcrumb .page-nav li{
  font-size: 20px !important;

}
.about-content {
  padding: 0px !important;
}
.about-content p{
  text-align: center;
  font-size: 16px !important;
  padding: 10px;
  line-height: 1.2;
}
.about-slider {
  width: 100%;
  padding-top: 50px;
  display: grid;
  justify-content: center;
  align-items: center;
} 


.about-slider .swiper-slide-active{
  transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(.8)  !important;
}

.about-slider .swiper-slide img{
      max-width: 65%;
}


  
.about-slider .swiper-container {
  width: 350px;
  height: 100px;
  }


/* product page */
.filter-search{
  padding:10px 0px 10px;
}
.filter-search .form-group label{
  font-size: 20px;
  margin:25px  5px 5px;
}

.ui-menu .ui-menu-item-wrapper{
  font-size: 16px;
}

.shop-page {
  padding: 65px 40px 50px 40px;
}
.shop-page .row{
  padding: 0px 0px;

}
.shop-page .product-card__content{
  text-align: center;
}
.shop-page .product-card__title a{
  font-size: 25px;
}
.shop-page  .product-card__text{
  font-size: 18px;
}
.shop-page .view-product{
  font-size: 15px;
  padding: 10px;
}

.category-card__amount{
  font-size: 20px;
  padding: 20px;
}

    .btn-style-one .btn-title{
      font-size: 18px;
      padding: 8px;
    }


    .agency-section{
      padding: 20px 0px 50px !important;
  }
    .market-place .bg{
      padding: 20px;
    }

    .shop-page .product-card__title a {
      font-size: 16px;
  }
  .shop-page .product-card__text{
    font-size: 12px;
}

    .blog-section {
      padding-top: 30px;
      display: grid;
      justify-content: center;
    }

    .blog-section .blog__item{
      display: grid;
      justify-content: center;
      align-items: center;
    }
    .blog-section .blog__item .text{
      display: flex;
      justify-content: center;
    }



    .contact-section .row .form-group .tacbox, .contact-section .row> .form-group:last-child{
       display: flex;
       justify-content: center;
       align-items: center;
    }
    .contact-section .contact-two__content{
      display:grid;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .contact-section .sec-title{
      font-size: 20px;
      margin: 0px;
    }


    .contact-section{
      padding:30px 20px !important;
    }
  
    .contact-section .sec-title .lower-text{
      font-size: 18px;
      line-height: 1.4;
    }
    .contact-section .sec-title h2{
      font-size: 30px !important;
      margin-bottom: 20px !important;
    }
  
    .contact-section .contact-two__text{
      font-size: 15px;
    }

    .contact-section .default-form label{
      font-size: 18px;
      margin-left: 20px;

    }

    .contact-section .social-links{
      margin: 30px 0px;
    }
    .contact-info-two  .contact-info-two__card a{
      font-size: 16px;
    }

    .contact-info-two__card {
      display: flex;
      -webkit-box-align:start;
      -ms-flex-align:start;
      align-items:start;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
      padding: 15px 15px;
      text-align: start;
      border: 1px solid #f4f5f8;
      margin-bottom: 10px;
  }

    .cart-page {
      padding: 0px; 
    }
    .cart-page .table-responsive .cart-table{
      display: grid;
      justify-content: center;
      align-items: center;
      width: 100%;
    } 

    .cart-table thead{
      display: flex;
      justify-content: center;
    }
    .cart-table thead th{
      font-size: 12px;
      padding: 10px;
     }

     .cart-table thead tr> th:first-child{
      padding-right:75px;
     }

    .cart-page .cart-table .product-box{
      position: relative;
      display:grid;
    }

    .cart-page .cart-table .product-box img{
      width: 90%;
    }
    .cart-page .cart-table .product-box a{
      position: absolute;
      left: -20px;
      font-size: 13px;
    }
    
    .cart-page .cart-table tbody .quantity-box{
      width: 60px;
    }
    .cart-page .cart-table tbody .quantity-box button{
      width:25%;
      border: solid 1px #ededed;
        border-radius: 0px;
      }
        .cart-page .cart-table tbody .quantity-box input{
        width: 75%;
        padding-left: 5px;
        border-top-right-radius:0px;
        border-bottom-right-radius:0px;

        }
        .cart-page .cart-table tbody tr> td:nth-child(2){
          font-size: 14px;
          
        }  
        .cart-page .cart-table tbody tr> td:nth-child(3){
          padding: 16px;
          font-size: 11px;
      }  

      .cart-page .cart-table tbody tr> td:nth-child(4){
        font-size: 14px;
      padding:0px 5px;

    }  
    .cart-page .cart-table tbody tr> td:last-child{
      padding:0px 10px 0px 30px;
    }  
    .cart-page .cart-total li> span:first-child{
      font-size: 16px;
    }
    .cart-page__buttons .btn-style-one{
      padding: 3px 20px !important;
    }

    .cart-page__buttons .btn-style-two span,.cart-page__buttons .btn-style-one{
      padding: 10px 30px !important;
    }
    .cart-page__buttons{
      margin-bottom: 20px;
    } 
    .cart-cupon__form{
      display: grid;
      justify-content: center;
    }

    .cart-total li{
      justify-content: space-between;
      padding: 0px 20px;
    }

    .filter-search.single-product{
      margin-top: 0px;
   }

   .contact-section .sec-title h2{
    font-size: 25px !important;
   }
    .we-do-section{
     padding: 0px 0px 0px !important;
   }
   .product-details 
   {
    padding: 50px 30px 100px;
   }
   .product-details h2{
    text-align: center;
      font-size: 20px;
      font-weight: 700;
      line-height: 10px;
   }
   .product-details p {
    text-align: center;
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 50px;
 }

 .product-details .accordion-box .block .acc-btn{
  font-size: 20px;
 }

 .product-tabs .default-tabs .tab-buttons .tab-btn span{
   font-size: 16px;
 }

 .product-tabs .default-tabs .tabs-content .text{
   font-size: 14px;

 }
 .product-details .product-icons li{
   padding: 10px 30px;
   display: grid;
   justify-content: start;
 }

 .product-details .product-icons li a{
    font-size: 20px;
 }

 .product-details .product-icons{
   display: grid;
   justify-content: center;
   align-items: center;
 }

 .product-details .eg-btn {
   margin: 20px 0px;
   width: 100%;
   font-size: 18px;
}

.product-details .accordion-box .block .content{
  padding: 10px 0px 0px !important;
 }

.checkout-page {
 padding-top: 0px;
}

.checkout__title, .checkout__checkbox{
font-size: 20px !important;
}
.checkout__title,.checkout__checkbox label,.checkout__payment__title{
 display:flex;
 justify-content:center ;
 text-align: center;
 font-size: 20px;
 width: 100%;
}
.checkout__table thead th{
 font-size: 20px;
}

.checkout__table tbody td{
 padding: 3px;
 font-size: 14px;
}

.checkout__payment__content, .btn-style-one .btn-title {
 font-size: 16px;
 text-align: center;
}

.justify-content-end{
  display: grid !important;
  justify-content: center !important;
  width: 100% !important;
}
.justify-content-end .btn-style-one .btn-title {
  padding: 5px 70px;
}
    
    .main-footer{
      text-align: center;
    }
    .widgets-section .logo a,.widgets-section .widget-content h6{
    font-size: 30px;
  }
  .main-foote .logo a{
    /* background-color: rgb(161, 161, 30); */
    font-size: 25px;
  }

  .main-footer .text {
    line-height: 1.3;
    font-size: 20px ;
    margin-top: 5px;
    margin-bottom: 20px;

  }
  .widget-content ul{
    margin-bottom: 25px;
  }
  .widget-content ul li{
    margin: 0px !important;
  }
  .widget-content ul li a {
    font-size:20px !important; 
  }

  .main-footer .social-links ul li a{
    font-size:15px;
    margin-bottom: 30px;
  }

  .main-footer .contact-info{
    display: grid;
    width:100%;
    justify-content: center;
    align-items: center;
  }

  .main-footer .contact-info li a{
    font-size: 14px !important;
    margin-top: 20px;
  }
  .main-footer .auto-container:before {
  display: none;
}

.search-popup__form{
  right: 7px;
}
}




@media (min-width: 576px) and (max-width: 767.98px){

  /* Featured Section */
      .main-header .top-bar{
        height: 30px;
      }
      
      .main-header .other-links .theme-btn .btn-title{
        font-size: 16px;
        padding:3px 20px;
      }

      .other-links{
        margin-top: 40px !important;
        margin-right: 30px;
      }
  
      .nav-outer .mobile-nav-toggler{
        position: absolute;
        top: -25px;
        right: 0px;
      }
  
      .main-header .header-upper .logo-box .logo{
        margin-top: 5px;
        width: 100px;
         position:absolute !important;
         top: 9px;
      }
  
      .other-links{
        position:absolute !important;
        top: 15px;
        right: 70px;
        margin: 0px !important;
        font-size: 20px;
      }
      .main-header .other-links .search-btn {
        padding-right: 15px !important;
        margin-right: 0px !important;
      }

      .hero-section .hero-section__item img{ 
        background-position: center;
        background-repeat: no-repeat;
       background-size: cover;
       height:75vh;
        object-fit: cover;
      }
      .hero-section .hero-content .hero-text h2{
        font-size: 50px;
        margin: 0px;
      }
      .hero-section .hero-content .hero-text p{
        font-size: 20px;
        line-height: 1.4;
        margin: 20px 0px 30px;
      }

      .hero-section .hero-content a{
        padding: 3px 0px;
      }
      .hero-section .hero-content a .btn-title{
        font-size: 20px !important;

      }

      .swiper-button-next{
        width: 30px;
      }
      .swiper-button-next:after{
        font-size: 20px;
      }

      .swiper-button-prev{
        width: 30px;
      }
      .swiper-button-prev:after{
        font-size: 20px;
      }

      
      .featured-section{
          padding:30px 30px !important;
      }
      .featured-section .auto-container .clearfix{
          display: flex;
          flex-direction: column-reverse;
      }
      .featured-section .left-col .sec-title{
          text-align: center;
      }
      .featured-section .left-col{
          margin-top: 0px;
      }
      .featured-section .left-col .sec-title h2{
      font-size: 35px;
      margin:10px 0px 5px 0px;
      }


      .featured-section .left-col .sec-title .lower-text{
      font-size: 20px;
      margin: 0px;
      line-height: 1.2;
      }
      .featured-section .left-col .sec-title p{
      font-size: 20px;
      margin: 20px;
      line-height: 1.5;
      }
      
      .featured-section .left-col .sec-title .theme-btn .btn-title{
        font-size: 18px;
        padding: 0px;
      }

      .featured-section .right-col{
        margin: auto;
        padding:0px 50px;
      }

      .featured-section .right-col .fadeInRight{
        margin: 20px 0px;
        padding: 0px;
      }
      /* Categories Section */

      .categories .container {
        padding:0px 30px;
      }
      .categories .sec-title h2{
        font-size: 35px;
        margin: 5px;
      }
      .categories .sec-title .lower-text{
        font-size: 20px;
        margin: 20px 0px 0px 0px;
        line-height: 1.2;
      }


      .categories-home-slider .swiper-container .swiper-button-next,
      .categories-home-slider .swiper-container .swiper-button-prev{
         top: 50%;
         transform: translateY(-50%);
      }

      .card-flip .flip-card .flip-card-inner .flip-card-front{ 
        border:none;
        margin-bottom: 20px;
      }
      
      .categories .card-flip .categories__content .categories__title a{
        font-size: 28px;
      }
      .categories .card-flip .categories__content .categories__category{
        margin:20px ;
        font-size: 18px;
      }
      .categories .card-flip .categories__content .view-category{
        margin:20px 30px 0px;
        border-radius:40px;
        font-size: 16px;
        padding:2px 0px;
      }

      .categories .flip-card-inner {
        display: flex;
        justify-content: center;
      }
  
      .categories .flip-card h3 {
        font-size: 2.5vw;
      }

      .categories .flip-card-back p {
        font-size: 1.5vw;
        font-weight: 500;
        line-height: 1.5;
    }

      .blog-section .auto-container{
        padding:0px 30px;
      }
      .blog-section .auto-container .sec-title h2{
        font-size: 30px;
        margin-bottom: 15px;
      }
      .blog-section .auto-container .sec-title .lower-text{
        font-size: 20px;
        line-height: 1.2;
      }
        .blog-section .row .blog__item{
            height: auto;
            padding: 0px !important;
        }

      
      .blog-section .row .blog__item .blog__content{
        text-align: center;
        padding: 20px;
        margin: 0px;
      }

      .blog-section  .blog__content .blog__title a{
        font-size: 20px;
      }

      .blog-section .blog__meta a{
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: 18px;
      }
      
        .blog-section .text p{
        display: flex;
        justify-content: center;
        font-size: 14px;

      }
      .blog-section .blog__content a.blog-info{
        display: flex;
        justify-content: center;
        font-size: 25px;
        padding:0px 0px  20px 0px;
      }
        
      .categories-link{
        position: relative;
        text-align: center;
      }
      .categories-link:before{
        position: absolute;
        content: "";
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        width: 30%;
        height: 2px;
      }
      .categories-link::after{
        position: absolute;
        content: "";
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        width: 30%;
        height: 2px;
        background-color:#0f5996;
      }

      .contact-section{
        padding:0px 30px !important;
      }
      
        .contact-section .sec-title h2{
        font-size: 35px;
        margin-bottom: 15px;
      }
      .contact-section .sec-title .lower-text{
        font-size: 20px;
        line-height: 1.2;
      }
      .contact-section .text-start{
        text-align: center !important;
        width: 100%;
      }
      .contact-section .text-start .btn-title{
        font-size: 20px;
      }



    /* about page */
    .page-banner .inner-container{
      padding: 80px 0px 50px !important;
      height: 70vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .page-banner .inner-container{
      padding: 80px 0px 50px !important;
    }
    
    .page-banner .inner-container h1{
      font-size: 40px;
    }
    .page-banner .inner-container p{
      font-size: 20px;
    }
    .braedcrumb .page-nav{
      display: flex;
      justify-content: center;
    }
    
    .braedcrumb .page-nav a,.braedcrumb .page-nav li{
      font-size: 24px !important;
    
    }
    .about-content p{
      text-align: center;
      font-size: 20px !important;

      line-height: 1.5;
    }

    .about-slider {
      width: 100%;
      padding-top: 100px;
      display: grid;
      justify-content: center;
      align-items: center;
    } 
     
    .about-slider .swiper-slide-active{
      transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(.9)  !important;
    }
    
    .about-slider .swiper-slide img{
          max-width: 75%;
    }
    
    .about-slider .swiper-container {
      width: 450px;
      height: 100px;
      }


    .filter-search{
      padding:10px 0px 10px;
    }
    .filter-search .form-group label{
      font-size: 20px;
      margin:25px  5px 5px;
    }
    
    .ui-menu .ui-menu-item-wrapper{
      font-size: 16px;
    }
    .shop-page {
      padding: 65px 60px 50px 60px;
    }
    .shop-page .row{
      padding: 0px 40px;
    }
    .shop-page .product-card__content{
      text-align: center;
    }
    .shop-page .product-card__title a{
      font-size: 20px;
    }
    .shop-page  .product-card__text{
      font-size: 18px;
    }
    .shop-page .view-product{
      font-size: 15px;
      padding: 10px;
    
    }

    .category-card__amount{
      font-size: 20px;
      padding: 20px;
    }
    
    .agency-section{
      padding: 20px 0px 50px !important;
  }
    .market-place .bg{
      padding: 20px;
    }
    .shop-page {
      padding: 0px 60px 0px 60px;
  }
    .shop-page .product-card__title a {
      font-size: 20px;
  }
  .shop-page .product-card__text{
    font-size: 12px;
}
    
    .btn-style-one .btn-title{
      font-size: 20px;
      padding: 8px;
      }

      .blog-section .blog__item{
        display: grid;
        justify-content: center;
        align-items: center;
        }
        .blog-section .blog__item .text{
          display: flex;
          justify-content: center;
        }



      .contact-section {
        padding: 0px 0px 0px !important;

      }

      .contact-section .contact-two__content{
        display:flex !important;
        justify-content: center;
        text-align: center;
      }

      .contact-section .sec-title h2{
        font-size: 30px !important;
      }
      .contact-section .contact-two__text{
        font-size: 15px !important;
        margin-bottom: 20px;
      }
      .contact-section .main-social 
        {
          position: absolute;
          bottom: 0px;
        }

      .contact-section .row .form-group .tacbox, .contact-section .row> .form-group:last-child{
        display: flex;
        justify-content: center;
        align-items: center;
        /* margin-top: 0px !important; */
        padding-bottom: 100px;
    }
    .contact-section .row .form-group .tacbox{
      padding-bottom: 0px;

    }
    .contact-section .contact-two__content{
      display:grid;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .contact-section .sec-title{
      font-size: 20px;
      margin: 0px;
    }
    .contact-section .contact-two__text{
      font-size: 15px;
    }

    .contact-section .default-form label{
      font-size: 20px;
      margin-left: 20px;
    }

    .contact-section .social-links{
      margin: 30px 0px;
    }
    .contact-info-two  .contact-info-two__card a{
      font-size: 16px;
    }
    .contact-info-two__card{
      display: flex;
      justify-content:start ;
      padding: 20px 15px;
      text-align:start;
      border: 1px solid #f4f5f8;
      margin-bottom: 20px;
      background-color: aliceblue;
    }


      .cart-page .table-responsive .cart-table{
        display: grid;
        justify-content: center;
        width: 100%;
      } 
  
      .cart-table thead th{
        font-size: 16px;
        padding: 17px;
       }
  
       .cart-table thead tr> th:first-child{
        padding-right:115px;
        padding-left: 0px;
       }
  
      .cart-page .cart-table .product-box{
        position: relative;
        display:grid;
        padding-right:50px;
      }
  
      .cart-page .cart-table .product-box img{
        width:100%;
      }
      .cart-page .cart-table .product-box a{
        position: absolute;
        left: -25px;
        font-size: 15px;
      }

          .cart-page .cart-table tbody .quantity-box input{
          padding-left: 5px;
          border-top-right-radius:0px;
          border-bottom-right-radius:0px;
  
          }
          .cart-page .cart-table tbody tr> td:nth-child(2){
            font-size: 14px;
          }  
          .cart-page .cart-table tbody tr> td:nth-child(3){
            padding: 16px;
            padding-left: 30px;
            font-size: 18px;
        }  
  
        .cart-page .cart-table tbody tr> td:nth-child(4){
          font-size: 14px;
        padding:0px 15px;
      }  
      .cart-page .cart-table tbody tr> td:last-child{
        padding:0px 10px 0px 60px;
      
      }  


      .cart-page .cart-total li> span:first-child{
        font-size: 18px;
      }
      .cart-page__buttons .btn-style-one{
        padding: 3px 20px !important;
      }
  
      .cart-page__buttons .btn-style-two span, .cart-page__buttons .btn-style-one{
        padding: 7px 70px !important;
      }

      .cart-cupon__form{
        display: grid;
        justify-content: center;
      }
      .cart-total li{
        justify-content: space-between;
        padding: 0px 20px;
      }
  
  



      .we-do-section{
        padding: 0px 0px 0px !important;
      }
      .product-details 
      {
       padding: 50px 30px 100px;
      }
      .product-details h2{
       text-align: center;
         font-size: 20px;
         font-weight: 700;
         line-height: 10px;
      }
      .product-details p {
       text-align: center;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 50px;
    }
   
    .product-details .accordion-box .block .acc-btn{
     font-size: 20px;
    }
   
    .product-tabs .default-tabs .tab-buttons .tab-btn span{
      font-size: 16px;
    }
   
    .product-tabs .default-tabs .tabs-content .text{
      font-size: 14px;
   
    }
    .product-details .product-icons li{
      padding: 10px 30px;
      display: grid;
      justify-content: start;
    }
   
    .product-details .product-icons li a{
       font-size: 20px;
    }
   
    .product-details .product-icons{
      display: grid;
      justify-content: center;
      align-items: center;
    }
   
    .product-details .eg-btn {
      margin: 20px 0px;
      width: 100%;
      font-size: 18px;
   }

   .product-details .accordion-box .block .content{
    padding: 10px 0px 0px !important;
   }

   .justify-content-end{
    justify-content: center !important;
   }
   .justify-content-end .btn-style-one .btn-title {
    padding: 5px 100px;
  }

      .main-footer{
        /* background-color: aquamarine; */
        text-align: center;
      }
      .widgets-section .logo a,.widgets-section .widget-content h6{
      font-size: 35px;
    }
    .main-foote .logo a{
      font-size: 30px;
    }

    .main-footer .text {
      line-height: 1.3;
      font-size: 25px ;
      margin-top: 5px;
      margin-bottom: 20px;

    }
    .widget-content ul{
      margin-bottom: 30px;
    }
    .widget-content ul li{
      margin: 0px !important;
    }
    .widget-content ul li a {
      font-size:20px !important; 
    }

    .main-footer .social-links ul li a{
      font-size:20px;
      margin-bottom: 30px;
    }

    .main-footer .contact-info{
      display: grid;
      width:100%;
      justify-content: center;
      align-items: center;
    }

    .main-footer .contact-info li a{
      font-size: 18px !important;
      margin-top: 20px;
    }
    .main-footer .auto-container:before {
    display: none;
    }

}
  
@media (min-width: 768px) and (max-width: 991.98px){

    .main-header .top-bar{
      height: 35px;
    }
    
    .main-header .other-links .theme-btn .btn-title{
      font-size: 16px;
      padding:3px 20px !important; 
    }

    .other-links{
      margin-top: 40px !important;
      margin-right: 30px;
    }

    .nav-outer .mobile-nav-toggler{
      position: absolute;
      top: -25px;
      right: 0px;
    }

    .main-header .header-upper .logo-box .logo{
      margin-top: 5px;
      width: 100px;
       position:absolute !important;
       top: 9px;
    }

    .other-links{
      position:absolute !important;
      top: 15px;
      right: 70px;
      margin: 0px !important;
      font-size: 20px;
    }
    .main-header .other-links .search-btn {
      padding-right: 15px !important;
      margin-right: 0px !important;
    }

    .hero-section .hero-section__item img{ 
      height:65vh;
      width: 100%;
      object-fit:cover;
    }
    .hero-section .hero-content .hero-text h2{
      font-size: 50px;
      margin: 20px 0px;
    }
    .hero-section .hero-content .hero-text p{
      font-size: 25px;
      margin: 40px 0px;
    }

    .hero-section .hero-content a{
      padding: 4px;
    }
    .hero-section .hero-content a .btn-title{
      font-size: 18px !important;
    }
    .btn-style-one .btn-title{
            padding:7px 0px !important;
    }

    .swiper-button-next, .swiper-button-prev{
      width: 40px;
    }
    .swiper-button-prev:after,.swiper-button-next:after{
      font-size: 25px;
    }

    .featured-section{
        padding:30px 50px !important;
    }
    .featured-section .auto-container .clearfix{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }
    .featured-section .left-col .sec-title{
        text-align: center;
    }
    .featured-section .left-col{
       margin: auto;
        margin-top: 40px;
       margin: 10px 0px 30px 10px;

    }
    .featured-section .left-col .sec-title h2{
    font-size: 40px;
    /* margin: 0px; */
    
    }

    .featured-section .left-col .sec-title .lower-text{
    font-size: 25px;
    margin: 0px;
    line-height: 1.2;
    }


    .featured-section .left-col .sec-title p{
    font-size: 20px;
    margin: 10px 0px 30px 40px;

    line-height: 1.5;
    }

    .featured-section .left-col .sec-title .theme-btn .btn-title{
      font-size: 20px;
      padding: 0px;
    }

    .featured-section .right-col{
      margin: auto;
      padding:0px 50px;
    }
    .featured-section .right-col .fadeInRight{
      margin: 20px 0px;
      padding: 0px;
    }







    /* Categories Section */

    .categories .container {
      padding:0px 30px;
    }
    .categories .sec-title h2{
      font-size: 40px;
      margin: 5px;
    }
    .categories .sec-title .lower-text{
      font-size: 22px;
      font-weight:bold;
      margin: 20px 0px 0px 0px;
      line-height: 1.2;
    }

    .categories-home-slider .swiper-container .swiper-button-next,
    .categories-home-slider .swiper-container .swiper-button-prev{
        top: 50%;
        transform: translateY(-50%);
    }

    .card-flip .flip-card .flip-card-inner .flip-card-front{ 
      border:none;
      margin-bottom: 15px;
    }
    
    .categories .card-flip .categories__content .categories__title a{
      font-size: 18px;
    }
    
    .categories .card-flip .categories__content .categories__category{
      font-size: 14px;
    }
    .categories .card-flip .categories__content .view-category{
      border-radius:40px;
      font-size: 16px;
      padding:1px;
    }

    .categories .flip-card-inner {
      display: flex;
      justify-content: center;
    }

  .categories .card-flip .backCard{
    display: flex;
    justify-content: center;
    align-items: center;
      position: relative;
      top: 30px !important;
      width: 100% !important;
      height: 150px !important
    }
  .categories .card-flip:hover .backCard  {
    display: flex;
    justify-content: center;
    align-items: center;
      position: relative;
      top: 30px !important;
      width: 100%;
      height: 150px !important
    }




    .categories .flip-card h3 {
      font-size: 2vw;
      margin: 10px 0px 10px !important;
    }

    .categories .flip-card-back p {
      font-size: 1.1vw;
      font-weight: 500;
      line-height: 1.5;
      padding: 0px 10px;
  }

    .blog-section{
      padding: 30px 0px !important;
    }
    .blog-section .auto-container{
      padding:0px 70px;
    }


    .blog-section .auto-container .sec-title h2{
      font-size: 35px;
      margin-bottom: 15px;
    }
    .blog-section .auto-container .sec-title .lower-text{
      font-size: 22px;
      font-weight: bold;
      line-height: 1.2;
    }
    
    .blog-section .row .blog__item .blog__content{
      text-align: center;
      padding:0px 30px;
      margin: 0px;
    }


    .blog-section  .blog__content .blog__title a{
      font-size: 25px;
    }

    .blog-section .blog__meta a{
      display: flex;
      justify-content: center;
      width: 100%;
      font-size: 20px;
    }
    
      .blog-section .text p{
      display: flex;
      justify-content: center;
      font-size: 18px;
    }

    .blog-section .blog__content a.blog-info{
      display: flex;
      justify-content: center;
      font-size: 30px;
      padding:0px 0px  20px 0px;
    }
      




    .contact-section{
      padding:50px 20px !important;
    }
    
      .contact-section .sec-title h2{
      font-size: 40px;
      margin-bottom: 15px;
    }
    .contact-section .sec-title .lower-text{
      font-size: 22px;
      line-height: 1.2;
    }
    .contact-section .text-start{
      text-align: center !important;
      width: 100%;
    }
    .contact-section .text-start .btn-title{
      font-size: 20px;
    }

  .page-banner .inner-container{
    padding: 80px 0px 50px !important;
    height: 65vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .page-banner .inner-container{
    padding: 100px  !important;
  }
  
  .page-banner .inner-container h1{
    font-size: 45px;
  }
  .page-banner .inner-container p{
    font-size: 25px;
  }
  .braedcrumb .page-nav{
    display: flex;
    justify-content: center;
  }
  
  .braedcrumb .page-nav a,.braedcrumb .page-nav li{
    font-size: 28px !important;
  
  }
  .about-content p{
    text-align: center;
    font-size: 22px !important;
    line-height: 1.5;
  }


  .about-slider {
    width: 100%;
    padding-top: 100px;
    display: grid;
    justify-content: center;
    align-items: center;
  } 
   
  .about-slider .swiper-slide-active{
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(.9)  !important;
  }
  
  .about-slider .swiper-slide img{
        max-width: 90%;
  }
  
  .about-slider .swiper-container {
    width: 500px;
    height: 200px;
    }


  .filter-search{
    padding:10px 0px 10px;
  }
  .filter-search .form-group label{
    font-size: 16px;
  }
  
  .ui-menu .ui-menu-item-wrapper{
    font-size: 12px;
  }

  .shop-page {
    padding: 65px 30px 50px 30px;
  }
  .shop-page .row{
    padding: 0px 20px;
  }
  .shop-page .product-card__content{
    text-align: center;
  }
  .shop-page .product-card__title a{
    font-size: 20px;
  }
  .shop-page  .product-card__text{
    font-size: 16px;
  }
  .shop-page .view-product{
    font-size: 15px;
    padding: 10px;
  
  }


  .category-card__amount{
    font-size: 25px;
    padding: 20px;
  }
  
  .btn-style-one .btn-title{
    font-size: 18px;
    padding: 8px;
    }



    .blog-section .blog__item{
      display: flex;
      justify-content: center;
      align-items: center;
      }
      .blog-section .blog__item .blog__content .blog__title a{
        font-size:25px;

      }
      .blog-section .blog__item .blog__content .blog-info{
        font-size:20px;
        margin: 0px;
      }
      .blog-section .blog__item .text{
        display: flex;
        justify-content: center;
        font-size: 11px !important;
      }
      .blog-section .sidebar{
        margin: 30px 50px;
      }


      .contact-section{
        padding:0px !important;
      }
      .main-social 
      {
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
      }
  
    
  .contact-section .row .form-group .tacbox{
    padding-bottom: 0px;
  
  }
      .contact-section .row .form-group .tacbox, .contact-section .row> .form-group:last-child{
         display: flex !important;
         justify-content: center;
         align-items: center;
      padding-bottom: 10px;
  
      }

      .contact-section .row .form-group .tacbox, .contact-section .row> .form-group:last-child{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .contact-section .contact-two__text {
      font-size: 16px !important;
      margin-bottom: 20px;
    }
    .contact-section .contact-two__content{
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      align-items: center;
      width: 100%;
    }
    .contact-section .sec-title h2 {
      font-size: 30px !important;
    }
  
    .contact-section .sec-title{
      margin: 0px !important;
      padding: 0px !important;
    }
    .contact-section .contact-two__text{
      font-size: 20px;
    }

    .contact-section .default-form label{
      font-size: 25px;
      margin-left: 20px;
    }

    .contact-section .social-links{
      margin: 30px 0px;
    }

    .contact-info-two  .contact-info-two__card a{
      font-size: 25px;
    }

    .contact-info-two__card{
      display: flex;
      justify-content:start ;
      padding: 20px 15px;
      text-align:start;
      border: 1px solid #f4f5f8;
      margin-bottom: 20px;
    }


    

    .cart-page .table-responsive .cart-table{
      display: grid;
      justify-content: center;
      width: 100%;
    } 

    .cart-table thead th{
      font-size: 24px;
      padding: 19px;
     }

     .cart-table thead tr> th:first-child{
      padding-right:155px;
      padding-left: 0px;
     }

    .cart-page .cart-table .product-box{
      display:grid;
      padding-right:60px;
    }

    .cart-page .cart-table .product-box img{
      width:100%;
    }
    .cart-page .cart-table .product-box a{
      position: relative;
      left:-30px;
      font-size: 20px;
    }

        .cart-page .cart-table tbody .quantity-box input{
        padding-left: 5px;
        border-top-right-radius:0px;
        border-bottom-right-radius:0px;
        }

        .cart-page .cart-table tbody .quantity-box button{
          font-size: 11px;
        }
        .cart-page .cart-table tbody tr> td:nth-child(2){
          font-size: 20px;

          
        }  
        .cart-page .cart-table tbody tr> td:nth-child(3){
          padding: 16px;
          padding-left: 60px;
          font-size: 18px;
      }  

      .cart-page .cart-table tbody tr> td:nth-child(4){
        font-size: 20px;
      padding:0px 40px;

    }  
    .cart-page .cart-table tbody tr> td:last-child{
      padding:0px 10px 0px 60px;
    
    }  
    
    .cart-page .cart-total li> span:first-child{
      font-size: 18px;
    }
    .cart-page__buttons .btn-style-one{
      padding: 3px 40px !important;
    }

    .cart-page__buttons .btn-style-two span, .cart-page__buttons .btn-style-one{
      padding: 7px 120px !important;
    }

    .cart-cupon__form{
    margin: auto;
     display:flex;
     justify-content: center;
     align-items: center;
    }

    .cart-total li{
      justify-content: space-between;
      padding: 0px 20px;
    }


    .we-do-section{
      padding: 0px 0px 0px !important;
    }
    .product-details 
    {
     padding: 50px 30px 100px;
    }

    .product-details .row{
      display: flex;
      align-items: center;
    }
    .product-details h2{
     text-align: center;
       font-size: 20px;
       font-weight: 700;
       line-height: 10px;
    }
    .product-details p {
     text-align: center;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 50px;
  }
 
  .product-details .accordion-box .block .acc-btn{
   font-size: 20px;
  }
 
  .product-tabs .default-tabs .tab-buttons .tab-btn span{
    font-size: 16px;
  }
 
  .product-tabs .default-tabs .tabs-content .text{
    font-size: 14px;
 
  }
  .product-details .product-icons li{
    padding: 10px 20px;
    text-align: center;
  }
 
  .product-details .product-icons li a{
     font-size: 20px;

  }
.justify-content-end {
  justify-content: center !important;
}
.btn-style-one .btn-title{
  font-size: 25px;
}
  .btn-style-one .btn-title{
    padding:8px 150px;
  }
 
  .product-details .product-icons{
    padding:0px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
 
  .product-details .eg-btn {
    margin: 20px 0px;
    width: 100%;
    font-size: 18px;
 }


    .main-footer{
      padding-left: 30px;
    }
    .main-footer .row{
      display: flex;
      align-items: center;
      justify-content: start;
    }
    .main-footer .row .column .row{
      display: flex;
      align-items:start
    } 
    .widgets-section .logo a,.widgets-section .widget-content h6{
    font-size: 30px;
    /* background-color: aquamarine; */
  }

  .product-details .accordion-box .block .content{
    padding: 10px 0px 0px !important;
   }
  
  .main-foote .logo a{
    font-size: 30px;

  }

  .main-footer .text {
    width: 75%;
    line-height: 1.4;
    font-size: 20px ;
    padding-top: 25px;
    margin-bottom: 20px;
  }
  .widget-content ul{
    margin-bottom: 30px;
  }
  .widget-content ul li{
    margin: 0px !important;
  }
  .widget-content ul li a {
    font-size:20px !important; 
  }

  .main-footer .social-links ul li a{
    font-size:20px;
    margin-bottom: 30px;
  }


  .main-footer .contact-info li a{
    font-size: 20px !important;
    margin-top: 20px;
  }
  .main-footer .auto-container:before {
  width: 90%;
  left:50%;
  transform: translateX(-50%);
  }
}





@media (min-width: 992px) and (max-width: 1199.98px){

    /* Featured Section */
    .main-header .top-bar{
      height: 30px;
    }
    

    .main-header .other-links .theme-btn .btn-title{
      font-size: 16px;
      padding:3px 20px !important; 
    }

    .other-links{
      margin-top: 40px !important;
      margin-right: 30px;
    }

    .nav-outer .mobile-nav-toggler{
      position: absolute;
      top: -25px;
      right: 0px;
    }

    .main-header .header-upper .logo-box .logo{
      margin-top: 5px;
      width: 100px;
       position:absolute !important;
       top: 9px;
    }

    .other-links{
      position:absolute !important;
      top: 15px;
      right: 70px;
      margin: 0px !important;
      font-size: 20px;
    }
    .main-header .other-links .search-btn {
      padding-right: 15px !important;
      margin-right: 0px !important;
    }

    .hero-section .hero-section__item img{ 
      height:60vh;
      width: 100%;
      object-fit:cover;
    }
    .hero-section .hero-content .hero-text h2{
      font-size: 40px;
    }
    .hero-section .hero-content .hero-text p{
      font-size: 20px;
      margin: 0px 0px 20px 0px;
    }

    .hero-section .hero-content a{
      padding: 5px;
    }
    .hero-section .hero-content a .btn-title{
      font-size: 20px !important;
    }

    .swiper-button-next{
      width: 50px;
    }
    .swiper-button-next:after{
      font-size: 30px;
    }

    .swiper-button-prev{
      width: 50px;
    }
    .swiper-button-prev:after{
      font-size: 30px;
    }
    
    .featured-section{
        padding:50px 30px !important;
    }
    .featured-section .row{
     display: flex;
     align-items: center;
    }
    .featured-section .left-col .sec-title{
        text-align: left;
    }
    .featured-section .left-col{
        margin-top: 40px;
    }
    .featured-section .left-col .sec-title h2{
    font-size: 30px !important;
    margin: 5px;
    }


    .featured-section .left-col .sec-title .lower-text{
    font-size: 18px;
    margin: 0px;
    line-height: 1.2;
    }
    .featured-section .left-col .sec-title p{
    font-size: 18px;
    margin: 30px 0px 0px 0;
    line-height: 1.5;
    }
    .featured-section .left-col .sec-title .theme-btn{
      margin: 30px 30px 30px 0;
    }
    .featured-section .left-col .sec-title .theme-btn .btn-title{
      font-size: 18px;
      padding: 0px;
    }

    .featured-section .right-col{
      margin: auto;
    }
    .featured-section .right-col .fadeInRight{
      margin: 20px 0px;
      padding: 0px;
    }







    /* Categories Section */

    .categories .container {
      padding:0px 30px;
    }
    .categories .sec-title h2{
      font-size: 35px;
      margin: 5px;
    }
    .categories .sec-title .lower-text{
      font-size: 22px;
      margin: 20px 0px 0px 0px;
      line-height: 1.2;
    }

    .categories-home-slider .swiper-container .swiper-button-next,
    .categories-home-slider .swiper-container .swiper-button-prev{
       top: calc(50% + 170px);
       transform: translateY(-50%);
    }

    .card-flip .flip-card .flip-card-inner .flip-card-front{ 
      border:none;
      margin-bottom: 20px;
    }
    
    .categories .card-flip .categories__content .categories__title a{
      font-size: 20px;
    }
    .categories .card-flip .categories__content .categories__category{
      margin:20px ;
      font-size: 16px;
    }
    .categories .card-flip .categories__content .view-category{
      border-radius:40px;
      font-size: 16px;
      padding: 0px;
    }

    .categories .card-flip .categories__content .categories__title a{
      font-size: 18px;
    }
    
    .categories .card-flip .categories__content .categories__category{
      font-size: 14px;
    }
    .categories .card-flip .categories__content .view-category{
      border-radius:40px;
      font-size: 16px;
      padding:1px;
    }


  .categories .card-flip .backCard{
    display: flex;
    justify-content: center;
    align-items: center;
      position: relative;
      top: 20px !important;
      width: 100% !important;
      height: 165px !important
    }
  .categories .card-flip:hover .backCard  {
    display: flex;
    justify-content: center;
    align-items: center;
      position: relative;
      top: 20px !important;
      width: 100%;
      height: 165px !important
    }

    .categories .flip-card h3 {
      font-size: 1.5vw;
      margin: 10px 0px 10px !important;
    }

    .categories .flip-card-back p {
      font-size: .9vw;
      font-weight: 500;
      line-height: 1.5;
      padding: 0px 10px;
  } 


    .blog-section .auto-container{
      padding:0px 15px;
    }
    .blog-section .auto-container .sec-title h2{
      font-size: 35px;
      margin-bottom: 15px;
    }
    .blog-section .auto-container .sec-title .lower-text{
      font-size: 22px;
      line-height: 1.2;
    }
      .blog-section .row .blog__item{
          height: auto;
          padding: 0px !important;
      }

    .blog-section .blog__image{
      height: auto;
    }
    .blog-section .row .blog__item .blog__content{
      text-align: center;
      margin: 0px;
      padding: 0;
    }

    .blog-section  .blog__content .blog__title a{
      font-size: 24px;
    }

    .blog-section .blog__meta a{
      display: flex;
      justify-content: center;
      width: 100%;
      font-size: 18px;
    }
    
      .blog-section .text p{
      display: flex;
      justify-content: center;
      font-size: 16px;
    }
    .blog-section .blog__content a.blog-info{
      display: flex;
      justify-content: center;
      font-size: 22px;
      padding:0px 0px  20px 0px;
    }
      






    .contact-section{
      padding:50px 20px !important;
    }
    
      .contact-section .sec-title h2{
      font-size: 35px;
      margin-bottom: 15px;
    }
    .contact-section .sec-title .lower-text{
      font-size: 22px;
      line-height: 1.2;
    }
    .contact-section .text-start{
      text-align: center !important;
      width: 100%;
    }
    .contact-section .text-start .btn-title{
      font-size: 20px;
    }




    .page-banner .inner-container{
      padding: 80px 0px 50px !important;
      height: 65vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .page-banner .inner-container{
      padding: 100px  !important;
    }
    
    .page-banner .inner-container h1{
      font-size: 45px;
    }
    .page-banner .inner-container p{
      font-size: 25px;
    }
    .braedcrumb .page-nav{
      display: flex;
      justify-content: center;
    }
    
    .braedcrumb .page-nav a,.braedcrumb .page-nav li{
      font-size: 28px !important;
    
    }
    .about-content p{
      font-size: 22px !important;
      line-height: 1.5;
    }

    .filter-search{
      padding:10px 0px 10px;
    }
    .filter-search .form-group label{
      font-size: 18px;
    }
    
    .ui-menu .ui-menu-item-wrapper{
      font-size: 16px;
    }
    .shop-page {
      padding: 65px 60px 50px 70px;
    }
    .shop-page .row{
      padding: 0px 20px;
    }
    .shop-page .product-card__content{
      text-align: center;
    }
    .shop-page .product-card__title a{
      font-size: 18px;

    }
    .shop-page  .product-card__text{
      font-size: 14px;
      margin: 0px;
    }
    .shop-page .view-product{
      font-size: 15px !important;
      padding: 10px;
    }
    .category-card__amount{
      font-size: 25px;

    }
      .btn-style-one .btn-title{
        font-size: 25px;
        padding:7px 0px !important;
      }


      .agency-section{
        padding: 20px 0px 50px !important;
    }
      .market-place .bg{
        padding: 20px;
      }
      .shop-page {
        padding: 0px 60px 0px 60px;
    }
      .shop-page .product-card__title a {
        font-size: 18px;
    }
      
  .pagination {
    margin-bottom: 30px;
  }
      .btn-style-one .btn-title{
        font-size: 18px;
        padding: 8px;
        }


      .blog-section .blog__item{
        display: grid;
        justify-content: center;
        align-items: center;
        margin: 20px 0px;
      }
      .blog-section .blog__item .blog__content .blog__title a{
        font-size:18px;
        margin: 0px;
      }
      .blog-section .blog__item .blog__content .blog-info{
        font-size:16px;
        margin: 0px;
        padding: 0px;
      }
      .blog-section .blog__item .text{
        display: flex;
        justify-content: center;
      }
      .blog-section .blog__item .text p{
        margin: 0px;
        padding: 0px;
        font-size: 14px !important;
      }

      .contact-section .row .form-group .tacbox, .contact-section .row> .form-group:last-child{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .contact-section .contact-two__content{
      display:grid;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: left;
    }
    .contact-section .sec-title h2{
      font-size: 30px !important;
    }
    .contact-section .sec-title{
      font-size: 16px !important;
      margin: 0px;
    }
    .contact-section .contact-two__text{
      font-size: 15px;
    }

    .contact-section .default-form label{
      font-size: 20px;
      margin-left: 20px;

    }

    .contact-section .social-links{
      margin: 30px 0px;
    }
    .contact-info-two  .contact-info-two__card a{
      font-size: 12px;
    }

    .contact-info-two__card {
      display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 15px 15px;
    text-align: start;
    border: 1px solid #f4f5f8;
    margin-bottom: 20px;
    }

    .cart-page .table-responsive .cart-table{
      padding: 50px !important;
    } 


    .cart-page .cart-table .product-box img{
      width:25%;
    }
    .cart-page .cart-table .product-box a{
      font-size: 25px;
    }

        .cart-page .cart-table tbody .quantity-box input{
        padding-left: 5px;
        border-top-right-radius:0px;
        border-bottom-right-radius:0px;
           
        }
        .cart-page .cart-table tbody .quantity-box button{
             font-size: 11px;
        }
        .cart-page .cart-table tbody tr> td:nth-child(2){
          font-size: 20px;
          
        }  
        .cart-page .cart-table tbody tr> td:nth-child(3){
          padding: 20px;
          font-size: 20px;
      }  

      .cart-page .cart-table tbody tr> td:nth-child(4){
        font-size: 20px;
      padding:0px 10px;

    }  
    .cart-page .cart-table tbody tr> td:last-child{
      text-align:center;
    }  

    
    .cart-page .cart-total li> span:first-child{
      font-size: 18px;
    }
    .cart-page__buttons .btn-style-one{
      padding: 3px 20px !important;
    }

    .cart-page__buttons .btn-style-two span{
      padding: 10px 150px !important;
      display: flex;
      justify-content: center;
    }
    .cart-cupon__form{
      display: grid;
      justify-content: center;
    }

    .default-form button{
      padding: 3px 70px
    }

    .cart-page__buttons .btn-style-two {
      margin-bottom: 20px;

    }
    .cart-page__buttons{
     display: grid;
     width: 100% !important;
    }

    .cart-total li{
      justify-content: space-between;
      padding: 0px 0px;
    }


    .we-do-section{
      padding: 0px 0px 0px !important;
    }
    .product-details 
    {
     padding: 50px 30px 100px;
    }

    .product-details .row{
      display: flex;
      align-items: center;
    }
    .product-details h2{
     text-align: center;
       font-size: 20px;
       font-weight: 700;
       line-height: 10px;
    }
    .product-details p {
     text-align: center;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 50px;
  }
  .product-details .accordion-box{
    text-align: start;
  }
 
  .product-details .accordion-box .block .acc-btn{
   font-size: 25px;
  }
 
  .product-tabs .default-tabs .tab-buttons .tab-btn span{
    font-size: 16px;
  }
 
  .product-tabs .default-tabs .tabs-content .text{
    font-size: 14px;
 
  }
  .product-details .product-icons li{
    padding: 10px 30px 10px 50px;
    text-align: center;
  }
 
  .product-details .product-icons li a{
     font-size: 25px;

  }
 
  .product-details .product-icons{
    padding:0px 20px;
    display: flex;
    justify-content: center;
    align-items: center

  }
 
  .product-details .eg-btn {
    margin: 20px 0px;
    width: 100%;
    font-size: 18px;
 }

 .product-details .accordion-box .block .content{
  padding: 10px 0px 0px !important;
 }
 .checkout__title,.checkout__checkbox label,.checkout__payment__title{
  font-size: 26px;
  width: 100%;
 }
 .btn-style-one .btn-title {
  font-size: 18px;
 }
 .btn-style-one .btn-title{
  padding: 8px 120px;
 }

    .main-footer{
      padding-left: 0;
    }
    .main-footer .row{
      display: flex;
      align-items: center;
      justify-content: start;
    }
    .main-footer .row .column .row{
      display: flex;
      align-items:start
    } 
    .widgets-section .logo a,.widgets-section .widget-content h6{
    font-size: 30px;
   
    }

    .main-foote .logo a{
      font-size: 30px;

    }

    .main-footer .text {
      width: 75%;
      line-height: 1.4;
      font-size: 20px ;
      padding-top: 25px;
      margin-bottom: 20px;
    }
    .widget-content ul{
      margin-bottom: 30px;
    }
    .widget-content ul li{
      margin: 0px !important;
    }
    .widget-content ul li a {
      font-size:20px !important; 
    }

    .main-footer .social-links ul li a{
      font-size:20px;
      margin-bottom: 30px;
    }


    .main-footer .contact-info li a{
      font-size: 20px !important;
      margin-top: 20px;
    }
    .main-footer .auto-container:before {
    width: 90%;
    left:50%;
    transform: translateX(-50%);
    }
}