@media (min-width: 800px){
    #menu_resp{
        display:none;
    }
}

@media all and (min-width: 200px) and (max-width: 359px) { 
    #youtube_ctn{
        /* top: 0px; */

        /* padding-top: 34%; */
        padding-bottom: 60%;
        z-index: 2;
    }
}
@media all and (min-width: 359px) and (max-width: 479px) { 
    #youtube_ctn{
        /* top: 0px; */

        /* padding-top: 34%; */
        padding-bottom: 52%;
        z-index: 2;
    }
}



@media all and (min-width: 200px) and (max-width: 800px) { 

    #menu{
        display: none;
    }
    #edit-field-n-pessoas-und-0-value{
        width: 55px !important;

        /* clear: left; */
        /* float: left; */
        margin-right: 5px;
    }

    #menu_resp{
        position: fixed;
        box-shadow: 2px 18px 40px 0 rgb(0, 0, 0);
        width: 75%;
        background-color: white;
        z-index: 99;
        right: 0;
        top: 80px;
        padding-bottom: 20px;
    }

    #menu_resp .menu{

    }
    #menu_resp .language-switcher-locale-url{
        display: none;
    }
    #menu_resp .menu li, #menu_resp .extra_item{
        font-family: Roboto Condensed; font-size: 25px; font-weight: 700; 
        /* height: 300px; */ 
        line-height: 35px;
        text-transform: uppercase;

    }
    #header-lang_resp{

    }

    #language_selector{

        left: 120px;
        top:10px;
    }

    #header-fixed{
        height: 80px;
    }

    #slider_home{padding-top: 80px;}
    #banner{padding-top:80px; }
    .node-type-galeria #gallery_header{padding-top: 80px; }

    #news_surf .btn, #news_magazine .btn{
        bottom: 0;
        position: relative;
    }

    #news_surf, #news_magazine{
        height: auto;
    }
    #menu_resp_icone{
        background: url("../images/spt.png") no-repeat scroll 22px -899px rgba(0, 0, 0, 0);
        height: 80px;
        position: fixed;
        right: 0;
        width: 80px;
        z-index: 99;
    }

    .language-switcher-locale-url{
        margin:0px;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    #header{
        height:80px;
    }

    #logo a{
        height: 66px;
        margin-bottom: 7px;
        margin-left: 10px;
        margin-top: 7px;
        width: 93px;
        background-position: -157px 0px;
    }

    #menu_resp_icone.expanded{
        background-color: rgb(51, 51, 51);
        background-position: 22px -526px;

    }

    #menu_resp .extra_item.facebook{
        margin-top: 40px;
    }

    #menu_resp .extra_item{
        text-transform: uppercase;
    }

    #header-lang_resp{

    }
    #header-lang_resp li:first-child{


    }
    #header-lang_resp li{
        font-family: Roboto Condensed; 
        font-size: 20px; font-weight: 700; /* height: 300px; */ line-height: 45px;


        /* margin-left: 51px; */
        display: inline-block;
    }


    #header{
        width: 100%;

    }

    #about_home_three{
        margin-top: 50px;
    }

    #about_home,#about_home_two,#about_home_three,#wrapper{

        width: 100%;



        overflow: hidden;

    }
    #about_home{
        height: auto;
    }
    #about_home_two{
        padding-top: 30px;
    }
    .center{

        width: 100%;
        margin:none;
    }
    #sponsors{
        width: 100%;
    }



    .hidden{
        display: none;
    }

    #slider_classes{
        position: relative;
        display: inline-table;
        height: auto;
    }

    #paginator_classes #pager{
        display: none;
    }

    #paginator_classes{
        width: 100%;
        margin-top: 25px;
    }
    #reservation{
        position:relative;
        padding-top: 7px;
        width: 100%;
        margin-top: -8px;
        height: 90px;
        right: 0;
    }
    #slider_home .title_special_normal_bold_italic{
        width: 90%;
        float: none;
    }

    .destaque .text{
        display: none;
    }

    #about_home #social{
        position: relative;
        bottom: auto;
        left: 10px;
        top: 50px;
        bottom: 50px;

    }

    #about_home .title_big_italic{
        position: relative;
        font-size: 40px;
        padding-left: 10px;
        height: auto;
        padding-top: 50px;
    }

    #img_home1{
        display: none;
    }

    #about_home{
        background: url("../images/palmeira.png") no-repeat 0 0 transparent;
        background-size: cover;
        padding-bottom: 50px;
    }

    #about_home .text_big{
        float: left;
        padding-left: 10px;
        width: 95%;
        height: auto;
        margin: 0;
    }

    #about_home .wave.big{
        position: relative;
        bottom:auto;
        left: 10px;
    }

    #body-content-slider{
        width: 100%;
    }

    #slider_home{
        height: auto;
    }

    #slider_classes .title_middle_italic{
        width: 90%;
        height: auto;
    }

    #slider_classes #slider-classes{
        width: 100%;
        position: relative;
    }

    #slider_classes #slider-classes .destaque{
        opacity: 1!important;
        display: block!important;
    }

    #events_classes #more_info_classes {
        margin-bottom: 50px;
        margin-left: 10px;
        padding-top: 50px;
    }

    #events_classes #more_info_events{
        margin-left: 10px;
    }

    #about_home_two{
        height: auto;
    }

    #title-middle-text{
        margin-left: 10px;
        width: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #events_classes #more_info_classes{
        margin-top: 0px;
    }

    #title-middle-text-2{
        margin: 50px 70px 30px 10px;
        float: none;
        width: auto;
    }

    .title_middle{
        font-size: 30px;
    }

    #info_home .title_middle{
        height: auto;
    }
    #info_home .text_normal{
        float: left;
        width: 90%;
        margin-right: 0px;
        margin-left: 10px;
    }
    #img_home2, #about_home_two .title_middle, #info_home, #events_classes{
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        height: initial;
    }

    #about_home_three #news_surf, #about_home_three #news_magazine{
        width: 95%;
        padding-left: 10px;
    }

    #about_home_three #news_magazine{
        float: left;
    }

    #about_home_three .news_item{
        margin-bottom: 30px;
    }

    #about_home_three .btn{
        margin-bottom: 50px;
    }

    .destaque .title{
        width: auto;
    }
    #youtube_video{
        position: absolute;  
        top: 0;  
        left: 0;  
        width: 100%;  
        height: 100%;

    }

    #slider-content{
        height: 400px;
    }

    #slider_highlights #pager{
        width: 100%;
        z-index: 3;
    }

    #slider_highlights #pager #left-area{
        float: left;
    }

    #slider_highlights{
        position: relative;
    }

    #slider_highlights #pager{
        top: auto;
    }

    #slider_highlights #pager #right-area{
        float: right;
    }

    #slider_content_centered .buttons{
        bottom: 12px;
        /* display: inline-block; */
        top: auto;
        right: 0;
        z-index: 3;
        left: 0;
        width: 60%;
        text-align: center;
    }

    #body-content-slider .destaque.title-slider .title{
        font-size: 40px;
        font-style: italic;
        position: absolute;
        left: 10px;
        top: 65px;
    }

    #slider_classes .title_middle_italic{
        padding-left: 10px;
        padding-top: 25px;
    }

    .destaque .class_item{
        width: 90%;
        padding-left: 10px;
        padding-top: 20px;

    }

    .class_item .title_normal_bold, .class_item .local{
        padding-top: 0px;
    }

    .class_item .title_normal_bold{
        width: 90%;
    }

    .class_item .local{
        position: relative;
    }

    .local .title_normal{
/*        left: 50px;
        position: absolute;
        top: 0;*/
    }

    .class_item .hora{
        position: relative;
    }

    .hora .title_normal{
        left: 50px;
        position: absolute;
        top: 0;
    }

    #paginator_classes .title_special_normal{
        float: none;
        width: auto;
    }

    #img_home2{
        height: 280px;
    }

    #footer #msg, #footer #contacts, #footer #times{
        margin-top: 0px;
        padding-top: 50px;
        width: 90%;
        padding-left: 10px;
        padding-bottom: 0px;
    }

    .title_special_big_italic{
        font-size: 30px;
        line-height: 30px;
    }

    #prices_one .containner_prices,#countainner_voucher{
        float: left;
        padding-left: 10px;
        width: 90%;
    }

    #countainner_voucher{
        margin-top: 0px;
    }


    #prices_one, #prices_two{
        width: 100%;
        float: left;
        padding-bottom: 50px;
        overflow: hidden;
        height: 100%;
    }
    #vouchers_image{
        display: none;

    }
    #vouchers{
        width: 100%;
    }
    .price_two{
        margin-left: 20px;
    }

    #dates_one{
        margin-left: 115px;
    }

    #item_price .title_special_middle_bold{
        font-size: 25px;
    }

    #dates_two{
        padding-left: 50px;
    }

    #material{
        padding-top: 50px;
        /* padding-left: 10px; */
        width: 80%;
        height: 100%;
        position: relative;
        display: block;
        margin-top: 50px;
        clear: left;
    }

    #events_list{
        width: 100%;
    }

    #noticias_list{
        width: 95%;
    }

    .event_item .info_event{
        width: 95%!important;
        padding-left: 10px!important;
        float: left!important;
        padding-right: 0px!important;
        height: auto !important;
        padding-bottom: 50px;
    }

    .event_item.one .img{
        background-position: center 15%;
    }
    .event_item.two .img{
        background-position: center  35%;
    }

    .event_item.three .img{
        background-position: center 27%;
    }

    .event_item.four .img{
        background-position: center center;
    }

    .event_item.five .img{
        background-position: center center;
    }


    .event_item .img{
        height: 255px !important;
        float: left!important;
        width: 100% !important;

    }
    .material_item{

        margin-bottom: 40px!important;
        width: 100%;
        margin: auto;
        display: block;
        float: none;
        height: 100%;
        overflow: hidden;
    }

    .material_item.two{
        padding-left: 0px;
        padding-right: 0px;
    }
    .material_item.three{
        padding-bottom: 50px;
    }
    #material .btn{
        /* width: 100%; */

    }
    #dates_one, #dates_two{
        width: 68px;
        line-height: 22px;
        margin-bottom: 35px;
    }

    .item_name{
        width: 150px;
    }

    .price_one{
        width: 96px;
    }

    #prices_two .containner_prices{
        padding-left: 10px;
    }

    #information{
        width: 90%;
        padding-bottom: 50px;
    }
    .event_item{
        overflow: hidden;

        height: auto;
    }
    #prices_packages .title_middle_italic{
        margin-top: 50px;
    }

    #noticias_list{padding-bottom: 0px;}
    .page-aulas #banner, .page-eventos #banner, .page-galerias #banner, .page-noticias #banner{
        height: 160px;
        background-position: center 20px !important;
    }

    .node-type-galeria #gallery_header{
        height: auto;
    }

    .page-galerias .region-content{
        padding-top: 50px;

    }

    .page-noticias .pager{
        margin-bottom: 50px;
        padding-top: 50px;
    }
    #noticia-item{
        padding-left: 10px;
    }
    .node-type-galeria #gallery_header .title_special_big_italic{
        width: 90%;
        padding-left: 10px;
        padding-top: 50px;
    }
    .node-type-galeria #social_items_gallery{
        background-color: #333333;
        margin-top: 0px;
    }

    #bus, #car, #map{
        width: 90%;
        padding-left: 10px;
        height: auto;
        padding-bottom: 50px;
    }

    #map{height: 100%;}

    #about_containner{
        width: 100%;
    }

    .page-onde .wave, .wave{
        width: 100%;
    }

    .node-type-galeria #gallery_header .text_normal{
        width: 90%;
        float: left;
        padding-top: 50px;
        padding-left: 10px;
        height: auto;
        padding-bottom: 50px;
    }

    #banner .title_special_big_italic {
        margin: auto;
        padding-left: 10px;
        padding-top: 45px;
        width: 100%;
    }
    .node-type-galeria #gallery_header{
        display: inline-block;
    }
    .view-galeria .views-field-field-categoria{
        text-align: left;
    }

    .view-galeria .views-row{
        margin-bottom: 50px;
    }

    .view-galeria .pager{
        margin-bottom: 50px;
    }

    .views-field-title-1 .wave{
        margin-top: 15px;
    }

    .view-galeria .views-field-title{
        text-align: left;
    }

    .view-galeria .views-row{
        float: none;
    }

    .view-galeria{
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .view-galeria .views-row{
        display: inline-block !important;
        margin-right: 0px !important;
    }

    #footer #times{
    }


    /********************/


    /*********************/
    #slider_classes{
    }

    #slider_content_centered .buttons span{
        display: inline-block; float: none;

        z-index: 3;
    }
    #filters{
        display:none;
    }
    #filters_responsive{
        display: block;
        width: 100%;
        margin: auto;
        /* background-color: black; */
        position: absolute;
        height: 40px;
        overflow: hidden;
        font-size: 18px;
        color: white;
        line-height: 24px;

        top: 215px;
    }

    .view-filters label{
        display: none;

    }

    .view-filters submit{

    }
    #filters_responsive ul{


    }
    #filters_responsive li{
        list-style: none;


        margin: 0.50em 0.2em 0.50em 0.50em;
    }
    #filters_responsive li.none{
        display:none;
    }
    #filters_responsive li.selected{
        display:block;
    }
    #filters_responsive li a{
        color: white;


        list-style: none;
    }
    #filters_responsive span{
        background: url("../images/spt.png");

        position: absolute;
        right: 0;
        width: 42px;
        height: 42px;
        background-position: 14px -1013px;
        top: 0;
    }


    #filters_responsive_ctt{
        width: 75%;
        font-family: Roboto Condensed;
        font-size: 17px;
        font-weight: 700;
        color: white;
        position: relative;
        margin: auto;
        background-color: #333333;
        height: 40px;
        margin-top: 0;
        display: table;
        z-index: 2;
    }

    #filters_responsive.expanded{
        height: initial;

    }

    .sponsor{
        width: auto;
        margin-right: 10px;
        margin-bottom: 0px;
    }
    .sponsors_left {
        padding-left: 5%;
        width: 95%;
    }

    #sponsor_1 a{
        background: url("../images/logo_turismo1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 90px;
    }

    #sponsor_2 a{
        background: url("../images/logo_fps1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 100px;
    }

    #sponsor_3 a{
        background: url("../images/logo_idp1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 85px;
    }

    #sponsor_4{
        background: url("../images/logo_tripadvisory1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 40px;
        width: 100px;
        float: left;
    }

    #sponsor_5 a{
    }

    #sponsor_5{
        margin-top: 10px;
    }

    .sponsors_right {
        padding-left: 5%;
        width: 95%;
    }
    .form-center{
        width: 90%;

    }

    .form_c #reserva-entityform-edit-form input[type="text"],.form_c  input[type="email"], .form_c .webform-client-form-340 input[type="text"], .form_c .webform-client-form-341 input[type="text"]{
        /* width: 95% !important; */


    }

    .form_c  input[type="email"]{
        /* width: 90% !important; */

        width: 95% !important; padding-left: 5% !important;
    }

    #weborm-reserva,#weborm-lessons,#weborm-material,#weborm-voucher{
        width: 90%;


        margin: 5%;
    }
    .form_c form,.form_c .text_normal,.form_c .title_middle,.page-onde .wave, .wave{
        width: 95% !important;
        margin: auto !important;
        /* display: block; */
    }

    .page-onde .wave, .wave{
        margin: 5%;

    }
    .form_c .text_normal{
        margin-bottom: -5px !important;

    }
    .page-events .wave, .wave{
        margin: 30px 0px !important;

    }
    #countainner_voucher .wave{
        margin-top: 30px !important; 
        margin-bottom: 30px !important;

    }
    .form_c .wave{
        margin-top: 10px !important; 
        margin-bottom: 10px !important;

        width: 85% !important;
        margin-left: 5% !important;
    }
    #material .wave,.containner_prices .wave{
        margin-top: 30px !important; 
        margin-bottom: 30px !important;

        width: 85% !important;
        margin-left: 0% !important;
    }
    .form_c{

    }
    #material .img{
        width: 100% !important;
    }
    .form_c input[type="text"],.form_c textarea{
        width: 95% !important;

        padding-left: 5% !important;
    }

    .form_c textarea{
        /* width: 91% !important; */

        clear: left;
        width: 100% !important; padding-left: 5% !important;
    }
    div[class*="webform-component--aula"], div[class*="webform-component--material"], div[class*="webform-component--voucher"]{
        height: 100%;

        margin-top: 0px !important;
        padding-bottom: 0px;
    }
    .page-aulas #reserva-entityform-edit-form .form-actions, .page-aulas .webform-client-form-340 .form-actions, .page-aulas .webform-client-form-341 .form-actions{
        width: 90%;

    }




    .form_c #reserva-entityform-edit-form .field-type-datetime .fieldset-wrapper input.year_formated{
        width: 40px !important;

    }

    .form_c #reserva-entityform-edit-form .field-type-datetime .fieldset-wrapper input{
        width: 30px !important;

    }

    .form_c form[id^="reserva-entityform-edit-form"] .field-type-datetime .fieldset-wrapper > div > div,.form_c form[id^="reserva-entityform-edit-form"] .field-type-datetime .fieldset-wrapper > div{
        margin-right: 0px !important;


    }
}

@media all and (min-width: 600px) and (max-width: 800px) { 

    .title_special_normal{
        float: left!important;
        width: 85%!important;
    }

    #events_classes .title_special_normal{
        float: none!important;
        width: auto!important;
    }

    #material .img{
        width: 300px !important;
    }
}

@media all and (max-width: 480px) and (min-width: 200px){



    .sponsor a{

        width: 100% !important;

    }

    #sponsor_5  a{
        width: 150px !important;
    }

    #sponsor_5 {
        float: right;
        width: auto !important;
        width: auto !important;
    }

    .sponsor{

        width: 33% !important;
        margin-right: 0px !important;
        position: relative;

    }

    #sponsor_5 a img{
        margin-top: 7px;
    }

    #sponsor_2  a{
        width: 98px !important;
        margin: auto !important;
        display: -webkit-box;
        background-size: contain;
        background-position: center center;
        float: none;
    }

    #sponsor_3  a{
        width: 98px !important;
        margin: auto !important;
        display: block;
        float: right;
    }



}

@media all and (max-width: 600px) and (min-width: 200px) and (orientation: landscape){

    .sponsor a{

        width: 100% !important;

    }

    #sponsor_5  a{
        width: 150px !important;
    }

    #sponsor_5 {
        float: right;
        width: auto !important;
        width: auto !important;
    }

    .sponsor{

        width: 33% !important;
        margin-right: 0px !important;
        position: relative;

    }

    #sponsor_5 a img{
        margin-top: 7px;
    }

    #sponsor_2  a{
        width: 98px !important;
        margin: auto !important;
        display: -webkit-box;
        background-size: contain;
        background-position: center center;
        float: none;
    }

    #sponsor_3  a{
        width: 98px !important;
        margin: auto !important;
        display: block;
        float: right;
    }


}