@media (max-width: 1399px) {
     
}
@media (max-width: 1299px) {
     
}
@media (max-width: 1199px) {
    .jdd-nav .container {
        position: relative;
    }
    .jdd-nav button.navbar-toggler {
        position: absolute;
        right: 15px;
        top: 5px;
    }
    .filter-country-items .form-check.form-check-inline {
        width: 100%; 
    } 
    .jdd-nav ul.navbar-nav li a { 
        font-size: 13px;
    }
    /*.top-notification {
        margin-left: 10px;
        position: absolute;
        right: 100px;
        top: 10px;
    }
    .top-search {
        position: absolute;
        top: 5px;
        right: 270px;
    }*/
    .top-notification-inner ul { 
        gap: 15px; 
    }
    .navbar-brand {
        margin-right: 10px;
    }
    .jdd-nav ul.navbar-nav li {
        padding: 0 5px 0px !important;
    }
    .filter-categories-items .form-check {
        margin-bottom: 10px;
        display: flex;
    }
}
@media (max-width: 991px){
    .jdd-nav ul.navbar-nav li {
        padding: 0 5px 15px !important;
    }
    .explore-banner-text-inner h1 { 
        font-size: 36px; 
        line-height: 44px; 
    }
    button.banner-search-btn { 
        padding: 10px;
    }
    .customizing-product-modal .modal-footer button.btn.btn-secondary { 
        max-width: 130px;
        padding: 10px;  
    }
    .customizing-product-modal .modal-footer .btn.btn-primary {     
        max-width: 160px; 
        padding: 10px 10px;
    }
    .explore-banner-search-inner .input-group { 
        flex-direction: column;
        align-items: center;
    }
    .top-search {
        position: absolute;
        right: 270px;
        top: 5px;
    }
    .top-notification {
        position: absolute;
        right: 80px;
        top: 10px;
    }
    .footer-col {
        margin-bottom: 25px;
    }
    .broker-hepl-col-left { 
        margin-left: auto;
        margin-right: auto; 
    }
    .broker-hepl-col-right {
        text-align: center;
    }
    .order-step-col {
        margin-bottom: 40px;
    }
    .order-step .order-step-inner {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    section.advantage-section .advantage-section-inner,
    section.order-step .order-step-inner { 
        padding-top: 50px;
        padding-bottom: 50px;
    }
    section.recommended-section,
    section.why-souq,
    section.recent-viewed-section {
        padding: 50px 0;
    }
    .product-details-info {
        padding: 50px 0 50px;
    }
    section.testimonial {
        padding-bottom: 30px;
    }
    .faq-banner { 
        padding: 50px 0;
    }
    .faq-qa {
        padding: 50px 0;
    }
    .faq-contact {
        padding: 50px 0 50px; 
    }
    .faq-contact-inner { 
        margin: 0 auto 24px;
    }
    .tnc-inner { 
        margin: 50px auto 50px;
    }
    .faq-assist {
        padding: 50px 0;
    }
    .product-dtl {
        padding-left: 0;
    }
    .brokers-item-follow .brokers-follow-btn, 
    .brokers-item-follow .brokers-msg-btn{
        max-width: 95px;
    }
    .brokers-item-numbers-col { 
        padding: 0 10px; 
    }
    .shopping-cart-list-col-right {
        padding: 40px 10px;
    }
    .shopping-cart-list-col-center {
        padding: 35px 15px;
    }
    .product-brand ul { 
        justify-content: flex-start; 
        flex-direction: column;
        align-items: flex-start;
    }
    .customer-stories-top-col { 
        margin: 0 auto 24px;
    }
    .about-journey {
        padding: 50px 0 0px;
    }
    .about-experience {
        padding: 0px 0 50px;
    }
    .about-hero-banner .hero-banner-col-left h1 { 
        margin: 15px 0 10px;
        font-size: 40px; 
        line-height: 48px;
    }
    .about-experience .advantage-section-col-right {
        position: relative;
        top: 80px;
    }
    .mission-vision-col { 
        margin-bottom: 24px;
    }
    section.mission-vision {
        padding: 0 0 50px;
    }
}
@media (max-width: 767px){
    .customizing-product-modal .modal-footer {
        padding: 10px 15px; 
    }
    .customizing-product-modal .modal-header {
        padding: 15px 15px 15px; 
    }
    .customizing-product-modal .modal-body {
        padding: 20px 15px;
    }
    .brokers-banner { 
        padding: 50px 0;
    }
    .brokers-details-banner { 
        padding: 50px 0 50px;
    }
    .brokers-details-left { 
        top: 15px;
    }
    .customizing-product-modal h1.modal-title {
        font-size: 22px; 
        line-height: 36px; 
    }
    .customizing-product-modal .modal-footer .btn.btn-primary {
        max-width: 150px;
        padding: 10px 10px;
        font-size: 18px;
    }
    .customizing-product-modal .modal-footer button.btn.btn-secondary {
        max-width: 100px;
        padding: 10px;
        font-size: 18px;
    }
    .product-brand ul { 
        display: flex;
        justify-content: space-between;
        align-items: flex-start; 
        flex-direction: column;
    }
    .navbar-brand {
        margin-right: 10px;
    }  
    .top-notification-inner ul {
        gap: 15px;
    }
    .hero-banner-img-name { 
        left: 130px;
    }
    .foot-cards ul { 
        margin: 20px 0 0;  
        justify-content: flex-start;
    }
    .top-search .input-group { 
        max-width: 150px; 
    }
    footer.footer>.container>.row {
        padding: 40px 0 0px;
    } 
    .footer-btm {
        padding: 20px 0; 
    }
    .explore-left { 
        margin-top: 50px;
        border-right: 0px; 
        border-bottom: 1px solid #00000047;
    }
    .explore-right {
        margin-top: 50px;
    }
    .explore-banner-text-left,
    .explore-banner-text-right {
        display: none;
    }
    .brokers-left {
        margin-top: 50px;
        border-right: 0px; 
    }
    .brokers-right {
        margin-top: 50px;
    }
    .recent-viewed-section .owl-carousel .owl-nav { 
        top: -140px; 
    }
    .product-details-banner-text-inner h1 { 
        font-size: 40px;
    }
    .product-details-banner { 
        padding: 50px 0; 
    }
    .shopping-cart-list { 
        flex-direction: column;
    }
    .shopping-cart-list-col-right {
        padding: 15px 10px;
    }
    .shopping-cart-list-col-center {
        padding: 15px 15px;
    }
    .add-another-btn,
    .submit-order-btn {
        font-size: 18px; 
        padding: 10px 15px; 
    }
    .customer-stories-col { 
        margin: 0 auto 24px;
    } 
    .hero-banner-img {
        margin-left: auto;
        margin-right: auto;
    }
    .about-hero-banner .hero-banner-img img {
        max-width: 250px;
    }
    .manager-quote-info h4 {
        font-size: 24px; 
        line-height: 36px; 
    }
    .journey-col-right {
        padding: 15px 0 0 0px;
    }
    .tnc-inner h2 {
        margin-top: 15px;
        font-size: 22px; 
        line-height: 30px; 
    }
    .faq-assist .section-title {
        margin-bottom: 20px;
    }
    .faq-qa {
        padding: 0px 0 50px;
    }
    .account-forms-inner { 
        padding: 15px 15px;
    }
}
@media (max-width: 575px){
    .explore-item-col,
    .brokers-item-col,
    .brokers-reviews-col,
    .brokers-brands-col { 
        margin: 0 auto 24px;
    }
    .navbar-brand img {
        max-width: 60px;
    }
    .brokers-details-top-link ul { 
        gap: 15px;
        flex-wrap: wrap;
    }
    .product-description-content-right { 
        flex-direction: column;
        margin-top: 20px;
    }
    .section-title h2 { 
        font-size: 22px; 
    }
    body { 
        padding-top: 70px; 
    }
    .broker-hepl-col-left h2 { 
        margin: 10px 0 15px;
        font-size: 36px; 
        line-height: 40px; 
    }
    .hero-banner-col-left h1 {
        font-size: 40px; 
        line-height: 50px; 
        margin: 20px 0 10px;
    }
    .hero-banner-img-name {
        left: 140px;
        z-index: 1;
        top: 230px;
    }
    .top-search{
        display: none;
    }
    .hero-banner-img img {
        max-width: 200px;
    }
    .hero-banner-col-right {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .hero-banner-img {
        margin-left: auto;
        margin-right: auto;
    }
    .signup-shopper-broker { 
        flex-direction: column;
        align-items: center;
    }
}
@media (max-width: 480px){
    .why-souq-col { 
        flex-direction: column;
    }
    .hero-banner-img-name {
        left: 30px;
        z-index: 1;
        top: 220px;
    }
    .shopping-cart-list-action,
    .order-successfull-action,
    .journey-numbers { 
        flex-direction: column;
    } 
    .faq-contact-inner { 
        flex-direction: column;
        align-items: center;
    }
    .faq-contact-inner-text { 
        align-items: center;
    }
    .faq-contact-inner-text p {     
        text-align: center;
    }
}