@media screen and (max-width: 1440px), screen and (max-height: 900px) {
@font-face{font-family:fthsc;src:url(/fonts/fthsc.eot?3g7yy4); font-display:block; src:url(/fonts/fthsc.eot?3g7yy4#iefix) format('embedded-opentype'),url(/fonts/fthsc.woff?3g7yy4) format('woff'),url(/fonts/fthsc.svg?3g7yy4#fthsc) format('svg');font-weight:400;font-style:normal}[class*=" fthsc-"],[class^=fthsc-]{font-family:fthsc!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fthsc-alarm:before{content:"\e900"}.fthsc-arama:before{content:"\e901"}.fthsc-asagi:before{content:"\e902"}.fthsc-asagi-bold:before{content:"\e903"}.fthsc-at:before{content:"\e904"}.fthsc-ayarlar:before{content:"\e905"}.fthsc-behance:before{content:"\e906"}.fthsc-detay:before{content:"\e907"}.fthsc-detay-yatay:before{content:"\e908"}.fthsc-doc:before{content:"\e909"}.fthsc-ekle:before{content:"\e90a"}.fthsc-ekle-bold:before{content:"\e90b"}.fthsc-eposta:before{content:"\e90c"}.fthsc-eposta-bold:before{content:"\e90d"}.fthsc-ev:before{content:"\e90e"}.fthsc-facebook:before{content:"\e90f"}.fthsc-fax:before{content:"\e910"}.fthsc-gizle:before{content:"\e911"}.fthsc-goster:before{content:"\e912"}.fthsc-harici-link:before{content:"\e913"}.fthsc-harici-link-bold:before{content:"\e914"}.fthsc-hata:before{content:"\e915"}.fthsc-indir:before{content:"\e916"}.fthsc-instagram:before{content:"\e917"}.fthsc-jpg:before{content:"\e918"}.fthsc-kalem:before{content:"\e919"}.fthsc-kalp:before{content:"\e91a"}.fthsc-kamera:before{content:"\e91b"}.fthsc-kapat:before{content:"\e91c"}.fthsc-kapat-bold:before{content:"\e91d"}.fthsc-konum:before{content:"\e91e"}.fthsc-link:before{content:"\e91f"}.fthsc-linkedin:before{content:"\e920"}.fthsc-lokasyon:before{content:"\e921"}.fthsc-menu:before{content:"\e922"}.fthsc-messenger:before{content:"\e923"}.fthsc-mobil:before{content:"\e924"}.fthsc-mobil-bold:before{content:"\e925"}.fthsc-onay-bold:before{content:"\e926"}.fthsc-pdf:before{content:"\e927"}.fthsc-pinterest:before{content:"\e928"}.fthsc-play:before{content:"\e929"}.fthsc-ppt:before{content:"\e92a"}.fthsc-rar:before{content:"\e92b"}.fthsc-saat:before{content:"\e92c"}.fthsc-sag:before{content:"\e92d"}.fthsc-skype:before{content:"\e92e"}.fthsc-sol:before{content:"\e92f"}.fthsc-takvim:before{content:"\e930"}.fthsc-telefon:before{content:"\e931"}.fthsc-telefon-bold:before{content:"\e932"}.fthsc-tiff:before{content:"\e933"}.fthsc-twitter:before{content:"\e934"}.fthsc-whatsapp:before{content:"\e935"}.fthsc-xls:before{content:"\e936"}.fthsc-xml:before{content:"\e937"}.fthsc-yildiz:before{content:"\e938"}.fthsc-yon:before{content:"\e939"}.fthsc-youtube:before{content:"\e93a"}.fthsc-yukari:before{content:"\e93b"}.fthsc-yukle:before{content:"\e93c"}.fthsc-yukleme:before{content:"\e93d"}.fthsc-zip:before{content:"\e93e"}
section.model-main > div.inset > h1.main-title {
    position: relative;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: auto;
    z-index: 1;
    margin-top: 40px;
}

section.model-main > div.inset > h1.main-title > span:first-child {
    position: relative;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: auto;
    z-index: 1;
}

section.model-main > div.inset > h1.main-title > span:last-child {
    position: relative;
    font-size: 30px;

    font-weight: 200;
    text-align: center;
    margin: auto;
    z-index: 1;
}

section.model-main > div.inset > span {
    position: relative;
    display: block;
    font-size: 14px;
    
    font-weight: 300;
    color: #212529;
    text-align: center;
    margin: 30px auto;
}

.inovation-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
}

section.inovation {
    width: 100%;
    height: auto;
    padding: 1rem 0;
}

section.inovation > div.inset > h2 {
    font-size: 1.5em;
    font-weight: 600;
    color: #000000;
    text-align: center;
}

section.inovation > div.inset > h2 > span {
    font-weight: 200;
}

section.inovation > div.inset > p {
    font-size: 1em;
    font-weight: 200;
    color: #000000;
    text-align: center;
}

section.inovation > div.inset > ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 1em auto;
}

section.inovation > div.inset > ul > li {
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    margin: 0 1em;
    padding: 1em 0;
}

section.inovation > div.inset > ul > li > figure {
    height: 75px;
}

section.inovation > div.inset > ul > li > figure > img {
    height: 100%;
}

section.inovation > div.inset > ul > li > h5 {
    font-size: 1em;
    margin: 1em 0;
}

section.inovation > div.inset > ul > li > span {
    font-size: 1em;
    font-weight: 200;
    margin: 1em 0;
}


section.inovation > div.inset > .main-direction-buttons {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

section.inovation > div.inset > .main-direction-buttons > li {
    width: 33%;
    margin: auto 1em;
    position: relative;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 1em;
}

section.inovation > div.inset > .main-direction-buttons > li > a {
    border: 1px solid #000000;
    color: #000000;
    display: block;
    margin-top: 30px;
}

section.inovation > div.inset > .main-direction-buttons > li > a:hover {
    border: 1px solid #000000;
    color: #ffffff;
    background-color: #000000;
    display: block;
    margin-top: 30px;
}

.megamenu > .megamenu-col-right > ul.megamenu-subcol > li {
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    transition: all ease .3s;
    flex: 1;
    max-width: 168px;
}

/* CONTENT CAROUSEL */

.skr {
    width: 854px;
    height: 680px;
    position: relative;
}

/* CONTENT CAROUSEL */
.carousel-indicators {
    margin-bottom: 0!important;
    display: none;
}
.carousel-other {
    height: 585px;
}
.carousel-control-prev {
    left: -150px;
}

.carousel-control-next {
    right: -150px;
}

.panelo .carousel {
    width: 854px;
    height: 480px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.panelo > h3 {
    top: 5px;
}

.opt-style {
    top: 0;
}

.model-gallery > div.gallery-inset {
    width: 1000px;
    height: 585px;
    margin: auto;
}

.model-opt-carousel {
    top: 80px;
}

ul.slides {
    display: block;
    position: relative;
    height: 437px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

ul.slides input {
    display: none; 
}


.slide-container { 
    display: block; 
}

.model-main .gallery-inset .carousel {
    margin-top: 10px;
}

.sm-carousel .slide-image {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    transition: all .7s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}   


.slide-image {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    transition: all .7s ease-in-out;
}   

.slide-image img {
    width: auto;
    min-width: 100%;
    height: 100%;
}

.carousel-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    font-size: 100px;
    line-height: 600px;
    color: #fff;
}

.carousel-controls label {
    display: none;
    position: absolute;
    padding: 0 20px;
    opacity: 0;
    transition: opacity .2s;
    cursor: pointer;
}

.slide-image:hover + .carousel-controls label{
    opacity: 0.5;
}

.carousel-controls label:hover {
    opacity: 1;
}

.carousel-controls .prev-slide {
    width: 49%;
    text-align: left;
    left: 0;
}

.carousel-controls .next-slide {
    width: 49%;
    text-align: right;
    right: 0;
}

.carousel-dots {
    position: absolute;
    left: 0;
    right: 0;
    height: auto;
    z-index: 999;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    bottom: 0;
}

section.subpage > div.content-detail > .content-carousel > .carousel > .carousel-dots {
    position: absolute;
    left: 0;
    right: 0;
    height: auto;
    z-index: 999;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    top: 460px;
}

.carousel-dots .carousel-dot {
    display: inline-block;
    width: 30px;
    border-top: 3px solid #565656;
    opacity: 0.5;
    margin: 10px;
    width: auto;
    padding-top: 20px;
    color: #000000;
    text-align: left;
}

.carousel-dots .carousel-dot > span {
   font-size: 18px;
   font-weight: 200;
}

.carousel-dots .carousel-dot > p {
   font-size: 14px;
   font-weight: 200;
}

input:checked + .slide-container .slide-image {
    
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease-in-out;
}


input:checked + .slide-container .carousel-controls label {
     display: block; 
}

input#img-1:checked ~ .carousel-dots label#img-dot-1,
input#img-2:checked ~ .carousel-dots label#img-dot-2,
input#img-3:checked ~ .carousel-dots label#img-dot-3,
input#img-4:checked ~ .carousel-dots label#img-dot-4,
input#img-5:checked ~ .carousel-dots label#img-dot-5,
input#img-6:checked ~ .carousel-dots label#img-dot-6 {
	opacity: 1;
    border-top: 3px solid #000000;
}


input:checked + .slide-container .nav label { display: block; }

/* CONTENT CAROUSEL */
.corporate-middle {
    margin-top: 200px;
}
.quality-certs {
    margin-top: 50px;
}


.quality-certs > ul > li > figure > img {
    width: auto;
    height: 70px;
}

.quality-certs > h2 {
    text-align: center;
}

.quality-certs > ul {
    height: 200px;
    margin: 50px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.fairs-arrows section .fairs-box-title:before {
    position: absolute;
    display: block;
    content: '\208a';
    font-size: 50pt;
    right: 20px;
    top: -15px;
    transition: transform .15s ease-in-out;
    color: rgba(0,0,0,.54);
}

input:checked + section.fairs-box .fairs-box-title:before {
    content: '\208b';
    font-size: 50pt;
    right: 20px;
    top: -15px;
    transition: transform .15s ease-in-out;
}

section.model-main > div.inset {
    padding-top: 25px;
}

.model-dimension-table2 > figure.measurement-image {
    text-align: center;
}

.model-dimension-table2 > figure.measurement-image > img {
    width: 70%;
}

.model-spects {
    background-color: #e1ddd9;
    min-height: 100vh;
    display: table;
    padding-bottom: 50px;
}

.form-slider {
    width: 100%;
}

section.main-blog img {
    margin-bottom: 20px;
}
section.main-blog h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
section.main-blog p {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
}
section.main-blog time {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 5px 15px;
    border-top: 2px solid #000000;
    margin-top: 0px;
    display: inline-block;
}

section.booter > div.service-points > div > h4 {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 35px;
}

section.booter > div.ecatalogue > div > h4 {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 35px;
}

section.booter > div.be-a-seller > figure > div > p {
    font-size: 16px;
}

section.booter > div.service-points > div > p {
    font-size: 16px;
    color: #000000;
    font-weight: 300;
    margin-bottom: 35px;
}

section.booter > div.ecatalogue > div > p {
    font-size: 16px;
    color: #000000;
    font-weight: 300;
    margin-bottom: 35px;
}

section.booter > div.service-points > div > a {
    font-size: 14px;
    color: #1f1f1f;
    font-weight: 300;
    padding: 7px 35px;
    transition: all ease .3s;
    border: 1px solid #1f1f1f;
    border-radius: 5px;
    text-decoration: none;
}


section.booter > div.ecatalogue > div > a {
    font-size: 14px;
    color: #1f1f1f;
    font-weight: 300;
    padding: 7px 35px;
    transition: all ease .3s;
    border: 1px solid #1f1f1f;
    border-radius: 5px;
    text-decoration: none;
}

.register-reseller-inset > h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    border-bottom: 1px solid #333337;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.masonry .mItem {
    display: inline-block;
    margin: 0px 0;
    width: 100%;
}


figure.sustainability-tr > div.inset > div.sustainability-text,
figure.sustainability-en > div.inset > div.sustainability-text,
figure.sustainability-de > div.inset > div.sustainability-text {
    display: block;
    width: 490px;
    color: #ffffff;
    font-weight: 200;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    bottom: 20px;
}

article.sustainability-tr-text {
    display: none;
}

figure.after-sales-tr {
    height: auto !important;
    min-height: 960px;
}

figure.after-sales-tr > div.inset > div.after-sales-text,
figure.after-sales-en > div.inset > div.after-sales-text,
figure.after-sales-de > div.inset > div.after-sales-text {
    display: block;
    width: 420px;
    color: #ffffff;
    font-weight: 200;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    top: 100px;
}

figure.after-sales-tr > div.inset > ul,
figure.after-sales-en > div.inset > ul,
figure.after-sales-de > div.inset > ul {
    width: auto;
    color: #ffffff;
    font-weight: 200;
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    top: 530px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

div.as-form {
    width: 1280px;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    bottom: 220px;
}

article.after-sales-tr-text {
    display: none;
}

}

/* @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { */
@media screen and (min-width:180px) and (max-width:640px) {
    @font-face{font-family:fthsc;src:url(/fonts/fthsc.eot?3g7yy4); font-display:block; src:url(/fonts/fthsc.eot?3g7yy4#iefix) format('embedded-opentype'),url(/fonts/fthsc.woff?3g7yy4) format('woff'),url(/fonts/fthsc.svg?3g7yy4#fthsc) format('svg');font-weight:400;font-style:normal}[class*=" fthsc-"],[class^=fthsc-]{font-family:fthsc!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fthsc-alarm:before{content:"\e900"}.fthsc-arama:before{content:"\e901"}.fthsc-asagi:before{content:"\e902"}.fthsc-asagi-bold:before{content:"\e903"}.fthsc-at:before{content:"\e904"}.fthsc-ayarlar:before{content:"\e905"}.fthsc-behance:before{content:"\e906"}.fthsc-detay:before{content:"\e907"}.fthsc-detay-yatay:before{content:"\e908"}.fthsc-doc:before{content:"\e909"}.fthsc-ekle:before{content:"\e90a"}.fthsc-ekle-bold:before{content:"\e90b"}.fthsc-eposta:before{content:"\e90c"}.fthsc-eposta-bold:before{content:"\e90d"}.fthsc-ev:before{content:"\e90e"}.fthsc-facebook:before{content:"\e90f"}.fthsc-fax:before{content:"\e910"}.fthsc-gizle:before{content:"\e911"}.fthsc-goster:before{content:"\e912"}.fthsc-harici-link:before{content:"\e913"}.fthsc-harici-link-bold:before{content:"\e914"}.fthsc-hata:before{content:"\e915"}.fthsc-indir:before{content:"\e916"}.fthsc-instagram:before{content:"\e917"}.fthsc-jpg:before{content:"\e918"}.fthsc-kalem:before{content:"\e919"}.fthsc-kalp:before{content:"\e91a"}.fthsc-kamera:before{content:"\e91b"}.fthsc-kapat:before{content:"\e91c"}.fthsc-kapat-bold:before{content:"\e91d"}.fthsc-konum:before{content:"\e91e"}.fthsc-link:before{content:"\e91f"}.fthsc-linkedin:before{content:"\e920"}.fthsc-lokasyon:before{content:"\e921"}.fthsc-menu:before{content:"\e922"}.fthsc-messenger:before{content:"\e923"}.fthsc-mobil:before{content:"\e924"}.fthsc-mobil-bold:before{content:"\e925"}.fthsc-onay-bold:before{content:"\e926"}.fthsc-pdf:before{content:"\e927"}.fthsc-pinterest:before{content:"\e928"}.fthsc-play:before{content:"\e929"}.fthsc-ppt:before{content:"\e92a"}.fthsc-rar:before{content:"\e92b"}.fthsc-saat:before{content:"\e92c"}.fthsc-sag:before{content:"\e92d"}.fthsc-skype:before{content:"\e92e"}.fthsc-sol:before{content:"\e92f"}.fthsc-takvim:before{content:"\e930"}.fthsc-telefon:before{content:"\e931"}.fthsc-telefon-bold:before{content:"\e932"}.fthsc-tiff:before{content:"\e933"}.fthsc-twitter:before{content:"\e934"}.fthsc-whatsapp:before{content:"\e935"}.fthsc-xls:before{content:"\e936"}.fthsc-xml:before{content:"\e937"}.fthsc-yildiz:before{content:"\e938"}.fthsc-yon:before{content:"\e939"}.fthsc-youtube:before{content:"\e93a"}.fthsc-yukari:before{content:"\e93b"}.fthsc-yukle:before{content:"\e93c"}.fthsc-yukleme:before{content:"\e93d"}.fthsc-zip:before{content:"\e93e"}
    .fthsc-menu{border:none;width: 40px; height: 40px; line-height: 40px!important; text-align: center; color: #ffffff; position: absolute; right: 20px; top: 30px; display: block; font-size: 26px; background: none; z-index: 1000;}
    .mobilmenu{display:block; position:fixed; width:100%; height:100%; overflow-x:auto; z-index:10002; background:#333029; left:-100%; transition:all ease 0.5s; top:0;}
    .mobilmenu--dil{height: 60px; padding: 0 10px; border-bottom: 1px solid rgba(0,0,0,1);}
    .mobilmenu--dil li {line-height:60px; float:left; margin-right:10px; color:#fff; font-size:20px;}
    .mobilmenu--dil li a{line-height:60px; display:block; font-weight:200; color:#fff; text-align:center; width:40px; height:40px; font-size:20px; text-decoration: none;}
    /* .mobilmenu--menu > ul {margin-top: 30px;} */
    .mobilmenu--menu > ul > li{width:100%; height:60px; overflow:hidden; border-bottom:1px solid #272727; position:relative;}
    .mobilmenu--menu > ul > li:Hover{background:rgba(0,0,0,0.1);}
    .mobilmenu--menu > ul > li > a{display:block; line-height:60px; color:#fff; font-weight:200; font-size:20px; padding-left:20px; text-decoration: none;}
    /* .mobilmenu--katalog{height:40px; line-height:40px; width:200px; background:#cf2026; color:#fff; text-align:center; font-size:14px; font-weight:bold; margin:20px; display:block; border-radius:3px;} */
    .mobilmenu--menu i{font-size:20px; line-height:60px; float:left; margin-right:10px;}
    .mobilmenu--menu > ul > li > ul{position:fixed; left:-100%; background:#333029; top:0px; z-index:3; height:100%; transition:all ease 0.2s; width:100%; overflow-x: auto;}
    .mobilmenu--menu > ul > li > ul > li{width:100%; height:60px; border-bottom:1px solid rgba(0,0,0,1); position:relative;}
    .mobilmenu--menu > ul > li > ul > li:hover{background:rgba(0,0,0,0.2);}
    .mobilmenu--menu > ul > li > ul > li > a{display:block; line-height:60px; color:#fff; font-weight:200; font-size:20px; padding-left:20px; text-decoration: none;}
    .mobilmenu--menu > ul > li > ul > li > ul{position:fixed; left:-100%; background:#333029; top:0px; z-index:4; height:100%; transition:all ease 0.2s; width:100%;}
    .mobilmenu--menu > ul > li > ul > li > ul > li{width:100%; height:60px; border-bottom:1px solid rgba(0,0,0,0.1); position:relative;}
    .mobilmenu--menu > ul > li > ul > li > ul > li > a{display:block; line-height:60px; color:#fff; font-weight:200; font-size:20px; padding-left:20px; text-decoration: none;}
    .mobilmenu--menu address{display: flex; align-items:center; line-height:16px; color: #fff; font-size: 20px; padding-left: 20px;}
    .mobilmenu .menu-kontrol{position:Absolute; right:0; top:0; width:50px; height:60px; z-index:2;}
    
    .mobilmenu .fthsc-kapat{border: none;width:40px; height:40px; line-height:40px!important; text-align:center; color:#fff; position:absolute; right:20px; top:10px; cursor:pointer; display:block; font-size:20px; background:none; z-index: 10;}
    .mobilmenu .menu-kontrol:after{font-family:fthsc; font-size:14px; font-style:normal; text-decoration: none; width:60px; height:60px; position:Absolute; right:0; top:-20px; content:"\e92d"; color:#fff; line-height:100px; text-align:center;}
    .mobilmenu .menu-down:after{transform:rotate(180deg)!important;}
    .menu-position{left:0!important; transition:all ease 0.5s;}
    .mobilmenu--menu i{float:left; width:25px; height:60px; line-height:60px; display: block;}
    header {
        display: none;
    }
    .mobileHeader {
        position: relative;
        display: block;
        height: 100px;
        width: 100%;
        background-color: #000000;
        color: #ffffff;
        z-index: 20;
    }

    .mobileHeader figure.logo {
        width: 160px;
        height: 45px;
        margin: 0;
        display: flex;
        background-image: url(../assets/logo/logo-white.svg);
        position: relative;
        z-index: 20;
        position: absolute;
        top: 25px;
        left: 20px;
    }

    .section {
        height: auto;
        scroll-snap-align: none;
        position: relative;
        z-index: 0;
    }

    .hero {
        height: 550px;
    }
    .hero:before {
        height: 550px;
    }

    .bgvid {
        height: 550px;
    }

    div.icon-group > ul > li {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 20px 50px;
        text-align: center;
        flex-wrap: nowrap;
    }
    div.icon-group > ul > li > figure {
        width: 30px;
        height: 30px;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .inset {
        width: 100%;
        padding: 20px;
    }
    
    .inovation-section {
        display: contents;
    }
    
    section.inovation {
        width: 100%;
        height: auto;
        padding: 2em;
    }
    
    section.inovation > div.inset > h2 {
        font-size: 1.5em;
        font-weight: 600;
        color: #000000;
        text-align: center;
    }
    
    section.inovation > div.inset > h2 > span {
        font-weight: 200;
    }
    
    section.inovation > div.inset > p {
        font-size: 1em;
        font-weight: 200;
        color: #000000;
        text-align: center;
    }
    
    section.inovation > div.inset > ul {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        margin: 1em auto;
    }
    
    section.inovation > div.inset > ul > li {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
        text-align: center;
        margin: 0 1em;
        padding: 1em 0;
    }
    
    section.inovation > div.inset > ul > li > figure {
        height: 75px;
    }
    
    section.inovation > div.inset > ul > li > figure > img {
        height: 100%;
    }
    
    section.inovation > div.inset > ul > li > h5 {
        font-size: 1em;
        margin: 1em 0;
    }
    
    section.inovation > div.inset > ul > li > span {
        font-size: 1em;
        font-weight: 200;
        margin: 1em 0;
    }
    
    
    section.inovation > div.inset > .main-direction-buttons {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
    }
    
    section.inovation > div.inset > .main-direction-buttons > li {
        width: 100%;
        margin: 1em auto;
        position: relative;
        border: 1px solid #cfcfcf;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 1em;
    }
    
    section.inovation > div.inset > .main-direction-buttons > li > a {
        border: 1px solid #000000;
        color: #000000;
        display: block;
        margin-top: 30px;
    }
    
    section.inovation > div.inset > .main-direction-buttons > li > a:hover {
        border: 1px solid #000000;
        color: #ffffff;
        background-color: #000000;
        display: block;
        margin-top: 30px;
    }
    #modelCarouselP1000, #modelCarouselSL, #modelCarouselHizmet {
        height: 300px !important;
        margin-bottom: 30px!important;
    }
    
    #modelCarouselP1000 > .carousel-inner, #modelCarouselSL > .carousel-inner, #modelCarouselHizmet > .carousel-inner {
        height: 300px !important;
        margin: 0 !important;
    }

    #modelCarouselP1000 > .carousel-inner .carousel-item:nth-child(1) {
        background-position: 100%;
    }
    #modelCarouselP1000 > .carousel-inner .carousel-item:nth-child(2) {
        background-position: 60%;
    }
    #modelCarouselP1000 > .carousel-inner .carousel-item:nth-child(3) {
        background-position: 80%;
    }

    #modelCarouselP1000 > .carousel-inner .carousel-item:nth-child(6) {
        background-position: 70%;
    }
    
    
    #modelCarouselSL > .carousel-inner .carousel-item:nth-child(1) {
        background-position: 20%;
    }
    #modelCarouselSL > .carousel-inner .carousel-item:nth-child(2) {
        background-position: 0%;
    }
    #modelCarouselSL > .carousel-inner .carousel-item:nth-child(3) {
        background-position: 10%;
    }
   
   
    #modelCarouselHizmet > .carousel-inner .carousel-item:nth-child(2) {
        background-position: 70%;
    }
    #modelCarouselHizmet > .carousel-inner .carousel-item:nth-child(3) {
        background-position: 100%;
    }
    #modelCarouselHizmet > .carousel-inner .carousel-item:nth-child(5) {
        background-position: 80%;
    }
    #modelCarouselHizmet > .carousel-inner .carousel-item:nth-child(6) {
        background-position: 90%;
    }

    .carousel-item {
        height: 300px;
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
    }

    .section-model .carousel-caption {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        background-color: transparent;
        z-index: 10;
        text-align: left;
        max-width: 100%;
        margin: auto;
    }

    #modelCarouselSL .carousel-inner .carousel-item {
        height: 300px;
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }

    .section-model .carousel-caption .container {
        margin-top: 0;
    }

    .section-model .carousel-item h5 {
        font-size: 16px;
        display: block;
        font-weight: 600;
        float: left;
    }
    
    .section-model .carousel-item h5 span:first-child {
        font-size: 16px;
        font-weight: 100;
        line-height: 20px;
        display: inline-block;
    }

    .section-model .carousel-item h5 span:nth-child(2) {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        display: inline-block;
    }

    .section-model .carousel-item h5 span:last-child {
        font-size: 16px;
        font-weight: 200;
        line-height: 20px;
        display: inline-block;
    }

    .section-model .carousel-item h4 {
        display: none;
    }

    .section-model .carousel-item p {
        display: none;
    }

    .section-model .carousel-item h4 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 0px;
        color: #ffffff;
        margin-top: 70px;
    }

    .section-model .btn-pilotcar {
        width: fit-content;
        display: block;
        height: auto;
        margin: auto;
        padding: 2px 20px;
        position: absolute;
        bottom: 20px;
        right: 20px;
        font-size: 12px;
        font-weight: 200;
    }

    .carousel-control-prev {
        left: 0;
        height: 100%;
    }

    .carousel-control-next {
        right: 0;
        height: 100%;
    } 
    
    .section-model .model-buttons {
        display: none;
    }

    .section-model .modelpcsl .carousel-item h5 {
        float: left;
    }





    section.main-blog {
        padding: 2em;
        display: contents;
    }

    section.booter {
        height: auto;
    }

    section.booter > div.be-a-seller {
        width: 100%;
        height: auto;
        float: none;
    }

    section.booter > div.be-a-seller > figure {
        width: 100%;
        height: 380px;
        position: relative;
        background-image: url(../assets/images/bayi.jpg);
        background-position: bottom;
        background-size: contain;
        background-repeat: no-repeat;
    }

    section.booter > div.be-a-seller > figure > div {
        width: 100%;
        height: 380px;
        position: absolute;

     
        padding: 2em;
    }

    section.booter > div.be-a-seller > figure > div > p {
        width: 100%;
    }

    section.booter > div.be-a-seller > figure > div > a {
        font-size: 18px;
        color: #ffffff;
        font-weight: 300;
        padding: 7px 35px;
        transition: all ease .3s;
        border: 1px solid #ffffff;
        border-radius: 5px;
        text-decoration: none;
        display: block;
        width: fit-content;
    }
    
    section.booter > div.service-points {
        width: 100%;
        height: auto;
        float: none;
    }

    section.booter > div.service-points > div > p {
        font-weight: 200;
        margin-bottom: 30px;
    }
    
    section.booter > div.service-points > div > a {
        display: block;
        width: fit-content;
    }

    section.booter > div.ecatalogue {
        width: 100%;
        height: auto;
        float: none;
    }

    section.booter > div.ecatalogue > div {
        padding: 2em;
    }

    section.booter > div.ecatalogue > div > p {
        font-weight: 200;
        margin-bottom: 30px;
    }

    section.booter > div.ecatalogue > div > a {
        display: block;
        width: fit-content;
    }

    .footer {
        scroll-snap-align: none;
        position: relative;
        z-index: 0;
        height: auto;
        padding: 2em;
    }
    footer > .inset > ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    footer > .inset > ul > li {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 50px;
    }
    footer > .inset > ul > li > nav {
        height: auto;
        width: max-content;
    }
    footer > .inset > ul > li > nav > ul {
        height: auto;
    }
    footer > .inset > ul > li:last-child {
        justify-content: center;
    }


.cookie-consent {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    text-align: center;
    padding: 20px;
    display: none;
    z-index: 1000;
  }

.cookie-consent > .inset {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.cookie-consent > .inset > .cookies-text {
  font-size: 14px;
  font-weight: 200;
  color: #ffffff;
  margin-bottom: 20px;
}
  
.cookie-consent > .inset > button#acceptCookies {
    background-color: #6d6d6d;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
   
}

.cookie-consent > .inset > button#acceptCookies:hover {
    background-color: #a0a0a0;
}

.cookie-consent > .inset > button#rejectCookies {
    background-color: #6d6d6d;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
   
}

.cookie-consent > .inset > button#rejectCookies:hover {
    background-color: #a0a0a0;
}


    /* SUB PAGES */

    figure.sustainability-tr {
        background-image: url(../assets/sustainability/main-mobile-tr.jpg);
        height: 220px!important;
        min-height: inherit;
        position: relative;
    }
    
    figure.sustainability-en {
        background-image: url(../assets/sustainability/main-mobile-en.jpg);
        height: 220px!important;
        min-height: inherit;
        position: relative;
    }

    figure.sustainability-de {
        background-image: url(../assets/sustainability/main-mobile-de.jpg);
        height: 220px!important;
        min-height: inherit;
        position: relative;
    }

    figure.sustainability-tr > div.inset > div.sustainability-text,
    figure.sustainability-en > div.inset > div.sustainability-text,
    figure.sustainability-de > div.inset > div.sustainability-text {
        display: none;
    }

    article.sustainability-tr-text {
        display: block;
    }
   
    article.sustainability-en-text {
        display: block;
    }

    article.sustainability-de-text {
        display: block;
    }

    figure.after-sales-tr {
        background-image: url(../assets/after-sales/main-mobile-tr.jpg);
        height: 220px!important;
        min-height: auto;
        position: relative;
    }
    
    figure.after-sales-en {
        background-image: url(../assets/after-sales/main-mobile-en.jpg);
        height: 220px!important;
        min-height: auto;
        position: relative;
    }

    figure.after-sales-de {
        background-image: url(../assets/after-sales/main-mobile-de.jpg);
        height: 220px!important;
        min-height: auto;
        position: relative;
    }

    figure.after-sales-tr > div.inset > div.after-sales-text,
    figure.after-sales-en > div.inset > div.after-sales-text,
    figure.after-sales-de > div.inset > div.after-sales-text,
    figure.after-sales-tr > div.inset > ul,
    figure.after-sales-en > div.inset > ul,
    figure.after-sales-de > div.inset > ul {
        display: none;
    }

    article.after-sales-tr-text {
        display: block;
    }
    
    article.after-sales-tr-text p {
        margin-top: 20px;
    }
    
    article.after-sales-tr-text p a {
        text-decoration: none;
        color: #767676;
    }

    article.after-sales-tr-text ul {
        display: flex;
        width: 100%;
        height: 150px;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }

    article.after-sales-tr-text ul li {
        height: 150px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        margin: 30px 20px;
    }
    
    article.after-sales-tr-text ul li figure{
        margin-bottom: 20px;
    }
    
    article.after-sales-tr-text ul li figure img {
        width: 60px;
        height: 60px;
    }
    
    article.after-sales-tr-text ul li strong {
        text-align: center;
        font-size: 14px;
        white-space: nowrap;
    }
    
    article.after-sales-tr-text ul li p {
        text-align: center;
        margin: 0px;
        font-size: 14px;
    }
   
    article.after-sales-en-text,
    article.after-sales-de-text {
        display: block;
    }

    a.rate-us {
        color: #325a31;
        text-decoration: none;
        position: absolute;
        bottom: 20px;
        right: auto;
        left: 10px;
        font-size: 14px;
        display: block;
        width: auto;
        height: auto;
        padding: 5px 15px;
        background-color: #ffffff;
        border-radius: 5px;
    }

    div.as-form {
        display: none;
    }

    div.as-form-mobile {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 30px 0;
    }
    
    div.as-form-mobile form {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    
    div.as-form-mobile input[type=text],
    div.as-form-mobile input[type=email],
    div.as-form-mobile input[type=phone],
    div.as-form-mobile textarea {
        width: 100%;
        height: 40px;
        border: none;
        outline: none;
        padding: 5px 20px;
        font-size: 12px;
        color: #000000;
        background-color: #ffffff;
        border: 1px solid #000000;
        border-radius: 5px;
        margin: 10px 0px;
        transition: all .2s ease-in-out;
    }
    
    div.as-form-mobile button {
        width: 150px;
        height: 40px;
        border: none;
        outline: none;
        padding: 5px 20px;
        font-size: 12px;
        color: #ffffff;
        background-color: #ff9d45;
        border-radius: 5px;
        margin: 0 10px;
    }
    
    div.as-form-mobile button:hover {
        color: #000000;
        background-color: #ffffff;
    }
    
    div.as-form-mobile input[type=text]::placeholder,
    div.as-form-mobile input[type=email]::placeholder,
    div.as-form-mobile input[type=phone]::placeholder,
    div.as-form-mobile textarea::placeholder {
        color: #000000;
        font-size: 12px;
        font-weight: 200;
        padding: 5px;
    }
    
    div.as-form-mobile textarea {
        width: 300px;
        height: 100px;
        resize: none;
    }
    
    div.after-sales-icon {
        width: 70px;
        height: 70px;
        position: fixed;
        bottom: 10px;
        /* top: 70%; */
        right: 10px;
        z-index: 9999;
    }
  /*  article.sustainability-tr-text > div.inset {
        text-align: justify;
    }*/
    

    /* MODEL PAGE  */

    section.model-main > div.inset > h1.main-title {
        position: relative;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        margin: auto;
        z-index: 1;
        margin-top: 0px;
    }

    section.model-main > div.inset > h1.main-title > span:first-child {
        position: relative;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        margin: auto;
        z-index: 1;
    }

    section.model-main > div.inset > h1.main-title > span:last-child {
        position: relative;
        font-size: 20px;
        font-weight: 200;
        text-align: center;
        margin: auto;
        z-index: 1;
    }

    .sasi {background-position: 60%!important;}
    .acikKasa {background-position: 50%!important;}
    .kargo {background-position: 58%!important;}
    .telliKasa {background-position: 60%!important;}
    .copToplama {background-position: 50%!important;}
    .kompaktor {background-position: 50%!important;}
    .pc4sl {background-position: 45%!important;}
    .pc2sl {background-position: 20%!important;}
    .pcwsl {background-position: 45%!important;}
    .pc2 {background-position: 50%!important;}
    .pc4 {background-position: 50%!important;}
    .pc6 {background-position: 10%!important;}
    .pcw {background-position: 25%!important;}
    .pca {background-position: 70%!important;}
    .pch {background-position: 15%!important;}
    .p2city {background-position: 50%!important;}

    .sm-carousel {
        padding: 0;
        margin: 0;
    }

    .model-sub_modelSlide {
        width: 100svw;
        height: 55vh;
        position: absolute;
        background-color: #e1ddd9;
        top: 0;
        left: 0;
        z-index: 0;
        margin: 0;
        padding: 0;
    }
    .sm-carousel > div.carousel {
        height: 55vh;
        margin-top: 0;
    }
    .sm-carousel > div.carousel > ul.slides {
        width: 100%;
        height: 50vh;
    }

    /* MODEL PAGE  */

    .sub-head {
        display: none;
    }

    .head-title {
        width: 100%;
        height: 100%;
        margin: auto;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    figure.content {
        height: 75vh;
        width: 100%;
        position: relative;
    }

    figure.content > video {
        height: 75vh;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        top: 0;
        left: 0;
    }

    .corporate-middle {
        margin-top: 0px;
        padding: 0 20px;
    }
    
    
    .content-detail > article.content-area {
        width: 100%;
        margin-top: 0;
        background-image: url(../assets/content/corporate-bg.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
        height: auto;
    }

    
    
    .content-detail > article.content-area > div {
        text-align: center;
        height: auto;
        padding: 250px 20px 20px 20px;
    }
    .content-detail > article.content-area > ul.content-list-item > li:nth-child(2) {
        height: auto;
        margin-top: 50px;
    }
    
    .content-detail > article.content-area > ul.content-list-item > li:nth-child(2) > ul {
        width: 100%;
        height: auto;
        display: flex;
        margin: auto;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
    }

    .content-detail > article.content-area > ul.content-list-item > li:nth-child(2) > ul > li {
        min-height: 300px;
        height: auto;
        min-width: 100%;
        width: 100%;
        position: relative;
        margin: 0px;
        padding: 20px 0;
    }
    
    .content-detail > article.content-area > ul.content-list-item > li:nth-child(2) > ul > li > div {
        background-color: #e1ddd9;
        position: absolute;
        top: 120px;
        text-align: center;
        padding: 10px 0;
    }

    .content-detail > article.content-area > ul.content-list-item > li:nth-child(2) > ul > li > h5 {
        font-size: 120px;
        font-weight: 100;
        color: #000000;
        text-align: center;
    }

    .content-detail > article.content-area > ul.content-list-item > li:nth-child(2) > ul > li > div > h6 {
        font-size: 18px;
        font-weight: 600;
        color: #000000;
    }

    .skr {
        display: none;
    }

    .quality-certs > h2 {
        text-align: center;
        font-size: 2em;
    }

    .quality-certs > ul {
        height: auto;
        margin: 50px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .quality-certs > ul > li {
        margin: 30px 0;
        width: 50%;
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        align-items: center;
        justify-content: space-between;
    }
    
    .quality-certs > ul > li > figure > img {
        width: auto;
        height: 55px;
    }

    .content-area {
        width: 100%;
        height: auto;
        min-height: 400px;
        margin: auto;
        margin-bottom: 30px;
        position: relative;
    }

    .hr-form-experience ul {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        margin: 0;
        flex-wrap: wrap;
    }
    
    .hr-form-experience ul > li {
        padding: 10px;
        width: 50%;
    }

    .hr-form-education ul:nth-child(2) > li, .hr-form-education ul:nth-child(3) > li, .hr-form-education ul:nth-child(4) > li {
        width: 50%;
    }

    .hr-form-references ul > li:nth-child(-n + 12) {
        width: 50%;
    }

    .sub-head-title {
        width: 100%;
        height: 100%;
        margin: 50px auto;
        padding: 0 20px;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .owners-detail > article.content-area > div.inset > ul > li:nth-child(1), .owners-detail > article.content-area > div.inset > ul > li:nth-child(2), .owners-detail > article.content-area > div.inset > ul > li:nth-child(4), .owners-detail > article.content-area > div.inset > ul > li:nth-child(5) {
        border-right: none;
    }

    .owners-detail > article.content-area > div.inset > ul > li {
        width: 100%;
        height: auto;
        margin: 50px 0;
        padding: 0 20px;
        text-align: center;
        position: relative;
        z-index: 0;
    }

    .catalogs-detail > article.content-area > div.inset > ul {
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
    }

    .catalogs-detail > article.content-area > div.inset > ul > li {
        width: 100%;
        height: auto;
        float: left;
        margin: 50px 0;
        padding: 0 20px;
        text-align: center;
    }

    .fairs-box {
        position: relative;
        background: white;
        height: 60px;
        transition: all .15s ease-in-out;
        margin: 25px 0;
        border: 1px solid #f1eeeb;
    }

    .fairs-box-title {
        width: calc(100%);
        height: 60px;
        line-height: 60px;
        display: inline-block;
        cursor: pointer;
        position: relative;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .fairs-arrows section .fairs-box-title:before {
        display: none;
    }
    
    input:checked + section.fairs-box .fairs-box-title:before {
        display: none;
    }

    .fairs-box-title > figure {
        width: 100px;
        height: 60px;
        margin: 0 15px;
        display: inline-block;
        position: relative;
    }

    .fairs-box-title > figure > img {
        width: 77px;
        height: 40px;
    }

    .fairs-box-title > ul > li > h3 {
        font-size: 12px;
        font-weight: 200;
        color: #000000;
    }

    .fairs-box-title > ul {
        width: calc(100% - 150px);
    }

    .fairs-box-title > ul > li:nth-child(2) {
        display: none;
    }

    input:checked + .fairs-box .fairs-box-content, input:checked + .fairs-box .fairs-box-close {
        display: inline-block;
        margin-left: 0;
    }

    .fairs-box-content {
        width: calc(100%);
        padding: 20px;
        font-size: 11pt;
        color: rgba(0, 0, 0, .54);
        display: none;
        position: relative;
    }

    .fairs-box-content:before {
        display: none;
    }

    .fair-gallery {
        width: 100%;
        height: auto;
        margin: 30px 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
    }

    .fair-gallery > a > img {
        height: 75px;
        display: block;
        float: left;
        width: auto;
        margin: 5px;
        padding: 5px;
        border: 1px solid #e1e1e1;
    }

    .carousel {
        margin: 0;
        width: 100%;
        height: 500px;
        padding: 0;
    }
    .slide-container {
        display: block;
        padding: 0;
    }


    .carousel-item .carousel-img {
        height: 500px;
        object-fit: cover;
        object-position: center center;
    }

    .news > .inset > nav.accordion > section.box > div.box-content > figure {
        width: 100%;
        height: auto;
        display: flex;
        background-color: #ffffff;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        float: left;
    }

    .news > .inset > nav.accordion > section.box > div.box-content > div.news-content {
        width: 100%;
        max-height: 100%;
        float: none;
        margin-left: 0px;
    }

    div.social-responsibility > .inset > ul > li {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #a59c94;
        padding: 17px 0;
    }

    div.social-responsibility > .inset > ul > li > figure {
        width: 100%;
        height: auto;
        float: none;
    }

    div.social-responsibility > .inset > ul > li > div.social-responsibility-content {
        float: none;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    div.social-responsibility > .inset > ul > li:last-child {
        width: 100%;
        height: auto;
        border-bottom: none;
        padding: 17px 0;
    }

    div.social-responsibility > .inset > ul > li:nth-child(even) > div.social-responsibility-content {
        float: none;
    }

    div.social-responsibility > .inset > ul > li:nth-child(odd) > figure {
        float: none;
    }

    div.social-responsibility > .inset > ul > li:nth-child(odd) > div.social-responsibility-content {
        float: none;
    }

    div.social-responsibility > .inset > ul > li:nth-child(even) > figure {
        float: none;
    }
    
    div.sponsorship > .inset > ul > li {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #a59c94;
        padding: 17px 0;
    }

    div.sponsorship > .inset > ul > li:nth-child(odd) > figure {
        float: none;
    }

    div.sponsorship > .inset > ul > li > figure {
        width: 100%;
        height: auto;
    }

    div.sponsorship > .inset > ul > li:nth-child(odd) > div.sponsorship-content {
        float: none;
    }


    div.sponsorship > .inset > ul > li:nth-child(even) > figure {
        float: none;
    }

    div.sponsorship > .inset > ul > li > div.sponsorship-content {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    div.sponsorship > .inset > ul > li:nth-child(even) > div.sponsorship-content {
        float: none;
    }

    div.sponsorship > .inset > ul > li:last-child {
        width: 100%;
        height: auto;
        border-bottom: none;
        padding: 17px 0;
    }

    .blog > .inset > ul > li:first-child {
        width: 100%;
        height: auto;
        float: none;
        padding-right: 0;
    }

    .blog > .inset > ul > li:last-child {
        display: none;
    }

    .blog > .inset > ul > li:first-child > article {
        width: 100%;
        height: auto;
        margin: 30px 0 90px 0;
    }

    .blog > .inset > ul > li:first-child > article > figure {
        width: 100%;
        height: 300px;
    }

    .news > .inset > nav.accordion > section.box > label.box-title {
        font-size: 10px;""
    }
    /* SUB PAGES */

    /* MODELS */

    section.model-main > div.inset {
        padding-top: 20px;
    }

    section.model-main {
        width: 100%;
        height: 55vh;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .model-gallery {
        height: 60vh!important;
    }
    
    section.model-main > figure.model {
        width: 100%;
        height: 50vh;
        position: absolute;
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
        z-index: -10;
        top: 0;
        left: 0;
    }

    .slide-container {
        margin: 0;
        padding: 0;
    }

    .sm-carousel .slide-image {
        margin: 0;
        padding: 0;
    }

    input:checked + .slide-container .slide-image {
        opacity: 1;
        transform: scale(1);
        transition: opacity 1s ease-in-out;
        padding: 0;
        margin: 0;
    }

    div.icon-group {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 30px;
        width: max-content;
        height: fit-content;
        z-index: 1;
    }

    div.icon-group > ul > li {
        padding: 20px 20px;
    }

    div.icon-group > ul > li > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    div.button-group {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 0px;
        width: 100%;
        height: 5vh;
        z-index: 1;
        background-color: #000000;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    div.button-group > a {
        padding: 5px 40px;
        font-size: 12px;
        color: #ffffff;
        margin: 0 20px;
        background-color: transparent;
        font-weight: 300;
        border-radius: 0;
        position: relative;
    }

    div.button-group > a:nth-child(1)::after {
        content: "";
        position: absolute;
        height: 28px;
        width: 1px;
        background-color: #4f4f4f;
        right: -15%;
        bottom: 0;
    }
   

    div.icon-group > ul > li > div > span {
        font-size: 13px;
        color: #ffffff;
        font-weight: 300;
        white-space: nowrap;
    }

    div.icon-group > ul > li > div > p {
        font-size: 12px;
        color: #ffffff;
        font-weight: 200;
        white-space: nowrap;
    }

    section.model-sub {
        display: none;
    }

    section.model-sub > div.inset > h1.main-title {
        font-size: 26px;
    }
    h1.spects-title-black {
        font-size: 20px;
        color: #000000;
        font-weight: 200;
    }
    section.model-sub > div.inset > span {
        display: none;
    }

    section.model-sub > figure.model {
        height: 500px;
    }

    .tabcontent {
        padding-top: 30px;
    }

    .model-dimension-table2 > figure.measurement-image > img {
        width: 100%;
        margin-top: 5%;
    }

    .model-dimension-table p, .model-dimension-table2 p {
        white-space: normal;
    }

    section.model-last {
        width: 100%;
        height: 300px!important;
    }

    section.model-last > figure.model {
        height: 300px!important;
    }

    section.model-last > figure.model > video {
        height: 300px!important;

    }

    .model-bottom-gallery {
        height: 220px!important;
        margin: 20px 0;
        z-index: 20!important;
    }

    .vanilla-slide > img {
        height: 220px!important;
        min-width: 407px!important;
    }

    .model-bottom-gallery #vanilla-slideshow .vanilla-slide img {
        left: 50%;
        margin-left: 0;
    }

    section.model-bottom > div.inset > h1.main-title {
        position: relative;
        font-size: 24px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        margin: auto;
    }

    section.model-bottom > div.inset > span {
        position: relative;
        display: block;
        font-size: 14px;
        font-weight: 200;
        color: #ffffff;
        text-align: center;
        margin: 10px auto;
    }

    .fthsc-tabs {
        display: flex;
        flex-direction: row;
        cursor: pointer;
        margin-bottom: 20px;
        flex-wrap: wrap;
        font-family: 'Kanit', sans-serif !important;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #919191;
    }

    .fthsc-tab {
        font-family: 'Kanit', sans-serif !important;
    }

    .fthsc-tabs-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tab {
        width: 100%;
        float: none;
        white-space: no-wrap;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 1px solid #000000;
        height: 35px;
    }

    .fthsc-tab-content > h3 {
        display: none;
    }

    h5.fthsc-caption {
        position: relative;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .tab {
        overflow: hidden;
        width: 100%;
        float: none;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 1px solid #000000;
        height: 35px;
    }

    .tab button {
        padding: 5px 0px;
        margin: 0 10px;
    }

    .model-spects {
        min-height: auto;
    }

    .grid__item {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .model-dimension-table {
        width: 100%;
        float: none;
        margin-bottom: 0px;
    }

    .model-dimension-table > ul > li {
        flex-direction: column;
    }

    .model-dimension-table > ul > li > span, .model-dimension-table2 > ul > li > span, .grid__item > span {
        text-align: left;
    }

    .model-dimension-table > ul > li > label, .model-dimension-table2 > ul > li > label, .grid__item > label {
        font-size: 12px;
        display: block;
        color: #777777;
        font-weight: 400;
    }


    .section {
        height: 550px;
        scroll-snap-align: none;
        position: relative;
        z-index: 0;
    }

    .model-optSlide {
        margin: 20px 0;
    }


    .model-gallery > div.gallery-inset {
        width: 100%;
        height: 100%;
        margin: auto;
    }

    .carousel-p1000 {
        height: auto !important;
    }

    .carousel-fade .carousel-item {
        height: auto;
    }

    .opt-p1000 {height: 220px!important;}
    .opt-style {
        top: inherit;
        height: 265px;
    }

    .opt-style > .carousel-item {
        height: 265px;
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
    }

    .opt-item {margin-top: 20px!important;}

    section.model-bottom {
        height: 500px;
    }

    section.model-bottom > div.inset {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
    }

    section.model-bottom > figure.model {
        height: 500px;
    }

    .opt-section {
        display: table;
    }

    .tabso {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }

    .panelo {
        height: auto;
        padding: 0px 0 0 0;
    }

    .labelo {
        padding: 10px;
        margin: 0;
    }

    .panelo > h3 {
        display: none;
    }

    .panelo > .carousel {
        width: 100%;
        height: auto;
        margin-top: 0px;
        position: relative;
    }

    .panelo > .carousel > .carousel-inner > .carousel-item > .carousel-caption {
        background: none;
        top: -23px;
        height: 20px;
        text-align: center;
        right: 0;
        left: 0;
        padding: 0;
        display: block !important;
        width: 100%;
    }

    .panelo > .carousel > .carousel-inner > .carousel-item > .carousel-caption > h5 {
        font-size: 16px;
    }

    section.model-last {
        width: 100%;
        height: 500px;
        margin-top: 20px;
    }

    section.model-last > figure.model {
        height: 500px;
    }

    section.model-last > figure.model > video {
        height: 500px;
    }

    /* MODELS */

    .form-slider {
        display: none;
    }

    .price-request {
    
        height: 100%;
    }

    .opt-carousel {
        padding: 0;
    }
    .opt-carousel > div.carousel {
        height: 500px;
        margin-top: 0;
    }

    .opt-carousel > div.carousel > ul.slides {
        width: 100%;
        height: 550px;
    }

    .opt-carousel > div.carousel > ul.slides > li.slide-container > div.slide-image > video {
        width: 100svw;
        height: 550px;
        object-fit: cover;
    }

    .login-reseller-inset {
        width: 100%;
        height: 100%;
    }


    .distributors-accordion {
    margin: auto;
    width: 100%;
    padding: 0 !important;
}

    .distributors-box-content .box1 .box-title1 {
        width: calc(100%);
        height: 90px;
        line-height: 90px;
        font-size: 16px;
        font-weight: 200;
        color: #000000;
        padding: 0 20px;
        display: flex;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: pre-line;
        line-height: 16px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

    .distributors-box-content .box1 .box-title1 {
    width: calc(100%);
    height: 90px;
    line-height: 90px;
    font-size: 16px;
    font-weight: 200;
    color: #000000;
    padding: 0 20px;
    display: flex;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: pre-line;
    line-height: 16px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
.distributors-box-content .box-title1:before {
    position: absolute;
    display: block;
    content: '\203a';
    font-size: 18pt;
    right: 0px;
    top: 30px;
    transition: transform .15s ease-in-out;
    color: rgba(0, 0, 0, .54);
}
.distributors-box-content {
    width: calc(100%);
    padding: 10px;
    font-size: 11pt;
    color: rgba(0, 0, 0, .54);
    display: none;
}


.distributors-box-title {
    padding-left: 15px;
    padding-left: 15px;
    width: 290px;
    display: flex;
    line-height: 22px;
    align-items: center;
}

.distributors-arrows section .distributors-box-title:after {
    position: absolute;
    display: block;
    content: '\208a';
    font-size: 30pt;
    right: 30px;
    top: 25px;
    transition: transform .15s ease-in-out;
    color: rgba(0, 0, 0, .54);
}

input:checked + section.distributors-box .distributors-box-title:after {
    content: '\208b';
    font-size: 30pt;
    right: 30px;
    top: 25px;
    transition: transform .15s ease-in-out;
}


figure.pr-head > div.inset > div.head-title,
figure.register-reseller > div.inset > div.head-title,
figure.login-reseller > div.inset > div.head-title,
figure.test-drive > div.inset > div.head-title {
    width: 1280px;
    height: auto;
    position: absolute;
    display: none;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 100px;
}

#lightbox .lb-content figure {
    width: fit-content;
    height: auto;
    max-height: 500px;
    display: block;
    margin: auto;
}

#lightbox .lb-content figure img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}


.distributor-form > ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto auto 100px auto;
    align-items: stretch;
}

.distributor-form > ul > li {
    width: 100%;
    height: auto;
    padding: 10px 20px;
}

.distributor-form > ul > li > ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.distributor-form > ul > li > ul > li {
    width: 100%;
    height: 70px;
    padding: 10px 20px;
}

.distributor-form > ul > li:nth-child(2) > ul > li {
    height: auto;
}

.distributor-form > ul > li > ul > li > select {
    width: 100%;
    height: 45px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #cfcfcf;
    outline: none;
}

.distributor-form > ul > li > ul > li > input[type=text] {
    width: 100%;
    height: 45px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #cfcfcf;
    outline: none;
}

.distributor-form > ul > li > ul > li > textarea {
    width: 100%;
    height: 180px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #cfcfcf;
    outline: none;
    resize: none;
}

.distributor-form > ul > li > ul > li > input[type=submit] {
    width: auto;
    height: auto;
    padding: 15px 30px;
    border-radius: 10px;
    background-color: #000000;
    color: #ffffff;
}

.distributor-form > ul > li > ul > li > input[type=submit]:hover {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000;
}

.distributor-form > ul > li > ul > li > div > label {
    font-size: 14px;
    font-weight: 300;
    color: #919191;
    
}



}

/* @media only screen and (max-width: 991px) {
    .hero {
        height: 60vh;
    }
    .bgvid {
        height: 60vh;
    }
    .videotext {
        top:35%;
    }
    .heroabsolute .card-body {
        border-right:inherit;
        border-bottom: 2px solid #2f2f34;
    }
    .short-links {
        margin-bottom: 15px;
    }
    .carousel-item .carousel-img {
        height: 200px;
    }
    .section-model .model-buttons {
        position: relative;
        bottom: inherit;
        background-color: #1c1c1e;
        margin:0px;
    }
    .section-model .model-buttons button {
        padding:5px 0;
        margin-top:5px;
        text-decoration: none;
    }
    .section-model .model-buttons .d-flex {
        display: block!important;
    }
    .section-model .carousel-caption {
        position: relative;
        background-color: #1c1c1e;
        border-radius: 0px;
    }
    .section-model .carousel-caption .container {
        margin-top:0px;
    }
    .section-model .carousel-item h5 {
        margin:0px!important;
    }
    .section-model .carousel-item h5 span {
        font-size:30px;
        line-height: 21px;
        margin-left: 8px;
    }
    .section-model .carousel-item h5 img {
        height: 22px;
    }
    .homefooterleft {
        position: relative;
        width: 100%;
        height: auto;
    }
    .section-model .model-buttons button.active:before, .section-model .model-buttons button:before {
        width: 90%;
        top: -5px;
    }
    .section-model .model-buttons button {
        float: left;
        width: 33%;
        margin-bottom: 15px;
    }
    .model-buttons {
        padding-top:35px!important;
        padding-bottom: 20px;
    }
    .section-model .modelpcsl .carousel-caption {
        text-align: left;
    }
    .section-model .modelpcsl .carousel-item h5 {
        float: left;
    }
    .section-model .carousel-item h4 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .section-model .carousel-item p {
        font-size: 16px;
    }
    .heroabsolute .card {
        padding:10px 30px;
        text-align: center;
    }
    .heroabsolute .card-body {
        padding:15px 0px;
    }
    .section-model .carousel-caption {
        padding: 0px;
        padding-top:30px;
    }
}    */