/* mobile styles */

iframe {
	max-width: 100%;
}

.slicknav_menu {
	display: none;
}

nav#mobile-nav {
	display: none;
}

@media screen and (max-width: 1100px) {
	.grid {
		width: auto;
		margin: 0 15px;
	}

	#header-right {
	    float: right;
	    width: 750px;
	}

	ul.translation-links {
		display: none;
	}

	/* page */

	#content {
		width: 72%;
	}

	#sidebar {
		width: 23%;
	}
	#middle-image {
	    width: 100%;
	}
	#middle > .grid {
		margin: 0;
	}

	#online-banking.default-folded {
		left: 15px;
	}
}

@media screen and (max-width: 1065px) {
	nav#main-nav a {
		font-size: 17px;
	}

	nav#main-nav div > ul > li ul {
		width: 180px;
		top: 26px;
	}

	nav#main-nav li li a {
		width: 180px;
	}

	nav#main-nav > div > ul > li {	
		margin-left: 7px !important;
	}

	#header-right {
	    float: right;
	    width: 660px;
	}
	#top {
	    margin-top: 10px;
	    float: right;
	}
}

@media screen and (max-width: 975px) {
	nav#main-nav a {
		font-size: 15px;
	}

	nav#main-nav div > ul > li ul {
		width: 160px;
		top: 24px;
	}

	nav#main-nav li li a {
		width: 160px;
	}

	nav#main-nav > div > ul > li {	
		margin-left: 4px !important;
	}

	#header-right {
	    float: right;
	    width: 580px;
	}
	#top {
	    margin-top: 10px;
	    float: right;
	}
	nav#top-nav a {
	    padding: 5px;
	    font-size: 13px;
	}
	nav#top-nav li.apply-loan a {
	    text-decoration: none;
	    padding: 2px;
	    margin: 0 5px 0 5px;
	}
	form#search-form input[type="text"] {
		width: 100px;
	}
	.slide-content,
	.flex-nav ol {
	    width: 670px;
	}
}

@media screen and (max-width: 900px) {
	/* initiate mobile menu */
	.slicknav_menu {
		display: block;
	}

	nav#top-nav,
	nav#main-nav {
		display: none;
	}

	#header-right {
		width: auto;
	}

	/* header */

	header#main-header {
		position: relative;
		margin: 0px;
	}

	/* online banking */

	#slideshow > .grid,
	#middle > .grid {
		margin: 0 auto;
	}

	#online-banking.default-folded {
	    left: 0;
	}

	#online-banking {
		position: relative;
		width: auto;
		top: 0;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}

	/* fixed header styles */

	header#main-header.fixed {
		background: rgba(255,255,255,.82);
		padding: 18px 0 20px;
		position: relative;
		width: 100%;
		z-index: 900;
		box-shadow: none;
	}

	header#main-header h1 a {
		width: 197px;
		height: 62px;

	}

	header#main-header.fixed #top {
		margin: 10px 0 0;
	}

	/* slideshow */

	.slide-content {
		width: auto;
		float: none;
	}

	.flex-nav ol {
		width: auto;
		float: none;
	}

	/* middle boxes */

	.flex {
		flex-wrap: wrap;
	}
	
	ul#middle-boxes {
		padding: 30px 30px 10px 30px;
	}

	ul#middle-boxes > li {
	    width: 49%;
	    margin-bottom: 30px;
	    border: none !important;
	}

	ul#middle-boxes > li:nth-child(even) {
		float: right;
		border-right: none;
	}

	#video-content {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -85px 0 0 -240px;
		width: 480px;
		height: 170px;
	}

	#read-article {
		display: block;
	    height: 170px;
	    width: 170px;
	    position: relative;
	    left: auto;
	    top: auto;
	    margin-left: 0;
	    margin-top: 0;
	    float: left;
	    margin: 0;
	}

	h3#video-title {
	    position: relative;
	    left: auto;
	    margin-left: 0;
	    top: auto;
	    width: 300px;
	    line-height: 50px;
	    color: #fff;
	    text-shadow: 0 5px 18px rgba(0,0,0,.75);
	    float: right;
	    margin: 10px 0 0 0;
	    clear: none;
	}

	/* page */

	#content {
		width: auto;
		float: none;
	}

	#sidebar {
		width: auto;
		float: none;
	}
}

@media screen and (max-width: 650px) {
	
	/* slideshow */

	a .slide-content h2, .slide-content h2 {
	    font-size: 24px;
	    line-height: 26px;
	}

	a .slide-description, .slide-description {
	    font-size: 17px;
	    line-height: 20px;
	}

	.sc-wrapper {
	    position: absolute;
	    bottom: 40px;
	}

	.flex-nav {
	    margin-top: -69px;
	}
	
	/* portlets */

	ul#portlets li {
	    width: 100%;
	    float: none !important;
	    margin-bottom: 20px;
	}

	#footer-left {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}

	#footer-right {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 480px) {
	#header-left {
		width: auto;
		float: none;
	}

	header#main-header h1 {
		text-align: center;
		line-height: 0;
	}

	header#main-header h1 a {
		display: inline-block;
	}

	#header-right {
		display: none;
	}

	form#search-form {
		display: none;
	}

	/* slideshow */

	a .slide-content h2, .slide-content h2 {
	    font-size: 20px;
	    line-height: 22px;
	}


	/* middle boxes */
	
	ul#middle-boxes {
		padding: 15px 15px 10px 15px;
	}

	ul#middle-boxes > li {
	    width: 100%;
	    margin-bottom: 30px;
	    border: none !important;
	}

	#video-content {
		width: 370px;
		margin: -85px 0 0 -185px;
	}

	h3#video-title {
	    font-size: 35px;
	    width: 200px;
	}



	.fr-col {
		width: 100%;
		float: none;
	}
}

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