@media only screen and (min-width: 992px) and (max-width: 1200px) {
	header .menu li {
		margin-right: 16px;
	}

	.events .info-events {
		margin-bottom: 70px;
	}
	.owl-stage-outer{
		width: 94.5%;
	}
	
}

@media only screen and (min-width: 992px) {
	.side_bar, .logo-mobile, nav, .search_m{
		display: none;
	}
	
	ul.record{
	    text-align: center;
	    background-color: #42a7fa00;
	    box-shadow: inset 0px 1px 1px 1px #304bd100;
	    border-radius: 5rem;
	}
	
}

@media only screen and (max-width: 991px) {
	h1,h2,h3,h4,h5,h6 {
		line-height: normal;
	}
	.wrapper{
		background-image:none;	
	}
	header {
		padding: 29px 0;
		background-image:none;
		background-color: #f4f9fd;

	}
	header > .container {
		display: none;
	}
	header.index {
		position: fixed;
		top:0;
		display: flex;
		padding: 0;
		height: 58px;	
		background-color: #142a63;
		/* Old browsers */
		background: -moz-linear-gradient(to bottom, #142a63 0%,#36529c 50%,#4b6dc7 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(to bottom, #142a63 0%,#36529c 50%,#4b6dc7 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #142a63 0%,#36529c 50%,#4b6dc7 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1628', endColorstr='#0c1628',GradientType=0 );
		/* IE6-9 */
	}
	header.index.active {
		height: 100%;
		background-color:transparent;
	}
	
	/* Logo */
	header .logo-mobile{
		/* text-align: center; */
		/* display: inline-block; */
		/* position: absolute; */
		/* top: 10px; */
		/* left: 50%; */
		/* margin-left:-90px; */
		text-align: center;
		position: fixed;
		width: 100%;
		margin: 0px;
		padding: 8px 0 0;
	}
	header .logo-mobile img{
		/* max-width: 190px; */
		/* width:80%; */
		max-width: 210px;
		margin-top: -5px;
	}
	
	/* Logo on the mobile's menu */
	.mobile-menu .logo {
		display:none;
	}
	
	/* mobile brands's menu 的小漢堡 */
	.mobile-menu-brand-btn{
		display:inline-block;
	}
	header .side_bar{
		font-size: 25px;
		color:#ffd89b;
		text-decoration: none;
	}
	header .search_m{
		text-decoration: none;
	}

	/* mobile brands's menu */
	#menu-brand {
		display:block;
	}
	#menu-brand .slideOUT {
		-webkit-transition:all 0.3s ease-out;
		-webkit-transform: translate3d(550px,0px,0px);
		transform: translate3d(550px,0px,0px);
	}
	.section_1 .event_logo{
		margin-top: 58px;
		width: 60%
	}
	
	.events .info-events {
		margin-bottom: 50px;
	}
	.form-group{
		margin-bottom: 0;
	}
	.form-group input{
	  width:180px;
	}

	.codeRight, .codeLeft{
		display:none;
	}
	
	.account_field{
		width: inherit;
	}
	.owl_container{
		overflow: hidden;
	}
	.owl-stage-outer{
		width: 92.5%;
	}
	.owl-carousel .item{
		width:114px;
	}
	.owl-theme .owl-nav [class*=owl-]{
		width: 1.8rem;
		margin-top: -1.4px;
		height: 166px;
		line-height: 166px;
	}
}

@media only screen and (max-width: 768px) {
	.events .container{
	  padding-left: 15px;
	  padding-right: 15px;
	} 
	.info-events {
		padding: 50px 30px 20px 30px;
	}
	.info-events ul .custom-btn {
		padding: 10px 20px;
		font-size: 16px;
	}
	.info-events ul li {
		background-size: 7%;
	}
	.info-events ul.right .button {
		text-align:center;
		margin-left: -16px;
	} 
	
	.inside h4{
	 	font-size: 18px;
	}


	.account_field .form-inline{
		width: 90%;
	}
	.account_field .form-inline .btn{
		width: 100%;
	}
	.account_field .form-group{
		width:100%;
	}
	.form-inline .form-group ul{
		display: inherit;
	}
	.account_field ul li .verifyimg{
		top:40%;
		right:0;
	}
	.account_field label{
	  display: none;
	}
	.account_field ul li input{
	    width:100%;
	}
	.popbox, .popbox2 {
		width: 95%;
		margin: 10px;
		margin-top: 9vh;
		top:inherit;
		left:inherit;
		padding-bottom:20px;
	}
	ul.record{
		padding:0 20px;
	}
	.owl-stage-outer{
		width: 100%;
	}
	
	.owl-carousel .item h4{
		font-size: 1rem;
	}
	.owl-carousel .item h4.signed img{
	   width: 40%;
	   margin:.8rem auto;
	}
	.modal-body .reward{
		font-size: 1.6rem
	}
	
}
@media only screen and (max-width: 480px) {
	
	.events h2 {
		font-size: 24px;
	}
	.info-events {
		padding: 10px 15px 10px 15px;
	}
	.info-events ul {
		width: 100%;
		float: none;
	}
	.info-events ul.right {
		padding-left: 0;
	}
	.info-events ul li {
		background-size: 8%;
	}
	.events {
		margin-bottom: 0;
	}
	table{
		width:90%;
	}
	.table-bordered>thead>tr>th{
		font-size: 12px;
		padding:4px;
	}
	.modal_title h1{
		font-size: 20px;
	}

	.popbox .popbox-nr{
		width:inherit;
	}
	.popbox .popbox-nr li{
		width:100%;
	}
	.popbox .popbox-nr .wby1 {
	  width:100%;
	}
	.popbox .popbox-nr p{
		display:none;
	}
	.popbox .verifyimg{
	  position: absolute;
	  right: 10px;
	  top:7px;
	}
	.modal-body{
		padding:15px 2px;
	}

}



@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 414px) 
and (orientation : portrait) { 
	.popbox, .popbox2 {
		width: 95%;
		margin: 10px;
		margin-top: 9vh;
		top:inherit;
		left:inherit;
		padding-bottom:20px;
	}
	.modal_title .hr_left{
		 width:50px;
	}
	.modal_title .hr_right{
		 width:50px;
	}
	.table-bordered>tbody>tr>td{
		font-size: 12px;
	}
	.owl-carousel .item{
		width:84px;
	}
}




/*iphone5*/
@media only screen and (min-device-width : 319px) and (max-device-width : 320px) { 
	
	.info-events{
		padding:10px ;
	}
	.popbox, .popbox2 {
		width: 98%;
		margin: 10px 3px;
		margin-top: 9vh;
		top:inherit;
		left:inherit;
		padding-bottom:20px;
	}
	.modal_title .hr_left{
		 width:30px;
	}
	.modal_title .hr_right{
		 width:30px;
	}
	.neir{
		padding:10px 5px;
	}
	.table-bordered>thead>tr>th{
		font-size: 12px;
	}
	.table-bordered>tbody>tr>td{
		font-size: 12px;
		padding:6px;
	}
	.owl-carousel .item{
		width:78px;
	}
	
}

@media only screen and (min-width: 1200px) {
  .container {
    width: 1050px;
  }
  .container.small {
    width: 1020px;
  }
	.mobile-aside-menu{display:none;}
	#TOP h3{display:none;}
	#MENU{display:none;}
}