/*Custom layout*/

.main-left {
    flex-basis: calc(100% - 300px);
    width: calc(100% - 300px);
    max-width: calc(100% - 300px);
    padding-left: 0;
    padding-right: 25px;
}
.sidebar-right {
    flex-basis: 300px;
    width: 300px;
    max-width: 300px;
}
#header-mobile,.dealer-list-item-mobile{
    display: none;
}

@media (min-width: 310px) and (max-width: 991.98px) {
    .top-header,.bottom-header{
        display: none;
    }
    #primary{
        margin-top: 15px;
    }
    #header-mobile{
        display: block;
        border-bottom: 1px solid #E4E4E4;
        background-color: #fff;
    }
    .mobile-menu {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .mobile-menu > a{
        color: #DE1219;
        font-size: 14px;
    }
    .sub-menu a{
        color: #444;
    }
    .search-icon {
        width: 15px;
        height: 15px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .site-branding-mobile img {
        width: 50%;
        display: block;
        margin: 0 auto;
    }
    .icon-home {
        display: none;
    }

    /*Chi tiết nhà cái*/
    .url-desc {
        font-size: 12px;
    }
    /*Chi tiết nhà cái*/

    .menu-footer {
        justify-content: center;
        margin-bottom: 15px;
    }

}
@media (min-width: 310px) and (max-width: 575.98px) {

    /*General*/

    /*Danh sách bài viết trang chủ*/
    .post-stick-img, .post-stick-meta{
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
    .post-stick-img{
        margin-bottom: 10px;
    }
    .post-stick-img img,
    .list-hot-item img{
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .post-normal-left-img img{
        width: 100%;
        height: 115px;
        display: block;
        margin: 0 auto;
    }
    .post-stick-meta{
        padding-left: 0;
        text-align: justify;
    }
    .post-normal{
        flex-wrap: wrap;
    }
    .post-normal-left,.post-normal-right{
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
    .post-normal-right{
        padding-left: 0;
    }
    /*Danh sách bài viết trang chủ*/

    /*Danh sách nhà cái*/
    .list-dealer:after {
        content: '';
        display: block;
        position: absolute;
        border-bottom: 1px dashed #e5e5e5;
        left: 0;
        right: 0;
        bottom: 63px;
    }
    .dealer-logo {
        flex-basis: 40%;
        width: 40%;
        max-width: 40%;
    }
    .dealer-item-meta{
        flex-basis: 60%;
        width: 60%;
        max-width: 60%;
    }
    .dealer-item-btn{
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
    }

    /*Danh sách nhà cái*/


    /*Chi tiết nhà cái*/
    .url-desc, .url-btn{
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
    .url-desc {
        text-align: center;
        margin-bottom: 10px;
    }
    /*Chi tiết nhà cái*/


    /*Danh mục bài viết*/
    .nhacai-footer a{
        min-width: 120px;
    }
    /*Danh mục bài viết*/


}
@media (min-width: 310px) and (max-width: 767.98px){
    .box-left,
    .box-right {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }

    .box-right {
        padding-left: 0;
        margin-top: 10px;
    }
    /*General*/
    .w-sm-120{
        width: 130px !important;
    }
    .single-post-title{
        font-size: 18px;
    }
    .btn-theme {
        min-width: 80px;
        margin: 0 5px;
    }
    .main-left,.sidebar-right {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .home-title-desc{
        text-align: justify;
    }
    .home-desc-img{
        display: none;
    }
    .home-desc-text,.home-desc-list li{
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
    .dealer-header,.dealer-list .dealer-list-item{
        display: none;
    }
    /*General*/

    /*Danh sách nhà cái trang chủ*/
    .dealer-list-item-mobile{
        display: block;
        position: relative;
        border: 2px solid #EEEEEE;
        background: #fff;
        padding: 15px 0;
        margin-bottom: 1rem;
    }
    .dealer-item-body-mobile {
        display: flex;
        flex-wrap: wrap;
    }
    .position-mobile,.point-mobile {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-weight: bold;
        padding: 14px 0;
        font-size: 16px;
        line-height: 20px;
    }
    .position-mobile {
        background-color: #555555;
        color: #fff;
    }
    .point-mobile {
        background-color: #DE1219;
        color: #FFE351;
    }
    .dealer-item-left-mobile {
        flex-basis: 15%;
        width: 15%;
        max-width: 15%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0 12px 0 0;
    }
    .dealer-item-right-mobile {
        flex-basis: 85%;
        width: 85%;
        max-width: 85%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .dealer-name-mobile a{
        color: #04267F;
        font-weight: bold;
        font-size: 16px;
    }
    .dealer-logo-mobile,.dealer-info-mobile {
        flex-basis: 50%;
        width: 50%;
        max-width: 50%;
        cursor: pointer;
    }
    .dealer-logo-mobile img{
        display: block;
        margin: 0 auto;
        max-width: 60%;
    }
    .dealer-info-mobile{
        padding: 0 10px;
    }
    .dealer-info-mobile p{
        margin-bottom: 0;
    }
    .dealer-desc-mobile {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
        margin-top: 1.5rem;
    }
    .dealer-item-body-mobile {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px dashed #ececec;
    }
    .dealer-item-footer-mobile {
        text-align: center;
    }
    /*Danh sách nhà cái trang chủ*/


    /*Chi tiết nhà cái*/
    .dealer-post-info{
        position: relative;
        padding: 15px 7px 0 7px;
    }
    .dealer-post-info:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        right: 0;
        left: 0;
        bottom: 65px;
        border: 1px dashed #e3e3e3;
    }
    .dealer-post-img{
        flex-basis: 40%;
        width: 40%;
        max-width: 40%;
    }
    .dealer-post-meta{
        flex-basis: 60%;
        width: 60%;
        max-width: 60%;
        padding-left: 1rem;
    }
    .dealer-post-meta h4{
        font-size: 16px;
        color: #04267F;
        font-weight: bold;
    }
    .dealder-post-desc,.dealer-post-btn{
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
    .dealder-post-desc{
        margin-top: 15px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        text-align: justify;
    }
    .dealer-post-btn{
        text-align: center;
        margin-bottom: 15px;
    }
    .url-group {
        padding: 1rem 0.5rem;
    }
    .dealer-review{
        padding: 1rem 0.8rem;
    }
    .dealer-review h3{
        margin-bottom: 10px;
    }
    .review-box-left,.review-box-right{
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
    .review-box-left{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dashed #e5e5e5;
        padding-right: 0;
    }
    /*Chi tiết nhà cái*/


    /*Danh sách nhà cái*/
    .dealer-pos{
        display: none;
    }
    /*Danh sách nhà cái*/


    /*404 error*/
    .page-404{
        padding-top: 0;
        padding-bottom: 1rem;
        text-align: center;
    }
    .page-404 article{
        margin-bottom: 60px;
    }
    /*404 error*/

    /*Footer*/
    .site-logo-footer,.footer-bottom-desc,.footer-social-icon,.logo-dmca{
        text-align: center;
    }
    .site-desc-footer{
        text-align: justify;
    }
    .logo-dmca{
        padding-top: 15px;
    }
    .footer-social-icon {
        margin-bottom: 15px;
    }
    .footer-social-icon a{
        font-size: 22px;
    }
    /*Footer*/

    .post-item {
        min-height: 1px;
    }
}


@media (min-width: 576px) and (max-width: 767.98px) {
    /*Danh sách nhà cái*/
    .dealer-item-btn{
        flex-basis: 50%;
        width: 50%;
        max-width: 50%;
    }
    /*Danh sách nhà cái*/

}
@media (min-width: 576px) and (max-width: 991.98px) {
    /*Danh sách bài viết trang chủ*/
    .post-stick-img, .post-stick-meta,.post-normal-left,.post-normal-right{
        flex-basis: 50%;
        width: 50%;
        max-width: 50%;
    }
    /*Danh sách bài viết trang chủ*/



    /*Chi tiết nhà cái*/
    .url-desc{
        flex-basis: 40%;
        width: 40%;
        max-width: 40%;
    }
    .url-btn{
        flex-basis: 60%;
        width: 60%;
        max-width: 60%;
    }
    .url-desc {
        margin-bottom: 0px;
    }
    /*Chi tiết nhà cái*/



}
@media (min-width: 768px) and (max-width: 991.98px) {
    .main-left,.sidebar-right {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    /*Chi tiết nhà cái*/
    .dealer-logo {
        flex-basis: 25%;
        width: 25%;
        max-width: 25%;
    }
    .dealer-item-meta {
        flex-basis: 20%;
        width: 20%;
        max-width: 20%;
        padding-left: 0.5rem;
    }
    .dealer-item-btn{
        flex-basis: 50%;
        width: 50%;
        max-width: 50%;
    }
    /*Chi tiết nhà cái*/
}
@media (min-width: 768px) {
    #readMoreHomeDesc{
        display: none;
    }
}