@media screen and (max-width:700px) {
	section{padding: 15px; min-width: initial;}
	#menuIcon, #contraMenu{display: block; display: flex; align-items: center; margin-right: 10px;}
	#menuIcon svg{width: 33px; height: 33px; fill: #FFFFFF}
	#contraMenu svg{width: 23px; height: 23px; padding: 5px;}
	#empresaHeader{max-width: calc(100% - 140px);}
	
	.menutop{margin-left: 0px;width: calc(100% - 20px); padding: 7px 10px}
	.nomeUsuarioHeader{display: none}
	.menuTop .menuItem {margin: 3px; padding: 10px 5px;}
	
	.menuTopList{display: none; gap: 10px; flex-direction: column; position: absolute; top: 73px; left: 0px; height: 100vh; background: #3a4b53F3; width: calc(100% - 20px); padding: 10px;}
	.menuOpen{display: flex !important}
	
	.titulo{font-size: 32px !important;}
	.contain{width: calc(100% - 30px); font-size: 18px; min-width: initial; padding: 15px}
	.w800{width: initial}

	.input{width: 100% !important;}
	.inputBox {width: 100%; margin: 0px;}

	.box{width: calc(100% - 40px); max-height: calc(100% - 100px) !important; height: initial !important}
	.column{flex-direction: column}
	.footer{margin-bottom: 20px;}

	.dashbordBox{width: 100% !important}
		
		
	.flexForm{display: flex; flex-wrap: wrap}

	/*LOGIN*/
	.loginHeader{position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
	.loginHeaderBack{ width: 100%; background-position: center;}

	.loginBox{position: absolute; height: max-content; width: calc(100% - 60px); text-align: center; text-align: center; background: rgba(255,255,255, 0.55); border-radius: 5px; padding: 15px;}
	.loginBox img{margin: 5px}
	.logo img{width: 80%; margin-top: initial}
	.menuSide{left: -160;top: 45px; height: calc(100vh - 45px)}
	.menuTopMobile{display: block; background: var(--main-color); position: sticky; width: 100%; font-size: 16px; top: 0; z-index: 1000; padding: 0px;}
	.menuTopMobile .logo{text-align: center; padding: 5px;}
	
	.btMobile{display: block; position: relative; padding: 10px; text-align: center; cursor: pointer; font-weight: bold; background: #FFFFFF; color: var(--main-color);}
	
	.tbHeader{flex-wrap: wrap}
	.btDevolutiva{width: calc(50% - 28px) !important; margin: 4px;}
	#oportunidadeTable{overflow-x: scroll;}
	#oportunidadeTable>div{width: max-content;}
	.tbLine{width: max-content;}

	.serie{width: calc(50% - 10px);margin: 5px;}
	.serieBox{min-height: calc(100% - 110px);}
	
	.usersBox {width: 100%;}	
	
	.empresaBox{flex-direction: column;}
	
	.width50p{width: initial}
	
	.serieList{flex-wrap: wrap; gap: 10px; max-width: initial;}
	.serieThumb {width: calc(50% - 10px);}
	.cover{margin: -15px; position: relative; width: 100vw;}
	.divEpisodios{padding: 20px 0px;}
	.episodioThumb{width: 100%;}

	.divAction{margin-left: 0px; width: calc(100% - 30px); max-width: initial; padding: 15px;}
	.coverTitle{margin: 0px !important; text-align: center;}

	.episodioVideo {width: 100%; order: 1;}
	.episodioSide{order: 2;}
	.episodioDiv{flex-wrap: wrap;}

}