@font-face {
    font-family: 'UTM_HelvetIns';
    src: url('../fonts/UTMHelvetIns.eot');
    src: url('../fonts/UTMHelvetIns.eot') format('embedded-opentype'), url('../fonts/UTMHelvetIns.woff')
    format('woff2'), url('../fonts/UTMHelvetIns.woff') format('woff'), url('../fonts/UTMHelvetIns.ttf')
    format('truetype'), url('../fonts/UTMHelvetIns.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arialbd';
    src: url('../fonts/arialbd.ttf');
    src: url('../fonts/arialbd.ttf') format('embedded-opentype'), url('../fonts/arialbd.ttf')
    format('woff2'), url('../fonts/arialbd.ttf') format('woff'), url('../fonts/arialbd.ttf')
    format('truetype'), url('../fonts/arialbd.ttf') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SVN-Arial Regular';
    src: url('../fonts/SVN-Arial Regular.ttf');
    src: url('../fonts/SVN-Arial Regular.ttf') format('embedded-opentype'), url('../fonts/SVN-Arial Regular.ttf')
    format('woff2'), url('../fonts/SVN-Arial Regular.ttf') format('woff'), url('../fonts/SVN-Arial Regular.ttf')
    format('truetype'), url('../fonts/SVN-Arial Regular.ttf') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'Roboto_Regular';
src: url('./fonts/Roboto-Regular.eot');
src: url('./fonts/Roboto-Regular.eot') format('embedded-opentype'), url('./fonts/Roboto-Regular.woff')
format('woff2'), url('./fonts/Roboto-Regular.woff') format('woff'), url('./fonts/Roboto-Regular.ttf')
format('truetype'), url('./fonts/Roboto-Regular.svg#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Roboto_Bold';
src: url('./fonts/Roboto-Bold.eot');
src: url('./fonts/Roboto-Bold.eot') format('embedded-opentype'), url('./fonts/Roboto-Bold.woff')
format('woff2'), url('./fonts/Roboto-Bold.woff') format('woff'), url('./fonts/Roboto-Bold.ttf')
format('truetype'), url('./fonts/Roboto-Bold.svg#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

p {
    margin: 0px;
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover,
a:focus {
    color: #0d7cd6;
    text-decoration: none;
}

* {
    margin: 0px;
    padding: 0px;
}

ul, ol {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
}

.fixed {
    position: fixed !important;
    top: 0px;
    z-index: 99;
    width: 100%;
}
.clearfix-130{
    clear: both;
    height: 130px;
}
.clearfix-100{
    clear: both;
    height: 100px;
}
.clearfix-80{
    clear: both;
    height: 80px;
}
.clearfix-60{
    clear: both;
    height: 60px;
}
.clearfix-55{
    clear: both;
    height: 55px;
}
.clearfix-50{
    clear: both;
    height: 50px;
}
.clearfix-45{
    clear: both;
    height: 45px;
}
.clearfix-40{
    clear: both;
    height: 40px;
}
.clearfix-35{
    clear: both;
    height: 35px;
}
.clearfix-30{
    clear: both;
    height: 30px;
}
.clearfix-32{
    clear: both;
    height: 32px;
}
.clearfix-25{
    clear: both;
    height: 25px;
}
.clearfix-20{
    clear: both;
    height: 20px;
}
.clearfix-15{
    clear: both;
    height: 15px;
}
.clearfix-12{
    clear: both;
    height: 12px;
}
.clearfix-10{
    clear: both;
    height: 10px;
}
.clearfix-5{
    clear: both;
    height: 5px;
}

body {
    background: #fff;
    font-size: 12px;
    font-family: arial;
    color: #000;
}

del {
    font-size: 12px;
    color: #999;
}

/*===========All=============*/
.w_100 {
    width: 100%;
}

.w_40 {
    width: 40%;
}

.w_60 {
    width: 60%;
}

/*==========Main============*/
.menu_mb{
    position: fixed;
    width: 100%;
    background: #ffffff;
    z-index: 999;
    padding: 1px 15px;
    border-bottom: 1px solid #ccc;
}
#go_top {
    position: fixed;
    width: 24px;
    height: 25px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    background-size: 100% 100%;
    display: inline-block;
    z-index: 100;
    bottom: 25px;
    right: 25px;
}
.img_logo_mb{
    max-height: 60px;
    max-width: 70%
}
.menu_main .nav.is-fixed{
    position: relative;
    z-index: 105;
}

/*header*/
.header-wrapper{
    text-align: center;
    font-family: 'UTM_HelvetIns';
    background: url(img/header-bg.png) no-repeat;
    background-size: cover;
    padding: 22px 0;
}
.header-wrapper h1{
    font-size: 34px;
    color:  #b80105;
    text-shadow:
     2px   0  0   #fff,
    -2px   0  0   #fff,
     0    2px 0   #fff,
     0   -2px 0   #fff,
     1px  1px 0   #fff,
    -1px -1px 0   #fff,
     1px -1px 0   #fff,
    -1px  1px 0   #fff,
     1px  1px 5px #fff;
    margin-bottom: 10px;
}
.header__text1{
    color: #008000;
    font-size: 24px;
    text-shadow:
     2px   0  0   #fff,
    -2px   0  0   #fff,
     0    2px 0   #fff,
     0   -2px 0   #fff,
     1px  1px 0   #fff,
    -1px -1px 0   #fff,
     1px -1px 0   #fff,
    -1px  1px 0   #fff,
     1px  1px 5px #fff;
    margin-bottom: 10px;
}
.header__text2{
     color: #b80105;
     font-size: 18px;
      text-shadow:
     2px   0  0   #fff,
    -2px   0  0   #fff,
     0    2px 0   #fff,
     0   -2px 0   #fff,
     1px  1px 0   #fff,
    -1px -1px 0   #fff,
     1px -1px 0   #fff,
    -1px  1px 0   #fff,
     1px  1px 5px #fff;

}
.qts_menu_main {
    background: #b90105;
}
.qts_menu_main  i.fa.fa-home {
    font-size: 17px;
}
.active{
    background: #680003;
    position: relative;
}
.is-active:after{
     position:absolute;
     content:"";
     border-style:solid;
     /*top: 29px;*/
     bottom: 0;
     left: 50%;
     transform:translateX(-50%);
     border-width: 0 7px 5px 7px;
     border-color: transparent transparent #fff transparent;
}
.box-icon ul{
    float: right;
}
.box-icon li {
    display: inline-block;
    margin-top: 8px;
}
.box-icon img{
    height: 16px;
}
.iconsearch{
    font-size: 20px;
    color: white;
    vertical-align: middle;
    margin-right:10px;
}
.qts_menu_main{
    position: relative;
}
.search {
    position: absolute;
    width: 300px;
    background: #b90105;
    height: 60px;
    top: 40px;
    border-radius: 5px;
    right: 0;
    display: none;
    z-index: 100;
}
.search  input[type="text"] {
    padding: 7px 10px;
    width: 200px;
    border: none;
}

.search  button {
    padding: 8px;
    border: none;
    background: #680003;
    color: white;
    font-weight: bold;
}
.search--inner{

margin-top: 14px;

margin-left: 18px;
}
.close-icon i{
    color: white
}
.close-icon{
    position: absolute;
    right: 4px;
    top: -1px;
}

/* /end/ header*/



/*ve chung toi*/
.vechungtoi__anh img {
    height: 236px;
    object-fit: contain;
    width: 100%;
}
.about__text{
    font-size: 13px;
    line-height: 2;
    font-family: Arial;
}
.xemchitiet {
    float: right;
    font-size: 12px;
    color: #bc1f26;
}

.tabs li {
  float: left;
  border: 1px solid #e1e1e1;
  border-bottom: none;
  background: #e0e0e0;
}

.tabs li a {
  display: block;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

.tabs li a:hover {
  background: #ccc;
}

.tabs li.active,
.tabs li.active a:hover {
  font-weight: bold;
  background: #fff;
}
.tabs li.active a{
    color: #bc1f26;
}
.tab_container {
  border: 1px solid #e1e1e1;
  border-top: none;
  background: #fff;
  width: 100%;
  height: 278px;
  overflow:scroll;
}

/* width */
.tab_container::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.tab_container::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
.tab_container::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
.tab_container::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.tab_content {
  padding: 5px;
  font-size: 13px;
}
.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  border-bottom: 1px solid #e1e1e1;
}
.tab_container li {
    display: flex;
}

.tab_container li:not(:last-child){
  margin-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}
.tab_container img {
    height: 75px;
}
.tin1{
    margin-left: 5px;
}
.tin1 a {
    display: block;
    height: 54px;
    overflow: hidden;
}
.tin1 span{
    color: #666666;
    font-size: 12px;
}

.dangkytuvan  h3 {
    display: block;
    padding: 11px 10px;
    font-size: 13px;
    font-weight: bold;
    color: #bc1f26;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
}
.dangkytuvan input[type="text"],.dangkytuvan textarea {
    border: none;
    background: #c5c5c5;
    margin-bottom: 5px;
    padding: 6px;
    width: 100%;
    border-radius: 5px;
}
.dangkytuvan textarea{
    height: 80px
}
.dangkytuvan{
    border:1px solid #e1e1e1;
}
.dangkytuvan--inner {
    padding: 0 5px;
}
.tintuc.col-md-6.col-xs-12 {
    padding-right: 25px;
}
.qts_mid_content h2 a {
    font-family: 'UTM_HelvetIns';
    color: #e5322c;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 39px;
}
.qts_mid_content h2 {
    margin-bottom: 22px;
    /* padding-bottom: 1px; */
    border-bottom: 1px solid #e1e1e1;
}
.qts_mid_content a {
    border-bottom: 3px solid;
    margin-bottom: 10px;
}
section.qts_mid_content.clearfix {
    padding-right: 25px;
}
.about__text.col-md-8 {
    padding-left: 20px;
}
.dangkytuvan button {
    border: none;
    background: #bc1f26;
    color: white;
    padding: 5px 18px;
    border-radius: 5px;
    float: right;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.dangkytuvan ::placeholder{
  color: white;
}
@media only screen and (max-width: 767px){
  .vechungtoi__anh img{
    margin-bottom: 20px;
  }
  .tab_container{
    width: 100%;
  }
  .tintuc--inner{
    margin-bottom: 20px;
  }
  .dangkytuvan{
    margin-bottom: 20px;
  }
}

@media (min-width: 1091px) and (max-width: 1299px){
.tabs li a {
    display: block;
    padding: 11px 3px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    /* border: 1px solid rebeccapurple; */
}
}
/* /end/ ve chung toi*/

/* tai sao chon chung toi */
.why_title{
    /* margin: 0 55px; */
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'UTM_HelvetIns';
    /* background: #b60105; */
    background-image: linear-gradient(#d50308, #8c0104);
    color: #ffffff;
    padding: 10px;
    border-bottom: 3px solid #009500;
    margin-top: 25px;
}
.why_uytin{
    margin: 18px 17px 18px 0;
}

.why_uytin_i{
    background:#114782;
    border-radius: 6px;
    padding: 13px;
    color: white;
}
.i_html5{
    padding: 13px 16px;
}
.why_uytin_div{
    text-transform: uppercase;
    font-size: 18px;
    color: #114782;
    font-weight: bold;
}
.why_khachhang{
    font-size: 15px;
    color: #adadad;

}
.slider_doitac  {
    border: 1px solid #ccc;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;

}
.slider_doitac .owl-nav{
    display: block !important;
    top: 50%;
}
.owl-carousel .owl-nav .owl-next{
    right: 20px !important;
}
.slider_doitac .owl-nav .owl-next i{
    content: url(../../img/right.png);
}
.slider_doitac .owl-nav .owl-prev{
    left: -20px !important;
}
.slider_doitac .owl-nav .owl-prev i{
    content: url(../../img/left.png);
    left: -20px;
}
section.qts_footer_top {
    background: #6d0000;
}
.footer-map iframe{
    width: 100%;
    height: 290px;
}
.footer-imfo{
    /* background: black; */
    color: white;
    font-size: 14px;
    padding: 50px 30px 50px 15px; 
}
.footer-imfo--left img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}
.footer-imfo--left p {
    margin: 4px 0;
}
.footer-imfo--left .text--color{
    color: #008eff;
}
.marText{
    margin-left: 35px;
}
.footer-imfo--left i{
    margin:0 10px;
}
.logo-ft img{
    margin-bottom: 60px;
    height: 37px;
    width: auto;
    object-fit: cover;
}
.logo-ft p {
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}
.logo-ft.col-md-4 {
    margin-top: 25px;
    text-align: center;
}
.footer-map.col-md-6.col-xs-12 {
    padding: 50px;
}
.bg-black.clearfix {
    background: black;
}
.qts_footer_mid{
     background-image: radial-gradient(circle, #a80000, #6f0100);
     padding: 10px 0;
}
.menu--footer a {
    color: white;
    font-size: 13px;
    padding: 14px 10px;
}
.menu--footer li:not(:last-child){
    border-right:1px solid white;
}
.menu--footer{
    padding: 0px 0;
    float: right;
}
.qts_footer_mid li{
    display: inline-block;
}
.social-media li{
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 2px solid white;
    border-radius: 50%;
    margin-right: 5px;
}
ul.social-media a {
    color: white;
    font-size: 13px;
    display: flex;
    justify-content: center;
    margin-top: 4px;
}
.copyright{
    float: right;
    color: white;
    font-size: 14px;
    margin-top: -10px;
}
span.textmar2 {
    margin-left: 31px;
}
.sc_slider_banner{
    position: relative;
}
.ct_slider{
    position: absolute;
    bottom: 37px;
}
.row-38{
    margin: 0px;
}
.box_slide{
    height: 160px;
    width: 160px;
    border-radius: 50%;
    background: rgb(255, 0,7, 0.5);
    align-items: center;
    text-align: center;
    float: left;
    margin: 0 38px;
}
.box_slide img{
    margin-top: 30px;
    margin-bottom: 12px;
}
.box_slide h3{
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.5;
    padding:0 10px;
}
.pdd-10{
    padding: 0 10px;
}
.row-10{
    margin: 0 -10px;
}
.box_phaply ul{
    height: 368px;
    overflow: auto;
}
.box_phaply ul li{
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid #ccc;
    display: block;

}
.box_phaply_home ul li {
  width: 93%;
}
.box_phaply ul li a{
    display: block;
    padding:0  10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}
.box_phaply{
    border: 1px solid #dddddd;
    border-top: none;
    padding-bottom: 15px;
}
.box_phaply .nav-tabs>li.active>a{
    border: none;
}
.box_phaply .nav-tabs>li.active{
    background: transparent;
}
.box_phaply .nav-tabs{
    border-bottom: none;
}
.box_vanban{
    border: 1px solid #dbdbdb;
    border-top: none;
    padding: 30px 20px;
    font-size: 13px;
    color: #333;
    height: 384px;
    overflow: auto;
}
.box_vanban.tab-content .active{
    background: transparent;
}
.box_vanban p{
    line-height: 2;
}
.p-child{
    display: block;
    padding-left: 25px;
}

@media (min-width:768px) and (max-width: 999px){
    .active:after{
        display:none;
    }

}
@media only screen and (max-width: 767px){
    .header__text1{
        font-size: 18px;
    }
    .header-wrapper h1{
        font-size: 24px;
    }
    .header__text2{
        font-size: 15px;
    }
    .box-icon li{
        margin-top:0;
    }
    .active:after{
        display:none;
    }

}
@media (min-width: 1000px) and (max-width: 1299px){
 .logo-ft img{
    height: 30px;

 }
 .logo-ft{
    padding: 0 20px;
 }
}
@media (min-width: 768px) and (max-width: 999px){
    .footer-imfo{
        padding: 0;
    }
    .footer-map.col-md-6.col-xs-12{
        padding: 0;
        margin-top: 30px;
    }
    .logo-ft img{
        margin-bottom: 35px;
    }
    .logo-ft.col-md-4{
        margin-top: 35px;
    }
    .logo-ft p{
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px){
    .footer-imfo{
        padding: 0 15px;
        margin: 15px 0;
    }
    .footer-map.col-md-6.col-xs-12{
        padding: 0 15px;
    }
    ul.social-media {
    text-align: center;
    margin-bottom: 10px;
}
.copyright {
    float: none;
    color: white;
    font-size: 14px;
    margin-top: 0;
    text-align: center;
}
.logo-ft.col-md-4 {
    margin-top: 30px;
    text-align: center;
}
.logo-ft img {
    margin-bottom: 30px;
}
.logo-ft p{
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px){
    .menu--footer a{
        padding:14px 7px;
    }
    .qts_footer_mid li{
    margin: 7px 0;
    display: inline-block;
}
 .header-wrapper h1{
        font-size: 20px;
    }
}
.title_aside {
  margin-top: 0;
  font-size: 20px;
}
.title_home {
border-bottom: 1px solid #9a9a9a;
margin-bottom: 20px;
line-height: 23px;
}
.title_home a {
display: inline-block;
font-size: 24px;
font-family: UTM_HelvetIns;
text-transform: uppercase;
color: #a60105;
padding-bottom: 8px;
border-bottom: 2px solid #a60105;
}
@media (min-width:992px) and (max-width:1199px) /* lg*/ {
    .ct_slider{
        display: none;
    }
}

/*=============ho tro truc tuyen===============*/
            .aside-tit {
                font-size: 13px;
                font-weight: bold;
                text-transform: uppercase;
                background: #49a823;
                color: #fff;
                padding: 10px 20px;
                margin: 0;
            }

            .aside-tit:before {
                content: url(./img/aside-tit-bf.png);
                margin-left: -10px;
                margin-right: 5px;
            }


            .box-hotro {
                margin-bottom: 20px;
            }

            .box-hotro .bder {
                margin-bottom: 0;
                border: 1px solid #dddddd;
            }

            .box-hotro img {
                width: initial;
            }

            .box-hotro img.sup {
                width: 100%;
            }

            .box-hotro .as-hotline {
                padding: 8px;
                max-width: 300px;
                margin: auto;
            }

            .box-hotro .as-hotline .red {
                font-family: arial;
                font-weight: bold;
                font-size: 18px;
                color: #ff0000;
                padding-left: 8px;
            }

            .box-hotro .as-hotline .tuvan {
                position: relative;
                padding-left: 14px;
                padding-bottom: 10px;
                margin-bottom: 15px;
            }

            .box-hotro .as-hotline .tuvan:last-child {
                border-bottom: none;
            }

            .box-hotro .as-hotline .tuvan:before {
                content: url("./img/i-tuvan.png");
                position: absolute;
                top: -3px;
                left: 0;
            }

            .box-hotro .as-hotline .tuvan .tuvan-text {
                display: inline-block;
                font-size: 14px;
                font-family: Roboto_Bold;
            }

            .box-hotro .as-hotline .tuvan .tuvan-text a {
                color: #d00000;
            }

            .box-hotro .as-hotline .tuvan .tuvan-text a:hover {
                text-decoration: underline;
            }

            .box-hotro .as-hotline .tuvan .tuvan-text .black {
                color: #0342ac;
            }

            .box-hotro .as-hotline .tuvan .tuvan-i {
                float: right;
                margin-top: 3px;
                margin-right: 5px;
            }

            .box-hotro .as-hotline .tuvan .tuvan-i img {
                width: initial;
                margin-left: 3px;
            }
            .name_tuvan {
                font-family: Roboto_Regular;
            }

            .tit_right_home {
    margin: 0px;
    color: #477d00;
    font-family: Arial;
    font-size: 18px;
    overflow: hidden;
    text-transform: uppercase;
    background: #32338f;
    text-align: center;
    padding: 13px 0;
}

.tit_right_home>a, .tit_right_home>span {
    display: block;
    color: #fff;
}
.mxh{
    display: inline-block;float: right;
}
.mxh a{
    color: transparent !important;
}

            /*================end ho tro==================*/
.categories_box ul {
  height: auto;
}
.view_more {
  text-align: right;
    margin-top: 30px;
}
.view_more a {
  color: #ed1313;
}
.why__box {
    display: flex;
    justify-content: space-between;
}

.why__box .box {
    flex: 20%;
    text-align: center;
    padding: 10px;
}
.why__box p{
    text-align: justify;
    font-size: 16px;
    line-height: 1.3;
    height: 140px;
    overflow: hidden;
}
.why__box  h3 {
    font-size: 18px;
    line-height: 28px;
    height: 28px;
    display: block;
    text-transform: uppercase;
    color: #f1592a;
    overflow: hidden;
    margin-top: 14px;
    margin-bottom: 5px;
}
.why__box img{
        transition: 1.6s;
}
.why__box img:hover{
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari 3-8 */
    transform: rotate(360deg);
}
.linhvuc--wrapper{
    background: url(./img/linhvuc.png )105px 150px  #f1f1f1 no-repeat;
    background-size: 400px;
     
}
.linhvuc {
    width: 760px;
    float: right;
    
}
.linhvuc ul {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       margin-top: 26px;
}
.linhvuc li{
 display: flex;
 /* flex: 45%; */
 border: 1px solid #cccccc;
 background: #ffffff;
 border-radius: 8px;
 width: 48%;
 /* float: left; */
 clear: none;
 margin-bottom: 30px;
 padding: 12px 15px;
}
.linhvuc h3 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    margin-bottom: 0;
}

.linhvuc h3 a {
    color: #f1592a;
}
.linhvuc  p {
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: block;
    margin: 0;
}
.linhvuc__left {
    flex: 20%;
}

.linhvuc__right {
    flex: 80%;
}

.linhvuc__left img {
    padding: 7px;
}
@media (min-width:1200px){
   .logo-ft img{
    margin-bottom: 45px;
    height: 100px;
   }
}
@media (min-width: 768px) and (max-width: 999px){
 .why__box{
        display: block;
    }
    .why__box .box{
        width: 33.333333%;
       float: left;
    }
}
@media (min-width: 481px) and (max-width: 767px){
    .why__box{
        display: block;
    }
    .why__box .box{
        width: 50%;
       float: left;
    }
    .linhvuc{
        width: 100%
    }
}
@media only screen and (max-width: 481px){
    .why__box{
        display: block;
    }
    .why__box .box{
        width: 100%;
    }
    .linhvuc{
        width: 100%
    }
    .linhvuc ul{
        display: block;
    }
    .linhvuc li{
        width: 100%;
        margin-bottom: 15px;
    }
}