#header .menu-select { display:none; }

/* Large desktop */
@media (min-width: 1200px) {
	.responsive .sf-menu li {  }
.box-sections, .one-fourth {
    float: left;
    margin-right: 3%;
    width: 22.75%;
}    .remove-under-1200 { display:none !important; }
}
 
/* Portrait tablet to landscape and desktop */   
@media (min-width: 768px) and (max-width: 979px) {
		.responsive .sf-menu li { padding: 0 12px 2px 1px; !important }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			80px; /* match top ul list item height */
	z-index:		99;
}
	.responsive #header div.menu > ul > li > a { font-size: 14px !important }
	.responsive #header div.menu > ul ul li a { font-size: 11px !important }
	.responsive #tagline { display: none }
	.box-sections, .one-fourth {
    float: left;
    margin-right: 3%;
    width: 22.75%;
}
}
@media (max-width: 1200px) {
	.responsive #header div.menu > ul > li > a { font-size: 17px }
	.responsive #header div.menu > ul ul li a { font-size: 16px !important }  
    .responsive .remove-under-1024 { display:none !important; }   
	 
	
    /* === SLIDER */                       
    .responsive .slider.fixed-image { position:relative; z-index:10; width:100%; margin-top:-22px; }
    .responsive .mobile-slider { display:block !important; }
    .responsive .slider.no-responsive { display:none !important; }
    .responsive .slider.fixed-image.inner {
        max-width: 100%;
        padding: 0;
    }
	.box-sections, .one-fourth {
    float: left;
    margin-right: 3%;
    width: 22.75%;
}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	/* === MOBILE */
	.responsive #wrapper { margin: 0 -20px !important; overflow:hidden; }
	.responsive .container { padding-left:20px; padding-right:20px; }
	.responsive #wrapper.container { padding-left:0px; padding-right:0px; width:auto !important; }   
    .responsive .boxed #header, .boxed #topbar, .boxed #footer, .boxed #copyright{
    	margin-right: 0;
    	margin-left: 0;
    }
    .responsive .style-picker {display:none !important;}
	
	/* === HEADER */
	#header { text-align:center; } 
	#logo { margin-top:10px; margin-bottom:10px; }
	#logo-img, #tagline, #textual { float:left; display:block; width:100%; text-align:center; margin:0; }
	#page-meta { margin-bottom:5px; }         
    .slider.fixed-image { margin:-22px -20px 0; }
	
	/* === MENU */
	#header .menu, #header #nav > ul { display:none; } 
    #header .menu-select { display:block; }   
    
    /* === PAGES */
    .accordion-item .meta { position:static; }
    .accordion-item-content { padding-bottom:20px; }
    .error-404-text input#s { width:60%; }
    
    /* === SHORTCODES */
    .content blockquote { padding:0; background-position: 0 0; }
    .short-table table th, .short-table table td { padding:8px 0px; }
    .call-to-action-two .call-btn, .call-to-action-two .incipit { display:block; vertical-align:baseline; width:100%; text-align:left; }
    .call-to-action-two .call-btn { margin-top:10px; }
    .call-to-action-two .incipit span { font-size:34px; }
    .call-to-action-two p, .call-to-action-two h1, .call-to-action-two h2, .call-to-action-two h3, .call-to-action-two h4, .call-to-action-two h5, .call-to-action-two h6 { width:auto; font-size:1.5em; margin-bottom:10px; }
    .pricing_box { width:100% !important; margin-top:17px !important; }
    .image-styled .img_frame img { max-width:100% !important; }
    .image-styled .img_frame.img_size_fullwidth, .image-styled .img_frame.img_size_fullwidth img { max-width: 100%; margin-right: 0px; }
    .google-map-frame, .google-map-frame iframe { max-width: 100%; }
    .call-to-action { height:auto; }   
    .call-to-action .decoration-image { display: none; }   
    .call-to-action .incipit { margin-right:20px; } 
    .call-to-action .number-phone { margin-left:20px; margin-bottom:20px; text-shadow:none; }
    .call-to-action .number-phone, .call-to-action .number-phone a { font-size:28px; line-height:46px; letter-spacing:0; }
    
    /* === FOOTER */
    #footer [class*="span"] { margin-bottom:30px; }
    #copyright .left, #copyright .right { text-align:left; }
	.box-sections, .one-fourth {
    float: left;
    margin-right: 3%;
    width: 47%;
}
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	.remove-under-480 { display:none !important; }
		.box-sections, .one-fourth {   float: left; margin-right: 3%; width: 100%; }
    
}
 
/* Portrait phones and down */
@media (max-width: 380px) {.box-sections, .one-fourth { float: left; margin-right: 3%; width: auto; } 
	 }
/* Large desktop */
@media (min-width: 1200px) { }

@media (min-width: 767px) { .box-sections, .one-fourth { float: left; margin-right: 3%; width: 22.75%; } } 

/* Portrait tablet to landscape and desktop */   
@media (min-width: 768px) and (max-width: 1024px) { #footer .recent-posts .hentry .text p { display:none; } }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {                                  
    /* === HEADER */           
    #topbar { text-align:center; }
    #topbar .widget-first { display:none; } 
    #topbar .widget-last > div { float:none; }
    #page-meta .slogan h2 { font-size:24px !important; margin-bottom:0; }
    #page-meta .slogan h3 { font-size:18px !important; }
                     
    /* === SLIDER */
    .slider.thumbnails .showcase-content img { width: 96.5% !important; padding:1.5%; }
    .boxed .slider.thumbnails .showcase-thumbnail-restriction { max-width:90%; }
    .slider.thumbnails .showcase-thumbnail-restriction { margin-left:22px; }
    .slider.thumbnails .showcase-thumbnail { margin-right:14px !important; /* deve essere cosė per il mobile, anche se su pc si vede male */ }
    .slider.thumbnails .showcase-thumbnail-container { margin-top:0; }
    .slider.thumbnails .showcase-thumbnail-button-forward { right:0; }
    
    /* === PORTFOLIO */
    .work-description, .portfolio-full-description .work-thumbnail { margin-bottom:20px !important; }
    .work-skillsdate { position:static !important; margin-top:20px; }
    .picture_overlay { margin-bottom:20px; display:inline-block; /* serve */ }
    #portfolio.slider li { float:left; width:220px; margin-right:20px !important; }
    
    /* === BLOG */
    .blog-small .meta { padding-left:0; }
    
    /* === SHORTCODES */
    .box-title { margin-bottom:20px; }  
    .random-numbers { margin-bottom:20px; }
    .testimonial .testimonial-text { margin-bottom:20px; }
    
    /* === COMMENTS */
    #respond p { display:inline-block; width:100% !important; max-width:100%; clear:both; }  
    #respond input[type="text"], #respond textarea { width:95% !important; }  
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
    #portfolio.slider li { width:201px; } 
	   .tablelink { font-size:14px;}
	  td, th { font-size: 12px; text-align:justify; list-style-type: none; font-family: 'Maven Pro', sans-serif;  font-style: normal; font-weight: 400; }
	  .short-table table {border: 1px solid #d3d3d3; border-radius: 5px; margin: 1em -33px 25px !important; font-size: 9px; }
.short-table table td { padding: 13px 0px !important; border: 0px solid #e0e0e0; border-bottom: none; border-left: none; }
	.hentry img {max-width: 80%; width: auto; height: auto; }	
}
 
/* Portrait phones and down */
@media (max-width: 320px) { 
    #portfolio.slider li { width:260px; } 
    
    .slider.thumbnails .showcase-thumbnail { margin-right:15px !important; /* deve essere cosė per il mobile, anche se su pc si vede male */ }  
    .slider.thumbnails .showcase-thumbnail-button-backward, .slider.thumbnails .showcase-thumbnail-button-forward { width:18px; }
}