@media (max-width:767px){
     header{
         position:fixed;
         z-index:999;
         width:100%;
         top:0;
    }
     .header-upper {
         width: 100%;
         background: linear-gradient(to right,#00aeef 0%,#0073a8 100%);
         position: relative;
         height: 64px;
    }
     .header-wraper {
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-pack: justify;
         justify-content: space-between;
         -ms-flex-align: center;
         position: relative;
         z-index: 2;
         height: 60px;
    }
     .logo-brand{
         width: 39%;
        height: 100%;
    }
     .logo{
         width: 100% !important;
        ;
         background-size: contain !important;
        ;
         height: 80% !important;
        ;
         background-repeat: no-repeat !important;
    }
     .main{
         margin-top:71px !important;
    }
}
 
@media (min-width: 768px){
    .line-colors {
    position: fixed;
    top: 0;
    z-index: 999;
    height: 7px;
    width: 100%;
}
    .menu-lower{
        position:fixed;  
        top:  7px;
        width:  100%;
    }
}