/* CSS Document */

@media screen and (max-width:1200px){
	
	#content .boxes .box figure {
		height: 218px;
	}
	
	#sheet .video,
	#sheet .rwmb-map-canvas {
		height: 345px !important;
	}
	
}

@media screen and (max-width:992px){
	
	#header .nav > li > a {
		padding-left: 9px;
		padding-right: 9px;
	}
	
	#sheet .sidebar-box {
		margin: 0;
	}
	
}

@media screen and (max-width:768px){
	
	#header .navbar {
		min-height: 0;
	}
	
	#main-menu li {
		display: block;
	}
	
	#main-menu li a {
		display: block;
		text-align: center;
	}
	
	#main-slider {
		margin: 83px 0 0 0;
	}
	
	#main-slider .owl-dots {
		bottom: 9px;
	}
	
	#content .small-header h1 {
		font-size: 30px;
	}
	
	.section {
		padding: 40px 0;
	}
	
	.section h2 {
		font-size: 29px;
	}
	
	.section p,
	#sheet p{
		font-size: 14px;
		line-height: 21px;
	}
	
	#sheet .video, #sheet .rwmb-map-canvas {
		height: 300px !important;
	}
	
	#sheet .map,
	#sheet .rwmb-map-canvas {
		height: 300px !important;
	}
	
	#sheet .sidebar-box {
		position: relative !important;
		margin: 20px 0 0 0;
	}
	
}


@media screen and (max-width:500px){
	
	#main-slider .title {
		top: 0;
	}
	
	#main-slider .title h1 {
		font-size: 36px;
	}
	
	#main-slider .title h3 {
		font-size: 20px;
	}
	
}