@media (max-width: 992px) {


/******************* Header *******************/
#head_bar {background-color: #1d3666; height: 100px;}
body.single-project #head_bar #menu_btn {display: block;}

#menu_btn {cursor: pointer; text-align: right; float: right; height: 50px; margin-left: 15px;}
#menu_btn:before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
    width: 100%;
    line-height: 100px;
    padding: 0 20px;

}

#menu_btn.active:before {
    content: "\f00d";
}


/******************* Header *******************/
header .slogan {display: none;}
header #logo {width: 100%;}



/******************* Menu *******************/
section#layout {position: relative;}
section#layout h2, section#layout #guide_menu h3 {color: #fff;}
section#layout h2 a {color: #fff;}
#guide_menu {position: absolute; z-index: 99; min-height: 100%; top: 0; padding-bottom: 30px; left: -100%; }
#guide_menu {background-color: rgba(29,54,102,0.9); }
#guide_menu ul.menu > li > a {color: #f4f4f4;}
#guide_menu ul.menu > li > ul > li > a {color: #f0f0f0;}
#guide_menu ul.general_menu > li > a {color: #f0f0f0;}


/******************* Menu *******************/



/******************* Page *******************/








}


@media print {

header {display: none;}
#head_bar {display: none;}
#menu {display: none;}

section#layout {width: 100%; border: none;}
}