/* Add here all your css styles (customizations) */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.align-right {
    text-align: right;
}

.align-top_right {
    text-align: right;
    vertical-align: top;
}

.align-left {
    text-align: left;
    margin-right: 0px;
}

.align-top_left {
    text-align: left;
    vertical-align: top;
}

.align-center {
    text-align: center;
}

.align-top_center {
    text-align: center;
    vertical-align: top;
}

.align-justify {
    text-align: justify;
}

.top-padding-150 {
    padding-top: 150px;
}

@media (max-width: 767px) {
    .top-padding-150 {
    padding-top: 0px;
    }
}

.responsive-video object {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 position: absolute;
}

.responsive-video script {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 position: absolute;
}

.responsive-video video {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 position: absolute;
}

/*Footer Logo*/
.footer-logo-wh {
    height: 55px;
    width: 199px;
}

.color-white { color: #FFFFFF;}


/* If the screen size is 600px wide or less, hide the element */
@media screen and (max-width: 600px) {
    .sakrij-kad-je-malo {
        display: none;
    }

    .sakrij-kad-je-veliko {
        display: inline;
    }

    .dropdown-menu {
        width: 550px !important; /* change the number to whatever that you need */
    }
}

.sakrij-kad-je-veliko0 {
    display: none;
}

/* If the screen size is 770 wide or less, hide the element */
@media screen and (max-width: 770px) {
    .sakrij-kad-je-malo0 {
        display: none;
    }

    .sakrij-kad-je-veliko0 {
        display: inline;
    }

    .dropdown-menu {
        width: 730px !important; /* change the number to whatever that you need */
    }
}

.sakrij-kad-je-veliko1 {
    display: none;
}

/* If the screen size is 992px wide or less, hide the element */
@media screen and (max-width: 992px) {
    .sakrij-kad-je-malo1 {
        display: none;
    }

    .sakrij-kad-je-veliko1 {
        display: inline;
    }

    .dropdown-menu {
        width: 950px !important; /* change the number to whatever that you need */
    }
}

.sakrij-kad-je-veliko2 {
    display: none;
}

/* If the screen size is 1400px wide or less, hide the element */
@media screen and (max-width: 1400px) {
    .sakrij-kad-je-malo2 {
        display: none;
    }

    .sakrij-kad-je-veliko2 {
        display: inline;
    }

    .dropdown-menu {
        width: 1350px !important; /* change the number to whatever that you need */
    }
}