@media only screen and (max-width:1366px){
    header.masthead .intro-text {
        padding-top: 100px;
        padding-bottom: 200px;
    }
}
@media (min-width:992px) {
    #mainNav {
        padding-top: 25px;
        padding-bottom: 25px;
        -webkit-transition: padding-top .3s, padding-bottom .3s;
        transition: padding-top .3s, padding-bottom .3s;
        border: none;
        background-color: transparent
    }
    #mainNav .navbar-brand {
        font-size: 1.75em;
        -webkit-transition: all .3s;
        transition: all .3s
    }
    #mainNav .navbar-nav .nav-item .nav-link {
        padding: 1.1em 1em!important
    }
    #mainNav.navbar-shrink {
        padding-top: 0;
        padding-bottom: 0;
        background-color: #f6ada8;
    }
    #mainNav.navbar-trans{
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent;
    }
    #mainNav.navbar-shrink .navbar-brand {
        font-size: 1.25em;
        padding: 12px 0;
    }
    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 33.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }
    .py-5 .row div.col-md-6 .input-group input {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 20px 0 0 20px;
        width: 273px !important;
        height: 60px;
    }
}

@media (max-width:991px){
    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 19.375rem !important;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }
    .py-5 .row div.col-md-6 .input-group input {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        border-radius: 20px 0 0 20px;
        width: 153px !important;
        height: 60px;
    }
    #services .container .rw {
        padding-left: 9em;
        padding-right: 8em;
    }
    .service-heading {
        margin: 15px 0;
        text-transform: none;
        font-size: 15px;
        color: #151515;
    }
    section#contact .form-group input.form-control {
        height: auto;
        background-color: #EFF0F4;
        border-radius: 100px;
        width: 322px;
        height: 40px;
    }
    .img1 {
        position: relative;
        z-index: 3;
        left: 12%;
        /* top: -42px; */
        /* margin-left: 1em; */
        margin: auto;
    }
    .img2 {
        z-index: 2;
        position: relative;
        top: -17px;
        margin-top: 5em;
        left: 5%;
    }
    .img3 {
        z-index: 3;
        position: relative;
        left: -2%;
        /* top: 1px; */
    }
}

@media (max-width:957px){
    .img1 {
        position: relative;
        z-index: 3;
        left: -169%;
        /* margin: auto; */
        margin-top: -8em;
    }
    .img2 {
        z-index: 2;
        position: relative;
        top: -17px;
        margin-top: -7em;
        left: -89%;
    }
    .img3 {
        z-index: 3;
        position: relative;
        left: -105%;
        top: -112px;
    }
}

@media (min-width:768px) {
    section {
        padding: 150px 0
    }
    header.masthead .intro-text {
        padding-top: 70px;
        padding-bottom: 200px
    }
    header.masthead .intro-text .intro-lead-in {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
        
    }
    header.masthead .intro-text .intro-heading {
        font-size: 28px;
        font-weight: 700;
        line-height: 75px;
        margin-bottom: 50px;
    }
}


@media only screen and (max-width:500px){
    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 13.375rem !important;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }
    header.masthead {
        height: auto;
    }
    .img1 {
        position: relative;
        z-index: 3;
        left: -220%;
        /* margin: auto; */
        margin-top: -6em;
    }
    .img2 {
        z-index: 2;
        position: relative;
        top: -17px;
        margin-top: -4em;
        left: -145%;
    }
    .img3 {
        z-index: 3;
        position: relative;
        left: -105%;
        top: -112px;
    }
    .page-section {
        padding: 0px 0;
    }
    .form-login div.row hr{
        display: none;
    }
    .form-registro {
        background-color: #FFFFFF;
        border-radius: 10px;
        box-shadow: 0 29px 40px 0 rgba(0, 0, 0, 0.62);
        width: auto;
        height: 840px;
        padding: 2em;
    }
    .form-registro2{
        background-color: #FFFFFF;
        border-radius: 10px;
        box-shadow: 0 29px 40px 0 rgba(0, 0, 0, 0.62);
        width: 430px;
        height: 840px;
        padding: 4em;    
    }
    .chck2 .checkmark {
        position: absolute;
        top: 0;
        left: 40px;
        height: 20px;
        width: 20px;
        border-radius: 10px;
        border: 1px solid #e63528;  
    }
    .intro-text {
        padding-top: 180px;
        padding-bottom: 200px;
    
    }
}


/* PARA EL AVISO DE FACEBOOK Y TWITTER */

/* Extra small devices (phones, 600px and down) */
@media (max-width: 600px) {
    #aviso {
      float: right;
      z-index: 99999;
      position: fixed;
      right: 0;
      bottom: 150px;
      height: 300px;
      padding: 0;
      display: block !important;
    }
    
    #aviso img{
      display: grid;
    }
  } 
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media (min-width: 600px) {
    #aviso {
      float: right;
      z-index: 99999;
      position: fixed;
      right: 0;
      bottom: 300px;
      height: 300px;
      padding: 0;
      display: block !important;
    }
    
    #aviso img{
      display: grid;
    }
  }