@media only screen and (max-width: 1366px)
{
	#ONama, #Edukacija {
        height: auto;
        background-image: none!important;
    }
    .text-image-responsive {
        display: block;
    }
    .max-width-text {
        width: 100%!important;
        margin-left: 0!important;
    }
}

@media only screen and (max-width: 1199px)
{
    .navbar-nav > li > a {
        font-size: 18px;
    }
    .biografija-section .biografija-image {
        margin-top: 47px;
    }
    .diskografija-section .one-album .text {
        margin-bottom: 10px;
        font-size: 13px;
    }
    #ONama {
        height: 1000px;
        padding: 60px 0;
    }
    #Edukacija {
        padding: 82px 0;
    }
}

@media only screen and (max-width: 991px)
{
    .navbar-header .collapse {
        float:right;
    }
    .navbar-collapse {
        padding-left: 0px;
    }
    .navbar-right {
        float:none!important;
    }
    .navbar-toggle {
        margin-right:0px;
        margin-top:3px;
        border-radius:1px;
        padding-top:8px;
        padding-bottom:8px;
    }
    .navbar-nav {
        padding: 0;
        margin: 0;
        float: none;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-right li {
        margin:0px 0px 5px 0px;
        padding:0px;
        float:none;
    }
    .navbar-nav > li > a {
        padding: 10px 0px 10px 10px;
        font-size:15px;
        display: inline-block;
    }
    .navbar-nav > li:first-child > a {
        margin-left: 0px;
    }
    .navbar-collapse.collapse {
        display: none !important;
        padding: 0 0 20px 0;
    }
    .navbar-collapse {
        border:0px!important;
        margin-top: 0;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        border:0px!important;
    }
    .navbar-header {
        float: none;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
        border: 1px solid #fff;
        border-radius: 0px;
        margin-top: 0;
        top: 19px;
        z-index: 999;
    }
    .navbar-toggle .icon-bar {
        background: #fff;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        box-shadow: none;
        float: none;
    }
    .navbar-nav > li > a, .navbar-nav > li > a:focus, .header-bottom .nav .open > a, .header-bottom .nav .nav .open > a:focus {
        text-align: left;
        font-size: 15px;
        padding: 10px 0 10px 0;
        margin-left: 0;
    }
    .navbar-nav > li > a::before, .navbar-nav > li > a::after {
        top: 8px;
    }
    .navbar-brand {
        padding: 10px 0px 10px 15px;
    }
    .send-btn-wrapper {
        text-align: left;
    }
    .owl-wrapper .control {
        width: calc(33% - 30px);
    }
    #Lokacija .informations .btn.btn-default {
        padding: 12px 65px;
    }
    #ONama {
        height: auto;
        padding: 80px 0;
    }
    #Edukacija {
        height: auto;
        padding: 80px 0;
    }
    #ONama .text-wrapper, #Edukacija .text-wrapper {
        padding: 25px;
    }
}
	
@media only screen and (max-width: 766px)
{
    .navbar-nav > li > a .caret {
        display: inline-block;
        margin-left:5px;
    }
    .half-xs {
        width: 50%;
    }
    .navbar-header .collapse, .navbar-toggle {
        right: 15px;
    }
    .modal.fade .modal-dialog {
        top: 60px;
    }
    .tim {
        margin-bottom: 30px;
    }
    .tim img {
        margin: 0 auto;
    }
    .owl-wrapper .control {
        width: calc(20% - 30px);
    }
    .week .day {
        width: 13%;
    }
    .week .day h3 {
        font-size: 16px;
    }
    .week .day {
        font-size: 16px;
    }
    h1 {
        font-size: 50px;
    }
    body, #Radovi .text, #Tim .text, #RadnoVreme .text {
        font-size: 18px;
    }
    #Lokacija .informations {
        padding: 30px;
        width: 90%;
    }
    .navbar-nav > li:first-child > a {
        margin-left: 15px;
    }
    .navbar-nav > li > a, .navbar-nav > li > a:focus, .header-bottom .nav .open > a, .header-bottom .nav .nav .open > a:focus {
        margin-left: 15px;
    }
    #formContact {
        margin-bottom: 50px;
    }
    #ONama, #Edukacija {
        padding: 40px 0;
    }
    #Tim {
        padding: 80px 0;
    }
    #Radovi {
        padding: 120px 0 80px 0;
    }
    .akademija-first-p {
        font-size: 30px;
        margin: 80px 0;
    }
    .akademija-first-p a {
        margin-top: 40px;
        display: block;
    }
    #Edukacija a {
        display: table;
        color: #fff;
        background: #ffb700;
        padding: 4px 25px;
        margin: 10px auto 0 auto;
    }
    #Edukacija a:hover {
        background: #000;
        text-decoration: none;
    }
}

@media only screen and (max-width: 580px)
{
    #VideoName {
        width: 200px;
        overflow: hidden;
        font-size: 15px;
    }
    .week .day {
        width: 25%;
    }
    #ONama, #Edukacija {
        height: auto;
        background-image: none!important;
    }
    #ONama .text-wrapper, #Edukacija .text-wrapper {
        margin-top: 0;
        background: none;
        padding: 0;
    }
    .phone-image {
        display: block;
        margin-top: 30px;
    }
    .text-image-responsive {
        display: none;
    }
}

@media only screen and (max-width: 480px)
{
    .half-xs {
        width: 100%;
    }
    .owl-wrapper .control {
        width: calc(25% - 30px);
    }
    .week .day {
        width: 40%;
    }
    #Lokacija .informations .btn.btn-default {
        padding: 12px 20px;
        width: 100%;
    }
    .tim {
        margin: 0 -15px 30px -15px;
    }
    #map {
        height: 580px;
    }
    #Lokacija .informations {
        padding: 23px;
        width: 78%;
    }
    #Lokacija .informations h1 {
        margin: -8px 0 10px 0;
    }
    #Lokacija .informations .address {
        font-size: 14px;
        margin-bottom: 20px;
    }
    #Lokacija .informations .btn.btn-default {
        padding: 12px 32px;
        width: auto;
        font-size: 13px;
    }
    #ONama .text-wrapper, #Edukacija .text-wrapper, #Radovi .text, #Tim .text, #RadnoVreme .text {
        line-height: 28px;
        font-size: 17px;
    }
}
@media only screen and (max-width: 380px)
{
    #Lokacija .informations h1 {
        font-size: 42px;
    }
    #Lokacija .informations .address {
        font-size: 18px;
    }
    #Lokacija .informations .btn.btn-default {
        font-size: 13px;
    }
}