@media (min-width: 350px) and (max-width: 600px) {
    #top_menu ul.bars_menu li.bar.one,
    #top_menu ul.bars_menu li.bar.two,
    #top_menu ul.bars_menu li.bar.three {
        font-size: 12px;
    }

    div.burger_bar {
        margin-top: -140px;
    }

    div.menu_logo {
        display: none;
    }

    div.logo_m ul {
        display: none;
    }

    .firmCatalog .firmElem {
        border-right: 0px solid #ffffff !important;
        border-left: 0px solid #ffffff !important;
    }

    #top_menu div.logo_menu div.logo {
        width: 27% !important;
    }
}

@media (min-width: 350px) and (max-width: 400px) {

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

    #top_menu ul.bars_menu li.bar.two {
        font-size: 10px;
    }

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

    #serch-bar input.search {
        width: 225px;
    }

}

@media (min-width: 350px) and (max-width: 499px) {
    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;
        /*display: none !important;*/
        margin: 100px 20px;
    }

    div.slide div.slider_content div.read_more {
        /*display: none !important;*/
    }

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

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

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

    div.slide div.slider_content div.title {
        font-size: 18px !important;
        padding: 20px !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;
    }

    div.footer_record_content div.right_col {
        padding: 0px 0px 0px 0px !important;
    }

    #serch-bar div.back-to-homepage {
        width: auto;
    }

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

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

    .about-similar_posts, .similar_posts{
        display:none !important;
    }
    .slider_content div.post_title_container{
        width: auto !important;
    }
    div.search_box{
        display: none;
    }
    div.options_wrap div.options div.option{
        font-size: 12px;
    }
}

@media (min-width: 350px) and (max-width: 800px) {
    div.article-container div.article-left {
        width: auto !important;
    }

    div.break_line, div.similar_posts_container {
        width: auto !important;
    }

    div.article-container div.article-left div.taser p{
        width:auto !important;
    }
    img{

    }
    .mfp-image-holder .mfp-content, img, img.mfp-img{

    }
    div.article-left p img{
        width: 100% !important;
    }

}