@media only screen and (max-width: 1024px) {
    .container {
        max-width: 98%;
        min-width: 98%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .row {
        margin-right: 0;
        margin-left: 0;
    }

    .contact-us-section .row {
        width: 100%;
    }
}

@media only screen and (max-width: 850px) {

    #top-search,
    .header-sec {
    }

    .top-sec {
        padding: 20px 0;
    }

    .title-section h2 {
        font-size: 17px;
        text-indent: 45px;
    }

    .title-section-wrap::after {
        left: -30px;
    }

    #top-left-top-sec,
    #top-left-btm-sec {
        width: 100%;
    }

    #top-slider {
        padding-left: 0;
        padding-right: 0;
    }

    .site-btn {
        font-size: 17px;
    }

    #top-sec-left a {
        display: inline-block;
        width: 100%;
        margin: 9px 0.8% 5px;
    }

    #top-left-top-sec,
    #top-left-btm-sec {
        height: 190px;
    }

    .categories-items {
        margin-bottom: 20px;
    }

    .new-product-section,
    .best-selling-section,
    .about-us-section,
    .blog-section {
        padding: 20px 0;
    }

    .blog-section {
        padding-top: 50px;
    }

    .title-section h2::before {
        width: 37px;
        top: 7px;
    }

    .new-product-section .title-section::after,
    .best-selling-section .title-section::after {
        width: 200px;
        height: 45px;
    }

    .products-sec {
        margin-bottom: 20px;
    }

    #about-us-section-wrap .row {
        text-align: center;
    }

    .top-footer-section .container::after {
        width: 150px;
        background-size: 100%;
        bottom: -90px;
    }

    #footer-sec-right,
    #footer-sec-center,
    #footer-sec-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    #footer-instargarm {
        float: none;
        margin: 20px auto 0;
    }

    #footer-sec-left {
        padding-top: 20px;
        margin: 0;
        padding: 0;
    }

    .bottom-footer {
        margin-top: 30px;
        padding: 0;
    }

    .bottom-footer .col-sm-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    #top-logo-sec {
        text-align: right !important;
    }

    .footer-logo a {
        width: 120px;
    }

    .footer-copyrigh {
        padding-bottom: 50px;
    }


    .footer-nav-top-text {
        text-align: left;
        padding-left: 16px;
        margin-bottom: 10px;
    }

    .footer-nav-top-sec img {
        margin: 6px 5px 0 20px;
        height: 35px;
    }

    .footer-copyright {
        margin-top: 20px;
    }

    .special-offer-section {
        padding: 30px 0 0;
    }

    #special-offer-countdown {
        order: 1;
        margin-bottom: 15px;
    }

    #special-offer-title {
        order: 2;
    }

    #special-offer-btn {
        order: 3;
    }

    .about-us-sec-left img {
        display: block;
        float: none;
        position: relative;
        margin-top: 0;
        margin: auto;
    }

    .about-us-section .fa-title h2 {
        margin-top: 0;
        color: #fff;
        text-align: right;
        margin-top: 20px;
    }

    #about-btns {
        display: block;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .about-us-section {
        margin-top: 5px;
    }

    .about-us-section p {
        font-size: 14px;
    }

    .footer-section .mailpoet_form {
        width: 85% !important;
        text-align: right !important;
    }

    #footer-scils a {
        float: none;
    }

    #mailpoet_form_1 form.mailpoet_form {
        padding: 20px 0;
    }

    #footer-sec-center {
        padding: 0;
    }

    .bottom-footer {
        margin-top: 20px;
        padding: 0;
    }

    .footer-section {
        padding: 25px 0 15px 0;
    }

    .footer-section .mailpoet_submit {
        left: 0;
    }

    .contact-us-text p {
        text-align: center;
        margin-bottom: 15px;
    }

    .contact-us-details {
        text-align: center;
    }

    .contact-us-details span {
        display: block;
        top: 0;
    }

    .contact-us-details a {
        float: none;
        margin-right: 0;
    }

    button#responsive-menu-pro-button {
        left: 15px !important;
    }
    .mega-menu{
        z-index: 9999 !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        height: 100% !important;
        min-width: 60% !important;
    }
    .mega-toggle-blocks-right{
        position: fixed !important;
    left: 10px !important;
    top: 10px !important;
    z-index: 999 !important;
    background: #111 !important;
    padding: 10px 0 !important;
    }
    .header-sec {
    height: auto;
}

}

@media only screen and (max-width: 500px) {
    #top-logo-sec {
        text-align: center !important;
    }

    #top-btns {
        text-align: center;
        margin-top: 10px;
    }

    #top-left-top-sec,
    #top-left-btm-sec {
        display: inline-block;
        width: 100%;
        margin: 15px 0 0;
    }

    .title-section::after,
    .new-product-section .title-section::after,
    .best-selling-section .title-section::after,
    .top-footer-section .container::after {
        display: none;
    }

    .about-us-section .site-btn {
        float: none;
    }

    .top-footer-section li {
        padding-right: 30px;
        margin-left: 15px;
    }

    .footer-section {
        padding: 10px 0 15px 0;
    }

    #footer-contacts-text h4 {
        line-height: 30px;
    }

    .footer-contacts-title {
        display: block;
        width: 100%;
        text-align: center;
    }

    #footer-contacts-text a {
        margin-left: 0;
        display: block;
        width: 100%;
        text-align: center;
    }

    #footer-copyright,
    #copyright-left {
        text-align: center;
    }

    .top-footer {
        padding-bottom: 20px;
    }

    .single-products-title {
        font-size: 19px;
        line-height: 30px;
    }

    .single-product-details .price,
    .single-product-price-title,
    .single-product-details .price del,
    .single-product-details .price ins {
        display: block;
    }

    .single-product-short-desc p {
        font-size: 12px;
    }

    .single-product-details .quantity {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .single-product-details .btn-primary {
        display: block;
        width: 100% !important;
    }

    .single-product-details input[type="number"] {
        margin: 0 !important;
    }

    .woocommerce-Tabs-panel p {
        font-size: 12px;
    }

    .wc-tabs-wrapper,
    .single-product-top-sec {
        padding: 15px 5px;
    }

    .woocommerce img,
    .woocommerce-page img {
        width: 100%;
        object-fit: cover;
    }

    .products-sec h3,
    .products-sec h2,
    .prct-loop-price {
        text-align: center;
    }

    #top-logo-sec img {
        max-height: 60px;
        width: 50px;
    }

    .woocommerce form .form-row-first,
    .woocommerce-page form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-last,
    .woocommerce form .form-row-wide,
    .woocommerce-page form .form-row-wide,
    .woocommerce-input-wrapper {
        float: none !important;
        width: 100%;
        padding: 0 !important;
        display: block !important;
    }

    #top-header {
        padding: 10px 0;
    }

    .top-cart-customlocation {
        background-size: auto 100%;
        height: 35px;
        line-height: 40px;
    }

    #top-logo-sec img {
        top: 10px;
        width: 50px;
        position: relative;
    }

    #top-left-top-sec,
    #top-left-btm-sec {
        display: block;
        width: 100%;
        margin: 0 0 0;
    }

    .title-section h2::before {
        width: 30px;
        top: 10px;
    }

    .title-section h2 {
        font-size: 15px;
        text-indent: 35px;
    }

    .site-btn {
        font-size: 15px;
    }
    .header-sec > .container > .row > div:nth-child(1){
    height: 0;
}
.header-sec > .container > .row > div:nth-child(2){
    display: none;
}
.header-sec {
    background-color: #fff;
}

}

@media only screen and (max-width: 400px) {
    #top-right-sec {
        height: 280px;
        background-size: cover;
        background-position: center;
        object-fit: cover;
    }

    #top-left-top-sec,
    #top-left-btm-sec {
        height: 150px;
        background-size: cover;
        background-position: center;
        object-fit: cover;
    }

    .top-cart-customlocation {
        margin-right: 0;
    }

    .about-us-section h2,
    .title-section h2 {
        font-size: 19px;
    }

    .title-section-wrap::before,
    .title-section-wrap::after {
        top: 10px;
    }

    .top-footer-section li {
        padding-right: 0;
        margin-left: 0;
        width: 49%;
        margin-bottom: 10px;
        display: inline-block;
        text-align: center;
    }

    .top-footer-section {
        display: none;
    }

    .top-cart-customlocation,
    .top-register-btn {
        width: auto;
        padding-left: 50px;
    }

    .type-product {
        width: 100% !important;
    }

    .related .col-12 {
        padding-right: 0;
        padding-left: 0;
    }

    .woocommerce-product-gallery>div img,
    .woocommerce-product-gallery>div {
        height: 230px !important;
    }

    #top-left-top-sec,
    #top-left-btm-sec {
        height: 120px;
    }

    #top-sec-left {
        padding-right: 0;
        padding-left: 0;
    }

    #top-sec-left .col-12 {
        padding-right: 0;
        padding-left: 0;
    }

    #rev_slider_1_1_wrapper .uranus.tparrows:before {
        font-size: 23px !important;
    }

    .services-section .col-md-2 {
        flex: 0 0 33%;
        max-width: 33%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 20px;
    }

    .new-product-section .title-section {
        display: block;
        margin-bottom: 20px;
    }

    .title-section-wrap {
        position: relative;
        margin: auto;
        width: 100%;
    }

    .new-product-section .row {
        clear: both;
    }

    .site-btn {
        float: none;
    }

    .site-btn-sec {
        width: 100%;
        text-align: center;
    }

    .services-section .services-wrap {
        justify-content: center;
    }

    .footer-section .mailpoet_form {
        width: 100% !important;
        margin-left: 0;
    }

    #mailpoet_form_1 form.mailpoet_form {
        padding: 20px 0;
    }

    #mailpoet_form_1 {
        display: none;
    }

    #footer-sec-right {
        margin-bottom: 15px;
        margin-top: 10px;
    }

    #footer-scils span {
        display: block;
    }

    .top-footer {
        padding-bottom: 0;
    }

    #copyright-right {
        padding: 0;
    }
}