@media only screen and (max-width: 1024px){	
	/**** Top Style ****/
	.main-top .top-logo p{
		float:none;
		font-size:14px;	
	}
	
	.main-top .top-logo p span{
		font-size:20px;	
	}

	/**** Banner Style ****/
	.banner .main-simulacao .bt-left p{
		padding:30px 10px;
		font-size:26px;	
	}

	/**** Menu Logo ****/
	.main-navigation .menu ul li a{
		padding:0px 15px;	
	}
	
	/**** Botão Simulação ****/
	.banner .main-simulacao .bt-simula .bg-simulacao a, 
	.botao .bt-simulacao a{
		font-size:22px;	
	}
	
	/**** servicos Style ****/
	.main-servicos .bg-servicos{
		background:none !important;	
	}
	
	.main-servicos .servicos{
		width:100%;
		margin-bottom: 20px;
		padding:20px;	
	}
	
	/**** Rodapé ****/
	.rodape .rd-title2 span {
		font-size: 1.9em;
		line-height: 1.3em;
	}	
}

@media only screen and (min-width: 751px){

	/**** Menu style ****/
	.main-navigation .collapse{
		display: block !important;
		height:auto !important;
		padding-bottom:0px !important;
		overflow: visible !important;
	}
	
	.main-navigation .navbar-toggle {
		display: none;
	}
	
	.main-navigation .menu li:hover ul{
		display:block;
	}
	
	.main-navigation .menu ul li{
		float:left;
	}	
}

@media only screen and (max-width: 750px){	
	
	/**** Atendimento style ****/
	.main-atendimento{
		font-size:1.3em;	
	}
	/**** Topo Contatos style****/
	.main-top .top-logo p span{
		font-size:18px;
		margin-top:10px;
	}
	
	.main-top .top-contatos{	
		width:100%; 
		margin:0px auto; 
		padding:0px;
	}
	
	.main-top .container{	
		width: 100%;
		max-width: 100%;
	}
	
	.main-top .top-contatos img{
		margin-left:20px;	
	}
	
	.main-top .top-contatos .col-sm-12{
		padding:0px;	
	}
	
	.main-top .top-tel, .main-top .top-chat, .main-top .top-mail{
		font-size:1em;	
	}
	
	.main-top .top-tel i, .main-top .top-chat i, .main-top .top-mail i{
		margin: 0px 10px 0px -10px;
	}

	/**** Banner Style ****/
	.banner .main-simulacao .bt-left p{
		width:100%;
		padding:0px;
		font-size:22px;	
	}
	
	.banner .main-simulacao .bt-simula .bg-simulacao{
		width:100%;	
		font-size:18px;
	}
	
	.banner .main-simulacao .bt-simula .bg-simulacao a{
		width:80%;
		margin:0px auto;
		font-size:18px;
		text-align:center;
	}
	
	/**** Menu style ****/
	.main-navigation .menu ul{
		width: 100%;		
		background:#d2d2d2;
		position: absolute;
		z-index:100;
	}
	
	.main-navigation .navbar-toggle {
		display: block;
	}
	
	.main-navigation .navbar-header {
		height: 60px;
	}	
	
	.main-navigation .dropdown-menu{
		display:none;
	}
	
	.main-navigation .dropdown-toggle::after{
		display:none;	
	}
	
	.main-navigation .dropdown-toggle .caret::after{
		content: "";
		width: 40px;
		text-align: center;
		line-height: 50px;
		border-top: .4em solid;
		border-right: .3em solid transparent;
		border-left: .3em solid transparent;
	}
	
	.main-navigation .open .dropdown-menu{
		display:block;
		position: relative;
		float: none !important;
		top: 0px;
		left: 0px;
		width: 100%;
		height: auto;
		box-shadow: none;		
	}
	
	.main-navigation .dropdown-menu{
		display:none;
	}

	.main-navigation .menu ul li a{
		height:60px !important;
		line-height:60px !important;
	}
	
	.main-navigation .menu li ul a:hover, .main-navigation .menu ul li a:hover{
		background: #013856;
		color: #fffc00;
		border:0px;
	}
	
	/**** Servicos style ****/
	.main-servicos h1,
	.operadoras h1{
		width:100%;
		font-size:22px;
	}
	
	.main-servicos a img{
		margin: 30px 0px 10px 0px;
	}
	
	.servicos .bg-servicos{
		background:none !important;
	}
	
	.servicos .bg-serv{
		width:100%;
		margin-bottom:30px;
		float:none;	
	}
	
	.servicos .bg-serv h1{
		font-size:20px;	
	}
	
	.servicos img{
		width:100%;
	}

	/**** Simulacao style ****/
	.form-simulacao input[type="submit"]{
		font-size:1.3em;
	}
	
	/**** Botao Style ****/
	.botao .bt-chat a,
	.botao .bt-simulacao a{
		width:300px;
		font-size:22px;	
		margin-top:30px;
	}
	
	/**** Credenciadas Style ****/
	.credenciadas .redes img{
		width:90%;
	}
}


@media only screen and (max-width: 500px){	
	/**** Topo Style ****/
	.main-top .top-logo{
		height:auto;
		padding:0px;
	}
	
	.main-top .top-logo img,
	.main-top .top-logo p{
		float:none;
		margin:10px 0px;
	}
	
	/**** Banner Style ****/
	.banner .main-simulacao .bt-simula .bg-simulacao a{
		width:100%;
	}
	
	/**** Botao Style ****/
	.botao .bt-chat a,
	.botao .bt-simulacao a{
		width:100%;
	}
	/**** Atendimento style ****/
	.main-atendimento{
		padding:20px 0px 10px 0px;
		font-size:1.6em;	
	}
	
	.main-atendimento .atendimento{
		width:70%;
		line-height:1.5em;
		margin:20px auto;
		padding-bottom:20px;
		float:none;
		border-bottom:dotted 8px #084968;
		border-right:none;
	}
	
	.main-atendimento .at-none{
		border-bottom:none;	
	}

}