/*------------------------------------------------------------------
[Table of contents]
1. Styles for devices(>1200px)
2. Styles for devices(>=992px and <=1199px)
3. Styles for devices(>=768px and <=992px)
4. Styles for devices(>=481px and <=767px)
5. Styles for devices(<=480px)
-------------------------------------------------------------------*/
/*----------------
[1. Styles for devices(>1200px)]
*/
.post-text {
    height: 50px;
    overflow: hidden;
}
@media (min-width: 1201px){
    .main_header_area .main_menu_area .navbar {
        padding-top: 16px !important;
    }
    .logo.jd {
        justify-content: left;
        display: flex;
    }
}
/*----------------
[2. Styles for devices(>=993px and <=1200px)]
*/
@media (min-width: 1000px) and (max-width: 1200px) {
    .main_header_area .main_menu_area .navbar {
        padding-top: 16px !important;
    }
    .logo.jd {
        justify-content: left;
        display: flex;
    }
}



@media (min-width: 993px) and (max-width: 1000px) {
    .logo.jd {
        justify-content: left;
        display: flex;
    }
    .main_header_area .main_menu_area .navbar.navbar-default .nav.navbar-nav li {
        margin-right: 8px;
    }
    .main_header_area .main_menu_area .navbar.navbar-default .nav.navbar-nav li a {
        font-size: 12px;
    }
    .main_header_area .main_menu_area .navbar {
        padding-top: 16px !important;
    }
}
/*--------------------
[3. Styles for devices(>=768px and <=992px)]
*/
@media (min-width: 768px) and (max-width: 992px) {
    .logo.jd {
        justify-content: center;
        display: flex;
    }
    .post-wrap .post-details::before{
        right:-2px;
    }
}
/*--------------------
[4. Styles for devices(>=481px and <=767px)]
*/

@media (min-width: 688px) and (max-width: 767px) {
    .logo.jd {
        justify-content: center;
        display: flex;
    }
    .post-wrap .post-details::before{
        right:-55px;
    }
}
@media (min-width: 622px) and (max-width: 688px) {
    .logo.jd {
        justify-content: center;
        display: flex;
    }
    .post-wrap .post-details::before{
        right:-30px;
    }
}

@media (min-width: 576px) and (max-width: 620px) {
    .logo.jd {
        justify-content: center;
        display: flex;
    }
    .post-wrap .post-details::before{
        right:-30px;
    }
}
@media (min-width: 522px) and (max-width: 575px) {
    .logo.jd {
        justify-content: center;
        display: flex;
    }
    .post-wrap .post-details::before{
        right:-16px;
    }
}
@media (min-width: 500px) and (max-width: 520px) {
    .logo.jd {
        justify-content: center;
        display: flex;
    }
    .post-wrap .post-details::before{
        right:0px;
    }
}


/*--------------------
[5. Styles for devices(<=480px)]
*/
@media (min-width: 370px) and (max-width: 499px) {
    .logo.jd {
        justify-content: center;
        display: flex;
    }
    .post-wrap .post-details::before{
       right: -67px;
    }
    .col-news.col-xs-6{
        width: 95% !important;
    }

}

@media  (min-width: 337px) and (max-width: 369px) {
    .logo.jd {
        justify-content: center;
        display: flex;
    }
    .post-wrap .post-details::before{
        right:-34px;
    }
    .col-news.col-xs-6{
        width: 95% !important;
    }
}
@media (min-width: 305px) and (max-width: 336px) {
    .logo.jd {
        justify-content: center;
        display: flex;
    }
    .post-wrap .post-details::before{
        right:-10px;
    }
    .col-news.col-xs-6{
        width: 95% !important;
    }
}
@media (max-width: 304px) {
    .logo.jd {
        justify-content: center;
        display: flex;
    }
    .post-wrap .post-details::before{
        right:-10px;
    }
    .col-news.col-xs-6{
        width: 95% !important;
    }
}