/* 
Document   : queries
Author     : dinamiq
Description: media queries

*/

@media only screen and (max-width:900px){
    .social {
    padding: 5px 13px 0 0;
    }
    .lang {
    padding: 5px 12px 0 0;
    }

}
/*Antes >777(versión desktop)*/
@media only screen and (min-width:1020px){
    .mobilenav {
        display: none;
        visibility: hidden;
    }
    .mobilenavFoot {
        display: none;
        visibility: hidden;
    }
    #movProjectInfo {
        display: none;
        visibility: hidden;
    }

}

/*Antes <777(versión móvil)*/
@media only screen and (max-width:1020px){

    .desktop {
        display: none;
        visibility: hidden;
    }
    .mobilenav {
        display: block;
        visibility: visible;
    }
    .mobilenavFoot {
        display: block;
        visibility: visible;
    }

    #movProjectInfo {
        position: absolute;

    }
    .descrp {
        padding-top: 29px;
        max-height: 70%;
    }

    #FullSlider2 {
        top: 128px;
        width: 100%;
        height: 50%;
    }

    img.rsImg {
        width: 100%;
        margin-top: 132px!important;
    }
    .mobilenavFoot {
        position: fixed;
        bottom: 0;
        width: 100%;
        min-width: 0;
        padding: 10px 18px;
        background: #000;
    }
    .social {
        padding: 0;
        width: 160px;
    }
    .social i {
        font-size: 15px;
        padding: 0 0 0 2px;
    }

    .legal-footer{
    display: inline-block;
    padding-left:10px;
    }
    .legal-footer a{
        text-decoration: none;    
        color:#575755;    
    }
    .legal-footer a:hover{
        color: #FFFFFF
    }

    .lang {
        padding: 0;
        width: 300px;
        margin: 0 auto;
        float: none;
    }
    .lang a {
        font-size: 12px;
        padding: 0 10px;
    }
    footer {
        min-width: 0!important;
        background-color: #000;
    }
/*    .rsDefault .rsBullets {
        display: none;
    }
    .rsDefault.rsHor .rsArrowLeft {
        top: 59px;
        left: 0;
    }
    .rsDefault.rsHor .rsArrowRight {
        top: 59px;
    }
    .rsDefault .rsGCaption {
        bottom: -59px;

    }*/
    .PRO-mt86 {
        margin-top: 86px;
    }
    .text-left.PRO{
        padding-left: 15px!important;
    }
    #slide_menu {
        width: 188px;
        left: -188px;
    }
    .descrp {
        margin-top: 78px;
    }
    .projectType {
        padding-top: 169px!important;
    }
    #desktopProjectInfo {
        display: none;
        visibility: hidden;
    }
    #FullSlider1 {

    bottom: 10%;
    }  

}
@media only screen and (max-width:1024px){
    
    .pt70 {
        padding-top: 7em;
    }
    .text-left.PRO {
        padding-left: 15px!important;
    }
    .projectType ul li {
        padding: 0;
        margin: 0;
        display:block;    
    }
    #project .new-classes .new-class .class-title .occult {
        display: block!important;
    }
    .MOVpt20 {
        padding-top: 2em!important;
    }
    #project .new-classes .new-class a:active {
        background-color: rgba(255,255,255,0.5);
    }
    #project .new-classes .new-class img a:active {
        opacity: 0.5;
    }
}
@media only screen and (min-width:1200px){
    .col-lg-XXX h3 {
        font-size: 13px!important;
    }
}
@media all and (min-width:1200px) and (max-width:1600px){
    .col-lg-XXX h3 {
        font-size: 13px!important;
    }
    #project .new-classes .news .new-class .title{
    min-height: 130px;
    }
    #project .new-classes .news .col-lg-XXX .new-class .title {
    min-height: 223px;
    }
}
@media all and (min-width:1200px) and (max-width:1572px){
    .col-lg-XXX a img {
    padding-top: 15px !important; 
    }
}
@media all and (min-width:768px) and (max-width:895px){
    .col-lg-XXX a img {
    padding-top: 17px !important; 
    }
}
@media only screen and (max-width:447px){
    .col-lg-XXX a img {
    padding-top: 18px !important; 
    }
}
@media all and (max-width:768px){
    #project .new-classes .news .new-class .title{
    min-height: 223px;
    }
    #project .new-classes .news .col-lg-XXX .new-class .title {
    min-height: 204px;
    }
}
@media only screen and (max-width:480px){

    .rsCaption {
        font-size:  11px;
        max-width: 200px   }
    .rsCaption span {
        font-size:  11px;
    }
    .rsDefault .rsArrowIcn {
        bottom: -12px;
        background: url('../royalslider/skins/default/arrowsSliderMOV.png');
    }
    .rsDefault .rsArrow {
        width: 32px;
    }


/*    .rsDefault .rsGCaption {
        bottom: -30px;

    }*/
/*    #FullSlider1 {

    bottom: 45%;

    }*/
    .rsDefault .rsBullets {
        bottom: 4%;
        height: 95px;
    }
    .rsDefault.rsHor .rsArrowLeft, .rsDefault.rsHor .rsArrowRight {
        top: -3%;
    }
    #movProjectInfo {
        position: absolute;
        top: 65%!important;
    }
    #project .col-lg-XXX .class-title h3 {
        font-size: 11px;
    }

}   
@media only screen and (max-width:315px){
    .rsDefault .rsBullets {
        display: none;
    }
    .rsDefault .rsGCaption {
        top: 82%!important;
    }
    #movProjectInfo {
        position: absolute;
        top: 65%!important;
    }
    #project .col-lg-XXX .class-title h3 {
        font-size: 11px;
    }
}



/*PARTICULARIDADES*/


/*-------------------#movProjectInfo-----------*/

@media only screen and (max-width:1020px){
    #movProjectInfo {
        top:93%;
        text-align: justify;
    }
}
      



/*-------------------.rsDefault .rsBullets-----------*/
@media screen and (min-width: 1900px) {
    .rsDefault .rsBullets {
    height: 150px;
    }
    .rsDefault.aboutTxt .rsBullets {
      height: 177px;
    }   
}
/*EL RAFI DEVICE(s) Landscape*/
@media all and (max-height:1000px) and (min-width:1900px){
    .rsDefault .rsBullets {
        height: 112px;
    }
}

@media only screen and (min-width:786px){
    .mt115 {
    margin-top: 11.5em;
    }
    .aboutTxt .rsCaption {
      max-width: 50%;    
    }
}

/*-------------------.rsDefault .rsGCaption-----------*/

@media only screen and (max-width:786px) and (orientation:portrait) {
    .rsDefault .rsGCaption, .rsDefault .rsArrowIcn {
        top: 80%!important;
    }
    .paddings {
    padding-left: 30px;
    padding-right: 30px;
    }
    .mt115 {
    margin-top: 2em;
    }
}
@media all and (max-height:469px) and (max-width:316px) and (orientation:portrait) {
    .rsDefault .rsGCaption, .rsDefault .rsArrowIcn {
        top: 74%!important;
    }
}
@media all and (max-height:558px) and (max-width:316px) and (orientation:portrait) {
    .rsDefault .rsGCaption, .rsDefault .rsArrowIcn {
        top: 70%!important;
    }
}


@media all and (orientation:portrait) {  
    /* Styles for Portrait screen */  
}  
@media all and (max-width:1020px) and (orientation:landscape) {  
    /* Styles for Landscape screen */
     .rsDefault .rsGCaption, .rsDefault .rsArrowIcn {
        bottom: 0!important;
    }
    .rsSlide {
        text-align: center!important;
    }
}
/*imagen centrada y sin recortar en altura para dispositivos landscape*/ 
@media all and (max-width:1020px) and (orientation:landscape) {  
    /* Styles for Landscape screen */
    img.rsImg {
        width: 72%!important;
        height: 72%!important;
        margin-left: auto!important;
        margin-right: auto!important;
    } 
    .rsSlide {
        text-align: center!important;
    }

}

@media all and (min-width:955px) and (max-width:1020px) and (orientation:landscape) {
    img.rsImg {
        width: 65%!important;
        height: 65%!important;
    }
    .rsDefault .rsGCaption, .rsDefault .rsArrowIcn {
        top: 88%!important;
    }
        .rsDefault .rsBullets {
        top: 73%;
        height: 104px;
    }
}

/*menú específico para dispositivos móviles en apaisado y nuevas correciones versión 8*/  
@media all and (max-width:1020px) and (orientation:landscape) {  
.mobilenav {
        display: none;
    }
.mobilenav.Landscape {
        display: block;
        visibility: visible;
        border-bottom: solid 1px #575755;
    }
 .mobilenav.Landscape .logo-mobile {
        text-align: left;
        float: left;
        display: inline;
    }
  .mobilenav.Landscape .logo-mobile img {
        margin: 0;
        padding: 13px 15px 0; 
    }
.mobilenav.Landscape  .menu-mobile ul {
        text-align: center;
        padding: 11px 10px;
        float: right;
        border-top: none;
    }
footer {
        display: none;
    }
img.rsImg {
        margin-top: 54px!important; /*Nos cepillamos el 50% en la versión 8*/
    }
.mobilenav .menu-mobile ul li ul {
        padding: 0;        
    }
}
@media all and (max-width:1020px) and (orientation:portrait) { 
.mobilenav.Landscape {
        display: none;
    }
}

/*excepciones*/
/*IPAD(s) Landscape*/
@media all and (min-height:700px) and (max-width:1020px) and (orientation:landscape) {
    img.rsImg {
        width: 100%!important;
        height: 100%!important;
    }
    .rsDefault .rsBullets {
        display: none!important;
    }
}
/*IPHONE(s) Landscape*/
@media all and (min-height:309px) and (max-width:563px) and (orientation:landscape) {
    .rsDefault .rsGCaption, .rsDefault .rsArrowIcn {
    bottom: 0!important;
    }
    .rsDefault .rsBullets {
    bottom: 0!important;
    height: 94px!important;
    }
    .rsDefault.rsHor .rsArrowLeft, .rsDefault.rsHor .rsArrowRight {
    bottom: 0!important;
    }
}   


/*___________________NUEVOS CAMBIOS_________*/
@media all and (min-width:1020px) {
     .returnToProjectsMov {
        display:none
    }
}
@media all and (max-width:1020px) {
    .projectPlus .rsGCaption, .projectPlus .rsArrow {
        display: none!important;
    }
    .returnToProjectsMov {
          position: absolute;
          right: 0;
          top: 54px;
          text-decoration: none!important;
          padding: 5px 25px 5px 10px;
          background: rgba(0,0,0,0.5);
          border-radius: 3px;
          display: block;
          z-index: 999999999;
          border: solid 1px #333;
        }
}
@media only screen and (max-width: 1020px) and (orientation:portrait) {
    #movProjectInfo {
    top: 57%;
    }
    .returnToProjectsMov {
      right: 4px;
      top: 132px;
    }
}
@media only screen and (min-height:1012px) and (max-height: 1020px) and (orientation:portrait) {
    #movProjectInfo {
    top: 55%;
    }
}
@media only screen and (max-width: 315px) and (max-height: 470px) and (orientation:portrait) {
    #movProjectInfo {
      top: 65%!important;
    }
}
@media only screen and (max-width: 480px) and (orientation:landscape) {
    #movProjectInfo {
        top: 93%!important;
    }
    .logo-mobile img {
      width: 180px;
    }
}
@media (max-width: 1020px) and (orientation: landscape) {
    .rsCaption {
      font-size: 11px;
    }
}
@media (max-width: 636px) and (orientation: landscape) {
    .rsDefault .rsGCaption {
      bottom: 0!important;
    }
}
@media all and (max-width:953px) {
    .home .claimer {
       -ms-transform: none;
          -webkit-transform: none;
          transform: none;
          top: 0;
          width: 100%;
          right: 0;
          padding: 20px;
          float: none!important;
    }
}
@media all and (max-width:451px) {
    .home .claimer {
        padding: 15px;
    }
    .home .claimer h2 {
        font-size: 15px;
    }
}