/* @option theme menu visibility and position */

@media screen and (max-width:768px){
.menu_btn {display: block !important;position: relative;z-index: 1000;
-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
font: 36px/1.1 FontAwesome;top: 10px;
font-family: Arial, Helvetica, Geneva, sans-serif;}
#desktopmenu{display: none !important;}
#myExtraContent4{top: 44px;}
#ddshadow {background-image: url(../../images/ddshadow2.png);}
#pageHeader img {top: 52px;padding-bottom: 8px;}
#pageHeader h1 {padding-top: 50px;}#pageHeader h2 {padding-bottom: 25px;}
.menu_btn { right: 20px !important;}}
	
@media screen and (max-width:600px){
#pageHeader h2 {padding-bottom: 17px;}
#pageHeader img {padding-bottom:7px;top: 48px;}}
	
@media screen and (max-width:480px){
.menu_btn { right: 15px !important;}
#ddshadow {background-image: url(../../images/ddshadow3.png);}
#myExtraContent4{margin-left: 15px;}}

@media screen and (max-width:320px){
#menu {width: 210px;right: -235px;}
.close [class^="icon-"] {right:225px !important;}
fieldset input[type="text"] {width: 110px;}}

@media screen and (max-width:240px){
#menu {width: 180px;right: -215px;}
.close [class^="icon-"] {right:190px;}
fieldset input[type="text"] {width: 90px;}}

.close {display: none;}
.menu_btn { position: absolute;right: 25px; text-align: right;}
.close [class^="icon-"] {right:265px;}
	
#menu{border-left-style: solid;border-left-width: 1px;right:-265px;}
	
#myExtraContent4{margin-left: 20px;position: absolute;}

#hv-theme-helper-menuPosition { float: right; }