body, html{
    overflow-x: hidden !important;
}

@font-face {
    font-family: thehub;
    src: url('../fonts/din-light.ttf');
}

h1, h2, h3, h4, h5, h6, p, span, input, button, a, li{
    font-family: 'Rokkitt', serif;
}


.desktop-header{
    display: none;
    padding: 5px 15px;
    background-color: #000000;
}

.desktop-header ul li{
    padding-right: 16px; 
}

.desktop-header ul li a{
    color: #fff;
    font-size: 12px !important;
    transition: all .3s;
}

.navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 0.1rem !important;
     padding-left: 0.1rem !important; 
}

@media (min-width: 1200px){
    .desktop-header ul li a{
    color: #fff;
    font-size: 15px !important;
    transition: all .3s;
}
.navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 0.1rem !important;
     padding-left: 0.1rem !important; 
}

}

.desktop-header ul li a:hover{
    color: #c2986b;
}

.desktop-header ul li a img{
    height: 120px;;
}

.mobile-header{
    display: block;
    padding: 5px 15px;
    background-color: #000000;
}

.mobile-header ul li{
    padding-left: 10px;
    padding-right: 10px; 
}

.mobile-header ul li a{
    color: #fff;
    font-size: 12px !important;
}

.mobile-header ul li a img{
    height: 30px;;
}


@media (max-width: 768px){
    .modal-content-gift{
        height: 365px; 
        width: 300px; 
        margin-left: 15%;
    }
    #giftShopImg{
        height: 385px;
        width: 300px;
    }
}

@media (min-width: 768px){
    .modal-content-gift{
        height: 585px; 
    }

    #giftShopImg{
        height: 583px; 
        width: 500px; 
    }

}

@media (min-width: 992px){

    .mobile-header{
        display: none;
    }

    .desktop-header{
        display: block;
    }

}