/*new stile*/

/*logo*/
#newLogo {
    width: 32%;
}


#menu {
 
    margin-top: -70px;
}
ul, ol, dl {
    font-size: 1em;
     line-height: 1.6; 
    margin-bottom: 0.25em;
    list-style-position: outside;
    font-family: inherit;
}
.top-bar-section li a:not(.button) {
    background: black;
}
.title-area{
    background:black;
}
/*#menu  {
    margin-top: -70px;
}*/
/*media query*/
@media (max-width: 1070px) {
    .video-title h2 {
        font-size: 55px;
        margin: 0px 0px 0px 0px;
    }

    .video-title h1 {
        font-size: 55px;
        margin: 0px 0px 0px 0px;
    }
} @media only screen and (max-width: 1020px) {


    #newLogo {
        width: 30%;
        margin-top: -25px;
    }
    .top-bar,
    .top-bar-section ul,
    .top-bar-section li a:not(.button) {
        
        font-size: 18px;
        
    }
} @media only screen and (max-width: 975px){
    .top-bar {
        margin-right: 10px;
    }
} @media only screen and (max-width: 965px) {
  

   
    .login-area {
        position: absolute;
        top: 0px;
        right: 0px;
        margin: 12px 10px 0 0;
        background:black;
    }
    #menu  li{
        background: white;
    }

} @media only screen and (max-width: 940px){
    /*#newLogo {
        width: 7%;   
        margin-left: 5px;
    }*/

    #menu {
        margin-top: 1px;
    }
    .login-area {
        margin: 20px 120px 0 20px;
       
    }
    
} @media (max-width: 940px) {

    .top-bar-section li a:not(.button) {
        background: white !important;
    } 
} @media (max-width: 820px) and (max-width: 767px) {
    .video-title h2 {
        font-size: 45px;
    }

    .video-title h1 {
        font-size: 45px;
    }
} @media (max-width: 767px) {
    .login-area li a {
          
    }
    .login-area li {
        margin-top: -20px;
    }

    /*logo*/
    #newLogo {
        /*width: 7%;
        margin-left: 5px;*/
    }

 
} @media (max-width: 568px){
    /*#newLogo {
        width: 7%;
        margin-left: 5px;
    }*/
}
/*media query end*/