/*==========  Mobile First Method  ==========*/



/* Custom, iPhone Retina */ 

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



}



/* Extra Small Devices, Phones */ 

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



}



/* Small Devices, Tablets */

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



}



/* Medium Devices, Desktops */

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



}



/* Large Devices, Wide Screens */

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



}







/*==========  Non-Mobile First Method  ==========*/



/* Large Devices, Wide Screens */

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



}



/* Medium Devices, Desktops */

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

    .sti-menu li{

        margin-top:10px;

        clear: both;

        width: 90%;

    }

    .sti-menu{

        width:100%;

    }





}



/* Small Devices, Tablets */

@media only screen and (max-width : 768px) {
    
.menudentro li {
    margin: 3px 25px;
    clear: both;
}

    /*.blocos{display: none}*/

    .descpanel,.titulopanel{min-height: auto;}

    .fotopanel{height: auto;}
.main_h{
    display: block;
}
.topo{
    margin-top: 65px;
}
.menu,.sticky,.ipad,.ancora{

    	display: none !important;

    }

.logotexto h4{font-size: 18px;}
.logotexto h6{font-size: 20px;}

    .logoimagem{

    	    width: 25%;

    }



    .sti-menu li a h2,.sti-menu li a h3,.sti-icon,{

    	width: 90%;

    }

    .sti-icon{

    	background-position:50% 0%;

    }

    .center{

    	width:100%;

        padding: 15px;

    }

    .logotexto{ 

       margin-left: 40px;

    margin-top: 13px;

}

.logotexto h4{

    font-size: 25px;

}

.logotexto h7{

    font-size: 15px;

}

.topo{

    height: 35vh;

}



.sti-menu li a h2,.sti-menu li a h3{

    width:100%;

}

.sti-icon{

    width:100%;

    left:0px;

}



}



/* Extra Small Devices, Phones */ 

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



}



/* Custom, iPhone Retina */ 

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



}