@import url('https://fonts.googleapis.com/css?family=Barlow%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900&subset=latin%2Cvietnamese&ver=6.1.1');


@media only screen and (max-width : 1200px) {
    #tsrv-menus .tsrv-inner{
        padding-top: 15px !important;
        padding-bottom:15px;
    }

    .navbar-toggler{
        margin-top:20px;
        margin-bottom:20px;
    }
    
    #main-navbar a, #main-navbar2 a{
        margin-top: 0px !important;
        padding-bottom: 0px !important;
    }
    
    #tsrv-widgets .navbar-nav .nav-item > a.btn{
        margin-bottom: 11px !important;
    }   
    
    #tsrv-main-banner-1 img{
        width: 275px !important;
    }
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28135, 137, 134, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#tsrv-div-main-menu{
    background-image: url(https://derbyshirecountyshow.ticketsrv.co.uk/frontendv2/sites/derbyshirecountyshow/img/bg.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: 100% auto !important;
    background-color: #f7f0ea !important;
}

#main-navbar a, #main-navbar2 a{
    margin-top: 15px;
    font-family: "Barlow";
    font-size: 18px;
    font-weight: 500;
    color: #878986 !important;
    text-transform: unset;
    padding-left: 15px;
    padding-bottom: 15px;
    line-height: 75px;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

#main-navbar a::after{
    content: "";
    position: absolute;
    left: 15px;
    bottom: 8px;
    width: calc(100% - 15px);
    height: 4px;
    background-color: #e6d35c;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

#main-navbar a:hover::after{
    transform: scaleX(1);
}

#tsrv-main-banner{
    justify-content: center !important;
}

#main-navbar a:hover{
    color: #000 !important;
}

#tsrv-main-banner-1 img{
    padding-top: 10px;
    width: 100%;
    max-width:100%;
    padding-bottom: 15px;
}

#tsrv-main-banner-1 p{
    margin-bottom: 0rem;
}

#tsrv-main-banner-2, #tsrv-main-banner-3, #tsrv-main-banner-4{
    display:none;
}

#tsrv-minicart{
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
    margin-right:15px;
    font-size: 14px;
}

#tsrv-widgets .navbar-nav .nav-item > a.btn {
    margin-bottom: 4px;
    border-color: #000;
}

.btn{
    color: #fff;
    background-color: #404a3d !important;
}

.tsrv-btn{
    color: #fff;
    background-color: #404a3d !important;
}

.btn:hover{
    color: #fff !important;
}

.btn.go-back:hover{
    color: #fff !important;
}

#tsrv-ticketlist-back:hover{
    color: #000 !important;  
}

a.continue{
    color: #fff !important;
}

a.continue:hover{
    color: #fff !important;
}

.go-back{
    border-color: #000 !important;
}

a.btn.go-back:hover {
    color: #000 !important;
}

#tsrv-div-main-footer{
    background-color: #404a3d;
}

#tsrv-main-footer{
    background-color: #404a3d;
}

#tsrv-main-footer a{
    color: #fff;
    font-family: Arial;
    font-size:14px;
}

#tsrv-main-footer a:hover{
    border-bottom: 1px solid #fff !important;
}

#tsrv-main-footer-1 h3{
    display:none;
}

.navbar-toggler{
    border-color: #878986 !important;
    background-color: #f7f0ea;
}