@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.meio	{
	width: 96%;
	}
#cssmenu > ul > li > a {
    padding: 21px 7px !important;
	font-size: 12px !important;
	letter-spacing: 0;
	background: none;
	}
#cssmenu > ul > li > a:hover {
	background: none;
	}
#menu .meio	{
	background: none;
	}

	}
	
@media only screen and (min-width: 480px) and (max-width: 767px) {
.meio	{
	width: 96%;
	}
.col-1 , .col-2 , .col-3 , .col-4 , .col-5 , .col-6 , .col-7 , .col-8 , .col-9 , .col-10 , .col-11 , .col-12	{
	width: 46% !important;
	margin: 0 2% 20px 2% !important;
	}
#topo .col-4 {
	margin: 0 2% 0px 2% !important;
	}
#topo h1 {
	background: url(../img/adentech-maior.png) no-repeat left top;
	background-size: 200px;
	width: 100%;
}	
#topo .cabe {
    margin-top: 30px !important;
	font-size: 12px;
}

	
#menu .col-3	{
	/*background: teal;*/
	width: 46% !important;
	margin: 0 2% !important;
	}
#menu .meio	{
	background: none;
	}
#cssmenu ul ul {
    top: 0 !important;
	}

#cssmenu #menu-button > a {
	padding: 21px 14px !important;
	background: #073050 !important;
	}
#cssmenu #menu-button::after {
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    top: 22px !important;
}
#cssmenu #menu-button::before {
    border-top: 2px solid #7a8189;
    top: 32px !important;
}
#cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before	{
    border-color: #fff !important;
	}
#cssmenu > ul > li#menu-button > a	{
	text-align: center !important;
	}
#cssmenu ul li a {
    padding: 11px 20px !important;
    background: #073050 !important;
	text-align: left !important;
}
#cssmenu ul li ul li a {
    padding: 9px 20px !important;
    background: #0c3d63 !important;
}
#cssmenu ul li ul li a:hover {
	color: #0683d6 !important;
}
	}
	
@media only screen and (max-width: 479px) {
.meio	{
	width: 96%;
	}
.col-1 , .col-2 , .col-3 , .col-4 , .col-5 , .col-6 , .col-7 , .col-8 , .col-9 , .col-10 , .col-11 , .col-12	{
	width: 100% !important;
	margin: 0 0 20px 0 !important;
	}

#topo h1 {
    width: 100%;
    margin: 33px 0 15px 0;
    background: url(../img/adentech-maior.png) no-repeat center top;
	background-size: 200px;
}	
#topo .col-4, #topo .col-8 {
	margin-bottom: 0 !important;
}

#topo .cabe {
	display: none;
	}
	
#menu {
    height: auto;
    background: none;
    text-transform: uppercase;
}
#menu .col-3 {
	background: #265679 !important;
	margin-bottom: 8px !important;
	text-align: center;
}
#menu .atendimento {
    width: 125px;
    margin: 10px 0 0 0;
}
#menu .col-9 {
	margin-bottom: 1px !important;
}
#cssmenu ul ul {
    top: 0 !important;
	}
#cssmenu #menu-button > a {
	padding: 21px 14px !important;
	background: #073050 !important;
	}
	
	
#cssmenu #menu-button::after {
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    top: 22px !important;
}
#cssmenu #menu-button::before {
    border-top: 2px solid #7a8189;
    top: 32px !important;
}
#cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before	{
    border-color: #fff !important;
	}
#cssmenu > ul > li#menu-button > a	{
	text-align: center !important;
	}
#cssmenu ul li a {
    padding: 11px 20px !important;
    background: #073050 !important;
	text-align: left !important;
}
#cssmenu ul li ul li a {
    padding: 9px 20px !important;
    background: #0c3d63 !important;
}
#cssmenu ul li ul li a:hover {
	color: #0683d6 !important;
}


#icones .i1 , #icones .i2 , #icones .i3	{
	width: 32% !important;
	margin: 0 2px !important;
	font-size: 12px;
	}
#icones .i2 span.inv{
	display: inline;
	}
#icones .i2 span.vis{
	display: none;
	}


#parceiros .col-3	{
	width: 48% !important;
	margin: 0 !important;
	}
#parceiros .col-3:nth-child(2n)	{
	margin: 0 0 10px 4% !important;
	}
	}
	
@media only screen and (max-width: 1023px) {
	}