/*========================================================================================
========================================| 1350PX |========================================
========================================================================================*/
@media (max-width:1350px) {
/*===============================================
================| HOME / HEADER |================
===============================================*/
/*====| HEADER / LOGO |====*/
.header-left { width: 220px; }

/*====| HEADER / MENU |====*/
.header-right-menu {
    width: 100%;
    text-align: center;
}

.nav-menu ul { flex-direction: column; }
 
.menu-icon { display: flex; }

.header-right {
    width: 300px;
    min-height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    z-index: 200;
    background-color: var(--color-09);
    padding: 20px;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: 0.4s all cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-box-shadow: -12px 1px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -12px 1px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -12px 1px 25px 0px rgba(0, 0, 0, 0.1);
}

.nav-menu ul li { color: var(--color-white); }
.nav-menu li::after { background-color: var(--color-07); }

.open-menu {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: 0.4s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.header-right-contact { display: none; }
.hrc-open { display: initial; }

.menu-icon div { background-color: var(--color-black); }

/*====| HEADER / CONTACT |====*/
.header-right-contact {
    width: 100%;
    max-width: 100%;
    margin-top: 25px;
}

}

/*========================================================================================
========================================| 1100PX |========================================
========================================================================================*/
@media (max-width:1100px) {

/*===============================================
===============| HOME / NOTÍCIAS |===============
===============================================*/

.products-row-post.flex-3 { flex-basis: calc(50% - 15px); }

	/*===============================================
	=====================| PAGE |==================== | CONTATO |
	===============================================*/
	.contact_box {
		flex-basis: 80%;
		padding: 20px;
	}
	/*====| CONTACT FORM 7 |====*/
	.contact_right_form input.form_left { width: 100%; }
	.contact_right_form input.form_right { width: 100%; }


/*===============================================
=====================| PAGE |==================== | CONTATO |
===============================================*/
	.contact_box {
		flex-basis: 100%;
		padding: 20px;
	}

	/*====| CONTACT FORM 7 |====*/
	input.form_left { width: 100%; }
	input.form_right { width: 100%; }





    
/*===============================================
==============| HOME / INFORMAÇÕES |=============
===============================================*/
.home-information-list {
    font-size: 14px;
    line-height: 14px;
    padding: 5px 4px;
}
.home-information-list.flex-4 {
    flex-basis: calc(25%);
    margin: 0;
}

.information-list-icon i { font-size: 36px; }

/*===============================================
===============| HOME / PRODUTOS |===============
===============================================*/
.products-row-post { flex-basis: calc(25% - 15px); }

/*===============================================
===================| FOOTER |====================
===============================================*/
.footer-widget.flex-3 {
    flex-basis: calc(100%);
    margin-bottom: 35px;
}

.footer-widget-01 {
    text-align: center;
    max-width: 100%;
}

.footer-widget-01-rs { width: 100%; }

}

/*========================================================================================
=========================================| 820PX |========================================
========================================================================================*/
@media (max-width:820px) {
/*===============================================
==============| HOME / INFORMAÇÕES |=============
===============================================*/
.home-information-list { flex-direction: column; }

.information-list-icon i { margin-bottom: 15px; }

/*===============================================
===============| HOME / PRODUTOS |===============
===============================================*/
.products-row-post { flex-basis: calc(33.3333% - 15px); }

/*===================================================
====================== SLIDE ========================
===================================================*/
.slider-wrapper .controls { bottom: 5px; }
.slider-wrapper .controls span {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.slider-wrapper .paginator li span {
    width: 10px;
    height: 10px;
}
.slider-wrapper .paginator { bottom: 3px; }

.slider-wrapper .controls span.next {
    width: 20px;
    height: 20px;
    padding: 20px;
}
.slider-wrapper .controls span.prev {
    width: 20px;
    height: 20px;
    padding: 20px;
}

/*===============================================
==============| SINGLE / PRODUCTS |==============
===============================================*/
.single-products { margin: 80px 0 10px 0; }

.single-products-row { flex-direction: column; }

/*====| LEFT |====*/
.single-products-left { width: 100%; }

/*====| RIGHT |====*/
.single-products-right { width: 100%; }

.single-products-right-title { margin-top: 35px; }

}

/*========================================================================================
=========================================| 600PX |========================================
========================================================================================*/
@media (max-width:600px) {
    /*===============================================
	=====================| PAGE |==================== | HEADER |
	===============================================*/
    .header-0 { display: none; }

    /*===============================================
	=====================| PAGE |==================== | CONTATO |
	===============================================*/
	.contact_box {
		flex-basis: 100%;
		padding: 20px;
	}

	/*====| LEFT |====*/
	.contact_left {
		flex-basis: 100%;
		order: 2;
	}

	/*====| RIGHT |====*/
	.contact_right {
		flex-basis: 100%;
		order: 1;
	}

/*===============================================
===============| HOME / NOTÍCIAS |===============
===============================================*/
.home-na {
    display: flex;
    justify-content: unset;
    flex-direction: column;
}

.home-na {
    display: flex;
    align-items: stretch;
}

.home-na {
    display: flex;
    flex-wrap: nowrap; 
}

.home-news { width: 100%; }

.products-row-post.flex-3 { flex-basis: calc(100% - 15px); }

.home-announcement {
    width: 100%;
    border-left: 0;
    background-color: brown;
}

}

/*========================================================================================
=========================================| 428PX |========================================
========================================================================================*/
@media (max-width:428px) {
/*===============================================
==============| SINGLE / PRODUCTS |==============
===============================================*/
.single-products-right-title h1 { font-size: 1.2rem; }

}

/*========================================================================================
=========================================| 390PX |========================================
========================================================================================*/
@media (max-width:390px) {
/*===============================================
===============| HOME / PRODUTOS |===============
===============================================*/
.products-row-post { flex-basis: 100%; }

}

/*========================================================================================
=========================================| 320PX |========================================
========================================================================================*/
@media (max-width:320px) {
/*===============================================
==============| HOME / INFORMAÇÕES |=============
===============================================*/
.home-information-list {
    border-right: none;
    font-size: 12px;
    line-height: 12px;
}

.information-list-icon i { margin: 12px 0; }

}

/*
@media (max-width:1280px) {}
@media (max-width:1024px) {}
@media (max-width:912px) {}
@media (max-width:820px) {}
@media (max-width:810px) {}
@media (max-width:800px) {}
@media (max-width:768px) {}
@media (max-width:600px) {}
@media (max-width:540px) {}
@media (max-width:428px) {}
@media (max-width:414px) {}
@media (max-width:412px) {}
@media (max-width:393px) {}
@media (max-width:390px) {}
@media (max-width:384px) {}
@media (max-width:375px) {}
@media (max-width:360px) {}
@media (max-width:320px) {}
@media (max-width:280px) {}
*/