@media screen and (min-width: 1368px), screen and (max-width: 1440px) {
    .inset {
        width: 1280px;
    }

    section.main-areas>div.inset>ul>li:first-child {
        width: 820px;
    }

    section.main-areas>div.inset>ul>li:nth-child(-n + 2) {
        height: 500px;
    }

    section.main-areas>div.inset>ul>li:nth-last-child(-n + 3) {
        height: 580px;
    }

    section.main-areas>div.inset>ul>li:nth-child(3),
    section.main-areas>div.inset>ul>li:nth-child(4),
    section.main-areas>div.inset>ul>li:nth-child(5) {
        width: 410px;
    }

    section.main-areas>div.inset>ul>li:last-child>figure {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    section.main-areas>div.inset>ul>li:nth-child(2) {
        width: 460px;
    }
    
    section.main-areas>div.inset>ul>li:nth-child(2) {
        width: 460px;
    }

    section.main-areas>div.inset>ul>li:nth-child(2),
    section.main-areas>div.inset>ul>li:nth-child(3) {
        background-color: #dacab2;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        padding: 80px;
    }

    section.main-areas>div.inset>ul>li:last-child {
        padding: 50px;
    }

    section.content nav {
        width: 800px;
        min-height: 800px;
        position: absolute;
        background-color: #be9b65;
        left: -340px;
        top: 725px;
        z-index: 1;
    }

    section.content .inset article.sub-content {
        width: 850px;
        height: auto;
        position: relative;
        z-index: 1;
        float: right;
        margin: 100px 0;
    }
}

@media screen and (min-width: 1441px),  screen and (max-width: 1919px) {
    .inset {
        width: 1280px;
    }

    section.main-areas>div.inset>ul>li:first-child {
        width: 980px;
    }

    section.main-areas>div.inset>ul>li:nth-child(-n + 2) {
        height: 500px;
    }

    section.main-areas>div.inset>ul>li:nth-last-child(-n + 3) {
        height: 580px;
    }

    section.main-areas>div.inset>ul>li:nth-child(3) {
        width: 520px;
    }

    section.main-areas>div.inset>ul>li:nth-child(2),
    section.main-areas>div.inset>ul>li:nth-child(4),
    section.main-areas>div.inset>ul>li:nth-child(5) {
        width: 460px;
    }

    section.main-areas>div.inset>ul>li:nth-child(2),
    section.main-areas>div.inset>ul>li:nth-child(3) {
        background-color: #dacab2;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        padding: 80px;
    }

    section.main-areas>div.inset>ul>li:last-child {
        padding: 50px;
    }

    section.content nav {
        width: 800px;
        min-height: 800px;
        position: absolute;
        background-color: #be9b65;
        left: -340px;
        top: 725px;
        z-index: 1;
    }
}


@media screen and (min-width: 1920px) {
    .inset {
        width: 1440px;
    }

    section.main-areas>div.inset>ul>li:first-child {
        width: 980px;
    }

    section.main-areas>div.inset>ul>li:nth-child(-n + 2) {
        height: 500px;
    }

    section.main-areas>div.inset>ul>li:nth-last-child(-n + 3) {
        height: 580px;
    }

    section.main-areas>div.inset>ul>li:nth-child(3) {
        width: 520px;
    }

    section.main-areas>div.inset>ul>li:nth-child(2),
    section.main-areas>div.inset>ul>li:nth-child(4),
    section.main-areas>div.inset>ul>li:nth-child(5) {
        width: 460px;
    }

    section.main-areas>div.inset>ul>li:nth-child(2),
    section.main-areas>div.inset>ul>li:nth-child(3) {
        background-color: #dacab2;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        padding: 80px;
    }

    section.main-areas>div.inset>ul>li:last-child {
        padding: 50px;
    }

    section.content nav {
        width: 800px;
        min-height: 800px;
        position: absolute;
        background-color: #be9b65;
        left: -220px;
        top: 725px;
        z-index: 1;
    }
}

/* @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;
    }
    .object1 {
        display: none;
    }
    .mobileHeader {
        position: relative;
        display: block;
        height: 100px;
        width: 100%;
        background-color: #000000;
        color: #ffffff;
        z-index: 20;
    }

    .mobileHeader figure.logo {
        width: 150px;
        height: 100px;
        margin-left: 20px;
        display: flex;
        background-image: url(../assets/logo/logo-white.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        z-index: 20;
        float: left;
    }

    .inset {
        width: 100%;
        padding: 20px;
    }
    
    .slider-text {width: 100%; height: 400px; margin: auto; margin-top: 300px; padding: 0 30px; position: relative; z-index: 30;}
    .slider-text div {width: 20px; height: 200px; background-color: #ffba00; position: absolute; top: 45px;}
    .slider-text h1 {width: 100%; font-weight: 500; font-size: 36px; color: #ffffff; text-align: left; margin-top: 5px;}
    .slider-text h2 {font-weight: 900; font-size: 36px; color: #ffba00; text-align: left;}
    .slider-text h3 {font-weight: 900; font-size: 36px; color: #e5d8a7; text-align: left;}
    .slider-text p {font-weight: 500; font-size: 22px; line-height: 36px; text-align: left; margin-top: 30px;}
 


    section.main-branches > ul {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        flex-wrap: wrap;
        width: 100%;
    }

    section.main-branches > ul > li {
        position: relative;
        width: 270px;
        height: 205px;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    section.main-about-us {
        width: 100%;
        height: auto;
        background-color: #ffffff;
        position: relative;
        overflow: hidden;
    }

    section.main-about-us > div.inset {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        transform: none;
    }

    section.main-about-us > div.inset > ul > li:first-child {
        width: 100%;
    }

    section.main-about-us > div.inset > ul {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    section.main-about-us > div.inset > ul > li {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        color: #ffffff;
    }

    section.main-about-us > div.inset > ul > li:last-child {
        width: 100%;
        align-items: flex-start;
        overflow: hidden;
        padding-left: 0;
        height: auto;
        margin-top: 30px;
    }

    section.main-about-us > div.inset > ul > li:last-child > div {
        display: flex;
        flex-direction: column-reverse;
        height: auto;
    }

    section.main-about-us > div.inset > ul > li:last-child > div > figure {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 30px;
    }

    section.main-about-us > div.inset > ul > li:last-child > div > figure > img.cover {
        width: 100%;
        height: auto;
        border-radius: 10px;
        opacity: .3;
    }

    section.main-about-us > div.inset > ul > li:last-child > ul {
        display: flex;
        border-top: none;
        margin: auto;
        margin-top: 50px;
        flex-direction: column;
    }

    section.main-about-us > div.inset > ul > li:last-child > ul > li:first-child {
        border-right: none;
    }

    section.main-services > .inset > ul {
        display: flex;
        width: 100%;
        height: auto;
        flex-direction: column;
    }

    section.main-services > .inset > ul > li:first-child {
        width: 100%;
        height: auto;
        padding: 100px 20px;
    }

    section.main-services > .inset > ul > li:last-child {
        width: 100%;
        height: auto;
        background-color: #ffffff;
        display: flex;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 0px;
    }

    section.main-services > .inset > ul > li:last-child > div {
        width: 100%;
        height: auto;
        padding: 30px;
        background-color: #f9f9f9;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    section.main-services > .inset > ul > li:last-child > div > figure {
        width: 100px;
        height: 100px;
        padding: 25px;
        background-color: #ffffff;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        position: relative;
    }

    section.main-services > .inset > ul > li:last-child > div > div {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    section.main-services > .inset > ul > li:last-child > div > div > p {
        font-size: 12px;
        font-weight: 400;
        color: #000000;
        margin-top: 20px;
        width: 100%;
    }

    section.main-services > .inset > ul > li:last-child > div > div > a {
        display: none;
    }

    section.main-services > .inset > ul > li:last-child > div:hover > div > p {
        color: #ffffff;
        opacity: 1;
    }

    section.main-services > .inset > ul > li:last-child > div:nth-child(2), section.main-services > .inset > ul > li:last-child > div:nth-child(3), section.main-services > .inset > ul > li:last-child > div:nth-child(4) {
        margin-left: 0px;
    }

    section.main-current-openings > .inset > h1 {
        font-size: 18px;
        font-weight: 700;
        color: #000000;
        position: relative;
        margin-left: 60px;
        display: block;
        width: fit-content;
        float: left;
    }

    section.main-current-openings > .inset > a {
        font-size: 14px;
        font-weight: 400;
        color: #767676;
        width: fit-content;
        display: block;
        float: right;
        text-decoration: none;
        margin-right: 20px;
    }

    .footer {
        position: relative;
        z-index: 0;
        height: auto;
        padding: 2em;
        width: 100%;
        height: auto;
    }
    footer > .inset > ul {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: space-between;
    }
    footer > .inset > ul > li {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: initial;
    }
    footer > .inset > ul > li:nth-child(2) {
        display: none;
    }
    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;
    }

    footer > .inset > ul > li > span, footer > .inset > ul > li > .social > a, footer > .inset > ul > li > ul > li > a {
        white-space: pre-line;
        font-size: 14px;
        color: #cecece;
        text-decoration: none;
    }

.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;
        position: relative;
    }
    
    figure.sustainability-en {
        background-image: url(../assets/sustainability/main-mobile-en.jpg);
        height: 220px!important;
        position: relative;
    }

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

    article.sustainability-tr-text {
        display: block;
    }
   
    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;}

    .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;
        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;
    }

    /* 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;
    }
    
    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;
    }

    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;
    }

    .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: center;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 10px;
        text-align: center;
    }

    .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;
    }

    .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;
    }

    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-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;
}


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;
    }
}    */