@media screen and (max-width: 1366px) {
    #opcoes_escolha_site {width: 1054px;}
    #escolha_site_parte1 { width: 1050px;}
    #escolha_de_site { width: 990px;  }
	#layerslider h2 {
    float: right;
    padding-right: 16%;
    /* padding: 1px 1px 1px 1px; */
    font-size: 38px;
    color: #ffffff;
    font-family: sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-shadow: -3px 3px 4px #00000040;
    background-color: #b40000cf;
    margin-top: 170px;
    padding-left: 30px;
    padding-bottom: 17px;
    padding-top: 17px;
    /* border-radius: 60px; */
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
}
}

@media screen and (max-width: 1280px) {
    /**/
}
@media screen and (max-width: 1245px) {
	#div-menu-topo{width:53%;}
    .nav a{padding:67px 8px;}
}
@media screen and (max-width: 1240px) {
    #box-form-rd{right: 45px;}
}
@media screen and (max-width: 1150px) {
    #box-form-rd{top: 140px;}
}
@media screen and (max-width: 1090px) {
    #box-form-rd h1{font-size: 1.0em;}
    #box-form-rd {
    padding: 10%;
    min-height: 224px;
    display: table-cell;
    width: 70%;
    position: initial;
    margin: 0 auto;
}
    #box-form-rd input{min-height: 15px;font-size: 1.0em;}
    #bt_submit{  font-size: 0.9em;}

}

@media screen and (max-width: 1217px) {
		#conheca-mais-dir{width:33%}
}
@media screen and (max-width: 1169px) {
	
	#contato {
    float: left;
    width: 100%;
    display: flex;
}

#contato-parte2 {
    width: 30%;
    float: left;
    margin-left: 5%;
}

#contato-parte3 {
    width: 30%;
    float: left;
    margin-left: 5%;
    min-height: 320px;
}

#contato-parte4 {
    width: 100%;
    float: left;
    text-align: left;
}

#contato-parte5 {
    width: 100%;
    float: left;
    text-align: left;
}

#contato-parte6 {
    width: 100%;
    float: left;
    text-align: left;
}
	
	#conheca-mais {
    width: 90%;
    float: none;
    padding: 50px 50px;
    display: inline-block;
    margin: 0 auto;
}
	
	#conheca-mais-esq h2 {
    font-size: 41px;
    width: 90%;
    padding: 3% 6%;
    font-weight: 600;
}
	
	#topo {
    margin: 10px 0px;
}
    /*MENU*/
	#div-menu-topo { width: 180px; margin-top: 3px; z-index:99999999;}
	.nav {position: relative;min-height: 40px;}	
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url('../img/icon-menu.png') no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		height: auto;
	}
	.nav li {display: none; /* hide all <li> items */	margin: 0; float:none;}
	.nav .current {display: block; /* show only current <li> item */}
	.nav a {	display: block;	padding: 5px 5px 5px 32px;text-align: left;line-height: 100%; color: #666;}
	.nav .current a {	background: none;color: #666;}
	/* on nav hover */
	.nav ul:hover {background-image: none;}
	.nav ul:hover li {display: block;margin: 0 0 5px;}
	.nav .current a:hover, .nav a:hover {background: url('../img/icon-check.png') no-repeat 10px 7px;}
    
    #layerslider p {
    padding: 17px 52px 1px 1px!important;
    font-size: 24px!important;
    width: 39%!important;
    margin: 0 auto!important;
    clear: both!important;
    margin-left: 556px!important;
    text-shadow: -2px 2px 4px #000000a3!important;
    font-family: sans-serif!important;
    font-weight: 600!important;
}
	

}
@media screen and (max-width: 960px) {
    
    #conheca-mais-esq img { padding-bottom: 100px;}
    #conheca-mais-esq p { font-size: 40px; line-height: 70px }
    #opcoes_escolha_site {width: 804px;}
    #escolha_site_parte1 { width: 800px;}
    #escolha_de_site { width: 740px;  }
	
	#layerslider h2 {
    float: right;
    padding-right: 7%;
    /* padding: 1px 1px 1px 1px; */
    font-size: 26px;
    color: #ffffff;
    font-family: sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-shadow: -3px 3px 4px #00000040;
    background-color: #b40000cf;
    margin-top: 170px;
    padding-left: 30px;
    padding-bottom: 17px;
    padding-top: 17px;
    /* border-radius: 60px; */
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
}

#layerslider p {
    color: #fff;
    padding: 17px 0px 1px 1px;
    font-size: 20px;
    width: 39%;
    margin: 0 auto;
    clear: both;
    margin-left: 541px;
}
}

@media screen and (max-width: 910px) {
    
#box-form-rd h1{color: #b10000;font-size: 1.5em; text-align: center;margin: 0px auto 20px auto;line-height: 25px;}
#box-form-rd input{min-height: 30px; width: 100%; margin: 5px auto;color: #575656;font-size: 1.5em;}
#bt_submit{background: #b10000; color: #fff; text-align: center; padding:5px 5px; margin: 0px auto; width: 80%; border-radius: 10px; border:none;font-size: 1.2em;float: right;}
.slide-out-div{display: none;}
/*BOTÃO AJUDA CHAT*/
#bt-ajuda-rodape{display: none;}
#bt-ajuda-clique{display: none;}
/*BOTÃO AJUDA CHAT*/
}
@media screen and (max-width: 880px) {
    #conheca-mais-esq { width: 100%; text-align: center;}
    #conheca-mais-esq img { padding-bottom: 10px;}
    #conheca-mais-dir { width: 100%; padding-top: 30px;}
	.TabControl{width:60%;float:none;margin:0px auto;}
	#form_login input{width:100%;}
	#form_login{width:80%;}
	#chat{margin:0px auto}
    
    #idocumentos, #inewsletter, #atendimento-online, #igaleria { width:50%; }

    #contato-parte1,#contato-parte2{width:40%;}
    #contato-parte3{width:90%;float: left;margin-left: 5%;margin-top:50px;}
	
	#contato-parte1{margin-left: 5%; }
    #contato-parte1,#contato-parte2{width:40%;}
    #contato-parte3{width:90%;float: left;margin-left: 5%;margin-top:50px;}
    #contato-parte4{width:90%;float: left;margin-left: 5%;}
    #contato-parte5{width:90%;float: left;margin-left: 5%;}
    #contato-parte6{width:90%;float: left;margin-left: 5%;}
}
@media screen and (max-width: 830px) {
    #opcoes_escolha_site {width: 554px;}
    #escolha_site_parte1 { width: 550px;}
    #escolha_de_site { width: 490px;  }
	
	#layerslider h2 {
    float: right;
    padding-right: 6%;
    /* padding: 1px 1px 1px 1px; */
    font-size: 22px;
    color: #ffffff;
    font-family: sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-shadow: -3px 3px 4px #00000040;
    background-color: #b40000cf;
    margin-top: 170px;
    padding-left: 30px;
    padding-bottom: 17px;
    padding-top: 17px;
    /* border-radius: 60px; */
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
}
#layerslider p {
    color: #fff;
    padding: 17px 0px 1px 1px;
    font-size: 17px;
    width: 37%;
    margin: 0 auto;
    clear: both;
    margin-left: 477px;
}
}

@media screen and (max-width: 768px) {

	#layerslider {
		background: url(../img/banner-topo.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: inherit;
		background-size: inherit;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: flex-start;
		align-content: space-between;
		flex-wrap: nowrap;
	}
    
    #layerslider h2 {
    float: none;
    padding-right: 0%;
    /* padding: 1px 1px 1px 1px; */
    font-size: 30px;
    color: #ffffff;
    font-family: sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-shadow: -3px 3px 4px #00000040;
    background-color: #b40000cf;
    margin-top: 170px;
    padding-left: 30px;
    padding-bottom: 17px;
    padding-top: 17px;
    /* border-radius: 60px; */
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    text-align: center;
    margin: 0 auto;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    padding: 20px 60px;
    margin-top: 130px;
}

#layerslider p {
    padding: 17px 0px 0px 0px!important;
    font-size: 24px!important;
    width: 60%!important;
    margin: 0 auto!important;
    clear: both!important;
    margin-left: 150px!important;
    text-shadow: -2px 2px 4px #000000a3!important;
    font-family: sans-serif!important;
    font-weight: 600!important;
    text-align: center!important;
    float: none!important;
    display: block!important;
}
	

}

@media screen and (max-width: 600px) {
    #sistema-personalizado, #pagamento-relatorio, #certificados  { width: 100%;}
    #configure-2, #cadastre-2, #finalize-2 , #acesse-2 { width: 80%; margin:0px auto; margin-bottom: 20px;}
	.mobile{display:block;margin:0px auto;}
	.normal{display:none;}
}
@media screen and (max-width: 580px) {
    #opcoes_escolha_site {width: 304px;}
    #escolha_site_parte1 { width: 300px;}
    #escolha_de_site { width: 240px;  }
    #preview{display: none;}
}
@media screen and (max-width: 550px) {
    
    #layerslider {
    background: url(../img/banner-topo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    align-content: space-between;
    flex-wrap: nowrap;
}
	#div-logo-topo{
		width: 100%;
		height: auto;
		margin-top: 0px;
		margin: 0px auto;
	}
	#div-logo-topo img {
    width: 70%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto!important;
}
	#topo img{margin-left:0px;}
	#div-menu-topo{width: 100%;
		z-index: 10000;
		margin: 0px auto;
		float: none;
		height: 25px;
		clear: both;
		padding-top: 10px;
}
	.nav ul{
		width: 180px;
		padding: 5px 0;
		position: relative;
		border: solid 1px #aaa;
		background: #fff url('../img/icon-menu.png') no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		height: auto;
		margin: 0px auto;
		z-index: 9999999;
	}

}

@media screen and (max-width: 550px) {
	.TabControl{width:100%;}
}
@media screen and (max-width: 440px) {
    
    #layerslider p {
    padding: 17px 0px 0px 0px!important;
    font-size: 17px!important;
    width: 60%!important;
    margin: 0 auto!important;
    clear: both!important;
    margin-left: 87px!important;
    text-shadow: -2px 2px 4px #000000a3!important;
    font-family: sans-serif!important;
    font-weight: 600!important;
    text-align: center!important;
    float: none!important;
    display: block!important;
}
    
    #layerslider h2 {
    float: none;
    padding-right: 0%;
    /* padding: 1px 1px 1px 1px; */
    font-size: 20px;
    color: #ffffff;
    font-family: sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-shadow: -3px 3px 4px #00000040;
    background-color: #b40000cf;
    margin-top: 170px;
    padding-left: 30px;
    padding-bottom: 17px;
    padding-top: 17px;
    /* border-radius: 60px; */
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    text-align: center;
    margin: 0 auto;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    padding: 15px 30px;
    margin-top: 50px;
}
    
    #conheca-mais {
    width: 100%;
    float: none;
    padding: 60px 0px;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#chat a {
    color: #fff;
    text-decoration: none;
    font-size: 27px;
}
    
    #conheca-mais-esq h2 {
    font-size: 31px;
    width: 100%;
    padding: 6% 0%;
    font-weight: 600;
}

#conheca-mais-dir {
    width: 90%;
    padding: 15% 0% 0% 0%;
    margin: 0 auto!important;
    float: none;
    display: flow-root;
}
    #contato-parte1,#contato-parte2{width:90%;}
    #contato-parte2 { margin-top: 50px;}
    #idocumentos, #inewsletter, #atendimento-online, #igaleria { width:100%; }
    #conheca-mais-esq p { font-size: 16px;}
}