.backLink { padding: 8px 20px;background: rgba(141, 44, 43, 0.9);color: #fff;position: absolute;right: 15px;top: 28px;z-index: 1;text-decoration: none;font-family: arial;font-size: 18px;  }
.backLink:hover{background: #b08b29;}
.logo { float:left;width: 250px; }
.logo img { width:100%; height:auto;}
.header { padding: 15px;position: absolute;left: 0;top: 0;width: 100%;z-index: 1;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tourMenuToggle { width:50px; height:50px; background-color:#8d2c2b; padding: 13px 10px; position:absolute; left:100%; top:0; cursor:pointer;border-left: 1px solid #641a19; }
.tourMenuToggle span { height: 3px; width:100%; display:block; background-color:#fff;transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.tourMenuToggle span:nth-child(2) { margin: 7px 0; }

.tourMenuToggle  span:nth-child(2) { width:0; }
.tourMenuToggle  span:nth-child(1){transform: translate(0px, 10px) rotate(45deg);}
.tourMenuToggle  span:nth-child(3){transform: translate(0px, -10px) rotate(-45deg);}

.menuOpen .tourMenuToggle  span:nth-child(2) { width:100%; }
.menuOpen .tourMenuToggle  span:nth-child(1){transform: translate(0, 0) rotate(0deg);}
.menuOpen .tourMenuToggle  span:nth-child(3){transform: translate(0, 0) rotate(0deg);}



.sidebar-nav { background-color: #8d2c2b; padding: 0; font-family:Arial, Helvetica, sans-serif; width:420px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); position:fixed; left:0; top:90px; bottom:0; z-index:99999;transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s;  }
.menuOpen .sidebar-nav { left: -420px; }
.tourNav { height:100%;overflow-y:auto;overflow-x:hidden;}
.tourNav ul { margin:0; padding: 0; list-style: none; }
.tourNav ul li { position: relative; }
.tourNav ul li a { display:block; text-decoration:none; padding:15px 40px 15px 15px; color:#fff;border-bottom: 1px solid #641a19; font-size:16px;transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.tourNav ul li a:hover { background-color:#7e2928;}
.tourNav ul li .menu-toggle { position: absolute; width:49px; height:49px; top:0; right:0; cursor:pointer;  }

.tourNav ul li .menu-toggle:before { position: absolute; right:0; top:0; height:49px; width:49px; content:"";background:url(menu-icon.png) no-repeat center center; cursor:pointer;transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.tourNav ul li .menu-toggle.rotate:before { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

.tourNav ul.sub-menu { display: none;font-size: 14px;background: #641a19;}
.tourNav ul.sub-menu li a { border-bottom-color:#832423; padding-left:25px; padding-top:10px; padding-bottom:10px;}
.tourNav ul.sub-menu li li a { padding-left:40px;}
.tourNav ul.sub-menu li .menu-toggle:before{height:39px;}



@media only screen and (max-width: 991px){ 
#centerTarget{ height: 120px !important; text-align: center !important;width: 100% !important; padding-top: 20px !important; }
#DivToolBar img { height: 100% !important; }
#DivToolBar{ height: 120px !important; width: 100% !important; margin: 0 auto !important; }
#previousDiv, #dragToggleDiv, #gyroToggleDiv, #nextDiv{background-size: cover !important; height: 70px !important; width: 70px !important;}
.tourNav ul li a{ font-size: 32px !important; line-height: 40px!important; }
}

@media only screen and (max-width: 767px){ 
.logo { width: 180px; }
.backLink { padding: 4px 15px; font-size:16px; top:22px; }
.sidebar-nav {width:300px; }
.menuOpen .sidebar-nav { left: -300px; }
}

@media only screen and (max-width: 359px){ 
.sidebar-nav { width:250px; }
.menuOpen .sidebar-nav { left: -250px; }
}