﻿
@media(min-width:1130px) {
    .navbar-nav.navbar-center {
        position: absolute;
        left: 47%;
        margin-top: 5px;
        transform: translatex(-50%);
    }

    .header-simple-navigation .navbar-nav > li {
        margin: 0 20px;
    }

    .drop-menu-shop .dropdown-menu{
        width:430px;
        padding-top:25px;
        padding-bottom:25px;
    }
        .drop-menu-shop .dropdown-menu h4 {
        margin:0px;
        font-weight:bold;
        padding:0px;
        padding-bottom:10px;
        }

        .drop-menu-shop .dropdown-menu a {
        display:block;
        
        }
}
@media(min-width:1400px) {

    .header-simple-navigation .navbar-nav > li {
        margin: 0 30px;
    }

}

@media(min-width:900px)and (max-width:1129px) {
    .navbar-nav.navbar-center {
        position: absolute;
        left: 47%;
        margin-top: 5px;
        transform: translatex(-50%);
    }

    .header-simple-navigation .navbar-nav > li {
        margin: 0 15px;
    }

    .header-simple-navigation .navbar-nav.menubar-account > li > a {
        padding: 0 15px;
    }
}

@media(min-width:768px)and (max-width:900px) {
    .navbar-nav.navbar-center {
        position: absolute;
        left: 47%;
        margin-top: 5px;
        transform: translatex(-50%);
    }

    .header-simple-navigation .navbar-nav > li {
        margin: 0 5px;
    }

    .header-simple-navigation .navbar-nav.menubar-account > li > a {
        padding: 0 15px;
    }
}

@media(max-width:768px) {
    .header-simple-navigation .navbar-nav > li > a.active {
        border-bottom: 0px;
        color: black;
    }

    .header-simple-navigation .navbar-nav.menubar-account > li > a {
        padding: 0;
        height: 45px;
        line-height: 35px;
        border-left: 0px;
    }
}

@media (max-width:600px) {

    .UserAgeConfirmation-content {
        width: 430px;
    }

    .bg-useragepopup {
        width: 430px;
    }

        .bg-useragepopup > div {
            position: absolute;
            bottom: 50px;
        }

            .bg-useragepopup > div h1 {
                font-size: 40px;
                font-weight: bolder;
            }

            .bg-useragepopup > div h3 {
                padding-left: 30px;
            }

    /*homepage*/
    .section-product .product-title-img > img {
        width: 70%;
    }
    /*homepage end*/


}
