/*
Theme Name: NEW
Theme URI: http://giuseart.com/demo/tintuc
Author: the WordPress team
Author URI: http://giuseart.com/demo/tintuc
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
html, body {margin: 0;padding: 0;height: 100%;font-family: "roboto condensed", sans-serif;font-size: 15px;color: black;display: block;line-height:24px}
div#container {position: relative; margin: 0 auto;width: 100%;background: #fff;}
div#header { width: 1070px;background: white;height: 90px; margin: 0 auto;}
div#container-header { width: 100%;position: relative;margin: 0 auto;background: white;height: auto;display: inline-block;}
#logo {padding-top: 8px;float: left; width:auto; margin: 0px;margin-left: 0px;}
#logo a img{background-repeat: no-repeat;background-position: top;background-position: center;width: 316px;height: 80px;display: block;}
#header-ads {float: right;height: 80px;top: 10px;padding-top: 1px;}
.clearboth {clear: both;}
#container-menu {background: #0092ff;width: 100%;height: 40px;}
.primary-menu{width: 1070px; margin: auto;height: 40px; margin-top: 15px;}
#menu-short{display: block;height: 40px;margin: 0px;padding: 0px;}
.primary-menu ul li{float: left;list-style: none;padding-left: 10px;padding-right: 10px;line-height: 40px;}
.primary-menu li a{color: #fff; text-decoration: none;}
#menu li:hover .sub-menu {display:  block !important;}
.sub-menu li {margin-left: 0 !important;}
#menu {height: 80px;}
.primary-menu ul li:hover{z-index:99999;}
#menu-short li:hover{background: #007bd7}
.sub-menu li a {color: gray;}
.sub-menu {width: 1070px;float: left;display: none;position: absolute;left: 140px; padding: 0px;}
.sub-menu li:hover {background: none! important;}
.sub-menu li:hover a{color:#007bd7}
#main-content {width: 1070px;margin: 10px auto;}
.new-post{ width: 65.5%;float: left;background: white;border-radius: 3px;border: 1px solid #e9e9e9;padding: 10px;display:block;overflow: hidden;padding-bottom: 0;margin-right: 10px;height: 410px;
}
#main-banner{    width: 31.4%;
    float: left;}
.clearboth {clear: both;}
.bai_dau_tien{width: 55%;float: left;}
#relative-post-1{    width: 43%;
    float: right;
    height: 400px;
    overflow: auto;}
#bai-viet-dau-tien-title{margin-top: 7px;}
#bai-viet-dau-tien-thumb{height: 270px;}
#bai-viet-dau-tien-thumb img{width: 100%;height: 270px;}
#bai-viet-dau-tien-title a{font-size: 19px; text-decoration: none; color: #0092ff;line-height: 28px;}
.bai-viet-lien-quan-list{margin: 0px; margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px solid #f5f5f5;}
.bai-viet-lien-quan-list a{color: black; text-decoration:none;line-height: 25px;}
.bai-viet-lien-quan-list a:hover{color: #004172}
#bai-viet-dau-tien-title a:hover {color: #004172}
#vertical-home-post{    width: 100%;
    background: white;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    border-top: 1px solid #e9eaee; border-bottom: 1px solid #e9eaee;}
#vertical-home-post-container{width:1070px; margin: auto}
.entry-content-video {width: 23%;
    float: left;
    display: inline-block;
    margin-right: 28px;
    margin-left: 0px;
}

#vertical-home-post-container> .entry-content-video:nth-child(4n+4) {
 margin-right: 0px;
}
.entry-title{margin: 0px;
    padding-top: 0px;
    font-size: 22px;
    line-height: 30px;
    font-family: "roboto condensed",sans-serif;
    color: #222;}
.entry-title a{color: #252525;
    text-decoration: none;
    font-family: roboto;
    font-weight: bold;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -1px;
    text-align: justify;}
.entry-title a:hover{color: #004172}
.entry-thumbnail img{width:100%;border-radius: 3px;}
#main-banner img{border-radius:3px}
#main-banner2 img{

    display: inline-block;}
.post-category{width: 65.5%;margin-top: 10px;
    float: left;
    display: inline-block;
   }
#sidebar{
width: 29.5%;
    float: right;
    background: #fff;
    padding: 10px;
    text-decoration: none;
    margin-top: 10px;
    list-style: none;
    border-radius: 3px;
    border: 1px solid #e9eaee;
}
#sidebar img{margin-bottom:10px}
.feature-post{width: 100%;
    padding: 10px;padding-bottom:0px;
    background: white;
    border-radius: 3px;
    margin-bottom: 20px;    border: 1px solid #e9eaee;}

.tile-cat {
border-bottom: 1px solid #f5f5f5;
    height: 35px;
line-height: 35px;
}
.feature-post h2 {
margin: 0;
}
.tile-cat .cat-name {
        color: #0092ff;
    font-size: 18px;
    padding-bottom: 10px;
    float: left;
    text-decoration: none;
    line-height: 30px;
    font-weight: 500;
}
.tile-cat .subcate{
    color: #a1a1a1;
    float: right;
    height: 25px;
    padding-left: 5px;
    line-height: 35px;
    padding-right: 5px;
    font-size: 13px;
    border-right: 1px solid #eaeaea;
    line-height: 25px;
    text-decoration: none;
    font-weight: normal;

}
#main-category-home {
    display: inline-block;
}
.post-category1 {
    width: 60%;
    display: inline-block;
    float: left;
margin-right: 20px;
}

.post-category1 a img{
    width: 100%;
    display: inline-block;
    height: 150px;float:left;
}
.post-category1 .title-post-category-home {
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;padding-top:8px;
}
.post-category1 .quate-post {text-align: justify;
    color: #565656;
    font-size: 14px;
}
.post-category1 .quate-post p{
margin: 0;
}
.post-category-excerpt {
margin: 0px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #f5f5f5;
    width: 37%;
    float: left;
}

.post-category-excerpt a{
    color: black;
    text-decoration: none;
    line-height: 25px;
}
.alignleft, a img.alignleft {
    margin-right: 10px;
}
.img-post{    width: 50%;
    /* display: inline-block; */
    /* height: 150px; */
    float: left;
    margin-right: 10px;}
.title-post-category-home a{color: black; text-decoration: none}
.title-post-category-home a:hover{color:#004172}
#bai-viet-dau-tien-except{    line-height: 22px;
    font-size: 14px;
    color: #565656;
}
#bai-viet-dau-tien-except p{    padding-top: 7px;
    padding-bottom: 11px;
    margin: 0px;}
.post-category-excerpt a:hover{color: #004172}
.tile-cat a:hover{color: #004172}
#footer{background:url(./images/footer-bg.jpg); margin-top: 20px;padding-top: 15px;font-size: 14px;color: #90949c;}
.main-content-footer { width: 1070px;display: block; margin: 0 auto; clear: both; position: relative;margin-bottom:20px}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {display: inline-block; width: 100%;}
.col-2 .box-footer, .col-3 .box-footer, .col-4 .box-footer, .col-5 .box-footer, .col-6 .box-footer{float: left;display:inline-block;}
.col-1 .box-footer {width: 100%; margin-right: 2%;}
.col-2 .box-footer {width: 48%; margin-right: 2%;}
.col-3 .box-footer {width: 32%;margin-right: 2%;}
.col-4 .box-footer {width: 23%;margin-right: 2%;}
.col-5 .box-footer {width: 18%;margin-right: 2%;}
.col-2 .box-footer:last-child, .col-3 .box-footer:last-child, .col-4 .box-footer:last-child, .col-5 .box-footer:last-child, .col-6 .box-footer:last-child { margin-right: 0;}
.footer-box-title{font-size: 15px;line-height: 24px;font-weight: normal;color: #d0d0d0;}
.menu-footer-1-container li{list-style: none;
    margin-left: -20px;
    line-height: 12px;}
.menu-footer-1-container a{color:gray; text-decoration: none}
.menu-footer-1-container a:hover{color:#a2a2a2}
.menu-footer-2-container li{list-style: none;
    margin-left: -20px;
    line-height: 12px;}
.menu-footer-2-container a{color:gray; text-decoration: none}
.menu-footer-3-container li{list-style: none;
    margin-left: -20px;
    line-height: 12px;}
.menu-footer-3-container a{color:gray; text-decoration: none}
.menu-footer-4-container li{list-style: none;
    margin-left: -20px;
    line-height: 12px;}
.menu-footer-4-container a{color:gray; text-decoration: none}
.menu-footer-5-container li{list-style: none;
    margin-left: -20px;
    line-height: 12px;}
.menu-footer-5-container a{color:gray; text-decoration: none}
.menu-footer-2-container a:hover{color:#a2a2a2}
.menu-footer-3-container a:hover{color:#a2a2a2}
.menu-footer-4-container a:hover{color:#a2a2a2}
.menu-footer-5-container a:hover{color:#a2a2a2}
#thong-tin-footer{background: #0092ff;height: auto;}
.widget-bottom col-3{width: 1070px;
    margin: auto;
    display: block;}
#thong-tin-footer-container{    width: 1070px;
    margin: auto;
    display: block;}
.textwidget{    margin-top: 7px;line-height:22px}
.copyright{background: #0079d9;
    height: 5px;}
.widgettitle{font-size: 17px;
    margin-bottom: 10px!important;
    text-transform: none;
    font-weight: normal;
    color: #222;
    margin: 0px;
    background: #ffffff;
    padding-bottom: 5px;
    padding-left: 0px;
    /* border-left: 5px solid; */
    border-bottom: 1px solid whitesmoke;
    text-transform: uppercase;}
.menu-short-container {
display: inline-block;
    width: 100%;
}
#menu-short-1 li{list-style: square;
    color: #0078d9;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f5f5f5;    margin-left: 20px;}
#menu-short-1 li a{text-decoration: none; color: black}
#menu-short-1 li a:hover{color:#0079da}
#menu-short-1{    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 100%;}
#recent-posts-2 ul li{    list-style: none;
    border-bottom: 1px solid #f5f5f5;
    line-height: 25px;
    padding-bottom: 6px;
    padding-top: 6px;}
#recent-posts-2 ul{margin-left:-40px}
#recent-posts-2 ul li a{color: black; text-decoration: none}
#recent-posts-2 ul li a:hover{color:#004172;}
#archives-2 li{    list-style: square;
    color: #0078d9;
}
#archives-2 li a{text-decoration: none; color: black}
#archives-2 li a:hover{color: #0078d9}
#archives-2 ul{margin-left:-22px}
#archives-2 li{list-style: square;
    color: #0078d9;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;}


/*End home*/

/*Phần bài viết*/

.conten-singer-lef {
    width: 54%;
    float: left;
    background-color: white;
    border-radius: 3px;
    border: 1px solid #ededed;
    margin-right: 10px;
    padding: 12px;

}
#top-view {width: 17%;
    float: left;
    background-color: white;
    border-radius: 3px;
    border: 1px solid #ededed;
margin-right: 10px;
    padding: 8px;
    color: #222;
}
#top-view ul{ 
    list-style: none;
    margin-top: 0px;
    margin: 0!important;

    width: 100%;
    margin: 0px;
    padding: 0px;

}
#sidebar-post-category {
    width: 21.3%;
    float: left;
    background-color: white;
    border-radius: 3px;
    border: 1px solid #ededed;
    padding: 8px;
}
#sidebar-post-category ul{width: 100%;list-style:none; padding:0px; margin:0px}
#sidebar-post-category ul li{  
width: 100%;
    display: inline-block;
    border-bottom: 1px solid #f0f0f0;
padding: 5px 0px;

}

#sidebar-post-category h4{
    margin-bottom: 5px !important;
    margin-top: 0px;
}  


.view_left {
width: 25%;
    display: inline-block;
    margin-right: 10px;
    float: left;
}
.view_right {
    width: 70%;
    float: left;
display: inline-block;
}
.social-share {
width: 100%;
    display: inline-block;
}
.share-face {
width: 22%;
    float: left;
}
.share-google {
    display: inline-block;
    float: left;
}


.entry-content-singler .meta-info {
border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
    margin-top: 15px;
}
.meta-info .social-share {
    width: 30%;
    padding-top: 7px;
}
.meta-info .share-face {
width: auto;
    margin-right: 5px;
}
/*End Phần bài viết*/
/*Category............*/

.content-archive {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}

.main-category-left {
    width: 65.5%;
    margin-right: 5px;
    background-color: white;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    float: left;
    padding: 10px;
    margin-top: 10px;
}

.entry-thumbnail {    width: 25%;
    display: inline-block;
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 0px;
}
.post-thumbnail {
width: 100%;
    margin: 0;
    display: inline-block;
}
.content-cate {
    display: inline-block;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0px;
    width: 100%;
}
.content-cate p{color:#4d4d4d; line-height:22px; font-size:15px; font-family: "roboto condensed", sans-serif}
.title-categorys h2{
    margin: 0px;
    padding: 0px;
    color: #009cff;
    font-family: "roboto condensed", sans-serif;
    margin-top: 5px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.entry-title-content {
    width: 65%;
    float: left;
}
.entry-title-content h2 a {
    color: #0092ff;
    font-size: 20px;
    font-weight: 500;text-decoration:none;
}
.entry-content {
    width: 65%;
    float: left;
}
.entry-thumbnail .post-thumbnail img{
    height: auto;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
}
/*End Category............*/
/* Phần breadcrumbs */
#breadcrumbs{height: auto;
    border-bottom: 1px solid #ededed;
    margin-top: 0px;
    padding-bottom: 8px;}
#breadcrumbs span{font-size: 14px;
    color: gray;
    line-height: 23px;}
#breadcrumbs a{color:#41455e; text-decoration: none}
#breadcrumbs a:hover{color:#004172;}
/* END Phần breadcrumbs */

/* Phần Tiêu đề bài viết */
.entry-title{margin: 0px;
    padding-top: 0px;
    font-size: 23px;
    line-height: 30px;
       font-family: "roboto condensed",sans-serif;
   font-weight:normal;
    color: #222;}
/* END Tiêu đề bài viết */

/* Phần Nội dung bài viết */
.entry-content-singler p{line-height: 25px;
    text-align: justify;
    color: #383838;
    font-size: 16px;}

.entry-content-singler img {
max-width: 100%;
    height: auto;
}
.entry-content-singler .wp-caption-text {
    font-size: 14px;
    font-style: none;
    text-align: center;
    color: gray;
    margin-bottom: 10px;
    padding-top: 5px;
}
.entry-content-singler ul{list-style: disc;
    margin: 0 0 15px 20px;
    padding: 0;
    line-height: 30px;
    color: #3d3d3d;}
.entry-content-singler h2{font-size: 21px;
    font-family: "roboto condensed",sans-serif;
    font-weight: normal;
    /* letter-spacing: -1px; */
    color: #1e1e1e;}

/*END Nội dung bài viết*/

.entry-title-content-video{    display: inline-block;
    margin: 0px;margin-top: 10px;}
.entry-title-content-video h2{    margin: 0px;
    font-size: 15px;line-height:24px}
.entry-title-content-video h2 a{color: black; text-decoration: none; font-weight:normal}
.entry-title-content-video h2 a:hover{color: #004172;}


/*Bài viết liên quan - single post*/
   #related_posts{ display: inline-block;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;}
#related_posts ul{    margin: 0px;
    list-style: none;
    margin-left: 0px;}
.relatedthumb{    width: 24%;
    margin-right: 10px;
    float: left;
    height: 90px;}
.relatedthumb img{height:100%;max-width:100%; margin-top:0px}
.relatedcontent{display: inline-block;
    width: 74%;
    float: left;
    margin: 0px;}
.relatedcontent h3{margin: 0;
    font-size: 16px; font-weight:normal; line-height:23px}
.relatedcontent a{text-decoration: none; color: black; font-weight:bold}
.relatedcontent a:hover{color: #004172}
.relatedcontent p{font-size: 14px;
    margin: 0;
    padding-top: 5px;
    line-height: 22px;
    color: #777;}
.related-post ul{margin-left: -20px;}
.related-post ul li{list-style: square;color: #0092ff; padding: 5px;line-height:23px}
.related-post ul li a{text-decoration: none; color: #212121;}
.related-post ul li a:hover{color:#004172}
.entry-content-singler .entry-meta{
font-size: 15px;
    color: gray;
       padding-bottom: 10px;
    padding-top: 10px;
width: 65%;
    float: left;

}
.entry-content-singler .category{ margin-left:30px}
.entry-content-singler .category a{text-decoration:none; color:#41455e;padding-left: 5px;}
.entry-content-singler .category a:hover{color: #004172}
.entry-tag{margin-top: 10px;
    font-weight: bold;}
.entry-tag a{color: #757575;
    padding: 2px 10px;
    margin-bottom: 5px;
    display: inline-block;
    background-color: #f2f2f2;
    border-radius: 3px;
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;
    background: #f2f2f2;margin-right:8px}
.entry-tag a:hover{color:white;
    padding: 2px 10px;
    margin-bottom: 5px;
    display: inline-block;
    background-color:#004172;
    border-radius: 3px;
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;}
#top-view img{width: 100%;
    height: 120px;
    margin-bottom: 8px;}
#top-view a{text-decoration:none; color:#222; font-weight:normal; line-height:22px}
#top-view a:hover{color:#004172}
#top-view p{margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #777;
    font-size: 14px;}
#top-view li{margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;}
#vertical-home-post-container article {
widht :20%;
}
/* Page*/
#main-content-page {
width: 67%;
    float: left;
    background: #fff;
}

.content-page {

    background: #fff;
    display: inline-block;
    padding: 10px;
}
/* End Page*/
.view_left img{
width: 100%;
    height: 50px;
    display: inline-block;
    float: left;



}
.view_right h4{
    font-size: 14px;line-height:22px;
    font-weight: normal;
    display: block;

}
.view_right a{text-decoration: none; color: #222;}
.view_right a:hover{color:#004172}
.entry-title-content a{text-decoration: none; color: #222}
.content-category img{width:31%; float: left; margin-left:10px}

.content-cate .entry-meta {
font-size: 14px;
    color: gray;
    padding-top: 10px;
    display: inline-block;
}

.content-cate .category {
    margin-left: 30px;
}
.entry-meta .category a{
text-decoration: none;
    color: #41455e;
    padding-left: 5px;
}
#vertical-home-post-container article {
widht :20%;
}
/* Page*/
#main-content-page {
width: 67%;
    float: left;
    background: #fff;
}

.content-page {

    background: #fff;
    display: inline-block;
    padding: 10px;
}



/* End Page*/

.entry-content-video .entry-thumbnail {
width: 100%;
margin:0px;
}

p a{text-decoration: none; color:#0092ff}

figure{width: 100%;
    margin: 0px;}
/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
width: 3px; height:1px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: #f0f0f0;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: #f0f0f0;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }


/* Các CSS này dành cho Mobile */

/* Dành cho điện thoại */
@media all and (min-width: 320px) and (max-width:480px) {
 #container {
    width: 100%;
    display: inline-block;
}
#header {
width: 100% !important;
    display: inline-block;
}
#logo {
    margin: 0 auto;
    width: 100%;
    display: inline-block;
}

#logo a img {
margin: 0 auto;

}
#header-ads {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    height: auto;
}
#header-ads .textwidget img {
    width: 100%;
}
div#container-header {
    width: 100%;
    display: inline-block;
    height: auto;
}
#menu {
    display: none;
}
#main-content {
    width: 100%;
    display: inline-block;
}
.new-post {
    width: 93%;
    height: auto;
    display: inline-block;
}
.bai_dau_tien {
    width: 100%;
    display: inline-block;
    float: left;
}
#relative-post-1 {
    width: 93%;
    height: auto;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    float: left;
}
#main-banner {
    width: 100%;
    display: inline-block;
}
#vertical-home-post-container {
    width: 100%;
    display: inline-block;
}
.entry-content-video {
    width: 97%;
    float: left;
    margin: 0px;
    padding-left: 5px;
}
.entry-title-content-video {
margin-bottom: 10px;
}
.post-category {
    width: 93%;
    display: inline-block;
}
.tile-cat {
    width: 100%;
    display: inline-block;
}
.tile-cat .subcate {
    display: none;
}
.all-posts {
    width: 100%;
    display: inline-block;
}
.post-category1 {
    width: 100%;
}
.post-category-excerpt {
    width: 100%;
    margin-top: 4px;
    display: inline-block;
}
#sidebar {
    width: 93%;
    float: left;
}
#footer {
    width: 100%;
    display: inline-block;
}
.main-content-footer {
    width: 100%;
    display: inline-block;
    margin-left: 10px;
}
.col-6 .box-footer {
    width: 100%;
    display: inline-block;
    margin: 0;
}
.col-5 .box-footer {
    width: 100%;
    display: inline-block;
    margin: 0;
}
.col-4 .box-footer {
    width: 100%;
    display: inline-block;
    padding: 0px 10px;
}
.col-3 .box-footer {
    width: 100%;
    display: inline-block;
    margin: 0;
    text-align: center;
}
.col-2 .box-footer {
    width: 100%;
    display: inline-block;
    margin: 0;
}
.col-1 .box-footer {
    width: 100%;
    display: inline-block;
    margin: 0;
}
#thong-tin-footer-container {
    width: 100%;
    display: inline-block;
}

.textwidget p{
    text-align: center !important;
}
.main-category-left {
width: 93%;
}
.conten-singer-lef {
width: 93%;
}
.relatedcontent {
width: 73%;
}
#top-view ,#sidebar-post-category {
width: 95%;
}
#top-view li {
    width: 100%;
    display: inline-block;
}
#top-view img {
width: 30%;
    float: left;
    margin-right: 10px;
height:100px;
}
}

@media all and (min-width: 480px) and (max-width:736px) {
div#container {
width: 100%;
    display: inline-block;
}
#header {
    width: 100% !important;
    height: auto !important;
}
#logo {
width: 100%;
    margin: 0 auto;
}
#logo a img{
    margin: 0 auto;
    height: auto;
}
#header-ads {
    width: 100%;
    float: left;
    display: inline-block;
    height: auto;
}
#header-ads img {
    width: 100%;
    display: inline-block;
    float: left;
}
#menu {
    display: none;
}
#main-content {
    width: 100%;
    display: inline-block;
}
.new-post {
    width: 99%;
    height: auto;
    display: inline-block;
    overflow: auto;
    padding: 0;
}
.bai_dau_tien {
    width: 100%;
    display: inline-block;
}
#relative-post-1 {
width: 100%;
    float: left;
    height: auto;
}
#main-banner {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
}
#vertical-home-post-container {
width: 100%;
    display: inline-block;
}
.entry-content-video {
    width: 47%;
    display: inline-block;
    margin-left: 10px;
    margin-right: 0px;
}
.post-category {
width: 100%;
}
.tile-cat {
width: 100%;
    display: inline-block;
    margin-left: 10px;
}
.tile-cat .subcate {
    display: none;
}
.feature-post {
    width: 100%;
    display: inline-block;
    padding: 0;
}
.post-category1 {
width: 100%;
    margin: 0px;
}
.post-category-excerpt {
width: 96%;
    margin-top: 10px;
    margin-left: 10px;

}
#sidebar {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 0px;
}
.main-content-footer {
    width: 96%;
    display: inline-block;
    margin-left: 10px;
}
.col-1 .box-footer {
width: 100%;
    float: left;
    display: inline-block;
}
.col-2 .box-footer {
width: 100%;
    float: left;
    display: inline-block;
}
.col-3 .box-footer {
width: 100%;
    float: left;
    display: inline-block;
}
.col-4 .box-footer {
width: 100%;
    float: left;
    display: inline-block;
}
.col-5 .box-footer {
width: 100%;
    float: left;
    display: inline-block;
}
.col-6 .box-footer {
width: 100%;
    float: left;
    display: inline-block;
}
#thong-tin-footer-container {
    width: 100%;
    text-align: center;
}
.box-footer .textwidget p {
    text-align: center!important;
}
#bai-viet-dau-tien-thumb {
padding: 10px;
}
#bai-viet-dau-tien-title {
padding: 10px;
    margin: 0px;
}
#bai-viet-dau-tien-except {
padding: 10px;
}
.bai-viet-lien-quan-list {
padding-left: 10px;
}
.post-category1 .title-post-category-home {
    margin-left: 10px;
}
.img-post {
    margin-left: 10px;
    width: 35%;
}
.post-category1 .quate-post {
display: inline-block;
    float: left;
    width: 58%;
}
#sidebar img {
margin-left: 10px;
    margin-top: 10px;
}
.conten-singer-lef {
width: 100%;
    margin: 0px;
    padding: 0px;
}
#breadcrumbs {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.entry-title {
    margin-left: 10px;
}
.entry-content-singler .entry-meta {
margin-left: 10px;
}
.entry-content-singler p {
margin: 0px 10px;
}
.relatedthumb{
    margin-left: 10px;
}
.relatedcontent {
    width: 69%;
}
.social-share {
    margin-left: 10px;
}
.share-face {
    width: 26%;
}
.entry-tag {
    margin-left: 10px;
}
.related-post {
    margin-left: 10px;
}
.comment h3{
    margin-left: 10px;
}

#top-view {
    width: 100%;
    padding: 0px;
    margin-top: 10px;
}
.top-view .widgettitle{
padding: 10px;
}
#top-view li {
width: 100%;
    display: inline-block;
}
#top-view img {
    margin-left: 10px;
    width: 30%;
    float: left;
}
#top-view .title-view {
    width: 65%;
    float: left;
    margin-left: 10px;
}
#top-view p {
    width: 65%;
    float: left;
    margin-left: 10px;
}
#sidebar-post-category {
    width: 100%;
    margin-top: 10px;
}
.main-category-left {
    width: 100%;
    padding: 0px;
}
.title-categorys {
    padding: 10px;
}
.content-cate {
    padding: 0px;
}
.content-category .entry-thumbnail {
width: 30%;
    margin-left: 10px;
    margin-right: 0px;
}
.content-cate .entry-meta {
    margin-left: 10px;
    display: inline-block;
    float: left;
    width: 65%;
}
.entry-content {
    margin-left: 10px;
}
.entry-title-content h3 {
    font-size: 18px;
}
.entry-thumbnail .post-thumbnail img {
    height: 120px;
}
#top-view h4{
    margin-top: 10px;
    margin-left: 10px;
}
.relatedcontent p{
    margin: 0px;
}
}

@media all and (max-width: 768px) {
div#container {
width: 100%;
    display: inline-block;
}
#header {
    width: 100% !important;
    height: auto !important;
}
#logo {
width: 100%;
    margin: 0 auto;
}
#logo a img{
    margin: 0 auto;
    height: auto;
}
#header-ads {
    width: 100%;
    float: left;
    display: inline-block;
    height: auto;
}
#header-ads img {
    width: 100%;
    display: inline-block;
    float: left;
}
#menu {
    display: none;
}
#main-content {
    width: 100%;
    display: inline-block;
}
.new-post {
    width: 100%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
.bai_dau_tien {
width: 48%;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}
#relative-post-1 {
    width: 49%;
    float: left;
    margin-top: 10px;
}
#main-banner {
width: 100%;
    margin-top: 10px;
}
#vertical-home-post-container {
    width: 100%;
    display: inline-block;
}
.entry-content-video {
width: 47%;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
.post-category {
width: 100%;
    padding: 0px;
    display: inline-block;
}
.feature-post .tile-cat{
    margin-right: 10px;
}
.feature-post {
margin-bottom: 10px;
}
#sidebar {
width: 100%;
    display: inline-block;
    margin-top: 0px;
    padding: 0px;
}
#sidebar img {
    margin-left: 10px;
    margin-top: 10px;
}
#sidebar h3 {
    margin-left: 10px;
    margin-bottom: 0px !important;
}
#sidebar ul {
    margin-left: 10px;
}
.main-content-footer {
    width: 100%;
margin-left: 10px;
}
.col-1 .box-footer {
    width: 48%;
}
.col-2 .box-footer {
    width: 48%;
}
.col-3 .box-footer {
    width: 48%;
}
.col-4 .box-footer {
    width: 48%;
}
.col-5 .box-footer {
    width: 48%;
}
.col-6 .box-footer {
    width: 48%;
}
#thong-tin-footer-container {
    width: 100%;
    display: inline-block;
}
.main-category-left {
width: 100%;
    display: inline-block;
    padding: 0px;
}
.title-categorys h2 {
    margin-left: 10px;
    margin-top: 10px;
}
.entry-thumbnail .post-thumbnail img {
    margin-left: 10px;
}
.entry-title-content {
    margin-left: 10px;
}
.content-cate .entry-meta {
    margin-left: 10px;
}
.entry-content {
    margin-left: 10px;
}
.conten-singer-lef {
    width: 50%;
}
.view_right {
    width: 66%;
}
.relatedcontent {
    width: 72%;
}
}

@media all and (max-width: 1024px) {
div#header {
    width: 100%;
height: auto;
}
#logo {
width:25%;
}
#logo a img {
    width: 100%;
}
#header-ads img {
    width: 100%;
}
.new-post {
    width: 61%;
}
.entry-content-video {
width: 18%;
}
#main-content {
width:100%;
}
.main-content-footer {
width:100%;
}
.col-4 .box-footer {
width: 20%;
    margin-left: 10px;
}
#thong-tin-footer-container {
    width: 98%;
}
.primary-menu {
    width: 100%;
}
.conten-singer-lef {
    width: 53%;
}
}







#bg { 
position: fixed; 
top: 0; 
left: 0;
z-index: 1;
}
.bg_overlay{
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
background:transparent url(../images/pattern.png) repeat top left;
z-index:2;
}

.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#wrap {
width: 807px;
background:#ccc;
margin: 0 auto;
z-index: 3;
}

#block {
position:absolute;
width: 807px;
height: 473px;
top:50%;
margin-top:-235px;
background: url(../images/4bg.png) no-repeat center center;
z-index: 4;
}

#content {
position: relative;
padding: 20px;
}

.img_eror {
width: 369px;
height: 169px;
background: url(../images/404.png) no-repeat center center;
margin: 0 auto;
}

.top_img {
margin-bottom: 5px;
}

.search {
width: 513px;
height: 82px;
background: url(../images/001.png) no-repeat center center;
margin: 0 auto;
}

.text_eror {
text-align: center;
font-family: 'Maven Pro', cursive;
}

.text_eror a {
color: #222;
text-decoration: none;
}
.text_eror a:hover {
color: #111;
text-decoration: none;
border-bottom: 1px dotted #111;
}


.text_eror h1 {
font-size: 40px;
line-height: 80px;
font-weight: 700;
color: #757575;
}
.text_eror p {
font-size: 16px;
line-height: 32px;
font-weight: 500;
color: #333;
}

.s_text {
margin: 28px 0 0 30px;
width: 307px;
font-size: 16px;
font-family: 'Maven Pro', cursive;
color: #555;
padding: 3px 0;
border: 0 !important;
}

.s_button {
width: 142px;
height: 50px;
background: url(../images/002.png) no-repeat 0 0px;
border: 0;
margin-left: 10px;
font-size: 18px;
color: #333;
text-align: center;
}

.s_button:hover {
background: url(../images/002.png) no-repeat 0 -48px;
cursor: pointer;
}
.box-footer ul{list-style: square; color:gray; margin-left:-20px;
    line-height: 22px;}
.box-footer a{color:gray; text-decoration:none}
.box-footer li{padding-top:8px; padding-bottom:8px;}