@media only screen and (max-width: 1600px) { /* ------------------------ */
/* start */



/* end 1600 */ }

@media only screen and (max-width: 1400px) { /* ------------------------ */
/* start */



/* end 1400 */ }

@media only screen and (max-width: 1360px) { /* ------------------------ */
/* start */



/* end 1360 */ }

@media only screen and (max-width: 1200px) { /* xl --------------------- */
/* start */

h1,
h2 {
    font-size: 42px;
    margin-bottom: 25px;
}

h3 {
    font-size: 26px;
    margin-bottom: 20px;
}

h4 {
    font-size: 20px;
}

.bt-call-action a {
    padding: 15px;
    font-size: 34px;
}

.devis-content {
    margin-top: 40px;
    padding: 20px 30px;
}

.devis-content .icon {
    display: none;
}

.content p {
    font-size: 16px;
}

.teaser .txt p {
    font-size: 14px;
}

.teaser-content .col {
    flex: 0 0 auto !important;
    width: 26%;
}

.btn-xl {
    padding: 15px 25px;
    font-size: 18px;
}

.nav-mobile nav ul li a,
.nav-mobile nav ul li > span {
    font-size: 16px;
    letter-spacing: 0;
}

/* end 1200 */ }

@media only screen and (max-width: 1100px) { /* ------------------------ */
/* start */



/* end 1100 */ }

@media only screen and (max-width: 1024px) { /* ------------------------ */
/* start */



/* end 1024 */ }

@media only screen and (max-width: 992px) { /* lg ---------------------- */
/* start */

.teaser-content .col {
    width: 33%;
}

.container.nav-bar-content {
    height: 0vh;
    transition: 0s !important;
}

.nav-active .container.nav-bar-content {
    height: calc(100vh - 45px);
    transition: 0s !important;
}

.nav-mobile {
    padding: 0 20px;
    padding-bottom: 20px;
}

.nav-mobile nav {
    width: 100%;
    height: calc(100% - 90px);
    overflow: scroll;
    margin-top: 20px;
    text-align: center;
}

.nav-mobile nav ul li {
    display: block;
    margin-right: 0;
}

.nav-mobile nav ul li a,
.nav-mobile nav ul li > span {
    line-height: 50px;
}

.nav-mobile nav ul li a:after {
    display: none !important;
}

.nav-mobile nav ul li > a:hover:after, .nav-mobile nav ul li.menuactive > a:after, .nav-mobile nav ul li > span:hover:after, .nav-mobile nav ul li.menuactive > span:after {
    display: none;
}

.nav-mobile nav ul li ul {
    position: relative;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.nav-mobile nav ul li ul li {
    padding-bottom: 0;
}

.nav-mobile nav ul li ul li a {
    line-height: 40px;
}

li.sub-nav {
    padding-right: 0;
}

.bt-open-sub-nav {
    display: none !important;
}

a.bt-search {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
    font-size: 44px;
    height: max-content;
    padding: 5px;
    margin-top: 20px;
}


/* end 992 */ }

@media only screen and (max-width: 991px) { /* ------------------------- */
/* start */

.teaser .txt {
    position: absolute;
    width: calc(100% - 15px);
    padding: 15px;
    padding-bottom: 5px;
}

.teaser:hover .txt {
    padding-left: 20px;
    padding-right: 20px;
}

/* end 991 */ }

@media only screen and (max-width: 767px) { /* md ---------------------- */
/* start */

.bt-call-action {
    bottom: 25px;
    right: 25px;
}

/* end 767 */ }

@media only screen and (max-width: 680px) { /* ------------------------- */
/* start */

.btn-xl {
    padding: 15px 20px;
    font-size: 16px;
}

/* end 680 */ }

@media only screen and (max-width: 576px) { /* sm ---------------------- */
/* start */

.teaser-content .col {
    width: 90%;
}

.top-nav a {
    letter-spacing: 0;
}

h1, h2 {
    font-size: 32px;
    margin-bottom: 25px;
}

/* end 576 */ }

@media only screen and (max-width: 480px) { /* ------------------------- */
/* start */



/* end 480 */ }

@media only screen and (max-width: 320px) { /* ------------------------- */
/* start */



/* end 320 */ }