.card {
    padding: 0px 0px 0px 0px;
    margin: 0% 1% 6.25% 1.5%;
    float: left;
    width: 30.8%;
}

.card-header{
    
}

.list-bg{
    max-width:960px;
    min-width:960px;
}
.list-card-row {
    background: #b4b4b4;
    border: none;
    height: auto;
    display: block;
    float: left;
    margin-bottom: 2.91666%;
    margin-left: 0;
    margin-right: 2.91666%;
    margin-top: 0;
    transition: background 1s ease;
    width: 22.812505%;
}
    .list-card-row:hover {
        color: #ff0000;
        background-color: #ED5505;
    }
.list-card-row-end {
    background: #b4b4b4;
    border: none;
    height: auto;
    display: block;
    float: left;
    margin-bottom: 2.91666%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    transition: background 1s ease;
    width: 22.812505%;
}
    .list-card-row-end:hover {
        color: #ff0000;
        background-color: #ED5505;
    }

.list-card {
    background: none;
    border: none;
    height: 260px;
    margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0;
    margin-top: 0;
    padding: 20px;
    width: 100%;
}

.left-content {
    background: #ED5505;
    min-height: 520px;
    padding: 7px 15px 15px;
    max-width : 369.98px;
    margin-right:30px;
}
.inner-leftcont {
    font-size: 1.4em;
    text-align: left;
    color: #FFF;
    font-family: 'Museo Sans Cyrl 700';
    min-width: 339.98px
}
.card-body-even {
    background-color: #ED5505;
    min-height: 125px;
    max-height: 125px;
    padding: 10px 15px 0px 15px;
    font-size: 16px;
    color: #FFF;
    font-weight: bold;
    transition: color 0.5s ease-out;
    font-family: 'Museo Sans Cyrl 700';
    text-align: left;
}

    .card-body-even:hover {
        color: #444;
        background-color: #F7F7F7;
    }
.card-body-odd {
    background-color: #00285F;
    min-height: 125px;
    max-height: 125px;
    padding: 10px 15px 0px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    transition: color 0.5s ease-out;
    font-family: 'Museo Sans Cyrl 700';
    text-align: left;
}

    .card-body-odd:hover {
        color: #444;
        background-color: #F7F7F7;
    }
.card-content{

}


.card-text {
    
}
    

.inner-bg{
    max-width:960px;
}

.row-card {
    padding: 40px 0px 0px 5px;
}

.txtLink {
    color: #00285F;
    text-decoration: underline;
    cursor: pointer;
}

@media (min-width: 321px) and (max-width: 1000px) {

    .card {
        width: 48%;
        margin: 0% 1% 6.25% 1%;
    }

    .row-card {
        padding: 15px 15px 0px 15px;
    }
    .left-content {
        background: #ED5505;
        min-height: 520px;
        padding: 7px 15px 15px;
        max-width: 369.98px;
        margin-right: 0px;
    }
    .inner-leftcont {
        font-size: 1.4em;
        text-align: left;
        color: #FFF;
        font-family: 'Museo Sans Cyrl 700';
        min-width: 280.98px
    }
}
@media (max-width: 320px)  {

    .card {
        width: 100%;
    }

    .row-card {
        padding: 15px 15px 0px 15px;
    }
    .left-content {
        background: #ED5505;
        min-height: 520px;
        padding: 7px 15px 15px;
        max-width: 300.98px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .inner-leftcont {
        font-size: 1.4em;
        text-align: left;
        color: #FFF;
        font-family: 'Museo Sans Cyrl 700';
        min-width: 280.98px
    }
}

@media (min-width: 321px) and (max-width: 450px) {
    .list-card-row {
        background: #b4b4b4;
        border: none;
        height: auto;
        display: block;
        float: none;
        margin-bottom: 2.91666%;
        margin-left: 0;
        margin-right: unset;
        margin-top: 0;
        transition: background 1s ease;
        width: 80%;
    }

    .list-card-row-end {
        background: #b4b4b4;
        border: none;
        height: auto;
        display: block;
        float: none;
        margin-bottom: 2.91666%;
        margin-left: 0;
        margin-right: unset;
        margin-top: 0;
        transition: background 1s ease;
        width: 80%;
    }
    .list-bg {
        max-width: inherit;
        min-width: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }
    .left-content {
        background: #ED5505;
        min-height: 520px;
        padding: 7px 15px 15px;
        max-width: 350.98px;
        margin-right: 5px;
        margin-left:5px;
    }
    .inner-leftcont {
        font-size: 1.4em;
        text-align: left;
        color: #FFF;
        font-family: 'Museo Sans Cyrl 700';
        min-width: 330.98px
    }

}

@media (min-width: 451px) and (max-width: 1050px) {
    .list-card-row {
        background: #b4b4b4;
        border: none;
        height: auto;
        display: block;
        float: left;
        margin-bottom: 2.91666%;
        margin-left: 0;
        margin-right: 2.91666%;
        margin-top: 0;
        transition: background 1s ease;
        width: 46%;
    }

    .list-card-row-end {
        background: #b4b4b4;
        border: none;
        height: auto;
        display: block;
        float: left;
        margin-bottom: 2.91666%;
        margin-left: 0;
        margin-right: 2.91666%;
        margin-top: 0;
        transition: background 1s ease;
        width: 46%;
    }
    .list-bg {
        max-width: inherit;
        min-width: inherit;
        padding-left: 50px;
        padding-right: 50px;
    }
    .left-content {
        background: #ED5505;
        min-height: 520px;
        padding: 7px 15px 15px;
        max-width: 369.98px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .inner-leftcont {
        font-size: 1.4em;
        text-align: left;
        color: #FFF;
        font-family: 'Museo Sans Cyrl 700';
        min-width: 349.98px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px;
    }
}