@media (max-width:991px) {
    .quick-page-links li {
        margin-right: 15px !important;
    }
    .footer-row > div{
        margin-bottom: 50px;
    }
    .mockup-display {
        height: 330px;
    }
    .ad-orders-row{
        flex-direction: column-reverse;
        gap: 20px;
    }
    .ads-title {
        font-size: 30px;
        line-height: 45px;
        padding-bottom: 0px !important;
    }
    .contnt-container .best-choice-section{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .detail-wrapper .best-choice-section{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .chat-box{
        flex-direction: column-reverse;
    }
    .chat-side-area{
        margin-bottom: 20px;
    }
    #bannerSlider{
        height:300px;
    }
    .subscriber-box{
        height:300px;
    }
    .walletWrapper{
        gap: 15px;
    }
    .col-s-p-detail{
        order: 2;
    }
    .shipping-product-detail{
        margin-top: 50px;
    }
    #progressbar li span.prog-title {
        padding: 0 0px 0 0px;
    }
    ul#progressbar{
        padding-left: 0;
        padding-right: 0;
    }
}
/* @media (min-width:768px) {
    .navbar-single-btn{
        display: none;
    }
} */

@media (max-width:767px) {
    .px-c-30{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .px-c-15{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .px-c-0{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .navbar-toggler {
        padding: .25rem .25rem;
    }
    .notify-menu .dropdown{
        display: flex;
    }
    nav.navbar{
        position: absolute;
        width: 100%;
        top: 79px;
        left: 0;
        right: 0;
        z-index: 999;
        padding: 0;
    }
    nav.navbar #navbarNav{
        background-color: #f4f4f4;
        border-top: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
        display: flex;
        width: 100%;
    }
    ul.navbar-nav{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        flex-direction: row;
        justify-content: center;
        overflow-x: scroll;
        display: inline-block;
        white-space: nowrap;
        text-align: center;
    }
    nav.navbar #navbarNav li{
        margin: 0 !important;
    }
    nav.navbar #navbarNav li a{
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-right: 15px;
        padding-left: 15px;
    }
    nav.navbar #navbarNav li a:hover{
        background-color: #dbdbdb;
    }
    nav.navbar #navbarNav li:last-child a{
        border-bottom: 0;
    }
    .download-app-section{
        flex-wrap: wrap;
        direction: rtl;
        flex-direction: column-reverse;
        gap: 30px;
    }
    .download-app-section > div{
        width: 100%;
        margin: 0 !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .download-app-section h3 {
        font-size: 25px;
        line-height: 45px;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }
    .paly-app-btns{
        width: 100%;
        justify-content: center;
    }
    .store-img{
        width: 120px;
    }
    .app-gallery-btns{
        margin-top: 15px !important;
    }
    ul.check-list-item{
        flex-wrap: wrap;
        gap: 10px;
    }
    #my-rating-detail .modal-body{
        padding-left: 15px;
        padding-right: 15px;
    }
    #product-detail-modal .modal-body{
        padding-left: 15px;
        padding-right: 15px;
    }
    .modal-body .comment-btn-main {
        flex-direction: column-reverse;
    }
    .chat-confirm-btns {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .btn-comments-modal{
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        
    }
    .btn-comments-modal a, .btn-comments-modal button{
        flex: none;
        width: 100%;
    }
    .loader {
        top: 61px;
    }
    header {
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
    }
    .best-choice-section{
        padding-top: 50px !important;
    }
    .subscriber-box {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}
@media (max-width:640px) {
    .right-side-nav{
        gap: 7px;
    }
    .header-logo img{
        width: 90px;
        height: auto;
    }
    .chat-btn {
        font-size: 25px;
    }
    .notify-btn i {
        font-size: 25px;
    }
    .notify-btn::before {
        top: 0px;
    }
    .location-selection select {
        width: 160px;
    }
    .search-for-products button {
        min-width: 50px;
    }
    .notify-menu .dropdown-menu {
        width: 300px;
    }
    .shipping-product-detail{
        margin-top: 30px;
    }
    .shipping-product-detail {
        padding: 15px 15px 0 15px;
    }
}
@media (max-width: 580px) {
    .search-for-products input {
        padding-left: 15px;
    }
    .location-selection{
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 7px;
    }
    .location-selection select {
        width: 100%;
    }
    .search-for-products{
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 7px;
        flex: auto;
    }
    .add-on-add{
        width: 100%;
    }
    .add-on-add button{
        width: 100%;
    }
}
@media (max-width: 420px) {
    .chatuser, button.comment-toggle {
        width: 190px;
    }
}