* {
    font-size: 12px;
}

.main-logo-container {
    width: 64px;
    height: 64px;
    background: url(../img/main-logo.png) no-repeat left center;
    background-size: cover;
    display: inline-block;
}

.page-title {
    margin-left: 10px;
    width: 550px;
    display: inline-block;
    font-size: 25px;
}

.card-columns {
    column-count: 2 !important;
}

.card-img-top {
    width: 100%;
}

.main-link:hover, .main-link:active, .main-link:focus {
    text-decoration: none !important;
}

.card-title:hover {
    color: #025aa5;
    cursor: pointer;
}

.custom-select {
    display: inline-block;
    width: 50%;
    height: calc(2.25rem + 5px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    -webkit-background-size: 8px 10px;
    background-size: 8px 10px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.search-select {
    width: 100%;
}

.from-to-field {
    margin-left: 15px;
}

.dropdown-menu {
    margin-top: 5px !important;
}

.nav-link {
    cursor: pointer !important;
}

.card-standard {
    max-width: 33%!important;
    margin: 15px 5px 0 0 !important;
}

.search-header {
    margin: 15px 0;
}

.search-header div {
    margin-bottom: 10px;
}

.search-header label {
    font-size: 10px !important;
}

.pagination {
    margin: 0 auto;
    width: 0;
}

.pagination li {
    margin-right: 10px;
}

@media (max-width: 900px) {
    .page-title {
        width: auto!important;
    }

    .main-logo-container {
        width: 125px;
        height: 125px;
        background-size: contain;
        clear: both;
        display: block;
        margin: 0 auto 10px auto;
    }

    * {
        overflow-x: hidden;

    }

    .card-standard {
        max-width: 100%!important;
    }

    .main-header {
        text-align: center;
    }
}
.carousel {
    position: relative;
    max-width: 600px !important;
}
.carousel-item
{
   
   max-height: 337.5px !important;
}


    @media only screen and (max-width: 1024px) {
    .responsiveklasa {
       max-width: 300px !important;
       height: auto;
       margin-bottom: 10px;
      

       
    }
iframe{
   width: auto !important;
height:auto !Important;
}
}
.responsiveklasa{
    max-width: 596px;
    max-height: 335px;
    margin-bottom: 10px;


}
.nasaklasa{
    height: 185px !important;
}