@media (max-width:600px){
.mobile .vid{width:320px;height:180px;margin-top:50px;margin-bottom:30px !important;}
.mobile .last{margin-top:0px !important;}
.mobile #testimonial .client-thumb .poco-testo{max-width:300px;}
.mobile #testimonial .client-thumb .medio-testo{max-width:300px;}
.media{padding: 0;}
#counter .col-xs-12{padding:0;}
#counter iframe{width:100% !important;}
#slitSlider2 {height:200px;}
.mobile .nav-arrows span {top: 60%;}
.mobile .og-close {right:10px;}
.mobile .cnt223{min-width:370px;width:300px;min-height:150px;margin:100px auto;}
.mobile .locandina{width:100%;}
}

@media screen and (max-width: 830px) {
.mobile .playlist-thumb-container{width: 300px !important;margin-left: -340px !important;margin-top: 200px !important;}
.mobile .playlist-thumb{width: 300px;}
.mobile video-icon img {width: 300px;}
.mobile #wrapper {width: 300px;}
.mobile .player-wrapper{width:300px !important;height:160px !important; flex: none;}
.mobile .player-wrapper iframe{width:300px !important;height:160px !important;}
.mobile .latestVideoEmbed{width:300px;height:160px;}
.mobile .og-close {top:40px;z-index:300;}
.mobile .og-expander-inner {padding:30px 15px 25px;}
.mobile .og-expander h3 {padding-top:0px;margin:0;}
}

@media only screen and (max-width: 767px){
.mobile .navbar-inverse .navbar-toggle { border-radius: 0 !important;border: 0;}
.mobile .cnt223 {min-width:90%;width: 100%;padding: 15px 15%;}
.mobile .locandina{width:100%}
.mobile .navbar-inverse .navbar-nav>li>a {color: #000;}
.mobile .navbar-inverse .navbar-toggle .icon-bar:hover{background-color: #000;color:#000 !important;}
.mobile .navbar-inverse .navbar-toggle, .mobile .navbar-inverse .navbar-toggle:hover, .mobile .navbar-inverse .navbar-toggle:focus {border: 0;border-radius: 0;background:transparent !important;border:0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border:0;}
.mobile .og-details {padding: 0;}
.mobile .counters-item {width: 350px;}
.navbar .navbar-toggle {margin:7px 15px 0;border: 0;}
#home{padding-top:50px !important;}
section{padding:70px 0 60px !important;}
.mobile .slide1 h3{color:#000;float:none;text-align:center;margin-right:auto;}
.timeline {right: 20px;}
.nav-arrows span {top:60%;width: 20px;height: 20px;border: 5px solid #ddd;border: 5px solid rgba(150,150,150,0.7);}
.mobile .navbar-header img {width:65px;margin-top: 0;z-index:99;}
.mobile .is-sticky .navbar-header img {width:65px;}
.mobile .navbar-inverse .navbar-nav li a {padding: 11px;}
.mobile .is-sticky .navbar-inverse .navbar-nav > li > a {padding: 11px;}
.mobile .is-sticky .navbar, .mobile .navbar{height:auto;background: rgb(255 255 255 / 98%);}
}

@media (min-width: 768px) and (max-width: 1023px) {
#features{text-align:center;}
.mobile .is-sticky .navbar-inverse .navbar-nav > li > a {padding: 11px 10px;}
}

section{padding:100px 0 90px;
background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );

}
.nav-arrows{display:none;}
.is-sticky .navbar{height:49px;/*height:77px;*/z-index: 200;background: rgba(255,255,255,0.95);
    box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3)}
.is-sticky .navbar-inverse .navbar-nav > li > a {color: #000;font-size: 12px;padding:12px 15px;/*padding: 25px 15px;*/
	-webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;}
.is-sticky .navbar-header img {width:80px;margin-top:0;/*width:75px;*/
	-webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;}
.navbar-header img{margin-top:0px;width:90px;position:absolute;
	-webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;}
.navbar-brand{padding: 0;}
.navbar{height:63px;/*height:98px;*/border-radius:0px;position:fixed;
    background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
    border:0;}
.navbar-inverse .navbar-nav > li > a {padding: 18px 15px 19px;
	-webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;border:0;}
.sticky-wrapper{height:auto !important;}
.collapsing {overflow: inherit;}
#slitSlider .carousel-caption{background-color: rgb(255 255 255 / 30%);}
#slitSlider .carousel-caption h3{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.slide1 h3{color:#000;text-align:center;margin-right:140px;}
.slide2 h3{color:#000;}
.slide3 h3{color:#000;}
#slitSlider .slide3 h3{font-size:40px;}
.title h2 {margin:0 0 5px;}
.title h5{font-size:12px;color:#888888;text-transform: uppercase;font-weight: 600;margin:0;}
.chisiamo h3{margin-top:0px;font-weight:600;}
#counter {margin-bottom:25px;}
.counter{color:#c1c1c1;}
.counters-item {background: rgb(255 255 255 / 80%);
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.5);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.5);margin:20px 0;text-align: center;}
#slitSlider2 {width:100%;overflow: visible;}
#slitSlider2 img{width:100%;visibility:visible !important;display:block !important;}
#testimonial, #testimonial h2, #testimonial h5{color:#000;}
#testimonial{background-image: url(../img/parallax/comunicazioni_bianco.jpg);}
#testimonial .title {margin-bottom:25px;}
#testimonial .client-thumb img {max-width:200px;}
.team-mate{text-align:center}
.member-photo {border-radius: 50%;margin: 0 auto;}
.member-photo img{border-radius: 50%;margin: auto;border: 1px solid rgb(218, 218, 218);}
#stacco1{padding:130px 0;margin:25px 0 0;background-image: url(../img/parallax/stacco1_bianco.jpg);}
#stacco2{padding:130px 0;margin:25px 0;background-image: url(../img/parallax/stacco2.jpg);}
#stacco3{padding:130px 0;margin:25px 0 0;background-image: url(../img/parallax/stacco3_bianco.jpg);}
.btn{border:solid 1px #000000;padding:8px 13px;}
.portfolio-filter .btn{color:#afafaf;border:0;border-bottom:solid 1px #afafaf;padding:0;}
.portfolio-filter .btn:active, .portfolio-filter .btn:hover, .btn.active {border-bottom:solid 1px #000000;color:#000000;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0);
}
#scrollUp i{color:#4e595f;}
.hover{position:absolute;z-index:1;bottom:10px;width:100%;}
.hover h3{ font-size:20px;
    background: rgb(255 255 255 / 80%);
    box-shadow: 0px 1px 2px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
    padding:15px 20px;
    text-align:center;color: #000;}
.og-grid li {height:auto}
.og-grid li > a, .og-grid li > a img {height:auto;}
.og-details a {color: #717171;font-weight: bold;display: none;}
.og-details a:hover {border-color: #000;color: #000;}
.timeline .timeline-other i{color: #000;margin:0 5px;}
.contattaci .google-map{border-radius:50%;}
.footer{font-size:10px;background: rgb(220 220 220 / 90%);}
.footer img{width:12px;margin-right:5px;}
.client-info {width:55%;}
.white-popup {position: relative;background: #FFF;padding: 20px;width: auto;max-width: 500px;margin: 20px auto;}
.timeline-body .dsc-img {padding:0;height:auto;}
.timeline-desc img{width:100%;}
.timeline-other {height: auto;}
.timeline li .timeline-panel {background: #dddddd;}
.timeline-heading h4{margin:0;}
em.timeline-item {margin-bottom:1px;padding-bottom:1px;}
.contact-details a{color:#000000;}
.key{color:#fff;margin-top: -20px;display: block;}
.mix h3 i{font-size:15px;margin-left:15px;}
.counters-item h2{color:#000;}
/* Facebook gallery section */
section#gallery {
    padding: 5% 0;
    text-align: center;
}
 
section#gallery a {
    background-size: cover;
    background-position: center;
    width: 250px;
    height: 250px;
    margin: 1%;
    display: inline-block;
}
	#wrapper
	{
		width:880px;
		margin:0 auto:
	}
	#back
	{
		display:block;
		padding:5px;
		float:left;
	}
	#backAlbums
	{
		display:block;
		padding:5px;
		float:right;
	}
	#next
	{
		float:right;
		display:block;
		padding:5px;
	}
	#prev
	{
		float:left;
		display:block;
		padding:5px;
	}
	.ImageLink
	{
		display:block;
		float:left;
		padding:5px;
		margin:5px;
	}
	.ImageLink img
	{
		width:150px;
	}

/*--#loading-mask{
    -webkit-animation: cssAnimation 3s forwards; 
    animation: cssAnimation 3s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}--*/
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;z-index:100;display:none}
.cnt223 a{text-decoration:none;}
.popup{width:100%;margin:0 auto;display:none;position:fixed;z-index:101}
.cnt223{min-width:600px;width:600px;min-height:150px;margin:100px auto;/*background:#f3f3f3;border-radius:5px;box-shadow:0 2px 5px #000*/position:relative;z-index:103;padding:15px 35px;}
.cnt223 p{clear:both;color:#555;font-size:15px;font-family:sans-serif;}
.cnt223 p a{color:#d91900;font-weight:bold;}
.cnt223 .x{float:right;height:35px;left:22px;position:relative;top:-25px;width:34px}
.cnt223 .x:hover{cursor:pointer}
.cnt223 .close{color:#fff;background:#000;border-radius:50%;margin-right: -45px;margin-top: -30px;top:0;opacity:1;}
.navbar-inverse .navbar-toggle .icon-bar, .navbar-inverse .navbar-toggle:focus{background-color: #000;}
.dialog {color: #000 !important;background:#fff !important;}
.fb-video{
position: relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}

.fb-video iframe{
position:absolute;
top:0px;
left: 0;
width:100%;
height:100%;
}
.media{padding:50px 0;}
#testimonial .client-thumb .poco-testo{max-width:500px;}
#testimonial .client-thumb .medio-testo{max-width:250px;}
.vid{width:390px;height:220px;margin-bottom:70px;}
.last{margin-bottom:0 !important;}
.latestVideoEmbed{width:600px;height:340px;}
.locandina{width:80%;}