@media (min-width: 1200px) {}

@media (min-width: 992px) and (max-width: 1199px) {
    .price_pro{
        height: 40px;
    }
    .price_pro span.giacu{
        display: block;
    }
    .footer2 {
        width: 30%;
    }
    #menu_box>li>ul{
        width: 675px;
        height: 335px;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
   .price_pro{
    height: 40px;
}
.price_pro span.giacu{
    display: block;
}
.footer2 {
    width: 30%;
}
#menu_box>li>ul{
    width: 460px;
    height: 305px;
}
#menu_box>li>ul>li {
    width: calc(100% / 2);
}
.col_product{
     width: calc(100% / 3);
}
.media_news ,.media_videos{
    width: 100%;
}
header nav,.col_left{
    display: none;
}
.menu_repoone{
    display: block !important;
}
.col_right{
    padding: 0;
    width: 100%;
}
.containerrpp{
    width: 100%;
    padding: 0;
}
}

@media (max-width: 767px) {
    .row {
        margin: 0;
    }

    .rowrp {
        margin: 0 -10px;
    }

    .col-4,
    .col-3,
    .col_video {
        padding: 0 10px 0 5px;
    }

    .col-4:nth-child(2n+1),
    .col-3:nth-child(2n+1),
    .col_video:nth-child(2n+1) {
        clear: both;
        padding: 0 5px 0 10px;
    }

    .padding {
        padding: 10px 0;
    }

    footer {
        padding: 20px 0 15px;
    }

    .row_footer {
        flex-wrap: wrap;
    }

    .footer1,
    .footer2,
    .footer3,
    .footer4 {
        width: 100%;
        padding: 5px;
    }

    .copppy,
    .thongke {
        text-align: center;
    }

    header nav,.topone {
        display: none;
    }
    .form_contact {
        width: 100%;
    }
    .logo {
    width: 20%;
}
.banner {
    width: 80%;
}
.xsearch {
    width: 100%;
    padding: 10px 0 0;
}
header nav,.col_left{
    display: none;
}
.menu_repoone{
    display: block !important;
}
.col_right{
    padding: 0;
    width: 100%;
}
.containerrpp{
    width: 100%;
    padding: 0;
}
.col_product{
     width: calc(100% / 2);
}
.title_index span:after{
        left: 99%;
}
.media_news ,.media_videos{
    width: 100%;
}
.news_roll_img {
    width: 30%;
}
.news_roll_content {
    width: 70%;
}
.media_index .title_index {
    margin: 10px 0 10px 0;
}
.tite_ykien{
    font-size: 25px;
}
.tite_ykien span{
    font-size: 14px;
}
.row_form{
    width: 100%;
}
.buton_gui input{
        width: 100px;
}
.copppy{
    padding: 15px 0 65px;
}
}