@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {

    div#header-container .col-md-4,
    div#header-container .col-md-8 {
        width: 100%
    }

    a.topLogo img {
        margin: auto
    }

    ul.nav.navbar-nav {
        margin-right: 15px;
        margin-top: 15px
    }

    span.contacts-box.hidden-xs {
        width: 100%;
        text-align: center
    }

    li.dropdown i.fa.hidden-md.hidden-lg.fa-angle-down {
        display: inline-block !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    #STEF_footer .container {
        padding-left: 15px;
        padding-right: 15px
    }

    figure.imghvr-slide-up.STEF_teaser_image1 figcaption h3 {
        margin-top: 0
    }

    h1 {
        margin-top: 20px
    }

    .row.teamSection section.row {
        margin-bottom: 15px
    }

    .col-sm-12.col-md-6.service-right .col-md-6 {
        width: 46%;
        margin: 12px
    }

    #nav .collapse,
    #nav .collapse.in,
    .jole_accordion {
        display: block
    }

    a.topLogo img {
        margin: auto
    }

    ul.nav.navbar-nav {
        margin-right: 15px;
        margin-top: 15px
    }

    .navbar-nav,
    div#navbar {
        margin: 0
    }

    button.navbar-toggle {
        display: none
    }

    .ce-bodytext,
    footer section.col-md-4.col-xs-6.col-xxs-12 {
        padding: 0 15px
    }

    footer .row section.col-md-4:nth-child(2) {
        border-right: 1px solid #d8d8d2;
        border-left: 0 solid transparent
    }

    .topPadd {
        padding-top: 59px
    }

    .video-block .video-thumb {
        width: 50%;
        margin-bottom: 30px
    }

    .fa-phone:before {
        content: "\f095" !important
    }

    .fa-envelope:before {
        content: "\f0e0" !important
    }

    .text-right {
        text-align: left
    }

    div#header-container .col-md-4,
    div#header-container .col-md-8 {
        width: 100%
    }
}

@media only screen and (min-width:769px) and (max-width:992px) {
    .ce-bodytext {
        padding: 0 15px
    }

    .row.section-1 .row {
        margin: 0
    }

    body {
        font-size: 16px
    }

    .STEF_HomeCaption {
        margin-top: 5rem
    }

    .navbar-fixed-top .navbar-collapse {
        overflow-y: auto !important
    }

    .STEF_bg-img-fullsize {
        height: 70vh
    }
}

@media only screen and (min-width:768px) and (max-width:1100px) {
    .innerImg {
        margin-bottom: 0 !important
    }

    .pageSpace.nopamo {
        padding-top: 0
    }

    #STEF_footer .container,
    footer#STEF_footer .col-md-4:first-child,
    ul.nav.navbar-nav.navbar-right {
        width: 100%
    }

    .image-embed-item {
        margin-bottom: 20px;
        margin-top: 10px
    }

    .jole_accordion .col-md-4 {
        width: 50%
    }

    .pageSpace {
        padding: 3em;
        margin: 0
    }

    .BG img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        -webkit-animation: none;
        animation: none;
        object-position: 80% 0px
    }

    .row.mob-menu {
        padding-left: 0;
        border-left: none
    }

    #STEF_footer {
        padding-top: 50px
    }

    #STEF_footer section.col-md-4+section.col-md-4 {
        min-height: auto;
        margin-top: 25px;
        border: 0
    }

    #STEF_footer section.col-md-4.col-xs-6.col-xxs-12+section.col-md-4.col-xs-6.col-xxs-12 {
        border-right: none !important
    }

    .copy-r {
        clear: both
    }

    #STEF_footer section.col-md-12 {
        clear: both;
        overflow: hidden
    }

    #STEF_footer h3 {
        margin: 20px 0
    }

    .copy-r a {
        font-size: 15px;
        padding-left: 10px
    }

    .row.container {
        margin: 0 auto;
        padding: 0
    }

    .row.centerSpace.para {
        padding: 15px 0
    }

    .video-block .video-thumb {
        width: 100%;
        margin-bottom: 41px
    }

    .col-sm-12.col-md-6.service-right {
        width: 100%;
        padding: 0 15px
    }

    section.col-md-offset-1.col-md-10 {
        display: inline-block;
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
        padding: 0 30px
    }

    #STEF_footer #STEF_copyrights {
        font-size: 16px;
        display: inline-block
    }

    #STEF_footer span.pull-right {
        display: inline-block;
        text-align: right;
        margin-left: 0;
        float: none !important;
        margin-bottom: 20px;
        margin-top: 15px
    }

    section.col-md-3.col-xs-6.col-xxs-12 {
        width: 50%;
        margin-top: 0
    }

    .STEF_contacts-box a {
        transform: translateX(172px);
        -webkit-transform: translateX(172px);
        -o-transform: translateX(172px);
        -moz-transform: translateX(172px)
    }

    .fa-phone:before {
        content: "\f095" !important
    }

    .fa-envelope:before {
        content: "\f0e0" !important
    }

    .STEF_dropdown-icon-xs {
        position: relative;
        left: inherit;
        font-size: 24px;
        top: 0;
        right: 0;
        float: right;
        font-weight: light;
        margin-left: 40px
    }

    .STEF_bg-img-fullsize {
        height: auto;
        padding-bottom: 0
    }

    .STEF_contacts-box {
        font-size: 16px;
        position: absolute
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        height: 100%;
        object-fit: cover;
        object-position: 73%
    }

    .inner-p .centerSpace {
        padding-top: 4em;
        padding-bottom: 4em
    }
}

@media only screen and (max-width:767px) {

    h1,
    h2 {
        font-weight: 600
    }

    .TopLogo,
    a.toplogo {
        position: absolute;
        z-index: 10
    }

    .BgBackground h1,
    .jole_sec.jole_news-carousel h1.font-roman,
    .row.section-2 h1 {
        word-break: break-word
    }

    .pageSpace.nopamo,
    figure.imghvr-slide-up.STEF_teaser_image1 figcaption h3 {
        padding-top: 0
    }

    .e-footer section.container:first-child {
        border-top: 1px solid #9b9b9b;
        padding: 1em 15px
    }

    .STEF_contacts-box.STEF_headerContacts-xs.mobSpace {
        margin-top: 7em
    }

    .MobIco {
        border-top: 1px solid transparent
    }

    .MobIco a {
        padding: 10px 2em;
        color: #4a4a4a;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        display: block;
        text-align: left
    }

    .row.centerSpace.para a,
    a.toplogo {
        text-align: center
    }

    .MobIco .fa.fa-angle-down {
        float: right;
        color: #4a4a4a;
        margin-top: 8px
    }

    .mobDiv {
        padding: 1em 3em
    }

    .MobIco .fa.fa-clock-o {
        display: inline-block;
        margin-right: 10px;
        width: 40px;
        height: 40px;
        background: #bda481;
        border-radius: 50%;
        line-height: 40px;
        text-align: center;
        color: #fff
    }

    .row.teamSection section.row {
        margin-bottom: 15px
    }

    .sticky section.row.STEF_contacts-box.STEF_headerContacts-xs.visible-xs {
        visibility: hidden;
        opacity: 0;
        height: 0;
        transition: .2s ease-in-out;
        -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out
    }

    section.row.STEF_contacts-box.STEF_headerContacts-xs.visible-xs {
        visibility: visible;
        opacity: 1;
        height: 100%
    }

    a.topLogo {
        width: 250px;
        display: block;
        margin: 0 auto
    }

    .twoRow fieldset,
    ul.language li {
        display: inline-block
    }

    table.contenttable td {
        padding: 3px
    }

    .text-right {
        text-align: left
    }

    footer .row section.col-md-4:nth-child(2) {
        border-right: 0px solid transparent;
        border-left: 0 solid transparent
    }

    footer section.col-md-4.col-xs-6.col-xxs-12 {
        padding: 0 15px;
        width: 100%
    }

    div#header-container .col-md-12 {
        border-bottom: 0 solid transparent;
        display: block;
        width: 100%
    }

    .Logo,
    .arrowIcon {
        display: none
    }

    .mobLogo {
        display: block
    }

    .BG iframe {
        width: 90%
    }

    .jole_news-carousel {
        padding: 2em 2.5em 1em 2.4em
    }

    .jole_news-carousel .col-md-10,
    .row.centerSpace.container .col-md-11 {
        padding: 0
    }

    .jole_news-carousel .carousel-control.left {
        left: -24px
    }

    .jole_news-carousel .carousel-control.right {
        right: -24px
    }

    .innerImg {
        margin-bottom: 0 !important
    }

    .navbar-default .navbar-nav>li:not(.dropdown)>a::before {
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear
    }

    .twoRow fieldset {
        width: 100%;
        float: left;
        padding: 0
    }

    .nav>li,
    .navbar-nav,
    .navbar-nav>li {
        float: none
    }

    .onlyMobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .topPadd {
        padding-top: 0;
        margin-top: 0
    }

    .pageSpace {
        padding: 2em
    }

    .jole_accordion {
        clear: both;
        display: block;
        padding: 0 1em
    }

    .BG img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        -webkit-animation: none;
        animation: none;
        object-position: 70% 0px
    }

    .HeaderSection {
        background-color: #ededef
    }

    a.toplogo {
        top: 20px;
        left: 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        width: 100%
    }

    .back-section {
        height: 300px;
        background-attachment: scroll;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-repeat: no-repeat;
        background-position: center
    }

    .backy-1 h2 {
        font-size: 30px;
        line-height: 36px;
        padding-top: 6em
    }

    img.Hlogo2 {
        position: absolute;
        top: 22%;
        right: 0;
        z-index: 2;
        padding: 1em
    }

    #header-container .col-md-10,
    .nav>li,
    button.navbar-toggle {
        position: relative
    }

    h1 {
        font-size: 25px;
        line-height: 35px;
        margin-top: 1em
    }

    h2 {
        font-size: 21px;
        line-height: 31px
    }

    .row.section-1 h1 {
        font-size: 30px;
        font-weight: 400;
        line-height: 36px
    }

    .scrolla {
        position: absolute;
        cursor: pointer;
        left: 50%;
        margin-left: -67px;
        bottom: 70px;
        padding-bottom: 34px
    }

    .service-bottom h5 {
        font-size: 20px
    }

    .scrolla img {
        display: block;
        margin: -100px auto 0
    }

    .HeaderSection h1 {
        font-size: 36px;
        line-height: 36px;
        margin: 0;
        padding: 15px 59px 1px
    }

    .section-1 {
        padding: 60px 35px
    }

    .ce-image.ce-center.ce-above {
        overflow: hidden;
        margin-bottom: 5px
    }

    .row.mob-menu {
        border-left: none;
        padding: 0 23px 50px
    }

    /* #STEF_footer,
    .row.container {
        padding: 15px 0
    } */

    ul.dropdown-menu .col-md-4 {
        padding: 0 15px;
        border-bottom: 1px solid #bda46e;
        margin-bottom: 30px
    }

    .row.teasers {
        margin-left: 0;
        margin-right: 0
    }

    .row.teasers .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .row.section-2 h1 {
        padding-left: 0;
        font-size: 25px;
        line-height: 30px
    }

    body {
        overflow-x: hidden
    }

    .nav>li {
        display: block
    }

    .service-img {
        max-height: 100%
    }

    .HeaderSection .carousel-inner .item {
        height: 100vh
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        height: 100%;
        object-fit: cover;
        object-position: 73%
    }

    li.dropdown.open .dropdown-menu {
        height: auto !important;
        padding: 0 15px
    }

    #STEF_footer a.ContBtn,
    .row.centerSpace.para a {
        padding: 10px;
        display: block
    }

    .row.section-1 h2 {
        padding-left: 0
    }

    .row.section-1 h4 {
        color: #3b3b3b;
        font-size: 16px;
        line-height: 160%
    }

    .row.centerSpace.para p {
        color: #fff;
        margin-bottom: 30px
    }

    .row.section-2 h2 {
        margin: 15px -15px;
        padding-left: 0
    }

    .col-sm-12.col-md-6.service-right .col-md-6 {
        width: 100%;
        margin-bottom: 15px
    }

    #STEF_footer section.col-md-4+section.col-md-4 {
        border-bottom: none;
        border-left: 0;
        min-height: 100%;
        margin-top: 15px;
        padding-bottom: 10px
    }

    #STEF_footer .col-xs-6 {
        width: 100%;
        clear: both
    }

    #STEF_footer .copy-r p {
        text-align: inherit
    }

    .copy-r {
        clear: both;
        border: 0;
        margin: 0
    }

    #STEF_footer section.col-md-12 {
        clear: both;
        overflow: hidden;
        padding: 0
    }

    #STEF_footer h3 {
        margin: 20px 0
    }

    .copy-r a {
        font-size: 15px;
        padding-left: 10px
    }

    .row.container {
        margin: 0 auto
    }

    .row.centerSpace.para {
        padding: 130px 20px 15px;
        background-position: top center;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #473f39
    }

    .section-2.teasers {
        padding: 20px
    }

    footer#STEF_footer .col-md-4 {
        padding: 0 5px
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        padding: 10px 0;
        text-align: left;
        color: #fff
    }

    .navbar-nav {
        padding: 0 2em
    }

    .navbar ul.dropdown-menu {
        background-color: #113221;
        color: #fff;
        left: -1px;
        top: 94px;
        padding: 40px 15px 80px 30px;
        margin: 0;
        bottom: 0;
        width: 100%
    }

    .TopLogo {
        top: 20%;
        left: 50%;
        margin-left: -125px;
        width: 250px;
        margin-top: 0
    }

    #STEF_footer section.col-md-offset-1.col-md-10 {
        display: inline-block;
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 0 30px;
        margin-top: 0
    }

    .video-block .video-thumb {
        width: 100%;
        margin-bottom: 41px
    }

    .BgBackground h1 {
        font-size: 36px;
        line-height: 36px
    }

    .MainAccordion .panel-title {
        word-break: break-all
    }

    .MainAccordion {
        margin-bottom: 110px
    }

    section.col-md-3.col-xs-6.col-xxs-12 {
        width: 100%;
        margin-top: 15px
    }

    .col-md-6.col-xs-12.video-thumb {
        margin: 10px 0;
        width: 100%
    }

    .jole_accordion .col-md-4,
    div#header-container .col-md-1.col-xs-12,
    div#header-container .col-md-11,
    ul.nav.navbar-nav.navbar-right {
        width: 100%
    }

    .navbar-brand {
        float: left;
        padding-left: 15px;
        padding-right: 0;
        width: 260px
    }

    button.navbar-toggle {
        display: block;
        top: 35px;
        left: -15px;
        right: inherit;
        margin: 0
    }

    a.topLogo img,
    nav#nav .container-fluid {
        height: 100px
    }

    .joko_video-thumb h5 {
        color: #fff;
        z-index: 1;
        font-size: 30px
    }

    footer#taru_footer section.col-md-12 {
        clear: both
    }

    .joko_video-thumb .text-center {
        margin-top: 9%;
        font-size: 16px
    }

    .STEF_contacts-box.STEF_headerContacts-xs a {
        padding: 12px 2em;
        color: #4a4a4a;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        display: block;
        border-bottom: 1px solid #9b9b9b
    }

    .STEF_contacts-box.STEF_headerContacts-xs p {
        margin: 0;
        text-align: left
    }

    .mobileIcons .termina-h a {
        padding: 0;
        border-right: 0
    }

    .mobileIcons .termina-h .fa {
        padding: 18px;
        min-height: 51px
    }

    .mobileIcons .termina-h i.fa.fa-angle-down {
        float: right
    }

    .mobileIcons .termina-h {
        position: static
    }

    .mobileIcons .termina-h .termina {
        width: 100%;
        left: 0;
        right: inherit;
        top: 52px
    }

    .mobileIcons {
        display: table;
        width: 100%;
        position: relative;
        background: #fff
    }

    .mobileIcons a {
        color: #575756;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        padding: 15px;
        margin: 0;
        border-bottom: 1px solid #eee;
        width: 100%;
        display: block
    }

    .navbar .dropdown-menu {
        background-size: 50%;
        padding-top: 0
    }

    .ImgSection {
        margin-left: 0
    }

    .navbar {
        min-height: auto;
        height: auto
    }

    .STEF_contacts-box.STEF_headerContacts-xs {
        position: relative;
        background-color: #f5f5f5
    }

    ul.language {
        position: absolute;
        top: -140px;
        width: 100%;
        text-align: right
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 10px;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .fa-phone:before {
        content: "\f095" !important
    }

    .fa-envelope:before {
        content: "\f0e0" !important
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    div#navbar {
        min-height: 100vh;
        overflow-y: scroll;
        margin-top: 0;
        padding: 0;
        overflow: auto;
        position: absolute;
        top: 100px;
        left: 0;
        right: 0;
        z-index: 1000;
        background: rgba(136, 47, 91, .85);
        bottom: inherit
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .collapse.in {
        display: block !important
    }

    img.IconLogo {
        position: relative;
        float: left;
        left: 0
    }

    .STEF_dropdown-icon-xs {
        position: relative;
        left: inherit;
        font-size: 24px;
        top: 0;
        right: 0;
        float: right;
        font-weight: light;
        margin-left: 40px
    }

    .STEF_bg-img-fullsize {
        height: auto;
        padding-bottom: 0
    }

    .STEF_contacts-box {
        margin: 0;
        font-size: 16px
    }

    .navbar-default .navbar-nav>li>a {
        padding: 15px 0;
        position: relative;
        width: auto;
        display: block;
        text-align: left;
        border-right: none;
        margin-bottom: 0
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        background-color: transparent;
        color: #878787
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 5px 20px;
        color: #000;
        font-size: 15px;
        text-align: left
    }

    li.dropdown i {
        float: right;
        margin-top: 4px
    }

    li.dropdown.open .fa-angle-down {
        transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg)
    }

    .navbar-default .navbar-nav>li>a:hover::before {
        left: 7%;
        right: 7%
    }

    .navbar-nav {
        margin: 0;
        display: block;
        height: 100vh;
        overflow-y: scroll
    }

    .CenterTxt p {
        width: 100%;
        margin: auto;
        color: #000;
        font-size: 32px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 400;
        line-height: 43px;
        text-align: center;
        text-transform: none;
        text-decoration: none;
        letter-spacing: 0
    }

    .CenterSection {
        height: 50vh
    }

    .carousel-inner .caption {
        padding: 15px;
        width: inherit
    }

    .inner-p .centerSpace {
        padding-top: 4em;
        padding-bottom: 4em
    }

    .insection-1 {
        padding: 3em 2em
    }

    .mobiPad {
        padding-top: 88px
    }
}

@media only screen and (max-width:500px) {
    .contenttable {
        margin-left: 0;
        margin-right: 0
    }

    .copy-r .text-right {
        text-align: left
    }
}

@media only screen and (max-width:320px) {
    h1 {
        font-size: 30px;
        font-weight: 400;
        line-height: 38px
    }

    .termina {
        padding: 0
    }

    .footer-btn {
        padding: .5em 3em
    }

    #STEF_footer p {
        font-size: 15px
    }

    .navbar-brand {
        width: 225px
    }

    .jole_news-carousel .carousel-caption a {
        padding: 10px 15px
    }
}