.header{position: absolute; width: 100%; z-index: 9;  background: linear-gradient(180deg, rgba(0,0,0,1) -50%, rgba(0,0,0,0) 100%);}
.menu-bg{position: relative; width: 1300px; margin: 0 auto; left: 0; right: 0; padding: 15px 0;}
/* .main-logo img{-webkit-filter: hue-rotate(360deg) brightness(75%) grayscale(0%); filter: hue-rotate(360deg) brightness(75%) grayscale(0%); width: 60%;} */
.main-logo img{width: 60%;}
.menu-icon{position: absolute; right: 0; top: 35px;}
.menu-icon a{position: relative;}
.menu-icon i{font-size: 32px; color: var(--color-white);}
.menu-icon i:hover{color:var(--color-red);}

.menu-icon .menu-name{-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform:  translateX(-50%) translateY(-50%) rotate(-90deg); position: absolute; top: 55px; right: -35px; letter-spacing: 3px;}

.modal-menu{background: rgba(0,0,0,0.9); color: var(--color-white);}
.modal-menu .modal-body{padding:60px 40px;}
.modal-menu .modal-body .btn-close{position: absolute; right: 5px; top: 5px; color: var(--color-white); opacity: 1; font-size: 22px;}
.modal-menu .modal-body .btn-close:hover{opacity:0.8; cursor: pointer; color:var(--color-red);}
ul.menu-nav{margin: 0; padding: 0;}
ul.menu-nav li{display: inline-block; width: 48%; padding: 15px 0; list-style: none; text-align: center;}
ul.menu-nav li a{color: var(--color-white); font-size: 22px;}
ul.menu-nav li a:hover{color:var(--color-red);}

/* top-menu tiny */
.top-menu{position: fixed; top: 0; left:0; transition:all .3s linear 0s; min-height:auto!important}
.top-menu.tiny .main-logo img{width: 40%;}

.grow {transition: 0.8s ease-in-out;}
.grow img {transition: 0.8s ease-in-out;}
.shrink {transition: 0.8s ease-in-out ;}
.shrink img {transition: 0.8s ease-in-out;}

@media(min-width:320px) and (max-width:1080px) {
.menu-bg{padding: 5px; width: 100%; margin: 0;}
.main-logo img {width: 40%;}
.top-menu.tiny .main-logo img {width: 40%;}
.main-logo{width: 100%;}
.menu-icon {right: 15px; top: 15px;}







}