/* MEDIA QUERIES */
@media (min-width: 2400px) {
    .jasmina-holder {
        right: 650px !important;
    }
}
@media (min-width: 1920px) {
    .hero-holder {
        top: -240px;
    }
    .content-grey2 {
        padding: 85px 85px;
    }
    .carousel-holder-narrow {
        width: 65%;
    }
    
}
@media (min-width: 1470px) {
    .jasmina-holder {
        right: 300px;
    }
    .jumbotron-carousel .container-fluid {
        width: 1440px;
    }
    .hero-holder {
        top: -240px;
    }
    .content-grey2 {
        padding: 85px 85px;
    }
    .carousel-holder-narrow {
        width: 65%;
    }
    
}
@media (min-width: 1200px) and (max-width: 1469px) {
    .logo-holder, .img-holder {
        height: 180px;
    }
    .jasmina-holder {
        right: 120px;
    }
    .jasmina {
        right: 0px;
    }
    .hero-holder {
        top: -210px; 
        width: 650px; 
        height: 650px;
    }
    .content-grey1 {
        margin-top: -380px; 
        padding: 90px 90px;
    }
    .content-grey2 {
        padding: 70px 70px;
    }
    .carousel-holder-narrow {
        width: 65%;
    }
    
}
@media (min-width: 1200px) {
    
}
@media (min-width : 992px) and (max-width : 1199px) {
    .logo-holder, .img-holder {
        height: 147px;
    }
    .jasmina-holder {
        right: -15px;
    }
    .jasmina {
        right: -50px;
    }
    .hero-holder {
        top: -160px; 
        height: 550px; 
        width: 550px;
    }
    .content-grey {
        padding: 140px 80px 140px;
    }
    .content-grey1 {
        margin-top: -380px; 
        padding: 90px;
    }
    .content-grey2 {
        padding: 60px;
    }
    .box-down {
        width: 630px;
    }
    .item-push {
        margin-top: -168px; 
        width: 455px;
    }
    .carousel-holder-narrow {
        width: 70%;
    }
}
@media (max-width: 1399px) {
    a .casetitle p {
        font-size: 50px;
    }
}
@media (max-width: 1199px) {
    .page-back {
        left: 30px;
    }
    .page-forward {
        right: 30px;
    }
}
@media (min-width: 992px) {
    
}
@media (max-width: 991px) {
    body {
        padding-top: 0px;
    }
    .content-grey1 {
        margin-bottom: -70px;
    }
    .content-grey2, .content-grey3, .content-image {
        margin-top: -70px; 
        margin-bottom: -70px;
    }
    .jumbo-dark-grey {
        padding-top: 180px;
    }
    .box-title {
        height: 130px;
    }
    .box-pages {
        height: 160px;
    }
}
@media (min-width : 768px) and (max-width : 991px) {
    .logo-holder, .img-holder {
        height: 112px;
    }
    .jasmina-holder {
        right: -15px;
    }
    .jasmina {
        right: -150px;
    }
    .hero-holder {
        top: -130px; 
        height: 500px; 
        width: 500px; 
        right: 10px;
    }
    .content-grey {
        padding: 160px 60px 140px;
    }
    .content-grey1 {
        margin-top: -420px;
    }
    .content-grey2 {
        padding: 50px;
    }
    .box-down {
        width: 580px; 
        right: 30px;
    }
    .item-push {
        margin-top: -129px; 
        width: 345px;
    }
    .jumbotron-color {
        margin-bottom: 30px;
    }
    .carousel-title {
        height: 220px;
    }
    .captions-narrow {
        padding-bottom: 20px;
    }
    .owl-next, .owl-prev {
        top: -60px;
    }
}
@media (min-width: 768px) {
    
}
@media screen and (max-width: 767px) {
    .navbar {
        height: 70px; 
        width: 100%; 
        margin-bottom: 0; 
        border: none; 
        position: fixed; 
        z-index: 1000;
    }
    .navbar-header {
        height: 70px; 
        text-align: center; 
        background: #fff;
    }
    .navbar-toggle {
        background: url(../img/icon2.svg); 
        width: 24px; 
        height: 45px;
        border: none; 
        float: none; 
        margin-top: 12px;
    }
    .navbar-toggle.collapsed {
        background: url(../img/icon1.svg); 
        width: 24px; 
        height: 45px;
        border: none; 
        float: none;
    }
    .navbar-collapse {
        padding-left: 0; 
        padding-right: 0;
    }
    .navbar-collapse {
        background-color: #fff; 
        border-top: none;
    }
    .navbar-collapse ul {
        text-align: left; 
        width: 100%;
    }
    .navbar-collapse ul li {
        padding: 24px 0; 
        font-size: 30px; 
        border-top: 1px solid #ccc; 
        z-index: 1000; 
        background: #fff; 
        text-align: center;
    }
    .navbar-nav {
        margin: 0;
    }
    .navbar-nav > li > a {
        color: #bbb; 
        text-shadow: none; 
        display: block; 
        text-transform: uppercase;
        font-family: 'proximanova_light', sans-serif;
    }
    .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
        color: #05A5CD; 
        background-color: #fff;
    }
    .jumbo-content, .mobile-header {
        padding-top: 70px;
    }
    .jumbotron-empty {
        border-left: none; 
        border-right: none;
    }
    .jumbotron-blue, .jumbotron-color {
        padding: 0;
    }
    .jumbotron-blue .col-xs-12, .jumbotron-color .col-xs-12, .jumbotron-empty .col-xs-12 {
        padding-right: 0; 
        padding-left: 0;
    }
    .content-grey {
        padding: 70px 30px 140px;
    }
    .socials {
        right: 50%; 
        margin-right: -64px; 
        width: 128px; 
        height: 64px;
    }
    .mail, .linkedin {
        float: left;
    }
    .box-down {
        display: none;
    }
    .item-push {
        position: relative; 
        margin-top: 0px; 
        width: auto;
    }
    .content-grey1 {
        margin-top: 0px; 
        padding: 100px 60px;
    }
    .content-grey2 {
        padding: 0;
    }
    .jumbotron-color {
        height: auto; 
        padding-top: 40px;
    }
    .hero-holder {
        position: relative; 
        top: 0; 
        right: 0; 
        width: auto; 
        height: auto;
    }
    .hero-img {
        position: relative; 
        width: 100%; 
        height: auto; 
        margin: 0 auto -200px;
    }
    .logo-portal img {
        margin-bottom: -100px;
    }
    .carousel-holder-narrow {
        width: 100%;
    }
    .carousel-title {
        height: 210px;
    }
    .captions-narrow {
        padding-bottom: 20px;
    }
    .owl-next, .owl-prev {
        top: -60px;
    }
    .box-title {
        height: 110px;
    }
    .panel-title {
        font-size: 24px;
    }
    #footer {
        border-left: none; 
        border-right: none;
    }
    .embed-responsive {
        width: 100%;
    }
    .jumbo-content.cases-3 {
        padding-top: 70px;
    }
    .casedata {
        padding-left: 120px;
    }
    .caseimage {
        margin-bottom: 50px;
    }
    .back-to-top {
        display: none !important;
    }
}
@media (min-width : 601px) and (max-width : 767px) {
    .owl-prev {
        left: 25%;
    }
    .owl-next {
        right: 25%;
    }
}
@media (max-width : 600px) {
    h2, .h2 {
        font-size: 18px !important;
    }
    .carousel-holder-narrow {
        width: 60%;
    }
    .caro-single .carousel-holder-narrow {
        width: 100%;
    }
    .owl-prev {
        left: 5%;
    }
    .owl-next {
        right: 5%;
    }
    .caro-wide .owl-prev, .caro-single .owl-prev {
        left: 15%;
    }
    .caro-wide .owl-next, .caro-single .owl-next {
        right: 15%;
    }
    .page-back {
        left: 10px;
        bottom: -20px;
    }
    .page-forward {
        right: 10px;
        bottom: -20px;
    }
    .page-back a, .page-forward a {
        font-size: 16px;
        width: 120px;
        height: 40px;
        line-height: 40px;
    }
    .page-back a:hover:before, .page-forward a:hover:before {
        width: 80%;
        height: 2px;
        right: 10%;
    }
    .page-back a:hover:after {
        left: 10px;
        top: 0;
    }
    .page-forward a:hover:after {
        right: 10px;
    }
}
@media (max-width : 530px) {
    .content-grey1 {
        margin-top: 0px; 
        padding: 60px 30px;
    }
    .page-back a {
        left: 30px; 
        font-size: 16px;
    }
    .page-forward a {
        right: 30px; 
        font-size: 16px;
    }
}
@media (max-width : 479px) {
    .navbar-collapse ul li {
        font-size: 20px;
    }
    .navbar-nav > li > a {
        padding-bottom: 0; 
        padding-top: 0;
    }
    .casedata {
        padding-left: 25%;
    }
    a .casetitle p {
        font-size: 48px;
    }
}
@media (min-width : 411px) {
    .visible-xxs {
        display: none!important;
    }
}
@media (max-width : 410px) {
    p, .jumbotron p, .jumbo-mobile .text {
        font-size: 14px;
    }
    a .casetitle p {
        font-size: 10vw;
    }
    h2, .h2 {
        font-size: 18px !important;
    }
    .carousel-holder {
        width: 70%; 
        margin: -180px auto -100px;
    }
    .carousel-holder-narrow {
        width: 70%;
    }
    .caro-single .carousel-holder-narrow {
        width: 100%;
    }
    .captions-wide {
        padding-bottom: 25px;
    }
    .box-title {
        height: 100px;
    }
    .hidden-xxs {
        display: none!important;
    }
    .visible-xxs {
        display: block!important;
    }
    .owl-prev {
        left: 0%;
    }
    .owl-next {
        right: 0%;
    }
    .caro-wide .owl-prev {
        left: 0%;
    }
    .caro-wide .owl-next {
        right: 0%;
    }
    .page-back, .page-forward {
        bottom: -15px;
    }
    .page-back a, .page-forward a {
        font-size: 12px;
        width: 80px;
        height: 30px;
        line-height: 30px;
        padding: 0;
    }
    .page-back a:hover:before, .page-forward a:hover:before {
        width: 80%;
        height: 2px;
        right: 10%;
    }
    .page-back a:hover:after {
        left: 10px;
        top: 0;
    }
    .page-forward a:hover:after {
        right: 10px;
    }
}