/*
	Breakpoints
	Tablets: >=768px; 
	Phone: <768px 
*/

/* Tablets: >=768px */
@media (min-width: 767px) and (max-width: 991px) {
	#mainnav {
		/* width: 774px; change by Tri 2015-01-15 */
		width: calc(100% + 50px); 
	}
	.gallery-container li {
		width: 288px;
	}
	.right-box ul {
		padding-left: 0;
	}

}


/* Phone: <768px */
@media (max-width: 767px) {
	#header {
		width: 100%;
		margin-top: 38px;
	}
	.container {
		width: 100%;
	}
	.row {
		margin: 0;
	}
	div[class*="col-"] {
		width: 100%;
	}
	
	.right-box {
		position: relative;
		width: 100%;
		z-index: 1;
		margin-top: -15px;
	}
	.right-box ul {
		padding: 0;
	}
	.right-box li {
		display: inline-block;
	}
	.right-box > ul > li {
		width: 100%;
	}
	.right-box .language {
		margin: 0 0 5px;
	}
	#country-select {
		top: 10px;
	}
	
	.archives .content {
		text-align: center;
	}

	.box-schedule {
		margin-top: 10px;
	}
	.box-schedule .row {
		margin-left: -10px;
		margin-right: -10px;
	}


	/* menu */
	#mobilenav {
		position: fixed;
		display: block;
	
		background: rgba(254,254,254,1);
		background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(238,233,223,1)));
		background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eee9df', GradientType=0 );

		-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.5);
		box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.5);

		width: 100%;
		height: 35px;
		padding: 5px;
		z-index: 9999;
	}
	#mobilenav ul {
		list-style: none;
		padding: 0;
	}

	#mobilenav li {
		display: inline-block;
		float: left;
		width: 50%;
	}
	
	.menu-btn {
		/*background: url(../images/mnu.png) no-repeat;*/
		width: 30px;
		height: 25px;
		position: absolute;
		display: block;
		top: 3px;
		cursor: pointer;
	}

	.menu-tab {
		width: 30px;
		height: 25px;
		position: absolute;
		display: block;
		top: 3px;
		cursor: pointer;
		right: 5px;
	}

	#nav-tab {
		display: none;
		position: fixed;

		background: rgba(254,254,254,1);
		background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(238,233,223,1)));
		background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eee9df', GradientType=0 );

		width: 100%;
		top: 35px;
		height: auto;
		z-index: 999;
		/*margin-left: -25px;*/
		/*margin-top: 35px;*/
		

		-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.7);
		-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.7);
		box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.7);
	}

	#nav-tab li {
		float: none;
		width: 100%;
	}

	#nav-tab ul>li a {
		color: #777;
	}

	#mainnav {
		display: none;
		position: fixed;
		margin-top: 35px;

		background: rgba(254,254,254,1);
		background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(238,233,223,1)));
		background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(238,233,223,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eee9df', GradientType=0 );

		width: 100%;
		height: auto;
		top: 0;
		z-index: 100;
		margin-left: -25px;

		-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.7);
		-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.7);
		box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.7);
		
	}
	#mainnav ul>li {
		float: none;
		width: 100%;
		border-top: 1px solid #ccc;
	}

	/* footer */
	.footer-top .col-logo {
		/*border: none;*/
	}

	.footer-top .col-logo .logo img {
		/*max-width: 100%;*/
	}

	.footer-top .col-nav {
		/*display: none;*/
	}
}