/*================================ 
    #RESPONSIVE CSS 
====================================*/

/* Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {


}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

  .side {
    padding: 50px 50px 50px 35px;
    width: 320px;
  }

  .side .close-side {
    top: -25px;
  }


}

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

  /* global reset - start */
  .order-last {
    order: 0;
  }
}


/* Custom layout. */
@media only screen and (max-width: 500px) {
 

}