/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
	header .logo {
		width: 300px;
	}

    header .menu ul#main-menu li {
	    margin-right: 1rem;
	}
}





/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	header .logo {
		width: 250px;
	}
}





/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
	header .logo {
		width: 200px;
	}

	header .menu {
		width: 100%;
		text-align: center;
	}

	header .menu nav {
		display: none;
	}

	header .menu ul.login-menu {
		margin-bottom: 0;
	}

	header .mobile-menu {
		display: block;
		margin-right: 10px;
	}

	.slicknav_menu {
	    background: none;	
	    padding: 0;
	}

	.slicknav_btn {
	    margin: 0;
	    text-shadow: none;
	    background-color: transparent;
	}

	.slicknav_menu .slicknav_icon-bar {
	    background-color: #0072ce;
	    width: 35px;
		height: 3px;
		box-shadow: none;
	}

	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
		margin-top: 7px;
	}

	.slicknav_nav {
		background: #00148c;
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		z-index: 1;
	}

	#about-section {
	    padding: 50px 0;
	}

	footer .footer-logo {
	    width: 200px;
	}

	.gallery .thumbnail {
		width: 100px;
		height: 100px;
	}

	.highlight {
		margin-top: 25px;
	}

	.highlight .image-box {
		width: 30%
	}

	.highlight .text-box {
		width: 70%;
		font-size: 14px;
	}
}





/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 576px) and (max-width: 767px) { 

}