/* CSS - Kaperpack | Codificado por: Ueek Agência Digital | Ano: 2020 */

@charset "UTF-8";

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

	.list-products .card-img-top {
	    height: 215px;
	}

	#banner .block-text .title {
	    font-size: 40px;
	    line-height: 50px;
	}

	#banner .block-text {
	    padding-bottom: 9rem;
	}

	#about-home #content .about-image {
	    max-height: 470px;
	}

	#about .about-image {
	    max-height: 485px;
	}

	#institutional-photos .swiper-slide,
	#product-photos .swiper-slide {
	    height: 370px;
	}

	#segments .banner {
	    height: 350px;
	}

}

/* Notebooks */
@media only screen and (max-width: 1440px) {

	#about-home #contacts {
	    bottom: -50px;
	}

	#about-home #contacts .item {
	    padding: 30px 40px;
	}

}

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

}

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

	#about-home #content {
	    padding-top: 100px;
	}

	#products .header {
	    margin-bottom: 60px;
	}

}

/* Tablets até 1200 */
@media only screen and (max-width: 1200px) {

}

/* Tablets */
@media only screen and (max-width: 1024px) {

	.list-products {
	    grid-template-columns: repeat(2,1fr);
	    margin-bottom: 60px;
	}

	#top .menu-desktop { display: none; }

	#top #menu-mobile { display: flex; }

	#about,
	#products,
	#product-details,
	#segments,
	#specifications {
		margin-top: 85px;
	}

	#about-home #contacts {
		display: none;
	}

	#about-home #content .container {
	    flex-direction: column;
	}

	#about-home #content .about-image {
	    border-radius: 20px;
	    height: 340px;
        margin-bottom: 30px;
        margin-top: 0;
	    width: 100%;
	}

	#about-home #content .about-image:before {
		display: none;
	}

	#about-home #content .about-texts {
	    padding-left: 0;
	}

	#steps {
	    padding-bottom: 75px;
	    padding-top: 70px;
	}

	#segments-home .segments-texts {
	    padding-right: 0;
	    width: 100%;
	}

	#segments-home .container {
	    flex-direction: column-reverse;
	}

	#segments-home .segments-image {
	    border-radius: 20px;
	    right: 0;
	    position: relative;
	    top: unset;
	    width: 100%;
	    height: 340px;
	    margin-bottom: 30px;
	}

	#contact .form-column {
	    padding-left: 60px;
	}

	#bottom .content .infos-contact {
	    flex-direction: column;
	}

	#bottom .content .infos-contact .addresses {
	    grid-template-columns: 1fr;
	    margin-bottom: 30px;
	}

	#bottom .content .menu-footer {
	    margin-bottom: 50px;
	    flex-direction: column;
	    align-items: self-start;
	}

	#bottom .content .logo {
	    height: 35px;
	}

	#bottom .content .links {
		display: none;
	}

	#bottom .content .social-medias {
	    margin-left: 6px;
	}

	#about .container {
	    flex-direction: column-reverse;
	}

	#about .about-image {
	    max-height: unset;
	    height: 340px;
	    margin-bottom: 30px;
	    margin-top: 0;
	    width: 100%;
	}

	#about .about-texts {
	    padding-right: 0;
	}

	#products .header {
	    flex-direction: column;
	    align-items: flex-start;
	}

	#products .header .partition-title {
	    margin-bottom: 30px;
	}

	#product-details .container {
	    flex-direction: column;
	}

	#product-details .media {
	    padding-right: 0;
	    width: 100%;
	}

	#product-details .go-back {
	    margin-bottom: 30px;
	}

	#product-details .content {
	    margin-top: 40px;
	}

	#product-details .content .title {
	    margin-bottom: 15px;
	}

	#product-details .content .description {
	    margin-bottom: 0;
	}

	#segments:after {
	    top: 430px;
	}

	#segments .header {
	    flex-direction: column;
	    align-items: flex-start;
	}

	#segments .header .partition-title {
	    margin-bottom: 30px;
	}

	#segments .header .partition-title .intro {
	    width: 100%;
	}

	#segments .list-segments {
	    grid-template-columns: repeat(3,1fr);
	}

}

/* Tablets Menores */
@media only screen and (max-width: 995px) {

	#contact .form-column {
	    float: unset;
	    max-width: 100%;
	}

	#institutional-photos .swiper-wrapper,
	#product-photos .swiper-wrapper {
	    padding-left: 0px; 
	    padding-right: 0px; 
	}

}

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

	.menu-cel {
	    width: 70%;
	}

	#banner .block-text {
	    width: 90%;
	}

	#about-home #content {
	    padding-top: 40px;
	}

	#steps .container {
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}

	#steps .item {
	    width: 100%;
	}

	#steps .item:not(:last-child) {
		margin-bottom: 90px;
	}

	#steps .step-img {
	    margin-bottom: 20px;
	}

	#steps .item:not(:last-child):after {
	    right: unset;
	    top: unset;
	    bottom: -55px;
	    transform: rotate(90deg);
	    left: 46%;
	}

	#values .container {
	    flex-direction: column;
	    align-items: center;
	}

	#values .item {
	    width: 65%;
	}

	#values .item:not(:last-child) {
		margin-bottom: 40px;
	}

	#segments .banner {
	    margin-bottom: 25px;
	}

	#segments .list-segments {
	    grid-template-columns: repeat(2,1fr);
	}

	#specifications .list-colors {
	    width: 85%;
	}

	#specifications .table-wrapper {
	    margin-bottom: 40px;
		overflow-x: scroll;
	}

	#specifications .list-relations {
    	margin-bottom: 20px;
	    width: 860px;
	}

	#specifications .list-relations td.axis hr {
	    left: 85px;
	}

}

/*Celulares*/
@media only screen and (max-width: 680px) {

	.list-products {
	    grid-template-columns: 1fr;
	}

	.statistic-items {
	    display: block;
	}

	.statistic-items .item {
	    margin-bottom: 40px;
	}

	.statistic-items:last-of-type {
	    margin: 0;
	    margin-top: -20px;
	    width: 100%;
	}

	#contact .form-column {
		height: unset;
		padding-bottom: 45px;
	    padding-left: 0;
	    padding-right: 0;
	}

	#contact .input-area {
	    float: unset;
	    width: 100%;
	}

	#contact .input-area:nth-child(odd) {
	    padding-right: 0;
	}

	#contact .input-area:nth-child(even) {
	    padding-left: 0;
	}

	#segments .banner {
	    height: 250px;
	}



}

/** iPhone 6/7/8 Plus */
@media only screen and (max-width: 425px) {

	.container {
	    padding-right: 25px;
	    padding-left: 25px;
	}

	.partition-title .title {
	    line-height: 30px!important;
	}

	.partition-title .subtitle {
	    font-size: 30px!important;
	    line-height: 35px!important;
	}

	.list-products .card-img-top {
	    height: 200px;
	}

	.list-products .card-body .card-title {
	    font-size: 19px;
	    line-height: 21px;
	}

	.list-products .card-footer {
	    padding: 15px; 
	}

	.statistic-items .item {
	    height: unset;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	}

	.statistic-items .item img {
	    margin-right: 55px;
	}

	.statistic-items .item .number {
	    position: relative;
	    left: -5px;
	    bottom: 10px;
	}

	.statistic-items .item .text {
	    left: -15px;
	    bottom: 5px;
	    position: relative;
	}

	.menu-cel {
	    width: 90%;
	}

	#menu-mobile {
	    padding: 20px 25px 15px;
	}

	#banner .block-text {
	    padding-bottom: 3rem;
	    width: 100%;
	}

	#about-home #content {
	    padding-bottom: 40px;
	}

	#about-home #content .about-image {
	    height: 260px;
	}

	#about-home .btn-blue {
	    margin-top: 30px;
	    width: 100%;
	}

	#steps .step-img {
	    height: 85px;
	}

	#steps .title {
	    font-size: 19px;
	    line-height: 20px;
	}

	#steps .item:not(:last-child):after {
	    left: 43%;
	}

	#segments-home {
	    padding-bottom: 40px;
	}

	#segments-home .segments-image {
		height: 260px;
	}

	#segments-home .segments-text {
	    margin-bottom: 30px;
	}

	#segments-home .segments-advantages {
	    grid-template-columns: 1fr;
	    grid-gap: 20px;
        margin-bottom: 30px;
	}

	#segments-home .btn-white {
		width: 100%;
	}

	#products-home {
	    padding-bottom: 40px;
	    padding-top: 50px;
	}

	#contact .container {
	    padding-left: 25px;
	    padding-right: 25px;
	}

	#contact .btn-send {
		width: 100%;
	}

	#contact #map {
	    height: 310px;
	}

	#about .about-image {
		height: 260px;
	}

	#institutional-photos .swiper-slide, 
	#product-photos .swiper-slide {
		height: 260px;
	}

	#values {
	    padding-bottom: 50px;
	    padding-top: 40px;
	}

	#values .item {
	    width: 100%;
	}

	#values .item .title {
		font-size: 30px!important;
	    line-height: 35px!important;
	}

	#products .header,
	#segments .header {
	    margin-bottom: 35px;
	}

	#products .header .dropdown,
	#segments .header .dropdown {
		align-self: flex-end;
	}

	#product-details .main-image {
	    height: 230px;
	}

	#segments .banner img {
	    min-width: unset;
	    height: 100%;
	}

	#segments .list-segments {
	    grid-template-columns: 1fr;
	    grid-gap: 20px;
	}

	#specifications .list-relations caption {
	    font-size: 30px;
	    line-height: 35px;
	    width: 85vw;
	}

	#specifications .section-title {
		font-size: 30px;
	    line-height: 35px;
	}

	#specifications .list-colors {
	    grid-template-columns: 1fr;
	    width: 100%;
	}

}

/** iPhone 6/7/8 **/
@media only screen and (max-width: 375px) {

	#banner .block-text .title {
	    font-size: 35px;
	    line-height: 40px;
	}

	#product-details .main-image img {
	    height: 100%;
	    min-width: unset;
	}

	#specifications .list-specifications td {
	    padding: 20px 13px;
	}

}

/** iPhone 5 e SE **/
@media only screen and (max-width: 320px) {

}