@media only screen and (max-width : 1480px) {
	.spo-portfolio-container-full-6 .spo-portfolio-item {
		width: 25%;
	}
}
@media only screen and (max-width : 1200px) {
	.spo-portfolio-container-full-5 .spo-portfolio-item {
		width: 25%;
	}
	.qvs-banner-title{
		font-size: 1.8em;
	}
	
	.nascondi_tablet {
		display: none;
	}
	
}
@media only screen and (max-width : 1023px) {
	.no-tab-view{
		display: none;
	}
	/*******************************************************
	********************* Header
	*******************************************************/
	header {
		position: relative;
	}
	.spo-primary-navigation {
		display: none;
	}
	.spo-responsive-trigger {
		display: block;
	}
	header.transparent{
		background: #ffffff;
	}
	header.transparent .spo-logo{
		background: transparent url('../images/logo.png') no-repeat;
	}
	header.black-header{
		background: #222222;
	}
	header.black-header .spo-logo{
		background: transparent url('../images/logo-white.png') no-repeat;
	}
	/*******************************************************
	********************* INTRO
	*******************************************************/
	.spo-intro-title{
		font-size: 2.5em;
	}
	.spo-intro-subtitle{
		font-size: 1.4em;
	}
	/*******************************************************
	********************* CONTENT
	*******************************************************/
	#content {
		margin-top: 0;
	}
	/*******************************************************
	********************* BLOG
	*******************************************************/
	.blog-grid-article{
		width: 50%;
	}
	.blog-carousel-title{
		font-size: 1.2em;
		margin-top: 10%;
	}
	/*******************************************************
	********************* SERVICES
	*******************************************************/
	.spo-services-container{
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;  
	}
	/*******************************************************
	********************* PORTFOLIO
	*******************************************************/
	.spo-portfolio-container .spo-portfolio-item,
	.spo-portfolio-gutters-4 .spo-portfolio-item,
	.spo-portfolio-container-full-5 .spo-portfolio-item,
	.spo-portfolio-container-full-6 .spo-portfolio-item {
		width: 49%;	
	}
	/*******************************************************
	********************* COUNTER 
	*******************************************************/
	.spo-counter-item{
		width: 50%;
		margin-bottom: 30px;
	}
	/*******************************************************
	********************* SHORTCODES
	*******************************************************/
	.qvs-banner-title{
		width: 100%;
		font-size: 1.6em;
	}
	
	.spo-blog-article-content p{
		color: #222222;
	    font-weight: 300;
	    font-style: normal;
	    font-size: 1.5rem;
	    line-height: 1.5;
	}
	
	.spo-blog-masonry-article{
		width: 47%;
		margin: 5px 1%;
	}
	.spo-blog-masonry-article-img, .spo-blog-masonry-article-gallrey {
	height: auto;
	min-height: auto;
	}
	.spo-blog-masonry-article img {
	height: auto;
	min-height: auto;
	}
}	
/* Smartphones */
@media only screen and (max-width : 767px) { /*767px*/
/* ========= General Settings & Helper Classes ============= */
	.no-phone-view{
		display: none;
	}
	/*******************************************************
	********************* General settings
	*******************************************************/
	h1 { font-size: 1.8em;}
	h2 { font-size: 1.5em;}
	h3 { font-size: 1.3em;}
	h4 { font-size: 1.2em;}
	h5 { font-size: 1em;}

	/*******************************************************
	********************* HELPER CLASSES
	*******************************************************/
	.spo-section-title{
		font-size: 1.8em;
	}
	.spo-section-box-title{
		padding: 30px 0;
	}
	.spo-section-box-title h1{
		margin-top: 0;
	}
	/*******************************************************
	********************* SHORTCODES
	*******************************************************/
	/* #PRICING
	================================================== */
	.qvs-pricing-table {
		margin-bottom: 30px;
	}
	/*******************************************************
	********************* PORTFOLIO
	*******************************************************/
	#spo-portfolio-filter {
		text-align: left;
	}
	#spo-portfolio-filter li {
		margin-bottom: 8px;
	}
	.spo-portfolio-container .spo-portfolio-item,
	.spo-portfolio-container-full-5 .spo-portfolio-item,
	.spo-portfolio-container-full-6 .spo-portfolio-item {
		width: 50%;
	}
	.spo-portfolio-gutters-4 .spo-portfolio-item,
	.spo-portfolio-gutters-3 .spo-portfolio-item,
	.spo-portfolio-gutters-2 .spo-portfolio-item {
		width: 49%;
	}
	.spo-portfolio-item-caption .spo-portfolio-item-title,
	.spo-portfolio-drag-item-title {
		font-size: 1.5em;
	}
	.spo-sidebar-widgets {
		padding: 0;
	}
	.spo-blog-pagination {
		margin-bottom: 30px;
	}
	.spo-project-details{
		padding-left: 0;
	}
	/*******************************************************
	********************* BLOG
	*******************************************************/
	.spo-blog-article-title,
	.link-post-type .spo-blog-article-title {
		font-size: 1.4em;
	}
	.link-post-type .spo-blog-article-title {
		margin-top: 15px;
	}
	.spo-comment-reply{
		margin-bottom: 40px;
	}
	.blog-article-comments-count, .blog-article-read-more{
		width: 40px;
		height: 40px;
	}
	.blog-article-read-more i{
		font-size: 1.3em;
		line-height: 40px;
	}
	.blog-article-comments-count i{
		font-size: 1.2em;
		margin-top: 5px;
	}
	.blog-article-comments-count span{
		font-size: .8em;
	}
	.spo-blog-masonry-article{
		width: 100%;
	}
	.spo-blog-masonry-list li{
		width: 100%;
	}
	/*******************************************************
	********************* QUOTE
	*******************************************************/
	.spo-quote-slider ul li p,
	.spo-quote-slider-trans ul li p {
		font-size: 1.4em;
	}
	/*******************************************************
	********************* SERVICES
	*******************************************************/
	.spo-services-container{
		width: 100%;
		margin-left: 0;
		margin-right: 0;  
	}
	.spo-service-box{
		margin-bottom: 20px; 
	}
	/*******************************************************
	********************* IN TOUCH
	*******************************************************/
	.subscribe-button{
		font-size: 1em;
	}
	/*******************************************************
	********************* SHORTCODES
	*******************************************************/
	.qvs-banner{
		width: 100%;
	}
	.qvs-team-member{
		width: 50%;
	}
	/*******************************************************
	********************* CONTACT
	*******************************************************/
	.spo-input-container,
	.spo-comment-reply .input-container{
		width: 100%;
		margin-right: 0;
	}
	.spo-widget{
		margin-bottom: 20px;
	}
	
	.spo-responsive-navigation > ul > li .nascondi,
	.nascondi,
	.nascondi_tablet {
		display: none;
	}
	
	
	#respwidget{
		clear: both;
		display: inline;	
		margin: 10px 0px;
	}
	
	
	#respcommenti{
	float: right;
	width: 103px;
	background: url("../images/social_tasto_commenti_box.png") no-repeat ;
	text-align: right;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-family: helvetica, arial, sans-serif;
	color: #4e5665;
	}
	#respcommenti a{
	padding-right: 9px;
	display: block;
	}
	
	.fb-like { top: 0px; margin-right: 0px; } /* margin-right: 32px; */
	
	.spo-blog-article-info span{
		font-style: italic;
		margin-right: 10px;
		font-size: 12px;
	}
	
	
	.spo-blog-article-info span .autore{
		text-align: left;
		font-style: italic;
		margin-right: 10px;
		font-size: 9px;
	}
	
	
	.spo-blog-article-content p{
		color: #222222;
	    font-weight: 300;
	    font-style: normal;
	    font-size: 0.9rem;
	    line-height: 1.5;
	}
	
	.tag{
		font-size: 70%;
	}
	
	section{
	padding: 30px 0;
	}
	
	.tasto {
	  clear: both;
      float: none;
      width: 100%;;
	}
	
	.img_mini_post{
	float: none;
	width: 100%;
	padding: 0px 0px 20px 0px;
	}
	
	.blog-masonry-article-author, .blog-masonry-article-date {
		font-size: 10px;
	}
	
}

@media only screen and (max-width : 480px) {
	/*******************************************************
	********************* PORTFOLIO
	*******************************************************/
	.spo-portfolio-container .spo-portfolio-item,
	.spo-portfolio-gutters-4 .spo-portfolio-item,
	.spo-portfolio-gutters-3 .spo-portfolio-item,
	.spo-portfolio-gutters-2 .spo-portfolio-item,
	.spo-portfolio-container-full-5 .spo-portfolio-item,
	.spo-portfolio-container-full-6 .spo-portfolio-item {
		width: 100%;	
	}
	/*******************************************************
	********************* BLOG
	*******************************************************/
	.spo-blog-masonry-list li{
		width: 100%;
	}
	.spo-blog-masonry-article{
		width: 100%;
	}
	.spo-blog-masonry-article img {
		clear: both;
		min-height: 179px;
		height: 179px;
	}
	.spo-comment-author-img{
		display: none;
	}
	
	#imggigi {
	width: 100%;
	padding-bottom: 10px;
	margin-top: 10px;
	}
	
	.spo-logo {
	margin-top: 15px;
	}

	.spo-logo a{
		width: 80%;
	}
	
	.spo-responsive-navigation > ul > li .nascondi,
	.g-plusone,
	.twitter-share-button,
	.nascondi {
		display: none;
	}
	
	#respwidget{
		clear: both;
		display: inline;	
		margin: 10px 0px;
	}
	
	#respcommenti{
	float: right;
	width: 103px;
	background: url("../images/social_tasto_commenti_box.png") no-repeat ;
	text-align: right;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-family: helvetica, arial, sans-serif;
	color: #4e5665;
	}
	#respcommenti a{
	padding-right: 9px;
	}

	.fb-like { top: 0px; margin-right: 0px; } /* margin-right: 32px; */
	
	

}

}