html,body{
    max-width: 100%;
    overflow-x: hidden;
}

.backCustom {
    background-color: #202C45;
    /* width: 200px; */
    height: 250px;
}
.swat-pic{
    border-radius: 10px;
    transition: width 2s, height 2s;
}
.town-pic{
  border-radius: 10px;
  transition: width 2s, height 2s;
}
/* .swat-pic:hover{
   width: 400px;
   height: 400px;
} */
.text {
    color: white;
    font-size: 70px;
    padding: 40px;
}
.pageicon {
    color: white;
    margin-bottom: 22px;
}
#features ul{
    column-count: 3;
}
.info-1 .apartment, .info-1 .shops, .info .bed-1, .info .bed-2{
  
  border-right: 1px solid gray;
  border-bottom:0;
}
.town-icon .shops{
  border-right: none !important;
  
}
.info .discount{
  border-right: 1px solid #C82333;
  border-bottom:0;
}
.hor-line{
  border-bottom: 1px solid gray;
}
/* .info-1{
  border-bottom: 1px solid gray;
} */
@media only screen and (max-width:500px){
 
#features ul{
    column-count: 2;
    
}   
img marquee{
    behavior: alternate;
}
}
#features  li {
	padding: 0px 0px 5px 25px;
	list-style: none;
	background-image: url("/projects/pics/check.PNG");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 20px;
    text-transform: capitalize;
}

.downloads i{
    font-size: 32px;
}
.number a:hover{
   
text-decoration: none;

    
}
.address a:hover{
    text-decoration: none;
}

.downloads .down-btn{
    font-size: 20px;
}

.info-1 .apartment, .info-1 .shops, .info .bed-1, .info .bed-2{
  
  border-right: 1px solid gray;
  border-bottom:0;
}
.info .discount{
  border-right: 1px solid #C82333;
  border-bottom:0;
}
.info .bed-4{
  border-right: 1px solid gray;
  border-bottom:0;
}
/* .info-1{
  border-bottom: 1px solid gray;
} */


#myImg1,#myImg2,#myImg3,#myImg4,#myImg5 {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
  }
  
  .card-img-top:hover {opacity: 0.8;}
  
  /* The Modal (background) */
  .modal {
    display:none ; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    margin-top: -70px;
    
    
  }
  
  /* Modal Content (image) */
  .modal-content {
    margin: 0px auto;
    display: block;
    width: 80%;
    height: 90vh;
    max-width: 700px;
  }
  
  /* Caption of Modal Image */

  
  /* Add Animation */
  .modal-content, #caption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  

  /* The Close Button */
  .close {
    position: absolute;
    top: 15px;
    right: 35px;
    margin-top: 80px;
   
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    .modal-content {
      width: 100%;
    }
    .close{
        z-index: 999;
    }
    .modal-content{
        margin-top: 220px;
        height: auto;
        justify-self: center;

    }
    #features ul{
      column-count: 2;
  }
    /* .info-1{
      border-bottom: 1px solid gray;
    } */
    .info-1 .apartment, .info-1 .shops, .info .bed-1, .info .bed-2{
  
      border-right: 1px solid gray;
      border-bottom:0;
    }
    .info .discount{
      border-right: 1px solid #C82333;
      border-bottom:0;
    }
    .info .bed-4{
      border-right: 1px solid gray;
      border-bottom:0;
    }
    
  }
      @media only screen and (max-width:582px){
        .info-1 .apartment, .info-1 .suites, .info-1 .shops, .info .bed-1, .info .bed-2, .info .bed-3{
          width: 100%;
          border-right: 0;
          border-bottom: 1px solid gray;
        }
        .info .discount{
          border-right: 1px solid #C82333;;
          border-bottom:0;
        }
        .info-1 .apartment, .info-1 .suites, .info-1 .shops{
          padding-top: 1rem;
          padding-bottom: 1rem;
        }
        .info .bed-4{
          border-right: 1px solid gray;
          border-bottom:0;
        }
        .info{
          display: flex;
          flex-wrap: nowrap;
        }
        .hor-line{
          border-bottom: 0;
          display: hidden;
        }
        #features ul{
          column-count: 1;
      }
      }
      @media only screen and (max-width:574px){
        .info .discount{
          border-right: 0;
          border-bottom:1px solid #C82333;
        }
        .info .discount, .info .tim{
          padding-top: 1rem;
          padding-bottom: 1rem;
        }
        /* .info .bed-4, .info .bed--5{
          padding-top: 1rem;
          padding-bottom: 1rem;
        } */
        .info .bed-4{
          border-right: 0;
          border-bottom:1px solid gray;
        }

      }
      @media only screen and (max-width:378px){
        .info-1 .apartment, .info-1 .suites, .info-1 .shops{
          padding-top: 1rem;
          padding-bottom: 1rem;
          width: 100%;
          justify-self: center;
        }
        .info .discount, .info .tim{
          padding-top: 1rem;
          padding-bottom: 1rem;
        }
        /* .info .bed-4, .info .bed--5{
          padding-top: 1rem;
          padding-bottom: 1rem;
        } */
        
      }