@media(min-width: 1280px)and (max-width: 1500px){

          .container   {

                    /*transform: scaleX(0.9);*/

          }

}



.property .slick-next:before,

.property .slick-prev:before,

.slick-carousel .slick-next:before,

.slick-carousel .slick-prev:before {

    opacity: 1;

    color: #E7B848;

    background: transparent;

    font-weight: 900;

    font-family: NanumGothic;

    font-size: 4rem;

        content: ">";



}



.property .slick-prev:before,

.slick-carousel .slick-prev:before {

    content: "<";

}



.al-range-slider__grid-mark {

     color: #202020;

    font-weight: 600;

}

.al-range-slider__grid-mark:hover {

    color: #217b89;

}



form h3.title.text-center.font-bold.-mt-8.pb-8 {

    font-size: 3.2rem;

}#filterHeader #filter .nice-select {

   font-size: 1.4rem;

    width: 100%;

}



.card__Details .title {

    flex-direction: column;

}



.card__Details .title span {

    white-space: break-spaces;

    line-height: 1.7;

    font-size: 1.6rem;

    color: #202020;

}



.slick-next, .slick-prev {

    top: calc(50% - 90px);

}



/*.AllServices ul li{

    height: auto

}*/



.AllServices ul li span {

    font-size: 1.6rem;

    transition: all 0.5s ease

}

.AllServices ul li span:hover  {

    color: #E7B848;

}



footer#footer li {

    transition: all 0.5S ease-in-out

}



footer#footer li:hover {

    color: #202020;

    font-weight: 600;

}

.projects   .details.absolute.top-4.left-4 {

    top: auto;

    bottom: 4rem;

    right: 1rem;

    left: auto;

}



.projects .details.absolute.top-4.left-4 p.mainTitle.numbers {

    font-size: 1.3rem;

    letter-spacing: 1px;

}



marquee{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    width: 100%;

}



.logo.p-4.h-40.developer-holder {

    display: inline-flex;

    padding: 1rem;

    width: 25%;

        justify-content: center;

}





.al-range-slider__knob {

    background: #E7B848;

    border: 0.5em solid #E7B848;



}



.al-range-slider__bar {
    background: linear-gradient(90deg, #E7B848, #E7B848);
    background-image: linear-gradient(90deg, #E7B848, #E7B848) !important;
}

.al-range-slider__knob:hover, .al-range-slider__knob_active {

    border-color: #E7B848;

}



.logo.p-4.h-40.developer-holder{

    height: auto

}



.logo.p-4.h-40.developer-holder a {

    width: 100%;

}



.logo.p-4.h-40.developer-holder a img {

    width: 100%;

    height: 100%

}

input.phone{

    width: 100%;

    /*float: left;*/

    background: #fff;

        border-left: 0!important;

    border-radius: 0 1rem 1rem 0!important;

    border: 1px solid #e6e6e6;



}

input.phone::placeholder {

    color: #777;

}



form .form-group .iti.iti--allow-dropdown {

    width: 100%;

    max-width: 11rem;

}



input.phoneKey {

    border-radius: 1rem 0 0 1rem!important;

    border: 1px solid #e6e6e6!important;

    border-right: 0!important;

    width: auto;

    max-width: 11.5rem;

    text-align: center;

}



@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){

    .iti__flag {

        background-image: url(../img/flags.png)!important;

    }

}

input.phoneKey::placeholder {

    color: #000;

}

.formPreporty form {

    padding: 0;

    margin: 0;

    margin-bottom: 3rem

}

.RecentProperties ul li a {

    margin-bottom: 0;

    padding: 1rem 0;

}

.formPreporty form .form-group{

    padding: 1rem 0

}

#propertyForRent .slick-next,

#propertyForRent .slick-prev {

    transform: translateY(-50%);

}

.PropertyName .slider.slider-single.slick-initialized.slick-slider {

    border-radius: 0;

}

@media (min-width: 230px) and (max-width: 768px){

    #filterHeader #filter .nice-select {

         left: 0;

    }

    .iti__flag {

    background-image: url(../img/flags.png);

}

.contact  form,

.support .row form,

section.touch form {

    padding: 1rem 0;

}

}



input.w-full.p-4.phone.phone-ph {

    width: calc(100% - 10rem);

}



.card__Image {

    height: 20rem;

}

section.touch.my-32 form.relative.p-8.mr-0.md\:-mr-4 {

    padding-left: 0;

    padding-bottom: 0;

}

section.touch.my-32 form.relative.p-8.mr-0.md\:-mr-4 .form-group.relative.p-4 {

    padding-left: 0;

}

.AllServices ul li span:hover {

    color: #805a01;

}









.card__Details .title {

    flex-direction: column;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



section.Description.gray.subDescription * {

    text-transform: initial !important;

}



  .card__Image::before {

    display: none

}



.details.absolute {

    z-index: 9

}

.price.absolute {

    z-index: 9

}

 .slick-next{



        right: -3.5%;

}

 .slick-prev{



        left: -3.5%;

}

.property .slick-next:before, .property .slick-prev:before, .slick-carousel .slick-next:before, .slick-carousel .slick-prev:before {



    font-family: "Open sans",sans-serif;

    font-size: 4rem;

}



.al-range-slider__track {

    margin-left: 1rem!important ;

}



#filter .js-example-class {

    width: 94%;

    left: 3%;

    padding: 2rem 0;

/*    overflow: hidden;*/

    margin: 0 auto;

    position: relative;

}

.al-range-slider {

    width: 97%;

}





 nav .navBottom li .dropbtn .logo, nav .navBottom li a .logo {

     margin-left: 0;

}





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

   .container {

            padding-left:  2rem !important;

             padding-right:  2rem !important;

    }



    .al-range-slider__track::after,

    .al-range-slider__track::before{

            height: 1.1rem!important;

            top: 1.1rem!important;

        }



}





 .card__Image .Type ,.card__Image .Launch  {



    z-index: 9999;

}





.al-range-slider__track::before {

    content: '';

    width: 1px;

    height: 1.2rem;

    background: #000;

    left: 0px;

    top: 1.2rem;

    position: absolute;

    z-index: 0;

}

.al-range-slider__track::after {

    content: '';

    width: 1px;

    height: 1.2rem;

    background: #000;

    right: 0px;

    top: 1.2rem;

    position: absolute;

    z-index: 0;

}



.al-range-slider__track {

    border-radius: 0;

    position: relative;

}



#filterHeader #filter .btn {

    margin-top: 2rem;

}

#filter .js-example-class {

    width: 100%;

    left: 0;

    margin-left: 0;

}

#filterHeader .p-4.flex.w-full.sm\:w-1\/2.md\:w-4\/12.ml-0.xl\:ml-8 {

    padding-left: 0;

}





.touch .TouchImage {

    padding-top: 2.7rem;

}

section.PopularAreas.mb-32 .p-4.w-full.md\:w-2\/4,

section.PopularAreas.mb-32  .p-4.w-full.md\:w-1\/4{

    padding-left: 0;

}

section.touch.my-32 button.btn.mr-4.ml-4 {

    margin-left: 0;

}

nav .navTop {

    font-size: 1.8rem;

}



@media screen and (min-width : 768px){

    #home .container {

   padding: 0;

}

}

button.slick-prev.slick-arrow,

button.slick-next.slick-arrow {

    position: absolute;

    width: 25px;

    padding-top: 39px;

    overflow: hidden;

    height: 40px;

    background: url(../img/next.png) no-repeat left top;

    background-size: auto 39px;

}

button.slick-prev.slick-arrow::before,

button.slick-next.slick-arrow::before{

    display: none

}





button.slick-prev.slick-arrow {

    background: url(../img/prev.png) no-repeat left top;

         background-size: auto 39px;

}



button.slick-prev.slick-arrow:hover, button.slick-next.slick-arrow:hover {

    /* background-position: -44px top; */

}

.card__Image .Type {

    background: #fff;

    color: #333

}



.card__Image .launch {

    background-color: rgba(211,37,194,.6);

    color: #fff

}



.card__Image .price {

    position: absolute;

    bottom: 1rem;

    left: 1rem;

    right: auto;

    text-align: left;

    background: #008800;

    padding: 1rem;

    width: auto;

    border-radius: 1.2rem;

    color: #fff;

    line-height: 0.7;

}



.card__location ul li:last-child {

    justify-content: flex-end;

}









section#propertyForRent .slider-single button.slick-next.slick-arrow,

section#propertyForRent .slider-single button.slick-prev.slick-arrow {



    background: transparent;

}





#propertyForRent  .slider.slider-nav .slick-next,

#propertyForRent .slider.slider-nav  .slick-prev {

    top: 50%;

    transform: translate(0,-50%);

}





/*

<div style="

    position: fixed;

    width: 0.2rem;

    height: 100vh;

    left: 8.3%;

    background: #000;

    top: 0;

    z-index: 9999;

"></div>*/



.area.area-holder img{

    filter: brightness(0.6);

    transition: all 1s ease-in-out



}

.area.area-holder:hover img {

    filter: none!important;

    transition: all 1s ease-in-out



}





 .area:hover::before {

    background: #3a343400!important;

}

.area {

    background: #3a343400!important;

    transition: all 1s ease;

}

 .card img {

    filter: brightness(0.7);

    transition: all 1s ease;

}



.card:hover img {

    filter: brightness(1);

}

 .card:hover h3 span {

    color: #E7B848;

}



.check {

    transition: all 1s ease;

}

.check:hover {

    background: #202020;

    color: #fff;

}



.area a {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

}

.area.active::before {



    transition: all 1s ease;

}



.area a img {

    filter: brightness(0.5);

    transition: all 1s ease;

}

.area:hover a img {

    filter: brightness(1);

}





.area:hover a img {

    filter: brightness(1.3) contrast(1.2);

    transform: scale(1.1);

}.area a {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    text-shadow: 1px 1px 1px #000;

}.area a img {

    filter: brightness(1);

    transition: all 1s ease;

}









.area.area-holder img {

    filter: brightness(1);

    transition: all 1s ease-in-out;

}.area.active {

    text-shadow: 1px 1px 1px #000;

}.area.area-holder:hover img {

    filter: brightness(1.1)!important;

    transition: all 1s ease-in-out;

    transform: scale(1.1);

}







.card img {

    filter: brightness(1);

    transition: all 1s ease;

}.card:hover img {

    filter: brightness(1.2);

    transform: scale(1.1);

}









.card__Image .price {
     z-index: 99;
}
.whatsapp i {
    transition : all .5s ease-in-out;
}
.whatsapp:hover i {
    color: #00d300;
}






@media(min-width: 1280px)and (max-width: 1380px){

    .container{
        width : calc(1280px - 8rem)
    }
}

@media(min-width: 1536px)and (max-width: 1636px){

    .container{
        width : calc(1536px - 12rem)
    }
}
span.select2.select2-container.select2-container--default {
    position: relative;
    vertical-align: middle;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 2rem;
    height: 45px;
    line-height: 3;
    width: 100%!important;
    margin: 0;
   left: 10%;
}

.select2-container--default .select2-selection--single {
   background-color: transparent!important;
    border: 0!important;
    border-radius: 4px !important;
    height: 45px!important;
    line-height: 3;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 41px!important;
    display: none!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 2.7!important;
    border: 0;
    height: 45px;
    padding-left: 2rem!important;
    font-size: 1.5rem;
        text-align: left;

}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #202020;
    color: white;
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    background: #f6f6f6;
    border: 0;
    border-radius: 1rem!important;
    margin-top: 0.5rem!important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc8!important;
    border-radius: 1rem;
    margin: 0.5rem auto;
}
.socialMedia li:first-child:hover *{
    color: #1d9bf0;
}
.socialMedia li:nth-child(2):hover i{
    border-radius: 1.2rem;
     background: #f09433;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );

}
.socialMedia li:nth-child(3) span:hover {
    color:#E7B848;
}
.socialMedia li:nth-child(4):hover *{
    color: #00fff8;
}
.socialMedia li:nth-child(5):hover *{
    color: #3c538c;
}.socialMedia li:nth-child(6):hover *{
    color: #1d9bf0;
}

footer .socialMedia li:nth-child(2):hover i{
  color: #fff;
    border-radius: 0.1rem;

}
footer .socialMedia *{
    transition: all 1s ease
}

#propertyForRent span.select2.select2-container.select2-container--default {
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
}
#propertyForRent span.select2.select2-container.select2-container--default {
    left: 0;
}
#propertyForRent  .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 2.7!important;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1.5rem;
    color: #000;
}


.nice-select  span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    position: relative;
    display: block;
}
#filter {
    left: 0;
}
.flex.Area.text-center {
    align-items: center;
}
.sliderTitle .btn{
        font-size: 1.7rem;
    margin-top: 1rem;
    display: block;
    max-width: 22rem;
    margin: 2rem auto;
}
.slick-slide {
    overflow: hidden;
}
.check {
    display: flex;
    align-items: center;
}
@media(min-width: 768px)and (max-width: 1024px){
    #filter {
        padding: 4rem 0.5rem;
}
    .AllServices ul li {
    height: 4.3rem;
    padding: 0;
}
    section.navBottom.my-8 ul.justify-between {
    justify-content: start;
}
    nav .navBottom li .dropbtn, nav .navBottom li a {
     font-size: 1.3rem;
 }
 .sliderTitle {
        font-size: 2rem;
    margin-bottom: 1rem;
    display: block;
}
    .socialMedia {
    font-size: 1.2rem;
}

}

@media(min-width: 320px)and (max-width: 767px) {
    #filterHeader #filter .btn {
    margin-top: 2rem;
    padding: 1rem 3rem;
    width: 100%;
}
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow{
        display: none!important;
    }
    .sliderTitle br.lg\:hidden {
    display: none;
}
span.select2.select2-container.select2-container--default {
    left:0;
}
.sliderTitle  p{
    width: 38rem;
    overflow: hidden;
    margin: 0 auto;
    line-height: 1.3;
}
.AllServices ul {
    padding-left: 0;
}
.sidebar .navTop {
    background: #202020;
    color: #fff;
}
.sidebar .navBottom {
    background: #dce3e4;
    color: #000;
}

}


.slick-header img {
    filter: grayscale(1);
}
nav.active .navTop {
    filter: invert(1);
}