/* 1400px==------------------------------ */
@media (max-width:1400px) {


}
/* 1400px==------------------------------ */


/* 1200px==------------------------------ */
@media (max-width:1199px) {
  .header-section .logo img {
    width: 100%;
  }
  .header-section .navbar ul li a{
    padding: 27px 10px;
  }
  .slider-section{
    padding-top: 116px;
  }
  .categories-carousel .item{
    padding-bottom: 13px;
  }
  .categories-carousel {
    padding-bottom: 0;
  }
  .header-section.sticky .navbar ul li a{
    padding: 22px 10px;
  }
  .howitwork-section{
    padding-top: 1rem;
  }
  .header-section .logo {
    width: 189px;
    padding-left: 0;
  }
  .header-section .navbar{
    width: calc(100% - 190px);
  }
  .header-section .navbar ul li a::after {
    height: 1px;
    display: none;
  }
  /* footer ---------- */
  .footer-section .item.links {
    padding-right: 2em;
  }
  .footer-section .item .pyment ul li{
    height: 26px;
    width: 39px;
  }
  /* footer ---------- */

  
}
/* 1200px==------------------------------ */

/* 1024px==------------------------------ */
@media (max-width:1024px) {

}
/* 1024px==------------------------------ */

/* 991px==------------------------------ */
@media (max-width:991px) {
  .header-section .navbar .links{
    z-index: 9;
  }
  .toggle-btn{
    display: block;
  }
  .header-section .navbar .basket-card{ 
  }
  .header-section .navbar .links{ 
    position: fixed;
    right: -1000px;
    height: 100%;
    top: 0;
    background-color: white;
    width: 58%;
    box-shadow: 0 4px 15px 0 #d1d1d133;
    padding: 0 18px;
    transition: 0.5s;
  }
  .header-section .navbar .links.is-active{
    transition: 0.5s;
    right: 0;
  }
  .header-section .navbar ul{
    display: block;
  }
  .header-section .navbar ul li a{
    height: auto;
    border-bottom: 1px solid #f4f4f4;
    padding: 15px 10px;
  }
  .header-section.sticky .navbar ul li a{
    padding: 15px 10px;

  }
  .header-section .navbar ul li{
    height: auto;
  } 
  .header-section .navbar{
    justify-content: left;
  }
  .header-section .bottom{
    padding: 10px 0;
  }
  .slider-section{
    padding-top: 96px;
  }
  .basket-card .shoping-card .text h3{
    font-size: 16px;
  }
  .basket-card .shoping-card .icon{
    width: 36px;
    height: 37px;
    margin-right: 4px;
  }
  .basket-card .shoping-card .text span{
    font-size: 12px;
  }
  .header-section .overlay.ac {
    display: block;
  }
  .header-section .overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0%;
  }
  /* bottom-menu ---------- */
  .bottom-menu{
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%; 
    z-index: 99;
  }
  .bottom-menu .content{
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bottom-menu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    background-color: #fff;
    padding: 13px 20px;
    border-radius: 30px;
    box-shadow: 0 4px 15px 0 #d1d1d1;
  }
  .bottom-menu ul li{}
  .bottom-menu ul li.home{}
  .bottom-menu ul li.home a{
    color: #ff3838;
  }
  .bottom-menu ul li.home a i{}
  /* bottom-menu ---------- */

  /* slider ---------- */
  .slider-section .item .image{
    height: 460px;
  }
  .slider-section .main-slider .owl-nav button{
    margin-top: -16em;
  }
  .slider-section .main-slider .owl-nav button{
    width: 37px;
    height: 37px;
  }
  /* slider ---------- */
  
  /* how it work ---------- */
  .howitwork-section .tabs-section .nav-tabs .nav-link{
    padding: 8px 25px;
    font-size: 15px;
  }
  .howitwork-section .tabs-section .nav-tabs{
    margin-top: -22px;
  }
  .howitwork-section .boxes > .row{
    justify-content: center;
  }
  .howitwork-section .boxes .item .content::after{
    display: none;
  }
  .howitwork-section .boxes .item .content{
    padding: 11px 0;
  }
  /* how it work ---------- */

  /* Best offers ---------- */
  .best-offers .boxes > .row{
    justify-content: center;
  }
  /* Best offers ---------- */

  /* reviews ---------- */
  .reviews-section .boxes .item .content .info {
    padding-bottom: 20px;
  }
  .reviews-section .boxes .item .content{
    padding: 10px 10px;
  }
  /* reviews ---------- */

  /* inner pages ---------- */
  .banner-section{
    height: 200px;
    margin-top: 96px;
  }
  /* inner pages ---------- */

  /* account ---------- */
  .account-sec .sidebar .nav-tabs{
    display: flex;
    flex-wrap: wrap; 
  }
  .account-sec .sidebar .content{
    border: 0;
  }
  .account-sec {
    padding-top: 11em;
  }
  .account-sec .sidebar {
    margin-bottom: 40px;
  }
  .account-sec .sidebar .nav-tabs .nav-link::after {
    display: none;
  }
  .account-sec .sidebar .nav-tabs .nav-link{ 
    background-color: #fbfbfb;
    padding: 10px 18px;
  } 
  .account-sec .content-sec .title h3 {
    font-size: 19px;
  }
  .page-content{
    padding-bottom: 3em;
  }
  .product-table{
    overflow-x: scroll;
  }
  .product-table .table{
    width: 790px;
  }
  /* account ---------- */
   /* order details ---------- */
  .account-sec .order-detail .details ul li{
    width: 100%;
  }
  /* order details ---------- */

  /* blog ---------- */
  .page-content .blog .main-image{
    height: 410px;
  }
  /* blog ---------- */




}
/* 991px==------------------------------ */

/* 767px==------------------------------ */
@media (max-width:767px) {
  /* header ---------- */
  .header-section .navbar .links{
    width: 67%;
  }
  /* header ---------- */

  /* how it work ---------- */
  .howitwork-section .tabs-section .nav-tabs .nav-link{
    padding: 6px 21px;
    font-size: 15px;
  }
  .howitwork-section .boxes .item .icon{
    width: 36px;
    height: 36px;
  }
  .howitwork-section .boxes .item .icon h4{
    line-height: 35px;
  }
  .howitwork-section .boxes .item .icon::after{
    top: -4px;
    right: -4px;
    width: 44px;
    height: 44px;
  }
  /* how it work ---------- */
  /* Best offers ---------- */
  .best-offers .boxes .item .content .image {
    height: 200px;
  }
  /* Best offers ---------- */

  /* footer ---------- */
  .footer-section .item.links {
    padding-right: calc(var(--bs-gutter-x) * .5);
  }
  .footer-section .item{
    margin-bottom: 40px;
  }
  .footer-section .top_part {
    padding-bottom: 1em;
  }
  /* footer ---------- */


  /* card ---------- */
  .card-section .items .item{
    padding: 9px 8px;
  }
  .product-quantity .qty-input .qty-count{
    width: 25px; 
  }
  .card-section .items .item .link .pro-link{
    height: 41px;
  }
  .product-quantity .qty-input .product-qty, .product-quantity .qty-input .qty-count{
    height: 25px; 
  }
  .product-quantity .qty-input{
    padding: 4px;
  }
  .product-quantity .qty-input .qty-count::before, .product-quantity .qty-input .qty-count::after {
    height: 1px;
    width: 7px;
  }
  .payement-accordion .accordion-item .bank-infor ul li{
    width: 100%;
    margin-bottom: 14px;
  }

  /* card ---------- */

  /* account ---------- */

  .account-sec {
    padding-top: 9em;
  }
  /* account ---------- */



}
/* 767px==------------------------------ */

/* 600px==------------------------------ */
@media (max-width:600px) {
  .basket-card .shoping-card{
    padding-right: 0;
  }
  .basket-card .shoping-card .text{
    display: block;
  }
  .basket-card .shoping-card .text span{
    text-align: left;
    margin-top: -2px;
  }
  
  .header-section .navbar .links {
    width: 77%;
    padding: 0 10px;
  }
  .basket-card .shoping-card .icon{
    width: 33px;
    height: 34px;
  }
  .basket-card .shoping-card .icon i{
    font-size: 13px;
  }
  .toggle-btn{
    margin-right: 10px;
  }
  .header-section .logo{
    width: 159px;
  }
  .header-section .navbar{
    padding: 0 12px;
    width: calc(100% - 159px);
  }
  .header-section .upper .text p{
    display: none;
  }
  
  .open-card .modal-dialog{
    width: 100%;
  }
  .categories-carousel .item .content .img{
    width: 44px;
    height: 44px;
  }
  .categories-carousel .item .content .title h3{
    font-size: 14px;
  }
  .categories-carousel .item .content .title{
    padding-top: 4px;
  }
  .categories-carousel .categories-storey{
    padding: 0 20px;
  }
  .categories-carousel .owl-nav button.owl-next{
    margin-top: -112px;
  }
  .categories-carousel .owl-nav button.owl-prev{
    margin-top: -112px;
  }
  /* slider ---------- */
  .slider-section .main-slider .owl-nav button {
    width: 28px;
    height: 32px;
  }
  /* slider ---------- */

  /* how it work ---------- */
  .sec-title h3{
    font-size: 20px;
  }
  .howitwork-section .tabs-section{
    margin-top: 32px;
  }
  /* how it work ---------- */

  /* Best offers ---------- */
  .best-offers .boxes .item .content .image {
    height: 260px;
  }
  /* Best offers ---------- */

  /* footer ---------- */
  .footer-section .item .main-title h3{
    font-size: 18px;
  }
  /* footer ---------- */
  
  /* inner pages ========================== */
  .banner-section {
    height: 180px;
    margin-top: 91px;
  }
  .banner-section .content .title h3{
    font-size: 20px;
  }
  /* login ---------- */
  .login-signup .content .title h3{
    font-size: 25px;
  }
  .login-signup .content .box{
    width: 100%;
  }
  .login-signup .content .title h3{
    margin-top: 13px;
  }
  /* login ---------- */

  /* card ---------- */
  .ui-success, .ui-error{
    width: 110px;
    height: 110px;
  }
  .page-content .order-complete .content h3{
    font-size: 21px;
  }
  .page-content .order-complete .content{
    padding-top: 2em;
    padding-bottom: 2em;
    padding-right: 20px;
    padding-left: 20px;
  }
  .page-content .order-complete .content h3{
    padding-bottom: 0;
  }
  .card-section .items .item .product-quantity{
    width: 81px;
  }
  .product-quantity .qty-input .product-qty{
    width: 39px;
  }
  .card-section .items .item .link {
    width: calc(100% - 146px);
  }
  .card-section .title h3{
    font-size: 17px;
  }
  .card-section .items .item{
    margin-bottom: 13px;
  }
  .form-control{
    height: 44px;
  }
  .card-section .client-information .inputs .item {
    margin-bottom: 10px;
  }
  /* card ---------- */

  /* account ---------- */
  .account-sec .sidebar .nav-tabs .nav-link{
    padding: 10px 12px;
    font-size: 15px;
  }
  .orders .main-item .head{
    padding: 9px 10px;
  }
  /* account ---------- */

  /* blog ---------- */
  .page-content .blog .main-text h3{
    font-size: 23px;
  }
  /* blog ---------- */






  /* inner pages ========================== */


  

}
/* 600px==------------------------------ */

/* 575px==------------------------------ */
@media (max-width:575px) {
  .best-products .boxes .item .content .text .actions ul .add-card a{
    padding: 9px 7px;
    font-size: 14px;
  }
}
/* 575px==------------------------------ */

/* 430px==------------------------------ */
@media (max-width:450px) {
  /* products ---------- */
  .best-products .boxes .item{
    width: 100%;
  }
  .best-products .boxes .item .content .image {
    height: 370px;
  }
  /* products ---------- */

}

/* 430px==------------------------------ */

/* 350px==------------------------------ */
@media (max-width:375px) {
  /* header ---------- */ 
  .header-section .navbar{
    width: calc(100% - 140px);
  }
  .header-section .logo{
    width: 140px;
  }
  .basket-card .shoping-card .icon{
    width: 27px;
    height: 28px;
    border: 0px solid white;
    border-radius: 5px;
  }
  .menu_btn .hamburger{
    margin-top: 1px;
  }
  .basket-card .shoping-card .text span {
    margin-top: -4px;
  }
  /* header ---------- */

  /* card ---------- */
  .card-section .accordion-header .check-payement {
    width: 48px;
  }
  .card-section .accordion-header .accordion-button{
    width: calc(100% - 48px);
    padding: 14px 13px;
  }
  .payement-accordion .accordion-item .form-check-input{
    margin-top: 10px;
  }
  /* card ---------- */

  /* blog ---------- */
  .page-content .blog .about-post li h4{
    font-size: 14px;
  }
  /* blog ---------- */



}
/* 350px==------------------------------ */