/* ---------[ Responsive Design ]--------- */

@media only screen and (max-width: 480px) {
        
       .a11y-toolbar {
       
            display: none
        }
        
        
         .wrapper {
            display: none
 
              
         }
        
        #backtotop {
        background: none repeat scroll 0 0 #333333;
        bottom: 15px;
        color: #FFFFFF;
        cursor: pointer;
        display: none;
        font-size: 11px;
        height: 50px;
        line-height: 50px;
        margin-top: 22px;
        position: fixed;
        right: 15px;
        text-align: center;
        text-transform: uppercase;
        width: 50px;
        z-index: 999;
    }
    
	#outer-wrap,
	#head-content, 
	.limit {
		max-width:98%;
		width:98%;
		padding:0 1%;
	}

	#sitetitle,
	#logo {
		width:100% !important;
		display:block;
		float:none;
		clear:both;
		margin:0 0 10px;
		padding:0;
                background-image: none !important; /* Rimuovere lo sfondofo della testata */
               
	}

	.head-banner468 {
		max-width:100%;
		width:100% !important;
		display:block;
		float:none;
		clear:both;
		text-align:left;
		margin:0;
		padding:0;
	}

	#sitetitle,
	#sitetitle .title,
	#logo,
	.head-banner468,
	#topnav {
		padding:0;
/*		background:transparent !important;*/
		border:0 !important;
	}

	#topnav .limit {
		width:100%;
	}

	#catnav {
		padding:0;
		background:transparent !important;
		border:0 !important;
	}

	#catnav ul { 
		display: none; 
	}

	.select-menu {
		display:block;
		border:0;
		padding: 10px;
		margin: 0 auto;
		font-size:10pt;
		width:100%;
		background:transparent;
		color:#fff;
                -webkit-appearance:none;
		background:#005EA8 url(images/downarrow.png) 98% 50% no-repeat;
	}

	.select-menu-catnav {
		display:block;
		padding: 10px;
		margin: 0 auto;
		font-size:10pt;
		text-transform:none;
		border:1px solid #ddd;
		background:#005EA8;
		color:#FFF;
		width:100%;
                -webkit-appearance:none;
		background:#005EA8 url(images/downarrow.png) 98% 50% no-repeat;
	}

	#contentleft {
		width: 100%;
		clear:both;
		float:none;
	}

	#content {
		width: 100%;
		clear:both;
		float:none;
		padding-bottom:30px;
	}

	#contentright {
		width: 100%;
		clear:both;
		float:none;
	}

	#sidebar,
	#sidebar-bottom,
	#sidebar-bottom-left,
	#sidebar-bottom-right	 {
		width: 100%;
		clear:both;
		float:none;
	}

        .sn-c   #content,   
	.c-sn-sw #content,
	.sn-c-sw #content,
	.sw-sn-c #content,
	.sw-c-sn #content {
		width: 100%;
		clear:both;
		float:none;
	}
        .sn-c    #sidebar-narrow,
	.c-sn-sw #sidebar-narrow,
	.sn-c-sw #sidebar-narrow,
	.sw-sn-c #sidebar-narrow,
	.sw-c-sn #sidebar-narrow {
		width: 100%;
		clear:both;
		float:none;
	}

	.footer-widget1,
	.footer-widget2,
	.footer-widget3,
	.footer-widget4 {
		width:100%;
		margin: 0 auto;
		clear:both;
		float:none;
	}
	
	.home-widget-1,
	.home-widget-2,
	.home-widget-3 {
		width: 100%;
		
	}
        
        ul#portfolio li {
            
                width: 100%;
		clear:both;
		float:none;
            
        }

	.post-left {
		clear:both;
		float:none;
		width: 100%;
		padding:0 0 15px;
		border-bottom:1px dotted #ddd;
		margin: 0 auto 25px;
	}

	.post-right {
		clear:both;
		float:none;
		width: 100%;
		padding:0 0 15px;
		border-bottom:1px dotted #ddd;
		margin: 0 auto 25px;
	}

	.post-by-2 .post-clear {
		clear:both;
		height:0;
		padding:0;
		background:transparent;
		border-bottom:0;
		margin: 0;
	}
        

        .cat-posts .post {
            clear:both;
            float:none;
            width:auto;
            margin: 0 auto 20px;
            
        }
        
        
        .cat-posts .post.right,
	.cat-posts-left,
	.cat-posts-right {
		clear:both;
		float:none;
		width:auto;
		margin: 0 auto 20px;
	}

	.cats-by-2 .entry {
		line-height:1.5em;
		height:auto;
		margin:0;
	}

	.cats-by-2 h3.post-title {
		font-size:14pt;
		letter-spacing: -1px;
		margin: 0 0 10px;
	}

	.cats-by-2 img.thumbnail {
		height:auto;
		max-width:20%;
	}

	.flexslider .full-width .flex-caption,
	.featured.wide .flexslider .full-width .flex-caption {
		bottom:0;
		top:auto;
		right:0;
		left:0;
		width:auto;
	}

	.flexslider .full-width p,
	featured.wide .flexslider .full-width p {
		position:absolute;
		left:-999em;
	}

	.flexslider .full-width .excerpt,
	.featured.wide .flexslider .full-width .excerpt {
		padding:10px;
	}

	.flexslider .full-width h2.post-title,
	.featured.wide .flexslider .full-width h2.post-title {
		margin:0;
		padding:0;
		font-size:14pt;
	}

	.sitemap-narrow {
		width:auto;
		float:none;
		padding: 0;
		margin:0 auto 15px;
	}

	.sitemap-wide {
		width:auto;
		float:none;
		padding: 0;
		margin:0 auto 15px;
	}
        
       

}


@media only screen and (min-width: 481px) and (max-width: 985px) {

        #backtotop {
                display: none;
            
        }
        
	#outer-wrap,
	#head-content, 
	.limit {
		max-width:98%;
		width:98%;
		padding:0 1%;
	}

	#sitetitle,
	#logo {
		width:100% !important;
		display:block;
		float:none;
		clear:both;
		margin:0 0 10px;
		padding:0;
	}

	.head-banner468 {
		max-width:100%;
		width:100% !important;
		display:block;
		float:none;
		clear:both;
		text-align:left;
		margin:0;
		padding:0;
	}

	#sitetitle,
	#sitetitle .title,
	#logo,
	.head-banner468,
	#topnav {
		padding:0;
/*		background:transparent !important;*/
		border:0 !important;
	}

	#topnav .limit {
		width:100%;
	}

	#catnav {
		padding:0;
		background:transparent !important;
		border:0 !important;
	}

	#catnav ul { 
		display: none; 
	}

	.select-menu {
		display:block;
		border:0;
		padding: 10px;
		margin: 0 auto;
		font-size:10pt;
		width:100%;
		color:#fff;
                background:transparent;
		color:#fff;
                -webkit-appearance:none;
		background:#005EA8 url(images/downarrow.png) 98% 50% no-repeat;
	}

	.select-menu-catnav {
		display:block;
		padding: 10px;
		margin: 0 auto;
		font-size:10pt;
		text-transform:none;
		border:1px solid #ddd;
		background:#005EA8;
		color:#fff;
		width:100%;
                -webkit-appearance:none;
		background:#005EA8 url(images/downarrow.png) 98% 50% no-repeat;
	}

	#contentleft {
		width: 100%;
		clear:both;
		float:none;
	}

	#content {
		width: 100%;
		clear:both;
		float:none;
		padding-bottom:30px;
	}

	#contentright {
		width: 100%;
		clear:both;
		float:none;
	}

	#sidebar,
	#sidebar-bottom,
	#sidebar-bottom-left,
	#sidebar-bottom-right	 {
		width: 100%;
		clear:both;
		float:none;
	}

        .sn-c    #content,   
	.c-sn-sw #content,
	.sn-c-sw #content,
	.sw-sn-c #content,
	.sw-c-sn #content {
		width: 100%;
		clear:both;
		float:none;
	}

        .sn-c    #sidebar-narrow,   
	.c-sn-sw #sidebar-narrow,
	.sn-c-sw #sidebar-narrow,
	.sw-sn-c #sidebar-narrow,
	.sw-c-sn #sidebar-narrow {
		width: 100%;
		clear:both;
		float:none;
	}

	.footer-widget1,
	.footer-widget2,
	.footer-widget3,
	.footer-widget4 {
		width:100%;
		margin: 0 auto;
		clear:both;
		float:none;
	}
	
	.home-widget-1,
	.home-widget-2,
	.home-widget-3 {
		width: 100%;
		clear:both;
		float:none;
		padding:0;
	}

	.post-left {
		clear:both;
		float:none;
		width: 100%;
		padding:0 0 15px;
		border-bottom:1px dotted #ddd;
		margin: 0 auto 25px;
	}

	.post-right {
		clear:both;
		float:none;
		width: 100%;
		padding:0 0 15px;
		border-bottom:1px dotted #ddd;
		margin: 0 auto 25px;
	}

	.post-by-2 .post-clear {
		clear:both;
		height:0;
		padding:0;
		background:transparent;
		border-bottom:0;
		margin: 0;
	}

	.cat-posts-left,
	.cat-posts-right {
		clear:both;
		float:none;
		width:auto;
		margin: 0 auto 20px;
	}

	.cats-by-2 .entry {
		line-height:1.5em;
		height:auto;
		margin:0;
	}

	.cats-by-2 h3.post-title {
		font-size:14pt;
		letter-spacing: -1px;
		margin: 0 0 10px;
	}

	.cats-by-2 img.thumbnail {
		height:auto;
		max-width:20%;
	}

	.flexslider .full-width .flex-caption,
	.featured.wide .flexslider .full-width .flex-caption {
		bottom:0;
		top:auto;
		right:0;
		left:0;
		width:auto;
	}

	.flexslider .full-width p,
	featured.wide .flexslider .full-width p {
		position:absolute;
		left:-999em;
	}

	.flexslider .full-width .excerpt,
	.featured.wide .flexslider .full-width .excerpt {
		padding:10px;
	}

	.flexslider .full-width h2.post-title,
	.featured.wide .flexslider .full-width h2.post-title {
		margin:0;
		padding:0;
		font-size:14pt;
	}

	.sitemap-narrow {
		width:auto;
		float:none;
		padding: 0;
		margin:0 auto 15px;
	}

	.sitemap-wide {
		width:auto;
		float:none;
		padding: 0;
		margin:0 auto 15px;
	}

}



/*@media only screen and (min-width: 769px) and (max-width: 960px) {

	
        
        #outer-wrap,
	#head-content, 
	.limit {
		max-width:98%;
		width:98%;
		padding:0 1%;
	}

	#sidebar,
	#sidebar-bottom,
	#sidebar-bottom-left,
	#sidebar-bottom-right	 {
		float:none;
		width: 100%;
		clear:both;
	}

}*/

@media only screen and (min-width: 961px) and (max-width: 1060px) {

	#outer-wrap,
	#head-content, 
	.limit {
		max-width:98%;
		width:98%;
		padding:0 1%;
	}
        
        
}