@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.navbar-brand{
		background-image: url('../../img/logo_top_inverted@2x.jpg');
	}
	.default_navcolor .navbar-brand{
		background-image: url('../../img/logo_top@2x.png');
	}

	.bg_globe_web .globe_bg {
	background-image: url('../../img/globe_blue@2x.jpg');
	}

	.bg_globe_software .globe_bg {
	background-image: url('../../img/globe_green@2x.jpg');

	}

	footer{
		background-image: url('../../img/footer_bg@2x.jpg');
	}

}


@media (min-width: 481px) {
	
	.fullphoto_container{
		height: 400px;
	}

	.video_column iframe{
		height: 320px;
	}

}


@media (min-width: 769px) {

	.col_media{
		padding:  0 60px 60px 60px;
	}

	#menu_navbar .nav > li{
		border-bottom: none;
		height: 70px;
	}


	#menu_navbar .nav > li > a {
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

		#menu_navbar .nav > li > a:before{
			content: "";
			display: block;
			width: 0%;
			height: 2px;
			background-color: transparent;
			position: absolute;
			left: 7px;
			bottom: 0;

			-webkit-transition: all 200ms ease;
			-moz-transition: all 200ms ease;
			-ms-transition: all 200ms ease;
			-o-transition: all 200ms ease;
			transition: all 200ms ease;
		}

		#menu_navbar .nav > li:hover > a:before,
		#menu_navbar .nav > li.open > a:before{
			width: 35%;
			background-color: #38b5e6;
		}

		#menu_navbar .nav > li.open > a:before{
			/*width: calc(100% - 7px);*/
		}

		#menu_navbar .nav > li.active > a:before{
			width: calc(100% - 7px);
		}

	.yamm .yamm-content {
	  padding: 1vw 1.6vw 1vw 1vw;
	}

	
	#news-dal-mondo .single_post{
		padding-left: 40px;
		padding-right: 40px;
	}

		#news-dal-mondo .single_post:after{
			display: none;
		}

		#news-dal-mondo .single_post p{
			height: 101px;
			overflow: hidden;
			-ms-text-overflow: ellipsis;
			text-overflow: ellipsis;
		}

	  /*ul.nav li.has_submenu:hover > ul.dropdown-menu {
	    display: block;
	  }*/

  	#main_menu .dropdown-menu{
		background-color: #1f2c35;
		color: #fff;
		position: absolute;		
	}

	#main_menu li.dropdown:hover > ul.dropdown-menu {
		/*display: block;*/
	}

	#dropdown-menu-prodotti{
		-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.3);
		box-shadow: 0 15px 30px 0 rgba(0,0,0,0.3);
	}


		#main_menu .dropdown-menu h3{
			font-size: 3.5vw;
			font-weight: 300;
			padding-bottom: 15px;
			padding-left: 0.5vw;
	
			padding-right: 1vw;
		}

		#main_menu .dropdown-menu h3 a{
			display: block;
			text-decoration: none !important;
		}

			#main_menu #submenu-web h3,
			#main_menu #submenu-web h3 a{
				color: #38b5e6;
			}

				#main_menu #submenu-web h3:before{
					background-color: #38b5e6;
				}

			#main_menu #submenu-software h3,
			#main_menu #submenu-software h3 a{
				color: #c8ff60;
			}

				#main_menu #submenu-software h3:before{
					background-color: #c8ff60;
				}

			#main_menu #submenu-servizi h3,
			#main_menu #submenu-servizi h3 a{
				color: #ff5113;
			}

				#main_menu #submenu-servizi h3:before{
					background-color: #ff5113;
				}

			#dropdown-menu-prodotti  h3:before{
				position: absolute;
				height: 2px;
				width: 2px;
				display: block;
				content: "";
				bottom: 0;
				left: 0.7vw;
				

				-webkit-transition: all 200ms ease;
				-moz-transition: all 200ms ease;
				-ms-transition: all 200ms ease;
				-o-transition: all 200ms ease;
				transition: all 200ms ease;

			}

			#dropdown-menu-prodotti .row > div:hover h3:before{
				
				width: 10%;

			}
	

		#dropdown-menu-prodotti .row div{			
			margin-bottom: 0;			
		}

		#submenu-software{
			/*border-right: 1px solid rgba(255, 255, 255, 0.1);
			border-left: 1px solid rgba(255, 255, 255, 0.1);*/
		}

		#dropdown-menu-prodotti .row div:last-child{
			border-right: none;
		}

		#dropdown-menu-prodotti.dropdown-menu ul{
			overflow: hidden;
			padding: 0 1vw;
		}

		#dropdown-menu-prodotti ul{
			border-bottom: none;
		}

  		#dropdown-menu-prodotti.dropdown-menu ul li{
			float: left;
			display: block;
			width: 100%;
			padding-bottom: 0;
  		}

  		#main_menu .dropdown-menu ul{	
			padding-left: 0px;
		}	

	  		#main_menu .dropdown-menu ul li a{
				color: #fff;				

				
				font-size: 14px;
				font-weight: normal;
				padding: 7px 0;
				transform: translate3d(0, 0, 0);

				-webkit-transition: all 200ms ease;
				-moz-transition: all 200ms ease;
				-ms-transition: all 200ms ease;
				-o-transition: all 200ms ease;
				transition: all 200ms ease;
			}

				#main_menu .dropdown-menu ul li a:before {
					font-family: "FontAwesome";
					display: inline-block;
					opacity: 0;
					color: #fff;
					font-size: 100%;
					vertical-align: top;
					height: 30px;
					float: left;
					-webkit-transition: all 200ms ease-out;
					-moz-transition: all 200ms ease-out;
					-ms-transition: all 200ms ease-out;
					-o-transition: all 200ms ease-out;
					transition: all 200ms ease-out;
					content: "\f105";
				
					margin-right: 5px;
					-moz-transform: translateX(-6px);
					-webkit-transform: translateX(-6px);
					-o-transform: translateX(-6px);
					-ms-transform: translateX(-6px);
					transform: translateX(-6px);
				}

			#main_menu .dropdown-menu ul li a:hover{
				-moz-transform: translateX(5px);
				-webkit-transform: translateX(5px);
				-o-transform: translateX(5px);
				-ms-transform: translateX(5px);
				transform: translateX(5px);
				text-decoration: none;
			}

				#main_menu .dropdown-menu ul li a:hover:before {
					opacity: 1;
					-moz-transform: translateX(0px);
					-webkit-transform: translateX(0px);
					-o-transform: translateX(0px);
					-ms-transform: translateX(0px);
					transform: translateX(0px);
				}

  	

	#dropdown-menu-prodotti{
		left: 50%;
		position: absolute;
		top: 90px;
		overflow: hidden;
	}



	header h1{
		font-size: 26px;
	
	}

	header h3{
		font-size: 16px;		
		width: auto;
	}

	header.header_service h3{
		font-size: 130%;
	}

	.video_column iframe{
		height: 500px;
	}

	.header_service .container{
		height: calc(100% - 85px);	
	}

		.header_service .globe_page{
			height: 476px;
			right: -220px;
		}

	#contatti{
		min-height: 100vh;
		background-image: url('../../img/contatti_bg.jpg');
		-webkit-background-size: cover;
		background-size: cover;
		background-position: left top;
		background-repeat: no-repeat;
	}

}


@media (min-width: 992px) {

	.page_software #toMenu,
	.page_web #toMenu,
	.page_consulenza #toMenu{
		top: 65px;
	}

	#menu_navbar .nav > li{
		margin-left: 10px;
	}

	#menu_navbar .nav > li > a{
		/*font-size: 22px;*/
		/*padding-left: 10px;
		padding-right: 10px;*/
	}

	#menu_navbar .nav > li > a {
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

	.services_menu ul li{
		padding-bottom: 6%;
	}

	#home_access__webmail,
	#home_download{
		border-right: 1px solid rgba(255, 255, 255, 0.2);
	}

	.header_service{
		
	}		

	not(.header_service) .header_hero_container{
		height: 500px;
	}


	

	.fullphoto_container{
		height: 600px;
	}

		.fullphoto_container.top_diagonal:before{
			border-top-width: 60px;
		}

		.fullphoto_container.bottom_diagonal:after{
			border-bottom-width: 60px;
		}

	.header_service .globe_page{
		right: 0;
	}

	.richiedi_info_btn__motioncircle__expand{
		transform: scale(44);		
	}

}


@media (min-width: 1023px) {

	#main_menu .dropdown-menu h3{
		font-size: 2.3vw;
	}

	#main_menu .dropdown-menu ul li a{
		font-size: 16px;
	}


	
}

@media (min-width: 1200px) {

	#menu_navbar .nav > li{
		margin-left: 15px;
	}

	#menu_navbar .nav > li > a{
		font-size: 26px;
	}

	#menu_navbar .nav > li > a {
		font-size: 17px;
	}
	
}

@media (min-width: 1600px) {

	#main_menu .dropdown-menu h3{
		font-size: 2.5vw;
	}

	#main_menu .dropdown-menu ul li a{
		font-size: 1.1vw;
		padding: 10px 0;
	}
	
	#menu_navbar .nav>li>a{
		/*font-size: 1.2vw;*/
		/*padding-left: 12px;
		padding-right: 12px;*/
	}


	/*.mediablock{
		height: 500px;
	}*/


}


@media (min-width: 2100px) {

	.service_container h2{

	}

	.single_service h1{
		font-size: 450%;
	}
	
	.single_service p {
		font-size: 180%;
	}

	.container__large{
		width: 1920px;
	}

	#main_menu .dropdown-menu h3{
		font-size: 2vw;
	}

	#main_menu .dropdown-menu ul li a{
		padding: 20px 0;
	}

	#menu_navbar .nav>li>a{
		font-size: 0.7vw;
	}

	.globe {
		-moz-transform: scale(2);
		-webkit-transform: scale(2);
		-o-transform: scale(2);
		-ms-transform: scale(2);
		transform: scale(2);
		top: 425px;
	}

	 .bg_globe_web .globe_bg {
	    background-image: url('../../img/globe_blue@2x.jpg');
	  }

	   .bg_globe_software .globe_bg {
	    background-image: url('../../img/globe_green@2x.jpg');
	  }

	.globe_opened{
		
		-webkit-filter: blur(1px);
		  -moz-filter: blur(1px);
		  -o-filter: blur(1px);
		  -ms-filter: blur(1px);
		  filter: blur(1px);
	}

	.richiedi_info_btn__motioncircle__expand {
		transform: scale(55);
	}



}



/* media max-width */

@media (max-width: 991px) {



	#home_access h4{
		font-size: 19px;
	}

	header:not(.header_service),
	header:not(.header_service) .header_hero_container{
		height: 300px;	
	}

	.page_chi_siamo .content_hero{
		background-position: 70% center;
		min-height: 0;
	}

	/*.side_menu_container{
		position: absolute;
		z-index: 10;
		left: -100%;

		-webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		transition: all 250ms ease;
	}*/

	.side_menu_container.open_side_menu{
		-webkit-transform: translateX(108%);
   		transform: translateX(108%);
	}

	.header_service .header_hero_container{
		padding-left: 0;
	}

	.header_service .globe_page{
		-moz-animation: none;
		-webkit-animation: none;
		-o-animation: none;
		animation: none;
	}


	
}



@media screen and (min-width: 768px) and (max-width: 1023px) {

	.service_container h2{
		/*font-size: 6vw;*/
		font-size: 64px;
	}
	
}

@media screen and (min-width: 320px) and (max-width: 1199px) {

	.column_data, .col-lg-push-6.column_data{
		padding-left: 50px;
		padding-right: 50px;
	}

	#header_services{
		height: 100%;
	}


	.bg_globe_web, .bg_globe_software{
		height: 50%;		
		position: relative !important;
	}

	.service_container__software {
		top: 50%;
	}

	.service_container{
		height: 50%;		
		position: absolute !important;
	}

	.service_container.expanded_service{
		height: 85%;
		width: 100%;
		
		border-bottom: none;
	}

	.service_container.active_service{
		
	}

	.service_container.shrinked_service{
		height: 15%;
		
		border-bottom: none;
		-webkit-transition-delay: 500ms;
		-moz-transition-delay: 500ms;
		-o-transition-delay: 500ms;
		transition-delay: 500ms;
	}

	.closing_service.service_container{
		-webkit-transition-delay: 0ms;
	    -moz-transition-delay: 0ms;
	    -o-transition-delay: 0ms;
	    transition-delay: 0ms;
	}

	.service_container__web {
		border-bottom: 1px solid rgba(255, 255, 255, 0.75);
		border-right: none;
	}

	.bg_globe_web .globe{
		
		top: 50%;
		margin-top: -455px;
	}

	.bg_globe_software .globe{
		
		top: 50%;
		margin-top: -455px;
	}

	
		.service_container h2{
			/*font-size: 6vw;*/
			font-size: 64px;
			top: 31%;
		}

		.close_service_container{
			font-size: 6vw;
		}

		.service_container.shrinked_service h2 {
			font-size: 4vw;
		}

		.expanded_service.service_container h2,
		.closing_service.service_container h2{
			-webkit-transition-delay: 300ms;
			-moz-transition-delay: 300ms;
			-o-transition-delay: 300ms;
			transition-delay: 300ms; 
		}

		.services_menu:before{
			width: 100%;
			left: 0;
		}

	.single_service{
		padding-top: 150px;
	}	

}


@media screen and (max-width: 768px) {

	article section h3{
		font-size: 90%;
	}

	.single_service p{
		font-size: 15px;
	}

	#menu_navbar{
		position: absolute;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
		left: 0;
		top: 0;
		width: 100%;
		z-index: -1;
		background: #fff;
		margin: 0;
		-moz-transform: translateX(0px) translateY(-127px);
		-webkit-transform: translateX(0px) translateY(-127px);
		-o-transform: translateX(0px) translateY(-127px);
		-ms-transform: translateX(0px) translateY(-127px);
		transform: translateX(0px) translateY(-127px);

	}

		#menu_navbar.opened{
			-moz-transform: translateX(0px) translateY(90px);
			-webkit-transform: translateX(0px) translateY(90px);
			-o-transform: translateX(0px) translateY(90px);
			-ms-transform: translateX(0px) translateY(90px);
			transform: translateX(0px) translateY(90px);
			-webkit-box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
			box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
		}


	#home_access form,
	#home_access h4{
		text-align: center;
	}

	#home_access__webmail,
	#home_download{
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

		#home_access__webmail:after,
		#home_download:after{
			position: absolute;
			content: "";
			display: block;
			width: 10%;
			height: 2px;
			background-color: #fff;
			left: 45%;
			bottom: -6px;
		}

	
	.p90{
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.close_single_service_modal{
		text-align: center;
		left: 0;
		margin-left: 0;
		top: 0;
		width: 100%;
		display: block;
		padding-top: 30px;
		height: 90px;

	}


	.page_software .close_single_service_modal{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#71b020+0,71b020+100&1+29,0+88 */
		background: -moz-linear-gradient(top,  rgba(113,176,32,1) 0%, rgba(113,176,32,1) 29%, rgba(113,176,32,0) 88%, rgba(113,176,32,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(113,176,32,1) 0%,rgba(113,176,32,1) 29%,rgba(113,176,32,0) 88%,rgba(113,176,32,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(113,176,32,1) 0%,rgba(113,176,32,1) 29%,rgba(113,176,32,0) 88%,rgba(113,176,32,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b020', endColorstr='#0071b020',GradientType=0 ); /* IE6-9 */


	}

	.page_web .close_single_service_modal{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38b5e6+0,38b5e6+100&1+29,0+88 */
		background: -moz-linear-gradient(top,  rgba(56,181,230,1) 0%, rgba(56,181,230,1) 29%, rgba(56,181,230,0) 88%, rgba(56,181,230,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(56,181,230,1) 0%,rgba(56,181,230,1) 29%,rgba(56,181,230,0) 88%,rgba(56,181,230,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(56,181,230,1) 0%,rgba(56,181,230,1) 29%,rgba(56,181,230,0) 88%,rgba(56,181,230,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b5e6', endColorstr='#0038b5e6',GradientType=0 ); /* IE6-9 */



	}


	.serviceModal__inverted .close_single_service_modal{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+29,0+88 */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 29%, rgba(255,255,255,0) 88%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 29%,rgba(255,255,255,0) 88%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 29%,rgba(255,255,255,0) 88%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	}

	.serviceModal .form-group{
		margin-bottom: 20px;
	}



	/* mobile collapsible menu */

	#main_menu{
		float: none !important;
		margin-top: 0;	
	}

	.header_service__videobg .scrollmore{
		display: none;
	}

	.header_service{
		height: auto !important;
	}

		.scrollmore{
			position: absolute;
		}

		.header_service .header_hero{
			text-align: center;
			position: relative;
			top: 0;
			margin-top: 50px;
		}

			.header_service .header_hero_container{
				height: auto;
				overflow: visible;
			}

	.header_service .globe_page{
		
	}

	.header_service .globe_page{		
		position: relative;
		top: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		height: 124px;
	}

		.header_service .globe_page img{
			display: none;
		}



	/* //mobile collapsible menu */

	.header_service .title_divider{
		display: none;
	}

	header.header_service h1{
		font-size: 400%;
	}

	header.header_service h3{
		font-size: 130%;
	}

	.single_service h1{
		font-size: 300%;
	}

	.single_service p{
		padding-bottom: 0px;
	}

	.single_service{
		padding: 40px 0;
		margin: 0;
		min-height: 0;

		background-attachment: fixed !important;
		-webkit-background-size: cover !important;
		background-size: cover !important;
		background-repeat: no-repeat !important; 
		background-position: center top !important;
	}

	.page_web .single_service:not(.single_service__Page){
		background-image: url(../../img/globe_blue.jpg) !important;		
	}

	.page_software .single_service:not(.single_service__Page){
		background-image: url(../../img/globe_green.jpg) !important;		
	}

	.page_consulenza .single_service:not(.single_service__Page){
		background-image: url(../../img/globe_orange.jpg) !important;		
	}



	
		.column_data{
			background: none !important;	
			padding-bottom: 50px;	
		}

		.column_media{
			background-attachment: fixed;
			background-repeat:  no-repeat;
			background-position: center center;
		}


		/*.page_web .column_media{
			background-image: url('http://prova.clion.it/clion_2015/img/globe_blue.jpg');
		}

		.page_software .column_media{
			background-image: url('http://prova.clion.it/clion_2015/img/globe_green.jpg');
		}*/

		
			.column_media .video_overlay{
				height: 100% !important;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,1+100 */
				background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
			}

			.page_web .single_service__inverted .column_media .video_overlay{
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38b5e6+0,38b5e6+100&0.5+0,1+100 */
				background: -moz-linear-gradient(top,  rgba(56,181,230,0.9) 0%, rgba(56,181,230,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(56,181,230,0.9) 0%,rgba(56,181,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(56,181,230,0.9) 0%,rgba(56,181,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8038b5e6', endColorstr='#38b5e6',GradientType=0 ); /* IE6-9 */

			}

		.mediablock{
			/*height: 300px;*/
			top: 0;
			margin-top: 40px;
		}

		.richiedi_info_btn{
			position: relative;
			margin-left: auto;
			margin-right: auto;
			left: auto;
			margin-top: 20px;
			bottom: 40px;
		}

	.single_post__article img{
		margin: 0px auto 40px auto;
	}

	#news-dal-mondo .post_img_container{
		height: auto;
	}

	.single_post h2{
		font-size: 2em;
	}

	.single_post__article{
		padding-left: 0;
		padding-right: 0;
	}

	article section h1{
		font-size: 260%;
	}	

	article section .single_post__article p {
		font-size: 1.1em;
	}

	footer{
		background: #1f2c35;
	}
	
	.form_offcanvas{
		width: 320px;
		left: -320px;
		bottom: 10px;
		top: auto;
		
	}

	.form_offcanvas.translate_offcanvas{
		-moz-transform: translateX(320px);
		-webkit-transform: translateX(320px);
		-o-transform: translateX(320px);
		-ms-transform: translateX(320px);
		transform: translateX(320px);
	}

	.form_offcanvas__label{
		bottom: 10px;
		top: auto;
		
	}

	.form_offcanvas__label.translate_offcanvas{
		-moz-transform: translateX(116px);
		-webkit-transform: translateX(116px);
		-o-transform: translateX(116px);
		-ms-transform: translateX(116px);
		transform: translateX(116px);
	}

	.form_offcanvas_number{
		left: 151px;
	}

	.form_offcanvas_logo{
		left: 40px;
	}

	#clion_map{	
		height: 400px;
	}

	#progetti h2{
		font-size: 24px;
	}
	
}

@media (max-width: 480px) {

	header.header_service h1{
		font-size: 280%;
	}


	#home_access button[type=submit]{
		width: 220px;
		clear: both;
		float: none !important;
		margin-left: auto;
	}

	#home_access a,
	#home_access p small{
		display: block;
		max-width: 160px;
		margin-left: auto;
		margin-right: auto;
	}

	.column_data{
		padding: 0 20px 40px 20px;
	}

	.page_chi_siamo .content_hero {
		background-position: 72% center;		
	}

	header:not(.header_service),
	header:not(.header_service) .header_hero_container{
		height: 220px;	
	}

	.content_hero h2{

		margin-top: 0;
		font-size: 20px;
	}

	header:not(.header_service) h1{
		font-size: 180%;
	}

	.foto_ufficio a{
		height: 150px;
		min-height: 0;
	}

	/*.flipper .front, .flipper .back, .flipper {
		width: 120px;
		height: 120px;
	}

	.staffMember .staffMemberDescription{
		padding-top: 25px;
	}

	.staffMember .staffMemberDescription h4{
		font-size: 56%;
	}

	.staffMember .staffMemberDescription h3{
		font-size: 60%;
	}

	.staffWidget > div:first-child .staffMemberDescription{
		padding-top: 10px;
	}*/

	/*.mediablock{
			height: 200px;
	}*/

	#clion_map{	
		height: 300px;
	}

}

@media (max-width: 413px) {
	
	.staffWidget > .col-xs-6 {
		width: 100%;
	}

}



@media screen and (min-width: 480px) and (max-width: 1023px) {

	.services_menu ul li a {
		font-size: 3vw;
	}

}

@media screen and (min-width: 320px) and (max-width: 479px) {

	.services_menu ul li {
		padding-bottom: 4%;
	}

	.services_menu ul li a {
		font-size: 5vw;
	}

}

@media screen and (min-width: 320px) and (max-width: 639px) {

	.service_container h2{
		/*font-size: 9vw;*/
		font-size: 30px;
	}

	.close_service_container{
		height: 30px;
		width: 30px;
		margin-top: 20px;
	}

	.close_service_container:after,
	.close_service_container:before{
		height: 2px;
	}

	.close_service_container:after{
		-moz-transform: rotate(45deg) translateX(10px) translateY(10px);
		-webkit-transform: rotate(45deg) translateX(10px) translateY(10px);
		-o-transform: rotate(45deg) translateX(10px) translateY(10px);
		-ms-transform: rotate(45deg) translateX(10px) translateY(10px);
		transform: rotate(45deg) translateX(10px) translateY(10px);
	}

	.close_service_container:before{
		-moz-transform: rotate(-45deg) translateX(-10px) translateY(10px);
		-webkit-transform: rotate(-45deg) translateX(-10px) translateY(10px);
		-o-transform: rotate(-45deg) translateX(-10px) translateY(10px);
		-ms-transform: rotate(-45deg) translateX(-10px) translateY(10px);
		transform: rotate(-45deg) translateX(-10px) translateY(10px);
	}
		

}

@media screen and (min-device-width : 375px) and (max-device-width : 736px) and (min-aspect-ratio: 13/9) {

	.services_menu .row > div{
		width: 50%;
	}

		.services_menu ul li{
			/*padding-bottom: 2%;*/
			padding-bottom: 20px;
		}

		.services_menu ul li a {
			/*font-size: 2.4vw;*/
			font-size: 3vw;
		}

	#header_services{
		height: 120vh;
	}

}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

	.services_menu .row > div{
		width: 50%;
	}

		.services_menu ul li a {
			font-size: 2.4vw;
		}

}

@media screen and (min-device-width: 320px) and (max-device-width: 400px) and (min-device-height: 480px) and (max-device-height: 736px){

	.globe_bg, .globe_opened{		
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	
}

/* Portrait and Landscape */
@media only screen  and (min-device-width: 375px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) { 

	.globe_bg, .globe_opened{		
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

}