/*@media screen and (max-width:1800px){
  .information-div-1 {
    width: 70%; margin: 50px 15% 50px 15%;
  }
}
@media screen and (max-width:1600px){
  .information-div-1 {
    width: 80%; margin: 50px 10% 50px 10%;
  }
}*/
@media screen and (max-width:1500px){
  .information-div-2 aside img {
    height: 400px;
  }
}
@media screen and (max-width:1400px){
/*  .information-div-1 {
    width: 90%; margin: 50px 5% 50px 5%;
  }*/
  .information-div-1 aside {
    padding: 50px 5%;
}
}
@media screen and (max-width:1200px){
    .information-div-1 aside {
        padding: 50px 10%;
    }
	.carousel-caption h1 {
		font-size: 60px;
	}

  .information-div-1 aside div {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .information-div-1 aside img {
    width: 60%;
    margin: 0 20%;
  }
  .information-div-2 aside img {
    height: 300px;
  }
  .information-div-2 aside .text-content h3 {
    font-size: 18px;
  }
  .paralax img{
    width: 500px!important;
  }
  .paralax{
    text-align: center!important;
  }
}
@media screen and (max-width:1100px){
  .information-div-2 aside .text-content h3 {
    font-size: 17px;
  }
}
@media screen and (max-width:1000px){
	.carousel-image {
		height: 75vh !important;
	}
  .information-div-2 aside {
    width: 50%;
  }
  .information-div-2 aside img {
    height: 400px;
  }
  .three-sections .container {
    width: 90%;
  }
  .ame-txt span {
    font-size: 16px;
  }
  .white-box {
    margin-top: -100px !important;
  }
  .overlay-text h5 span {
    font-size: 16px;
  }
}
@media screen and (max-width:900px){
	.carousel-caption h1 {
		font-size: 50px;
	}
	.carousel-caption button {
		font-size: 14px;
	}
  .information-div-1 aside img {
    width: 80%;
    margin: 0 10%;
  }
}
@media screen and (max-width:800px){
	.carousel-image {
		height: 80vh !important;
	}
	.overlay-nav a {
		font-size: 25px;
	}
	.first-section article:nth-child(1) {
		padding: 20px 40px;
	}
	img.img-logo {
		width: 85px;
		height: auto;
	}
	.carousel-caption h1 {
		font-size: 35px;
	}
	.carousel-caption button {
		padding: 5px 10px;
	}
	.second-section article a {
		font-size: 14px;
	}
  .information-div-1 aside div h2 {
    font-size: 18px;
  }
  .information-div-1 aside div h3 {
    font-size: 25px;
  }
  .information-div-1 aside div p {
    font-size: 15px;
    line-height: 25px;
  }
}
@media screen and (max-width:767px){
  .living-item {
    margin-bottom: 20px;
    width: 50% !important;
  }
}
@media screen and (max-width:700px){
	.second-section article a {
		padding: 0 5px;
	}
}
@media screen and (max-width:600px){
	.carousel-image {
		height: 90vh !important;
	}
	.second-section {
		margin: 10px 30px 0 0;
	}
	.second-section article a {
		display: block;
		padding: 0;
		text-align: right;
		font-size: 16px;
	}
	.carousel-caption h1 {
		font-size: 30px;
	}
  .information-div-1 aside img {
    width: 90%;
    margin: 0 5%;
  }
  .information-div-2 aside img {
    height: 300px;
  }
  .information-div-2 aside .text-content h3 {
    font-size: 16px;
  }
    .paralax img{
    width: 300px!important;
  }
}
@media screen and (max-width: 576px){
  .white-box.white-box {
      margin-top: 0 !important;
      padding-bottom: 0 !important;
  }
}
@media screen and (max-width:500px){
	.first-section article:nth-child(1) {
	    padding: 20px 30px;
	}
	.overlay-nav a {
		font-size: 20px;
	}
}
@media screen and (max-width:450px){
	.second-section {
		margin: 10px 30px 0 0;
	}
	.carousel-caption h1 {
		font-size: 25px;
	}
	.second-section article a {
		font-size: 14px;
		line-height: 25px;
	}
  .information-div-2 aside .text-content h3 {
    font-size: 14px;
  }
  .information-div-2 aside .text-content {
    height: 70px;
  }
  .information-div-2 aside img {
    height: 250px;
  }
  .living-item {
    width: 80% !important;
    margin: 0 10%;
    margin-bottom: 20px;
  }
}
@media screen and (max-height: 450px) {
	.overlay-nav {
		overflow-y: auto;
	}
	.overlay-nav a {
		font-size: 20px
	}
	.overlay-nav .close-menu {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}
@media screen and (max-width:400px){
	.second-section {
		margin: 10px 20px 0 0;
	}
}


@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}


@media (min-width: 768px) {
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}


@media (min-width: 1200px) {
 .m-xl-0 {
  margin:0 !important
 }
 .mt-xl-0,
 .my-xl-0 {
  margin-top:0 !important
 }
 .mr-xl-0,
 .mx-xl-0 {
  margin-right:0 !important
 }
 .mb-xl-0,
 .my-xl-0 {
  margin-bottom:0 !important
 }
 .ml-xl-0,
 .mx-xl-0 {
  margin-left:0 !important
 }
 .m-xl-1 {
  margin:.25rem !important
 }
 .mt-xl-1,
 .my-xl-1 {
  margin-top:.25rem !important
 }
 .mr-xl-1,
 .mx-xl-1 {
  margin-right:.25rem !important
 }
 .mb-xl-1,
 .my-xl-1 {
  margin-bottom:.25rem !important
 }
 .ml-xl-1,
 .mx-xl-1 {
  margin-left:.25rem !important
 }
 .m-xl-2 {
  margin:.5rem !important
 }
 .mt-xl-2,
 .my-xl-2 {
  margin-top:.5rem !important
 }
 .mr-xl-2,
 .mx-xl-2 {
  margin-right:.5rem !important
 }
 .mb-xl-2,
 .my-xl-2 {
  margin-bottom:.5rem !important
 }
 .ml-xl-2,
 .mx-xl-2 {
  margin-left:.5rem !important
 }
 .m-xl-3 {
  margin:1rem !important
 }
 .mt-xl-3,
 .my-xl-3 {
  margin-top:1rem !important
 }
 .mr-xl-3,
 .mx-xl-3 {
  margin-right:1rem !important
 }
 .mb-xl-3,
 .my-xl-3 {
  margin-bottom:1rem !important
 }
 .ml-xl-3,
 .mx-xl-3 {
  margin-left:1rem !important
 }
 .m-xl-4 {
  margin:1.5rem !important
 }
 .mt-xl-4,
 .my-xl-4 {
  margin-top:1.5rem !important
 }
 .mr-xl-4,
 .mx-xl-4 {
  margin-right:1.5rem !important
 }
 .mb-xl-4,
 .my-xl-4 {
  margin-bottom:1.5rem !important
 }
 .ml-xl-4,
 .mx-xl-4 {
  margin-left:1.5rem !important
 }
 .m-xl-5 {
  margin:3rem !important
 }
 .mt-xl-5,
 .my-xl-5 {
  margin-top:3rem !important
 }
 .mr-xl-5,
 .mx-xl-5 {
  margin-right:3rem !important
 }
 .mb-xl-5,
 .my-xl-5 {
  margin-bottom:3rem !important
 }
 .ml-xl-5,
 .mx-xl-5 {
  margin-left:3rem !important
 }
 .m-xl-6 {
  margin:5rem !important
 }
 .mt-xl-6,
 .my-xl-6 {
  margin-top:5rem !important
 }
 .mr-xl-6,
 .mx-xl-6 {
  margin-right:5rem !important
 }
 .mb-xl-6,
 .my-xl-6 {
  margin-bottom:5rem !important
 }
 .ml-xl-6,
 .mx-xl-6 {
  margin-left:5rem !important
 }
 .m-xl-7 {
  margin:8rem !important
 }
 .mt-xl-7,
 .my-xl-7 {
  margin-top:8rem !important
 }
 .mr-xl-7,
 .mx-xl-7 {
  margin-right:8rem !important
 }
 .mb-xl-7,
 .my-xl-7 {
  margin-bottom:8rem !important
 }
 .ml-xl-7,
 .mx-xl-7 {
  margin-left:8rem !important
 }
 .m-xl-8 {
  margin:10rem !important
 }
 .mt-xl-8,
 .my-xl-8 {
  margin-top:10rem !important
 }
 .mr-xl-8,
 .mx-xl-8 {
  margin-right:10rem !important
 }
 .mb-xl-8,
 .my-xl-8 {
  margin-bottom:10rem !important
 }
 .ml-xl-8,
 .mx-xl-8 {
  margin-left:10rem !important
 }
 .p-xl-0 {
  padding:0 !important
 }
 .pt-xl-0,
 .py-xl-0 {
  padding-top:0 !important
 }
 .pr-xl-0,
 .px-xl-0 {
  padding-right:0 !important
 }
 .pb-xl-0,
 .py-xl-0 {
  padding-bottom:0 !important
 }
 .pl-xl-0,
 .px-xl-0 {
  padding-left:0 !important
 }
 .p-xl-1 {
  padding:.25rem !important
 }
 .pt-xl-1,
 .py-xl-1 {
  padding-top:.25rem !important
 }
 .pr-xl-1,
 .px-xl-1 {
  padding-right:.25rem !important
 }
 .pb-xl-1,
 .py-xl-1 {
  padding-bottom:.25rem !important
 }
 .pl-xl-1,
 .px-xl-1 {
  padding-left:.25rem !important
 }
 .p-xl-2 {
  padding:.5rem !important
 }
 .pt-xl-2,
 .py-xl-2 {
  padding-top:.5rem !important
 }
 .pr-xl-2,
 .px-xl-2 {
  padding-right:.5rem !important
 }
 .pb-xl-2,
 .py-xl-2 {
  padding-bottom:.5rem !important
 }
 .pl-xl-2,
 .px-xl-2 {
  padding-left:.5rem !important
 }
 .p-xl-3 {
  padding:1rem !important
 }
 .pt-xl-3,
 .py-xl-3 {
  padding-top:1rem !important
 }
 .pr-xl-3,
 .px-xl-3 {
  padding-right:1rem !important
 }
 .pb-xl-3,
 .py-xl-3 {
  padding-bottom:1rem !important
 }
 .pl-xl-3,
 .px-xl-3 {
  padding-left:1rem !important
 }
 .p-xl-4 {
  padding:1.5rem !important
 }
 .pt-xl-4,
 .py-xl-4 {
  padding-top:1.5rem !important
 }
 .pr-xl-4,
 .px-xl-4 {
  padding-right:1.5rem !important
 }
 .pb-xl-4,
 .py-xl-4 {
  padding-bottom:1.5rem !important
 }
 .pl-xl-4,
 .px-xl-4 {
  padding-left:1.5rem !important
 }
 .p-xl-5 {
  padding:3rem !important
 }
 .pt-xl-5,
 .py-xl-5 {
  padding-top:3rem !important
 }
 .pr-xl-5,
 .px-xl-5 {
  padding-right:3rem !important
 }
 .pb-xl-5,
 .py-xl-5 {
  padding-bottom:3rem !important
 }
 .pl-xl-5,
 .px-xl-5 {
  padding-left:3rem !important
 }
 .p-xl-6 {
  padding:5rem !important
 }
 .pt-xl-6,
 .py-xl-6 {
  padding-top:5rem !important
 }
 .pr-xl-6,
 .px-xl-6 {
  padding-right:5rem !important
 }
 .pb-xl-6,
 .py-xl-6 {
  padding-bottom:5rem !important
 }
 .pl-xl-6,
 .px-xl-6 {
  padding-left:5rem !important
 }
 .p-xl-7 {
  padding:8rem !important
 }
 .pt-xl-7,
 .py-xl-7 {
  padding-top:8rem !important
 }
 .pr-xl-7,
 .px-xl-7 {
  padding-right:8rem !important
 }
 .pb-xl-7,
 .py-xl-7 {
  padding-bottom:8rem !important
 }
 .pl-xl-7,
 .px-xl-7 {
  padding-left:8rem !important
 }
 .p-xl-8 {
  padding:10rem !important
 }
 .pt-xl-8,
 .py-xl-8 {
  padding-top:10rem !important
 }
 .pr-xl-8,
 .px-xl-8 {
  padding-right:10rem !important
 }
 .pb-xl-8,
 .py-xl-8 {
  padding-bottom:10rem !important
 }
 .pl-xl-8,
 .px-xl-8 {
  padding-left:10rem !important
 }
 .m-xl-auto {
  margin:auto !important
 }
 .mt-xl-auto,
 .my-xl-auto {
  margin-top:auto !important
 }
 .mr-xl-auto,
 .mx-xl-auto {
  margin-right:auto !important
 }
 .mb-xl-auto,
 .my-xl-auto {
  margin-bottom:auto !important
 }
 .ml-xl-auto,
 .mx-xl-auto {
  margin-left:auto !important
 }
}


@media (min-width: 576px) {
    .m-sm-0 {
        margin:0 !important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem !important
    }

    .m-sm-6 {
        margin: 5rem !important
    }

    .mt-sm-6,.my-sm-6 {
        margin-top: 5rem !important
    }

    .mr-sm-6,.mx-sm-6 {
        margin-right: 5rem !important
    }

    .mb-sm-6,.my-sm-6 {
        margin-bottom: 5rem !important
    }

    .ml-sm-6,.mx-sm-6 {
        margin-left: 5rem !important
    }

    .m-sm-7 {
        margin: 8rem !important
    }

    .mt-sm-7,.my-sm-7 {
        margin-top: 8rem !important
    }

    .mr-sm-7,.mx-sm-7 {
        margin-right: 8rem !important
    }

    .mb-sm-7,.my-sm-7 {
        margin-bottom: 8rem !important
    }

    .ml-sm-7,.mx-sm-7 {
        margin-left: 8rem !important
    }

    .m-sm-8 {
        margin: 10rem !important
    }

    .mt-sm-8,.my-sm-8 {
        margin-top: 10rem !important
    }

    .mr-sm-8,.mx-sm-8 {
        margin-right: 10rem !important
    }

    .mb-sm-8,.my-sm-8 {
        margin-bottom: 10rem !important
    }

    .ml-sm-8,.mx-sm-8 {
        margin-left: 10rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem !important
    }

    .p-sm-6 {
        padding: 5rem !important
    }

    .pt-sm-6,.py-sm-6 {
        padding-top: 5rem !important
    }

    .pr-sm-6,.px-sm-6 {
        padding-right: 5rem !important
    }

    .pb-sm-6,.py-sm-6 {
        padding-bottom: 5rem !important
    }

    .pl-sm-6,.px-sm-6 {
        padding-left: 5rem !important
    }

    .p-sm-7 {
        padding: 8rem !important
    }

    .pt-sm-7,.py-sm-7 {
        padding-top: 8rem !important
    }

    .pr-sm-7,.px-sm-7 {
        padding-right: 8rem !important
    }

    .pb-sm-7,.py-sm-7 {
        padding-bottom: 8rem !important
    }

    .pl-sm-7,.px-sm-7 {
        padding-left: 8rem !important
    }

    .p-sm-8 {
        padding: 10rem !important
    }

    .pt-sm-8,.py-sm-8 {
        padding-top: 10rem !important
    }

    .pr-sm-8,.px-sm-8 {
        padding-right: 10rem !important
    }

    .pb-sm-8,.py-sm-8 {
        padding-bottom: 10rem !important
    }

    .pl-sm-8,.px-sm-8 {
        padding-left: 10rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto !important
    }
}


@media (min-width: 992px) {
    .h-lg-10vh {
        height:10vh
    }

    .h-lg-20vh {
        height: 20vh
    }

    .h-lg-30vh {
        height: 30vh
    }

    .h-lg-40vh {
        height: 40vh
    }

    .h-lg-50vh {
        height: 50vh
    }

    .h-lg-60vh {
        height: 60vh
    }

    .h-lg-70vh {
        height: 70vh
    }

    .h-lg-80vh {
        height: 80vh
    }

    .h-lg-90vh {
        height: 90vh
    }

    .h-lg-100vh {
        height: 100vh
    }
}


@media (hover: hover) {
    .fixed-background {
        background-attachment:fixed
    }
}

@media screen and (max-width: 1200px){
    .fl-container{
        width: 100%;
    }
}
@media screen and (max-width: 1200px){
    .fl-text h2 {
        padding-left: 5%;
    }
    .fl-1 {
        padding: 0 60px;
    }
    .fl-2 {
        margin: 0 60px;
    }
}

@media screen and (max-width: 1080px){

    .user-details{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .columns{
        display: flex;
        margin: 0 auto;
}

@media screen and (max-width: 1000px){

    .fl-card {
      width: 48%;
      height: auto;
      border: 2px solid black;
      float: left;
      padding: 5px;
      text-align: center;
      margin: 1% 1%;
    }
    #col-6{
        width: 100%;
    }
    .user-details .input-box select {
      background: #fff;
      color: gray;
      padding-left: 150px;
      border: none;
      margin-top: 15px;
    }
}

@media screen and (max-width: 950px){

    .user-details .input-box select {
      padding-left: 137px; 
    }
}

@media screen and (max-width: 920px){

    .user-details .input-box select {
      padding-left: 109px; 
    }
}

@media screen and (max-width: 890px){

    .user-details .input-box select {
      padding-left: 92px; 
    }
    aside.apartment-details section ul li:nth-child(1) {
        font-size: 3.2vw;
    }
    aside.apartment-details section ul li:nth-child(2), aside.apartment-details section ul li:nth-child(2) a {
    font-size: 2.2vw;
    }
    .relay-li span {
        font-size: 2.5vw;
    }
    .relay-li a {
        font-size: 2.5vw;
    }
}

@media screen and (max-width: 780px){

    .user-details .input-box select {
      padding-left: 79px; 
    }
}

@media screen and (max-width: 745px){

    .user-details .input-box select {
      padding-left: 69px; 
    }
}

@media screen and (max-width: 705px){

    .user-details .input-box select {
      padding-left: 55px; 
    }
}
@media screen and (max-width: 695px){
    .relay-ul {
        flex-direction: column;
        padding-left: 0px;
    }
}
@media screen and (max-width: 676px){
    aside.apartment-details {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    aside.apartment-details section ul li:nth-child(1) {
        font-size: 24px;
    }
    aside.apartment-details section ul li:nth-child(2), aside.apartment-details section ul li:nth-child(2) a {
    font-size: 20px;
    }
    .relay-li span {
        font-size: 24px;
    }
    .relay-li a {
        font-size: 24px;
    }
    aside.footer-navigation-links-icons section:nth-child(2) a {
        margin: 0 10px;
    }
    aside.two-buttons {
        text-align: center;
        display: block;
        width: 100%;
        margin-bottom: 0px;
        margin-top: 2px;
    }
}
@media screen and (max-width: 680px){

    .fl-card {
      width: 98%;
      margin: 1% 1%;
    }
    .fl-text h2 {
     text-align: center;
    }
    .column1, .column2{
        display: flex;
        flex-wrap: wrap;
        height: auto;
        margin-left: 10px;
    }
    .user-details .input-box select {
      margin: 12px;
      width: 94%;
    }
    .date-icon {
      left: 93%;
    }
}

@media screen and (max-width: 680px){
    .date-icon {
      left: 91%;
    }
}
@media screen and (max-width: 500px){
    aside.apartment-details section ul li:nth-child(1) {
        font-size: 20px;
    }
    aside.apartment-details section ul li:nth-child(2), aside.apartment-details section ul li:nth-child(2) a {
    font-size: 15px;
    }
    .relay-li span {
        font-size: 15px;
    }
    .relay-li a {
        font-size: 15px;
    }
    aside.footer-navigation-links-icons section:nth-child(2) a {
        font-size: 15px;
        margin: 0px 8px;
    }
}