@media (max-width: 1200px) { 
    .user-nav li {
        margin: 0px 1px;
        font-size: 12px;
    }

    .t-shop span,.user-name span,.dropdown-toggle::after
    {
        display: none;
    }
    .count .fav-box {
        margin: 1px -3px;
    }
    .dropdown-menu:before
    {
        left: auto;
        right: 12px;
    }
    .drop-bell.dropdown-menu.show {
        transform: translate(14px, 37px) !important;
    }
    .loading 
    {
        margin-top: 20px;
    }
    .intro
    {
        padding-top: 100px;
    }
    .cart-btn .btn {
        padding: 5px;
    }
}
@media (max-width: 991px)
{
    .t-shop {
        padding: 8px 10px;
    }
    .user-drop.dropdown-menu:before {
        left: 5px;
        right:auto;
    }
    .loading 
    {
        margin-top: 10px;
    }
    .user-nav.nav
    {
    order:2;
    justify-content: flex-end;
    width: 72%;
    }
    .navbar-nav .closebtn {
        position: absolute;
        top: 0;
        left: 25px;
        font-size: 36px;
        color: #FFF;
      }
      .navbar-collapse.show .navbar-nav {
        left: auto;
        right: 0;
        transition: right 0.35s ease;
        transition-property: height, visibility;
        transition-duration: .35s;
    }
      .openbtn {
        font-size: 20px;
        color: white;
        padding: 0px 15px;
        border: none;
        background: none;
      }
      .sidepanel {
        width: 0;
        position: fixed;
        z-index: 1;
        height: 100%;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }
    .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link, .footer-link a
    {
        border-bottom: 1px solid #585858;
    margin-left: 20px;
    }
    .sidepanel .nav-item
    {
        padding-right: 20px;
    }
    .s-width
    {
        width: 250px;
    }
    .intro h1
    {
        font-size: 29px;
        line-height: 3.5rem;
    }
    .search-suggest
    {
        font-size:12px

    }
    .loading img
    {
        width: 100px;
    }
    .search-box {
        width: 100%;
    }
    .intro-p {
        font-size: 18px;
    }
    .intro-pic img {
        margin-top: 50px;
        width: 80% !important;
    }
    .btn {
        font-weight: 400;
    }
    .service-body
    {
        margin-top: 20px;
        padding-right: 10px;
    }
    .col-links .row,.footer-link
{
margin-top: 20px;;
}
header
{
    padding: 10px;
    flex-wrap: wrap;
}
.suggest-box
{
    margin-top: 30px;
}
.tb-pic ,.post img{
    width: 50px;
    height: 50px;
}

.cart-edit
{
    gap: 10px;
}
.cart-tit h4,p.price-cart {
    font-size: 14px;
    margin: 0px;
}
}
@media (max-width: 992px)
{
    .about-page img
{
    height: 250px;
    border-radius: 35px;
}
.help-num::before
{
    width: 100px;
}
h5, .h5 {
    font-size: 15px;
}
.product-detail .container::before
{
    width: 100%;
}
.cart-sec .cart-hight {
    min-width: 50px;
}
.nav-profile a {
    padding: 10px 5px;
}
.user-lang
{
    display: none !important;
}
.cart-btn
{
  flex-wrap: wrap;
  justify-content: center;
}
footer
{
    padding-bottom: 50px;
}
.navbar.navbar-expand-lg 
{
    order:3
}
.logo
{
    order: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}
.cart-tit,.confarm-table .cart-body
{
   min-width: 120px;
   font-size: 12px;
   font-weight: 400;
   padding-top: 10px;
}
}
@media (max-width: 768px)
{
    .step-box i
    {
        font-size: 15px;
    }
    .step .check-tap {
        width: 40px;
        height: 40px;}
    .about-tit
    {
        margin-top: 20px;
    }

    .summary-box
    {
        margin-top: 20px;
    }
    section {
        padding: 30px 0px;
    }
    .about-text
{
    font-size: 18px;
}
.box-radio
{
    flex-wrap: wrap;
flex-direction: column;
align-items: start;
gap: 10px;
}
.fa-user.user-price
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-drop.dropdown-menu.show {
    transform: translate3d(0px, 26px, 0px)!important;
}
.intro-pic
{
    display: none;
}
}
@media (max-width: 576px) and (min-width: 425px)
{
    .page-title {
        margin-top: 66px;
    }
}
@media (max-width: 576px)
{
    .newlohoom-text h4 {
        font-size: 16px;
    }
    .owl-carousel .owl-item img
    {
        height: 170px !important;
    }
.text-foot-c
{
    flex-direction: column;
}
.text-foot-c div
{
    display: flex;
    align-items: center;
    flex-direction: column;
}
    .table > thead
    {
        font-size: 11px;
    }
    .cart-tit h4, p.price-cart {
        font-size: 11px;
    }
.title,.title-d
{
    text-align: center;
}
    .pay-box
    {
        flex-direction: column;
        gap: 8px;
    }
    .confarm-table
    {
        font-size: 11px;
    }
    .bank-0
    {
        order: 0;
    }
    .bank-1
    {
        order: 2;
    }
    .bank-2
    {
        order: 1;
    }

    .table > thead {
        font-size: 11px;
    }
    header {
        padding: 4px;
    }

    .b-department .container::after
    {
        display: none;
    }
    .help-num,.help-pic
    {
        margin-top: 20px;
    }
    .help-num::before
    {
       display: none;
    }
    .eval-detail
    {
        flex-wrap: wrap;
    }
    #Newregist .modal-content
{
    width: 500px;
}
#Newregist .nav
{
    justify-content: center
}
#login .modal-content
{
    width: 100%;
}
.logo img
{
    width: 140px;
}
footer h6,footer p,.loading
{
    text-align: center;
}
footer h6,footer p
{
    margin-top: 10px;
}
.foot-load,.footer-link,.social-box
{
    align-items: center;
}
.foot-load
{
    display: flex;
    justify-content: center;
    gap: 10px;
}

.drop-bell.dropdown-menu.show {
    transform: translate(6px, 33px) !important;
}
.btn.edit-link
{
    align-items: center;
    padding: 5px;
    height: 30px;
}
.product-box .up, .product-box .down, .count .fav-box {
    width: 30px;
    height: 30px;
    padding: 0px;
}
.product-detail h3
{
    font-size: 17px;
}
.cart-user-table td:nth-of-type(1):before { content: "  المنتجات";}
.cart-user-table td:nth-of-type(2):before { content: "الكمية"; }
.cart-user-table td:nth-of-type(3):before { content: " الإجمالي"; }
.cart-user-table td:nth-of-type(4):before { content: "الاحداث "; }
.cart-user-table td:before {
    position: absolute;
    background: #a8322d;
    color: #fff;
    right: 0;
    width: 23%;
    padding: 10px;
    text-indent: 0%;
    height: 100%;
    line-height: 2;
}
.cart-user-table, .cart-user-table tbody, .cart-user-table th, .cart-user-table td, .cart-user-table tr {
    display: block;
}
.cart-user-table thead tr {
    position: absolute;
    top: -9999px;
    right: -9999px;
}

.cart-user-table td {
    position: relative;
    padding-top: 0px;
    padding-right: 26%;
}
.cart-user-table
{
    border: 1px solid #dadada;
}
table tr:last-child td, table tr:last-child th {
     border-bottom: 1px solid #dadada;
}
.intro h1 {
    font-size: 25px;
    line-height: 3.5rem;
}
.social-box
{
    flex-direction: column;
    gap: 10px;
}
}
@media (max-width: 425px)
{
    .box-checkbox
{
    font-size: 12px;
}
    .owl-product-det.owl-carousel .owl-nav button.owl-prev,
.owl-product-det.owl-carousel .owl-nav button.owl-next,.service-num::before,.service-num::after
 {
display: none;
 }

 .cart-btn .btn, .product-btn .btn
 {
    font-size: 11px;
 }
 .user-nav,.help-pic
 {
     order:1;
     gap: 1px;
 }
    .newlohoom-text h4,.newlohoom-text p {
        font-size: 14px;
    }
    .newlohoom-text .btn
    {
        font-size: 12px;
    }
    .detail-pro,.detail-pro h5
    {
        font-size: 11px;
    }
    .item-box-pro
    {
    flex-wrap: wrap;
    }
    .augg-add-fav
    {
        display: flex;
         gap: 10px;
    }
.social-box
{
    flex-direction: column;
}
.social-box p
{
    margin-top:10px;
}
.date-box {
    gap: 4px;
}
    .dashed-line
     {
        width: 10px;
    }
    .step-detail span
    {
        font-size: 12px;
    }
    .step .check-tap {
        width: 30px;
        height: 30px;
    }
    .news-page .newlohoom-text
    {
        height: 180px;
    }
    .foot-load img {
        width: 120px;
    }
    .drop-bell i.fa-check {
        width: 15px;
        height: 15px;
    }
    .dropdown-item .drop-text h6
    {
        font-size: 12px;
    }
    .dropdown-item .drop-text p
    {
        font-size: 10px;
    }
    .user-nav.nav {
    width: 80%;
}
}