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

  .portfolio .item.text {
    width: 43%;
  }
}
@media(max-width:1024px){
  .text-top p {
    font-size: 2.6em;
  }
  #banner .wrap .block h2 {
    font-size: 3rem;
  }
}
@media(max-width:768px){
  .portfolio .item img {
    width: 80%;
  }
  .portfolio .item {
    width: 100%;
    display: block;
  }
  .header {
    position: relative;
  }
  .wrapper {width: 100%;"margin: 0 auto;position: relative;/* left: 11px; */}
  .portfolio .call-bottom ul {text-align: center;}
  .portfolio .call-bottom li {
    display: inline-block;
    width: 49%;
  }
  .header h1 {
    font-size: 1.7rem;
  }
  .portfolio .call-bottom li p {text-align: left;}
  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 {
    display: block;
    width: 100%;
  }
  .call-to-action ul strong {font-size: 3vw;}

  .call-top ul li {
    font-size: 14px;
  }
}
@media(max-width:640px) {
    .portfolio .item img {
    width: 100%;
  }
  .portfolio .call-bottom ul {text-align: left;}
  .portfolio .call-bottom li {
    display: block;
    width: 100%;
    text-align: left;
  }
  .about p {
    font-size: 4vw;
    line-height: unset;
    padding-bottom: 35px;
  }
 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;
  }
  .header h1 {
    font-size: 1.8rem;
  }
  #banner .wrap .block {
    margin: 0;
    left: 0;
  }
}
@media(max-width:480px) {
  .header .header-text{
    display: block;
    width: 100%;
    text-align: center;

  }
  #top.header nav ul  {
    display: block;
    width: 100%;
    text-align: center;
  }
  body header .text-vertical-center h1 {font-size: 2.5em;}
   body header .text-vertical-center p {font-size: 1.5em;margin-top: 30px;}
   .text-wrap h1{
    font-size: 6vw;
   }
  body .text-top p{
    font-size: 1.3em;
  }
  header .text-vertical-center h2 {
    font-size: 5.3vw;
  }
  .text-vertical-center h1 {
    font-size: 2.2em;
  }
  .call-to-action ul li p {
    font-size: 3vw;
  }
 
  .portfolio li p {
    font-size: 15px;
  } 
   .call-top ul li {
    font-size: 14px;
  }
}

@media(max-width:380px) {
  .portfolio .item.text header p{
  color: #b17200;
  font-style: oblique;
  font-size: 1.3rem;
}
.portfolio .item.text header h3 {
  font-size: 2.9rem;
  font-weight: bold;
  color: #444;
}
.portfolio .item.text footer p {
  font-size: 1.2rem;
  color: #555;
}
  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;
  }
}