/*
Theme Name: Gnangara Landscape Construction
Theme URI: https://gnangara.com.au
Author: Kieron Mills
Author URI: https://shorehill.com.au/
Description: This theme has been designed and developed for Gnangara Landscape Construction. It's is a simple clean fully responsive theme. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Gnangara Landscape Construction, Gnangara, GLC
Text Domain: Gnangara Landscape Construction
*/

/* IMPORTS --------------------------------------*/
@import url("css/eric_meyer_reset.css") screen;
@import url("css/menu.css") screen;
@import url("css/myriad_pro.css") screen;
/*@import url("style_old.css") screen;*/

/* Colours --------------------------------------*/
/* 
	Dark Brown: #402A2D;
	Orange: #FC4F00;
	Light Grey: #CCCCCC;
*/


html {
	/*background: #666666;*/
	/*background:  url("images/bg.gif");*/
}

body {
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif;
}

/* IE 10 SPECIFIC STYLE */
/*.ie10 body { border: 1px solid red; }*/

#noscript { height: 50px; border:2px solid #FF0000; text-align: center; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; line-height: 320%; background-color: #FF6666; color: #000; }

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.clear { clear: both; /*border: 1px solid orange;*/ }

/* FONT SYTLING --------------------------------*/

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

@scope { display: none; }

/* LINKS ---------------------------------------*/

/* TOP BAR LINKS */
a.gnangara_links:link { color: #666666; text-decoration: none; }
a.gnangara_links:visited { color: #666666; text-decoration: none;}
a.gnangara_links:hover { color: #FC4F00; text-decoration: underline; }
a.gnangara_links:active { color: #666666; text-decoration: none;}

footer a:link { color: #FFFFFF; text-decoration: none; }
footer a:visited { color: #FFFFFF; text-decoration: none;}
footer a:hover { color: #FC4F00; text-decoration: underline; }
footer a:active { color: #FFFFFF; text-decoration: none;}


/* MEDIA QUERIES -------------------------------*/

/* START MOBILE LANDSCAPE & PORTRAIT -----------*/
/* 480px / 16 = 30em */
@media only screen and (max-width:480px){
	/* NAVIGATION */
	#nav_wrapper { min-height: 60px; background-color: #402A2D; }
	nav { max-width: 30em; min-height: 60px; margin: 0 auto; /*border: 1px solid lime; /* */ }
	/* HEADER */
	header { height: 200px; background-color: #FFF; max-width: 30em; margin: 0 auto; border: 1px solid #FFF; }
	#logo { margin: 30px auto; background: url("images/gnangara_logo.gif") no-repeat 0 0; height: 85px; width: 235px; /*border: 1px solid lime; /* */ }
	#search { width: 240px; height: 40px; margin: -10px auto; background-color: #ECECEC; }
	#search #s { height: 32px; width: 185px; margin: auto 0; background:none; background-color: none; color: #666; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: .9em; padding: 4px 6px; border: none; /* */ }
	#search label { display: none; }
	#searchsubmit { background: url("images/search_icon.gif") 0 0 no-repeat; text-indent: -9999px; border: none; height: 35px; width: 35px; position: relative; top: 1px; left: 0; }
	#searchsubmit:hover { background: url("images/gnangara_search_icon.gif") 0 -35px no-repeat; text-indent: -9999px; border: none; height: 35px; width: 35px; position: relative; top: 1px; left: 0; cursor: pointer; }
	/* SLIDER */
	#slider { display: none; }
	/* PHONE NUMBER TAB */
	#phone_number_wrapper { height: 70px; max-width: 30em; margin: 0 auto; /* border: 1px solid silver; /* */ }
	#phone_tab { width: 300px; height: 65px; background-color: #402A2D; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ position: relative; top: 5px; margin: 0 auto; }
	#phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.8em; width: 285px; height: 30px; text-align: center; position: relative; top: 17px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	/* PHONE NUMBER TAB CONTENT PAGE */
	#phone_tab_content { width: 200px; height: 40px; background-color: #402A2D; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ position: relative; margin: 0 auto -16px auto; z-index: 999; /*border: 1px solid red;*/ }
	#phone_tab_content #phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.3em; width: 180px; height: 25px; text-align: center; position: relative; top: 8px; left: 9px; color: #FFF; border: 1px solid #402A2D; }
	_:-ms-fullscreen, :root #phone_tab_content #phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.3em; width: 180px; height: 25px; text-align: center; position: relative; top: 11px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	#phone_no a:link { color: #FFF; cursor: hand; text-decoration: none; }
	#phone_no a:visited { color: #FFF; cursor: hand; text-decoration: none; }
    #phone_no a:hover { color: #FC4f00; cursor: hand; text-decoration: underline; }
	#phone_no a:active { color: #FFF; cursor: hand; text-decoration: none; }
	/* HOME PAGE CONTENT */
	#content_wrapper { min-height: 820px; background-color: #FFFFFF; }
	#content { max-width: 30em; min-height: 820px; margin: 0 auto; padding: 0 0 0 0;/*border: 1px solid pink;*/ }
   #content_column { min-height: 400px; background-color: #FFFFFF; margin: 0; padding: 0; text-align: center; /* border: 1px solid lime; /* */ }
   #content_column .col-md-4 { display: block; margin: 0; width: 100%; text-align: center;  /*border: 1px solid red; /* */ }
   #custom_post_widget-2 .clear { display: none; /* border: 1px solid red; /* */ }
	#content_column .col-md-4 img { border: 10px solid #FFFFFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; }
	#content_column .col-md-4 h2 { text-align: center; margin: 20px auto; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.8em; color: #FC4f00; }
	#content_column .col-md-4 h2 a { color: #FC4f00; text-decoration: none; }
	/* CONTENT PAGE CONTENT */
	#cp_wrapper { border-top: 5px solid #FC4f00; padding: 0 30px;}
	#cp_content { max-width: 71.5em; margin: 0 auto; /* border: 1px solid lime;  /* */ }
	#cp_wrapper #cp_content h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.8em; color: #FC4f00; margin: 30px 0 30px 0; }
	_:-ms-fullscreen, :root  #cp_wrapper #cp_content h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2em; color: #FC4f00; margin: 35px auto 30px auto; /* border: 1px solid red; /* */ }
   #cp_wrapper #cp_content p { font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: .8em; color: #333; margin: 0 0 40px 0; line-height: 175%; }
	#cp_wrapper #cp_content .content_images { max-width: 1056px; margin: 0 10px 40px 0; text-align: center; z-index: -1; }
	#cp_wrapper #cp_content .content_images img { display: block; width: 100%; border: 5px solid #FFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; z-index: -1; }
	#cp_content article > h1 { display: block; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.8em; color: #FC4f00; margin: 40px auto 20px auto; text-align: center; }
	#cp_content .entry-content h3 { display: block; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.4em; color: #FC4f00; margin: 40px auto 20px auto; text-align: left; }
	#cp_content .entry-content p { font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: .8em; color: #333; margin: 0 0 25px 0; line-height: 175%; }
	#cp_content .entry-content p:last-child { margin: 0 0 50px 0; }
	#cp_content .entry-content strong { color: #333; margin: -10px 0; display: block; }
	#cp_content .entry-content ul { margin: 0 0 30px 25px; list-style-type: disc; line-height: 175%; font-size: .8em; }
	/* PORTFOLIO PAGE */
	#pf_wrapper { margin: 0 0 30px 0; padding: 0; text-align: center; /*border: 1px solid orange; /* */ } 
	   #pf_box1 { /*background-color: #CCFFFF;*/ width: 100%; height: 300px; float: left; margin: -15px 0 0 0; }
	   #pf_box2 { /*background-color: #99FFFF;*/ width: 100%; height: 300px; float: left; }
	   #pf_box3 { /*background-color: #66FFFF;*/ width: 100%; height: 300px; float: left; }
	   #pf_box4 { /*background-color: #99CCCC;*/ width: 100%; height: 300px; float: left; }
	   #pf_box5 { /*background-color: #66CCCC;*/ width: 100%; height: 300px; float: left; }
	   #pf_box6 { /*background-color: #33CCCC;*/ width: 100%; height: 300px; float: left; }
	   #pf_box7 { /*background-color: #669999;*/ width: 100%; height: 300px; float: left; }
	   #pf_box8 { /*background-color: #339999;*/ width: 100%; height: 300px; float: left; }
	   #pf_box9 { /*background-color: #009999;*/ display: none; }
	#pf_box1 > p, #pf_box1 > br, #pf_box2 > p, #pf_box2 > br, #pf_box3 > p, #pf_box3 > br, #pf_box4 > p, #pf_box4 > br, #pf_box5 > p, #pf_box5 > br, #pf_box6 > p, #pf_box6 > br, #pf_box7 > p, #pf_box7 > br, #pf_box8 > p, #pf_box8 > br, #pf_box9 > p, #pf_box9 > br { display: none; }
	#pf_wrapper .gallery-item { display:none; }
	#pf_wrapper .gallery { height: 245px; margin: 0 0 0 0; /*border: 1px solid blue; /* */ }
   #pf_wrapper .gallery .gallery-item:first-child { display:block !important; width: 230px; height: 230px; margin: 20px auto 0 auto; /*border: 1px solid red; /* */ }
   #pf_wrapper .gallery .gallery-item:first-child img { display:block !important; width: 92%; height: auto; border: 10px solid #FFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; z-index: -1; }
   #cp_content .entry-content #pf_wrapper h3 { display: inline-block; text-align: center; margin: 0 auto; font-size: 1.5em; /*border: 1px solid red; /* */ }
	/* ACCORDION STYLES */
	#content_wrapper #accordion { margin: 0 0 0 0; /*border: 1px solid red; /* */ }
   #content_wrapper #accordion .ui-accordion-content { border: 1px solid #FFF; padding: 0 0 10px 0;}
	#content_wrapper #accordion img { margin: 35px 0; }
	#content_wrapper #accordion h2 { display: none; text-indent: -999px; height: 0px; }
	#content_wrapper #accordion h3 { display: block; height: 60px; width: 100%; background-color: #ECECEC; color: #FC4F00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.4em; margin: 0 auto; line-height: 62px; border-bottom: 1px solid #999; }
	_:-ms-fullscreen, :root #content_wrapper #accordion h3 { display: block; height: 60px; width: 100%; background-color: #ECECEC; color: #FC4F00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.4em; margin: 0 auto; line-height: 67px; border-bottom: 1px solid #999; }
	#content_wrapper #accordion h3:hover { display: block; height: 60px; width: 100%; background-color: #FC4F00; color: #FFF; text-decoration: underline; }
	#content_wrapper #accordion h3 a:link { color: #FC4F00; text-decoration: none; display: block; }
	#content_wrapper #accordion h3 a:visited { color: #FC4F00; text-decoration: none; display: block; }
	#content_wrapper #accordion h3 a:hover { color: #FFF; text-decoration: underline; display: block; }
	#content_wrapper #accordion h3 a:active { color: #FC4F00; text-decoration: none; display: block; }
	#content_wrapper #accordion h4 { text-align: left; color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.4em; padding: 0; margin: -60px 30px 45px 30px; line-height: 150%; }
	#content_wrapper #accordion p { color: #666; text-align: left; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: .9em; padding: 0; margin: -10px 30px 0 30px; line-height: 180%; }
    #content_wrapper #accordion strong { display: block; color: #666; text-align: left; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: .9em; padding: 0; margin: 15px 0 0 0; line-height: 180%; }
	#content_wrapper #accordion ul { color: #666; text-align: left; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: .9em; padding: 0; margin: -15px 0 10px 45px; line-height: 180%; list-style-type: disc; }
    #content_wrapper #accordion .readmore { width: 125px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #ff6633; line-height: 33px; display: block; margin: 20px 0 20px 30px; }
    #content_wrapper #accordion .readmore a:link { color: #FFF; text-decoration: none; }
    #content_wrapper #accordion .readmore a:visited { color: #FFF; text-decoration: none; }
    #content_wrapper #accordion .readmore a:hover { color: #402A2D; text-decoration: underline; }
    #content_wrapper #accordion .readmore a:active { color: #FFF; text-decoration: none; }
    /* MENU TOGGLE STYLES */
    #menu_toggle_container { min-height: 60px; margin: 0 auto; /*border: 1px solid blue; /* */  }
    label { cursor: pointer; color: #FFF; height: 60px; display: block; background: url("images/menu_normal.gif") no-repeat 10px center; text-indent: -9999px; /*border: 1px solid pink;*/ }
    label:hover { cursor: pointer; color: #FFF; height: 60px; display: block; background: url("images/menu_hover.gif") no-repeat 10px center; text-indent: -9999px; }
    #nav-toggle { display: none; /* hide the checkbox */ }
    nav { display: none; }
    #nav-toggle:checked + nav { display: block; }
    /* Make top level links display block */
    .menu-main-navigation-menu-container ul li { display: block; width: 100%; }
    /* Make sub menu links display block */
    .menu-main-navigation-menu-container .menu-item-has-children:hover > ul { display: block; width: 100%; }
    .menu-main-navigation-menu-container .menu-item-has-children ul { display: none; position: relative; width: 100px; top: 100%; left: 0; }
    /* Put border under each link */
    .menu-main-navigation-menu-container ul li a { border-bottom: 1px solid #51383D; }
    /* Indent the text a little */
    .menu-main-navigation-menu-container .menu-item-has-children ul li a { padding: 10px 0 10px 20px; }
    /* This adds a plus sign to every link */
    .menu-main-navigation-menu-container li > a:after { content: url("images/menu_plus_symbol.gif"); position: relative; top: 3px; left: 5px; } 
    /* This removes the plus sign when the link is the only child */
    .menu-main-navigation-menu-container li > a:only-child:after { content: ''; }
    /* FOOTER CONTACT FORM */
	 #cp_content .entry-content .wpcf7-form { color: #FFF; margin: 0 0 50px 0; /* border: 1px solid blue; /* */ }
	 #cp_content .entry-content .wpcf7-form .pull-left { width: 100%; height: 300px; /*border: 1px solid orange; /* */ }
	 #cp_content .entry-content .wpcf7-form .pull-right { width: 100%; margin: 40px 0 40px 0;/*border: 1px solid magenta; /* */ }
	 #cp_content .entry-content .wpcf7-form input[type="text"], input[type="email"], .wpcf7-tel  { display: block; height: 40px; color: #FFF; background-color: #160E10; width: 92%; margin: 10px 0 15px 0; border: none; padding: 0 10px; /* */ }
	 #cp_content .entry-content .wpcf7-form select { height: 42px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 10px 0 0 0; color: #FFF; background-color: #160E10; }
	 #cp_content .entry-content .wpcf7-form textarea { display: block; height: 140px; color: #FFF; background-color: #160E10; width: 92%; margin: 10px 0 25px 0; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; padding: 10px; font-size: .8em; border: none; /* */ }
	 #cp_content .entry-content .wpcf7-validation-errors { float: left; padding: 0; margin: -80px 0 0 0; border: none; color: red; font-size: .9em; }
	 #cp_content .entry-content .wpcf7-mail-sent-ok { padding: 30px 0 30px 30px; margin: 0 30px 0 -30px; border: none; color: #00CC00; font-size: .9em; }
	 #cp_content .entry-content .wpcf7-not-valid-tip { /*border: 1px solid blue;*/ float: left;  margin: -15px 40px 15px 0; padding:0; font-size: .9em; }
	 #cp_content .entry-content div.wpcf7-validation-errors { border: none; color: red; margin: -100px 0 0 0; font-size: .8em; }
	 #cp_content .entry-content .footer_submit .wpcf7-submit { width: 90px; height: 35px; background-color: #160E10; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.1em; color: #FFF; border: 1px solid #160E10; line-height: 28px; margin: 0 0 0 0; }
	 #cp_content .entry-content .footer_submit .wpcf7-submit:hover { width: 90px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.1em; color: #FFF; border: 1px solid #FC4f00; line-height: 28px; margin: 0 0 0 0; }
	  /* FOOTER */
	 #toggle_footer h3 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.8em; color: #FC4f00; text-align: center; padding: 25px 0 20px 0;}
	 footer { min-height: 80px; background: url("images/footer_bg.gif") repeat-x; background-color: #26191B; border: 1px solid #26191B; /* */ }
	 _:-ms-fullscreen, :root #toggle_footer h3 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.8em; color: #FC4f00; text-align: center; padding: 29px 0 20px 0;}
	 footer { min-height: 80px; background: url("images/footer_bg.gif") repeat-x; background-color: #26191B; border: 1px solid #26191B; /* */ }
	 #footer_content { min-height: 80px; max-width: 30em; margin: 0 auto; }
	 #footer_left { display: none; }
	 #footer_right { width: 100%; margin: 20px 0 0 0; }
	 /* FOOTER LEFT CONTENT */
   .footer_left_content {  display: none; }
	.footer_right_content { min-height: 275px; margin: 0 30px 0 30px; font-family: "MyriadPro-Condensed", "Helvetica", "Arial", Verdana, sans-serif; padding: 0 0 40px 0; /*border: 1px solid lime; /* */ }
	footer #footer_left h3, footer #footer_right h3 { display: none; }
	footer #footer_left ul { color: #FFF; }
	footer #footer_left ul li { font-family: "MyriadPro-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: 100; line-height: 150%; }
	/* FOOTER CONTACT FORM */
	.footer_right_content .wpcf7-form { color: #FFF; /* border: 1px solid blue; /* */ }
	.footer_right_content .wpcf7-form .pull-left { width: 100%; /*border: 1px solid orange;*/ }
	.footer_right_content .wpcf7-form .pull-right { width: 100%; /*border: 1px solid magenta;*/ }
	.footer_right_content .wpcf7-form input[type="text"], input[type="email"], .wpcf7-tel  { display: block; height: 40px; color: #FFF; background-color: #160E10; width: 92%; margin: 10px 0 15px 0; border: none; padding: 0 10px; /* */ }
	.footer_right_content .wpcf7-form select { height: 42px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 10px 0 25px 0; }
	.footer_right_content .wpcf7-form textarea { display: block; height: 140px; color: #FFF; background-color: #160E10; width: 92%; margin: 10px 0 25px 0; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; padding: 10px; font-size: .8em; border: none; /* */ }
	.footer_right_content .footer_submit .wpcf7-submit { width: 90px; height: 35px; background-color: #160E10; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.1em; color: #FFF; border: 1px solid #160E10; line-height: 28px; margin: 0 0 0 0; }
	.footer_right_content .footer_submit .wpcf7-submit:hover { width: 90px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.1em; color: #FFF; border: 1px solid #FC4f00; line-height: 28px; margin: 0 0 0 0; }
	/* FOOTER CONTACT FORM VALIDATION */
	.footer_right_content .wpcf7-validation-errors { padding: 30px 0 30px 30px; margin: 0 30px 0 -30px; border: none; color: red; font-size: .8em; }
	.footer_right_content .wpcf7-mail-sent-ok { padding: 30px 0 30px 30px; margin: 0 30px 0 -30px; border: none; color: #00CC00; font-size: .8em;}
	.footer_right_content .wpcf7-not-valid-tip { /*border: 1px solid blue;*/ margin:-80px 0 15px 0; padding:0; float: right; font-size: .8em; }
	 /* DEVICE FLAG */
    #device_flag { margin: 20px; border: none; height: 15px; text-align: center; color: #999; }
    #device_flag:before { content: "Copyright Gnangara 2015. All Rights Reserved."; font-size: .8em; }
  

} /* END MOBILE LANDSCAPE & PORTRAIT -----------*/

/* START SMALLER TABLETS -----------------------*/
/* 600x / 16 = 37.5em */
@media only screen and (min-width:481px) and (max-width:600px) {
	/* NAVIGATION */
	#nav_wrapper { min-height: 60px; background-color: #402A2D; /*border-bottom: 1px solid red;*/ }
	nav { max-width: 37.5em; min-height: 60px; margin: 0 auto; /*border-bottom: 1px solid red; /* */ }
	/* HEADER */
	header { height: 215px; background-color: #FFF; max-width: 37.5em; margin: 0 auto; border: 1px solid #FFF; /* */ }
   #logo { margin: 30px auto; background: url("images/gnangara_logo.gif") no-repeat 0 0; height: 85px; width: 235px; /*border: 1px solid lime; /* */ }
	#search { width: 240px; height: 40px; margin: -10px auto; background-color: #ECECEC; }
	#search #s { height: 32px; width: 185px; margin: auto 0; background:none; background-color: none; color: #666; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: .9em; padding: 4px 6px; border: none; /* */ }
	#search label { display: none; }
	#searchsubmit { background: url("images/search_icon.gif") 0 0 no-repeat; text-indent: -9999px; border: none; height: 35px; width: 35px; position: relative; top: 1px; left: 0; }
	#searchsubmit:hover { background: url("images/gnangara_search_icon.gif") 0 -35px no-repeat; text-indent: -9999px; border: none; height: 35px; width: 35px; position: relative; top: 1px; left: 0; cursor: pointer; }
	/* SLIDER */
	#slider { background-color: #CCC; border-top: 7px solid #FC4f00; border-bottom: 7px solid #FC4f00; }
	/* PHONE NUMBER TAB */
	#phone_number_wrapper { height: 100px; max-width: 37.5em; margin: 0 auto; /* border: 1px solid silver; /* */ }
	#phone_tab { width: 315px; height: 65px; background-color: #402A2D; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ position: relative; top: 35px; margin: 0 auto; }
	/* PHONE NUMBER TAB CONTENT PAGE */
	#phone_tab_content { width: 200px; height: 40px; background-color: #402A2D; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ margin: 0 auto -15px auto; position: relative; z-index: 1; }
	#phone_tab_content #phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.3em; width: 180px; height: 25px; text-align: center; position: relative; top: 10px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	_:-ms-fullscreen, :root #phone_tab_content #phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.3em; width: 180px; height: 25px; text-align: center; position: relative; top: 11px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	#phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.1em; width: 300px; height: 30px; text-align: center; position: relative; top: 18px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	_:-ms-fullscreen, :root #phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.1em; width: 300px; height: 30px; text-align: center; position: relative; top: 18px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	#phone_no a:link { color: #FFF; cursor: hand; text-decoration: none; }
	#phone_no a:visited { color: #FFF; cursor: hand; text-decoration: none; }
    #phone_no a:hover { color: #FC4f00; cursor: hand; text-decoration: underline; }
	#phone_no a:active { color: #FFF; cursor: hand; text-decoration: none; }
	/* HOME PAGE CONTENT */
	#content_wrapper { min-height: 820px; background-color: #FFF; padding: 0 0 0 0 /*border: 1px solid lime;*/ }
	#content { max-width: 37.5em; min-height: 820px; margin: 0 auto; background-color: #ECECEC; /*border: 1px solid pink; /* */ }
	#cp_wrapper #cp_content h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2em; color: #FC4f00; text-align: center; margin: 30px auto 30px auto; }
	_:-ms-fullscreen, :root  #cp_wrapper #cp_content h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2em; color: #FC4f00; margin: 35px auto 30px auto; /* border: 1px solid red; /* */ }
   #cp_wrapper #cp_content p { font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: .9em; color: #333; margin: 0 0 40px 0; line-height: 175%; }
   #content_column { min-height: 400px; background-color: #ECECEC; margin: 0 10px; padding: 60px 0 0 0; text-align: center; /* border: 1px solid lime; /* */ }
   #content_column .col-md-4 { float: left; margin: 0 0 25px 0; width: 49.5%; text-align: center;  /*border: 1px solid red; /* */ }
   #custom_post_widget-2 .clear { display: none; /* border: 1px solid red; /* */ }
	#content_column .col-md-4 img { width: 190px; height: 190px; border: 10px solid #FFFFFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; }
	#content_column .col-md-4 h2 { text-align: center; margin: 20px auto; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.3em; color: #FC4f00; }
	#content_column .col-md-4 h2 a { color: #FC4f00; text-decoration: none; } 
   /* CONTENT PAGE CONTENT */
	#cp_wrapper { border-top: 5px solid #FC4f00; padding: 0 40px;}
	#cp_content { max-width: 71.5em; margin: 0 auto; /* border: 1px solid lime;  /* */ }
	#cp_wrapper #cp_content .content_images { max-width: 1056px; margin: 0 20px 40px 0; text-align: center; z-index: 2; }
	#cp_wrapper #cp_content .content_images img { display: block; width: 100%; border: 10px solid #FFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888;}
	#cp_content article > h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.8em; color: #FC4f00; margin: 40px 0 20px 0; }
	#cp_content .entry-content h3 { display: block; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.4em; color: #FC4f00; margin: 40px 0 20px 0; text-align: left; }
	#cp_content .entry-content p { font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: .9em; color: #333; margin: 0 0 25px 0; line-height: 175%; }
	#cp_content .entry-content p:last-child { margin: 0 0 50px 0; }
	#cp_content .entry-content strong { color: #333; margin: -10px 0; display: block; }
	#cp_content .entry-content ul { margin: 0 0 30px 25px; list-style-type: disc; line-height: 175%; font-size: .9em; }
	/* PORTFOLIO PAGE */
	#pf_wrapper { margin: 0 0 30px 0; padding: 0; text-align: center; /*border: 1px solid orange; /* */ } 
	   #pf_box1 { /*background-color: #CCFFFF;*/ width: 50%; height: 250px; float: left; margin: -10px 0 0 0; }
	   #pf_box2 { /*background-color: #99FFFF;*/ width: 50%; height: 250px; float: left; margin: -10px 0 0 0; }
	   #pf_box3 { /*background-color: #66FFFF;*/ width: 50%; height: 250px; float: left; }
	   #pf_box4 { /*background-color: #99CCCC;*/ width: 50%; height: 250px; float: left; }
	   #pf_box5 { /*background-color: #66CCCC;*/ width: 50%; height: 250px; float: left; }
	   #pf_box6 { /*background-color: #33CCCC;*/ width: 50%; height: 250px; float: left; }
	   #pf_box7 { /*background-color: #669999;*/ width: 50%; height: 250px; float: left; }
	   #pf_box8 { /*background-color: #339999;*/ width: 50%; height: 250px; float: left; }
	   #pf_box9 { /*background-color: #009999;*/ display: none; }
	#pf_box1 > p, #pf_box1 > br, #pf_box2 > p, #pf_box2 > br, #pf_box3 > p, #pf_box3 > br, #pf_box4 > p, #pf_box4 > br, #pf_box5 > p, #pf_box5 > br, #pf_box6 > p, #pf_box6 > br, #pf_box7 > p, #pf_box7 > br, #pf_box8 > p, #pf_box8 > br, #pf_box9 > p, #pf_box9 > br { display: none; }
	#pf_wrapper .gallery-item { display:none; }
	#pf_wrapper .gallery { height: 190px; margin: 0 0 0 0; /*border: 1px solid blue; /* */ }
   #pf_wrapper .gallery .gallery-item:first-child { display:block !important; width: 175px; height: 175px; margin: 20px auto 0 auto; /*border: 1px solid red; /* */ }
   #pf_wrapper .gallery .gallery-item:first-child img { display:block !important; width: 92%; height: auto; border: 10px solid #FFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; z-index: -1; }
   #cp_content .entry-content #pf_wrapper h3 { display: inline-block; text-align: center; margin: 0 auto; font-size: 1.2em; /*border: 1px solid red; /* */ }
	/* ACCORDION STYLES */
	#content_wrapper #accordion h3 { display: none; text-indent: -9999px; }
	#content_wrapper #accordion h4 { display: none; }
	#content_wrapper #accordion p { display: none; }
	#content_wrapper #accordion ul { display: none; }
	#content_wrapper #accordion strong { display: none; }
	#content_wrapper #accordion .readmore { display: none; }
    /* MENU TOGGLE STYLES */
    #menu_toggle_container { min-height: 60px; margin: 0 auto; /*border: 1px solid blue; /* */  }
    label { cursor: pointer; color: #FFF; height: 60px; display: block; background: url("images/menu_normal.gif") no-repeat 10px center; text-indent: -9999px; /*border: 1px solid pink;*/ }
    label:hover { cursor: pointer; color: #FFF; height: 60px; display: block; background: url("images/menu_hover.gif") no-repeat 10px center; text-indent: -9999px; }
    #nav-toggle { display: none; /* hide the checkbox */ }
    nav { display: none; }
    #nav-toggle:checked + nav { display: block; }
    /* Make top level links display block */
    .menu-main-navigation-menu-container ul li { display: block; width: 100%; }
    /* Make sub menu links display block */
    .menu-main-navigation-menu-container .menu-item-has-children:hover > ul { display: block; width: 100%; }
    .menu-main-navigation-menu-container .menu-item-has-children ul { display: none; position: relative; width: 100px; top: 100%; left: 0; }
    /* Put border under each link */
    .menu-main-navigation-menu-container ul li a { border-bottom: 1px solid #51383D; }
    /* Indent the text a little */
    .menu-main-navigation-menu-container .menu-item-has-children ul li a { padding: 10px 0 10px 20px; }
    /* This adds a plus sign to every link */
    .menu-main-navigation-menu-container li > a:after { content: url("images/menu_plus_symbol.gif"); position: relative; top: 3px; left: 5px; } 
    /* This removes the plus sign when the link is the only child */
    .menu-main-navigation-menu-container li > a:only-child:after { content: ''; }
    /* CONTACT PAGE CONTACT FORM */
	 #cp_content .entry-content .wpcf7-form { color: #FFF; margin: 0 0 50px 0;/* border: 1px solid blue; /* */ }
	 #cp_content .entry-content .wpcf7-form .pull-left { float: left; width: 49%; /*border: 1px solid orange;*/ }
	 #cp_content .entry-content .wpcf7-form .pull-right { float: right; width: 49%; /*border: 1px solid magenta;*/ }
	 #cp_content .entry-content .wpcf7-form input[type="text"], input[type="email"], .wpcf7-tel  { display: block; height: 40px; color: #FFF; background-color: #160E10; width: 85%; margin: 5px 0 35px 0; border: none; padding: 0 10px; /* */ }
	 #cp_content .entry-content .wpcf7-form select { height: 42px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 94%; margin: 5px 0 25px 0; color: #FFF; background-color: #160E10; }
	 #cp_content .entry-content .wpcf7-form textarea { display: block; height: 140px; color: #FFF; background-color: #160E10; width: 85%; margin: 5px 0 25px 0; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; padding: 10px; font-size: .8em; border: none; /* */ }
	 #cp_content .entry-content .footer_submit .wpcf7-submit { width: 80px; height: 35px; background-color: #160E10; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.1em; color: #FFF; border: 1px solid #160E10; line-height: 28px; margin: 0 0 0 0; }
	 #cp_content .entry-content .footer_submit .wpcf7-submit:hover { width: 80px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.1em; color: #FFF; border: 1px solid #FC4f00; line-height: 28px; margin: 0 0 0 0; }
	 #cp_content .entry-content .wpcf7-validation-errors { float: left; padding: 0; margin: -80px 0 0 0; border: none; color: red; font-size: .8em; }
	 #cp_content .entry-content .wpcf7-mail-sent-ok { padding: 30px 0 30px 30px; margin: 0 30px 0 -30px; border: none; color: #00CC00; font-size: .8em; }
	 #cp_content .entry-content .wpcf7-not-valid-tip { /*border: 1px solid blue;*/ float: left;  margin: -125px 40px 15px 0; padding:0; font-size: .8em; }
	 #cp_content .entry-content div.wpcf7-validation-errors { border: none; color: red; margin: -20px 0 0 0; font-size: .7em; }
	 	/* FOOTER */
	footer { min-height: 300px; background: url("images/footer_bg.gif") repeat-x; background-color: #26191B; border: 1px solid #26191B; /* */ }
	#toggle_footer h3 { text-indent: -9999px; display: none; }
	#footer_content { min-height: 300px; max-width: 37.5em; margin: 0 auto; }
	#footer_left { display: none; }
	#footer_right { width: 100%; min-height: 300px; }
	/* FOOTER LEFT CONTENT */
   .footer_left_content {  display: none; }
	.footer_right_content { min-height: 450px; margin: 0 25px 0 35px; font-family: "MyriadPro-Condensed", "Helvetica", "Arial", Verdana, sans-serif; /*border: 1px solid lime; /* */ }
	footer #footer_left h3, footer #footer_right h3 { text-align: left; margin: 50px 0 30px 0; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.8em; color: #FC4f00; }
	footer #footer_left ul { color: #FFF; }
	footer #footer_left ul li { font-family: "MyriadPro-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: 100; line-height: 150%; }
	/* FOOTER CONTACT FORM */
	.footer_right_content .wpcf7-form { color: #FFF; padding: 0 0 30px 0; /* border: 1px solid blue; /* */ }
	.footer_right_content .wpcf7-form .pull-left { float: left; width: 49%; /*border: 1px solid orange;*/ }
	.footer_right_content .wpcf7-form .pull-right { float: right; width: 49%; /*border: 1px solid magenta;*/ }
	.footer_right_content .wpcf7-form input[type="text"], input[type="email"], .wpcf7-tel  { display: block; height: 40px; color: #FFF; background-color: #160E10; width: 85%; margin: 10px 0 35px 0; border: none; padding: 0 10px; /* */ }
	.footer_right_content .wpcf7-form select { height: 42px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 92%; margin: 10px 0 25px 0; }
	.footer_right_content .wpcf7-form textarea { display: block; height: 100px; color: #FFF; background-color: #160E10; width: 85%; margin: 10px 0 25px 0; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; padding: 10px; font-size: .8em; border: none; /* */ }
	.footer_right_content .footer_submit .wpcf7-submit { width: 80px; height: 35px; background-color: #160E10; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.1em; color: #FFF; border: 1px solid #160E10; line-height: 28px; margin: 0 0 0 0; }
	.footer_right_content .footer_submit .wpcf7-submit:hover { width: 80px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.1em; color: #FFF; border: 1px solid #FC4f00; line-height: 28px; margin: 0 0 0 0; }
	/* FOOTER CONTACT FORM VALIDATION */
	.footer_right_content .wpcf7-validation-errors { float: left; padding: 0; margin: -15px 0 0 0; border: none; color: red; }
	.footer_right_content .wpcf7-mail-sent-ok { padding: 30px 0 30px 30px; margin: 0 30px 0 -30px; border: none; color: #00CC00; }
	.footer_right_content .wpcf7-not-valid-tip { /*border: 1px solid blue;*/ float: left;  margin: -120px 40px 15px 0; padding:0; }
	    /* DEVICE FLAG */
    #device_flag { margin: 20px; border: none; height: 15px; text-align: center; color: #999; }
    #device_flag:before { content: "Copyright Gnangara 2015. All Rights Reserved."; font-size: .8em; }
  
} /* END SMALLER TABLETS -----------------------*/

/* START TABLET PORTRAIT -----------------------*/
/* 768px / 16 = 48em */
@media only screen and (min-width:601px) and (max-width: 768px){
	/* NAVIGATION */
	#nav_wrapper { height: 60px; background-color: #402A2D; }
	nav { max-width: 48em; height: 60px; margin: 0 0 0 15px; /*border: 1px solid lime;*/ }
	/* HEADER */
	header { height: 175px; background-color: #FFF; max-width: 48em; border: 1px solid #FFF; margin: 0 auto; }
	#logo { margin: 45px 0 0 20px; background: url("images/gnangara_logo.gif") no-repeat 0 0; height: 85px; width: 235px; /*border: 1px solid lime; /* */ }
	#search { width: 240px; height: 40px; float: right; margin: -60px 30px 0 0; background-color: #ECECEC; }
	#search #s { height: 32px; width: 185px; margin: auto 0; background:none; background-color: none; color: #666; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: .9em; padding: 4px 6px; border: none; /* */ }
	#searchsubmit { background: url("images/search_icon.gif") 0 0 no-repeat; text-indent: -9999px; border: none; height: 35px; width: 35px; position: relative; top: 1px; left: 0; }
	#searchsubmit:hover { background: url("images/gnangara_search_icon.gif") 0 -35px no-repeat; text-indent: -9999px; border: none; height: 35px; width: 35px; position: relative; top: 1px; left: 0; cursor: pointer; }
	/* SLIDER */
	#slider { background-color: #CCC; border-top: 7px solid #FC4f00; border-bottom: 7px solid #FC4f00; }
	/* PHONE NUMBER TAB */
	#phone_number_wrapper { height: 100px; max-width: 48em; margin: 0 auto; /* border: 1px solid silver; /* */ }
	#phone_tab { width: 315px; height: 65px; background-color: #402A2D; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ position: relative; top: 35px; margin: 0 auto; }
	/* PHONE NUMBER TAB CONTENT PAGE */
	#phone_tab_content { width: 280px; height: 55px; background-color: #402A2D; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ margin: 0 0 -16px 0; position: relative; z-index: 1; }
	#phone_tab_content #phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.8em; width: 265px; height: 30px; text-align: center; position: relative; top: 13px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	#phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.1em; width: 300px; height: 30px; text-align: center; position: relative; top: 15px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	_:-ms-fullscreen, :root #phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.1em; width: 300px; height: 30px; text-align: center; position: relative; top: 19px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	#phone_no a:link { color: #FFF; cursor: hand; text-decoration: none; }
	#phone_no a:visited { color: #FFF; cursor: hand; text-decoration: none; }
   #phone_no a:hover { color: #FC4f00; cursor: hand; text-decoration: underline; }
	#phone_no a:active { color: #FFF; cursor: hand; text-decoration: none; }
	/* HOME PAGE CONTENT */
	#content_wrapper { min-height: 820px; background-color: #FFF; padding: 0 0 0 0; }
	#content { max-width: 48em; min-height: 820px; margin: 0 auto; background-color: #ECECEC; /* border: 1px solid pink; /* */}
	#content_column { min-height: 400px; background-color: #ECECEC; margin: 0 20px; padding: 60px 0 0 0; text-align: center; /* border: 1px solid lime; /* */ }
   #content_column .col-md-4 { float: left; margin: 0 0 40px 0; width: 49.5%; text-align: center;  /*border: 1px solid red; /* */ }
   #custom_post_widget-2 .clear { display: none; /* border: 1px solid red; /* */ }
	#content_column .col-md-4 img { width: 235px; height: 235px; border: 10px solid #FFFFFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; }
	#content_column .col-md-4 h2 { text-align: center; margin: 20px auto; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.4em; color: #FC4f00; }
	#content_column .col-md-4 h2 a { color: #FC4f00; text-decoration: none; }  
	/* CONTENT PAGE CONTENT */
	#cp_wrapper { border-top: 5px solid #FC4f00; padding: 0 30px;}
	#cp_content { max-width: 48em; margin: 0 auto; /* border: 1px solid lime;  /* */ }
	#cp_wrapper #cp_content h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2em; color: #FC4f00; margin: 40px 0 40px 0; }
	_:-ms-fullscreen, :root  #cp_wrapper #cp_content h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2em; color: #FC4f00; margin: 30px 0 25px 0;  /* border: 1px solid red; /* */ }
   #cp_wrapper #cp_content p { font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1em; color: #333; margin: 0 0 40px 0; line-height: 175%; }
	#cp_wrapper #cp_content .content_images { max-width: 1056px; margin: 0 20px 40px 0; text-align: center; }
	#cp_wrapper #cp_content .content_images img { display: block; width: 100%; border: 10px solid #FFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888;}
	#cp_content article > h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.8em; color: #FC4f00; margin: 40px 30px 20px 0; }
	#cp_content .entry-content h3 { display: block; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.4em; color: #FC4f00; margin: 40px 0 20px 0; text-align: left; }
	#cp_content .entry-content p { font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1em; color: #333; margin: 0 0 25px 0; line-height: 175%; }
	#cp_content .entry-content p:last-child { margin: 0 0 50px 0; }
	#cp_content .entry-content strong { color: #333; margin: -10px 0; display: block; }
	#cp_content .entry-content ul { margin: 0 0 30px 25px; list-style-type: disc; line-height: 175%; }
	/* PORTFOLIO PAGE */
   #pf_wrapper { margin: 0 0 30px 0; padding: 0; text-align: center; /*border: 1px solid orange;*/ } 
	   #pf_box1 { /*background-color: #CCFFFF;*/ width: 50%; height: 310px; float: left; }
	   #pf_box2 { /*background-color: #99FFFF;*/ width: 50%; height: 310px; float: left; }
	   #pf_box3 { /*background-color: #66FFFF;*/ width: 50%; height: 310px; float: left; }
	   #pf_box4 { /*background-color: #99CCCC;*/ width: 50%; height: 310px; float: left; }
	   #pf_box5 { /*background-color: #66CCCC;*/ width: 50%; height: 310px; float: left; }
	   #pf_box6 { /*background-color: #33CCCC;*/ width: 50%; height: 310px; float: left; }
	   #pf_box7 { /*background-color: #669999;*/ width: 50%; height: 310px; float: left; }
	   #pf_box8 { /*background-color: #339999;*/ width: 50%; height: 310px; float: left; }
	   #pf_box9 { /*background-color: #009999;*/ display: none; }
	#pf_box1 > p, #pf_box1 > br, #pf_box2 > p, #pf_box2 > br, #pf_box3 > p, #pf_box3 > br, #pf_box4 > p, #pf_box4 > br, #pf_box5 > p, #pf_box5 > br, #pf_box6 > p, #pf_box6 > br, #pf_box7 > p, #pf_box7 > br, #pf_box8 > p, #pf_box8 > br, #pf_box9 > p, #pf_box9 > br { display: none; }
	#pf_wrapper .gallery-item { display:none; }
	#pf_wrapper .gallery { height: 245px; margin: 0 0 0 0; /*border: 1px solid blue; /* */ }
   #pf_wrapper .gallery .gallery-item:first-child { display:block !important; width: 230px; height: 230px; margin: 20px auto 0 auto; /*border: 1px solid red; /* */ }
   #pf_wrapper .gallery .gallery-item:first-child img { display:block !important; width: 92%; height: auto; border: 10px solid #FFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; z-index: -1; }
   #cp_content .entry-content #pf_wrapper h3 { display: inline-block; text-align: center; margin: 0 auto; font-size: 1.6em; /*border: 1px solid red; /* */ }
	/* ACCORDION STYLES */
	#content_wrapper #accordion h3 { display: none; text-indent: -9999px; }
	#content_wrapper #accordion h4 { display: none; }
	#content_wrapper #accordion p { display: none; }
	#content_wrapper #accordion ul { display: none; }
	#content_wrapper #accordion strong { display: none; }
   #content_wrapper #accordion .readmore { display: none; }
   /* MENU TOGGLE STYLES */
   #menu_toggle_container { height: 60px; max-width: 48em; margin: 0 auto; /*border: 1px solid blue; /* */  }
   label { display: none; }
   label:hover { display: none }
   #nav-toggle { display: none; /* hide the checkbox */ }
   nav { display: block; }
   /*#nav-toggle:checked + nav { display: none; }*/
   /* CONTACT PAGE CONTACT FORM */
	#cp_content .entry-content .wpcf7-form { color: #FFF; margin: 0 0 50px 0; /* border: 1px solid blue; /* */ }
	#cp_content .entry-content .wpcf7-form .pull-left { float: left; width: 47%; /*border: 1px solid orange; /* */ }
	#cp_content .entry-content .wpcf7-form .pull-right { float: right; width: 47%; /*border: 1px solid magenta; /* */ }
	#cp_content .entry-content .wpcf7-form input[type="text"], input[type="email"], .wpcf7-tel  { display: block; height: 40px; color: #FFF; background-color: #160E10; width: 92%; margin: 5px 0 25px 0; border: none; padding: 0 10px; /* */ }
	#cp_content .entry-content .wpcf7-form select { height: 42px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 98%; margin: 5px 0 25px 0; color: #FFF; background-color: #160E10; }
	#cp_content .entry-content .wpcf7-form textarea { display: block; height: 140px; color: #FFF; background-color: #160E10; width: 92%; margin: 5px 0 25px 0; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; padding: 10px; font-size: .8em; border: none; /* */ }
	#cp_content .entry-content .footer_submit .wpcf7-submit { width: 100px; height: 35px; background-color: #160E10; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #160E10; line-height: 28px; margin: 0 0 0 0; }
	#cp_content .entry-content .footer_submit .wpcf7-submit:hover { width: 100px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #FC4f00; line-height: 28px; margin: 0 0 0 0; }
	#cp_content .entry-content .wpcf7-validation-errors { padding: 0; margin: -40px 0 0 0; border: none; color: red; font-size: .9em; }
	#cp_content .entry-content .wpcf7-mail-sent-ok { padding: 30px 0 30px 30px; margin: 0 30px 0 -30px; border: none; color: #00CC00; font-size: .9em; }
	#cp_content .entry-content .wpcf7-not-valid-tip { /*border: 1px solid blue;*/ float: left;  margin: -120px 40px 15px 0; padding:0; font-size: .9em; }
	#cp_content .entry-content div.wpcf7-validation-errors { border: none; color: red; margin: -110px 0 0 0; font-size: .9em; }
	/* FOOTER */
	footer { min-height: 480px; background: url("images/footer_bg.gif") repeat-x; background-color: #26191B; border: 1px solid #26191B; /* */ }
	#toggle_footer h3 { text-indent: -9999px; display: none; }
	#footer_content { min-height: 480px; max-width: 48em; margin: 0 auto; padding: 0 0 10px 0; }
	#footer_left { display: none; }
	#footer_right { width: 90%; height: 465px; margin: 0 auto; }
	/* FOOTER LEFT CONTENT */
   .footer_left_content {  display: none; }
	.footer_right_content { min-height: 450px; margin: 0 auto; font-family: "MyriadPro-Condensed", "Helvetica", "Arial", Verdana, sans-serif; /*border: 1px solid lime; /* */ }
	footer #footer_left h3, footer #footer_right h3 { text-align: left; margin: 50px 0 30px 0; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.8em; color: #FC4f00; }
	footer #footer_left ul { color: #FFF; }
	footer #footer_left ul li { font-family: "MyriadPro-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: 100; line-height: 150%; }
	/* FOOTER CONTACT FORM */
	.footer_right_content .wpcf7-form { color: #FFF; /* border: 1px solid blue; /* */ }
	.footer_right_content .wpcf7-form .pull-left { float: left; width: 47%; /*border: 1px solid orange; /* */ }
	.footer_right_content .wpcf7-form .pull-right { float: right; width: 47%; /*border: 1px solid magenta; /* */ }
	.footer_right_content .wpcf7-form input[type="text"], input[type="email"], .wpcf7-tel  { display: block; height: 40px; color: #FFF; background-color: #160E10; width: 92%; margin: 10px 0 25px 0; border: none; padding: 0 10px; /* */ }
	.footer_right_content .wpcf7-form select { height: 42px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 10px 0 25px 0; }
	.footer_right_content .wpcf7-form textarea { display: block; height: 100px; color: #FFF; background-color: #160E10; width: 92%; margin: 10px 0 25px 0; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; padding: 10px; font-size: .8em; border: none; /* */ }
	.footer_right_content .footer_submit .wpcf7-submit { width: 100px; height: 35px; background-color: #160E10; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #160E10; line-height: 28px; margin: 0 0 0 0; }
	.footer_right_content .footer_submit .wpcf7-submit:hover { width: 100px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #FC4f00; line-height: 28px; margin: 0 0 0 0; }
	/* FOOTER CONTACT FORM VALIDATION */
	.footer_right_content .wpcf7-validation-errors { float: left; padding: 0; margin: -20px 0 0 0; border: none; color: red; }
	.footer_right_content .wpcf7-mail-sent-ok { padding: 30px 0 30px 30px; margin: 0 30px 0 -30px; border: none; color: #00CC00;  }
	.footer_right_content .wpcf7-not-valid-tip { /*border: 1px solid blue;*/ float: left;  margin: -110px 40px 15px 0; padding:0; }
	/* DEVICE FLAG */
   #device_flag { margin: 20px; border: none; height: 15px; text-align: center; color: #999; }
   #device_flag:before { content: "Copyright Gnangara 2015. All Rights Reserved."; font-size: .8em; }
	
} /* END TABLET PORTRAIT -----------------------*/

/* START TABLET LANDSCAPE OR LAPTOP ------------*/
/* 1024px / 16 = 64em */
@media only screen and (min-width:769px) and (max-width: 1024px){
	/* NAVIGATION */
	#nav_wrapper { height: 60px; background-color: #402A2D; }
	nav { max-width: 64em; height: 60px; margin: 0 30px 0 15px; /*border: 1px solid lime;/* */ }
	/* HEADER */
	header { height: 175px; background-color: #FFF; max-width: 64em; margin: 0 auto; border: 1px solid #FFF; }
   #logo { margin: 45px 0 0 20px; background: url("images/gnangara_logo.gif") no-repeat 0 0; height: 85px; width: 235px; /*border: 1px solid lime; /* */ }
   #search { width: 240px; height: 40px; float: right; margin: -60px 30px 0 0; background-color: #ECECEC; }
	#search #s { height: 32px; width: 185px; margin: auto 0; background:none; background-color: none; color: #666; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: .9em; padding: 4px 6px; border: none; /* */ }
	#searchsubmit { background: url("images/search_icon.gif") 0 0 no-repeat; text-indent: -9999px; border: none; height: 35px; width: 35px; position: relative; top: 1px; left: 0; }
	#searchsubmit:hover { background: url("images/gnangara_search_icon.gif") 0 -35px no-repeat; text-indent: -9999px; border: none; height: 35px; width: 35px; position: relative; top: 1px; left: 0; cursor: pointer; }
	/* SLIDER */
	#slider { background-color: #CCC; border-top: 7px solid #FC4f00; border-bottom: 7px solid #FC4f00; }
	/* PHONE NUMBER TAB */
	#phone_number_wrapper { height: 100px; max-width: 64em; margin: 0 auto; /* border: 1px solid silver; /* */ }
	#phone_tab { width: 315px; height: 65px; background-color: #402A2D; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ position: relative; top: 35px; left: 60px; }
	/* PHONE NUMBER TAB CONTENT PAGE */
	#phone_tab_content { width: 315px; height: 65px; background-color: #402A2D; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ float: right; margin: -45px 0 0 0; position: relative; }
	#phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.1em; width: 300px; height: 30px; text-align: center; position: relative; top: 15px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	_:-ms-fullscreen, :root #phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.1em; width: 300px; height: 30px; text-align: center; position: relative; top: 19px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	#phone_no a:link { color: #FFF; cursor: hand; text-decoration: none; }
	#phone_no a:visited { color: #FFF; cursor: hand; text-decoration: none; }
   #phone_no a:hover { color: #FC4f00; cursor: hand; text-decoration: underline; }
	#phone_no a:active { color: #FFF; cursor: hand; text-decoration: none; }
	/* HOME PAGE CONTENT */
	#content_wrapper { min-height: 820px; background-color: #ECECEC; }
	#content { max-width: 64em; min-height: 820px; margin: 0 auto; /*border: 1px solid pink;*/ }
    #content_column { min-height: 400px; background-color: #ECECEC; margin: 0 20px; padding: 60px 0 0 0; text-align: center; /* border: 1px solid lime; /* */ }
	#content_column .col-md-4 { float: left; margin: 0 0 40px 0; width: 49.5%; text-align: center;  /*border: 1px solid red; /* */ }
    #custom_post_widget-2 .clear { display: none; /* border: 1px solid red; /* */ }
	#content_column .col-md-4 img { border: 10px solid #FFFFFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; }
	#content_column .col-md-4 h2 { text-align: center; margin: 20px auto; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.8em; color: #FC4f00; }
	#content_column .col-md-4 h2 a { color: #FC4f00; text-decoration: none; } 
   /* CONTENT PAGE CONTENT */
	#cp_wrapper { border-top: 5px solid #FC4f00; padding: 0 30px;}
	#cp_content { max-width: 71.5em; margin: 0 auto; /* border: 1px solid lime;  /* */ }
	#cp_wrapper #cp_content h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.2em; color: #FC4f00; margin: 40px 0 25px 0; }
	_:-ms-fullscreen, :root  #cp_wrapper #cp_content h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.2em; color: #FC4f00; margin: 50px 0 25px 0; /* border: 1px solid red; /* */ }
   #cp_wrapper #cp_content p { font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1em; color: #333; margin: 0 0 40px 0; line-height: 175%; }
   #cp_wrapper #cp_content .content_images { max-width: 1056px; margin: 0 20px 40px 0; text-align: center; }
	#cp_wrapper #cp_content .content_images img { display: block; width: 100%; border: 10px solid #FFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888;}
	#cp_content article > h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.5em; color: #FC4f00; margin: 40px 0 25px 0; }
	#cp_content .entry-content h3 { display: block; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.4em; color: #FC4f00; margin: 40px 0 20px 0; text-align: left; }
	#cp_content .entry-content p { font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1em; color: #333; margin: 0 0 25px 0; line-height: 175%; }
	#cp_content .entry-content p:last-child { margin: 0 0 50px 0; }
   #cp_content .entry-content strong { color: #333; margin: -10px 0; display: block; }
	#cp_content .entry-content ul { margin: 0 0 30px 25px; list-style-type: disc; line-height: 175%; }
	/* PORTFOLIO PAGE */ 
   #pf_wrapper { margin: 0 0 30px 0; padding: 0; text-align: center; /*border: 1px solid orange; /* */ } 
	   #pf_box1 { /*background-color: #CCFFFF;*/ width: 33.33%; height: 290px; float: left; }
	   #pf_box2 { /*background-color: #99FFFF;*/ width: 33.33%; height: 290px; float: left; }
	   #pf_box3 { /*background-color: #66FFFF;*/ width: 33.33%; height: 290px; float: left; }
	   #pf_box4 { /*background-color: #99CCCC;*/ width: 33.33%; height: 290px; float: left; }
	   #pf_box5 { /*background-color: #66CCCC;*/ width: 33.33%; height: 290px; float: left; }
	   #pf_box6 { /*background-color: #33CCCC;*/ width: 33.33%; height: 290px; float: left; }
	   #pf_box7 { /*background-color: #669999;*/ width: 33.33%; height: 290px; float: left; }
	   #pf_box8 { /*background-color: #339999;*/ width: 33.33%; height: 290px; float: left; }
	   #pf_box9 { /*background-color: #009999;*/ width: 33.33%; height: 290px; float: left; }
	   #pf_box1 > p, #pf_box1 > br, #pf_box2 > p, #pf_box2 > br, #pf_box3 > p, #pf_box3 > br, #pf_box4 > p, #pf_box4 > br, #pf_box5 > p, #pf_box5 > br, #pf_box6 > p, #pf_box6 > br, #pf_box7 > p, #pf_box7 > br, #pf_box8 > p, #pf_box8 > br, #pf_box9 > p, #pf_box9 > br { display: none; }
	#pf_wrapper .gallery-item { display:none; }
	#pf_wrapper .gallery { height: 230px; margin: 0 0 0 0; /*border: 1px solid blue; /* */ }
   #pf_wrapper .gallery .gallery-item:first-child { display:block !important; width: 215px; height: 215px; margin: 20px auto 0 auto; /*border: 1px solid red; /* */ }
   #pf_wrapper .gallery .gallery-item:first-child img { display:block !important; width: 92%; height: auto; border: 10px solid #FFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; z-index: -1; }
   #cp_content .entry-content #pf_wrapper h3 { display: inline-block; text-align: center; margin: 0 auto; font-size: 1.6em; /*border: 1px solid red; /* */ }
    /* ACCORDION STYLES */
	#content_wrapper #accordion h3 { display: none; text-indent: -9999px; }
	#content_wrapper #accordion h4 { display: none; }
	#content_wrapper #accordion p { display: none; }
	#content_wrapper #accordion ul { display: none; }
	#content_wrapper #accordion strong { display: none; }
    #content_wrapper #accordion .readmore { display: none; }
	   /* MENU TOGGLE STYLES */
   #menu_toggle_container { height: 60px; max-width: 64em; margin: 0 auto; /*border: 1px solid blue; /* */  }
   label { display: none; }
   label:hover { display: none }
   #nav-toggle { display: none; /* hide the checkbox */ }
   nav { display: block; }
   /*#nav-toggle:checked + nav { display: none; }*/
   /* CONTACT PAGE CONTACT FORM */
	#cp_content .entry-content .wpcf7-form { color: #FFF; margin: -20px 0 50px 0; /*border: 1px solid blue; /* */ }
	#cp_content .entry-content .wpcf7-form .pull-left { float: left; width: 47%; /*border: 1px solid orange;/* */ }
	#cp_content .entry-content .wpcf7-form .pull-right { float: right; width: 47%; /*border: 1px solid magenta;/* */ }
	#cp_content .entry-content .wpcf7-form input[type="text"], input[type="email"], .wpcf7-tel  { display: block; height: 40px; color: #FFF; background-color: #160E10; width: 94%; margin: 10px 0 15px 0; border: none; padding: 0 10px; /* */ }
	#cp_content .entry-content .wpcf7-form select { height: 42px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 10px 0 25px 0; background-color: #160E10; color: #FFF; }
	#cp_content .entry-content .wpcf7-form textarea { display: block; height: 140px; color: #FFF; background-color: #160E10; width: 94%; margin: 10px 0 25px 0; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; padding: 10px; font-size: .8em; border: none; /* */ }
	#cp_content .entry-content .footer_submit .wpcf7-submit { width: 125px; height: 35px; background-color: #160E10; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #160E10; line-height: 28px; margin: 0 0 0 0; }
	#cp_content .entry-content .footer_submit .wpcf7-submit:hover { width: 125px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #FC4f00; line-height: 28px; margin: 0 0 0 0; }
	#cp_content .entry-content .wpcf7-validation-errors { padding: 30px 0 30px 30px; margin: -50px 30px 0 -30px; border: none; color: red; font-size: .9em; }
	#cp_content .entry-content .wpcf7-mail-sent-ok { padding: 30px 0 30px 30px; margin: -50px 30px 0 -30px; border: none; color: #00CC00; font-size: .9em; }
	#cp_content .entry-content .wpcf7-not-valid-tip { /*border: 1px solid blue;*/ margin:-80px 0 15px 0; padding:0; float: right; font-size: .9em; }
	#cp_content .entry-content div.wpcf7-validation-errors { border: none; color: red; margin: -115px 0 0 -30px; font-size: .9em; }
	/* FOOTER */
	footer { min-height: 300px; background: url("images/footer_bg.gif") repeat-x; background-color: #26191B; padding: 0 50px 20px 0; border: 1px solid #26191B; }
	#toggle_footer h3 { text-indent: -9999px; display: none; }
	#footer_content { min-height: 300px; max-width: 64em; margin: 0 auto; }
	#footer_left { width: 29%; min-height: 300px; float: left;  /*border: 1px solid blue; /* */ }
	#footer_right { width: 69%; min-height: 300px; float: left; /*border: 1px solid orange; /* */ }
	/* FOOTER LEFT CONTENT */
   .footer_left_content {  min-height: 300px; margin: 0 0 0 55px; /*border: 1px solid lime; /* */ }
	.footer_right_content { min-height: 300px; margin: 0 0 0 30px; font-family: "MyriadPro-Condensed", "Helvetica", "Arial", Verdana, sans-serif; /*border: 1px solid lime; /* */ }
	footer #footer_left h3, footer #footer_right h3 { text-align: left; margin: 50px 0 30px 0; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.8em; color: #FC4f00; }
	footer #footer_left ul { color: #FFF; }
	footer #footer_left ul li { font-family: "MyriadPro-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: 100; line-height: 150%; }
	/* FOOTER CONTACT FORM */
	.footer_right_content .wpcf7-form { color: #FFF; margin: 0 0 0 0; /*border: 1px solid blue; /* */ }
	.footer_right_content .wpcf7-form .pull-left { float: left; width: 47%; /*border: 1px solid orange; /* */ }
	.footer_right_content .wpcf7-form .pull-right { float: right; width: 47%; /*border: 1px solid magenta; /* */ }
	.footer_right_content .wpcf7-form input[type="text"], input[type="email"], .wpcf7-tel  { display: block; height: 40px; color: #FFF; background-color: #160E10; width: 92%; margin: 10px 0 30px 0; border: none; padding: 0 10px; /* */ }
	.footer_right_content .wpcf7-form select { height: 42px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 10px 0 25px 0; }
	.footer_right_content .wpcf7-form textarea { display: block; height: 100px; color: #FFF; background-color: #160E10; width: 92%; margin: 10px 0 25px 0; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; padding: 10px; font-size: .8em; border: none; /* */ }
	.footer_right_content .footer_submit .wpcf7-submit { width: 95px; height: 35px; background-color: #160E10; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #160E10; line-height: 28px; margin: 0 0 20px 0; }
	.footer_right_content .footer_submit .wpcf7-submit:hover { width: 95px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #FC4f00; line-height: 28px; margin: 0 0 20px 0; }
	/* FOOTER CONTACT FORM VALIDATION */
   .footer_right_content .wpcf7-validation-errors { float: left; padding: 0; margin: -40px 0 0 0; border: 1px solid lime; color: red; }
	.footer_right_content .wpcf7-mail-sent-ok { padding: 30px 0 30px 30px; margin: 0 30px 0 -30px; border: none; color: #00CC00; }
	.footer_right_content .wpcf7-not-valid-tip { /*border: 1px solid blue;*/ float: right;  margin: -20px 0 0 0; padding:0; }
	.footer_right_content .wpcf7-not-valid-tip .wpcf7-form-control-wrap your-name { border: 1px solid lime; }
	.footer_right_content div.wpcf7-validation-errors { border: none; color: red; margin: -60px 0 0 10; font-size: 1em; }
   /* DEVICE FLAG */
   #device_flag { margin: 20px; border: none; height: 15px; text-align: center; color: #999; }
   #device_flag:before { content: "Copyright Gnangara 2015. All Rights Reserved."; font-size: .8em; }

} /* END TABLET LANDSCAPE OR LAPTOP -----------*/

/* START DESKTOPS AND LARGE SCREENS -----------*/
/* 1200px / 16 = 75em */
@media only screen and (min-width:1025px) {
	/* NAVIGATION */
	#nav_wrapper { height: 60px; background-color: #402A2D; }
	nav { max-width: 73.5em; height: 60px; margin: 0 30px 0 15px; /*border: 1px solid lime; /* */ }
	/* HEADER */
	header { height: 175px; background-color: #FFF; max-width: 66em; margin: 0 auto; padding: 0 30px; border: 1px solid #FFF; /* */ }
	#logo { margin: 45px 0 0 -10px; background: url("images/gnangara_logo.gif") no-repeat 0 0; height: 85px; width: 235px; /*border: 1px solid lime; /* */ }
	#search { width: 240px; height: 40px; float: right; margin: -60px 0 0 0; background-color: #ECECEC; }
	#search #s { height: 32px; width: 185px; margin: auto 0; background:none; background-color: none; color: #666; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: .9em; padding: 4px 6px; border: none; /* */ }
	#searchsubmit { background: url("images/gnangara_search_icon.gif") 0 0 no-repeat; text-indent: -9999px; border: none; height: 35px; width: 35px; position: relative; top: 1px; left: 0; }
	#searchsubmit:hover { background: url("images/gnangara_search_icon.gif") 0 -35px no-repeat; text-indent: -9999px; border: none; height: 35px; width: 35px; position: relative; top: 1px; left: 0; cursor: pointer; }
	/* SLIDER */
	#slider { margin: 0 auto; background-color: #CCC; border-top: 7px solid #FC4f00; border-bottom: 7px solid #FC4f00; z-index: 1; }
	#slider img { display: block; width: 100% }
	/* PHONE NUMBER TAB */
	#phone_number_wrapper { height: 100px; max-width: 75em; margin: 0 auto; /*border: 1px solid #FFF; /* */ }
	#phone_tab { width: 315px; height: 65px; background-color: #402A2D; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ position: relative; top: 35px; left: 100px;  }
	/* PHONE NUMBER TAB CONTENT PAGE */
	#phone_tab_content { width: 315px; height: 65px; background-color: #402A2D; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ float: right; margin: -45px 0 0 0; position: relative; z-index: 1; }
	#phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.1em; width: 300px; height: 30px; text-align: center; position: relative; top: 15px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	_:-ms-fullscreen, :root #phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.1em; width: 300px; height: 30px; text-align: center; position: relative; top: 19px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	.ie10 #phone_no { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.1em; width: 300px; height: 30px; text-align: center; position: relative; top: 19px; left: 7px; color: #FFF; border: 1px solid #402A2D; }
	#phone_no a:link { color: #FFF; cursor: hand; text-decoration: none; }
	#phone_no a:visited { color: #FFF; cursor: hand; text-decoration: none; }
    #phone_no a:hover { color: #FC4f00; cursor: hand; text-decoration: underline; }
	#phone_no a:active { color: #FFF; cursor: hand; text-decoration: none; }
	/* HOME PAGE CONTENT */
	#content_wrapper { min-height: 400px; background-color: #ECECEC; }
	#content { max-width: 66em; min-height: 400px; margin: 0 auto;  /*border: 1px solid #333; /* */ }
	#content_column { min-height: 400px; background-color: #ECECEC; margin: 0 25px; padding: 60px 0 0 0; text-align: center; /* border: 1px solid lime; /* */ }
	#content_column .col-md-4 { float: left; margin: 0 0 40px 0; width: 33.33%; /* border: 1px solid red; /* */ }
	#content_column .col-md-4 img { border: 10px solid #FFFFFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; }
	#content_column .col-md-4 h2 { text-align: center; margin: 20px 0 0 0; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.8em; color: #FC4f00; }
	#content_column .col-md-4 h2 a { color: #FC4f00; text-decoration: none; } 
   /* CONTENT PAGE CONTENT */
	#cp_wrapper { border-top: 5px solid #FC4f00; padding: 0 30px;}
	#cp_content { max-width: 66em; margin: 0 auto; padding: 0 0 30px 0; /*border: 1px solid lime;  /* */ }
   #cp_wrapper #cp_content h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.5em; color: #FC4f00; margin: 40px 0 25px 0; }
   _:-ms-fullscreen, :root  #cp_wrapper #cp_content h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.5em; color: #FC4f00; margin: 50px 0 25px 0; /* border: 1px solid red; /* */ }
   #cp_wrapper #cp_content p { font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1em; color: #333; margin: 0 0 40px 0; line-height: 175%; }
	#cp_wrapper #cp_content .content_images { max-width: 1056px; margin: 0 20px 40px 0; text-align: center; }
	#cp_wrapper #cp_content .content_images img { display: block; width: 100%; border: 10px solid #FFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; z-index: -1;}
	#cp_content article > h1 { font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 2.5em; color: #FC4f00; margin: 40px 0 25px 0; }
	#cp_content .entry-content h3 { display: block; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1.4em; color: #FC4f00; margin: 40px 0 20px 0; text-align: left; }
	#cp_content .entry-content p { font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; font-size: 1em; color: #333; margin: 0 0 25px 0; line-height: 175%; }
	#cp_content .entry-content p:last-child { margin: 0 0 50px 0; }
	#cp_content .entry-content strong { color: #333; margin: -10px 0; display: block; }
	#cp_content .entry-content ul { margin: 0 0 30px 25px; list-style-type: disc; line-height: 175%; }
	/* PORTFOLIO PAGE */
	#pf_wrapper { margin: 0 0 30px 0; padding: 0; text-align: center; /*border: 1px solid orange; /* */ } 
	   #pf_box1 { /*background-color: #CCFFFF;*/ width: 33.33%; height: 350px; float: left; }
	   #pf_box2 { /*background-color: #99FFFF;*/ width: 33.33%; height: 350px; float: left; }
	   #pf_box3 { /*background-color: #66FFFF;*/ width: 33.33%; height: 350px; float: left; }
	   #pf_box4 { /*background-color: #99CCCC;*/ width: 33.33%; height: 350px; float: left; }
	   #pf_box5 { /*background-color: #66CCCC;*/ width: 33.33%; height: 350px; float: left; }
	   #pf_box6 { /*background-color: #33CCCC;*/ width: 33.33%; height: 350px; float: left; }
	   #pf_box7 { /*background-color: #669999;*/ width: 33.33%; height: 350px; float: left; }
	   #pf_box8 { /*background-color: #339999;*/ width: 33.33%; height: 350px; float: left; }
	   #pf_box9 { /*background-color: #009999;*/ width: 33.33%; height: 350px; float: left; }
	   #pf_box1 > p, #pf_box1 > br, #pf_box2 > p, #pf_box2 > br, #pf_box3 > p, #pf_box3 > br, #pf_box4 > p, #pf_box4 > br, #pf_box5 > p, #pf_box5 > br, #pf_box6 > p, #pf_box6 > br, #pf_box7 > p, #pf_box7 > br, #pf_box8 > p, #pf_box8 > br, #pf_box9 > p, #pf_box9 > br { display: none; }
	#pf_wrapper .gallery-item { display:none; }
	#pf_wrapper .gallery { height: 275px; margin: 0 0 0 0; /*border: 1px solid blue; /* */ }
   #pf_wrapper .gallery .gallery-item:first-child { display:block !important; width: 260px; height: 260px; margin: 20px auto 0 auto; /*border: 1px solid red; /* */ }
   #pf_wrapper .gallery .gallery-item:first-child img { display:block !important; width: 92%; height: auto; border: 10px solid #FFF; -moz-box-shadow: 0 0 6px #888; -webkit-box-shadow: 0 0 6px #888; box-shadow: 0 0 6px #888; z-index: -1; }
   #cp_content .entry-content #pf_wrapper h3 { display: inline-block; text-align: center; margin: 0 auto; font-size: 1.6em; /*border: 1px solid red; /* */ }
	
	/* ACCORDION STYLES */
	#content_wrapper #accordion h3 { display: none; text-indent: -9999px; }
	#content_wrapper #accordion h4 { display: none; }
	#content_wrapper #accordion p { display: none; }
	#content_wrapper #accordion ul { display: none; }
	#content_wrapper #accordion strong { display: none; }
	#content_wrapper #accordion .readmore { display: none;  }

    /* MENU TOGGLE STYLES */
    #menu_toggle_container { height: 60px; max-width: 72em; margin: 0 auto; /*border: 1px solid blue; /* */  }
    label { display: none; }
    label:hover { display: none }
    #nav-toggle { display: none; /* hide the checkbox */ }
    nav { display: block; }
    /*#nav-toggle:checked + nav { display: none; }*/
    /* CONTACT PAGE CONTACT FORM */
	 #cp_content .entry-content .wpcf7-form { color: #FFF; margin: -20px 0 50px 0; /*border: 1px solid blue; /* */ }
	 #cp_content .entry-content .wpcf7-form .pull-left { float: left; width: 47%; /*border: 1px solid orange;/* */ }
	 #cp_content .entry-content .wpcf7-form .pull-right { float: right; width: 47%; /*border: 1px solid magenta;/* */ }
	 #cp_content .entry-content .wpcf7-form input[type="text"], input[type="email"], .wpcf7-tel  { display: block; height: 40px; color: #FFF; background-color: #160E10; width: 94%; margin: 10px 0 15px 0; border: none; padding: 0 10px; /* */ }
	 #cp_content .entry-content .wpcf7-form select { height: 42px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 98%; margin: 10px 0 25px 0; background-color: #160E10; color: #FFF; }
	 #cp_content .entry-content .wpcf7-form textarea { display: block; height: 140px; color: #FFF; background-color: #160E10; width: 94%; margin: 10px 0 25px 0; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; padding: 10px; font-size: .8em; border: none; /* */ }
	 #cp_content .entry-content .footer_submit .wpcf7-submit { width: 125px; height: 35px; background-color: #160E10; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #160E10; line-height: 28px; margin: 0 0 0 0; }
	 #cp_content .entry-content .footer_submit .wpcf7-submit:hover { width: 125px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #FC4f00; line-height: 28px; margin: 0 0 0 0; }
	 #cp_content .entry-content .wpcf7-validation-errors { padding: 30px 0 30px 30px; margin: -50px 30px 0 -30px; border: none; width: 50%; color: red; }
	 #cp_content .entry-content .wpcf7-mail-sent-ok { padding: 30px 0 30px 30px; margin: -50px 30px 0 -30px; border: none; color: #00CC00; text-align: left; display:inline-block; width: 50%; }
	 #cp_content .entry-content .wpcf7-not-valid-tip { /*border: 1px solid blue;*/ margin:-80px 10px 15px 0; padding:0; float: right; }
	 	/* FOOTER */
	footer { height: 560px; background: url("images/footer_bg.gif") repeat-x; background-color: #26191B; border: 1px solid #26191B; /* */ }
	#toggle_footer h3 { text-indent: -9999px; display: none; }
	#footer_content { height: 465px; max-width: 66em; margin: 0 auto; padding: 0 30px; /*border: 1px solid lime; /* */ } 
	#footer_left { width: 30%; height: 465px; float: left; /*border: 1px solid red; /* */ }
	#footer_right { width: 70%; height: 465px; float: left; /*border: 1px solid red /* */ }
	/* FOOTER LEFT CONTENT */
	.footer_left_content {  min-height: 450px; padding: 0 0 0 0; /*border: 1px solid lime; /* */ }
	footer #footer_left h3, footer #footer_right h3 { text-align: left; margin: 50px 0 30px 0; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.8em; color: #FC4f00; }
	footer #footer_left ul { color: #FFF; }
	footer #footer_left ul li { font-family: "MyriadPro-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: 100; line-height: 150%; }
	/* FOOTER CONTACT FORM */
	.footer_right_content { min-height: 450px; margin: 0 0 0 65px; font-family: "MyriadPro-Condensed", "Helvetica", "Arial", Verdana, sans-serif; /*border: 1px solid lime; /* */ }
	.footer_right_content .wpcf7-form { color: #FFF; /*border: 1px solid blue; /* */ }
	.footer_right_content .wpcf7-form .pull-left { float: left; width: 47%; /*border: 1px solid orange;/* */ }
	.footer_right_content .wpcf7-form .pull-right { float: right; width: 47%; /*border: 1px solid magenta;/* */ }
	.footer_right_content .wpcf7-form input[type="text"], input[type="email"], .wpcf7-tel  { display: block; height: 40px; color: #FFF; background-color: #160E10; width: 94%; margin: 10px 0 15px 0; border: none; padding: 0 10px; /* */ }
	.footer_right_content .wpcf7-form select { height: 42px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 10px 0 25px 0; }
	.footer_right_content .wpcf7-form textarea { display: block; height: 140px; color: #FFF; background-color: #160E10; width: 94%; margin: 10px 0 25px 0; font-family: "MyriadPro-Regular", "Helvetica", "Arial", Verdana, sans-serif; padding: 10px; font-size: .8em; border: none; /* */ }
	.footer_right_content .footer_submit .wpcf7-submit { width: 125px; height: 35px; background-color: #160E10; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #160E10; line-height: 28px; margin: 0 0 0 0; }
	.footer_right_content .footer_submit .wpcf7-submit:hover { width: 125px; height: 35px; background-color: #FC4f00; font-family: "MyriadPro-Bold-Condensed", "Helvetica", "Arial", Verdana, sans-serif; font-weight: normal; font-size: 1.2em; color: #FFF; border: 1px solid #FC4f00; line-height: 28px; margin: 0 0 0 0; }
	/* FOOTER CONTACT FORM VALIDATION */
	.footer_right_content .wpcf7-validation-errors { padding: 30px 0 30px 30px; margin: -50px 30px 0 -30px; border: none; color: red; }
	.footer_right_content .wpcf7-mail-sent-ok { padding: 30px 0 30px 30px; margin: -50px 30px 0 -30px; border: none; color: #00CC00 }
	.footer_right_content .wpcf7-not-valid-tip { /*border: 1px solid blue;*/ margin:-80px 0 15px 0; padding:0; float: right; }
	 	/* DEVICE FLAG */
    #device_flag { margin: 20px; border: none; height: 15px; text-align: center; color: #999; }
    #device_flag:before { content: "Copyright Gnangara 2015. All Rights Reserved."/*"Desktops & Large Screens"*/; font-size: .8em; }
  
} /* END DESKTOPS AND LARGE SCREENS -----------*/