/* 00 - Configurações Gerais
=------------------------------=*/
.secondary-title {font-family: 'humanst521_cn_btregular'; font-size: 36px; text-transform: uppercase; color: #8A5C36; margin: 2rem 0 1rem 0;}
.secondary-title.mt-0 {margin-top: 0;}

/* 01 - Produtos
=-----------------=*/
.products * {box-sizing: border-box;}
.products img {width: 100%; height: 205px; object-fit: cover; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; border: 0px solid #EEE9DB; cursor: pointer;}
.products img:hover {border: 10px solid #EEE9DB;}
.products .row {width: 100%; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; margin: 0 -1rem;}
.products .row .col {width: 33.33%; flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; -moz-flex: 0 0 33.33%; height: 205px; padding: 0 1rem; margin: 0 0 1rem 0;}

/* 01 - Produtos
=-----------------=*/
.videos {margin: 3rem 0 0 0;}
.videos * {box-sizing: border-box;}
.videos img {width: 100%; height: 205px; object-fit: cover; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; border: 0px solid #EEE9DB; cursor: pointer;}
.videos img:hover {border: 10px solid #EEE9DB;}
.videos h2 {font-family: 'humanst521_cn_btregular'; font-size: 28px; font-weight: 600; text-align: center; text-transform: uppercase; color: #8A5C36; letter-spacing: .5px;}
.videos .row {width: 100%; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; margin: 0 -1rem;}
.videos .row .col {width: 33.33%; flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; -moz-flex: 0 0 33.33%; height: 205px; padding: 0 1rem; margin: 0 0 1rem 0;}

/* 04 - Media Screen
=----------------------=*/
@media screen and (max-width: 767px) {
	.products .row {margin: 0;}
	.products .row .col {padding: 0;}
	.products .row .col:nth-child(even) {padding-left: 1rem;}

	.videos .row {margin: 0;}
	.videos .row .col {padding: 0;}
	.videos .row .col:nth-child(even) {padding-left: 1rem;}
}

@media screen and (max-width: 575px) {
	#erro-content #conteudo .resonsive-container {margin: 0;}
}

@media screen and (min-width: 476px) and (max-width: 767px) {
	.products .row .col {width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -moz-flex: 0 0 50%;}
	.videos .row .col {width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -moz-flex: 0 0 50%;}
}

@media screen and (max-width: 475px) {
	.products .row .col {width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; -moz-flex: 0 0 100%;}
	.products .row .col:nth-child(even) {padding-left: 0;}
	.videos .row .col {width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; -moz-flex: 0 0 100%;}
	.videos .row .col:nth-child(even) {padding-left: 0;}
}