/*=========================***HEADER***=========================*/

header {
    background: #fff url(1http://wikiworlds.editthis.info/images/wikiworlds/d/d6/01TiZeta_floor_f.png) repeat;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 99;
}
.header-wrapper {
    width: 100%;
    height: 65px;
}
.main-logo.columns {
    position: absolute;
    z-index: 100;
    padding-left: 30px;
}
.main-logo h1 {
    margin: 0;
    line-height: 65px;
    font-size: 1.5rem;
    text-transform: uppercase;
}
.main-logo img {
    max-height: 200px;
    padding-top: 2px;
    max-width: 200px;
}
.nav-bar .inline-list>li.titan-order-online a {
    padding: 0 10px;
}
.nav-bar .inline-list>li {
    line-height: 65px;
    padding: 0 5px;
    margin: 0 10px;
}
.nav-bar .inline-list>li:hover span {
    /*border-top: 2px solid;    */
    border-bottom: 1px solid;
}
.nav-item.inline-list {
    margin: 0 ;
}
.nav-item li a {
    color: #333;
    font-size: 0.8rem;
    text-transform: uppercase;
}
.header-mobile {
    height: 50px;
    overflow: hidden;
}
.header-mobile ul {
    margin: 0;
    /*padding: 0 10px;*/
    /*padding changed because hamburger wasn't visible on mobile devices*/
    padding:0;
}
.header-mobile ul.inline-list.right li {
    margin-left: 0rem;
}
.header-mobile ul.inline-list.left li {
    margin-left: 0rem;
    max-width: 185px;
}
.mobile-order-btn a {
    padding: 0 15px;
}
.header-mobile > ul > li > a {
    line-height: 50px;
    margin-left:6px;
}
aside ul.off-canvas-list li {
    text-align: center;
}
a.company-name {
    font-size: 1.2rem !important;
    text-transform: uppercase;
}
a.right-off-canvas-toggle i {
    margin-top: 10px;
}
aside ul.social-icons {
    margin-top: 20px;
    margin-left: 0;
}
aside ul.social-icons li a {
    padding: 5px;
    border-bottom: none;
}
aside .social-icons li {
    display: inline-block;
    padding-bottom: 75px
}
aside .social-icons li img {
    width: 40px;
}
.header-mobile {
    display: none;
}

/*=======================***HEADER ENDS***=======================*/

@media all and (max-width:1024px) {
    .header-mobile {
        display: block;
    }
    .main-logo h1 {
        font-size: 2rem;
        line-height: 1;
    }
    .header-wrapper {
        display: none;
    }
}

@media all and (max-width:640px) {
    header {
        /*position: absolute;*/
    } 
    .header-mobile > ul > li.mobile-order-btn > a.bg_color_b.color_a {
        font-size: 12px !important;
    }
    .mobile-order-btn a {
        padding: 0 10px;
    }

        aside.right-off-canvas-menu {
  padding-bottom: 55px;
  margin-bottom: 40px;
  overflow-y: scroll;
}
.off-canvas-wrap.move-left {
  height: 100%;
  overflow: hidden;
}
aside ul.social-icons {
    margin-bottom: 30px;
}
aside.right-off-canvas-menu .off-canvas-list {
  padding-bottom: 150px;
  overflow-y: scroll;
}


}

header {box-shadow: 0 0 0 1px rgba(0,0,0,0.3);}

/*header social icons*/
#titan-social-id ul {
    text-align: center;
}
#titan-social-id ul li {
    line-height: 63px;
    padding-bottom: 0;
}
#titan-social-id ul li img {
    width: 35px;
}
#titan-social-id {
    float: right;
}
.titan-social i {
    font-size: 1.2em;
    color: #333;
    opacity: 0.7;
}
.titan-social a:hover i {
    opacity: 1;
}
/*header social icons ends*/

.titan-order-online {
    background: #333;
} 
.nav-item .titan-order-online a {
    color: white;
}
.titan-header-tabs.nav-item-active span {
    border-bottom: 1px solid;
}
aside ul.off-canvas-list {
  padding-bottom: 50px !important;
}