.responcive-left,
.responcive-right,
.toggal-main {
    display: none
}

@media only screen and (max-width:1078px) {
    .dashboard_page .product {
        width: 950px
    }
}

@media only screen and (min-width:200px) and (max-width:1170px) {

    /* .col-sm-12.col-md-12.foot-content, */
    /* .col-sm-12.col-md-12.sub-foot-content, */
    .content,
    .content-wrapper,
    /* .footer-content .container, */
    /* .footer-content .row, */
    .homepage .product_wrapper {
        width: 100% !important
    }

    .contact-from-main {
        width: 100% !important
    }

    .col-sm-12.col-md-12.prod {
        float: none !important;
        margin: auto !important;
        width: 100% !important
    }

    /* .footer-content .container {
        height: auto !important
    } */

    #postadd_div {
        display: block;
        float: none;
        margin: auto;
        width: 94%
    }
    
    .dashboard_page #postadd_div {
        overflow: scroll !important
    }

    .cart-main .overflow {
        overflow: scroll;
        width: 100%
    }
}

@media only screen and (min-width:200px) and (max-width:770px) {
    .carousel.slide {
        height: auto !important
    }

    .indicators-main {
        display: none
    }
}

@media only screen and (min-width:770px) and (max-width:1170px) {
    .index_page .carousel.slide {
        height: auto !important
    }

    .index_page .nav.navbar-nav {
        text-align: center !important
    }

    .index_page .nav.navbar-nav img {
        width: 100% !important
    }

    .index_page .navbar-nav>li {
        display: inline-block !important;
        overflow: hidden !important;
        padding: 0 9px !important;
        width: 24% !important
    }

    .index_page .category-on-slide {
        bottom: 0 !important;
        margin-top: 0;
        position: relative
    }

    .index_page .carousel .carousel-indicators {
        bottom: 0;
        height: 20px;
        left: 0 !important;
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        text-align: right !important;
        width: 100% !important;
        z-index: 15
    }

    .index_page .indicators-main {
        bottom: 20px;
        margin: 0 auto !important;
        position: absolute !important;
        width: 100% !important
    }
}

@media only screen and (min-width:1100px) and (max-width:1170px) {
    #header {
        padding: 0 12px;
        width: 100% !important
    }

    #header .logo {
        width: 145px !important
    }

    .main-menu {
        margin: 37px 0 0 !important
    }
}

@media only screen and (min-width:200px) and (max-width:1100px) {

    .responcive-left,
    .responcive-right {
        position: absolute;
        top: 43px;
        width: 200px
    }

    .responcive-left .main-menu,
    .right-content {
        background-color: #fcce78;
        max-width: 500px;
        z-index: 9
    }

    #header {
        width: 100%
    }

    #header .logo {
        text-align: center;
        width: 100%
    }

    .main-menu,
    .right-content {
        display: none
    }

    .responcive-left,
    .responcive-right {
        display: block !important
    }

    .responcive-left {
        left: 36px
    }

    .responcive-right {
        right: 36px;
        text-align: right
    }

    .left-menu-click,
    .right-menu-click {
        width: 26px;
        cursor: pointer;
        transition: .3s
    }

    .responcive-left i,
    .responcive-right i {
        color: #6dcabf
    }

    .right-menu-click {
        float: right;
        padding-right: 0
    }

    .left-menu-click:hover i,
    .right-menu-click:hover i {
        transition: .3s;
        color: #fcce78
    }

    .responcive-left .main-menu {
        margin: 12px 0 !important;
        position: relative;
        width: 100%
    }

    .right-content {
        position: relative;
        width: 100%
    }

    .responcive-left .navbar-nav li a {
        font-size: 15px !important;
        padding-left: 12px !important;
        transition: .3s
    }

    .responcive-left .navbar-nav li a:hover {
        border-bottom: none !important;
        color: #6dcabf;
        transition: .3s
    }

    .nav.navbar-nav.right-link li a {
        color: #49494b !important;
        font-size: 15px !important;
        padding: 0 10px 0 0 !important;
        transition: .3s
    }

    .nav.navbar-nav.right-link li a:hover {
        border-bottom: none !important;
        color: #6dcabf;
        text-decoration: none !important;
        transition: .3s
    }

    .main-menu .navbar-default .navbar-nav>li,
    .nav.navbar-nav.right-link li {
        display: block;
        line-height: 30px;
        padding: 0;
        width: 100%
    }

    .main-menu .navbar-default,
    .right-content {
        margin: 12px 0 !important
    }

    .responcive-left .nav.navbar-nav,
    .responcive-right .nav.navbar-nav {
        margin: 0
    }

    .searchbox1>form {
        border: 1px solid #cfcbc8;
        height: auto;
        margin: auto;
        overflow: hidden;
        width: 90%
    }

    .searchbox1 input {
        background: 0 0;
        border: none;
        color: #868686 !important;
        float: left;
        font-family: karla;
        font-size: 12px;
        height: 37px;
        padding-left: 0;
        padding-right: 0;
        width: 75%
    }
}

@media only screen and (min-width:200px) and (max-width:500px) {
    .checkout-content-inner {
        margin: 0
    }

    .form-control {
        width: 100% !important
    }

    .checkout-content-inner td {
        display: block;
        min-width: 100%;
        padding: 5px;
        width: 100% !important
    }

    .owl-theme .owl-controls {
        display: none !important
    }

    .featured-products {
        margin-top: 44px
    }

    .thumbnail-list>li {
        border: 1px solid #ccc;
        margin: 10px 0;
        text-align: center;
        transition: .5s;
        width: 100% !important
    }

    .thumbnail-list img {
        height: auto;
        width: 80% !important
    }

    .thumbnail-list>li:nth-child(4n),
    .thumbnail-list>li:nth-child(4n+1) {
        border: 1px solid #ccc !important
    }

    .products {
        border-top: none
    }

    .products .container .row {
        border-bottom: none
    }

    .contact_form .form-control {
        width: 97%
    }
}

@media only screen and (min-width:500px) and (max-width:800px) {
    .thumbnail-list>li {
        width: 49% !important;
        border: 1px solid #ccc;
        margin: 10px 0;
        transition: .5s
    }

    .thumbnail-list img {
        height: 200px;
        width: 100% !important
    }

    .thumbnail-list>li:nth-child(4n),
    .thumbnail-list>li:nth-child(4n+1) {
        border: 1px solid #ccc !important
    }

    .products {
        border-top: none
    }

    .products .container .row {
        border-bottom: none
    }
}

@media only screen and (min-width:800px) and (max-width:1100px) {
    .thumbnail-list>li {
        width: 25% !important;
        transition: .5s
    }
}

@media only screen and (min-width:200px) and (max-width:600px) {
    .foot-content .col-md-3 {
        margin: auto;
        padding-left: 12px !important;
        text-align: center;
        width: 95%;
        transition: .5s
    }

    .col-sm-12.col-md-12.foot-content .col-md-3:nth-child(3) {
        display: none
    }

    #postadd_div .form-control,
    /* .footer-content .panel, */
    .register_page .line {
        width: 100% !important
    }

    .content-wrapper {
        margin: 0 auto !important;
        width: 100%
    }

    .banner-content {
        float: none;
        margin: auto;
        width: 90% !important
    }

    .foot-copyright,
    .payment-cards {
        width: 100%;
        text-align: center
    }

    .payment-cards {
        bottom: 0;
        float: none;
        padding: 15px 0
    }

    .payment-cards img {
        margin: auto;
        max-width: 100%;
        text-align: center;
        width: 90%
    }

    .desc_right,
    .main_image_page {
        display: block;
        float: none;
        height: auto;
        margin: auto;
        overflow: hidden;
        width: 94%
    }

    .thumb {
        text-align: center
    }

    .image {
        display: inline-block;
        float: none
    }

    .login,
    .register {
        border: 1px solid #ccc;
        border-radius: 0;
        float: none;
        height: auto;
        margin: 0 auto 28px;
        min-height: 100px;
        padding: 10px 20px;
        transition: .5s;
        width: 90%
    }

    .login_page .label,
    .login_page label span,
    .login_page label span.label {
        color: #46474b !important;
        display: block;
        float: left;
        font-family: Montserrat;
        font-size: 13px;
        font-weight: 700;
        line-height: 26px;
        padding: 0;
        text-align: right;
        text-transform: capitalize;
        width: 40%
    }

    .content_login_page .fields,
    .content_login_page .label,
    .content_login_page input,
    .content_login_page label {
        float: none;
        text-align: left !important;
        width: 100% !important
    }
}

@media only screen and (min-width:600px) and (max-width:1000px) {

    .foot-copyright,
    .payment-cards {
        width: 100%;
        text-align: center
    }

    .panel.panel-default {
        margin: auto;
        width: 84% !important
    }

    .foot-content .col-md-3 {
        float: left;
        text-align: center;
        width: 50%;
        transition: .5s
    }

    .payment-cards {
        bottom: 0;
        float: none;
        padding: 15px 0
    }

    .payment-cards img {
        margin: auto;
        max-width: 100%;
        text-align: center;
        width: 90%
    }
}

@media only screen and (min-width:1000px) and (max-width:1200px) {
    .foot-content .col-md-3:first-child {
        padding: 0 0 0 12px !important
    }

    .foot-content .col-md-3,
    .foot-content .col-md-3:last-child {
        padding-left: 15px !important
    }

    .foot-content .col-md-3 {
        width: 25% !important;
        transition: .5s
    }

}

@media only screen and (min-width:700px) and (max-width:1170px) {
    .left_column {
        width: 23%
    }

    .category_page {
        float: right;
        width: 100%
    }

    .rigth_column {
        width: 100% !important;
        margin: 0 !important
    }

    .category_page .product_wrapper>li:nth-child(4n+1) {
        clear: none !important
    }
}

@media only screen and (min-width:900px) and (max-width:1170px) {
    .product_wrapper>li {
        margin: 0 !important;
        padding: 15px;
        width: 33.33% !important;
        transition: .5s
    }
}

@media only screen and (min-width:700px) and (max-width:900px) {
    .product_wrapper>li {
        margin: 0 !important;
        padding: 15px;
        width: 50% !important;
        transition: .5s
    }
}

@media only screen and (min-width:200px) and (max-width:700px) {
    .left_column {
        float: none;
        width: 100%
    }

    .toggal-category,
    .toggal-filter {
        display: none
    }

    .toggal-main {
        display: block
    }

    .rigth_column {
        float: none !important;
        margin: 0 !important;
        width: 100% !important
    }

    /* .category_page .product_wrapper {
        padding: 25px
    } */

    .category_page .product_wrapper>li {
        margin-left: 0;
        margin-right: 0
    }

    .category_page .product_wrapper>li:nth-child(4n+1) {
        clear: none
    }
}

@media only screen and (min-width:500px) and (max-width:700px) {
    .product_wrapper>li {
        padding: 15px 17px;
        width: 50%
    }
}

@media only screen and (max-width:500px) {
    .product_wrapper>li {
        padding: 15px 17px;
        width: 100%
    }
}

@media only screen and (min-width:1200px) {
    .subscribe .btn-default {
        border-color: unset !important;
        color: #fff !important;
        float: right !important;
        font-family: karla-regular !important;
        font-size: 20px !important;
        height: 38px !important;
        margin-top: -48px !important;
        position: absolute !important;
        right: 0 !important;
        width: 91px !important
    }
}
/* =============================new================================ */
@media only screen and (max-width: 988px) {
    .product_details{
        margin: 0px !important;
    }
    .reviwe_slide{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
  
@media (max-width:768px) {
    .cat_container {
        justify-content: flex-start;
    }
    .navbar-nav li a {
        font-size: 18px;
    }
    .small_screen_nav li {
        display: inline !important;
    }
    .small_screen_nav {
        text-align: center;
    }
    .top_right {
        float: none !important;
        text-align: center;
        padding-bottom: 15px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #e23338 !important;
    }
    .navbar-default .navbar-toggle {
        margin-top: 38px;
    }
    .top_left .navbar-nav li {
        padding-left: 0px;
        padding-right: 0px;
    }
    #empTable tbody>tr>th {
        width: 100px;
    }
    #empTable tbody>tr>td,
    #empTable tfoot>tr>td {
        text-align: right;
        padding-right: 22px;
    }
    .cart_list {
        display: none;
    }
    .small_screen_cart_list {
        display: inline-table;
    }
    .small_screen_cart_list>tbody>tr>th,
    .small_screen_cart_list>tbody>tr>td,
    .small_screen_cart_list>tfoot>tr>th,
    .small_screen_cart_list>tfoot>tr>td{
        border: 1px solid #aba6a6 !important;
    }
    .small_screen_cart_list>tbody>tr:nth-of-type(even) {
        background-color: #dfdfdf;
    }
    .small_screen_cart_list>tbody>.cart_list_head {
        background-color: #dfb6b6 !important;
    }
    .checkout_table_small tbody tr td {
        text-align: right;
    }
    .checkout_table_small {
        display: inline-table;
    }

    .checkout_table {
        display: none;
    }
    .checkout_table_small>tbody>tr>th,
    .checkout_table_small>tbody>tr>td {
        border: 1px solid #aba6a6 !important;
    }
    .checkout_table_small>tbody>tr:nth-of-type(odd) {
        background-color: #dfdfdf;
    }
    .checkout_table_small>tbody>.checkout_list_head {
        background-color: #dfb6b6 !important;
    }
    .top-footer {
        flex-direction: column;
        align-items: center;
    }
    .contect-div, .address-div, .manu-div, .newsletters {
        width: 100%;
        padding-top: 0px !important; 
        text-align: center;
        /* margin-bottom: 20px; */
    }
    .contect-div{
        padding-left: 0px !important;
        /* height: 215px !important; */
    }
    .bottom-footer { 
        text-align: center;
        margin-top: 20px !important;
        height: 160px !important;
    }
    .contain-div{
        width: max-content!important;
        display: block !important;

    }
    .newsletters{
        margin-right: 0px !important;
        padding-top: 0px;
        padding-left: 0px !important;
        width: 300px;
        height: 250px;
        border-left: 1px solid #ffffff;
        border-left: 0px solid #ffffff00 !important; 
    }
    .payment-div img{
        width: 100%;
    }
    .fix-footer-div{
        margin-top:15px ;
    }
    .newsletter-input-div {
        flex-direction: column;
        align-items: stretch;
    }
    .newsletter-input {
        width: 100%;
        max-width: none;
        margin-bottom: 10px;
        border-right: 1px solid #ffffff !important;
    }
    .newsletter-submit {
        width: 100%;
        max-width: none;
    }
    .address-text,.contect-msg,.contect-number-div,.menu-text,.newsletter-msg,.newsletter-input-div{
        margin: 0 auto;
    }
    .contect-number-div{
        justify-content: center;
    }
}

@media (max-width:1000px) {
    .other_cat {
        position: absolute;
        right: 0%;
        top: 43px;
    }

}

@media (max-width:867px) {
    .sub_footer_col {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
    }

    .sub_footer_col p {
        padding: 10px 0px;
    }

}

@media (max-width:400px) {
    #cart_bottom {
        text-align: center;
    }

    #cart_bottom a {
        margin-top: 10px;
    }
}

@media (max-width:500px) {
    .small_screen_head {
        display: flex;
    }
}

/* ========================= after 06-04-2024=============================== */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .top-footer {
        flex-wrap: wrap;
        justify-content: center !important;
    }
    .contect-div,
    .address-div,
    .manu-div,
    .newsletters {
        width: 100%;
        max-width: 400px;
        margin-bottom: 20px;
        text-align: center !important;
    }

    .contect-div,
    .address-div,
    .manu-div {
        padding-left: 0;
        padding-top: 0px !important;
    }
    .bottom-footer{
        margin-top: 0px !important;
    }
    .contect-div{
        padding-left: 0 !important;
    }
    .manu-div{
        padding-top: 0px !important;
    }
    .newsletters {
        margin-right: 0 !important;
        padding-left: 0 !important;
        border-left: none;
        padding-top: 0px !important;
        /* border-top: 1px solid #ffffff; Add a border to separate the newsletters section */
        border-left: 0px solid #ffffff00 !important;
    } 
    .newsletter-input-div {
        flex-direction: column;
        align-items: stretch;
    }
    .newsletter-input {
        width: 100%;
        max-width: none;
        margin-bottom: 10px;
        border-right: 1px solid #ffffff !important;
    }
    .newsletter-submit {
        width: 100%;
        max-width: none;
    }
    .address-text,.contect-msg,.contect-number-div,.menu-text,.newsletter-msg,.newsletter-input-div{
        margin: 0 auto;
        padding-top: 15px !important;
    }
    .contect-number-div{
        justify-content: center !important;
    }
    .contain-div {
        flex-wrap: wrap;
        justify-content: center;
    }
    .payment-div {
        margin: 0 auto;
        margin-top: 10px;
    }
}
.review-tab-withe{
    width: 98.7%;
}
@media only screen and (max-width: 1024px) and (max-height: 768px) {
    .description, .review{
        width: 98.7%;
    }
}
@media screen and (max-width: 996px) {
    .gender_div{
        flex-direction:column;
    }
}
@media only screen and (max-width: 375px) {
    body .p4-home{
        margin-top: 50px !important;
    }
    body .p4-home-font-size{
        font-size: 15px !important;
    }
    .contain-img{
        height: 250px !important;
    }
    .product-img-list{
        padding: 7px;
    }
}
@media screen and (max-width: 425px) {
    .fancybox img{
        padding: 30px;
    }
}
@media screen and (max-width: 375px){
    .fancybox img {
        padding: 60px !important;
    }
}