@media screen and (max-width:1493px){
    .header-wrapper .header-left .quick-btn-wrapper.search {
        width: fit-content;
    }
    
    .header-wrapper .header-left nav.megamenu-nav {
        /* width: 75%; */
    }
}

@media screen and (max-width:1275px){
    .header-wrapper .header-left nav.megamenu-nav {
        /* width: 80%; */
    }
}

@media screen and (max-width:1200px){
    .header-wrapper .header-left nav.megamenu-nav {
        /* width: 85%; */
    }
    
    .header-wrapper .header-left nav.megamenu-nav .megamenu-wrapper .megamenu-pattern ul.megamenu > li > a > strong {
        font-size: 9px;
    }
}

@media screen and (max-width:1100px){
    .header-wrapper .header-left nav.megamenu-nav {
        /* width: 95%; */
    }
}

@media screen and (max-width:992px){
    .header-wrapper {
        padding: 0.2rem 0;
    }

    video#home-video-slider {
        height: auto;
    }
    .header-wrapper .header-logo {
        width: 50%;
    }
    .header-wrapper .header-left nav.megamenu-nav {
        width: 40px;
    }
    
    .header-wrapper .header-left .quick-btn-wrapper.search {
        width: 30px;
    }

    .header-wrapper .header-left nav.megamenu-nav .container-megamenu.horizontal .show-menu > i {
        color: #000;
    }
    
    .header-wrapper:hover .header-left nav.megamenu-nav .container-megamenu.horizontal .show-menu > i {
        color: #000;
    }

    .header-wrapper .header-left nav.megamenu-nav .megamenu-wrapper {
        position: fixed !important;
        background: #fff;
        justify-content: flex-start !important;
    }
    
    .header-wrapper .header-left nav.megamenu-nav .megamenu-wrapper .megamenu-upper-container {
        width: 100%;
    }
    
    .header-wrapper .header-left nav.megamenu-nav .megamenu-wrapper .megamenu-pattern {
        height: fit-content;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    .header-wrapper .header-left nav.megamenu-nav .megamenu-wrapper .megamenu-pattern ul.megamenu > li {
        justify-content: flex-start;
        height: auto !important;
    }
    
    .header-wrapper:hover .header-left nav.megamenu-nav .megamenu-wrapper .megamenu-pattern ul.megamenu > li > a {
        height: 100%;
    }

    .header-wrapper .header-left nav.megamenu-nav .megamenu-wrapper .megamenu-pattern ul.megamenu .sub-menu .menu > ul {
        padding-top: 1rem;
        border-top: 1px solid #eee;
        padding-left: 1rem;
        padding-bottom: 1rem;
    }
    
    .header-wrapper .header-left nav.megamenu-nav .megamenu-wrapper .megamenu-pattern ul.megamenu .sub-menu .menu > ul > li:nth-child(1) > a {
        font-size: 12px;
    }
    
    .header-wrapper .header-left nav.megamenu-nav .megamenu-wrapper .megamenu-pattern ul.megamenu > li > a > strong {
        font-size: 11px;
    }
    
    .header-wrapper .header-left nav.megamenu-nav .megamenu-wrapper .megamenu-pattern ul.megamenu .sub-menu .menu > ul > li > a {
        font-size: 11px;
    }
    
    .header-wrapper .header-left nav.megamenu-nav .megamenu-wrapper .megamenu-pattern ul.megamenu .sub-menu .col-sm-6 {
        display: none;
    }

    .megamenu-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 50px;
    }
    
    .megamenu-logo > a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .megamenu-logo > a > img {
        width: 50%;
    }

    .hero-video-slider > a {
        right: 34%;
    }

    .show-menu > i {
        font-size: 25px;
    }
    
    .header-wrapper .header-right {
        width: 20%;
        padding: 0;
    }
    
    .header-wrapper .header-left {
        width: 20%;
        gap: 1rem;
        padding-left: 2rem;
        justify-content: center;
    }

    .footer-container .footer-newsletter-container {
        width: 100%;
    }
    
    .footer-container .footer-wrapper {
        width: 100%;
        justify-content: flex-start;
        gap: 6rem;
    }
    
    .footer-container {
        gap: 3rem;
    }

    .about-page-content .about-text {
        width: 97%;
    }
    
    .timeline .days .day {
        display: flex;
    }
    
    .timeline .days .day .events .date {
        position: unset;
        transform: unset;
    }
    
    .timeline .days .day .events {
        width: 100% !important;
        display: flex;
        flex-direction: row-reverse;
    }
    
    .timeline .days .day .events > p {
        font-size: 12px;
    }

    .contact-wrapper.container {
        width: 95%;
    }
    
    .contact-wrapper .contact-info .contact-store .contact-content > div > a {
        width: 100%;
        justify-content: center !important;
        display: flex;
    }
    
    .contact-wrapper .contact-info .contact-store .contact-content > div > span {
        justify-content: center;
        font-size: 13px;
    }
}

@media screen and (max-width: 769px){
    video#home-video-slider {
        width: 100%;
    }
    .cont-img1 {
        display: flex;
        flex-direction: column;
    }

    .cont-img1 {
        display: flex;
        flex-direction: column;
    }
    
    .home-banner-wrap {
        flex-direction: column;
    }
    
    .home-banner-wrap .home-banner-wrap-image {
        width: 100%;
    }
    
    .home-banner-wrap .home-banner-wrap-image > img {
        height: auto;
    } 

    .home-banner-wrap .home-banner-wrap-right-overlay {
        width: 100%;
        padding-bottom: 2rem;
        gap: 1.5rem;
    }

    .home-banner-wrap .home-banner-wrap-right-overlay .banner-wrap-content span.banner-desc {
        width: 100%;
    }
    
    .home-single-banner-content .home-single-banner-text-content span.banner-title2 {
        width: 90%;
    }
    
    .home-single-banner-content .home-single-banner-text-content span.banner-title {
        width: 100%;
    }

    .home-featured .gallery-slider .swiper-button-prev {
        left: 90%;
    }
    
    .home-featured .gallery-slider .swiper-button-next {
        left: 95%;
    }
    
    .footer-container .footer-wrapper {flex-wrap: wrap;gap: 2rem;}
    
    .footer-container .footer-wrapper .footer-list-content {
        width: calc(50% - 2rem);
    }
    
    .footer-list-content.footer-contact {
        width: 100% !important;
    }
    
    .footer-copyright > a > img {
        width: 30%;
    }
    .footer-container .footer-newsletter-container .footer-newsletter-input {
        width: 100%;
    }
    .close-filter-side {
        display: none;
    }
    .content-wrapper .sogo-content .filter-sort .filter-side .bf-form {
        padding-top: 0rem !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .bf-cur-symb {
        display: flex;
        justify-content: center;
        gap: 1rem;
    }
    
    .bf-price-slider-container {
        width: 95%;
    }
    
    .box .box-content.bf-price-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .category-footer .sogo-pagination {
        align-items: center;
    }

    .contact-wrapper .contact-info {
        flex-direction: column;
    }
    
    .contact-wrapper .contact-info .contact-store {
        width: 100%;
    }
    
    .contact-wrapper .contact-info .contact-iframe {
        width: 100%;
        margin-left: 0;
    }
    
    .contact-wrapper .contact-info .contact-iframe > iframe {
        height: 450px;
    }
    
    .contact-form-container {
        flex-direction: column;
    }
    
    .contact-form-container .contact-form-left {
        width: 100% !important;
        margin: 0;
    }
    
    .contact-form-container .contact-form-right {
        width: 100% !important;
        margin-top: 1rem;
    }
    
    .contact-form-container .contact-form-left .sogo-input-wrapper.input-col-2:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .contact-wrapper .contact-form .form-button > button {
        width: 220px;
    }

    span.blog-description {
        display: none;
    }
    
    
    .blog-card-info .blog-card-title {}
    
    .blog-card-info .blog-card-title span.blog-title {
        font-size: 11px !important;
    }
    
    .blog-container .sogo-blog-left [class^="blog-card\["] > a {
        flex-direction: column;
        height: fit-content;
    }
    
    .blog-container .sogo-blog-left .blog-card-wrapper [class^="blog-card\["] {
        width: 100%;
        padding: 0;
    }
    
    .blog-container .sogo-blog-left .blog-card-wrapper .blog-card-group-1 {
        flex-direction: column;
    }
    
    .blog-container .sogo-blog-left .blog-card-wrapper .blog-card-group-1 .blog-card-group-1-right {
        width: 100%;
    }

    .blog-card-pagination .sogo-pagination > span {
        font-size: 11px;
    }
}

@media screen and (max-width: 600px){
    .hero-video-slider > a {
        right: 32%;
    }
}

@media screen and (max-width:500px){
    .hero-video-slider > a {
        right: 25%;
    }
    .home-banner-wrapper {
        margin-top: 2rem;
    }
    
    .cont-img1 {
        margin-top: 2rem;
    }
    .timeline .days .day .events {
        flex-direction: column-reverse;
        gap: .4rem;
    }
    
    .timeline .days .day .events .date {
        padding: 0;
    }
    .contact-wrapper .contact-info .contact-store .contact-content > div {
        width: 100% !important;
        height: 100px;
        flex-wrap: unset !important;
    }
    
    .contact-wrapper .contact-info .contact-store .contact-content > div:nth-child(1) {
        border-right: unset;
        border-bottom: 1px solid rgb(151, 151, 151);
        padding-top: 0;
    }
    
    .contact-wrapper .contact-info .contact-store .contact-content > div > a {
        height: auto;
        width: auto;
    }

    .mini-blog-card .mini-blog-content > a {
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .blog-container .sogo-blog-right .latest-blogs > span {
        font-size: 16px;
    }
}



@media screen and (max-width:426px){
    .header-wrapper .header-left {
        padding-left: .5rem;
        gap: .5rem;
    }

    .header-logo img {
        width: 75px;
    }

    .home-featured .home-featured-link > a {
        font-size: 11px;
        padding: 0.6rem .5rem;
        width: 120px;
    }
    
    .footer-container .footer-wrapper .footer-list-content .footer-title > span {
        font-size: 10px;
    }
    
    .footer-container .footer-wrapper .footer-list-content > ul > li > a {
        font-size: 10px;
    }

    .hero-video-slider > a {
        /* right: 21%; */
        bottom: 8%;
        padding: 0.5rem 2rem;
        transform: translateX(0);
    }
    
}

@media screen and (max-width:350px){
    .hero-video-slider > a {
        right: 18%;
    }
}