

/************ MEDIA QUERIES TABLET   **********************************************************/


@media screen and (max-height: 664px) {
	.onepage-pagination { top: 56%;}
	#homepage #intro	.under .bottomtxt a {display:none}
	#homepage #intro	.under.fixedarrow .bottomtxt a {display:inline}
	#intro	.under {text-align: center; width: 100%;position: fixed;bottom:34px;background:transparent url(../img/line.png) 0 100% repeat-x;border-bottom: 34px solid white;bottom: 0px;}
	#intro	.under.fixedarrow {position: absolute;bottom:-100px;border-bottom: 0;}

}

@media (min-width:768px) and (max-width:1214px) {
  .clients-list ul {
    max-width: 90% !important;
  }
}
@media (min-width:768px) and (max-width:1130px) {

	#home-top-desktop .quest-bottom h4 {max-width:80%;}
	#solutions .home-container div.wrapper{flex-direction: column;max-width:95%;margin:60px 20%  15px 20% ;}
	#solutions .home-container div.wrapper div:first-child,
	#solutions .home-container div.wrapper div  {width:100%;padding:0 8px}
	#solutions .image-div {text-align: center;}
	#solutions .home-container div.wrapper div.w_info {padding:40px 8px 0 8px !important}
	#home-top-desktop ul.quest-preg {  margin: 40px 40px 40px 100px;}
	#home-top-desktop .quest-text { color: #4a4a4a; padding: 0 20px 0 0;width:70%;}
	#home-top-desktop .quest-title  {font-size: 36px !important;}
	#home-top-desktop .quest-head  {font-size: 36px !important;}
	#home-top-desktop ul.quest-preg li a span {display: flex !important;align-items: center !important;justify-content: center !important;}
	#home-top-desktop .quest-title {padding-left: 0 !important}
	#home-top-desktop ul.quest-radio li {width:70%}
	#home-top-desktop ul.quest-preg li a span {white-space: normal;line-height: 140%}
	#intro-content{max-width:100%;margin-left:10%!important;margin-right:10%!important}
	#thanks  	#intro-content {max-width:auto;margin-left:auto !important;margin-right:auto !important}
	#privacy  	#intro-content {max-width:auto;margin-left:auto !important;margin-right:auto !important}
	#questhree .desktop-in,
	#questtwo .desktop-in,
	.desktop-in{padding:25px 0 75px 100px!important}
	#questone .quest-title{padding-left:100px!important}
	#questfour .desktop-inin{width:80%;margin:0 auto;padding:0 0 75px 0}
	#intro-content {max-width:100%;margin-left:10% !important;margin-right:10% !important;}
	#home-top-desktop .quest-head.topborder.bottom {margin-left: auto;margin-right: auto}
	#home-top-desktop .quest-head .quest-head-blue h5 {padding: 20px 40px 25px;line-height: 110%;}
	#home-top-desktop .quest-head-special {max-width: 100%;grid-column-gap: 10px;}
	#home-top-desktop .quest-head.topborder.bottom {  max-width:100%;}
	#home-top-desktop .quest-head.topborder.bottom div { max-width: 100%;margin:20px auto 0 auto}
	#home-top-desktop .quest-head.topborder.bottom h5 { padding-top: 30px;font-size: 25px;}
	#home-top-desktop .quest-full {padding: 20px 0 0 0;  width: 100%;min-width: 100%;display: block;margin-top: 20px}
	footer { padding: 50px 10% 40px 7%;}
	.top-arrow {right:30px}

}



@media (min-width:981px) and (max-width:1130px) {

#home-top-desktop ul.quest-preg li a span  {min-height: 105px !important}
body.all #intro-content {max-width: 700px !important}

}

@media(min-width:1280px)  {
	body#affiliates  img.header_h.img_affiliates {
	width: 490px;
	height:377.6714801444043px;
	}
}
@media(min-width:1400px)  {

body#homepage .main .main-all{background-color:transparent;background-image:url(../img/header_0.png);background-position:top 0 left 50%;background-repeat:no-repeat;background-size:auto}
body#homepage .main{background:0 0!important;max-width:100%;margin:0 auto -70px auto;background-repeat:no-repeat}
body.all .main {margin-bottom:-130px !important}
body#contact.all .main {margin-bottom:-100px !important}

}

@media(min-width:1131px) and (max-width:1399px) {
body#homepage .main .main-all{background-position:top 0 left 0,top 0 right -10%}
body.all .main {margin-bottom:-130px !important}
body#contact.all .main {margin-bottom:-100px !important}
.top-arrow {right:30px}
footer { padding-right:10%;padding-left:7%;}
body#ftures.all .features-list .wrapper {max-width: 80% !important;}

}

@media(min-width:1131px) and (max-width:1231px) {

body#homepage #intro #intro-content .intro-div {max-width: 54%;}
body#homepage #intro-content{margin-top: 142px;}
body#homepage  #intro-content h1.title {font-size: 54px;}
body#homepage p.home-content {font-size: 18px;}

}


@media(min-width:980px) and (max-width:1061px) {
	img.header_h {
	width:30%;
	}
	body#homepage  #intro-content h1.title {font-size: 30px !important;}

}

@media(min-width:1062px) and (max-width:1250px) {
	img.header_h {
	width:35%;
	}
	body#homepage  #intro-content h1.title {font-size: 32px !important;}

}


@media(min-width:980px) and (max-width:1250px) {


	body.all #intro-content h1.title {font-size: 44px !important;}
	body.all #intro-content{margin-top: 182px !important;}
	body.all  #intro-content  {margin-left: 0 !important}
	body.all  #intro-content  {margin-right: 0 !important}
	body.all  p.home-content {font-size: 18px !important;}
	body#homepage p.home-content {font-size: 16px !important;}

}

@media(min-width:980px) and (max-width:1060px) {

	body#homepage  #intro-content h1.title  {max-width: 80% !important;margin-left: -20px;}
	body#homepage p.home-content {margin-left: -20px;}
	body#homepage #intro #intro-content .intro-div {max-width: 44% !important;}
	body#homepage #intro #intro-content .intro-div {padding-left: 0 !important;}
	body#homepage #intro-content{margin-top: 152px !important;}

}


@media(min-width:1061px) and (max-width:1130px) {

	body#homepage  #intro-content h1.title  {max-width: 70% !important;}
	body#homepage #intro #intro-content .intro-div {max-width: 58% !important;}
	body#homepage #intro #intro-content .intro-div {padding-left: 0 !important;}
	body#homepage #intro-content{margin-top: 152px !important;}

}

@media(min-width:1131px) and (max-width:1250px) {

	body#homepage #intro #intro-content .intro-div {padding-left: 50px !important;}

}

@media(min-width:1131px) and (max-width:1232px) {

		body#homepage #intro-content {margin-top:160px !important}
		body#homepage  #intro-content h1.title {font-size: 32px !important;}
		body#homepage p.home-content {font-size: 16px !important;}
}

@media(min-width:1232px) and (max-width:1399px) {

	body#homepage #intro-content {margin-top:140px !important}
	body#homepage  #intro-content h1.title {font-size: 44px !important;}

}


@media(min-width:1232px) and (max-width:1280px) {

	body#homepage #intro #intro-content .intro-div {max-width: 64% !important;}

}

@media(min-width:1232px) and (max-width:1399px) {

	body#homepage #intro #intro-content .intro-div {max-width: 68%;}
	body#homepage #intro-content{margin-top: 142px;}
	body#homepage  #intro-content h1.title {font-size: 54px;}
	body#homepage p.home-content {font-size: 18px;}

}

@media(min-width:980px) and (max-width:1130px) {

	body#ftures.all .features-list .wrapper {max-width: 86% !important;}
	body.all .main {margin-bottom:-130px !important}
	body#contact.all .main {margin-bottom:-100px !important}
	body#homepage .main .main-all {background-position: top 0 left -10%, top 0 right -40%;}
	body#homepage #intro #intro-content .intro-div {max-width: 68%;}
	body#homepage #intro-content{margin-top: 142px;}
	body#homepage  #intro-content h1.title {font-size: 54px;}
	body#homepage p.home-content {font-size: 18px;}

}


@media(min-width:767px)   and   (max-width: 980px) {
	img.header_h {
	width:35%;
	}
	body#homepage  #intro-content h1.title {font-size: 40px !important;max-width:60% !important ;}
	body#homepage p.home-content {font-size: 18px !important;}
	body#homepage #intro-content {margin-top:180px !important}
	#home-top-desktop ul.quest-preg li {width: 100% !important;max-width: 200px !important;min-width: 200px !important;margin-right: 10px !important;}
	#home-top-desktop ul.quest-preg li a span  {min-height: 100px}
	footer { padding: 50px 7% 40px 5%;}
	.top-arrow {right:30px}
	footer nav {width:28%}
	footer aside {width:40%}
	body#ftures.all .features-list .wrapper {max-width: 80% !important;}
	body#homepage #intro .under {bottom: -150px;}
	body.all .main {margin-bottom:-130px !important}
	body#contact.all .main {margin-bottom:-100px !important}
	body#homepage #intro #intro-content  {padding: 0}
	body#homepage #intro #intro-content h1.title {max-width: 75%;}
	body#homepage #intro #intro-content p.home-content {max-width:90%}
	body#homepage #intro #intro-content .intro-div { padding: 80px 0 20px 0;max-width: 100%;position: relative;margin: 0 auto;}
	body#homepage .main .main-all{background-color:transparent;background-image:url(../img/header_0.png);background-position:top 40% left 50%;background-repeat:no-repeat}
	body#homepage .main{background:#fff!important;}

}


@media(min-width:767px)   and   (max-width: 980px) {

	.privacy-main  h4 {font-size:28px;}
	header#nav{flex-direction:column;min-height:100px;background:#fff}
	header#nav .menu-top{padding-top:66px;margin-left:0;justify-content:flex-start;min-width:auto;width:100%;background:#fff}
	header .nav-header ul.desktop{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding-left:25px;justify-content:flex-start}
	header#nav .try{position:absolute;right:30px}
	#nav.headerFixed{min-height:120px}
	.nav-header{padding-left:0!important;padding-right:0!important}
	body#homepage .main {margin-bottom:-10px !important;}
	body.all #intro-content h1.title {font-size: 44px !important;}
	body.all #intro-content{margin-top: 182px !important;}
	body.all  p.home-content {font-size: 18px !important;}
	body.all  #intro-content  {margin-left: 0 !important}
	body.all  #intro-content  {margin-right: 0 !important}

}

@media (max-width: 980px) {

	#about-text .about-asset.pagination-centered .about-main ul li{max-width:45%}.logobrand{left:30px}
	#intro-content{padding:0 10%}
	#home-top-desktop .quest-title{font-size:25px;padding:18px 0 18px 100px}
	.onepage-pagination{min-height:100%;position:fixed;top:50%;right:-100%;background:rgba(250,250,250,.95);width:100%;padding:190px 12px 50px 0;height:calc(100vh - 125px);transition:right .5s;-moz-transition:right .5s;-webkit-transition:right .5s;-o-transition:right .5s}
	.onepage-pagination.isdisplayed{right:0;transition:right .5s;-moz-transition:right .5s;-webkit-transition:right .5s;-o-transition:right .5s;overflow:hidden}.onepage-pagination li a{background-image:url(../img/fnd-sidenav.gif);background-position:center right;background-repeat:repeat-y}
	.onepage-pagination-before{position:fixed;top:170px;right:0;text-align:center;font-weight:100;color:#fff;z-index:1000;width:0;height:0;border-top:35px solid transparent;
		border-bottom:35px solid transparent;border-right:35px solid #2e49eb;border-left:0;transition:right .5s;-moz-transition:right .5s;-webkit-transition:right .5s;-o-transition:right .5s;margin-bottom:-146px;}
	.onepage-pagination-before:before{content:''}.onepage-pagination-before.isdisplayed{right:auto;border-right:0;left:0;border-left:35px solid #fed247;transition:right .5s;-moz-transition:right .5s;-webkit-transition:right .5s;-o-transition:right .5s}
	.onepage-pagination-before.isdisplayed:before{content:''}

	}

/************ MEDIA QUERIES MOBILe   **********************************************************/

	@media (max-width: 767px) {
		.as_table div {flex-direction: column}
		.as_table div span,
		.as_table div p {max-width:100%;width:100%;}
		.as_table div p {text-align: justify;;}
		.as_table div span {min-height: 80px;}
		.video-container  {
			width: 90% !important;
			min-height: 500px !important;
			margin: -280px auto 0 auto !important;
			border-radius: 0 !important;
			box-shadow: 0 0 0  !important;
			border:0 !important;
		}
		.clients-list li#martiderm img  {
		margin-top: -30px !important;
		}
.section-contact .contact-section .wrapper,
	.contact-section .wrapper {
max-width: 100% !important;
		padding-left:0 !important;padding-right:0 !important;margin: 0 !important}
	#contacto	.under#arrownav {    top: 400px;}
	iframe {
		margin-top: -280px;
    max-width: 80%;
		min-height: 900px;
	}
	#thanks #intro-content {margin-top: 10px;}
	#intro-top-desktop-thanks { padding-top:60px;}
#sitehome .intro-content  {min-height: 520px !important;	}
#affiliates .intro-content  {min-height: 520px !important;	}
#error #nav {height:100px;top:0;border-bottom:0;}
#sitehome  #intro {min-height: 520px;	}
#affiliates  #intro {min-height: 520px;	}
section.affiliates-steps h2 {text-align: center;}
.features-middle .wrapper article h3 {font-size: 34px !important;}
section.clients h3 {font-size: 34px !important;    line-height: 140% !important;}
.clients-list ul {flex-direction: column;}
.sitehome-list h2 {font-size: 34px !important;}
.affiliates-list h2 {font-size: 34px !important;}
.affiliates-steps h2 {font-size: 34px !important;}
section.affiliates-steps .wrapper  {}
section.sitehome-list ul li {	flex-direction: column;}
section.sitehome-list ul li figure {	width: 70%;margin: 0 auto -80px auto;}
section.sitehome-list ul li div {width:100%;}
section.sitehome-list ul li div .button_default {margin: 0 auto;}
section.sitehome-list ul li div h3 {font-size: 24px;padding-top: 40px;}
section.affiliates-list ul li {	flex-direction: column;}
section.affiliates-list ul li figure {	width: 70%;margin: 0 auto -80px auto;}
section.affiliates-list ul li div {width:100%;}
section.affiliates-list ul li div .button_default {margin: 0 auto;}
section.affiliates-list ul li div h3 {font-size: 24px;padding-top: 40px;}
						header#nav  .nav-header ul.menu.mobile {
							padding-top: 54px !important;
						}
					header#nav  .nav-header ul.mobile li  {
						color: #2e49eb;
						line-height: 60px;
						text-align: left;
						    padding-left:15%;
						font-size:26px !important;
						text-transform: none;
						font-family: "MontserratSemiBold",Helvetica,Sans-serif;
					}
					header#nav  .nav-header ul.mobile li ul li {
						border-bottom:0;
							text-align: left;
							    padding-left: 10px;

					}
					header#nav  .nav-header ul.mobile li ul li a {
						font-size:22px !important;
						padding-left: 26px;
						white-space: nowrap;
					}

						header#nav  .nav-header ul.mobile li ul {
							margin-bottom: 10px;
									margin-top:-8px;
						}


						header#nav  .nav-header ul.mobile li ul li.li_ams a  {
							background:transparent url(../img/logo_letter_ams.png) 0 3px no-repeat;
							background-size: 20px 20px;

						}
						header#nav  .nav-header ul.mobile li ul li.li_xray a  {
							background:transparent url(../img/logo_letter_xray.png) 0 3px no-repeat;
							background-size:  20px 20px;
						}
						header#nav  .nav-header ul.mobile li ul li.li_studio a   {
							background:transparent url(../img/logo_letter_studio.png) 0 3px no-repeat;
							background-size:  20px 20px;
						}
						header#nav  .nav-header ul.mobile li ul li.li_main a   {
							background:transparent url(../img/logo_i.png) 0 3px no-repeat;
							background-size:  20px 20px;
							color:#333;
						}
						header#nav  .nav-header ul.mobile li em
						{color:#acacac}
					header#nav  .nav-header ul.mobile li a {
				    color: #2e49eb;
				    line-height: 40px;
				    font-size:26px !important;
						text-transform: none;
						text-decoration:  none;
				    font-family: "MontserratSemiBold",Helvetica,Sans-serif;
				  }
					header#nav  .nav-header ul.mobile li a:hover  {
						text-decoration: underline;
					}
					section.affiliates-steps ul li div  {
						padding-left: 0
					}
		 	.sitehome-list .wrapper {max-width:100%;margin:-90px auto -20px auto !important;width:100%;padding:0 30px !important}
				.affiliates-steps .wrapper {max-width:100%;width:100%;padding:0 30px !important}
			.affiliates-list .wrapper {max-width:100%;margin:-90px auto -20px auto !important;width:100%;padding:0 30px !important}
		#nav.headerFixed {border-bottom:1px solid #eee;;}
		.cc-banner.cc-bottom {
			display: flex !important;
			flex-direction: column !important;
		}
		.cc-message {padding-top: 20px !important;    max-width: 70% !important;
    padding-bottom: 20px !important;}
		.cc-window .cc-compliance .cc-btn.cc-allow {margin-right: 30px!important;}
		.cc-revoke.cc-bottom {flex-direction: column !important;z-index: 6 !important;}
		#footer .question-interesting .moreinfo {width:140px !important;min-width:140px !important}
		footer {z-index:5 !important;}
		.contact-section.contact-share .presentation {padding-top: 160px !important;}
		.contact-section .presentation {margin-top:20px !important;padding-top: 0 !important}
		.contact-section.contact-share .form-element label {position: absolute;font-size: 15px; }
		.contact-section.contact-share fieldset button {min-width: 100%}
		.contact-section fieldset button {min-width: 100%}
		.cc-compliance {min-width: 100% !important;width: 100% !important;justify-content: space-between !important;;margin-top: -10px !important;padding-bottom: 30px !important;padding-top: 30px !important;padding-left: 30px !important}
		.cc-btn.cc-allow,.cc-btn.cc-deny {white-space: nowrap !important;border:1px solid white !important;margin-top: -10px !important;min-width: 150px !important}
		#nav.headerFixed {height:134px !important;}
		.cc-btn.cc-dismiss {width:90% !important;min-width: 90% !important}
		.cc-banner.cc-theme-edgeless .cc-btn {width:90% !important;min-width: 90% !important}
		header .logo figure {margin:0 0 0 0 !important;}
		.bottom-arrow-new {z-index:99 !important}
		.onepage-pagination h5 {	background-image: url(../img/fnd-sidenav.gif); background-repeat: repeat-y; background-position: center right;}
		#industry .desktop-in {padding-top: 165px}
		#responsibility .desktop-in {padding-top: 165px}
		#task .desktop-inin  {padding-top: 165px}
		#industry .quest-head {padding-top: 60px !important;}
		#selector {padding-top: 165px}
		#home-top-desktop .quest-bottom h4 {max-width:95%;}
		#home-top-desktop .quest-bottom h4 a  {font-size: 90% !important;}
		.all #intro-content {padding-left: 0 !important}
		#about_us #intro	.under {bottom:-160px !important;}
		#about_us .why_twona .wrapper {
			margin-top: -40px !important;
		}
		.about-main p.aboutinfo {
			width:80%;
			font-size:18px;
		}
		body#sitehome #intro	.under div{display:none}
		section.affiliates-steps ul {flex-direction: column;}
		section.affiliates-steps ul li figure {}
		section.affiliates-steps {margin-bottom:120px !important;}
		body#sitehome .intro-content a.button_default {margin: 40px auto 0 auto;}
		body#affiliates .intro-content a.button_default.btn_affiliates {margin: 40px auto 0 auto !important;}
		body#sitehome #intro-content h1.title.full {max-width: 100% !important;padding-left: 22px !important}
		body#affiliates #intro	.under div{display:none}
		body#affiliates .intro-content a.button_default {margin: 40px auto 0 auto;}
		body#affiliates #intro-content h1.title.full {max-width: 100% !important;padding-left: 22px !important}
		.team_h3 {
			font-size:34px !important;
		}
		.about-main   ul {
			flex-direction: column;
		}
		.about-main ul li {

			max-width:100% !important;
		}

		.about_us .about-main   ul.second,
		.about_us .about-main   ul.third {
		max-width: 90% !important;
			padding:0 10%;
		}
		.about_us .about-main   ul.third {
			margin-top: -10px;
		}
.about-main ul li p { width: 100% !important;}

			body#about_us .intro-div {
				padding: 0 30px;
				    margin-top: -40px;
			}
			body#about_us p.home-content {
				max-width: 100% !important
			}
			body#contacto .intro-div {
				padding: 0 30px;
						margin-top: -40px;
			}
			body#contacto p.home-content {
				max-width: 100% !important
			}
		body#sitehome #intro  p.home-content {max-width: 100%;padding-left: 22px !important}
		body#sitehome #intro #intro-content .intro-div {margin-top: -120px !important;padding: 40px 0 0 0 !important;}
		body#affiliates #intro  p.home-content {max-width: 100%;padding-left: 22px !important}
		body#affiliates #intro #intro-content .intro-div {margin-top: -120px !important;padding: 40px 0 0 0 !important;}
.under#arrownav {position: relative !important;}
 		img.header_h {
		width:40% !important;
		position: absolute;
		display: none !important;
			top:auto !important;
			bottom:0 !important;
			left: auto !important;
			right:4% !important;
			z-index: 1;
		}
		.all#why  .under.mobile-under {  top: -92px;}
		.all#faq  .under.mobile-under {  top: -122px;}
		.all#contact .under.mobile-under {  top: -22px !important;}

			#homepage	.under.mobile-under {
		  border-top:40px solid white;}
			#homepage	.under.mobile-under {
			border-top:60px solid white;}
		.under.mobile-under {
		position: relative;
		top: -82px;}
#homepage	 .intro-div {z-index:1;position: relative;}
.quality-info h3,
.about-info h3 {font-size:160% !important;}
body#homepage #intro #intro-content .intro-div {padding-top: 10px !important}
.under.mobile-under  {text-align: center; width: 100%;background:#fff url(../img/line.png) 0 100% repeat-x;}
.under.mobile-under 	strong {display: block;position: absolute;width:100%;text-align: center;    bottom: 0px;}
.under.mobile-under 	strong  em.w_arr {background:transparent url(../img/arrowbg.png) 0 0 no-repeat;width:131px;height:71px;background-size: 131px 71px;position: relative;margin: 0 auto;display: block;}
.under.mobile-under   div {position: relative;text-align: center;}
.under.mobile-under {display:block}
#privacy #intro-content h1.title.full {font-size: 40px;margin-top:-30px;margin-bottom:-50px !important}

 body#homepage #intro .under{bottom:-190px}

 #privacy .privacy-main h4{line-height:140%}
 .privacy-section .wrapper{margin-top:150px!important;max-width:98%!important;padding:0 20px!important}
 .privacy-main h4{font-size:22px}
 .privacy-main p{font-size:16px}
 .privacy-main ul{font-size:16px}
 #questtwo  #home-top-desktop .quest-title {margin-top: 150px}
 #questthree  #home-top-desktop .quest-title {margin-top: 150px}
 #questfour  #home-top-desktop .quest-title {margin-top: 150px}

 .why_twona .quality-info ul li figure {width: 40%;}
 .why_twona .quality-info ul li div {width: 60%;}
 .why_twona h3 {font-size: 40px;}
 .why_twona .wrapper {max-width:100%;margin:-10px auto 0 auto;width:100%;padding:0 30px}
 .why_twona .why-info .card ul li {width:100%;text-align: center;}
 .why_twona .why-info .card ul li:nth-child(1) {width:100%;}
 .why_twona .why-info .card ul li:nth-child(2) {width:100%;}
 .why_twona .why-info .card ul li:nth-child(3) {width:100%;}
 .why_twona .why-info .card  {margin-bottom:80px !important}
 .why_twona .why-info .card ul li figure {width:100%;text-align: center;margin-top:40px;}
 .why_twona .why-info .card ul li:first-child figure {margin-top:20px;}
 .why_twona .why-info .card ul {display:block}

 #ftures .interiores {margin-top:-100px !important;padding-bottom:70px}
 .interiores section.features-list {padding-top: 0}
 .features-middle .wrapper article h3 {text-align:left}
 .features-list .wrapper article div{margin-top:60px}
 .features-middle .wrapper,
 .features-list .wrapper{max-width:100%;margin:0 auto 0 auto;width:100%;padding:0 30px}
 .features-list .wrapper article div{flex-direction: column;}
 .features-list .wrapper article figure{width:100%;text-align: center !important;margin-bottom:32px}
 .features-list .wrapper article figure img{width:80%;margin: 0 auto}
 .features-middle .wrapper article h3{white-space: normal;}
 .features-list .wrapper article div.img-right ul{padding-right:0%}
 .features-list .wrapper article div.img-left ul{padding-left:0%}
 .features-list .wrapper article div ul {order:2}
 .features-list .wrapper article div figure {order:2}
 .features-list .wrapper article div.img-right ul {order:2}
 .features-list .wrapper article div.img-right figure{order:1}
 .features-list .wrapper article ul{padding:0;width:100%}
 .features-list .wrapper article h3,
 .features-middle .wrapper article h3{font-size:40px;line-height: 110%;}

 #common .container div.wrapper{max-width:90%;margin:180px auto 120px auto;display: block;}
 #common .container div.wrapper {margin-top: 140px}
 #thanks #intro .intro-div{padding-top:80px}
 .intro-content{min-height:520px}
 body#homepage .main .main-all{background-color:transparent;background-image:url(../img/header_0.png);background-position:top 40% left 50%;background-repeat:no-repeat}
 body#homepage .main{background:#fff!important}
 section.faqs_accordion .wrapper{padding-top:0}
 body#homepage #intro #intro-content .intro-div {min-height:440px;max-width:100%;padding-left: 5px}
 .interiores section{padding-top:40px}
 section.faqs_accordion h2{text-align:center;font-size:38px}
 ul.accordion li.minus_image a.minus_symbol span.minus_img{padding-right:10%}
 ul.accordion li{padding:30px 10px 0 10px}
 section.faqs_accordion h5{text-align:center;font-size:22px}
 ul.accordion .inner p{padding-right:50px}
 section.faqs_accordion ul.accordion li a.toggle span{font-size:20px!important}


 .two-rows div.cols-alike{flex-direction:column}
 .two-columns .quest-sol-body{flex-direction:column}
 .two-columns .quest-sol-body div{width:auto}
 .two-columns-and-img .two-cols .quest-sol-body{width:auto}
 .quest-sol-body h4,h4.out_row{font-size:22px;line-height:140%}
 .two-columns-and-img .two-cols {flex-direction: column;}
 .quest-text a {    font-size: 16px !important;}
 #home-top-desktop .quest-head-special .quest-solution .quest-text.first {    font-size: 16px !important;}
 #intro-content {max-width:100%;;margin-left:0% !important;margin-right:0%  !important;padding: 0 20px !important;margin-top: 176px;}
 #home-top-desktop .quest-head .quest-head-blue .quest-text-blue {font-size: 17px !important;    padding: 0 20px 40px 20px;}
 #home-top-desktop .quest-head .quest-head-blue h5 {font-size: 70% !important;padding:40px 20px 20px 20px;}
 #intro-content h1.title{font-size:40px;padding-top:30px !important;}
 #questtwo .desktop-in { padding: 0 0 25px 0 !important; }
 #questthree .desktop-in { padding: 0 0 25px 0 !important; }
 #questfour .desktop-inin { padding: 0 0 25px 0 !important; }
 #questtwo .quest-head {font-size: 25px;}
 #questthree .quest-head {font-size: 25px;}
 p.home-content{font-size:18px;text-align:justify;}
 #home-top-desktop .quest-title {min-width: 100%	}
	#home-top-desktop ul.quest-preg {  flex-direction: column;margin: 0 !important}
 #home-top-desktop ul.quest-preg li { width:100% !important; min-width: 100% !important;max-width:100% !important; margin-right: auto; margin-left: auto;margin-bottom: 4%; }
 #home-top-desktop .quest-title { font-size: 25px; padding: 18px 0 18px 0; }
 #home-top-desktop .quest-title span {font-size: 25px;}
 #home-top-desktop ul.quest-radio li { width: 100%; }
 #home-top-desktop .quest-title em {margin-top: 14px;width: 100% !important}
 #home-top-desktop .quest-head em {width: 100% !important}
 .bottomtxt{padding-top:45px !important;margin-bottom: -20px !important}
 .desktop-inin { padding: 75px 0; }
 a.more {margin-top: 20px}
 #home-top-desktop .quest-text.right { clear: none; }
 #home-top-desktop .moreinfo { width: calc(100% - 60px) !important; }
 #questone #home-top-desktop {padding-top: 0 !important}
 h4.final-title .blogasset { float: unset !important; margin-top: 0; margin-left: 0 !important; }
 h4.final-title.right { padding-left: 100px; }
 .bottom-arrow {margin-bottom: -20px}
 #solutions .home-container div.wrapper{flex-direction: column;max-width:95%;margin:-40px auto 15px auto;}
 #solutions .home-container div.wrapper div:first-child, #solutions .home-container div.wrapper div  {width:100%;padding:0 8px}
 #solutions .image-div {text-align: center;}
 #solutions .home-container div.wrapper div.w_info {padding:20px 8px 0 8px !important}
 #solutions h2 {font-size:30px !important}
 #footer .container { width: calc(100% - 100px); padding: 30px 50px; }
 #footer ul li { padding: 0 30px; }
 footer ul li{padding:0 10px!important}
 footer h2  {font-size: 160% !important;}
 footer nav {text-align:left !important;margin-bottom: 20px;display: none !important;padding-top:20px !important;order:2}
 footer nav  div {width: 100%;max-width: 100%;}
 footer aside {order:3}
 .top-arrow {top:50px;right:20px;}
 footer nav  ul {margin-top:20px  !important;margin-left:-10px !important;width:100% !important}
 footer nav  ul li a {font-size: 26px !important; }
 footer nav  h5 {font-size: 30px !important; }
 footer aside  div {position: static;padding-top:0;max-width: 100%;padding-bottom:40px;text-align: center;}
 footer aside div p {padding-right: 0}
 footer aside p {position: static;padding-top:0px;max-width: 100%;}
 footer article {padding-top:10px !important;padding-bottom: 30px !important;order:1}
 footer article,footer nav,footer aside {width:100%}

 .footer nav  ul {margin-top: 30px}
 footer aside  div a.moreinfo {display: block;position: relative;margin: 0 auto;width:100% !important;min-width:100% !important}
 .footer nav  ul  li ul:hover {visibility: visible !important;display: block !important;}
 .footer footer{padding-top:25px!important;padding-left:0!important}
 .footer .wrapper{flex-direction:column;	max-width:88% !important;padding:30px 10px 0 10px;margin-bottom:-5px}
 .footer footer{text-align:left}
 .footer-data{position:relative;left:0px;}
 .footer-data em {font-size: 90% !important}
 .question-interesting h5 {line-height: 130%;text-align: left;font-size:30px;}
 .question-interesting {padding:0 25px 70px 25px}
 .question-interesting p {text-align: left;margin-top: 20px}

 #home-top-desktop  .quest-head-special {display: grid; grid-template-columns:100%;max-width:100%; grid-row-gap: 20px; }
 body.menu_shown{height:100vh;min-height:100%;overflow-y:hidden;overflow:hidden}

 .menu_shown .menu__icon{height:37px!important;width:48px!important;border:4px solid #fff;border-radius:5px;padding:2px 0;background:#fff}
 .menu__icon{height:32px;width:43px;margin:3%;position:absolute;top:32px;right:3%;display:inline-block;vertical-align:middle;z-index:20}
 .menu__icon span{display:block;background:#2e49eb;width:100%;height:4px;margin-top:-2px;position:absolute;left:0;top:50%}
 .menu__icon:after,.menu__icon:before{content:"";display:block;background:#2e49eb;width:100%;height:4px;position:absolute;left:0;transform-origin:center center;transform:rotate(0);transition:all .3s ease}
 .menu__icon:before{top:2px;margin-top:-2px}
 .menu__icon:after{bottom:2px;margin-bottom:-2px}
 .menu_shown .menu__icon span{background:0 0}
 .menu_shown .menu__icon:before{top:50%;transform:rotate(45deg)}
 .menu_shown .menu__icon:after{bottom:50%;transform:rotate(-45deg)}
 .nav-header{width:100%!important;min-width:100%!important;background:#fefefe;flex-direction:column!important;padding:10px 0 0 0!important;    max-height: 60px;border-top:1px solid #eee;border-bottom:1px solid transparent;margin:0!important}
 .mobile.menu{position:absolute;top:0;left:0;width:100%;min-height:110vh;height:110vh;text-align:center;display:block;padding-top:22px;background:rgba(255,255,255);z-index:10;transition:all .4s ease-in-out;transform:translateX(-100%)}
 .menu_shown .mobile.menu {transform: translateX(0);}

 header#nav{margin-top:-20px;flex-direction:column!important}
 header#nav .nav-header ul.mobile li.w_drop_m div{padding-top:0;position:relative!important}
 header#nav .nav-header ul.mobile li.w_drop_m.drop_m_first div{padding-bottom:10px;padding-top:10px}
 header#nav .nav-header ul.mobile li.w_drop_m.drop_m_second span.title{font-weight:600;font-family:"MontserratSemiBold",Helvetica,Sans-serif;font-size:26px!important}
 header#nav .nav-header ul.mobile li.w_drop_m.drop_m_first span.title{padding-top:5px;font-weight:600;font-family:"MontserratSemiBold",Helvetica,Sans-serif;font-size:26px!important}
 header#nav .nav-header ul.mobile li.w_drop_m.drop_m_second div{padding-bottom:13px}header#nav .nav-header ul.mobile li.w_drop_m{position:relative!important}
 header#nav .nav-header ul.mobile li.w_drop_m span.title{color:#acacac!important;position:relative;top:0;z-index:10000;display:block;width:100%;line-height:40px;font-size:18px;font-family:"MontserratSemiBold",Helvetica,Sans-serif;text-align:left;height:40px;border:0}
 header#nav .nav-header ul.mobile li.w_drop_m.drop_m_second ul{margin-bottom:-10px!important}
 header#nav .nav-header ul.mobile li.w_drop_m ul{max-width:100%;margin:0 auto 0 auto;display:block!important}
 header#nav .nav-header ul.mobile li.w_drop_m ul li{display:block;border-bottom:0}
 header#nav .nav-header ul.mobile li.w_drop_m ul li:last-child{border-bottom:.5px solid #acacac}
 header#nav .nav-header ul.mobile li.w_drop_m ul li a{padding-left:10px!important;font-size:20px!important}
 header#nav .nav-header ul.mobile li.w_drop_m{border-bottom:0!important}
 ul.mobile .nav-header ul.mobile li.w_drop_m strong{color:#333;position:static;display:block}

 #nav .nav-header .mobile li.wlogo {min-height:106px;display: block;border-bottom:0 !important}
 #nav .nav-header .mobile li {display: block;}
 #nav .nav-header .mobile li .title {max-width: 176px;margin: 0 auto;text-transform: none;}
 #nav .nav-header .mobile li {text-align:center;border-bottom:.5px solid #acacac}
 #nav .nav-header .mobile li a.menu__item{font-size:26px!important;max-width:176px;margin:0 auto;text-align:left!important;white-space: nowrap;}
 #nav .nav-header .mobile li a.menu__item {display:block;background:transparent !important;line-height:2;font-size:26px!important;color:#2e49eb!important;text-transform:none;font-family:"MontserratSemiBold",Helvetica,Sans-serif;padding:12px 0}
 #nav .nav-header .mobile .menu__item:hover {opacity: 0.9;}
 header .nav-header ul.menu.desktop{display:none !important;}
 header .nav-header ul.menu.mobile {display: block !important;}
 header li.wlogo .logo  {margin-left: -4px}
 header li.wlogo .logo a {top:15px;}
 header li.wlogo .logo a img {display: none;}
 header .logo  a {display: block;top:15px;left:33%}
 header#nav .menu-top {min-height:101px}
 header .try a{width:100%!important;border-left:0;border-right:0;min-width:100%!important}
 header .try a.try_now {border-left: 0 !important;border-right: 0 !important}
 header .try{min-width:100%;justify-content:flex-start;flex-direction:column}
 header .try {padding: 0;margin: 0 auto;border:0}

 #about-text .about-asset.pagination-centered .about-main ul li {max-width:100%;}
 #about-us #intro-content,#privacy #intro-content, #contact #intro-content {margin-bottom: -30px}
.contact-section .wrapper {margin-top:-140px !important }
 .features-list .wrapper {margin-top:-90px !important }
 .why_twona .wrapper,
	.faqs_accordion .wrapper {margin-top:-130px !important }
 .logobrand { left: 30px; }
 #home-top-desktop .quest-head.topborder.bottom {  max-width: 100%}
 #home-top-desktop .quest-head.topborder.bottom div { max-width: 100%;margin:20px auto 0 auto}
 #home-top-desktop .quest-head.topborder.bottom h5 { padding-top: 30px;font-size: 25px;}
 #home-top-desktop .quest-head.topborder.bottom  div span {font-size: 20px !important; padding: 0 10px; }
 #home-top-desktop ul.quest-preg { margin: 40px 60px; }
 #home-top-desktop .quest-text { width:100% !important; padding: 20px 0 0 0 !important; margin-bottom: 15px !important; }
 #questtwo 	#home-top-desktop .quest-head { padding-left: 0; }
 #questthree 	#home-top-desktop .quest-head { padding-left: 0; }
 #questtwo #pageContentone .desktop-in .quest-head {padding-top:40px;}
 #home-top-desktop .quest-head { padding-left: 20px; }
 #home-top-desktop ul.quest-radio { margin: 10px 0px 20px 0; }
 #home-top-desktop .quest-head.topborder.bottom { margin: 0 0; }
 #home-top-desktop .quest-head.topborder { margin: 0 20px; }
 #home-top-desktop .quest-full {padding: 20px 0 0 0;  width: 100%;min-width: 100%;display: block; }
 #home-top-desktop .moreinfo { width: calc(100% - 40px) !important; font-size: 12px !important}
 h4.final-title,
 h4.final-title.right { padding-left: 20px !important; margin-bottom: 0; }
 .twonaform .container { width: 100%; }
 .twonaform .container .span6,
 .twonaform .container .span12 { width: 100%; margin: 0; }
 #contacto #intro #intro-content,
  #about_us #intro #intro-content {max-width: 92% !important;}
 #contacto #intro-content {top:30px !important;}
  #about_us #intro-content {top:30px !important;}
	body#contacto .intro-div,
		body#about_us .intro-div   {background-size: 80px !important;    padding-left: 70px;}
 body#contacto #intro-content h1.title,
  body#privacypolicy #intro-content h1.title,
  body#about_us #intro-content h1.title {padding: 40px 0 0 0 !important;font-size: 28px !important;}

 body#privacypolicy .intro-div p.home-content,
 body#contacto .intro-div p.home-content,
  body#about_us .intro-div p.home-content {font-size: 17px !important;}
 body#contacto  .interiores section {margin-top: -200px;}
  body#about_us  .interiores section {margin-top: -20px;}
	  body#about_us .intro-content {
			min-height: 580px !important
		}
		 body#privacypolicy  .interiores section {margin-top: -200px;}
		body#privacypolicy .intro-content {
			min-height: 640px !important;
		}
		body#privacypolicy .intro-div p.home-content a {
	font-size: 17px;
		}
	}

	@media (max-width: 370px) {

		.under.mobile-under {
		position: relative;
    top: -82px;
    padding-top: 30px;
    border-top: 30px solid white;}
	}

	@media(min-width:545px )   and   (max-width: 767px) {

		body.all #intro-content{margin-top:162px;}
		body.all #intro-content h1.title {font-size: 36px;}
		body#homepage #intro #intro-content  {padding: 0}

		body#homepage #intro #intro-content h1.title {max-width:60% !important;}
		body#homepage #intro #intro-content p.home-content {max-width:90%}
		body#homepage #intro #intro-content .intro-div { padding: 40px 0 20px 0;max-width: 84%;position: relative;margin: 0 auto;}
		body#homepage .main .main-all{background-color:transparent;background-image:url(../img/header_0.png);background-position:top 40% left 50%;background-repeat:no-repeat}
		body#homepage .main{background:#fff!important}
	}

	@media (max-width: 540px) {

	body#homepage #intro #intro-content h1.title {max-width:60% !important;}
	#home-top-desktop ul.quest-preg li { width: 100%; margin-right: 0%; margin-bottom: 10%; }

	}
	@media(min-width:767px) and (max-width:1250px) {
		#contacto #intro #intro-content {max-width: 86% !important;}
		#contacto #intro-content {top:30px !important;}
			body#contacto .intro-div {background-size: 80px !important;    padding-left: 80px;}
		body#contacto #intro-content h1.title {padding: 30px 0 0 0 !important;}
		body#contacto .intro-div p.home-content {font-size: 22px !important;}
	}
