@media screen and (max-width:1920px) {
    div#editor-page {
        background-image: url(../img/banner-editor.jpg),
     url(../img/white-backgroud.jpg);
        background-repeat: no-repeat;
        background-size: auto;
    }
    a.scrollToTop {
   
    bottom: 5px;
    right: 258px;
    
    }
    #header .header{
        padding-bottom: 12px;
    }
}
@media screen and (max-width:1366px) {
    a.scrollToTop {
    bottom: 5px;
    right: 2px;
    }
    .duocquantam-item .title  {
  
    max-height: 2.8em;
    -webkit-line-clamp: 2;
	font-size: 14px;
   
}
div#all-menu {
  
    width: 973px;
   
}
div#all-menu .inner .item .item-list-menu li {
   
    width: 204px;
}
#header.fixed-header #menu-site li {
    padding-left: 35px;
    margin-left: 35px;
}

.duocquantam-item:nth-of-type(3) .title {
    max-height: 3.65em;
    -webkit-line-clamp: 2;
    font-size: 14px;
    padding-top: 10px;
}
#menu-site-fooder li {
   
    padding-left: 82px;
    margin-left: 82px;
}
#fooder-support-link li {
    margin-right: 16px;
    padding-left: 16px;
}
p.mota {
    font-size: 13px;
   
}
.list-news-subpage ul.news-feed-pl .news-item-pl .mota {
    
    display: -webkit-box;
    max-height: 2.8em;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#main .right-news.col-md-4.news-sub-page {
    width: 30%;
}
.list-news-subpage .news-item .detail .title a {
    font-size: 14px;
   
}
#main .main-news.col-md-8.news-sub-page {
    width: 70%;
}

.news-sub-page .news-most-view li.news-item .title-news a {
    display: -webkit-box;
    max-height: 2.8em;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}
.news-most-view h3.title-news {
  
    margin-top: 5px;
    margin-bottom: 3px;
}
div#duocquantam-new {
    
    padding: 15px;
   padding-top: 0px;
}
.catelist ul {
   
    padding-left: 7px;
   
}
div#main {
    width: 670px;
    float: left;
    padding-right: 20px;
}
#main .main-news {
    width: 60%;
}
#main .right-news {
    padding-left: 10px;
  
    width: 40%;
}
div#right-body {
   padding-left: 0px;
    width: 300px;
   
}
    .info-company .right {
   
    padding-top: 25px;
    }
    .container {
    width: 970px;
   
	}
	#duocquantam-new .header-title {
    
    height: 60px;
}
	#duocquantam-new h3.title {
   
    font-size: 16px;
    padding-left: 30px;
  
}
.catelist ul li a {
    font-size: 13px;
    margin-right: 15px;
    padding-left: 15px;
}
#duocquantam-new h3.title:before {
    
    width: 27px;
    height: 17.5px;
  
}
	#menu-site li {
   
    padding-left: 39px;
    margin-left: 40px;
	}
	.main-news .title-news a {
    
    font-size: 20px;
	}
	.news li.news-item .title-news a {
    font-size: 16px;
    
    font-weight: 400;
	}
}

@media screen and (max-width:1024px) {
    .related-item {
    height: 269px;
    }
    #main .main-news.col-md-8.news-sub-page {
    width: 100%;
}
#user-mobile img.user-svg.logined {
    width: 41px;
    border-radius: 50%;
    height: 41px;
}
#main .right-news {
    padding-left: 0PX;
    width: 100%;
}
#main .main-news {
    width: 100%;
}
#main .right-news.col-md-4.news-sub-page {
    DISPLAY: NONE;
}
    #fooder-support-link li {
    margin-right: 16px;
    padding-left: 5px;

}
.slide2 .jcarousel-control-next {
   
    display:table;
}
#user-mobile img.user-svg {
    width: 20px;
    border-radius: 50%;
   
}
.video-news p.mota{
    display: block;
    line-height: 1.4;
    overflow: unset;
    max-height: unset;
    -webkit-line-clamp: unset;
    text-overflow: unset;
    -webkit-box-orient: unset;
}
#menu-site .my-drop-wrap .my-drop-list li a {
    font-size: 13px;
        margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;  text-align: center;
    padding-left: 0px;

}.my-drop-wrap .my-drop-list {
  
    width: 160px;
    right: -51px;
    top: 50px;
   
}
    img.google-img-970-90 {
    width: 100%;
    height: auto;
}

.my-drop-wrap .my-drop-list li {
  
    float: none !important;
        padding: 0px !important;
   
}
    div.micro-pages {
    width: 100%;
    
    }
    div#user-mobile button {
    border: none;
    background: none;
}
div#user-mobile {
   position: absolute;
    top: 28px;
    right: 36px;
    display: block;
}
#user-mobile img.user-svg {
    width: 41px;
        border-radius: unset;
}
    #content-dieukhoan .quick-link {
   
    width: 100%;
    
    }
    #submenu-2 li {
    display: inline-block;
    margin-left: 17px;
    font-size: 16px;
    font-family: roboto;
    border-bottom: 2px solid #fff;
    width: 24%;
    margin-left: 0px;
    }
    #right-body{
        display: none;
    }
    #m-menu img {
        width: 66px;
        height: 53px;
    }
    a.scrollToTop {
    bottom: 5px;
    right: 5px;
}
  .socical h3 {
    width: 100%;
    float: none;
    font-size: 16px;
    text-align: center;
}
    .socical ul li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #b9b9b9;
    }
    .news-sub-page .list-news-subpage .news-item {
 
    margin-bottom: 20px;
    }
   .socical p {
    float: left;
    font-size: 16px;
    font-weight: 300;
    margin: 0px;
    padding-top: 5px;
    margin-left: 20px;
}
div#main {
    padding: 0px;
    width: 100%;
}
    .socical ul li:nth-of-type(2),.socical ul li:nth-of-type(4){
        float: right;
    margin-right: 0px;
        margin-bottom: 0px;
    }
.socical ul li {
    list-style: none;
    display: inline-block;
    float: left;
    margin-right: 0px;
    padding-left: 0px;
    position: relative;
    width: 48%;
    background: #ff2d55;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
    margin-right: 3%;
    border: none;
    background: none;
    padding-top: 5px;
    padding-bottom: 5px;
        margin-bottom: 5px;
}
    .socical ul {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px;
        padding-left: 0px;
    }
    .socical ul li:first-of-type {
    padding-left: 20px;
    }
    .socical img {
    width: 35px;
    float: left;
    margin-left: 10px;
    }
   .socical {
    width: 80%;
    display: table;
    margin-bottom: 0px;
    padding-left: 109px;
    }
    .editor p {
        color: #375091;
    }
   .facebook p {
    color: #375091;
}
    .user p {
        color: #ea758a;
    }
    .posts p {
        color: #ea758a;
    }
   #menu-site .danhmuc-mobile {
    display: block;
    font-family: roboto;
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 15px;
    }
    #menu-site .icon-desktop{
        display: none;
    }
    #menu-site li:first-of-type {
        padding-left: 18px;
        margin-left: 0px;
    }
    #menu-site .icon-mobile{

        display: table !important;
            width: 100%;

    }
    .danhmuc-mobile img {
        width: 50px;
    }
    .danhmuc-mobile p {
        margin-top: 20px;
            margin-bottom: 0px;
    }
    #menu-site li a {

        font-size: 24px;

        margin-bottom: 0px;
    }
    #menu-site li:first-of-type a {
        margin-bottom: 0px;
        padding: 0px;
    }
    #menu-site li:nth-of-type(3) {
        padding-left: 18px;
        margin-left: 0px;
    }
    #menu-site .icon-mobile li:first-of-type {
        padding-left: 0px;
        margin-left: 0px;
    }
    .icon-mobile .header-quick{
        display: block;
            padding: 0px;
                margin: auto;
        display: table;
    }
    .icon-mobile .icon-header {
        padding: 10px;
        padding-left: 16px;
    }
    #menu-site li:before {
        
        content: "";
        
    }
    #menu-site .icon-mobile li{
        float: left;
    } 
    #logo-svg {
        /*width: 113px;
        height: 51px;*/
        margin-left: 0px;
    }
    div#search-mobile button {
        border: none;
        background: none;
    }
    div#search-mobile {
            display: block;
    position: absolute;
    top: 21px;
    right: 100px;
    }
    #fooder .google-ad img.img {
        width: 100%;
    }
    #search-mobile img.seacrh-svg {
        width: 41px;
    }
    .slick-prev {
        left: 0px;
    }

    .slick-next {
        right: 0px;
    }
        .container {
        width: 90%;
        
        }
       .header .logo {
    text-align: center;
    padding-top: 20px;
    width: 100%;
    }
        .icon-header {
      
        display: none;
        }
        .icon-mobile .icon-header {
        display: block;
        }
       .header .search {
        display: none;
        }
        .icon-header .header-quick img {
    width: 45px;
    height: 45px;
}
      #menu-site {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 400px;
        background: #fff;
        margin-top: 0px;
        z-index: 100;
        height: 100vh;
        overflow: auto;
    }
            #menu-site li {
        position: relative;
        display: block;
        float: none;
        }
        #menu-mobile .mobile-menu {  
                cursor: pointer;
                display: inline-block;
                border: none;
        background: none;
        }
         #menu-mobile button {  
                cursor: pointer;
                display: inline-block;
                border: none;
        background: none;
        }

    #menu-mobile ul li {
        list-style: none;
    }
    .nen-mobile {

        width: 100%;
        height: 100vh;
        background: #0000009e;
        position: absolute;
        z-index: 99;
    }
            #menu-mobile {
        display: block;
        position: absolute;
        top: 9px;
        left: 16px;
        }
    .header .search {
        padding: 10px;
        display: none;
        position: absolute;
        top: 90px;
        left: 0;
        z-index: 2;
    }
 p.mota {
    display: block;
    margin-bottom: 9px;
    display: -webkit-box;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .main-news {
    padding: 0px;
    margin-bottom: 37px;
    width: 100%;
    }
    .news .news-item:first-of-type {
        
        border: none;
        display: block
    }
    .news li.news-item {
        margin-left: 20px;
        font-size: 20px;
        color: #989898;
        margin-bottom: 20px;
        display: none;
    }
    .list-news .news-item:first-of-type {
        /* height: 200px; */
        width: 100%;
    }

    .list-news .news-item:nth-of-type(2),.list-news .news-item:nth-of-type(4) {
        /* height: 200px; */
        padding-right: 10px;
    }
    .list-news .news-item:nth-of-type(3),.list-news .news-item:nth-of-type(5) {
        /* height: 200px; */
        padding-left: 10px;
    }
    .list-news .news-item .detail {
        width: 100%;
        padding: 0px;
    }
    .list-news .news-item:first-of-type {
        /* height: 200px; */
        width: 100%;
    }
    .list-news .news-item:first-of-type .img-news{
        /* height: 200px; */
        width: 100%;
    }
    .list-news .news-item {
       
        width: 50%;
        float: left;
    }
    .list-news .news-item .img-news {
        
        width: 100%;
    }
    .list-news .news-item:first-of-type .detail {
        width: 100%;
        margin-top: 20px;
        padding-left: 0px;
    }
    p.infor {
    color: #b9b9b9 !important;
    font-weight: 300 !important;
    }
    .list-news .news-item .detail .title a {
    font-size: 24px;
    font-family: roboto;
    font-weight: 500;
    }
    div#menu-fooder {
    display: none;
    }
    .slide2 .slide-item p {
    margin-top: 10px;
    font-size: 22px;
    font-family: roboto;
    font-weight: 500;
    }
    .note {
    font-size: 16px;
    font-family: roboto;
    font-weight: 400;
    color: #a6a6a6;
    }
   
    img.logo-mini {
  
    height: 52px;
    }
    p.email-fooder {
   
    padding-left: 12px;
    
    }

    .email-fooder img {
        width: 24px;
        margin-right: 10px;
    }
   input.input-question {
    width: 40%;
    
    }
    .cauhoi {
    padding: 9px;
    padding-bottom: 0px;
    }
    .info-company {
   
    padding-left: 0px;
        display: table;
    }
    .list-news .news-item {
    height: 216px !important;
}
    .info-company h3 {
    font-size: 16px;
    
    }
    p.email-fooder {
    width: 60%;
    
    }
    .slide2 .jcarousel-control-next {
    right: 24px;
    top: 115px;
}
    .slide2 .jcarousel li {
    width: 442px !important;
    margin-right: 20px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
    .news li.news-item p a {
        font-size: 22px;
        font-weight: 300;
        font-family: roboto;
    }
    .news li.news-item .title-news a {
        font-size: 22px;
        font-family: roboto;
        font-weight: 500;
    }
    .main-news .title-news a {
        font-family: roboto;
        font-size: 22px;
        font-weight: 500;
    }
   .right-news {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    }
    .logo img {
        height: 30px;
    }
    .search .input-group {
    width: 85%;
    margin: auto;
    background: #ffffff;
    padding: 5px;
    border-radius: 3px;
    position: absolute;
    top: 0px;
    left: 50%;
}
    #menu-site li:first-of-type {
        
        padding-left: 18px;
        margin-left: 0px;
    }
    #menu-site li{
        
        padding-left: 18px;
        margin-left: 0px;
    }
    span.noti {
    right: 4px;
   
    }
    /*.header {
    margin: auto;
    display: table;
    top: 0px;
    z-index: 99;
    width: 100% !important;
    background: white;
    position: fixed;
    }*/
 

}



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

    #header .header{
        padding-bottom: 0;
    }

}



@media screen and (max-width:768px) {
.list-news .news-item .detail .title a {
    font-size: 22px;
    font-family: roboto;
    font-weight: 500;
}
#user-mobile img.user-svg.logined {
    width: 37px;
    border-radius: 50%;
    height: 33px;
}
.list-news-chart .news-item {
    height: auto;
    overflow: hidden;
}
.date-focus {
    width: 100%;
    padding-left: 18px;
    padding-right: 63px;
}
p.pick-date.inline {
    
    right: 18px;
    top: 0px;
}
#k-chart h3.title {
    font-size: 26px;
    
}
.catori-focus {
    width: 100%;
   
}
.catori-focus {
    width: 100%;
   
}
.date-focus {
  
    width: 100%;
  
}
.date-focus ul {
   
    width: 100%;
   
}
.google-ad {
    text-align: center;
    margin-bottom: 15px;
}
div#k-chart {
   
    width: 100%;
   
}
.slick-dotted.slick-slider {
    margin-bottom: 15px;
}
.news .news-item:first-of-type p.mota {
   
    display: none;
}
.my-drop-wrap .my-drop-list {
    width: 148px;
    right: -28px;
    top: 50px;
}
a.quick-link2 {
   
    font-size: 15px;
  
}
.socical ul li:first-of-type,.socical ul li:nth-of-type(3) {
   border-color: #485f9a;
}
.socical ul li:last-of-type,.socical ul li:nth-of-type(2) {
   border-color: #ea758a;
}
.modal-lg {
    position: relative;
    display: block;
    z-index: 1001;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    margin: 60px auto;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
#submenu-2 li.active {
   
    border: none;
}
#submenu-2 li.active a {
    color: #2cbee8;
    border-bottom: 2px solid #2cbee8;
    padding-bottom: 4px;
}
#submenu-2 li {
   
    font-size: 14px;

    margin-top: 15px;
}
#submenu-2 li {
    width: 32%;
}
div.micro-pages {
    width: 100%;
    
}
img.img.about1 {
    margin-top: 50px;
    width: 100%;
}
.info-company h3 p {
   
    padding-bottom: 13px;
}
#fooder-support-link li {
   
    padding-left: 0px;
    width: 26%;
    text-align: left;
}
#fooder-support-link li a {
   
    padding-left: 0px;
}
.info-company .right {
   
    padding-top: 57px;
}
.related-item {
    height: 278px;
}
.right-news .news li.news-item:nth-of-type(2) {
    margin-top: 10px;
}
.slide2 .jcarousel-control-next {
    right: 6px;
    top: 79px;
}
#fooder-support-link li:before {
 
    content: "";
    
}
.list-related-news .related-item:first-of-type, .list-related-news .related-item:nth-of-type(3)
, .list-related-news .related-item:nth-of-type(5) {
    padding-left: 0px;
    padding-right: 15px;
}
.list-related-news .related-item:last-of-type, .list-related-news .related-item:nth-of-type(2)
, .list-related-news .related-item:nth-of-type(4) {
    padding-right: 0px;
    padding-left: 15px;
}

#right-body{
    display: none;
}
img.google-img-970-90 {
    width: 100%;
   height: auto;
}


.cauhoi {
   
    width: 100%;
}
img.google-img-970-250 {
    width: 100%;
    height: auto                  ;
}
.slide2 .slide-item p {
    margin-top: 10px;
    font-size: 18px;
    font-family: roboto;
    font-weight: 500;
}
.list-news-subpage li.news-item {
    display: table;
    margin-bottom: 20px;
}
.list-news-subpage li.news-item .detail .mota {
    display: block !important;


}

.slide2 .jcarousel li {
    width: 336px !important;
    margin-right: 20px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.slick-slide {
    margin-right: 0px;
    width: 768px !important;
}
.img-fooder {
    padding-right: 0px;
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
}
img.logo-mini {
   
    height: 90px;
}
input.input-question {
    width: 50%;
}
p.email-fooder {
    width: 50%;
    padding-left: 25px;
    margin-top: -3px;
}
.email-fooder img {
    width: 35px;
    margin-right: 20px;
}
#m-menu img {
    width: 69px;
    height: 43px;
}
.socical h3 {
    width: 100%;
    float: none;
    font-size: 22px;
    text-align: center;
   
}
.socical ul li:first-of-type {
    padding-left: 5px;
}
.socical ul li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    color: #b9b9b9;
}
.socical p {
    float: left;
   
    font-size: 20px;
    font-weight: 300;
    margin: 0px;
    margin-left: 10px;
}
.socical ul li {
    list-style: none;
    display: inline-block;
    float: left;
    margin-right: 0px;
    padding-left: 0px;
    position: relative;
    width: 47%;
    background: #ff2d55;
    border-radius: 10px;
    padding: 5px;

    margin-bottom: 0px;
    margin-right: 5%;
        background: none;
    
}
.socical ul {
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 3px;
    margin-bottom: 10px;
    padding-left: 0px;
}
.socical img {
    width: 35px;
    float: left;
}
.socical {
    width: 90%;
    display: table;
    margin-bottom: 20px;
    padding-left: 71px;
}
.editor p {
    color: #375091;
}
.facebook p {
    color: #375091;
}
.user p {
    color: #ea758a;
}
.posts p {
    color: #ea758a;
}

#menu-site .icon-desktop{
    display: none;
}
#menu-site li:first-of-type {
    padding-left: 18px;
    margin-left: 0px;
}
#menu-site .icon-mobile{

    display: table !important;
        width: 100%;

}
.danhmuc-mobile img {
    width: 50px;
}
.danhmuc-mobile p {
    margin-top: 20px;
        margin-bottom: 0px;
}

#menu-site li:first-of-type a {
    margin-bottom: 0px;
    padding: 0px;
}
#menu-site li:nth-of-type(3) {
    padding-left: 18px;
    margin-left: 0px;
}
#menu-site .icon-mobile li:first-of-type {
    padding-left: 0px;
    margin-left: 0px;
}
.icon-mobile .header-quick{
    display: block;
        padding: 0px;
            margin: auto;
    display: table;
}
.icon-mobile .icon-header {
    padding: 10px;
    padding-left: 16px;
}
#menu-site li:before {
    
    content: "";
    
}
#menu-site .icon-mobile li{
    float: left;
} 
#logo-svg {
    /*width: 113px;
    height: 51px;*/
    
    margin-left: 0px;
    padding-top: 10px;
}
.header .logo img{
    max-width: 150px !important;
}
div#search-mobile button {
    border: none;
    background: none;
}
div#search-mobile {
    display: block;
    position: absolute;
    top: 21px;
    right: 85px;
}
#fooder .google-ad img.img {
    width: 100%;
}
#user-mobile img.user-svg {
    width: 35px;
}
div#user-mobile {
    position: absolute;
    top: 27px;
    right: 36px;
    display: block;
}
#search-mobile img.seacrh-svg {
    width: 35px;
}
.slick-prev {
    left: 0px;
}
.slick-next {
    right: 0px;
}
    .container {
    width: 90%;
    
    }
    .header .logo {
    
    text-align: center;
    padding-top: 10px;
    
    padding-bottom: 20px;
    }
    .icon-header {
  
    display: none;
    }
    .icon-mobile .icon-header {
    display: block;
    }
   .header .search {
    display: none;
    }
  #menu-site {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    background: #fff;
    margin-top: 0px;
    z-index: 100;
        height: 100vh;
}
        #menu-site li {
    position: relative;
    display: block;
    float: none;
    }
    #menu-mobile .mobile-menu {  
            cursor: pointer;
            display: inline-block;
            border: none;
    background: none;
    }
     #menu-mobile button {  
            cursor: pointer;
            display: inline-block;
            border: none;
    background: none;
    }

#menu-mobile ul li {
    list-style: none;
}
.nen-mobile {

    width: 100%;
    height: 100vh;
    background: #0000009e;
    position: fixed;
    z-index: 99;
}
        #menu-mobile {
    display: block;
    position: absolute;
    top: 12px;
    left: 16px;
    }
.header .search {
    padding: 10px;
    display: none;
    position: absolute;
    top: 85px;
    left: 0;
    z-index: 2;
}
p.mota {
    
    display: none;
}
.main-news {
    padding: 0px;
    margin-bottom: 37px;
}
.news .news-item:first-of-type {
    
    border: none;
}
.news li.news-item {
    margin-left: 0px;
    font-size: 20px;
    color: #989898;
    margin-bottom: 20px;
}
.list-news .news-item:first-of-type {
    /* height: 200px; */
    width: 100%;
}

.list-news .news-item:nth-of-type(2),.list-news .news-item:nth-of-type(4) {
    /* height: 200px; */
    padding-right: 10px;
}
.list-news .news-item:nth-of-type(3),.list-news .news-item:nth-of-type(5) {
    /* height: 200px; */
    padding-left: 10px;
}
.list-news .news-item .detail {
    width: 100%;
    padding: 0px;

}
.list-news .news-item:first-of-type {
    /* height: 200px; */
    width: 100%;
}
.list-news .news-item:first-of-type .img-news{
    /* height: 200px; */
    width: 100%;
}
.list-news .news-item {
   
    width: 50%;
    float: left;
}
.list-news .news-item .img-news {
    
    width: 100%;
}
.list-news .news-item:first-of-type .detail {
    width: 100%;
    margin-top: 20px;
    padding-left: 0px;
}
.news li.news-item p a {
    font-size: 22px;
    font-weight: 300;
    font-family: roboto;
}
.news li.news-item .title-news a {
    font-size: 22px;
    font-family: roboto;
    font-weight: 500;
}
.main-news .title-news a {
    font-family: roboto;
    font-size: 22px;
    font-weight: 500;
}
.right-news {
    padding-left: 0px;
    padding-right: 0px;
}
.logo img {
    height: 30px;
}
.search .input-group {
    width: 85%;
    margin: auto;
    background: #ffffff;
    padding: 5px;
    border-radius: 3px;
    top: 9px;
    left: 58px;
}
#menu-site li:first-of-type {
    
    padding-left: 18px;
    margin-left: 0px;
}
#menu-site li{
    
    padding-left: 18px;
    margin-left: 0px;
}
.video-svg {
    padding-bottom: 0px;
    padding-top: 3px;
}
.list-news-subpage img.video-svg {
    padding-top: 2px;
    width: 18px !important;
}
    .list-news .news-item .detail p.title {
       margin-top: 10px;
        font-weight: bold;
        display: block;
        margin-bottom: 9px;
        display: -webkit-box;
           max-height: 3.8em;
        -webkit-line-clamp: 2;
        line-height: 1.4;

       
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media (min-width:480px) and (max-width:740px) {
    #fooder-support-link li {
    padding-left: 0px;
    width: 48%;
    text-align: left;
    float: left;
}
.socical p {
   
    font-size: 14px;
   
}
.duocquantam-item:nth-of-type(3) {
    width: 100%;
    position: relative;
    margin-bottom: 25px;
}
.duocquantam-item {
    width: 100%;
    float: left;
    margin-right: 0;
        margin-bottom: 15px;
}
#duocquantam-new .catelist {
    width: 100%;
  
    margin-bottom: 15px;
    margin-top: 0px;
}
#duocquantam-new h3.title {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
}
#duocquantam-new .header-title {
    height: unset;
    display: table;
}
    .info-company .right {
    width: 100%;
    float: left;
     text-align: center;
    padding-top: 0px;
    }
    .info-company .left {
    width: 100%;
   
    }
    .huongdan-menu {
    
    width: 100%;
}
    #quangcao-micropages .input-btn2 {
    width: 300px;
    
    margin: auto;
}
.huongdan-menu p {
   
    width: 100%;

}
   .info-company h3 p {
    padding-bottom: 0px;
}
    .socical ul li {
   
    width: 47%;
 
}
.socical img {
    width: 30px;
    float: left;
}
    .list-news-subpage li.news-item .detail .mota {
    display: none !important;
    }
       .related-item {
    height: auto;
}
   
}


@media screen and (max-width:480px) {
    div#duocquantam-new {
  
    margin-left: -6%;
    margin-right: -6%;
}
    .duocquantam-item:nth-of-type(3) {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.duocquantam-item:first-of-type{
    position: relative;
}
.duocquantam-item:first-of-type img{
    width: 100%;

}
.duocquantam-item:first-of-type .infor{
    display: none

}
.duocquantam-item:first-of-type .title {
    width: 88%;
    background: white;
    margin: auto;
    line-height: 1.4;
    max-height: 4em;
    -webkit-line-clamp: 2;
    padding: 4px 14px;
    margin-left: 20px;
    margin-right: 20px;
    position: absolute;
    bottom: 13px;
}
    
.duocquantam-item:nth-of-type(3) .title {
    background: unset;
    margin: unset;
    position: unset;
    bottom: unset;
    max-height: 3.4em;
    padding-left: 0px;
    padding-right: 0px;
}
.duocquantam-item:nth-of-type(3) .infor {
    display: block;
}
.duocquantam-item:nth-of-type(3) .title {
    background: unset;
    margin: unset;
    position: unset;
    bottom: unset;
    max-height: 4.6em;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    -webkit-line-clamp: 3;
    margin-bottom: 0px;
}
.duocquantam-item {
    width: 100%;
    float: left;
    margin-right: 0;
        margin-bottom: 15px;
}
.duocquantam-item img {
    width: 41.5%;
    float: left;
    margin-right: 3.5%;
}
.duocquantam-item .title {
    margin-top: 6px;
    margin-bottom: 3px;
    width: 55%;
    float: left;
    margin-top: 0px;
    max-height: 4.2em;
    -webkit-line-clamp: 3;
}
.catelist ul li a {
    font-size: 10px;
    margin-right: 15px;
    padding-left: 15px;
}
.catelist ul li:after {
    position: absolute;
    top: 1px;
    left: 0;
    content: "/";
    color: #fff;
    font-size: 15px;
    padding-top: 0;
}
#duocquantam-new .catelist {
    width: 100%;
  
    margin-bottom: 15px;
    margin-top: 0px;
    text-align: center;
}
#duocquantam-new h3.title {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
}
#duocquantam-new .header-title {
    height: unset;
    display: table;
}
#duocquantam-new h3.title:before {
    
    left: 68px;
   
}
#k-chart h3.title {
    font-size: 16px;
}
#k-chart p.infor span.date {
    
    width: 100%;
    text-align: left;
}
.new-news-row2 .new-news-item2 {
    width: 100%;
   
    padding-left: 10px;
    padding-right: 10px;
        margin-top: 15px;
}
h1.title-video {
    font-size: 20px;
    
}
.new-news-row2 {
 
    margin-top: 0px; 
   
}
.new-news-row .new-news-item:first-of-type {
    padding-right: 0px;
}
.new-news-row .new-news-item:last-of-type {
    padding-left: 0px;
}
.new-news-row .new-news-item {
    width: 100%;
        margin-top: 15px;
    float: left;
}
.banner-ads ins#eclick_ads_frame0_ins {
 
    margin: auto !important;
}
.banner-ads ins#eclick_ads_frame1_ins {
 
    margin: auto !important;
}
.banner-ads-detail-right .hadar-placement {
    margin: auto !important;
}
.slide2 .jcarousel-control-prev {
    right: 0px;
    top: 47px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 20px;
}
.slide2 .jcarousel-control-prev img {
    width: 20px;
    height: 20px;
   
}
div.chenhinh {
    padding: 16px !important;

    margin-top: 0px !important;
    height: 50px !important;
   
    margin-bottom: 15px !important;
}
.news .news-item:first-of-type h3 {
   
    margin-bottom: 0px;
}
#k-chart p.infor span.cmt {
    padding-left: 15px;
    width: 28%;
    margin-left: 10px;
    position: relative;
    float: left;
}
#k-chart p.infor span.share {
    padding-left: 15px;
    width: 28%;
    position: relative;
    float: left;
}
#k-chart p.infor span.view {
    padding-left: 15px;
    width: 28%;
    position: relative;
    float: left;
}

#k-chart p.stt {
    text-align: center;
    width: 100%;
    font-size: 22px;
    font-family: roboto;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 0px;
}
#k-chart p.title {
    font-size: 12px;
    font-family: roboto;
    font-weight: bold;
    margin-top: 10px;
    color: #fff;
    display: -webkit-box;
    line-height: 1;
    max-height: 2em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.date-focus {
    
    padding-left: 10px;
    padding-right: 10px;
}
.list-cato a {
    padding-left: 8px;
    padding-right: 0px; 
    font-size: 10px;
    font-family: roboto;
    color: #fff;
    margin-right: 8px;
}
#k-chart p.title {
    font-size: 12px;
    font-family: roboto;
    font-weight: bold;
    margin-top: 10px;
    color: #fff;
}
.catori-focus ul li:last-of-type a {
   
    margin-right: 0px;
}
.list-date a {
    font-size: 13px;
    
    padding: 10px 0px;
   
}
.catori-focus {
 
    padding-left: 10px;
    padding-right: 10px;
}
p.pick-date.inline {
    position: unset;
}
li.list-date {
   
    float: left;
    width: 33%;
}


    .related-item {
    height: auto;
}
.sub-link ul.sub1 li {
   
    margin-right: 4px;
    padding-left: 9px;
        font-size: 10px;
   
}
.sub-link ul.sub1 li:before {
  
    font-size: 10px;
  
}
.my-drop-wrap .my-drop-list {
    width: 136px;
    right: -39px;
    top: 33px;
}
.socical ul li:first-of-type,.socical ul li:nth-of-type(3) {
   border-color: #485f9a;
}
.socical ul li:last-of-type,.socical ul li:nth-of-type(2) {
   border-color: #ea758a;
}
.editor p {
    color: #375091;
}
.facebook p {
    color: #375091;
}
.user p {
    color: #ea758a;
}
.posts p {
    color: #ea758a;
}

.membership-logo img {
    width: 100%;
    margin-top: 8px;
}
.huongdan-menu p {
   
    width: 100%;

}
   .huongdan-menu {
    
    width: 100%;
}
   #quangcao-micropages .input-btn2 {
    width: 300px;
    
    margin: auto;
}

div#user-mobile {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
}
.search .input-group {
   
    top: -23px;
    left: 36px;
}
.news-sub-page .list-news-subpage .news-item {
    margin-bottom: 10px;
}
.list-news .news-item:nth-of-type(2), .list-news .news-item:nth-of-type(4) {
    height: 219px;
    padding-right: 10px;
}
.list-news .news-item:nth-of-type(3), .list-news .news-item:nth-of-type(5) {
    height: 219px;
    padding-left: 10px;
}
img.img.congtac1 {
    margin-top: 20px;
}
p.title-micro2 {
  
    
    margin-top: 20px;
    
}
.congtac-content {
    margin-bottom: 0px;
}
#content-dieukhoan .quick-link ul {
   
    line-height: 1.5;
}
.thongtin-content {
    margin-bottom: 20px;
}
p.text-micropage {
    
    font-size: 14px;
}
#content-dieukhoan .quick-link {
  
    border: 3px solid #e1e1e1;
    padding: 15px 15px;
   
}
a.quick-link2 {
   
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 14px;
    display: table;
}
#submenu-2 li {
    width: 49%;
}
    #content-gioithieu .title-gioithieu span {
    float: left;
   
    margin-bottom: 10px;
}
div#content-gioithieu .link-more {
    
    margin-top: 20px;
    margin-bottom: 0px;
}
  .micro-pages .title-gioithieu span {
    float: left;
   margin-top: 0px;
    margin-bottom: 10px;
        width: 100%;
    text-align: left;
}
.report img {
    width: 27px;
}
.left-main .info-left-main p.report {
    padding: 7px !important;
}
.info-company .top-info {
    
    margin-bottom: 10px;
}
.list-news li.news-item {
   
}
.detail-news .header-title .title h1 {
   
    font-size: 20px;
   
}
 .info-company .right {
    width: 100%;
    float: left;
        text-align: center;
    padding-top: 0px;
    }
    .info-company .left {
    width: 100%;
   
    }
   .info-company h3 p {
    padding-bottom: 0px;
}

        .main-news .title-news a {
            font-family: roboto;
            font-size: 14px;
            font-weight: 500;
        }
        div#danhmuc {
    padding-right: 0px;
}
#fooder-support-link li {
    margin-right: 5px;
    padding-left: 6px;
    width: 48%;
    float: left;
    text-align: left;
    padding-left: 0px;
}
div#editor-page {
 
    background-size: cover;
}
ul#fooder-support-link {
    margin-left: 0px;
}
#fooder-support-link li a {
    font-size: 14px;
    padding-left: 0px;
}
.tukhoa .title2, .tacgia .title2 {
   
    color: #fff;
   
}
.main-img-mobile {
    display: block !important;
}
div#trangthai {
    padding-left: 0px;
    margin-top: 20px;
}
.fileinput-button {
    position: relative;
   
    width: 116px;
    margin: auto;
}
#imgFileUpload .arrow {
    width: 24px;
   
    
    margin-left: 12px;
}
#uploadInput {
   
    width: 116px;
    height: 116px;
}
#imgFileUpload p.sub-title {
  
    margin-top: 8px;
   
}
button.chenhinh {
    padding: 10px;
    font-weight: bold;
    background: #fff;
    box-shadow: none;
    border: none;
    border-radius: 5px;
    font-size: 9px;
    width: 52%;
    display: table;
    margin: auto;
    height: auto;
    margin-top: 15px;
}
.image-size {
    text-align: center;
    margin-top: 10px;
}
.image-size p.sub-title {
    
    padding-left: 0px;
    
}
         .related-news {
    display: table;
   
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
    }
    #main .body-main {
    width: 100%;
    float: right;
    }
    .related-item {
    padding: 0px !important;
}
.left-main .info-left-main {
    position: unset;
    text-align: center;
    margin-bottom: 20px;
}
.left-main {
    width: 100%;
    margin-top: 20px;
}

.dropdown-item input[type="radio"] {
    width: 15px !important;
    height: 15px !important;
}
.dropdown-content {
    left: 76px !important;
    top: 54px !important;
    width: 258px !important;
}
.dropdown-item label {
  
    font-size: 12px !important;
    
}
.detail-news .header-title .title {
    font-size: 20px;
    font-family: roboto;
    font-weight: 500;
    color: #000;
    margin-bottom: 8px;
}
.detail-news p.mota-detail {
  
    font-size: 16px;
    
}
h3.member1,h3.member2 {
    font-size: 16px;
    font-weight: bold;
}
.detail-view-content {
    font-size: 14px;
  
    
}
.related-news h3 {
    
    font-size: 20px;
    
}
.title span.nhom {
    background: #e32026;
    padding: 3px 7px;
    color: #fff;
    font-size: 11px;
    vertical-align: middle;
}
.left-main .info-left-main p.facebook2, .left-main .info-left-main p.report, .left-main .info-left-main p.cmt {
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 50px;
    display: inline-block;
    padding-top: 9px;
    margin-bottom: 0px;
}
.tooltip3 .tooltiptext2 {
   
    top: 57px;
    left: 0;
}
.facebook2 .tooltiptext2::after {
    border-color: transparent #00000000 rgb(48, 97, 153) transparent;
}
.report .tooltiptext2::after {
    border-color: transparent #56439c00 rgb(86, 67, 156) transparent;
}
.cmt .tooltiptext2::after {
    border-color: transparent #01d00100 rgb(1, 208, 1) transparent;
}
.tooltip3 .tooltiptext2::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 25px;
    margin-left: -5px;
    border-width: 6px;
    border-style: solid;
    border-color: none;
}
.cmt span.soluong-binhluan {
    position: absolute;
    top: 27px;
    left: 15px;
    font-size: 9px;
}
.tooltiptext2 img {
    width: 11px;
}
        .member3 p.member33 {
   
    height: 80px;
    }   
        .info-company h3 {
    font-size: 14px;
    
    }
    .video-svg {
    width: 16px !important;
    
    margin-right: 2px;
    padding-top: 7px;
}
.slide2 .slide-item .video-svg {
    width: 14px !important;
    padding-top: 3px;
}
.list-news-subpage img.video-svg {
    padding-top: 2px;
    width: 14px !important;
}
    ul.sub2.fr {
    float: left;
    margin-top: 10px;
    }
    .list-news-subpage .news-item .detail {
    padding-right: 0px;
    }
    .list-news-subpage .news-item .detail .title a {
    font-size: 14px;
   
    }
    .list-news-subpage li.news-item .detail .mota {
    display: none !important;
}
.news-sub-page .right-news {
    display: none;
}
.list-news-subpage li.news-item {
    display: table;
    margin-bottom: 10px;
}
/*.header {
    margin: auto;
    display: table;
    top: 0px;
    z-index: 99;
    width: 100% !important;
    background: white;
    position: fixed;
}*/
    .slide2 .slide-item p {
    margin-top: 10px;
    font-size: 14px;
    font-family: roboto;
    font-weight: 500;
    margin-bottom: 1px;
    }
    .news .news-item:first-of-type {
  
    padding-bottom: 0px;
}
 .icon-header .header-quick img {
    width: 27px;
    height: 27px;
}
    span.noti {
    right: -4px;
    top: 2px;
    }
    .info-company p {
        font-size: 12px;
        
    }
        .list-news {
            
            display: table;
        }
        .main-news {
            padding: 0px;
            margin-bottom: 15px;
        }
        .email-fooder img {
    width: 16px;
    margin-right: 7px;
    margin-left: 10px;
    }
        .seemore img {
            width: 21px;
            margin-left: 3px;
            margin-top: 2px;
        }
        .seemore .mobile{
            display: block;
        }
        .seemore .desktop{
            display: none;
        }
        .infor {
            font-size: 10px !important;
        }
        .slide2 .slide-item .infor {
            margin-top: 0px;
            margin-bottom: 0px;
        }
        .list-news .news-item:first-of-type .detail {
            width: 100%;
            margin-top: 0px;
            padding-left: 0px;
            margin-bottom: 5px;
        }
        p.title-group span {
            font-size: 14px;
            font-family: roboto;
            font-weight: 500;
        }
        .list-news .news-item .detail .title a {
    font-size: 12px;
    font-family: roboto;
    font-weight: 300;
    }
    .list-news .news-item:first-of-type .title a {
        font-size: 14px;
    
    font-weight: 500;
    }
        div#menu-fooder {
            display: none;
        }
        .cauhoi {
            display: table;
            border: 1px solid #bfbfbf;
            padding: 10px;
        }
        .list-news .news-item:first-of-type {
                padding-bottom: 0px;
            margin-bottom: 0px;
        }
        .list-news .news-item {
           
            margin-bottom: 0px;
        }
        .list-news .news-item .detail p.title {
                margin-bottom: 2px;
            
        }
        .slide2 .jcarousel-wrapper {
    
    margin-top: 5px;
}
        .seemore img {
            width: 25px;
            margin-left: 3px;
            margin-top: 2px;
        }
        p.title-group {
            padding-top: 10px;
            font-size: 12px;
            font-family: roboto;
            font-weight: 300;
        }
        .seemore a {
            
            font-size: 12px;
            
        }
       .infor span {
    font-weight: 500;
    margin-right: 4px;
    font-size: 10px !important;
}
       .news li.news-item .title-news a {
            font-size: 14px;
            font-family: roboto;
            font-weight: 500;
          
        }
        .right-news .news li.news-item .title-news a {
             line-height: 1.4 ;
            max-height: 2.8em ;
        }
 #main .main-news h3.title-news {
    margin-top: 10px;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 1.4;
}
        .news li.news-item {
            margin-left: 0px;
            font-size: 20px;
            color: #989898;
            margin-bottom: 0px;
        }
        .news .news-item p {
            line-height: 1;
            margin-bottom: 5px;
        }
        .news li.news-item p a {
            font-size: 14px;
            font-weight: 500;
            font-family: roboto;
        }
       
        div#search-mobile {
            display: block;
            position: absolute;
            top: 14px;
            right: 44px;
        }
        .socical p {
            float: left;
            font-size: 14px;
            font-weight: 300;
            margin: 0px;
            margin-left: 10px;
        }
        .socical p {
            float: left;
            font-size: 14px;
            font-weight: 300;
            margin: 0px;
            margin-left: 0px;
            padding-left: 3px;
        }
        .socical {
    width: 100%;
    display: table;
    margin-bottom: -10px;
    padding-left: 0px;
}
        input.input-question {
            width: 43%;
            border: 1px solid #bfbfbf;
            float: left;
            background: none;
            height: 16px;
        }
        p.email-fooder {
            width: 57%;
            float: left;
            padding-left: 0px;
            font-size: 12px;
            font-family: roboto;
            font-weight: 300;
            color: #a6a6a6;
        }
        img.logo-mini {
    height: 34px;
    display: inline-block;
        margin: auto;
    }
    .info-company h3 p {
       
        font-size: 16px;
       
        vertical-align: bottom;
      
    }
    .note {
    font-size: 12px;
    font-weight: 300;
    color: #000;
    }
        .seemore {
           
            margin-top: -3px;
            }
            .socical h3 {
            
            font-size: 12px;
            margin-top: 10px;
        }
        .header .logo {
   
    padding-right: 0px;
        padding-top: 10px;
    padding-bottom: 15px;
    }
    #m-menu img {
        width: 35px;
        height: 25px;
    }
    #menu-mobile {
    display: block;
    position: absolute;
    top: 7px;
    left: 0px;
    }
    #search-mobile img.seacrh-svg {
    width: 20px;
    }
   #logo-svg {
    /*width: 57px;*/
    height: unset;
    margin-left: 0px;
    padding-top: 4px;
}
     .socical ul li:nth-of-type(2),.socical ul li:nth-of-type(4){
        float: right;
    margin-right: 0px;
    }
    .socical ul li {
    width: 48%;
    margin-right: 2%;
    }
     .info-company {
   
    padding-left: 0px;
    margin-bottom: 20px;
    }
    .img-fooder {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 20px;
    }
    p.question-title {
    text-align: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    }
    .slick-slide {
    margin-right: 0px;
    width: 480px !important;
    }
    .input-micropages p.title-micro2 {
    font-weight: 500;
    margin-bottom: 20px;
    }
    .input-micro-pages {
    margin-bottom: 20px;
    }
    .input-micropages .input-btn {
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
    padding-bottom: 0px;
    }
    #user-mobile img.user-svg.logined{
        border-radius: 50%;
    }
    #user-mobile img.user-svg.logined {
    width: 22px;
    border-radius: 50%;
    height: 22px;
}
    #user-mobile img.user-svg {
        width: 20px;
        height: 20px;
        border-radius: 0;
    }
}
@media screen and (max-width:414px) 
{
    #m-menu img {
    width: 31px;
    height: 23px;
    }
div#user-mobile {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
}
    #menu-mobile {
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    }

   div#search-mobile {
    display: block;
    position: absolute;
    top: 7px;
    right: 55px;
}
    #search-mobile img.seacrh-svg {
    width: 18px;
    }
   .slide2 .jcarousel-control-next {
    right: 7px;
    top: 47px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 20px;
}
   .slide2 .jcarousel-control-next img {
    width: 20px;
    height: 20px;
        
}
 
    .slider {
   
    margin-top: 0px;
    }
    .socical ul li:nth-of-type(2),.socical ul li:nth-of-type(4){
        float: right;
    margin-right: 0px;
    }
    .socical ul li {
    list-style: none;
    display: inline-block;
    float: left;
    margin-right: 0px;
    padding-left: 0px;
    position: relative;
    width: 48%;
    background: #ff2d55;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 0px;
    margin-right: 3%;
    background: none;
    
        padding: 5px;
    }
    .socical img {
    width: 26px;
    float: left;
    }
    .socical p {
   
    padding-top: 4px;
    
    }
    .slide2 .jcarousel li {
    width: 178px !important;
    margin-right: 10px;
    
    }
    .list-news .news-item:nth-of-type(2), .list-news .news-item:nth-of-type(4) {
     height: 215px;
    padding-right: 10px;
    }
    .list-news .news-item:nth-of-type(3), .list-news .news-item:nth-of-type(5) {
     height: 215px; 
    padding-left: 10px;
    }
    .info-company {
   
    padding-left: 0px;
    }
    .img-fooder {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 20px;
    }
    .cauhoi .text-left {
    padding: 0px;
    }
    #menu-site {
  
    width: 260px;
    
    }
    .danhmuc-mobile p {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 16px;
    font-family: roboto;
    font-weight: bold;
    }
    .danhmuc-mobile img {
    width: 28px;
    }
    .danhmuc-mobile p {
    margin-top: 0px;
   
    }
    #menu-site li a {
    font-size: 16px;
    margin-bottom: 5px;
    }
    #menu-site .danhmuc-mobile {
   
    padding-top: 0px;
   
    }
    .slick-slide {
    margin-right: 0px;
    width: 414px !important;
    }
    .slide-detail {
    height: 70px;
    }
    .detail-name {
    padding-top: 0px;
    font-size: 16px;
    font-weight: 400;
    }
    img.slide-icon {
    width: 100%;
    width: 26px;
    }
    .detail-name p {
    margin: 0px;
    line-height: 21px;
    }
    .detail-name .main-name {
    font-weight: 500;
    font-family: "Roboto";
    font-size: 20px;
    }
}
@media screen and (max-width:375px) 
{
  #logo-svg {
    /*width: 52px;*/
    margin-left: 0px;
    padding-top: 5px;
}
#duocquantam-new h3.title:before {
    left: 51px;
}
.infor span.home-date {
    width: 100%;
    display: block;
}
p.infor {
    margin-bottom: 0px;
}
.list-cato a {
    padding-left: 5px;
  
    margin-right: 5px;
}
    .infor span {
    font-weight: 600;
    margin-right: 4px;
    font-size: 10px;
}
    #menu-site {
  
    width: 205px;
    
    }
    .my-drop-wrap .my-drop-list {
    width: 108px;
    right: -28px;
    top: 33px;
}
    div#user-mobile {
    position: absolute;
    top: 17px;
    right: 17px;
    display: block;
}

    .list-news .news-item:nth-of-type(2), .list-news .news-item:nth-of-type(4) {
     height: 203px;
  
    }
    .list-news .news-item:nth-of-type(3), .list-news .news-item:nth-of-type(5) {
     height: 203px; 
  
    }
    .slide2 .jcarousel-control-next {
    right: 10px;
    top: 42px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 20px;
}
    #imgFileUpload .arrow {
    width: 24px;
    display: inline-block;
    margin-top: 0px;
    margin-left: 9px;
}
.socical ul li:first-of-type {
    padding-left: 5px;
}
    .list-news-subpage p.infor {
    margin-bottom: 0px;
    }
    .list-news-subpage .news-item .detail p.title {
    
    margin-bottom: 5px;
    }
    #menu-mobile {
  
    top: 6px;
    
    }
    .slick-slide {
    margin-right: 0px;
    width: 375px !important;
    }
    .seemore img {
    width: 23px;
    margin-left: 3px;
    margin-top: 2px;
}
img.logo-mini {
    height: 28px;
}
.info-company h3 p {
    font-size: 15px;
    vertical-align: bottom;
}
    .socical p {
    float: left;
    font-size: 14px;
    font-weight: 300;
    margin: 0px;
    margin-left: 10px;
    }
    .socical img {
    width: 16px;
    float: left;
}
.socical p {
   
    padding-top: 0px;
    
    }

#m-menu img {
    width: 32px;
    height: 22px;
}
.socical ul li {
       list-style: none;
    display: inline-block;
    float: left;
    margin-right: 0px;
    padding-left: 0px;
    position: relative;
    width: 48%;
    background: #ff2d55;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 0px;
    margin-right: 3%;
    background: none;
    
}

.slide2 .jcarousel li {
    width: 159px !important;
    margin-right: 10px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.socical {
    width: 100%;
    display: table;
    margin-bottom: -4px;
}
.socical p {
    float: left;
    font-size: 14px;
    font-weight: 300;
    margin: 0px;
    margin-left: 0px;
    padding-left: 3px;
}

    div#search-mobile {
    display: block;
    position: absolute;
    top: 9px;
    right: 50px;
}
}
@media screen and (max-width:363px) 
{
    .list-news-subpage .news-item .detail .title a {
    font-size: 10px;
    }
    .catelist ul li a {
    font-size: 8px;
    margin-right: 10px;
    padding-left: 10px;
}
    #menu-mobile {
    display: block;
    position: absolute;
    top: 6px;
    left: -6px;
    }
    .login-box .login-btn {
   
    font-size: 12px;
   
}
#duocquantam-new h3.title:before {
    left: 24px;
}
#k-chart p.infor span.cmt {
    padding-left: 8px;
       margin-right: 0px;
    font-size: 10px !important;
}
#k-chart p.infor span.share {
    padding-left: 8px;
        margin-right: 0px;
    font-size: 10px !important;
}
#k-chart p.infor span.view {
    padding-left: 8px;
        margin-right: 0px;
    font-size: 10px !important;
}
#k-chart p.infor span.cmt:before {
   
    width: 12px;
    height: 12px;
    
}
#k-chart p.infor span.share:before {
  
    width: 12px;
    height: 12px;
    
}
#k-chart p.infor span.view:before {
  
  
    width: 12px;
    height: 12px;
    
}
.catori-focus ul li {
    border-right: 1px solid #fff;
    width: 30%;
    margin-bottom: 5px;
}
.catori-focus ul li:nth-of-type(3) {
    border:none;
}
li.list-date {
   
    padding: 0px 2px;
}
.list-cato a {
    padding-left: 4px;
    
    margin-right: 4px;
}
.list-date a {
    font-size: 9px;
    padding: 5px 0px;
}
#k-chart h3.title {
    font-size: 14px;
}
.infor span {
    font-size: 10px;
}
.sub-link ul.sub1 li {
   
    font-size: 9px;

}
#submenu-2 li {
   
    width: 48%;
    font-size: 12px;
    
}
.search .input-group {
    width: 85%;
    margin: auto;
    background: #ffffff;
    padding: 5px;
    border-radius: 3px;
    top: -23px;
    left: 30px;
}
.list-news .news-item:nth-of-type(3), .list-news .news-item:nth-of-type(5) {
    height: 205px;
    padding-left: 5px;
}
.list-news .news-item:nth-of-type(2), .list-news .news-item:nth-of-type(4) {
    height: 205px;
    padding-right: 6px;
}
 #imgFileUpload .arrow {
    width: 9px;

    margin-left: 0px;
}
.socical p {
      font-size: 12px;
   
}
#fooder-support-link li a {
    font-size: 12px;
    padding-left: 0px;
}

.socical ul li {
    width: 48%;
    padding: 5px 5px;
}
.socical ul li:first-of-type {
    padding: 5px;
}
    .info-company h3 p {
   
    font-size: 18px;
  
}
      .slide2 .jcarousel-control-next {
    right: 7px;
    top: 79px;
}
      .slide2 .jcarousel-control-prev {
   
    top: 79px;
}
    .slide2 .jcarousel li {
    width: 282px !important;
    
    }
        input.input-question {
    width: 35%;

    }
    p.email-fooder {
    width: 65%;

}
    .seemore {
    margin-top: -3px;
    position: absolute;
    top: 11px;
    right: -28px;
    }
    p.title-group {
    width: 90%;
    float: left;
    position: relative;
    }
    .seemore img {
    width: 19px;
    margin-left: 0px;
    margin-top: 2px;
    }
}