/* #Table of Contents

1. Site Styles
2. Header
3. Navigation
4. Main
5. Slider
6. Homepage
7. Pages
8. Pricing Tables
9. Posts
10. Portofolios
11. Teams
12. Author Page
13. Contact Page
14. 404 Page
15. Sidebar
16. Footer
17. Bottom
18. CSS Hacks
19. Tabs
20. Icon Packs
21. Overlay Images
22. Input Icon
23. Media Queries
================================================== */





/* ========================= 1. Site Styles ========================= */

/* Page Styles */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

.edgeLine {
	height:10px;
	background-color:#fff;	
}

.sepBorder {
	clear:both;
	display:block;
	height:8px;
	width:100%;
	background:url(../images/sepBorder.png) repeat-x left top;
}

.sepSidebar {
	clear:both;
	display:block;
	height:1px;
	background-color:#EBEBEB;
	width:100%;
	margin:40px 0px;
}

.clearfix {
	clear:both;
	visibility: hidden
	line-height: 0;
	height: 0;	
}

figure {
	background-color:#FFF;
	line-height:0;
	padding:2px;
	border:3px solid #efefef;
	position:relative;
}

	figure img {
		width:100%;
	}

.no-margin-top {
	margin-top:0px !important;	
}

.no-margin-bottom {
	margin-bottom:0px !important;	
}

.no-margin {
	margin:0px !important;	
}

.margin-top30 {
	margin-top:30px !important;	
}

.margin-bottom30 {
	margin-bottom:30px !important;	
}
	
/* Site Element Styles */
	
.meta {
	background-color:#f6f6f6;
	font-size:12px;
	color:#8e8e8e;
	padding:10px;
	display:inline-block;
	width:100%;
	font-family:'Droid Serif', serif;
	margin-bottom:10px;
}

.icon {
	padding-left:22px;
	text-align:left !important;
}

.input-icon {
	padding-right:55px;	
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

.embed {
	position: relative;
	padding: 0;
	padding-bottom: 56.25%;
	height: 56.25%;
	overflow: hidden;
}

/* Text Styles */

.smooth {
	color:#8e8e8e;	
}
	
.sharp {
	color:#444444;
}

.uppercase {
	text-transform:uppercase;	
}

.lowercase {
	text-transform:lowercase;	
}

.font-required {
	color:#f2472d;
}

/* Alingment Styles */

.aligncenter {
    display: block;
    margin: 0px auto 20px auto;
}

.alignright {
    float: right;
    margin: 10px 0 10px 10px;
}

.alignleft {
    float: left;
    margin: 10px 10px 10px 0;
}

.left { float:left;	}
.right { float:right; }
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }

/* Image Styles */

.text-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

	.text-caption img {
		margin: 0;
		padding: 0px 4px !important;
		border: 0 none !important;
		width:100%;
		background-color:transparent !important;
	}
	
		.text-caption p.text-caption-text {
			font-size: 11px;
			line-height: 17px;
			padding: 0 4px 5px;
			margin: 0;
		}
		
/* Dropcap */

.dropcaps {
	float: left;
	color: #3A3A3A;
	font-size: 3.25em;
	line-height: 1em;
	padding-right: 10px;
	padding-top:3px;
}

/* Table */

table tr td, table tr th {
	border:1px solid #EBEBEB;
	padding:5px 10px;
	text-align:left;
}

	table tr th {
		font-weight:bold;
		background-color:#F6F6F6;
		text-align:center;
	}

	table tfoot tr td {
		background-color:#FAFAFA;	
	}

/* Highlight */

.highlight {
	padding:0.125em 0.25em 0.125em 0.25em;
	background-color:#3ba2cb;
	color:#FFF;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;	
}

	.highlight.highlight_red {
		background-color:#f2472d;
	}
	
	.highlight.highlight_green {
		background-color:#17a335;
	}

/* FAQS */

.faqs {
	font-family: 'Droid Serif', Arial, sans-serif;
	color:#FFF;
	font-style:italic;
	background-color:#3ba2cb;
	padding:5px 10px;
}

/* Info Boxes */

.info-boxes {
	padding:10px;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;	
	font-family:'Droid Serif', serif;
	margin-bottom:10px;
	font-size:12px;
}

	.info-boxes.error {
		background-color:#f8d2cc;
		color:#fc3c3c;
		border:1px solid #ffb6ab;	
	}
	
	.info-boxes.success {
		background-color:#cff5cc;
		color:#36b42c;
		border:1px solid #93f786;	
	}
	
	.info-boxes.information {
		background-color:#cce5fb;
		color:#5674d7;
		border:1px solid #99c9f3;	
	}
	
	.info-boxes.warning {
		background-color:#fdf0ca;
		color:#c5ac67;
		border:1px solid #f5de9b;	
	}



/* ========================= 2. Header ========================= */

#header {
	background: #fff ;
}

/* Logo */

#header .logo {
	margin-top:0px;
}
		
	#header .logo h1 {
		font-size:3em;
		color:#f2472d;
		text-transform:uppercase;
		margin:0px;
		line-height:1em;
	}
	
	#header .logo h5 {
		font-family: 'Droid Sans', Arial, sans-serif;
		color:#8d8d8d;
		font-weight:bold;
		margin:0px;
	}
	
	#header .top_info {
		background:url(../images/baseTopInfo.png) no-repeat;
		font-size:0.925em;
		height:140px;
		margin-bottom:20px;
		font-family: 'Droid Serif', Arial, sans-serif;
		padding:5px 20px 0px 20px;
	}
	
		#header .top_info div {
			padding-top:8px;
			padding-bottom:8px;
			border-bottom:1px solid #EFEFEF;
		}
		
		#header .top_info div:last-child {
			border-bottom:0px;	
		}
		
		#header .top_info a {
			color:#2b59a1;	
		}
		
		#header .top_info a:hover {
			color:#268ab2;	
		}
		
		
		
/* ========================= 3. Navigation ========================= */

#nav_menu {
	background: #333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#2a2a2a));
	background: -moz-linear-gradient(top,  #393939,  #2a2a2a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#393939', endColorstr='#2a2a2a');
}

	#nav_menu ul {
		margin:0px;
		z-index: 100;
		border-left:1px solid #444;
		float:left;
	}

		#nav_menu ul li {
			float:left;
			margin:0px;
			position:relative;
			z-index: 9999;
		}
		
		#nav_menu ul li.active {
			background: #2c98c3;
			background: -webkit-gradient(linear, left top, left bottom, from(#188dbc), to(#3ba2cb));
			background: -moz-linear-gradient(top,  #188dbc,  #3ba2cb);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#188dbc', endColorstr='#3ba2cb');
		}
		
		#nav_menu ul li:hover > ul {
			display: block;
		}
		
			#nav_menu ul li a {
				color:#FFF;
				text-decoration:none;
				font-size:1em;
				float:left;
				padding:15px 25px;
				border-right:1px solid #444;
				-webkit-transition: background-color 0.2s ease-out;
				-moz-transition: background-color 0.2s ease-out;
				-o-transition: background-color 0.2s ease-out;
				-ms-transition: background-color 0.2s ease-out;
				transition: background-color 0.2s ease-out;
				text-align:center;
				text-transform:uppercase;
			}
			
				#nav_menu ul li a span {
					display:block;
					margin-top:5px;
					color:#c9c9c9;
					text-transform:lowercase;
					font-size:0.875em;
				}
			
			#nav_menu ul li a:hover {
				background-color:#3a3a3a;	
			}
			
			#nav_menu ul li.active a:hover {
				background-color:#2b59a1;
			}
			
			#nav_menu ul li.active ul li a:hover {
				background-color:#3a3a3a;
			}
			
/* Sub Navigation */
			
#nav_menu ul li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 150px;	
	background:url(../images/baseNav2.png) #313131 repeat-x;
	
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
		
	#nav_menu ul li ul li {
		border-bottom: 1px solid #404246;
		width:100%;
	}
		
	#nav_menu ul li ul li:last-child {
		border-bottom: none;
	}
		
		#nav_menu ul li ul li a {
			width:100%;
			text-align:left;
		}
		
		/* Submenu level 2 */
		#nav_menu ul li ul li ul {
			left: 100%;
			top: -1px;
			font-size:1em;
		}
		
	#nav_menu .selectnav {
		border: none;
		color: #6D6D6D;
		margin: 20px 0px;
		padding: 10px;
		width: 100%;
		display:none;
		background-color:#F9F9F9;
	}
		
		
			
/* ========================= 4. Main ========================= */

.main {
	margin:20px auto;
}

	.main .header {
		background-color:#3ba2cb;
		position:relative;
		text-align:center;
		height:16px;
		margin-bottom:50px;
	}
	
		.main .header h4 {
			text-transform:uppercase;
			background-color:#2b59a1;
			position: relative;
			display:inline;
			padding:10px 30px;
			top:8px;
			color:#FFF;
		}



/* ========================= 5. Slider ========================= */

.slider {
	text-align:center;	
}

	.slider > h2 {
		margin-bottom:20px;
	}

	.slider.flexslider ul.slides {
		margin:0px;
	}
	
		.slider.flexslider ul.slides li {
			position:relative;	
		}
			
			.slider.flexslider ul.slides li .text {
				position:absolute;
				bottom:5px;
				left:5px;
				right:5px;
				padding:15px;
				background:url(../images/baseSlider.png) repeat;
				color:#C1C1C1;
			}
			
				.slider.flexslider ul.slides li .text h4 {
					margin-bottom:5px;
					color:#FFF;
					font-size:1.25em;
					text-transform:uppercase;
				}
				
				.slider.flexslider ul.slides li .text p {
					margin-bottom:10px;	
				}
				
				.slider.flexslider ul.slides li .button {
					margin-bottom:5px;
				}
				
				.slider.flexslider ul.slides li .text a {
					color:#FFF;	
				}
				
				.slider.flexslider ul.slides li .text a:hover {
					color:#C1C1C1;	
				}
				
			
				.slider.flexslider ul.slides li .text2 h4 {
					background-color:#2E2E2E;
					color:#FFF;
					text-transform:uppercase;
					font-family:'Droid Serif', serif;
					padding:10px;
					-moz-border-radius:3px;
					-webkit-border-radius:3px;
					border-radius:3px;
					margin-bottom:10px;
					display:inline-block;
					margin-top:1px;
				}
				
				.slider.flexslider ul.slides li .text2 p {
					margin-bottom:10px;	
				}
			
			
				
/* ========================= 6. Homepage ========================= */

/* Features */

.features {
	display:inline-block;
	margin-top:60px;
	text-align:center;	
}

	.features img {
		margin-bottom:20px;	
	}
	
	.features h4 {
		margin-bottom:10px;
		text-transform:uppercase;
	}
	
	.features p {
		margin-bottom:10px;	
	}

/* Latest Projects */

.latest_projects {
	display:inline-block;
	margin-top:60px;
}

	.latest_projects .intro h4 {
		text-transform:uppercase !important;
	}
	
	.latest_projects p {
		font-size:13px;
		margin-bottom:10px;
	}
	
	.latest_projects ul, .latest_projects ul li {
		margin:0px;	
	}
	
		.latest_projects ul li {
			float:left;
			margin:0px 3px;
			height:228px !important;
			width:228px !important;
		}

/* Latest Post */

.latest_posts {
	display:inline-block;
	margin-top:60px;	
}

	.latest_posts .header h4 {
		font-size:1.125em;	
	}

	.latest_posts .intro h4 {
		text-transform:uppercase !important;
		font-size:1.125em;
	}
	
	.latest_posts figure {
		margin-bottom:10px;	
	}
	
	.latest_posts h4 {
		font-size:14px;	
	}
	
	.latest_posts p {
		font-size:13px;
		margin-bottom:10px;	
	}

/* Client Lists */

.client_lists {
	display:inline-block;
	margin-top:60px;
	width:100%;
	position: relative;
}

	.client_lists ul {
		margin:0px;
		text-align:center;
		border:1px solid #e1e5e9;
		background: #F9F9F9;
	}
	
		.client_lists ul li {
			margin:0px;
			display:inline-block;
			margin:20px 25px;
			position: relative;
		}
		
			.client_lists ul li img {
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 180px;
			}
			
			.client_lists .back-hover {
				-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
				filter: alpha(opacity=60);
				opacity: .6;
				-webkit-backface-visibility: hidden;
				
				-webkit-transition: opacity .2s ease-in-out;
				-moz-transition: opacity .2s ease-in-out;
				-ms-transition: opacity .2s ease-in-oute;
				-o-transition: opacity .2s ease-in-out;
				transition: opacity .2s ease-in-out;
			}
			
			.client_lists .back-hover:hover {
				-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				opacity: 1;
			}
			
			
			
/* ========================= 7. Pages ========================= */
			
/* Breadcump */

.breadcump {
	background-color:#f6f6f6;
	padding:10px;
	font-size:0.875em;
	font-family:'Droid Serif', serif;
}

	.breadcump a {
		color:#3ba2cb;	
	}
	
	.breadcump a:hover {
		color:#268ab2;	
	}
	
/* Pagination */
	
.pagination {
	text-align:right;
	margin:20px 0px 40px 0px;	
}
	
	.pagination ul {
		margin-bottom:0px;
	}
	
		.pagination ul li {
			display:inline;
			margin-left:5px;
		}
		
			.pagination ul li a {
				font-family:'Droid Serif', serif;
				color:#7a7a7a;
				padding:6px 10px;
				border:1px solid #d9d9d9;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				border-radius:4px;
				
				background: #f5f5f5; /* for non-css3 browsers */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e8e8e8'); /* for IE */
				background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); /* for webkit browsers */
				background: -moz-linear-gradient(top,  #f5f5f5,  #e8e8e8); /* for firefox 3.6+ */
			}
			
			.pagination ul li a.selected {
				color:#FFF;
				background: #3ba2cb;
				border:1px solid #2e97c1;
			}
			
			.pagination ul li a:hover {
				background: #eaeaea; /* for non-css3 browsers */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#d8d8d8'); /* for IE */
				background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#d8d8d8)); /* for webkit browsers */
				background: -moz-linear-gradient(top,  #eaeaea,  #d8d8d8); /* for firefox 3.6+ */
			}
				
			.pagination ul li a.selected:hover {
				background: #268ab2;
			}
		
		
			
/* ========================= 8. Pricing Tables ========================= */

.pricing-table-simple, .pricing-table-advanced {
	float: left;
	padding: 0;
	margin: 40px 0px 80px 0px;
	border-top: 5px solid #F9F9F9;
	border-bottom: 5px solid #F9F9F9;
	position: relative;
}

	.pricing-table-simple .columns, .pricing-table-advanced .columns {
		float: left;
		padding: 0;
		position: relative;
		text-align: center;
	}
	
		.pricing-table-simple ul li, .pricing-table-advanced ul li {
			display: block;
			margin: 0;
			position: relative
		}
		
	.pricing-table-simple .footer, .pricing-table-advanced .footer {
		padding: 24px 20px;
	}
		
	.pricing-table-simple .button, .pricing-table-advanced .button {
		padding: 5px 15px;
		margin:0px;
	}

/* Simple Pricing Table */

.pricing-table-simple .heading {
	padding: 26px 20px 23px;
	border-bottom:1px solid #EBEBEB;
}

.pricing-table-simple .best {
	background: #F9F9F9;
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
	margin-top: -20px;
	margin-bottom: -20px;
	padding:0px 5px 20px;
	z-index: 9999;
	border:5px solid #d8eaff;
}

	.pricing-table-simple .best .heading {
		padding: 38px 20px 26px 20px;
		border-bottom:1px solid #E4E4E4;
	}
	
.pricing-table-simple h1 {
	color: #3A3A3A;
	font-size: 1.25em;
	margin: 0 0 8px;
	text-transform:uppercase
}
	
.pricing-table-simple h2 {
	color: #6D6D6D;
	font-size: 1em;
	margin: 0 0 3px;
	text-transform:uppercase;
}

	.pricing-table-simple h2 span {
		color: #434343;
		font-size:1.125em;
		font-weight:bold;
	}
	
.pricing-table-simple h6 {
	color: #979797;
	font-size: 0.75em;
	margin: 0;
	text-transform: capitalize;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
	
	.pricing-table-simple .best h2, .pricing-table-simple .best h2 span {
		color: #d32c13;
	}
	
.pricing-table-simple ul {
	margin: 0px;
}

	.pricing-table-simple ul li {
		border-bottom: 1px double #EBEBEB;
		padding: 10px 0;
		font-size:0.925em;
	}
	
		.pricing-table-simple .best ul li {
			border-bottom:1px solid #E4E4E4;
		}

/* Advanced Pricing Table */

.pricing-table-advanced .column {
	border-left: 1px solid #fff;
}
	
	.pricing-table-advanced .feature_lists {
		border: none;
		text-align: left;
		color:#434343;
	}
	
	.pricing-table-advanced .best {
		background: #F9F9F9;
		-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
		box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
		margin-top: -20px;
		margin-bottom: -20px;
		padding:0px 5px 20px;
		z-index: 9999;
		border:5px solid #d8eaff;
	}
	
	.pricing-table-advanced .heading {
		color: #fff;
		min-height: 132px;
		border-bottom:1px solid #EBEBEB;
	}
		
		.pricing-table-advanced .best .heading {
			padding-bottom:20px;
			border-bottom:1px solid #E4E4E4;
		}
		
	.pricing-table-advanced h1 {
		color: #3A3A3A;
		font-size: 1em;
		padding: 13px 15px;
		margin:0px;
		text-transform:uppercase;
	}
		
		.pricing-table-advanced .best h1 {
			padding:29px 0px 15px 0px;
		}
		
	.pricing-table-advanced h2 {
		font-size: 0.875em;
		text-transform: capitalize;
		color:#6D6D6D;
	}
	
		.pricing-table-advanced h2 span {
			display: block;
			font-size: 3em;
			line-height:42px;
			color: #434343;
		}
	
		.pricing-table-advanced .best h2, .pricing-table-advanced .best h2 span {
			color: #d32c13;
		}
		
		.pricing-table-advanced ul {
			margin:0px;	
		}
			
		.pricing-table-advanced ul li {
			border-bottom: 1px double #EBEBEB;
			padding: 10px 0;
			font-size:0.925em;
		}
		
			.pricing-table-advanced .best ul li {
				border-bottom:1px solid #E4E4E4;
			}



/* ========================= 9. Posts ========================= */

.posts {
	margin:20px 0px 40px 0px;	
}

	.posts article {
		display:inline-block;
		border-bottom:1px solid #efefef;
		margin-bottom:15px;
	}

	.posts .details {
		text-align:right;
		font-size:0.925em;
		font-family:'Droid Serif', serif;	
	}
	
		.posts .details .meta {
			padding:5px;
			margin-top:10px;	
		}
		
		.posts .details a {
			color:#3ba2cb;	
		}
		
		.posts .details a:hover {
			color:#268ab2;	
		}
	
	.posts .thumb figure {
		margin-bottom:10px;	
	}
	
		.posts .thumb figure img {
			height:180px;
		}
		
/* Post Half */

.posts_half {
	margin-top:40px;
	display:inline-block;
}

	.posts_half article {
		border:1px solid #efefef;
		padding:10px;
		position:relative;
		margin-bottom:20px !important;
		text-align:center;
	}
			
		.posts_half article .content figure {
			margin-bottom:10px;
		}
		
		.posts_half article .content h4 {
			margin-bottom:10px;
		}
		
		.posts_half article .content p {
			margin-bottom:0px;	
		}
			
/* Single */

.single {
	display:inline-block;
	text-align:left;
}

	.single .meta {
		margin-bottom:10px;
		text-align:left;
	}
	
	.single h1, .single h2, .single h3, .single h4, .single h5, .single h6 {
		margin-bottom:15px;
	}
		
	.single img {
		background-color:#FFF;
		line-height:0;
		padding:2px;
		border:3px solid #efefef;
		max-width:620px;
	}
	
	.single .tags {
		margin-top:30px;
		font-size:0.875em;
		font-family:'Droid Serif', serif;
		border-bottom:1px solid #EBEBEB;
		padding-bottom:20px;
	}
	
	figure.video {
		margin-bottom:20px;	
	}
	
	.single a, .single .tags .lists {
		color:#3ba2cb;	
	}
		
	.single a:hover {
		color:#268ab2;	
	}
	
	.single .sepBorder {
		margin-bottom:20px;	
	}
		
/* Single Auhor */
		
.single_author {
	display:inline-block;
	width:100%;
	background-color:#fafcfe;
	padding:10px 0px;
	border-bottom:1px solid #EFEFEF;
}
	
	.single_author .single_author_avatar {
		padding:0px 10px;
	}
		
		.single_author .single_author_avatar img {
			width:100%;
			padding: 2px;
			background-color: white;
			border: 1px solid #CACACA;
			float: left;
			margin-bottom:10px;
		}
			
		.single_author .single_author_details h5 {
			text-transform:uppercase;
			margin-bottom:5px;
		}
			
		.single_author .single_author_details p {
			margin-bottom:0px;
			font-size:0.925em;
			line-height:1.4em;
		}
	
/* Single Related Posts */
	
.single_related_posts {
	display:inline-block;
	width:100%;
	margin:20px 0px;
	text-align:left;
}
	
	.single_related_posts .meta {
		margin-top:5px;
	}
	
	.single_related_posts ul {
		margin:0px;
	}

		.single_related_posts ul li {
			float:left;
			width:100%;
		}
		
			.single_related_posts ul li img {
				width:12%;
				padding:2px;
				background-color:#FFF;
				border:1px solid #CACACA;
				float:left;
				margin-right:3%;
				margin-top:3px;
			}
			
			.single_related_posts ul li > .content {
				float:left;
				width:84%;
				text-align:left;
			}
			
	.single_related_posts a {
		color:#555;
	}
	
	.single_related_posts a:hover {
		color:#ef3115;
	}
	
	.single_related_posts .meta a {
		color:#3ba2cb;
	}
	
	.single_related_posts .meta a:hover {
		color:#268ab2;
	}
	
/* Comments */

.comment_lists {
	display:inline-block;
	margin:30px 0px;
	text-align:left;
}

	.comment_lists ul {
		margin:20px 0px 0px 0px;
	}
	
		.comment_lists ul li {
			display:inline-block;
			border-bottom:1px solid #EBEBEB;
			padding:10px 15px 10px 0px;
			margin:0px;
			width:100%;
		}
		
		.comment_lists ul li.containReplies {
			background-color:#fafcfe;		
		}
	
			.comment_lists .details {
				float:left;
				text-align:center;
				width:100px;
				padding-top:2px;
				margin-left:10px;
				font-family:'Droid Serif', serif;
				text-transform:uppercase;
			}
			
				.comment_lists .details .smooth {
					font-size:9px;
					margin-bottom:5px;
					line-height:14px;
				}
			
				.comment_lists .details img {
					width:60px;
					height:60px;
					padding:2px;
					background-color:#FFF;
					border:1px solid #CACACA;
				}
				
			.comment_lists .content {
				margin-left: 120px;
			}
			
				.comment_lists .content p {
					margin-bottom:10px;
					margin-top:5px;	
				}
				
				.comment_lists .content .comment_link {
					color:#3ba2cb;
					text-transform:uppercase;
					font-size:12px;
					font-family:'Droid Serif', serif;
				}
				
				.comment_lists .content .comment_link:hover {
					color:#268ab2;		
				}
				
			.comment_lists ul li ul {
				margin:0px;
				padding-left:25px;
				font-size:1em;
			}
			
				.comment_lists ul li ul li {
					border-bottom:0px;
					padding:15px 0px 0px 0px;
				}

/* Comment Form */

.comment_form {
	display:inline-block;
	width:100%;
	text-align:left;
}

	.comment_form h4 {
		margin-bottom:10px;
	}
	
	.comment_form form {
		text-align:left;
	}
	
		.comment_form form input[type="text"] {
			width:60%;
		}
			
		.comment_form form textarea {
			width:80%;
			height:80px;
		}
			
/* ========================= 10. Portofolios ========================= */

/* Portofolio Filter Navigation */

.portofolio_filter {
	display: block;
	position: relative;
	width:100%;
	margin:0px 10px 30px 10px;
	text-align:left;
}

	.portofolio_filter li {
		display: inline-block;
		margin:0px;	
	}

		.portofolio_filter li a {
			color: #FFFFFF;
			padding: 8px 20px;
			background-color:#3ba2cb;
			font-family:'Droid Serif', Arial, sans-serif;
			font-size:0.925em;
			font-style:italic;
		}
		   
		.portofolio_filter li a:hover {
			background-color:#268ab2;
		}
			
		.portofolio_filter li a.active {
			background-color:#268ab2;
		}
		
/* Portofolio Items */
	
.portofolio_items {
	display:block;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}

	.portofolio_items > div {
		margin-bottom:30px;
		padding-bottom:20px;
		border-bottom:1px solid #EBEBEB;
	}
		
		.portofolio_items > div > div {
			margin-top:10px;
			font-family:'Droid Serif', Arial, sans-serif;
			color:#4F4F4F;
			text-transform:uppercase;
		}
			
			.portofolio_items > div > div span {
				margin-top:5px;
				display:block;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:0.875em;
				font-style:italic;
				color:#ACACAC;
				text-transform:none;
			}
	
/* Portofolio Isotope */

.isotope-item {
	z-index: 2;
}
 
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
  
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
		
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
		
	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		-ms-transition-property: -ms-transform, opacity;
		-o-transition-property: top, left, opacity;
		transition-property: transform, opacity;
	}
	
/* Single Portofolio */
	
.portofolio_preview .flexslider {
	margin-bottom:0px;	
}
	
	.portofolio_preview .flexslider.carousel {
		margin-bottom:50px;
		background-color:#f5f1e6;
		border-left:5px solid #f5f1e6;
		border-right:5px solid #f5f1e6;
	}
	
		.portofolio_preview .flexslider.carousel ul li {
			margin:5px;	
		}
		
		.portofolio_preview .flexslider.carousel ul li:first-child {
			margin-left:0px;	
		}
		
		.portofolio_preview .flexslider.carousel .flex-control-nav {
			bottom:-35px;	
		}
		
			.portofolio_preview .flexslider.carousel .flex-control-paging li a {
				width:20px;
				height:20px;	
			}
		
			.portofolio_preview .flexslider.carousel ul li img {
				margin:0px;
				padding:0px;
				border:0px;
				max-width:100%;
			}
	
		.portofolio_preview .flexslider.carousel .flex-active-slide {
			opacity:0.5;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter:alpha(opacity=50);	
		}
	
		.portofolio_preview .flexslider.carousel img:hover {
			cursor:pointer;
		}
		
.portofolio_details {
	text-align:left;
}

	.portofolio_details h3 {
		margin-bottom:20px;
	}
	
	.portofolio_details ul {
		font-size:0.925em;	
	}
		
		
		
/* ========================= 11. Teams ========================= */

.teams {
	display:inline-block;
	text-align:left;	
}

	.teams div.profile {
		margin-bottom:50px;
		position:relative;
	}
	
		.teams .photo {
			width:40%;
			float:left;
			line-height:0;
			margin-right:4%;
			position:relative;
			text-align:center;
		}
		
		.teams .desc {
			float:left;
			width:55%;	
		}
		
			.teams .desc h5 {
				color:#595959;
				font-size:1.125em;
				text-transform:uppercase;
			}
			
			.teams .desc h6 {
				color:#9fb14e;
				margin-bottom:10px;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
			}
		
			.teams .desc p {
				line-height:1.5em;
				margin-bottom:10px;
				font-size:0.925em;
			}
			
		.teams .social {
			position:absolute;
			left:0;
			bottom:-40px;
			width:100%;
		}
			
			.teams .social ul {
				margin:0px;
				text-align:center;
				width:100%;
			}
			
				.teams .social ul li {
					margin:0px;
					display:inline;
				}
				
					.teams .social ul li img {
						width:24px;	
					}
					
						.teams .social ul li a img {
							-webkit-transition: opacity 0.2s ease-in-out;
							-moz-transition: opacity 0.2s ease-in-out;
							transition: opacity 0.2s ease-in-out;	
						}
							
						.teams .social ul li a img:hover {	
							opacity:0.7;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
							filter:alpha(opacity=70);
						}
						
						
						
/* ========================= 12. Author Page ========================= */

.author_page {
	display:inline-block;
	margin-bottom:20px;	
}

	.author_page figure {
		margin-bottom:10px;	
	}
	
	.author_page .details h5 {
		color:#595959;
		font-size:1.125em;
		text-transform:uppercase;
	}

	.author_page .details h6 {
		color:#9fb14e;
		margin-bottom:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}
	
	.author_page .details .social {
		border-top:1px dashed #e3e3e3;	
		border-bottom:1px dashed #e3e3e3;
		margin:5px 0px;
		padding:5px 0px;
		color:#3ba2cb;
	}
	
	.author_page .details p {
		font-size:0.925em;	
	}
	
	.author_page .details .social a {
		color:#3ba2cb;	
	}
	
	.author_page .details .social a:hover {
		color:#268ab2;	
	}
	
	
	
/* ========================= 13. Contact Page ========================= */

.contact_page {
	display:inline-block;
	margin-bottom:20px;
	text-align:left;
}

	.contact_page figure {
		margin-bottom:30px;	
	}

	.contact_page form input[type="text"] {
		width:60%;	
	}
	
	.contact_page form textarea {
		width:100%;
		height:100px;
	}
	
	.contact_page h2 {
		text-transform:uppercase;
		margin-bottom:20px;	
	}
	
	.contact_page h4 {
		text-transform:uppercase;
		margin-bottom:20px;	
	}
	
	.contact_page .contact_info {
		font-size:0.925em;	
	}
	
	
	
/* ========================= 14. 404 Page ========================= */

.page_404 {
	text-align:center;
	margin-top:80px;
	margin-bottom:80px;
}

	.page_404 h1 {
		font-size:8em;
		color:#3ba2cb;
		font-family:'Viga', sans-serif;
		line-height:1em;
	}
	
	.page_404 h2 {
		font-size:4.5em;
		color:#4aafd8;
		font-family:'Viga', sans-serif;	
		line-height:1em;
	}
	
	.page_404 p {
		color:#565656;
		font-size:1.125em;
		margin-bottom:30px;
	}
	
	.page_404 form input[type="text"] {
		display:inline;
		font-size:1em;
		width:460px;
		margin-bottom:0px;
		padding-right:55px;
	}



/* ========================= 15. Sidebar ========================= */

.widget  {
	text-align:left;	
}

	.widget .header {
		background-color:transparent;
		position:static;
		text-align:left;
		height:auto;
		margin-bottom:25px;
	}
		
		.widget .header h4 {
			text-transform:none;
			background-color:transparent;
			position: static;
			display:block;
			padding:0px;
			top:auto;
			color:#444444;
			font-size:1.25em;
		}
		
/* Recent */

.recent_sidebar {
	display:inline-block;
	width:100%;
}

	.recent_sidebar ul {
		margin:0px;
		padding:0px;
	}
	
		.recent_sidebar ul li {
			padding:0px;
			border:0px;
			margin:0px;
			padding-bottom:10px;
			border-bottom:1px dashed #EBEBEB;
			width:100%;
			display:inline-block;
		}
		
		.recent_sidebar ul li:last-child {
			border-bottom:0px;
			padding-bottom:0px;
			margin-bottom:0px;
		}
	
			.recent_sidebar ul li img {
				width:18%;
				padding:2px;
				background-color:#FFF;
				border:1px solid #CACACA;
				float:left;
				margin-right:4%;
				margin-top:3px;
			}
			
			.recent_sidebar ul li span {
				float:left;
				width:78%;	
			}
			
				.recent_sidebar ul li span em {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-style: italic;
					color: #ACACAC;
					font-size: 0.925em;
					display: block;
				}
		
/* Sponsor */

.sponsors_sidebar {
	display:inline-block;
	width:100%;
}

	.sponsors_sidebar img {
		float:left;
	}

	.sponsors_sidebar .full {
		width:96%;
		margin:2%;	
	}
	
	.sponsors_sidebar .half {
		width:46%;
		margin:2%;
	}

/* Subscribe */

.subscribe_sidebar {
	display:inline-block;
	width:100%;
}

	.subscribe_sidebar div {
		float:left;
		width:100%;
		margin-bottom:15px;
	}
	
	.subscribe_sidebar div:last-child {
		margin-bottom:0px;	
	}

		.subscribe_sidebar div img {
			width:15%;
			float:left;
			margin-right:10px;
		}
		
		.subscribe_sidebar div span {
			float:left;
			line-height:1.25em;
			font-size:1.125em;
			font-family: 'Droid Serif', Arial, sans-serif;
		}
		
			.subscribe_sidebar div span em {
				font-weight:normal;
				display:block;
				font-size:0.95em;
				font-family: Georgia, "Times New Roman", Times, serif;
				color:#ACACAC;
			}
			
			
			
/* ========================= 16. Footer ========================= */

#footer {
	background:url(../images/stitch_large.png) left top repeat-x, url(../images/bg_bottom_1.png) repeat, #232324;
	padding-top:40px;
	color:#C1C1C1;
	font-size:0.925em;
}

	#footer p {
		margin:0px;	
	}
	
	#footer div {
		padding-bottom:20px;
	}

	#footer a {
		color:#FFF;	
	}
	
	#footer a:hover {
		color:#C1C1C1;	
	}
	
	#footer .header {
		background-color:#191919;
		margin:10px 0px 36px;
		padding:0px;
		height:1.125em;
		line-height:0;
	}
	
		#footer .header h4 {
			background: url(../images/bg_bottom_1.png) repeat;
			color:#e0e0e0;
			text-transform:uppercase;
			display: inline;
			padding: 2px 10px;
			margin-left:15px;
			letter-spacing:0.1em;
			line-height:1.125em;
		}

/* About */

#footer .about p {
	margin-bottom:20px;	
}

/* Populars */

#footer .populars ul {
	margin:0px;
	text-align:left;
}

	#footer .populars ul li {
		margin-bottom:10px;
		float:left;
		padding-bottom:10px;
		background: url(../images/stitch_staggered.png) repeat-x left bottom;
		width:100%;
	}

		#footer .populars ul li img {
			width:25%;
			padding:2px;
			background-color:#FFF;
			border:1px solid #CACACA;
			float:left;
			margin-right:5%;
			margin-top:3px;
		}
		
		#footer .populars ul li span {
			float:left;
			width:70%;	
		}
		
			#footer .populars ul li span em {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-style: italic;
				color: #777;
				font-size: 0.925em;
				display: block;
			}

/* Tweets */
		
#footer .tweets {
	padding:0px 0px 20px 0px !important;
}
		
	#footer .tweets .tweetText {
		margin-bottom: 10px;
		padding-bottom: 10px;
		background: url(../images/stitch_staggered.png) repeat-x left bottom;
	}
		
		#footer .tweets .tweetText .text {
			display: block;
			margin-bottom: 5px;
		}
			
		#footer .tweets .tweetText .date {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			color: #777;
			font-size: 0.925em;
			display: block;
		}

/* Uptodate */
			
#footer .uptodate {
	padding:0px 0px 20px 0px !important;
}
	
	#footer .uptodate p {
		margin-bottom:10px;
	}
	
		#footer .uptodate b {
			font-weight:bold;
		}
		
	#footer .uptodate input[type="text"] {
		width:100%;
			padding:10px;
			margin-top:10px;
		}



/* ========================= 17. Bottom ========================= */

#bottom {
	background:url(../images/stitch_staggered.png) left top repeat-x, url(../images/bg_bottom_2.png) repeat, #1a1a1a;
	padding:20px 0px 15px 0px;
	color:#C1C1C1;
	font-size:0.925em;
	font-family: 'Droid Serif', Arial, sans-serif;
}

#bottom a {
	color:#FFF;	
}

#bottom a:hover {
	color:#C1C1C1;	
}

	#bottom .copyright {
		line-height:24px;
		float:left;
	}
	
	#bottom ul {
		margin:0px;
		display:inline;
	}
		
		#bottom ul li {
			display:inline;	
		}
	
	#bottom ul.nav {
		float:right;
		margin-right:10px;
	}
	
		#bottom ul.nav li a {
			padding:0px 5px;
			line-height:24px;	
		}
	
	#bottom  ul.social {
		float:right;
	}
	
		#bottom ul.social li img {
			width:24px;	
		}
		
	#bottom a img {
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;	
	}
		
		#bottom a img:hover {	
			opacity:0.7;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			filter:alpha(opacity=70);
		}
		
		
		
/* ========================= 18. CSS Hacks ========================= */
	
/*ie multiple background image fallbacks*/
	
.ie #footer {
	background: url(../images/bg_bottom_1.png) repeat left 2px #343434;
}

.ie #bottom {
	background: url(../images/bg_bottom_2.png) repeat #343434;
}

.ie #nav_menu ul li {
	z-index:auto;
}



/* ========================= #Additionals ========================= */



/* ========================= 19. Tabs ========================= */
	
/* Accordion */

.accordion-tab {
	display:block;
	cursor:pointer;
	border-bottom: 1px dashed #EBEBEB;
	padding:8px 0px 8px 25px;
	font-family: 'Droid Serif', Arial, sans-serif;
	background: url(../images/accordion-button.png) no-repeat left center;
}

	.accordion-tab.active {
		border:none;
		background: url(../images/accordion-button2.png) no-repeat left center;
	}
		
		.accordion-tab.active a {
			color:#6A6A6A !important;
		}
	
.accordion-content {
	padding:8px 0px 8px 25px;
	border-bottom: 1px dashed #EBEBEB;
}


/* Menu Tabs */

ul.tabs {
	margin: 0px 0px -1px 0px;
	overflow: hidden;
}
    
	ul.tabs li {
		float: left;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
	}

		ul.tabs li a {
			background: #fff;
			border: 1px solid #EBEBEB;
			border-left: none;
			display: block;
			padding: 10px 20px;
			text-transform: uppercase;
			font-family: 'Droid Serif', Arial, sans-serif;
		}

		ul.tabs li:first-child a {
			border-left: 1px solid #EBEBEB;
		}

		ul.tabs li.active a {
			border-bottom: 1px solid #fff;
			color:#6A6A6A !important;
		}
 
.tabs_content_base {
	display: block;
	border: 1px solid #EBEBEB;
	padding: 20px;
}



/* ========================= 20. Icon Packs ========================= */

.icon.date-ico {
	background: url(../images/icon/icon-date.png) no-repeat left center;	
}

.icon.comments-ico {
	background: url(../images/icon/icon-comment.png) no-repeat left center;	
}

.icon.pageviews-ico {
	background: url(../images/icon/icon-pageview.png) no-repeat left center;	
}

.icon.subscribe-ico {
	background: url(../images/icon/icon-subcribe.png) no-repeat left center;	
}

.icon.groups-ico {
	background: url(../images/icon/icon-group.png) no-repeat left center;	
}

.icon.phone-ico {
	background: url(../images/icon/icon-phone.png) no-repeat left center;	
}

.icon.email-ico {
	background: url(../images/icon/icon-email.png) no-repeat left center;	
}

.icon.home-ico {
	background: url(../images/icon/icon-home.png) no-repeat left center;	
}

.icon.url-ico {
	background: url(../images/icon/icon-url.png) no-repeat left center;	
}

.icon.photos-ico {
	background: url(../images/icon/icon-photo.png) no-repeat left center;	
}

.icon.video-ico {
	background: url(../images/icon/icon-video.png) no-repeat left center;	
}

.icon.music-ico {
	background: url(../images/icon/icon-music.png) no-repeat left center;	
}

.icon.search-ico {
	background: url(../images/icon/icon-search.png) no-repeat left center;	
}

.icon.global-ico {
	background: url(../images/icon/icon-global.png) no-repeat left center;	
}

.icon.flag-ico {
	background: url(../images/icon/icon-flag.png) no-repeat left center;	
}

.icon.alert-ico {
	background: url(../images/icon/icon-alert.png) no-repeat left center;	
}

.icon.upload-ico {
	background: url(../images/icon/icon-upload.png) no-repeat left center;	
}

.icon.download-ico {
	background: url(../images/icon/icon-download.png) no-repeat left center;	
}

.icon.firefox-ico {
	background: url(../images/icon/icon-firefox.png) no-repeat left center;	
}

.icon.chrome-ico {
	background: url(../images/icon/icon-chrome.png) no-repeat left center;	
}

.icon.safari-ico {
	background: url(../images/icon/icon-safari.png) no-repeat left center;	
}

.icon.info-ico {
	background: url(../images/icon/icon-info.png) no-repeat left center;	
}

.icon.forbidden-ico {
	background: url(../images/icon/icon-forbidden.png) no-repeat left center;	
}

.icon.facebook-ico {
	background: url(../images/icon/icon-facebook.png) no-repeat left center;	
}

.icon.twitter-ico {
	background: url(../images/icon/icon-twitter.png) no-repeat left center;	
}

.icon.location-ico {
	background: url(../images/icon/icon-location.png) no-repeat left center;	
}

.icon.like-ico {
	background: url(../images/icon/icon-like.png) no-repeat left center;	
}

.icon.skype-ico {
	background: url(../images/icon/icon-skype.png) no-repeat left center;	
}

.icon.timer-ico {
	background: url(../images/icon/icon-timer.png) no-repeat left center;	
}

.icon.files-ico {
	background: url(../images/icon/icon-file.png) no-repeat left center;	
}



/* ========================= 21. Overlay Images ========================= */

.overlay.zoom-hover {
	background: url(../images/icon/overlay-zoom.png) black center no-repeat;
}

.overlay.photo-hover {
	background: url(../images/icon/overlay-photo.png) black center no-repeat;
}

.overlay.movie-hover {
	background: url(../images/icon/overlay-video.png) black center no-repeat;
}



/* ========================= 22. Input Icon ========================= */

.input-icon.search {
	background: url(../images/icon/input-search.png) #FFF no-repeat right center;
}



/* ========================= 23. Media Queries ========================= */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
		body {
			font-size:13px;	
		}
		
		.sepSidebar {
			margin:25px 0px;
		}
		
		#header .logo {
			margin-top:38px;
		}
		
		#header .top_info {
			background:url(../images/baseTopInfo_236.png) no-repeat;
			height:110px;
		}
			
			#header .top_info .icon {
				background:none;
				padding-left:0px;
				font-size:11px;
				padding-top:4px;
				padding-bottom:4px;
			}
		
		#nav_menu ul li a {
			padding:12px 16px;
		}
		
		.da-slide h2 {
			font-size:1.25em !important;
		}
		
		.client_lists ul li {
			margin:12px 0px;
		}
		
		.single img {
			max-width:490px;
		}
		
		.single .text-caption {
			max-width:490px;
		}
		
		.widget .header {
			margin-bottom:15px;
		}
		
		#footer div .header {
			height:1em;
			margin-bottom:30px;
		}
	
			#footer div .header h4 {
				font-size:1em;
				line-height:1em;
				margin-left:10px;
			}
			
		#footer .logo {
			padding-bottom:10px;	
		}
			
		#bottom ul.nav li a {
			padding:0px 2px;
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		#header, #bottom, .main, .pagination, .posts .details, .single_author {
			text-align:center;	
		}
		
		.sepSidebar {
			margin:25px 0px;
		}
		
		#header .logo {
			margin:30px 0px 25px 0px;	
		}
		
		#header .top_info {
			display:none;	
		}
		
		#nav_menu .container ul {
			display:none;
		}
		
		#nav_menu .selectnav {
			display:inline-block;
		}
		
		.slider.flexslider ul.slides li .text p {
			display:none;	
		}
		
		.slider.flexslider ul.slides li .button {
			margin:10px 0px 5px 0px;
		}
		
		.da-slide .da-img {
			display:none;	
		}
		
		.da-slide h2 {
			font-size:1em !important;
			text-align:center;
			width:100%;
		}
		
		.da-slide p {
			width: 100% !important;
			font-size:12px;
			text-align:center;
		}
		
		.latest_projects div.columns, .latest_posts div.columns {
			margin-bottom:10px;	
		}
		
		.client_lists ul li {
			margin:12px 0px;
		}
		
		.posts figure {
			margin-bottom:10px;	
		}
		
		.posts .details .meta {
			margin-top:20px;	
		}
		
		.posts .thumb figure img {
			height:170px;
		}
		
		.single img {
			max-width:400px;
		}
		
		.single .text-caption {
			max-width:400px;
		}
		
		.single_author .single_author_details p {
			padding:0px 10px;	
		}
		
		.comment_lists ul li ul {
			padding-left:0px;
		}
		
		.comment_form form input[type="text"], .comment_form form textarea {
			width:100%;
		}
		
		.portofolio_filter {
			text-align:center;
			margin-left:0px;
			margin-right:0px;
		}
		
			.portofolio_filter li {
				display:block;
			}
			
				.portofolio_filter li a {
					display:block;
					font-style:normal;
				}
		
		.contact_page form input[type="text"] {
			width:100%;	
		}
		
		.pricing-table-simple .columns, .pricing-table-advanced .columns {
			margin-bottom:40px;
		}
		
		.pricing-table-advanced .feature_lists {
			display:none;
		}
		
		.widget .header {
			margin-bottom:15px;
		}
		
		.recent_sidebar ul li img {
			width:12%;
		}
		
		.recent_sidebar ul li span {
			width:84%;	
		}
		
		#footer .populars ul li img {
			width:15%;
			margin-right:4%;
		}
		
		#footer .populars ul li span {
			width:80%;	
		}
		
		#bottom .copyright {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		#bottom ul.nav {
			float:none;
			display:block;
		}
		
		#bottom  ul.social {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		#bottom ul.social li img {
			width:32px;	
		}
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		#header, #bottom, .main, .pagination, .posts .details, .single_author {
			text-align:center;	
		}
		
		.sepSidebar {
			margin:20px 0px;
		}
		
		#header .logo {
			margin:30px 0px 25px 0px;	
		}
		
		#header .top_info {
			display:none;	
		}
		
		#nav_menu .container ul {
			display:none;
		}
		
		#nav_menu .selectnav {
			display:inline-block;
		}
		
		.slider {
			display:none;	
		}
		
		.features {
			margin-top:0px;	
		}
		
		.latest_projects div.columns, .latest_posts div.columns {
			margin-bottom:10px;	
		}
		
		.client_lists ul li {
			margin:12px 0px;
		}
		
		.posts figure {
			margin-bottom:10px;	
		}
		
		.posts .details .meta {
			margin-top:20px;	
		}
		
		.posts .thumb figure img {
			height:130px;
		}
		
		.single img {
			max-width:280px;
		}
		
		.single .text-caption {
			max-width:280px;
		}
		
		.single_author .single_author_details p {
			padding:0px 10px;	
		}
		
		.single_related_posts ul li img {
			width:20%;
		}
			
		.single_related_posts ul li > .content {
			float:left;
			width:76%;
			text-align:left;
		}
		
		.comment_lists ul li ul {
			padding-left:0px;
		}
		
		.comment_form form input[type="text"], .comment_form form textarea {
			width:100%;
		}
		
		.portofolio_filter {
			text-align:center;
			margin-left:0px;
			margin-right:0px;
		}
		
			.portofolio_filter li {
				display:block;
			}
			
				.portofolio_filter li a {
					display:block;
					font-style:normal;
				}
				
		.contact_page form input[type="text"] {
			width:100%;	
		}
		
		.pricing-table-simple .columns, .pricing-table-advanced .columns {
			margin-bottom:40px;
		}
		
		.pricing-table-advanced .feature_lists {
			display:none;
		}
		
		.widget .header {
			margin-bottom:12px;
		}
		
		.recent_sidebar ul li img {
			width:15%;
			margin-right:4%;
		}
		
		.recent_sidebar ul li span {
			width:80%;	
		}
		
		#footer .populars ul li img {
			width:15%;
			margin-right:4%;
		}
		
		#footer .populars ul li span {
			width:80%;	
		}
		
		#bottom .copyright {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		#bottom ul.nav {
			float:none;
			display:block;
		}
		
		#bottom  ul.social {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		#bottom ul.social li img {
			width:32px;	
		}	
		
	}