@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */


/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}
/* CSS variables */

:root {
  --gap: 2.127659574%;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid [class*='span'] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .row-fluid .span11 {
    width: calc(91.66% - var(--gap));
  }

  .row-fluid .span10 {
    width: calc(83.33% - var(--gap));
  }

  .row-fluid .span9 {
    width: calc(75% - var(--gap));
  }

  .row-fluid .span8 {
    width: calc(66.66% - var(--gap));
  }

  .row-fluid .span7 {
    width: calc(58.33% - var(--gap));
  }

  .row-fluid .span6 {
    width: calc(50% - var(--gap));
  }

  .row-fluid .span5 {
    width: calc(41.66% - var(--gap));
  }

  .row-fluid .span4 {
    width: calc(33.33% - var(--gap));
  }

  .row-fluid .span3 {
    width: calc(25% - var(--gap));
  }

  .row-fluid .span2 {
    width: calc(16.66% - var(--gap));
  }

  .row-fluid .span1 {
    width: calc(8.33% - var(--gap));
  }
}
.common-system { margin: 110px 0 0; width: 100%; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; z-index: 1; overflow: hidden;}
.common-system .outer-wrap-cover { position: relative;  max-width: 2000px;  width: 100%;  margin: auto;  padding: 281px 0 260px;}
.common-system:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #000; z-index: -1; opacity: 0.70; }
.common-system .top-grid { position: absolute; top: 0; left: -16px; max-width: 295px; width: 100%; }
.common-system .top-grid svg { width: 100%; height: auto; }
.common-system .bottom-grid { position: absolute; top: auto; bottom: -11px; left: auto; right: 0; max-width: 122px; width: 100%; }
.common-system .bottom-grid svg { width: 100%; height: auto; }
.common-system .error-page { width: 100%; display: inline-block; vertical-align: top; }
.common-system .error-page .wrap { display: flex; align-items: center; justify-content: center; max-width: 750px; margin: auto; width: 100%; }
.common-system .error-page .left-part { width: 230px; }
.common-system .error-page .left-part h2 { font-size: 100px; color: #33CCCC; line-height: 50px; margin: 0; }
.common-system .error-page .right-part { width: calc(100% - 230px); padding: 0 0 0 10px; }
.common-system .error-page .right-part .details h1 { font-size: 60px; line-height: 50px; color: #33CCCC; }
.common-system .error-page .right-part .details p { margin: 0; }
.common-system .error-page.error500 .wrap { max-width: 1090px; }
.common-system .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox { display:block; padding:0 0 8px 25px; position:relative; }
.common-system input[type="checkbox"]  { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.common-system input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.common-system input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:3px;  content:''; width:15px; height:15px; border:1px solid #FF6666; color:#fafafa; background:transparent; z-index: -1; border-radius: 2px;}
.common-system input[type="checkbox"]:checked + span:before { background:#FF6666; color:#ffff; border-color:#FF6666; }
.common-system input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left: -25px; top: 3px; content: "\f00c"; font-family: 'FontAwesome'; width: 16px; line-height: 15px; z-index: -1; font-size: 10px; font-weight: 400;}

/* .sub-pref.common-system {padding: 201px 0 210px;} */
.subscription-pref-section .header { position: relative; left: 0; top: 0; }
.subscription-pref-section .header:before { display: none; }
.subscription-pref-section form#email-prefs-form { position: relative; width: 100%; display: inline-block; vertical-align: top; z-index: 1; padding: 100px; }
.subscription-pref-section form#email-prefs-form:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #0d0d0d6e; z-index: -1; }
.subscription-pref-section form#email-prefs-form h1 { font-size: 45px; color: #ff6666; }
.subscription-pref-section form#email-prefs-form h2 { font-size: 26px; color: #fff; font-weight: 400; }
.subscription-pref-section form#email-prefs-form .email-prefs p.header { color: #ff6666; }
.subscription-pref-section form#email-prefs-form input#submitbutton { margin: 15px 0 0; }
.subscription-pref-section .item{background: #00000040; padding: 30px 30px 10px;margin-bottom: 20px;}
.subscription-pref-section .checkbox-row { padding: 0 0 0 30px; position: relative;}

.common-system .member-box { width: 100%; display: inline-block; vertical-align: top; background: #00000057; padding: 80px 50px; border-radius: 8px; }
.common-system .member-box form { max-width: 500px; width: 100%; padding: 20px 0 0; }
.common-system .member-box form input.hs-button { width: 100%; margin: 20px 0 0; height: auto !important; }
.common-system .member-box form input { width: 100% !important; height: 30px !important; }
.common-system .member-box form input:focus { outline: none; }
.common-system .member-box h1 { font-size: 60px; }
.common-system .member-box .having { padding: 20px 0 0;}
.common-system .member-box a.hs-reset-widget-show-password { float: right;  font-size: 12px;}
.memebership-page.common-system .outer-wrap-cover{ padding: 201px 0 210px;}
.common-system ul.no-list.hs-error-msgs li { line-height: 18px;}

.member-register .common-system ul.hs-error-msgs li { font-weight: 500; }
.member-register .common-system ul.hs-error-msgs li label { color: red; }
.member-register .common-system .form-input-validation-message { padding: 0; }
.member-register .common-system .hs-form-field { margin-bottom: 20px; }
.member-register .common-system a.hs-register-widget-show-password { font-size: 14px; float: right; }
.member-register .common-system a.hs-login-widget-show-password { float: right; font-size: 14px;}
.unsubscribe .common-system h3 { font-size: 25px;}

.unsubscribe .common-system .member-box { max-width: 690px; margin: auto; display: block;}
.unsubscribe .common-system .member-box form input.hs-button { width: 200px !important;}
.member-login .common-system .member-box form {max-width: 100%;}
.member-login .common-system .member-box{max-width: 870px; margin: auto; display: block;}
.member-reg .common-system .member-box{ max-width: 604px; display: block;  margin: auto;}
.reset-pass.common-system .member-box { max-width: 750px; display: block;  margin: auto;}
.reset-pass.common-system .member-box form {  max-width: 100%;}
.pass-promt .common-system .member-box{max-width: 705px; display: block;  margin: auto;}
.pass-promt .common-system .member-box form { max-width:100%; }
.subscription-pref-section form#email-prefs-form {max-width: 900px; width: 100%; display: block; margin: auto;}
.subscription-pref-section form#email-prefs-form .subscribe-options {margin-left: 27px;}
.subscr-conform .inner-wrap { width: 100%; max-width: 900px; margin: auto; position: relative; z-index: 1; padding: 60px 70px; }
.subscr-conform .inner-wrap:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #0d0d0d6e; z-index: -1; }
.subscr-conform .inner-wrap h2 { font-size: 50px; }

.pref-setting.common-system .top-grid { top: 0px; left: -16px; }
.pref-setting.common-system:before { opacity: 0; background: #00000040; }
.pref-setting.common-system { background-size: cover; background-position: center 0; }
.pref-setting.sub-pref.common-system .outer-wrap-cover{ padding: 300px 0px 59px; position: relative; }
.pref-setting.common-system form#email-prefs-form h2 { padding-top: 10px; }
.pref-setting.common-system form#email-prefs-form .item { padding-top: 5px; }
.pref-setting.common-system form#email-prefs-form { padding: 81px 100px 80px; }
.pref-setting .subscription-pref-section form#email-prefs-form:before { background: #0d0d0d52; z-index: -1; backdrop-filter: blur(5px); }
.pref-setting.common-system .section-bg-image { position: absolute; top: 0; left: 0; right: 0; height: 504px; background-size: cover; }
.pref-setting.common-system .bottom-grid { position: absolute; top: 45%; left: auto; right: 0; max-width: 172px; width: 100%; }



@media (max-width:1430px){

    .common-system .outer-wrap-cover { padding: 211px 0 206px; }
    .common-system .error-page .right-part h1 { font-size: 50px; }
    .common-system .error-page.error500 .right-part .details h1 {font-size: 58px;}
    .common-system .member-box h1 { font-size: 50px; }
    .common-system .member-box { padding: 60px 50px; }
    .memebership-page.common-system .outer-wrap-cover { padding: 151px 0 150px;}
    .pref-setting.common-system .top-grid {  max-width: 250px; }
    .pref-setting.sub-pref.common-system .outer-wrap-cover{ padding: 230px 0px 59px; }
    .pref-setting.common-system .section-bg-image { height: 450px; }


}

@media (max-width:1199px){

    .common-system .top-grid { max-width: 225px; }
    .common-system .bottom-grid { max-width: 92px; }
    .common-system .outer-wrap-cover { padding: 161px 0 146px; }
    .common-system .error-page .right-part .details h1 { font-size: 50px; }
    .common-system .error-page .left-part h2 { font-size: 80px; }
    .common-system .error-page .left-part { width: 190px; }
    .common-system .error-page .right-part { width: calc(100% - 190px); }
    .common-system .error-page .wrap{max-width: 630px;}
    .common-system .error-page.error500 .right-part .details h1 {font-size: 50px;}
/*     .sub-pref.common-system { padding: 151px 0 170px;} */
    .pref-setting.common-system .section-bg-image { height: 350px; }
    .pref-setting.common-system .bottom-grid { z-index: 1; top: auto; bottom: 0px;  max-width: 150px;}
    
   
}


@media (max-width:991px){
    .common-system .error-page.error500 .right-part .details h1 { font-size: 34px; line-height: 40px;}
    .subscription-pref-section form#email-prefs-form { padding: 50px; }
    .subscription-pref-section form#email-prefs-form h1 { font-size: 35px; }
    .subscription-pref-section form#email-prefs-form .email-prefs p.header { background: transparent; }
    .pref-setting.common-system form#email-prefs-form { padding: 60px 60px 60px; }
    .pref-setting.common-system .top-grid { max-width: 240px; }
    .pref-setting.common-system form#email-prefs-form h2 { padding-top: 0; }
    .pref-setting.common-system form#email-prefs-form #content p.header { padding: 10px 0px; }
    .pref-setting .sub-pref.common-system { padding: 151px 0 59px; }
}

@media (max-width:767px){

    .common-system .error-page .left-part { width: 100%; }
    .common-system .error-page .right-part { width: 100%; padding: 0; }
    .common-system .error-page .wrap { flex-wrap: wrap; text-align: center; }
    .common-system .error-page .left-part .icon { margin: 0 auto 20px; }
    .common-system .outer-wrap-cover { padding: 151px 0 136px; }
    .common-system .error-page .right-part h1 { font-size: 40px; line-height: 40px; }
    .common-system .top-grid { max-width: 185px; }
    .common-system .bottom-grid { max-width: 72px; }
    .common-system .error-page .right-part .details h1 { font-size: 30px; padding: 15px 0 0; line-height: 40px; margin-bottom: 10px; }
    .common-system .error-page .left-part h2 { font-size: 70px; }
    .common-system .error-page .right-part .details h1 { font-size: 30px; padding: 20px 0 0; margin-bottom: 10px;}
    .common-system .error-page.error500 .right-part .details h1 { padding: 25px 0 0; margin-bottom: 20px;}
    .subscription-pref-section form#email-prefs-form h1 { font-size: 25px; }
    .subscription-pref-section form#email-prefs-form h2 { font-size: 20px; }
    .subscription-pref-section form#email-prefs-form:before { display: none; }
    .subscription-pref-section form#email-prefs-form { padding: 30px 0; }
    .subscription-pref-section .item { padding: 25px 20px 10px; }
    .subscription-pref-section .subscribe-options { padding-left: 20px; }
    .common-system .member-box { padding: 0; background: transparent; }
    .common-system .member-box h1 { font-size: 40px; }
/*     .sub-pref.common-system { padding: 131px 0 130px;} */
    .member-reg .common-system .member-box { max-width: 100%;}
    .subscr-conform .inner-wrap h2 { font-size: 25px; word-break: break-all;}
    .subscr-conform .inner-wrap:before { display: none; }
    .subscr-conform .inner-wrap { max-width: 100%; padding: 0; }
    .pref-setting.common-system form#email-prefs-form { padding: 40px 30px 40px; }
    .pref-setting.sub-pref.common-system .outer-wrap-cover{ padding: 110px 0 70px; }
    .pref-setting.common-system .section-bg-image { height: 240px; }


}


@media (max-width:480px){
    .pref-setting.common-system .top-grid { max-width: 195px; }
    .pref-setting .sub-pref.common-system { padding: 90px 0 30px; }
    .pref-setting.common-system form#email-prefs-form { padding: 40px 0px 50px; }
    .pref-setting.common-system form#email-prefs-form h2 { margin: 0; }
    .pref-setting.common-system form#email-prefs-form #content p.header { padding: 0; }
    .pref-setting.common-system form#email-prefs-form .item { margin: 0; }
    .pref-setting.common-system .section-bg-image { top: 20px; left: -120px; height: 240px; }
    .pref-setting.common-system .bottom-grid {  max-width: 120px;}
   

}





@font-face {
    font-family: 'Montserrat';
    src: url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Bold.eot');
    src: url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Bold.woff2') format('woff2'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Bold.woff') format('woff'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Bold.ttf') format('truetype'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Medium.eot');
    src: url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Medium.woff2') format('woff2'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Medium.woff') format('woff'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Medium.ttf') format('truetype'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Regular.eot');
    src: url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Regular.woff2') format('woff2'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Regular.woff') format('woff'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Regular.ttf') format('truetype'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-SemiBold.eot');
    src: url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-SemiBold.woff2') format('woff2'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-SemiBold.woff') format('woff'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-SemiBold.ttf') format('truetype'),
        url('https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Font/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*#########################################################################*/
/*###########################   1. Variables   ############################*/
/*#########################################################################*/


/* 1a. Containers */



/* 1b. Colors */







/* 1c. Typography */





























/* 1d. Buttons */

/* -- btn1 -- */










/* -- btn2 -- */










/* 1e. Forms */


















/* 1g. Website header */











/* 1h. Website footer */







/*#########################################################################*/
/*#################   2. Containers / Grid / DND areas   ##################*/
/*#########################################################################*/

.container { max-width: 1220px; width: 100%; margin: auto; padding: 0 20px; }
.dnd-section, .content-wrapper--vertical-spacing { padding: 0; }
@media (min-width:1200px) and (max-width:1430px) { .container { max-width:1110px; } }
@media (min-width:992px) and (max-width:1199px) { .container { max-width:960px; } }
@media (min-width:768px) and (max-width:991px) { .container { max-width:720px; } }
@media (max-width:767px) { .container { max-width:100%; } }

/*#########################################################################*/
/*##########################   3. Typography   ############################*/
/*#########################################################################*/

*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }

html { font-size: 16px; }
body { font-family: 'Montserrat';;  font-family: , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; color: #FFFFFF; font-size: 16px; line-height: 26px; background:#000000; padding:0; margin:0; overflow-x: hidden; }

p { margin:0 0 15px; }
a { font-weight: normal; text-decoration: none; font-family: , sans-serif; font-style: normal; color: #FF6666;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
a:hover, a:focus { font-weight: normal; text-decoration: none; font-family: , sans-serif; font-style: normal;  color: #ffffff; }
a:active { font-weight: normal; text-decoration: none; font-family: , sans-serif; font-style: normal; color: #ffffff; }
img { border:0; vertical-align: top; height:auto; max-width:100%; }
ul, ol { list-style:none; }
ul li { font-weight:700; }

.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }
.row-fluid a.cta_button, a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.bottom-line { position:relative; }
.bottom-line:before{ content: ' '; top: auto; bottom: 0; left: 0; right: 0; margin: auto; width:165px; height: 1px; background: #FF6666; position: absolute; }

.w100 { width:100%; display:inline-block; vertical-align:top; }
.dis-flex{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.align-center{ align-items: center; }
.row-reverse{ flex-direction: row-reverse; }
.col-reverse{ flex-direction: column-reverse; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

/* Margin */
.mt-0 { margin-top: 0 } .mt-10 { margin-top: 10px } .mt-15 { margin-top: 15px } .mt-20 { margin-top: 20px } .mt-30 { margin-top: 30px } .mt-40 { margin-top: 40px } .mt-50 { margin-top: 50px } 
.mt-60 { margin-top: 60px } .mt-70 { margin-top: 70px } .mt-80 { margin-top: 80px } .mb-0 { margin-bottom: 0 } .mb-10 { margin-bottom: 10px } .mb-15 { margin-bottom: 15px } .mb-20 { margin-bottom: 20px } 
.mb-30 { margin-bottom: 30px } .mb-40 { margin-bottom: 40px } .mb-50 { margin-bottom: 50px } .mb-60 { margin-bottom: 60px } .mb-70 { margin-bottom: 70px } .mb-80 { margin-bottom: 80px } .margin-0 { margin: 0 !important }

/* Padding */
.pt-0 { padding-top: 0 } .pt-10 { padding-top: 10px } .pt-15 { padding-top: 15px } .pt-20 { padding-top: 20px } .pt-30 { padding-top: 30px } .pt-40 { padding-top: 40px } .pt-50 { padding-top: 50px } 
.pt-60 { padding-top: 60px } .pt-70 { padding-top: 70px } .pt-80 { padding-top: 80px } .pt-90 { padding-top: 90px } .pt-100 { padding-top: 1000px } .pb-0 { padding-bottom: 0 } .pb-10 { padding-bottom: 10px } .pb-15 { padding-bottom: 15px } 
.pb-20 { padding-bottom: 20px } .pb-30 { padding-bottom: 30px } .pb-40 { padding-bottom: 40px } .pb-50 { padding-bottom: 50px } .pb-60 { padding-bottom: 60px } .pb-70 { padding-bottom: 70px } .pb-80 { padding-bottom: 80px } 
.pb-90 { padding-bottom: 90px } .pb-100 { padding-bottom: 100px }

/* Headings */

h1,
.h1 {
    font-family: 'Montserrat';;
    font-weight: 600; text-decoration: none; font-family: , sans-serif; font-style: normal;
    color: #FFFFFF;
    font-size: 80px;
    text-transform: none;
    line-height: 1; margin: 0 0 15px;
}

h2,
.h2 {
    font-family: 'Montserrat';;
    font-weight: 600; text-decoration: none; font-family: , sans-serif; font-style: normal;
    color: #FF6666;
    font-size: 70px;
    text-transform: none;
    line-height: 1; margin: 0 0 15px;
}

h3,
.h3 {
    font-family: 'Montserrat';;
    font-weight: 600; text-decoration: none; font-family: , sans-serif; font-style: normal;
    color: #FF6666;
    font-size: 52px;
    text-transform: none;
    line-height: 1.3; margin: 0 0 15px;
}

h4,
.h4 {
    font-family: 'Montserrat';;
    font-weight: normal; text-decoration: none; font-family: , sans-serif; font-style: normal;
    color: #FF6666;
    font-size: 30px;
    text-transform: none;
    line-height: 1.2; margin: 0 0 15px;
}

h5,
.h5 {
    font-family: 'Montserrat';;
    font-weight: 600; text-decoration: none; font-family: , sans-serif; font-style: normal;
    color: #FF6666;
    font-size: 20px;
    text-transform: none;
    line-height: 1.2; margin: 0 0 15px;
}

h6,
.h6 {
    font-family: 'Montserrat';;
    font-weight: normal; text-decoration: none; font-family: , sans-serif; font-style: normal;
    color: #FF6666;
    font-size: 18px;
    text-transform: none;
    line-height: 23px; margin: 0 0 15px;
}

h2.h5 { line-height:30px; font-weight:600; }

/* Blockquote */

blockquote { border-left-color: #FF6666; }

/*#########################################################################*/
/*###########################   4. Buttons   ##############################*/
/*#########################################################################*/

/* -- Button1 -- */
.btn1 a {
    /* border: 1px solid #FF6666;
 */
    padding-top: 10px;
padding-right: 28px;
padding-bottom: 11px;
padding-left: 28px;

    font-family: , sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
    background-color: #FF6666;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 12px;
    text-transform: none;
    display: inline-block; position:relative; z-index:1; overflow:hidden;line-height: 16px;
}

.btn1 a:before { content:' '; top:0; right:0; width:0; height:100%; position:absolute; z-index:-1;  background-color: #ffffff;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.btn1 a:hover:before { width:100%; left:0; }
.btn1 a:hover {color:#1A1A1A; /* border-color: #ffffff; */  }

/* -- Button2 -- */
.btn2 a {
    /* border: 1px solid #ffffff;
 */
    padding-top: 10px;
padding-right: 28px;
padding-bottom: 11px;
padding-left: 28px;

    font-family: , sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
    background-color: #ffffff;
    border-radius: 5px;
    color: #FF6666;
    font-size: 12px;
    text-transform: none;
    display: inline-block; position:relative; z-index:1; overflow:hidden;line-height: 16px;
}

.btn2 a:before { content:' '; top:0; right:0; width:0; height:100%; position:absolute; z-index:-1; background-color: #FF6666;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.btn2 a:hover:before { width:100%; left:0; }
.btn2 a:hover { color:#ffffff; /* border-color: #FF6666; */  }


.btn3 a { color: #FF6666; }
.btn3 a:hover { color: #ffffff; }

.btn a { display: inline-block; padding-top: 10px;
padding-right: 28px;
padding-bottom: 11px;
padding-left: 28px;
; font-family: , sans-serif; font-style: normal; font-weight: 500; text-decoration: none; border-radius: 5px; font-size: 12px; }

/*#########################################################################*/
/*#############################   5. Forms   ##############################*/
/*#########################################################################*/

form, .submitted-message { font-family: , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; }
.form-title { color: #FF6666; }
form label { color: #FFFFFF; }
form legend { color: ; }

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea { border: 2px solid rgba(255, 255, 255, 40%);
 background-color: {color=#ffffff, opacity=100, rgba=rgba(255, 255, 255, 1), rgb=rgb(255, 255, 255), hex=#ffffff, css=#ffffff}; color: #FF6666; border-radius: 0px; background: transparent; border-top: 0; border-left: 0; border-right: 0; font-weight:400; padding: 0px 0 4px; }

ul.hs-error-msgs { padding: 0; margin: 0;}
ul.hs-error-msgs label.hs-error-msg { font-weight: 500; color: red; font-size: 12px;}
/* Form placeholder text */

::-webkit-input-placeholder { color: #ffffff; opacity: 0.5; }
::-moz-placeholder { color: #ffffff; opacity: 0.5; }
:-ms-input-placeholder { color: #ffffff; opacity: 0.5; }
::placeholder { color: #ffffff; opacity: 0.5; }

/* Inputs - date picker */
.hs-fieldtype-date .input .hs-dateinput:before { color: #ffffff; }
.fn-date-picker td.is-selected .pika-button { background: #FFFFFF; }
.fn-date-picker td .pika-button:hover { background-color: #FFFFFF !important; }
.fn-date-picker td.is-today .pika-button { color: #FFFFFF; }

/* Submit button */
form input[type=submit], form .hs-button {
    padding-top: 10px;
padding-right: 28px;
padding-bottom: 11px;
padding-left: 28px;

    font-family: , sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 12px;
    text-transform: none;
    background-color: #FF6666;
     
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;
    font-weight: 500;
    cursor:pointer; border: 0;
}

form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button:hover, form .hs-button:focus {
    background-color: #ffffff; color: #1A1A1A;
}

form input[type=submit]:active, form .hs-button:active {
    background-color: #ffffff; color: #1A1A1A;
}

.submitted-message { text-align:  center; color: #155724; background-color: #d4edda; border-color: #c3e6cb; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #c3e6cb; border-radius: .25rem; }
.field.hs-form-field + .hs_error_rollup { display:none; }
.hs_error_rollup { display:none; }
.hs-form input:focus-visible {border-color: #fff;outline: #fff;}
textarea { width: 100%;}
textarea:focus { outline: none;}
.hs-form .input { margin:0; }
.hs-form .hs-form-field { padding:0 0 15px; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }

@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {   
    .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
    .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
    .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
    .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
    .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
}

.hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
.inputs-list .hs-form-checkbox-display , .inputs-list .hs-form-booleancheckbox , .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.inputs-list input[type="radio"] { top:3px; }
.inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.inputs-list input[type="checkbox"]:checked + span:before { background:#333; color:#ffff; border-color:#333; }
.inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }
.inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#333; background:#3333;  border-radius:100%; }

/* Slider */
.slick-slider {width:100%;margin:auto; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:#333; width:35px; height:35px; font-size:0; text-index:-9999; cursor:pointer; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; }
.slick-arrow:hover { background:#fff; color:#000;  }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { content: "\f104"; }
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { content: "\f105"; }
.slick-arrow.slick-disabled { display:none; }

ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding:10px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; }
ul.slick-dots li button { display:inline-block; background:#a1a1a1;  width:15px; height:15px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; padding:0; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#fbb314; }


/* -- Header Section -- */

.header { width: 100%; display: inline-block; vertical-align: top; position: absolute; top: 0; left: 0; z-index: 999; padding: 20px 0px;  z-index:99999; transition:all 0.4s; /* background:#000000; */ }
.header.sticky { position: fixed; padding: 10px 0px;}
.header:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background: rgb(0 0 0 / 72%); z-index:-1; backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px);}
.header .header-section { width: 100%; display: inline-block; vertical-align: top; }
.header .header-section .container { display: flex; align-items: center; max-width: 1315px;}
.header .header-section .left-part { width: 25%; }
.header .header-section .right-part { width: 25%; text-align: right; display: flex;  align-items: center; justify-content: flex-end; -webkit-justify-content: flex-end;}
.header .header-section .center-part { width: 50%; text-align: center; }
.header .header-section .center-part ul { padding: 0; margin: 0; }
.header .header-section .left-part .logo { max-width: 62px;}
.header .header-section .mainmenu .hs-menu-wrapper > ul > li { display: inline-block; padding: 12px 20px; position: relative; }
.header .header-section .mainmenu .hs-menu-wrapper > ul > li > a { color:#ffffff; font-size: 15px; position:relative; }
.header .header-section .mainmenu .hs-menu-wrapper > ul > li:hover > a { color:#FF6666; }
.header .header-section .mainmenu .hs-menu-wrapper > ul > li:hover:before{ color:#FF6666; }
/* .header .header-section .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { margin-right: 10px; } */
.header .header-section .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { position: absolute; top: 100%; left: 0; width: 170px; /* background: #000000; */ text-align: left; padding: 5px 0 10px;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; opacity: 0; visibility: hidden; transform: translateY(14px); pointer-events: none; border-radius: 5px 5px 10px 10px; box-shadow: 0px 10px 13px -4px rgb(0 0 0 / 30%); overflow: hidden;}
.header .header-section .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 6px 15px 6px 15px; display: inline-block; width: 100%; line-height: normal; color: #ffffff; font-size: 14px; }
.header .header-section .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { color: #FF6666; }
.header .header-section .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; transform: translateY(0px); pointer-events: inherit; }
.header .header-section .mainmenu .hs-menu-wrapper>ul>li.active-branch a, .header .header-section .mainmenu .hs-menu-wrapper>ul>li.active a{color:#FF6666;}
.header .header-section .mainmenu .hs-menu-wrapper>ul>li>a:before { content: ' '; top: auto; bottom: -4px; left: 0; right: 0; margin: auto; width: 56%; height: 1px; background: #f66; position: absolute; transition: all 0.4s; opacity: 0; visibility: hidden; }
.header .header-section .mainmenu .hs-menu-wrapper>ul>li:hover>a:before { width: 100%; opacity: 1; visibility: visible; }
.header .header-section .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgb(0 0 0 / 72%); z-index: -1; backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); }
/* .header .header-section .header-btn.btn1 a:before{display:none;} */
.header .header-section .header-btn.btn1 a:hover { background: #fff; border-color:#fff; color:#1A1A1A; }
.header .header-section .right-part .search-icon { display: flex; position: relative; margin-right: 20px; }
.header .header-section .right-part .search-icon .header-search-box { position: absolute; right: -10px; width: 40px; top: -10px;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; opacity: 0; visibility: hidden; }
.header .header-section .right-part .search-icon .header-search-box input.hs-search-field__input { background: #636363; border-color: #636363; border-radius: 5px; height: 36px; padding: 5px 15px; font-size: 12px; color: #fff; padding-right: 30px;}
.header .header-section .right-part .search-icon .header-search-box input.hs-search-field__input:focus { outline: none; }
.header .header-section .right-part .search-icon .header-search-box form { position: relative; }
.header .header-section .right-part .search-icon .header-search-box form button { position: absolute; left: auto; right: -1px; height: 100%; background: transparent; border: 0; width: 34px; cursor: pointer; top: -1px; }
.header .header-section .right-part .search-icon .header-search-box form button svg { fill: #fff; height: 14px; position: relative; top: 2px; }
.header .header-section .right-part .search-icon:hover .header-search-box { width: 160px; opacity: 1; visibility: visible; }
.header .header-section .center-part .header-btn { display: none;}
/* .header .header-section .right-part .header-btn a {border: 1px solid #FFFFFF; background: transparent;  line-height: normal;} */
.header .header-section .globe_class { width: auto; height: auto; background-image: none; }
.header .header-section .globe_class ul.lang_list_class { position: relative; transform: inherit; top: 0; display: flex !important; padding: 0 0 0 15px; left: 0; }
.header .header-section .globe_class .lang_list_class:after,
.header .header-section .globe_class .lang_list_class:before { display: none; }
.header .header-section .globe_class ul.lang_list_class li { padding: 0; background: transparent; border: 0; position: relative; margin: 0 13px 0 0; }
.header .header-section .globe_class ul.lang_list_class li a.lang_switcher_link { color: #fff; font-size: 11px; text-transform: uppercase; }
.header .header-section .globe_class ul.lang_list_class li:before { content: ''; top: 1px; right: -7px; width: 1px; height: 12px; background: #fff; position: absolute; }
.header .header-section .globe_class ul.lang_list_class li:last-child { margin: 0; }
.header .header-section .globe_class ul.lang_list_class li:last-child:before { display: none; }
.header .header-section .globe_class ul.lang_list_class li:first-child a { background: rgb(255 255 255 / 35%); padding: 4px; }
.header .header-section .mainmenu .hs-menu-wrapper>ul>li.active-branch a:before, .header .header-section .mainmenu .hs-menu-wrapper>ul>li.active a:before { opacity: 1; visibility: visible; width: 100%;}
.header .header-section .mainmenu .hs-menu-wrapper > ul > li > ul.active-branch li.active a {color:#FF6666;}

/* -- Footer Section -- */

.footer-section { width: 100%; display: inline-block; vertical-align: top; padding: 59px 0 40px; background: #000000; position: relative; z-index: 111; }
.footer-section .footer-menu { width: 100%; display: inline-block; vertical-align: top; padding-bottom: 15px; }
.footer-section .footer-menu ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.footer-section .footer-menu ul li { display: inline-block; padding: 0 25px 30px; }
.footer-section .footer-menu ul li a { display: inline-block; color: #ffffff; font-size: 14px; }
.footer-section .footer-menu ul li a:hover{ color: #FF6666; }
.footer-section .footer-bottom { width: 100%; display: inline-flex; border-top: 1px solid #707070; padding: 35px 0 0px; align-items: center; }
.footer-section .footer-bottom .left-part { width: 40%; }
.footer-section .footer-bottom .right-part { width: 40%; text-align: right; }
.footer-section .footer-bottom .center-part { width: 20%; }
.footer-section .footer-bottom .left-part .footer-menu2 ul { margin: 0; padding: 0; list-style: none; }
.footer-section .footer-bottom .left-part .footer-menu2 ul li { position: relative; padding-right: 17px; display: inline-block; }
.footer-section .footer-bottom .left-part .footer-menu2 ul li a { color: #AFAFAF; font-size: 12px; }
.footer-section .footer-bottom .left-part .footer-menu2 ul li a:hover {color: #FF6666;}
.footer-section .footer-bottom .left-part .footer-menu2 ul li:before { content: ' '; top: 8px; left: auto; right: 6px; width: 1px; height: 13px; background: #AFAFAF; position: absolute; }
.footer-section .footer-bottom .left-part .footer-menu2 ul li:last-child:before { display: none; }
.footer-section .footer-bottom .left-part .copyright { padding: 0; }
.footer-section .footer-bottom .left-part .copyright p { margin: 0; color: #AFAFAF; font-size: 12px; }
.footer-section .footer-bottom .left-part .footer-menu2 ul li a:hover { color: #f66; }
.footer-section .footer-bottom .right-part .footer-social ul { margin: 0; padding: 0; list-style: none; }
.footer-section .footer-bottom .right-part .footer-social ul li { display: inline-block; padding-left: 13px; }
.footer-section .footer-bottom .right-part .footer-social ul li a { width: 30px; height: 30px; background: #FFFFFF; display: inline-flex; border-radius: 50%; align-items: center; justify-content: center; }
.footer-section .footer-bottom .right-part .footer-social ul li a svg { height: 18px; position: relative; top: 4px;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.footer-section .footer-bottom .right-part .footer-social ul li:first-child { padding-left: 0; }
.footer-section .footer-bottom .right-part .footer-social ul li a:hover svg { fill: #fff;}
.footer-section .footer-bottom .right-part .footer-social ul li a:hover {background: #f66;}
.footer-section .footer-bottom .center-part .footer-logo { max-width: 70px; width: 100%; margin: auto; text-align:center; }
.footer-section .mobile-footer-logo { display: none;}
.footer-section .footer-bottom .left-part .footer-menu2 ul li:last-child { padding-right: 0;}


/* -- Home  Hero Section -- */
.home-hero-section { width: 100%; display: inline-block; vertical-align: top; /*min-height: 100vh;*/ }
.home-hero-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; position: relative; padding: 306px 0 202px; /*height: 100vh;*/ display: flex;}
.home-hero-section .section-heading { max-width: 494px; width: 100%; padding-bottom: 10px; }
.home-hero-section .btm-shape { position: absolute; left: auto; right: 0; bottom: -215px; max-width: 414px; width: 100%; z-index: 1;}
.home-hero-section .btm-shape svg { width:100%; height:100%; }
.home-hero-section .top-shape { position: absolute; top: 110px; left: -75px; max-width: 490px; width: 100%; }
.home-hero-section .top-shape svg { width:100%; height:100%; }
.home-hero-section:before { content: ' '; top: 0; left: 0; width: 50%; height: 100%; position: absolute; background-image: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.82) 39%, rgba(0, 0, 0, 0) 100%);  opacity: 0.5; }

/* html {
  scroll-behavior: smooth;
} */

/* -- Home Video Section -- */
.home-video-section { width: 100%; display: inline-block; vertical-align: top; padding: 160px 0 175px; overflow: hidden;}
.home-video-section .top-content { width: 100%; max-width: 680px; margin: auto; padding: 0 0 199px; }
.home-video-section .top-content span { color: #FF6666; }
.home-video-section .bottom-content { width: 100%; max-width: 680px; margin: auto; padding: 190px 0 0; }
.home-video-section .bottom-content span { color: #FF6666; }
.home-video-section .video-box { width: 100%; display: inline-block; vertical-align: top; max-width: 1180px; margin: auto; height: 664px; position: relative;}
.home-video-section .video-box video { width: 100%; height: 100%; object-fit: cover; }
.home-video-section .video-cover { position: relative;}
.home-video-section .video-cover .shape-left { position: absolute; top: -235px; left: -10px; max-width: 401px; width: 100%; }
.home-video-section .video-cover .shape-left svg { width: 100%; height: auto;}
.home-video-section .video-cover .shape-right { position: absolute; top: auto; bottom: -192px; left: auto; right: -10px; }
.home-video-section .video-cover .shape-right svg { width: 100%; height: auto;}
.home-video-section .outer-wrap {max-width: 1910px; width: 100%; margin: auto;}

/* -- Home Service Section -- */
.home-service-section { width: 100%; display: inline-block; vertical-align: top; }
.home-service-section .wrap { width: 100%; display: inline-block; vertical-align: top; margin: -147px 0 0; }
.home-service-section .cm-wrap { display: flex; width: 100%; }
.home-service-section .cm-box { border-right: 1px solid #fff; width: calc((100% - 18%) / 6); height: 197px; border-top: 1px solid #fff; }
.home-service-section .cm-wrap .cm-box:first-child,
.home-service-section .cm-wrap .cm-box:last-child { width: 9%; }
.home-service-section .cm-wrap:first-child .cm-box { opacity: 0; }
.home-service-section .cm-wrap:first-child .cm-box.lbox1,
.home-service-section .cm-wrap:first-child .cm-box.lbox8 { opacity: 1; }
.home-service-section .cm-wrap:first-child .cm-box.lbox7 { opacity: 1; border-top: 0; }
.home-service-section .cm-wrap.col6 .cm-box { border-right: 0; }
.home-service-section .cm-wrap.col6 .cm-box.lbox1 { opacity: 1; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.home-service-section .cm-wrap.col5 .cm-box.lbox4,
.home-service-section .cm-wrap.col5 .cm-box.lbox5 { border-right: 0; }
.home-service-section .cm-wrap.col6 .cm-box.lbox4,
.home-service-section .cm-wrap.col6 .cm-box.lbox5,
.home-service-section .cm-wrap.col6 .cm-box.lbox6 { border-top: 0; }
.home-service-section .cm-box:last-child { border-right: 0; }
.home-service-section .col3 { display: flex; width: 100%; }
.home-service-section .empty-left { width: 9%; border-right: 1px solid #fff; border-top: 1px solid #fff; }
.home-service-section .empty-right { width: 9%; border-top: 1px solid #fff; }
.home-service-section .inner-cover { width: calc(100% - 18%); display: flex; }
.home-service-section .inner-cover .main-box { width: calc(100% / 6); text-align: center; border-right: 1px solid #fff; border-top: 1px solid #fff; }
.home-service-section .inner-cover .main-box .box-inner { width: 100%; height: 395px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 1;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.home-service-section .inner-cover .main-box .box-inner:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #000; opacity: 0.77; z-index: -1;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.home-service-section .inner-cover .main-box .icon svg { max-width: 50px; transition: all 0.4s; }
.home-service-section .inner-cover .main-box .icon svg path { transition: all 0.4s; }
.home-service-section .inner-cover .main-box .box-inner:hover .icon svg path { fill: #fff; }
.home-service-section .inner-cover .main-box .box-inner:hover h5 { color: #fff; }
.home-service-section .inner-cover .main-box .box-inner h5 { margin: 13px 0 0; transition: all 0.4s; }
.home-service-section .inner-cover .main-box .box-inner:hover:before { opacity: 0; }
.home-service-section .inner-cover .main-box .box-inner:hover { transform: translateY(-60px); }
.home-service-section .empty-left .em_box, .home-service-section .empty-right .em_box { width: 100%; height: 50%; display: flex;}
.home-service-section .empty-left .em_box:first-child, .home-service-section .empty-right .em_box:first-child { width: 100%; border-bottom: 1px solid #fff; height: 50%; display: flex;}
.home-service-section .section-heading {  max-width: 690px; width: 100%; margin: auto; position: relative; z-index: 1;}

/* -- Home Testimonial Section -- */
.home-testimonial-section { width: 100%; display: inline-block; vertical-align: top; margin: -135px 0 0; padding: 0 0 100px; overflow: hidden;}
.home-testimonial-section .testimonial-slider h3 { color: #33CCCC; line-height: 60px; }
.home-testimonial-section .testimonial-slider { max-width: 778px; width: 100%; margin: auto; }
.home-testimonial-section .testimonial-slider .in-cover { width: 100%; position: relative; padding: 100px 0 0; }
.home-testimonial-section .testimonial-slider .in-cover:before { content: ' '; left: 0; background-image: url(https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Image/quote-new.svg); position: absolute; width: 89px; height: 56px; top: 0px; background-repeat: no-repeat; background-size: contain; opacity: 0.48;}
.home-testimonial-section .testimonial-slider h6 { margin: 0; color: #fff; }
.home-testimonial-section .testimonial-slider p { margin: 0; line-height: 23px;}
.home-testimonial-section .shape-img { position: absolute; top: auto; bottom: -110px; left: auto; right: -50px; max-width: 534px; width: 100%; }
.home-testimonial-section .shape-img svg {width: 100%; height: auto;}
.home-testimonial-section .outer-wrap { max-width: 2000px;  width: 100%; margin: auto; position: relative;}

/* -- Home Zigzag Section -- */
.home-zigzag-section { width: 100%; display: inline-block; vertical-align: top; padding: 55px 0px 213px; }
.home-zigzag-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; position: relative; }
.home-zigzag-section .top-left-grid { position: absolute; max-width: 299px; width: 100%; top: -265px; left: -40px; }
.home-zigzag-section .top-left-grid svg { width: 100%; height: auto; }
.home-zigzag-section  .box { width: 100%; display: flex; margin: 0 0 175px; }
.home-zigzag-section .box .left-part { width: 50%; padding: 67px 10px 0 0; }
.home-zigzag-section .box .right-part { width: 50%; text-align: right; padding: 0 0 0 20px; }
.home-zigzag-section .box .right-part .img-wrap { max-width: 471px; width: 100%; float: right; position: relative; }
.home-zigzag-section .box .right-part .img-wrap .img-box { width: 100%; display: inline-block; vertical-align: top; }
.home-zigzag-section .box .right-part .img-wrap .img-box img { width: 100%; height: 473px !important; object-fit: cover; }
.home-zigzag-section .box .right-part .img-wrap .top-grid { position: absolute; top: -30px; left: auto; right: -64px; max-width: 111px; width: 100%; }
.home-zigzag-section .box .right-part .img-wrap .top-grid svg { width: 100%; height: auto; }
.home-zigzag-section .box .right-part .img-wrap .bottom-grid { position: absolute; left: -195px; top: auto; bottom: -35px; max-width: 420px; width: 100%; z-index: -1; }
.home-zigzag-section .box .right-part .img-wrap .bottom-grid svg { width: 100%; height: auto;}
.home-zigzag-section .box .right-part .img-wrap .bottom-grid img { width: 100%; height: auto; }
.home-zigzag-section .box .left-part .section-heading { max-width: 477px; width: 100%; float: right;}
.home-zigzag-section .box .left-part .section-heading .btn-wrap { padding: 12px 0 0; }
.home-zigzag-section .box:nth-child(even) { flex-direction: row-reverse; }
.home-zigzag-section .box:nth-child(even) .right-part .img-wrap { float: none; }
.home-zigzag-section .box:nth-child(even) .right-part { padding: 0 20px 0 0; }
.home-zigzag-section .box:nth-child(even) .left-part { padding: 45px 0px 0 30px; }
.home-zigzag-section .box:nth-child(even) .left-part .section-heading { float: right; max-width: 488px; }
.home-zigzag-section .box:last-child { margin-bottom: 0; }
.home-zigzag-section .box:nth-child(even) .right-part .img-wrap .top-grid { left: -60px; }
.home-zigzag-section .box:nth-child(even) .right-part .img-wrap .bottom-grid { right: -165px; left: auto; }


/* ------------------------------------------------ */
/* ================== System Page ================= */

.system-hero-section { width: 100%; display: inline-block; vertical-align: top; margin: 106px 0 0px; overflow: hidden;}
.system-hero-section .top-shape { position: absolute; top: 0; left: -3px; max-width: 324px; width: 100%; }
.system-hero-section .wrap { display: flex; width: 100%; }
.system-hero-section .btn-wrap { padding: 11px 0 0; }
.system-hero-section .right-part { width: 60%; position: relative; margin-top: -175px;}
/* .system-hero-section .right-part .hero-img { max-width: 860px; width: 100%; position: absolute; top: 0px; left: -90px;} */
.system-hero-section .right-part .hero-img { max-width: 960px; width: 100%; position: absolute; top: -40px; left: -120px;}
.system-hero-section .left-part { width: 40%; padding-left: calc((100% - 1191px) / 2);}
.system-hero-section .right-shape { top: 0; left: -133px; right: 0; position: relative; width: 1521px; }
.system-hero-section .outer-cover { width: 100%; padding: 188px 0 0px; max-width: 2000px; margin: auto; position: relative;}
.system-hero-section .right-shape svg { width: 100%; height: auto; }
.system-hero-section .top-shape svg { width: 100%; height: auto; }

/* -- Simple Content Section -- */
.simple-content-section { width: 100%; display: inline-block; vertical-align: top; margin: 0 0 0 !important; padding: 30px 0 70px; }
.simple-content-section .section-heading { max-width: 759px; width: 100%; margin: auto; }

/* -- System Store Section -- */
.system-store-section .col-wrap { width: 100%; }
.system-store-section .col-wrap .col-box { width: 100%; display: flex; border-top: 1px solid #ff1212; }
.system-store-section .col-wrap .col-box .grid-box { width: calc(100% / 3); border-right: 1px solid #f00; }
.system-store-section .col-wrap .col-box .box-cover { width: 100%; display: flex; min-height: 296px; }
.system-store-section .col-wrap .col-box .box-cover .img-box.grid-box { width: 66.66%; }
.system-store-section .col-wrap .col-box .box-cover .details.grid-box { width: 33.34%; }
.system-store-section .col-wrap .col-box .box-cover .img-box.grid-box .img-inner { position: relative; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; padding: 20px;}
.system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box .img-inner { justify-content: flex-start; -webkit-justify-content: flex-start;}
.system-store-section .col-wrap .col-box .box-cover .img-box.grid-box .img-inner:before { content: ''; top: 0; left: 50%; position: absolute; width: 1px; height: 100%; background: #f00; transform: translateX(-50%); }
/* .system-store-section .col-wrap .col-box .box-cover .img-box.grid-box .img-inner img { width: 100%; height: 296px !important; object-fit: cover; } */
.system-store-section .col-wrap .col-box .box-cover .img-box.grid-box .img-inner img { position: relative; top: 7px;}
.system-store-section .col-wrap .col-box .box-cover .img-box.grid-box .img-inner:after { content: ' '; top: 0; left: 0; width: calc(50% - 1px); height: 100%; position: absolute; background-image: url(https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Image/img-shade.png); background-repeat: no-repeat; background-size: cover; opacity:0; }
.system-store-section .col-wrap .col-box .box-cover .details.grid-box .details-inner { width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: center; }
.system-store-section .col-wrap .col-box .box-cover .details.grid-box .details-inner h5 { margin-bottom: 10px; }
.system-store-section .col-wrap .col-box .box-cover .details.grid-box .details-inner p { margin: 0; }
.system-store-section .col-wrap .col-box:last-child .grid-box { border-bottom: 1px solid #f00; }
.system-store-section .col-wrap .col-box .grid-box:first-child, .system-store-section .col-wrap .col-box .grid-box:last-child { width: 9%; }
.system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box .img-inner:after { width: 21.1%; background-position: center; }
.system-store-section .col-wrap .col-box:first-child .box-cover { width: calc(100% - 24.33%); }
.system-store-section .col-wrap .col-box:first-child .box-cover .details { width: calc(100% - 47.8%); }
.system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box .img-inner:before { transform: inherit; left: 21.1%; }
.system-store-section .col-wrap .col-box:last-child > .grid-box:first-child { border-bottom: 0; }
.system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box { width: 66.4%;}
.system-store-section .grid-top { width: 100%; display: flex; height: 296px; }
.system-store-section .grid-top .grid-box { border-right: 1px solid #fff; width: calc(100% / 3); opacity: 0; }
.system-store-section .grid-top .grid-box:first-child,
.system-store-section .grid-top .grid-box:last-child { width: 9%; }
.system-store-section .grid-top .grid-box:nth-child(5) { opacity: 1; }
.system-store-section .grid-top .grid-box:last-child { opacity: 1; border-top: 1px solid #fff; }
.system-store-section .section-heading { max-width: 820px; width: 100%; margin-bottom: -175px; padding-left: 60px;}

/* -- System Two col Section -- */
.system-two-col-section { width: 100%; display: inline-block; vertical-align: top; padding: 196px 0 290px; overflow: hidden; }
.system-two-col-section .box { width: 100%; display: flex; margin-bottom: 280px; }
.system-two-col-section .box .left-part { width: 50%; padding: 0 0 0 0; }
.system-two-col-section .box .right-part { width: 50%; padding: 0px 20px 0px 111px; }
.system-two-col-section .box .left-part .img-cover { position: relative; }
.system-two-col-section .box .left-part .img-cover .grid-bottom { position: absolute; top: auto; bottom: 0; width: 100%; height: 100%; }
.system-two-col-section .box .left-part .img-cover .img-box { position: relative; z-index: 1; }
.system-two-col-section .box .left-part .img-cover .grid-top .grid-even { display: none; }
.system-two-col-section .box .left-part .img-cover .grid-bottom .grid-odd,
.system-two-col-section .box .left-part .img-cover .grid-bottom .grid-even { display: none; }
.system-two-col-section .box .left-part .img-cover .grid-top .grid-odd,
.system-two-col-section .box .left-part .img-cover .grid-top .grid-even { display: none; }
.system-two-col-section .box:last-child { margin: 0; }
.system-two-col-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; }
.system-two-col-section .box .left-part .img-cover .img-box img { width: 100%; /* height: 516px !important; */ object-fit: cover; }
.system-two-col-section .box .right-part .details { max-width: 554px; width: 100%; }
.system-two-col-section .box .right-part .details h2.h5 { margin-bottom: 5px; padding: 5px 0 0; }
.system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-bottom .grid-odd { display: block; position: absolute;  bottom: -100px; left: -2px; max-width: 653px; width: 100%;}
.system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-top .grid-odd { display: block; max-width: 315px; width: 100%; position: absolute; top: -194px; left: -50px;}
.system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-top .grid-even { display: block; position: absolute; top: -194px; left: auto; right: -40px; max-width: 315px; width:100%; }
.system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-top .grid-even svg { height: auto; width:100%; }
.system-two-col-section .box:nth-child(odd) .left-part .img-cover svg { height: auto; width:100%; }
.system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-bottom .grid-odd svg { width: 100%; height:auto; }
.system-two-col-section .box:nth-child(even) { flex-direction: row-reverse; }
.system-two-col-section .box:nth-child(even) .left-part { padding: 0 0px 0 0px; }
/* .system-two-col-section .box:nth-child(even) .left-part .img-cover .img-box img { height: 477px !important; } */
.system-two-col-section .box:nth-child(even) .right-part .details { float: right; max-width: 520px; padding: 70px 0 0; }
.system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-bottom .grid-even svg { width: 100%; height: auto; }
.system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-bottom .grid-even { display: block; position: absolute;top: auto; left: auto; right: -3px; max-width: 670px; width: 100%; bottom: -165px;}
.system-two-col-section .box:nth-child(even) .right-part {padding-right: 70px;}

/* -- System Combine Section -- */
.system-combine-section { width: 100%; display: inline-block; vertical-align: top; padding: 132px 0 30px; overflow: hidden;}
.system-combine-section .top-grid { text-align: right; max-width: 424px; float: right; width: 100%; margin: 0 0 -59px; position: relative; right: -90px;}
.system-combine-section .top-grid svg { width: 100%; height:auto; }
.system-combine-section .inner-wrap { width: 100%; display: flex; }
/* .system-combine-section .inner-wrap .img1 { width: 50%; padding: 0 6px 0 0; }
.system-combine-section .inner-wrap .img2 { width: 50%; text-align: right; padding: 0 0 0 6px; } */
.system-combine-section .inner-wrap .img1 { width: 100%; padding: 0; }
.system-combine-section .inner-wrap img { width: 100%; /* height: 627px !important; */ object-fit: cover; }
.system-combine-section .content-cover { width: 100%; display: inline-block; vertical-align: text-bottom; margin: -50px 0 0; }
.system-combine-section .content-cover .details-box { width: 100%; max-width: 780px; padding: 63px 20px; position: relative; margin: auto; background: transparent; }
.system-combine-section .content-cover .details-box .grid-shape-left { position: absolute; left: -160px; top: -124px; z-index: -11; max-width: 516px; width: 100%;}
.system-combine-section .content-cover .details-box .grid-shape-left svg { width: 100%; height: auto;}
.system-combine-section .content-cover .details-box .grid-shape-right { position: absolute; right: -155px; left: auto; top: -65px; z-index: -1; max-width: 437px; width: 100%;}
.system-combine-section .content-cover .details-box .grid-shape-right svg { width: 100%; height: auto;}
.system-combine-section .cover { position: relative; z-index: -1;}
.system-combine-section .content-cover .details-box:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgb(0 0 0 / 70%); backdrop-filter: blur(34px); -webkit-backdrop-filter: blur(34px); }
.system-combine-section .content-cover .details-box .content-box { position: relative; max-width: 600px; width: 100%; margin: auto; }
.system-combine-section .content-cover .details-box .content-box .btn-wrap { padding: 5px 0 0; }

/* -- System Img Content Section -- */
.system-img-content-section { width: 100%; display: inline-block; vertical-align: top; padding-bottom: 60px; overflow: hidden;}
.system-img-content-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; }
.system-img-content-section .box { width: 100%; display: flex; margin: 270px 0 126px; }
.system-img-content-section .box .left-part { width: 50%; padding-left: calc((100% - 1180px) / 2); padding-top: 115px; padding-right: 70px; }
.system-img-content-section .box .right-part { width: 50%; text-align: right; padding: 0 0 0 0px; }
.system-img-content-section .box .top-grids { width: 100%; display: inline-block; vertical-align: top; position: relative; }
.system-img-content-section .box .img-wrap { width: 100%; display: inline-block; vertical-align: top; position: relative; }
.system-img-content-section .box .top-grids .even-top, .system-img-content-section .box .top-grids .odd-top { display: none; }
.system-img-content-section .box .bottom-grids { width: 100%; display: inline-block; vertical-align: top; }
.system-img-content-section .box .bottom-grids .even-bottom { display: none; }
.system-img-content-section .box .img-wrap img { width: 100%; /* height: 500px !important; */ object-fit: cover;}
.system-img-content-section .box .left-part .details { max-width: 520px; width: 100%;}
.system-img-content-section .box:nth-child(odd) .top-grids svg { width: 100%; height: auto; }
.system-img-content-section .box:nth-child(odd) .top-grids .odd-top { display: block; position: absolute; top: -140px;  right: -2px; z-index: -1; width: 100%; max-width: 780px;}
.system-img-content-section .box:nth-child(even) .left-part { padding-right: calc((100% - 1180px) / 2); padding-left: 70px;}
.system-img-content-section .box:nth-child(even) .bottom-grids .even-bottom svg { width: 100%; height: auto; }
.system-img-content-section .box:nth-child(even) .bottom-grids .even-bottom { display: block; position: absolute; top: auto; bottom: -60px; z-index: -1; max-width: 840px; width: 100%; left: -4px;}
.system-img-content-section .box:nth-child(even) .right-part { text-align: left; padding: 0 0px 0 0px; }
.system-img-content-section .box:nth-child(even) .top-grids .even-top { display: block; position: absolute; top: -140px; z-index: -1; left: -113px; max-width: 316px; width: 100%; }
.system-img-content-section .box:nth-child(even) .top-grids .even-top svg { width: 100%; height: auto;}
.system-img-content-section .box:nth-child(even) { margin-top: 0; flex-direction: row-reverse; }


/* -------------------------------------------------- */
/* ================== Industry Page ================= */

.industry-hero-section { width: 100%; display: inline-block; vertical-align: top; padding: 63px 0px 221px; margin: 106px 0 0; }
.industry-hero-section .wrap { display: flex; align-items: center; }
.industry-hero-section .left-part { width: 50%; padding: 0 30px 0 0; padding-left: calc((100% - 1180px) / 2); }
.industry-hero-section .right-part { width: 50%; padding: 0 0 0 30px; text-align: right; }
.industry-hero-section .top-left-shape { position: absolute; top: -61px; left: -6px; z-index:1;}
.industry-hero-section .right-part .img-box { width: 100%; display: inline-block; vertical-align: top; }
.industry-hero-section .right-part .img-box img { width: 100%; /* height: 610px !important; */ object-fit: cover; }
.industry-hero-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; position: relative; }
.industry-hero-section .right-part .img-outer { width: 100%; display: inline-block; vertical-align: top; position: relative; }
.industry-hero-section .right-part .img-outer .top-shape { position: absolute; top: -30px; left: -30px; max-width: 282px; width: 100%; z-index: -1; }
.industry-hero-section .right-part .img-outer .bottom-shape { position: absolute; top: auto; bottom: -254px; left: auto; right: 0; max-width: 494px; width: 100%; z-index: -1; }
.industry-hero-section .right-part .img-outer .top-shape svg { width: 100%; height: auto; opacity: 0.6;}
.industry-hero-section .right-part .img-outer .bottom-shape svg { width: 100%; height: auto; opacity: 0.6;}

/* -- Industry Content Section -- */
.industry-content-section { width: 100%; display: inline-block; vertical-align: top; padding: 30px 0 100px; }
.industry-content-section .section-heading { width: 100%; max-width: 759px; margin: auto; }

/* -- Industry Tab Section -- */
.industry-tab-section { width: 100%; display: inline-block; vertical-align: top; padding: 138px 0px 0px; margin-bottom: 125px; }
.industry-tab-section .grid-cover { width: 100%; display: inline-block; vertical-align: top; margin-bottom: -258px;}
.industry-tab-section .grid-cover .grid-raw { width: 100%; display: flex; }
.industry-tab-section .grid-cover .grid-raw .tab-list ul { margin: 0; padding: 0; width: 100%; display: flex; flex-wrap: wrap; }
.industry-tab-section .grid-cover .grid-raw .tab-list ul li { width: calc(100% / 3); border-right: 1px solid #343434; height: 258px; border-top: 1px solid #343434; display: flex; justify-content: center; text-align: center; cursor: pointer; position: relative;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; padding: 20px; padding-top: 75px;}
.industry-tab-section .grid-cover .grid-raw:last-child { justify-content: flex-end; }
.industry-tab-section .grid-cover .grid-raw .grid-box.gb1, .industry-tab-section .grid-cover .grid-raw .grid-box.gb7 { width: 64px; height: auto; border-top: 1px solid #343434; border-right: 1px solid #343434;}
.industry-tab-section .grid-cover .grid-raw:last-child .grid-box.gb6 { border-top: 0; height: 125px; border-right: 1px solid #343434;}
.industry-tab-section .grid-cover .grid-raw:last-child .grid-box.gb7 { border: 0; }
.industry-tab-section .grid-cover .grid-raw .tab-list ul .group { width: 100%; display: flex; border-bottom: 1px solid #343434; }
.industry-tab-section .grid-cover .grid-raw .inner-grid-wrap .grid-box.gb2 { height: 100%; border-bottom: 1px solid #343434; }
.industry-tab-section .grid-cover .grid-raw:first-child .grid-box.gb1,
.industry-tab-section .grid-cover .grid-raw:last-child .grid-box.gb7 { height: 258px; }
.industry-tab-section .grid-cover .grid-raw .grid-box:last-child { height: auto; }
.industry-tab-section .grid-cover .grid-raw .tab-list ul .group:nth-child(2) li,
.industry-tab-section .grid-cover .grid-raw .tab-list ul .group:nth-child(3) li { border-top: 0; }
.industry-tab-section .grid-cover .grid-raw:nth-child(2) .grid-box.gb1 { border-bottom: 1px solid #343434; }
.industry-tab-section .grid-cover .grid-raw .inner-grid-wrap .grid-box.gb6 { border-bottom: 1px solid #343434; }
.industry-tab-section .grid-cover .grid-raw:nth-child(2) .grid-box.gb7 { border-bottom: 1px solid #343434; }
.industry-tab-section .tab-content { width: 100%; display:none; }
.industry-tab-section .tab-content.current { display:block; }
.industry-tab-section .tab-content .inner-cover { display: flex; }
.industry-tab-section .tab-content .left-part { width: 50%; padding: 0 30px 0 0; }
.industry-tab-section .tab-content .right-part { width: 50%; padding: 0 0 0 30px; text-align: center; }
.industry-tab-section .tab-content .left-part .details { max-width: 500px; width: 100%; float: right;}
.industry-tab-section .tab-content .left-part .details h5 { font-weight: 500; }
.industry-tab-section .tab-content-list { width: 100%; margin: 0 0 -218px; }
.industry-tab-section .grid-cover .grid-raw .tab-list .icon { max-width: 55px; width: 100%; margin: auto; }
.industry-tab-section .grid-cover .grid-raw .tab-list .icon svg { width: 100%; height: auto; }
.industry-tab-section .grid-cover .grid-raw .tab-list h4 { margin: 0; padding: 12px 0 0; font-size: 15px; font-weight: 400; line-height: 19px; color: #fff; max-width: 172px;}
.industry-tab-section .grid-cover .grid-raw .tab-list ul li.current { background: rgb(0 0 0 / 55%); }
.industry-tab-section .grid-cover .grid-raw .tab-list ul li:before { content: ' '; top: auto; bottom: 0; width: 100%; height: 3px; background: #fff; position: absolute;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; opacity:0; visibility:hidden; }
.industry-tab-section .grid-cover .grid-raw .tab-list ul li.current:before {opacity:1; visibility:visible;}
.industry-tab-section .tab-content .right-part .img-box { max-width: 560px; width: 100%;}
.industry-tab-section .mobile-tab{ display:none; }
.industry-tab-section .grid-cover .grid-raw .inner-grid-wrap { width: 100%; display: flex; }
.industry-tab-section .grid-cover .grid-raw .tab-list { width: 100%; }
.industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box { border-right: 1px solid #343434; height: 258px; width: calc((100% - 128px) / 5);}
.industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box.empty:first-child, .industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box.empty:last-child{ width:64px;}
.industry-tab-section .grid-cover .grid-raw .tab-list ul .group:first-child .grid-box.empty:nth-child(2), .industry-tab-section .grid-cover .grid-raw .tab-list ul .group:first-child .grid-box.empty:nth-child(1), .industry-tab-section .grid-cover .grid-raw .tab-list ul .group:first-child .grid-box.empty:nth-last-child(2), .industry-tab-section .grid-cover .grid-raw .tab-list ul .group:first-child .grid-box.empty:nth-last-child(1) { border-top: 1px solid #343434;}


/* -------------------------------------------------- */
/* ================== Job Page ================= */

.job-hero-section { width: 100%; display: inline-block; vertical-align: top; overflow: hidden; margin: 108px 0 0; padding: 106px 0px 130px; }
.job-hero-section .wrap { display: flex; align-items: center; }
.job-hero-section .left-part { width: 50%; padding: 0 30px 0 0; padding-left: calc((100% - 1191px) / 2); }
.job-hero-section .right-part { padding: 0 0 0 7px; text-align: right; width: 50%; }
.job-hero-section .left-part .top-shape { position: absolute; top: -108px; left: -69px; max-width: 457px; width: 100%; }
.job-hero-section .left-part .bottom-shape { position: absolute; top: 45%; left: -157px; max-width: 369px; width: 100%; }
.job-hero-section .baseModuleParent { position: inherit !important; }
.job-hero-section .left-part .top-shape svg { width: 100%; height: auto; }
.job-hero-section .left-part .bottom-shape svg { width: 100%; height: auto; }
.job-hero-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; position: relative;}
.job-hero-section .right-part .img-wrap { width: 100%; display: inline-block; vertical-align: top; position: relative; z-index: 1; }
.job-hero-section .right-part .top-grid { position: absolute; top: -47px;  left: auto; right: -1px;  max-width: 185px; width: 100%; }
.job-hero-section .right-part .top-grid svg { width: 100%; height: auto; }
.job-hero-section .right-part .bottom-grid { position: absolute; top: auto;  bottom: -235px; left: auto;  right: 30px; max-width: 447px; width: 100%; z-index: -1; }
.job-hero-section .right-part .bottom-grid svg { width: 100%; height: auto; }
.job-hero-section .right-part .img-box img { width: 100%; height: 600px !important; object-fit: cover; }
.job-hero-section .bottom-content { width: 100%; display: inline-block; vertical-align: top; padding: 183px 0 0; }
.job-hero-section .bottom-content .details { max-width: 818px; width: 100%; margin: auto; }
.job-hero-section .bottom-content .details h2.h5{ color: #33CCCC; }

/* -- Gridstation Section -- */
.gridstation-section { width: 100%; display: inline-block; vertical-align: top; overflow: hidden; padding: 0 0 119px; }
.gridstation-section .box { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 170px; }
.gridstation-section .box:last-child { margin-bottom: 0; }
.gridstation-section .box .top-part { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 105px; }
.gridstation-section .box .top-part .top-inner { max-width: 980px; width: 100%; margin: auto; position: relative; }
.gridstation-section .box .top-part .top-inner .section-heading { max-width: 818px; width: 100%; margin: auto; margin-bottom: -44px; position: relative; }
.gridstation-section .box .top-part .top-inner .img-box { width: 100%; display: inline-block; vertical-align: top; }
.gridstation-section .box .top-part .top-inner .img-box img { width: 100%; /* height: 551px !important; */ object-fit: cover; }
.gridstation-section .box .top-part .box-grids .odd-box,
.gridstation-section .box .top-part .box-grids .even-box { display: none; }
.gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box { display: block; }
.gridstation-section .box:nth-child(even) .top-part .box-grids .even-box { display: block; }
.gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box .left-grid { position: absolute; left: -173px; bottom: -164px; z-index: -1; max-width: 377px;width: 100%; }
.gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box .right-grid { position: absolute; top: 80px; left: auto; right: -213px; max-width: 268px; width: 100%; }
.gridstation-section .box .top-part .box-grids svg { width: 100%; height: auto; }
.gridstation-section .box:nth-child(even) .top-part .box-grids .even-box .left-grid { position: absolute; top: 111px; left: -208px; max-width: 268px; width: 100%; }
.gridstation-section .box:nth-child(even) .top-part .box-grids .even-box .right-grid { position: absolute; left: auto; right: -161px; top: auto; bottom: -160px; z-index: -1; max-width:377px; width:100%; }
.gridstation-section .box .center-part { width: 100%; display: inline-block; vertical-align: top; position: relative; margin-bottom: 70px; }
.gridstation-section .box .center-part .center-wrap { max-width: 2000px; width: 100%; margin: auto; position: relative;}
.gridstation-section .box .center-part .center-grid .center-odd,
.gridstation-section .box .center-part .center-grid .center-even { display: none; }
.gridstation-section .box:nth-child(odd) .center-part .center-grid .center-odd { display: block; position: absolute; top: -10px; left: auto; right: -75px; max-width: 195px; width: 100%; }
.gridstation-section .box:nth-child(even) .center-part .center-grid .center-even { display: block; position: absolute; top: 50px; left: -75px; max-width: 195px; width: 100%;}
.gridstation-section .box .center-part .details { max-width: 818px; width: 100%; margin: auto; }
.gridstation-section .box .center-part svg { width: 100%; height: auto; }
.gridstation-section .box .bottom-part { width: 100%; display: inline-block; vertical-align: top; padding-bottom: 90px; }
.gridstation-section .box .bottom-part .box-grids .left-grid { position: absolute; top: -40px; left: -146px; z-index: -1; max-width: 365px; width: 100%; }
.gridstation-section .box .bottom-part .box-grids .right-grid { position: absolute; top: auto; left: auto; right: -133px; bottom: -91px; z-index: -1; }
.gridstation-section .box .bottom-part .outer-box { max-width: 818px; width: 100%; margin: auto; position: relative; }
.gridstation-section .box .bottom-part .inner-wrap { width: 100%; display: inline-block; vertical-align: top; position: relative; padding: 42px 72px; }
.gridstation-section .box .bottom-part .inner-wrap:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgb(28 28 28 / 52%); z-index: -1; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.gridstation-section .box .bottom-part .box-grids  svg { width: 100%; height: auto; }
.gridstation-section .box .bottom-part .inner-wrap .inner-box { width: 100%; display: flex; border-bottom: 1px solid rgb(255 255 255 / 17%); padding: 6px 0; }
.gridstation-section .box .bottom-part .inner-wrap .inner-box .specs { width: 50%; padding-right: 30px; }
.gridstation-section .box .bottom-part .inner-wrap .inner-box .spec-details { width: 50%; }
.gridstation-section .box .bottom-part .inner-wrap h5{ font-weight: 500;}
.gridstation-section .box .top-part .top-inner .section-heading.normal-heading { margin-bottom: 0; padding-bottom: 10px;}


/* -------------------------------------------------- */
/* ================== Contact Page ================= */

.contact-hero-section { width: 100%; display: inline-block; vertical-align: top; padding: 106px 0 0; margin: 108px 0 0; }
.contact-hero-section .left-part { width: 50%; padding: 0 30px 0 0; padding-left: calc((100% - 1180px) / 2); }
.contact-hero-section .right-part { width: 50%; padding: 0 0 0 30px; text-align: right; position:relative; }
.contact-hero-section .wrap { display: flex; }
.contact-hero-section .left-part .top-grid { position: absolute; top: -118px; left: -12px; max-width: 325px; width: 100%; }
.contact-hero-section .left-part .top-grid svg { width: 100%; height: auto; }
.contact-hero-section .left-part .form-box { max-width: 546px; width: 100%; position: relative; z-index: 1; padding: 60px 75px; }
.contact-hero-section .left-part .form-box:before { content: ' '; top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: rgb(28 28 28 / 52%); z-index: -1; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.contact-hero-section .left-part .form-box .form-info-title h3 { font-size: 22px; }
.contact-hero-section .left-part .form-box .form-contact-info h3.form-title { font-size: 30px; }
.contact-hero-section .left-part .form-box .hs-form-field input { max-width: 100%; width: 100%; }
.contact-hero-section .left-part .form-box .legal-consent-container { color: #787878; font-size: 9px; line-height: 11px; }
.contact-hero-section .left-part .form-box .hs-submit{ padding: 5px 0 0;}
.contact-hero-section .right-part .img-box { width: 100%; display: inline-block; vertical-align: top; }
.contact-hero-section .right-part .img-box img { width: 100%; height: 485px !important; object-fit: cover; }
.contact-hero-section .right-part .left-grid { position: absolute; top: auto; bottom: -107px; left: -288px; z-index: -1; max-width: 414px; width: 100%; }
.contact-hero-section .right-part .left-grid svg { width: 100%; height: auto; }
.contact-hero-section .right-part .right-grid { position: absolute; max-width: 131px; width: 100%; left: auto; right: 1px; top: auto; bottom: 46px; }
.contact-hero-section .outer-cover { max-width: 2000px; width: 100%; margin: auto; }
.contact-hero-section .left-part .form-box .submitted-message { margin: 30px 0 0; }
.contact-hero-section .left-part .form-box span.hs-form-required { display: none;}

/* -- Contact Head Section -- */
.contact-head-section { width: 100%; display: inline-block; vertical-align: top; padding: 315px 0 249px; }
.contact-head-section .wrap { width: 100%; display: flex; align-items: center; }
.contact-head-section .left-part { width: 50%; padding: 0 20px 0 0; }
.contact-head-section .right-part { width: 50%; padding: 0 20px 0 0; }
.contact-head-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; }
.contact-head-section .left-part .top-grid { position: absolute; top: -310px; left: -26px; max-width: 272px; width: 100%; z-index: -1; }
.contact-head-section .left-part .img-box { width: 100%; display: inline-block; vertical-align: top; }
.contact-head-section .left-part .img-box img { width: 100%; height: 517px !important; object-fit: cover; }
.contact-head-section .left-part .bottom-grid { position: absolute; left: -75px; top: auto; bottom: -128px; max-width: 482px; width: 100%; z-index: -1; }
.contact-head-section .right-shape-grid { position: absolute; top: 40%; left: auto; right: 0; max-width: 136px; width: 100%; }
.contact-head-section .right-shape-grid svg { width: 100%; height: auto; }
.contact-head-section .left-part .bottom-grid svg { width: 100%; height: auto; }
.contact-head-section .left-part .top-grid svg { width: 100%; height: auto; }
.contact-head-section .right-part .contact-box { width: 100%; max-width: 485px; position: relative; z-index: 1; padding: 65px 115px 65px; transform: translateX(-45px); }
.contact-head-section .right-part .contact-box:before { content: ''; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgb(0 0 0 / 76%); z-index: -1; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.contact-head-section .right-part .contact-box .top-shape-grid { position: absolute; top: -27px; left: -47px; z-index: -11; max-width: 132px; width: 100%; }
.contact-head-section .right-part .contact-box .top-shape-grid svg { width: 100%; height: auto; }
.contact-head-section .right-part .section-content h2.h5 { line-height: 26px; padding-bottom: 10px; font-weight:700; }
.contact-head-section .right-part .head-contact li a { color: #fff; position: relative; }
.contact-head-section .right-part .head-contact li a:before { content: ' '; top: 0; left: -36px; width: 20px; height: 20px; position: absolute; background-image: url(https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Image/iconmonstr-phone-1.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.contact-head-section .right-part .head-contact li:nth-child(2) a:before{ background-image: url(https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Image/iconmonstr-email-1.svg); }
.contact-head-section .right-part .head-contact li:nth-child(3) a:before{ background-image: url(https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/Gridstore/Image/iconmonstr-location-1.svg); }
.contact-head-section .right-part .head-contact li { margin-bottom: 8px; }
.contact-head-section .right-part .head-contact ul { padding: 0 0 0 35px; margin-bottom: 0; }
.contact-head-section .right-part .head-contact li:last-child { margin: 0; }
.contact-head-section .right-part .head-contact li a:hover { color: #FF6666;}

/* --------------------------------------------------- */
/* ================== Thank You Page ================= */

.thankyou-hero-section { width: 100%; display: inline-block; vertical-align: top; margin: 110px 0 0;  }
.thankyou-hero-section .outer-wrap{padding: 281px 0 246px; max-width: 2000px; width: 100%; margin: auto;  position: relative;}
.thankyou-hero-section .wrap { max-width: 490px; width: 100%; margin: auto; display: flex; align-items: center; }
.thankyou-hero-section .left-part { width: 115px; }
.thankyou-hero-section .right-part { width: calc(100% - 115px); padding: 0 0 0 30px; }
.thankyou-hero-section .right-part h1 { font-size: 60px; line-height: 50px; }
.thankyou-hero-section .left-part .icon { width: 115px; height: 115px; }
.thankyou-hero-section .left-part .icon svg { width: 100%; height: auto; }
.thankyou-hero-section .right-part .section-heading p { margin: 0; }
.thankyou-hero-section .top-grid { position: absolute; top: 0; left: -28px; max-width: 295px; width: 100%; }
.thankyou-hero-section .top-grid svg { width: 100%; height: auto; }
.thankyou-hero-section .bottom-grid { position: absolute; top: auto; bottom: -30px; left: auto; right: 0; max-width: 122px; width: 100%; }
.thankyou-hero-section .bottom-grid svg { width: 100%; height: auto; }

/* --------------------------------------------------- */
/* ================== Impressum Page ================= */

.impressum-hero-section { width: 100%; display: inline-block; vertical-align: top;  }
.impressum-hero-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; position: relative; padding: 295px 0 175px;}
.impressum-hero-section .section-heading { max-width: 782px; width: 100%; margin: 0 auto; }
.impressum-hero-section .section-heading h1 { font-size: 45px; line-height: 1.134;color: #FF6666; padding-bottom: 7px;}
.impressum-hero-section .top-grid { position: absolute; max-width: 294px; width: 100%; top: 111px; left: -23px;}
.impressum-hero-section .top-grid svg,
.impressum-hero-section .bottom-grid svg { width: 100%; height: auto; }
.impressum-hero-section .bottom-grid { position: absolute; bottom: -77px; left: auto; right: 0px; max-width: 179px; width: 100%; z-index: 1; }

/* -- Impressum Details Section -- */
.impressum-detail-section { padding: 143px 0px 70px; }
.impressum-detail-section .box { padding-bottom: 30px; max-width: 980px; width: 100%; margin: 0 auto;}
.impressum-detail-section .box:last-child { padding-bottom: 0px;}


/* -------------------------------------------------- */
/* ================== Benefit Page ================= */

.benefit-tab-section.industry-tab-section .grid-cover .grid-raw:nth-child(2) .grid-box.gb1 { display: none; }
.benefit-tab-section.industry-tab-section .grid-cover .grid-raw:nth-child(2) .grid-box.gb7 { display: none; }
.benefit-tab-section.industry-tab-section .grid-cover .grid-raw .inner-grid-wrap { width: 100%; }
.benefit-tab-section.industry-tab-section .grid-cover .grid-raw .inner-grid-wrap .grid-box.gb2,
.benefit-tab-section.industry-tab-section .grid-cover .grid-raw .inner-grid-wrap .grid-box.gb6 { width: 13%; }
.benefit-tab-section.industry-tab-section .grid-cover .grid-raw .tab-list { width: 100%; }
.benefit-tab-section.industry-tab-section .grid-cover .grid-raw:first-child .grid-box.gb1,
.benefit-tab-section.industry-tab-section .grid-cover .grid-raw:last-child .grid-box.gb7 { width: 13.66%; }
.benefit-tab-section.industry-tab-section .tab-content .inner-cover { align-items: center;}
.benefit-tab-section.industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box { width: calc((100% - 27.32%) / 4);}
.benefit-tab-section.industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box.empty:first-child, .benefit-tab-section.industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box.empty:last-child { width: 13.66%;}


/* -------------------------------------------------- */
/* ================== Roboter Page ================= */

.roboter-hero-section { width: 100%; display: inline-block; vertical-align: top; padding: 61px 0px 151px; margin: 106px 0 0; overflow: hidden;}
.roboter-hero-section .wrap { display: flex; align-items: center; }
.roboter-hero-section .left-part { width: 50%; padding: 0 30px 0 0; padding-left: calc((100% - 1180px) / 2); }
.roboter-hero-section .right-part { width: 50%; padding: 0 0 0 30px; text-align: right; }
.roboter-hero-section .top-left-shape { position: absolute; top: -61px; left: -117px; z-index:1; max-width: 770px; width: 100%;}
.roboter-hero-section .top-left-shape svg { width: 100%; height: auto;}
.roboter-hero-section .right-part .img-box { width: 100%; display: inline-block; vertical-align: top; max-width: 880px;}
.roboter-hero-section .right-part .img-box img { width: 100%; height: 610px !important; object-fit: cover; }
.roboter-hero-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; position: relative; }
.roboter-hero-section .right-part .img-outer { width: 100%; display: inline-block; vertical-align: top; position: relative; }
.roboter-hero-section .right-part .img-outer .top-shape { position: absolute; top: -30px; left: -30px; max-width: 282px; width: 100%; z-index: -1; }
.roboter-hero-section .right-part .img-outer .bottom-shape { position: absolute; top: auto; bottom: -310px; left: auto; right: -60px; max-width: 680px; width: 100%; }
.roboter-hero-section .right-part .img-outer .bottom-shape svg { width: 100%; height: auto; }
.roboter-hero-section .right-part .img-outer .top-shape svg { width: 100%; height: auto; }
.roboter-hero-section .bottom-details {width: 100%; display: inline-block; vertical-align: top; padding: 221px 0px 0px 11%; }
.roboter-hero-section .bottom-details .details { max-width: 617px; width: 100%;}

/* -- Roboter Section -- */
.roboter-section { width: 100%; display: inline-block; vertical-align: top; overflow: hidden; padding: 10px 0 0; margin: 0 0 -92px;}
.roboter-section .robot-main { width: 100%; display: inline-block; vertical-align: top; position: relative; }
.roboter-section .robot-main .robot-grid { width: 2585px; left: -444px; position: relative; margin: -125px auto 0; z-index: -1;}
.roboter-section .robot-main .robot-grid svg { width: 100%; height: auto; }
/* .roboter-section .robot-main .robo-details-wrap { position: absolute; top: 64px; left: 0; right: 0; margin: auto; text-align: center; } */
.roboter-section .box { width: 100%; display: inline-block; vertical-align: top; margin: 0 0 92px; padding: 20px 0 0; position: relative;}
.roboter-section .box .section-heading { padding-left: 8.5%;}
.roboter-section .robot-main .robot-img { max-width: 620px; width: 100%; margin: auto; position: relative; }
.roboter-section .robot-main .robot-img img { width: 820px; }
.roboter-section .robot-main .robot-img .robo-detail { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%;  height: 100%;}
.roboter-section .robot-main .robot-img .robo-detail .hidden-details { opacity: 0; visibility: hidden;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; text-align: left; position: relative; top: -70px; z-index: 1; height:0; }
.roboter-section .robot-main .robot-img .robo-detail .robo-box:hover .hidden-details { height:auto; }
.roboter-section .robot-main .robot-img .robo-box { max-width: 381px; width: 100%; position: absolute; overflow: hidden; padding: 15px 0 0px;  height: 55px; }
.roboter-section .robot-main .robot-img .robo-box:hover { height: auto;}
.roboter-section .robot-main .robot-img .robo-box .visible-title h3 { font-size: 20px; line-height: 19px; color: #fff; font-weight: 400; text-align: left; position: relative; width: auto; display: inline-block; padding-right: 68px; margin: 0; text-align: right; }
.roboter-section .robot-main .robot-img .robo-box .visible-title h3:after { content: ' '; top: 50%; left: auto; right: 0; width: 48px; height: 48px; border: 1px solid #ff6666; display: inline-block; vertical-align: middle; border-radius: 50%; margin: 0 0 0 18px; /* backdrop-filter: blur(2px); background: #ffffff26; -webkit-backdrop-filter: blur(2px); */ position: absolute; transform: translateY(-50%); }
.roboter-section .robot-main .robot-img .robo-box.box_1 { left: -20px; top: 116px; }
.roboter-section .robot-main .robot-img .robo-box.box_2 {top: 334px; right: -71px; left: auto; }
.roboter-section .robot-main .robot-img .robo-box .visible-title { max-width: 326px; width: 100%; text-align: right; float: right;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
/* .roboter-section .robot-main .robot-img .robo-box.box_3 { top: 480px; left: -103px; }
.roboter-section .robot-main .robot-img .robo-box.box_4 { right: -28px; top: 525px; left: auto; max-width: 430px; } */
.roboter-section .robot-main .robot-img .robo-box:hover .hidden-details { opacity: 1; visibility: visible; }
.roboter-section .robot-main .robot-img .robo-box:hover .visible-title h3 span { opacity: 0; visibility: hidden; }
.roboter-section .robot-main .robot-img .robo-box .visible-title h3 span {  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
.roboter-section .robot-main .robot-img .robo-detail .hidden-details h4 { color: #fff; font-size: 20px; font-weight: 500; width: 100%; display: inline-block; vertical-align: top; padding: 25px 0 0; }
.roboter-section .robot-main .robot-img .robo-detail .hidden-details .inner-cover { max-width: 316px; width: 100%; font-size: 14px; line-height: 19px; }
.roboter-section .robot-main .robot-img .robo-detail .hidden-details:before { content: ' '; top: 82px; left: auto; width: 0; height: 1px; background: #FF6666; position: absolute; right: 48px; transition: 0.7s cubic-bezier(0.46, 0, 0, 1); }
.roboter-section .robot-main .robo-box:hover .robo-detail .hidden-details:before { width: 100%; }
.roboter-section .robot-main .robot-img .robo-box:hover .hidden-details:before { width: 100%; }

/* .roboter-section .robot-main .robot-img .robo-box:nth-child(even) .visible-title { text-align: left; float: left; }
.roboter-section .robot-main .robot-img .robo-box:nth-child(even) .visible-title h3:after { left: 0; }
.roboter-section .robot-main .robot-img .robo-box:nth-child(even) .visible-title h3 { padding: 0 0 0 83px; }
.roboter-section .robot-main .robot-img .robo-box:nth-child(even) .hidden-details { left: 88px; }
.roboter-section .robot-main .robot-img .robo-box:nth-child(even) .hidden-details:before { left: -22px; } */

.roboter-section .robot-main .robot-img .robo-detail .hidden-details .inner-cover p {margin: 0;}
/* .roboter-section .robot-main .robot-img .robo-box.box_4 .hidden-details .inner-cover { max-width: 430px; } */
.roboter-section .robot-main .robot-grid svg g#Roboter_1 rect#Rectangle_605 {stroke: transparent;}
.roboter-section .box-bottom-content { width: 100%; display: inline-block; vertical-align: top; margin: -30px 0 0; }
.roboter-section .box-bottom-content .detail-wrap { width: 100%; margin: -40px 0 0; padding: 55px 101px; display: inline-block; vertical-align: top; position: relative; z-index: 1; }
.roboter-section .box-bottom-content .content { max-width: 973px; width: 100%; margin: auto; }
.roboter-section .box-bottom-content .detail-wrap:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); background: #00000000; z-index: -2; }
.roboter-section .robote-spec-section .specification .details { position: relative; width: 100%; display: inline-block; vertical-align: top; padding: 21px 20px 21px; font-size: 13px; line-height: 26px; text-align: center; min-height: 69px;}
.roboter-section .robote-spec-section .specification .details:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #fff; z-index: -1;}
.roboter-section .robote-spec-section { width: 100%; display: inline-block; vertical-align: top; margin: -196px 0 0; }
.roboter-section .robote-spec-section .grid-box { border-right: 1px solid #ffffff42; width: calc((100% / 5) - 68px); border-top: 1px solid #ffffff42; min-height: 196px; }
.roboter-section .robote-spec-section .inside-wrap { display: flex; flex-wrap: wrap; }
.roboter-section .robote-spec-section .grid-box h4 { color: #FFFFFF; font-size: 13px; line-height: 19px; text-align: center; width: 100%; margin: 0; height: calc(100% - 69px); display: flex; justify-content: center; padding: 55px 20px 15px; }
.roboter-section .robote-spec-section .grid-box .spec-details { width: 100%; display: flex; height: 100%; flex-wrap: wrap; text-align: center; justify-content: center; }
.roboter-section .robote-spec-section .spec-group { width: 100%; display: flex; }
.roboter-section .robote-spec-section .spec-group .grid-box:first-child { width: 34px; }
.roboter-section .robote-spec-section .spec-group .grid-box:last-child { width: 34px; }
.roboter-section .robote-spec-section .spec-group:last-child .grid-box { border-bottom: 1px solid #ffffff42; }
.roboter-section .robote-spec-section .top-grid-box { width: 100%; display: flex; justify-content: flex-end; -webkit-justify-content: flex-end; }
.roboter-section .robote-spec-section .top-grid-box .grid-box:last-child { width: 34px; opacity: 1; }
.roboter-section .robote-spec-section .top-grid-box .grid-box:first-child { width: 34px; }
.roboter-section .robote-spec-section .top-grid-box .grid-box:nth-last-child(2) { border-top: 0; opacity: 1; }
.roboter-section .robote-spec-section .top-grid-box .grid-box { opacity: 0; }
.roboter-section .robote-spec-section .bottom-grid-box { width: 100%; display: flex; justify-content: flex-end; -webkit-justify-content: flex-end; }
.roboter-section .robote-spec-section .bottom-grid-box .grid-box { border-top: 0; border-bottom: 1px solid #ffffff42; opacity: 0; }
.roboter-section .robote-spec-section .bottom-grid-box .grid-box:first-child { opacity: 1; width: 38px; }
.roboter-section .box:nth-child(even) .robote-spec-section { margin: -160px 0 0;}
.roboter-section .mobile-details { display: none;}
.roboter-section .box_1 .robot-main .robot-img .robo-box:hover { backdrop-filter: blur(2px); background: #ffffff00; -webkit-backdrop-filter: blur(2px); z-index: 1;}
.roboter-section .box .side-grids { position: absolute; top: 0; left: 0; width: 100%; height: 43%; }
.roboter-section .box .side-grids .left-grid { max-width: 177px; width: 100%; position: absolute; left: -10px; top: 170px; }
.roboter-section .box .side-grids .right-grid { max-width: 345px; width: 100%; position: absolute; left: auto; right: -5px; top: auto; bottom: -282px; }
.roboter-section .box .side-grids svg { width: 100%; height: 100%; }
.roboter-section .box.box_2 .side-grids .right-grid { bottom: -164px;}

/* Roboter - Box1 */
.roboter-section .box_1 .robot-main { margin: 40px 0; height: 470px; }
.roboter-section .box_1 .robot-main .robot-img { max-width: 590px; }
.roboter-section .box_1 .robot-main .robot-img .robo-box.box_1 { left: auto; top: 40px; right: -87px; }
.roboter-section .box_1 .robot-main .robot-img .robo-box.box_2 { top: 85px; right: -163px; }
.roboter-section .box_1 .robot-main .robot-img .robo-box.box_3 { top: 106px; left: -288px; }
.roboter-section .box_1 .robot-main .robot-img .robo-box.box_4 { top: 288px; right: -146px; }
.roboter-section .box_1 .robot-main .robot-img .robo-box.box_5 { top: 312px; left: -171px; }
.roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title { text-align: left; float: left; }
.roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title h3:after, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title h3:after, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title h3:after { left: 0; }
.roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title h3, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title h3, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title h3 { padding: 0 0 0 83px; }
.roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .hidden-details, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .hidden-details, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .hidden-details{ left: 88px; }
.roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .hidden-details:before,  .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .hidden-details:before, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .hidden-details:before { left: -22px; }

/* Roboter - Box2 */
.roboter-section .box_2 .robot-main .robot-img .robo-box { max-width: 341px;}
.roboter-section .box_2 .robot-main .robot-img .robo-detail .hidden-details .inner-cover { max-width: 286px; }
.roboter-section .box_2 .robot-main .robot-img { max-width: 690px; margin: 40px auto; height: 540px; }
.roboter-section .box_2 .robot-main .robot-img img { width: 660px; transform: translateX(-30px); }
.roboter-section .box_2 .robot-main .robot-img .robo-box.box_1 { left: -98px; top: 52px; }
.roboter-section .box_2 .robot-main .robot-img .robo-box.box_2 { top: 181px; left: -36px; }
.roboter-section .box_2 .robot-main .robot-img .robo-box.box_3 { top: 307px; left: -77px; }
.roboter-section .box_2 .robot-main .robot-img .robo-box.box_4 { top: 361px; left: -107px; }
.roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 { top: 316px; left: auto; right: -81px; max-width: 385px; }
.roboter-section .box_2 .robot-main .robot-img .robo-box:hover { backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); background: #00000000; z-index: 111; }
.roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title { text-align: left; float: left; }
.roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3:after { left: 0; }
.roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3 { padding: 0 0 0 83px; }
.roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .hidden-details { left: 88px; }
.roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .hidden-details:before { left: -22px; } 

.roboter-section .box:nth-child(odd) .side-grids .left-grid svg.even-box { display: none; }
.roboter-section .box:nth-child(even) .side-grids .left-grid svg.odd-box { display: none; }
.roboter-section .box:nth-child(odd) .side-grids .right-grid svg.even-box { display: none; }
.roboter-section .box:nth-child(even) .side-grids .right-grid svg.odd-box { display: none; }

.roboter-section .box:nth-child(even) .side-grids .right-grid { max-width: 177px; width: 100%; position: absolute; left: auto; top: 10px; right: -10px; bottom: auto;}
.roboter-section .box:nth-child(even) .side-grids .left-grid { max-width: 345px; width: 100%; position: absolute; left: -20px; top: auto; bottom: 0;}




/* ------------------------------------------------ */
/* ================== About Page ================= */

.about-hero-section { padding: 216px 0px 100px; }
.about-hero-section .outer-wrap { max-width: 2000px; width: 100%; margin: auto; position: relative; }
.about-hero-section .wrap { display: flex; align-items: center; }
.about-hero-section .wrap .left-part { width: 50%; padding-left: calc((100% - 1191px) /2); }
.about-hero-section .wrap .right-part { width: 50%; text-align: right; padding: 0px 0px 0px 5px; }
.about-hero-section .wrap .section-image-wrapper { width: 100%; display: inline-block; position: relative; vertical-align: top; }
.about-hero-section .wrap .section-image-wrapper .img-box { max-width: 880px; width: 100%; float: right; }
.about-hero-section .wrap .section-image-wrapper .img-box img { width: 100%; object-fit: cover; /* height: 483px !important; */ }
.about-hero-section .wrap .left-part .top-shape { max-width: 543px; width: 100%; position: absolute; top: -144px; left: -80px; }
.about-hero-section .wrap .left-part .top-shape svg { width: 100%; height: auto; }
.about-hero-section .wrap .section-image-wrapper .top-grid { position: absolute; top: -57px; left: auto; right: 0; max-width: 201px; width: 100%; }
.about-hero-section .wrap .section-image-wrapper .top-grid svg { width: 100%; height: auto; }
.about-hero-section .wrap .section-image-wrapper .bottom-grid { position: absolute; top: auto; bottom: -176px; left: auto; right: 0px; max-width: 339px; width: 100%; z-index: -1; }
.about-hero-section .wrap .section-image-wrapper .bottom-grid svg { width: 100%; height: auto; }
.about-detail-section { padding: 25px 0px 102px; }
.about-detail-section .box { display: flex; padding: 57px 0px 70px 0px; }
.about-detail-section .box .left-part { width: 50%; text-align: right; position: relative; }
.about-detail-section .box .left-part .image-wrapper { max-width: 471px; width: 100%; float: right; }
.about-detail-section .box .left-part .image-wrapper img { height: 473px !important; object-fit: cover;}
.about-detail-section .box .right-part { width: 50%; padding: 85px 0px 50px; }
.about-detail-section .box .right-part .feedback-box { max-width: 485px; width: 100%; background: rgb(0 0 0 / 72%); transform: translateX(-91px); padding: 51px 73px 52px 70px; backdrop-filter: blur(34px); }
.about-detail-section .box .right-part .icon-box { display: inline-block; }
.about-detail-section .box .right-part .icon-box a { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 100px; margin-right: 8px; background-color: #fff; padding-top: 5px;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;}
.about-detail-section .box .right-part .icon-box svg {  height: 16px;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
;}
.about-detail-section .box .right-part .feedback-box .client-info p,
.about-detail-section .wrap .right-part .feedback-box .client-info h5 { margin: 0 0 11px; }
.about-detail-section .box .left-part .top-grid { max-width: 221px; width: 100%; position: absolute; top: 33px; left: auto; right: -170px; }
.about-detail-section .box .left-part .top-grid svg { width: 100%; height: auto; }
.about-detail-section .box .left-part .bottom-grid { max-width: 501px; width: 100%; position: absolute; top: auto; left: -122px; bottom: -80px; z-index: -1; }
.about-detail-section .box .left-part .bottom-grid svg { width: 100%; height: auto; }
.about-detail-section .box .right-part .icon-box:hover  a {background-color: #FF6666;}
.about-detail-section .box .right-part .icon-box:hover svg {fill:#fff;}


/* ------------------------------------------------------- */
/* ================== Serach Result Page ================= */

.search-result-section {  position: relative; overflow:hidden;}
.search-result-section .outer-wrap-cover { position: relative; max-width: 2000px; width: 100%; margin: auto;  padding: 164px 0px 86px;}
.search-result-section .systems-page.systems-page--search-results .hs-search-results ul.hs-search-results__listing li a { font-weight: 600; color: #33CCCC; text-decoration: underline;}
.search-result-section .systems-page.systems-page--search-results .hs-search-results ul.hs-search-results__listing li { padding-bottom: 8px;}
.search-result-section .systems-page { max-width: 980px; width: 100%; margin: 0 auto; backdrop-filter: blur(3px); background: #0D0D0D 0% 0%; padding: 52px 100px 62px 100px;}
.search-result-section .systems-page h1 { font-size: 45px; line-height: 1.32;  color: #33CCCC;}
.search-result-section .systems-page .result-search-cover { display: flex; flex-wrap: wrap;}
.search-result-section .systems-page .result-search-cover form { position: relative;}
.search-result-section .systems-page .result-search-cover form button { position: absolute; top: auto;left: auto; right: 0; bottom: 8px; font-size: 12px; padding: 10px 21px 11px 22px; background: transparent; color: #fff; border: 1px solid #fff; border-radius: 5px;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; cursor: pointer;}
.search-result-section .systems-page .result-search-cover form input { border-bottom: 1px solid #fff; color:#fff; padding-right: 100px; padding-bottom: 13px;}
.search-result-section .systems-page .result-search-cover form button:hover {background: #FF6666; border-color: #FF6666; color: #fff;}
.search-result-section .systems-page .result-search-cover .result-search-box { padding-bottom: 31px; width: 100%;order: 2;}
.search-result-section .systems-page .result-search-cover form input:focus { outline: none;}
.search-result-section .bottom-grid svg { width: 100%; height: auto;}
.search-result-section .top-grid svg { width: 100%; height: auto;}
.search-result-section .top-grid { max-width: 814px; width: 100%; top: 108px; left: -11px; position: absolute;}
.search-result-section .bottom-grid { max-width: 513px; width: 100%; position: absolute; top: auto; left: auto; bottom: -10px; right: -161px;}
.search-result-section .systems-page .result-search-cover #hs_cos_wrapper_search_results_content { width: 100%; order: 1;}
.search-result-section .systems-page .result-search-cover #hs_cos_wrapper_search_results { order: 3;}
.search-result-section .systems-page.systems-page--search-results .hs-search-results ul.hs-search-results__listing li p.hs-search-results__description { font-weight: 400;}


.body-wrapper .wow svg {opacity: 0;}
.body-wrapper .wow.animated svg { opacity: 1;}
.industry-tab-section .grid-cover .grid-raw .tab-list .icon img { max-width: 60px;}
.industry-tab-section.industry-tab .grid-box.current .icon img { filter: invert(50%) sepia(79%) saturate(3928%) hue-rotate(328deg) brightness(118%) contrast(101%); }
.home-service-section .cm-wrap:first-child .cm-box.lbox8, .home-service-section .cm-wrap:first-child .cm-box.lbox7{opacity: 0;}
.home-service-section .cm-wrap:first-child .cm-box.lbox1{opacity: 0;}
.industry-tab-section .grid-cover .grid-raw .grid-box.gb1, .industry-tab-section .grid-cover .grid-raw .grid-box.gb7{border-top: 2px solid #343434; border-right: 2px solid #343434;}
.industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box{border-right: 2px solid #343434;}
.industry-tab-section .grid-cover .grid-raw .tab-list ul .group:first-child .grid-box.empty:nth-child(2), 
.industry-tab-section .grid-cover .grid-raw .tab-list ul .group:first-child .grid-box.empty:nth-child(1), 
.industry-tab-section .grid-cover .grid-raw .tab-list ul .group:first-child .grid-box.empty:nth-last-child(2), 
.industry-tab-section .grid-cover .grid-raw .tab-list ul .group:first-child .grid-box.empty:nth-last-child(1) {border-top: 1px solid #343434;}
.industry-tab-section .grid-cover .grid-raw .tab-list ul .group{border-top: 1px solid #343434; border-bottom: 2px solid #343434;}
.industry-tab-section { margin-bottom: 265px; }
.industry-tab-section .grid-cover .grid-raw:last-child .grid-box.gb7 { height: 125px; border-bottom: 2px solid #343434; border-left: 1px solid #343434; }
.benefit-tab-section.industry-tab-section .grid-cover .grid-raw:last-child .grid-box.gb7{width: 13.72%;}
.home-service-section .inner-cover .main-box .icon img { max-width: 50px; }
.home-service-section .inner-cover .main-box .box-inner:hover .icon img{filter: brightness(0) invert(1);}
.hide-icons ul li a::before{ display: none; }
.contact-head-section .right-part .head-contact.hide-icons ul {padding: 0 0 0 0px;}
.hide-social-icons{display: none;}



/* ------------------------------------------------------- */
/* ================== Roboter Slider Section ================= */
.roboter-slider-section .robot-main .robot-grid {position: absolute;}
.roboter-slider-section .robot-main .robot-img img {width: auto; transform: translateX(-50px);}
.roboter-slider-section .box_2 .robot-main .robot-img { max-width: 490px; margin: 40px 0; height: 560px; }
.roboter-slider-section .box_1 .robot-main {height: auto;}
.roboter-slider-section .box_1 .robot-main .robot-img { max-width: 575px; margin: 140px 0 0; }
.roboter-slider-section .robo-detail { background-color: rgba(13, 13, 13, 56%); padding: 100px 0; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.roboter-slider-section .robot-slider-div { display: flex; justify-content: space-between; }
.roboter-slider-section .robot-img-desc { max-width: 570px; padding-top: 140px; }
.roboter-slider-section .robot-main .robot-img .robo-box:hover .visible-title h3 span { opacity: 1; visibility: visible; }
.roboter-slider-section .robot-main .robot-img .robo-box { max-width: unset; width: auto; overflow: unset; height: auto;}
.roboter-slider-section .robo-detail-slider .robo-box {padding: 0 110px;}
.roboter-slider-section .robot-main .robot-img .robo-box .visible-title { max-width: unset; float: none; text-align: left;}
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box .visible-title { max-width: unset; float: none; text-align: right;}
.roboter-slider-section .box_1 .robot-main .robot-img .robo-box:hover, 
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box:hover { backdrop-filter: unset; background: transparent; -webkit-backdrop-filter: unset; z-index: 1; }
.roboter-slider-section .robot-img-desc .hidden-details h4 {font-size: 20px; margin-bottom: 10px; }
.roboter-slider-section .robot-img-desc .hidden-details .content p {font-size: 16px; margin-bottom: 10px; }
.roboter-slider-section .robot-img-desc .hidden-details .content {margin-bottom: 30px;}
.roboter-slider-section .box.box_2 .robot-slider-div {flex-direction: row-reverse;}
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box .visible-title h3:after,
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3:after { left: auto; right: 0; margin: 0 0 0 18px; }
/* .roboter-slider-section .box_2 .robot-card ul.slick-dots li {pointer-events: none;} */
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box .visible-title h3,
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3{ padding-right: 65px; padding-left: 0; word-break: break-all;}
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box.current .visible-title h3:after {background-color: rgba(51,204,204,0.3);}
.roboter-slider-section .box_1 .robot-main .robot-img .robo-box.current .visible-title h3:after {background-color: rgba(255,102,102,0.3);}

.roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_3 .visible-title h3:after,
.roboter-slider-section .box_1 .robot-main .robot-img .visible-title h3:after { left: 0; right: auto; margin: 0 18px 0 0; }
.roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_3 .visible-title h3,
.roboter-slider-section .box_1 .robot-main .robot-img .visible-title h3 { padding-right: 0; padding-left: 65px; word-break: break-all;}

.roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 .visible-title h3:after,
.roboter-slider-section .box_2 .robot-main .robot-img .visible-title h3:after { left: 0; right: auto; margin: 0 18px 0 0; }
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 .visible-title h3,
.roboter-slider-section .box_2 .robot-main .robot-img .visible-title h3 { padding-right: 0; padding-left: 65px; word-break: break-all;}

.roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title h3, 
.roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title h3, 
.roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title h3 {padding: 0 0 0 65px;}

.roboter-slider-section .box-bottom-content .detail-wrap {margin: 20px 0 0;}
.roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_1 { left: auto; right: -29px; top: 35px;}
.roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_2 { top: 78px; right: -128px;}
.roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_3 {top: 80px; left: -6px;}
.roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_4 {top: 248px; right: -156px;}
.roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_5 {top: 300px; left: 110px;}

.roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title {text-align: right; float: none;}
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_1 { left: -270px; top: 66px; }
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_2 { top: 210px; left: -225px;}
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 {top: auto; left: auto; bottom: 150px; right: -62px;}
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_4 {top: auto; left: -240px; bottom: 170px;}
.roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 {top: auto; left: -270px; bottom: 90px;}
.robot-box-slider {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.header .header-section .mainmenu .hs-menu-wrapper .search-icon {display: none;}
.simple-content-section .btn-wrap {max-width: 759px; margin: 0 auto; width: 100%;}
.industry-content-section .section-heading + .btn-wrap {max-width: 759px; margin: 0 auto; width: 100%;}
.robote-spec-section.empty_table {display: none;}
.roboter-slider-section .outer-wrap {max-width: 2000px; margin: 0 auto; width: 100%;}
.industry-content-section {padding: 75px 0 60px;}
.simple-content-section {padding: 70px 0 70px;}
.system-store-section {padding-top: 50px;}
.roboter-slider-section .box .side-grids {max-width: 1440px; margin: 0 auto; right: 0;}
 

/* .header .header-section .center-part, 
.header .header-section .right-part, 
.footer-section .footer-menu {display: none;}
.header .header-section .left-part .logo a{pointer-events: none;} */

.details ul, .content ul { list-style: inherit;}
.details ul li, .details ol li, .content ul li, .content ol li {font-weight: 400;}
.details ol, .content ol {list-style: auto;}







@media (min-width:2000px) {
    .roboter-section .robot-main .robot-grid {left: -300px;}
    .roboter-hero-section {padding: 61px 0px 281px;}
}

@media (max-width:1600px) {
    .system-hero-section .right-shape{ left: -210px; width: 1675px;}
    .system-hero-section .right-part .hero-img{ left: -144px; top: 10px;}
    .simple-content-section { margin: -162px 0 0;}
    .home-zigzag-section .top-left-grid { top: -225px;}
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box .img-inner:after { width: 28.1%; }
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box .img-inner:before { left: 28.1%; }
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box { width: 72.4%; }
    .system-store-section .col-wrap .col-box:first-child .box-cover .details { width: calc(100% - 47.8%); }
    .system-store-section .col-wrap .col-box:first-child .box-cover { width: calc(100% - 20.33%); }
    .system-store-section .col-wrap .col-box .grid-box:first-child, .system-store-section .col-wrap .col-box .grid-box:last-child {width: 13%;}
    .system-store-section .grid-top .grid-box:first-child, .system-store-section .grid-top .grid-box:last-child {width: 13%;}
    .system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-top .grid-odd { top: -166px; left: -56px;}
    .system-two-col-section .box { margin-bottom: 299px;}
    .system-img-content-section .box:nth-child(odd) .top-grids .odd-top { right: 38px;}
    .system-img-content-section .box .img-wrap img { width: 100%; }
    .system-img-content-section .box .right-part { padding: 0; }
    .system-img-content-section .box:nth-child(even) .right-part { padding: 0; }
    .system-img-content-section .box:nth-child(even) .bottom-grids .even-bottom { bottom: -70px; }
    .system-img-content-section .box { margin: 270px 0 96px; }
    .system-store-section .section-heading{padding-left: 0;max-width: 760px;}
    /*     .system-combine-section .inner-wrap img { height: 477px !important;} */
    .industry-hero-section .top-left-shape { left: -129px; top: -71px;}
    /*     .industry-hero-section .right-part .img-box img { height: 481px !important;} */
    .job-hero-section .left-part .top-shape { top: -107px; left: -76px; }
    .job-hero-section .right-part .img-box img { height: 483px !important; }
    .job-hero-section .left-part .bottom-shape { left: -156px; top: 47%; }
/*     .gridstation-section .box .top-part .top-inner .img-box img { height: 551px !important; } */
    .contact-hero-section .left-part .top-grid { left: -28px; }
    .contact-hero-section .right-part { padding: 0 0 0 7px; }
    .contact-hero-section .right-part .img-box img { height: 483px !important; }
    .contact-hero-section .left-part .form-box .form-contact-info h3.form-title { padding-bottom: 5px; }
    .contact-hero-section .right-part .left-grid { left: -286px; }
    .contact-head-section .left-part { padding: 0 21px 0 0; width: 52%; }
    .contact-head-section .right-part { width: 48%; }
    .contact-head-section .right-part .contact-box .top-shape-grid { left: -46px; }
    .industry-hero-section .right-part .img-outer { max-width: 672px;}
    .roboter-hero-section .right-part .img-box img { height: 483px !important; }
    .roboter-hero-section .right-part { padding: 0 0 0 7px; }
    .roboter-hero-section .right-part .img-outer .bottom-shape { max-width: 641px; bottom: -296px;}
    .roboter-hero-section .top-left-shape {max-width: 723px; left: -182px; }
    .roboter-hero-section .bottom-details { padding: 270px 0px 0px 0px; }
    .roboter-hero-section .bottom-details .details { max-width: 720px; padding-left: 9%; }
    .roboter-hero-section { overflow: hidden; padding: 61px 0px 170px; }
    .about-hero-section .wrap .left-part .section-heading h1 { font-size: 70px; }
    .search-result-section .top-grid { max-width: 592px; left: -106px;}
    .benefit-tab-section.industry-tab-section .tab-content .inner-cover {  max-width: 920px; width: 100%; margin: auto;}
    .home-video-section .video-cover .shape-left { left: -40px;}
    .home-video-section .video-cover .shape-right { right: -60px;}

    /*     .roboter-section .robot-main .robot-grid { width: 2457px; left: -492px; }
    .roboter-section .robot-main .robot-img { max-width: 630px; }
    .roboter-section .robot-main .robot-img img { width: 630px; }
    .roboter-section .robot-main .robot-img .robo-box.box_1 { left: -99px; top: 86px; }
    .roboter-section .robot-main .robot-img .robo-box.box_2 { top: 254px; right: -124px; }
    .roboter-section .robot-main .robot-img .robo-box.box_3 { top: 363px; left: -157px; }
    .roboter-section .robot-main .robot-img .robo-box.box_4 { right: -119px; top: 406px; }
    .roboter-section .box-bottom-content .detail-wrap{margin: -110px 0 0;} */
    .system-img-content-section .box:nth-child(odd) .top-grids svg { width: calc(100% + 40px);}
    .roboter-section .box .side-grids .left-grid { left: -30px; width: 100%;}


}

@media (max-width:1430px) {
    h1, .h1 { font-size: 55px; }
    h2, .h2 { font-size: 50px;}
    h3, .h3 { font-size: 38px; }
    .header .header-section .container {max-width: 1130px;}
    .header .header-section .mainmenu .hs-menu-wrapper>ul>li { padding: 12px 11px; }
    .header .header-section .mainmenu .hs-menu-wrapper>ul>li>a { font-size: 14px; }
    .header .header-section .right-part .search-icon:hover .header-search-box { width: 145px; }
    .header .header-section .center-part .mainmenu ul { text-align: left;}
    .home-hero-section .top-shape { max-width: 340px; top: 110px; left: -47px; }
    .home-hero-section .btm-shape { max-width: 300px; bottom: -158px; }
    .home-hero-section .outer-wrap { padding: 246px 0 122px; }
    .home-hero-section .section-heading { max-width: 360px; }
    .home-video-section .video-box { height: auto; }
    .home-video-section .video-cover .shape-left { max-width: 313px; top: -193px; }
    .home-video-section .video-cover .shape-right { max-width: 341px; bottom: -122px; right: -30px;}
    .home-video-section .bottom-content { padding: 110px 0 0; }
    .home-video-section .top-content { padding: 0 0 101px; }
    .home-video-section { padding: 110px 0 125px; }
    .home-service-section .cm-box { height: 170px; }
    .home-service-section .inner-cover .main-box .box-inner { height: 345px; }
    .home-service-section .wrap { margin: -120px 0 0; }
    .home-testimonial-section .testimonial-slider h3 { line-height: 44px; }
    .home-testimonial-section .testimonial-slider .in-cover { padding: 80px 0 0; }
    .home-testimonial-section { margin: -101px 0 0; }
    .home-testimonial-section .shape-img { max-width: 430px; }
    .system-hero-section .left-part { padding-left: calc((100% - 1070px) / 2); }
    .system-hero-section .right-shape { width: 1519px; }
/*     .system-hero-section .right-part .hero-img { max-width: 590px; top: 100px; left: -96px; } */
    .system-hero-section .right-part .hero-img { max-width: 730px; top: 60px; left: -96px; }
    .system-store-section .col-wrap .col-box .box-cover .details.grid-box .details-inner p { font-size: 14px;}
    .system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-bottom .grid-odd { max-width: 561px; }
    .system-two-col-section .box .right-part { padding: 0px 40px 0px 91px; }
    .simple-content-section { padding: 0 0 30px; }
    .system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-top .grid-odd svg { width: 100%; }
    .system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-top .grid-odd { max-width: 269px; top: -177px; }
    .system-two-col-section { padding: 180px 0 290px; }
    .system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-top .grid-even { max-width: 269px; top: -177px; }
    .system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-top .grid-even svg { width: 100%; }
    .system-two-col-section .box { margin-bottom: 260px; }
    .system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-bottom .grid-even { max-width: 580px; bottom: -152px; }
    .system-two-col-section .box:nth-child(even) .right-part .details { padding: 0px 0 0; }
    .system-two-col-section { padding: 180px 0 210px; }
    .system-combine-section { padding: 82px 0 30px; }
    .system-img-content-section .box .left-part { padding-left: calc((100% - 1070px) / 2); padding-top: 20px;}
    .system-img-content-section .box:nth-child(odd) .top-grids svg { width: 100%; }
    .system-img-content-section .box:nth-child(odd) .top-grids .odd-top { right: -2px; top: -138px; max-width: 680px; }
    .system-img-content-section .box:nth-child(even) .left-part { padding-right: calc((100% - 1070px) / 2); }
    .system-img-content-section .box:nth-child(even) .top-grids .even-top { max-width: 270px; top: -150px; }
    .system-img-content-section .box:nth-child(even) .top-grids .even-top svg { width: 100%; height: auto; }
    .system-img-content-section .box:nth-child(even) .bottom-grids .even-bottom { bottom: -68px; }
    .system-img-content-section { padding-bottom: 50px; }
    .system-combine-section .top-grid { max-width: 360px; margin: 0 0 -55px; }
    .system-combine-section .top-grid svg { width: 100%; height: auto; }
    .system-combine-section .content-cover .details-box .grid-shape-left { left: -160px; top: -68px; z-index: -11; max-width: 460px;}
    .system-img-content-section .box{ margin: 220px 0 96px;}
    .industry-hero-section .top-left-shape { left: -160px;}
    .industry-hero-section .left-part { padding-left: calc((100% - 1070px) / 2);}
    .job-hero-section .left-part { padding-left: calc((100% - 1070px) / 2); }
    .job-hero-section .left-part .bottom-shape { top: 41%; max-width: 341px;  left: -144px; }
    .job-hero-section .right-part .img-box img { height: 400px !important; }
    .job-hero-section .left-part .top-shape { max-width: 427px; top: -106px; left: -70px; }
    .job-hero-section .right-part .bottom-grid { max-width: 426px; bottom: -214px; }
    .job-hero-section .right-part .top-grid { max-width: 175px; top: -49px; }
    .gridstation-section .box .top-part .top-inner .section-heading { margin-bottom: -36px; }
    .gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box .left-grid { max-width: 370px; width: 100%; left: -170px; bottom: -147px; }
    .gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box .right-grid { max-width: 251px; right: -145px; top: 40px;}
    .gridstation-section .box:nth-child(odd) .center-part .center-grid .center-odd { max-width: 171px; right: -71px; }
    .gridstation-section .box { margin-bottom: 90px; }
    .gridstation-section .box:nth-child(even) .top-part .box-grids .even-box .left-grid { top: 111px; left: -143px;max-width: 251px;}
    .gridstation-section .box:nth-child(even) .top-part .box-grids .even-box .right-grid { right: -162px;  bottom: -142px; max-width: 370px;width: 100%; }
    .gridstation-section .box:nth-child(even) .center-part .center-grid .center-even { top: 40px; left: -71px; max-width: 171px;}
    .contact-hero-section .left-part { padding-left: calc((100% - 1070px) / 2); }
    .contact-hero-section .left-part .form-box { padding: 60px 65px; }
    .contact-hero-section { padding: 75px 0 0; }
    .contact-head-section { padding: 275px 0 249px; }
    .contact-head-section .right-part .contact-box { padding: 65px 95px 65px; }
    .contact-head-section { padding: 275px 0 160px; }
    .contact-head-section .right-shape-grid { max-width: 126px; top: 38%; }
    .contact-head-section .left-part .bottom-grid { max-width: 423px; bottom: -125px;}
    .contact-head-section .left-part .top-grid { max-width: 230px; top: -270px; left: -22px; }
    .contact-hero-section .right-part .left-grid { max-width: 415px; left: -246px; bottom: -105px; }
    .contact-hero-section .left-part .top-grid { max-width: 298px; top: -109px;}
    .home-zigzag-section .top-left-grid { max-width: 205px; top: -225px; }
    .home-zigzag-section .box .right-part .img-wrap .bottom-grid { bottom: -32px; max-width: 321px; left: -140px; }
    .home-zigzag-section .box .right-part .img-wrap .bottom-grid svg { width: 100%; height: auto; }
    .home-zigzag-section .box .right-part .img-wrap .top-grid { max-width: 85px; right: -40px; top: -22px; }
    .home-zigzag-section .box { margin: 0 0 151px; }
    .home-zigzag-section .box:nth-child(even) .right-part .img-wrap .top-grid { left: -40px; }
    .home-zigzag-section .box:nth-child(even) .right-part .img-wrap .bottom-grid { right: -117px; }
    .thankyou-hero-section .outer-wrap{ padding: 211px 0 206px; }
    .thankyou-hero-section .right-part h1 { font-size: 50px; }
    .thankyou-hero-section .left-part .icon { width: 95px; height: 95px; }
    .thankyou-hero-section .left-part { width: 95px; }
    .thankyou-hero-section .right-part { width: calc(100% - 95px); }
    .impressum-hero-section .top-grid { max-width: 220px; }
    .impressum-hero-section .bottom-grid { max-width: 137px; bottom: -67px; }
    .industry-tab-section .tab-content .inner-cover { max-width: 1000px; width: 100%; margin: auto;}
    .roboter-hero-section .left-part { padding-left: calc((100% - 1070px) / 2); }
    .roboter-hero-section .right-part .img-box img { height: 400px !important; }
    .roboter-hero-section .bottom-details { padding: 250px 0px 0px 0px; }
    .roboter-section .box-bottom-content { margin: 0; }
    .roboter-hero-section .top-left-shape { max-width: 580px; }
    .roboter-hero-section .right-part .img-outer .bottom-shape { max-width: 535px; bottom: -243px; }
    .roboter-hero-section { padding: 62px 0px 70px; }
    .roboter-section .box { padding: 40px 0 0; }
    .roboter-section .box .section-heading { padding-left: 14.5%; }
    .roboter-section .robote-spec-section .bottom-grid-box { display: none; }
    .roboter-section .robote-spec-section .grid-box h4 { padding: 50px 20px 15px; height: calc(100% - 70px);}
    .roboter-section .robote-spec-section .grid-box { overflow: hidden; }
    .roboter-section .robote-spec-section .specification .details { display: flex; align-items: center; justify-content: center; min-height: 70px; padding: 10px 15px 10px; font-size: 13px; line-height: 20px; }
    .roboter-section { margin: 0 0 -40px; }
    .about-hero-section .wrap .left-part { padding-left: calc((100% - 1070px) /2); }
    .about-hero-section .wrap .left-part .section-heading h1 { font-size: 60px; }
    .about-hero-section .wrap .left-part .top-shape { max-width: 409px; left: -33px; }
    .about-detail-section .box .left-part .top-grid { max-width: 191px; right: -134px; }
    .about-detail-section .box .left-part .bottom-grid { max-width: 385px; left: -112px; bottom: -41px; }
    /*     .about-hero-section .wrap .section-image-wrapper .img-box img { height: 500px !important; } */
    .about-hero-section .wrap .section-image-wrapper .top-grid { max-width: 160px; top: -43px; }
    .about-hero-section .wrap .section-image-wrapper .bottom-grid { max-width: 254px; bottom: -136px; }
    .benefit-tab-section.industry-tab-section .tab-content .inner-cover { max-width: 810px;}
    .roboter-section .robot-main .robot-img { max-width: 750px; text-align:center; }
    .roboter-section .robot-main .robot-img .robo-box.box_1 { left: -41px; top: 71px; }
    .roboter-section .robot-main .robot-img .robo-box.box_2 { top: 216px; right: -51px; }
    .roboter-section .robot-main .robot-img .robo-box.box_3 { top: 316px; left: -80px; }
    .roboter-section .robot-main .robot-img .robo-box.box_4 { right: -55px; top: 352px; }
    .roboter-section .robot-main .robot-grid { width: 2040px; left: -445px; }
    .roboter-section .robot-main .robo-details-wrap{top: 24px;}
    .roboter-section .box-bottom-content .detail-wrap { margin: -90px 0 0;}
    .system-combine-section .content-cover .details-box .grid-shape-right { max-width: 395px; right: -145px;}
    .roboter-section .box .side-grids .left-grid { left: -4px; max-width: 139px; top: 110px; }
    .roboter-section .box:nth-child(even) .side-grids .right-grid { right: 0; max-width: 139px; top: 30px;}
    .roboter-section .box .side-grids .right-grid { max-width: 277px; right: -40px; bottom: -185px; }
    .roboter-section .box:nth-child(even) .side-grids .left-grid { max-width: 277px; bottom: -15px;}
    .roboter-section .robot-main .robot-img .robo-detail .hidden-details .inner-cover { max-width: 246px;}
    .roboter-section .robot-main .robot-img .robo-box { max-width: 341px;}

    .roboter-section .box.box_1 .robot-main .robot-img img { width: 551px;}
    .roboter-section .box.box_1 .robot-main .robo-box.box_1 { top: 35px; left: auto; right: -45px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_2 { right: -117px; top: 81px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_3 { left: -232px; top: 97px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_4 { right: -102px; top: 265px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_5 { left: -121px; top: 290px; }

    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_1 { left: -82px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_3 { left: -65px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_4 { left: -91px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 { right: -103px; }

    /*     ---- new robort css ---- */
    .roboter-slider-section .robot-img-desc { max-width: 450px; padding-top: 90px;}
    .roboter-slider-section .robo-detail {padding: 70px 0;}
    .roboter-slider-section .robo-detail-slider .robo-box {padding: 0 50px;}
    .roboter-slider-section .robot-img-desc .hidden-details .content {margin-bottom: 20px;}
    .roboter-slider-section .box_2 .robot-main .robot-img img { width: auto; transform: translateX(-80px); }
    .roboter-slider-section .box_2 .robot-main .robot-img {max-width: 380px; margin: 20px 0 0; height: 420px;}
    .roboter-slider-section .box-bottom-content .detail-wrap { margin: 0px 0 0;}
    .roboter-slider-section .robot-main .robot-img .robo-box .visible-title h3 {padding-left: 55px; font-size: 16px;}
    .roboter-slider-section .robot-main .robot-img .robo-box .visible-title h3:after {margin: 0 10px 0 0; width: 42px; height: 42px;}
    
    .roboter-slider-section .box_1 .robot-main .robot-img { max-width: 520px; margin: 80px 0 0;}
    .roboter-slider-section .box_1 .robot-main .robot-img img {width: auto; transform: translateX(0px);}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_1 {left: auto; top: 30px; right: -105px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_2 {top: 67px; right: -197px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_3 {top: 70px; left: 40px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_4 {top: 218px; right: -224px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_5 {top: 270px; left: 143px;}
    
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_1 {left: -335px; top: 42px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_2 {top: 150px; left: -305px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 {top: auto; left: auto; bottom: 100px; right: -9px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_4 {top: auto; left: -320px; bottom: 113px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 {top: auto; left: -343px; bottom: 50px;}
    
    
    
    

}

@media (max-width:1199px) {
    h1, .h1 {font-size: 50px; }
    h2, .h2 {font-size: 40px;}
    h3, .h3 { font-size: 32px; }
    .header .header-section .container { max-width: 950px;}
    .header .header-section .left-part { width: 15%;}
    .header .header-section .center-part { width: 55%;}
    .header .header-section .right-part {  width: 30%;}
    .header .header-section .right-part .search-icon:hover .header-search-box { width: 130px;}
    .home-hero-section .section-heading { max-width: 350px;}
    .home-service-section .inner-cover .main-box { width: calc(100% / 3); }
    .home-service-section .inner-cover { flex-wrap: wrap; }
    .home-service-section .cm-box.lbox2,
    .home-service-section .cm-box.lbox4,
    .home-service-section .cm-box.lbox6 { border-right: 0; }
    .home-service-section .cm-wrap.col5 .cm-box.lbox5 { border-right: 1px solid #fff; }
    .home-service-section .cm-wrap.col6 .cm-box.lbox6 { border-top: 1px solid #fff; }
/*     .home-video-section .video-box {height: 430px;} */
    .home-video-section .video-cover .shape-left { top: -154px;}
    .home-testimonial-section .testimonial-slider { max-width: 625px; }
    .home-testimonial-section .shape-img { max-width: 342px; }
    .system-hero-section .left-part { padding-left: calc((100% - 920px) / 2);}
    .system-hero-section .top-shape { left: -10px; max-width: 253px;}
    .system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-top .grid-odd svg { width: 100%; height: auto; }
    .system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-top .grid-odd { max-width: 240px; top: -157px;}
    .system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-top .grid-even { top: -157px;  max-width: 240px}
    .system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-top .grid-even svg { width: 100%; height: auto; }
    .system-two-col-section { padding: 160px 0 290px; }
    .simple-content-section { padding: 0 0 40px; }
    .system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-bottom .grid-odd { max-width: 480px; left: -22px; bottom: -81px; }
    .system-two-col-section .box { margin-bottom: 233px; }
    .system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-bottom .grid-even { max-width: 470px; right: -22px; bottom: -117px;}
    .system-two-col-section .box:nth-child(even) .right-part .details { padding: 30px 0 0; }
    .system-two-col-section { padding: 160px 0 190px; }
    .system-two-col-section .box .left-part { padding: 0 60px 0 0; }
    .system-two-col-section .box:nth-child(even) .left-part { padding: 0 0px 0 60px; }
    .system-store-section .section-heading { margin-bottom: -215px;}
    .system-combine-section .content-cover .details-box .grid-shape-right { max-width: 320px; right: -100px; top: -55px;}
    .system-combine-section .content-cover .details-box .grid-shape-right svg { width: 100%; height: auto; }
    .system-combine-section .content-cover .details-box .grid-shape-left { max-width: 363px; top: -26px; left: -110px; }
    .system-two-col-section .box:nth-child(even) .right-part { padding-left: 50px; padding-right: 40px; }
    .system-two-col-section .box .right-part { padding: 0px 50px 0px 30px; }
    .system-two-col-section .box .left-part { padding: 0 30px 0 0; }
    .simple-content-section { margin: -190px 0 0; }
    .system-store-section .col-wrap .col-box .box-cover .details.grid-box .details-inner p { line-height: 21px; font-size: 13px; }
    .system-store-section .col-wrap .col-box .box-cover .details.grid-box .details-inner { padding: 20px; }
    /*     .system-combine-section .inner-wrap img { height: 345px !important; } */
    .system-combine-section .content-cover .details-box { padding: 40px 20px; }
    .system-combine-section .content-cover .details-box .content-box { max-width: 700px; }
    .system-combine-section .top-grid { max-width: 311px; margin: 0 0 -44px;}
    .system-combine-section { padding: 50px 0 40px; }
    .system-img-content-section .box .left-part { padding-left: 50px; }
    .system-img-content-section .box:nth-child(odd) .top-grids .odd-top { top: -123px;  max-width: 547px;}
    .system-img-content-section .box:nth-child(even) .top-grids .even-top {max-width: 247px; top: -68px;}
    .system-img-content-section .box { margin: 170px 0 96px; }
    .system-img-content-section .box:nth-child(even) .left-part { padding-right: 50px; padding-left: 60px; }
    .system-img-content-section .box:nth-child(even) .bottom-grids .even-bottom { max-width: 580px;bottom: -52px; }
    .system-img-content-section { padding-bottom: 20px; }
    .industry-hero-section .left-part { padding-left: calc((100% - 890px) / 2); }
    .industry-hero-section .top-left-shape { max-width: 560px; left: -120px; top: -171px;}
    .industry-hero-section .top-left-shape svg { width: 100%; height: auto; }
    .industry-content-section { padding: 10px 0 70px; }
    .industry-hero-section .right-part .img-outer .bottom-shape { max-width: 431px; bottom: -194px; }
    .industry-hero-section .right-part .img-outer .top-shape { max-width: 252px; }
    .job-hero-section .left-part { padding-left: calc((100% - 900px) / 2); }
    .job-hero-section .left-part .top-shape { max-width: 368px; top: -107px; left: -53px; }
    .job-hero-section .right-part .img-box img { height: 320px !important; }
    .job-hero-section .right-part .top-grid { max-width: 150px; top: -41px; }
    .job-hero-section .right-part .bottom-grid { max-width: 383px;  bottom: -190px; }
    .job-hero-section .left-part .bottom-shape { max-width: 306px; top: 37%; left: -130px; }
    .job-hero-section .bottom-content .details { max-width: 645px; }
    .job-hero-section { padding: 105px 0px 90px; }
/*     .gridstation-section .box .top-part .top-inner .img-box img { height:511px !important; } */
    .gridstation-section .box .top-part .top-inner .section-heading { margin-bottom: -32px; padding-left: 30px; }
    .gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box .left-grid { max-width: 319px;left: -116px; bottom: -106px; }
    .gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box .right-grid { max-width: 233px; right: -132px; }
    .gridstation-section .box .top-part { margin-bottom: 125px; }
    .gridstation-section .box .center-part .details { max-width: 810px; }
    .gridstation-section .box:nth-child(odd) .center-part .center-grid .center-odd { max-width: 161px; right: -63px; }
    .job-hero-section .bottom-content { padding: 140px 0 0; }
    .gridstation-section .box { margin-bottom: 40px; }
    .gridstation-section .box:nth-child(even) .center-part .center-grid .center-even { left: -63px; max-width: 161px;top: 10px; }
    .gridstation-section .box:nth-child(even) .top-part .box-grids .even-box .left-grid { left: -132px;  max-width: 233px;}
    .gridstation-section .box:nth-child(even) .top-part .box-grids .even-box .right-grid { bottom: -106px; max-width: 319px; right: -116px; }
    .gridstation-section {padding: 0 0 25px;}
    .contact-hero-section .left-part { padding-left: calc((100% - 920px) / 2); }
    .contact-hero-section .left-part .form-box { padding: 50px 45px; }
    .contact-hero-section .right-part .img-box img { height: 476px !important; }
    .contact-head-section { padding: 245px 0 130px; }
    .contact-head-section .right-part .contact-box { padding: 65px 75px 65px; }
    .home-zigzag-section .top-left-grid { max-width: 165px; top: -225px; }
    .home-zigzag-section .box .right-part .img-wrap .bottom-grid { max-width: 240px; left: -105px; }
    .home-zigzag-section .box .right-part .img-wrap .top-grid { max-width: 70px; right: -25px; }
    .home-zigzag-section .box:nth-child(even) .right-part .img-wrap .top-grid { left: -25px; }
    .home-zigzag-section .box:nth-child(even) .right-part .img-wrap .bottom-grid { right: -87px; }
    .home-zigzag-section { padding: 55px 0px 175px; }
    .thankyou-hero-section .top-grid { max-width: 225px; }
    .thankyou-hero-section .bottom-grid { max-width: 92px; }
    .thankyou-hero-section .outer-wrap{ padding: 161px 0 146px; }
    .industry-tab-section { padding: 88px 0px 0px; }
    .industry-tab-section .tab-content .inner-cover { max-width: 780px; width: 100%; margin: auto; }
    .industry-tab-section .tab-content .left-part { padding: 0; }
    .industry-tab-section .grid-cover .grid-raw .inner-grid-wrap .grid-box.gb2 { display: none; }
    .industry-tab-section .grid-cover .grid-raw .inner-grid-wrap .grid-box.gb6 { display: none; }
    .industry-tab-section .grid-cover .grid-raw .tab-list { width: 100%; }
    .industry-hero-section .right-part .img-box img { height: 400px !important;}
    .roboter-hero-section .left-part { padding-left: calc((100% - 890px) / 2); }
    .roboter-hero-section .right-part .img-outer .bottom-shape { max-width: 467px; bottom: -216px; right: -30px; }
    .roboter-hero-section .bottom-details .details { max-width: 630px; padding-left: 12%; }
    .roboter-hero-section .bottom-details {padding: 230px 0px 0px 0px;}
    .roboter-hero-section .top-left-shape { max-width: 512px; left: -131px;}
    .roboter-section .robot-main .robot-grid { width: 1916px; left: -450px; top: 20px; }
    .roboter-section .box-bottom-content .detail-wrap{ margin: -40px 0 0;}
    .roboter-section .robot-main .robot-img img { width: 470px; }
    .roboter-section .robot-main .robot-img { max-width: 700px; }
    .roboter-section .robot-main .robo-details-wrap { top: 35px; }
    .roboter-section .robot-main .robot-img .robo-box.box_1 { left: -66px; top: 64px; }
    .roboter-section .robot-main .robot-img .robo-box.box_2 { top: 209px; right: -75px; }
    .roboter-section .robot-main .robot-img .robo-box.box_3 { top: 308px; left: -103px; }
    .roboter-section .robot-main .robot-img .robo-box.box_4 { right: -80px; top: 344px; }
    .roboter-section .robote-spec-section .spec-group .grid-box:nth-child(2) { display: none; }
    .roboter-section .robote-spec-section .spec-group .grid-box:nth-last-child(2) { display: none; }
    .roboter-section .robote-spec-section .grid-box { width: calc((100% / 3) - 68px); }
    .roboter-section .robote-spec-section .top-grid-box { display: none; }
    .roboter-section .robote-spec-section { margin: 0; }
    .roboter-section .box:nth-child(even) .robote-spec-section { margin: 0; }
    .about-hero-section .wrap .left-part { padding-left: calc((100% - 900px) /2); }
    .about-hero-section .wrap .left-part .section-heading h1 { font-size: 50px; }
    /*     .about-hero-section .wrap .section-image-wrapper .img-box img { height: 320px !important; } */
    .about-hero-section .wrap .left-part .top-shape { max-width: 442px; left: -37px; }
    .about-hero-section .wrap .section-image-wrapper .top-grid { max-width: 170px; top: -55px; }
    .about-hero-section .wrap .section-image-wrapper .bottom-grid { max-width: 270px; bottom: -140px; }
    .about-detail-section { padding: 30px 0px 130px; }
    .about-detail-section .box .left-part .top-grid { max-width: 190px; right: -140px; }
    .about-detail-section .box .left-part .bottom-grid { max-width: 411px; bottom: -41px; left: -130px;}
    .about-detail-section .box .right-part .feedback-box { padding: 47px 68px 47px 67px; }
    .search-result-section .outer-wrap-cover{ padding: 154px 0px 76px; }
    .search-result-section .top-grid { max-width: 522px; left: -105px; }
    .search-result-section .bottom-grid { right: -183px; max-width: 493px; }
    .search-result-section .systems-page { max-width: 820px; padding: 52px 70px 52px 70px; }
    .search-result-section .systems-page .result-search-cover .result-search-box { padding-bottom: 25px; }
    .search-result-section .systems-page.systems-page--search-results .hs-search-results ul.hs-search-results__listing li { padding: 0; }
    .benefit-tab-section.industry-tab-section .tab-content .inner-cover { max-width: 660px;}
    .gridstation-section .box .top-part .top-inner .section-heading.normal-heading {margin: 0;}

    /*     .roboter-section .robot-main .robot-img .robo-box { max-width: 320px; }
    .roboter-section .box.box_1 .robot-main { height: 350px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_1 { left: 90px; top: 29px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_2 { right: -33px; top: 70px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_3 { left: -126px; top: 80px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_4 { right: -126px; top: 221px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_5 { left: -34px; top: 247px; }
    .roboter-section .robot-main .robot-img .robo-box .hidden-details .content { max-width: 260px;} */

    .roboter-section .robot-main .robot-img .robo-box .visible-title { max-width: 280px; }
    .roboter-section .robot-main .robot-img .robo-detail .hidden-details .inner-cover { max-width: 240px !important; }
    .roboter-section .box_2 .robot-main .robot-img .robo-detail .hidden-details .inner-cover { max-width: 285px !important; }
    .roboter-section .box .side-grids .left-grid { max-width: 127px; }
    .roboter-section .box:nth-child(even) .side-grids .right-grid { max-width: 127px;}
    .roboter-section .box .side-grids .right-grid { max-width: 245px; right: -30px; }
    .roboter-section .box:nth-child(even) .side-grids .left-grid { max-width: 245px; bottom: 0;}
    .roboter-section .box.box_1 .robot-main .robot-img img { width: 490px; }
    .roboter-section .box_1 .robot-main .robot-img { max-width: 560px; }
    .roboter-section .box_1 .robot-main { height: 370px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box { max-width: 325px; }

    .roboter-section .box.box_1 .robot-main .robo-box.box_1 { top: 28px; left: auto; right: -38px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_2 { right: -103px; top: 75px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_3 { left: -208px; top: 89px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_4 { right: -92px; top: 231px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_5 { left: -111px; top: 255px; }

    /*     .roboter-section .box_1 .robot-main .robot-img .robo-box.box_1 { left: 28px; top: 29px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_2 { top: 68px; right: -83px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_3 { top: 77px; left: -188px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_4 { top: 220px; right: -77px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_5 { top: 244px; left: -97px; } */

    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3 {padding: 0 0 0 55px;}
    .roboter-slider-section .box_1 .robot-main .robot-img {max-width: 380px; margin: 90px 0 0;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_1 {left: auto; top: 15px; right: -170px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_2 {top: 48px; right: -235px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_3 { top: 47px; left: 25px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_4 {top: 158px; right: -250px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_5 {top: 190px; left: 100px;}
    .roboter-slider-section .box-bottom-content {margin-top: 50px;}
    .roboter-slider-section .box_2 .robot-main .robot-img {max-width: 280px; margin: 70px 0 0; height: 350px;}
    .roboter-slider-section .box_2 .robot-main .robot-img img {transform: translateX(-70px);}
    .roboter-slider-section .robot-main .robot-img .robo-box .visible-title h3:after {width: 36px; height: 36px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box .visible-title h3, 
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3 {padding-right: 50px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 .visible-title h3 {padding-left: 50px;}
    .roboter-slider-section .robot-main .robot-img .robo-box .visible-title h3 {padding-left: 50px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title h3, 
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title h3, 
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title h3 {padding: 0 0 0 50px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_1 { left: -279px; top: 22px; }
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_2 { top: 110px; left: -259px; }
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 { bottom: 105px; right: -40px; max-width: 260px !important; padding-right: 20px; }
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_4 { left: -264px; bottom: 121px; }
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 { left: -283px; bottom: 78px; }



}
@media (max-width:1097px) and (min-width: 1000px) {
    .benefit-tab-section.industry-tab-section .grid-cover .grid-raw:last-child .grid-box.gb7{width: 13.79%;}
}
@media (max-width: 995px) and (min-width: 992px) {
    .benefit-tab-section.industry-tab-section .grid-cover .grid-raw:last-child .grid-box.gb7{width: 13.79%;}
}
@media (min-width:992px) {
    a.mobile-trigger {display: none;}
    .header .header-section .mainmenu .hs-menu-wrapper { display: block !important;}
}
@media (max-width:991px) {
    h1, .h1 { font-size: 50px; }
    h2, .h2 { font-size: 30px; }
    h3, .h3 { font-size: 28px; }
    .header .header-section .container { max-width: 100%;}
    .header{ padding: 15px 0px;}

    .mainmenu, .mainmenu *{display: block;float: none;position: static;top: auto;right: auto;left: auto;bottom: auto;padding: 0px;margin: 0px;background-image: none;background-color: transparent;
        border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; max-width: none;width: 100%;height: auto;
        line-height: 1; font-weight: normal;text-decoration: none;text-indent: 0px;text-align: left;color: #fff;}
    a.mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 40px; right: 15px; width: 44px; height: 44px; padding: 12px 10px;
        background: transparent; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase;
        border-radius: 6px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in;}
    a.mobile-trigger:hover { text-decoration: none; color: #fff;}
    a.mobile-trigger span{ display: inline;}
    a.mobile-trigger span:before{ position: absolute; content: 'Menu'; }
    a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close'; 
        background-color: #3c455c; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; }

    /* Change button when menu is open */
    .mobile-open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background: transparent; }
    .mobile-open a.mobile-trigger span:after{ opacity: 1; }

    /* Toggle Button Icon & Animations */
    a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s;
        transition-duration: 0s; transition-delay: .2s;}
    a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: '';}
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 24px; height: 3px; background-color: #fff; display: inline-block;}
    a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;}
    a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0;}
    .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
    .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);}
    .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0);}

    /* Child Toggle Button */
    span.child-triggerm { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 40px !important; min-width: 40px !important; height: 55px !important; 
        padding: 0 !important;}
    span.child-triggerm:hover { text-decoration: none;}
    

    /* Child Toggle Button Icon & Animations */
    span.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s;}
    span.child-triggerm span:after {position: absolute; content: ''; transition: all .3s ease-in-out; height: 10px; width: 12px; background-size: 13px; top: -5px; background-image: url(https://25565644.fs1.hubspotusercontent-eu1.net/hubfs/25565644/down-arrow.png); background-repeat: no-repeat; background-position: right center; right: 10px;}
    span.child-triggerm.child-open span:after {transform: rotate(180deg);}
    .header .header-section .mainmenu .hs-menu-wrapper > ul > li:hover > a {color: #FF6666;}
    /*   
 *   span.child-triggerm span, span.child-triggerm span:after { width: 10px; height: 1px; background-color: #fff; display: block;} */
/*     .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #FFF; } */
/*     span.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        transition-duration: .2s;}
    span.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        transition-duration: .2s;}
    span.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        transition-duration: .2s;} */

    /* Menu Styles on Mobile Devices */ 
    .mainmenu.js-enabled .hs-menu-flow-horizontal,.mainmenu.js-enabled .hs-menu-children-wrapper{ display: none;} 
    .mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none;}
    .mainmenu.js-enabled .hs-menu-flow-horizontal{padding: 20px 25px 0; position: absolute; top: 100%; left: 0px; width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); background-color: rgba(13, 13, 13, 75%); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px);}
    .mainmenu .hs-menu-flow-horizontal{ padding: 40px 0 0 0; background-color: #3c455c; width: 100%; z-index: 8888;}
    .mainmenu .hs-menu-flow-horizontal > ul > li{ position: relative;}
    .mainmenu .hs-menu-flow-horizontal > ul > li a{ font-size: 17px; line-height: 55px; overflow: visible;}
    .mainmenu .hs-menu-flow-horizontal ul li{ border-top: 1px solid rgba(255, 255, 255, .15); }
    .mainmenu .hs-menu-flow-horizontal ul li a{ padding: 0 0px;}
    .mainmenu .hs-menu-flow-horizontal ul li a:hover{ color: #fff; }
    .mainmenu .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08);}
    .mainmenu .hs-menu-flow-horizontal > ul ul li a{ text-indent: 10px; font-size: 16px;}
    .mainmenu .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 30px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px;}
    .header .header-section .right-part .search-icon {display: none;}
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon > img {display: none;}
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon {display: block; width: 100%; margin-bottom: 10px;}
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon .header-search-box {border: 1px solid rgba(255, 255, 255, .15); border-radius: 8px; padding: 10px 20px;}
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon .header-search-box form {position: relative;}
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon .header-search-box form button {position: absolute; left: auto; right: -1px; height: 100%; background: transparent; border: 0; width: auto; cursor: pointer; top: -1px;}
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon .header-search-box form button svg {fill: #fff; height: 16px; position: relative; display: inline-block; top: 2px;}
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon .header-search-box form input[type=text] {border: 0; padding: 0px 0 0; outline: none; padding-right: 25px; color: #fff; font-size: 14px;}
    .header .header-section .mainmenu .hs-menu-wrapper>ul>li:first-child {border-top: 0;}
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon .header-search-box form input[type=text]::-webkit-input-placeholder {
        /* WebKit browsers */
         color: transparent;
    }
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon .header-search-box form input[type=text]:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: transparent;
    }
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon .header-search-box form input[type=text]::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: transparent;
    }
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon .header-search-box form input[type=text]:-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: transparent;
    }
    .header .header-section .mainmenu .hs-menu-wrapper .search-icon .header-search-box form input[type=text]::placeholder {
         color: transparent;
    }
    
    
    .header .header-section .mainmenu .hs-menu-wrapper>ul>li { padding: 0;}
    .header .header-section .mainmenu .hs-menu-wrapper>ul>li>a:before{display:none;}
    .header .header-section .mainmenu .hs-menu-wrapper>ul>li { padding: 0;}
    .header .header-section .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper {border-radius: 0; transform: translateY(0px); transition: inherit; width: 100%; padding: 0; margin-bottom: -3px;}
    .header .header-section .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a {padding: 10px 15px 10px 15px; font-size: 13px;}
    .header .header-section .mainmenu .hs-menu-wrapper>ul>li:hover a { color: #fff;}
    .header .header-section .center-part .header-btn { padding: 20px 20px; border-top: 1px solid rgba(255, 255, 255, .15); display: block; text-align: center;}
    .header .header-section .center-part .header-btn a {width: auto; text-align: center;}
    .header .header-section .center-part .header-btn span {text-align: center;}
    .header .header-section .right-part .header-btn { display: none;}
    .header .header-section .right-part{ padding-right: 35px;}
    .header .header-section .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children ul.hs-menu-children-wrapper:before { display: none;}
    .header:before{ opacity: 0;}
    .header{background:#000000;}
    .header.sticky { padding: 15px 0px;}
    .header .header-section .left-part { width: 25%; }
    .header .header-section .right-part .search-icon {position: relative; top: 15px;}
    .header .header-section .language-switch { position: absolute; top: 6px; right: 26px;}
    
    .footer-section .mobile-footer-logo { display: block; max-width: 70px; width: 100%;}
    .footer-section .footer-bottom .center-part { display: none; }
    .footer-section .footer-bottom .left-part { width: 50%; }
    .footer-section .footer-bottom .right-part { width: 50%; }
    .footer-section .footer-menu ul li { padding: 0 9px 18px; }
    .footer-section .footer-menu { padding: 30px 0 15px; }
    .footer-section { padding: 40px 0 30px; }
    .home-hero-section .section-heading { max-width: 350px; }
    .home-hero-section .top-shape { max-width: 265px; top: 100px; left: -41px; }
    .home-hero-section .btm-shape { max-width: 230px; bottom: -123px; }
    .home-service-section .section-heading { max-width: 540px; }
    .home-service-section .cm-box { height: 150px; }
    .home-service-section .inner-cover .main-box .box-inner { height: 310px; }
/*     .home-video-section .video-box {height: 380px;} */
    .home-video-section { overflow: hidden; }
    .home-video-section .video-cover .shape-left { left: -10px; top: -99px; max-width: 253px; }
    .home-video-section .video-cover .shape-right { right: -10px; bottom: -95px; max-width: 270px; }
    .home-video-section .bottom-content { padding: 100px 0 0; }
    .home-testimonial-section .testimonial-slider { max-width: 520px; }
    .home-testimonial-section .testimonial-slider h3 { line-height: 38px; }
    .home-testimonial-section .shape-img { max-width: 270px; }
    .system-hero-section .left-part { padding-left: calc((100% - 680px) / 2); }
    .system-hero-section .right-shape { width: 1297px; left: -77px; top: 42px;}
    .system-hero-section .right-part .hero-img {max-width: 470px; top: 140px; left: 0px;}
    .system-hero-section .right-part {margin-top: -225px;}
    .simple-content-section { margin: -130px 0 0;}
    .system-store-section .col-wrap .col-box:first-child .box-cover { width: 100%; }
    .system-store-section .col-wrap .col-box:first-child .box-cover + .grid-box,
    .system-store-section .col-wrap .col-box:first-child .box-cover + .grid-box + .grid-box { display: none; }
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box { width: 100%; }
    .system-store-section .col-wrap .col-box:first-child .box-cover .details { width: calc(100% - 47.8%); }
    .system-store-section .col-wrap .col-box .grid-box.first { display: none; }
    .system-store-section .col-wrap .col-box .grid-box:nth-child(3) { display: none; }
    .system-store-section .col-wrap .col-box .box-cover .img-box.grid-box { width: 65.66%; }
    .system-store-section .col-wrap .col-box .box-cover .details.grid-box { width: 34.34%;}
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box { width: calc(100% - 34.34%);}
    .system-store-section .col-wrap .col-box:nth-child(3)  .grid-box.first + .grid-box { display: none;}
    .system-store-section .col-wrap .col-box .box-cover .img-box.grid-box .img-inner:after { width: 43%; }
    .system-store-section .col-wrap .col-box .box-cover .img-box.grid-box .img-inner:before { left: 43%; }
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box .img-inner:after { width: 43%; }
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box .img-inner:before { left: 43%; }
    .system-store-section .grid-top .grid-box:first-child, .system-store-section .grid-top .grid-box:last-child { width: 20%;}
    .system-two-col-section .box { flex-direction: column; margin-bottom: 170px; }
    .system-two-col-section .box:nth-child(even) { flex-direction: column; }
    .system-two-col-section .box .left-part { width: 100%; padding: 0; }
    .system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-bottom .grid-odd svg { width: auto; height: auto; }
    .system-two-col-section .box .left-part .img-cover .img-box img { width: 100%; height: auto !important; }
    .system-two-col-section .box:nth-child(even) .right-part { padding: 30px 20px 0;}
    .system-two-col-section .box:nth-child(even) .left-part .img-cover .img-box img { height: auto !important; }
    .system-two-col-section .box:nth-child(even) .left-part .img-cover .img-box { text-align: right; }
    .system-two-col-section .box .right-part { width: 100%; padding: 30px 20px 0; }
    .system-two-col-section .box .right-part .details { max-width: 680px; margin: auto; }
    .system-two-col-section .box:nth-child(even) .right-part .details { float: none; max-width: 680px; padding: 0; }
    .system-two-col-section .box .left-part .img-cover .grid-bottom { display: none; }
    .system-two-col-section .box:nth-child(even) .left-part { padding: 0; }
    .system-two-col-section { padding: 160px 0 70px; }
    .system-store-section .section-heading { margin-bottom: -260px; max-width: 608px; }
    .system-store-section .section-heading { max-width: 618px; }
    .system-combine-section .content-cover .details-box { padding: 40px 25px; }
    .system-img-content-section .box .left-part { width: 100%; padding: 30px 20px 20px; }
    .system-img-content-section .box .right-part { width: 100%; text-align: left; }
    .system-img-content-section .box { flex-direction: column-reverse; margin: 160px 0 115px;}
    .system-img-content-section .box .img-wrap img { height: auto !important; }
    .system-img-content-section .box:nth-child(odd) .top-grids svg { width: 100%; height: auto; }
    .system-img-content-section .box:nth-child(odd) .top-grids .odd-top { right: 0; max-width: 600px; top: -151px; }
    .system-img-content-section .box:nth-child(odd) .right-part .bottom-grids { display: none; }
    .system-img-content-section .box .left-part .details { max-width: 680px; margin: auto; }
    .system-img-content-section .box:nth-child(even) .top-grids .even-top { max-width: 170px; top: -117px; }
    .system-img-content-section .box:nth-child(even) { flex-direction: column-reverse; }
    .system-img-content-section .box .bottom-grids { display: none; }
    .system-img-content-section .box:nth-child(even) .left-part { padding: 30px 20px 0; }
    .system-img-content-section .box:last-child { margin-bottom: 0; }
    .system-combine-section .content-cover .details-box .grid-shape-right { max-width: 320px; right: -100px; top: -55px;}
    .industry-hero-section .right-part .img-box img { height: auto !important; }
    .industry-hero-section .left-part { padding-left: calc((100% - 680px) / 2); }
    .industry-hero-section { min-height: 610px; }
    .industry-hero-section .right-part .img-outer .bottom-shape { max-width: 345px; bottom: -156px; }
    .industry-hero-section .right-part .img-outer .top-shape { max-width: 212px; }
    .industry-hero-section .top-left-shape { max-width: 480px; left: -120px;}
    .job-hero-section .left-part { padding-left: calc((100% - 680px) / 2); }
    .job-hero-section .bottom-content .details { max-width: 100%; }
    .job-hero-section .right-part { padding: 0 0 0 10px; }
    .job-hero-section .right-part .img-box img { height: 290px !important; }
    .job-hero-section { padding: 85px 0px 60px; }
    .job-hero-section .left-part .top-shape { max-width: 318px; top: -88px; left: -43px; }
    .job-hero-section .left-part .bottom-shape { max-width: 255px; left: -170px; top: 36%; }
    .job-hero-section .right-part .bottom-grid {max-width: 283px; bottom: -108px;}
    .job-hero-section .right-part .top-grid { max-width: 129px; top: -33px;}
    .gridstation-section .box .top-part .top-inner .section-heading { margin-bottom: -28px; }
    .gridstation-section .box .center-part { padding: 0 20px; }
    .gridstation-section .box .center-part .details { max-width: 675px; }
    .gridstation-section .box:nth-child(odd) .center-part .center-grid .center-odd { display: none; }
    .gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box .right-grid {max-width: 181px; right: -105px;top: 40px;}
    .gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box .left-grid {max-width: 246px; left: -105px; bottom: -86px;}
    .gridstation-section .box .bottom-part .box-grids .left-grid { max-width: 276px; top: -55px; left: -105px;}
    .gridstation-section .box .bottom-part .inner-wrap { padding: 30px 30px; }
    .gridstation-section .box .bottom-part .box-grids .right-grid { right: -98px; bottom: -72px; max-width: 276px; }
    .gridstation-section .box:nth-child(even) .center-part .center-grid .center-even { display: none; }
    .gridstation-section .box .top-part { margin-bottom: 111px; }
    .job-hero-section .bottom-content { padding: 111px 0 0;}
    .contact-hero-section .wrap { flex-wrap: wrap; }
    .contact-hero-section .left-part { width: 100%; padding: 0; }
    .contact-hero-section .right-part { width: 100%; padding: 60px 0 0; }
    .contact-hero-section .left-part .form-box { max-width: 100%; }
    .contact-hero-section { padding: 65px 0 0; }
    .contact-hero-section .customWidthOption { max-width: 720px; width: 100%; margin: auto; }
    .contact-hero-section .right-part .left-grid { max-width: 380px; left: -301px; bottom: 40px;}
    .contact-hero-section .right-part .right-grid { top: 26px; }
    .contact-head-section .wrap { flex-wrap: wrap; }
    .contact-head-section .left-part { width: 100%; padding: 0; }
    .contact-head-section .right-part { width: 100%; padding: 0; }
    .contact-head-section .customWidthOption { max-width: 720px; width: 100%; margin: auto; }
    .contact-head-section .right-part .contact-box .top-shape-grid { display: none; }
    .contact-head-section .right-part .contact-box { transform: translateX(0px); max-width: 100%; margin: -40px 0 0; }
    .contact-head-section .right-part .contact-box:before { background: rgb(0 0 0 / 49%); }
    .contact-head-section .left-part .top-grid {left: -11px; max-width: 213px; top: -67px; }
    .contact-head-section .right-shape-grid { max-width: 111px; opacity: 0.65; z-index: -1;}
    .contact-head-section .left-part .bottom-grid { max-width: 399px; bottom: -36px; }
    .contact-head-section { padding: 165px 0 90px; }
    .contact-hero-section .left-part .top-grid { max-width: 272px; }
    .contact-hero-section .right-part .right-grid { opacity: 0.5;}
    .home-zigzag-section .top-left-grid { top: -204px; left: -15px; }
    .home-zigzag-section .box .left-part { padding: 30px 30px 0 0; }
    .home-zigzag-section .box .right-part .img-wrap .img-box img { height: 365px !important; }
    .home-zigzag-section .box .right-part .img-wrap .bottom-grid { max-width: 210px; left: -25px; bottom: -82px; }
    .home-zigzag-section .box { margin: 0 0 91px; }
    .home-zigzag-section .box:nth-child(even) .right-part .img-wrap .bottom-grid { right: -17px; }
    .home-zigzag-section .box:nth-child(even) .left-part { padding: 20px 0px 0 30px; }
    .thankyou-hero-section .right-part h1 {font-size: 45px;}
    .impressum-hero-section .top-grid { top: 95px; max-width: 239px; }
    .impressum-hero-section .outer-wrap { padding: 243px 0 134px;}
    .impressum-detail-section { padding: 120px 0px 60px; }
    .impressum-hero-section .bottom-grid { max-width: 136px; bottom: -73px;}
    .industry-tab-section .tab-content .inner-cover { flex-direction: column-reverse; }
    .industry-tab-section .tab-content .left-part { width: 100%; padding: 0; }
    .industry-tab-section .tab-content .right-part { width: 100%; padding: 0; }
    .industry-tab-section .tab-content .right-part .img-box { margin: auto; max-width: 360px; }
    .industry-tab-section .tab-content .left-part .details { float: none; max-width: 551px; margin: auto; }
    .roboter-hero-section .left-part { padding-left: calc((100% - 680px) / 2); }
    .roboter-hero-section .left-part h1 { font-size: 45px; }
    .roboter-hero-section .top-left-shape { max-width: 440px; }
    .roboter-hero-section .right-part .img-outer .bottom-shape { max-width: 404px; bottom: -178px;}
    .roboter-hero-section .bottom-details .details { padding-left: 11%; }
    .roboter-hero-section .bottom-details { padding: 210px 0px 0px 0px; }
    .roboter-hero-section .right-part .img-box img { height: auto !important; }
    .roboter-section .box-bottom-content .detail-wrap { padding: 40px 40px; }
    .roboter-section .robot-main .robot-img .robo-box .visible-title h3:after { width: 35px; height: 35px; }
    .roboter-section .robot-main .robot-img .robo-box .visible-title h3 { padding-right: 51px; font-size: 16px; }
    /*     .roboter-section .robot-main .robot-img .robo-box:nth-child(even) .visible-title h3 { padding: 0 0 0 70px; } */
    /*     .roboter-section .robot-main .robot-img .robo-box.box_4 { max-width: 343px; right: 10px; top: 344px; }
    .roboter-section .robot-main .robot-img .robo-box.box_4 .hidden-details .inner-cover { max-width: 270px; } */
    .roboter-section .robot-main .robot-img .robo-detail .hidden-details .inner-cover { font-size: 12px; line-height: 18px; }
    .roboter-section .robot-main .robot-img .robo-box { max-width: 300px; }
    .roboter-section .robot-main .robot-img { max-width: 540px; }
    .roboter-section .robot-main .robot-img .robo-box.box_2 { top: 209px; right: -81px; }
    .roboter-section .robot-main .robot-img .robo-box.box_3 { top: 307px; left: -75px; }
    .roboter-section .robot-main .robot-img .robo-box.box_4 { right: -73px; top: 339px; }
    .roboter-section .robot-main .robot-img .robo-box.box_1 { left: -64px; top: 66px; }
    .roboter-section .robot-main .robot-img .robo-detail .hidden-details h4 {font-size: 17px;}
    .roboter-section .robote-spec-section .spec-group .grid-box:first-child { display: none; }
    .roboter-section .robote-spec-section .spec-group .grid-box:last-child { display: none; }
    .roboter-section .robote-spec-section .grid-box { width: 100%; min-height: auto; border-left: 1px solid #ffffff42; }
    .roboter-section .robote-spec-section .spec-group { flex-wrap: wrap; }
    .roboter-section .robote-spec-section .grid-box .spec-details { flex-direction: row; flex-wrap: nowrap; }
    .roboter-section .robote-spec-section .grid-box h4 { height: 100%; justify-content: flex-start; -webkit-justify-content: flex-start; padding: 10px 20px 10px; text-align: left;}
    .roboter-section .robote-spec-section .specification .details { justify-content: flex-start; -webkit-justify-content: flex-start; padding: 10px 25px 10px; min-height: auto;text-align: left; }
    .roboter-section .robote-spec-section { max-width: 630px; display: block; margin: auto; padding: 0 15px;}
    .roboter-section .robote-spec-section .spec-group:last-child .grid-box { border-bottom: 0; }
    .roboter-section .robote-spec-section .spec-group:last-child .grid-box:last-child { border-bottom: 1px solid #ffffff42; }
    .roboter-section .box:nth-child(even) .robote-spec-section { margin: 0 auto; }
    .roboter-section .robote-spec-section .spec-group:last-child .grid-box.empty { display: none; }
    .roboter-section .robote-spec-section .spec-group:last-child .specification.grid-box { border-bottom: 1px solid #ffffff42; border-top: 0; }
    .roboter-section .robote-spec-section .spec-group:last-child .specification.grid-box:nth-child(3) { border-top: 1px solid #ffffff42; }
    .about-hero-section .wrap .left-part { padding-left: calc((100% - 680px) /2); }
    .about-hero-section .wrap .right-part { padding: 0px 0px 0px 35px; }
    .about-hero-section { padding: 176px 0px 80px; }
    .about-hero-section .wrap .left-part .top-shape { max-width: 370px; left: -37px; top: -79px; }
    .about-hero-section .wrap .section-image-wrapper .top-grid { max-width: 150px; top: -43px; }
    .about-hero-section .wrap .section-image-wrapper .bottom-grid { max-width: 211px; bottom: -111px; }
    .about-detail-section .box .right-part { padding: 36px 0px 25px; }
    .about-detail-section .box .right-part .feedback-box { padding: 30px; max-width: 100%; transform: translateX(-65px); }
    .about-detail-section .box .left-part .top-grid { max-width: 120px; right: -79px; top: 13px; }
    .about-detail-section .box .left-part .bottom-grid { max-width: 320px; bottom: -32px; left: -90px; }
    .about-detail-section { padding: 30px 0px 70px; }
    .about-detail-section .box .left-part .image-wrapper img { height: 430px !important; }
    .search-result-section .outer-wrap-cover { padding: 134px 0px 56px; }
    .search-result-section .top-grid { max-width: 492px; left: -130px; }
    .search-result-section .bottom-grid { right: -155px; max-width: 463px; }
    .search-result-section .systems-page h1 { line-height: 1; font-size: 40px;}
    .search-result-section .systems-page { max-width: 680px; padding: 42px 50px 42px 50px; }
    .search-result-section .systems-page .result-search-cover .result-search-box { padding-bottom: 20px; }
    .industry-tab-section .grid-cover .grid-raw .tab-list ul .group .grid-box.empty:nth-child(2),
    .industry-tab-section .grid-cover .grid-raw .tab-list ul .group .grid-box.empty:nth-last-child(2) { display: none; }
    .industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box { width: calc((100% - 128px) / 3); }
    .industry-tab-section .grid-cover .grid-raw .grid-box.gb1, .industry-tab-section .grid-cover .grid-raw .grid-box.gb7 { width: 64px; }
    .benefit-tab-section.industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box.empty:first-child,
    .benefit-tab-section.industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box.empty:last-child { display: none; }
    .benefit-tab-section.industry-tab-section .grid-cover .grid-raw .tab-list ul .grid-box { width: calc(100% / 4); }
    .benefit-tab-section.industry-tab-section .tab-content .inner-cover { max-width: 720px; }
    .benefit-tab-section.industry-tab-section .grid-cover .grid-raw .grid-box.gb1 { display: none; } 
    .benefit-tab-section.industry-tab-section .tab-content-list { margin: 0 0 30px; }
    .benefit-tab-section.industry-tab-section .tab-content .left-part .details { max-width: 100%; }
    .benefit-tab-section.industry-tab-section .grid-cover .grid-raw:first-child .grid-box.gb1,
    .benefit-tab-section.industry-tab-section .grid-cover .grid-raw:last-child .grid-box.gb7 { width: 25%; }
/*     .gridstation-section .box .top-part .top-inner .img-box img {height: 390px !important;} */
    .roboter-section .robot-main .robot-grid{left: -500px;}
    .gridstation-section .box:nth-child(even) .top-part .box-grids .even-box .left-grid { left: -105px; max-width: 181px; top: 70px;}
    .gridstation-section .box:nth-child(even) .top-part .box-grids .even-box .right-grid{ max-width: 246px; right: -105px; bottom: -86px;}
    .system-img-content-section .box:nth-child(odd) .top-grids .odd-top { right: -2px; max-width: 530px; top: -101px;}
    .system-img-content-section .box:nth-child(even) .top-grids .even-top { max-width: 220px; top: -111px;}
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box .img-inner { justify-content: center; -webkit-justify-content: center;}

    /*     .roboter-section .box.box_1 .robot-main .robot-img { max-width: 460px; }
    .roboter-section .box.box_1 .robot-main { height: 360px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_1 { left: -18px; top: 24px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_2 { right: -127px; top: 61px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_3 { left: -189px; top: 69px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_4 { right: -166px; top: 211px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_5 { left: -136px; top: 235px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-detail .robo-box.box_3 .hidden-details .inner-cover { max-width: 200px; float: right; padding-right: 50px;}
    .roboter-section .box_1 .robot-main .robot-img .robo-detail .robo-box.box_4 .hidden-details .inner-cover  {max-width: 210px;}     */

    /*     .roboter-section .robot-main .robot-img .robo-box:nth-child(even) .hidden-details { left: 66px; }
    .roboter-section .robot-main .robot-img .robo-box:nth-child(even) .hidden-details:before { left: 0; } */
    .roboter-section .robot-main .robot-img .robo-box .hidden-details:before { top: 80px; }
    .roboter-section .robot-main .robot-img .robo-detail .hidden-details .inner-cover { max-width: 190px !important; }
    .roboter-section .box .side-grids .left-grid { max-width: 119px;top: 127px;left: -22px; }
    .roboter-section .box:nth-child(even) .side-grids .right-grid {max-width: 119px;right: -10px;top: 80px;}
    .roboter-section .box .side-grids .right-grid { right: -30px;max-width: 217px;bottom: -95px;}
    .roboter-section .box:nth-child(even) .side-grids .left-grid {max-width: 225px;bottom: 90px;}
    .roboter-section .box.box_1 .robot-main .robot-img img { width: 390px; }
    .roboter-section .box_1 .robot-main { height: 340px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box { max-width: 235px; width: 100%; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(odd) { overflow: hidden; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box { overflow: inherit; }
    .roboter-section .box_1 .robot-main .robot-img { max-width: 400px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_1 { left: auto; top: 15px; right: -29px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_2 { top: 53px; right: -80px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_3 { top: 63px; left: -169px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_4 { top: 177px; right: -70px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_5 { top: 199px; left: -89px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title h3, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title h3, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title h3 { padding: 0 0 0 66px;}
    .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .hidden-details:before, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .hidden-details:before, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .hidden-details:before { left: 0px;}
    .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .hidden-details, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .hidden-details, .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .hidden-details { left: 65px;}

    .roboter-section .box_2 .robot-main .robot-img { max-width: 560px; height: 480px; }
    .roboter-section .box_2 .robot-main .robot-img img { width: 540px; transform: translateX(-40px); }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_1 { left: -60px; top: 38px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box { max-width: 251px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box .content { max-width: 210px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_2 { top: 140px; left: -10px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_3 { left: -41px; top: 247px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_4 { left: -64px; top: 290px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 { right: -64px; top: 251px; max-width: 295px; padding-left: 44px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3 { padding: 0 0 0 5px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .hidden-details:before { left: 0; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3:after {left: -60px;}
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .hidden-details { left:0; }
    
    .benefit-tab-section.industry-tab-section .grid-cover .grid-raw:last-child .grid-box.gb7{width: 25.1%;}

/*     .mainmenu .hs-menu-flow-horizontal ul li{border-top: 1px dotted rgba(0, 0, 0, .35);}
    .mainmenu .hs-menu-flow-horizontal > ul ul li{background-color: rgba(255, 255, 255, .08);}
    .header .header-section .mainmenu .hs-menu-wrapper > ul > li > a, 
    .header .header-section .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a{color: #000;}
    .header .header-section .mainmenu .hs-menu-wrapper > ul > li:hover a{color: #FF6666;}
    .header .header-section .center-part .header-btn{border-top: 1px dotted rgba(0, 0, 0, .35);}
    .mainmenu.js-enabled .hs-menu-flow-horizontal{background: #ffffff;}
    span.child-triggerm{border-left: 1px dotted rgba(0, 0, 0, .20);}
    span.child-triggerm span, span.child-triggerm span::after{background-color: #000;}
    .header .header-section .center-part .header-btn a{width: auto;} */
    
    .roboter-slider-section .box_1 .robot-main {height: auto;}
    .roboter-slider-section .box_2 .robot-main .robot-img {max-width: 380px; height: 420px; margin: 70px 0 0;}
    .roboter-slider-section .box.box_1 .robot-slider-div, .roboter-slider-section .box.box_2 .robot-slider-div {flex-direction: column; align-items: center;}
    .roboter-slider-section .box_2 .robot-main .robot-img img,
    .roboter-slider-section .box_1 .robot-main .robot-img img {transform: unset;}
    .roboter-slider-section .robot-img-desc ul.slick-dots {padding: 0px 0 0;}
    .roboter-slider-section .robo-detail {padding: 50px 0 70px; margin-bottom: 50px;}
    .roboter-slider-section .robo-detail-slider .robo-box {padding: 0 50px;}
    .roboter-slider-section .robot-main .robot-img .robo-box .visible-title h3{padding-right: 0;}
    .roboter-slider-section .robot-main .robot-img .robo-box .visible-title {max-width: unset;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_1 {left: -227px; top: 22px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_2 { top: 120px; left: -204px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 {bottom: 78px; top: auto; right: -110px; left: auto; max-width: 280px !important; padding-right: 0;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_4 {left: -214px; bottom: 84px; top: unset;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 {left: -95px; bottom: 38px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3 {padding: 0 0 0 0px;}
    .roboter-slider-section .robot-img-desc {padding-top: 0px; margin-top: 30px;}
    .roboter-slider-section .box_2 .robot-main .robot-img { max-width: 300px; height: 330px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title h3, 
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title h3, 
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title h3 {padding: 0 0 0 50px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_3 .visible-title h3, 
    .roboter-slider-section .box_1 .robot-main .robot-img .visible-title h3 {padding-left: 50px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(odd) {overflow: unset;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_1 {top: 15px; right: -110px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_2 {top: 44px; right: -180px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_3 {top: 44px; left: 33px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_4 {top: 157px; right: -200px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_5 {top: 196px; left: 110px;}
    
}

@media (max-width:767px) {
    h1, .h1 { font-size: 45px; }
    h2, .h2 { font-size: 25px;}
    h3, .h3 { font-size: 22px; }
    .footer-section .footer-bottom { display: block; }
    .footer-section .footer-bottom .left-part { width: 100%; text-align: center; }
    .footer-section .footer-bottom .right-part { width: 100%; text-align: center; padding: 25px 0 0; }
    .footer-section .mobile-footer-logo { text-align: center; max-width: 70px; margin: auto; }
    .footer-section .footer-menu ul li { width: calc(50% - 4px); padding: 10px 15px; vertical-align: middle;}
    .home-hero-section .top-shape { max-width: 211px;top: 100px; left: -27px; }
    .home-hero-section .outer-wrap { padding: 216px 0 90px; height: auto; }
    .home-hero-section { min-height: auto;}
    .home-hero-section .btm-shape { max-width: 171px; bottom: -93px; }
    .home-hero-section .section-heading { max-width: 290px;}
    .home-video-section .video-cover .shape-right { max-width: 210px; bottom: -80px; right: 0; }
    .home-video-section .video-cover .shape-left { max-width: 190px; left: -14px; top:-83px; }
/*     .home-video-section .video-box { height: 310px; } */
    .home-video-section {padding: 105px 0 95px;}
    .home-video-section .top-content {padding: 0 0 115px;}
    .home-service-section .section-heading { max-width: 100%; padding: 0 0 0 90px; }
    .home-service-section .cm-wrap.col5 { display: none; }
    .home-service-section .cm-box { height: 120px; }
    .home-service-section .wrap { margin: -90px 0 0; }
    .home-service-section .inner-cover .main-box { width: calc(100% / 2); }
    .home-service-section .inner-cover .main-box .box-inner:hover { transform: translateY(-30px);}
    .home-testimonial-section { margin: -60px 0 0; padding: 0 0 100px 60px; }
    .home-testimonial-section .shape-img { max-width: 200px; }
    .home-testimonial-section .testimonial-slider h3 { line-height: 29px; }
    .home-testimonial-section .testimonial-slider .in-cover:before { height: 40px; }
    .home-testimonial-section .testimonial-slider .in-cover { padding: 58px 0 0; }
    .system-hero-section .wrap { flex-direction: column; }
    .system-hero-section .left-part { width: 100%; padding: 0 20px 70px 80px; }
    .system-hero-section .right-part { width: 100%; margin: -81px 0 0;}
    .system-hero-section .right-shape { width: 1351px; left: 0; top: 0; }
    .system-hero-section .right-part .hero-img { top: 75px; max-width: 610px; left: 40px;}
    .system-hero-section .outer-cover { padding: 95px 0 50px; }
    .system-hero-section .top-shape { max-width: 220px; }
    .simple-content-section {margin: -180px 0 0;}
    .simple-content-section .section-heading h2 { max-width: 620px; width: 100%; }
    .simple-content-section { padding: 0 0 30px; margin: -170px 0 0; }
    .system-combine-section .content-cover .details-box .grid-shape-right { right: -20px; max-width: 258px;}
    .system-store-section .col-wrap .col-box .grid-box.last { display: none; }
    .system-store-section .col-wrap .col-box .box-cover .img-box.grid-box .img-inner:after { width: 100%; opacity: 0.4; }
    .system-store-section .col-wrap .col-box .box-cover .img-box.grid-box .img-inner:before { display: none; }
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box .img-inner:after { width: 100%; }
    .system-store-section .grid-top .grid-box { display: none; }
    .system-store-section .col-wrap .col-box .box-cover .img-box.grid-box { width: 50%; }
    .system-store-section .col-wrap .col-box .box-cover .details.grid-box { width: 50%; }
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box { width: 50%; }
    .system-store-section .col-wrap .col-box:nth-child(even) .box-cover { flex-direction: row-reverse; }
    .system-two-col-section .box .right-part .details { max-width: 100%; }
    .system-two-col-section .box:nth-child(even) .right-part .details { max-width: 100%; }
    .system-store-section .section-heading { max-width: 100%; }
    .system-img-content-section .box { margin: 140px 0 115px; }
    .system-img-content-section .box .left-part .details { max-width: 100%; }
    .industry-hero-section .wrap { flex-wrap: wrap; }
    .industry-hero-section .left-part { width: 100%; padding: 0 20px 51px; }
    .industry-hero-section .right-part { width: 100%; padding: 0 20px; text-align: center; }
    .industry-hero-section .top-left-shape { display: none; }
    .industry-hero-section { min-height: auto; padding: 40px 0px 170px; }
    .industry-content-section { padding: 10px 0 40px; }
    .job-hero-section .wrap { flex-wrap: wrap; }
    .job-hero-section .left-part { width: 100%; padding: 35px 0 30px; }
    .job-hero-section .right-part { width: 100%; padding: 0; }
    .job-hero-section .outer-wrap { padding: 0 20px; }
    .job-hero-section .left-part .top-shape { max-width: 232px; top: -87px; left: -43px; }
    .job-hero-section .left-part .bottom-shape { max-width: 264px; left: -196px; top: 235px;}
    .job-hero-section .right-part .top-grid { max-width: 110px; top: -28px; }
    .job-hero-section .right-part .bottom-grid { max-width: 253px; bottom: -93px; right: 0px; }
    .job-hero-section .bottom-content .container { padding: 0; }
    .job-hero-section { padding: 85px 0px 40px; }
/*     .gridstation-section .box .top-part .top-inner .img-box img { height: 331px !important; } */
    .gridstation-section .box .top-part .top-inner .section-heading { padding-left: 10px; margin-bottom: -23px; }
    .gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box .right-grid { max-width: 171px; right: -100px; top: 30px;}
    .gridstation-section .box:nth-child(odd) .top-part .box-grids .odd-box .left-grid { max-width: 230px; left: -95px; bottom: -86px; }
    .gridstation-section .box .bottom-part .box-grids .right-grid { right: -115px; bottom: -87px; max-width: 270px; }
    .gridstation-section .box .bottom-part .box-grids .left-grid { top: -37px; }
    .gridstation-section .box .center-part { margin-bottom: 60px; }
    .gridstation-section .box .bottom-part .inner-wrap .inner-box .specs { width: 100%; padding: 0; }
    .gridstation-section .box .bottom-part .inner-wrap .inner-box .spec-details { width: 100%; }
    .gridstation-section .box .bottom-part .inner-wrap .inner-box { flex-direction: column; }
    .gridstation-section .box:nth-child(even) .top-part .box-grids .even-box .right-grid { bottom: -80px; max-width: 219px; right: -75px; }
    .gridstation-section .box:nth-child(even) .top-part .box-grids .even-box .left-grid { left: -100px; max-width: 172px; }
    .gridstation-section .box .top-part { margin-bottom: 96px; }
    .gridstation-section .box .bottom-part { padding-bottom: 60px; }
    .contact-hero-section .customWidthOption { max-width: 100%; padding: 0 20px; }
    .contact-head-section .customWidthOption { max-width: 100%; padding: 0 20px; }
    .contact-hero-section { padding: 38px 0 0; }
    .contact-hero-section .left-part .form-box .form-contact-info h3.form-title { font-size: 22px; }
    .contact-hero-section .left-part .form-box { padding: 35px 20px; }
    .contact-hero-section .right-part .right-grid { max-width: 114px; }
    .contact-hero-section .right-part .right-grid svg { width: 100%; height: auto; }
    .contact-hero-section .right-part .img-box img { height: auto !important; }
    .contact-hero-section .right-part .left-grid { left: -171px; bottom: -125px; }
    .contact-head-section .left-part .top-grid { right: 0; left: auto; top: -100px; opacity:0;}
    .contact-head-section { padding: 175px 0 60px; }
    .contact-head-section .left-part .img-box img { height: auto !important; }
    .contact-head-section .right-part .contact-box { padding: 40px 45px 40px; }
    .home-zigzag-section .top-left-grid { left: -21px; max-width: 135px; top: -186px; }
    .home-zigzag-section .box { flex-direction: column-reverse; margin: 0 0 71px; }
    .home-zigzag-section .box .left-part { width: 100%; padding: 40px 0 0; }
    .home-zigzag-section .box .right-part { width: 100%; padding: 0; }
    .home-zigzag-section .box .right-part .img-wrap .bottom-grid { bottom: -30px; }
    .home-zigzag-section .box .right-part .img-wrap .img-box img { height: auto !important; }
    .home-zigzag-section .box:nth-child(even) .right-part { width: 100%; padding: 0; }
    .home-zigzag-section .box:nth-child(even) .left-part { padding: 40px 0 0; }
    .home-zigzag-section .box:last-child { flex-direction: column-reverse; }
    .home-zigzag-section { padding: 55px 0px 115px; }
    .home-zigzag-section .box .right-part .img-wrap { max-width: 100%; }
    .home-zigzag-section .box:nth-child(even) .left-part .section-heading { max-width: 100%; }
    .home-zigzag-section .box .left-part .section-heading { max-width: 100%; }
    .home-zigzag-section .box .right-part .img-wrap .top-grid { right: -15px; max-width: 58px;}
    .home-zigzag-section .box:nth-child(even) .right-part .img-wrap .top-grid { left: -15px;}
    .thankyou-hero-section .left-part { width: 100%; }
    .thankyou-hero-section .right-part { width: 100%; padding: 0; }
    .thankyou-hero-section .wrap { flex-wrap: wrap; text-align: center; }
    .thankyou-hero-section .left-part .icon { margin: 0 auto 20px; }
    .thankyou-hero-section .outer-wrap{ padding: 141px 0 146px; }
    .thankyou-hero-section .right-part h1 { font-size: 40px; line-height: 40px; }
    .impressum-hero-section .section-heading h1 { font-size: 40px; line-height: 1.134; }
    .impressum-hero-section .outer-wrap{ padding: 230px 0 90px; }
    .impressum-hero-section .bottom-grid { max-width: 113px; bottom: -61px}
    .impressum-hero-section .top-grid { top: 98px; max-width: 190px; }
    .impressum-detail-section .box { max-width: 100%; }
    .impressum-detail-section { padding: 101px 0px 50px; }
    .industry-tab-section .desktop-tab{ display:none; }
    .industry-tab-section .mobile-tab{ display:block; padding:0 20px; }
    .industry-tab-section .mobile-tab .box { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 20px; }
    .industry-tab-section .mobile-tab .box .title-box { width: 100%; display: flex; align-items: center; position: relative; padding: 20px 45px 20px 20px; border: 1px solid #343434; border-radius: 3px; }
    .industry-tab-section .mobile-tab .box .title-box .icon { width: 34px; height: 34px; }
    .industry-tab-section .mobile-tab .box .title-box .icon svg { width: 100%; height: auto; }
    .industry-tab-section .mobile-tab .box .title-box h4 { margin: 0; padding: 0 0 0 15px; font-size: 15px; color: #fff; }
    .industry-tab-section .mobile-tab .box .title-box:before { content: ' '; top: 50%; left: auto; right: 13px; width: 15px; height: 1px; background: #fff; position: absolute;  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
    .industry-tab-section .mobile-tab .box .title-box:after { content: ' '; top: 50%; width: 1px; height: 14px; position: absolute; background: #fff; left: auto; right: 20px; transform: translateY(-50%);  
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
; }
    .industry-tab-section .mobile-tab .box .title-box.active:after { opacity: 0; }
    .industry-tab-section .mobile-tab .box .tab-details { width: 100%; display: inline-block; vertical-align: top; border: 1px solid #343434; border-top: 0; padding: 25px; display: none; background: #0000005e;}
    .industry-tab-section .mobile-tab .box .tab-details .img-box { max-width: 350px; width: 100%; margin: 20px auto 20px; }
    .industry-tab-section { padding: 58px 0px 50px; margin-bottom: 20px; }
    .industry-tab-section span.baseModuleOverlay { background: #000000ed !important;}
    .roboter-section .robot-main .robot-img .robo-detail .hidden-details { display: none; }
    .roboter-section .robot-main .robot-img .robo-box { padding: 10px 0 10px; max-width: 210px; }
    .roboter-section .robot-main .robot-img .robo-box .visible-title h3:after { width: 25px; height: 25px; }
    .roboter-section .robot-main .robot-img img { width: 440px; }
    .roboter-section .robot-main .robot-img .robo-box.box_4 { max-width: 230px; right: -7px; top: 269px; }
    .roboter-section .robot-main .robot-img .robo-box.box_1 { left: -20px; top: 55px; }
    .roboter-section .robot-main .robot-img .robo-box .visible-title h3 { padding-right: 35px; }
    .roboter-section .robot-main .robot-img .robo-box.box_2 { top: 174px; right: -34px; }
    .roboter-section .robot-main .robot-img .robo-box:nth-child(even) .visible-title h3 { padding: 0 0 0 52px; }
    .roboter-section .robot-main .robot-img .robo-box.box_3 { top: 249px; left: -28px; max-width: 200px; }
    .roboter-section .robot-main .robot-img .robo-box:nth-child(3) .visible-title { text-align: right; }
    .roboter-section .robot-main .robot-img .robo-box:nth-child(3) .visible-title h3 { padding: 25px 0 0; }
    .roboter-section .robot-main .robot-img .robo-box:nth-child(3) .visible-title h3:after { top: 14px; left: auto; right: 21px; }
    .roboter-section .robot-main .robot-img { max-width: 440px; }
    .roboter-section .robot-main .robot-img .robo-box .visible-title { max-width: 175px; }
    .roboter-section .robot-main .robot-img .robo-box.box_4 .visible-title h3 { padding: 31px 0 0 0; }
    .roboter-section .robot-main .robot-img .robo-box.box_4 .visible-title h3:after { top: 18px; }
    .roboter-section .robot-main .robot-img .robo-box.box_2 .visible-title h3 { padding: 33px 0 0 0px; }
    .roboter-section .robot-main .robot-img .robo-box.box_2 .visible-title h3:after { top: 14px; }
    .roboter-section .mobile-details { display: block; padding: 30px 20px 30px; }
    .roboter-section .mobile-details .robo-box { margin-bottom: 15px; width: 100%; position: relative; padding: 0 0 5px;}
    .roboter-section .mobile-details .robo-box:before{ content:' '; top:auto; bottom:0; left:0; width:100%; height:1px; position:absolute; background:#fff; }
    .roboter-section .mobile-details .robo-box h4 { font-size: 18px; color: #fff; font-weight: 500; margin-bottom: 10px; display: inline-block; position: relative;}
    .roboter-section .mobile-details .robo-box .content { font-size: 14px; line-height: 19px; }
    .roboter-section .box-bottom-content { margin: 0px 0 0; }
    .roboter-section .robot-main .robot-grid { width: 1513px; left: -476px; top: 40px; }
    .roboter-section .box { padding: 0; }
    .roboter-section .box .section-heading { padding: 0; }
    .roboter-hero-section .bottom-details .details { padding: 0; max-width: 100%; }
    .roboter-section .box-bottom-content .detail-wrap { padding: 15px 0px; margin: 0;}
    .roboter-section .robote-spec-section { max-width: 100%; }
    .roboter-hero-section .wrap { flex-wrap: wrap; }
    .roboter-hero-section .left-part { width: 100%; padding: 0 20px 30px; }
    .roboter-hero-section .right-part { width: 100%; padding: 0 20px; text-align: center; }
    .roboter-hero-section .top-left-shape { display: none; }
    .roboter-hero-section { min-height: auto; padding: 40px 0px 30px; }
    .roboter-section .robot-main .robot-img .robo-box:hover .visible-title h3 span { opacity: 1; visibility: visible; }
    .roboter-hero-section .left-part h1 { font-size: 40px; }
    .roboter-hero-section .right-part .img-box img { height: auto !important; }
    .roboter-hero-section .right-part .img-outer .bottom-shape svg { width: 100%; height: auto; }
    .roboter-hero-section .right-part .img-outer .bottom-shape svg g { opacity: 1; }
    .roboter-hero-section .bottom-details { padding: 150px 0px 0px 0px; }
    .roboter-hero-section .right-part .img-outer .bottom-shape svg g rect { opacity: 1; }
    .roboter-hero-section .right-part .img-outer .bottom-shape { max-width: 324px;  bottom: -120px;  right: -20px; z-index: -1;opacity: 0.5;}
    .roboter-section .box:last-child { margin-bottom: 70px;}
    .about-hero-section .wrap .left-part { width: 100%; padding: 0px 20px; }
    .about-hero-section .wrap .right-part { width: 100%; }
    .about-hero-section .wrap { flex-wrap: wrap; }
    .about-hero-section { padding: 240px 0px 80px; }
    .about-hero-section .wrap .left-part .section-heading h1 { font-size: 45px; }
    .about-hero-section .wrap .left-part .top-shape { max-width: 290px; left: -38px; top: -162px; }
    .about-detail-section .box .left-part .image-wrapper { float: none; position: relative; z-index: 1; max-width: 471px; margin: 0 auto; }
    .about-detail-section .box { padding: 57px 0px 0px 0px;    }
    .about-hero-section .wrap .right-part { padding: 50px 20px 30px 20px; }
    .about-hero-section .wrap .section-image-wrapper .top-grid { max-width: 120px; top: -31px; }
    .about-detail-section .box .left-part .bottom-grid { max-width: 300px; bottom: -38px; left: auto; right: 21px; }
    .about-detail-section .box .left-part { width: 100%; text-align: center; }
    .about-detail-section .box .right-part { width: 100%; }
    .about-detail-section .box { flex-wrap: wrap; }
    .about-detail-section .box .right-part .feedback-box { padding: 40px; max-width: 473px; margin: 0 auto; transform: translateX(0px); transform: translateY(0px); position: relative; z-index: -2; }
    .about-detail-section .box .left-part .top-grid { max-width: 130px; right: auto; top: -24px; left: 80px; }
    .about-detail-section .box .right-part { padding: 0; }
    .about-detail-section { padding: 30px 0px 0px; }
    .search-result-section .top-grid { max-width: 452px; left: -110px; }
    .search-result-section .bottom-grid { right: -185px; max-width: 383px; }
    .search-result-section .outer-wrap-cover { padding: 124px 0px 36px; }
    .search-result-section .systems-page { max-width: 610px; padding: 32px 30px 32px 30px; }
    .search-result-section .systems-page h1 {  font-size: 33px;}
    .job-hero-section .right-part .img-box img { height: auto !important; }
    .system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-top .grid-odd { max-width: 208px; top: -135px;}
    .system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-top .grid-even { top: -131px; max-width: 208px;}
    .system-combine-section .content-cover .details-box .grid-shape-left { top: auto; bottom: -30px;}
    .system-combine-section .top-grid { max-width: 277px;}
    .system-img-content-section .box:nth-child(odd) .top-grids .odd-top { max-width: 480px; top: -89px;}
    .roboter-section .box { display: flex; flex-direction: column; }
    .roboter-section .box .container { order: 1; }
    .roboter-section .box .box-bottom-content { order: 2; }
    .roboter-section .box .robot-main { order: 3; }
    .roboter-section .box .mobile-details { order: 4; }
    .roboter-section .box .robote-spec-section { order: 5; }

    .home-service-section .cm-wrap.col6 .cm-box.lbox4, .home-service-section .cm-wrap.col6 .cm-box.lbox5, .home-service-section .cm-wrap.col6 .cm-box.lbox6 {border-top:1px solid #fff; }
    .home-service-section .cm-wrap.col2 { display: none;}
    .home-service-section .cm-wrap.col4 { display: none;}
    .roboter-section .mobile-details .robo-box h4:before { content: '\f107'; top: 53%; left: auto; right: -23px; position: absolute; font-family: FontAwesome; transform: translateY(-50%); }
    .roboter-section .mobile-details .robo-box h4.active:before { transform: translateY(-50%) rotate(180deg); }

    /*     .roboter-section .box.box_1 .robot-main .robot-img { max-width: 340px; }
    .roboter-section .box.box_1 .robot-main { height: 240px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_1 { left: -3px; top: 18px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_2 { right: -80px; top: 43px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_3 { left: -127px; top: 49px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_4 { right: -91px; top: 149px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_5 { left: -90px; top: 172px; } */

    .roboter-section .box .robot-main { height: 283px; }
    .roboter-section .box_1 .robot-main .robot-img { max-width: 420px; }
    .roboter-section .box_1 .robot-main .robot-img img { width: 400px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_1 { left: auto;  top: 23px; right: -24px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_2 { top: 54px; right: -74px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_3 { top: 62px; left: -107px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_4 { top: 186px; right: -60px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_5 { top: 198px; left: -83px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title h3 { padding: 0 0 0 53px;}
    .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title h3:after { top: 10px;}

    .roboter-section .box .side-grids {  display: none;}
    .roboter-section .robot-main .robot-img .robo-box { height: auto; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title h3:after,
    .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title h3:after { top: 10px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title h3,
    .roboter-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title h3 { padding: 28px 0 0; }

    .roboter-section .box.box_2 .robot-main { height: 395px; }
    .roboter-section .robot-main .robot-img .robo-box .visible-title h3 { padding: 30px 0 0; }
    .roboter-section .robot-main .robot-img .robo-box .visible-title h3:after { top: 16px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3:after { left: -10px; top: 10px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3 { padding: 25px 0 0; }
    .roboter-section .box_2 .robot-main .robot-img {  max-width: 440px;  height: 360px;}
    .roboter-section .box_2 .robot-main .robot-img { max-width: 440px; height: 360px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_1 { left: -112px; top: 25px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_2 { top: 110px; left: -71px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_3 { left: -28px; top: 191px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_4 { left: -89px; top: 242px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 { right: -5px; top: 207px; max-width: 195px; word-break: break-all; padding-left: 0; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box:hover { backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px);}

    .footer-section .footer-bottom{padding: 5px 0 0px; border-top: 0;}
    .footer-section .footer-menu {border-top: 1px solid #707070;}
    .footer-section .mobile-footer-logo{display: none;}
    .system-combine-section .content-cover .details-box .grid-shape-left {max-width: 283px;}
    .system-img-content-section .box:nth-child(odd) .top-grids .odd-top{max-width: 400px;}
    
    .roboter-slider-section .box .robot-main, .roboter-slider-section .box.box_2 .robot-main {height: auto;}
    .roboter-slider-section .box_2 .robot-main .robot-img, .roboter-slider-section .box_1 .robot-main .robot-img {max-width: 300px; height: 380px;}
    .roboter-slider-section .robot-img-desc {max-width: 100%;}
    .roboter-slider-section .robot-main .robot-img .robo-box .visible-title {max-width: unset;}
    .roboter-slider-section .robot-main .robot-img .robo-box:nth-child(even) .visible-title h3,
    .roboter-slider-section .robot-main .robot-img .robo-box.box_2 .visible-title h3,
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3,
    .roboter-slider-section .robot-main .robot-img .robo-box.box_4 .visible-title h3 {padding: 0 0 0 42px;}
    .roboter-slider-section .robot-main .robot-img .robo-box .visible-title h3:after {top: 10px;}
    .roboter-slider-section .robot-main .robot-img .robo-box:nth-child(3) .visible-title {text-align: left;}
    .roboter-slider-section .robot-main .robot-img .robo-box:nth-child(3) .visible-title h3:after {left: 0; right: unset;}
    .roboter-slider-section .robot-main .robot-img .robo-box.box_2 .visible-title h3:after {top: 10px;}
    .roboter-slider-section .box_2 .robot-main .robot-img img {transform: translateX(-50px);}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3:after {left: 0;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_1 {left: -186px; top: 20px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_2 {top: 80px; left: -171px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 {bottom: 38px; right: -86px; top: auto; left: auto;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_4 {left: -174px; bottom: 60px; top: unset;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 {right: -20px; left: auto; top: 195px; max-width: 195px; word-break: break-all; padding-left: 0; padding-top: 0;}
    .roboter-slider-section .box_1 .robot-main .robot-img {height: 220px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title h3 {padding: 0 0 0 38px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title h3, 
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title h3 {padding: 0 0 0 38px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(3) .visible-title h3,
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box .visible-title h3 {padding: 0 0 0 38px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_1 {top: 17px; right: -160px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_2 {top: 43px; right: -215px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_3 {top: 40px; left: 23px; max-width: unset !important; width: auto !important;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_4 {top: 130px; right: -226px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_5 {top: 160px; left: 82px;}
    .roboter-slider-section .box_2 .robot-main .robot-img {max-width: 220px; height: 250px;}
    .roboter-slider-section .box_2 .robot-main .robot-img img {transform: translateX(-20px);}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box .visible-title h3 {padding: 0 38px 0 0;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 .visible-title h3 {padding-left: 38px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_4 .visible-title h3 {padding: 8px 38px 0 0;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3 {padding: 0 0 0 38px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3:after {margin: 0 18px 0 0;}
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title {text-align: left;}
    .roboter-slider-section .box.box_1 .robot-main .robot-img .robo-box {padding: 0;}
    .home-video-section .video-box video { object-fit: contain; }
}
@media (max-width:600px) {
    .system-hero-section .right-part .hero-img { left: 0; right: 0; margin: auto; }
    .system-hero-section .right-shape { left: -96px; }
    .system-hero-section .right-part { margin: -30px 0 0; }
    .contact-head-section .left-part .top-grid {display: none;}
}
@media (max-width:480px) {
    h2.h5 { line-height: 26px; }
    h3, .h3 { font-size: 20px; }
/*     .home-video-section .video-box { height: 240px;} */
    .home-service-section .section-heading { padding: 0 60px 0; }
    .home-service-section .empty-left .em_box:last-child, .home-service-section .empty-right .em_box:last-child { width: 100%;  height: 50%; display: flex;}
    .home-testimonial-section { padding: 0 0 130px 50px; }
    .system-hero-section .left-part { padding: 0 20px 70px 45px; }
    .system-hero-section .right-shape { left: -198px; }
    .system-hero-section .right-part .hero-img { max-width: 320px; top: 160px; }
    .simple-content-section { margin: -200px 0 0; }
    .system-two-col-section .box:nth-child(odd) .left-part .img-cover .grid-top .grid-odd { max-width: 163px; top: -106px; left: -39px;}
    .system-two-col-section { padding: 113px 0 50px; }
    .system-two-col-section .box:nth-child(even) .left-part .img-cover .grid-top .grid-even { top: -111px; max-width: 162px; }
    .system-two-col-section .box { margin-bottom: 120px; }
    .system-store-section .section-heading { margin-bottom: -270px; }
    .system-combine-section .top-grid { max-width: 225px; margin: 0px 0 -35px; }
    .system-combine-section { padding: 30px 0 20px; }
    .system-combine-section .inner-wrap img { height: 225px !important; }
    .system-combine-section .content-cover { margin: -40px 0 0; }
    .system-combine-section .content-cover .details-box { padding: 30px 20px; }
    .system-store-section .col-wrap .col-box:first-child .box-cover .img-box.grid-box { width: 100%; }
    .system-store-section .col-wrap .col-box .box-cover .details.grid-box { width: 100%; }
    .system-store-section .col-wrap .col-box:first-child .box-cover { flex-direction: column; }
    .system-store-section .col-wrap .col-box:nth-child(even) .box-cover { flex-direction: column; }
    .system-store-section .col-wrap .col-box .box-cover .img-box.grid-box { width: 100%; }
    /*     .system-store-section .col-wrap .col-box .box-cover .details.grid-box .details-inner { border-top: 1px solid #33CCCC; } */
    .system-store-section .col-wrap .col-box .box-cover .img-box.grid-box { border: 0;}
    .system-store-section .col-wrap .col-box .box-cover .details.grid-box .details-inner { padding: 20px 20px 30px;}
    .system-store-section .col-wrap .col-box .box-cover { flex-direction: column; }
    .system-store-section .col-wrap .col-box .grid-box { border-right: 0; }
    .system-img-content-section .box:nth-child(odd) .top-grids .odd-top { max-width: 350px; top: -72px; }
    .system-img-content-section .box { margin: 60px 0 75px; }
    .system-img-content-section .box:nth-child(even) .top-grids .even-top { max-width: 170px; top: -73px; left: -40px; }
    .system-img-content-section .box:nth-child(odd) .top-grids .odd-top { max-width: 390px; top: -24px;}
    .industry-hero-section .right-part .img-outer .bottom-shape { max-width: 281px; bottom: -116px;}
    .industry-hero-section { padding: 40px 0px 140px;}
/*     .gridstation-section .box .top-part .top-inner .img-box img { height: 270px !important; } */
    .job-hero-section .right-part .img-box img { height: 270px !important; }
    .gridstation-section .box .bottom-part .inner-wrap { padding: 20px 20px; }
    .contact-hero-section .right-part .right-grid { max-width: 94px; }
    .contact-head-section { padding: 155px 0 60px; }
    .contact-head-section .right-part .contact-box { padding: 40px 20px 40px; }
    .thankyou-hero-section .top-grid { max-width: 185px; }
    .thankyou-hero-section .bottom-grid { max-width: 72px; }
    .thankyou-hero-section .outer-wrap{ padding: 101px 0 136px; }
    .thankyou-hero-section .left-part .icon { width: 80px; height: 80px; }
    .thankyou-hero-section .right-part h1 { font-size: 35px; line-height: 35px; }
    .impressum-hero-section .outer-wrap { padding: 211px 0 54px; }
    .impressum-hero-section .section-heading h1 { font-size: 33px; }
    .impressum-detail-section { padding: 85px 0px 0px; }
    .industry-tab-section .mobile-tab .box .title-box h4 { line-height: 18px; font-size: 14px; }
    .industry-tab-section .mobile-tab .box .tab-details { padding: 15px; }
    .roboter-section .box .section-heading h1 { font-size: 35px; }
    .roboter-section .robot-main .robot-img { max-width: 280px; }
    .roboter-section .robot-main .robot-grid { width: 1220px; }
    .roboter-section .robot-main .robot-img img { width: 280px; }
    .roboter-section .robot-main .robot-img .robo-box.box_1 { left: -78px; top: 27px; }
    .roboter-section .robot-main .robot-img .robo-box .visible-title h3 { font-size: 13px; padding-right: 30px; }
    .roboter-section .robot-main .robot-img .robo-box .visible-title h3:after { width: 20px; height: 20px; }
    .roboter-section .robot-main .robot-img .robo-box.box_2 { top: 100px; right: -92px; }
    .roboter-section .robot-main .robot-img .robo-box.box_2 .visible-title h3 { padding: 28px 0 0 0px; }
    .roboter-section .robot-main .robot-img .robo-box.box_3 { top: 152px; left: -83px; }
    .roboter-section .robot-main .robot-img .robo-box:nth-child(3) .visible-title h3 { padding: 25px 0 0; }
    .roboter-section .robot-main .robot-img .robo-box.box_4 { right: -83px; top: 162px; }
    .roboter-section .robote-spec-section .grid-box .spec-details { flex-wrap: wrap; height: auto; }
    .roboter-section .robote-spec-section .specification .details { width: 100%; border-bottom: 1px solid #ffffff42; }
    .roboter-section .robote-spec-section .grid-box { margin-bottom: 10px; }
    .roboter-section .robote-spec-section .spec-group:last-child .specification.grid-box { border-bottom: 0; border-top: 1px solid #ffffff42; }
    .roboter-section .box { margin: 0 0 40px; }
    .about-hero-section .wrap .left-part .top-shape { max-width: 220px; left: -30px;  top: -129px;}
    .about-hero-section .wrap .left-part .section-heading h1 { font-size: 35px; }
    .about-hero-section .wrap .right-part { padding: 50px 15px 10px 15px; }
    .about-hero-section .wrap .section-image-wrapper .top-grid { max-width: 90px; top: -22px; }
    .about-hero-section .wrap .section-image-wrapper .bottom-grid { max-width: 130px; bottom: -66px; }
    .about-hero-section { padding: 215px 0px 50px; }
    .about-detail-section .box .left-part .top-grid { max-width: 80px; right: auto; top: -21px; left: 0; }
    .about-detail-section .box .left-part .image-wrapper img { height: 380px !important; }
    .about-detail-section .box .left-part .bottom-grid { max-width: 166px; bottom: -50px; left: auto; right: 0; z-index: 0; }
    .about-detail-section .box .right-part .feedback-box { padding: 30px 0px 0px; max-width: 100%; }
    .about-detail-section .box { padding: 47px 0px 30px 0px; }
    .about-detail-section { padding: 27px 0px 0px; }
    .search-result-section .systems-page { max-width: 100%; padding: 20px 20px 20px 20px;}
    .search-result-section .systems-page h1 { margin-bottom: 30px; font-size: 27px;}
    .search-result-section .outer-wrap-cover { padding: 124px 0px 16px;}
    .job-hero-section .left-part .bottom-shape { max-width: 173px; left: -116px; top: 195px;}
    .home-service-section .inner-cover .main-box .box-inner h5 { font-size: 15px;}
    .home-service-section .inner-cover .main-box .box-inner{ height: 240px;}

    /*     .roboter-section .box.box_1 .robot-main .robo-box.box_1 { left: -45px; top: 8px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_2 { right: -100px; top: 32px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_3 { left: -138px; top: 35px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_4 { right: -117px; top: 112px; }
    .roboter-section .box.box_1 .robot-main .robo-box.box_5 { left: -115px; top: 131px; }
    .roboter-section .box.box_1 .robot-main { height: 200px; margin: 30px 0 20px; }
    .roboter-section .box.box_1 .robot-main .robot-img { max-width: 270px; } */

    .roboter-section .box .robot-main { height: 200px; }
    .roboter-section .box_1 .robot-main .robot-img { max-width: 280px; }
    .roboter-section .box_1 .robot-main .robot-img img { width: 280px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_1 { left: auto; top: 8px; right: -88px;}
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_2 { top: 34px; right: -124px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_3 { top: 37px; left: -136px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_4 { top: 128px; right: -111px; }
    .roboter-section .box_1 .robot-main .robot-img .robo-box.box_5 { top: 134px; left: -136px; }

    .roboter-section .box_2 .robot-main .robot-img img { width: 360px; max-width: 360px; transform: translateX(-22%); }
    .roboter-section .box_2 .robot-main .robot-img { max-width: 250px; height: 300px; }
    .roboter-section .box.box_2 .robot-main { height: 335px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_1 { left: -182px; top: 15px; }
    .roboter-section .robot-main .robot-img .robo-box .visible-title h3 { padding: 25px 0 0; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_2 { top: 79px; left: -141px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_3 { left: -101px; top: 156px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_4 { left: -133px; top: 191px; }
    .roboter-section .robot-main .robot-img .robo-box.box_4 .visible-title h3:after { right: 26px; top: 18px; }
    .roboter-section .box_2 .robot-main .robot-img .robo-box.box_5 { padding: 10px 0 0; right: -11px; top: 163px; max-width: 101px; }

    body{font-size: 14px; line-height: 24px;}
    h5, .h5{font-size: 18px;}
    .home-testimonial-section .testimonial-slider h3 {line-height: 26px;}
    h3, .h3{font-size: 18px;}
    h6, .h6{font-size: 16px;}
    .roboter-section .box .section-heading h1{font-size: 32px;}
    .roboter-section .mobile-details .robo-box h4{font-size: 16px;}
    h2, .h2{font-size: 22px;}
    .system-img-content-section .box:nth-child(odd) .top-grids .odd-top{max-width: 360px;}
    .system-combine-section .content-cover .details-box .grid-shape-left {max-width: 272px;}
    
    .roboter-slider-section .box .robot-main {height: auto;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box:nth-child(even) .visible-title h3, 
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_2 .visible-title h3, 
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3, 
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box:nth-child(3) .visible-title h3,
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_4 .visible-title h3,
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box:nth-child(3) .visible-title h3 {padding: 0 0 0 30px;}
    .roboter-slider-section .box_2 .robot-main .robot-img {max-width: 180px; height: 200px; margin: 40px 0 0;}
    .roboter-slider-section .box_2 .robot-main .robot-img img {transform: translateX(0px);}
    
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_1 {left: -139px; top: 11px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_2 {top: 70px; left: -124px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 {bottom: 22px; right: -86px; top: auto; left: auto; max-width: 180px !important; padding-right: 30px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_4 {left: -123px; bottom: 39px; top: unset;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 {right: -20px; left: auto; top: auto; max-width: 195px; word-break: break-all; padding-left: 0; padding-top: 0; bottom: 24px;}
    
    .roboter-slider-section .robot-main .robot-img .robo-box.box_4 .visible-title h3:after {top: 10px; right: unset;}
    .roboter-slider-section .robot-img-desc .hidden-details .content p {font-size: 14px;}
    .roboter-slider-section .robo-detail {padding: 30px 0px 50px; margin-top: 50px;}
    .roboter-slider-section .robo-detail .robo-box {padding: 0px 25px;}
    .roboter-slider-section .robot-img-desc .hidden-details h4 {font-size: 18px;}
    .roboter-slider-section .box_1 .robot-main .robot-img {max-width: 220px; height: 170px; margin: 50px 0 0;}
    .roboter-slider-section .box_1 .robot-main .robot-img img {transform: translateX(-20px);}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box .visible-title h3 {padding: 0 30px 0 0;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_3 .visible-title h3 {padding-left: 30px;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_4 .visible-title h3 {padding: 0px 30px 0 0;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_5 .visible-title h3 {padding: 0 0 0 30px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(1) .visible-title h3 {padding: 0 0 0 30px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(2) .visible-title h3, 
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(4) .visible-title h3 {padding: 0 0 0 30px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box:nth-child(3) .visible-title h3,
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box .visible-title h3 {padding: 0 0 0 30px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_1 {top: 9px; right: -98px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_2 {top: 28px; right: -137px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_3 {top: 28px; left: -4px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_4 {top: 92px; right: -148px;}
    .roboter-slider-section .box_1 .robot-main .robot-img .robo-box.box_5 {top: 113px; left: 40px;}
    .roboter-section .robot-main .robot-img .robo-box:nth-child(3) .visible-title h3:after {top: 10px;}
    .roboter-slider-section .box_1 .robo-detail {margin-top: -10px; margin-bottom: 0px;} 
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_2 .visible-title h3 {padding: 0 30px 0 0;}
    .roboter-slider-section .box_2 .robot-main .robot-img .robo-box.box_4 .visible-title h3:after {margin: 0 0 0 9px;}
    .roboter-slider-section .box_2 .robo-detail {margin-top: 0; margin-bottom: 0;}
    .roboter-slider-section .box.box_2 .robot-main {height: auto; margin-bottom: 40px;}
    
}