@media (min-width: 1024px) and (max-width: 1240px) {
    .meta-date span {
        display: none;
        text-transform: uppercase;
    }
    body {
        min-width: 992px !important;
    }
    #boxed_layout #page_wrapper {
        width: 990px;
    }
    #wrapper,
    #header,
    #navigation,
    #copyright {
        width: 930px;
    }
    h2 {
        font-size: 22px;
        line-height: 30px;
    }
    h3 {
        font-size: 20px;
        line-height: 24px;
    }
    h4 {
        font-size: 18px;
        line-height: 22px;
    }
    #header_bar,
    #footer {
        width: 960px;
    }
    .one_half {
        width: 450px;
    }
    .one_third {
        width: 290px;
    }
    .one_fourth {
        width: 210px;
    }
    .two_third {
        width: 610px;
    }
    .one_third input[type="text"] {
        width: 272px;
    }
    #sidebar input[type="text"] {
        width: 212px;
    }
    .img_huge {
        width: 450px;
    }
    .widget_categories li {
        width: 206px;
        float: none;
    }
    .meta-date {
        width: 60px;
        height: 60px;
    }
    .meta-day {
        margin-top: 12px;
    }
    .recent-posts img,
    .avatar-box img,
    .strawberry {
        width: 50px;
        height: 50px;
    }
    .avatar-box {
        width: 50px !important;
        height: 50px !important;
    }
    .avatar-box {
        margin: 30px -50px 0 0;
    }
    .comment-box .comment-text {
        padding: 30px 0 20px 70px;
    }
    .img12 {
        /*        height: 150px;*/
    }
}

/* Tablet (Portrait), Design for a width of 768px */

@media (min-width: 768px) and (max-width: 1023px) {
    img.img.aligncenter.img_huge.img12 {
        height: 140px;
    }
    body {
        min-width: 768px !important;
    }
    #boxed_layout #page_wrapper {
        width: 750px;
    }
    #wrapper,
    #header,
    #navigation,
    #copyright {
        width: 690px;
    }
    #header {
        padding: 85px 0 50px;
    }
    h2 {
        font-size: 20px;
        line-height: 30px;
    }
    h3 {
        font-size: 18px;
        line-height: 22px;
    }
    h4 {
        font-size: 16px;
        line-height: 20px;
    }
    #footer {
        width: 720px;
    }
    #header_bar,
    #header_bar_inner {
        width: 750px;
        padding-left: 0;
    }
    #boxed_layout #header_bar_inner {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }
    .one_half {
        width: 330px;
    }
    .one_third {
        width: 210px;
    }
    .one_fourth {
        width: 150px;
    }
    .two_third {
        width: 450px;
    }
    .one_third input[type="text"] {
        width: 192px;
    }
    #sidebar input[type="text"] {
        width: 132px;
    }
    .img_huge {
        width: 450px;
    }
    .widget_categories li {
        width: 126px;
        float: none;
    }
    .sf-menu li {
        font-size: 15px !important;
    }
    .meta-date {
        width: 60px;
        height: 60px;
    }
    .meta-day {
        margin-top: 12px;
    }
    .recent-posts img,
    .avatar-box img {
        width: 50px;
        height: 50px;
    }
    .avatar-box {
        width: 50px !important;
        height: 50px !important;
    }
    .avatar-box {
        margin: 30px -50px 0 0;
    }
    .comment-box .comment-text {
        padding: 30px 0 20px 70px;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
}

/* Mobile */

@media (max-width: 767px) {
    img.img.aligncenter.img_huge.img12 {
        height: 140px !important;
    }
    #header_bar_wrapper {
        display: none;
    }
    h2 {
        font-size: 20px;
        line-height: 30px;
    }
    h3 {
        font-size: 18px;
        line-height: 22px;
    }
    h4 {
        font-size: 16px;
        line-height: 20px;
    }
    #copyright .one_half {
        text-align: left;
    }
    .meta-date {
        width: 50px;
        height: 50px;
    }
    .meta-day {
        margin-top: 10px;
        font-size: 18px;
        line-height: 20px;
    }
    .recent-posts img,
    .avatar-box img {
        width: 50px;
        height: 50px;
    }
    .avatar-box {
        width: 50px !important;
        height: 50px !important;
    }
    .avatar-box {
        margin: 30px -50px 0 0;
    }
    .comment-box .comment-text {
        padding: 30px 0 20px 70px;
    }
    div.posts-desc {
        clear: none !important;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    #text-15 {
        display: none;
    }
}

/* Mobile (Landscape), Design for a width of 480px */

@media (min-width: 480px) and (max-width: 767px) {
    body {
        min-width: 480px !important;
    }
    #boxed_layout #page_wrapper {
        width: 460px !important;
    }
    #wrapper,
    #header,
    #header_bar,
    #navigation,
    #copyright {
        width: 400px !important;
    }
    #logo img {
        max-width: 400px !important;
    }
    #footer {
        width: 430px !important;
    }
    .one_half,
    .one_third,
    .one_fourth,
    .two_third {
        width: 400px !important;
        float: none;
    }
    .alignleft img,
    .alignleft {
        max-width: 200px !important;
    }
    .widget_categories li {
        width: 316px !important;
        float: none;
    }
    .sf-menu {
        display: none;
    }
}

/* Mobile (Portrait), Design for a width of 320px */

@media (max-width: 479px) {
    body {
        min-width: 320px !important;
    }
    #boxed_layout #page_wrapper {
        max-width: 400px !important;
    }
    #wrapper,
    #header,
    #header_bar,
    #navigation,
    #copyright {
        width: 100%;
        max-width: 320px !important;
    }
    #logo img {
        max-width: 320px !important;
    }
    #footer {
        width: 280px !important;
    }
    .one_half,
    .one_third,
    .one_fourth,
    .two_third {
        width: 320px !important;
        float: none;
    }
    .alignleft img,
    .alignleft {
        max-width: 120px !important;
    }
    .widget_categories li {
        width: 166px;
        float: none;
    }
    .sf-menu {
        display: none;
    }
    .thumbnail_wrapper .aligncenter {
        /*        height: 150px;*/
    }
}

@media (max-width: 380px) {
    .one_half,
    .one_third,
    .one_fourth,
    .two_third {
        max-width: 320px !important;
        width: 100%;
    }
}