@media(max-width:1024px){
  .text-top p {
    font-size: 2.6em;
  }
}
@media(max-width:768px){
  .cont-img {
    font-size: 9.5vw;
  }
  .call-to-action li p br {
    display: none;
  }
  .service-item h4 {font-size: 2vw;}
  .portfolio .call-bottom ul {text-align: center;}
  .portfolio .call-bottom li {
    display: inline-block;
    width: 49%;
  }
  .portfolio .call-bottom li p {text-align: left;}
  .text-top p {
    font-size: 2em;
  }
  .portfolio h3 {font-size: 4vw;}
  .portfolio p {text-align: left;font-size: 2.5vw;line-height: normal;padding: 2vw;font-family: GloberThin;}
  .portfolio .call-bottom-wrap {
    padding-top: 40px;
  }
  .call-bottom-wrap {text-align: center;}
  .call-to-action ul.call-bottom li {
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 50%;
    margin-left: -120px;
  }
  .call-to-action ul strong {font-size: 3vw;}

  .call-top ul li {
    font-size: 14px;
  }
}
@media(max-width:640px) {
    .cont-img {
    font-size: 11.5vw;
  }
  .portfolio h2, .call-to-action h2 {
    font-size: 5vw;
    padding: 2vw;
  }
  .portfolio .call-bottom ul {text-align: left;}
  .portfolio .call-bottom li {
    display: block;
    width: 100%;
    text-align: left;
  }
  .about p {
    font-size: 3vw;
    text-align: left;
    line-height: unset;
    padding: 10px;
  }
 body header .text-vertical-center h1 {
    padding: 0 2vw 3vw;
    width: 100%;
    font-size: 8vw;
  }
  body header .text-vertical-center p {font-size: 5vw;}
  body .text-top p{
    font-size: 1.6em;
  }
  .click_cell .call-top ul li {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
  }
}
@media(max-width:480px) {
  .call-to-action ul li p {
    font-size: 3vw;
  }
 
  .portfolio li p {
    font-size: 15px;
  } 
   .call-top ul li {
    font-size: 14px;
  }
  .callout {
    height: 60%;
  }
  aside.callout::before {
    height: 60%;
  }
}

@media(max-width:380px) {
   .emi {
    font-size: 13px !important;
  }
  .call-top ul li p{
    font-size: 13px;
  }
}