﻿@media only screen and (max-width: 1220px){

    #header{/*height:235px;*/height:150px;padding:0 30px;}
    #nav{padding-top:32px;margin-right:20px;}
    #left-header{padding-top:33px;}
    #left-header span{font-size:116px;}
    #left-header a p{margin-top:-36px;}
    #mainMenu ul li{font-size:12px;}
    #social-media{margin-top:36px;}
    #gbCGA{margin-top:41px;}
    #logoTA{margin-top:45px;}
    #newsletter{margin-top:26px;}
  
    /*Contactos*/
#menuGaleria .cntArea {border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;padding:15px 0;}
#menuGaleria .cntArea div[class^="icon"] {font-size:30px;margin-right:10px;}
#menuGaleria .cntArea .info {font-size:24px;}
#menuGaleria .cntArea .info b {font-size:18px;}
#menuGaleria .cntArea .info b span {color:#9F9F9F;font-size:18px;}
#menuGaleria .cntArea .info a {font-size:18px;} 

}

@media only screen and (max-width: 1199px){
    
    #nav{margin-right:15px;}
    /*#topMenu{margin-right:100px;}*/
    #topMenu ul li{margin-left:6px;}
    
    #sliderHomeContainer .sliderHomeTexto{margin-left: 290px;width:80%;top:50%;transform: translateY(-50%);}
    .sliderHomeCampo {font-size: 4em;}
    
    .sponsors .logo-box{width:100%;height:100%;}
    .etapa-title h4{font-size:2em;}
    .etapa-insc{padding-left:18px;}
    .etapa-dados{font-size:10px;}
    .etapa-info{padding:8px 15px 5px 14px;}
    .Resultados .etapa-insc{padding-left:12px;}
    .Resultados .etapa-data{margin-top:45px;}
    .Resultados .etapa-info{padding: 8px 20px 5px 10px;}
    
    .hotel-info, .hotel-footer{margin-left:0;}
    .pricetbl .preco{font-size:16px;}
    .pricetbl .alojamento{font-size:11px;}
    
    .resumoShowcase .galeriaFotos{max-height: 196px}
        
    .polo{
        margin-bottom:10px;
        width:97px;
        float:left;
    }
    .ajustemarginRTop{margin-top:25px;}
    .promo-img{margin-right:10%;}
    .label02{width:75% !important;}
    
    #footer-campos img {width: 121px;}
    #footer-sponsors, #footer-campos{margin:0;}
    #footer-sponsors div .row{margin:0;}
    /*Home Intro*/
    .blockHomeIntro h1 {font-size:49px; line-height:59px;}
  
    /*Contactos*/
#menuGaleria .cntArea {border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;padding:15px 0;}
#menuGaleria .cntArea div[class^="icon"] {font-size:30px;margin-right:10px;}
#menuGaleria .cntArea .info {font-size:21px;}
#menuGaleria .cntArea .info b {font-size:18px;}
#menuGaleria .cntArea .info b span {color:#9F9F9F;font-size:18px;}
#menuGaleria .cntArea .info a {font-size:18px;} 
    
}

@media only screen and (max-width: 1024px){
  
  .logoAbreu {float:left;margin-top:10px;}
  /*.logoCGA {font-size: 50px !important;padding: 20px 0px 20px;margin-top: 0;margin-left: 0;height: 65px;line-height: 25px !important;}*/
.logoCGA {font-size: 50px !important;padding: 20px 0px 20px;margin-top: -24px;margin-left: 5px;height: 65px;line-height: 25px !important;}
/*.logoCGA {font-size: 50px !important;padding: 26px 0px 24px; margin-top: -20px; margin-left: 5px;}*/
    
    #social-media,#newsletter p, #gbCGA p{display:none;}
    #header{/*height:172px;*/height:74px;}
    /*#sponsorBar {margin-top:15px;}*/
    #left-header{padding-top:9px;}
    #left-header p{margin-bottom:8px;font-size: 8px;}
    #left-header span{
        font-size:101px;
        line-height:8px;
        vertical-align:bottom;
        display:inline-block;/* Ajuste para o Chrome */
    }
    #left-header a p{display:none;}
    #gbCGA{float:left;width:90px; margin: 25px 40px 0 0;}
    #gbCGA span{border:none;color:#515151;}
    #logoTA{margin:27px 20px 0 0;}
  

    
    #topMenu ul li.lastItem,  #topMenu ul li:nth-last-child(2){display:block;}
    #respMenuList2{margin-bottom:85px;}
    
    #navicon{
        display:block;
        margin-top:17px;
        cursor:pointer;
        margin-left:5px;
    }
    #navicon span{font-size:39px;color:#515151;}
    #nav{display:none;}
    #navresponsive{display:block;}
    #right-header{width:auto;}
    #newsletter{margin-top:25px;color:#515151;float:right;}
    #newsletter span {margin-right: 20px;font-size: 30px;line-height:20px;}
    #news-popup .news-arrow{right:44px;left:auto;}
    .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index:99999;
        background: #ffffff;
    }
    .overlay-close {
        display:block;
        width: 19px;
        height: 19px;
        position: absolute;
        right: 20px;
        top: 20px;
        overflow: hidden;
        border: none;
        background: url(../img/cross.png) no-repeat center center;
        outline: none;
    }
    .overlay div {
        text-align: center;
        position: relative;
        top:  55%;
        height: 90%;
        font-size: 20px;
        overflow-y: scroll;
        text-transform: uppercase;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .overlay ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: block;
        height: auto;
        position: relative;
    }
    .overlay ul li {
        display: block;
        height: 20%;
        height: calc(100% / 13);
        min-height: 45px;
    }
    .overlay ul li a {
        font-weight: 300;
        display: block;
        color: #535353;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
    }
    .overlay ul li.noClick a {color:#d9d9d9;}
    .overlay-hugeinc {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
        transition: opacity 0.2s, visibility 0s 0.2s;
    }
    .overlay-hugeinc.open {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
    .overlay-hugeinc div {-webkit-perspective: 1200px;perspective: 1200px;}
    .overlay-hugeinc div ul {
        opacity: 0.4;
        -webkit-transform: translateY(-25%) rotateX(35deg);
        transform: translateY(-25%) rotateX(35deg);
        -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
        transition: transform 0.2s, opacity 0.2s;
    }
    .overlay-hugeinc.open div ul {opacity: 1;-webkit-transform: rotateX(0deg);transform: rotateX(0deg);}
    .overlay-hugeinc.close div ul {-webkit-transform: translateY(25%) rotateX(-35deg);transform: translateY(25%) rotateX(-35deg);}
    
    #footer{text-align:center;}
  
  /*Home Intro*/
.blockHomeIntro h1 {font-size:49px; line-height:59px;}

      /*Contactos*/
#menuGaleria .cntArea {border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;padding:15px 0;}
#menuGaleria .cntArea div[class^="icon"] {font-size:30px;margin-right:10px;}
#menuGaleria .cntArea .info {font-size:20px;}
#menuGaleria .cntArea .info b {font-size:16px;}
#menuGaleria .cntArea .info b span {color:#9F9F9F;font-size:16px;}
#menuGaleria .cntArea .info a {font-size:16px;} 

}



@media only screen and (max-width: 991px){
  
.logoAbreu {float:left;margin-top:10px;}
  /*.logoCGA {font-size: 50px !important;padding: 20px 0px 20px; margin-top: 0; margin-left: 0;}*/
.logoCGA {font-size: 50px !important;padding: 20px 0px 20px; margin-top: -24px; margin-left: 5px;}
    
    #sponsorsHomeContainer{display:none;}
    
  .bgNew {overflow:hidden;padding:30px 15px;}
  .topSpace30 {margin-top:30px}
  
    #etapaHighlight h2{font-size:20px;}
    #etapaHighlight .highlightSubtitle{font-size:13px;}
    #etapaHighlight .highlightText {font-size: 11px;margin-bottom: 15px;}
    #etapaHighlight a.hiSpace {margin-right:0;margin-top:15px}
    #novidadesContainer{padding-top:50px;}
    
    .img-desktop02{display:none;}
    .img-mobile02{display:block;}
  
  #sliderHome2.carousel{width:100%;height:540px;}
  #sliderHome2 .carousel-indicators{width:100%; margin:0 auto;left:0; right:0;top:95%;}
  #sliderHome2 .carousel-indicators li{ width:12px; height:12px; margin-right:10px; padding-top:-10px; padding-bottom:10px;}
  #sliderHome2 .carousel-indicators li:last-child{ margin-right:0;}
  #sliderHome2 .carousel-inner .item{ background-repeat: no-repeat; background-position:center center; background-size:cover; width:100%; height:540px;}
  
  #etapaHighlight2 .topTeaser {height:40px;padding-top:9px;font-size:16px;font-weight:700}
  #etapaHighlight2 .bx-wrapper .bx-prev {height:40px;}
  #etapaHighlight2 .bx-wrapper .bx-next {height:40px;}
  
  #etapaHighlight2 .bx-wrapper .bx-controls-direction a p {padding-top: 13px;font-size:16px;font-weight:700;}
  #etapaHighlight2 .bx-wrapper .bx-controls-direction a p.flip {margin-top:13px;}
  #etapaHighlight2 .topTeaser .setaBottom {transform:translateX(-6px);bottom: -6px;position: absolute;}
    
    /*#sliderHomeContainer .circuitoLogo{height: 260px;width: 185px;}
    #sliderHomeContainer .circuitoLogo span{font-size: 180px;line-height: 265px;}
    .sliderHomeCampo {font-size: 30px;line-height: 35px;}
    #sliderHomeContainer .sliderHomeTexto{width:350px;top:50%;transform: translateY(-50%);}*/
  
    #sliderHomeContainer .circuitoLogo{top:100px;bottom:0;right:0;left:0;}
    #sliderHomeContainer .sliderHomeTexto{width:95%; top:10px;transform: translateY(0);text-align:center; margin:0 auto; left:0;right:0;    }
    #sliderHomeContainer .sliderHomeTexto:before{visibility: hidden;}
    #sliderHomeContainer .sliderHomeTexto:after{visibility: hidden;}
    .sliderHomeCampo{font-size: 30px;line-height: 35px;}
    
    .sponsors h6{font-size:11px;}
    .etapa-insc{text-align:center;padding-left:20px;}
    .etapa-dados{font-size:12px;}
    .etapa-info{padding:8px 20px 5px 20px;}
    .Resultados .etapa-info{padding-left:20px;}
    
    .campo-info{margin:0 15px;}
    .campo-info h4{margin-top:25px;}
    .campo-info .btnGreen{width:100%;text-align:center;}
    .a-block-left, .a-block-right{
        left:0;
        right:0;
        top:auto;
        bottom:-26px;
        width:36px;
    }
    
   .contentContainer h2{margin:0 0 40px 0; font-size:3em;}
    .centerImgText img{margin:0 auto 30px auto;}
    .centerImgText h4{margin:0 0 30px 0;}
    
    .resumoShowcase .galeriaFotos{max-height: 147px}
    
    .centerImgText h4{font-size:35px;}
    
    .listagem h4{font-size:26px;}
    
    .form-container .modal-dialog{width:700px;}
    .promo-img{width:19%;margin-right: 5%;}
    
    #footer-info > p{font-size:45px;}
    #footer-campos img {width: 93px;}
    
  #menuGaleria {margin-top: -40px;}
  
        /*Contactos*/
#menuGaleria .cntArea {border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;padding:15px 0;width:100%;}
#menuGaleria .cntArea div[class^="icon"] {font-size:30px;margin-right:10px;}
#menuGaleria .cntArea .info {font-size:18px;}
#menuGaleria .cntArea .info b {font-size:15px;}
#menuGaleria .cntArea .info b span {color:#9F9F9F;font-size:15px;}
#menuGaleria .cntArea .info a {font-size:15px;} 
}

@media only screen and (max-width: 767px){
 
    /*.logoCGA {font-size: 50px !important;padding: 20px 0px 20px; margin-top: 0; margin-left: 0;}*/
  .logoCGA {font-size: 50px !important;padding: 20px 0px 20px; margin-top: -24px; margin-left: 5px;}
    #sliderHome .carousel-inner .item, #sliderHome.carousel{height:500px;}
    #sliderHomeContainer .sliderHomeTexto{
        width:95%;
        top:10px;
    transform: translateY(0);
        text-align:center;
        margin:0 auto;
        left:0;right:0;
    }
  
      #sliderHomeContainer .circuitoLogo{top:100px;bottom:0;right:0;left:0;}
    #sliderHomeContainer .sliderHomeTexto:before{visibility: hidden;}
     #sliderHomeContainer .sliderHomeTexto:after{visibility: hidden;}
   /* #sliderHomeContainer .sliderHomeTexto:after{
        bottom: 6px;
        left: 0;
        right: 0;
        margin: auto;
    }*/
    .sliderHomeCampo{font-size:22px;line-height:28px;}
    #galeriaHomeBoxes .col-xs-12{max-width:480px;float: none;margin: 0 auto;}
    #etapaHighlight div img{margin-bottom:15px;}
    #etapaHighlight a.hiSpace {margin-right:30px;margin-top:0;}
    #novidadesContainer h4{font-size:45px;}
    #novidadesContainer{padding-top: 40px;}
    #novidades > div{margin-bottom:20px;}
    #novidades p.novidadesTexto{height:auto;}
    .galeriaHomeContent:hover .gHomeGaleria p{display:none;}
    
    .formularios img.right, .formularios img.left{float:none;margin:0 0 20px 0;}
    .formularios h4{margin:40px auto;}
    
    #sponsorsPromote{font-size:20px;line-height:21px;}
    #sponsorsPromote span{font-size:35px;margin-left:10px;}
    .sponsors .col-xs-4{padding-left:5px;padding-right:5px;}
    .sponsors .logo-box{
        max-width:165px;
        text-align:center;
        margin:0 auto 15px auto;
    } 
    .sponsorsCategory{padding:15px 0;}
    .spLeft2{float:right;}
    .spRight2{float:left;}
    
    .contentContainer h2{margin:0 0 20px 0; font-size:2em;}
    .hotel-info, .campo-info{margin:0;}
    
    /*.etapa-title h4 br{display:none;}*/
    
    .resumoHeader h5{font-size:25px;}
    .resumoIntro p{text-align:center;}
    .resumoIntro img{max-width:360px;margin:0 auto 25px auto;}
    .resumoContent .col-xs-12 .img-responsive{max-width:360px;margin:0 auto;}
    .resumoContent .col-xs-12 a .img-responsive{margin:10px auto;}
    .resumoLegenda{max-width:360px;margin:10px auto 20px auto;}
    .resumoShowcase .galeriaFotos{max-height: 100%; height:auto;margin-bottom:15px;}
    #conteudoGalerias h3{line-height:28px;font-size:23px;}
    
    #sucesso-container{width:300px;height:258px;}
    #box-sucesso{padding:30px 20px;height:195px;}
    #box-sucesso p.frase{margin-top:25px;}
    #backhome{padding:15px 0 15px 70px;}
    
    .styled-select select{width:108% !important;}
    .styled-select{background: url(../img/select-arrow.png) no-repeat 96% 28px #fff;}
    
    .centerImgText h4{font-size:30px;}
    .listagem h4{font-size:23px;}
    
    .form-container .modal-dialog{width:100%;height:100%;height:100vh;margin:0;}
    .form-container .modal-dialog .modal-content{width:100%;height:100%;height:100vh;}
    
    
    #footer-info > .row{margin:0;}
    #footer-sponsors, #sponsors, #footer-info > p, #footer-regioes{display:none;}
    #footer-campos > div{max-width:80%;margin:0 10%;}
    #footer-campos img{width:25%;}
  
  #menuGaleria {margin-top: -20px;}
  #menuGaleria a.gMenu {font-size:25px;}
      #menuGaleria .cntArea:last-of-type {margin-top:-1px}
      .paddingXsTB20 {padding-top:20px;border-top: 1px solid #f1f1f1;}  

}

@media only screen and (max-width: 595px){
    
    .inputPromo{width:75% !important;}
    #menuGaleria .cntArea:last-of-type {margin-top:-1px}
    /*.logoCGA {font-size: 45px !important;padding: 17px 0px 15px;margin-top: 0;margin-left: 0;height: 65px;line-height: 30px !important;}*/
     .logoCGA {font-size: 48px !important;padding: 24px 0px 15px;margin-top: -23px;margin-left: 5px;height: 65px;line-height: 17px !important;}
     /*.logoCGA {font-size: 30px !important;padding: 17px 0px 15px;margin-top: -8px;}*/

}

@media only screen and (max-width: 488px){
  #etapaHighlight a.hiSpace {margin-right:0;margin-top:15px;clear: both;}
}  

@media only screen and (max-width: 480px){
  

  
    #header{/*height:178px;*/height:74px;}
    #etapaHighlight2 .topTeaser {height:40px;padding-top:12px;font-size:12px;font-weight:700}
    #gbCGA{margin-top:32px;margin-right: 15px;}
    #newsletter{margin-top:32px;}
    #newsletter span {margin-right: 10px;}
    #navicon{margin-top:23px;}
    #logoTA{display:none;}
    #logoTAResp{
        display:none;
        height: 45px !important;
        overflow: hidden;
        top: -60px;
    }
  #left-header span {

    font-size: 85px;}
    
    #sliderHome .carousel-inner .item, #sliderHome.carousel{height:450px;/*height:calc(100vh - 74px);*/}
    #sliderHomeContainer .sliderHomeTexto{top:20px;width:85%;}
    .sliderHomeCampo{font-size:18px;line-height:26px;}
    .sliderHomeLocal{font-size:11px;}
    #sliderHomeContainer .circuitoLogo{width:143px;height:180px;top:90px;bottom:0;right:0;left:0;}
    #sliderHomeContainer .circuitoLogo span{font-size:140px;line-height:183px;}
    #sliderHome .carousel-indicators{bottom:70px;}
    #etapaHighlight h2{font-size:18px;}
    #etapaHighlight a{padding: 7px 20px;width: 100%;text-align: center;}
    #etapaHighlight a.hiSpace {margin-right:0;margin-top:15px}
    #novidadesContainer{padding-top:30px;}
    #novidadesContainer h4{font-size:35px;}
    #novidades{margin-top:35px;}
    #galeriaHomeContainer{padding-top:30px;}
    
    .overlay div{text-align: right;}
    #respMenu{margin-right:20px;}
    .news-submit, #news-container form input[type="text"]{width:90%;}
    #news-popup{width:100%;right:0;}
    #news-popup .news-arrow{right:84px;left:auto;}
    
    .img-desktop{display:none !important;}
    .img-mobile{display:block !important;}
    
    .contentContainer h2{font-size:2em;letter-spacing:3px;}
    .contentContainer h2 span:before, .contentContainer h2 span:after{width:17px;}
    .contentContainer h2 span:before{left:-25px;}
    .contentContainer h2 span:after{right:-25px;}
    
    .galeriaHeaderContainer{height:70px;}
    .galeriaHeaderContainer span{font-size:70px;}
    .galeriaHeaderContainer .galeriaHomeIcon{width:100px;}
    .galeriaHeaderContainer .galeriaHeaderLine{top:35px;}
    
    .hotel-footer{margin:30px 0 0 0;}
    .hotel-price{margin:0;font-size:21px;}
    .hotel-price span.since{font-size:11px;}
    .hotel-footer p.local, .hotel-price span.eur{font-size:12px;}
    .hotel-footer a.btnGreen{width:100%;text-align:center;}
    
    .resumoBlock{padding-top:35px;}
    .resumoHeader{margin-bottom:25px;}
    .resumoHeader h5{font-size:22px;}
    .resumoIntro img{max-width:100%;}
    .resumoContent .col-xs-12 .img-responsive{max-width:100%;}
    .resumoShowcase .galeriaFotos{margin-bottom:0;}
    
    .Resultados .etapa-info{padding:8px 20px 5px 10px;}
    
    #form-btns input[type="reset"],#form-btns input[type="submit"]{width:140px;}
    .styled-select{background: url(../img/select-arrow.png) no-repeat 95% 28px #fff;}
    
    .centerImgText h4{font-size:23px;margin:0 0 15px 0;}
    

    #sponsorsPromote{font-size:13px;line-height:8px;}
    #sponsorsPromote span{font-size:21px;}
    .sponsorsCategory h5{font-size:16px;}
    
    .promo-img{width:33%;}
    #form-btns {margin: 0px 0 35px 0;height: 39px;}
    #form-btns input[type="reset"], #form-btns input[type="submit"]{width:124px;}
    .inscricao select{padding:0 15px;}
    
    #footerNav{padding-top:0;}
    #footer-info{padding-top:0;}
    #footer-campos > div{max-width:100%;margin:0;}
  
    .pricetbl {
        float: none;
        width: 100%;
        margin-top: 0px;
    }
    .pricetbl .line{border-top:solid 1px #cccccc;width:100%;}
    .pricetbl .alojamento{font-size:13px;}
    .pricetbl .preco{font-size:18px;border-right:none;float:right;}
  
    #menuGaleria .cntArea:last-of-type {margin-top:-1px}
  
}

@media only screen and (max-width: 400px){
    
    .inputPromo{width:100% !important;margin-top:15px;}

/*Menu Galeria*/
#menuGaleria {background: #fff;padding: 30px;margin-bottom: 30px;margin-top: -20px;}
#menuGaleria a.gMenu {font-size:18px;}
  
/*Contactos*/
#menuGaleria .cntArea {border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;padding:10px 0;}
#menuGaleria .cntArea:last-of-type {margin-top:-1px}
#menuGaleria .cntArea div[class^="icon"] {font-size:30px;margin-right:10px;}
#menuGaleria .cntArea .info {font-size:20px;}
#menuGaleria .cntArea .info b {font-size:14px;}
#menuGaleria .cntArea .info b span {color:#9F9F9F;font-size:14px;}
#menuGaleria .cntArea .info a {font-size:14px;}  

  

}

