/* sm */
 @media (min-width: 768px) and (max-width: 991px) {
	.banner h3 {
	  font-size: 13px;
	  margin-top: 120px;
	}
	.banner h1 {
	  font-size: 30px;
	}
	.banner p {
	  font-size: 15px;
	  margin-top: 20px;
	}
	.pricing-slide p {
	  font-size: 20px;
	  margin-top: 50px;
	}
	/*.item img {
	  margin-bottom: 120px;
	}*/
	.download p {
	  font-size: 25px;
	  padding: 30px 0;
	}
	.download button{
		margin-top: 13px;
		margin-bottom: 0;
		margin-left: 16px;
	}
	.contact {
	  height: 950px;
	}
}
/* xs */
@media (min-width: 480px) and (max-width: 767px) {
	.banner h3 {
	  font-size: 11px;
	  margin-top: 105px;
	}
	.banner h1 {
	  font-size: 25px;
	}
	.banner p {
	  font-size: 14px;
	  margin-top: 17px;
	}
	.download-btn {
	  width: 130px;
	  height: 40px;
	  font-size: 12px;
	  margin-top: 30px;
	}
	.features-btn {
	  width: 130px;
	  height: 40px;
	  font-size: 12px;
	  margin-top: 30px;
	}
	h2 {
	  font-size: 25px;
	  margin-bottom: 20px;
	}
	.contact {
	  height: 900px;
	}
	h4 {
	  font-size: 12px;
	  margin-top: 40px;
	}
	.features p {
	  font-size: 15px;
	  margin-bottom: 40px;
	}
	.features h3 {
	  font-size: 20px;
	}
	.details p {
	  font-size: 14px;
	  margin: 20px 0;
	}
		.details ul li {
	  font-size: 14px;
	}
	.feature-detail h4 {
	  margin-top: 50px;
	}
	.feature-detail p {
	  font-size: 13px;
	  margin-top: 10px;
	}
	.pricing-slide p {
	  font-size: 16px;
	  margin-top: 35px;
	  margin-bottom: 20px;
	}
	.item h6 {
	  font-size: 13px;
	}
	.item h5 {
	  font-size: 12px;
	}
	/*.item img {
	  margin-bottom: 95px;
	}*/
	.download p {
	  font-size: 24px;
	  padding: 30px 0;
	}
	.download button{
		margin-top: 0;
		margin-bottom: 20px;
	}
	.contact p {
	  font-size: 14px;
	}
	.contact-heading img {
	  margin-bottom: 25px;
	}
}
/* XS Portrait */
@media (max-width: 479px) {
	.banner h3 {
	  font-size: 11px;
	  margin-top: 100px;
	}
	.banner h1 {
	  font-size: 24px;
	  margin-top: 0;
	}
	.banner p {
	  font-size: 12px;
	  margin-top: 12px;
	  line-height: 1;
	}
	.download-btn {
	  width: 80px;
	  height: 29px;
	  font-size: 8px;
	  margin-top: 10px;
	  margin-right: 0px;
	  font-weight: 400;
	}
	.features-btn{
		width: 80px;
	  height: 29px;
	  font-size: 8px;
	  margin-top: 10px;
	  margin-right: 0px;
	  font-weight: 400;
	  margin-bottom: 25px;
	}
	h4 {
	  margin-top: 30px;
	  font-weight: 500;
	}
	h2 {
	  font-size: 25px;
	  margin-bottom: 15px;
	}
	.features img {
	  margin-bottom:0;
	  width: 80%!important;
	}
	.features i.fa {
	  font-size: 20px;
	  width: 80px;
	  height: 80px;
	}
	.features h3 {
  		font-size: 18px;
  	}
  	.features p {
		font-size: 14px;
	    margin-bottom: 30px;
	    line-height: 24px;
	    padding: 0;
	}
	.details p {
	  font-size: 14px;
	  margin: 8px 0;
	}
	.details ul li {
  		font-size: 9px;
  	}
  	.details ul li i.fa {
		  font-size: 16px;
		  height: 20px;
		  width: 20px;
	}
	.feature-detail h4 {
  		margin-top: 40px;
  	}
  	.feature-detail p {
	  font-size: 12px;
	  margin-top: 10px;
	}
	.pricing-slide p {
	  font-size: 14px;
	  margin-top: 25px;
	  margin-bottom: 15px;
	}
	.item h5 {
  		font-size: 10px;
  	}
	.item h6 {
  		font-size: 12px;
  	}
  	.item img {
	  margin-right: 10px;
	}
	.owl-item img {
	    width: 120px;
	    height: auto;
	}
	.download p {
	  font-size: 20px;
	  padding: 25px 0;
	}
	.download button {
	  margin-bottom: 35px;
	  margin-top: 0;
	}
	.price-plan img {
	  margin-bottom: 25px;
	}
	.contact-heading img {
	  margin-bottom: 5px;
	}
	.contact p {
  		font-size: 10px;
  	}
  	.contact-form{
  		margin-top: 10px;
  	}
  	.footer i.fa{
  		padding: 15px;
  	}
  	.footer p{
  		font-size: 12px;
  	}
}

@media (max-width: 768px) {
	.footer img{margin-bottom: 20px;}
	.footer{text-align: center;}
	.nav-resp{background: #2B2B2B;}
	.btn-li, .btn-li:hover {background: transparent;}
	.navbar-default .navbar-nav>li>a{padding: 12px 0;font-size: 12px;text-align: center;}
	.navbar-default .navbar-collapse{padding: 20px 0;}
	.carousel-caption {left: 8%;}
	header.fixed{padding-bottom: 0;}
	#quees, #marcas, #comofunciona {padding: 80px 15px 60px 15px;}
	.wow h4 {margin-top: 20px;}
}

@media (max-width: 568px) {
	#carousel1 .item .col-md-3, #carousel1 .item .col-md-9{width: 100%; text-align: center;}
	#carousel1 .item .col-md-3 img{margin: 0 auto; padding-bottom: 10px}
	#carousel1 .col-md-8{width: 100%!important; overflow: hidden;}
	.carousel-caption h3{font-size: 18px;}
	#principal-slider h1 {font-size: 26px;line-height: 35px;}
	#comofunciona.features img {width: 120px!important; height: 120px;}
	.carousel-caption h2{ margin-top: 20px;line-height: 28px;text-align: center;}
	#carousel2 .carousel-caption {width: inherit;}
	.item .carousel-caption p{text-align: center;}
	.row{padding: 0!important}
	h4{font-size: 17px;}
	.carousel-caption{padding: 0}
}

@media (max-width: 380px){
	#principal-slider .carousel-caption{width: 85%;}
}

@media (max-width: 320px){
	.top-header img.logo{width: 48%}
	.navbar-default .navbar-toggle{margin-right: 0;}
	section .container .row{padding: 0 15px!important;}
	#quees, #marcas, #comofunciona {padding: 70px 0 60px 0;}
	#herramientas {height: 320px!important;}
	#principal-slider h1 {font-size: 25px;margin-top: 10px;}
	.carousel-caption{text-align: center!important;}
	.carousel-caption h3 {font-size: 15px;}
	.video{margin: 0 auto!important}
}

@media (max-width: 1200px){
.navbar-right {float: left;}
.navbar-default .navbar-collapse{padding: 0}
}

@media (max-width: 768px) {
	#contacto .col-md-6.col-sm-6{margin-bottom: 10px;}
	ul.nav {padding: 30px 0;}
	}
@media (min-width: 1200px){
.navbar-right {float:right;}
    }

@media (max-width: 992px) {
	ul.nav{width: 100%;}
	#carousel2 .carousel-caption {padding: 40px 0;}
	#comofunciona.features img {width: 25%;}
	.features img {width: 50%;}
	#carousel2 .col-md-7 img {width: 75%!important;}
	#carousel2 .col-xs-12{width: 100%; margin-top: 20px;}
	#carousel2 .col-xs-12 img{text-align: center;}
	#carousel2 .carousel-inner>.item{display: block;height: inherit;}
	#carousel2 .carousel-inner{overflow: initial;}
	#carousel2 .carousel-caption {position: initial;}
	#carousel2 .item img{margin: 0 auto;}
	.list-tools{display: none;}
	#datos .col-md-4{margin-bottom:15px;}
	#carousel2 .carousel-caption .col-xs-7 img{width: 80%!important; height: auto;}
	#herramientas {padding: 40px 0 70px 0; height: 275px}
	#herramientas .title_sumilla{margin-top: 50px}
}
@media (max-width: 568px) {
	#herramientas {padding: 30px 0 70px 0;}
	#principal-slider .carousel-inner .item {height: 320px;}
}
@media (min-width: 992px) {
	.features img {width: 70%;}
	#comofunciona.features img {width: 45%;}
	.features p {text-align: center;width: 70%; margin: 20px auto;}
}