/* iPhone (portrait) */
@media (max-width: 767px) {

  body{
	background-color: #191919;
  }

  #teaser_phone{
	  background-image: url("./images/taller1.jpg");
	  background-size: cover;
	  background-position: center;
	  height: 25em;
	  display: flex !important;
	  align-items: center;
  }

  .section-grey span{
	  display: block;
	  text-align: center !important;
  }

  .box.tiw{
	width: 100%;
	margin: 25px 0;
	align-items: center;
  }

  .box.tiw > div:first-child{
	margin-left: 1em;
  }

  #navigation{
	  margin-bottom: 25px;
	  margin-top: 25px;
  }

  #teaser {
    padding-top: 0;
  }
  
  .banner{
	  background-size: contain;
	  min-height: 6em !important;
  }

  .site-inner {
	padding-left: 0%;
	padding-right: 0%;
	}

	#servicios{
		padding-bottom: 0;
	}

	.bottom-social{
		display: none;
	}

	#servicios .section-title{
		margin-bottom: 20px;
	}

	#quienes-somos .section-title{
		margin-bottom: 20px;
	}

	.pp_pic_holder{ left: 50% !important; width: 400px !important;  margin-left: -200px !important; }
	div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
	.pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }
	div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; }

/**/

  .twitter-image {
    display: none !important;
  }
  
  .tweet_list li {
    font-size: 30px !important;
    line-height: normal !important;
    padding-left: 0 !important;
  }
  
  .quote_wrap .quote-image {
    display: none !important;
  }
  
  .quote-group {
    margin-left: 0px !important;
    margin-top: -50px !important;
  }
  
  .superlist2 .superlist-text {
    display: block;
    width: 95%;
  }
  
  .captcha-question {
    float:none !important;
    text-align: center !important;
    max-width: 100%;
    margin-left: 0px !important;
    
  }
  
  .captcha-task {
    float:none !important;
    text-align: center !important;
    max-width: 100%;
    margin-right: 0px !important;
    padding-top: 20px;
  }
  
  .box h3 {
    line-height: normal !important;
  }
  
  .section-grey p {
    text-align: left !important;
  }
  
  .tweet_list {
    margin-left: 0px !important;
  }
  
  a.buy-btn {
    margin-left: 50px !important;
  }
  
#quote_wrap {
  margin: 0 15px;
}
#quotes blockquote p {
  font-size: 24px!important;
}

		#twitter_wrap {
   padding: 0 10px;
 }
	body {padding:0}

	.teaser-left {
		float: left;
		width: 90%;
		margin: 7% 0 0 16px
	}

	.store-buttons {
		width: auto;
		margin-bottom: 13px;
		padding: 10px
	}

	.store-buttons a img {
		margin: 5px 0
	}

	#teaser h2 {
		line-height: 50px
	}

	#teaser h3 {
		line-height: 30px
	}

	#teaser h2, #teaser h3 {
		text-align: center
	}

	#calltoaction-form label {
		margin-left: 28px
	}

	#tweet {
		font-size: 24px!important
	}

	.tweet_list li {
		line-height: 39px;
		padding: 12px 0 5px 70px
	}

	.teaser-right {
		float: left;
		width: 100%;
		margin: 6% 0 0 0
	}

	#teaser {
		padding: 50px 0 0 0
	}
  
  #teaser {
    min-height: 650px;
    height: auto !important;
  }
  
  .teaser-holder {
    position: relative;
  }
  
  .teaser-right {
    text-align: center;
  }
  
  #calltoaction-form {
    display: inline-block;
  }

	#calltoaction-form {
	}

	#calltoaction-form select {
		width: 87%
	}

	.box {
		width: 90%;
		float: left;
		display: block;
		margin-left: 18px
	}

	h3.section-title {
		font-size: 48px;
		text-align: center
	}
  
  h4 {
    text-align: center;
  }

	section .subtitle {
		text-align: center
	}

	.social-icons {
		margin:0 0 -23px 22px
	}

	.social-icons li {
		margin: 0 19px 24px 0
	}

	.social-icons img {
		width:50px;
		height:auto
	}

	#faqholder dt {
		margin-left: 38px
	}

	#faqholder dt p {
		margin-top: 0px;
		position: relative;
		overflow: hidden;
		font-weight: bold;
		color: #fff;
		font-size: 18px;
		padding-left: 10px;
		padding-top: 0;
		padding-right: 20px
	}

	.section-grey h3.section-title-small {
		margin-top: 0;
		text-align: center
	}

	.section-grey p {
		text-align: center;
		padding: 0 20px
	}

  a.buy-btn {
    margin-left: 50px !important;
  }

	.pull-bottom {
		margin-top: 50px
	}

	#newsletterform {
		float: none;
		margin-top: 30px;
		text-align: center;
	}

	#newsletterform div {
		height: auto;
		float: left;
		margin: 5px 18px 0 0;
    width: 100%;
	}
  
  a#newslettersubmit {
  float:none !important;
  }

	a.newsletter-btn {
		padding: 9px 50px
	}

	.ipad {
		background: none;
    margin:0 auto !important;
	}

	#calltoaction-form {
		position: relative
	}

	#captcha {
	}

	#captcha-img {
		margin-top: -18px;
		margin-right: 11px
	}

	select {
		height: 40px!important;
		background-color: #111!important;
		border: 0!important;
		margin-bottom: 0!important;
		color: #fff!important;
		-webkit-appearance: none;
		background-image: url(../images/icon-dropdown.png)!important;
		background-repeat: no-repeat!important;
		background-position: right 3px!important
	}
  
  .section-featured-image {
    position: relative !important;
  }
  
  .superlist .subtitle, .superlist2 .subtitle {
    font-size: 15px !important;
  }
  
  .superlist2 .title {
    line-height: 115%;
  }

}

/* iPhone (landscape) */
@media only screen and (min-width: 320px) and (max-width: 766px) {
  
  #teaser {
    padding-top: 0;
  }
  
  .twitter-image {
    display: none !important;
  }
  
  .tweet_list li {
    font-size: 30px !important;
    line-height: normal !important;
    padding-left: 0 !important;
  }
  
  .quote_wrap .quote-image {
    display: none !important;
  }
  
  .quote-group {
    margin-left: 0px !important;
    margin-top: -50px !important;
  }
  
  .wf-holder-inner {
    position: relative !important;
  }
  
  .section-content {
    width: 100%;
  }
  
  .section-featured-image {
    width: 100%;
  }
  
  .wf-featured-section {
    height: auto;
  }
  
  #teaser {
    min-height: 650px;
    height: auto !important;
  }
  
  .teaser-holder {
    position: relative;
  }
  
  .teaser-right {
    text-align: center;
  }
  
  #calltoaction-form {
    display: inline-block;
  }
  
  .ipad {
    display: none;
  }
  
  .container {
    padding: 0px 25px;
  }
  
  .social-icon span {
    font-size: 4em !important;
  }
  
  a.buy-btn {
    margin-left: 120px;
  }
  
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  
  .social-icon span {
    font-size: 4em !important;
  }
  
  .container {
    padding: 0px 25px;
  }
  
#quote_wrap {
  margin: 0 15px;
}
#quotes blockquote p {
  font-size: 24px!important;
}

  #teaser {
    min-height: 650px;
    height: auto !important;
  }
  
  .teaser-holder {
    position: relative;
  }
  
  .teaser-right {
    text-align: center;
  }
  
  #calltoaction-form {
    display: inline-block;
  }
	
	#twitter_wrap {
   padding: 0 10px;
 }

	#calltoaction-form label {
		width: 90%;
		margin-left: 42px
	}

	.tweet_list li {
		padding: 12px 0 5px 90px
	}
	.pull-bottom {
		margin-top: 50px;
		margin-left: 37px;
		float: none
	}

	a.buy-btn {
		margin-left: 240px
	}

	#newsletterform {
	}

	.ipad {
		background: url(../images/ipad.png) no-repeat;
		width: 550px;
		height: 600px;
		margin-bottom: -18px;
		margin-left: -36px
	}
	.store-buttons {
		width: auto;
		margin-left: 0;
		margin-bottom: 13px;
		padding: 10px;
		margin-right: 15px
	}

	#calltoaction-form {
	}

	#captcha {
	}

	#calltoaction-form select {
		width: 85%
	}

	select {
		height: 40px!important;
		background-color: #111!important;
		border: 0!important;
		margin-bottom: 0!important;
		color: #fff!important;
		-webkit-appearance: none;
		background-image: url(../images/icon-dropdown.png)!important;
		background-repeat: no-repeat!important;
		background-position: right 3px!important
	}
  
  .section-featured-image {
    position: relative !important;
    text-align: center;
  }

}

/* iPad (portrait) */
@media (min-width: 768px) and (max-width: 979px) {
  
  .section-featured-image {
    position: relative !important;
  }
  
	#teaser h2 {
		font-size: 60px;
		line-height: 50px
	}

	#teaser h3 {
		line-height: 29px
	}

	#teaser {
		min-height: 650px;
    height: auto !important;
	}
  
  .teaser-holder {
    position: relative;
  }

	.teaser-right {
		margin: 7% 0 0 0;
    width: 100%;
    text-align: center;
	}
  
  .teaser-left {
    width: 100%;
  }
  


	.box h3 {
		line-height: 26px
	}

	.box-icon {
		margin-bottom: 70px
	}

	.social-icons li {
		margin: 0 15px 0 0
	}

	.social-icons img {
		width:50px;
		height:auto
	}

	.section-grey h3.section-title-small {
		margin-top: 0
	}

	.pull-bottom {
	}

	#newsletterform {
		float: left;
		margin-top: 30px
	}

	#newsletterform input {
		padding: 16px 10px!important
	}

	#device {
		margin-left: -109px
	}

	.ipad {
		width: 455px;
		height: 600px
	}

	#device {
		margin-left: -125px
	}

	.ipad {
		background: none
	}

	#calltoaction-form {
    display: inline-block;
		margin-left: 0px;
		width: 100%;
		top: 100px;
	}

	.store-buttons {
		margin-bottom: 6px
	}

	select {
		height: 40px!important;
		background-color: #111!important;
		border: 0!important;
		margin-bottom: 0!important;
		color: #fff!important;
		-webkit-appearance: none;
		background-image: url(../images/icon-dropdown.png)!important;
		background-repeat: no-repeat!important;
		background-position: right 3px!important
	}

	#captcha {

	}

}

/* iPad (landscape) */
@media (min-width: 979px) and (max-width: 1025px) {
	#calltoaction-form {
		margin-left: 0px
	}
	.social-icons li {
		margin: 0 26px 0 0
	}
	#newsletterform {
		float: left;
		margin-top: 25px
	}
	#device {
		margin-left: -90px
	}

	select {
		height: 40px!important;
		background-color: #111!important;
		border: 0!important;
		margin-bottom: 0!important;
		color: #fff!important;
		-webkit-appearance: none;
		background-image: url(../images/icon-dropdown.png)!important;
		background-repeat: no-repeat!important;
		background-position: right 3px!important
	}

}

/* desktop (1025 to 1200) */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	#calltoaction-form {
		margin-left: 0px
	}
	.social-icons li {
		margin: 0 26px 0 0
	}
	#newsletterform {
		float: left;
		margin-top: 25px
	}
}