/* Any styles you write here will overwrite those of the original stylesheet */


.box h2 a.noclick,
.box h2 a.noclick:hover {
    pointer-events: none !important;
    outline: none !important;
    text-decoration: initial !important
}

#sidebar-bpads {
    display: none;
    width: 610px;
    height: 90px;
    margin: 30px auto 20px
}

#sidebar-bpads .textwidget {
    display: none;
    width: 610px;
    height: 90px;
    margin: 0 auto
}

.highlight {
    -webkit-box-shadow: 0 0 10px 5px rgba(141, 195, 206, 1);
    -moz-box-shadow: 0 0 10px 5px rgba(141, 195, 206, 1);
    box-shadow: 0 0 10px 5px rgba(141, 195, 206, 1)
}

#lastModified {
    position: relative;
    color: #666;
    float: right;
    top: 40px;
    right: 12px
}

#comment-16039 {
    word-wrap: break-word
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
    #sidebar-bpads,
    #sidebar-bpads .textwidget,
    #sidebar-bpads .adsbygoogle {
        display: none
    }
}

@media screen and (max-width: 500px) {
    #lastModified {
        right: 0;
        width: 100% !important;
        text-align: center;
        margin: 0 auto
    }
    .header-nav select {
        margin: 10px auto
    }
    #page.post > h1 {
        margin-top: 0;
        margin-left: 20px
    }
    #site-description {
        margin-top: 0;
        margin-left: 0
    }
}

@media screen and (max-width: 768px) and (orientation: portrait) {
    #lastModified {
        top: 32px;
        right: 0;
        width: 100% !important;
        text-align: center;
        margin: 0 auto
    }
    #page {
        width: calc(100% - 20px);
        margin-left: 10px;
        padding-top: 20px
    }
    .content .box-content {
        width: 95%;
        margin: 0 auto
    }
}

@media screen and (max-width: 735px) and (orientation: landscape) {
    .wrap {
        width: 100%
    }
    #lastModified {
        top: 41px;
        right: 0;
        width: 100% !important;
        text-align: center;
        margin: 0 auto
    }
    #header {
        width: calc(100% - 20px)
    }
    #page {
        width: 100%;
        margin-left: 0
    }
    .header-nav ul {
        display: none
    }
    #social-networks {
        float: none;
        width: 95%;
        margin: auto!important;
        text-align: center;
        background: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        clear: right
    }
    body.blog .wrap {
        min-width: 720px;
        width: 720px
    }
    #page.post > h1 {
        margin-top: 20px;
        margin-left: 20px
    }
    .content .box-content {
        width: 95%;
        margin: auto;
        float: none
    }
    #site-info {
        margin-top: 0 !important;
        margin-right: 0;
        float: none;
        text-align: center
    }
    nav ul {
        display: none
    }
    .header-nav select {
        margin: 10px auto;
        width: 95%;
        display: block
    }
}

@media screen and (min-width: 736px) and (max-width: 782px) and (orientation: landscape) {
    .wrap {
        width: 100%
    }
    #lastModified {
        top: 41px;
        right: 0;
        width: 100% !important;
        text-align: center;
        margin: 0 auto
    }
    #header {
        width: calc(100% - 20px)
    }
    #page {
        width: 100%;
        margin-left: 0
    }
    .header-nav ul {
        list-style: none;
        padding: 0;
        margin: 25px 50px 0;
        float: left
    }
    #social-networks {
        position: relative;
        right: 45px;
        margin-top: 15px !important
    }
    body.blog .wrap {
        min-width: 720px;
        width: 720px
    }
    #page.post > h1 {
        margin-top: 20px;
        margin-left: 20px
    }
    .content .box-content {
        width: 95%;
        margin: auto;
        float: none
    }
}