@media screen and (max-width:1199.98px) {
    .box-show-namberofComment {
        width: 100%;
    }
}

@media screen and (max-width:991.98px) {
    .area-counterUp, .area-card-pepleCompany, .area-our-mission {
        margin-bottom: 4.5rem;
    }
    .area-details-product::before {
        display: none !important;
    }
    .area-sidebarContent::before {
        display: none;
    }
    div#v-pills-tab .nav-link {
        max-width: 17rem;
        margin: .5rem;
    }
    .arealogo img {
        width: 4rem !important;
    }
    .tab-content img {
        width: 27rem;
    }
    .container {
        max-width: 99% !important;
    }
    .dropdown-menu_topbar1 {
        right: -5.6rem !important;
    }
}

@media screen and (max-width:550px) {
    .slider_customers_comments {
        width: 90% !important;
        margin: 0 auto;
    }

}


@media screen and (min-width: 576px) {
    
.modal-footer {
    padding: 2rem 0 !important;
}

    #cd-login, #cd-reset-password, #cd-signup {
        padding: 2.5rem 2rem;
    }

    .form-modal .group {
        margin-top: 1.5rem;
    }
    
article.card-post{
    height: 16rem;
}
.card-post .hover01 figure {
    border-bottom-right-radius: calc(1rem - 2px);
    border-top-right-radius: calc(1rem - 2px);
    }
    .card-post-conversely .hover01 figure {
        border-bottom-left-radius: calc(1rem - 2px);
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-top-left-radius: calc(1rem - 2px);
    }

}

@media screen and (max-width:575.98px) {
    .modal-footer {
        padding: 1.2rem 0 !important;
    }
    

    #cd-login, #cd-reset-password, #cd-signup {
        padding: 0.5rem 2rem;
    }
    .form-modal .group {
        margin-top: 0.7rem;
    }
    

    .card-post-conversely .hover01 figure {
        border-top-right-radius: calc(1rem - 2px);
        border-top-left-radius: calc(1rem - 2px);
    }

    .card-post .hover01 figure {
    border-top-left-radius: calc(1rem - 2px);
    border-top-right-radius: calc(1rem - 2px);
    }

    .card-post .hover01 {
        width: 100%;
    }
    article.card-post{
        height: 32rem;
    
    }

    .area_add-t-cart {
        width: 20rem !important;
    }
    .menu_mobile {
        width: 20rem !important;
    }
    .box_product_special {
        padding: 2.5rem 1.5rem 0 1.5rem !important;
    }
    .details_product_special p {
        max-width: 100% !important;
    }
    .peygiry_sefareshat {
        position: absolute;
        left: 0;
    }
    .product_cart {
        width: 25rem;
    }
    .details_product_special {
        width: 100%;
    }
 
  
    .customers_comments {
        padding: 3rem 0;
    }
}

@media screen and (max-width:1199.98px) {
    .area_element-multi {
        padding: 3.54rem 0 2rem 0 !important;
    }
}

@media screen and (max-width:767.98px) {
    .area-porofileAuthor-singlePost {
        border-left: 0;
    }
    .box-text-recruitment {
        margin-left: 0 !important;
        text-align: center;
    }
    .card-pepleCompany {
        width: 25rem;
    }
}

@media screen and (min-width: 576px) and (max-width:767.98px) {
    .card-post .hover01 {
        width: 45%;
    }
    .widget_footer_news2 {
        width: 100% !important;
    }
    .peygiry_sefareshat {
        position: absolute;
        left: 0;
    }
    .widget_footer_downloadApp {
        width: 50%;
    }
    .area_add-t-cart {
        width: 22rem !important;
    }
    .menu_mobile {
        width: 22rem !important;
    }
  
 
    .customers_comments {
        padding: 3.5rem 0;
    }
}

@media screen and (max-width:767.98px) {
    .menu_footer ul li {
        float: right;
        margin: 0 0 0 1.5rem;
    }
    .area-details-product {
        margin-bottom: 3.5rem;
    }
    .area-madeProduct {
        margin-bottom: 3.5rem;
        padding-bottom: 2.5rem;
    }
    .area-review {
        padding-bottom: 3rem;
    }
}

@media screen and (min-width:768px) {
    .card-post .hover01 {
        width: 40%;
    }

    .menu_footer ul li {
        float: right;
        margin: 0 1.5rem 0 0;
    }
    .area-porofileAuthor-singlePost {
        border-left: 1px solid #dee2e6;
    }
    .area-details-product {
        margin-bottom: 4.5rem;
    }
    .area-madeProduct {
        margin-bottom: 4.5rem;
        padding-bottom: 5rem;
    }
    .area-review {
        padding-bottom: 3rem;
    }
}

@media screen and (min-width: 768px) and (max-width:991.98px) {
    .widget_footer_news2 {
        width: 60% !important;
    }
    .widget_footer_downloadApp {
        width: 50%;
    }

 
    .customers_comments {
        padding: 4rem 0;
    }
}

@media screen and (min-width: 992px) {
    .area-counterUp, .area-card-pepleCompany, .area-our-mission {
        margin-bottom: 5.5rem;
    }
    .area-sidebarContent::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 27%;
        height: 100%;
        background-color: #f7f7fc;
        z-index: -10;
    }
}

@media screen and (min-width: 992px) and (max-width:1199.98px) {
    .contenet_widget_footer form.form_news_footer2 {
        width: 50%;
    }
    .extra-controls .form-group .form-control {
        width: 5rem;
    }
    .bg-card-our-mission {
        left: 1rem;
        width: 36rem;
        ;
    }
    .card-our-mission {
        width: 33.5rem;
    }
    .area-card-our-mission {
        padding-top: 5.5rem;
        min-height: 34rem !important;
    }
    .card-our-mission .card {
        padding: 2.5rem 1.5rem;
    }
    .container {
        max-width: 99% !important;
    }
    .box-video-productSingle {
        padding: 0 0 0 3rem !important;
    }
    .description-singleProduct {
        padding: 0 3rem 0 2rem !important;
    }
    .widget_navbar {
        width: 80%;
        float: left;
    }
  
  
    .customers_comments {
        padding: 4.5rem 0;
    }
}

@media screen and (min-width: 1200px) {
    .extra-controls .form-group .form-control {
        width: 6rem;
    }
    .bg-card-our-mission {
        left: 1rem;
        width: 42rem;
        ;
    }
    .card-our-mission {
        width: 38.5rem;
    }
    .area-card-our-mission {
        padding-top: 4.5rem;
        min-height: 34rem !important;
    }
    .card-our-mission .card {
        padding: 3rem 1.5rem;
    }
    .box-show-namberofComment {
        width: 20rem;
    }
    .box-video-productSingle {
        padding: 0 0 0 6rem;
    }
    .description-singleProduct {
        padding: 0 6rem 0 3rem;
    }
    .modal-dialog {
        max-width: 540px !important;
    }

    .customers_comments {
        padding: 5rem 0;
    }
}