.navbar-brand img {
    width: 100%;
}
#hero {
    padding-top: 50px;
    background-color: #0d0d0d;
    background-image: url("../assets/img/city-1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

#hero h1 {
    margin-top: 70px;
}

#hero .tio-generic-subtitle-white {
    max-width: 900px;
    margin: 30px auto 10px;
}

#hero p {
    font-size: 26px;
    font-weight: 400;
    color: #ffffff;
}

#hero .tio-cta-orange {
    margin-right: 30px;
    margin-top: 30px;
}

/*TRADING CONDITIONS*/
#trading-conditions h2,
#expiration-dates h2{
    text-align: center;
    max-width: 475px;
    line-height: 45px;
    font-size: 2rem;
    margin: 30px auto 30px;
}

#trading-conditions p.tio-text-1-dark {
    margin: 0 auto 80px;
    max-width: 760px;
}

th, td {
    max-width: 20% !important;
}

th:first-child, td:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 100;
    /*background-color: #ffffff;*/
    /*border-right: 1px solid #dee2e6;*/
    /*outline: 1px solid #dee2e6;*/
    outline-offset: 0;
}

.table-striped tbody tr:nth-of-type(odd) td:first-child {
    background-color: #f2f2f2;
}
#expiration-dates .table-striped tbody tr:nth-of-type(odd) td:first-child {
    background-color: #f2f2f2;
    white-space: nowrap;
}

.table-striped tbody tr:nth-of-type(even) td:first-child {
    background-color: #ffffff;
}

.table thead th {
    background-color: #ffffff;
    cursor: pointer;
}

.table-bordered th, .table-bordered td {
    border-bottom: none;
    border-top: none;
    text-align: center;
}

#trading-conditions {
    padding-top: 50px;
    padding-bottom: 80px;
}

#expiration-dates{
    padding-bottom: 200px;
}

/*button.btn{*/
/*    border: 1px solid transparent;*/
/*    -webkit-transition: .3s all ease;*/
/*    -o-transition: .3s all ease;*/
/*    transition: .3s all ease;*/
/*    box-shadow: none;*/
/*}*/
/*button.btn.active {*/
/*    background-color: #ff7a04;*/
/*    color: #ffffff;*/
/*    border: 1px solid #ff7a04;*/
/*    box-shadow: none;*/
/*}*/
/*button.btn.active:hover {*/
/*    background-color: rgba(255, 120, 4, 0.58);*/
/*    color: #ffffff;*/
/*}*/
/*button.btn:hover {*/
/*    background-color: #ffffff;*/
/*    color: #0d0d0d;*/
/*    box-shadow: none;*/
/*    border: 1px solid #ff7a04;*/
/*}*/

.search-area {
    float: right;
}

.search-area input {
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 6px 10px;
}

.dropdwon_box {
    margin-bottom: 20px;
}

.pagination {
    float: right;
    border: none;
}

.pagination p {
    margin: auto 20px;
}

.pagination a {
    color: #0d0d0d;
    font-size: 30px;
    margin: 0 5px;
}

/*.disabled-pagination {*/
/*    background-color: rgba(173, 173, 173, 0.49);*/
/*    border: 1px solid #0000000f;*/
/*}*/

.disabled-pagination svg {
    color: #ffffff;
}

/*button {*/
/*    padding: 5px 10px;*/
/*}*/

/*END TRADING CONDITIONS*/

/*ARABIAN LANGUAGE*/
#trading-conditions p.tio-text-1-dark:lang(ar){
    text-align: right;
}
/*END OF ARABIAN LANGUAGE*/
/* MEDIA QUERIES DESCENDING */

@media (min-width: 992px) {
    #hero {
        padding-top: 150px;
        padding-bottom: 100px;
        min-height: 450px;
    }

    .table-responsive {
        display: table;
    }
}

@media (max-width: 991px) {
    #hero {
        margin-top: 55px;
        padding-bottom: 100px;
    }

    #hero h1,
    #hero p {
        text-align: center;
    }

    #hero h1 {
        font-size: 38px;
        margin-bottom: 30px;
    }

    #hero p {
        font-size: 25px;
    }
    #hero h1:lang(de) {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .tio-generic-title-1-black,
    .tio-generic-title-1-white {
        font-size: 30px;
    }

    .table-bordered th, .table-bordered td{
        border-left-width: 0;
    }

    select#select-option {
        width: 100%;
    }

    .search-area input {
        width: 100%;
    }
}

@media (max-width: 490px){
    #trading-conditions table th{
        padding: 10px 2px 5px;
        font-size: 12px;
        vertical-align: top;
    }
    #trading-conditions table td{
        padding: 10px 2px;
        font-size: 14px;
    }
    #expiration-dates table td {
        padding: 10px 3px;
        font-size: 14px;
    }
    #expiration-dates table th{
        font-size: 12px;
    }
    table th.futures-instrument{
        text-align: left;
        vertical-align: middle;
    }
    #trading-conditions table th:lang(de) {
        font-size: 12px;
    }
    #trading-conditions table td:lang(de) {
        padding: 10px 1px;
        font-size: 12px;
    }
}

/* END OF MEDIA QUERIES DESCENDING */