@media (min-width: 600px) and (max-width: 659px) {

    #top_menu ul.bars_menu li.bar.one{
        text-align: right;
        padding-right: 10px;
        font-size: 12px;
    }
    #top_menu ul.bars_menu li.bar.two{
        font-size: 12px;
    }
    #top_menu ul.bars_menu li.bar.three{
        text-align: left;
        padding-left: 10px;
        font-size: 12px;
    }
}

@media (min-width: 660px) and (max-width: 700px) {

    #top_menu ul.bars_menu li.bar.one{
        text-align: right;
        padding-right: 10px;
        font-size: 14px;
    }
    #top_menu ul.bars_menu li.bar.two{
        font-size: 14px;
    }
    #top_menu ul.bars_menu li.bar.three{
        text-align: left;
        padding-left: 10px;
        font-size: 14px;
    }
}

@media (min-width: 701px) and (max-width: 850px) {

    #top_menu ul.bars_menu li.bar.one{
        text-align: right;
        padding-right: 10px;
        font-size: 15px;
    }
    #top_menu ul.bars_menu li.bar.two{
        font-size: 15px;
    }
    #top_menu ul.bars_menu li.bar.three{
        text-align: left;
        padding-left: 10px;
        font-size: 15px;
    }
}
@media (min-width: 851px) and (max-width: 950px) {

    #top_menu ul.bars_menu li.bar.one{
        text-align: right;
        padding-right: 10px;
        font-size: 18px;
    }
    #top_menu ul.bars_menu li.bar.two{
        font-size: 18px;
    }
    #top_menu ul.bars_menu li.bar.three{
        text-align: left;
        padding-left: 10px;
        font-size: 18px;
    }
}
@media (min-width: 951px) and (max-width: 1050px) {

    #top_menu ul.bars_menu li.bar.one{
        text-align: right;
        padding-right: 30px;
        font-size: 20px;
    }
    #top_menu ul.bars_menu li.bar.two{
        font-size: 20px;
    }
    #top_menu ul.bars_menu li.bar.three{
        text-align: left;
        padding-left: 30px;
        font-size: 20px;
    }
}



@media (min-width: 500px) and (max-width: 999px) {
    body {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #top_menu div.logo_menu{
        width: auto !important;
    }
    div.footer_record_content{
        width: auto !important;
    }

    div.article-container{
        width:auto !important;
    }
    div.slide div.slider_content div.text{
        width: auto !important;
    }
    #serch-bar{
        width:auto !important;
    }

    div.slide div.slider_content div.title{
        width:90% !important;
        margin:0px auto;
        display: block;
    }

    div.hptiles div.big_posts{
        width:  100% !important;
        min-width: 500px !important;
    }

    div.hptiles div.posts,  div.hptiles div.pin_posts {
        width: 50% !important;
        min-width: 250px;
    }

    div.slide div.slider_content div.text div table{
        width:100% !important;
        font-size: 14px;
    }

    div.slide div.slider_content div.title{
        font-size: 22px !important;
    }

    div.row div.title-bar{
        display:none !important;
    }
    .top-bar-right{
        margin-right: 20px;
    }
    #serch-bar div.back-to-homepage{
        padding: 25px 30px 20px 10px !important;
    }
    .big_posts .postsLayer div.layer.postsLayer .titleLayer, .big_posts .postsLayer div.layer.postsLayer .taserLayer{
        width: auto !important;
    }

    .article-right, .article-left {
        width: auto !important;
        display: block !important;
    }

    div.article-container div.article-left div.post_body{
        padding:80px 40px 40px 30px !important;
    }

    .about-similar_posts, .similar_posts{
        display:none !important;
    }
    .slider_content div.post_title_container{
        width: auto !important;
    }
    div.search_box{
        display: none;
    }
    div.slide div.slider_content div.text{
        padding: 20px;
    }
    .article-right, .article-left {
        width: auto !important;
        display: block !important;
    }
    img{
        display: block;
        margin: 0px auto;
    }
}