/*
 * RESPONSIVE UI FOR RDC
 * Kathmandu University Research, Development and Consultancy.
 *
 * GRIDS BASED ON 1200PX, 960PX, 720PX, 480PX, 320PX.
 * HILSON SHRESTHA | http://hilsonshrestha.com.np
 * ROHIT SHRESTHA  | http://shrestharohit.com.np
 */
@media screen and (max-width: 1199px) {
	.mid {
		width: 960px;
	}

	#brand {
		width: 220px;
	}

		#kurdclogo {
			width: 138px;
		}

		#kurdcText {
			margin-left: 0px;
		}

	#navBrand {
		width: 240px;
	}

		#navBrandkurdclogo {
			width: 162px;
		}

	#pageNav ul.navBar {
		margin-left: 250px;
	}

		#pageNav ul.navBar li:last-child a {
			width: 80px;
		}

		#searchBar {
			width: 150px;
		}

	#leftBar {
		width: 220px;
	}

		#leftBar .slider ul li {
			width: 220px;
		}


	.page {
		width: 720px;
	}

		.articleHolder {
			width: 560px;
		}


	#rightBar {
		width: 160px;
	}

		#rightBar ul {
			font-size: 13px;
		}

	.readContent {
		width: 480px;
	}

	footer .fnav {
		width: 160px;
	}

	footer .fnav:nth-child(3) {
		width: 240px;
	}

}

@media screen and (max-width: 959px) {
	body {
		font-size: 13px;
	}

	.mid {
		width: 720px;
	}

	#pageNav ul.navBar {}

		#pageNav ul.navBar li a {
			width: 80px;
		}

		#pageNav ul.navBar li:first-child a {
			width: 60px;
		}

		#searchBar {
			width: 150px;
		}
	
	.page {
		width: 480px;
	}
		.articleHolder {
			width: 480px;
		}

			.articleHolder .coverImage {
				margin-right: 10px;
			}


		.readContent {
			width: 460px;
		}
	
		#rightBar {
			float: none;
			clear: both;
			width: 100%;
			border: none;
			padding-right: 0;
			box-sizing:border-box;
			min-height: 0;
			position: relative;
		}
			#rightBar h2 {
				margin-top: 5px;
			}

		#rightBar .latest {
			width: 240px;
			box-sizing:border-box;
			float: left;
			padding: 10px;
		}

		#rightBar .latest + .latest {
			border-left: 1px dotted #ddd;
		}

	footer .fnav {
		width: 80px;
	}

	footer .fnav:nth-child(3),
	footer .fnav:nth-child(4) {
		width: 160px;
	}
}

@media screen and (max-width: 719px) {
	.mid {
		width: 480px;
	}

	#brandContainer {
		z-index: 1;
		margin-top: 36px;
	}

		#brand {
			position: relative;
			width: 480px;
			margin: 0;
			background: transparent;
			border: 0;
			height: auto;
		}

			#kulogoContainer {
				position: relative;
				margin: 0 0 0 10px;
				border: 1px solid #ddd;
				background-color: #eee;
				float: left;
				height: auto;
			}

				#kulogo {
					width: 129px;
					height: 129px;
				}

			#kurdclogo {
				position: relative;
				float: left;
				left: auto;
				background-color: #eee;
				width: 378px;
				width: 309px;
				border-right: 1px solid #ddd;
				border-left: 0;
			}
			#kurdcText {
				margin: 0;
				float: left;
				height: 71px;
				width: 309px;
				background-color: #eee;
				border-bottom: 1px solid #ddd;
				border-right: 1px solid #ddd;
				box-sizing: border-box;
				font-size: .9em;
			}

	#navBrand {
		display: none;
	}

		#pageNav ul.navBar {
			margin-left: 0;
		}
		#pageNav ul.navBar li:first-child a {
			width: 70px;
		}

	.articleHolder{ }

		.articleHolder .coverImage {
			margin: 0 10px;
		}

		.readContent {
			padding: 0;
		}


	#leftBar {
		padding-top: 0;
		width: 460px;
		border-top: 1px dotted #ddd;
	}

		#leftBar .slider ul li {
			width: 460px;
		}


	#footerBrandContainer {
		float: none;
		width: 460px;
		clear: both;
		margin: 0 10px;
		border: 1px solid #ddd;
	}
		#footerkulogo {
		    margin-top: 36px;
			width: 100%;
		}

		#footerkurdclogo {
			height:60px;
			width: 100%;
			background-position: center;
		}
}

@media screen and (max-width: 479px) {
	#brandContainer {
		margin-top: 10px;
	}

	.mid {
		width: 320px;
		overflow: hidden;
	}

	#kulogo {
		width: 277px;
		box-sizing: border-box;
	}
	#kurdclogo {
		width: 299px;
		clear: both;
		margin-left: 10px;
		background-position: center;
		border-left: 1px solid #ddd;
	}
	#kurdcText {
		margin-left: 10px;
		width: 299px;
		border-left: 1px solid #ddd;
		text-align: center;
	}


	#pageNav {
		position: relative;
		background: transparent;
		border: 0;
		margin: 36px 0 0;
		height: 72px;
	}
	
		#pageNav ul.navBar {
			padding: 0;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			width: 300px;
			margin-left: 10px;
		}
		
		#pageNav ul.navBar li:last-child a {
			width: 70px;
			border-right: 1px solid #ddd;
		}
		
		#searchBarContainer {
			position: relative;
			clear: both;
			right: auto;
			margin-left: 10px;
		}

		#searchBar {
			width: 300px;
			clear: both;
			float: none;
			position: relative;
			background: #eee;
			border-bottom: 1px solid #ddd;
		}

	.page {
		width: 320px;
	}

		.articleHolder {
			width: 320px;
		}

		.readContent {
			width: 300px;
		}

		#rightBar .latest {
			width: 160px;
			box-sizing:border-box;
			float: left;
			padding: 10px;
		}

	#leftBar {
		width: 300px;
	}

		#leftBar .slider ul li {
			width: 300px;
		}

	footer .fnav {
		width: 160px;
	}

	footer .fnav:nth-child(3) {
		clear: both;
	}

		#footerBrandContainer {
			width: 300px;
		}
}