@media only screen and (min-width: 280px) and (max-width: 767px) {

    .container {
        width: 300px;
    }
    h1, .h1{font-size:22px}
    h2, .h2{font-size:18px}
    h3, .h3{font-size:15px}
    h4, .h4{font-size:14px}
    h5, .h5{font-size:13px}
    h6, .h6{font-size:13px}

    /* header */
    .header {
        height: 105px;
    }
    .topmenu ul {
        display: none;
    }
    #topm-select {
        margin: 0 1px 0 3px;
        width: 262px;
        height: 32px;
        padding: 5px;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }
    #topm-select option {
        padding: 3px 5px;
        font-size: 14px;
    }
    #searchToggle {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    #searchToggle .inner {
        width: 32px;
        height: 32px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    #searchToggle .icon-stack-base {
        font-size: 2.1em;
        margin-top: 2px;
    }
    #searchToggle .icon-search,
    #searchToggle .icon-remove{
        top: 0.2em;
        font-size: 80%;
    }
    .topsearch {
        display: none;
        position: absolute;
        top: 0;
        left: 36px;
        height: 40px;
        padding: 10px 0;
    }
    .topsearch label {
        display: none;
    }
    .topsearch .stext {
        font-size: 15px;
        margin-left: 8px;
    }
    .topsearch .btn_search {
        margin-left: -40px;
    }
    .topsearch .btn_search .icon-search {
        position: relative;
        top: 0px;
        left: -8px;
    }

    /* Middle */
    .content_main {
        margin: 0 0 20px 0;
        padding: 0 0 30px 0;
    }
    .sidebar_left,
    .sidebar_right {
        float: none;
        padding-bottom: 30px;
        clear: both;
        border-top: 3px double #a3adb4;
        padding-top: 30px;
    }
    .sidebar_left {
        width: 180px;
        padding-left: 60px;
        padding-right: 60px;
        margin: 0 auto;
    }
    .sidebar_right {
        width: 240px;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
    }
    .content_main {
        font-size: 14px;
    }
    .content_main .box_pogoda {
        display: block;
        margin: 20px 0;
    }
    .content_main .box_pogoda iframe {
        width: 300px;
    }
    .sidebar_left .box_pogoda {
        display: none;
    }

    /* After content */
    .letters a {
        margin: 4px 4px 4px 0;
    }
    .letter_list li {
        width: 150px;
    }

    /* tags list */
    .csscolumns .tags-list {
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        -moz-column-gap:10px;
        -webkit-column-gap:10px;
        column-gap:10px;
    }

    /* Footer */
    .logo_footer {
        margin-right: 0px;
    }
    .copyright {
        width: 150px;
        text-align: right;
    }
    .botmenu li {
        margin: 0 5px;
    }

    #toTop {
        display: none !important;
    }

    /* Latest Tabs */
    .latest_tabs .tabs a {
        font-size: 13px;
        height: 30px;
        line-height: 15px;
        padding: 0 5px 0 12px;
        width: 80px;
    }
    .tabs_wider .tabs a {
        width: auto;
        padding: 10px 5px 0 5px;
        height: 20px;
    }
    .latest_tabs .tabcontent {
        padding: 20px 5px 0 5px;
    }
    .navi-arrow {
        width: 20px;
        height: 18px;
        font-size: 18px;
        line-height: 18px;
        top: 0;
    }
    .navi-arrow.load_prev {
        right: 20px;
        -webkit-border-radius: 0 0 0 4px;
        -moz-border-radius: 0 0 0 4px;
        border-radius: 0 0 0 4px;
    }
    .navi-arrow.load_next {
        -webkit-border-radius: 0 0 4px 0;
        -moz-border-radius: 0 0 4px 0;
        border-radius: 0 0 4px 0;
    }
    .pane-sm .navi-arrow.load_prev {
        -webkit-border-radius: 4px 0 0 0;
        -moz-border-radius: 4px 0 0 0;
        border-radius: 4px 0 0 0;
    }
    .pane-sm .navi-arrow.load_next {
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        border-radius: 0 4px 0 0;
    }
    .navi-arrow [class*="icon-"] {
        top: 0em;
        font-size: 90%;
    }

    /* Post List and Grid view */
    .postlist li {
        margin-bottom: 20px;
    }
    .gridview li {
        float: none;
        width: 100%;
        margin: 0 0 25px 0;
    }
    .post-aside h2, .post-aside .h2 {
        font-size: 18px;
    }
    .postlist .post-image {
        float: left;
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }
    .postlist .post-aside {
        display: inline;
    }
    .tabcontent .post-aside h2, .tabcontent .post-aside .h2 {
        clear: none;
    }
    .postlist .post-aside p {
        clear: both;
        font-size: 13px;
        line-height: 1.3em;
        padding-top: 3px;
    }
    .smallview li {
        min-height: 60px;
    }
    .simpleview .post-image {
        margin-left: 0px;
    }

    .pane .pane-head h1, .pane .pane-head .h1,
    .pane .pane-head h2, .pane .pane-head .h2{
        font-size: 15px;
    }

    /* Pagination */
    .pagination {
        padding: 20px 0 10px 0;
    }
    .pagination a,
    .pagination span,
    .sorting_navi .prev_page,
    .sorting_navi .next_page{
        margin: 2px;
        padding: 0 5px;
        min-width: 15px;
        height: 25px;
        line-height: 23px;
        font-size: 15px;
    }
    .pagination [class*="icon-"],
    .sorting_navi [class*="icon-"]{
        font-size: 20px;
    }

    /* Sorting */
    .sorting_box {
        text-align: right;
        border-bottom: 1px solid #d8dde0;
        padding-bottom: 10px;
    }
    .archive_sort {
        border-bottom: none;
        padding-bottom: 0px;
    }
    .sorting_box .sorting_cat,
    .sorting_box .sorting_navi,
    .sorting_box .sorting_pages{
        float: none;
        margin:2px 0;
    }

    /* Post Details */
    .post-detail .post-image {
        float: none;
        margin: 0 auto 5px auto;
        width: 250px;
        height: 250px;
    }
    .post-toc {
        float: none;
        width: 100%;
    }
    .related_cols {
        padding-top: 20px;
    }
    .bnr_336x280,
    .ads_336x280 {
        display: block;
    }

    /* comment-list */
    .comment-list .comment-text {
        font-size: 13px;
    }
    .comment-list .comment .children {
        margin-left: 0;
    }
    /* add comment form */
    .add-comment .form form{
        width: 280px;
    }
    .form_row.alignleft {
        margin-right: 0px;
    }
    .form .rowTextarea textarea {
        width: 90%;
    }
    .form .form_row .captcha {
        width: 60px;
        font-size: 18px;
        padding: 6px 10px;
        height: 24px;
        margin-bottom: 5px;
    }
    .rowCaptcha .input_styled {
        margin-left: 0;
        display: block;
        width: 100%;
    }
    .input_styled label {
        font-size: 13px;
    }

    /* archive list */
    .archive-list .main-title .title {
        font-size: 18px;
    }
    .archive-list .simpleview li {
        margin: 0 0 0 0px;
    }
    .archive-list .post-tags {
        display: block;
    }

    /* Day Photo */
    .day_photo_big {
        width: 280px;
        margin: 10px auto 0 auto;
    }
    .day_photo_big .photo_image .photo_navi{
        bottom: 35%;
    }
    .photo-list li {
        width: 120px;
        height: 170px;
        padding: 9px;
        margin: 0 5px 10px 5px;
    }
    .photo-list .photo-list-image {
        width: 100px;
        height: 100px;
        display: block;
    }
    .photo-list .photo-list-image a {
        display: block;
        vertical-align: middle;
        width: 100%;
    }

    /* Event Day */
    .event-date {
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .event-image {
        display: inline-block;
        float: none;
        margin: 0 auto;
    }
    .event-navi {
        padding-top: 45px;
    }
    .event-navi .prev,
    .event-navi .next {
        line-height: 40px;
        font-size: 13px;
    }
    .event-navi .prev .icon-stack,
    .event-navi .next .icon-stack {
        font-size: 20px;
    }
    .event-navi .prev .icon-angle-left,
    .event-navi .next .icon-angle-right{
        font-size: 26px;
        top: -1px;
    }
    #fixed_left, #fixed_right {
        position: relative;
    }

    /* Tag Search Results */
    .search-tags-chain {
        font-size: 24px;
    }
    .search-tags-chain .icon-remove {
        font-size: 18px;
        line-height: 20px;
        width: 16px;
        padding: 0 3px;
        height: 22px;
    }
    .search-tags-form .form_row {
        width: 230px;
    }
    .search-tags-form .form_row input {
        width: 206px;
    }
    .search-results .post-thumbs img {
        max-height: 45px;
        margin: 10px 5px 0 0;
    }

    .post-video {
        display: none;
    }
    .post-video-embed {
        display: block;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .container {
        width: 450px;
    }

    /* header */
    .header {
        height: 85px;
    }
    .logo {
        margin-right: 12px;
        padding-top: 10px;
    }
    .topmenu,
    #searchToggle{
        margin-top: 41px;
    }
    .auth_box {
        width: auto;
    }
    .auth_box a {
        margin-left: 3px;
    }
    #topm-select {
        width: 242px;
        margin: 0 1px 0 0px;
    }
    .topsearch {
        top: 0px;
        left: 207px;
        padding: 5px 1px;
        height: 32px;
    }
    .topsearch .stext {
        padding: 5px 35px 5px 10px;
        line-height: 15px;
        font-size: 15px;
        width: 72%;
    }
    .topsearch .btn_search {
        width: 26px;
        height: 26px;
        margin-left: -33px;
        top: 3px;
        font-size: 15px;
    }

    .letter_list li {
        width: 225px;
    }
    /* Middle */
    .content_main {
        margin: 0 0 20px 0;
        padding: 0 0 30px 0;
    }
    .sidebar_left,
    .sidebar_right {
        float: left;
        padding-bottom: 30px;
        clear: none;
        border-top: 3px double #a3adb4;
        padding-top: 30px;
    }
    .sidebar_left {
        clear: both;
        width: 180px;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 30px 0 0;
    }
    .sidebar_right {
        width: 240px;
        padding-left: 0px;
        padding-right: 0px;
        margin:0
    }
    .content_main {
        font-size: 14px;
    }
    .content_main .box_pogoda {
        display: block;
        margin: 20px 0;
    }
    .content_main .box_pogoda iframe {
        width: 450px;
        height: 230px;
    }
    .sidebar_left .box_pogoda {
        display: none;
    }

    /* After content */
    .letters a {
        margin: 4px 5px 4px 0;
    }

    /* tags list */
    .csscolumns .tags-list {
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
        font-size: 13px;
    }

    /* Footer */
    .copyright {
        clear: both;
        width: 450px;
        text-align: left;
    }
    .botmenu {
        clear: both;
        position: absolute;
        top: 20px;
        right: 0px;
        text-align: right;
    }

    /* Latest Tabs */
    .latest_tabs .tabs a {
        padding: 0 10px 0 12px;
    }
    .tabs_wider .tabs a {
        padding: 10px 10px 0 10px;
    }

    /* Sorting */
    .sorting_box .sorting_cat {
        float: left;
    }

    /* Post Details */
    .bnr_336x280,
    .ads_336x280 {
        display: block;
    }

    /* add comment form */
    .add-comment .form form{
        width: 430px;
    }
    .form_row.alignleft {
        margin-right: 20px;
    }
    .form .form_row input {
        width: 170px;
    }

    /* archive list */
    .archive-list .post-tags {
        display: inline;
    }

    /* Day Photo */
    .day_photo_big {
        width: 430px;
    }
    .post-detail .post-image {
        float: none;
        width: 250px;
        height: 250px;
    }
    .post-toc {
        float: none;
        width: 100%;
    }

    /* Event Day */
    .event-image {
        display: inline-block;
        float: left;
        margin: 5px 10px 0 0;
        max-width: 150px;
    }
    .event-navi {
        padding-top: 5px;
    }

    /* Tag Search Results */
    .search-tags-form .form_row {
        width: 330px;
    }
    .search-tags-form .form_row input {
        width: 306px;
    }

    .post-video {
        display: none;
    }
    .post-video-embed {
        display: block;
    }
}
@media only screen and (min-width: 768px) and (max-width: 989px) {

    h1, .h1{font-size:22px}
    h2, .h2{font-size:18px}
    h3, .h3{font-size:15px}
    h4, .h4{font-size:14px}
    h5, .h5{font-size:13px}
    h6, .h6{font-size:13px}

    .container {
        width: 744px;
    }
    /* header */
    .header {
        height: auto;
    }
    .topmenu,
    #searchToggle{
        border-top: 1px solid #565c65;
    }
    .topmenu li a {
        padding: 0 10px;
        font-size: 13px;
    }
    .topsearch {
        top: auto;
        left: 0;
        bottom: 0px;
        height: 40px;
        padding: 10px 1px;
    }
    /* Middle */
    .content_wrapper {
        float:left;
        width:100%;
        margin-left: -240px;
    }
    .content_main {
        margin: 0 0 0 240px;
        padding: 0 20px 50px 0px;
    }
    .sidebar_left,
    .sidebar_right {
        float: right;
        min-height: 50px;
        position: relative;
        padding-bottom: 50px;
    }
    .sidebar_left {
        width: 240px;
        margin-left:0;
    }
    .sidebar_right {
        width: 240px;
        clear:right;
        margin-left:0;
    }
    .content_main .box_pogoda {
        display: none;
    }
    .sidebar_left .box_pogoda {
        display: block;
    }
    .sidebar_left .box_pogoda iframe {
        width: 240px;
    }

    /* Footer */
    .letter_list li {
        margin: 0 0 7px 10px;
        width: 238px;
    }
    .copyright {
        width: 250px;
    }
    .botmenu li {
        margin: 0 5px;
    }

    /* Latest Tabs */
    .latest_tabs .tabs a {
        font-size: 15px;
        height: 27px;
        line-height: 27px;
        padding: 0 16px;
    }

    /* archive sort */
    .archive_sort .sorting_row {
        margin: 5px 4px 5px 0;
    }
    .archive_sort .sorting_navi {
        clear: both;
    }
    /* related_cols */
    .related_cols {
        padding-top: 15px;
    }

    /* add comment form */
    .add-comment .form form{
        width: auto;
    }
    .form .form_row input {
        width: 190px;
    }
    .form_row.alignleft {
        margin-right: 20px;
    }

    /* Day Photo */
    .day_photo_big {
        width: auto;
        margin: 10px auto 0 auto;
    }
    .photo-list li {
        margin: 0 28px 22px 28px;
    }
    .post-detail .post-image {
        float: none;
        width: 250px;
        height: 250px;
    }
    .post-toc {
        float: none;
        width: 100%;
    }
    /* Event Day */
    .event-date {
        float: none;
    }
    .event-image {
        margin-right: 10px;
        width: 150px;
    }

    #fixed_left, #fixed_right {
        position: relative;
    }

    /* Tag Search Results */
    .search-tags-form .form_row {
        width: 330px;
    }
    .search-tags-form .form_row input {
        width: 306px;
    }

}
@media only screen and (min-width: 990px) and (max-width: 1223px)  {

    .post-toc {
        width: 310px;
    }
}
@media only screen and (min-width: 1224px) {

    .container {
        width: 1200px;
    }

    .logo {
        width: 180px;
        margin-right: 20px;
    }
    .topmenu li ul {
        left: -115px;
    }
    .topmenu li a {
        padding: 0 12px;
        font-size: 15px;
    }
    .topsearch {
        left: 202px;
    }
    .topsearch .stext {
        width: 75%;
    }

    .letters a {
        margin: 0 8px;
    }
    .letter_list li {
        width: 240px;
    }
    .letter_list li a,
    .letter_list li span {
        font-size: 14px;
    }
    .postlist .post-image {
        width: 150px;
        height: 150px;
    }
    .gridview li {
        float: left;
        width: 46%;
        margin: 0 4% 15px 0;
        min-height: 200px
    }
    .related_cols .gridview li {
        min-height: 150px
    }
    .smallview li {
        min-height: 100px;
    }
    .gridview .post-image {
        width: 120px;
        height: 120px;
        margin-right: 15px;
    }
    .gridview .post-aside h2, .gridview .post-aside .h2 {
        font-size: 20px;
    }
    .tabcontent .post-aside h2, .tabcontent .post-aside .h2 {
        clear: none;
    }
    .smallview .post-aside h2, .smallview .post-aside .h2 {
        font-size: 20px;
    }
    .smallview .post-image {
        width: 80px;
        height: 80px;
    }
    /* sorting */
    .sorting_box .sorting_pages {
        clear: none;
        float: none;
    }
    .sorting_box .sorting_navi,
    .archive_sort .sorting_pages{
        float: right;
    }

    /* related_cols */
    .related_cols .col_left,
    .related_cols .col_right {
        float: left;
        width: 50%;
    }

    .add-comment .form form{
        width: 640px;
    }
    .comment-form .rowText input{
        width: 250px;
    }
    .comment-form .rowTextarea textarea {
        width: 98%;
    }

    .csscolumns .tags-list {
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
    }

    /* Day Photo */
    .day_photo_big {
        width: 640px;
    }
    .day_photo_big .photo_image .prev {
        left: -50px;
    }
    .day_photo_big .photo_image .next {
        right: -50px;
    }

    .post-detail .post-image {
        width: 250px;
        height: 250px;
        margin-right: 20px;
    }
    .post-toc {
        width: 470px;
    }
    .photo-list li {
        margin: 0 31px 22px 31px;
    }

    /* Tag Search Results */
    .search-tags-form .form_row {
        width: 580px;
    }
    .search-tags-form .form_row input {
        width: 556px;
    }

}
@media only screen and (min-width: 1520px) {

    .container {
        width: 1520px;
    }
    .topmenu li ul {
        left: -105px;
    }
    .topmenu li a {
        padding: 0 22px;
        font-size: 17px;
    }
    .topsearch .stext {
        width: 80%;
    }

    .letters a {
        margin: 0 13px;
    }
    .letter_list li {
        width: 228px;
    }
    .gridview li {
        min-height: 160px;
    }
    .smallview li {
        min-height: inherit;
    }
    .gridview .post-image {
        width: 150px;
        height: 150px;
        margin-right: 15px;
    }
    .smallview .post-image {
        width: 80px;
        height: 80px;
        margin-right: 10px;
    }

    .add-comment .form form{
        width: 880px;
    }
    .comment-form .rowText input{
        width: 250px;
    }
    .comment-form .rowTextarea textarea {
        width: 98%;
    }

    .post-toc {
        width: 60%;
    }

    .pane .letters a {
        margin: 4px 6px;
    }
    .csscolumns .tags-list {
        -moz-column-count:5;
        -webkit-column-count:5;
        column-count:5;
    }

    .day_photo_big .photo_image .photo_navi {
        width: 60px;
        height: 60px;
        font-size: 30px;
    }
    .day_photo_big .photo_image .prev {
        left: -70px;
    }
    .day_photo_big .photo_image .next {
        right: -70px;
    }
    .photo-list li {
        margin: 0 23px 22px 23px;
    }

}
/* Only For iPads */
@media only screen and (device-width: 768px) {

    #searchToggle .icon-search,
    #searchToggle .icon-remove{
        top: 0.7em;
    }
    .topsearch .btn_search .icon-search {
        top: 0px;
        left: -8px;
    }
    .topsearch .btn_search {
        margin-left: -40px;
    }

}
