﻿@media screen and (max-width: 1024px) {
    .Container {
        width: 98%;
    }
}

@media screen and (max-width: 800px) {
    .Content-Wrapper, .Widgets-Wrapper {
        float: none;
        width: 100%;
    }

    .Footer .Footer-Menu,
    .Footer .License {
        float: none !important;
    }

    .Footer .End-Line {
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .Blog-Title {
        float: none;
        text-align: center;
    }

    .Blog-Title h1 a {
        color: #111;
        font-size: 38px;
    }

    .Blog-Title h2 {
        padding: 0 10px;
        font-size: 14px;
        color: #444;
    }

    .Header {
        border-bottom: 4px solid #333;
    }

    .Widgets-Wrapper {
        display: none;
    }

    .Second-Line {
        padding: 10px 0 !important;
    }

    .Second-Line .Container {
        position: relative;
    }

    .Header .Container {
        width: 100%;
        overflow: hidden;
    }

    .Header .btn-nav {
        background: #007d40 !important;
        height: 40px;
        width: 100%;
        display: block;
        outline: none;
        color: #FFF !important;
        text-align: center;
        line-height: 40px;
    }

    .First-Line {
        overflow: hidden;
        background: #EEE !important;
        display: none;
    }

    .Blog-Social {
        display: none;
    }

    .Footer #Social-Network {
        display: block;
    }

    .Nav-Header {
        float: none;
        background: #444;
    }

    .Nav-Header ul li {
        display: block;
        min-height: 35px !important;
        position: relative;
        z-index: 100;
        border-bottom: 1px solid #333;
    }

    .Nav-Header ul li A {
        height: 35px;
        line-height: 35px;
    }

    .Nav-Header ul ul {
        display: none !important;
    }

    .Header #searchbox {
        float: none;
        background: #333;
        height: 40px;
        position: relative;
    }

    .Header #searchbox:hover, .Header .SearchboxSelected {
        background: #353535 !important;
    }

    .Header #searchbox input[type="button"] {
        background: #333 url(../img/btnsearch.png) center center no-repeat;
        float: right;
        height: 40px;
        right: 0;
        position: absolute;
    }

    .Header #searchbox:hover input[type="button"], #searchbutton.Btn-Search-Selected {
        background: #353535 url(../img/btnsearch-hover.png) center center no-repeat !important;
    }

    .Header #searchbox input[type="text"] {
        background: none;
        float: left;
        height: 40px;
        width: 90%;
        padding: 0 10px;
    }

    .Header #searchbox input[type="text"]:focus {
        color: #FFF;
    }

    .Header #searchbox:after {
        content: '.';
        display: block;
        clear: both;
        visibility: hidden;
        height: 0 !important;
        overflow: hidden;
    }

    .Footer .Footer-Widget-Container {
        display: none;
    }

    #archive .comments, #archive .rating {
        display: none;
    }

    textarea {
        width: 98% !important;
        min-width: 98% !important;
    }

    #commentMenu, #trackbackheader, #trackbacks, #postnavigation {
        display: none !important;
    }

    .bbcode {
        display: none !important;
    }

    .Footer .End-Line {
        padding: 14px 0;
    }

    .Footer .End-Line .Footer-Menu ul li {
        height: 30px;
    }

    .Footer .End-Line .Footer-Menu ul li A {
        line-height: 30px;
    }

    .Footer .End-Line .License {
        line-height: 30px;
    }
}

@media screen and (max-width: 480px) {
    .PostRating, .PostTags {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .PostInfo {
        display: none;
    }

    .Footer .End-Line .Footer-Menu ul li.item-four, .Footer .End-Line .Footer-Menu ul li.item-five {
        display: none;
    }

    .Footer .End-Line .License {
        line-height: 20px;
        margin-top: 10px;
    }

    /* .Footer .License span { font-size: 0; display: block; height: 0; overflow: hidden; } */
}  
