.mobile-nav-wrapper {
     background: rgba(144, 144, 144, 0.8) none repeat scroll 0 0;
     bottom: 0;
     height: 100%;
     left: 0;
     opacity: 0;
     position: fixed;
     right: 0;
     top: 0;
     visibility: hidden;
     width: 100%;
     z-index: 100000;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
 .mobile-nav-wrapper.active-overlay {
     opacity: 1;
     visibility: visible;
}
 .mobile-nav-outer, .mobile-nav-content {
     bottom: 0;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 290px;
}
 .mobile-nav-outer {
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
}
 .mobile-nav-outer.active {
     transform: translateX(0);
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
}
 .mobile-nav-container {
     float:left;
     width:100%;
}
 .mobile-nav-content {
     background: #004B8D none repeat scroll 0 0;
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
     overflow-x: auto;
}
 .mobile-nav-content .heading {
     height: 59px;
     padding-left: 17px;
     padding-top: 19px;
}
 .mobile-nav-content .shortcutButtons {
     display: block;
     height: 100%;
     margin-bottom: 30px;
}
 .mobile-nav-content .shortcutButtons ul li {
     margin-right: 0;
     width: 50%;
}
 .mobile-nav-content:nth-child(2) {
     background: #fff;
}
 .mobile-nav-content:nth-child(2) .heading h3.title {
     color: #15669b;
}
 .mobile-nav-content:nth-child(2) .heading h3.title a {
     color: #15669b;
}
 .mobile-nav-content .heading h3.title {
     color: #fff;
     font-size: 21px;
     font-weight: 700;
     position: relative;
}
 .mobile-nav-content .heading h3.title span {
     font-weight: 300;
}
 .mobile-nav-list {
     float: left;
     margin-bottom: 50px;
     width: 100%;
}
 .mobile-nav-list > ul {
     display: block;
     height: 100%;
     width: inherit;
}
 .mobile-nav-list > ul > li {
     display: block;
}
 .mobile-nav-list > ul > li > a {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     color: #fff;
     display: block;
     font-size: 13px;
     padding: 13px 0;
     font-weight: 500;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
 .mobile-nav-list > ul > li:nth-child(1) > a {
     border-top: 1px solid rgba(0, 0, 0, 0.1);
}
 .mobile-nav-list > ul > li > a:hover {
     background: #F65944 !important;
}
 .mobile-nav-list > ul > li > a .icon {
     float: left;
     font-size: 18px;
     margin-right: 0px;
     text-align: center;
     width: 51px;
     color: rgba(255,255,255,0.6);
}
 .mobile-nav-hizli {
     float: left;
     margin-bottom: 50px;
     width: 100%;
}
 .mobile-nav-hizli > ul {
     display: block;
     height: 100%;
     width: inherit;
}
 .mobile-nav-hizli > ul > li {
     display: block;
}
 .mobile-nav-hizli > ul > li > a {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     color: #000;
     display: block;
     font-size: 13px;
     padding: 13px 0;
     font-weight: 500;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
 .mobile-nav-hizli > ul > li:nth-child(1) > a {
     border-top: 1px solid rgba(0, 0, 0, 0.1);
}
 .mobile-nav-hizli > ul > li > a:hover {
     background: #F65944 !important;
}
 .mobile-nav-hizli > ul > li > a .icon {
     float: left;
     font-size: 18px;
     margin-right: 0px;
     text-align: center;
     width: 51px;
     color: #000;
}

 .mobile-nav-detail {
     background: #004b8d none repeat scroll 0 0;
     height: 100%;
     left: 0;
     overflow-y: auto;
     position: fixed;
     right: 0;
     top: 0;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
     width: 100%;
}
 .mobile-nav-detail.active {
     transform: translateX(0);
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
}
/*.mobile-nav-detail.visible {
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
}
*/
 .mobile-nav-detail ul {
     display: block;
}
 .mobile-nav-detail ul li {
     display: block;
}
 .mobile-nav-detail ul li a {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     color: #fff;
     display: block;
     font-size: 13px;
     font-weight: 500;
     padding: 14px 0;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -ms-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
}
 .mobile-nav-detail ul li:nth-child(1) a {
     border-top: 1px solid rgba(0, 0, 0, 0.1);
}
 .mobile-nav-detail ul li a:hover {
     background: #F65944 !important;
}
 .mobile-nav-detail ul li a .icon {
     float: left;
     font-size: 18px;
     margin-right: 0px;
     text-align: center;
     width: 51px;
     color: rgba(255,255,255,0.6);
}
 .mobile-nav-close, .mobile-nav-detail-close {
     color: #fff;
     position: absolute;
     right: 21px;
     top: 1px;
}
 .mobile-nav-button {
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     width: 100%;
}
 .mobile-nav-button ul {
     display: block;
}
 .mobile-nav-button ul li {
     float: left;
     width: 50%;
}
 .mobile-nav-button ul li:nth-child(1) a {
     background: #004B8D none repeat scroll 0 0;
}
 .mobile-nav-button ul li:nth-child(2) a {
     background: #fff none repeat scroll 0 0;
     color: #004B8D;
}
 .mobile-nav-button ul li a {
     border-top: 1px solid rgba(255, 255, 255, 0.05);
     box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
     color: #fff;
     display: block;
     font-size: 16px;
     font-weight: 800;
     height: 50px;
     padding-top: 16px;
     text-indent: 15px;
}
 .mobile-nav-toggle {
     float: left;
     margin-top: 7px;
}
 .mobile-nav-toggle a {
     color: #555555;
     float: right;
     font-size: 21px;
     text-align: center;
}
 @media screen and (min-width: 991px) {
     .mobile-nav-toggle {
         display: none;
    }
}
 @media only screen and (min-width:390px) and (max-width:479px) {
}
 @media only screen and (min-width:479px) and (max-width:767px) {
}
 @media only screen and (min-width:600px) and (max-width:767px) {
}
 @media only screen and (min-width: 767px) and (max-width: 991px) {
     .mobile-nav-toggle {
         margin-top: 14px;
    }
}