/*  TABLET  : 1280 × 800 Desktop */
@media only screen and ( max-width: 1280px ) {
    .container {
        width: 940px !important;
    }

}

/*  TABLET  : 1024px */
@media only screen and ( max-width: 1024px ) {
    .container {
        width: 940px !important;
    }

}

@media only screen and (max-width:940px) {

    .content-center.clearfix > img {
        display: block;
        height: auto;
        width: 100%;
    }
}

/* TABLET  : 768px */
@media only screen and (max-width: 985px) and (min-width: 768px) {
    .container {
        width: 728px !important;
    }

    #logo,#search {

    }

    #access {
        display: none;
        opacity: 0;
    }

    #featured #slideshow .description {
        top: 65%;
        left: 35%;
    }

    #search {
        width: 203px;
    }

    #search input#s {
        width: 90%;
        height: 32px;
        padding: 0 5%;
        line-height: 32px; 
        color: #999;
        font-size: 16px;
    }

    #selectmenu {
        clear: right;
        float: right;
        display: block;
        width: 300px;
        margin: 15px 0 0 0;
    }

    #home-widget-area .widget-area {
        margin: 20px 2%;
        width: 46%;
    }

    #home-widget-area .widget-area.home-widget-big.last-widget {
        margin-bottom: 40px;		
    }

    #footer-widget-area .widget-area {
        margin: 0 2% 40px 2%;
        width: 46%;
    }

    #footer-widget-area .widget-area.third-widget {
        clear: both;
    }

    #footer-widget-area .widget-area .widget-box {
        margin: 0;
        padding: 0 40px 0 0;
    }

    #footer-nav ul {
        float: none;
        clear: both;
        display: inline-block;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
    }

    #footer-nav ul li {
        float: none;
        display: inline;
        margin: 0 5px;
    }

    #site-info,#site-generator {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
        text-align: center;
    }

    #content {
        width: 400px !important;
    }

    #searchsubmit {
        top:9px;
        right: 9px;
    }
    #scroll-top {
        width:74px;
        margin:0 auto;
        margin-bottom: 5px;
        float:none;
    }

}

/*  Phone  : 480px */
@media only screen and (max-width: 767px)  {
    .container {
        width: 420px !important;
    }

    #logo,#search {
        float: none;
        display: block;
        text-align: center;
        margin: 20px 0;
    }

    #search input#s {
        width: 90%;
        height: 32px;
        padding: 0 5%;
        line-height: 32px; 
        color: #999;
        font-size: 16px;
    }

    #access {
        display: none;
        opacity: 0;
    }

    #featured #slideshow .description {
        top: 60%;
        left: 50%;
        width: 380px;
        margin-left: -210px;
        text-align: center;
    }

    #selectmenu {
        float: none;
        display: block;
    }

    #home-widget-area .widget-area {
        float: none;
        margin: 20px 0;
        width: 100%;
    }

    #home-widget-area .widget-area.home-widget-big.last-widget {
        margin-bottom: 40px;		
    }

    #footer-widget-area .widget-area {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    #footer-widget-area .widget-area .widget-box {
        margin: 0;
        padding: 0;
    }

    #footer-nav ul {
        float: none;
        clear: both;
        display: none;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
    }

    #footer-nav ul li {
        float: none;
        display: inline;
        margin: 0 5px;
    }

    #site-info,#site-generator {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
        text-align: center;
    }

    #content {
        width: 100% !important;
        float: none;
        margin: 0 0 20px 0;
    }

    #sidebar {
        width: 100% !important;
        float: none;
    }

    #content .entry-title {
        font-size: 28px;
    }

    #content .entry-post-title {
        font-size: 18px;
    }

    #content img.post-thumbnail {
        max-width: 96px;
        max-height: 96px;
        margin: 0 10px 10px 0;
    }

    #searchsubmit {
        top:9px;
        right: 9px;
    }

    #scroll-top {
        width:74px;
        margin:0 auto;
        margin-bottom: 5px;
        float:none;
    }

    .socials {
        margin: 20px auto;
        width: 76px;
        height: 28px;
        float:none;
    }

    .socials a:last-child {
        margin-right: 0;
    } 
}



/* Phone  : 320px */
@media only screen and (max-width: 479px) {
    .container  {
        width: 300px !important;
    }

    #logo,#search {
        float: none;
        display: block;
        text-align: center;
        margin: 20px 0;
    }

    #search input#s {
        width: 90%;
        height: 32px;
        padding: 0 5%;
        line-height: 32px; 
        color: #999;
        font-size: 16px;
    }

    #access {
        display: none;
        opacity: 0;
    }

    #featured #slideshow .description {
        top: 50%;
        left: 50%;
        width: 260px;
        margin-left: -150px;
        text-align: center;
    }

    #selectmenu {
        float: none;
        display: block;
    }

    #home-widget-area .widget-area {
        float: none;
        margin: 20px 0;
    }

    #home-widget-area .widget-area.home-widget-big.last-widget {
        margin-bottom: 40px;		
    }

    #footer-widget-area .widget-area {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    #footer-widget-area .widget-area .widget-box {
        margin: 0;
        padding: 0;
    }

    #footer-nav ul {
        float: none;
        clear: both;
        display: none;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
    }

    #footer-nav ul li {
        float: none;
        display: inline;
        margin: 0 5px;
    }

    #site-info,#site-generator {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
        text-align: center;
    }

    #content {
        width: 100% !important;
        float: none;
        margin: 0 0 20px 0;
    }

    #sidebar {
        width: 100% !important;
        float: none;
    }

    #content .entry-title {
        font-size: 28px;
    }

    #content .entry-post-title {
        font-size: 18px;
    }

    #content img.post-thumbnail {
        max-width: 64px;
        max-height: 64px;
        margin: 0 10px 5px 0;
    }

    #searchsubmit {
        top:9px;
        right: 9px;
    }

    .socials a:last-child {
        margin-right: 0;
    } 
    .socials {

        width: 76px;
    }
}