@media screen and (max-width: 768px) {
	body, html { width: 100%; overflow-x: hidden; }
	* { font-size: 15px; }
	.container {
		width: 100%;
		padding: 0;
	}

	.nav {
		padding: 5px 0;
		height: 80px;
		position: absolute;
		top: 0;
		width: 100%;
		background: #fff none;
		z-index: 2;
		box-shadow: 2px 5px 10px rgba(0,0,0,.3);
	}

	.nav__brand {
		margin-left: 10px;
		height: 30px;
		width: 119px;
		display: block;
	}

	.nav__brand a {
		height: 100%;
		width: 100%;
		display: block;
	}

	header .main__nav {
		z-index: 2;
	}

	.nav__brand img {
		margin: 8px 0; 
	}

	.logo-white {
		display: none;
	}

	.logo-blue {
		display: block;
		opacity: 1;
		width: 100%;
		height: 100%;
	}

	.external__holder {
		display: none;
	}

	.nav__holder {
		position: absolute!important;
		width: 100%;
	}

	.nav dl {
		width: 80%;
		padding: 0;
		position: relative;
	}

	.nav dt {
		display: block;
		height: 55px;
		text-align: right;
		padding: 0 10px;
		cursor: pointer;
		font-size: 40px;
		color: #666;
		padding-top: 6px;
		width: 50px;
		position: absolute;
		top: 0px;
		right: 5px;
	}

	.nav dt img {
		height: 100%;
		width: auto!important;
	}

	.nav dd {
		background-color: rgba(255,255,255,.98);
		display: none;
		height: 155px;
		box-shadow: -14px 15px 15px rgba(0,0,0,.1);
		margin-top: 55px;
	}

	.nav dd a {
		color: #333!important;
	}

	.nav__menu {
		width: 100%;
		padding-top: 10px;
	}

	.nav__menu li {
		text-align: left;
		display: block;
		width: 100%;
		padding: 8px 0 9px 25px;
		margin: 0;
		border-bottom: 1px solid rgba(102,102,102,.20);
		position: relative;
	}

	.nav__menu li.burger--aforoni { display: none; }
	.nav__menu li.burger--imprensa { display: none; }
	.nav__menu li.burger--representantes { display: none; }

	.nav__menu li:first-child {
		padding-left: 25px;
	}

	.nav__menu li span {
		width: 12px;
		height: 12px;
		border: 2px solid #ff8e01;
		border-radius: 6px;
		display: block;
		position: absolute;
		top: 19px;
		left: 20px;
	}

	.nav__menu li:last-child {
		border-bottom: 0px solid;
	}

	.nav__menu li a {
		text-align: left;
		display: block;
		width: 100%;
		padding: 0 0 0 10%;
		color: #000!important;
		font-size: 21px;
		color: #666!important;
	}

	.nav__category--catalogo {
		display: none;
	}

    .slideshow {
		padding-top: 60px;
		width: 100%;
    	overflow: hidden;
    	position: relative;
    	z-index: 1;
    }

    .slideshow .slick-list {
    	height: 200px;
    }

    .slick-track {
    	height: 100%;
    	position: relative;
    }

    .slide__container {
		position: relative;
	    float: left;
    }

    .slideshow__item {
    	width: 100%;
			height: 100%;
	    position: absolute;
	    left: 0;
	    background-size: cover;
    }

    .carousel:before {
    	height: 0;
    }

    .carousel {
    	width: 100%;
    	min-height: 209px;
    	height: 220px;
    	overflow: hidden;
    	top: 0;
    	padding: 15px 0 0;
    }

    .carousel .container, .carousel__inner, .carousel .slick-list {
		height: 100%;
	}

	.carousel__item img {
		width: 100%;
		height: 100%;
	}

	.carousel-item__product {
		padding: 0;
		margin: 0 10px 150px;
		width: 130px!important;
	}

	.slick-dots {
		text-align: center;
		bottom: 30px;
	}

	.slick-dots li {
		opacity: .5;
	}

	.slick-dots li.slick-active {
		opacity: 1!important;
	}

	.home__section {
		padding: 10px 0;
	}

	.home-section__title {
		font-size: 32px;
		padding: 5px 0 15px;
	}

	.club {
		padding: 30px 0; 
	}

	.club__img-list {
		left: 0!important;
		width: 96%;
		margin: 0 2%;
	}

	.club__img-list:last-child {
		display: none; 
	}

	.club__img-list-item {
		display: none;
		width: 43.5%;
		padding-bottom: 43.5%;
		margin: 0 3.25% 25px!important;
	}

	.club__img-list-item:nth-child(1), .club__img-list-item:nth-child(2) {
		display: block;
	}

	.follow {
		padding: 35px 0;
	}

	.follow .home-section__title, .club .home-section__title {
		padding-bottom: 25px;
	}

	.follow__menu li a {
		font-size: 40px;
	}

	.home-section__text {
		padding-bottom: 0;
		margin-bottom: 10px;
		display: none;
	}

	.home__section.sac {
		display: none;
	}

	.home__section.educators {
		display: none;
	}

	.follow__menu li {
		margin: 0 5%;
		font-size: 28px;
	}

	.footer-section-a {
		display: none;
	}

	.doc-footer__email {
		display: none;
	}

	.holder__midias-sociais {
		display: none;
	}

	.doc-footer__address, .doc-footer__contacts {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	.doc-footer__fone-1, .doc-footer__fone-2 {
		float: left;
		width: 50%;
	}

	.doc-footer__fone-1 a, .doc-footer__fone-2 a {
		font-size: 17px;
	}

	.doc-footer__fone-2 {
		text-align: right;
	}

	.doc-footer {
		padding: 35px 0;
	}

	.sf-minitoolbar {
		display: none!important;
	}

	.submnu__search form {
		height: 100%;
	}

	header .main__nav--fixed {
	    padding-top: 5px;
	    height: 60px;
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}

	header .main__nav--floating {
	    padding-top: 5px;
	    height: 60px;
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}

	header .main__nav--fixed h1 {
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}

	header .main__nav--floating h1 {
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}
	header .main__nav--fixed .logo-white {
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}
	header .main__nav--floating .logo-white {
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}

	header .main__nav--fixed .logo-blue {
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}

	header .main__nav--floating .logo-blue {
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}

	header .main__nav--fixed h1 {
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}

	header .main__nav--floating h1 {
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}

	header .main__nav--fixed a {
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}

	header .main__nav--floating a {
	    animation-name: none;
	    -webkit-animation-name: none; /* Chrome, Safari, Opera */
	}

	header .nav__menu li a:hover {
	    animation-name: none!important;
	    -webkit-animation-name: none!important; /* Chrome, Safari, Opera */
	}

	.product__action-list--details:hover {
	    animation-name: none!important;
	    -webkit-animation-name: none!important; /* Chrome, Safari, Opera */
	}

}