@media(max-width:1280px){
    html{
        /* font-size: 70%; */
    }
    .btn {
        padding: 10px 20px;
        margin: 0 10px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-weight: 700;
        font-size: 13px;
      }
      .bottom_line {
        top: 38px;
      }
.menu-icon .bar,.menu-icon::after,.menu-icon::before{
    display: block;
}
ul.navlist{
    position: absolute;
    top: -1000px;
    display: block;
    transition: all .3s ease;
    width: 100%;
    text-align: center;
    left: 0;
    /* background:white; */
    border-top: 2px solid rgba(4, 4, 4, 0.7);
    background:black;
}
ul.navlist a{
    font-size: 1.2rem;
    margin: 1rem 0;
    color: white;
    width: 100px;
    padding: 5px;
    border-radius: 5px;
    justify-content: center;
    text-align: center;
    background: radial-gradient(circle at 20% 30%,rgba(30, 179, 228, 0.57), transparent 60%),
                  radial-gradient(circle at 80% 70%, rgba(104, 131, 138, 0.333), transparent 60%),
                  radial-gradient(circle at 50% 50%, rgba(101, 101, 101, 0.392), transparent 70%);

    
}
.navlist.active{
  top: 100%;
}
header,section{
    padding-left: 5%;
    padding-right: 5%;
}
}
/* Responsive Design */

    @media(max-width:786px){
        .heading{
            font-size: 20px;
        }

    .right-header a{
        display: none;
    }
 
}