@media screen and (max-width : 980px){
  .right {
     width:100% !Important;
  }

  .header .right {
      padding-top:5px;
      text-align:right;
  }

   .main .left {
      width:50%;
   }

}

@media screen and (max-width : 580px){
    .header .left ,.header .right {
      padding-top:5px;
      text-align:center;
  }

   .main .left {
      width:99%;
   }
}