@media only screen and (max-width: 980px)
{

/* 1.0 Header */	

#header {
	padding: 15px 0% 20px 0%;
	width: 100%;
	height: auto;
	position: static;
}
#header_wrap {
	padding: 10px 3%;
	width: 93%;
}
#logo {
	padding: 0px 0px 20px 0px;
	width: 100%;
	display: block;
	float: none;
}
#logo img {
	margin: 0px auto;
	display: block;
}
#navigation {
	padding: 15px 5% 5px 5%;
	float: none;
	width: 90%;
	background: #34455f;
	display: block;
	overflow: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
.navigation_title {
	display: block;
	color: #ffffff;
	font-size: 16px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row wrap;
	justify-content: space-between;
	cursor: pointer;
}
.navigation_title i {
	padding: 2px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}
#navigation nav {
	width: 100%;
	height: 0px;
	overflow: hidden;
}
#navigation nav.showing {
	margin: 0px 0px 5px 0px;
	height: auto;
}
#navigation nav.hiding {
	height: 0px;
}
#navigation nav ul {
	padding: 10px 0px 0px 0px;
}
#navigation ul li {
	margin: 0px;
	display: inline;
	width: 100%;
	float: left;
}
#navigation ul li a {
	background: #223149;
	display: block;
}
#navigation ul li a:hover {
	color: #ffffff;
}
.nav_link, .nav_link_other {
	margin: 0px 0px 5px 0px;
	padding: 15px;
	display: block;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	
	transition: none;
    -webkit-transition: none; 
    -moz-transition: none;
    -o-transition: none;
}
.nav_link:hover, .nav_link_other:hover {
	padding: 15px;
	border: none;
	color: #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
#nav_current {
	padding: 15px;
	border: none;
	font-weight: 400;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
#search {
	float: left;
	width: 100%;
	height: 0px;
	overflow: hidden;
}
#search.showing {
	margin: 0px 0px 5px 0px;
	height: auto;
}
#search.hiding {
	height: 0px;
}
#search_box {
	margin: 10px 0px 0px 0px;
	display: block;
	width: 100%;
}
#search_textbox {
	padding: 15px 3%;
	width: 94%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
#search_button {
	display: none;
}

/* ------------------------------- */

/* 2.0 Subheader */

#subheader {
	padding: 10px 0px 0px 0px;
	width: 100%;
	height: auto;
	position: static;
}
#subheader_wrap {
	padding: 10px 0px;
	width: 95%;
}
#new_post {
	display: none;
}
#social_media {
	display: none;
}
#icon_border {
	margin: 0px auto -120px auto;
	width: 180px;
	height: 180px;
}

/* ------------------------------- */

/* 3.0 Icon/Avatar */

#icon_wrap {
	margin: -85px auto 10px auto;
	padding: 0px;
	width: 100%;
	overflow: hidden;	
}

/* ------------------------------- */

/* 4.0 Categories */

.categories {
	display: none;
}

/* ------------------------------- */

/* 5.0 Posts */

#content {
	padding: 0;
	width: 100%;
	display: block;
}
.post {
	margin: 0px auto 40px auto;
	width: 93%;
}
.post_media img {
	width: 100%;
	height: auto;
	margin-bottom: -3px;
}
.post_media iframe {
	width: 100%;
	height: auto;
	margin-bottom: -4px;
}
.post_content {
	display: block;
	padding: 3%;
	width: 94%;
}
.post_header {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row wrap;
	justify-content: space-between;
}
.post_title {
	margin: 0px 20px 0px 0px;
}
.post p {
	line-height: 17px;
}
.post_body img {
    padding: 10px 0px 10px 10px;
    width: 200px;
}
.post_footer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row wrap;
	justify-content: space-between;
}
.post_footer_left {
	width: auto;
	display: inline-block;
	background: none;
}
.post_comment_icons {
	display: none;
}


/* ------------------------------- */

/* 6.0 Permalink Styles */

#content_permalink {
	margin-top: 20px;
}

#post_media_permalink_container {
	display: none;
}


/* ------------------------------- */

/* 7.0 Comments */

#comments {
	width: 93%;
	display: block;
}
.comment_box {
	margin: 0px auto 20px auto;
	padding: 3%;
	width: 94%;
	float: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row wrap;
	justify-content: space-between;
}
#write {
	display: block;
}
#comment_message {
	width: 100%;
}
.comment_box_icon {
	display: none;
}
.comment_box_avatar {
	display: none;
}
.comment_box_content {
	width: 100%;
	float: none;
}
.comment_box_reply {
	margin: 0px auto 20px 7%;
	padding: 3%;
	width: 87%;
	float: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-flow: row wrap;
	justify-content: space-between;
}
.comment_box_content_reply {
	width: 100%;
	float: none;
}

/* ------------------------------- */

/* 8.0 Related Posts */

#related_posts {
	display: none;
}

/* ------------------------------- */

/* 9.0 Footer */

#page_footer {
	margin-top: -40px;
	padding-bottom: 115px;
	width: 100%;
}
#pagination {
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}
#pagination ul {
	display: block;
}
#pagination ul div {
	float: left;
}
#pagination ul li {
	margin-top: 35px;
}
.pagination_link {
    padding: 10px 5px;
}

/* 9.3 Footer Banner */

#footer_banner {
	display: none;
}

/* ------------------------------- */

/* 10.0 Styling */

.highlight {
	padding: 2px 5px;
	background: #61b6fe;
	color: #ffffff;
}
.contact_name, .contact_email,
.contact_website, .contact_message {
    padding: 15px 2%;
    width: 96%;
}
.archive_header_odd, .archive_header_even {
    padding: 20px 2%;
    width: 96%;
}

/* ------------------------------- */

/* 11.0 FlexSlider */

.flex-direction-nav .flex-prev { padding: 1px 9px 1px 7px; background: #000000; left: 10px; }
.flex-direction-nav .flex-next { padding: 1px 9px 1px 7px; background: #000000; right: 10px; text-align: right; }

/* 11.0 Retina Display */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25)
{

    #logo {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    #logo img {
        display: none;
    }

}

}