@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
  button.navbar-toggler {
    margin-right: 1rem;
  }
  #FrontPage section, #FrontPagos section {
    padding: 7rem 1rem;
  }
  #LecarosAdmin{
    background-image: none;
  }
  #LecarosEquipo{
    background-image: none;
  }
  #NuestraEmp .col-md-4, #LecarosServicios .col-md-4{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .publiCell{display: block;}
  #Nav-Search .nav-link.active {
    padding: 5px;
    margin-right:11px;
    width: 9.5rem;
  }
  #Nav-Search .nav-link{
    padding: 5px;
    margin-right:11px;
    width: 9.5rem;
  }
  #ShortNavProp .nav-item {
      margin-left: 1rem;
  }
  #BigSearch{
    top: 26%;
  }
  #BigSearch .col-md-6 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  .Search2{
    display: block !important;
  }
  #Search, #SearchCod, #Search2{
    display: none;
  }
  a.btn.btn-corp.m-0.search {
    padding: 7px;
    content:none;
  }
  input#autocomplete{
    width: 40%;
  }
  .XProyecto .card-body .row .col-md-8{
    flex: 0 0 55%;
    max-width: 55%;
  }
  .XProyecto .card-body .row .col-md-4{
    flex: 0 0 44%;
    max-width: 44%;
  }
  .card2 .card-body {
    padding: 0.5rem;
  }
  .deptoProy {
    width: 240px;
    height: 220px;
  }
  #LPVision-show, #LPMision-show, #LPObjetivo-show, #LecarosEquipo .container, #LecarosServicios .col-md-4{
    padding: 0 5rem;
  }
  .w-100 {
    width: 80%!important;
  }
  #otrosServ .col-md-4, #OtraProp .col-md-3, .card.col-md-3.XDepartamento{
    flex: 0 0 50%;
    max-width: 50%;
  }
  #ImgProp .carousel-inner .carousel-item{
    margin-right: auto; margin-left: auto;
  }
  .DeptosFullDell .col-md-8{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #FiltroPropiedades{
    padding: 1rem;
  }
  .DeptosFullImg img{
    width: 200px;
  }
  #ShortNavProp{
    margin-top: 1rem;
  }
  .nav-item {
    margin-right: 0rem;
    margin-bottom: 1rem;
  }
  #NavPrincipalLecaros .dropdown-menu {
    left: -33px;
  }
  #Pago .ejecutiva{
    text-align: center;
    flex-direction: column;
  }
  .ejecutiva p{
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .black-img{
    background-size: cover; 
  }
  .black-text{
    top: 152px;
  }
  .black-text .col-md-3{
    flex: 0 0 30%;
    max-width: 30%;
  }
  #ProyInm .border{
    max-width: 100%;
    margin:0.5rem;
  }
  .jumbotron{
    margin-top: 4rem;
  }
  .ejecutiva .col-md-2{
    flex: 0 0 20%;
    max-width: 20%;
  }
  .ejecutiva .col-md-7{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ejecutiva p{
    margin:0;
  }
  #PropMatch .col-md-3, #PropDestacada .col-md-3 {
    max-width: 100%;
  }
  .DeptosFullDell{
    text-align: center !important;
  }
  .DeptosFullDell a.btn.btn-corp2.float-right{
    float: none !important;
  }
  .modal-body h5 { 
    margin: 0.5rem;
  }
  #LPVision-show{
    display: block;
    text-align: center;
  }
  #LPMision-show{
    display: block;
    text-align: center;
  }
  #LPObjetivo-show{
    display: block;
    text-align: center;
  }
  .ico-emp{
    display: initial; 
    margin-bottom: 0.75rem;
  }
  .XProyecto{
    display: flex;
    flex-direction: row;
  }
  #content .col-md-3{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  #content{
    width: 100%;
  }
  #inputDesc{
    width: 75%;
  }
  .info3, .infos4{
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .info3 .col-md-3{
    width: 30%;
  }
  .info3 .col-md-8{
    width: 60%;
  }
  .info4 .col-md-4{
    width: 40%;
  }
  .caption-info .col-md-8{
    flex: 0 0 65%;
    max-width: 65%;
  }
  .logoPortal{
    display: none;
  }
  .portal .col-md-6 .btn-corp{
    margin-top: 1rem !important;
  }
  .ImgPortal {
    width: 17rem;
    height: 11rem;
  }
  .portal .row {
    flex-direction: row;
  }
  .portal .row .col-md-6{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #Send, #Before{
    padding: 10px;
  }
  footer{
    margin-top: 0;
  }
  footer .col-md-4{
    margin:1rem 8rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  footer .col-md-1{
    width: 10%;
  }
  footer .col-md-10{
    width: 70%;
  }
  footer img{
    width: 220px;
  }
  .nota{
    margin-top: 0.5rem;
  }
  .slick-slide .Deptos{
    display: block; 
    text-align: center;
  }
  .DeptoDisp{
    margin: auto;
  }
  #title-DeptoDispon{
    padding: 0 1.5rem
  }
  #sidebar {
    width: 80%;height: 32rem;
  } 
  #sidebar.active {
    margin-right: -80%;
  }
  .navbar-btn{
    top: 6rem;
  }
  #FiltroPropiedades .row.pl-3.pt-2 .col-md-4 {
    flex: 0 0 43%;
    max-width: 43%;
  }
  #content {
    padding: 0;
  }
  #PropMatch .col-md-3 {
    max-width: 45%;
  }
  .resp-ipad{
    display: none;
  }
  #ProyInm .border, .descrip .col-md-5, .descrip .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #BigSearch {
    top: 18%;
  }
  #BigSearch .col-md-6 {
    -ms-flex: 0 0 70%;
    flex: 1 0 70%;
    max-width: 70%;
  }
  /*PORTAL ARRENDATARIO*/
  .atcliente {
    height: 7rem;
  }
  .cliente-int section {
    padding: 1rem 2rem 0;
  }
  .resp-none{
    display: none;
  }
  #BienvenidaInv .col-md-2 {
    -ms-flex: 0 0 50%;
    flex: 50%;
    max-width: 50%;
  }
  #BienvenidaInv .col-md-8, #BienvenidaInv .col-md-4{
    -ms-flex: 0 0 100%;
    flex: 100%;
    max-width: 100%;
  }
  #carouselBienesNArriendo .carousel-control-prev {
    left: -48px;
  }
  #carouselBienesNArriendo .carousel-control-next {
    right: -48px;
  }
  #MisDatos .col-md-4, #MisDatos .col-md-3, #MisDatos .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .cliente-int section {
    margin-top: 0px;
    padding: 0px 25px;
  }
  #pills-financieros input.form-check-input{
    width: 50px;
  }
  #pills-financieros .list-group input {
    width: 150px;
  }
  .modal-dialog {
    max-width: 90%;
  }
  footer {
    margin-top: 2rem;
  }
  footer .d-flex {
    flex-direction: column;
    text-align: center;
  }
  .cliente-int .navbar-nav.mr-auto.p-2 li.nav-item {
    margin-right: 0rem;
  } 
  #NavPortal .ml-5 {
    margin-left: 0rem !important;
  }
  .atcliente {
    height: 15rem;
  }
  #Pagar .dll-contratoArr .card-img-top.img-fluid, #myTabContentPagos .alert{
    display: none;
  }
  .dll-contratoArr .card-img-top.img-fluid{
    width: 100%;
    height: auto;
  }
  table  {   
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .btn-resp{
    display: inline-block;
  }
  .carousel-indicators li {
    width: 45px;
    height: 15px;
    margin-right: 4px;
    margin-left: 10px;
  }
  .carousel-indicators {
    bottom: -2.5rem;
  }
  .Info-Cell img{
    opacity: 0.5;
  }
  .resumenGral .col-md-2.pl-0 {
    padding-left: 7px !important;
  }
  .resumenGral .col-md-2.pr-0 {
    padding-right: 7px !important;
  }
  #BienesArr{
    padding:0px !important;
    margin: 1rem 0;
  }
  #BienvenidaInv .container{
    padding: 0px;
  }
  .publiCell{
    width: 95%;
    margin-top: 50px;
  }
  div#carouselBienesNArriendo {
    margin-bottom: 1rem;
  }
  #Pagar .col-md-10,#Pagar .col-md-4, #MisDatos .col-md-9 {
    padding: 0;
  }
  .card.d-flex.border-color.dll-contratoArr.m-4{
    margin: 0px !important;
  }
  .row.cserv.shadow-sm.mt-5.p-5 {
    padding: 20px 0px !important;
  }
  .cserv img.border.m-5 {
    margin:1rem !important;
  }
  #MisPagosR form.m-4{
    margin:0px !important;
  }
  #Contracts .card, #Pagar .card, #Finiquito .card.d-flex.ArrFin.dll-contratoArr {
    flex-direction: column;
  } 
  .DocFini {
    margin: 2rem 0;
  }
  .ih-item.circle{
    top: -3rem;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  li.list-group-item.d-flex.justify-content-between.lh-condensed {
    flex-direction: column;
  }
  #Contracts a.btn.btn-corp.m-5{
    margin: 1.5rem 0 !important;
  }


}
/* iPhone SE (landscape) */
@media only screen 
and (max-width :  640px) {
  body{
    font-size: 18px;
  }
  a.navbar-brand.ml-4{
    margin-right: 1rem !important;
  }
  button.navbar-toggler {
    margin-right: 1rem;
  }
  #BigSearch {
    top: 18%;
  }
  .nav-item {
    margin-right: 0rem;
    margin-bottom: 1rem;
  }
  #NavPrincipalLecaros .dropdown-menu {
    left: -40px;
  }
  #Nav-Search .nav-link.active {
    margin-right:8px;
    width: 11.5rem;
  }
  #Nav-Search .nav-link{
    margin-right:8px;
    width: 11.5rem;
  }
  input#autocomplete {
    width: 40%;
  }
  #FrontPage section, #FrontPagos section {
    padding: 7rem 2rem;
  }
  #LecaroPropiedades p{
    padding: 0 2rem; 
  }
  .card2 {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  .deptoProy {
    width: 100%;
    height: auto;
  }
  .jumbotron{
    margin-top: 4rem;
  }
  .UyN {
    font-size: 19px;
  }
  .carousel-control-prev {
    left: -70px;
  }
  .carousel-control-next {
    right: -70px;
  }
  #LPVision-show{
    display: block;
    text-align: center;
  }
  #LPMision-show{
    display: block;
    text-align: center;
  }
  #LPObjetivo-show{
    display: block;
    text-align: center;
  }
  .ico-emp{
    display: initial; 
    margin-bottom: 0.75rem;
  }
  #LecarosAdmin{
    background-image: none;
  }
  #LecarosEquipo{
    background-image: none;
  }
  footer{
    margin-top: 0;
  }
  footer .col-md-4{
    margin:1rem 1.5rem;
  }
  footer .col-md-1{
    width: 10%;
  }
  #sidebar {
    margin-left: -250px;
  }
  #sidebar.active {
    margin-left: 0;
  }
  #content {
    width: 100%;
  }
  .XProyecto{
    display: flex;
    flex-direction: column;
  }
  .ImgPortal {
    width: 100%;
    height: 10rem;
  }
  .info3, .infos4{
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .info3 .col-md-3{
    width: 30%;
    margin-left: 3rem;
  }
  .info3 h2{
    text-align: center;
  }
  .info3 .col-md-8{
    width: 60%;
  }
  .info4 .col-md-4{
    width: 40%; 
    margin-left: 1.5rem;
  }
  .caption-info .col-md-8{
    width: 65%;
    text-align: left;
  }
  .portal .col-md-6 {
    text-align: center !important;
  }
  .portal .col-md-6 .btn-corp{
    margin-top: 1rem !important;
  }
  .XDepartamento{
    text-align: center;
  }
  .XDepartamento p, .card-text, .car-body p{
    font-size: 1.2rem !important;
  }
  .row.caption-info {
    margin: 0 6rem;
  }
  .row.info4 {
    margin: 0 5rem;
  }
  #Proy1Excl .close{
    color: #000;
  }
  .ejecutiva .col-md-2{
    width: 20%;
  }
  .ejecutiva .col-md-7{
    width: 50%;
  }
  .ejecutiva a{
    margin: 0 1rem;
  }
  #ProyInm .border {
    max-width: none;
  }
  #PropMatch .col-md-3 {
    max-width: none;
  }
  .DeptoDisp{
    margin: auto;
  }
  .Deptos{
    text-align: center;
  }
  #Pago .ejecutiva{
    text-align: center;
    flex-direction: column;
  }
  .ejecutiva p{
    width: 100%;
    margin-bottom: 0.5rem;
  }
  #inputDesc{
    width: 75%;
  }
  /*PORTAL ARRENDATARIO*/
  .atcliente { 
    height: 12rem;
  }
  .cliente-int section {
    padding: 1rem 2rem 0;
  }
  .presentation .navbar-brand{
    display: none !important;
  }
  .ejec{
      margin-right: auto !important;
      margin-left: auto !important;
  }
  .resp-none{
    display: none;
  }
  #BienvenidaInv .col-md-2 {
    width: 50%;
  }
  #carouselBienesNArriendo .carousel-control-prev {
    left: -48px;
  }
  #carouselBienesNArriendo .carousel-control-next {
    right: -48px;
  }
  #MisDatos .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .cliente-int section {
    margin-top: 0px;
    padding: 0px 25px;
  }
  #pills-financieros input.form-check-input{
    width: 50px;
  }
  #pills-financieros .list-group input {
    width: 150px;
  }
  ul#pills-datos{
    flex-direction: column;
    text-align: center;
  }
  .logo-phone {
    display: block;
    width: 50px;
    margin: 0 1rem;
  }
  footer {
    margin-top: 2rem;
  }
  footer .d-flex {
    flex-direction: column;
    text-align: center;
  }
  .cliente-int .navbar-nav.mr-auto.p-2 li.nav-item {
    margin-right: 0rem;
  } 
  #NavPortal .ml-5 {
    margin-left: 0rem !important;
  }
  .atcliente {
    height: 15rem;
  }
  .img-ejecutiva, #OtraPropArr, #Pagar .dll-contratoArr .card-img-top.img-fluid, #myTabContentPagos .alert,
  #Multas .alert button.close, .dataTables_wrapper .dataTables_length {
    display: none;
  }
  .dll-contratoArr .card-img-top.img-fluid{
    width: 100%;
    height: auto;
  }
  table  {   
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .modal-footer{
    flex-direction: column;
  }
  .Info-Cell{
    display: block;
    margin: 2rem;
  }
  #OtraPropArrResp {
    display: block;
  }
  .btn-resp{
    display: inline-block;
  }
  .carousel-indicators li {
    width: 45px;
    height: 15px;
    margin-right: 4px;
    margin-left: 4px;
  }
  .carousel-indicators {
    bottom: -2.5rem;
    margin-right: 0;
    margin-left: 0;
  }
  .Info-Cell img{
    opacity: 0.5;
  }
  .resumenGral .col-md-2.pl-0 {
    padding-left: 7px !important;
  }
  .resumenGral .col-md-2.pr-0 {
    padding-right: 7px !important;
  }
  #BienesArr{
    padding:0px !important;
    margin: 1rem 0;
  }
  #BienvenidaInv .container{
    padding: 0px;
  }
  .publiCell{
    width: 95%;
    margin-top: 50px;
  }
  div#carouselBienesNArriendo {
    margin-bottom: 1rem;
  }
  #Pagar .col-md-10,#Pagar .col-md-4, #MisDatos .col-md-9 {
    padding: 0;
  }
  .card.d-flex.border-color.dll-contratoArr.m-4{
    margin: 0px !important;
  }
  .row.cserv.shadow-sm.mt-5.p-5 {
    padding: 20px 0px !important;
  }
  .cserv img.border.m-5 {
    margin:1rem !important;
  }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link {
    border-color: #dee2e6;
    border-radius: 5px;
    margin: 0.75rem 0;
  }
  ul#myTabPagos{
    flex-direction: column;
  }
  #MisPagosR form.m-4{
    margin:0px !important;
  }
  #Multas .alert-dismissible, #FormSol .alert-dismissible{
    padding-right: 1rem;
  }
  #Contracts .card, #Pagar .card, #Finiquito .card.d-flex.ArrFin.dll-contratoArr {
    flex-direction: column;
  } 
  .ArrFin span,.border-color span {
    float: left;
    width: 100%;
    margin-bottom: 1.5rem;
  } 
  .DocFini {
    margin: 2rem 0;
    flex-direction: column;
  }
  .ih-item.circle{
    top: -3rem;
  }
  li.list-group-item.d-flex.justify-content-between.lh-condensed {
    flex-direction: column;
  }
  #Contracts a.btn.btn-corp.m-5{
    margin: 1.5rem 0 !important;
  }
}
/* Smartphones (portrait) */
@media only screen 
and (max-width : 420px) {
  button.navbar-toggler {
    margin-right: 1rem;
  }
  .posth{
    margin-top: 5rem;
  }
  #FrontPage section, #FrontPagos section {
    padding: 7rem 1rem;
  }
  #FrontPage #DestPropiedades{
    padding: 4rem 1rem;
  }
  #LecarosAdmin{
    background-image: none;
  }
  #LecarosEquipo{
    background-image: none;
  }
  #Nav-Search .nav-link.active{
    padding: 5px;
    margin-right:6px;
    width: 6rem;
  }
  #Nav-Search .nav-link{
    padding: 5px;
    margin-right:6px;
    width: 6rem;
  }
  #BigSearch{
    top: 28%;
  }
  #BigSearch .nav-tabs {
    border-bottom: 0px solid #dee2e6;
  }
  #BigSearch .tab-content{
    margin-top: 1rem;
  }
  #BigSearch p{
    display: none;
  }
  .Search2{
    display: block !important;
  }
  #Search, #SearchCod, #Search2{
    display: none;
  }
  a.btn.btn-corp.m-0.search {
    padding: 7px;
    content:none;
  }
  input#autocomplete {
    width: 40%;
  }
  .resp-none {
    display: none;
  }
  #FiltroPropiedades{
    padding: 1rem;
  }
  .card2 {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .deptoProy{
    width: 100%;
  }
  .DeptosFullImg img{
    width: 200px;
  }
  #ShortNavProp{
    margin-top: 1rem;
  }
  .nav-item {
    margin-right: 0rem;
    margin-bottom: 1rem;
  }
  #NavPrincipalLecaros .dropdown-menu {
    left: -33px;
  }
  #Pago .ejecutiva{
    text-align: center;
    flex-direction: column;
  }
  .ejecutiva p{
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .black-img{
    background-size: cover; 
  }
  .black-text{
    top: 80px;
  }
  #ProyInm .border{
    max-width: 100%;
    margin:0.5rem;
  }
  .jumbotron{
    margin-top: 4rem;
  }
  .ejecutiva .col-md-2{
    width: 20%;
  }
  .ejecutiva .col-md-7{
    width: 50%;
  }
  #PropMatch .col-md-3, #PropDestacada .col-md-3 {
    max-width: 100%;
  }
  .DeptosFullDell{
    text-align: center !important;
  }
  .DeptosFullDell a.btn.btn-corp2.float-right{
    float: none !important;
  }
  .modal-body h5 {
    margin: 0.5rem;
  }
  #LPVision-show{
    display: block;
    text-align: center;
  }
  #LPMision-show{
    display: block;
    text-align: center;
  }
  #LPObjetivo-show{
    display: block;
    text-align: center;
  }
  .ico-emp{
    display: initial; 
    margin-bottom: 0.75rem;
  }
  .XProyecto{
    display: flex;
    flex-direction: column;
  }
  #inputDesc{
    width: 75%;
  }
  .ImgPortal {
    width: 100%;
    height: 10rem;
  }
  .info3, .infos4{
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .info3 .col-md-3{
    width: 30%;
  }
  .info3 .col-md-8{
    width: 60%;
  }
  .info4 .col-md-4{
    width: 40%;
  }
  .caption-info .col-md-8{
    width: 65%;
  }
  .portal .col-md-6 {
    text-align: center !important;
  }
  .portal .col-md-6 .btn-corp{
    margin-top: 1rem !important;
  }
  #Send, #Before{
    padding: 10px;
  }
  footer{
    margin-top: 0;
  }
  footer .col-md-4{
    margin:1rem 1.5rem;
  }
  footer .col-md-1{
    width: 10%;
  }
  footer .col-md-10{
    width: 70%;
  }
  footer img{
    width: 220px;
  }
  .nota{
    margin-top: 0.5rem;
  }
  .slick-slide .Deptos{
    display: block; 
    text-align: center;
  }
  .DeptoDisp{
    margin: auto;
  }
  #title-DeptoDispon{
    padding: 0 1.5rem;
  }
  #sidebar {
    width: 80%;
  } 
  #sidebar.active {
    margin-right: -80%;
  }
  .navbar-btn{
    top: 6rem;
  }
  #FiltroPropiedades .row.pl-3.pt-2 .col-md-4 {
    width: 30%;
  }
  #content {
    padding: 0;
  }
  /*PORTAL ARRENDATARIO*/
  .atcliente {
    height: 12rem;
    margin: 0 !important;
  }
  .presentation .navbar-brand{
    display: none !important;
  }
  .ejec{
      margin-right: auto !important;
      margin-left: auto !important;
  }
  #MisDatos .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .cliente-int section {
    margin-top: 0px;
    padding: 0px 25px;
  }
  #pills-financieros input.form-check-input{
    width: 50px;
  }
  #pills-financieros .list-group input {
    width: 150px;
  }
  ul#pills-datos{
    flex-direction: column;
    text-align: center;
  }
  .logo-phone {
    display: block;
    width: 50px;
    margin: 0 1rem;
  }
  footer {
    margin-top: 2rem;
  }
  footer .d-flex {
    flex-direction: column;
    text-align: center;
  }
  .cliente-int .navbar-nav.mr-auto.p-2 li.nav-item {
    margin-right: 0rem;
  } 
  #NavPortal .ml-5 {
    margin-left: 0rem !important;
  }
  .atcliente {
    height: 15rem;
  }
  .img-ejecutiva, #OtraPropArr, #Pagar .dll-contratoArr .card-img-top.img-fluid, #myTabContentPagos .alert,
  #Multas .alert button.close, .dataTables_wrapper .dataTables_length {
    display: none;
  }
  .dll-contratoArr .card-img-top.img-fluid{
    width: 100%;
    height: auto;
  }
  table  {   
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .modal-footer{
    flex-direction: column;
  }
  .Info-Cell{
    display: block;
    margin: 2rem;
  }
  #OtraPropArrResp {
    display: block;
  }
  .btn-resp{
    display: inline-block;
  }
  .carousel-indicators li {
    width: 45px;
    height: 15px;
    margin-right: 4px;
    margin-left: 10px;
  }
  .carousel-indicators {
    bottom: -2.5rem;
    margin-right: 0;
    margin-left: 0;
  }
  .Info-Cell img{
    opacity: 0.5;
  }
  .resumenGral .col-md-2.pl-0 {
    padding-left: 7px !important;
  }
  .resumenGral .col-md-2.pr-0 {
    padding-right: 7px !important;
  }
  #BienesArr{
    padding:0px !important;
    margin: 1rem 0;
  }
  #BienvenidaInv .container{
    padding: 0px;
  }
  .publiCell{
    width: 95%;
    margin-top: 50px;
  }
  div#carouselBienesNArriendo {
    margin-bottom: 1rem;
  }
  #Pagar .col-md-10,#Pagar .col-md-4, #MisDatos .col-md-9 {
    padding: 0;
  }
  .card.d-flex.border-color.dll-contratoArr.m-4{
    margin: 0px !important;
  }
  .row.cserv.shadow-sm.mt-5.p-5 {
    padding: 20px 0px !important;
  }
  .cserv img.border.m-5 {
    margin:1rem !important;
  }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link {
    border-color: #dee2e6;
    border-radius: 5px;
    margin: 0.75rem 0;
  }
  ul#myTabPagos{
    flex-direction: column;
  }
  #MisPagosR form.m-4{
    margin:0px !important;
  }
  #Multas .alert-dismissible, #FormSol .alert-dismissible{
    padding-right: 1rem;
  }
  #Contracts .card, #Pagar .card, #Finiquito .card.d-flex.ArrFin.dll-contratoArr {
    flex-direction: column;
  } 
  .ArrFin span,.border-color span {
    float: left;
    width: 100%;
    margin-bottom: 1.5rem;
  } 
  .DocFini {
    margin: 2rem 0;
    flex-direction: column;
  }
  .ih-item.circle{
    top: -3rem;
  }
  li.list-group-item.d-flex.justify-content-between.lh-condensed {
    flex-direction: column;
  }
  #Contracts a.btn.btn-corp.m-5{
    margin: 1.5rem 0 !important;
  }
}
/* Smartphones (landscape) */
@media only screen 
and (max-width : 321px) {
  a.navbar-brand.ml-4{
    margin-right: 1rem !important;
  }
  button.navbar-toggler{
    margin-right: 1rem;
  }
  #Nav-Search .nav-link.active{
    margin-right:9px;
    width: 5rem;
  }
  #Nav-Search .nav-link{
    margin-right:9px;
    width: 5rem;
  }
  #BigSearch h1{
    font-size: 2rem;
  }
  #Pago h1{
    font-size:2.3rem;
  }
  #Pago h4{
    font-size: 1.6rem;
  }
  #Pago a.btn.btn-secondary.float-left, #Pago a.btn.btn-corp.float-right{
    float: none !important; 
    margin-bottom: 1rem;
  }
  #ShortNavProp li.nav-item {
    margin:0 1rem;
  }
  #Proy1Excl .modal-footer{
    flex-direction: column; 
    text-align: center;
  }
  #Proy1Excl .close{
    color: #000;
  }
  .content-img{
    margin-top: 0 !important;
  }
  .jumbotron{
    padding: 1rem;
  }
  .jumbotron h1{
    font-size: 1.8rem;
  }
  .jumbotron .lead{
    font-size: 1rem;
  }
  #Send, #Before{
    padding: 5px;
  }
  #Before {
    margin-right: 0.5rem !important;
  }
  /*PORTAL ARRENDATARIO*/
  .atcliente {
    height: 12rem;
  }
  .presentation .navbar-brand{
    display: none !important;
  }
  .ejec{
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .logo-phone {
    display: block;
    width: 50px;
    margin: 0 1rem;
  }
  footer {
    margin-top: 2rem;
  }
  footer .d-flex {
    flex-direction: column;
    text-align: center;
  }
  .cliente-int .navbar-nav.mr-auto.p-2 li.nav-item {
    margin-right: 0rem;
  } 
  #NavPortal .ml-5 {
    margin-left: 0rem !important;
  }
  .atcliente {
    height: 15rem;
  }
  .img-ejecutiva, #OtraPropArr, #Pagar .dll-contratoArr .card-img-top.img-fluid, #myTabContentPagos .alert,
  #Multas .alert button.close, .dataTables_wrapper .dataTables_length {
    display: none;
  }
  table  {   
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .modal-footer{
    flex-direction: column;
  }
  .Info-Cell{
    display: block;
    margin: 2rem;
  }
  #OtraPropArrResp{
    display: block;
  }
  .btn-resp{
    display: inline-block;
  }
  .carousel-indicators li {
    width: 45px;
    height: 15px;
    margin-right: 4px;
    margin-left: 10px;
  }
  .carousel-indicators {
    bottom: -2.5rem;
    margin-right: 0;
    margin-left: 0;
  }
  .Info-Cell img{
    opacity: 0.5;
  }
  .resumenGral .col-md-2.pl-0 {
    padding-left: 7px !important;
  }
  .resumenGral .col-md-2.pr-0 {
    padding-right: 7px !important;
  }
  #BienesArr{
    padding:0px !important;
    margin: 1rem 0;
  }
  #carouselBienesNArriendo .carousel-control-prev {
    left: -30px;
  }
  #carouselBienesNArriendo .carousel-control-next {
    right: -30px;
  }
  #BienvenidaInv .container{
    padding: 0px;
  }
  .publiCell{
    width: 95%;
    margin-top: 50px;
  }
  div#carouselBienesNArriendo {
    margin-bottom: 1rem;
  }
  #Pagar .col-md-10,#Pagar .col-md-4, #MisDatos .col-md-9 {
    padding: 0;
  }
  .card.d-flex.border-color.dll-contratoArr.m-4{
    margin: 0px !important;
  }
  .row.cserv.shadow-sm.mt-5.p-5 {
    padding: 20px 0px !important;
  }
  .cserv img.border.m-5 {
    margin:1rem !important;
  }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link {
    border-color: #dee2e6;
    border-radius: 5px;
    margin: 0.75rem 0;
  }
  ul#myTabPagos{
    flex-direction: column;
  }
  #MisPagosR form.m-4{
    margin:0px !important;
  }
  #Multas .alert-dismissible, #FormSol .alert-dismissible{
    padding-right: 1rem;
  }
  #Contracts .card, #Pagar .card, #Finiquito .card.d-flex.ArrFin.dll-contratoArr {
    flex-direction: column;
  } 
  .ArrFin span,.border-color span {
    float: left;
    width: 100%;
    margin-bottom: 1.5rem;
  } 
  .DocFini {
    margin: 2rem 0;
    flex-direction: column;
  }
  .ih-item.circle{
    top: -3rem;
  }
  li.list-group-item.d-flex.justify-content-between.lh-condensed {
    flex-direction: column;
  }
  #Contracts a.btn.btn-corp.m-5{
    margin: 1.5rem 0 !important;
  }
}
@media only screen 
and (max-width : 280px){
  /*PORTAL ARRENDATARIO*/
  .atcliente {
    height: 14rem;
  }
  .logo-phone {
    display: block;
    width: 50px;
    margin: 0 1rem;
  }
  footer {
    margin-top: 2rem;
  }
  footer .d-flex {
    flex-direction: column;
    text-align: center;
  }
  .cliente-int .navbar-nav.mr-auto.p-2 li.nav-item {
    margin-right: 0rem;
  } 
  #NavPortal .ml-5 {
    margin-left: 0rem !important;
  }
  .atcliente {
    height: 15rem;
  }
  .img-ejecutiva, #OtraPropArr, #Pagar .dll-contratoArr .card-img-top.img-fluid, #myTabContentPagos .alert,
  #Multas .alert button.close, .dataTables_wrapper .dataTables_length {
    display: none;
  }
  table  {   
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .modal-footer{
    flex-direction: column;
  }
  .Info-Cell{
    display: block;
    margin: 2rem;
  }
  #OtraPropArrResp{
    display: block;
  }
  .btn-resp{
    display: inline-block;
  }
  .carousel-indicators li {
    width: 45px;
    height: 15px;
    margin-right: 4px;
    margin-left: 10px;
  }
  .carousel-indicators {
    bottom: -2.5rem;
    margin-right: 0;
    margin-left: 0;
  }
  .Info-Cell img{
    opacity: 0.5;
  }
  .resumenGral .col-md-2.pl-0 {
    padding-left: 7px !important;
  }
  .resumenGral .col-md-2.pr-0 {
    padding-right: 7px !important;
  }
  #BienesArr{
    padding:0px !important;
    margin: 1rem 0;
  }
  #carouselBienesNArriendo .carousel-control-prev {
    left: -30px;
  }
  #carouselBienesNArriendo .carousel-control-next {
    right: -30px;
  }
  #BienvenidaInv .container{
    padding: 0px;
  }
  .publiCell{
    width: 95%;
    margin-top: 50px;
  }
  div#carouselBienesNArriendo {
    margin-bottom: 1rem;
  }
  #Pagar .col-md-10,#Pagar .col-md-4, #MisDatos .col-md-9 {
    padding: 0;
  }
  .card.d-flex.border-color.dll-contratoArr.m-4{
    margin: 0px !important;
  }
  .row.cserv.shadow-sm.mt-5.p-5 {
    padding: 20px 0px !important;
  }
  .cserv img.border.m-5 {
    margin:1rem !important;
  }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link {
    border-color: #dee2e6;
    border-radius: 5px;
    margin: 0.75rem 0;
  }
  ul#myTabPagos{
    flex-direction: column;
  }
  #MisPagosR form.m-4{
    margin:0px !important;
  }
  #Multas .alert-dismissible, #FormSol .alert-dismissible{
    padding-right: 1rem;
  }
  #Contracts .card, #Pagar .card, #Finiquito .card.d-flex.ArrFin.dll-contratoArr {
    flex-direction: column;
  } 
  .ArrFin span, .border-color span {
    float: left;
    width: 100%;
    margin-bottom: 1.5rem;
  } 
  .DocFini {
    margin: 2rem 0;
    flex-direction: column;
  }
  .ih-item.circle{
    top: -3rem;
  }
  li.list-group-item.d-flex.justify-content-between.lh-condensed {
    flex-direction: column;
  }
  #Contracts a.btn.btn-corp.m-5{
    margin: 1.5rem 0 !important;
  }

}