/*1071px */
@media screen and (min-width:64.0625em){    
    nav#menu > ul{
		display:table !important;
		opacity:1;
		z-index: 888888;
	}
   
}

/* 1024px */
@media screen and (max-width:64em){
    nav#menu li.invisible{
        display:table;
    }
    header .main{
        padding:0px;
    }
    .main{
        padding-left:20px;
        padding-right:20px;
    }
    
    #logo{
       float:none;
       display:table;
       margin:0 auto;
    }
    
    button.btn-nav{
        display:block;
    }
    nav#menu{
        margin-top:5px;
        width:100%;
    }
    header{
        border-bottom:0px;
    }
    
    nav#menu ul{
		position:absolute;
		top:75px;
		left:0%;
		right:0%;
		width:100%;
		background:#28397B;
		z-index:-99999999;
		opacity:0;
		transition-duration:0.2s;
		-webkit-transition-duration:0.2s;
		-moz-transition-duration:0.2s;
	}
	nav#menu ul.invisible{
		z-index: 999999999999;
		opacity:1;
		top:50px;
	}
    nav#menu{
        position:relative;
        padding:0px;
        background:#0F669F;
    }
    
    nav#menu li{
        width:100%;
    }
    nav#menu li.ativo a:after,
    nav#menu li:hover a:after{
        display:none;
    }
    nav#menu li a{
        width:100%;
        color:#fff;
        border-radius:0px;
        font-size:12px;
        padding:15px 25px;
        transition-duration:0.2s;
        -webkit-transition-duration:0.2s;
        -moz-transition-duration:0.2s;
    }
    nav#menu li:hover a,
    nav#menu li.ativo a{
        background:#2E418B;
        padding-left:40px;
        color:#fff;
    }
    
    .box_index{
        padding:60px 20px;
    }
}


/* 885px */
@media screen and (max-width:55.3125em){
    nav#menu_index li a{
        min-height:90px;
        height:90px;
    }
    nav#menu_index li a{
        width:100%;
        text-align:left;
    }
    nav#menu_index li a span{
        width:100%;
        float:left;
        padding-left:0px;
        margin-top:5px;
        text-align:left;
        display:table;
    }
    .box_index{
        min-height:180px;
        height:180px;
    }
    .link_cliente{
        width:32%;
        margin-right:2% !important;
    } 
    .link_cliente:nth-of-type(3n){
        margin-right:0px !important;
    }
    
    #lado_form, #info_contato{
        width:100%;
    }
    #info_contato{
        margin-top:15px;
    }
    
    #banner li div.right{
        margin-top:8%;
    }
    #banner li img{
        width:auto;
        max-width:auto;
    }
    #banner .owl-pagination{
        margin-top:-50px;
    }
}

/* 700px */
@media screen and (max-width:43.75em){
    .box_index{
        width:100%;
        height:auto;
        margin-top:10px;
        padding:25px;
        background:#eee;
        min-height:auto;
    }
    .box_index p:before{
        display:none;
    }
    .box_index p{
        padding-left:0px;
        text-align:center;
    }
    .box_index p strong{
        width:100%;
        display:table;
    }
    #marcas a{
        border:1px dotted #bbb !important;
        padding:30px 0px;
        width:49%;
        margin-bottom:10px;
        text-align:center;
    }
    #marcas a:nth-of-type(2n){
        border-right:0px;
        float:right;
    }
    .diretrizes{
        width:100%;
        margin-right:0px;
        height:auto;
        min-height:auto;
        margin-bottom:10px;
    }
    .diretrizes:nth-of-type(3n){
        margin-bottom:30px;
    }
    
    .foto_produto{
        width:100%;
        margin-bottom:10px;
    }
    .foto_produto img{
        margin:0 auto;
        display:table;
    }
    nav#menu_open_close li p{
        width:100%;
    }
    .link_cases{
        width:49%;
        margin-right:0px;
    }
    .link_cases:nth-of-type(2n){
        float:right;
    }
    
    #mapa_abrangencia{
        display:none;
    }
    #lista_abrangencia{
        display:table;
    }
    #lista_abrangencia h6{
        color:#E9750E;
        font-weight:700;
        display:table;
        width:100%;
        margin-bottom:5px;
    }
    
    .foto_case{
        width:100%;
        margin-right:0px;
        padding:25px;
        margin-bottom:25px;
        border:2px solid #ddd;
    }
    .foto_case img{

        margin:0 auto;
        display:table;
    }
}


/* 599px */
@media screen and (max-width:37.4375em){
    nav#menu_index li{
        width:100%;
    }
    nav#menu_index li{
        border-bottom:0px solid #222;
    }
    nav#menu_index li:last-child{
        border-bottom:0px;
    }
    nav#menu_index li a{
        min-height:auto;
        height:auto;
    }
    
    .box_index{
        width:100%;
    }
    
    #development span{
        width:100%;
        text-align:center;
    }
    
    #marcas a{
        width:49%;
        margin-right:0px;
        border-right:0px;
    }
    #marcas a:nth-of-type(2n){
        float:right;
    }
     .link_cliente{
        width:49%;
        margin-right:0% !important;
    } 
    .link_cliente:nth-of-type(2n){
        float:right;
    }
    
    .input_field{
        width:100%;
    }
    
    #banner li div.left{
        display:none;
    }
    #banner li div{
        width:100%;
    }
    #banner{
       display:none;
    }
    #banner .owl-pagination{
        float:none;
        margin-top:-10px;
    }
    nav#menu_index{
        margin-top:25px;
    }
}

/* 450px */
@media screen and (max-width:28.125em){
     .link_cliente{
        width:100%;
    } 
    .link_cases{
        width:100%;
    }
    
    #marcas a{
        width:100%;
    }
}