@media screen and (max-width: 1240px) {
    .wrap {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1200px) {
    .card_design {
        height: 250px;
    }
}

@media screen and (max-width: 1100px) {
    /* .menuprinc {
        display: none;
    }
    .menumob__btn {
        display: block;
    } */
}

@media screen and (max-width: 1024px) {
    .menuprinc {
        display: none;
    }

    .menumob__btn {
        display: block;
    } 

    .icon.hidden {
        display: none;
    }

    .headerBody__logo-frm {
        width: 33.333%;
    }
    
    .headerBody__search-icons {
        width: 33.333%;
    }
    
}

@media screen and (max-width: 880px) {
    .headerBody__search {
        display: none;
    }

    .product_card {
        width: 33.333%;
    }

    .list_group {
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .container_list {
        width: 50%;
    }
    
}

@media screen and (max-width: 777px) {
    .one .wrap {
        text-align: center;
    }

    .width_mobile {
        display: flex;
        justify-content: center;
    }

    .one .wrap .title_top {
        text-align: center;
    }

    .one .wrap .title_center {
        text-align: center;
    }

    .one .wrap .description {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .product_card {
        width: 100%;
    }

    .card_img {
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .container_list {
        width: 100%;
    }
}

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

}

@media screen and (max-width: 500px) {
    .one .wrap .title_center {
        font-size: 45px;
    }

    .tree .wrap .container_one .container_title_center .title_center {
        font-size: 40px;
    }

    .content_five .title {
        font-size: 40px;
    }

    .six .wrap .container_one .container_title_center .title_center {
        font-size: 40px;
    }

    .eight .wrap .container_one .container_title_center .title_center {
        font-size: 40px;
    }
}

@media screen and (max-width: 460px) {
    
}

@media screen and (max-width: 410px){
    
}

@media screen and (max-width: 380px) {
    .one .wrap .title_center {
        font-size: 35px;
    }

    .tree .wrap .container_one .container_title_center .title_center {
        font-size: 30px;
    }

    .six .wrap .container_one .container_title_center .title_center {
        font-size: 30px;
    }

    .eight .wrap .container_one .container_title_center .title_center {
        font-size: 30px;
    }

    .content_five {
        padding: 50px;
    }

    .content_five .title {
        font-size: 30px;
    }

    .container_five {
        background-position: left;
    }
}

@media screen and (max-width: 320px) {
   
}