/*---------------------------------------------------------*/
/*  TABLE OF CONTENT                                       */
/*---------------------------------------------------------*/

/*    xMobile v1.4 Custom Styles by inssitu
/*
/*    -----------------
/*
/*    Large Devices, Wide Screens
/*    Custom: width from 992px to 1200px
/*    Custom: from 992px of width
/*    Custom: more than 800px of height
/*    Custom: less than 800px of height
/*    Medium Devices, Desktops
/*    Small Devices, Tablets
/*    Extra Small Devices, Phones
/*    Custom: iPhone Retina
/*    Custom: Landscape devices

/* END */



/* Large Devices, Wide Screens */

@media only screen and (min-width : 1800px) {
	
	.header-special-version .intro {
		top: 15% !important;
	}
	
}
@media only screen and (max-width : 1800px) {
	
		.video_top{
	margin-top:120px;

.welcome-message {
/*	margin-top: -90px;*/
}

}
	

	
 .welcome-message h1 {
	font-size: 26px;
    line-height: 29px;
    width: 60%;
    margin-left: 0px;
    padding-left: 0px;
    font-weight: 400;
}

 .welcome-message h5 {
	font-size:20px;
	color:#fff;
	text-transform:none;
	font-weight:300;
	line-height:normal;
	width:70%;
	opacity:100;
	font-weight:400;
}	
	

	.hand-phone {
		right: -10%;
	}

}


/* Large Devices, Wide Screens */

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

.welcome-message {
/*	margin-top: -90px;*/
}	
		
	.video_top{
	margin-top:120px;



}
	
	

	
 .welcome-message h1 {
	font-size:30px;
	line-height:35px;
width:60%;
margin-left:0px;
padding-left:0px;
font-weight:400;
}

 .welcome-message h5 {
	font-size:20px;
	color:#fff;
	text-transform:none;
	font-weight:300;
	line-height:normal;
	width:70%;
	opacity:100;
	font-weight:400;
}	
	

	.hand-phone {
		right: -10%;
	}

}

@media only screen and (max-width : 1200px) {
	
.welcome-message {
/*	margin-top: -90px;*/
}
	.video_top{
	margin-top:200px;
}
.logo_as img{
	position:absolute;
	top:30px;
	right: 59%;
	left: auto;
	z-index:16000;
	width:112px;
}	
	
	
 .welcome-message h1 {
	font-size: 25px;
    line-height: 30px;
    width: 92%;
    margin-left: 0px;
    padding-left: 0px;
    font-weight: 400;
}

 .welcome-message h5 {
	font-size:20px;
	color:#fff;
	text-transform:none;
	font-weight:300;
	line-height:normal;
	width:70%;
	opacity:100;
	font-weight:400;
}		
	

	header, #newsletter, #download {
		background-attachment: scroll !important;
	}

	#maximage {
		position: absolute;
	}

	.hand-phone {
		right: -20%;
	}

	.responsive-button i {
		font-size: 32px !important;
		margin-top: -4px;
	}

	.responsive-nav .last-md {
		padding-right: 0 !important;
	}

	#tab .item {
		margin-top: 40px;
	}

	#features .block:first-child {
		margin-top: 0;
	}

}

@media only screen and (min-width : 992px) and (max-width : 1200px) {
	
.welcome-message {
/*	margin-top:-90px;*/
}

	
	.video_top{
	margin-top:120px;



}
		
	

	.header-special-version .welcome-message {
		width: 500px;
	}

}

/* CUSTOM: FROM 992px of width */
@media only screen and (min-width : 992px) {

	/* VERTICAL CENTER (ONLY FOR 2 DIVS) (USED ON #ABOUT & #BENEFITS SECTIONS) */

	.vertical-center {
		display: inline-block;
		float: none;
	}
	.vertical-center{
		vertical-align: middle;
	}

	.vertical-bottom {
		vertical-align: bottom;
	}

	.vertical-center:last-child {
		margin-right: -4px;
	}

	.header-special-version {
		min-height: 950px;
	} 

	.header-phones-version {
		min-height: 950px;
	}

	.header-minimal-version {
		min-height: 650px;
	}

	.header-special-version .intro {
		position: absolute;
		top: 20%;
	}
header .container {
	min-height: 650px;
	display: inline-block;
}

	.header-minimal-version .intro {
		position: absolute;
		top: 30%;
	}

}

/* CUSTOM: MORE THAN  800px of height */
@media only screen and (min-height: 800px) {

	.modal .modal-dialog {
		position: absolute;
		top: 15%;
		right: 0;
		left: 0;
		bottom:0;
		margin: 0 auto;
	}
	
}

/* CUSTOM: LESS THAN  800px of height */
@media only screen and (max-height: 800px) {
	
.video_top{
	margin-top:0px;



}	
	

	.header-minimal-version .intro {
		top: 20%;
	}

	.header-special-version {
		top: 20%;
	} 

	.hand-phone {
		position: absolute;
		top: 100px;
	}

	#services {
		padding: 120px 0;
	}

	#about,
	#benefits {
		padding: 90px 0;
		overflow: hidden;
	}
	
}

/* Medium Devices, Desktops */

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


	.responsive-nav2 nav {
    float: right;
    display: inline-block;
    margin-top: -70px;
}

.responsive-nav {
    opacity: 0!important;
}

.responsive-nav2 {
    height: 70px;
    position: absolute;
    width: 100%;
    top: -5px!important;
    z-index: 999;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -ms-filter: “alpha(opacity=0)”;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    background-color:transparent!important;
}
}



@media only screen and (max-width : 992px) {
	
.logo_novartis{
	position:absolute;
	top:10px;
	left:10px;
	z-index:16000;
	width:140px;
}	
.logo_as img{
	top:15px;
	right: 15px;
	width: 80px;
}	
	
	.video_top{
	margin-top:0px;



}
	
	 .welcome-message h1 {
	font-size:37px;
	line-height:normal;
width:90%;
margin-left:0px;
padding-left:0px;
}

 .welcome-message h5 {
	font-size:20px;
	text-transform:none;
	font-weight:300;
	line-height:normal;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}	

	/* GLOBAL STYLES */

	h1, h2, h3, h4, p, hr {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	section {
		padding: 80px 0;
	}

	#download .btn-theme {
		margin: 15px 5px;
		width: 30%;
	}

	/* TEXT WITH ICONS ON THE RIGHT OR LEFT */

	.text-icon-left,
	.text-icon-right {
		margin-bottom: 30px;
		margin: 0 auto;
	}

	.text-icon-left p,
	.text-icon-right p {
		width: 70%;
	}

	.text-icon-left, .text-icon-right {
		text-align: center;
	}

	.text-icon-left h3,
	.text-icon-right h3{
		margin-bottom: 20px;
	}

	.text-icon-left span,
	.text-icon-right span,
	.text-icon-left i,
	.text-icon-right i {
		display: none;
	}

	/* INTRO */

	.intro h2,
	.intro h3,
	.intro p {
		max-width: 80%;
	}

	/* HEADER */

	.header-minimal-version,
	.header-special-version {
		height: auto;
	}

	.header-phones-version {
		height: auto; padding-bottom: 50px;
	}

	.header-special-version .intro,
	.header-phones-version .intro,
	.header-minimal-version .intro {
		text-align: center;
		margin-top: 100px;
	}

	.header-special-version .intro h1,
	.header-phones-version .intro h1 {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.header-phones-version .welcome-message {
		margin-top: 0;
	}

	.hand-phone,
	.header-phones {
		position: absolute;
		visibility: hidden;
	}

	/* RESPONSIVE NAV */

	.responsive-nav .logo-nav {
		float: none;
		margin: 0 auto;
		text-align: center;
		width: auto;
	}

	.responsive-nav ul {
		display: none;
	}

	.responsive-nav .responsive-button {
		display: inline;
	}

	/* SECTION 1 : SERVICES */

	#services {
		padding: 80px 0;
	}

	#services .row > div {
		margin-top: 80px;
	}

	#services .row > div:first-child {
		margin-top: 0 !important;
	}

	#services .col-md-4 p {
		width: 70%
	}

	/* SECTION 2 AND 3 : ABOUT AND BENEFITS */

	#about .intro, #benefits .intro {
		margin-top: 0 !important;
	}

	#about, #benefits, #features {
		text-align: center;
		padding-top: 80px;
		padding-bottom: 0 !important;
	}

	#benefits .block {
		margin: 18px auto;
	}

	/* TAB */

	#about .container {
		padding: 0 !important;
		width: 100% !important;
	}

	#about .phones {
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
	}

	.buttons-tab {
		display: none;
	}

	#tab .item {
		margin: 0 auto;
		width: 90%;
		max-width: 350px;
	}

	#tab .item p {
		width: 100%;
	}

	/* PHONES OF ABOUT AND BENEFITS SECTION */

	.phones {
		margin-top: 50px;
		height: 400px !important;
	}

	#about,
	#benefits {
		padding-bottom: 0;
	}

	#benefits .container {
		padding-left: 10%;
		padding-right: 10%;
	}

	#about .phone-back,
	#benefits .phone-front {
		top: 0;
		right: 25%;
		left: 0;
		margin: 0 auto;
	}

	#about .phone-front,
	#benefits .phone-back {
		top: 0;
		left: 25%;
		right: 0;
		margin: 0 auto;
	}

	#about .phone-back,
	#benefits .phone-back,
	#about .phone-front, 
	#benefits .phone-front {
		height: auto;
		max-width: 250px;
		width: 50%;
	}

	#about .shadow-left,
	#benefits .shadow-right {
		width: 50%;
		height: 100%;
		top: 0;
		right: 0;
		left: 0;
	}

	#features .phones img {
		height: auto;
		max-width: 300px;
		width: 80%;
	}

	/* PRICING */

	.amount {
		font-size: 45px;
	}

	/* DOWNLOAD */

	#download .image-overlay,
	#download .color-overlay {
		padding: 60px 0 0 !important;
	}

	/* NEW BORDER v1.3 */

	.p-border-left {
		border-left: none;
	}

	/* ACCORDION v1.3 */

	.responsive-accordion-default.responsive-accordion li .responsive-accordion-panel {
		padding: 20px;
	}
	.info-bg {
		display: none;
	}

	/* FACT SECTION v1.3 */

	#facts hr {
		margin-bottom: 70px;
	}

	#facts .text-icon-left i {
		width: 100% !important;
		display: block;
	}

	#facts .text {
		display: block !important;
		margin-top: 20px;
		width: 100%;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.aviso_legal{
	margin-top:60px;
	bottom:10px;
	text-align:center;



}
.aviso_legal ul {
	text-align:center;
	



}
.aviso_legal ul li {
	display: block;
	line-height:45px;
	width:100%;
	border-bottom:#CCC 1px solid;





}
.aviso_legal ul li a{
	background-color:none;
	color:#fff;
	font-size:16px;
	padding-right:25px;





}
	
	

.logo_novartis{
	position:absolute;
	top:10px;
	left:10px;
	z-index:16000;
	width:240px;
	display:none;
}	
.logo_as img{
	display: none;
}

	
	
	.video_top{
	margin-top:0px;



}
	
	
 .welcome-message h1 {
	font-size:30px;
	line-height:normal;
width:100%;
margin-left:0px;
padding-left:0px;
}

 .welcome-message h5 {
	font-size:20px;
	text-transform:none;
	font-weight:300;
	line-height:normal;
	width:100%;
}		
	

	/* GLOBAL STYLES */

	.btn-theme {
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
		width: 60% !important;
	}

	/* Fix for Onepagenav.js */

	section {
		padding-top: 70px !important;
	}

	#newsletter, #download {
		margin-top: 0px !important;
		padding-top: 0px !important;
	}

	/* HEADER */

	header .intro {
		margin-top: 50px;
	}

	.header-phones-version {
		height: auto;
	}

	.header-phones-version .intro {
		margin-bottom: 0;
	}

	header .responsive-button {
		top: 10px;
		right: 0;
	}

	header .responsive-button li:last-child {
		padding-right: 5px;
	}

	header h1 {
		font-size: 40px;
	}

	header .btn-theme:first-child {
		margin-bottom: 15px !important;
	}

	.responsive-nav .responsive-button {
		padding-right: 25px;
	}

	.phones {
		height: 300px !important;
	}

	/* SERVICES */

	#services .row > div {
		margin-top: 60px;
	}

	#services .col-md-4 p {
		margin: 0 auto;
	}

	/* FACT SECTION v1.3 */

	#facts hr {
		margin-bottom: 20px;
	}

	#facts .text-icon-left i {
		width: 100% !important;
		margin-top: 40px;
	}

	#facts .text-icon-left h4 {
		font-size: 40px;
	}

	/* NEWSLETTER */

	#subscription {
		width: 90%;
	}

	#subscription input {
		width: 85%;
		padding-left: 12%;
	}

	#subscription button {
		width: 15%;
	}

	/* PRICING */

	#pricing .intro {
		margin-bottom: 0;
	}

	.price-table {
		max-width: 370px;
		margin: 0 auto;
	}

	#pricing .col-sm-4 {
		margin-top: 30px;
	}

	/* testimonial */
	
	#testimonial .icon-quote-left {
		left: 3%;
		font-size: 50px;
	}

	#testimonial .icon-quote-right {
		right: 3%;
		font-size: 50px;
	}

	/* FOOTER */

	blockquote {
		width: 80%;
		margin: 0 auto;
	}

	/* FOOTER SOCIAL ICONS */

	footer ul {
		margin-bottom: 20px;
	}

	.visible_sm{
		display:block!important;
	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	

	
	
	

.loader-one {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 10px;
	text-indent: -9999em;
	background-image:url(../images/ico/logo_loading_movil.png);
}
.loader-one, .loader-one:after {
	width: 230px;
	height: 80px;
}




	
	.video_top{
	margin-top:0px;



}
	
	
	
 .welcome-message h1 {
	font-size:30px;
	line-height:normal;
width:100%;
margin-left:0px;
padding-left:0px;
}

 .welcome-message h5 {
	font-size:20px;
	text-transform:none;
	font-weight:300;
	line-height:normal;
	width:100%;
}	


	/* GLOBAL STYLES */

	.btn-theme {
		width: 80% !important;
	}

	.logo-loader {
		max-width: 130px;
	}

	section {
		padding: 60px 10px !important;
	}

	/* HEADER */

	header h1 {
		margin: 30px;
	}

	header .responsive-button li:last-child {
		padding-right: 5px;
	}

	.responsive-button i {
		font-size: 24px !important;
	}

	/* SERVICES */

	#services .col-md-4 p {
		width: 100%
	}

	#services .intro {
		margin-bottom: 50px;
	}

	/* ALL PHONES IMAGES CONTAINER */

	.phones {
		height: 200px !important;
	}

	.special-version .phones,
	.phones-version .phones {
		height: 250px;
	}

	/* NEWS */

	#list-news h3 {
		width: 50%;
	}

	#list-news .info .comments {
		display: none;
	}

	/* NEWSLETTER */

	#subscription input {
		width: 80%;
	}

	#subscription button {
		width: 20%;
	}

	/* PRICING */

	.price-table {
		width: 90%;
		margin: 0 auto;
	}

	/* FOOTER */

	.social {
		display: block;
		margin: 30px 0 !important;
	}

	.social li a {
		margin: 0;
	}

	.social i {
		font-size: 20px;
	}

	/* MODAL CONTACT AND FULLSCREEN MENU CLOSE BUTTON */

	button.close,
	.overlay .overlay-close {
		width: 38px;
		height: 38px;
		position: absolute;
		right: 10px;
		top: 10px;
		background: url(../images/nivo/crossLight.png) no-repeat center center !important;
	}

	.overlay .overlay-close, button.close {
		background-size: 38px 38px !important;
	}

	@media  (-webkit-min-device-pixel-ratio: 1.3),
			(-o-min-device-pixel-ratio: 2.6/2),
			(min--moz-device-pixel-ratio: 1.3),
			(min-device-pixel-ratio: 1.3),
			(min-resolution: 1.3dppx) {

			.overlay .overlay-close, button.close {
				background-size: 38px 38px !important;
			}
				
	}

	.overlay nav {
		font-size: 34px;
	}

	.overlay, .modal-backdrop.in {
		background: rgba(211,11,78,0.9) !important;
	}

}

@media only screen and (max-width : 420px) {
	.header-special-version .logo {
		width: 100%;
		height: auto;	
	}
}


/* Custom: iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
	.loader-one {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 10px;
	text-indent: -9999em;
	background-image:url(../images/ico/logo_loading_movil.png);
}
.loader-one, .loader-one:after {
	width: 230px;
	height: 80px;
}
	


	h2 {
		font-size: 40px;
	}

	header .intro img {
		width: 80%;
	}

	.btn-theme {
		width: 90% !important;
	}

	.text-icon-left p,
	.text-icon-right p {
		width: 100%;
		margin: 0 auto;
	}

	/* PRICING */

	.price-table {
		width: 100%;
		margin: 0 auto;
	}

	/* DOWNLOAD */

	blockquote p {
		font-size: 25px;
	}

}

/* Custom: Landscape devices */
@media only screen and (max-height: 420px) {
	
	.loader-one {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 10px;
	text-indent: -9999em;
	background-image:url(../images/ico/logo_loading_movil.png);
}
.loader-one, .loader-one:after {
	width: 230px;
	height: 80px;
}

	.overlay nav {
		font-size: 30px;
	}

	.overlay nav {
		top: 48%;
	}

	
}
@media only screen and (max-width:534px){

.responsive-nav2 {
    height: 70px;
    position: absolute;
    width: 100%;
    top: -5px!important;
    z-index: 999;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -ms-filter: “alpha(opacity=0)”;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    background-color:transparent!important;
}

.header-special-version .intro {
    text-align: center;
    margin-top: 150px;
}

.responsive-nav2 ul li a {
    padding: 6px 5px;
    display: block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
}