/* responsive css */

@media only screen and (min-width:1780px) {
    .ctm-w-75 {
        width: 75%!important;
    }
    .menu-navigation>li:not(:last-child) {
        margin-right: 42px;
    }
}

@media only screen and (min-width:1400px) and (max-width:1549px) {
    .visor_virtual_text_inner {
        top: 130px;
        left: 40px;
    }
    .discount_on_text_inner {
        top: 30px;
        right: 20px;
    }
    .banner_detail .hot_deal_text_inner {
        top: 35px;
    }
    .hot_deal_text_inner {
        top: 30px;
        left: 15px;
    }
    .quantity-box .qty {
        width: 36%;
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .shop_cat_btn.dropdown a {
        width: 230px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 18px;
    }
    h6,
    .h6 {
        font-size: 12px;
    }
    .hot_deal_text_inner {
        top: 30px;
        left: 25px;
    }
    .discount_on_text_inner {
        top: 30px;
        right: 16px;
    }
    .shop_btn {
        margin-top: 20px;
    }
    .visor_virtual_text_inner {
        top: 120px;
        left: 40px;
    }
    .product-short-list .btn_wrapper .shop_btn {
        padding: 12px 22px;
    }
    .quantity-box .qty {
        width: 44%;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .shop_cat_btn.dropdown a {
        width: 230px;
    }
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 18px;
    }
    h3 {
        font-size: 16px;
    }
    h5 {
        font-size: 16px;
    }
    h6,
    .h6 {
        font-size: 12px;
    }
    .hot_deal_text_inner {
        top: 30px;
        left: 25px;
    }
    .discount_on_text_inner {
        top: 30px;
        right: 16px;
    }
    .shop_btn {
        margin-top: 20px;
    }
    .visor_virtual_text_inner {
        top: 70px;
        left: 20px;
    }
    .third_header_outer .border_right {
        padding-right: 8px !important;
        margin-right: 8px;
    }
    .banner_detail .hot_deal_text_inner {
        top: 35px;
    }
    .services {
        padding: 0 30px;
    }
    .footer_section {
        padding: 50px 0;
    }
    .bottom-footer ul li:not(:last-child) {
        margin-right: 10px;
    }
    .most-viewed-slider .row>*,
    .best-seller-slider .row>*,
    .feature-slider .row>* {
        padding: 0 5px;
    }
    .three-column-product .new_product_price {
        padding: 10px 0 0;
    }
    .ctm-width {
        width: 35rem;
    }
    .category-product-listing .blog-left-side>div {
        margin-bottom: 20px;
        padding: 20px;
    }
    .product-short-list .btn_wrapper {
        flex-wrap: wrap;
    }
    .product-short-list .btn_wrapper .pro_btn {
        margin-bottom: 7px !important;
    }
    .quantity-box .qty {
        width: 50%;
    }
}

@media only screen and (min-width:992px) {
    .navbar__menu .mega-menu-inner {
        position: absolute;
    }
    .navbar__menu li:hover .mega-menu-inner {
        display: block;
        height: auto;
        top: -2px;
        bottom: 0;
        left: calc(100% - 4px);
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width:1199px) {
    .wishlist-table .table tbody tr td {
        padding: 20px 15px;
        min-width: 150px;
    }
    .wishlist-table .table tbody tr td:nth-child(1) {
        min-width: auto;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-short-list .btn_wrapper {
        flex-wrap: wrap;
    }
    .product-short-list .btn_wrapper .pro_btn {
        margin-bottom: 7px !important;
    }
    .breadcrumb-title h5,
    .breadcrumb li {
        font-size: 12px;
    }
}

@media only screen and (max-width:991px) {
    .shop_cat_btn.dropdown a {
        width: 230px;
    }
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 18px;
    }
    h3 {
        font-size: 16px;
    }
    h5 {
        font-size: 16px;
    }
    h6,
    .h6 {
        font-size: 12px;
    }
    .hot_deal_text_inner {
        top: 30px;
        left: 25px;
    }
    .discount_on_text_inner {
        top: 30px;
        right: 16px;
    }
    .shop_btn {
        margin-top: 20px;
    }
    .visor_virtual_text_inner {
        top: 100px;
        left: 40px;
    }
    .product_catagery {
        padding: 15px;
    }
    .product_catagery .top_padding {
        padding-top: 20px;
    }
    .product_catagery_svg,
    .category-sider,
    .deal-product-slider,
    .category-product-slider,
    .related-product-slider,
    .recently-product-slider,
    .new_product_section .row>*,
    .blog_slider,
    .brand-bar {
        padding: 0;
    }
    .most-viewed-slider .row>*,
    .best-seller-slider .row>*,
    .feature-slider .row>* {
        padding: 0 5px;
    }
    .services {
        padding: 0 20px;
    }
    .services .row {
        overflow-x: auto;
        flex-wrap: unset;
    }
    .banner_detail .hot_deal_text_inner {
        top: 35px;
    }
    .services {
        padding: 0 30px;
    }
    .footer_section {
        padding: 50px 0;
    }
    .bottom-footer ul li:not(:last-child) {
        margin-right: 10px;
    }
    .three-column-product .new_product_price {
        padding: 10px 0 0;
    }
    .navbar__menu .has-mega-menu.open-menu .mega-menu-inner {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .mega-menu-inner.box-shadow {
        box-shadow: none;
    }
    .mega-menu-inner.ctm-width {
        width: 230px;
    }
    li.has-mega-menu.open-menu>a {
        background: #151515;
    }
    li.has-mega-menu.open-menu>a,
    li.has-mega-menu.open-menu>a i {
        color: #ffffff !important;
    }
    .grid-70-30 {
        grid-template-columns: 60% 40%;
    }
    .get_form_inner {
        padding: 30px 20px;
    }
    .get_say_form {
        padding: 30px 0 15px 20px;
    }
    .blog-left-side>div {
        margin-bottom: 20px;
        padding: 20px;
    }
    .blog-post-contact .grid-50-50,
    .write-review .grid-50-50 {
        display: block;
    }
    .blog-post-contact input {
        width: 100%;
    }
    .shop-by-categories .padd-30 {
        padding: 15px;
    }
    .product-single_wrap .product-info,
    .product-single_wrap .product-form__input--dropdown .form-select,
    .quantity-box .qty,
    .product-cart-btn {
        width: 100% !important;
    }
}

@media (max-width: 870px) {
    .login-register .container {
        min-height: 800px;
        height: 100vh;
    }
    .login-register .signin-signup {
        width: 100%;
        top: 95%;
        transform: translate(-50%, -100%);
        transition: 1s 0.8s ease-in-out;
    }
    .login-register .signin-signup,
    .login-register .container.sign-up-mode .signin-signup {
        left: 50%;
    }
    .login-register .panels-container {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr 1fr;
    }
    .login-register .panel {
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        padding: 2.5rem 8%;
        grid-column: 1 / 2;
    }
    .login-register .right-panel {
        grid-row: 3 / 4;
    }
    .login-register .left-panel {
        grid-row: 1 / 2;
    }
    .login-register .image {
        width: 200px;
        transition: transform 0.9s ease-in-out;
        transition-delay: 0.6s;
    }
    .login-register .panel .content {
        padding-right: 15%;
        transition: transform 0.9s ease-in-out;
        transition-delay: 0.8s;
    }
    .login-register .panel h3 {
        font-size: 1.2rem;
    }
    .login-register .panel p {
        font-size: 0.7rem;
        padding: 0.5rem 0;
    }
    .login-register .btn.transparent {
        width: 110px;
        height: 35px;
        font-size: 0.7rem;
    }
    .login-register .container:before {
        width: 1500px;
        height: 1500px;
        transform: translateX(-50%);
        left: 30%;
        bottom: 68%;
        right: initial;
        top: initial;
        transition: 2s ease-in-out;
    }
    .login-register .container.sign-up-mode:before {
        transform: translate(-50%, 100%);
        bottom: 32%;
        right: initial;
    }
    .login-register .container.sign-up-mode .left-panel .image,
    .login-register .container.sign-up-mode .left-panel .content {
        transform: translateY(-300px);
    }
    .login-register .container.sign-up-mode .right-panel .image,
    .login-register .container.sign-up-mode .right-panel .content {
        transform: translateY(0px);
    }
    .login-register .right-panel .image,
    .login-register .right-panel .content {
        transform: translateY(300px);
    }
    .login-register .container.sign-up-mode .signin-signup {
        top: 5%;
        transform: translate(-50%, 0);
    }
}

@media only screen and (max-width:767px) {
    .shop_cat_btn.dropdown a.shop_cat_toggle {
        width: auto;
    }
    .third_header_outer .border_right {
        padding-right: 5px !important;
        margin-right: 5px;
    }
    .visor_virtual_text_inner {
        top: 30px;
        left: 20px;
    }
    .padd-t-60 {
        padding-top: 40px;
    }
    .padd-b-60 {
        padding-bottom: 40px;
    }
    .padd-50 {
        padding: 40px 0;
    }
    .product-countdown-arrow {
        justify-content: space-between;
        width: 100%;
    }
    .grid-70-30,
    .get_say_form {
        display: block;
    }
    .get_say_social-icn {
        position: unset;
    }
    .get_form_inner {
        box-shadow: -4px 10px 40px -7px #cfd5df;
    }
    .get_say_form {
        border-radius: 0 0 5px 5px;
    }
    .counter-stats {
        margin: 40px 0 0;
        width: 100%;
    }
    .counter-stats h3 {
        font-size: 30px;
    }
    .breadcrumb-title {
        display: none;
    }
    .breadcrumb {
        overflow: auto !important;
        flex-wrap: nowrap !important;
    }
    .breadcrumb li.breadcrumb-item {
        font-size: 14px;
    }
    .product_container .product-image .btn_wrapper {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        visibility: visible;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
    .product-list .btn_wrapper .shop_btn,
    .product-short-list .btn_wrapper .shop_btn {
        padding: 12px 15px;
    }
    .product-single__description ul#myTab li {
        margin: 0 26px 0 0;
    }
    .product-single__header {
        border-right: 0;
        border-bottom: 0;
    }
}

@media only screen and (max-width:575px) {
    .product-countdown svg {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
    #countdown ul li:not(:last-child):before {
        right: -7px;
    }
    #countdown ul li:not(:last-child) {
        margin-right: 10px;
    }
    #countdown ul li {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    .hot_deal_text_inner {
        left: 15px;
    }
    .services {
        padding: 0 15px;
    }
    .shop_btn {
        margin-top: 0;
    }
    h1 {
        font-size: 22px;
    }
    h4 {
        font-size: 16px;
    }
    .visor_virtual_text_inner {
        top: 20px;
        left: 15px;
    }
    .newsletter-form button {
        font-size: 12px;
        padding: 18px 14px;
    }
    .banner_detail .hot_deal_text_inner {
        top: 15px;
    }
    .get_form_inner .grid-50-50 {
        grid-template-columns: unset;
        grid-gap: 15px;
    }
    p {
        font-size: 14px;
    }
    .order-cart-form thead th {
        padding: 20px 50px;
    }
    .checkout-section .accordion-button {
        font-size: 14px;
        display: inline-block;
    }
    .comment-author {
        flex: 0 0 40px;
        width: 40px;
    }
    .breadcrumb {
        padding-bottom: 10px !important;
    }
    .price-filter .field input {
        font-size: 14px;
    }
    .main-product-grid .product-grid .product-info h6 br {
        display: none;
    }
    .product-single__description ul#myTab li .nav-link {
        padding: 0 0 10px;
    }
    .product-single__description ul#myTab li {
        margin: 0 26px 0 0;
        margin: 0 35px 10px 0;
        border-bottom: 1px solid #dee2e6;
        padding-right: 35px;
        margin-right: 0;
    }
}

@media (max-width: 570px) {
    .login-register form {
        padding: 0 15px;
    }
    .login-register .image {
        display: none;
    }
    .login-register .panel .content {
        padding: 0.5rem 1rem;
    }
    .login-register .container {
        padding: 1.5rem;
    }
    .login-register .container:before {
        bottom: 72%;
        left: 50%;
    }
    .login-register .container.sign-up-mode:before {
        bottom: 28%;
        left: 50%;
    }
}

@media (max-width: 420px) {
    .main-product-grid .product-grid {
        width: 100%;
    }
}