/* CSS Document */

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




}

@media screen and (max-width: 600px){
	.container_main{
		flex-direction: column;/*縮小時由列改成欄(橫式改直式)*/
		}
	.main_left{
		max-width: 100%;
		order:2;/*顯示順序*/
		}
	.main_right{
		order:1;/*顯示順序*/
		}



}
@media only screen and (max-width: 700px) {
  header .top {
    overflow: auto;
    background-color: #0c0c0e;
    height: 70px;
  }
  header .top.scrolled .logo {
    margin: 0 auto;
  }
  header .top .logo{
    display: block;
    margin: 15px  5px 7px 5px;
    float: left;
  }
  header .top .right-wrapper {
    margin: 15px 5%;
  }
  header .top .right-wrapper .app-name-wrapper .app-name{
  display:none;
  }
  
  header .top .right-wrapper .app-name-wrapper, .header .top .right-wrapper .profile-pic{
    display: display;
  }
  .header .navbar {
    height: 50px;
    overflow: hidden;
  }
  header .navbar .hamburger-menu {
    margin-top: 18px;
  }
  header .navbar .search-wrapper {
    padding: 6px 16px;
  }
  header .navbar .search-wrapper .search-icon {
    top: 19px;
    right: calc(5% + 24px);
  }
  header .navbar .navbar-item {
    padding: 16.5px 27px;
  }
}

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


}