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

.navbar-area {
    padding: 0px 0px !important;
}

header.fixed {
}

header .navbar-brand img {
    height: 35px;
}

ul.bullet-list {
    font-size: 14px;
}


}

@media only screen and (max-width: 767px) {
header .navbar-brand {
    margin-top: 0px;
    top: 0px;
}

header .navbar::after {
    bottom: -3px !important;
}

h1, .display-1 {
    font-size: 33px !important;
}

h1 span, .display-1 span {
    font-size: 28px;
}

h2, .display-2 {
    font-size: 30px;
}

h3, .display-3 {
    font-size: 19px;
}

h4, .display-4 {
    font-size: 18px !important;
}

h6, .display-6 {
    font-size: 16px;
}

.main-sidemenu {
    min-width: 100%;
    max-width: 100%;
}

.topbar .links a span.text {
    display: none !important;
}

.topbar .links a {
    margin: 0px 0px 0px 5px;
    gap: 10px;
}

p {
    font-size: 15px !important;
}

ul.list,
ul.bullet-list {
    font-size: 14px;
}

header .navbar {
    padding: 10px 0px;
    margin-top: 0px;
}

header .line-top {
    width: calc(100% - 24px);
    left: 12px;
    right: auto;
    top: -30px;
}

.banner {
    border-radius: 0 0 50px 0;
    height: 60vh;
}

.about {
    margin-top: -185px;
    position: relative;
    z-index: 9;
    overflow: hidden;
    padding-bottom: 80px;
}

.about p {
    padding-right: 0px;
}

.btn {
    line-height: 52px;
    padding: 0 75px 0 25px;
    font-size: 15px;
}

.about .btn {
    width: 100%;
    margin-right: 0px;
    text-align: left;
}

.imgstyle .img {
    margin: 0px 9px;
    width: 43%;
}

.imgstyle .img-bg {
    height: 232px;
}

.imgstyle .img-bg.small {
    height: 100px;
}

.section-title .kicker {
    font-size: 11px;
}

.section-white {
    border-radius: 0px 50px 0px 50px;
}

.our-services {
    padding: 80px 0px 80px 0px;
    border-radius: 50px 0px 50px 0px;
}

.our-services .links a {
    font-size: 16px;
    padding: 17px 25px;
}

.offer-box .text {
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.projects {
    border-radius: 50px 0px 0px 50px;
}

.project-box {
    margin-bottom: 30px;
}

.project-box.tp {
    margin-top: 0px;
}

.project-box .text {
    padding: 0px 25px 40px 20px;
}

.project-box .display-3 i {
    margin-left: 7px;
    bottom: 0px;
}

.projects .btn {
    margin-top: 0px;
}

.ready-challenge .btn {
    margin-bottom: 40px;
}

.ready-challenge .links a {
    font-size: 16px;
}

.working-job {
    padding: 80px 0px 120px 0px;
    border-radius: 0px 50px 0px 50px;
}

.working-job .section-title {
    margin-top: 30px;
}

ul.checklist {
    font-size: 14px;
}

ul.checklist li::before {
    background-size: 14px auto;
}

footer {
    text-align: center !important;
}

footer .social-links a {
    margin: 0px 15px;
}

footer ul {
    margin: 15px 0px 10px 0px;
}

footer ul li {
    margin: 0px 10px;
}

footer ul li a {
    font-size: 15px;
}

footer .footer-logos {
    margin-top: 20px;
}

footer .footer-logos img {
    max-height: 45px;
    margin: 5px 10px;
}

.page-banner {
    padding: 115px 0px 0px 0px;
}

.page-banner .page-breadcrumbs {
    padding: 10px 0px 150px 0px;
}

.installation-techno {
    padding: 80px 0px 80px 0px;
    border-radius: 50px 0px 0px 50px;
    margin-top: 80px;
}

.installation-techno .img {
    width: 100%;
}

.why-choose {
    padding: 100px 0px 80px 0px;
}

.why-choose .img {
    width: 100%;
}

.how-work {
    padding: 70px 0px 80px 0px;
}

.how-work-box .arrow {
    top: 96%;
    right: 87%;
    transform: rotate(90deg);
}

.offer-grid {
    padding: 70px 0px 50px 0px;
}

.offer-grid .row-space {
    margin-left: -12px;
    margin-right: -12px;
}

.offer-grid .row-space>div {
    padding: 0px 12px;
}

.offer-grid .offer-box {
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.contact-form {
    padding: 70px 0px 120px 0px;
}

.contact-form .space-right {
    padding-right: 12px;
    padding-bottom: 20px;
}

.contact-form label {
    font-size: 15px;
}

.contact-form .form-control {
    font-size: 15px;
    padding: 0px 15px;
}

.contact-form textarea.form-control {
    padding: 20px 15px;
}

.projects.projects-page .page-breadcrumbs {
    padding: 10px 0px 15px 0px;
}

.projects.projects-page {
    margin-top: 114px;
    border-radius: 0px 50px 0px 50px;
}

.reliable-info .bg {
    padding: 30px 20px;
    margin-top: 30px;
}

.installation-techno.inner {
    padding: 80px 0px 40px 0px;
    border-radius: 50px 0px 0px 0px;
    margin-top: 80px;
}

.installation-techno.inner ul.checklist {
    margin-bottom: 0px;
}

.installation-techno.inner ul.checklist li {
    margin-bottom: 40px;
}

.performed-work {
    padding: 80px 0px 40px 0px;
    border-radius: 50px 0px 0px 0px;
    margin-top: 80px;
}

.performed-work .section-title .kicker {
    margin-top: 20px;
}

.performed-work ul.checklist {
    margin-bottom: 0px;
}

.performed-work ul.checklist li {
    margin-bottom: 40px;
}

/* Must follow .installation-techno.inner, otherwise its bottom padding wins */
.installation-techno:has(+ .performed-work) {
    padding-bottom: 0px;
}

/* Original mobile gap: .top (20px) */
.installation-techno + .performed-work {
    margin-top: 0px;
    padding-top: 20px;
}

/* Must follow .installation-techno.inner, which resets padding, margin and radius */
.installation-techno:has(+ .installation-techno) {
    padding-bottom: 0px;
}

/* Original mobile gap: mt-5 only (48px), pt-md-5 starts at 768px */
.installation-techno + .installation-techno {
    margin-top: 0px;
    padding-top: 48px;
    border-top-left-radius: 0px;
}

.impressie .owl-theme .owl-nav [class*=owl-].owl-prev {
    left: -31px;
    right: auto;
}

.impressie .owl-theme .owl-nav [class*=owl-] {
    width: 23px;
    height: 23px;
    right: -31px;
    margin-top: -50px;
}

.impressie .owl-theme .owl-nav [class*=owl-] img {
    max-height: 7px;
}

.impressie {
    border-radius: 0px 0px 0px 50px;
    padding: 0px 0px 80px 0px;
}

.installation-techno .top {
    margin-top: 20px;
}

.services-grid {
    padding: 80px 0px 80px 0px;
    border-radius: 50px 0px 0px 50px;
    margin-top: 80px;
}

.services-grid .section-title .kicker {
    margin-top: 20px;
}

.installation-techno + .services-grid {
    margin-top: 0px;
    padding-top: 44px;
}

.projects.inner {
    padding: 60px 0px 100px 0px;
    border-radius: 0px 50px 0px 50px;
}

.why-choose .section-title {
    margin-top: 20px;
}

.projects.projects-page .right-space {
    padding-top: 0px;
}

.projects.projects-page .project-box {
    margin-bottom: 30px;
}

.installation-techno .section-title .kicker {
    margin-top: 20px;
}

.breadcrumb-item+.breadcrumb-item {
    word-break: break-word;
}

.container {
    padding-left: calc(var(--bs-gutter-x) * 1.5);
    padding-right: calc(var(--bs-gutter-x) * 1.5);
}

}

@media only screen and (min-width: 768px)and (max-width: 991px) {
h1, .display-1 {
    font-size: 38px !important;
}

.section-title .kicker {
    font-size: 13px;
    letter-spacing: 2px;
}

h2, .display-2 {
    font-size: 24px !important;
}

h3, .display-3 {
    font-size: 20px;
}

h6, .display-6 {
    font-size: 16px;
}

p {
    font-size: 14px !important;
}

.btn {
    font-size: 14px;
    line-height: 55px;
    padding: 0px 70px 0px 24px;
}

.banner {
    height: 74vh;
}

.banner .btn {
    margin-bottom: 10px;
}

ul.bullet-list {
    font-size: 14px;
}

.imgstyle .img {
    margin: 0px 9px;
    width: 43%;
}

.about {
    margin-top: -185px;
}

.our-services .links a {
    font-size: 17px;
    padding: 19px 15px;
}

.offer-box .text {
    left: 20px;
    right: 20px;
}

.project-box .text {
    padding: 0px 25px 40px 20px;
}

.project-box .display-3 i {
    bottom: -2px;
}

.project-box>img {
    aspect-ratio: 1 / 1.02;
}

.ready-challenge .links a {
    font-size: 15px;
}

ul.checklist {
    font-size: 14px;
}

ul.checklist li::before {
    background-size: 14px auto;
}

ul.checklist li {
    padding-left: 30px;
}

footer .footer-logos img {
    max-height: 48px;
    margin-right: 16px;
    margin-bottom: 0px;
}

footer ul li a {
    font-size: 18px;
}

.contact-form label {
    font-size: 15px;
}

.contact-form .form-control {
    font-size: 15px;
    padding: 0px 15px;
}

.contact-form textarea.form-control {
    padding: 20px 15px;
}

.projects.projects-page .page-breadcrumbs {
    padding: 10px 0px 15px 0px;
}

.projects.projects-page {
    margin-top: 116px;
    border-radius: 0px 50px 0px 50px;
}

.reliable-info .bg {
    margin-top: 30px;
}

.impressie .owl-theme .owl-nav [class*=owl-] {
    right: -77px;
}

.impressie .owl-theme .owl-nav [class*=owl-].owl-prev {
    left: -77px;
    right: auto;
}

}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
header .navbar-nav>.nav-item>.nav-link {
    font-size: 14px;
    padding: 0px 11px;
}

.navbar-light .navbar-nav>.nav-item {
    margin: 0px 0px;
}

header .navbar-brand img {
    height: 35px;
}

.section-title .kicker {
    font-size: 15px;
    letter-spacing: 3px;
}

h1, .display-1 {
    font-size: 65px;
}

h3, .display-3 {
    font-size: 26px;
}

p {
    font-size: 15px;
}

.banner {
    height: 80vh;
}

ul.checklist {
    font-size: 15px;
}

ul.checklist li::before {
    background-size: 14px auto;
}

.imgstyle .img {
    margin: 0px 12px;
    width: 43%;
}

.about {
    margin-top: -220px;
}

.about .display-1 {
    margin-bottom: 41px;
}

.about p {
    margin-top: 25px;
}

.about .icons img {
    max-height: 50px;
}

.offer-box .text {
    left: 30px;
    right: 30px;
}

.project-box.lg .text {
    padding-right: 30px;
}

.project-box .text {
    padding: 0px 30px 40px 30px;
}

.project-box .display-3 i {
    bottom: 3px;
}

.project-box>img {
    aspect-ratio: 1 / .93;
}

footer .footer-logos img {
    max-height: 44px;
    margin-right: 23px;
}

footer ul li a {
    font-size: 17px;
}

.offer-grid .offer-box .text p {
    font-size: 14px;
}

.page-banner .display-1 {
    font-size: 48px;
}

.page-banner p.lg {
    font-size: 20px;
}

.how-work-box {
    border-radius: 25px 5px;
    padding: 30px 40px 25px 28px;
}

.how-work-box .display-3 {
    font-size: 20px;
}

.how-work-box p {
    font-size: 14px;
}

.how-work-box .num {
    bottom: 5px;
    right: 10px;
    font-size: 50px;
}

.projects.projects-page .page-breadcrumbs {
    padding: 10px 0px 15px 0px;
}

.reliable-info .display-1 {
    font-size: 40px;
}

.impressie .owl-theme .owl-nav [class*=owl-] {
    right: -85px;
}

.impressie .owl-theme .owl-nav [class*=owl-].owl-prev {
    left: -85px;
    right: auto;
}
}

@media only screen and (min-width: 1200px)and (max-width: 1399px) {
header .navbar-nav>.nav-item>.nav-link {
    font-size: 14px;
}

.navbar-light .navbar-nav>.nav-item>ul.sub-menu li a.nav-link {
    line-height: 42px;
    padding: 0px 16px !important;
    font-size: 16px;
}

h1, .display-1 {
    font-size: 75px;
}

h3, .display-3 {
    font-size: 26px;
}

.imgstyle .img {
    margin: 0px 14px;
}

.banner {
    height: 88vh;
}

.about {
    margin-top: -278px;
}

.footer p {
    font-size: 15px;
}

.footer p a {
    margin-left: 13px;
}

.offer-box .text {
    left: 30px;
    right: 30px;
}

.project-box>img {
    aspect-ratio: 1 / .9;
}

footer .footer-logos img {
    max-height: 56px;
    margin-right: 23px;
}

.how-work-box {
    border-radius: 25px 5px;
    padding: 30px 40px 25px 28px;
}

.how-work-box .display-3 {
    font-size: 20px;
}

.how-work-box p {
    font-size: 14px;
}

.how-work-box .num {
    bottom: 5px;
    right: 10px;
}



}

@media only screen and (min-width: 1400px)and (max-width: 1699px) {

}