@charset "utf-8";
@font-face {
    font-family: "Exo-Regular";
    src: url(../fonts/exo/Exo-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/exo/Exo-Regular.otf) format("opentype"), url(../fonts/exo/Exo-Regular.woff) format("woff"), url(../fonts/exo/Exo-Regular.ttf) format("truetype"),
        url(../fonts/exo/Exo-Regular.svg#Exo-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Exo-Medium";
    src: url(../fonts/exo/Exo-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/exo/Exo-Medium.otf) format("opentype"), url(../fonts/exo/Exo-Medium.woff) format("woff"), url(../fonts/exo/Exo-Medium.ttf) format("truetype"),
        url(../fonts/exo/Exo-Medium.svg#Exo-Medium) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Exo-Bold";
    src: url(../fonts/exo/Exo-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/exo/Exo-Bold.otf) format("opentype"), url(../fonts/exo/Exo-Bold.woff) format("woff"), url(../fonts/exo/Exo-Bold.ttf) format("truetype"),
        url(../fonts/exo/Exo-Bold.svg#Exo-Bold) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Exo-DemiBold";
    src: url(../fonts/exo/Exo-DemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/exo/Exo-DemiBold.otf) format("opentype"), url(../fonts/exo/Exo-DemiBold.woff) format("woff"), url(../fonts/exo/Exo-DemiBold.ttf) format("truetype"),
        url(../fonts/exo/Exo-DemiBold.svg#Exo-DemiBold) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Exo-Thin";
    src: url(../fonts/exo/Exo-Thin.eot?#iefix) format("embedded-opentype"), url(../fonts/exo/Exo-Thin.otf) format("opentype"), url(../fonts/exo/Exo-Thin.woff) format("woff"), url(../fonts/exo/Exo-Thin.ttf) format("truetype"),
        url(../fonts/exo/Exo-Thin.svg#Exo-Thin) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Exo-ExtraBold";
    src: url(../fonts/exo/Exo-ExtraBold.eot?#iefix) format("embedded-opentype"), url(../fonts/exo/Exo-ExtraBold.otf) format("opentype"), url(../fonts/exo/Exo-ExtraBold.woff) format("woff"),
        url(../fonts/exo/Exo-ExtraBold.ttf) format("truetype"), url(../fonts/exo/Exo-ExtraBold.svg#Exo-ExtraBold) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Exo-Light";
    src: url(../fonts/exo/Exo-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/exo/Exo-Light.otf) format("opentype"), url(../fonts/exo/Exo-Light.woff) format("woff"), url(../fonts/exo/Exo-Light.ttf) format("truetype"),
        url(../fonts/exo/Exo-Light.svg#Exo-Light) format("svg");
    font-weight: 400;
    font-style: normal;
}
*,
:after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
    font-family: "Exo-Regular";
    font-size: 14px;
    color: #626262;
}
a {
    text-decoration: none;
    color: #626262;
}
img {
    border: 0;
}
:focus {
    outline: none;
}
.clear {
    clear: both;
}
.banner-container {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
}
.banner-container .loading {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
    text-align: center;
}
.banner-container .loading .ld-loading {
    z-index: 0;
}
.top-container {
    width: 100%;
    position: absolute;
    top: 0;
}
.logo {
    width: 280px;
    float: left;
    margin: 10px 0 0 50px;
}
.logo img {
    width: 280px;
    height: 81px;
}
.top-menu {
    float: right;
    margin: 50px 230px 0 0;
    padding: 0;
    list-style-type: none;
}
.top-menu li {
    float: left;
    color: #eee;
    font-family: "Exo-Medium";
    font-size: 20px;
    margin-left: 43px;
    letter-spacing: 1px;
}
.top-menu li a {
    color: #eee;
}
.top-menu li:hover a {
    color: #f7a600;
}
.get-offer {
    background: url(../images/teklif-al.png) no-repeat;
    width: 135px;
    height: 135px;
    position: fixed;
    right: 36px;
    bottom: 32px;
    transform: translatey(0px);
    animation: float 2s ease-in-out infinite;
    cursor: pointer;
    z-index: 50;
    color: transparent;
}
.get-offer:hover {
    background: url(../images/teklif-al-hover.png) no-repeat;
}
@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}
.main-container {
    width: 1366px;
    margin: 0 auto;
}
.middle-container {
    width: 101.5%;
    margin-bottom: 25px;
}
.middle-container-title {
    width: 100%;
    text-align: center;
    color: #616060;
    font-size: 55px;
    font-family: "Exo-Bold";
    position: relative;
    margin: 33px 0 17px;
}
.middle-container-title .shadow {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 83px;
    font-family: "Exo-Bold";
    -webkit-text-stroke: 2px #e1e1e1;
    position: absolute;
    z-index: 0;
}
.middle-container-title .title {
    position: relative;
    z-index: 1;
    padding-top: 46px;
    padding-left: 79px;
}
.middle-list-container {
    width: 102%;
    display: table;
}
.middle-list-content {
    width: 20%;
    background: url(../images/list-bg.png) no-repeat center center;
    background-size: cover;
    float: left;
    margin: 20px 30px 40px;
    height: 282px;
    cursor: pointer;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
}
.middle-list-content:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 8%;
    left: 8%;
    right: 8%;
    bottom: 8%;
    background: #f7a600;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.middle-list-content a {
    display: block;
    height: 100%;
}
.middle-list-content:active:before,
.middle-list-content:focus:before,
.middle-list-content:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.middle-list-content .bg {
    width: 100%;
    height: 100%;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.middle-list-content .icons {
    width: 100%;
    height: 140px;
    background-position: center 32px;
    background-repeat: no-repeat;
    position: relative;
}
.middle-list-content.designed .icons {
    background-image: url(../images/web-tasarim.png);
}
.middle-list-content.designed:hover .icons {
    background-image: url(../images/web-tasarim-hover.png);
}
.middle-list-content.designed .bg {
    background-image: url(../images/web-tasarim-bg.png);
}
.middle-list-content.programmer .icons {
    background-image: url(../images/web-yazilim.png);
}
.middle-list-content.programmer:hover .icons {
    background-image: url(../images/web-yazilim-hover.png);
}
.middle-list-content.programmer .bg {
    background-image: url(../images/web-yazilim-bg.png);
}
.middle-list-content.mobile .icons {
    background-image: url(../images/mobil-site.png);
}
.middle-list-content.mobile:hover .icons {
    background-image: url(../images/mobil-site-hover.png);
}
.middle-list-content.mobile .bg {
    background-image: url(../images/mobil-site-bg.png);
}
.middle-list-content.ecommerce .icons {
    background-image: url(../images/e-ticaret-yazilim.png);
}
.middle-list-content.ecommerce:hover .icons {
    background-image: url(../images/e-ticaret-yazilim-hover.png);
}
.middle-list-content.ecommerce .bg {
    background-image: url(../images/e-ticaret-yazilim-bg.png);
}
.middle-list-content.search .icons {
    background-image: url(../images/arama-motoru.png);
}
.middle-list-content.search:hover .icons {
    background-image: url(../images/arama-motoru-hover.png);
}
.middle-list-content.search .bg {
    background-image: url(../images/arama-motoru-bg.png);
}
.middle-list-content.mobileapp .title {
    font-size: 17px;
}
.middle-list-content.adwords .icons {
    background-image: url(../images/google-adwords.png);
}
.middle-list-content.adwords:hover .icons {
    background-image: url(../images/google-adwords-hover.png);
}
.middle-list-content.adwords .bg {
    background-image: url(../images/google-adwords-bg.png);
}
.middle-list-content.media .icons {
    background-image: url(../images/sosyal-medya.png);
}
.middle-list-content.media:hover .icons {
    background-image: url(../images/sosyal-medya-hover.png);
}
.middle-list-content.media .bg {
    background-image: url(../images/sosyal-medya-bg.png);
}
.middle-list-content.corporate .icons {
    background-image: url(../images/kurumsal-kimlik.png);
}
.middle-list-content.corporate:hover .icons {
    background-image: url(../images/kurumsal-kimlik-hover.png);
}
.middle-list-content.corporate .bg {
    background-image: url(../images/kurumsal-kimlik-bg.png);
}
.middle-list-content.corporate .title {
    font-size: 17px;
}
.middle-list-content.portal .icons {
    background-image: url(../images/portal-gelistirme.png);
}
.middle-list-content.portal:hover .icons {
    background-image: url(../images/portal-gelistirme-hover.png);
}
.middle-list-content.portal .bg {
    background-image: url(../images/portal-gelistirme-bg.png);
}
.middle-list-content.mobileapp .icons {
    background-image: url(../images/mobil-uygulama.png);
}
.middle-list-content.mobileapp:hover .icons {
    background-image: url(../images/mobil-uygulama-hover.png);
}
.middle-list-content.mobileapp .bg {
    background-image: url(../images/mobil-uygulama-bg.png);
}
.list-space .middle-list-content.left-pad {
    margin-left: 26.8%;
}
.middle-list-content.multimedia .icons {
    background-image: url(../images/multimedia.png);
}
.middle-list-content.multimedia:hover .icons {
    background-image: url(../images/multimedia-hover.png);
}
.middle-list-content.multimedia .bg {
    background-image: url(../images/multimedia-bg.png);
}
.middle-list-content.multimedia .title {
    font-size: 18px;
}
.list-space .middle-list-content.left-pad {
    margin-left: 26.8%;
}
.middle-list-content .title {
    color: #e69b02;
    width: 100%;
    height: 31px;
    overflow: hidden;
    font-size: 19px;
    font-family: "Exo-Bold";
    text-align: center;
    position: relative;
}
.middle-list-content .title h1 {
    font-size: 19px;
    font-family: "Exo-Bold";
    font-weight: 400;
    margin: 0;
}
.middle-list-content .desc {
    width: 100%;
    padding: 0 30px;
    color: #717171;
    font-size: 15px;
    text-align: center;
    font-family: "Exo-Medium";
    line-height: 22px;
    position: relative;
}
.middle-list-content:hover .desc,
.middle-list-content:hover .title {
    color: #fff;
}
.all-view-button {
    min-width: 250px;
    text-align: center;
    display: table;
    margin: 0 auto;
    border: 2px solid #616060;
    color: #616060;
    font-size: 19px;
    font-family: "Exo-DemiBold";
    cursor: pointer;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}
.all-view-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #616060;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.all-view-button:active:before,
.all-view-button:focus:before,
.all-view-button:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 2px;
}
.all-view-button a {
    padding: 13px 10px 11px;
    display: block;
    color: #616060;
}
.all-view-button.top {
    margin-bottom: 50px;
}
.grey-container {
    width: 100%;
    background: #eae9e9;
    padding-top: 68px;
    margin-top: -31px;
    display: table;
}
.pic-logo {
    max-width: 180px;
    max-height: 100px;
    position: absolute;
    left: 30px;
    top: 30px;
}
.pic-logo img {
    max-width: 180px;
    max-height: 100px;
}
.pic-view {
    width: 108px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 0 auto;
    border: 1px solid #fff;
    letter-spacing: 1px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.pic-view:before {
    position: absolute;
    z-index: -1;
    content: "";
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.pic-view:hover,
.pic-view:focus,
.pic-view:active {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    background: #e69b02;
    border-color: #e69b02;
}
.pic-view:hover:before,
.pic-view:focus:before,
.pic-view:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    border-color: transparent transparent #e69b02;
}
.pic-view a {
    padding: 11px 12px 8px;
    display: block;
    color: #fff;
}
.pic-caption:before {
    display: block;
    content: "";
    width: 46px;
    height: 46px;
    position: absolute;
    top: 28px;
    left: 28px;
    border-top: 2px solid #f1f2f3;
    border-left: 2px solid #f1f2f3;
}
.pic-caption:after {
    display: block;
    content: "";
    width: 46px;
    height: 46px;
    position: absolute;
    top: 28px;
    right: 28px;
    border-top: 2px solid #f1f2f3;
    border-right: 2px solid #f1f2f3;
}
.pic-title:before {
    display: block;
    content: "";
    width: 46px;
    height: 46px;
    position: absolute;
    bottom: 28px;
    left: 28px;
    border-bottom: 2px solid #f1f2f3;
    border-left: 2px solid #f1f2f3;
}
.pic-title:after {
    display: block;
    content: "";
    width: 46px;
    height: 46px;
    position: absolute;
    bottom: 28px;
    right: 28px;
    border-bottom: 2px solid #f1f2f3;
    border-right: 2px solid #f1f2f3;
}
.pic-desc {
    font-size: 17px;
    color: #fff;
    width: 87%;
    margin: 0 auto;
    letter-spacing: 1px;
    line-height: 24px;
}
.bottom-container {
    width: 100%;
    display: table;
}
.aboutus-container {
    width: 45%;
    float: left;
    background: url(../images/bize-dair.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    height: 435px;
    padding: 40px 50px 40px 65px;
    color: #fff;
    font-family: "Exo-Medium";
    font-size: 1.1vw;
    line-height: 3.3vh;
    letter-spacing: 1px;
}
.aboutus-container .shadow {
    position: absolute;
    left: 0;
    top: 0;
    background: radial-gradient(circle, rgba(252, 176, 25, 0.9), rgba(237, 135, 3, 0.9) 120%);
    width: 100%;
    height: 100%;
    z-index: 0;
}
.aboutus-container .title {
    font-size: 2.6vw;
    font-family: "Exo-Bold";
    margin-bottom: 45px;
    z-index: 1;
    position: relative;
    line-height: 50px;
}
.aboutus-container .desc {
    height: 222px;
    width: 100%;
    z-index: 1;
    position: relative;
    text-align: justify;
}
.continue-button {
    min-width: 114px;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    font-family: "Exo-Medium";
    font-size: 16px;
    float: right;
    padding: 3px 3px 2px;
    display: block;
    z-index: 1;
    position: relative;
    cursor: pointer;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}
.continue-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #fff;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.continue-button:active:before,
.continue-button:focus:before,
.continue-button:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 2px;
}
.ask-container {
    width: 28.5%;
    float: left;
    height: 435px;
    padding: 40px 23px 38px 40px;
    color: #8b8b8b;
    font-size: 15px;
    letter-spacing: 1px;
}
.ask-container .title,
.blog-container .title {
    font-size: 2.6vw;
    font-family: "Exo-Bold";
    margin-bottom: 10px;
    line-height: 50px;
    color: #f7a600;
}
.ask-container .desc {
    margin-bottom: 25px;
    width: 100%;
}
.error {
    color: red;
}
.success {
    color: green;
}
.content {
    width: 100%;
}
.column-9 {
    width: 90%;
}
.column-8 {
    width: 80%;
}
.column-7 {
    width: 70%;
}
.column-6 {
    width: 60%;
}
.column-5 {
    width: 48%;
}
.column-45 {
    width: 43%;
}
.column-4 {
    width: 40%;
}
.column-3 {
    width: 30%;
    width: 20%;
}
.column-1 {
    width: 10%;
}
.left {
    float: left;
}
.right {
    float: right;
}
.ask-txt {
    width: 100%;
    margin-bottom: 16px;
    font-family: "Exo-Regular";
    font-size: 15px;
    padding: 14px 25px 11px 13px;
    border: 1px solid #cac8c8;
    background-repeat: no-repeat;
    background-position: 97% center;
    letter-spacing: 1px;
    color: #c1bfbf;
    border-radius: 0;
    -webkit-appearance: none;
}
.ask-txt::placeholder {
    color: #c1bfbf;
    font-family: "Exo-Regular";
    font-size: 15px;
}
.ask-txt.name {
    background-image: url(../images/user-icon.png);
}
.ask-txt.email {
    background-image: url(../images/email-icon.png);
}
.ask-txt.phone {
    background-image: url(../images/phone.png);
}
.ask-txt.subject {
    height: 116px;
    resize: none;
}
.ask-right {
    padding-top: 0;
}
.refresh-button {
    width: 20px;
    height: 22px;
    float: left;
    background: url(../images/refresh.png) no-repeat;
    border: 0;
    margin-right: 10px;
    cursor: pointer;
}
.security-img {
    width: 60px;
    float: left;
    margin-top: 5px;
}
.ask-txt.secure {
    width: 51.5%;
    float: right;
    padding: 8px 5px 7px;
    font-size: 14px;
    margin-top: -3px;
}
.ask-txt.secure::placeholder {
    font-size: 13px;
}
.continue-button.orange {
    margin-top: 18px;
    color: #f7a600;
    border: 2px solid #f7a600;
    padding: 12px 10px 8px;
    background-color: transparent;
    float: right;
    display: inline-block;
    clear: both;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    border-radius: 0;
    -webkit-appearance: none;
}
.continue-button.orange:hover {
    background: #f7a600;
    color: #fff;
}
.continue-button.orange.contact {
    padding: 17px 10px 13px;
    margin-top: 0;
    clear: none;
}
.blog-container {
    width: 26.5%;
    float: right;
    background: #fef5e7;
    padding: 40px 31px 40px 38px;
    height: 435px;
}
.blog-list-container {
    width: 100%;
    height: 238px;
}
.blog-list {
    width: 100%;
    margin: 18px 0;
    display: inline-block;
}
.blog-list .bimg {
    width: 40.5%;
    margin-right: 13px;
    float: left;
    border: 2px dashed #ed8703;
    height: 90px;
}
.blog-list .bimg img {
    width: 100%;
    height: 100%;
}
.blog-list .desc {
    float: right;
    width: 56%;
    color: #767676;
    line-height: 17px;
    text-align: justify;
}
.blog-list .bdesc {
    width: 100%;
}
.blog-list .btitle {
    width: 100%;
    height: 45px;
    font-size: 16px;
    font-family: "Exo-Medium";
    line-height: 20px;
}
.continue-button.big {
    margin-top: 20px;
    color: #f7a600;
    border: 2px solid #f7a600;
    padding: 12px 25px 8px;
    background-color: transparent;
    float: right;
    display: inline-block;
    clear: both;
    z-index: 52;
}
.continue-button.big:before {
    border-color: #f7a600;
}
.continue-button.big a {
    color: #f7a600;
}
.footer-container {
    width: 100%;
    background: url(../images/footer-bg.png) no-repeat center center;
    background-size: cover;
    position: relative;
    padding: 20px 0 75px;
    display: table;
}
.footer-container .shadow {
    background: rgba(66, 74, 78, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
}
.footer-box {
    float: left;
    width: 40.5%;
    background: url(../images/footer-big-logo.png) no-repeat 65% top;
    position: relative;
    color: #ccc;
}
.footer-box.second {
    width: 31%;
    background: none;
}
.footer-box.third {
    width: 28%;
    background: none;
}
.footer-box .title {
    font-size: 35px;
    margin-bottom: 32px;
    font-family: "Exo-DemiBold";
    width: 100%;
    margin-top: 30px;
}
.footer-box .title a {
    color: #ccc;
}
.footer-box .desc {
    width: 61%;
    font-size: 14px;
    margin-bottom: 52px;
    line-height: 20px;
    letter-spacing: 0.5px;
}
.footer-txt {
    border: 1px solid #f7a600;
    width: 66%;
    padding: 14px 65px 12px 17px;
    background: url(../images/mail-orange.png) no-repeat 97% center;
    color: #f7a600;
    font-size: 17px;
    border-radius: 0;
    -webkit-appearance: none;
}
.footer-txt::placeholder {
    color: #f7a600;
    font-family: "Exo-Regular";
    font-size: 17px;
}
.form-error {
    color: #f7a600;
    position: absolute;
    top: 3px;
    right: 3px;
}
.column-5 .form-line {
    width: 100%;
    position: relative;
}
.form-error-phone {
    right: -90%;
    font-size: 12px;
    top: 10px;
    color: #f7a600;
    position: absolute;
}
.contact-form-container .form-error-phone {
    right: 5px;
}
.ask-right .g-recaptcha {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
.ask-right .continue-button.orange {
    margin-top: -7px;
}
@-webkit-keyframes back-pulse {
    50% {
        background-color: rgba(247, 166, 0, 0.75);
    }
}
@keyframes back-pulse {
    50% {
        background-color: rgba(247, 166, 0, 0.75);
    }
}
.footer-button {
    background: #33383a;
    width: 66%;
    border: 0;
    padding: 15px 20px 13px;
    text-align: center;
    color: #f7a600;
    font-size: 17px;
    font-family: "Exo-Medium";
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    cursor: pointer;
    border-radius: 0;
    -webkit-appearance: none;
}
.footer-button:hover,
.footer-button:focus,
.footer-button:active {
    -webkit-animation-name: back-pulse;
    animation-name: back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #f7a600;
    background-color: #f7a600;
    color: #fff;
}
.footer-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}
.footer-menu li {
    color: #ccc;
    font-size: 15px;
    line-height: 28px;
    width: 100%;
    letter-spacing: 0.5px;
}
.footer-menu li h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
}
.footer-menu li a {
    color: #ccc;
    display: block;
}
.footer-menu li a:hover {
    color: #fff;
}
.footer-address-line {
    width: 100%;
    padding: 0 0 0 68px;
    color: #ccc;
    font-size: 14px;
    display: table;
    margin-bottom: 16px;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    min-height: 43px;
    letter-spacing: 0.5px;
}
.footer-address-line a {
    color: #ccc;
    text-decoration: none;
}
.footer-address-line.address {
    background-image: url(../images/address-orange.png);
}
.footer-address-line.phone {
    background-image: url(../images/phone-orange.png);
}
.footer-address-line.email {
    background-image: url(../images/mail-orange-small.png);
}
.footer-address-line.address span {
    font-weight: bold;
    width: 100%;
    display: table;
    font-size: 16px;
}
.social-container {
    width: 100%;
    margin: 18px 0 0;
    padding: 0;
    list-style-type: none;
    z-index: 99;
    position: relative;
}
.social-container li {
    width: 35px;
    height: 35px;
    border: 2px solid #cacaca;
    border-radius: 100%;
    float: left;
    margin-right: 12px;
    display: table;
    font-size: 0;
}
.social-container li a {
    color: transparent;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.social-container li a:before {
    color: #cacaca;
    font-size: 19px;
    font-family: "minicons-webalys";
}
.social-container li:before {
    font-family: "FontAwesomes";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none !important;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    color: #cacaca;
}
.social-container li a.icon-instagram:before,
.social-container li a.icon-linkedin:before {
    font-family: "FontAwesomes";
}
.social-container li a:hover:before {
    color: #d3930e;
}
.social-container li:hover {
    border-color: #d3930e;
}
.footer {
    background: #33383a;
    width: 100%;
    padding: 25px 0;
    display: table;
}
.footer-logo {
    width: 189px;
    height: 52px;
    float: left;
}
.footer-bottom-menu {
    float: right;
    width: 50%;
    margin: 23px 0 0;
    padding: 0;
    list-style-type: none;
}
.footer-bottom-menu li {
    color: #626667;
    font-size: 15px;
    margin-left: 35px;
    float: right;
}
.footer-bottom-menu li a {
    color: #626667;
}
.footer-bottom-menu li a:hover {
    color: #ccc;
}
.banner-caption-title {
    color: #fff;
    font-size: 5.35vw;
    font-family: "Exo-ExtraBold";
}
.banner-caption-title.orange {
    color: #f7a600;
}
.banner-caption-middle-title {
    color: #fff;
    font-size: 3.85vw;
    font-family: "Exo-Regular";
    margin-top: 10px;
    padding-bottom: 7.5vh;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.banner-caption-middle-title.noborder {
    border: 0;
}
.banner-caption-desc {
    width: 80%;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fade-in {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}
.fade-in.one {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.fade-in.two {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.fade-in.three {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.modal-title {
    padding-top: 20px;
    padding-left: 60px;
}
.modal-desc {
    color: #5e5e5e;
    font-size: 22px;
    font-family: "Exo-Medium";
    padding-left: 60px;
    margin-top: 15px;
    line-height: 28px;
}
.modal-left {
    width: 37%;
    float: left;
    margin-right: 35px;
}
.modal-left label.error,
.modal-right label.error {
    position: absolute;
    right: 3px;
    color: red;
    top: 3px;
}
.modal-left .form-line,
.modal-right .form-line {
    position: relative;
    width: 100%;
}
.modal-right {
    width: 58%;
    float: left;
}
.modal-txt {
    border: 1px solid #6e6e6e;
    width: 100%;
    padding: 13px 20px 10px;
    color: #717171;
    font-size: 16px;
    font-family: "Exo-Medium";
    margin-bottom: 20px;
    background: transparent;
    margin-left: 1px;
    border-radius: 0;
    -webkit-appearance: none;
}
.modal-txt::placeholder {
    color: #717171;
    font-family: "Exo-Medium";
    font-size: 16px;
}
.modal-txt.message {
    height: 140px;
    resize: none;
    font-family: "Exo-Medium";
    margin-bottom: 18px;
}
.modal-button {
    background: #f7a600;
    padding: 13px 25px 12px;
    float: right;
    text-align: center;
    color: #f6f6f6;
    font-size: 18px;
    border: 0;
    font-family: "Exo-Medium";
    letter-spacing: 1px;
    cursor: pointer;
}
.content-banner {
    width: 100%;
    height: 450px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 6px solid #f7a600;
}
.content-banner-shadow {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.content-title-block {
    left: calc((100% - 1370px) / 2);
    left: -webkit-calc((100% - 1370px)/2);
    width: calc(((100% - 1370px) / 2) + 1370px);
    width: -webkit-calc(((100% - 1370px) / 2) + 1370px);
    position: absolute;
    background: rgba(21, 21, 21, 0.25);
    top: 200px;
    padding: 25px 0 20px;
}
.content-title-block .center-text {
    width: 1370px;
}
.content-title-block .big-title {
    font-size: 5.45vw;
    font-family: "Exo-Bold";
    text-align: center;
    color: rgba(254, 254, 254, 0.04);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.07);
    width: 100%;
    line-height: 8.5vh;
    margin-left: -50px;
    letter-spacing: 1px;
}
.content-title-block.small .big-title {
    font-size: 3.45vw;
}
.content-title-block h1 {
    color: #dcdcdc;
    font-size: 3.65vw;
    margin: 0;
    padding: 0;
    width: 100%;
    font-weight: 400;
    font-family: "Exo-Bold";
    text-align: center;
    line-height: 0;
}
.content-title-block .small-title {
    color: #dcdcdc;
    font-size: 3.65vw;
    margin: 0;
    padding: 0;
    width: 100%;
    font-weight: 400;
    font-family: "Exo-Bold";
    text-align: center;
    line-height: 0;
}
.content-title-block.small h1 {
    font-size: 2.65vw;
}
.navigate-menu {
    width: 100%;
    margin: 65px 0 0;
    padding: 0 0 0 15px;
    list-style-type: none;
}
.navigate-menu li {
    margin-right: 18px;
    background: url(../images/arrow.png) no-repeat right 1px;
    color: #a5a5a5;
    font-size: 14px;
    font-family: "Exo-Regular";
    float: left;
    letter-spacing: 0.5px;
}
.navigate-menu li:last-child {
    background: none;
}
.navigate-menu li a {
    display: block;
    padding: 0 25px 0 0;
    color: #a5a5a5;
}
.navigate-menu li a:hover {
    color: #fff;
}
.content-container {
    width: 100%;
    padding: 75px 0;
    font-size: 1.04vw;
    color: #626262;
    line-height: 3.1vh;
    font-family: "Exo-Light";
    text-align: justify;
}
.content-container p {
    margin: 5px 0;
}
.list-space {
    padding: 50px 0;
    width: 109%;
    margin-left: -2.8%;
    display: table;
}
.list-space .middle-list-content {
    margin: 20px 39px 40px;
    width: 19%;
}
.list-space .middle-list-content:before {
    left: 6%;
    top: 6%;
    right: 6%;
    bottom: 6%;
}
.web-designed-bg {
    background: url(../images/web-tasarim-body.png) no-repeat left top;
    width: 100%;
    position: absolute;
    left: 0;
    min-height: 1222px;
    background-size: cover;
}
.content-img {
    max-width: 100%;
    height: auto;
    margin: 55px 0 60px;
}
.content-img.web {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.46);
}
.main-container.web {
    padding-bottom: 300px;
}
.content-liste {
    list-style-type: square;
}
.references {
    padding: 50px 0;
}
.pic.part1 {
    width: 680px;
    height: 335px;
}
.pic.part2 {
    width: 335px;
    height: 335px;
}
.pic.part3 {
    width: 334px;
    height: 680px;
    max-height: 680px;
}
.pic.part3 .pic-title {
    padding-top: 65%;
}
.pic a {
    display: block;
    width: 100%;
    height: 100%;
}
.reference-detail {
    padding: 50px 0 0;
    background: #e6e6e6;
    margin: 50px auto 30px;
    width: 100%;
    position: relative;
}
.reference-menu {
    max-width: 100%;
    display: table;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}
.reference-menu li {
    display: inline-block;
    margin: 0 25px 25px;
    border-radius: 25.5px;
    color: #8a8a8d;
    font-size: 18px;
    font-family: "Exo-Medium";
    padding: 3px;
    min-width: 150px;
    text-align: center;
}
.reference-menu li > div {
    background: #e6e6e6;
    border-radius: 23.5px;
    padding: 13px 10px 12px;
}
.reference-menu li.red {
    background-image: radial-gradient(circle, #f44040, #fc7f7f 130%);
    background-image: -webkit-gradient(circle, #f44040, #fc7f7f 130%);
}
.reference-menu li.blue {
    background-image: radial-gradient(circle, #1d75c7, #53a0e7 130%);
    background-image: -webkit-gradient(circle, #1d75c7, #53a0e7 130%);
}
.reference-menu li.green {
    background-image: radial-gradient(circle, #1db121, #67de6a 130%);
    background-image: -webkit-gradient(circle, #1db121, #67de6a 130%);
}
.reference-menu li.orange {
    background-image: radial-gradient(circle, #ef7e04, #ebaf0c 130%);
    background-image: -webkit-gradient(circle, #ef7e04, #ebaf0c 130%);
}
.reference-menu li.turquase {
    background-image: radial-gradient(circle, #04998d, #20eddc 130%);
    background-image: -webkit-gradient(circle, #04998d, #20eddc 130%);
}
.reference-menu li.navy {
    background-image: radial-gradient(circle, #00457f, #026bc5 130%);
    background-image: -webkit-gradient(circle, #00457f, #026bc5 130%);
}
.reference-menu li.yellow {
    background-image: radial-gradient(circle, #c0c702, #eef446 130%);
    background-image: -webkit-gradient(circle, #c0c702, #eef446 130%);
}
.reference-menu li.pink {
    background-image: radial-gradient(circle, #b70182, #f659c8 130%);
    background-image: -webkit-gradient(circle, #b70182, #f659c8 130%);
}
.reference-menu li.purple {
    background-image: radial-gradient(circle, #6f03a7, #a80ff8 130%);
    background-image: -webkit-gradient(circle, #6f03a7, #a80ff8 130%);
}
.reference-menu li.brown {
    background-image: radial-gradient(circle, #8d4b03, #d48734 130%);
    background-image: -webkit-gradient(circle, #8d4b03, #d48734 130%);
}
.reference-menu li.fuchsia {
    background-image: radial-gradient(circle, #a005ae, #e107f5 130%);
    background-image: -webkit-gradient(circle, #a005ae, #e107f5 130%);
}
.reference-menu li.claretRed {
    background-image: radial-gradient(circle, #990404, #f80a0a 130%);
    background-image: -webkit-gradient(circle, #990404, #f80a0a 130%);
}
.reference-menu li.lightGreen {
    background-image: radial-gradient(circle, #049749, #1df784 130%);
    background-image: -webkit-gradient(circle, #049749, #1df784 130%);
}
.reference-img {
    width: 100%;
    margin-top: 35px;
}
.reference-img img {
    width: 100%;
}
.reference-btn {
    width: 303px;
    background: #f1a200;
    margin: 0 auto 20px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    cursor: pointer;
    font-family: "Exo-DemiBold";
}
.reference-btn:hover,
.reference-btn:focus,
.reference-btn:active {
    -webkit-animation-name: back-pulse-black;
    animation-name: back-pulse-black;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #33383a;
    background-color: #33383a;
    color: #fff;
}
.reference-btn a {
    display: block;
    padding: 20px 10px;
    color: #fff;
}
@-webkit-keyframes back-pulse-black {
    50% {
        background-color: #f1a200;
    }
}
@keyframes back-pulse-black {
    50% {
        background-color: #f1a200;
    }
}
.reference-back-btn {
    border: 2px solid #e7e6e6;
    background: url(../images/prev.png) no-repeat 30px 16px;
    min-width: 167px;
    color: #c3c3c3;
    font-size: 16px;
    font-family: "Exo-Medium";
    float: left;
    padding: 17px 10px 14px 50px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    position: relative;
    letter-spacing: 0.5px;
}
.reference-back-btn.disable {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.reference-back-btn.next {
    background: url(../images/next.png) no-repeat 85% 16px;
    float: right;
    padding: 17px 45px 14px 10px;
    text-align: right;
}
.reference-back-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #e7e6e6;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.reference-back-btn:active:before,
.reference-back-btn:focus:before,
.reference-back-btn:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 2px;
}
.reference-social {
    text-align: center;
    width: calc(100% - 334px);
    width: -webkit-calc(100% - 334px);
    color: #9c9c9c;
    font-family: "Exo-Medium";
    font-size: 20px;
    display: inline-block;
    margin-top: 30px;
}
.share-social-menu {
    display: table;
    width: auto;
    max-width: 100%;
    margin: 27px auto 40px;
    padding: 0;
}
.share-social-menu li {
    width: 46px;
    height: 46px;
    border: 1px solid #4b76bd;
    background: #4b76bd;
    position: relative;
    margin: 0 5px;
    padding: 0;
    list-style-type: none;
    border-radius: 100%;
    display: table;
    font-size: 0;
    float: left;
    cursor: pointer;
}
.share-social-menu li.twitter {
    background: #00c6ff;
    border-color: #00c6ff;
}
.share-social-menu li.gplus {
    background: #fb5245;
    border-color: #fb5245;
}
.share-social-menu li.linkedin {
    background: #0a85c9;
    border-color: #0a85c9;
}
.share-social-menu li a {
    color: transparent;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.share-social-menu li:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #fff;
    border-radius: 100%;
}
.share-social-menu li a:before {
    color: #eeebe2;
    font-size: 22px;
    font-family: "minicons-webalys";
}
.share-social-menu li:hover a:before {
    color: #fff;
}
.share-social-menu li a:before {
    font-family: "minicons-webalys";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none !important;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    color: #eeebe2;
}
.share-social-menu li a.icon-instagram:before,
.share-social-menu li a.icon-linkedin:before {
    font-family: "FontAwesomes";
}
.blog-liste {
    width: 100%;
    display: table;
}
.blog-liste .blog-img {
    width: 46.5%;
    display: table;
    float: left;
    height: 375px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.blog-liste .blog-content {
    width: 53.5%;
    display: table;
    float: left;
    height: 375px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
    padding: 27px 40px;
}
.blog-liste .blog-content .title {
    width: 100%;
    font-size: 1.87vw;
    font-family: "Exo-DemiBold";
    margin-bottom: 30px;
    height: 90px;
    overflow: hidden;
    color: #000;
    line-height: 5vh;
    text-align: left;
}
.blog-liste .blog-content .desc {
    border-top: 1px solid #e2e2e2;
    padding-top: 30px;
    width: 100%;
    font-size: 16px;
    color: #626262;
    line-height: 3vh;
    height: 152px;
    margin-bottom: 5px;
    overflow: hidden;
}
.blog-liste .blog-content .continue {
    border: 2px solid #f7a600;
    min-width: 115px;
    float: left;
    text-align: center;
    font-size: 17px;
    color: #f7a600;
    font-family: "Exo-DemiBold";
    padding: 4px 5px 3px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    line-height: 3.2vh;
}
.blog-liste .blog-content .continue:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #f7a600;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.blog-liste .blog-content .continue:active:before,
.blog-liste .blog-content .continue:focus:before,
.blog-liste .blog-content .continue:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 2px;
}
.orange-title {
    font-weight: 400;
    font-size: 1.8vw;
    color: #f7a600;
    font-family: "Exo-DemiBold";
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
}
.blog-detail-btns {
    display: table;
    margin: 0 auto 30px;
}
.blog-detail-btns .reference-back-btn {
    margin: 0 13px;
}
.maps-container {
    width: 100%;
    /*height: 425px;*/
}
.map-container-half {
    width: calc(50% - 4px);
    height: 425px;
    float: left;
    display: block;
}
.map-container-half:last-child { float: right; }
.map-container-half a {
    width: 100%; height:100%;
    display:block; z-index:1;
    position:relative;
}
.map-container-half a::after {
    content: ''; position: absolute; display: block;
    width: 100%; height: 100%; left: 0; top: 0;
    background-color: rgba(0,0,0,.2); opacity: 0;
    transition: all ease-in-out .2s; }
.map-container-half a:hover::after { opacity: 1;}
.map-container-half img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.maps-container iframe {
    width: 100%;
    height: 100%;
}
.orange-contact {
    background: #f7a600;
    width: 100%;
    padding: 54px 0 48px;
    display: table;
}
.orange-part {
    float: left;
    width: 47%;
    color: #efefef;
    font-size: 1.05vw;
    font-family: "Exo-DemiBold";
    background-image: url(../images/grey-address.png);
    background-position: left 1px;
    padding-left: 70px;
    background-repeat: no-repeat;
    line-height: 2.9vh;
    min-height: 48px;
}
.orange-part.telephone {
    float: left;
    width: 22%;
    background-image: url(../images/grey-phone.png);
    padding-top: 5px;
    margin-top: 85px;
}
.orange-part.mail {
    float: right;
    width: auto;
    padding-top: 8px;
    background-image: url(../images/grey-mail.png);
    background-position-y: 8px;
    margin-top: 85px;
}
.orange-part a {
    color: #efefef;
}
.orange-part-adres-header {
    font-family: 'Exo-ExtraBold';
    margin-bottom: 5px;
    display:block !important;
}
.orange-part-adres {
    background-image: url(../images/grey-address.png);
    background-position: left center;
    padding-left: 70px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    padding-right: 20px;
}

.orange-part:first-child {
    padding-left: 0;
    background: none;
}
.orange-part-adres:last-child {
    margin: 0;
}

.contact-form-container {
    float: left;
    width: 41%;
}
.contact-form-container:nth-child(3) {
    float: right;
    width: 56%;
}
.contact-form-container .form-line {
    width: 100%;
    position: relative;
    display: table;
}
.contact-button-line {
    float: left;
    position: relative;
    margin-left: 3%;
}
.contact-error {
    color: red;
    margin-top: 10px;
    font-size: 14px;
}
.contact-success {
    color: green;
    margin-top: 10px;
    font-size: 14px;
}
.contact-txt {
    padding: 15px 18px;
    width: 100%;
    border: 1px solid #cdcdcd;
    background: #fafafa;
    color: #bfbdbd;
    font-size: 17px;
    font-family: "Exo-Medium";
    margin-bottom: 15px;
    border-radius: 0;
    -webkit-appearance: none;
}
.contact-txt::placeholder {
    color: #bfbdbd;
    font-family: "Exo-Medium";
    font-size: 17px;
}
.contact-txt.message {
    height: 180px;
    resize: none;
}
.g-recaptcha {
    float: left;
}
.blog-detail-img {
    width: 46.5%;
    display: table;
    float: right;
    height: 375px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 20px;
}
.up-btn {
    padding: 5px;
    background: url(../images/up.png) no-repeat center center;
    position: fixed;
    right: 5px;
    width: 33px;
    height: 33px;
    bottom: 10px;
    cursor: pointer;
    display: none;
    border-radius: 1px;
    z-index: 99;
    cursor: pointer;
}
.popup_img {
    max-width: 100%;
    max-height: 900px;
}
.error-part {
    float: left;
    background: url(../images/404.png) no-repeat center 53px;
    padding: 445px 40px 160px 20px;
    width: 50%;
    color: #616060;
    font-size: 25px;
    z-index: 99;
    position: relative;
    text-align: center;
    line-height: 30px;
}
.error-part.two {
    background-image: url(../images/500.png);
}
.error-part .title {
    font-family: "Exo-Bold";
    margin-bottom: 25px;
}
.error-part-right {
    float: right;
    width: 50%;
    font-size: 24px;
    text-align: center;
    color: #616060;
    font-family: "Exo-Bold";
    padding: 290px 20px 340px;
}
.error-part-btn {
    margin: 32px auto 0;
    border: 2px solid #616060;
    min-width: 243px;
    padding: 13px 13px 12px;
    text-align: center;
    font-size: 20px;
    font-family: "Exo-DemiBold";
    display: table;
    cursor: pointer;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}
.error-part-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #616060;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.error-part-btn:active:before,
.error-part-btn:focus:before,
.error-part-btn:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 2px;
}
.error-content {
    width: 100%;
    position: relative;
    display: table;
}
.error-content:after {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    height: 100%;
    background-color: #f7f7f7;
    z-index: 1;
}
.ld-loading {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    z-index: 1;
}
.ld-loading div {
    position: absolute;
    border: 4px solid #e69b02;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.ld-loading div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}
.service-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    width: 100%;
}
.service-list li {
    width: 33.3%;
    float: left;
    color: #5e5e5e;
    font-size: 16px;
    font-family: "Exo-Medium";
    margin-bottom: 8px;
}
.service-list input[type="checkbox"] {
    display: none;
}
.service-list input[type="checkbox"] + label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 7px 0 0;
    vertical-align: middle;
    cursor: pointer;
    float: left;
    border: 1px solid #6e6e6e;
}
.service-list input[type="checkbox"] + label {
    display: block;
    width: 100%;
    color: #5e5e5e;
    font-size: 16px;
    cursor: pointer;
    line-height: 20px;
}
.service-list input[type="checkbox"]:checked + label span {
    background: #f7a600;
}
.service-list input[type="checkbox"]:checked + label {
    background: none;
}
.service-list input[type="checkbox"] + label div {
    width: 90%;
    float: left;
    line-height: 18px;
}
.masthead {
    position: relative;
    min-width: 100%;
}
.masthead-video {
    z-index: 0;
}
.masthead-overlay {
    background-color: #000;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.masthead-video-credit {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    opacity: 0.6;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.02em;
    padding-right: 10px;
    bottom: 10px;
    text-decoration: none;
    text-align: right;
    line-height: 1.5;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    transition: 0.2s ease all;
}
.masthead-video-credit span {
    display: block;
}
.masthead-video-credit:hover {
    opacity: 1;
}
.masthead-arrow {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    opacity: 0.4;
}
.textContainer {
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
    top: 70%;
    font-size: 3.5vw;
    font-family: "Exo-Light";
    text-shadow: 0 0 10px #000;
}
.data {
    display: none;
}

.div_center {
    display: table-cell;
    vertical-align: middle;
}

.what-we-do {
    width: 100%;
    display: table;
    position: relative;
}
.what-we-do .main-container {
    position: relative;
}

.what-we-do.first .main-container {
    min-height: 670px;
    padding-bottom: 225px;
}
.what-we-do.first::after {
    content: ''; position: absolute; opacity: .1;
    width: 100%; height: 100%; bottom: 0; left: 0; right: 0;
    background-image: url(../images/what-we-do/panel-1.png);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
.what-we-do-img {
    width: 35%;
    height: 405px;
    display: block;
    float: left;
}
.what-we-do-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.what-we-do-item {
    width: 100%;
    display: block;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}
.what-we-do-item:last-child {
    margin-bottom: 0;
}
.what-we-do-header {
    width: 100%;
    display: table;
    font-family: Exo-Bold;
    font-size: 35px;
    line-height: 36px;
    color: #ff9e19;
    margin-bottom: 20px;
    text-align: center;
}
.what-we-do-header h2 {
    font-size: 35px;
    line-height: 36px;
}

.what-we-do-text {
    width: 100%;
    display: table;
    font-family: Exo-Light;
    font-size: 20px;
    line-height: 36px;
    color: #626262;
    text-align: justify;
}
.what-we-do-text h3 {
    font-size: 20px;
    line-height: 36px;
    margin:0;padding:0;
}
.what-we-do-text p {
    margin: 0 0 20px 0; padding: 0;
}
.what-we-do-text ul {
    margin: 0;
    padding: 0 0 0 30px;
}
.what-we-do-text strong {
    font-family: Exo-Medium;
}
.what-we-do-text strong p {
    margin-bottom: 0;
}
.what-we-do.first .what-we-do-text {
    width: 65%;
    height: 405px;
    display: table;
    float: right;
    text-align: left;
    font-family: Exo-Medium;
}
.what-we-do.first .what-we-do-text.full {
    width: 100%;
    padding-top: 70px;
}
.what-we-do.second {
    padding: 90px 0 70px 0;
    background: rgb(30,30,30);
    background: radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(30,30,30,1) 100%);
}
.what-we-do.second .main-container {
    display: table;
}
.what-we-do.second .what-we-do-text {
    color: #dddddd;
}

.what-we-do.third {
    
}
.what-we-do.third::before {
    content: '';
    position: absolute;
    opacity: .1;
    width: 100%;
    height: 500px;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    background-image: url(../images/what-we-do/panel-3.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.what-we-do.fourth::after {
    content: '';
    position: absolute;
    display: block;
    width: 246px;
    height: 273px;
    top: -156px;
    left: 0;
    background-image: url(../images/what-we-do/panel-4-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.what-we-do.third .main-container {
    padding: 300px 0 100px 0;
    display: table;
}

.what-we-do.fourth {
    padding: 90px 0 25px 0;
     background: rgb(255,112,25);
     background: radial-gradient(circle, rgba(255,156,25,1) 0%, rgba(255,112,25,1) 100%); 
}
.what-we-do.fourth .what-we-do-header,
.what-we-do.fourth .what-we-do-text {
    color: #fff;
}

.what-we-do.fifth {
    padding: 75px 0 0 0;
}
.what-we-do.fifth::after {
    content: ''; position: absolute; display: block;
    top: 0; right: 0; width: 247px; height: 416px;
    background-image: url(../images/what-we-do/panel-5-icon.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
}

ul.CodeLanguage {
    width: 100%;
    display: table;
    list-style: none;
    padding: 0 75px 0 150px;
    margin: 20px 0 40px 0;
}
ul.CodeLanguage li {
    width: 207px;
    height: 75px;
    display: block;
    float: left;
    margin-right: 75px;
    margin-bottom: 30px;
    background: #2b2b2b;
    border-bottom: 6px solid #1b1b1b;
    font-family: Exo-Bold;
    font-size: 25px;
    line-height: 75px;
    color: #fff;
    text-align: center;
}

.what-we-do.sixth {
    display: block;
    height: 520px;
    margin: 50px 0 55px 0;
}
.what-we-do.sixth img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.what-we-do.seventh {
    padding: 0 0 60px 0;
}


.what-we-do.price-form {
    background-color: #026fe9;
}
.what-we-do.price-form .main-container {
    display: table;
    min-height: 350px;
    background: url(../images/what-we-do/panel-8-behind.png) no-repeat;
    background-position: center center;
}
.what-we-do.price-form .main-container::before {
    content: ''; position: absolute;
    background-image: url(../images/what-we-do/panel-8-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 102px; height: 73px;
    left: 0; bottom: 72px;
}
.what-we-do.price-form .main-container::after {
    content: ''; position: absolute;
    background-image: url(../images/what-we-do/panel-8-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 75px; height: 75px;
    right: 35px; top: 37px;
}
.price-form-header {
    text-align: center;
    font-family: Exo-Bold;
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 15px;
}
.price-form-text {
    text-align: center;
    font-family: Exo-Light;
    font-size: 20px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 50px;
}

.price-form-button {
    width: 200px;
    background: #f1a200;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 20px;
    border: 2px solid #f1a200;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    cursor: pointer;
    font-family: "Exo-Bold";
}
.price-form-button a {
    display: block;
    padding: 13px 10px;
    color: #fff;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}
.price-form-button:hover,
.price-form-button:focus,
.price-form-button:active {
    background-color: #fff;
}
.price-form-button:hover a,
.price-form-button:focus a,
.price-form-button:active a {
    color:#f1a200;
}

@media only screen and (max-width: 359px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.first .main-container { min-height: initial; padding-bottom: 80px; padding-top: 20px; display: table; }
    .what-we-do.first .what-we-do-text { width: 100%; height: auto; text-align: justify; }
    .what-we-do-img { width: 100%; height: 250px; margin-bottom: 10px; }
    
    .what-we-do-header { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
    .what-we-do-header h2 { font-size: 22px; line-height: 26px; }
    .what-we-do-text { font-size: 16px; line-height: 24px; }
    .what-we-do-text h3 { font-size: 16px; line-height: 24px; }

    .what-we-do-item { margin-bottom: 25px; }

    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 60px 0 90px 0; }
    .what-we-do.fourth::after { width: 119px; height: 133px; top: -80px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 15px; }
    ul.CodeLanguage li { width: 48%; height: 50px; margin-right: 2%; margin-bottom: 15px; font-size: 16px; line-height: 50px; border-width: 5px; }
    
    .what-we-do.fifth { padding: 95px 20px 0 20px; }
    .what-we-do.fifth::after { width: 60px; height: 105px; }
    .what-we-do.sixth { padding: 0; height: 160px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.price-form .main-container { background-size: cover; min-height: inherit; padding: 80px 0 80px 0; }
    .what-we-do.price-form .main-container::after { right: 0; width: 60px; height: 60px; top: 15px; }
    .what-we-do.price-form .main-container::before { width: 80px; height: 55px; bottom: 20px; }
    .price-form-header { font-size: 22px; line-height: 26px; }
    .price-form-text { font-size: 16px; line-height: 32px; margin-bottom: 20px; }
    .price-form-button { font-size: 18px; width: 160px; }
    .price-form-button a { padding: 10px 8px; }

    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        position: relative;
        z-index: 9;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 88%;
        margin: 20px auto 40px;
        float: none;
    }
    .pic.part2 {
        width: 100%;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .middle-container {
        width: 100%;
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        background-size: contain;
        width: 90%;
        margin: 0 auto;
        float: none;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-txt {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-box.third {
        width: 90%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 5vw;
        line-height: 4.3vh;
    }
    .aboutus-container .title {
        font-size: 8.6vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 8.6vw;
    }
    .column-5 {
        width: 100%;
    }
    .column-45 {
        width: 100%;
    }
    .ask-right {
        padding-top: 0;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(0.93);
        transform: scale(0.93);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: auto;
        max-width: 100%;
    }
    .blog-list .bimg img {
        width: auto;
        max-width: 100%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 100%;
        margin-top: 10px;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 100% !important;
    }
    .bt-menu ul {
        width: 91% !important;
    }
    .bt-menu ul:first-of-type {
        top: 4% !important;
        right: 10px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 360px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu:nth-of-type(2) li:first-child {
        display: none !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 40px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        right: 5px !important;
    }
    .bt-menu ul li .icons {
        width: 40px !important;
        height: 40px !important;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(3.16) !important;
        -webkit-transform: scale(3.16) !important;
        -o-transform: scale(3.16) !important;
        -ms-transform: scale(3.16) !important;
        transform: scale(3.16) !important;
    }
    .slick-slide .slide-image {
        background-position: 22% !important;
    }
    .slick-dots {
        top: -webkit-calc(65% - 90px) !important;
        top: calc(65% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 55% !important;
    }
    .banner-caption-title {
        font-size: 8.35vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .caption {
        display: none;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 50% !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 12% !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 83% !important;
        max-width: 98% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 6.15vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 5.65vw !important;
        line-height: 10px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 60% !important;
        top: 62% !important;
        width: 62% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 8.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 5.45vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        padding: 10px 0;
        top: 140px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 300px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 7.05vw;
    }
    .content-title-block h1 {
        font-size: 6.65vw;
    }
    .navigate-menu {
        margin-top: 35px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 5.04vw;
        line-height: 5.1vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 88%;
        margin: 20px auto 40px;
    }
    .navigate-menu li {
        margin-bottom: 5px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 5px;
        min-width: 145px;
        margin-bottom: 20px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 5px;
        background-position-x: 96%;
        margin-top: -191px;
    }
    .reference-social {
        margin: 0 auto;
        width: 80%;
        clear: both;
        display: table;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 150px;
    }
    .blog-liste .blog-content .title {
        font-size: 5.87vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 5.8vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .map-container-half { width: 100%; }
    .orange-part-adres { height: auto; padding-right: 0; }
    .orange-part-adres div { display: inline; }
    .orange-part {
        line-height: 4.2vh;
        font-size: 5.05vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size: 18px;
        line-height: 28px;
    }
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.mail {
        float: none;
        margin: 0 auto;
        width: 92%;
    }
    .contact-form-container {
        width: 100%;
    }
    .contact-form-container:nth-child(3) {
        width: 100%;
    }
    .contact-button-line {
        margin-left: -4px;
        position: absolute;
        bottom: 98px;
    }
    .contact-button-line .g-recaptcha {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
    .continue-button.orange.contact {
        margin-top: 90px;
    }
    .blog-liste .blog-content .continue {
        line-height: 4.2vh;
    }
    .bt-menu ul li {
        padding: 2.3% 0 !important;
    }
    .bt-menu ul li .menu-txt {
        padding-top: 9px !important;
    }
    .modal {
        left: 5px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        width: 100%;
        margin-right: 0;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .modal-right {
        width: 100%;
    }
    .middle-list-content .icons {
        height: 130px;
        background-position: center 22px;
    }
    .middle-list-content .desc {
        padding: 0 20px;
    }
    .lightBoxSlide {
        width: 92% !important;
        margin: 0 auto;
    }
    .error-part {
        width: 99%;
        margin: 0 auto;
        float: none;
        padding: 445px 20px 40px;
    }
    .error-part-right {
        padding: 0 20px 50px;
        position: relative;
        z-index: 9;
        width: 100%;
    }
    .textContainer {
        font-size: 4.25vh;
    }
    .blog-detail-img {
        margin-bottom: 15px;
        height: 250px;
        width: 100%;
    }
}
@media only screen and (min-width: 360px) and (max-width: 369px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.first .main-container { min-height: initial; padding-bottom: 80px; padding-top: 20px; display: table; }
    .what-we-do.first .what-we-do-text { width: 100%; height: auto; text-align: justify; }
    .what-we-do-img { width: 100%; height: 250px; margin-bottom: 10px; }
    
    .what-we-do-header { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
    .what-we-do-header h2 { font-size: 22px; line-height: 26px; }
    .what-we-do-text { font-size: 16px; line-height: 24px; }
    .what-we-do-text h3 { font-size: 16px; line-height: 24px; }

    .what-we-do-item { margin-bottom: 25px; }

    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 60px 0 90px 0; }
    .what-we-do.fourth::after { width: 119px; height: 133px; top: -80px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 15px; }
    ul.CodeLanguage li { width: 48%; height: 50px; margin-right: 2%; margin-bottom: 15px; font-size: 16px; line-height: 50px; border-width: 5px; }
    
    .what-we-do.fifth { padding: 95px 20px 0 20px; }
    .what-we-do.fifth::after { width: 60px; height: 105px; }
    .what-we-do.sixth { padding: 0; height: 160px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.price-form .main-container { background-size: cover; min-height: inherit; padding: 80px 0 80px 0; }
    .what-we-do.price-form .main-container::after { right: 0; width: 60px; height: 60px; top: 15px; }
    .what-we-do.price-form .main-container::before { width: 80px; height: 55px; bottom: 20px; }
    .price-form-header { font-size: 22px; line-height: 26px; }
    .price-form-text { font-size: 16px; line-height: 32px; margin-bottom: 20px; }
    .price-form-button { font-size: 18px; width: 160px; }
    .price-form-button a { padding: 10px 8px; }

    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        position: relative;
        z-index: 9;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 79%;
        margin: 20px auto 40px;
        float: none;
    }
    .pic.part2 {
        width: 100%;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .middle-container {
        width: 100%;
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        background-size: contain;
        width: 90%;
        margin: 0 auto;
        float: none;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-txt {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-box.third {
        width: 90%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 5vw;
        line-height: 4.3vh;
    }
    .aboutus-container .title {
        font-size: 8.6vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 8.6vw;
    }
    .column-5 {
        width: 100%;
    }
    .column-45 {
        width: 100%;
    }
    .ask-right {
        padding-top: 0;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(1.06);
        transform: scale(1.06);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: auto;
        max-width: 100%;
    }
    .blog-list .bimg img {
        width: auto;
        max-width: 100%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 100%;
        margin-top: 10px;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 100% !important;
    }
    .bt-menu ul {
        width: 91% !important;
    }
    .bt-menu ul:first-of-type {
        top: 10% !important;
        right: 10px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 370px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu:nth-of-type(2) li:first-child {
        display: none !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 50px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        right: 5px !important;
    }
    .bt-menu ul li .icons {
        width: 40px !important;
        height: 40px !important;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(3.16) !important;
        -webkit-transform: scale(3.16) !important;
        -o-transform: scale(3.16) !important;
        -ms-transform: scale(3.16) !important;
        transform: scale(3.16) !important;
    }
    .slick-slide .slide-image {
        background-position: 22% !important;
    }
    .slick-dots {
        top: -webkit-calc(70% - 90px) !important;
        top: calc(70% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 55% !important;
    }
    .banner-caption-title {
        font-size: 8.35vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .caption {
        display: none;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 47% !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 15.2% !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 83% !important;
        max-width: 98% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 6.15vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 5.65vw !important;
        line-height: 10px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 60% !important;
        top: 62% !important;
        width: 62% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 8.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 5.45vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        padding: 10px 0;
        top: 125px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 300px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 7.15vw;
    }
    .content-title-block h1 {
        font-size: 6.65vw;
    }
    .navigate-menu {
        margin-top: 35px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 5.04vw;
        line-height: 5.1vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 79%;
        margin: 20px auto 40px;
    }
    .navigate-menu li {
        margin-bottom: 5px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 15px;
        min-width: 145px;
        margin-bottom: 20px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 15px;
        background-position-x: 96%;
        margin-top: -177px;
    }
    .reference-social {
        margin: 0 auto;
        width: 80%;
        clear: both;
        display: table;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 150px;
    }
    .blog-liste .blog-content .title {
        font-size: 5.87vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 5.8vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .orange-part {
        line-height: 4.2vh;
        font-size: 5.05vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size:18px;
        line-height:28px;
    }
    .orange-part-adres { height: auto; padding-right: 0;}
    .orange-part-adres div { display: inline; }
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.mail {
        float: none;
        margin: 0 auto;
        width: 92%;
    }
    .map-container-half { width: 100%; }
    .contact-form-container {
        width: 100%;
    }
    .contact-form-container:nth-child(3) {
        width: 100%;
    }
    .contact-button-line {
        margin-left: -4px;
        position: absolute;
        bottom: 98px;
    }
    .contact-button-line .g-recaptcha {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
    .continue-button.orange.contact {
        margin-top: 90px;
    }
    .pic-image {
        transform: scale(1.2) !important;
        webkit-transform: scale(1.2) !important;
        -moz-transform: scale(1.2) !important;
        -o-transform: scale(1.2) !important;
        -ms-transform: scale(1.2) !important;
    }
    .blog-liste .blog-content .continue {
        line-height: 4.2vh;
    }
    .slick-slide:nth-child(3) .caption {
        top: 43% !important;
    }
    .bt-menu ul li {
        padding: 2.3% 0 !important;
    }
    .bt-menu ul li .menu-txt {
        padding-top: 9px !important;
    }
    .modal {
        left: 5px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        width: 100%;
        margin-right: 0;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .modal-right {
        width: 100%;
    }
    .middle-list-content .icons {
        background-position: center 22px;
        height: 120px;
    }
    .lightBoxSlide {
        width: 92% !important;
        margin: 0 auto;
    }
    .error-part {
        width: 99%;
        margin: 0 auto;
        float: none;
        padding: 445px 20px 40px;
    }
    .error-part-right {
        padding: 0 20px 50px;
        position: relative;
        z-index: 9;
        width: 100%;
    }
    .textContainer {
        font-size: 4.25vh;
    }
    .blog-detail-img {
        margin-bottom: 15px;
        height: 250px;
        width: 100%;
    }
}
@media only screen and (min-width: 370px) and (max-width: 399px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.first .main-container { min-height: initial; padding-bottom: 80px; padding-top: 20px; display: table; }
    .what-we-do.first .what-we-do-text { width: 100%; height: auto; text-align: justify; }
    .what-we-do-img { width: 100%; height: 250px; margin-bottom: 10px; }
    
    .what-we-do-header { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
    .what-we-do-header h2 { font-size: 22px; line-height: 26px; }
    .what-we-do-text { font-size: 16px; line-height: 24px; }
    .what-we-do-text h3 { font-size: 16px; line-height: 24px; }

    .what-we-do-item { margin-bottom: 25px; }

    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 60px 0 90px 0; }
    .what-we-do.fourth::after { width: 119px; height: 133px; top: -80px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 15px; }
    ul.CodeLanguage li { width: 48%; height: 50px; margin-right: 2%; margin-bottom: 15px; font-size: 16px; line-height: 50px; border-width: 5px; }
    
    .what-we-do.fifth { padding: 95px 20px 0 20px; }
    .what-we-do.fifth::after { width: 60px; height: 105px; }
    .what-we-do.sixth { padding: 0; height: 200px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.price-form .main-container { background-size: cover; min-height: inherit; padding: 80px 0 80px 0; }
    .what-we-do.price-form .main-container::after { right: 0; width: 60px; height: 60px; top: 15px; }
    .what-we-do.price-form .main-container::before { width: 80px; height: 55px; bottom: 20px; }
    .price-form-header { font-size: 22px; line-height: 26px; }
    .price-form-text { font-size: 16px; line-height: 32px; margin-bottom: 20px; }
    .price-form-button { font-size: 18px; width: 160px; }
    .price-form-button a { padding: 10px 8px; }

    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        position: relative;
        z-index: 9;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 75%;
        margin: 20px auto 40px;
        float: none;
    }
    .pic.part2 {
        width: 100%;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .middle-container {
        width: 100%;
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        background-size: contain;
        width: 90%;
        margin: 0 auto;
        float: none;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-txt {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-box.third {
        width: 90%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 5vw;
        line-height: 4.3vh;
    }
    .aboutus-container .title {
        font-size: 8.6vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 8.6vw;
    }
    .column-5 {
        width: 100%;
    }
    .column-45 {
        width: 100%;
    }
    .ask-right {
        padding-top: 0;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
        clear: right;
        margin-top: -76px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: auto;
        max-width: 100%;
    }
    .blog-list .bimg img {
        width: auto;
        max-width: 100%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 100%;
        margin-top: 10px;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 100% !important;
    }
    .bt-menu ul {
        width: 91% !important;
    }
    .bt-menu ul:first-of-type {
        top: 10% !important;
        right: 10px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 400px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu:nth-of-type(2) li:first-child {
        display: none !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 50px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        right: 5px !important;
    }
    .bt-menu ul li .icons {
        width: 40px !important;
        height: 40px !important;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(3.16) !important;
        -webkit-transform: scale(3.16) !important;
        -o-transform: scale(3.16) !important;
        -ms-transform: scale(3.16) !important;
        transform: scale(3.16) !important;
    }
    .slick-slide .slide-image {
        background-position: 22% !important;
    }
    .slick-dots {
        top: -webkit-calc(70% - 90px) !important;
        top: calc(70% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 55% !important;
    }
    .banner-caption-title {
        font-size: 8.35vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 47% !important;
    }
    .slick-slide:nth-child(4) .caption {
        display: none;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 12.2% !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 83% !important;
        max-width: 98% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 6.15vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 5.65vw !important;
        line-height: 10px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 60% !important;
        top: 62% !important;
        width: 62% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 8.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 5.45vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        padding: 10px 0;
        top: 125px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 300px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 7.15vw;
        line-height: 5.5vh;
    }
    .content-title-block h1 {
        font-size: 6.65vw;
    }
    .navigate-menu li {
        margin-bottom: 5px;
    }
    .navigate-menu {
        margin-top: 35px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 5.04vw;
        line-height: 5.1vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 75%;
        margin: 20px auto 40px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 15px;
        min-width: 145px;
        margin-bottom: 20px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 15px;
        background-position-x: 92%;
        margin-top: -191px;
    }
    .reference-social {
        margin: 0 auto;
        width: 80%;
        clear: both;
        display: table;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 150px;
    }
    .blog-liste .blog-content .title {
        font-size: 5.87vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 5.8vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .map-container-half { width: 100%; }
    .orange-part-adres { height: auto; padding-right: 0; }
    .orange-part {
        line-height: 4.2vh;
        font-size: 5.05vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size:20px;
        line-height:30px;
    }
    .orange-part-adres div { display: inline; }
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.mail {
        float: none;
        margin: 0 auto;
        width: 92%;
    }
    .contact-form-container {
        width: 100%;
    }
    .contact-form-container:nth-child(3) {
        width: 100%;
    }
    .contact-button-line {
        margin-left: -4px;
        position: absolute;
        bottom: 98px;
    }
    .continue-button.orange.contact {
        margin-top: 90px;
        float: left;
    }
    .pic-image {
        transform: scale(1.25) !important;
        webkit-transform: scale(1.25) !important;
        -moz-transform: scale(1.25) !important;
        -o-transform: scale(1.25) !important;
        -ms-transform: scale(1.25) !important;
    }
    .blog-liste .blog-content .continue {
        line-height: 4.2vh;
    }
    .slick-slide:nth-child(3) .caption {
        top: 43% !important;
    }
    .bt-menu ul li {
        padding: 2.3% 0 !important;
    }
    .bt-menu ul li .menu-txt {
        padding-top: 9px !important;
    }
    .modal {
        left: 5px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        width: 100%;
        margin-right: 0;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .modal-right {
        width: 100%;
    }
    .middle-list-content .icons {
        height: 130px;
        background-position: center 22px;
    }
    .lightBoxSlide {
        width: 92% !important;
        margin: 0 auto;
    }
    .error-part {
        width: 99%;
        margin: 0 auto;
        float: none;
        padding: 445px 20px 40px;
    }
    .error-part-right {
        padding: 0 20px 50px;
        position: relative;
        z-index: 9;
        width: 100%;
    }
    .textContainer {
        font-size: 4.25vh;
    }
    .blog-detail-img {
        margin-bottom: 15px;
        height: 250px;
        width: 100%;
    }
}
@media only screen and (min-width: 400px) and (max-width: 479px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.first .main-container { min-height: initial; padding-bottom: 80px; padding-top: 20px; display: table; }
    .what-we-do.first .what-we-do-text { width: 100%; height: auto; text-align: justify; }
    .what-we-do-img { width: 100%; height: 250px; margin-bottom: 10px; }
    
    .what-we-do-header { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
    .what-we-do-header h2 { font-size: 22px; line-height: 26px; }
    .what-we-do-text { font-size: 16px; line-height: 24px; }
    .what-we-do-text h3 { font-size: 16px; line-height: 24px; }

    .what-we-do-item { margin-bottom: 25px; }

    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 60px 0 90px 0; }
    .what-we-do.fourth::after { width: 119px; height: 133px; top: -80px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 15px; }
    ul.CodeLanguage li { width: 48%; height: 50px; margin-right: 2%; margin-bottom: 15px; font-size: 16px; line-height: 50px; border-width: 5px; }
    
    .what-we-do.fifth { padding: 95px 20px 0 20px; }
    .what-we-do.fifth::after { width: 60px; height: 105px; }
    .what-we-do.sixth { padding: 0; height: 200px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.price-form .main-container { background-size: cover; min-height: inherit; padding: 80px 0 80px 0; }
    .what-we-do.price-form .main-container::after { right: 0; width: 60px; height: 60px; top: 15px; }
    .what-we-do.price-form .main-container::before { width: 80px; height: 55px; bottom: 20px; }
    .price-form-header { font-size: 22px; line-height: 26px; }
    .price-form-text { font-size: 16px; line-height: 32px; margin-bottom: 20px; }
    .price-form-button { font-size: 18px; width: 160px; }
    .price-form-button a { padding: 10px 8px; }

    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        position: relative;
        z-index: 9;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 68%;
        margin: 20px auto 40px;
        float: none;
    }
    .pic.part2 {
        width: 100%;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .middle-container {
        width: 100%;
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        background-size: contain;
        width: 90%;
        margin: 0 auto;
        float: none;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-txt {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-box.third {
        width: 90%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 5vw;
        line-height: 4.3vh;
    }
    .aboutus-container .title {
        font-size: 8.6vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 8.6vw;
    }
    .column-5 {
        width: 100%;
    }
    .column-45 {
        width: 100%;
    }
    .ask-right {
        padding-top: 0;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(0.82);
        transform: scale(0.82);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
        clear: right;
        margin-top: -76px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: auto;
        max-width: 100%;
    }
    .blog-list .bimg img {
        width: auto;
        max-width: 100%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 100%;
        margin-top: 10px;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 100% !important;
    }
    .bt-menu ul {
        width: 91% !important;
    }
    .bt-menu ul:first-of-type {
        top: 10% !important;
        right: 10px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 415px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu:nth-of-type(2) li:first-child {
        display: none !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 50px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        right: 5px !important;
    }
    .bt-menu ul li .icons {
        width: 40px !important;
        height: 40px !important;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(3.16) !important;
        -webkit-transform: scale(3.16) !important;
        -o-transform: scale(3.16) !important;
        -ms-transform: scale(3.16) !important;
        transform: scale(3.16) !important;
    }
    .slick-slide .slide-image {
        background-position: 22% !important;
    }
    .slick-dots {
        top: -webkit-calc(70% - 90px) !important;
        top: calc(70% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 55% !important;
    }
    .banner-caption-title {
        font-size: 8.35vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .caption {
        display: none;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 47% !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 15.2% !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 83% !important;
        max-width: 98% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 6.15vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 5.65vw !important;
        line-height: 10px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 60% !important;
        top: 62% !important;
        width: 62% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 8.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 5.45vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        padding: 10px 0;
        top: 125px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 300px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 7.45vw;
        line-height: 6.5vh;
    }
    .content-title-block h1 {
        font-size: 6.65vw;
    }
    .navigate-menu {
        margin-top: 35px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 5.04vw;
        line-height: 5.1vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 68%;
        margin: 20px auto 40px;
    }
    .navigate-menu li {
        margin-bottom: 5px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 15px;
        min-width: 145px;
        margin-bottom: 20px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 15px;
        background-position-x: 92%;
        margin-top: -191px;
    }
    .reference-social {
        margin: 0 auto;
        width: 80%;
        clear: both;
        display: table;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 150px;
    }
    .blog-liste .blog-content .title {
        font-size: 5.87vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 5.8vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .map-container-half { width: 100%; }
    .orange-part-adres { height: auto; padding-right: 0; }
    .orange-part {
        line-height: 4.2vh;
        font-size: 5.05vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size:20px;
        line-height:30px;
    }
    .orange-part-adres div { display: inline; }
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.mail {
        float: none;
        margin: 0 auto;
        width: 92%;
    }
    .contact-form-container {
        width: 100%;
    }
    .contact-form-container:nth-child(3) {
        width: 100%;
    }
    .contact-button-line {
        margin-left: -4px;
        position: absolute;
        bottom: 98px;
    }
    .continue-button.orange.contact {
        margin-top: 90px;
        float: left;
    }
    .pic-image {
        transform: scale(1.41) !important;
        webkit-transform: scale(1.41) !important;
        -moz-transform: scale(1.41) !important;
        -o-transform: scale(1.41) !important;
        -ms-transform: scale(1.41) !important;
    }
    .blog-liste .blog-content .continue {
        line-height: 4.2vh;
    }
    .slick-slide:nth-child(3) .caption {
        top: 43% !important;
    }
    .bt-menu ul li {
        padding: 2.3% 0 !important;
    }
    .bt-menu ul li .menu-txt {
        padding-top: 9px !important;
    }
    .modal {
        left: 5px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        width: 100%;
        margin-right: 0;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .modal-right {
        width: 100%;
    }
    .middle-list-content .desc {
        padding: 0 20px;
    }
    .lightBoxSlide {
        width: 92% !important;
        margin: 0 auto;
    }
    .error-part {
        width: 99%;
        margin: 0 auto;
        float: none;
        padding: 445px 20px 40px;
    }
    .error-part-right {
        padding: 0 20px 50px;
        position: relative;
        z-index: 9;
        width: 100%;
    }
    .textContainer {
        font-size: 4.25vh;
    }
    .blog-detail-img {
        margin-bottom: 15px;
        height: 250px;
        width: 100%;
    }
}
@media only screen and (min-width: 480px) and (max-width: 559px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.first .main-container { min-height: initial; padding-bottom: 120px; padding-top: 20px; display: table; }
    .what-we-do.first .what-we-do-text { width: 100%; height: auto; }
    .what-we-do-img { width: 100%; height: 250px; margin-bottom: 10px; }
    
    .what-we-do-header  { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
    .what-we-do-header h2 { font-size: 22px; line-height: 26px; }
    .what-we-do-text { font-size: 16px; line-height: 24px; }
    .what-we-do-text h3 { font-size: 16px; line-height: 24px; }

    .what-we-do-item { margin-bottom: 25px; }

    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 120px 0 90px 0; }
    .what-we-do.fourth::after { width: 119px; height: 133px; top: -80px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 15px; }
    ul.CodeLanguage li { width: 48%; height: 50px; margin-right: 2%; margin-bottom: 15px; font-size: 16px; line-height: 50px; border-width: 5px; }
    
    .what-we-do.fifth { padding: 95px 20px 0 20px; }
    .what-we-do.fifth::after { width: 60px; height: 105px; }
    .what-we-do.sixth { padding: 0; height: 200px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.price-form .main-container { background-size: 90%; min-height: 260px; }
    .what-we-do.price-form .main-container::after { right: 0; width: 60px; height: 60px; top: 20px; }
    .what-we-do.price-form .main-container::before { width: 80px; height: 55px; bottom: 45px; }
    .price-form-header { font-size: 22px; line-height: 26px; }
    .price-form-text { font-size: 16px; line-height: 32px; }

    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        z-index: 9;
        position: relative;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 45%;
        margin: 20px 10px 40px 12px;
        background-size: contain;
        height: 218px;
    }
    .pic.part2 {
        width: 50%;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .middle-container {
        width: 100%;
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        width: 90%;
        margin: 0 auto;
        float: none;
        background-size: contain;
        background-position: 0 top;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-txt {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-box.third {
        width: 90%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 3.5vw;
        line-height: 6.3vh;
    }
    .aboutus-container .title {
        font-size: 8.6vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
        padding: 8px 3px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 8.6vw;
    }
    .column-5 {
        width: 100%;
    }
    .column-45 {
        width: 100%;
    }
    .ask-right {
        padding-top: 0;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
        clear: right;
        margin-top: 2px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: 28%;
    }
    .blog-list .bimg img {
        width: auto;
        max-width: 100%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 68%;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 100% !important;
    }
    .bt-menu ul {
        width: 91% !important;
    }
    .bt-menu ul:first-of-type {
        top: 5% !important;
        right: 10px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 480px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu:nth-of-type(2) li:first-child {
        display: none !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 40px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        right: 0 !important;
        width: 35% !important;
    }
    .bt-menu ul li .icons {
        width: 35px !important;
        height: 35px !important;
        background-size: 55%;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(1.2) !important;
        -webkit-transform: scale(1.2) !important;
        -o-transform: scale(1.2) !important;
        -ms-transform: scale(1.2) !important;
        transform: scale(1.2) !important;
    }
    .slick-slide .slide-image {
        background-position: 35% !important;
    }
    .slick-dots {
        top: -webkit-calc(65% - 90px) !important;
        top: calc(65% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 55% !important;
    }
    .banner-caption-title {
        font-size: 7.55vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 51% 0 !important;
    }
    .slick-slide:nth-child(4) .caption {
        max-width: 97% !important;
        width: 98% !important;
        font-size: 4.5vw !important;
        padding-right: 6% !important;
    }
    .slick-slide:nth-child(4) .banner-caption-title {
        padding-left: 6px !important;
        line-height: 10vh !important;
        font-size: 6.3vw !important;
    }
    .slick-slide:nth-child(4) .banner-caption-middle-title {
        line-height: 40px !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 30.2% -6px !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 52% !important;
        max-width: 52% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 4.8vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 4.65vw !important;
        line-height: 30px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 48% !important;
        width: 48% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 6.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 4.55vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        padding: 15px 0 5px;
        top: 125px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 245px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 8.45vw;
    }
    .content-title-block h1 {
        font-size: 6.65vw;
    }
    .navigate-menu {
        margin-top: 35px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 4.04vw;
        line-height: 8.1vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 45%;
        margin: 20px 10px 40px 12px;
        background-size: contain;
        height: 218px;
    }
    .navigate-menu li {
        margin-bottom: 10px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 15px;
        min-width: 145px;
        margin-bottom: 20px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 15px;
        background-position-x: 92%;
        margin-top: -191px;
    }
    .reference-social {
        margin: 0 auto;
        width: 80%;
        clear: both;
        display: table;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 150px;
    }
    .blog-liste .blog-content .title {
        font-size: 4.87vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
        line-height: 9vh;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
        line-height: 7vh;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 4.8vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .map-container-half { width: 100%; }
    .orange-part-adres { height: auto; padding-right: 0; }
    .orange-part {
        line-height: 8.2vh;
        font-size: 4.05vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size:20px;
        line-height:30px;
    }
    .orange-part-adres div { display:inline;}
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.mail {
        float: none;
        margin: 0 auto;
        width: 92%;
    }
    .contact-form-container {
        width: 100%;
    }
    .contact-form-container:nth-child(3) {
        width: 100%;
    }
    .contact-button-line {
        margin-left: 0;
    }
    .continue-button.orange.contact {
        float: right;
    }
    .blog-liste .blog-content .continue {
        line-height: 8.2vh;
    }
    .slick-slide:nth-child(3) .caption {
        top: 45% !important;
    }
    .bt-menu ul li {
        padding: 1.1% 0 !important;
    }
    .bt-menu ul li .menu-txt {
        padding-top: 8px !important;
    }
    .modal {
        left: 5px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        width: 100%;
        margin-right: 0;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .modal-right {
        width: 100%;
    }
    .middle-list-content .icons {
        height: 85px;
        background-size: 30%;
        background-position: center 12px;
    }
    .middle-list-content .desc {
        padding: 0 15px;
    }
    .middle-list-content:before {
        top: 4%;
        left: 4%;
        right: 4%;
        bottom: 4%;
    }
    .middle-list-content.mobile .icons {
        background-size: 16%;
    }
    .middle-list-content.search .icons {
        background-size: 28%;
    }
    .middle-list-content.corporate .title {
        font-size: 14px;
    }
    .bt-menu ul:first-of-type li a {
        font-size: 20px !important;
    }
    .middle-list-content.mobileapp .icons {
        background-size: 17%;
    }
    .middle-list-content.mobileapp .title {
        font-size: 14px;
    }
    .middle-list-content .title {
        font-size: 14px;
    }
    .lightBoxSlide {
        width: 90% !important;
        margin: 0 auto;
    }
    .error-part {
        width: 99%;
        margin: 0 auto;
        float: none;
        padding: 445px 20px 40px;
    }
    .error-part-right {
        padding: 0 20px 50px;
        position: relative;
        z-index: 9;
        width: 100%;
    }
    .textContainer {
        font-size: 8.65vh;
    }
    .blog-detail-img {
        margin-bottom: 15px;
        height: 250px;
        width: 100%;
    }
}
@media only screen and (min-width: 560px) and (max-width: 639px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.first .main-container { min-height: initial; padding-bottom: 120px; padding-top: 20px; display: table; }
    .what-we-do.first .what-we-do-text { width: 100%; height: auto; }
    .what-we-do-img { width: 100%; height: 250px; margin-bottom: 10px; }
    
    .what-we-do-header  { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
    .what-we-do-header h2 { font-size: 22px; line-height: 26px; }
    .what-we-do-text { font-size: 16px; line-height: 24px; }
    .what-we-do-text h3 { font-size: 16px; line-height: 24px; }

    .what-we-do-item { margin-bottom: 25px; }

    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 120px 0 90px 0; }
    .what-we-do.fourth::after { width: 119px; height: 133px; top: -80px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 15px; }
    ul.CodeLanguage li { width: 23%; height: 50px; margin-right: 2%; margin-bottom: 15px; font-size: 16px; line-height: 50px; border-width: 5px; }
    
    .what-we-do.fifth { padding: 95px 20px 0 20px; }
    .what-we-do.fifth::after { width: 60px; height: 105px; }
    .what-we-do.sixth { padding: 0; height: 240px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.price-form .main-container { background-size: 90%; min-height: 260px; }
    .what-we-do.price-form .main-container::after { right: 0; width: 60px; height: 60px; top: 20px; }
    .what-we-do.price-form .main-container::before { width: 80px; height: 55px; bottom: 45px; }
    .price-form-header { font-size: 22px; line-height: 26px; }
    .price-form-text { font-size: 16px; line-height: 32px; }

    html {
        -webkit-text-size-adjust: none;
    }
    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        z-index: 9;
        position: relative;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 45%;
        margin: 20px 8px 40px 16px;
        background-size: contain;
        height: 245px;
    }
    .pic.part2 {
        width: 50%;
        margin-right: 0;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .middle-container {
        width: 100%;
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        width: 90%;
        margin: 0 auto;
        float: none;
        background-size: contain;
        background-position: 0 top;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-box.third {
        width: 90%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 3vw;
        line-height: 6.3vh;
    }
    .aboutus-container .title {
        font-size: 6vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
        padding: 8px 3px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 6vw;
    }
    .column-5 {
        width: 45%;
    }
    .column-45 {
        width: 50%;
    }
    .ask-right {
        padding-top: 0;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
        clear: right;
        margin-top: 2px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: 28%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 68%;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 78.5% !important;
    }
    .bt-menu ul {
        width: 73% !important;
    }
    .bt-menu ul:first-of-type {
        top: 2% !important;
        right: 10px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 445px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu:nth-of-type(2) li:first-child {
        display: none !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 40px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        right: 0 !important;
        width: 35% !important;
    }
    .bt-menu ul li .icons {
        width: 33px !important;
        height: 33px !important;
        background-size: 55%;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(1.2) !important;
        -webkit-transform: scale(1.2) !important;
        -o-transform: scale(1.2) !important;
        -ms-transform: scale(1.2) !important;
        transform: scale(1.2) !important;
    }
    .slick-slide .slide-image {
        background-position: 65% !important;
    }
    .slick-dots {
        top: -webkit-calc(65% - 90px) !important;
        top: calc(65% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 55% !important;
    }
    .banner-caption-title {
        font-size: 7.55vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 51% 0 !important;
    }
    .slick-slide:nth-child(4) .caption {
        max-width: 97% !important;
        width: 98% !important;
        font-size: 4.5vw !important;
        padding-right: 6% !important;
    }
    .slick-slide:nth-child(4) .banner-caption-title {
        padding-left: 6px !important;
        line-height: 10vh !important;
        font-size: 6.3vw !important;
    }
    .slick-slide:nth-child(4) .banner-caption-middle-title {
        line-height: 40px !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 40.2% -6px !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 52% !important;
        max-width: 52% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 4.8vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 4.65vw !important;
        line-height: 30px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 48% !important;
        width: 48% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 6.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 4.55vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        padding: 15px 0 0;
        top: 110px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 225px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 7.45vw;
    }
    .content-title-block h1 {
        font-size: 5.65vw;
    }
    .navigate-menu {
        margin-top: 25px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 3.04vw;
        line-height: 8.1vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 45%;
        margin: 20px 8px 40px 16px;
        background-size: contain;
        height: 245px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 14px;
        min-width: 145px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 14px;
        background-position-x: 92%;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 180px;
    }
    .blog-liste .blog-content .title {
        font-size: 4.57vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
        line-height: 10vh;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
        line-height: 7vh;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 3.8vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .map-container-half { width: 100%; }
    .orange-part-adres { height: auto; padding-right: 0; }
    .orange-part {
        line-height: 8.2vh;
        font-size: 3.2vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size: 20px;
        line-height:30px;
    }
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.mail {
        float: none;
        margin: 0 auto;
        width: 92%;
    }
    .contact-form-container {
        width: 100%;
    }
    .contact-form-container:nth-child(3) {
        width: 100%;
    }
    .contact-button-line {
        margin-left: 0;
    }
    .continue-button.orange.contact {
        float: right;
    }
    .blog-liste .blog-content .continue {
        line-height: 8.2vh;
    }
    .slick-slide:nth-child(3) .caption {
        top: 45% !important;
    }
    .bt-menu ul li {
        padding: 1.1% 0 !important;
    }
    .bt-menu ul li .menu-txt {
        padding-top: 6px !important;
    }
    .modal {
        left: 9px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        margin-right: 20px;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .middle-list-content .icons {
        height: 90px;
        background-size: 25%;
        background-position: center 14px;
    }
    .middle-list-content .desc {
        padding: 0 15px;
    }
    .middle-list-content:before {
        top: 4%;
        left: 4%;
        right: 4%;
        bottom: 4%;
    }
    .middle-list-content.mobile .icons {
        background-size: 16%;
    }
    .middle-list-content.search .icons {
        background-size: 25%;
    }
    .bt-menu ul:first-of-type li a {
        font-size: 20px !important;
    }
    .middle-list-content.mobileapp .icons {
        background-size: 15%;
    }
    .middle-list-content.mobileapp .title {
        font-size: 14px;
    }
    .list-space .middle-list-content:before {
        left: 8%;
        top: 5%;
        right: 7%;
        bottom: 5%;
    }
    .middle-list-content.multimedia .title {
        font-size: 15px;
    }
    .middle-list-content.corporate .title {
        font-size: 16px;
    }
    .lightBoxSlide {
        width: 92% !important;
        margin: 0 auto;
        width: 70% !important;
        margin: 0 auto;
    }
    .error-part {
        width: 99%;
        margin: 0 auto;
        float: none;
        padding: 445px 20px 40px;
    }
    .error-part-right {
        padding: 0 20px 50px;
        position: relative;
        z-index: 9;
        width: 100%;
    }
    .textContainer {
        font-size: 8.65vh;
    }
    .blog-detail-img {
        height: 250px;
        background-size: contain;
        background-position-y: top;
    }
}
@media only screen and (min-width: 640px) and (max-width: 659px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.first .main-container { min-height: initial; padding-bottom: 120px; padding-top: 20px; display: table; }
    .what-we-do.first .what-we-do-text { width: 100%; height: auto; }
    .what-we-do-img { width: 100%; height: 250px; margin-bottom: 10px; }
    
    .what-we-do-header { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
    .what-we-do-header h2 { font-size: 22px; line-height: 26px; }
    .what-we-do-text { font-size: 16px; line-height: 24px; }
    .what-we-do-text h3 { font-size: 16px; line-height: 24px; }

    .what-we-do-item { margin-bottom: 25px; }

    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 120px 0 90px 0; }
    .what-we-do.fourth::after { width: 119px; height: 133px; top: -80px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 15px; }
    ul.CodeLanguage li { width: 23%; height: 50px; margin-right: 2%; margin-bottom: 15px; font-size: 16px; line-height: 50px; border-width: 5px; }
    
    .what-we-do.fifth { padding: 95px 20px 0 20px; }
    .what-we-do.fifth::after { width: 60px; height: 105px; }
    .what-we-do.sixth { padding: 0; height: 240px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.price-form .main-container { background-size: 90%; min-height: 260px; }
    .what-we-do.price-form .main-container::after { right: 0; width: 60px; height: 60px; top: 20px; }
    .what-we-do.price-form .main-container::before { width: 80px; height: 55px; bottom: 45px; }
    .price-form-header { font-size: 22px; line-height: 26px; }
    .price-form-text { font-size: 16px; line-height: 32px; }

    html {
        -webkit-text-size-adjust: none;
    }
    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        z-index: 9;
        position: relative;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 45%;
        margin: 20px 8px 40px 16px;
        background-size: contain;
        height: 245px;
    }
    .pic.part2 {
        width: 50%;
        margin-right: 0;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .middle-container {
        width: 100%;
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        width: 45%;
        margin: 0 10px 0 22px;
        background-size: contain;
        background-position: 0 top;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-txt {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-box.third {
        width: 45%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 3vw;
        line-height: 6.3vh;
    }
    .aboutus-container .title {
        font-size: 6vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
        padding: 8px 3px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 6vw;
    }
    .ask-right {
        padding-top: 0;
        width: 51%;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
        clear: right;
        margin-top: 15px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: 28%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 68%;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 70% !important;
    }
    .bt-menu ul:first-of-type {
        top: 5% !important;
        right: 10px !important;
        width: 410px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 445px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu:nth-of-type(2) li:first-child {
        display: none !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 40px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        right: 0 !important;
        width: 27% !important;
    }
    .bt-menu ul li .icons {
        width: 33px !important;
        height: 33px !important;
        background-size: 55%;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(1.2) !important;
        -webkit-transform: scale(1.2) !important;
        -o-transform: scale(1.2) !important;
        -ms-transform: scale(1.2) !important;
        transform: scale(1.2) !important;
    }
    .slick-slide .slide-image {
        background-position: 65% !important;
    }
    .slick-dots {
        top: -webkit-calc(65% - 90px) !important;
        top: calc(65% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 55% !important;
    }
    .banner-caption-title {
        font-size: 7.55vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 51% 0 !important;
    }
    .slick-slide:nth-child(4) .caption {
        max-width: 97% !important;
        width: 98% !important;
        font-size: 4.5vw !important;
        padding-right: 6% !important;
    }
    .slick-slide:nth-child(4) .banner-caption-title {
        padding-left: 6px !important;
        line-height: 10vh !important;
        font-size: 6.3vw !important;
    }
    .slick-slide:nth-child(4) .banner-caption-middle-title {
        line-height: 40px !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 40.2% -6px !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 52% !important;
        max-width: 52% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 4.8vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 4.65vw !important;
        line-height: 30px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 48% !important;
        width: 48% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 6.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 4.55vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        padding: 15px 0 0;
        top: 108px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 225px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 7.45vw;
    }
    .content-title-block h1 {
        font-size: 5.65vw;
    }
    .navigate-menu {
        margin-top: 25px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 3.04vw;
        line-height: 8.1vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 45%;
        margin: 20px 8px 40px 16px;
        background-size: contain;
        height: 245px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 15px;
        min-width: 145px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 15px;
        background-position-x: 92%;
        margin-left: 0;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 200px;
    }
    .blog-liste .blog-content .title {
        font-size: 4.37vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
        line-height: 9vh;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
        line-height: 7vh;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 3.8vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .map-container-half { width: 100%; }
    .orange-part-adres { height: auto; padding-right: 0; }
    .orange-part {
        line-height: 8.2vh;
        font-size: 3.2vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size: 22px;
        line-height: 30px;
    }
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.mail {
        float: none;
        margin: 0 auto;
        width: 92%;
    }
    .contact-button-line {
        margin-left: 0;
        width: 38%;
    }
    .continue-button.orange.contact {
        float: right;
    }
    .blog-liste .blog-content .continue {
        line-height: 8.2vh;
    }
    .slick-slide:nth-child(3) .caption {
        top: 45% !important;
    }
    .bt-menu ul li {
        padding: 1.5% 0 !important;
    }
    .bt-menu ul li .menu-txt {
        padding-top: 8px !important;
    }
    .modal {
        left: 10px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        margin-right: 25px;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .middle-list-content .icons {
        height: 95px;
        background-size: 22%;
        background-position: center 18px;
    }
    .middle-list-content .desc {
        padding: 0 35px;
    }
    .middle-list-content:before {
        top: 5%;
        left: 12%;
        right: 12%;
        bottom: 5%;
    }
    .middle-list-content.mobile .icons {
        background-size: 14%;
    }
    .middle-list-content.search .icons {
        background-size: 25%;
    }
    .bt-menu ul:first-of-type li a {
        font-size: 20px !important;
    }
    .middle-list-content.mobileapp .icons {
        background-size: 12%;
    }
    .middle-list-content.mobileapp .title {
        font-size: 14px;
    }
    .list-space .middle-list-content:before {
        left: 12%;
        top: 5%;
        right: 12%;
        bottom: 5%;
    }
    .footer-address-line {
        background-size: 13%;
        margin-bottom: 10px;
        background-position: left 0;
    }
    .footer-address-line.phone {
        background-size: 12%;
    }
    .social-container {
        margin-top: 0;
    }
    .bt-menu.bt-menu-open ul {
        border: 0 !important;
    }
    .column-5 {
        width: 45%;
    }
    .contact-button-line .g-recaptcha {
        -webkit-transform: scale(0.68);
        transform: scale(0.68);
        transform-origin: top right;
        float: right;
    }
    .middle-list-content.corporate .title {
        font-size: 16px;
    }
    .middle-list-content .title {
        font-size: 18px;
    }
    .middle-list-content.multimedia .title {
        font-size: 16px;
    }
    .lightBoxSlide {
        width: 70% !important;
        margin: 0 auto;
    }
    .error-part {
        width: 99%;
        margin: 0 auto;
        float: none;
        padding: 445px 20px 40px;
    }
    .error-part-right {
        padding: 0 20px 50px;
        position: relative;
        z-index: 9;
        width: 100%;
    }
    .textContainer {
        font-size: 8.65vh;
    }
    .blog-detail-img {
        height: 250px;
        background-size: contain;
        background-position: right top;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 660px) and (max-width: 699px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.first .main-container { min-height: initial; padding-bottom: 120px; padding-top: 20px; display: table; }
    .what-we-do.first .what-we-do-text { width: 100%; height: auto; }
    .what-we-do-img { width: 100%; height: 250px; margin-bottom: 10px; }
    
    .what-we-do-header { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
    .what-we-do-header h2 { font-size: 22px; line-height: 26px; }
    .what-we-do-text { font-size: 16px; line-height: 24px; }
    .what-we-do-text h3 { font-size: 16px; line-height: 24px; }

    .what-we-do-item { margin-bottom: 25px; }

    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 120px 0 90px 0; }
    .what-we-do.fourth::after { width: 119px; height: 133px; top: -80px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 15px; }
    ul.CodeLanguage li { width: 23%; height: 65px; margin-right: 2%; margin-bottom: 20px; font-size: 20px; line-height: 65px; }
    
    .what-we-do.fifth { padding: 95px 20px 0 20px; }
    .what-we-do.fifth::after { width: 60px; height: 105px; }
    .what-we-do.sixth { padding: 0; height: 240px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.price-form .main-container { background-size: 90%; min-height: 300px; }
    .what-we-do.price-form .main-container::after { right: 0; }
    .price-form-header { font-size: 22px; line-height: 26px; }
    .price-form-text { font-size: 16px; line-height: 32px; }

    html {
        -webkit-text-size-adjust: none;
    }
    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        z-index: 9;
        position: relative;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 45%;
        margin: 20px 8px 40px 16px;
        background-size: contain;
        height: 245px;
    }
    .pic.part2 {
        width: 50%;
        margin-right: 0;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .middle-container {
        width: 100%;
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        width: 45%;
        margin: 0 10px 0 22px;
        background-size: contain;
        background-position: 0 top;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-txt {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-box.third {
        width: 45%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 3vw;
        line-height: 6.3vh;
    }
    .aboutus-container .title {
        font-size: 6vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
        padding: 8px 3px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 6vw;
    }
    .ask-right {
        padding-top: 0;
        width: 48%;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
        clear: right;
        margin-top: 15px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: 28%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 68%;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 70% !important;
    }
    .bt-menu ul:first-of-type {
        top: 5% !important;
        right: 10px !important;
        width: 410px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 445px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu:nth-of-type(2) li:first-child {
        display: none !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 40px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        right: 0 !important;
        width: 27% !important;
    }
    .bt-menu ul li .icons {
        width: 33px !important;
        height: 33px !important;
        background-size: 55%;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(1.2) !important;
        -webkit-transform: scale(1.2) !important;
        -o-transform: scale(1.2) !important;
        -ms-transform: scale(1.2) !important;
        transform: scale(1.2) !important;
    }
    .slick-slide .slide-image {
        background-position: 65% !important;
    }
    .slick-dots {
        top: -webkit-calc(65% - 90px) !important;
        top: calc(65% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 55% !important;
    }
    .banner-caption-title {
        font-size: 7.55vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 51% 0 !important;
    }
    .slick-slide:nth-child(4) .caption {
        max-width: 97% !important;
        width: 98% !important;
        font-size: 4.5vw !important;
        padding-right: 6% !important;
    }
    .slick-slide:nth-child(4) .banner-caption-title {
        padding-left: 6px !important;
        line-height: 10vh !important;
        font-size: 6.3vw !important;
    }
    .slick-slide:nth-child(4) .banner-caption-middle-title {
        line-height: 40px !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 40.2% -6px !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 52% !important;
        max-width: 52% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 4.8vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 4.65vw !important;
        line-height: 30px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 48% !important;
        width: 48% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 6.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 4.55vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        padding: 15px 0 5px;
        top: 115px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 230px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 6.45vw;
    }
    .content-title-block h1 {
        font-size: 5.65vw;
    }
    .navigate-menu {
        margin-top: 25px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 3.04vw;
        line-height: 8.1vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 45%;
        margin: 20px 8px 40px 16px;
        background-size: contain;
        height: 245px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 15px;
        min-width: 145px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 15px;
        background-position-x: 92%;
        margin-left: 0;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 200px;
    }
    .blog-liste .blog-content .title {
        font-size: 4.37vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
        line-height: 9vh;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
        line-height: 7vh;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 3.8vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .map-container-half { width:100%;}
    .orange-part-adres { height: auto; padding-right: 0; }
    .orange-part {
        line-height: 8.2vh;
        font-size: 3.2vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size: 22px;
        line-height: 30px;
    }
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.mail {
        float: none;
        margin: 0 auto;
        width: 92%;
    }
    .contact-button-line {
        margin-left: 0;
        width: 38%;
    }
    .continue-button.orange.contact {
        float: right;
    }
    .blog-liste .blog-content .continue {
        line-height: 8.2vh;
    }
    .slick-slide:nth-child(3) .caption {
        top: 45% !important;
    }
    .bt-menu ul li {
        padding: 1.5% 0 !important;
    }
    .bt-menu ul li .menu-txt {
        padding-top: 8px !important;
    }
    .modal {
        left: 10px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        margin-right: 25px;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .middle-list-content .icons {
        height: 95px;
        background-size: 22%;
        background-position: center 18px;
    }
    .middle-list-content .desc {
        padding: 0 38px;
    }
    .middle-list-content:before {
        top: 5%;
        left: 12%;
        right: 12%;
        bottom: 5%;
    }
    .middle-list-content.mobile .icons {
        background-size: 14%;
    }
    .middle-list-content.search .icons {
        background-size: 25%;
    }
    .bt-menu ul:first-of-type li a {
        font-size: 20px !important;
    }
    .middle-list-content.mobileapp .icons {
        background-size: 13%;
    }
    .middle-list-content.mobileapp .title {
        font-size: 15px;
    }
    .list-space .middle-list-content:before {
        left: 12%;
        top: 5%;
        right: 12%;
        bottom: 5%;
    }
    .footer-address-line {
        background-size: 13%;
        margin-bottom: 10px;
        background-position: left 0;
    }
    .footer-address-line.phone {
        background-size: 12%;
    }
    .social-container {
        margin-top: 0;
    }
    .bt-menu.bt-menu-open ul {
        border: 0 !important;
    }
    .column-5 {
        width: 45%;
    }
    .contact-button-line .g-recaptcha {
        -webkit-transform: scale(0.68);
        transform: scale(0.68);
        transform-origin: top right;
        float: right;
    }
    .middle-list-content.multimedia .title {
        font-size: 16px;
    }
    .middle-list-content.corporate .title {
        font-size: 16px;
    }
    .lightBoxSlide {
        width: 70% !important;
        margin: 0 auto;
    }
    .error-part {
        width: 99%;
        margin: 0 auto;
        float: none;
        padding: 445px 20px 40px;
    }
    .error-part-right {
        padding: 0 20px 50px;
        position: relative;
        z-index: 9;
        width: 100%;
    }
    .textContainer {
        font-size: 8.65vh;
    }
    .blog-detail-img {
        height: 270px;
        background-size: contain;
        background-position: right top;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 700px) and (max-width: 759px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.first .main-container { min-height: initial; padding-bottom: 120px; padding-top: 20px; display: table; }
    .what-we-do.first .what-we-do-text { width: 100%; height: auto; }
    .what-we-do-img { width: 100%; height: 250px; margin-bottom: 10px; }
    
    .what-we-do-header { font-size: 28px; line-height: 32px; margin-bottom: 10px; }
    .what-we-do-header h2 { font-size: 28px; line-height: 32px; }
    .what-we-do-text { font-size: 18px; line-height: 30px; }
    .what-we-do-text h3 { font-size: 18px; line-height: 30px; }

    .what-we-do-item { margin-bottom: 25px; }

    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 120px 0 90px 0; }
    .what-we-do.fourth::after { width: 166px; height: 183px; top: -105px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 15px; }
    ul.CodeLanguage li { width: 23%; height: 65px; margin-right: 2%; margin-bottom: 20px; font-size: 20px; line-height: 65px; }
    
    .what-we-do.fifth { padding: 95px 20px 0 20px; }
    .what-we-do.fifth::after { width: 77px; height: 130px; }
    .what-we-do.sixth { padding: 0; height: 240px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.price-form .main-container { background-size: 90%; }
    .what-we-do.price-form .main-container::after { right: 0; }

    html {
        -webkit-text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        z-index: 9;
        position: relative;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 30%;
        margin: 20px 5px 40px 16px;
        background-size: contain;
        height: 225px;
    }
    .pic.part2 {
        width: 50%;
        margin-right: 0;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .pic.part1 .pic-image {
        -webkit-transform: scale(1.17);
        -moz-transform: scale(1.17);
        -o-transform: scale(1.17);
        -ms-transform: scale(1.17);
        transform: scale(1.17);
    }
    .pic.part2 .pic-image {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -o-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25);
    }
    .middle-container {
        width: 100%;
    }
    .pic.part2:hover .pic-image,
    .pic.part1:hover .pic-image {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        width: 45%;
        margin: 0 10px 0 22px;
        background-size: contain;
        background-position: 0 top;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-txt {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-box.third {
        width: 45%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 2.5vw;
        line-height: 6.3vh;
    }
    .aboutus-container .title {
        font-size: 5.5vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
        padding: 8px 3px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 5.5vw;
    }
    .ask-right {
        padding-top: 0;
        width: 43.5%;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
        clear: right;
        margin-top: 15px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: 21%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 76%;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 70% !important;
    }
    .bt-menu ul:first-of-type {
        top: 5% !important;
        right: 10px !important;
        width: 410px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 445px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu:nth-of-type(2) li:first-child {
        display: none !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 40px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        right: 0 !important;
        width: 27% !important;
    }
    .bt-menu ul li .icons {
        width: 33px !important;
        height: 33px !important;
        background-size: 55%;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(1.2) !important;
        -webkit-transform: scale(1.2) !important;
        -o-transform: scale(1.2) !important;
        -ms-transform: scale(1.2) !important;
        transform: scale(1.2) !important;
    }
    .slick-slide .slide-image {
        background-position: 65% !important;
    }
    .slick-dots {
        top: -webkit-calc(65% - 90px) !important;
        top: calc(65% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 55% !important;
    }
    .banner-caption-title {
        font-size: 7.55vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 51% 0 !important;
    }
    .slick-slide:nth-child(4) .caption {
        max-width: 97% !important;
        width: 98% !important;
        font-size: 4.5vw !important;
        padding-right: 6% !important;
    }
    .slick-slide:nth-child(4) .banner-caption-title {
        padding-left: 6px !important;
        line-height: 10vh !important;
        font-size: 6.3vw !important;
    }
    .slick-slide:nth-child(4) .banner-caption-middle-title {
        line-height: 40px !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 40.2% -6px !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 52% !important;
        max-width: 52% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 4.8vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 4.65vw !important;
        line-height: 30px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 48% !important;
        width: 48% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 6.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 4.55vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        padding: 15px 0 5px;
        top: 115px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 230px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 7.45vw;
    }
    .content-title-block h1 {
        font-size: 5vw;
    }
    .navigate-menu {
        margin-top: 25px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 2.54vw;
        line-height: 8.1vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 30%;
        margin: 20px 5px 40px 16px;
        background-size: contain;
        height: 225px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 15px;
        min-width: 145px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 15px;
        background-position-x: 92%;
        margin-left: 0;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 200px;
    }
    .blog-liste .blog-content .title {
        font-size: 3.87vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
        line-height: 9vh;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
        line-height: 7vh;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 3.2vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .orange-part {
        line-height: 8.2vh;
        font-size: 2.8vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size:22px;
        line-height: 34px;
    }
    .orange-part-adres { height: auto; padding-right: 0; }
    .orange-part a { width: 100%; height: 100%; display:block; }
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.mail {
        float: none;
        margin: 0 auto;
        width: 92%;
    }
    .contact-button-line {
        margin-left: 0;
        width: 40%;
    }
    .continue-button.orange.contact {
        float: right;
    }
    .blog-liste .blog-content .continue {
        line-height: 8.2vh;
    }
    .slick-slide:nth-child(3) .caption {
        top: 45% !important;
    }
    .bt-menu ul li {
        padding: 1.5% 0 !important;
    }
    .bt-menu ul li .menu-txt {
        padding-top: 8px !important;
    }
    .modal {
        left: 10px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        margin-right: 25px;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .middle-list-content .icons {
        height: 95px;
        background-size: 27%;
        background-position: center 18px;
    }
    .middle-list-content .desc {
        padding: 0 15px;
    }
    .middle-list-content:before {
        top: 5%;
        left: 5%;
        right: 5%;
        bottom: 5%;
    }
    .middle-list-content.mobile .icons {
        background-size: 14%;
    }
    .middle-list-content.search .icons {
        background-size: 28%;
    }
    .bt-menu ul:first-of-type li a {
        font-size: 20px !important;
    }
    .middle-list-content.mobileapp .icons {
        background-size: 17%;
    }
    .middle-list-content.mobileapp .title {
        font-size: 14px;
    }
    .list-space .middle-list-content:before {
        left: 5%;
        top: 5%;
        right: 5%;
        bottom: 5%;
    }
    .footer-address-line {
        background-size: 13%;
        margin-bottom: 10px;
        background-position: left 0;
    }
    .footer-address-line.phone {
        background-size: 12%;
    }
    .social-container {
        margin-top: 0;
    }
    .bt-menu.bt-menu-open ul {
        border: 0 !important;
    }
    .column-5 {
        width: 49%;
    }
    .contact-button-line .g-recaptcha {
        -webkit-transform: scale(0.82);
        transform: scale(0.82);
        transform-origin: top right;
        float: right;
    }
    .middle-list-content .title {
        font-size: 18px;
    }
    .middle-list-content.corporate .title,
    .middle-list-content.multimedia .title {
        font-size: 14px;
    }
    .lightBoxSlide {
        width: 70% !important;
        margin: 0 auto;
    }
    .error-part {
        width: 99%;
        margin: 0 auto;
        float: none;
        padding: 445px 20px 40px;
    }
    .error-part-right {
        padding: 0 20px 50px;
        position: relative;
        z-index: 9;
        width: 100%;
    }
    .textContainer {
        font-size: 8.65vh;
    }
    .blog-detail-img {
        height: 300px;
        background-size: contain;
        background-position: right top;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 760px) and (max-width: 811px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.first .main-container { min-height: initial; padding-bottom: 120px; padding-top: 20px; display: table; }
    .what-we-do.first .what-we-do-text { width: 100%; height: auto; }
    .what-we-do-img { width: 100%; height: 250px; margin-bottom: 10px; }
    
    .what-we-do-header { font-size: 28px; line-height: 32px; margin-bottom: 10px; }
    .what-we-do-header h2 { font-size: 28px; line-height: 32px; }
    .what-we-do-text { font-size: 18px; line-height: 30px; }
    .what-we-do-text h3 { font-size: 18px; line-height: 30px; }

    .what-we-do-item { margin-bottom: 25px; }

    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 120px 0 90px 0; }
    .what-we-do.fourth::after { width: 166px; height: 183px; top: -105px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 15px; }
    ul.CodeLanguage li { width: 23%; height: 65px; margin-right: 2%; margin-bottom: 20px; font-size: 20px; line-height: 65px; }
    
    .what-we-do.fifth { padding: 75px 20px 0 20px; }
    .what-we-do.fifth::after { width: 77px; height: 130px; }
    .what-we-do.sixth { padding: 0; height: 240px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.price-form .main-container { background-size: 90%; }
    .what-we-do.price-form .main-container::after { right: 0; }

    html {
        -webkit-text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        z-index: 9;
        position: relative;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 30%;
        margin: 20px 5px 40px 16px;
        background-size: contain;
        height: 225px;
    }
    .pic.part2 {
        width: 50%;
        margin-right: 0;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .pic.part1 .pic-image {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    .pic.part2 .pic-image {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    .middle-container {
        width: 100%;
    }
    .pic.part2:hover .pic-image,
    .pic.part1:hover .pic-image {
        -webkit-transform: scale(1.28);
        -moz-transform: scale(1.28);
        -o-transform: scale(1.28);
        -ms-transform: scale(1.28);
        transform: scale(1.28);
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        width: 45%;
        margin: 0 10px 0 22px;
        background-size: contain;
        background-position: 0 top;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-txt {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-box.third {
        width: 45%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 2.8vw;
        line-height: 3.5vh;
    }
    .aboutus-container .title {
        font-size: 5.5vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 5.5vw;
    }
    .ask-right {
        padding-top: 0;
        width: 41.5%;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
        clear: right;
        margin-top: 15px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: 21%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 76%;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 58% !important;
    }
    .bt-menu ul:first-of-type {
        top: 5% !important;
        right: 10px !important;
        width: 410px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 445px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 60px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        width: 45% !important;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(2.4) !important;
        -webkit-transform: scale(2.4) !important;
        -o-transform: scale(2.4) !important;
        -ms-transform: scale(2.4) !important;
        transform: scale(2.4) !important;
    }
    .slick-slide .slide-image {
        background-position: 23% !important;
    }
    .slick-dots {
        top: -webkit-calc(65% - 90px) !important;
        top: calc(65% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 50% !important;
    }
    .banner-caption-title {
        font-size: 7.55vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 49% 0 !important;
    }
    .slick-slide:nth-child(4) .caption {
        display: none;
    }
    .slick-slide:nth-child(4) .banner-caption-title {
        padding-left: 6px !important;
        line-height: 10vh !important;
        font-size: 6.3vw !important;
    }
    .slick-slide:nth-child(4) .banner-caption-middle-title {
        line-height: 40px !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 8% !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 75% !important;
        max-width: 75% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 4.8vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 4.65vw !important;
        line-height: 10px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .slide-image {
        background-position: 14% !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 48% !important;
        width: 48% !important;
        top: 64% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 6.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 4.55vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        top: 170px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 380px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 7.05vw;
        line-height: 4.8vh;
    }
    .content-title-block h1 {
        font-size: 5vw;
    }
    .navigate-menu {
        margin-top: 25px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 2.64vw;
        line-height: 4vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 30%;
        margin: 20px 5px 40px 16px;
        background-size: contain;
        height: 225px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 15px;
        min-width: 145px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 15px;
        background-position-x: 92%;
        margin-left: 0;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 200px;
    }
    .blog-liste .blog-content .title {
        font-size: 3.87vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
        line-height: 4vh;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
        line-height: 3vh;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 3.2vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .orange-part {
        line-height: 3.5vh;
        font-size: 2.8vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size:22px;
        line-height:30px;
    }
    .orange-part a { width: 100%; height:100%; display:block; }
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.mail {
        float: none;
        margin: 0 auto;
        width: 92%;
    }
    .contact-button-line {
        margin-left: 0;
        width: 40%;
    }
    .continue-button.orange.contact {
        float: right;
    }
    .slick-slide:nth-child(3) .caption {
        top: 51% !important;
    }
    .modal {
        left: 10px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        margin-right: 25px;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .middle-list-content .icons {
        height: 95px;
        background-size: 27%;
        background-position: center 18px;
    }
    .middle-list-content .desc {
        padding: 0 15px;
    }
    .middle-list-content:before {
        top: 5%;
        left: 5%;
        right: 5%;
        bottom: 5%;
    }
    .middle-list-content.mobile .icons {
        background-size: 14%;
    }
    .middle-list-content.search .icons {
        background-size: 28%;
    }
    .middle-list-content.mobileapp .icons {
        background-size: 17%;
    }
    .middle-list-content.mobileapp .title {
        font-size: 14px;
    }
    .list-space .middle-list-content:before {
        left: 5%;
        top: 5%;
        right: 5%;
        bottom: 5%;
    }
    .footer-address-line {
        background-size: 13%;
        margin-bottom: 10px;
        background-position: left 0;
    }
    .footer-address-line.phone {
        background-size: 12%;
    }
    .social-container {
        margin-top: 0;
    }
    .column-5 {
        width: 49%;
    }
    .contact-button-line .g-recaptcha {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        transform-origin: top right;
        float: right;
    }
    .middle-list-content .title {
        font-size: 17px;
    }
    .middle-list-content.multimedia .title {
        font-size: 15px;
    }
    .middle-list-content.corporate .title {
        font-size: 15px;
    }
    .lightBoxSlide {
        width: 70% !important;
        margin: 0 auto;
    }
    .textContainer {
        font-size: 5.65vh;
    }
    .blog-detail-img {
        height: 300px;
        background-size: contain;
        background-position: right top;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 812px) and (max-width: 999px) {
    
    .what-we-do { padding: 0 20px; }
    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 160px 0 100px 0; }
    .what-we-do.fourth::after { width: 166px; height: 183px; top: -105px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 45px; }
    ul.CodeLanguage li { width: 20%; height: 65px; margin-right: 5%; margin-bottom: 20px; font-size: 20px; line-height: 65px; }
    
    .what-we-do.fifth { padding: 75px 20px 0 20px; }
    .what-we-do.fifth::after { width: 77px; height: 130px; }
    .what-we-do.sixth { padding: 0; height: 300px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    html {
        -webkit-text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
    .main-container {
        width: 100%;
    }
    .top-menu li {
        display: none;
    }
    .logo {
        margin: 10px auto 0 10px;
        z-index: 9;
        position: relative;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .top-menu {
        margin-right: 0;
    }
    .bt-menu-trigger .menu-name {
        display: none;
    }
    .bt-menu-trigger {
        top: 13px !important;
        right: 5px !important;
    }
    .middle-container-title .shadow {
        font-size: 50px;
    }
    .middle-container-title .title {
        padding-top: 30px;
        padding-left: 48px;
    }
    .middle-container-title {
        font-size: 33px;
    }
    .middle-list-content {
        width: 30%;
        margin: 20px 5px 40px 16px;
        background-size: contain;
        height: 225px;
    }
    .pic.part2 {
        width: 50%;
        margin-right: 0;
    }
    .pic.part1 {
        width: 100%;
    }
    .pic {
        max-width: 100% !important;
    }
    .pic.part1 .pic-image {
        -webkit-transform: scale(1.39);
        -moz-transform: scale(1.39);
        -o-transform: scale(1.39);
        -ms-transform: scale(1.39);
        transform: scale(1.39);
    }
    .pic.part2 .pic-image {
        -webkit-transform: scale(1.39);
        -moz-transform: scale(1.39);
        -o-transform: scale(1.39);
        -ms-transform: scale(1.39);
        transform: scale(1.39);
    }
    .middle-container {
        width: 100%;
    }
    .pic.part2:hover .pic-image,
    .pic.part1:hover .pic-image {
        -webkit-transform: scale(1.39);
        -moz-transform: scale(1.39);
        -o-transform: scale(1.39);
        -ms-transform: scale(1.39);
        transform: scale(1.39);
    }
    .grey-container {
        display: block;
        padding-top: 38px;
        padding-bottom: 1px;
    }
    .bottom-container {
        display: inline-block;
    }
    .footer-container {
        display: inline-block;
    }
    .footer {
        display: none;
    }
    .footer-box.second {
        display: none;
    }
    .footer-box {
        width: 45%;
        margin: 0 10px 0 22px;
        background-size: contain;
        background-position: 0 top;
    }
    .footer-box .desc {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-txt {
        width: 100%;
    }
    .footer-button {
        width: 100%;
    }
    .footer-box.third {
        width: 45%;
    }
    .footer-bottom-menu {
        display: none;
    }
    .footer-logo {
        float: none;
        margin: 0 auto;
    }
    .aboutus-container {
        width: 100%;
        padding: 20px;
        height: auto;
        font-size: 2.3vw;
        line-height: 6.5vh;
    }
    .aboutus-container .title {
        font-size: 5.5vw;
        margin-bottom: 10px;
    }
    .aboutus-container .desc {
        height: auto;
    }
    .continue-button {
        margin-top: 10px;
    }
    .ask-container {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ask-container .title,
    .blog-container .title {
        font-size: 5.5vw;
    }
    .ask-right {
        padding-top: 0;
        width: 41.5%;
    }
    .ask-right .g-recaptcha {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .ask-right .continue-button.orange {
        margin-top: 8px;
        clear: right;
        margin-top: 15px;
    }
    .blog-container {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .blog-list .bimg {
        width: 21%;
    }
    .blog-list {
        margin: 10px 0;
    }
    .blog-list .desc {
        width: 76%;
    }
    .blog-list-container {
        height: auto;
    }
    .blog-list .btitle {
        height: auto;
        margin-bottom: 10px;
    }
    .middle-list-container {
        width: 100%;
    }
    .form-error-phone {
        right: 27px;
        top: 12px;
    }
    .get-offer {
        animation: none;
        background: #ff9e19;
        bottom: 0;
        right: 0;
        height: auto;
        width: 100%;
        text-align: center;
        padding: 10px 0 3px;
        font-size: 25px;
        color: #fff;
        letter-spacing: 1px;
        z-index: 100;
        font-family: "Exo-DemiBold";
    }
    .up-btn {
        z-index: 101;
        background-size: 72%;
        bottom: 80px;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 58% !important;
    }
    .bt-menu ul:first-of-type {
        top: 5% !important;
        right: 10px !important;
        width: 410px !important;
    }
    .bt-menu.bt-menu-open {
        border-width: 0 445px 0 0 !important;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 40px !important;
    }
    .bt-menu ul:nth-of-type(2) {
        width: 27% !important;
        right: 0 !important;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(2.4) !important;
        -webkit-transform: scale(2.4) !important;
        -o-transform: scale(2.4) !important;
        -ms-transform: scale(2.4) !important;
        transform: scale(2.4) !important;
    }
    .slick-slide .slide-image {
        background-position: 23% !important;
    }
    .slick-dots {
        top: -webkit-calc(65% - 90px) !important;
        top: calc(65% - 90px) !important;
    }
    .banner-caption-desc {
        display: none;
    }
    .caption {
        width: 50% !important;
    }
    .banner-caption-title {
        font-size: 7.55vw;
    }
    .banner-caption-middle-title {
        font-size: 4.85vw;
        padding-bottom: 0;
        border: 0;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 49% 0 !important;
    }
    .slick-slide:nth-child(4) .caption {
        display: none;
    }
    .slick-slide:nth-child(4) .banner-caption-title {
        padding-left: 6px !important;
        line-height: 10vh !important;
        font-size: 6.3vw !important;
    }
    .slick-slide:nth-child(4) .banner-caption-middle-title {
        line-height: 40px !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 8% !important;
    }
    .slick-slide:nth-child(5) .caption {
        width: 75% !important;
        max-width: 75% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-title {
        font-size: 4.8vw !important;
        line-height: 13vh !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        font-size: 4.65vw !important;
        line-height: 10px !important;
        margin: 0 !important;
    }
    .slick-slide:nth-child(6) .slide-image {
        background-position: 14% !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 48% !important;
        width: 48% !important;
        top: 64% !important;
    }
    .slick-slide:nth-child(6) .banner-caption-title {
        font-size: 6.7vw !important;
        line-height: 58px !important;
    }
    .slick-slide:nth-child(6) .banner-caption-middle-title {
        font-size: 4.55vw !important;
        line-height: 10px !important;
    }
    .content-title-block {
        width: 100%;
        left: 0;
        top: 170px;
        z-index: 1;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .content-banner {
        height: 380px;
    }
    .content-title-block .big-title {
        margin-left: 0;
        font-size: 7.05vw;
        line-height: 4.8vh;
    }
    .content-title-block h1 {
        font-size: 5vw;
    }
    .navigate-menu {
        margin-top: 25px;
    }
    .content-container {
        width: 92%;
        padding: 25px 0;
        font-size: 2.64vw;
        line-height: 8vh;
        margin: 0 auto;
        position: relative;
    }
    .list-space {
        padding: 20px 0;
        margin-left: 0;
    }
    .list-space .middle-list-content {
        width: 30%;
        margin: 20px 5px 40px 16px;
        background-size: contain;
        height: 225px;
    }
    .content-img {
        max-width: 100% !important;
        height: auto !important;
        margin: 20px 0 10px;
    }
    .references {
        padding: 20px 0;
    }
    .reference-menu li {
        margin: 0 10px 15px;
        min-width: 140px;
    }
    .reference-img {
        margin-top: 15px;
    }
    .reference-back-btn {
        background-position-x: 10px;
        padding: 17px 10px 14px 30px;
        margin-left: 15px;
        min-width: 145px;
    }
    .reference-back-btn.next {
        padding: 17px 30px 14px 10px;
        margin-right: 15px;
        background-position-x: 92%;
        margin-left: 0;
    }
    .share-social-menu {
        margin: 17px auto 20px;
    }
    .blog-liste .blog-img {
        width: 100%;
        height: 200px;
    }
    .blog-liste .blog-content .title {
        font-size: 3.87vw;
        height: auto;
        margin-bottom: 15px;
        width: 100%;
        line-height: 10vh;
    }
    .blog-liste .blog-content {
        width: 100%;
        height: auto;
        padding: 17px 20px;
    }
    .blog-liste .blog-content .desc {
        padding-top: 10px;
        margin-bottom: 15px;
        height: auto;
        line-height: 8vh;
    }
    .blog-liste {
        margin-bottom: 20px;
    }
    .orange-title {
        margin: 0 0 10px;
        font-size: 3.2vw;
    }
    .navigate-menu li a {
        line-height: 20px;
    }
    .blog-detail-btns .reference-back-btn.next {
        margin-top: 0;
        margin-left: 0;
    }
    .blog-detail-btns .reference-back-btn {
        margin: 0 5px;
    }
    .orange-part {
        line-height: 10.5vh;
        font-size: 2.8vw;
        margin: 0 auto;
        float: none;
        width: 92%;
        font-size: 28px;
        line-height: 50px;
    }
    .orange-part-adres { height: auto; }
    .orange-part.telephone {
        width: 92%;
        float: none;
        margin: 15px auto;
    }
    .orange-part.telephone,.orange-part.mail {
        float: none;
        margin: 25px auto 0 auto;
        width: 92%;
        background-position:left center;
    }
    .contact-button-line {
        margin-left: 0;
        width: 40%;
    }
    .continue-button.orange.contact {
        float: right;
    }
    .slick-slide:nth-child(3) .caption {
        top: 51% !important;
    }
    .modal {
        left: 10px !important;
        margin-left: 0 !important;
        width: 97% !important;
    }
    .modal-title {
        padding-top: 40px;
        padding-left: 0;
        font-size: 30px;
    }
    .modal-desc {
        font-size: 20px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 15px;
    }
    .modal-header {
        padding-left: 15px !important;
    }
    .modal-body {
        padding: 15px !important;
    }
    .modal-left {
        margin-right: 25px;
    }
    .modal {
        position: absolute !important;
        background-size: cover !important;
    }
    .middle-list-content .icons {
        height: 95px;
        background-size: 27%;
        background-position: center 18px;
    }
    .middle-list-content .desc {
        padding: 0 15px;
    }
    .middle-list-content:before {
        top: 5%;
        left: 5%;
        right: 5%;
        bottom: 5%;
    }
    .middle-list-content.mobile .icons {
        background-size: 14%;
    }
    .middle-list-content.search .icons {
        background-size: 28%;
    }
    .middle-list-content.mobileapp .icons {
        background-size: 17%;
    }
    .middle-list-content.mobileapp .title {
        font-size: 14px;
    }
    .list-space .middle-list-content:before {
        left: 5%;
        top: 5%;
        right: 5%;
        bottom: 5%;
    }
    .footer-address-line {
        background-size: 13%;
        margin-bottom: 10px;
        background-position: left 0;
    }
    .footer-address-line.phone {
        background-size: 12%;
    }
    .social-container {
        margin-top: 0;
    }
    .column-5 {
        width: 49%;
    }
    .contact-button-line .g-recaptcha {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        transform-origin: top right;
        float: right;
    }
    .middle-list-content .title {
        font-size: 17px;
    }
    .middle-list-content.multimedia .title {
        font-size: 15px;
    }
    .middle-list-content.corporate .title {
        font-size: 15px;
    }
    .lightBoxSlide {
        width: 70% !important;
        margin: 0 auto;
    }
    .textContainer {
        font-size: 5.65vh;
    }
    .bt-menu.bt-menu-open ul.social-menu:nth-of-type(2) li:first-child {
        display: none !important;
    }
    .bt-menu ul li .icons {
        width: 33px !important;
        height: 33px !important;
        background-size: 55%;
    }
    .bt-menu ul li {
        padding: 1.5% 0 !important;
    }
    .bt-menu.bt-menu-open ul {
        border: 0 !important;
    }
    .blog-liste .blog-content .continue {
        line-height: 8.2vh;
    }
    .blog-detail-img {
        height: 320px;
        background-size: contain;
        background-position: right top;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
    .what-we-do { padding: 0 20px; }
    .what-we-do.second { padding: 60px 20px 40px 20px; }
    .what-we-do.third .main-container { padding: 160px 0 100px 0; }
    .what-we-do.fourth::after { width: 166px; height: 183px; top: -105px; }
    .what-we-do.fourth { padding: 80px 20px 15px 20px; }
    ul.CodeLanguage { padding: 0 0 0 45px; }
    ul.CodeLanguage li { width: 20%; height: 65px; margin-right: 5%; margin-bottom: 20px; font-size: 20px; line-height: 65px; }
    
    .what-we-do.fifth { padding: 75px 20px 0 20px; }
    .what-we-do.fifth::after { width: 77px; height: 130px; }
    .what-we-do.sixth { padding: 0; height: 300px; }
    
    .what-we-do.seventh { padding: 0 20px 40px 20px; }

    .what-we-do.first .main-container {
        min-height: inherit;
        padding-bottom: 175px;
        display: table;
    }
    .bt-menu ul li {
        padding: 1.5% 0 !important;
    }
    .get-offer,
    .get-offer:hover {
        width: 10%;
        background-size: contain;
        bottom: 12px;
        right: 12px;
        height: 105px;
    }
    .main-container {
        width: 100%;
    }
    .middle-container {
        width: 100%;
        margin-bottom: 50px;
    }
    .middle-list-content {
        background-size: contain;
        margin-right: 15px;
        height: 235px;
        width: 22%;
        margin-left: 15px;
    }
    .middle-list-content .desc {
        font-size: 14px;
        line-height: 20px;
        padding: 0 20px;
    }
    .middle-list-content:before {
        left: 4%;
        right: 4%;
        top: 5%;
        bottom: 6%;
    }
    .middle-list-content.mobileapp .title {
        font-size: 15px;
    }
    .pic {
        max-width: 592px !important;
        margin: 0 5px 9px 3px !important;
    }
    .aboutus-container {
        padding: 20px 15px 40px;
        width: 33%;
        font-size: 1.7vw;
    }
    .ask-container {
        padding: 20px 15px 38px;
        width: 35.5%;
    }
    .blog-container {
        width: 31.5%;
        padding: 20px 15px 40px;
    }
    .blog-list .btitle {
        font-size: 15px;
        line-height: 17px;
        height: 35px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .ask-container .desc {
        margin-bottom: 10px;
    }
    .refresh-button {
        margin-bottom: 8px;
    }
    .ask-txt.secure {
        margin: 0;
        float: none;
        clear: both;
        display: block;
        width: 100%;
    }
    .middle-list-container {
        width: 100%;
    }
    .bt-menu ul li .icons {
        width: 40px !important;
        height: 40px !important;
        background-size: 50%;
    }
    .middle-list-content .icons {
        height: 90px;
        background-size: 24%;
        background-position: center 20px;
    }
    .middle-list-content.corporate .title {
        font-size: 15px;
    }
    .middle-list-content .title {
        font-size: 17px;
    }
    .blog-list .bimg {
        margin-right: 10px;
    }
    .content-title-block {
        width: 97%;
        left: 3%;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .list-space .middle-list-content {
        width: 23.1%;
        margin: 20px 9px 40px 10px;
    }
    .list-space {
        margin-left: 0;
    }
    .list-space .middle-list-content:before {
        left: 5%;
        right: 5%;
        top: 5%;
        bottom: 5%;
    }
    .list-space .middle-list-content.left-pad {
        margin-left: 25.9%;
    }
    .main-container.web {
        padding-bottom: 450px;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    .top-menu li {
        font-size: 16px;
    }
    .bt-menu-trigger {
        background-size: 70% !important;
        font-size: 16px !important;
        height: 45px !important;
    }
    .bt-menu.bt-menu-open {
        border-right-width: 500px !important;
    }
    .bt-menu ul {
        width: 380px !important;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 39.8% !important;
    }
    .middle-container-title .shadow {
        font-size: 68px;
    }
    .middle-container-title {
        font-size: 45px;
    }
    .middle-container-title .title {
        padding-top: 38px;
        padding-left: 68px;
    }
    .middle-list-content.mobile .icons {
        background-size: 14%;
    }
    .grey-container {
        margin-top: -28px;
    }
    .modal-header {
        font-size: 35px !important;
    }
    .modal-desc {
        font-size: 21px;
    }
    .content-banner {
        height: 300px;
    }
    .content-title-block {
        top: 130px;
        padding-bottom: 10px;
    }
    .content-title-block .big-title {
        font-size: 4.5vw;
    }
    .content-title-block h1 {
        font-size: 3.65vw;
    }
    .content-container {
        padding: 50px 0;
        font-size: 1.65vw;
        line-height: 4vh;
        width: 96%;
        margin: 0 auto;
    }
    .content-img {
        margin: 25px 0 30px;
    }
    .list-space .middle-list-content.left-pad {
        margin-left: 25.5%;
    }
    .pic.part2 {
        height: 292px;
        width: 292px;
        max-height: 292px !important;
    }
    .pic.part1 {
        height: 292px;
        width: 40%;
    }
    .pic.part3 {
        width: 268px;
        height: 643px;
        max-height: 643px;
    }
    .pic-title {
        padding-top: 95px !important;
        font-size: 21px !important;
    }
    .pic-desc {
        font-size: 15px;
        line-height: 22px;
    }
    .pic.part3 .pic-title {
        padding-top: 65% !important;
    }
    .reference-btn {
        left: calc((1200px / 2) - 151px);
        left: -webkit-calc((1200px / 2) - 151px);
    }
    .blog-liste .blog-content .desc {
        line-height: 3.5vh;
    }
    .blog-liste .blog-content .continue {
        font-size: 16px;
        line-height: 4.5vh;
    }
    .blog-liste .blog-content .title {
        font-size: 2.3vw;
        line-height: 5vh;
        width: 100%;
    }
    .orange-part {
        font-size: 1.65vw;
        line-height: 4.5vh;
        width: 50%;
        margin-left: 20px;
    }
    .orange-part-adres { height: auto;}
    .footer-box .title {
        font-size: 1.83vw;
    }
    .navigate-menu {
        margin-top: 35px;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(1.23) !important;
        -webkit-transform: scale(1.23) !important;
        -o-transform: scale(1.23) !important;
        -ms-transform: scale(1.23) !important;
        transform: scale(1.23) !important;
    }
    .middle-list-content.mobileapp .icons {
        background-size: 14%;
    }
    .slick-slide .slide-image {
        background-position: 40% !important;
    }
    .slick-slide:nth-child(4) .slide-image {
        background-position: 48% !important;
    }
    .slick-slide:nth-child(4) .caption {
        width: 97% !important;
        max-width: 97% !important;
        font-size: 5.4vw !important;
    }
    .slick-slide:nth-child(5) .slide-image {
        background-position: 23% !important;
    }
    .caption {
        font-size: 2.05vw !important;
    }
    .slick-slide:nth-child(6) .slide-image {
        background-position: 26% !important;
    }
    .slick-slide:nth-child(6) .caption {
        max-width: 40% !important;
    }
    .slick-slide:nth-child(5) .banner-caption-middle-title {
        line-height: 30px !important;
    }
    .banner-caption-desc {
        width: 95%;
    }
    .aboutus-container .title {
        margin-bottom: 8px;
    }
    .ask-right .g-recaptcha {
        transform: scale(0.48);
        -webkit-transform: scale(0.48);
        transform-origin: 0 42px;
        -webkit-transform-origin: 0 42px;
    }
    .continue-button {
        margin-top: 60px;
        padding: 8px 3px 7px;
    }
    .ask-right .continue-button.orange {
        margin-top: 10px;
        padding-top: 8px;
    }
    .blog-list .desc {
        height: 87px;
        overflow: hidden;
    }
    .footer-box {
        margin-left: 15px;
        width: 33.5%;
    }
    .footer-box .desc {
        width: 81%;
    }
    .footer-txt,
    .footer-button {
        width: 81%;
    }
    .footer-logo {
        margin-left: 15px;
    }
    .footer-bottom-menu {
        width: 60%;
        margin-right: 15px;
    }
    .middle-list-content.multimedia .title {
        font-size: 16px;
    }
    .reference-back-btn {
        margin-left: 15px;
    }
    .reference-back-btn.next {
        margin-left: 0;
        margin-right: 15px;
    }
    .reference-social {
        width: calc(100% - 364px);
        width: -webkit-calc(100% - 364px);
    }
    .orange-part.telephone,
    .orange-part.mail {
        width: 30%;
        float: right;
    }
    .orange-part.telephone { margin-top: 30px; }
    .continue-button.big {
        margin-top: 40px;
        padding-top: 8px;
    }
    .blog-list .bdesc {
        height: 35px;
        overflow: hidden;
    }
    .textContainer {
        font-size: 5.65vh;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .what-we-do.first .main-container {
        min-height: 580px;
        padding-bottom: 145px;
    }
    .what-we-do.third .main-container {
        padding: 220px 0 100px 0;
    }
    .what-we-do.fourth::after {
        width: 156px;
        height: 173px;
        top: -100px;
    }
    .what-we-do.fifth::after {
        width: 82px;
        height: 140px;
    }
    .what-we-do.sixth {
        height: 360px;
    }
    ul.CodeLanguage { padding: 0 0 0 75px; }
    ul.CodeLanguage li { margin-right: 74px; }

    .bt-menu ul li {
        padding: 1.5% 0 !important;
    }
    .get-offer,
    .get-offer:hover {
        width: 8%;
        background-size: contain;
        bottom: 12px;
        right: 12px;
        height: 105px;
    }
    .main-container {
        width: 1200px;
    }
    .middle-container {
        width: 100%;
        margin-bottom: 50px;
    }
    .middle-list-content {
        background-size: contain;
        margin-right: 30px;
        height: 245px;
    }
    .middle-list-content .desc {
        font-size: 14px;
        line-height: 20px;
    }
    .middle-list-content:before {
        left: 4%;
        right: 4%;
        top: 4%;
        bottom: 4%;
    }
    .middle-list-content.mobileapp .title {
        font-size: 15px;
    }
    .pic {
        max-width: 592px !important;
        margin: 0 5px 9px 3px !important;
    }
    .aboutus-container {
        padding: 40px 20px 40px 25px;
        width: 35%;
    }
    .ask-container {
        padding: 40px 20px 38px;
        width: 32.5%;
    }
    .blog-container {
        width: 32.5%;
        padding: 40px 21px 40px 20px;
    }
    .blog-list .btitle {
        font-size: 15px;
        line-height: 17px;
        height: 35px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .blog-list {
        margin: 11px 0;
    }
    .ask-container .desc {
        margin-bottom: 10px;
    }
    .refresh-button {
        margin-bottom: 8px;
    }
    .ask-txt.secure {
        margin: 0;
        float: none;
        clear: both;
        display: block;
        width: 100%;
    }
    .middle-list-container {
        width: 101%;
    }
    .bt-menu ul li .icons {
        width: 40px !important;
        height: 40px !important;
        background-size: 50%;
    }
    .middle-list-content .icons {
        height: 120px;
        background-size: 24%;
        background-position: center 30px;
    }
    .middle-list-content.corporate .title {
        font-size: 16px;
    }
    .middle-list-content .title {
        font-size: 18px;
    }
    .blog-list .bimg {
        margin-right: 10px;
    }
    .content-title-block {
        width: 97%;
        left: 3%;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .list-space .middle-list-content {
        width: 23.1%;
        margin: 20px 10px 40px;
    }
    .list-space {
        margin-left: 0;
    }
    .list-space .middle-list-content:before {
        left: 10%;
        right: 10%;
        top: 5%;
        bottom: 5%;
    }
    .list-space .middle-list-content.left-pad {
        margin-left: 25.9%;
    }
    .main-container.web {
        padding-bottom: 450px;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    .top-menu li {
        font-size: 16px;
    }
    .bt-menu-trigger {
        background-size: 70% !important;
        font-size: 16px !important;
        height: 45px !important;
    }
    .bt-menu.bt-menu-open {
        border-right-width: 500px !important;
    }
    .bt-menu ul {
        width: 380px !important;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 39.8% !important;
    }
    .middle-container-title .shadow {
        font-size: 68px;
    }
    .middle-container-title {
        font-size: 45px;
    }
    .middle-container-title .title {
        padding-top: 38px;
        padding-left: 68px;
    }
    .middle-list-content.mobile .icons {
        background-size: 14%;
    }
    .grey-container {
        margin-top: -28px;
    }
    .modal-header {
        font-size: 35px !important;
    }
    .modal-desc {
        font-size: 21px;
    }
    .content-banner {
        height: 300px;
    }
    .content-title-block {
        top: 130px;
        padding-bottom: 10px;
    }
    .content-title-block .big-title {
        font-size: 4.5vw;
    }
    .content-title-block h1 {
        font-size: 3.65vw;
    }
    .content-container {
        padding: 50px 0;
        font-size: 1.15vw;
        line-height: 4vh;
        letter-spacing: 0.7px;
    }
    .content-img {
        margin: 25px 0 30px;
    }
    .list-space .middle-list-content.left-pad {
        margin-left: 25.5%;
    }
    .pic.part2 {
        height: 292px;
        width: 292px;
        max-height: 292px !important;
    }
    .pic.part1 {
        height: 292px;
    }
    .pic.part3 {
        width: 268px;
        height: 643px;
        max-height: 643px;
    }
    .pic-title {
        padding-top: 95px !important;
        font-size: 21px !important;
    }
    .pic-desc {
        font-size: 15px;
        line-height: 22px;
    }
    .pic.part3 .pic-title {
        padding-top: 65% !important;
    }
    .reference-btn {
        left: calc((1200px / 2) - 151px);
        left: -webkit-calc((1200px / 2) - 151px);
    }
    .blog-liste .blog-content .desc {
        line-height: 4.5vh;
    }
    .blog-liste .blog-content .continue {
        font-size: 16px;
        line-height: 4.5vh;
    }
    .blog-liste .blog-content .title {
        font-size: 2vw;
        line-height: 6vh;
    }
    .orange-part {
        font-size: 1.55vw;
        line-height: 4.5vh;
        width: 45%;
    }
    .orange-part-adres { height: auto; }
    .orange-part-adres:last-child div { display: inline-block; }
    .orange-part.telephone, .orange-part.mail { margin-top: 100px; }
    .footer-box .title {
        font-size: 1.83vw;
    }
    .navigate-menu {
        margin-top: 35px;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(1.16) !important;
        -webkit-transform: scale(1.16) !important;
        -o-transform: scale(1.16) !important;
        -ms-transform: scale(1.16) !important;
        transform: scale(1.16) !important;
    }
    .middle-list-content.mobileapp .icons {
        background-size: 14%;
    }
    .ask-right .g-recaptcha {
        transform: scale(0.58);
        -webkit-transform: scale(0.58);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 27px;
    }
    .footer-menu li {
        font-size: 15px;
    }
    .footer-address-line {
        font-size: 15px;
    }
    .footer-box .desc {
        font-size: 15px;
    }
    .blog-list .bdesc {
        height: 35px;
        overflow: hidden;
    }
    .continue-button {
        padding: 9px 3px 7px;
        margin-top: 1px;
    }
    .ask-right {
        padding-top: 0;
    }
    .textContainer {
        font-size: 7.65vh;
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .what-we-do.first .main-container {
        min-height: 580px;
        padding-bottom: 145px;
    }
    .what-we-do.third .main-container {
        padding: 220px 0 100px 0;
    }
    .what-we-do.fourth::after {
        width: 156px;
        height: 173px;
        top: -100px;
    }
    .what-we-do.fifth::after {
        width: 82px;
        height: 140px;
    }
    .what-we-do.sixth {
        height: 400px;
    }
    ul.CodeLanguage { padding: 0 0 0 75px; }
    ul.CodeLanguage li { margin-right: 74px; }

    .bt-menu ul li {
        padding: 1.5% 0 !important;
    }
    .get-offer,
    .get-offer:hover {
        width: 8%;
        background-size: contain;
        bottom: 12px;
        right: 12px;
        height: 115px;
    }
    .main-container {
        width: 1200px;
    }
    .middle-container {
        width: 102%;
        margin-bottom: 50px;
    }
    .middle-list-content {
        background-size: contain;
        margin-right: 23px;
        height: 245px;
    }
    .middle-list-content .desc {
        font-size: 14px;
        line-height: 20px;
    }
    .middle-list-content:before {
        left: 5%;
        right: 5%;
        top: 5%;
        bottom: 5%;
    }
    .middle-list-content.mobileapp .title {
        font-size: 15px;
    }
    .pic {
        max-width: 592px !important;
        margin: 0 5px 9px 3px !important;
    }
    .aboutus-container {
        padding: 40px 20px 40px 25px;
        width: 35%;
    }
    .ask-container {
        padding: 40px 20px 38px;
        width: 32.5%;
    }
    .blog-container {
        width: 32.5%;
        padding: 40px 21px 40px 20px;
    }
    .blog-list .btitle {
        font-size: 15px;
        line-height: 17px;
        height: 35px;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .blog-list {
        margin: 11px 0;
    }
    .ask-container .desc {
        margin-bottom: 10px;
    }
    .ask-txt {
        padding: 8px 25px 5px 13px;
    }
    .ask-right {
        padding-top: 20px;
    }
    .refresh-button {
        margin-bottom: 8px;
    }
    .ask-txt.secure {
        margin: 0;
        float: none;
        clear: both;
        display: block;
        width: 100%;
    }
    .middle-list-container {
        width: 101%;
    }
    .middle-list-content.corporate .title {
        font-size: 16px;
    }
    .bt-menu ul {
        padding-bottom: 2.5% !important;
    }
    .content-title-block {
        width: 97%;
        left: 3%;
    }
    .content-title-block .center-text {
        width: 100%;
    }
    .list-space .middle-list-content {
        width: 23.1%;
        margin: 20px 10px 40px 13px;
    }
    .list-space {
        margin-left: 0;
    }
    .list-space .middle-list-content:before {
        left: 10%;
        right: 10%;
        top: 5%;
        bottom: 5%;
    }
    .main-container.web {
        padding-bottom: 450px;
    }
    .logo img {
        width: 80%;
        height: auto;
    }
    .top-menu li {
        font-size: 16px;
    }
    .bt-menu-trigger {
        background-size: 70% !important;
        font-size: 16px !important;
        height: 45px !important;
    }
    .bt-menu ul li .icons {
        width: 40px !important;
        height: 40px !important;
        background-size: 50%;
    }
    .bt-menu.bt-menu-open {
        border-right-width: 500px !important;
    }
    .bt-menu ul {
        width: 380px !important;
    }
    .bt-menu.bt-menu-open .bt-menu-container {
        width: 37.5% !important;
    }
    .middle-container-title .shadow {
        font-size: 68px;
    }
    .middle-container-title {
        font-size: 45px;
    }
    .middle-container-title .title {
        padding-top: 38px;
        padding-left: 68px;
    }
    .middle-list-content .icons {
        height: 120px;
        background-size: 24%;
        background-position: center 30px;
    }
    .middle-list-content.mobile .icons {
        background-size: 14%;
    }
    .middle-list-content .title {
        font-size: 18px;
    }
    .grey-container {
        margin-top: -28px;
    }
    .modal-header {
        font-size: 35px !important;
    }
    .modal-desc {
        font-size: 21px;
    }
    .content-banner {
        height: 300px;
    }
    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 5px !important;
    }
    .content-title-block {
        top: 130px;
        padding-bottom: 10px;
    }
    .content-title-block .big-title {
        font-size: 4.5vw;
    }
    .content-title-block h1 {
        font-size: 3.65vw;
    }
    .content-container {
        padding: 50px 0;
        font-size: 1.15vw;
        letter-spacing: 0.5px;
        line-height: 4vh;
    }
    .content-img {
        margin: 25px 0 30px;
    }
    .list-space .middle-list-content.left-pad {
        margin-left: 25.9%;
    }
    .pic.part2 {
        height: 292px;
        width: 292px;
        max-height: 292px !important;
    }
    .pic.part1 {
        height: 292px;
    }
    .pic.part3 {
        width: 268px;
        height: 643px;
        max-height: 643px;
    }
    .pic-title {
        padding-top: 95px !important;
        font-size: 21px !important;
    }
    .pic-desc {
        font-size: 15px;
        line-height: 22px;
    }
    .pic.part3 .pic-title {
        padding-top: 65% !important;
    }
    .reference-btn {
        left: calc((1200px / 2) - 151px);
        left: -webkit-calc((1200px / 2) - 151px);
    }
    .blog-liste .blog-content .desc {
        line-height: 4vh;
    }
    .blog-liste .blog-content .continue {
        line-height: 4vh;
    }
    .orange-part {
        font-size: 1.55vw;
        line-height: 4.5vh;
        width: 45%; 
    }
    .orange-part-adres { height: auto; }
    .orange-part-adres:last-child div { display: inline-block; }
    .orange-part.telephone, .orange-part.mail { margin-top: 110px; }

    .footer-box .title {
        font-size: 1.83vw;
    }
    .navigate-menu {
        margin-top: 35px;
    }
    .slick-slide video {
        top: 0 !important;
        left: 0 !important;
        -webkit-transform: translate(0%, -1%) !important;
        transform: translate(0%, -1%) !important;
        height: 100% !important;
        width: 100% !important;
        -moz-transform: scale(1.16) !important;
        -webkit-transform: scale(1.16) !important;
        -o-transform: scale(1.16) !important;
        -ms-transform: scale(1.16) !important;
        transform: scale(1.16) !important;
    }
    .middle-list-content.mobileapp .icons {
        background-size: 14%;
    }
    .ask-right .g-recaptcha {
        transform: scale(0.63);
        -webkit-transform: scale(0.63);
    }
    .footer-menu li {
        font-size: 16px;
    }
    .footer-address-line {
        font-size: 16px;
    }
    .blog-list .bdesc {
        height: 35px;
        overflow: hidden;
    }
    .continue-button {
        padding: 7px 3px 5px;
    }
    .continue-button.orange {
        margin-top: 23px;
    }
    .ask-right {
        padding-top: 20px;
    }
    .textContainer {
        font-size: 7.65vh;
    }
}
@media only screen and (min-width: 1367px) and (max-width: 1700px) {
    .middle-list-container {
        width: 100%;
    }
    .what-we-do.first .main-container {
        min-height: 580px;
        padding-bottom: 145px;
    }
    .what-we-do.third .main-container {
        padding: 220px 0 100px 0;
    }
    .what-we-do.fourth::after {
        width: 156px;
        height: 173px;
        top: -100px;
    }
    .what-we-do.fifth::after {
        width: 82px;
        height: 140px;
    }
    .what-we-do.sixth {
        height: 400px;
    }
    ul.CodeLanguage { padding: 0 0 0 75px; }
    ul.CodeLanguage li { margin-right: 74px; }


    .aboutus-container {
        width: 38%;
        padding: 40px 30px 40px 35px;
    }
    .ask-container {
        width: 34%;
        padding: 40px 23px 38px 30px;
    }
    .blog-container {
        padding: 40px 31px 40px 30px;
        width: 28%;
    }
    .blog-list .desc {
        width: 54%;
    }
    .blog-list {
        margin: 10px 0 8px;
    }
    .list-space {
        width: 108%;
    }
    .textContainer {
        font-size: 6.65vh;
    }
}
/*1440*/
@media only screen and (min-width: 1380px) and (max-width: 1445px) and (max-height:760px) {
    .bt-menu ul {
        padding: 0 0 1.5% !important;
    }

        .bt-menu ul li {
            padding: 2.5% 0 !important;
        }

        .bt-menu ul:first-of-type {
            top: 12% !important;
        }

    .bt-menu.bt-menu-open ul.social-menu {
        bottom: 0 !important;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {

    .what-we-do.first .main-container {
        min-height: 580px;
        padding-bottom: 145px;
    }

    .what-we-do.third .main-container {
        padding: 220px 0 100px 0;
    }

    .what-we-do.fourth::after {
        width: 196px;
        height: 223px;
        top: -130px;
    }

    .what-we-do.fifth::after {
        width: 115px;
        height: 195px;
    }

    .what-we-do.sixth {
        height: 440px;
    }

    ul.CodeLanguage {
        padding: 0 0 0 75px;
    }

        ul.CodeLanguage li {
            margin-right: 74px;
        }
}