@media only screen and (max-width:991px) {
.banner::before {
    background-size: 100%;
    background-position: top right 30vw;
}
.navbar-light .navbar-brand {
    width:75%;
}

.navbar-light .navbar-brand img {
    max-height: 45px;
}


}
@media only screen and (max-width:767px) {
.banner {
    padding: 150px 0px 100px 0px;
}
.banner::before {
    background-size: cover;
    background-position: top;
}
.banner .banner-image{
    height: 100%;
}
.banner .align{
    height: 50px;
}
.banner .display-1{
    font-size: 55px !important;
}
.banner .display-6{
    font-size: 14px !important;
}
.scroll-text.scroll-btn{
    display: none;
}
.production-partner .section-title .display-2,
.services .section-title .display-2 {
    margin-bottom: 30px;
}
.services-box{
    aspect-ratio: auto;
    min-height: 250px;
}
.contact .gform_wrapper {
    margin-bottom: 30px;
}
.services.has-background-color-wit + .production-capicity.has-background-color-grijs {
    padding-top: 80px;
    margin-top: -60px;
}
.page-banner {
    padding: 130px 0px 60px 0px;
}
h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

.side-menu {
    width: 100%;
    padding: 60px 20px 30px 20px;
}

.banner .btn-default {
    margin: 5px 10px;
}
.technologies {
  padding: 40px 0px 30px 0px;
}
.products {
  padding: 30px 0px;
}
.section-title h6 {
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 7px;
}

.section-title h2 {
    font-size: 25px !important;
}

p {
    font-size: 14px;
}

.banner h1 {
    font-size: 40px;
}

.banner h6 {
    font-size: 13px;
}

.imgstyle {
    max-height: 100% !important;
    min-height: 100% !important;
}

.contact h3 {
    margin-top: 30px;
}

.technolige-box {
    aspect-ratio: 1 / .6;
}

.footer .request img {
    width: 100px;
    transition: all .3s;
}

.footer {
    text-align: center;
}

.copyright {
    text-align: center;
}

.copyright p {
    margin: 15px 0px;
}

.production-partner.with-slider .galery-carousel {
    position: relative;
    right: 0px;
    top: 0px;
    margin-top: 40px;
    width: 100%;
}

.production-partner.with-slider .owl-dots {
    padding-right: 0px;
}

.need-info .section-title {
    margin-top: 25px;
}

.products.example {
    padding: 100px 0px;
}

.products.example .productbox {
    margin-bottom: 25px;
}

.productbox h3 {
    font-size: 20px;
}

.more-technologies {
    padding: 100px 0px;
}

.page-banner::before {
    width: 100%;
    height: 200%;
    background-size: cover;
    background-position: top right;
}

.page-banner h1 {
    font-size: 27px;
}

.page-banner .align {
    height: inherit;
}

.contact tbody td {
    font-size: 15px;
}

}



@media only screen and (min-width:768px) and (max-width:991px) {
h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

.banner h1 {
    font-size: 50px;
}

.section-title h2 {
    font-size: 30px;
}

.imgstyle,.imgstyle img {
    max-height: 375px !important;
    min-height: 375px !important;
    aspect-ratio: 1;
}

.technolige-box h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.technolige-box {
    padding: 15px 30px;
}

.technolige-box.last h3 {
    margin-bottom: 10px;
}

.technolige-box p {
    font-size: 14px;
    width: 100%;
}

.services-box h3 {
    font-size: 19px;
}

.services-box {
    padding: 18px 29px;
}

.contact tbody td {
    font-size: 13px;
}

.footer .request img {
    width: 155px;
}

.productbox h3 {
    font-size: 20px;
}

.products.example .productbox {
    margin-bottom: 25px;
}

.page-banner::before {
    width: 100%;
    height: 200%;
    background-size: cover;
    background-position: top right;
}

.page-banner h1 {
    font-size: 27px;
}

.page-banner .align {
    height: inherit;
}

}

@media only screen and (min-width:992px) and (max-width:1199px) {
.banner::before {
    background-size: 80%;
    background-position: top left -80%;
}
h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}
.imgstyle {
    max-height: 100% !important;
    min-height: 100% !important;
}

.technolige-box h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.technolige-box {
    padding: 15px 30px;
}

.technolige-box.last h3 {
    margin-bottom: 10px;
}

.technolige-box p {
    font-size: 14px;
    width: 100%;
}

.services-box p {
    font-size: 13px;
    width: 100%;
}

.services-box h3 {
    font-size: 17px;
}

.services-box {
    padding: 10px 20px;
}

.contact tbody td {
    font-size: 14px;
}

.footer .request img {
    width: 200px;
}

.productbox h3 {
    font-size: 20px;
}

}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.technolige-box {
    aspect-ratio: 1 / .6;
}


}