/*
Theme Name: My Personal Website Theme
Theme URI: http://maximiadiswebsesigner.com.au/
Author: Daniel Maximiadis
Author URI: http://maximiadiswebsesigner.com.au/
Description: My personal website Theme for my business.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* page reset and setup
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
*/

*{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /*  Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	border:none;
	font-size:16px;
	line-height: 1.4em;
	}

article, section, aside, nav, header, footer{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	}

body, html{
	background-color:#0a4a63;
	height: 100%;
	}

#wrapper, .wrapper_header, .footer_wrapper{
	max-width:1300px;
	margin:0 auto;
	}

#wrapper{
	min-height: 100%;
	margin-top: -18.1em;
	}

#wrapper:before {
	content: "";
	display: block;
	height: 18.1em;
	}

section{
	padding: 1em;
	}

article{
	padding: 0.5em;
	}

footer{
	background-color: #001F2C;
	}
	
h1,h2,h3,h4,h5,h6{
	color: #fff;
	display: block;
	font-weight: bold;
	text-align:center;
	}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
	}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
	}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
	}

h4 { 
	margin: 1.33em 0;
	}	

h5 { 
	font-size: 0.83em;
	margin: 1.67em 0;
	}	

h6 { 
	font-size: 0.67em;
	margin: 2.33em 0;
	}

p{
	padding: 0.5em 0em;
	color:#fff;
	}

/* header content
--------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------
*/

#logo_image{
	float: left;
	padding: 1em 0.5em;
	padding-top: 0em;
	}

#logo_image img{
	float: left;
	width: 32em;
	height: auto;
	padding: 1em 0 0 0;
	}

/* main menu bar styling */

#main_nav{
	height: 4em;
	background-color: #001F2C;
	}

#main_nav ul li{
	float: left;
	margin: 0.1em 0;
	padding-top: 1em;
    padding-bottom: 1.5em;
	overflow: hidden;
	border-right: 0.1em solid #0a4a63;
	}

#main_nav ul li:last-child {
	border-right: 0em solid #0a4a63;
	}

#main_nav ul li a{
	color: #fff;
	padding: 1.5em 0.8em;
	font-size: 1.3em;
	}

#main_nav li:hover{
	background:#0a4a63;
	}

._mi._before.dashicons{
    display: none;
	}

.hidden_menu{
	display: none;
	}

/* dropdown menu bar styling */

.sub-menu {
	position: absolute;
	width: 13.2em;
	margin: 1.06em 0 0 0 !important;
	background-color: #001F2C;
	visibility: hidden;
	z-index: 10;
	}

.sub-menu li {
	margin: 0 0 0 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: 0.1em solid #0a4a63;
	border-right: 0em solid #0a4a63 !important;
	width: 13.2em;
	}
	
.sub-menu li a {
	display: block;
	width: 100%;
	padding-top: 0.8em !important;
	padding-bottom: 0.8em !important;
	}

.sub-menu li:last-child {
	border-bottom: 0 solid #0a4a63;
	}

ul li:hover .sub-menu{
	visibility: visible;
	}

/* main content
--------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* home and about me page */

#catch_phrase {
	width: 73%;
	margin: 0 auto;
	margin-top: 2em;
	}
	
/* catagory list page */

.catagory_button {
	padding: 0;
	list-style: none;
	}

.catagory_button li {
	float: left;
	margin: 2em 5%;
	width: 23.33%;
	}

.catagory_button li a {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 1em;
	border-right: 0.2em solid rgba(0,0,0,0);
	border-left: 0.2em solid rgba(0,0,0,0);
	}

.catagory_button li a img {
    width: 100%;
    padding: 0em 2em;
	}

.catagory_button li a:hover{
	border-right: 0.2em solid rgba(0,0,0,0.5);
	border-left: 0.2em solid rgba(0,0,0,0.5);
	}

/* content */

hr{
	border-bottom: 0.15em solid rgba(21, 122, 153, 0.5);
	max-width: 30em;
	margin: 1em auto;
	margin-top: -0.5em;
	}

.p_content{
	padding: 0em;
	}

.p_content p {
	clear: both;
	}

.p_descerption{
	text-align: center;
	}

/* gallery page */

#past_clients{
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0); 
	}

.gallery_item{
	float: left;
	overflow: hidden;
	width: 32.93%;
	text-align: center;
	padding: 0;
	margin: 0.2%;
	background-color: #001f2c;
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}

.gallery_item img{
	display: block;
	padding: 0.5em;
	padding-bottom: 0;
	width: 100%;
	height: auto;
	}
		
.gallery_item:hover{
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #157a99; 
	}

/* post */

.large_thumbnail_image{
	text-align:center;
	}

#text_content, .pricing_content{
	padding: 0.5em;
	border-radius: 0.2em; 
	z-index: 1;
	}

#site_link{
	margin: 0 0 1em;
	}

.viewsitelink, .contactbutton{
	display: block;
	width: 6.7em;
	text-align: center;
	padding: 1em 0em;
	margin: 0 auto;
	background-color: #001f2c;
	color: #fff;
	font-size: 1.3em;
	border-radius: 0.2em;
	}

.viewsitelink:hover, .contactbutton:hover{
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #157a99;
	}

.single_p_content, #features, .package_col_p_content{
	width: 75%;
	padding-top: 0em !important;
    float: left;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #157a99;
	border-radius: 0.2em;
	}
	
.package_col_p_content {
	width: 100%;
	}

.single_p_content li, .single_p_content p, #features li, .package_col_p_content li{
    color: #fff;
	}

.single_p_content ul, .package_col_p_content ul{
    margin-left: 1em;
	}
	
#features {
	float: right;
	width: 24%;
	padding: 0.5em;
	border-radius: 0.2em;
	}

#features ul{
	margin-left: 0.5em;
	}

/* pricing packages */
	
.package_col {
    width: 33.33%;
    float: left;
}

#features_content ul, #features_content ol, .main_content ul, .main_content ol {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 1em 0;
	margin-bottom: 3em;
	}
	
#features_content ul li, #features_content ol li, .main_content ul li, .main_content ol li, .main_content ol li ul li {
	list-style-type: initial;
	margin-left: 1.6em;
	width: 31%;
	float: left;
	color: #fff;
	}

.main_content ul, .main_content ol {
	margin: 0;
	}

.main_content ul li, .main_content ol li, .main_content ol li ul li {
	width: 100%;
	margin-left: 1em;
	padding: 0.3em 0;
	}
	
.main_content ol li ol li {
    margin-left: 1.5em;
	}
	
#features_content ol li, .main_content ol li {
	list-style-type: decimal;
	}

.main_content ul li ul li, .main_content ul li ol li, .main_content ol li ul li, .main_content ol li ol li {
	padding: 0;
	}
	
.pricing_caption {
	padding: 0;
	}

.main_content {
    float: left;
	width: 100%;
	height: auto;
	padding: 0.6em 1em;
	margin: 1em 0;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #157a99;
	border-radius: 0.2em;
	}

.contact_package_button {
	float: left;
	width: 100%;
	}

.contactbutton {
	width: 100%;
	}

/* sitemap */

#menu-sitemap li{
	margin: 1em;
	}

#menu-sitemap li a{
	color: #fff;
	}

#menu-sitemap ul{
	visibility: visible !important;
	position: relative;
	background-color: rgba(0, 0, 0, 0);
	margin: 1em 0em 0em 1em !important;
	}

#menu-sitemap ul li{
	border-bottom: 0 solid rgba(0, 0, 0, 0);
	padding: 0em 0em 0em 0 !important;
	margin: 1em 0em !important;
	}

#menu-sitemap a:hover{
	color:#157a99;
	}

/* contact form styling
--------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* Main contact form */

.contact_content{
	padding: 0em;
	}

.input_field, .anti_spam_quiz{
	border-radius: 0.2em;
	background: #fff;
	border: 0.07em solid #000;
	padding: 0.13em 0px 0px 0.13em;
	margin: 0.2em 0;
	}

.wpcf7-not-valid-tip {
	color: #0a4a63 !important;
	display: inline !important;
	margin: 1em;
	}

#website_info{
	border-left: 0.15em solid rgba(21, 122, 153, 0.5);
	}

#basic_info, #website_info{
	width: 50%;
	float: left;
	}

#basic_info p, #website_info p, #anti_spam p{
	margin: 1em;
	clear: both;
	}

#anti_spam{
	border-top: 0.15em solid rgba(21, 122, 153, 0.5);
	width: 57%;
	float: left;
	margin: 0 21.5%;
	margin-bottom: 2em;
	}

#client_town{
	margin: 0.2em 0 0 0;
	}
	
#client_state, .anti_spam_quiz{
	margin: 0;
	}	

#client_post_code{
	margin: 0 0 1em 0;
	width: 3em;
	}

#website_description{
	width: 100%;
	height: 19em;
	}

#tc_link{
	color: #fff;
	text-decoration: underline;
	}

#tc_link:hover{
	color: #157a99;
	}

#submit{
	display: block;
	width: 4em;
	padding: 0.5em 0em;
	margin: 0 auto;
	background-color: #001f2c;
	color: #fff;
	font-size: 1.2em;
	border-radius: 0.2em;
	}

#submit:hover{
	cursor: pointer;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #0a4a63;
	}

/* pricing inquiry form */

#pricing_form, #name_phone_email {
	float: left;
	width: 100%;
	height: auto;
	}

#name_phone_email p, #name_phone_email p input_field{
	float: left;
	width: 33.33%;
	clear: inherit;
	}

#promo_option {
	width: 56em;
	margin: 0 auto;
	}

#promo_option p, #promo_option p input_field {
	float: left;
	width: 50%;
	clear: inherit;
	margin-top: 2em;
	}

#description p {
	padding-top: 2em;
	padding-bottom: 2em;
	}
	
#agreement{
    width: 19.3em;
    margin: 0 auto;
	margin-bottom: 2em;
	}

/* event signup 
--------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------
*/

#front_page span {
	float: left;
	clear: both;
	}

/* footer content 
--------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------
*/

.footer_wrapper{
	width: 100%;
	height: 4.3em;
	padding: 1em;
	}

#menu-footer li{
	float: left;
	margin: 0 1em 0 0;
	}

#menu-footer li a{
	color: #fff;
	font-size: 0.75em;
	}

#menu-footer li a:hover{
	color: #0a4a63;
	}
	
/* social media styling */

#social_media{
	float: right;
	}

.media_icon{
	float: left;
	margin: 0.2em 0.5em 0 0;
	width: 2em;
	height: 2em;
	}

/* copyright styling */
	
#copyright{
	float: right;
	width: 15.5em;
	font-size: 0.75em;
	padding-bottom: 0;
	margin: 0 1em;
	}
	
#copyright_link{
	font-size: 1em;
	color: #fff;
	}
	
/*a[href^="tel"]{
	color:inherit;
	text-decoration:none;
	}
*/

/* media query min-width = 20em = 320px = iphone 4, 5 portrait and max-width: 26em = 414px = iPhone 6P portrait 
----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- 
*/

@media only screen and (min-width: 20em) and (max-width: 27.188em)
{

/* header */
#wrapper,.wrapper_header{
	padding: 0;
	}

#logo_image{
	padding: 0;
	}
	
#logo_image img {
    width: 100%;
    padding: 0;
	}

#hidden_menu_1, #hidden_menu_2 {
	display: block;
	position: relative;
	height: 3em;
	width: 100%;
	margin: 0 auto;
	padding-right: 1.5em;
	color: #fff;
	font-size: 1.2em;
	text-align: right;
	background-color: #001F2C;
	border-bottom: 0.1em solid #0a4a63;
	z-index: 100;
	}

#hidden_menu_2 {
	display: none;
	}

#main_nav {
	display: none;
	height: 18em;
	}

#main_nav ul li{
	width: 100%;
	height: 3em;
	padding: 0;
	margin: 0;
	text-align: center;
	border-right: 0em solid #0a4a63;
	border-bottom: 0.1em solid #0a4a63;
	}

#main_nav ul li a {
	display: block;
	font-size: 1.2em;
	text-align: left;
	padding: 0.6em 0.5em;
	width: 100%;
	}

.sub-menu{
	visibility: hidden !important;
	}

/* home page */

#catch_phrase {
	width: 90%;
	margin-top: 2em;
	margin-bottom: 2em;
	}

/* Pricing guid */

#features_content ul li, #features_content ol li, .main_content ul li, .main_content ol li, .main_content ol li ul li {
	width: 100%;
	}

#features_content ul li {
	padding-right: 1.5em;
	}

.package_col {
	width: 100%;
	margin-bottom: 5em;
	}
	
.main_content ul li ul li, .main_content ul li ol li, .main_content ol li ul li, .main_content ol li ol li {
    padding-right: 0.7em;
	}

/* catagory */

section, footer {
	padding: 0em;
	}
	
.catagory_button li {
    width: 100%;
    margin: 0;
	}
	
.catagory_button li a {
	margin: 1em;
	padding: 0.5em;
	width: auto;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #157a99;
	border-radius: 0.2em;
	}
	
.catagory_button li a img {
	width: 20%;
	float: left;
	padding: 0em;
	margin-right: 1.4em;
	}

.catagory_button li a h2{
	float: left;
	font-size: 1.32em;
	}

.p_descerption {
	text-align: left;
	float: left;
	}

.catagory_button li a:hover{ 
	border-right: 0.2em solid rgba(0,0,0,0);
	border-left: 0.2em solid rgba(0,0,0,0);
	}
	
/* catagory items */

.gallery_item {
	width: 94%;
	margin: 3%;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #157a99;
	border-radius: 0.2em;
	}

.gallery_item h2 {
	margin: 0;
	padding: 0.83em 0;
	}

/* single */

.large_thumbnail_image {
	padding: 2%;
	width: 98%;
	}

.wp-post-image {
	width: 100%;
	height: auto;
	}

#site_link {
	margin: 0.5em 0 1em;
	}

#features, .single_p_content {
	width: 100%;
	}

#features {
	margin-top: 0.5em;
	}
	
#features ul{
	margin-left: 1em;
	}
		
/* contact form */

#basic_info, #website_info {
    width: 100%;
	border-bottom: 0.15em solid rgba(21, 122, 153, 0.5);
	border-left: 0em solid rgba(21, 122, 153, 0);
	}

#anti_spam{
	border-top: 0em solid rgba(21, 122, 153, 0);
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2em;
	}

/* pricing inquiry form */

#promo_option {
	width: 100%;
	}
	
.input_field {}

#description {
	float: left;
	}

/* footer */

.footer_wrapper {
	padding: 1em 1em 0 1em;
	}

#menu-footer {
	float: left;
	}
	
#menu-footer li {
	margin: 0 11em 0 0;
	}

#copyright {
	float: left;
	margin: 2em 0;
	}

#social_media {
	position: absolute;
	right: 1em;
	}

}

/*  media query min-width = 30em = 480px = iphone 4 landscape to 35.5em = 568px = iphone 5 landscape
----------------------------------------------------------------------------------------------------  
----------------------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 30em) and (max-width: 35.5em)
{

/* header */

#wrapper,.wrapper_header{
	padding: 0;
	}

#logo_image{
	padding: 0;
	}
	
#logo_image img {
    width: 100%;
    padding: 0;
	}

#hidden_menu_1, #hidden_menu_2 {
	display: block;
	position: relative;
	height: 3em;
	width: 100%;
	margin: 0 auto;
	padding-right: 1.5em;
	color: #fff;
	font-size: 1.2em;
	text-align: right;
	background-color: #001F2C;
	border-bottom: 0.1em solid #0a4a63;
	z-index: 100;
	}

#hidden_menu_2 {
	display: none;
	}

#main_nav {
	display: none;
	height: 9em;
	}

#main_nav ul li{
	width: 50%;
	height: 3em;
	padding: 0;
	margin: 0;
	text-align: center;
	border-right: 0em solid #0a4a63;
	border-bottom: 0.1em solid #0a4a63;
	}

#main_nav ul li a {
	display: block;
	font-size: 1.2em;
	text-align: left;
	padding: 0.6em 0.5em;
	width: 100%;
	}
	
#main_nav ul li:nth-child(odd){
	border-right: 0.1em solid #0a4a63;
	}

.sub-menu{
	visibility: hidden !important;
	}

/* home page */

#catch_phrase {
	width: 90%;
	margin-top: 2em;
	margin-bottom: 2em;
	}

/* Pricing guid */

#features_content ul li, #features_content ol li, .main_content ul li, .main_content ol li, .main_content ol li ul li {
	width: 100%;
	}

#features_content ul li {
	padding-right: 1.5em;
	}

.package_col {
	width: 50%;
    padding: 0em;
	margin-bottom: 5em;
	}
	
.main_content ul li ul li, .main_content ul li ol li, .main_content ol li ul li, .main_content ol li ol li {
    padding-right: 1.5em;
	}

/* catagory */

section, footer {
	padding: 0em 1em;
	}
	
.catagory_button li {
    width: 100%;
    margin: 0;
	}
	
.catagory_button li a {
	margin: 0.5em 0;
	padding: 0.5em;
	width: auto;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #157a99;
	border-radius: 0.2em;
	}

.catagory_button li a img {
	width: 36%;
	float: left;
	padding: 0em;
	margin-right: 1.4em;
	}

.p_descerption {
	text-align: left;
	}

.catagory_button li a:hover{ 
	border-right: 0.2em solid rgba(0,0,0,0);
	border-left: 0.2em solid rgba(0,0,0,0);
	}
	
/* catagory items */

.gallery_item {
	width: 48%;
	margin: 1%;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #157a99;
	border-radius: 0.2em;
	}

.gallery_item h2 {
	margin: 0;
	padding: 0.83em 0;
	}

/* single */

.large_thumbnail_image {
	padding: 2%;
	width: 98%;
	}

.wp-post-image {
	width: 100%;
	height: auto;
	}

#site_link {
	margin: 0.5em 0 1em;
	}
	
#text_content {
	padding: 0.5em 0;
	}

.single_p_content {
	width: 65%;
	}

#features {
	width: 34%;
	}
	
/* contact form */

#basic_info, #website_info {
    width: 100%;
	border-bottom: 0.15em solid rgba(21, 122, 153, 0.5);
	border-left: 0em solid rgba(21, 122, 153, 0);
	}

#anti_spam{
	border-top: 0em solid rgba(21, 122, 153, 0);
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2em;
	}

/* footer */

.footer_wrapper {
	padding: 1em 1em 0 1em;
	}

#menu-footer {
	float: left;
	width: 100%;
	}
	
#menu-footer li {
	margin-right: 1em;
	}

#copyright {
	float: left;
	margin: 2em 1em;
	}

#social_media {
	position: absolute;
	right: 2em;
	margin-top: 3em;
	}

}

/*  media query min-width: = 37.5em = 600px = blackberry playbook portrait to max-width: 46.000em 736px = iphone 6 Plus landscape
----------------------------------------------------------------------------------------------------  
----------------------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 37.5em) and (max-width: 46em)
{

/* header */

#wrapper,.wrapper_header{
	padding: 0;
	}

#hidden_menu_1, #hidden_menu_2 {
	display: block;
	position: relative;
	height: 3em;
	width: 100%;
	margin: 0 auto;
	padding-right: 1.5em;
	color: #fff;
	font-size: 1.2em;
	text-align: right;
	background-color: #001F2C;
	border-bottom: 0.1em solid #0a4a63;
	z-index: 100;
	}

#hidden_menu_2 {
	display: none;
	}

#main_nav {
	display: none;
	height: 9em;
	}

#main_nav ul li{
	width: 50%;
	height: 3em;
	padding: 0;
	margin: 0;
	text-align: center;
	border-right: 0em solid #0a4a63;
	border-bottom: 0.1em solid #0a4a63;
	}

#main_nav ul li a {
	display: block;
	font-size: 1.2em;
	text-align: left;
	padding: 0.6em 0.5em;
	width: 100%;
	}
	
#main_nav ul li:nth-child(odd){
	border-right: 0.1em solid #0a4a63;
	}

.sub-menu{
	visibility: hidden !important;
	}

/* Pricing guid */

#features_content ul li, #features_content ol li, .main_content ul li, .main_content ol li, .main_content ol li ul li {
	width: 100%;
	}

#features_content ul li {
	padding-right: 1em;
	width: 46.2%;
	}

.package_col {
	width: 50%;
    padding: 0em;
	margin-bottom: 5em;
	}
	
.main_content ul li ul li, .main_content ul li ol li, .main_content ol li ul li, .main_content ol li ol li {
    padding-right: 1.8em;
	}

/* catagory */

section, footer {
	padding: 0em 1em;
	}
	
.catagory_button li {
	margin: 0;
	width: 33.33%;
	}
	
.catagory_button li a {
	margin: 1em 0;
	padding: 0.5em;
	}

.catagory_button li a img {
	padding: 0 1.5em;
	}

.catagory_button li a:hover{ 
	border-right: 0.2em solid rgba(0,0,0,0);
	border-left: 0.2em solid rgba(0,0,0,0);
	}
	
/* catagory items */

.gallery_item {
	width: 48%;
	margin: 1%;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background-color: #157a99;
	border-radius: 0.2em;
	}

.gallery_item h2 {
	margin: 0;
	padding: 0.83em 0;
	}

/* single */

.large_thumbnail_image {
	padding: 2%;
	width: 98%;
	}

.wp-post-image {
	width: 100%;
	height: auto;
	}

#site_link {
	margin: 0.5em 0 1em;
	}
	
#text_content {
	padding: 0.5em 0;
	}

.single_p_content {
	width: 65%;
	}

#features {
	width: 34%;
	}
	
/* footer */

#menu-footer {
	width: 15em;
	float: left;
	}

}

/* media query min-width: 48em 768px = ipad mini portrait to max-width: = 50em = 800px = Nexus 10 portrait
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 48em) and (max-width: 50em)
{

/* header */

#wrapper {
	padding: 0 1em;
	}

#hidden_menu_1, #hidden_menu_2 {
	display: block;
	position: relative;
	height: 3em;
	width: 100%;
	margin: 0 auto;
	padding-right: 1.5em;
	color: #fff;
	font-size: 1.2em;
	text-align: right;
	background-color: #001F2C;
	border-bottom: 0.1em solid #0a4a63;
	z-index: 100;
	}

#hidden_menu_2 {
	display: none;
	}

#main_nav {
	display: none;
	height: 9em;
	}

#main_nav ul li{
	width: 50%;
	height: 3em;
	padding: 0;
	margin: 0;
	text-align: center;
	border-right: 0em solid #0a4a63;
	border-bottom: 0.1em solid #0a4a63;
	}

#main_nav ul li a {
	display: block;
	font-size: 1.2em;
	text-align: left;
	padding: 0.6em 0.5em;
	width: 100%;
	}
	
#main_nav ul li:nth-child(odd){
	border-right: 0.1em solid #0a4a63;
	}

/* Pricing guid */

#features_content ul li, #features_content ol li, .main_content ul li, .main_content ol li, .main_content ol li ul li {
	width: 100%;
	}

#features_content ul li {
	padding-right: 1em;
	width: 46.2%;
	}

.package_col {
	width: 50%;
    padding: 0em;
	margin-bottom: 5em;
	}
	
.main_content ul li ul li, .main_content ul li ol li, .main_content ol li ul li, .main_content ol li ol li {
    padding-right: 1.8em;
	}

/* catagory */

.catagory_button li {
	margin: 2em 2.5%;
	width: 28.3%;
	}
	
.catagory_button li a {
	margin: 1em 0;
	padding: 0.5em;
	}

.catagory_button li a img {
	padding: 0 1.5em;
	}

.catagory_button li a:hover{ 
	border-right: 0.2em solid rgba(0,0,0,0);
	border-left: 0.2em solid rgba(0,0,0,0);
	}
	
/* single */

section {
	padding: 0;
	}

.large_thumbnail_image {
	padding: 2%;
	width: 98%;
	}

.wp-post-image {
	width: 100%;
	height: auto;
	}

#site_link {
	margin: 0.5em 0 1em;
	}
	
.single_p_content {
	width: 65%;
	}

#features {
	width: 34%;
	}

/* footer */

footer{
	margin-top: 1em;
	}
}

/* media query min-width: 60em = 960px = Nexus 7 landscape to max-width: = 64em = 1024px = iPad Pro portrait 1161px
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 60em) and (max-width: 72.6em)
{

/* Pricing guid */

#features_content ul li, #features_content ol li, .main_content ul li, .main_content ol li, .main_content ol li ul li {
	width: 100%;
	}

#features_content ul li {
	padding-right: 1em;
	width: 30.5%;
	}

.package_col {
	width: 33.33%;
    padding: 0em;
	margin-bottom: 5em;
	}
	
.main_content ul li ul li, .main_content ul li ol li, .main_content ol li ul li, .main_content ol li ol li {
    padding-right: 1.8em;
	}

}


/* media query min-width: 60em = 960px = Nexus 7 landscape
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 60em)
{

#hidden_menu_1, #hidden_menu_2{
	display: none !important;
	}

#main_nav{
	display: block !important;
	}

}