@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and ( min-device-pixel-ratio: 1.25), 
       only screen and ( min-resolution: 200dpi), 
       only screen and ( min-resolution: 1.25dppx) {
           font-feature-settings: 'kern';
           -webkit-font-smoothing: antialiased;
       }
@media screen and (max-width: 1280px) {
    .Header .Logo{
        position: static;
        float: left;
    }
    .Header .Logo h1 a,
    .Header .Logo a,
    .sticky .Header .Logo h1 a,
    .sticky .Header .Logo a{
        width: 212px;
        height: 52px;
        padding: 8px 0px;
        background-size:192px 30px;
    }
    .social-content{
        left: 0px;
        transform: translate(0%, -50%);
        padding: 0px 15px;
    }
    .slider-content {
        left: 0px;
        transform: translate(0%, -50%);
        padding: 0px 15px;
    }
    .promoWrapper .scrollBox{
        left: 15px;
        bottom: 15px;
        margin-left: 0px;
    }
    .w-container .w-row {
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    
}
@media screen and (max-width: 991px) {
    .w-container {
        max-width: none;
        padding: 0px 15px;
    }
    .w-container.contact{
        padding: 0px;
    }
    .w-col-sm-0 {
        width:auto;
    }
    .w-col-md-1 {
        width: 8.33333333%;
    }
    .w-col-md-2 {
        width: 16.66666667%;
    }
    .w-col-md-3 {
        width: 25%;
    }
    .w-col-md-4 {
        width: 33.33333333%;
    }
    .w-col-md-5 {
        width: 41.66666667%;
    }
    .w-col-md-6 {
        width: 50%;
    }
    .w-col-md-7 {
        width: 58.33333333%;
    }
    .w-col-md-8 {
        width: 66.66666667%;
    }
    .w-col-md-9 {
        width: 75%;
    }
    .w-col-md-10 {
        width: 83.33333333%;
    }
    .w-col-md-11 {
        width: 91.66666667%;
    }
    .w-col-md-12 {
        width: 100%;
    }
    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto;
    }
    .Header,
    .sticky .Header {
        background: #d40203;
    }
    .Header .Logo h1 a,
    .Header .Logo a,
    .sticky .Header .Logo h1 a,
    .sticky .Header .Logo a{
        width: 192px;
    }
    .Header .Menu ul li a,
    .sticky .Header .Menu ul li a{
        color: rgba(255,255,255,.8);
    }
    .Header .Menu ul li a:hover,
    .sticky .Header .Menu ul li a:hover{
        color: rgba(255,255,255,1);
    }
    .Header .Menu ul li a.active,
    .sticky .Header .Menu ul li a.active{
        border-top: 3px solid #FFF;
        color: #FFF;
    }
    .slider-content .slider-slogan {
        font-size: 36px;
        line-height: 46px;
    }
    .Header .Menu ul li a{
        padding: 10px 8px 13px 8px;
        font-size: 14px;
    }
    .pageTitle .w-container{
        padding: 0px;
    }
    .pageTitle .social-content{
        padding: 0px;
    }
    .sidebar{
        padding-left: 0px;
        margin-top:50px;
    }
    ul.list li{
        width: 33.33%;
    }
    ul.list.galeri li{
        width: 25%;
    }
    .leftMenu{
        text-align: center;
        margin-bottom: 30px;
    }
    
    .leftMenu ul{
        float: none;
        display: inline-block;
        width:auto;
        height: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0px;
    }
    .leftMenu ul li{
        float: left;
        width:auto;
        height: auto;
        border: 1px solid #f1f2f3;
    }
    .leftMenu ul li:first-child{
        -webkit-border-top-left-radius: 33px;
        -webkit-border-bottom-left-radius: 33px;
        -moz-border-radius-topleft: 33px;
        -moz-border-radius-bottomleft: 33px;
        border-top-left-radius: 33px;
        border-bottom-left-radius: 33px;
    }
    .leftMenu ul li:last-child{
        border-left: 0px;
        -webkit-border-top-right-radius: 33px;
        -webkit-border-bottom-right-radius: 33px;
        -moz-border-radius-topright: 33px;
        -moz-border-radius-bottomright: 33px;
        border-top-right-radius: 33px;
        border-bottom-right-radius: 33px;
    }
    .leftMenu ul li a{
        padding: 20px 30px;
        font-size: 14px;
        line-height: 24px;
    }
}  
@media screen and (max-width: 768px) {
    /*.w-row,
    .w-container .w-row {
        margin-left: 0;
        margin-right: 0;
    }*/
    .w-col {
        width: 100%;
        left: auto;
        right: auto;
    }
    .w-col-sm-0 {
        width:auto;
    }
    .w-col-sm-1 {
        width: 8.33333333%;
    }
    .w-col-sm-2 {
        width: 16.66666667%;
    }
    .w-col-sm-3 {
        width: 25%;
    }
    .w-col-sm-4 {
        width: 33.33333333%;
    }
    .w-col-sm-5 {
        width: 41.66666667%;
    }
    .w-col-sm-6 {
        width: 50%;
    }
    .w-col-sm-7 {
        width: 58.33333333%;
    }
    .w-col-sm-8 {
        width: 66.66666667%;
    }
    .w-col-sm-9 {
        width: 75%;
    }
    .w-col-sm-10 {
        width: 83.33333333%;
    }
    .w-col-sm-11 {
        width: 91.66666667%;
    }
    .w-col-sm-12 {
        width: 100%;
    }
    .sm-alignCenter{
        text-align: center;
    }
    .Header .Logo{
        background-color: transparent;
    }
    .Header .w-container {
        z-index: 10;
    }
    .Header .Menu{
        display: none;
    }
    .Header .w-container .MobileBt {
        display: block;
    }
    .MobilMenu.OpenMenu {
        background: rgba(37,38,53,.96);
        height: 100%;
        max-height: none;
    }
    .MobilMenu.OpenMenu .main-nav ul li,
    .MobilMenu.OpenMenu .social-content{
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .MobilMenu.OpenMenu .main-nav ul li:nth-child(1){
        -webkit-transition-delay: 200ms,200ms;
        -moz-transition-delay: 200ms,200ms;
        -ms-transition-delay: 200ms,200ms;
        -o-transition-delay: 200ms,200ms;
        transition-delay: 200ms,200ms;
    }
    .MobilMenu.OpenMenu .main-nav ul li:nth-child(2) {
        -webkit-transition-delay: 250ms,250ms;
        -moz-transition-delay: 250ms,250ms;
        -ms-transition-delay: 250ms,250ms;
        -o-transition-delay: 250ms,250ms;
        transition-delay: 250ms,250ms;
    }
    .MobilMenu.OpenMenu .main-nav ul li:nth-child(3) {
        -webkit-transition-delay: 300ms,300ms;
        -moz-transition-delay: 300ms,300ms;
        -ms-transition-delay: 300ms,300ms;
        -o-transition-delay: 300ms,300ms;
        transition-delay: 300ms,300ms;
    }
    .MobilMenu.OpenMenu .main-nav ul li:nth-child(4) {
        -webkit-transition-delay: 350ms,350ms;
        -moz-transition-delay: 350ms,350ms;
        -ms-transition-delay: 350ms,350ms;
        -o-transition-delay: 350ms,350ms;
        transition-delay: 350ms,350ms;
    }
    .MobilMenu.OpenMenu .main-nav ul li:nth-child(5) {
        -webkit-transition-delay: 400ms,400ms;
        -moz-transition-delay: 400ms,400ms;
        -ms-transition-delay: 400ms,400ms;
        -o-transition-delay: 400ms,400ms;
        transition-delay: 400ms,400ms;
    }
    .MobilMenu.OpenMenu .main-nav ul li:nth-child(6) {
        -webkit-transition-delay: 450ms,450ms;
        -moz-transition-delay: 450ms,450ms;
        -ms-transition-delay: 450ms,450ms;
        -o-transition-delay: 450ms,450ms;
        transition-delay: 450ms,450ms;
    }
    .MobilMenu.OpenMenu .main-nav ul li:nth-child(7) {
        -webkit-transition-delay: 500ms,500ms;
        -moz-transition-delay: 500ms,500ms;
        -ms-transition-delay: 500ms,500ms;
        -o-transition-delay: 500ms,500ms;
        transition-delay: 500ms,500ms;
    }
    .MobilMenu.OpenMenu .main-nav ul li:nth-child(8) {
        -webkit-transition-delay: 550ms,550ms;
        -moz-transition-delay: 550ms,550ms;
        -ms-transition-delay: 550ms,550ms;
        -o-transition-delay: 550ms,550ms;
        transition-delay: 550ms,550ms;
    }
    .MobilMenu.OpenMenu .main-nav ul li:nth-child(9) {
        -webkit-transition-delay: 600ms,600ms;
        -moz-transition-delay: 600ms,600ms;
        -ms-transition-delay: 600ms,600ms;
        -o-transition-delay: 600ms,600ms;
        transition-delay: 600ms,600ms;
    }
    .MobilMenu .social-content {
        -webkit-transition-delay: 650ms,650ms;
        -moz-transition-delay: 650ms,650ms;
        -ms-transition-delay: 650ms,650ms;
        -o-transition-delay: 650ms,650ms;
        transition-delay: 650ms,650ms;
    }
    .promoWrapper .Slider .Slide #cropcontainer{
        background-position: top center;
    }
    .promoWrapper .social-content{
        display: none;
    }
    .promoWrapper .scrollBox{
        display: none;
    }
    .slider-content {
        text-align: center;
        top:auto;
        bottom: 0px;
    }
    .slider-content .slider-slogan {
        font-size: 24px;
        line-height: 30px;
        margin-top: 0px;
    }
    h2.sectionTitle {
        font-size: 26px;
        line-height: 26px;
        padding: 0px 60px;
        margin-bottom: 10px;
    }
    h2.sectionTitle::after, h2.sectionTitle::before {
        width: 45px;
    }
    .textBox p,
    .aboutText p{
        font-size: 14px;
        line-height: 26px;
        margin: 12px 0px;
    }
    .aboutImage{
        display: block;
        padding: 0px 0px 30px 0px;
        text-align: center;
    }
    .aboutImage img{
        float: none;
        display: inline-block;
        vertical-align: middle;
        max-width: 400px;
    }
    .footContact{
        text-align: center;
    }
    .footContact .social-content{
        text-align: center;
        margin-bottom: 40px;
    }
    .footContact .social-content a{
        float: none;
        display: inline-block;
        margin: 0px 15px;
    }
    ul.contactForm li input, ul.contactForm li textarea,
    .contactForm{
        text-align: center;
    }
    ul.contactForm li input[type=submit], ul.contactForm li input[type=button], ul.contactForm li button {
        float:none;
        display: inline-block;
    }
    .footer span.Copyright,
    .footer span.diverseffect{
        width:100%;
        text-align: center;
    }
    .footer span.diverseffect{
        margin-top: 30px;
    }
    .footer span.diverseffect a{
        float:none;
        display: inline-block;
    }
    .pageTitle {
        background: #252635;
        padding: 40px 0px 45px;
    }
    .pageTitle .social-content{
        display: none;
    }
    .pageTitle h1, .pageTitle h2 {
        margin:  0 0;
        text-align: center;
    }
    .pageTitle span.sitemap {
        text-align: center;
    }
    .articleBox span.Text h3,
    .articleBox span.Text p{
        text-align: center;
    }
    .pr-sm{
        padding-right: 0px;
    }
    .imageContainer{
        text-align: center;
    }
    .imageContainer img{
        float: none;
        display: inline-block;
        vertical-align: middle;
        max-width: 400px;
    }
    .textBox p, .aboutText p,
    .textBox h1{
        text-align: center;
    }
    .imageContainer ul li {
        width:20%;
    }
    .pageTitle h1, .pageTitle h2 {
        font-size: 36px;
        line-height: 44px;
    }
    .sidebar{
        text-align: center;
    }
    .sidebar ul li a {
        float:none;
        display: inline-block;
        vertical-align: bottom;
    }
    ul.list li{
        width: 50%;
    }
    .textFoot{
        text-align: center;
    }
    .textFoot ul{
        float: none;
        display: inline-block;
    }
    ul.list.galeri li{
        width: 33.33%;
    }
    .video .imageBox span.Image::after {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
    }
}
@media screen and (max-width: 479px) {
    .w-container {
        max-width: none;
    }
    .w-col {
        width: 100%;
    }
    .w-col-tn-1 {
        width: 8.33333333%;
    }
    .w-col-tn-2 {
        width: 16.66666667%;
    }
    .w-col-tn-3 {
        width: 25%;
    }
    .w-col-tn-4 {
        width: 33.33333333%;
    }
    .w-col-tn-5 {
        width: 41.66666667%;
    }
    .w-col-tn-6 {
        width: 50%;
    }
    .w-col-tn-7 {
        width: 58.33333333%;
    }
    .w-col-tn-8 {
        width: 66.66666667%;
    }
    .w-col-tn-9 {
        width: 75%;
    }
    .w-col-tn-10 {
        width: 83.33333333%;
    }
    .w-col-tn-11 {
        width: 91.66666667%;
    }
    .w-col-tn-12 {
        width: 100%;
    }
    .footContact .social-content a {
        margin: 0px 10px;
    }
    .section .w-container {
        padding: 50px 0px;
    }
    .slider-content .slider-slogan {
        font-size: 20px;
        line-height: 26px;
        margin-top: 0px;
    }
    .textBox p, .aboutText p {
        font-size: 13px;
        line-height: 20px;
        margin: 10px 0px;
    }
    h2.sectionTitle {
        font-size: 20px;
        line-height: 26px;
        padding: 0px 35px;
    }
    h2.sectionTitle::after, h2.sectionTitle::before {
        width: 25px;
    }
    ul.contactForm li input[type=submit], ul.contactForm li input[type=button], ul.contactForm li button {
        height: 40px;
        font-size: 16px;
    }
    .articleBox span.Text h3 {
        font-size: 15px;
        line-height: 20px;
    }
    .articleBox span.Text p {
        max-height: 60px;
        font-size: 13px;
        line-height: 20px;
    }
    .gb-logo-red.about {
        width: 195px;
        height: 32px;
        background-size: 195px 32px;
    }
    .imageContainer ul li {
        width:33.33%;
    }
    .pageTitle {
        padding: 25px 0px 30px;
    }
    .pageTitle h1, .pageTitle h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .textBox h1 {
        font-size: 20px;
        line-height: 26px;
    }
    .aboutImage img,
    .imageContainer img{
        max-width: 100%;
    }
    ul.list li{
        width: 100%;
    }
    ul.list.galeri li{
        width: 50%;
    }
    .leftMenu ul li a{
        padding: 10px 20px;
        font-size: 13px;
        line-height: 20px;
    }
}

@media screen and (max-width: 380px) {
    ul.list.galeri li{
        width: 100%;
    }
}