
@media(max-width:1024px){
  .text-top p {
    font-size: 2.6em;
  }
}
@media(max-width:768px){
  body header .text-vertical-center h1 {
    font-size: 3.8em;
  }
  .text-top p {
    font-size: 2em;
  }
  .portfolio p {text-align: center;}
  .portfolio .call-bottom-wrap {
    padding-top: 40px;
  }
  .call-bottom-wrap {text-align: center;}
  .call-to-action ul.call-bottom li {
    text-align: left;
    display: block;
    width: 100%;
  }

  .text-vertical-center h1 {
    font-size: 4em;
  }
  .call-top ul li {
    font-size: 14px;
  }
}
@media(max-width:640px) {
 body header .text-vertical-center h1 {
    font-size: 3em;
    padding: 0 10px;
  }
  body header .text-vertical-center p {font-size: 2.5em;}
  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) {
  body header .text-vertical-center h1 {font-size: 2.5em;}
   body header .text-vertical-center p {font-size: 1.5em;margin-top: 30px;}
  body .text-top p{
    font-size: 1.3em;
  }
  .text-vertical-center h1 {
    font-size: 2.2em;
  }
  .call-to-action ul li p {
    font-size: 1.2em;
  }
 
  .portfolio li p {
    font-size: 15px;
  } 
   .call-top ul li {
    font-size: 14px;
  }
}

@media(max-width:380px) {
  body header .text-vertical-center h1 {
    font-size: 1.8em;
  }
  body header .text-vertical-center p {font-size: 16px;}
  .text-vertical-center h1 {
    font-size: 2em;
  }
   .emi {
    font-size: 13px !important;
  }
  .call-top ul li p{
    font-size: 13px;
  }
}