@media (max-width: 767px) {
    .text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }
    .text-xs-center { text-align: center; }
    .text-xs-justify { text-align: justify; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}






/* =====================
   desktop
   min-width: 768px;
   max-width: 1024px;

===================== */


@media (min-width: 768px) and (max-width: 1024px) {
  #latest-work .block .recent-work-pic ul li .overlay {
    top: 12px;
    left: 25px;
    bottom: 12px;
    right: 25px;
  }
  #team .team-overlay {
    padding: 10px;
  }
  
	.container{
		padding:0px;
	}
  
	.logo {
		width: 187px;
		padding-top: 6px;
	}
	
	.video-azienda{
		height: 400px !important;
	}
  
  
}



/* =====================

   Tablets
   min-width: 640px;
   max-width: 767px;

===================== */

@media (min-width: 640px) and (max-width: 767px) {
  #team .col {
    padding: 0 137px;
    margin-bottom: 20px;
  }
  #pricing-table .col {
    margin-bottom: 20px;
  }
  #contact-form .col {
    margin-bottom: 20px;
  }

  #blog-left .blog-img .col-md-6 img{
    margin-bottom: 20px;
  }
  
  .iframe-video {
    height: 320px;
	}
  	
}




/**** RGweb ***/

@media (max-width: 1024px){
	/*** home **/
	#features, #blog{
		padding:60px 0px;
	}
	
	.title{
		padding-bottom:50px;
	}
	
	#evidenza .evidenza{
		padding-left: 6%;
		padding-right: 6%;
		padding-top: 0%;
		padding-bottom:3%;
	}
	
	
	#home-carousel  .item {
		width:100%;
		height: 380px;
	}
	
	#blog-post  .content{
		  min-height: 310px;
	}
	
}





@media (max-width: 768px){
	

	.navbar-brand {
		min-height: 20px !important;	
	}
	
	nav.collapse.navbar-collapse.navbar-right {
		margin-top: 8px;
	    /*min-height: 430px;*/
	}
	
	.nav>li>a {
		padding: 13px 6px;
		text-align: center;
		font-size: 15px;
	}
	
	.dropdown-menu li {
		float: left;
		text-align:center;
	}
	
	
	#slider {
		margin-top: 60px;
	}
	
	#home-carousel  .item {
		width:100%;
		height: 350px;
	}
	
	
	.footer-menu-list{
		padding-left: 30px;
		padding-right: 0px;
	}
	
	.footer-logo{
		margin-bottom:20px;
	}
	
	.top-position{
		top:60px;
	}
	
	.bg-grey {
		padding: 20px 0px;
	}
	.bg-white {
		padding: 20px 0px;
	}
	
	
	#bottom-footer .col-md-6{
		padding:5px 40px;
	}
	
	
	.section-title{
		padding-top:60px;
	}
	
	
	
	/*** home **/
	
	.img-mov-home{
		width:70px;
	}
	.hp-mov{
		padding:3px !important;
	}
	#movimenti h2{
		font-size:11px;
	}
	
	
	#features, #blog{
		padding: 10px 0px 40px;
	}

	.title{
		padding-bottom:0px !important;
	}
	
	.title h2{
		font-size:30px;
	}
	
	
	.mobile-application{
		border: 1px solid #dcdcdc;
		padding: 5px 0px;
		text-align:center;
	}
  
	.mobile-application h4{
		font-size: 11px !Important;
		text-align: center;
		text-transform:uppercase;
		margin-bottom: 10px !important;
	}

	
	.mobile-application .icon{
		height: 50px !important;
		line-height: 50px !important;
		font-size: 35px !important;
		margin: 0px !important;
		width: 100% !important;
	}
	

	
	#evidenza .evidenza h1{
		font-size:30px;
	}
	#evidenza .evidenza h4{
		margin-bottom:15px;
	}
	#evidenza .evidenza p{
		font-size:11px;
		margin-bottom:10px;
	}
	
	
	
	.form-group{
		margin-bottom:15px;
	}
	
	.form-newsletter .col-xs-12,.form-newsletter .col-sm-12,{
		padding:5px 15px;
	}
	
	
	
	
	.scheda-prodotto h2{
		text-align:center;
	}
	
	
	
	
	
	/*** pagina prodotti***/
	#portfolio{
		padding-top:20px !important;
	}
	
	
	.work-grid{
	padding:4px;
	}
	
	.item-prod-container h3, .item-prod-text h3{
		margin-left:5px;
	}
	
	.item-prod-container span, .item-prod-text span{
		font-size: 10px;
		margin-left: 5px;
	}
	
	
	
	.advanced-search-mobile{padding-top:100px;}
	
	
	
	/*** scheda prodotto ***/
	
	#description{
		margin-top:100px !important;
	}
	
	.scheda-menu-sx{
		padding-top:8px;
		padding-left:10px;
		padding-right:5px;
	}
	
	.scheda-menu-sx h3{
		font-size:21px;
	}

	.scheda-menu-dx{
		padding-top:16px;
		padding-left:5px;
		padding-right:10px;
	}
	
	.scheda-menu-dx ul li a{
		font-size:13px;
	}
	
	.scheda-prodotto h2{
		font-size:35px;
		margin-bottom:5px;
	}
	
	.scheda-prodotto h3{
		font-size:20px;
	}
	
	
	.box-btn-interattivo{
		padding:8px;
	}
	.box-btn-interattivo img{
		width:32px !important;
	}
	.box-btn-interattivo span{
		font-size:12px !important;
	}
	.box-btn-interattivo .btn-scheda-prod{
		padding-top:8px;
		padding-bottom:6px;
	}

	.file-icon{
		width:70px;
	}
	
	.doc-download{
		padding-left:5px;
		padding-right:5px;
	}
	
	
	
	
	/**** pag Donwloads ****/
	.blocco-vuoto{
		text-align: center;
		font-size: 14px;
		line-height:20px;
		color: #888;
		font-weight: 300;
		vertical-align: middle;
		margin-top: 10%;
		margin-left: 0;
		width: 100%;
	}
	
	.file-icon-download{
		width:58px;
	}
	
	
	.advanced-download-mobile{
		padding-top:0px;
	}
	
	
	.blocco-icone a{
		font-size:11px;
	}
	
	.img-download{
		width:80%;
		margin:auto;
	}
	.nopaddingtop-xs{
		padding-top:0px;
	}
	.nopaddingbottom-xs{
		padding-bottom:0px;
	}
	

	
	
	
	/******** AZIENDA ***********/
	

	#azienda .title{
		padding-bottom:0px !important;
	}
	
	.video-azienda {
    height: 190px;
	}
	
	
	.timeline figure.item-thumb{
		height:120px;
	}	
	
	

	
	
	/***** NEWS ****/
	
	
	#news{
		padding-top:105px;
	}
	#news .title{
		padding-bottom:0px !important;
	}
	
	.scheda-news{
		padding-top:140px;
		min-height:800px;
	}
	
	.data-news-menu{
		padding-top:17px!important;
	}
	
	#news .content {
		min-height:380px;
	}
	
	
	
	
	/******** CONTATTI *****/
	
	#contactForm label{
		display:block;
		text-align:center;
	}
	
	#sede{
		padding-top:120px;
	}
	
	#sede, #filiali, #rivenditori, #form{
		padding-bottom:23px;
		margin-bottom:10px;
	}
	
	
	.xs-auto{
		margin:auto;
	}
	
	.box-agente{
		min-height:auto;
	}

	::-webkit-input-placeholder {
   text-align: center;
	}

	:-moz-placeholder { /* Firefox 18- */
	   text-align: center;  
	}

	::-moz-placeholder {  /* Firefox 19+ */
	   text-align: center;  
	}

	:-ms-input-placeholder {  
	   text-align: center; 
	}
	
	
	
}



@media (max-width: 320px){
	
	/*** scheda prodotto **/
	
	.scheda-menu-dx{
		padding:16px 0 0 0 ;
	}
	
}









/* =====================

   Small Devices
   min-width: 320px;
   max-width: 479px;

===================== */


@media (min-width: 320px) and (max-width: 479px) {
  #banner {
    text-align: center;
  }
  #banner .block .buttons a:first-child {
    margin-left: 7px;
    margin-bottom: 10px;
  }
  #latest-work .block .recent-work-mixMenu ul li {
    display: block;
  }
  #latest-work .block .recent-work-pic ul li .overlay {
    top: 5px;
    left: 20px;
    bottom: 5px;
    right: 20px;
  }
  #latest-work .block .recent-work-pic ul li .overlay h3 {
    font-size: 14px;
  }
  #latest-work .block .recent-work-pic ul li .overlay i {
    top: 34%;
    font-size: 23px;
  }
  #testimonial .col {
    padding: 20px;
    text-align: center;
  }
  #testimonial .media .media-left {
    display: block;
    padding-right: 0;
  }
  #testimonial .media .media-left a {
    height: 78px;
    width: 78px;
    margin: 0 auto;
  }
  #testimonial .media .media-body {
    padding-right: 0;
  }
  #team .col {
    margin-bottom: 20px;
  }
  #pricing-table .col {
    margin-bottom: 20px;
  }
  #contact-form .col {
    margin-bottom: 20px;
  }

  #blog-left .block .blog-comment .comment-img,
  #blog-left .blog-comment-main .blog-comment .comment-img,
  #blog-left .blog-comment-main .sub-blog-comment .comment-img{
    float: none;
  }

  #blog-left .blog-comment-main .sub-blog-comment{
    margin-left: 0;
  }

  #blog-left .blog-img .col-md-6 img{
    margin-bottom: 20px;
  }
  
  
  
  .footer-logo{
		margin:auto;
		margin-bottom:20px;
	}
	
	
	#home-carousel  .item {
		width:100%;
		height: 135px !important;
	}
	
	
	.work-grid{
		padding:5px;
	}
  
  
  
	

}





/****** IFRAME 3D ******/

@media (min-width: 350px) and (max-width: 420px) {
	
	.div-frame-3d{
		max-height:288px !important;
	}
	
	.frame-3d{
		height: 173px !important;
		width: 1px;
		min-width: 60% !important;
		margin-left:18% !important;
	}
	
	
	.iframe-video{
		height:200px !important;
	}

}


@media (max-width: 320px){
	.iframe-video{
		height:158px !important;
	}
}

@media (max-width: 400px){
	
	.work-grid{
	padding:3px;
	}
	
	.item-prod-container h3, .item-prod-text h3{
		margin-left:1px;
	}
	
	.item-prod-container span, .item-prod-text span{
		font-size: 9px;
		margin-left: 1px;
	}
	
}


/********** home slide ******/

@media (max-width: 1440px){	
	.carousel-inner {height:519px !important}
	.item-video{top:0px !important}
}

@media (max-width: 1280px){	
	.carousel-inner {height:466px !important}
	.item-video{top:0px !important}
}


@media (max-width: 1024px){	
	.carousel-inner {height:375px !important}
	.item-video{top:0px !important}
}

@media (max-width: 768px){	
	.carousel-inner {height:280px !important}
	.item-video{top:0px !important}
}

@media (max-width: 500px){	
	.carousel-inner {height:150px !important}
	.item-video{top:0px !important}
}

@media (max-width: 320px){	
	.carousel-inner {height:116px !important}
	.item-video{top:0px !important}
}