@media all and ( max-width: 850px ) {
    #primary-nav .mob { display: none; }
    #header #info p { margin: 1em 0; }
    .menu-top { display: block; }
    #slider .text { font-size: 1.2em; }
    #slider img { opacity: .8; }
}


@media all and ( max-width: 800px ) {
    .column_left,
    .column_right { float: none; width: 100%; }
    .column_right .side-content { margin-left: -2em; margin-top: 3em; }
    .widget-container { float: left; width: 50%; box-sizing: border-box; padding-left: 2em; }
    .widget-container:nth-child(2n+1) { clear: both; }

    #home_content .box { width: 33%; }
    #home_content .one { width: 100%; margin-bottom: 3em; }
    #home_content .one + .box { clear: both; }

    .block-banner .text { font-size: 1.5; line-height: 1.4; padding-left: 1em; }
}

@media all and ( max-width: 700px ) {
    #slider .text { font-size: 1.1em; width: 60%; }
    #slider img { opacity: .6; width: auto; max-width: none; height: 100%; max-height: 100%; }
    #carousel li span { font-size: 1.2em; }

    .block-banner .text { font-size: 1.4em; }
    .block-banner .img { opacity: .8; }
}

@media all and ( max-width: 600px ) {
    .with-mobile-menu #primary-nav { display: none; }
    .menu-toggle { display: inline-block; }

    #dl-menu { display: block; width: 100%; }
    #primary-nav .mob { display: block; }
    .menu-top { display: none; }
    .s-top { margin-top: 45px; }

    #header .site-title { float: left; max-width: 55%; }
    #header #info { float: right; max-width: 40%; }

    #slider .text { width: 70%; }
    #slider img { opacity: .4; }

    .block-banner .img { opacity: .6; }
}

@media all and ( max-width: 550px ) {
    .entry-content .t1 .img { width: 30%; }
    #carousel li span { font-size: 1em; }
}

@media all and ( max-width: 450px ) {
    .entry-content img.alignleft { max-width: 40%; }
    .block-projects-gallery .cont { max-width: 50%; }
    #home_content .box { width: 100%; margin-bottom: 2em; }

    #slider .text { width: 100%; }
    #carousel li { width: 50%; }
    .block-banner .img { opacity: .3; }
    .block-banner .text { padding-right: 1em; line-height: 1.3; }
}

@media all and ( max-width: 400px ) {
    .column_right .side-content { margin-left: 0; }
    .widget-container { float: none; width: 100%; padding-left: 0; }

    .entry-content .t1 { table-layout: initial; }
    .entry-content .t1 td { float: left; width: auto; padding-right: 0; }
    .entry-content .t1 .img { width: 100%; padding-bottom: 1em; }

    #slider .text { font-size: 1.1em; padding: 1em; }
}