/* mobile.css
* 
* Mobile Stylesheet
*
* Table of Contents
* I. Screen Width <= 320px
* II. Screen Width between 321 px and 340px 
* III. Screen Width between 341 px and 360px 
* IV. Screen Width between 361 px and 380px 
* V. Screen Width between 381 px and 400px
* VI. Screen Width between 401 px and 420px
* VII. Screen Width between 421 px and 440px  
* VIII. Screen Width between 441 px and 460px
* IX. Screen Width between 461 px and 480px
* X. Screen Width between 481 px and 500px
* XI. Screen Width between 501 px and 520px
* XII. Screen Width between 521 px and 540px
* XIII. Screen Width between 541 px and 560px
* XIV. Screen Width between 561 px and 580px
* XV. Screen Width between 581 px and 600px
* XVI. Screen Width between 601 px and 620px
* XVII. Screen Width between 621 px and 640px
* XVIII. Screen Width between 641 px and 649px
*/
/*
I. Screen Width <= 320px---------------- */
@media only screen and (max-width: 320px) {
    /* Header -------------------- */
    .header {
        width: 300px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 300px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 40px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 20px;
        margin: 5px 0px;
    }
    .social-links {
        width: 300px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 160px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 278px;
        height: 225px;
    }
    .slideshow{
        width: 260px;
        height: 130px;
        margin: 0px;
        left: 10px;
        top: 16px;
    }
    .slide{
        width: 260px !important;
        height: 130px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 260px;
        height: 130px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 260px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 10px;
        height: 130px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 10px;
        height: 130px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 10px;
        height: 130px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 10px;
        height: 130px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 300px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 280px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 260px;
        height: 130px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 160px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 300px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 280px;
        height: 140px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 300px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 280px;
        height: 140px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 285px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 300px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 300px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 300px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 35px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
II. Screen Width between 321 px and 340px---------------- */
@media only screen and (min-width: 321px) and (max-width: 340px) {
    /* Header -------------------- */
    .header {
        width: 320px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 320px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 320px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 170px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 298px;
        height: 225px;
    }
    .slideshow{
        width: 280px;
        height: 140px;
        margin: 0px;
        left: 10px;
        top: 16px;
    }
    .slide{
        width: 280px !important;
        height: 140px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 280px;
        height: 140px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 280px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 10px;
        height: 140px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 10px;
        height: 140px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 10px;
        height: 140px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 10px;
        height: 140px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 320px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 300px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 280px;
        height: 140px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 180px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 320px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 300px;
        height: 150px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 320px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 280px;
        height: 140px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 305px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 320px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 320px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 320px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 35px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
III. Screen Width between 341 px and 360px---------------- */
@media only screen and (min-width: 341px) and (max-width: 360px) {
    /* Header -------------------- */
    .header {
        width: 340px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 340px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 340px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 180px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 318px;
        height: 225px;
    }
    .slideshow{
        width: 300px;
        height: 150px;
        margin: 0px;
        left: 10px;
        top: 16px;
    }
    .slide{
        width: 300px !important;
        height: 150px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 300px;
        height: 150px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 300px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 10px;
        height: 150px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 10px;
        height: 150px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 10px;
        height: 150px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 10px;
        height: 150px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 340px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 320px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 300px;
        height: 150px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 200px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 340px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 320px;
        height: 160px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 340px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 300px;
        height: 150px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 325px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 340px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 340px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 340px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 35px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
IV. Screen Width between 361 px and 380px---------------- */
@media only screen and (min-width: 361px) and (max-width: 380px) {
    /* Header -------------------- */
    .header {
        width: 360px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 360px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 360px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 190px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 338px;
        height: 225px;
    }
    .slideshow{
        width: 320px;
        height: 160px;
        margin: 0px;
        left: 10px;
        top: 16px;
    }
    .slide{
        width: 320px !important;
        height: 160px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 320px;
        height: 160px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 320px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 10px;
        height: 130px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 10px;
        height: 130px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 10px;
        height: 130px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 10px;
        height: 130px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 360px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 340px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 320px;
        height: 160px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 220px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 360px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 340px;
        height: 170px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 360px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 320px;
        height: 160px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 345px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 360px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 360px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 360px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 35px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
V. Screen Width between 381 px and 400px---------------- */
@media only screen and (min-width: 381px) and (max-width: 400px) {
	/* Header -------------------- */
	.header {
		width: 380px;
		margin: auto;
		float: none;
		position: relative;
	}
	.masthead {
		width: 380px;
		margin: auto;
		float: none;
		position: relative;
	}
	h1.site-title {
		font-size: 48px;
		margin: 5px 0px;
		text-align: center;
	}
	h2.site-description {
		font-size: 24px;
		margin: 5px 0px;
	}
	.social-links {
		width: 380px;
		float: none;
		height: 30px;
		position: relative;
		margin: 0px;
	}
	.nuovo-social-link {
		float: left;
		width: 25px;
		height: 25px;
	}
	.nuovo-social-link img {
		width: 25px;
		height: 25px;
	}
	.social-break {
		clear: none;
	}
	/* Mobile Menu -------------------- */
	.top-menu, .main-menu {
		display: none;
	}
	.mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
    	font-weight: 400 !important;
    	font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
    	background-color: #bcbcbc;
    	margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
    	width: 100%;
    	margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 200px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 358px;
        height: 225px;
    }
    .slideshow{
        width: 340px;
        height: 170px;
        margin: 0px;
        left: 10px;
        top: 16px;
    }
    .slide{
        width: 340px !important;
        height: 170px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 340px;
        height: 170px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 340px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 10px;
        height: 170px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 10px;
        height: 170px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 10px;
        height: 170px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 10px;
        height: 170px;
        top: 0px;
        border: none;
    }
	/* Posts Section -------------------- */
	.home-posts-area{
		width: 380px;
		float: none;
		position: relative;
		margin: auto;
		margin-bottom: 10px;
	}
	.home-post{
		width: 360px;
		margin: auto;
		margin-bottom: 10px;
	}
	.home-post:nth-child(3n+1) {
    	clear: none;
	}
	.home-photo{
     	width: 340px;
     	height: 170px;
     	position: relative;
     	border: 5px solid #E0E0E0;
     	opacity: 1;
     	overflow: hidden;
        margin: auto;
	}
	.home-photo:hover{
     	opacity: .75;
	}
	/* Latest Posts Section -------------------- */
	.latest-posts-headline-area{
     	width: 240px;
     	margin: auto;
     	float: right;
     	position: relative;
	}
	/* Single Post -------------------- */
	.post-single {
     	width: 380px;
     	float: none;
     	position: relative;
     	margin: 5px auto;
     	padding: 5px;
     	background-color: #FFFFFF;
	}
	.post-single .featured-photo{
    	width: 360px;
     	height: 180px;
     	overflow: hidden;
     	border: 5px solid #E0E0E0;
     	margin: auto;
	}
	.post-single .post-meta{
		display: none;
	}
	.post-single .mobile-post-meta {
		display: block;
     	width: 100%;
     	position: relative;
     	margin-bottom: 5px;
	}
	/* Author Bio -------------------- */
	.post-single .author-bio{
     	width: 100%;
	}
	/* Comments -------------------- */
	form#commentform textarea{width:360px}
	/* Index -------------------- */
	.index{
     	width: 380px;
     	float: none;
     	position: relative;
     	margin: 5px auto;
	}
	.index .story {
        margin: auto;
		margin-bottom: 10px;
	}
	.index .featured-photo-area{
     	width: 100%;
     	float: left;
     	position: relative;
     	padding-top: 3px;
	}
	.index .featured-photo{
     	width: 360px;
     	height: 180px;
     	margin: auto;
	}
	/* Author Bio -------------------- */
	.index .author-bio{
     	width: 365px;
     	margin: auto;
	}
	/* Page -------------------- */
	.page-single {
     	width: 380px;
     	float: none;
     	position: relative;
     	background-color: #FFFFFF;
     	margin: 5px auto;
     	padding: 5px;
	}
	/* 404 Page -------------------- */
	.post-404 {
     	width: 380px;
     	float: none;
     	position: relative;
     	background-color: #FFFFFF;
     	margin: 5px auto;
     	padding: 5px;
	}
	.mobile-not-found{
		display: block !important;
		width: 90%;
		margin: auto;
	}

	.not-found {
		display: none !important;
	}
	/* Sidebar -------------------- */
	.sidebar{
		width: 380px;
		float: none;
		position: relative;
		margin: auto;
		padding: 0px;
	}
	/* Widgets -------------------- */
	.widget-wrap{
		margin: 10px 0px;
		width: 100%;
	}
	/* Footer -------------------- */
	.footer{
		height: 35px;
	}
	.footer p {
		font-size: 14px;
	}
}
/*
VI. Screen Width between 401 px and 420px---------------- */
@media only screen and (min-width: 401px) and (max-width: 420px) {
    /* Header -------------------- */
    .header {
        width: 400px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 400px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 400px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 200px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 378px;
        height: 225px;
    }
    .slideshow{
        width: 340px;
        height: 170px;
        margin: 0px;
        left: 20px;
        top: 16px;
    }
    .slide{
        width: 340px !important;
        height: 170px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 340px;
        height: 170px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 340px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 20px;
        height: 170px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 20px;
        height: 170px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 20px;
        height: 170px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 20px;
        height: 170px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 400px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 380px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 360px;
        height: 180px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 260px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 400px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 380px;
        height: 190px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 400px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 380px;
        height: 190px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 385px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 400px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 400px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 400px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 50px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
VII. Screen Width between 421 px and 440px---------------- */
@media only screen and (min-width: 421px) and (max-width: 440px) {
    /* Header -------------------- */
    .header {
        width: 420px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 420px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 420px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 210px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 398px;
        height: 225px;
    }
    .slideshow{
        width: 360px;
        height: 180px;
        margin: 0px;
        left: 20px;
        top: 16px;
    }
    .slide{
        width: 360px !important;
        height: 180px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 360px;
        height: 180px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 360px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 20px;
        height: 180px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 20px;
        height: 180px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 20px;
        height: 180px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 20px;
        height: 180px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 420px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 400px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 380px;
        height: 190px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 280px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 420px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 400px;
        height: 200px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 420px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 400px;
        height: 200px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 405px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 420px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 420px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 420px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 50px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
VIII. Screen Width between 441 px and 460px---------------- */
@media only screen and (min-width: 441px) and (max-width: 460px) {
    /* Header -------------------- */
    .header {
        width: 440px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 440px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 440px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 220px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 418px;
        height: 225px;
    }
    .slideshow{
        width: 380px;
        height: 190px;
        margin: 0px;
        left: 20px;
        top: 16px;
    }
    .slide{
        width: 380px !important;
        height: 190px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 380px;
        height: 190px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 380px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 20px;
        height: 190px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 20px;
        height: 190px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 20px;
        height: 190px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 20px;
        height: 190px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 440px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 420px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 400px;
        height: 200px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 300px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 440px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 420px;
        height: 210px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 440px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 420px;
        height: 210px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 425px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 440px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 440px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 440px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 50px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
IX. Screen Width between 461 px and 480px---------------- */
@media only screen and (min-width: 461px) and (max-width: 480px) {
    /* Header -------------------- */
    .header {
        width: 460px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 460px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 460px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 230px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 438px;
        height: 225px;
    }
    .slideshow{
        width: 400px;
        height: 200px;
        margin: 0px;
        left: 20px;
        top: 16px;
    }
    .slide{
        width: 400px !important;
        height: 200px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 400px;
        height: 200px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 400px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 20px;
        height: 200px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 20px;
        height: 200px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 20px;
        height: 200px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 20px;
        height: 200px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 460px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 440px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 420px;
        height: 210px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 320px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 460px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 440px;
        height: 220px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 460px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 440px;
        height: 220px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 445px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 460px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 460px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 460px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 40px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
X. Screen Width between 481 px and 500px---------------- */
@media only screen and (min-width: 481px) and (max-width: 500px) {
    /* Header -------------------- */
    .header {
        width: 480px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 480px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 480px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 240px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 458px;
        height: 225px;
    }
    .slideshow{
        width: 420px;
        height: 210px;
        margin: 0px;
        left: 20px;
        top: 16px;
    }
    .slide{
        width: 420px !important;
        height: 210px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 420px;
        height: 210px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 420px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 20px;
        height: 210px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 20px;
        height: 210px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 20px;
        height: 210px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 20px;
        height: 210px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 480px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 460px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 440px;
        height: 220px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 340px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 480px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 460px;
        height: 230px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 480px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 460px;
        height: 230px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 465px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 480px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 480px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 480px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 20px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
XI. Screen Width between 501 px and 520px---------------- */
@media only screen and (min-width: 501px) and (max-width: 520px) {
    /* Header -------------------- */
    .header {
        width: 500px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 500px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 500px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 240px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 478px;
        height: 225px;
    }
    .slideshow{
        width: 420px;
        height: 210px;
        margin: 0px;
        left: 30px;
        top: 16px;
    }
    .slide{
        width: 420px !important;
        height: 210px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 420px;
        height: 210px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 420px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 30px;
        height: 210px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 30px;
        height: 210px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 30px;
        height: 210px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 30px;
        height: 210px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 500px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 480px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 460px;
        height: 230px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 360px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 500px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 480px;
        height: 240px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 500px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 480px;
        height: 240px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 485px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 500px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 500px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 500px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 20px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
XII. Screen Width between 521 px and 540px---------------- */
@media only screen and (min-width: 521px) and (max-width: 540px) {
    /* Header -------------------- */
    .header {
        width: 520px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 520px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 520px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 250px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 498px;
        height: 240px;
    }
    .slideshow{
        width: 440px;
        height: 220px;
        margin: 0px;
        left: 30px;
        top: 16px;
    }
    .slide{
        width: 440px !important;
        height: 220px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 440px;
        height: 220px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 440px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 30px;
        height: 220px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 30px;
        height: 220px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 30px;
        height: 220px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 30px;
        height: 220px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 520px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 500px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 480px;
        height: 240px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 380px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 520px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 500px;
        height: 250px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 520px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 500px;
        height: 250px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 505px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 520px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 520px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 520px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 20px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
XIII. Screen Width between 541 px and 560px---------------- */
@media only screen and (min-width: 541px) and (max-width: 560px) {
    /* Header -------------------- */
    .header {
        width: 540px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 540px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 540px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 260px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 518px;
        height: 250px;
    }
    .slideshow{
        width: 460px;
        height: 230px;
        margin: 0px;
        left: 30px;
        top: 16px;
    }
    .slide{
        width: 460px !important;
        height: 230px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 460px;
        height: 230px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 460px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 30px;
        height: 230px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 30px;
        height: 230px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 30px;
        height: 230px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 30px;
        height: 230px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 540px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 520px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 500px;
        height: 250px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 400px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 540px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 520px;
        height: 260px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 540px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 520px;
        height: 260px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 525px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 540px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 540px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 540px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 20px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
XIV. Screen Width between 561 px and 580px---------------- */
@media only screen and (min-width: 561px) and (max-width: 580px) {
    /* Header -------------------- */
    .header {
        width: 560px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 560px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 560px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 270px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 538px;
        height: 260px;
    }
    .slideshow{
        width: 480px;
        height: 240px;
        margin: 0px;
        left: 30px;
        top: 16px;
    }
    .slide{
        width: 480px !important;
        height: 240px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 480px;
        height: 240px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 480px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 30px;
        height: 240px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 30px;
        height: 240px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 30px;
        height: 240px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 30px;
        height: 240px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 560px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 540px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 520px;
        height: 260px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 420px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 560px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 540px;
        height: 270px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 560px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 540px;
        height: 270px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 545px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 560px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 560px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 560px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 20px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
XV. Screen Width between 581 px and 600px---------------- */
@media only screen and (min-width: 581px) and (max-width: 600px) {
    /* Header -------------------- */
    .header {
        width: 580px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 580px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 580px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 25px;
        height: 25px;
    }
    .nuovo-social-link img {
        width: 25px;
        height: 25px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 280px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 558px;
        height: 270px;
    }
    .slideshow{
        width: 500px;
        height: 250px;
        margin: 0px;
        left: 30px;
        top: 16px;
    }
    .slide{
        width: 500px !important;
        height: 250px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 500px;
        height: 250px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 500px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 30px;
        height: 250px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 30px;
        height: 250px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 30px;
        height: 250px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 30px;
        height: 250px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 580px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 560px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 540px;
        height: 270px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 440px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 580px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 560px;
        height: 280px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 580px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 560px;
        height: 280px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 565px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 580px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 580px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 580px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 20px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
XVI. Screen Width between 601 px and 620px---------------- */
@media only screen and (min-width: 601px) and (max-width: 620px) {
    /* Header -------------------- */
    .header {
        width: 600px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 600px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 600px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 35px;
        height: 35px;
    }
    .nuovo-social-link img {
        width: 35px;
        height: 35px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 280px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 578px;
        height: 270px;
    }
    .slideshow{
        width: 500px;
        height: 250px;
        margin: 0px;
        left: 40px;
        top: 16px;
    }
    .slide{
        width: 500px !important;
        height: 250px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 500px;
        height: 250px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 500px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 40px;
        height: 250px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 40px;
        height: 250px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 40px;
        height: 250px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 40px;
        height: 250px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 600px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 580px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 560px;
        height: 280px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 460px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 600px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 580px;
        height: 290px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 600px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 580px;
        height: 290px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 585px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 600px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 600px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 600px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 20px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
XVII. Screen Width between 621 px and 640px---------------- */
@media only screen and (min-width: 621px) and (max-width: 640px) {
    /* Header -------------------- */
    .header {
        width: 620px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 620px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 620px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 35px;
        height: 35px;
    }
    .nuovo-social-link img {
        width: 35px;
        height: 35px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 290px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 598px;
        height: 280px;
    }
    .slideshow{
        width: 520px;
        height: 260px;
        margin: 0px;
        left: 40px;
        top: 16px;
    }
    .slide{
        width: 520px !important;
        height: 260px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 520px;
        height: 260px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 520px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 40px;
        height: 260px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 40px;
        height: 260px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 40px;
        height: 260px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 40px;
        height: 260px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 620px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 600px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 580px;
        height: 290px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 480px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 620px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 600px;
        height: 300px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 620px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 600px;
        height: 300px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 605px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 620px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 620px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 620px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 20px;
    }
    .footer p {
        font-size: 14px;
    }
}
/*
XVIII. Screen Width between 641 px and 649px---------------- */
@media only screen and (min-width: 641px) and (max-width: 649px) {
    /* Header -------------------- */
    .header {
        width: 640px;
        margin: auto;
        float: none;
        position: relative;
    }
    .masthead {
        width: 640px;
        margin: auto;
        float: none;
        position: relative;
    }
    h1.site-title {
        font-size: 48px;
        margin: 5px 0px;
        text-align: center;
    }
    h2.site-description {
        font-size: 24px;
        margin: 5px 0px;
    }
    .social-links {
        width: 640px;
        float: none;
        height: 30px;
        position: relative;
        margin: 0px;
    }
    .nuovo-social-link {
        float: left;
        width: 35px;
        height: 35px;
    }
    .nuovo-social-link img {
        width: 35px;
        height: 35px;
    }
    .social-break {
        clear: none;
    }
    /* Mobile Menu -------------------- */
    .top-menu, .main-menu {
        display: none;
    }
    .mobile-nav-area {
        display: block !important;
        width: 100%;
    }
    .mobile-nav-bar {
        width: 100%;
        height: 35px;
        background-color: #252525;
        text-align: center;
        padding: 3px 0px;
    }
    .mobile-nav-icon {
        text-align: left;
        width: 30px;
        float: left;
        position: relative;
        margin-top: 1px;
        margin-left: 5px
    }
    .mobile-nav-bar h5 {
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-size: 24px;
        padding-bottom: 2px;
        margin: 0px;
    }
    .mobile-nav {
        width: 100%;
        background-color: #252525;
        height: auto;
    }
    .mobile-nav-left {
        width: 100%;
        float: left;
        position: relative;
        font-family: 'Lato', sans-serif;
        font-weight: 400 !important;
        font-size: 20px;
        background-color: #bcbcbc;
    }
    .mobile-nav-left ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-left li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        background-color: #bcbcbc;
        margin-bottom: 4px
    }
    .mobile-nav-left li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-left a {
        color: #ffffff;
        display: block;
        padding: 5px 12px;
        text-decoration: none;
    }
    .mobile-nav-left ul > li {
        margin-left: 0px;
    }
    .mobile-nav-left ul ul {
        display: none;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-left ul ul li {
        background: #6C6C6C;
    }
    .mobile-nav-left ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-left ul ul a {
        background: #262626;
        color: #ffffff;
        height: auto;
        line-height: 39px;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left ul ul li:hover > a,
    .mobile-nav-left a:focus {
        background: #6C6C6C;
        color: #ffffff;
    }
    .mobile-nav-left li:hover > a,
    .mobile-nav-left li:hover,
    .mobile-nav-left a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-left ul li:hover > ul {
        display: block;
        position: static;
    }
    .mobile-nav-left .current-menu-item > a,
    .mobile-nav-left .current-menu-ancestor > a,
    .mobile-nav-left .current_page_item > a,
    .mobile-nav-left .current_page_ancestor > a {
    }
    .mobile-nav-right {
        width: 100%;
        float: left;
        position: relative;
        background-color: #262626
    }
    .mobile-nav-right ul {
        list-style: none;
        margin: 0 0 0 0px;
        padding-left: 0;
    }
    .mobile-nav-right li {
        display: block;
        width: 100%;
        padding: 5px -3px 5px 3px;
        margin-bottom: 4px;
    }
    .mobile-nav-right li:last-child {
        margin-bottom: 0px;
    }
    .mobile-nav-right a {
        color: #ffffff;
        display: block;
        line-height: 41px;
        padding: 0 12px;
        padding-right: 0px;
        text-decoration: none;  
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 18px;
        font-weight: 400; 
    }
    .mobile-nav-right ul > li {
        margin-left: 0px;
    }
    .mobile-nav-right ul ul {
        display: none;
        float: left;
        position: absolute;
        width: 100%;
    }
    .mobile-nav-right ul ul li {
        background-color: #bcbcbc;
        margin-bottom: 0px;
    }
    .mobile-nav-right ul ul ul {
        left: 100%;
        top: 0;
    }
    .mobile-nav-right ul ul a {
        background: #bcbcbc;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        height: auto;
        padding: 0px 10px;
        width: 100%;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right ul ul li:hover > a,
    .mobile-nav-right a:focus {
        background: #262626;
        color: #ffffff;
    }
    .mobile-nav-right li:hover > a,
    .mobile-nav-right li:hover,
    .mobile-nav-right a:focus {
        background: #bcbcbc;
        color: #ffffff;
    }
    .mobile-nav-right ul li:hover > ul {
        display: block;
        position: static;
    }
    .main-menu .current-menu-item > a,
    .main-menu .current-menu-ancestor > a,
    .main-menu .current_page_item > a,
    .main-menu .current_page_ancestor > a {
    }
    /* Wrap -------------------- */
    .wrap{
        width: 100%;
        margin: 0px;
    }
    /* Homepage -------------------- */
    /* Slideshow -------------------- */
    .slideshow-area{
        width: 100%;
        height: 300px;
        float: none;
        position: relative;
    }
    .slideshow-nav{
        width: 618px;
        height: 290px;
    }
    .slideshow{
        width: 540px;
        height: 270px;
        margin: 0px;
        left: 40px;
        top: 16px;
    }
    .slide{
        width: 540px !important;
        height: 270px !important;
        border: 1px solid #000000;
        overflow: hidden;
    }
    .slide-photo{
        width: 540px;
        height: 270px;
        float: left;
        overflow: hidden;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        background-color: #252525;
    }
    .slide-panel{
        width: 540px;
        background-color: #252525;
        opacity: .85;
        bottom: 0px;
        top: auto;
        height: auto;
        position: absolute;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        display: block;
        z-index: 998;
    }
    .slide-panel-title, .slide-panel-title a, .slide-panel-title a:link, .slide-panel-title a:visited, .slide-panel-title a:hover{
        font-size: 18px;
        color: #ffffff !important;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 3px;
    }
    .slide-panel p, .slide-panel hr, .slide-panel .read-more {
        display: none;
    }
    .slideshow-next{
        width: 40px;
        height: 270px;
        top: 16px;
        right: 0px;
        position: absolute;
        margin: 0px;
        border: 1px solid #000000;
    }
    .slideshow-previous{
        width: 40px;
        height: 270px;
        top: 16px;
        left: 0px;
        position: absolute;
        border: 1px solid #000000;
        margin: 0px;
    }
    img.slideshow-next{
        width: 40px;
        height: 270px;
        top: 0px;
        border: none;
    }
    img.slideshow-previous{
        width: 40px;
        height: 270px;
        top: 0px;
        border: none;
    }
    /* Posts Section -------------------- */
    .home-posts-area{
        width: 640px;
        float: none;
        position: relative;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post{
        width: 620px;
        margin: auto;
        margin-bottom: 10px;
    }
    .home-post:nth-child(3n+1) {
        clear: none;
    }
    .home-photo{
        width: 600px;
        height: 300px;
        position: relative;
        border: 5px solid #E0E0E0;
        opacity: 1;
        overflow: hidden;
        margin: auto;
    }
    .home-photo:hover{
        opacity: .75;
    }
    /* Latest Posts Section -------------------- */
    .latest-posts-headline-area{
        width: 500px;
        margin: auto;
        float: right;
        position: relative;
    }
    /* Single Post -------------------- */
    .post-single {
        width: 640px;
        float: none;
        position: relative;
        margin: 5px auto;
        padding: 5px;
        background-color: #FFFFFF;
    }
    .post-single .featured-photo{
        width: 620px;
        height: 310px;
        overflow: hidden;
        border: 5px solid #E0E0E0;
        margin: auto;
    }
    .post-single .post-meta{
        display: none;
    }
    .post-single .mobile-post-meta {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 5px;
    }
    /* Author Bio -------------------- */
    .post-single .author-bio{
        width: 100%;
    }
    /* Comments -------------------- */
    form#commentform textarea{width:360px}
    /* Index -------------------- */
    .index{
        width: 640px;
        float: none;
        position: relative;
        margin: 5px auto;
    }
    .index .story {
        margin: auto;
        margin-bottom: 10px;
    }
    .index .featured-photo-area{
        width: 100%;
        float: left;
        position: relative;
        padding-top: 3px;
    }
    .index .featured-photo{
        width: 620px;
        height: 310px;
        margin: auto;
    }
    /* Author Bio -------------------- */
    .index .author-bio{
        width: 625px;
        margin: auto;
    }
    /* Page -------------------- */
    .page-single {
        width: 640px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    /* 404 Page -------------------- */
    .post-404 {
        width: 640px;
        float: none;
        position: relative;
        background-color: #FFFFFF;
        margin: 5px auto;
        padding: 5px;
    }
    .mobile-not-found{
        display: block !important;
        width: 90%;
        margin: auto;
    }

    .not-found {
        display: none !important;
    }
    /* Sidebar -------------------- */
    .sidebar{
        width: 640px;
        float: none;
        position: relative;
        margin: auto;
        padding: 0px;
    }
    /* Widgets -------------------- */
    .widget-wrap{
        margin: 10px 0px;
        width: 100%;
    }
    /* Footer -------------------- */
    .footer{
        height: 20px;
    }
    .footer p {
        font-size: 14px;
    }
}