/*
Version: 1.0
Author: Maugus Creative Studio
Author URI: https://www.maug.us
*/

@media (max-width: 1799px){
	section.para-clientes .carrossel-box-features .features-list-item .text {
		min-width: 522px;
		max-width:522px;
	}
	section.para-clientes .carrossel-box-features .slick-list{padding:0 20% 0 20% !important;}
}

@media (max-width: 1499px){
	section.para-clientes .carrossel-box-features .features-list-item .text {
		min-width: 522px;
		max-width:522px;
	}
	section.para-clientes .carrossel-box-features .features-list-item .smartphone {
	    width: 300px;
	}
	section.featured .featured-content a {
	    font-size: 24px;
	}
	section.featured .featured-content h2 {
	    font-size: 27px;
	}
}

@media (max-width: 1399px){
	section.para-clientes .carrossel-box-features .features-list-item .smartphone {
	    width: 250px;
	}
	section.para-clientes .carrossel-box-features .features-list-item .text {
	    min-width: 485px;
	    max-width: 485px;
	}
	section.para-clientes .carrossel-box-features .features-list-item .text h4 {
	    font-size: 25px;
	    margin-left: 60px;
	    margin-top: 64px;
	}
	section.para-clientes .carrossel-box-features .features-list-item .text p {
	    font-size: 22px;
	    margin-left: 60px;
	    margin-top: 0;
	}
}

@media (max-width: 1299px){
	section.para-clientes .carrossel-box-features .features-list-item .smartphone {
	    width: 250px;
	}
	section.para-clientes .carrossel-box-features .features-list-item .text {
	    min-width: 455px;
	    max-width: 455px;
	}
	section.para-clientes .carrossel-box-features .features-list-item .text h4 {
	    font-size: 25px;
	    margin-left: 60px;
	    margin-top: 64px;
	}
	section.para-clientes .carrossel-box-features .features-list-item .text p {
	    font-size: 19px;
	    margin-left: 60px;
	    margin-top: 0;
	}
	section.para-clientes .carrossel-box-features .features-list-item .text .icon {
	    width: 170px;
	}
}

@media (max-width: 1199px){
	section.para-clientes .carrossel-box-features .slick-list{padding:0 10% 0 10% !important;}
	section.featured .featured-content h1 {
	    font-size: 45px;
	    line-height: 65px;
	}
	section.featured .featured-content h2 {
	    font-size: 23px;
	    line-height: 32px;
	}

	section.featured .featured-content {
	    margin-top: 170px;
	}
	section.featured .featured-content a {
	    font-size: 16px;
	}
	section.featured {
	    width: 100%;
	    height: 710px;
	    min-height: 710px;
	}
	section.para-incorporadoras h3 {
	    font-size: 45px;
	    line-height: 55px;
	}
	section.para-incorporadoras p {
	    font-size: 28px;
	    line-height: 38px;
	}
	section.para-incorporadoras .tags .tag {
	    font-size: 14px;
	}
	section.para-clientes h3 {
	    font-size: 50px;
	    line-height: 65px;
	}
	section.jornada .jornada-content h3 {
	    font-size: 45px;
	    line-height: 54px;
	}
	section.jornada .image-jornada {
	    width: 100%;
	}
	section.clientes h3 {
	    font-size: 45px;
	    line-height: 55px;
	}
	section.contact .box-form {
	    width: 100%;
	}
}

@media (max-width: 999px){
	section.para-clientes .carrossel-box-features .features-list-item .smartphone {
	    width: 250px;
	}
	section.para-clientes .carrossel-box-features .slick-list{padding:0 10% 0 10% !important;}
	section.para-clientes .carrossel-box-features .arrow {
	    position: absolute;
	    right: 20%;
	    bottom: -70px;
	    z-index: 10;
	}

	.navbar-brand, .navbar-nav>li>a {
	    font-size: 14px;
	    font-weight: 300;
	}
	section.featured .featured-content a {
	    font-size: 14px;
	}
	section.para-incorporadoras h3 {
	    font-size: 35px;
	    line-height: 55px;
	}
	section.para-incorporadoras p {
	    font-size: 28px;
	    line-height: 38px;
	    padding: 0;
	}
	section.para-incorporadoras .tags .tag {
	    display: table;
	    float: none;
	    margin: 20px auto;
	}
	section.para-clientes h3 {
	    font-size: 35px;
	    line-height: 55px;
	}
	section.jornada .jornada-content {
	    margin-top: 0;
	}
	section.jornada .jornada-content h3 {
	    font-size: 35px;
	    line-height: 44px;
	}
	section.jornada .jornada-content a {
	    font-size: 18px;
	}
}

@media (max-width: 899px){
	section.para-clientes .carrossel-box-features .features-list-item .smartphone {
	    width: 180px;
	}
	section.para-clientes .carrossel-box-features .features-list-item .text {
	    min-width: 400px;
	    max-width: 400px;
	}
	section.para-clientes .carrossel-box-features .features-list-item .text h4 {
	    font-size: 25px;
   		margin-left: 40px;
    	margin-top: 58px;
	}
	section.para-clientes .carrossel-box-features .features-list-item .text p {
		font-size: 18px;
	    margin-left: 40px;
	    margin-top: 0;
	    line-height: 24px;
	}
	.features-list-item{
		min-height:510px ;
	}
	section.contact h3 {
	    font-size: 40px;
	    line-height: 75px;
	}
	section.contact p {
	    font-size: 22px;
	    line-height: 31px;
	    padding: 0;
	}
	footer .site-map ul li a {
	    margin-right: 15px;
	}
}

@media (max-width: 767px){

	section.para-clientes .carrossel-box-features  .features-list-item{
		min-height:auto;
		height: auto;
	}

	section.para-clientes .carrossel-box-features .slick-list{padding:0 15px 0 15px!important;}

	/* ✅ não deixar o tema puxar o texto pra cima (isso brigava com o círculo) */
	section.para-clientes .carrossel-box-features .features-list-item .text {
	    min-width: 100%;
	    max-width: 100%;
	    margin-top: 0; /* era -75px */
	}

	section.para-clientes .carrossel-box-features .arrow{
		display: none;
	}

	section.para-clientes .carrossel-box-features .slick-dots {
	    width: 100%;
	    bottom: -70px;
	    z-index: 9;
	}

	section.para-clientes .carrossel-box-features .features-list-item .text h4 {
	    font-size: 25px;
	    margin-left: 0;
	    margin-top: 38px;
	    width: 100%;
	    text-align: center;
	    line-height: 35px;
	    padding: 0 55px;
	}

	section.para-clientes .carrossel-box-features .features-list-item .text .icon {
	    position: absolute;
	    bottom: 0px;
	    right: 0px;
	    width: 140px;
	}

	section.para-clientes .carrossel-box-features .features-list-item.projetos .icon {
	    width: 110px!important;
	    right: -10px;
	}

	section.para-clientes .carrossel-box-features .features-list-item.sistemas .icon {
	    width: 200px!important;
	}

	section.para-clientes .carrossel-box-features .features-list-item .text p {
		font-size: 18px;
	    margin-left: 0;
	    margin: 0;
	    padding: 0 40px;
	    text-align: center;
	    line-height: 24px;
	    width: 100%;
	}
	section.para-clientes .carrossel-box-features .features-list-item.projetos .text p {
	    padding: 0 60px;
	}

	section.para-clientes .carrossel-box-features .features-list-item .smartphone {
	    width:200px;
	    display: table;
	    float: none;
	    margin: 0 auto;
	}

	section.featured .featured-content {
	    margin-top: 160px;
	}

	section.featured .featured-content h1 {
	    font-size: 55px;
	    line-height: 60px;
	}

	section.featured .featured-content h2 {
	    margin: 35px 0 0 0;
	    font-size: 28px;
	    line-height: 40px;
	}
	section.featured .featured-content a {
	    font-size: 18px;
	    padding: 20px 35px;
	    text-align: center;
	}
	section.featured {
	    width: 100%;
	    height: auto;
	    min-height: auto;
	}
	section.featured .image-featured {
	    margin-top: 50px;
	}
	section.featured:after {
	    bottom: -130px;
	    background: #8059f6;
	    height: 90px;
	}

	.navbar-toggle .icon-bar {
	    display: block;
	    width: 40px;
	    height: 5px;
	    border-radius: 1px;
	    background: #FFF;
	}
	nav.navbar .navbar-brand {
	    display: block;
	    float: left;
	    width: 100px;
	    height: 100px;
	    margin: 0 20px;
	    padding: 0;
	}
	nav.navbar {
	    background: rgba(128, 89, 246, .97);
	    padding: 20px 0;
	}

	section.para-incorporadoras h3 {
	    margin: 0;
	    color: #000;
	    font-weight: 900;
	    font-size: 45px;
	    line-height: 55px;
	    text-align: center;
	}
	section.para-incorporadoras p {
	    margin: 40px 0 40px 0;
	    color: #000;
	    font-weight: 400;
	    font-size: 25px;
	    line-height: 33px;
	    text-align: center;
	    padding: 0 20px;
	}

	section.para-incorporadoras .tags .tag {
	    display: table;
	    float: none;
	    margin: 15px auto;
	    background: #8059f6;
	    color: #FFF;
	    font-weight: 800;
	    font-size: 18px;
	    border-radius: 30px;
	    padding: 5px 25px;
	    text-transform: uppercase;
	    text-align: center;
	}

	section.para-clientes h3 {
	    margin: 0;
	    color: #FFF;
	    font-weight: 900;
	    font-size: 45px;
	    line-height: 55px;
	    text-align: center;
	}
	section.para-clientes p {
	    margin: 40px 0 40px 0;
	    color: #FFF;
	    font-weight: 400;
	    font-size: 25px;
	    line-height: 33px;
	    text-align: center;
	    padding: 0 20px;
	}

	section.jornada {
	    width: 100%;
	    background: #eb7a75;
	    padding-top: 150px;
	    padding-bottom: 150px;
	    position: relative;
	}

	section.jornada .image-jornada {
	    display: block;
	    float: left;
	    width: 100%;
	    padding: 0px;
	}
	section.jornada .jornada-content h3 {
	    margin: 0;
	    color: #000;
	    font-weight: 900;
	    font-size: 45px;
	    line-height: 55px;
	    margin-top: 50px;
	    display: block;
	    float: left;
	}
	section.jornada .jornada-content a {
	    font-size: 19px;
	    padding: 25px 25px;
	}

	section.clientes h3 {
	    margin: 0 0 40px 0;
	    color: #000;
	    font-weight: 900;
	    font-size: 45px;
	    line-height: 55px;
	    text-align: center;
	}
	section.clientes .customers-list-full {
	    display: block;
	    float: left;
	    width: 100%;
	    padding: 30px;
	}
	section.contact h3 {
	    margin: 0;
	    color: #FFF;
	    font-weight: 900;
	    font-size: 40px;
	    line-height: 50px;
	    text-align: center;
	}

	section.contact p {
	    margin: 40px 0 40px 0;
	    color: #FFF;
	    font-weight: 400;
	    font-size: 23px;
	    line-height: 35px;
	    text-align: center;
	    padding: 0 20px;
	}

	section.contact .box-form {
	    display: table;
	    float: none;
	    margin: 0 auto;
	    width: 100%;
	    background: #FFF;
	    border-radius: 40px;
	    padding: 30px;
	}
	section.contact .box-form .form-group {
	    display: block;
	    float: left;
	    width: 100%;
	    margin-bottom: 0;
	    margin: 15px 0;
	}
	footer .site-map {
	    display: block;
	    float: left;
	    margin: 0;
	    padding: 0;
	    width: 53%;
	}
	section.contact .box-form .form-group:last-child {
	    width: 100%;
	}

	.carousel a .card {
	  width: 350px;
	}
	.carousel .carousel-item {
	    visibility: hidden;
	    width: 350px;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	.carousel .main-text p {
	    font-size: 15px;
	    font-weight: 300;
	    line-height: 25px;
	    padding: 0 20px;
	    margin-bottom: 0;
	}
	.carousel .indicators {
	    position: absolute;
	    text-align: center;
	    left: 0;
	    right: 0;
	    bottom: -310px;
	    margin: 0;
	    padding: 0;
	}
}