/*extra small*/
@media (max-width:768px) {
  #banner .logo img {
    width:40%;
    margin: auto;
    padding-left:95px;
    display: block;
  }
  #banner .head {
    width: 70%;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 50px;
    display: block;
  }
  #banner .head img {
    width: 110%;
    margin-left:0%;
  }
  #banner-short .logo img {
    width: 45%;
    margin: auto;
    padding-left:100px;
    display: block;
  }
}
/*extra small end*/

/*small*/
@media (min-width:768px) {
  #banner .logo img {
    width:30%;
    margin: auto;
    padding-left:95px;
    display: block;
  }
  #banner .head {
    width: 70%;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 50px;
    display: block;
  }
  #banner .head img {
    width: 110%;
    margin-left:0%;
  }
  #banner-short .logo img {
    width: 30%;
    margin: auto;
    padding-left:100px;
    display: block;
  }
}
/*small end*/

/*medium */

@media (min-width:992px) {
  #banner .logo img {
    width: 24%;
    margin: auto;
    padding-left:95px;
    display: block;
  }
  #banner .head {
    width: 50%;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 50px;
    display: block;
  }
  #banner .head img {
    margin-left: -10%;
  }
  #banner-short .logo img {
    width: 25%;
    margin: auto;
    padding-left:100px;
    display: block;
  }
}
/*medium end*/

/*large*/

@media (min-width:1200px) {
  #banner .logo img {
    width: 20%;
    margin: auto;
    padding-left:100px;
    display: block;
  }
  #banner .head {
    width: 50%;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 50px;
    display: block;
  }
  #banner .head img {
    width: 90%;
    margin-left: 8%;
  }
  #banner-short .logo img {
    width: 20%;
    margin: auto;
    padding-left:100px;
    display: block;
  }
  #banner-short .head {
    width: 50%;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 50px;
    display: block;
  }
  #banner-short .head img {
    width: 90%;
    margin-left: 8%;
  }
}
/*large end*/