@media only screen and (min-width: 1551px) {
 .char li.year2008:after {left: 47px;top: 37px;transform: rotate(-15deg);width: 112%;}
.char li.year2009:after {left: 48px;top: 38px;transform: rotate(-11deg);width: 112%;}
.char li.year2010:after {left: 48px;top: 37px;transform: rotate(-14deg);width: 111%;}
.char li.year2011:after {left: 46px;top: 36px;transform: rotate(-9deg);width: 112%;}
.char li.year2012:after {left: 46px;top: 37px;transform: rotate(-11deg);width: 114%;}
.char li.year2013:after {left: 46px;top: 36px;transform: rotate(-14deg);width: 112%;}
.char li.year2014:after {left: 45px;top: 30px;transform: rotate(-17deg);width: 115%;}
.char li.year2015:after {left: 46px;top: 29px;transform: rotate(-21deg);width: 118%;}
.char li.year2016:after {left: 42px;top: 23px;transform: rotate(-26deg);width: 125%;}
.char li.year2017:after {left: 39px;top: 17px;transform: rotate(-29deg);width: 133%;}
.char li.year2018:after {left: 27px;top: -2px;transform: rotate(-47deg);width: 171%;}
.char li.year2019:after {left: 41px;top: 23px;transform: rotate(-21deg);width: 165%;}
.char li.year2020:after {left: 46px;top: 46px;transform: rotate(-15deg);}
.bieudo {max-width:1349px}
}

@media only screen and (min-width: 1359px) {
.char {right:60px;}
}

@media only screen and (max-width: 1550px) {
 .char li.year2008:after {left: 47px;top: 37px;transform: rotate(-15deg);width: 112%;}
.char li.year2009:after {left: 48px;top: 38px;transform: rotate(-11deg);width: 112%;}
.char li.year2010:after {left: 48px;top: 37px;transform: rotate(-14deg);width: 111%;}
.char li.year2011:after {left: 46px;top: 36px;transform: rotate(-9deg);width: 112%;}
.char li.year2012:after {left: 46px;top: 37px;transform: rotate(-11deg);width: 114%;}
.char li.year2013:after {left: 46px;top: 36px;transform: rotate(-14deg);width: 112%;}
.char li.year2014:after {left: 45px;top: 30px;transform: rotate(-17deg);width: 115%;}
.char li.year2015:after {left: 46px;top: 29px;transform: rotate(-21deg);width: 118%;}
.char li.year2016:after {left: 42px;top: 23px;transform: rotate(-26deg);width: 125%;}
.char li.year2017:after {left: 39px;top: 17px;transform: rotate(-29deg);width: 133%;}
.char li.year2018:after {left: 27px;top: -2px;transform: rotate(-47deg);width: 171%;}
.char li.year2019:after {left: 41px;top: 23px;transform: rotate(-21deg);width: 165%;}
.char li.year2020:after {left: 46px;top: 46px;transform: rotate(-15deg);}
.bieudo {max-width:1349px}
}

@media only screen and (max-width: 1439px) {
 .char li.year2008:after {left: 47px;top: 37px;transform: rotate(-15deg);width: 112%;}
.char li.year2009:after {left: 48px;top: 38px;transform: rotate(-11deg);width: 112%;}
.char li.year2010:after {left: 48px;top: 37px;transform: rotate(-14deg);width: 111%;}
.char li.year2011:after {left: 46px;top: 36px;transform: rotate(-9deg);width: 112%;}
.char li.year2012:after {left: 46px;top: 37px;transform: rotate(-11deg);width: 114%;}
.char li.year2013:after {left: 46px;top: 36px;transform: rotate(-14deg);width: 112%;}
.char li.year2014:after {left: 45px;top: 30px;transform: rotate(-17deg);width: 115%;}
.char li.year2015:after {left: 46px;top: 29px;transform: rotate(-21deg);width: 118%;}
.char li.year2016:after {left: 42px;top: 23px;transform: rotate(-26deg);width: 125%;}
.char li.year2017:after {left: 39px;top: 17px;transform: rotate(-29deg);width: 133%;}
.char li.year2018:after {left: 27px;top: -2px;transform: rotate(-47deg);width: 171%;}
.char li.year2019:after {left: 41px;top: 23px;transform: rotate(-21deg);width: 165%;}
.char li.year2020:after {left: 46px;top: 46px;transform: rotate(-15deg);}
.bieudo {max-width:1349px}
}

@media only screen and (max-width: 1359px) {
.char li.year2008:after {left: 47px;top: 37px;transform: rotate(-15deg);width: 105%;}
.char li.year2009:after {left: 48px;top: 38px;transform: rotate(-11deg);width: 100%;}
.char li.year2010:after {left: 48px;top: 37px;transform: rotate(-14deg);width: 100%;}
.char li.year2011:after {left: 46px;top: 36px;transform: rotate(-9deg);width: 100%;}
.char li.year2012:after {left: 48px;top: 37px;transform: rotate(-13deg);width: 102%;}
.char li.year2013:after {left: 46px;top: 36px;transform: rotate(-15deg);width: 105%;}
.char li.year2014:after {left: 44px;top: 30px;transform: rotate(-17deg);width: 109%;}
.char li.year2015:after {left: 46px;top: 29px;transform: rotate(-21deg);width: 111%;}
.char li.year2016:after {left: 41px;top: 23px;transform: rotate(-29deg);width: 118%;}
.char li.year2017:after {left: 39px;top: 18px;transform: rotate(-32deg);width: 127%;}
.char li.year2018:after {left: 23px;top: -4px;transform: rotate(-47deg);width: 171%;}
.char li.year2019:after {left: 41px;top: 23px;transform: rotate(-23deg);width: 151%;}
.char li.year2020:after {left: 46px;top: 46px;transform: rotate(-15deg);}
.bieudo {max-width:1263px}

}

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

.char li:nth-child(n+1):after {display:none}
}

@media only screen and (max-width: 1150px) {
.des-gp {height: 114px;}
.char {display:none}
.bieudo {padding:40px 0}
.lydo-default {width:60%;}
.menu-footer {margin-left:2%}
footer .middle .right {width:25%;}
}


@media only screen and (max-width: 1023px) {
.about-default .description, .khachhang-default .description, .article-default .description {width:90%}
}


@media only screen and (max-width: 900px) {
.li-gp:nth-child(n+1) {width:49%;margin-left:0;margin-top:0;}
.li-gp:nth-child(2n+2) {float:right;}
.li-gp:nth-child(n+3) {margin-top:15px} 
}


@media only screen and (max-width:767px) {
.list-khachhang .item:nth-child(n+1) {width:49%;margin:0;}
.list-khachhang .item:nth-child(2n+2) {float:right;}
.list-khachhang .item:nth-child(n+3) {margin-top:10px;}
}

@media only screen and (max-width:639px) {
footer .middle .right {display:block;width:100%;margin-top:20px;text-align:center;}
.list-article-category .item:nth-child(n+1) {width:49%;margin:0;}
.list-article-category .item:nth-child(2n+2) {float:right;}
.list-article-category .item:nth-child(n+3) {margin-top:10px;}


.list-khachhang .item:nth-child(n+1) {width:49%;margin:0;}
.list-khachhang .item:nth-child(2n+2) {float:right;}
.list-khachhang .item:nth-child(n+3) {margin-top:10px;}

.lydo-default {width:100%;}
.name-gp {text-align:center;height: 56px;}
}


@media only screen and (max-width: 479px) {
.about-default {padding:40px 0}
.title-khachhang {font-size:20px}
.li-gp:nth-child(n+1) {width:100%;margin-top:0;margin-bottom:10px}
.des-gp {height:auto;}
.name-gp {height:auto;}
.list-khachhang .postImg {height:140px}
.article-default {display:block;}
.about-default .description, .khachhang-default .description, .article-default .description {width:96%}
}


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

}

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

}

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

}

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