@media (min-width: 300px) and (max-width: 400px) {
    .box-content-main .box-content-left {
    display: block;
    position: relative;
    padding-right: 15px;
    margin-bottom:20px
    }
    .box-content-right .box-search-content,.box-content-right .box-search-content .text-seach{
        width:100%
    }
    .box-content-right {
    display: block;
    position: relative;
    padding-left: 15px;
    }
    .box-footer .box-contact-left {
    padding-right: 15px;
    }
    .box-contact-right {
    padding-left: 15px;
    }
    .menu-mobile{
        display:block;
        position:relative
    }
    .menu-bottom{
        display:none
    }
    .btnmenu-mobile{
        display:block !important;
        position:relative;
        margin-top: 8px;
    }
    .btnmenu-mobile a {
    color: white;
    font-size: 34px;
    margin-top: 10px;
    }
    .box-content-main .box-content-left .box-dm-sp .dm-san-pham li.li-top-dm {
    font-size: 17px;
    }
    .box-content-main .box-content-left .box-dm-sp .dm-san-pham li {
    padding: 10px 15px;
    font-size: 17px;
    }
    .box-support-main {
    display: block;
    position: relative;
    padding: 20px 15px 20px 15px;
    background-color: #264fa9;
    }
    .box-support-main .box-cnt-support {
    background-size: 65px auto;
    }
     .box-support-main .box-cnt-support p {
        font-size: 15px;
    }
    .box-news-main .item-news-main .box-news-main-left{
        width: 90px;
        float: left;
    }
    .box-news-main .item-news-main .box-news-main-right{
        display: inline-block;
        position: relative;
        float: left;
        width: calc(100% - 100px);
    }
    .box-top-logo .box-top-right .box-contact-main-left, 
    .box-top-logo .box-top-right .box-contact-main-right{
       display: none;       
     }
.box-top-logo .box-top-right .box-contact-main-center {
    float: none;
    background: none;
}
.box-top-logo .box-top-right .box-contact-main-center a {
    color: #000000;
}
.box-top-logo .box-top-right {
    display: block;
    position: relative;
    float: left;
}
}
@media (min-width: 401px) and (max-width: 500px) {
    .box-content-main .box-content-left {
    display: block;
    position: relative;
    padding-right: 15px;
    margin-bottom:20px
    }
    .box-content-right .box-search-content,.box-content-right .box-search-content .text-seach{
        width:100%
    }
    .box-content-right {
    display: block;
    position: relative;
    padding-left: 15px;
    }
    .box-footer .box-contact-left {
    padding-right: 15px;
    }
    .box-contact-right {
    padding-left: 15px;
    }
    .menu-mobile{
        display:block;
        position:relative
    }
    .menu-bottom{
        display:none
    }
    .btnmenu-mobile{
        display:block !important;
        position:relative;
        margin-top: 8px;
    }
    .btnmenu-mobile a {
    color: white;
    font-size: 34px;
    margin-top: 10px;
    }
    .box-content-main .box-content-left .box-dm-sp .dm-san-pham li.li-top-dm {
    font-size: 17px;
    }
    .box-content-main .box-content-left .box-dm-sp .dm-san-pham li {
    padding: 10px 15px;
    font-size: 17px;
    }
    .box-support-main {
    display: block;
    position: relative;
    padding: 20px 15px 20px 15px;
    background-color: #264fa9;
    }
    .box-support-main .box-cnt-support {
    background-size: 65px auto;
    }
     .box-support-main .box-cnt-support p {
        font-size: 15px;
    }
    .box-news-main .item-news-main .box-news-main-left{
        width: 90px;
        float: left;
    }
    .box-news-main .item-news-main .box-news-main-right{
        display: inline-block;
        position: relative;
        float: left;
        width: calc(100% - 100px);
    }
    .box-top-logo .box-top-right .box-contact-main-left, 
    .box-top-logo .box-top-right .box-contact-main-right{
       display: none;
     }
     .box-top-logo .box-top-right .box-contact-main-center {
      float: none;
      background: none;
     }
.box-top-logo .box-top-right .box-contact-main-center a {
    color: #000000;
}
.box-top-logo .box-top-right {
    display: block;
    position: relative;
    float: left;
}
}
@media (min-width: 501px) and (max-width: 600px) {
.box-content-main .box-content-left {
    display: block;
    position: relative;
    padding-right: 15px;
    margin-bottom:20px
    }
    .box-content-right .box-search-content,.box-content-right .box-search-content .text-seach{
        width:100%
    }
    .box-content-right {
    display: block;
    position: relative;
    padding-left: 15px;
    }
    .box-footer .box-contact-left {
    padding-right: 15px;
    }
    .box-contact-right {
    padding-left: 15px;
    }
    .menu-mobile{
        display:block;
        position:relative
    }
    .menu-bottom{
        display:none
    }
    .btnmenu-mobile{
        display:block !important;
        position:relative;
        margin-top: 8px;
    }
    .btnmenu-mobile a {
    color: white;
    font-size: 34px;
    margin-top: 10px;
    }
    .box-news-main .item-news-main .box-news-main-left{
        width: 120px;
        float: left;
    }
    .box-news-main .item-news-main .box-news-main-left .box-img-news-main{
        height:70px
    }
    .box-news-main .item-news-main .box-news-main-right{
        display: inline-block;
        position: relative;
        float: left;
        width: calc(100% - 130px);
    }
    .box-top-logo .box-top-right .box-contact-main-left, 
    .box-top-logo .box-top-right .box-contact-main-right{
       display: none;
     }
.box-top-logo .box-top-right {
    display: block;
    position: absolute;
    float: right;
    right: 0px;
    top: 20px;
}
}
@media (min-width: 601px) and (max-width: 700px) {
.box-content-main .box-content-left {
    display: block;
    position: relative;
    padding-right: 15px;
    margin-bottom:20px
    }
    .box-content-right .box-search-content,.box-content-right .box-search-content .text-seach{
        width:100%
    }
    .box-content-right {
    display: block;
    position: relative;
    padding-left: 15px;
    }
    .box-footer .box-contact-left {
    padding-right: 15px;
    }
    .box-contact-right {
    padding-left: 15px;
    }
    .item-product{
        width:50%;
        padding:0px 15px;
        float:left
    }
    .item-news{
        width:50%;
        float:left
    }
    .row-product{
        margin:0px -15px
    }
    .menu-mobile{
        display:block;
        position:relative
    }
    .menu-bottom{
        display:none
    }
    .btnmenu-mobile{
        display:block !important;
        position:relative;
        margin-top: 8px;
    }
    .btnmenu-mobile a {
    color: white;
    font-size: 34px;
    margin-top: 10px;
    }
    .box-news-main .item-news-main .box-news-main-left{
        width: 120px;
        float: left;
    }
    .box-news-main .item-news-main .box-news-main-left .box-img-news-main{
        height:70px
    }
    .box-news-main .item-news-main .box-news-main-right{
        display: inline-block;
        position: relative;
        float: left;
        width: calc(100% - 130px);
    }
.box-top-logo .box-top-right {
    display: block;
    position: absolute;
    float: right;
    right: 0px;
    top: 15px;
}
}
@media (min-width: 701px) and (max-width: 767px){
    .box-content-main .box-content-left {
    display: block;
    position: relative;
    padding-right: 15px;
    margin-bottom:20px
    }
    .box-content-right .box-search-content,.box-content-right .box-search-content .text-seach{
        width:100%
    }
    .box-content-right {
    display: block;
    position: relative;
    padding-left: 15px;
    }
    .box-footer .box-contact-left {
    padding-right: 15px;
    }
    .box-contact-right {
    padding-left: 15px;
    }
    .item-product{
        width:50%;
        padding:0px 15px;
        float:left
    }
    .item-news{
        width:50%;
        float:left
    }
    .row-product{
        margin:0px -15px
    }
        .menu-mobile{
        display:block;
        position:relative
    }
    .menu-bottom{
        display:none
    }
    .btnmenu-mobile{
        display:block !important;
        position:relative;
        margin-top: 8px;
    }
    .btnmenu-mobile a {
    color: white;
    font-size: 34px;
    margin-top: 10px;
    }
    .box-news-main .item-news-main .box-news-main-left{
        width: 120px;
        float: left;
    }
    .box-news-main .item-news-main .box-news-main-left .box-img-news-main{
        height:70px
    }
    .box-news-main .item-news-main .box-news-main-right{
        display: inline-block;
        position: relative;
        float: left;
        width: calc(100% - 130px);
    }
}
@media (min-width: 768px) and (max-width: 800px) {
.box-content-main .box-content-left {
    display: block;
    position: relative;
    padding-right: 15px;
    margin-bottom:20px
    }
    .box-content-right .box-search-content,.box-content-right .box-search-content .text-seach{
        width:100%
    }
    .box-content-right {
    display: block;
    position: relative;
    padding-left: 15px;
    }
    .box-footer .box-contact-left {
    padding-right: 15px;
    }
    .box-contact-right {
    padding-left: 15px;
    } 
    .item-product{
        padding:0px 15px;
    }
    .row-product{
        margin:0px -15px
    }
    .item-product .box-img-pro .box-img-product {
        height: 150px;
    }
    .box-content-main .box-content-left .box-dm-sp .dm-san-pham li.li-top-dm {
    font-size: 17px;
    }
    .box-content-main .box-content-left .box-dm-sp .dm-san-pham li {
    padding: 10px 15px;
    font-size: 17px;
    }
    .box-support-main {
    display: block;
    position: relative;
    padding: 20px 15px 20px 15px;
    background-color: #264fa9;
    }
    .box-support-main .box-cnt-support {
    padding-left: 0px; 
    background:none
    }
        .menu-mobile{
        display:block;
        position:relative
    }
    .menu-bottom{
        display:none
    }
    .btnmenu-mobile{
        display:block !important;
        position:relative;
        margin-top: 8px;
    }
    .btnmenu-mobile a {
    color: white;
    font-size: 34px;
    margin-top: 10px;
    }
    .box-news-main .item-news-main .box-news-main-left .box-img-news-main{
        height:110px
    }
}
@media (min-width: 801px) and (max-width: 900px) {
.box-content-main .box-content-left {
    display: block;
    position: relative;
    padding-right: 15px;
    margin-bottom:20px
    }
    .box-content-right .box-search-content,.box-content-right .box-search-content .text-seach{
        width:100%
    }
    .box-content-right {
    display: block;
    position: relative;
    padding-left: 15px;
    }
    .box-footer .box-contact-left {
    padding-right: 15px;
    }
    .box-contact-right {
    padding-left: 15px;
    } 
    .item-product{
        padding:0px 15px;
    }
    .row-product{
        margin:0px -15px
    }
    .item-product .box-img-pro .box-img-product {
        height: 150px;
    }
    .box-content-main .box-content-left .box-dm-sp .dm-san-pham li.li-top-dm {
    font-size: 17px;
    }
    .box-content-main .box-content-left .box-dm-sp .dm-san-pham li {
    padding: 10px 15px;
    font-size: 17px;
    }
    .box-support-main {
    display: block;
    position: relative;
    padding: 20px 15px 20px 15px;
    background-color: #264fa9;
    }
    .box-support-main .box-cnt-support {
    padding-left: 0px; 
    background:none
    }
        .menu-mobile{
        display:block;
        position:relative
    }
    .menu-bottom{
        display:none
    }
    .btnmenu-mobile{
        display:block !important;
        position:relative;
        margin-top: 8px;
    }
    .btnmenu-mobile a {
    color: white;
    font-size: 34px;
    margin-top: 10px;
    }
    .box-news-main .item-news-main .box-news-main-left .box-img-news-main{
        height:110px
    }
}

@media (min-width: 901px) and (max-width: 1000px) {
.box-content-main .box-content-left {
    display: block;
    position: relative;
    padding-right: 15px;
    margin-bottom:20px
    }
    .box-content-right .box-search-content,.box-content-right .box-search-content .text-seach{
        width:100%
    }
    .box-content-right {
    display: block;
    position: relative;
    padding-left: 15px;
    }
    .box-footer .box-contact-left {
    padding-right: 15px;
    }
    .box-contact-right {
    padding-left: 15px;
    } 
    .item-product{
        padding:0px 15px;
    }
    .row-product{
        margin:0px -15px
    }
    .item-product .box-img-pro .box-img-product {
        height: 150px;
    }
    .box-content-main .box-content-left .box-dm-sp .dm-san-pham li.li-top-dm {
    font-size: 17px;
    }
    .box-content-main .box-content-left .box-dm-sp .dm-san-pham li {
    padding: 10px 15px;
    font-size: 17px;
    }
    .box-support-main {
    display: block;
    position: relative;
    padding: 20px 15px 20px 15px;
    background-color: #264fa9;
    }
    .box-support-main .box-cnt-support {
    padding-left: 0px; 
    background:none
    }
    .menu-mobile{
        display:block;
        position:relative
    }
    .menu-bottom{
        display:none
    }
    .btnmenu-mobile{
        display:block !important;
        position:relative;
        margin-top: 8px;
    }
    .btnmenu-mobile a {
    color: white;
    font-size: 34px;
    margin-top: 10px;
    }
}
@media (min-width: 901px) and (max-width: 990px) {
    .box-news-main .item-news-main .box-news-main-left .box-img-news-main{
        height:110px
    }
}
@media (min-width: 1000px) and (max-width: 1100px) {
    .box-support-main {
    display: block;
    position: relative;
    padding: 20px 15px 20px 15px;
    background-color: #264fa9;
    }
    .box-support-main .box-cnt-support {
    padding-left: 75px;
    background-size:65px auto 
    } 
    .box-support-main .box-cnt-support p {
    font-family: "UTM-Avo";
    font-size: 15px;
    color: white;
    margin-bottom: 5px;
    }
    .menu-bottom ul li {
    padding: 10px;
    }
    .menu-bottom ul li a {
    font-family: "UTM-Avo";
    font-size: 15px;
    color: white;
    text-decoration: none !important;
    }
    .box-lang-top .box-lang {
    padding: 10px 0px 10px 10px;
    display: inline-block;
    border-left: 2px solid #33cc66;
    float: right;
    }
}

@media (min-width: 1100px) and (max-width: 1200px) {
    .menu-bottom ul li {
    padding: 10px;
    }
    .menu-bottom ul li a {
    font-family: "UTM-Avo";
    font-size: 15px;
    color: white;
    text-decoration: none !important;
    }
    .box-lang-top .box-lang {
    padding: 10px 0px 10px 10px;
    display: inline-block;
    border-left: 2px solid #33cc66;
    float: right;
    }
}
@media (min-width: 1201px) and (max-width: 1366px) {

}