@media only screen and (min-width: 400px) {
  .full-width-header{
    height:100%;
    width:100%;

  }
}

@media only screen and (max-width: 400px) {
  .full-width-header{
    height:100%;
    width:100%;

  }
}
@media only screen and (min-width: 400px) {
  .piitlogor{
    height:100%;
    width:100%;

  }
}

@media only screen and (min-width: 400px) {
    .banner1{
    height:300px;
    width:100%;

  }
}

@media only screen and (max-width: 400px) {
    .banner1{
    height:500px;
    width:100%;

  }
}






@media only screen and (min-width: 480px) {
  .full-width-header{
    height:100%;
    width:100%;
  }
}


@media only screen and (max-width: 1200) {
  .full-width-header{
    height:100%;
    width:100%;
    background-color: red;
  }
}