@media screen and (max-width: 1100px)
  .container
    display:block

  .main-panel
    padding: 35px !important
    flex-direction: column
    .col-first
      width: 100% !important
      .content
        width: 100% !important
    .col-second
      width: 100% !important
      .content
        width: 100% !important
    .col-third
      width: 100% !important
      .content 
        width: 100% !important

    .vertical-seperator
      -ms-transform: rotate(90deg)
      -webkit-transform: rotate(90deg)
      transform: rotate(90deg)

@media screen and (max-width: 768px)
  .header
    flex-direction: column !important
    margin-bottom: 50px

@media screen and (max-width: 550px)
  .profile
    flex-direction: column !important