@media (max-width: 1440px){
	.product-grid {
    grid-template-columns: repeat(3, 1fr);
	}
	.filter-grid {
    grid-template-columns: 280px 1fr;
	}
	.half-cover {
    grid-template-columns: 1fr 1.4fr;
	}
	.about-info {
    padding: 80px 80px;
}
	.container{
		width: auto;
    max-width: 100%;
    margin-left: 45px;
    margin-right: 45px;
	}
	.footer-grid {
		grid-gap: 40px;
	}
}
@media (max-width: 991px){
	#login {
		height: auto;
    min-height: calc(100% - 60px);
    margin-top: 60px;
		padding-top: 40px;
	}
	.detail-info .detail-list p {
    margin-bottom: 5px;
	}
	.app-figure .selectors {
		width: 60px;
		grid-row-start: 2;
	}
	.app-figure {
    grid-template-columns: 1fr;
    grid-gap: 10px;
	}
	#detail {
    margin-top: 60px;
		padding-top: 40px;
	}
	.detail-info .detail-title {
    font-size: 20px;
	}
	.detail-title h4 {
    font-size: 22px;
	}
	.detail-title h2 {
    font-size: 30px;
	}
	footer.filter{
		opacity: 0;
	}
	#cta .btn-mid{
		width: 100%;
	}
	form .btn-mid{
		width: 100%;
	}
	.contact-list{
		margin-top: 40px;
	}
	.contact-grid {
    grid-template-columns: 1fr;
    grid-gap: 50px;
	}
	.catalog-box:nth-child(even) {
    margin-top: 40px;
    margin-bottom: -40px;
	}
	.catalog-info h3 {
    font-size: 16px;
	}
	.catalog-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-bottom: 40px;
	}
	#cover {
    margin-top: 60px;
    height: 60vw;
	}
	body.fixed{
		overflow: hidden;
	}
	.product-sidebar .filter-close{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.product-sidebar .filter-close:hover{
		color: #285AEB;
	}
	.product-sidebar .filter-actions p{
		display: none;
	}
	.product-sidebar .filter-actions h3{
		font-size: 28px;
		font-weight: 700;
		color: #253761;
		margin: 0 0 30px 0;
		text-align: center;
	}
	.product-sidebar .filter-actions{
		display: block;
		margin-bottom: 30px;
	}
	.top-filter {
    padding: 15px 0 15px 20px;
	}
	.items-count{
		display: none;
	}
	.items-filter{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-right: 20px;
	}
	.pagination {
    text-align: center;
		margin: 15px 0 0 0;
	}
	.pagination-grid {
		margin-top: 20px;
		text-align: center;
    grid-template-columns: 1fr;
		justify-content: center;
	}
	.product-grid{
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
	.items-filter .filter-actions{
		display: none;
	}
	.items-filter .filter-icon path{
		fill: #253761;
	}
	.items-filter .filter-icon svg:hover path{
		fill: #285AEB;
	}
	.items-filter .filter-icon{
		display: flex;
	}
	.accordion li:first-child {
    padding-top: 0;
	}
	.accordion li{
		padding: 15px 0;
	}
	.product-sidebar.active{
		left: 0;
		pointer-events: visible;
	}
	.product-sidebar {
		overflow: auto;
		background-color: #fff;
    border-right: none;
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		z-index: 300;
		pointer-events: none;
		padding: 70px 20px 40px 20px;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.filter-grid{
		display: block;
		padding: 20px 20px 40px 20px;
	}
	#products {
    margin-top: 60px;
		overflow: visible;
	}
	.title h4 {
    font-size: 18px;
	}
	.title h1 {
    font-size: 38px;
	}
	.mission-box:nth-child(1) {
		margin-left: 60px;
	}
	.mission-box:nth-child(2) {
    top: 0;
		margin-right: 60px;
	}
	.mission-grid {
    grid-template-columns: 1fr;
    margin-bottom: 0;
	}
	.about-info{
		padding: 70px 20px;
		max-width: 768px;
		width: 100%;
		margin: 0 auto;
	}
	.about-cover{
		height: 40vw;
	}
	.half-cover {
    grid-template-columns: 1fr;
	}
	#top .title p {
		margin: 0;
	}
	#top .title-grid {
    grid-template-columns: 1fr;
		text-align: center;
		margin: 0;
	}
	#top {
    margin-top: 60px;
	}
	.footer-top {
    padding: 70px 0;
	}
	.product-action{
		font-size: 12px;
	}
	.product-left a {
    font-size: 12px;
	}
	.product-title {
    font-size: 14px !important;
	}
	.featured-grid .product-box:last-child{
		display: none;
	}
	.featured-box{
		grid-column: span 3;
		margin-bottom: 30px;
		text-align: center;
	}
	.featured-box .btn-mid{
		width: 100%;
	}
	.featured-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
	}
	.container{
		padding: 0 20px;
		margin: 0 auto;
		max-width: 768px;
	}
	.footer-grid {
    display: grid;
    grid-template-columns: 1fr auto auto;
	}
	section{
		padding: 70px 0;
	}
	.form-control {
    padding: 15px 20px;
	}
	.title p {
    font-size: 16px;
    margin: 15px 0 0 0;
	}
	.title {
    margin: 0 0 20px 0;
	}
	.title h2 {
    font-size: 36px;
	}
	.modal-search {
    height: calc(100% - 60px);
    top: 60px;
	}
	.search-input .btn-mid{
		width: 100%;
	}
	.search-input {
    grid-template-columns: 1fr;
		grid-gap: 10px;
	}
	#home-slider .flex-direction-nav{
		width: auto;
		right: 0;
	}	
	#home-slider .flex-control-paging{
		display: none;
	}
	#home-slider .flex-direction-nav > li > a {
    width: 45px;
    height: 45px;
		font-size: 13px;
	}
	#topnav .navbar-toggle:hover span {
    background-color: #fff;
	}
	#topnav.filter{
		opacity: 0;
		pointer-events: none;
	}
	#topnav.search .navbar-toggle span{
		background-color: #285AEB;
	}
	#topnav.search .menu-actions svg path{
		fill: #285AEB;
	}
	#topnav.search{
		background-color: #fff;
	}
	#topnav.search .logo .logo-dark{
		display: none !important;
	}
	#topnav .menu-actions {
    right: 20px;
	}
	#topnav .menu-actions .menu-text{
		font-size: 0;
		display: inline-flex;
		margin-left: 15px;
	}
	#topnav .menu-text svg{
		display: block;
	}
	#topnav .menu-actions svg path{
		fill: #fff;
	}
	#topnav .menu-actions a{
		display: none;
	}
	#topnav .navigation-menu {
    width: 100%;
		justify-content: flex-end;
		padding-bottom: 50px;
	}
	#topnav .navbar-toggle{
		padding: 0 10px 0 20px;
	}
	#topnav .navigation-menu a {
    line-height: 40px;
	}
	#topnav .logo {
    padding: 20px 0;
	}
	#topnav .logo img {
    height: 20px;
	}
	#topnav .menu-extras {
    width: 60px;
    height: 60px;
    margin-right: 10px;
	}
	#topnav {
    padding: 0 20px 0 0;
	}
	.slide-img img{
		width: 30vw !important;
    height: auto !important;
	}
	.slide-line{
		width: 80px;
	}
	.slide-info{
		padding: 0 40px;
	}
	.slide-title .btn-mid {
    margin-top: 30px;
	}
	.slide-title p {
    font-size: 18px;
	}
	.slide-title{
		text-align: center;
		margin-top: 30px;
	}
	.slide-logo span {
    font-size: 22px;
	}
	.slide-logo {
    height: 45px;
    margin-bottom: 15px;
	}
	.slide-title h3 {
    font-size: 22px;
	}
	.slide-title h1 {
		text-align: center;
    font-size: 38px;
    margin: 0 0 15px 0;
	}
}
@media (max-width: 768px){
	.detail-grid {
		grid-template-columns: 1fr;
		grid-gap: 40px;
    width: 100%;
    max-width: 768px;
	}
	.container{
		max-width: initial;
	}
	.marcas-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-top: 40px;
	}
	.slide-info{
		padding: 0;
	}
	.slide-line{
    width: 100%;
		height: 4px;
		bottom: 40%;
		top: initial;
	}	
	.slide-info{
		height: 60%;
	}
	.slide-grid {
    display: block;
		height: 100%;
	}
	.slide-img{
		height: 40%;
		padding: 60px 0;
	}
	.slide-img img{
		width: auto !important;
    height: 100% !important;
	}
}
@media (max-width: 570px){
	#mask img{
		width: 260px;
	}
	.mission-text h3 {
    margin: 0 0 15px 0;
	}
	.mission-box {
    padding: 40px 20px;
	}
	.mission-grid{
		grid-gap: 20px;
	}
	.mission-box:nth-child(1) {
    margin-left: 0;
	}
	.mission-box:nth-child(2) {
    margin-right: 0;
	}
	.footer-top {
    padding: 50px 0;
	}
	.marcas-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
		padding: 0 30px;
	}
	.featured-box{
		grid-column: span 2;
		margin-bottom: 30px;
	}
	.featured-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
	}
	.footer-grid {
    grid-template-columns: 1fr;
    grid-gap: 40px;
	}
	.contact-items {
    grid-template-columns: 1fr;
    grid-gap: 40px;
	}
	#topnav .logo img {
    height: 15px;
	}
}