@media screen and (max-width: 1270px) {

 .header div,
 ._container {
  width: 70%;
 }
 
 .form-group input[type="text"] {
 }
 
 .form-group select {
 }
 
 .banner {
  max-width: 100%;
  height: auto; 
 }
 
 .secondary-image {
  max-width: 100%;
  height: auto; 
 }

.column {
  float: left;
  width: 25%;
  padding: 5px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

}

@media screen and (max-width: 960px) {

 .form-group input[type="text"] {
  width: 89.3%;
 }
 
 .form-group select {
 }

}

@media screen and (max-width: 770px) {

 .header div,
 ._container {
  width: 90%;
  }
  
 
 .header .category {
  float: right;
 }
 
 
 
 .banner {
  display: none;  
 }
 
 .col-first ,
 .col-last {
  float: none;
  width: 100%;
 }
 
 .col-first  {
  padding-bottom: 0;
 }
 
 .form-group input[type="text"] {
  width: 94%;
 }

}

@media screen and (max-width: 670px) {

 .form-group input[type="text"] {
  width: 95%;
 }

 .form-group select {
  width: 99%;
 }

}

@media screen and (max-width: 500px) {

 .form-group input[type="text"] {
  width: 91%;
 }

 .form-group select {
  width: 97%;
 }
 
}

@media screen and (max-width: 400px) {

 .footer ul li {
  float: none;
  margin-bottom: 5px;
 }

}