@media (max-width: 480px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) {
   
   .mod_budget{
    display: none;
    bottom: 27vh;
    margin-left: -2vw;
    padding: 2vh;
    background: #f1f1f1;
    width: 85vw;
    border: 1px solid #bababa;}


   .mod_currency{
    display: none;
    bottom: 27vh;
    margin-left: -2vw;
    padding: 2vh;
    background: #f1f1f1;
    width: 85vw;
    border: 1px solid #bababa;}

    .contact-title-red:hover{cursor:pointer;text-decoration: underline;}
   
    .column .row img {
        width: 100%;
        margin-bottom: 1vh;
        object-fit: fill;
    }

.contact{   
    /* background: url(https://a.lokavida.com/design/banners/bgd_contact_details.png) no-repeat;*/
    background:#FFF;
    background-size: cover;
    height: auto;
    width:96vw;
margin-left:2vw;margin-right:2vw;}

    .contact-img{
height:26vh;width:100vw;}

.contact-img img{    
    height: 22vh;
    width: 100vw;}

    #content {
        transition: opacity 0.3s linear;
    }

    .contact .container ul li{
        height: 3vh;
        width: 12vw;
        background: #000;
        text-align: center;}

        .contact .container ul li a{
            color: #FFF;
            text-decoration: none;
            font-size: .75rem;}

            .contact-small-box-container {
                background: #FFF;
                height: 36vh;
                /* margin-bottom: 2vh; */
                /* margin-left: 3vw; */
            }

.contact-title{    color: #343434;
    transition: all .5s ease-in-out;margin-bottom:2vh;}
.contact-title-black{font-size:6.4vw;color:#000;
    letter-spacing: .1em;font-weight:300;}
.contact-title-red{font-size:6.4vw;color:#c43e51;
    letter-spacing: .1em;font-weight:300;}

.contact-small-description{
    letter-spacing: .1em;
    line-height: 1.5em;
    font-size: .85rem;
    color: #000;
    font-weight:300;
}
    .container {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        margin: 0;
        width: 92vw;
        margin-top: 1vh;
        margin-bottom: 1vh;
        margin-left:2vw;
      }

      .container .project_description {
        margin-bottom: 3vh;
        margin-left: 0vw; 
    }
.hero.full-screen {
        
        background-image: url(https://www.asiance.com/wp-content/themes/asiance/dist/img/bgd_contact.jpg);
        background-size: cover;
        background-position: 50%;
        height: 100vh;
        position: relative;
        display: flex;
        padding-top: 13.88889vw;
    min-height: 700px;}


  .calendar div{
    
    margin-top: 35px;
    font-family: futura-pt;
    line-height: normal;
    font-size: 26px;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

.project-description{ 
    height: 171px;
    width: 91vw;
    border: 1px solid #dfdfdf;}
.mod_budget{
    display:none;

}
     .contact-box-container{margin-left:0vw;}
    .input-contact{        width: 87vw;
        height: 3vh;
        margin-right: 2vw;
        margin-bottom: 3vh;
        border: 1px solid #c1c1c1;
        padding: 1vh;}
    
       section.learn-more{   
        margin-top: 35px;
        font-family: futura-pt;
        line-height: normal;
        font-size: 26px;
        text-align: left;
        font-weight: 400;
        font-size: 15px;
        margin-top: 1vh;
        margin-bottom: 1vh;}


       section.learn-more p{
        color: #c43e51;
        letter-spacing: .1em;
        
       }   

    .section div.mod_select_category{display:none;
        position: fixed;
        bottom: 28vh;
        margin-left: -2vw;
        padding: 2vh;
        background: #f1f1f1;
        width: 87vw;
        border: 1px solid #bababa;}

        .mod_item_category{height:2vh;}
        .mod_item_category:hover{cursor: pointer;text-decoration: underline;}

        .pdf-box-container{display:inline-flex;}
        .pdf-ico-box-container{        margin-top: .75vh;
            margin-right: 1.15vw;}
            .pdf-title{ margin-top: .5vh;
                margin-right: 1.15vw;}

.right_link {
  font-size: 18px;
  line-height: 30px;
  font-size: 11px;
  text-transform: uppercase;
  max-width: 100vw;
  margin-left: 0vw;
  letter-spacing: .3em;
  font-weight: 400;
  text-align: end;
  background: #EEE;
  margin-top: 2vh;
  margin-bottom: 2vh;
}


.section div {
    margin-top: 35px;
    font-family: futura-pt;
    line-height: normal;
    font-size: 26px;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    margin-top: 1vh;
    margin-bottom: 1vh;
    word-break: break-word;
    width: 93vw;
    padding: .25vh;
  }

  .section div.services-description{
    margin-top: 35px;
    font-family: futura-pt;
    line-height: normal;
    font-size: 26px;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    margin-top: 1vh;
    margin-bottom: 1vh;
    word-break: break-word;
    width: 87vw;
    padding: .25vh;
}
}

@media (max-width: 768px) {

    .input-contact {
        width: 87vw;
        height: 3vh;
        margin-right: 2vw;
        margin-bottom: 3vh;
        border: 1px solid #c1c1c1;
        padding: 1vh;
    }

    .mod_budget{display:none;}
    .mod_currency{display:none;}
    .hero.full-screen {
        background-image: url(https://a.lokavida.com/design/banners/bgd_contact.jpg);
        background-size: cover;
        background-position: 50%;
        height: 89vh;
        position: relative;
        display: flex;
        padding-top: 13.88889vw;
        min-height: 700px;
    }
.project-description{width: 457px; height: 256px;}
.section {
    padding: 100px 20px;
    text-align: left;
}   
 .section b {
    line-height: 30px;
    font-size: .85rem;
    text-transform: uppercase;
    max-width: 415px;
    margin: auto;
    letter-spacing: .3em;
    font-weight: 400;
}
.section div.mod_select_category {
    display: none;
    position: fixed;
    bottom: 28vh;
    margin-left: -2vw;
    padding: 2vh;
    background: #f1f1f1;
    width: 87vw;
    border: 1px solid #bababa;
}
.section div.services-description {
    margin-top: 35px;
    font-family: futura-pt;
    line-height: normal;
    font-size: 26px;
    text-align: left;
    font-weight: 400;
    font-size: 19px;
    margin-top: 1vh;
    margin-bottom: 9vh;
    word-break: break-word;
    width: 87vw;
    padding: .25vh;
}


.section div {
    margin-top: 35px;
    font-family: futura-pt;
    line-height: normal;
    font-size: 26px;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    margin-top: 1vh;
    margin-bottom: 1vh;
    word-break: break-word;
    width: 93vw;
    padding: .25vh;
}
.services-description {
    font-family: futura-pt;
    line-height: normal;
    font-size: 26px;
    text-align: left;
    font-weight: 400;
    font-size: 1.75rem;
    margin-top: 5vh;
    margin-bottom: 6vh;
    margin-left:0vw;
}

}