/**/
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .navbar .topbar span{
        display:none;
        font-size: 15px !important;
        /*background: none; padding-left: 0;*/
    }
    .navbar .topbar .header-number{
        background: url(../img/ico-microfone.png) left center no-repeat; 
        padding: 10px 0px 10px 40px;
        font-size: 24px;
        line-height: 30px;
    }
    .topbar .social-buttons{
        text-align: center;
        width: 100%;
        padding: 15px 0 10px 0;
        display: none
    }
    .navbar-default .navbar-brand{
        text-align: center;
        display: block;
        width: 100%;
        background: #fff;
        padding-bottom: 25px

    }
    .whatsapp{
        width: 100%;
        text-align: center;
    }

    
        
    .navbar-brand>img{
        display: inline-block;
        max-width: 100%;        
    }
    .bts-action{
        width: 100%;
    }
    .bts-action a{
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0 !important;
        box-sizing: border-box;
    }
    .bts-nav-ac{
        width: 100%;
    }
    
    .nav li a{
        font-size: 25px;
        padding:20px 0;
        text-align: center;
        border-bottom: solid 1px #ccc;
    }
    .nav li.ativo a{
        border-bottom: solid 1px #ccc;
    }
    .navbar-toggle{
        z-index: 2;
    }

    #slider div h1{font-size: 25px; padding: 0 20px 0px 20px; line-height: 35px}
    #slider div h2{font-size: 20px; padding: 0 20px 20px 15px; line-height: 25px}

    .bt{font-size: 15px !important}
    .title-section{font-size: 30px}
    #accordion .panel-heading a{
        font-size: 20px;
        display: block
    }
    #accordion .panel .panel-body{padding:20px;}
    #accordion .panel .panel-body p{font-size:18px;}
    .galeria-fotos .col-lg-6{height: auto; width: 95%; margin:0 auto;margin-bottom:3%;}
    .galeria-fotos .col-lg-4{height: auto; width: 95%; margin:0 auto;margin-bottom:3%;}
    .empresa-section{padding-top: 60px}
    .valores-section .img-engrenagem{right: 50%; margin-right:-85px;}
    .box-valor .features .valor{font-size: 40px}
    .box-valor .features p{font-size: 20px}
    .box-valor .features{padding:40px 20px;}
    .box-valor .bt{width: 100%; padding: 15px 0 15px 0; margin: 0}

    .fale-conosco-section{padding-top: 60px}
    .form label{font-size: 20px}
    .form input{margin-bottom: 10px; font-size: 15px}
    .form textarea{ font-size: 15px}
    .fale-conosco-section .row{padding: 0}
    .form .optin {text-align: center;}
    .form .optin p{font-size: 15px; line-height: 20px; float: left}
    .form .optin input{float: left; margin:0 5px 0 0;}
    .form .bt{width: 100%; margin-bottom: 60px}
    .bater-papo{text-align: center;}
    .bater-papo h2{font-size: 30px}
    .bater-papo h3{font-size: 20px}
    .como-chegar .endereco{padding: 0 20px}
    .como-chegar .endereco span{font-size: 30px}
    .como-chegar .endereco p{font-size: 20px; line-height: 30px}
    .reserve-agora p{font-size: 25px; line-height: 35px}

    #rodape{
        text-align: center
    }

    #rodape .info p{font-size: 15px; margin: 30px 0 10px 0}
    #rodape .info .central{display: none}
    #rodape .info span{font-size: 20px; display: block; text-align: center; float: none}
    .direitos-reservados p{font-size: 15px}
    #animatedModal{padding: 20px}
    #animatedModal .close-animatedModal{top: 20px; right: 20px}
	#whatsapp-bar {display:block;position: fixed;z-index: 100;bottom: 0;left: 0;width: 100%; background-color:#C00; min-height:50px;padding:10px 0 0 0;box-shadow:0px -5px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.3);}
    
	/*#whatsapp-bar .whatsapp-in{padding: 15px 0 10px 45px;  background: url(../img/whatsapp.png) left center no-repeat; line-height: 31px;}
	#whatsapp-bar .whatsapp-in a{font-size:23px; font-family: 'allerbold'; padding:0; color: #000021; margin:0 0 0 -7px !important;}
	#whatsapp-bar .whatsapp-in a:hover{text-decoration: none;color: #000021;}*/
	
	#whatsapp-bar .whatsapp-in{ /*padding: 15px 0 10px 45px; background: url(../img/whatsapp.png) left center no-repeat; */ line-height: 31px; }
	#whatsapp-bar .whatsapp-in a{font-size:23px; font-family: 'allerbold'; padding:0; color: #fff; margin:0 0 0 0px !important; border:none; }
	#whatsapp-bar .whatsapp-in a:hover{text-decoration: none; color: #fff; border:none;}


	
    .top-nav-collapse .nav li.active a{border:none;}
    .top-nav-collapse .nav li a{font-size: 25px}
    .top-nav-collapse .nav li a:hover{border:none;}
    /*
    .top-nav-collapse .nav li.active a{border:none;}
    .top-nav-collapse .nav li a:hover{border:none;}
    .top-nav-collapse .nav li a{border:none;}
    .top-nav-collapse .navbar-brand{width: auto; padding-left: 20px}
    .top-nav-collapse #nav-toggle.scroll-event{display: block;}
    */

    #nav-toggle.scroll-event{display: none;}
    #omnizeContainer{display: none !important}

    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
      transition: all 500ms ease-in-out;
    }
    #nav-toggle.active span {
      background-color: transparent;
    }
    #nav-toggle.active span:before, #nav-toggle.active span:after {
      top: 0;
    }
    #nav-toggle.active span:before {
      transform: rotate(45deg);
    }
    #nav-toggle.active span:after {
      transform: rotate(-45deg);
    }

    #nav-toggle {float:right; position:relative; cursor: pointer; display: block; border:solid 1px #ddd; width: 44px; height: 34px; border-radius: 4px; margin: 8px 0 8px 15px}
    #nav-toggle span{left:9px !important; top: 15px}
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 2px;
        width:22px;
        background: #888;
        position: absolute;
        display: block;
        content: '';
        left: 0px;    
    }

    #nav-toggle span:before {
        top: -5px;

    }

    #nav-toggle span:after {
        bottom: -5px;
    }

    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    transition: all 500ms ease-in-out;
    }
    #nav-toggle.active span {
    background-color: transparent;
    }
    #nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
    }
    #nav-toggle.active span:before {
    transform: rotate(45deg);
    }
    #nav-toggle.active span:after {
    transform: rotate(-45deg);
    }


    /* */    
    


    #nav-toggle2 span, #nav-toggle2 span:before, #nav-toggle2 span:after {
      transition: all 500ms ease-in-out;
    }
    #nav-toggle2.active span {
      background-color: transparent;
    }
    #nav-toggle2.active span:before, #nav-toggle2.active span:after {
      top: 0;
    }
    #nav-toggle2.active span:before {
      transform: rotate(45deg);
    }
    #nav-toggle2.active span:after {
      transform: rotate(-45deg);
    }

    #nav-toggle2 {top:10px; right:0; z-index: 2; position:absolute; cursor: pointer; display: block; border:solid 1px #ddd; width: 44px; height: 34px; border-radius: 4px; margin: 8px 15px 8px 15px}
    #nav-toggle2 span{left:9px !important; top: 15px}

    .top-nav-collapse #nav-toggle2 span, .top-nav-collapse #nav-toggle2 span:before, .top-nav-collapse #nav-toggle2 span:after {
        background: #000021;
    }

    #nav-toggle2 span, #nav-toggle2 span:before, #nav-toggle2 span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 2px;
        width:22px;
        background: #fff;
        position: absolute;
        display: block;
        content: '';
        left: 0px;    
    }

    #nav-toggle2 span:before {
        top: -5px;

    }

    #nav-toggle2 span:after {
        bottom: -5px;
    }

    #nav-toggle2 span, #nav-toggle2 span:before, #nav-toggle2 span:after {
    transition: all 500ms ease-in-out;
    }
    #nav-toggle2.active span {
    background-color: transparent;
    }
    #nav-toggle2.active span:before, #nav-toggle2.active span:after {
    top: 0;background-color: #000021;
    }
    #nav-toggle2.active span:before {
    transform: rotate(45deg);
    }
    #nav-toggle2.active span:after {
    transform: rotate(-45deg);
    }
	
	
    .navbar-default .navbar-nav>li>a{display: inline-block; width: 100%}
    html body .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
        max-height: auto !important;
        position: fixed;
        top: 0;
        width: 100%;
        background: #fff;
        left: 0;
        height: 100%;
    }
    .navbar-default .navbar-nav>li>a{border:none;  font-family: 'allerbold'; color: #777 !important}    
    .navbar-nav{margin:0; position: absolute; top: 30%; left: 0; width: 100%}
    
    .menu-ativo-mobile{overflow:hidden;}
    
    .navbar-collapse{display: block; transition: all 500ms ease-in-out; left: -460px !important} 
    .menu-ativo-mobile .navbar-collapse{display: block; transition: all 500ms ease-in-out; left: 0 !important}
    .menu-ativo-mobile .navbar-default{min-height: 100%}
    .navbar-default{background: none}
    .logo-menu-mobile{text-align: center;}
    .logo-menu-mobile img{width: 50%; display: inline-block;}
    .bts-action{display: none}
    #slider div h1{margin-top: 40px}

    .top-nav-collapse.navbar-default{background: #fff}
    .top-nav-collapse .navbar-brand{padding-bottom: 0; padding-top: 0 !important}
    .navbar-brand>img{width: 200px; margin-top: 10px}

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{min-height: 100% !important}
    #slider div{height: 670px}
	#slider2 div{height: 400px}
    .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{background: #fff;}
    .intro-section{padding-top: 204px !important}

    .menu-ativo-mobile .top-nav-collapse .logo-menu-mobile{padding-top: 20px !important}

    html .oyhidden{overflow-y:auto !important;}
    .modal{width: 100%; left: 0 !important; position: absolute; top: 0 !important;}
    .close{width: 37px; height: 37px; font-size: 26px; line-height: 35px;}
    .msg-campo span{margin-top: 0}
    .modal-formulario .sucesso{   padding: 20px; background: #97be5d; text-align: center; color: #fff; position: absolute; top: 50%; width: 100%; margin-top: -30px;}    
}


/**/