@media screen and (max-width:320px){   
    /* Logotipo */
    header .logo {max-width:120px;}
    header .logo img {max-width:120px;}
    
    /* Navegação principal */
    header .navPrincipal {position:absolute;right:0;top:0;width: 135px;}
    header .navPrincipal ul {display: none;}
    header .navPrincipal ul li {display: block;padding: 0;width: 100%;background: rgba(0,0,0,0.8);}
    header .navPrincipal ul li a {display: block;width: 100%;}
    header .navPrincipal ul li a span {display: block;padding: 12px 0;width: 100%;text-align: center;}

    /* Botão com ícone de hambúrguer */
    header .navPrincipal .mobile_menuToggle {display: block;position: relative;margin-top: -17px;width: 100%;height: 80px;background: rgba(0,0,0,0.4);text-align: center;}
    header .navPrincipal .mobile_menuToggle .hamburger {display: inline-block;position: relative;margin: 0 10px 0 0;}
    header .navPrincipal .mobile_menuToggle .hamburger .barra {display: block;margin: 0 0 2px 0;width: 15px;height: 3px;background: #FFF;}
    header .navPrincipal .mobile_menuToggle .hamburger .barra:last-child {margin: 0;}
    header .navPrincipal .mobile_menuToggle h4 {display: inline-block;font-size: 15px;text-transform: uppercase;color: #FFF;}

    /* Footer */
    footer {position: relative;padding: 0;height: 200px;background: #131313;}
    footer .copyright {display: block;float: none;position: absolute;top: 90px;height: 40px;line-height: 20px;font-size: 14px;}
    footer .signBend {display: block;float: none;position: absolute;top: 150px;margin: 0;}
    footer .irTopo {display: block;float: none;position: absolute;top: 20px;padding: 0 0 0 45px;width: 300px;line-height: 45px;background: url(../img/footer/irTopo_icone.png) left center no-repeat;}

    /* Código reaproveitado */
    /* Wrappers de conteúdo */
    .main_conteudoWrapper {padding: 50px 0;}

    /* Blocos de conteúdo (redes sociais, agenda, etc.) */
    .main_conteudoWrapper .conteudoBox {float: none;margin: 0 0 40px 0;padding: 0;}
    .main_conteudoWrapper .conteudoBox:last-child {margin: 0;}

    /* Variação de tamanho */
    .main_conteudoWrapper .conteudoBox.width_50 {width: 100%;}

    /* Link para perfil */
    .main_conteudoWrapper .conteudoBox .linkPerfil {font-size: 18px;}

    /* Bloco de agenda */
    .main_conteudoWrapper .agendaWrapper .eventoBox {position: relative;padding: 0;border: none;}
    .main_conteudoWrapper .agendaWrapper .eventoBox:last-child {border-width: 0;}
    .main_conteudoWrapper .agendaWrapper .eventoBox:hover {background: none;}
    .main_conteudoWrapper .agendaWrapper .eventoBox .container {margin: 15px 10px;padding: 15px 10px;width: auto;border: 1px solid #c9c9c9;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
    .main_conteudoWrapper .agendaWrapper .eventoBox .container:active {background: #f3f3f3;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);transform: scale(0.9);}
    .main_conteudoWrapper .agendaWrapper .eventoBox span {font-size: 18px;}
    .main_conteudoWrapper .agendaWrapper .eventoBox span.data,
    .main_conteudoWrapper .agendaWrapper .eventoBox span.cidade,
    .main_conteudoWrapper .agendaWrapper .eventoBox span.nome,
    .main_conteudoWrapper .agendaWrapper .eventoBox span.local {width: 100%;}
    .main_conteudoWrapper .agendaWrapper .eventoBox .moreInfo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;border-radius: 0;box-shadow: none;font-size: 0;}
                                
    /* Bloco de Instagram */
    .main_conteudoWrapper .imgInstagram {width: 100%;}
    .main_conteudoWrapper .imgInstagram li {width: 50%;}
    .main_conteudoWrapper .imgInstagram li img {max-width: 100%;}

    /* Bloco do YouTube */
    .youtube-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
    .youtube-container iframe,
    .youtube-container object,
    .youtube-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

    /* Blocos de fotos em parallax */
    .main_blocoParallax {background-attachment: scroll;background-size: 100%;background-position:0 0;min-height: 200px;}
    .main_blocoParallax.primeiro {margin: 110px 0 0 0;}

    /* Loader */
    #containerSoundCloud,.main_conteudoWrapper .loaderWrapper {min-height: 150px;}

    /* Estilos específicos */
    /* Contato */
    .contatoWrapper .contatoBox {float: none;width: 100%;}
    .contatoWrapper .contatoBox h3 {font-size: 13px;}
    .contatoWrapper .contatoBox h4 {font-size: 23px;}
}
@media screen and (min-width:320px) and (max-width:600px){
   
    /* Logotipo */
    header .logo {max-width:140px;}
    header .logo img {max-width:140px;}
    
    /* Navegação principal */
    header .navPrincipal {padding: 0;width: 135px;}
    header .navPrincipal ul {display: none;}
    header .navPrincipal ul li {display: block;padding: 0;width: 100%;background: rgba(0,0,0,0.8);}
    header .navPrincipal ul li a {display: block;width: 100%;}
    header .navPrincipal ul li a span {display: block;padding: 12px 0;width: 100%;text-align: center;}

    /* Botão com ícone de hambúrguer */
    header .navPrincipal .mobile_menuToggle {display: block;position: relative;margin-top: -17px;width: 100%;height: 80px;background: rgba(0,0,0,0.4);text-align: center;}
    header .navPrincipal .mobile_menuToggle .hamburger {display: inline-block;position: relative;margin: 0 10px 0 0;}
    header .navPrincipal .mobile_menuToggle .hamburger .barra {display: block;margin: 0 0 2px 0;width: 15px;height: 3px;background: #FFF;}
    header .navPrincipal .mobile_menuToggle .hamburger .barra:last-child {margin: 0;}
    header .navPrincipal .mobile_menuToggle h4 {display: inline-block;font-size: 15px;text-transform: uppercase;color: #FFF;}

    /* Footer */
    footer {position: relative;padding: 0;height: 200px;background: #131313;}
    footer .copyright {display: block;float: none;position: absolute;top: 90px;height: 40px;line-height: 20px;font-size: 14px;}
    footer .signBend {display: block;float: none;position: absolute;top: 150px;margin: 0;}
    footer .irTopo {display: block;float: none;position: absolute;top: 20px;padding: 0 0 0 45px;width: 300px;line-height: 45px;background: url(../img/footer/irTopo_icone.png) left center no-repeat;}

    /* Código reaproveitado */
    /* Wrappers de conteúdo */
    .main_conteudoWrapper {padding: 50px 0;}

    /* Blocos de conteúdo (redes sociais, agenda, etc.) */
    .main_conteudoWrapper .conteudoBox {float: none;margin: 0 0 40px 0;padding: 0;}
    .main_conteudoWrapper .conteudoBox:last-child {margin: 0;}

    /* Variação de tamanho */
    .main_conteudoWrapper .conteudoBox.width_50 {width: 100%;}

    /* Link para perfil */
    .main_conteudoWrapper .conteudoBox .linkPerfil {font-size: 18px;}

    /* Bloco de agenda */
    .main_conteudoWrapper .agendaWrapper .eventoBox {position: relative;padding: 0;border: none;}
    .main_conteudoWrapper .agendaWrapper .eventoBox:last-child {border-width: 0;}
    .main_conteudoWrapper .agendaWrapper .eventoBox:hover {background: none;}
    .main_conteudoWrapper .agendaWrapper .eventoBox .container {margin: 15px 10px;padding: 15px 10px;width: auto;border: 1px solid #c9c9c9;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
    .main_conteudoWrapper .agendaWrapper .eventoBox .container:active {background: #f3f3f3;-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);transform: scale(0.9);}
    .main_conteudoWrapper .agendaWrapper .eventoBox span {font-size: 18px;}
    .main_conteudoWrapper .agendaWrapper .eventoBox span.data,
    .main_conteudoWrapper .agendaWrapper .eventoBox span.cidade,
    .main_conteudoWrapper .agendaWrapper .eventoBox span.nome,
    .main_conteudoWrapper .agendaWrapper .eventoBox span.local {width: 100%;}
    .main_conteudoWrapper .agendaWrapper .eventoBox .moreInfo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;border-radius: 0;box-shadow: none;font-size: 0;}
                                
    /* Bloco de Instagram */
    .main_conteudoWrapper .imgInstagram {width: 100%;}
    .main_conteudoWrapper .imgInstagram li {width: 50%;}
    .main_conteudoWrapper .imgInstagram li img {max-width: 100%;}

    /* Bloco do YouTube */
    .youtube-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
    .youtube-container iframe,
    .youtube-container object,
    .youtube-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

    /* Blocos de fotos em parallax */
    .main_blocoParallax {background-attachment: scroll;background-size: 100%;background-position:0 0;min-height: 200px;}
    .main_blocoParallax.primeiro {margin: 110px 0 0 0;}

    /* Loader */
    #containerSoundCloud,.main_conteudoWrapper .loaderWrapper {min-height: 150px;}

    /* Estilos específicos */
    /* Contato */
    .contatoWrapper .contatoBox {float: none;width: 100%;}
    .contatoWrapper .contatoBox h3 {font-size: 13px;}
    .contatoWrapper .contatoBox h4 {font-size: 23px;}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Header */

}
/* Smartphones (landscape) ———– */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ———– */
@media only screen
and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    
}
/* iPads (landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ———– */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ———– */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ———– */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}