/*Created By Venus Agency*/
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');
* {
    margin: 0px;
    padding: 0px;
}
body {
    font-family: "Hanken Grotesk", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a {
    text-decoration: none;
    color: #004230;
}
a:hover {
    color: #92C801;
}
ul, ol, li {
    padding: 0px;
    list-style: none;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}
.navbar-toggler {
    color: white;
}
.row {
    --bs-gutter-x: 0px;
}
.container-fluid {
    --bs-gutter-x: 0px;
}

h5 {
    margin-top: 28px;
}
h1 {
    line-height: 1;
}



@media only screen and (min-width: 1921px) {
    .container {
        max-width: 80%;
    }
.manset-maspen {
    width: 128px!important;
    margin: auto;
}
.inside-manset {
    position: relative;
}
.owl-manset .item a {
    text-decoration: none;
    width: 240px;
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.dot {
    width: 50px;
    height: 86px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    border-radius: 100px;
    position: absolute;
    transform-origin: 25px 25px;
    transform: translate(-25px, -25px);
    z-index: 33;
    top: 50%;
    right: 25%;
}
.dot .marker {
    width: 34px;
    height: 31px;
}
.dot-hover-cont {
position: relative;
padding: 18px;
border: 1px solid #818181;
border-radius: 8px;
opacity: 0;
background: #00000063;
transition: .3s ease;
/* filter: blur(2px); */
}
.dot:hover .dot-hover-cont {
    opacity: 1;
}
.dot-hover-cont h4 {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.dot-hover-cont h3 {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}
.dot-hover-cont p {
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}
    #slider-urun-detay-teknik h3 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
    #urunler-page {
        margin-top: 88px;
    }
    #urunler-page .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        border-radius: 8px;
    }
    #urunler-page .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 48px;
    }
    #urunler-page .urun-name-title {
        font-size: 22px;
        font-weight: 600;
        width: 50%;
    }
    #urunler-page .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #urunler-page .urun-arrow {
        width: 24px;
    }
    #urunler-page h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #urunler-page .col-md-3 {
        margin-bottom: 48px;
        width: 23%;
        margin: 1%;
    }
    #urun-detay-page .urun-detay-line {
        padding: 88px;
        margin: 128px;
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        border-radius: 8px;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    .maspen-gesul li {
        font-size: 18px;
        font-weight: 400;
        color: #787E84;
        list-style: circle;
        list-style-position: inside;
        margin-bottom: 12px;
    }
    .maspen-gesol li {
        padding-left: 48px;
        list-style: none;
    }
    #ref-page h2 {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -1px;
        text-align: left;
    }
    #ref-page .ref-logo {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        text-align: center;
        padding: 48px;
    }
    #ref-page .ref-img {
        width: 240px;
    }
    #ref-page .ref-icon {
        width: 18px;
        margin-top: 4px;
    }
    #ref-page .col-md-2 {
        text-align: end;
    }
    #ref-page .col-refs {
        margin: 2%;
        width: 20%;
        margin-bottom: 48px;
    }
    #ref-page .col-ref-company {
        width: 80%;
    }
    #ref-page .col-ref-icon {
        width: 20%;
        text-align: end;
    }
    #ref-page {
        margin-top: 48px;
    }
    .btn-white {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-block {
        margin-top: 48px;
    }
    .btn-block img {
        width: 18px;
    }
    .btn-green {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-download {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 88%;
        border: 0.4px solid #DEDEDE;
        display: block;
        text-align: center;
        margin-top: 48px;
    }
    .btn-download img {
        width: 28px;
    }
    #main-iletisim {
        text-align: center;
        margin-bottom: 128px;
        margin-top: 128px;
    }
    #main-iletisim .main-email-box {
        position: relative;
        width: 480px;
        margin: auto;
    }
    #main-iletisim .main-email-box-input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 100px;
        padding: 24px 100px 24px 38px;
        line-height: 1;
        box-sizing: border-box;
        outline: none;
        background: none;
    }
    #main-iletisim .main-email-box-button {
        position: absolute;
        right: 8px;
        top: 8px;
        bottom: 8px;
        border: 0;
        background: #92C801;
        color: #fff;
        outline: none;
        margin: 0;
        padding: 0 38px;
        border-radius: 100px;
        z-index: 2;
    }
    #main-renk-kartelasi {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-katalog-maspen {
        background-image: url("../images/katalog-back.webp");
        min-height: 680px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        align-content: center;
        margin-top: 88px;
    }
    #main-katalog-maspen h1 {
        font-size: 68px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen h2 {
        font-size: 48px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen p {
        font-size: 24px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.80);
    }
    #main-about-maspen .maspen-main-image {
        min-height: 538px;
        position: relative;
        background-image: url(../images/gray-back.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: bottom;
    }
    #main-about-maspen .maspen-main-image img {
        width: 88%;
        margin-top: 88px;
        position: absolute;
        margin-left: 10%;
    }
    #main-about-maspen .main-about-text-line {
        width: 78%;
        padding: 88px;
    }
    #main-blog {
        background-color: #F7F7F7;
        padding-top: 128px;
        padding-bottom: 128px;
    }
    #main-blog h2 {
        font-size: 30px;
        font-weight: 600;
        color: #000000;
    }
    #main-blog date {
        font-size: 16px;
        font-weight: 400;
        color: #A3A3A3;
        margin-top: 28px;
        margin-bottom: 18px;
        display: block;
    }
    #main-blog .dvm-lnk img {
        width: 24px;
    }
    #main-urunler {
        margin-top: 128px;
    }
    .baslik-title-green {
        font-size: 16px !important;
        color: #92C801 !important;
        letter-spacing: 2px !important;
    }
    #slider-urunler .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
    }
    #slider-urunler .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 48px;
    }
    #slider-urunler .urun-name-title {
        font-size: 22px;
        font-weight: 600;
        width: 50%;
    }
    #slider-urunler .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #slider-urunler .urun-arrow {
        width: 24px;
    }
    #main-urunler h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #main-renk-kartelasi .main-kartela-text-line {
        width: 78%;
        padding: 88px;
        margin: auto;
    }
    #main-renk-kartelasi .main-kartela {
        margin: auto;
    }
    .f-teklif .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 148px;
        height: 48px;
        margin-left: 8px;
    }
    .f-teklif .form-control {
        height: 48px;
        width: 68%;
        background-color: #cacaca;
        border: 0px;
    }
    .form-control:focus {
        box-shadow: unset;
    }
    .f-teklif .col {
        display: flex;
    }
    .page-inside {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .hizmet-galeri {
        width: 24%;
        margin-bottom: 18px;
    }
    .h-gallery-row {
        justify-content: space-between;
    }
    .hizmet-ozellik {
        justify-content: space-between;
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .h-ozellik {
        width: 49%;
        border: 0.4px solid #D4D7D9;
        padding: 18px;
        margin-bottom: 28px;
    }
    .projeler-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-page .projeler-page-text {
        margin: auto;
        padding: 48px;
    }
    .projeler-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-page .proje-list-items {
        width: 25%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 18px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-detail-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-detail-page .projeler-detail-page-text {
        padding: 48px;
    }
    .projeler-page-img img {
        padding-left: 48px;
    }
    .projeler-detail-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-detail-page .proje-list-items {
        width: 25%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 18px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-page-row {
        margin-bottom: 88px;
    }
    .projeler-detail-page .proje-detail-items {
        width: 33%;
        background-color: #EC9404;
        margin-top: 18px;
        padding: 18px;
        margin-bottom: 28px;
        text-align: center;
    }
    .projeler-detail-page .projeler-detail-page-img .row:nth-child(2) {
        justify-content: space-between;
    }
    .projeler-detail-page .proje-detail-items .pdi1 {
        color: #ffffff;
        font-size: 38px;
        font-weight: 600;
        margin-bottom: -8px;
    }
    .projeler-detail-page .proje-detail-items .pdi2 {
        color: #ffffffbd;
        font-size: 18px;
        font-weight: 400;
    }
    .projeler-detail-page .proje-galeri {}
    .projeler-detail-page .f-gallery-row {
        justify-content: space-between;
    }
    .contact-info h1 {
        font-size: 42px;
        font-weight: 600;
        width: 50%;
    }
    .contact-us-form h1 {
        font-size: 48px;
        margin-bottom: 28px;
    }
    .contact-info p {
        margin: 0px;
        padding: 0px;
    }
    .contact-info-row .row {
        margin-bottom: 28px;
    }
    .contact-info-company {
        padding: 28px;
    }
    .contact-info-row {
        margin: auto;
        padding: 48px;
    }
    #slider-projeler {
        padding-left: 10%;
    }
    #slider-projeler .owl-item.active {}
    #slider-projeler .owl-item {}
    #slider-projeler .proje-main-text {
        margin-top: 18px;
    }
    .dropdown-item {
        background-color: #004a35;
        border-bottom: 0.4px solid #ffffff40;
        padding: 10px 38px 10px 24px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.2px;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: #93c800;
    }
    .dropdown-menu {
        --bs-dropdown-padding-y: 0px !important;
    }
    .f-contact-text p {
        margin: 0;
    }
    h1 {
        font-size: 68px;
        font-weight: 600;
        color: #2f3336;
    }
    p {
        font-size: 18px;
        font-weight: 400;
        color: #787E84;
    }
    footer a {
        color: #ffffff;
        text-decoration: none;
    }
    footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 14%;
        z-index: 12;
        text-align: center;
    }
    .owl-manset-text h1 {
        font-size: 72px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
        letter-spacing: -1px;
    }
    .owl-manset-text h2 {
        font-size: 28px;
        color: rgba(255, 255, 255, 0.60);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 300;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
        font-weight: 500;
        color: #2f3336;
        padding-right: 28px;
    }
    .main-amblem {
        width: 38px;
        margin: auto;
        display: flex;
    }
    #main-hizmetler {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-hizmetler .col-hizmet h1 {
        position: relative;
        bottom: 128px;
        display: flex;
        padding-left: 10%;
        color: #ffffff;
        font-size: 28px;
        width: 88%;
        z-index: 16;
        font-weight: 600;
    }
    #slider-hizmet .owl-nav {
        margin-top: -48px;
        float: right;
        margin-right: 3%;
        z-index: 12;
        position: relative;
    }
    .owl-carousel .owl-nav button.owl-prev {
        margin-top: 40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        margin-top: 40px;
    }
    .col-hizmet {
        padding-right: 18px;
    }
    .teknoloji-main-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
    }
    .teknoloji-main-text h1 {
        font-size: 58px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 400;
    }
    .teknoloji-main-text img {
        width: 280px;
        margin-bottom: 28px;
    }
    .main-teknoloji-right p {
        font-size: 18px;
        font-weight: 400;
        color: #619993;
    }
    .main-teknoloji-img {
        position: relative;
    }
    #main-projeler {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .inside-manset-text {
        top: 40%;
        position: absolute;
    }
    .inside-manset-text h1 {
        font-size: 48px;
        color: #ffffff;
        font-weight: 800;
        letter-spacing: -1px;
        text-shadow: 0 2px 4px rgb(0 0 0 / 35%);
    }
    .content-page {
        margin-top: 88px;
        margin-bottom: 128px;
    }
    .content-image {
        padding-left: 88px;
    }
    .f-menu-block {
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 0.4px solid #aecfbf;
        padding-bottom: 28px;
        justify-content: space-between;
    }
    footer {
        background-color: #004230;
    }
    .footer-p1 {
        padding-top: 28px;
    }
    .footer-p2 {
        margin-top: 48px;
        padding-bottom: 28px;
    }
    .footer-p2 p {
        color: #ffffff;
    }
    .f-copy p {
        padding: 0px;
        margin: 0px;
    }
    .f-copy {
        margin: auto;
    }
    .f-social p {
        padding: 0px;
        margin: 0px;
    }
    .f-social .fa-brands {
        font-size: 32px;
        padding-right: 28px;
    }
    .f-social .col-md-6:nth-child(2) {
        text-align: end;
    }
    .f-contact .col-md-4 {
        padding-right: 18px;
    }
    .f-contact h3 {
        font-size: 18px;
        font-weight: 500;
    }
    .footer-p3 {
        background-image: url("../images/footer-back.webp");
        background-repeat: repeat-y;
        background-size: cover;
        width: 100%;
    }
    .footer-p3 h1 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 28px;
    }
    .f-contact {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .f-teklif {
        margin-top: 48px;
        margin-bottom: 48px;
        padding-left: 48px;
    }
    .f-social {
        margin: auto;
        display: block;
        margin-top: 48px;
    }
    .f-contact-text p {
        font-size: 16px;
        font-weight: 400;
        color: #606c6b;
    }
    .f-logo img {
        width: 288px;
        margin-top: 18px;
    }
    .f-kvk {
        text-align: end;
    }
    .f-menu-block .f-menu {
        width: 76%;
        margin: auto;
    }
    .f-menu-block .main-buton-atik {
        width: 12%;
        text-align: end;
    }
    .f-menu-block .main-buton-odeme {
        width: 12%;
        text-align: end;
    }
    .f-menu {
        justify-items: end;
        margin-top: 48px;
    }
    .f-menu ul {
        display: flex;
        margin: 0;
    }
    .f-menu ul li {
        padding-left: 28px;
        font-size: 15px;
        color: #337D58;
    }
    /* Contact start */
    .contact-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .contact-us-form {
        margin-bottom: 88px;
        padding: 28px;
    }
    .contact-info .contact-row {
        justify-content: space-between;
    }
    .contact-row .col-md-6 {
        width: 48%;
    }
    .location .col-md-3 {
        font-size: 18px;
        font-weight: 600;
        color: #006056;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .location .col-md-9 {
        font-size: 18px;
        font-weight: 400;
        color: #80AFAA;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .contact-page iframe {
        filter: grayscale(100%);
        margin-bottom: 28px;
    }
    .contact-us-form-info .col {
        width: 50%;
        padding-right: 12px;
        flex: auto;
        padding-bottom: 12px;
    }
    .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 180px;
    }
    .form-check-label {
        font-size: 12px;
        margin-bottom: 48px;
    }
    /* Contact end */
}
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
    .container {
        max-width: 80%;
    }
.manset-maspen {
    width: 128px!important;
    margin: auto;
}
.inside-manset {
    position: relative;
}
.owl-manset .item a {
    text-decoration: none;
    width: 240px;
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.dot {
    width: 50px;
    height: 86px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    border-radius: 100px;
    position: absolute;
    transform-origin: 25px 25px;
    transform: translate(-25px, -25px);
    z-index: 33;
    top: 50%;
    right: 25%;
}
.dot .marker {
    width: 34px;
    height: 31px;
}
.dot-hover-cont {
position: relative;
padding: 18px;
border: 1px solid #818181;
border-radius: 8px;
opacity: 0;
background: #00000063;
transition: .3s ease;
/* filter: blur(2px); */
}
.dot:hover .dot-hover-cont {
    opacity: 1;
}
.dot-hover-cont h4 {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.dot-hover-cont h3 {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}
.dot-hover-cont p {
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}
    #slider-urun-detay-teknik h3 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
    #urunler-page {
        margin-top: 88px;
    }
    #urunler-page .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        border-radius: 8px;
    }
    #urunler-page .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #urunler-page .urun-name-title {
        font-size: 22px;
        font-weight: 600;
        width: 78%;
    }
    #urunler-page .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #urunler-page .urun-arrow {
        width: 24px;
    }
    #urunler-page h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #urunler-page .col-md-3 {
        margin-bottom: 48px;
        width: 23%;
        margin: 1%;
    }
    #urun-detay-page .urun-detay-line {
        padding: 88px;
        margin: 88px;
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        border-radius: 8px;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    .maspen-gesul li {
        font-size: 18px;
        font-weight: 400;
        color: #787E84;
        list-style: circle;
        list-style-position: inside;
        margin-bottom: 12px;
    }
    .maspen-gesol li {
        padding-left: 48px;
        list-style: none;
    }
    #ref-page h2 {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -1px;
        text-align: left;
    }
    #ref-page .ref-logo {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        text-align: center;
        padding: 48px;
    }
    #ref-page .ref-img {
        width: 240px;
    }
    #ref-page .ref-icon {
        width: 18px;
        margin-top: 4px;
    }
    #ref-page .col-md-2 {
        text-align: end;
    }
    #ref-page .col-refs {
        margin: 2%;
        width: 20%;
        margin-bottom: 48px;
    }
    #ref-page .col-ref-company {
        width: 80%;
    }
    #ref-page .col-ref-icon {
        width: 20%;
        text-align: end;
    }
    #ref-page {
        margin-top: 48px;
    }
    .btn-white {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-block {
        margin-top: 48px;
    }
    .btn-block img {
        width: 18px;
    }
    .btn-green {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-download {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 88%;
        border: 0.4px solid #DEDEDE;
        display: block;
        text-align: center;
        margin-top: 48px;
    }
    .btn-download img {
        width: 28px;
    }
    #main-iletisim {
        text-align: center;
        margin-bottom: 128px;
        margin-top: 128px;
    }
    #main-iletisim .main-email-box {
        position: relative;
        width: 480px;
        margin: auto;
    }
    #main-iletisim .main-email-box-input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 100px;
        padding: 24px 100px 24px 38px;
        line-height: 1;
        box-sizing: border-box;
        outline: none;
        background: none;
    }
    #main-iletisim .main-email-box-button {
        position: absolute;
        right: 8px;
        top: 8px;
        bottom: 8px;
        border: 0;
        background: #92C801;
        color: #fff;
        outline: none;
        margin: 0;
        padding: 0 38px;
        border-radius: 100px;
        z-index: 2;
    }
    #main-renk-kartelasi {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-katalog-maspen {
        background-image: url("../images/katalog-back.webp");
        min-height: 680px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        align-content: center;
        margin-top: 88px;
    }
    #main-katalog-maspen h1 {
        font-size: 68px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen h2 {
        font-size: 48px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen p {
        font-size: 24px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.80);
    }
    #main-about-maspen .maspen-main-image {
        min-height: 538px;
        position: relative;
        background-image: url(../images/gray-back.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: bottom;
    }
    #main-about-maspen .maspen-main-image img {
        width: 88%;
        margin-top: 88px;
        position: absolute;
        margin-left: 10%;
    }
    #main-about-maspen .main-about-text-line {
        width: 78%;
        padding: 88px;
    }
    #main-blog {
        background-color: #F7F7F7;
        padding-top: 128px;
        padding-bottom: 128px;
    }
    #main-blog h2 {
        font-size: 24px;
        font-weight: 600;
        color: #000000;
    }
    #main-blog date {
        font-size: 16px;
        font-weight: 400;
        color: #A3A3A3;
        margin-top: 28px;
        margin-bottom: 18px;
        display: block;
    }
    #main-blog .dvm-lnk img {
        width: 24px;
    }
    #main-urunler {
        margin-top: 128px;
    }
    .baslik-title-green {
        font-size: 16px !important;
        color: #92C801 !important;
        letter-spacing: 2px !important;
    }
    #slider-urunler .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
    }
    #slider-urunler .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #slider-urunler .urun-name-title {
        font-size: 22px;
        font-weight: 600;
        width: 78%;
    }
    #slider-urunler .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #slider-urunler .urun-arrow {
        width: 24px;
    }
    #main-urunler h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #main-renk-kartelasi .main-kartela-text-line {
        width: 78%;
        padding: 88px;
        margin: auto;
    }
    #main-renk-kartelasi .main-kartela {
        margin: auto;
    }
    .f-teklif .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 148px;
        height: 48px;
        margin-left: 8px;
    }
    .f-teklif .form-control {
        height: 48px;
        width: 68%;
        background-color: #cacaca;
        border: 0px;
    }
    .form-control:focus {
        box-shadow: unset;
    }
    .f-teklif .col {
        display: flex;
    }
    .page-inside {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .hizmet-galeri {
        width: 24%;
        margin-bottom: 18px;
    }
    .h-gallery-row {
        justify-content: space-between;
    }
    .hizmet-ozellik {
        justify-content: space-between;
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .h-ozellik {
        width: 49%;
        border: 0.4px solid #D4D7D9;
        padding: 18px;
        margin-bottom: 28px;
    }
    .projeler-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-page .projeler-page-text {
        margin: auto;
        padding: 48px;
    }
    .projeler-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-page .proje-list-items {
        width: 25%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 18px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-detail-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-detail-page .projeler-detail-page-text {
        padding: 48px;
    }
    .projeler-page-img img {
        padding-left: 48px;
    }
    .projeler-detail-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-detail-page .proje-list-items {
        width: 25%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 18px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-page-row {
        margin-bottom: 88px;
    }
    .projeler-detail-page .proje-detail-items {
        width: 33%;
        background-color: #EC9404;
        margin-top: 18px;
        padding: 18px;
        margin-bottom: 28px;
        text-align: center;
    }
    .projeler-detail-page .projeler-detail-page-img .row:nth-child(2) {
        justify-content: space-between;
    }
    .projeler-detail-page .proje-detail-items .pdi1 {
        color: #ffffff;
        font-size: 38px;
        font-weight: 600;
        margin-bottom: -8px;
    }
    .projeler-detail-page .proje-detail-items .pdi2 {
        color: #ffffffbd;
        font-size: 18px;
        font-weight: 400;
    }
    .projeler-detail-page .proje-galeri {}
    .projeler-detail-page .f-gallery-row {
        justify-content: space-between;
    }
    .contact-info h1 {
        font-size: 42px;
        font-weight: 600;
        width: 50%;
    }
    .contact-us-form h1 {
        font-size: 48px;
        margin-bottom: 28px;
    }
    .contact-info p {
        margin: 0px;
        padding: 0px;
    }
    .contact-info-row .row {
        margin-bottom: 28px;
    }
    .contact-info-company {
        padding: 28px;
    }
    .contact-info-row {
        margin: auto;
        padding: 48px;
    }
    #slider-projeler {
        padding-left: 10%;
    }
    #slider-projeler .owl-item.active {}
    #slider-projeler .owl-item {}
    #slider-projeler .proje-main-text {
        margin-top: 18px;
    }
    .dropdown-item {
        background-color: #004a35;
        border-bottom: 0.4px solid #ffffff40;
        padding: 10px 38px 10px 24px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.2px;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: #93c800;
    }
    .dropdown-menu {
        --bs-dropdown-padding-y: 0px !important;
    }
    .f-contact-text p {
        margin: 0;
    }
    h1 {
        font-size: 58px;
        font-weight: 600;
        color: #2f3336;
    }
    p {
        font-size: 18px;
        font-weight: 400;
        color: #787E84;
    }
    footer a {
        color: #ffffff;
        text-decoration: none;
    }
    footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 14%;
        z-index: 12;
        text-align: center;
    }
    .owl-manset-text h1 {
        font-size: 58px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
        letter-spacing: -1px;
    }
    .owl-manset-text h2 {
        font-size: 28px;
        color: rgba(255, 255, 255, 0.60);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 300;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
        font-weight: 500;
        color: #2f3336;
        padding-right: 28px;
    }
    .main-amblem {
        width: 38px;
        margin: auto;
        display: flex;
    }
    #main-hizmetler {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-hizmetler .col-hizmet h1 {
        position: relative;
        bottom: 128px;
        display: flex;
        padding-left: 10%;
        color: #ffffff;
        font-size: 28px;
        width: 88%;
        z-index: 16;
        font-weight: 600;
    }
    #slider-hizmet .owl-nav {
        margin-top: -48px;
        float: right;
        margin-right: 3%;
        z-index: 12;
        position: relative;
    }
    .owl-carousel .owl-nav button.owl-prev {
        margin-top: 40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        margin-top: 40px;
    }
    .col-hizmet {
        padding-right: 18px;
    }
    .teknoloji-main-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
    }
    .teknoloji-main-text h1 {
        font-size: 58px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
    }
    .teknoloji-main-text img {
        width: 280px;
        margin-bottom: 28px;
    }
    .main-teknoloji-right p {
        font-size: 18px;
        font-weight: 400;
        color: #619993;
    }
    .main-teknoloji-img {
        position: relative;
    }
    #main-projeler {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .inside-manset-text {
        top: 40%;
        position: absolute;
    }
    .inside-manset-text h1 {
        font-size: 48px;
        color: #ffffff;
        font-weight: 800;
        letter-spacing: -1px;
        text-shadow: 0 2px 4px rgb(0 0 0 / 35%);
    }
    .content-page {
        margin-top: 88px;
        margin-bottom: 128px;
    }
    .content-image {
        padding-left: 88px;
    }
    .f-menu-block {
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 0.4px solid #aecfbf;
        padding-bottom: 28px;
        justify-content: space-between;
    }
    footer {
        background-color: #004230;
    }
    .footer-p1 {
        padding-top: 28px;
    }
    .footer-p2 {
        margin-top: 48px;
        padding-bottom: 28px;
    }
    .footer-p2 p {
        color: #ffffff;
    }
    .f-copy p {
        padding: 0px;
        margin: 0px;
    }
    .f-copy {
        margin: auto;
    }
    .f-social p {
        padding: 0px;
        margin: 0px;
    }
    .f-social .fa-brands {
        font-size: 32px;
        padding-right: 28px;
    }
    .f-social .col-md-6:nth-child(2) {
        text-align: end;
    }
    .f-contact .col-md-4 {
        padding-right: 18px;
    }
    .f-contact h3 {
        font-size: 18px;
        font-weight: 500;
    }
    .footer-p3 {
        background-image: url("../images/footer-back.webp");
        background-repeat: repeat-y;
        background-size: cover;
        width: 100%;
    }
    .footer-p3 h1 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 28px;
    }
    .f-contact {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .f-teklif {
        margin-top: 48px;
        margin-bottom: 48px;
        padding-left: 48px;
    }
    .f-social {
        margin: auto;
        display: block;
        margin-top: 48px;
    }
    .f-contact-text p {
        font-size: 16px;
        font-weight: 400;
        color: #606c6b;
    }
    .f-logo img {
        width: 288px;
        margin-top: 18px;
    }
    .f-kvk {
        text-align: end;
    }
    .f-menu-block .f-menu {
        width: 76%;
        margin: auto;
    }
    .f-menu-block .main-buton-atik {
        width: 12%;
        text-align: end;
    }
    .f-menu-block .main-buton-odeme {
        width: 12%;
        text-align: end;
    }
    .f-menu {
        justify-items: end;
        margin-top: 48px;
    }
    .f-menu ul {
        display: flex;
        margin: 0;
    }
    .f-menu ul li {
        padding-left: 28px;
        font-size: 15px;
        color: #337D58;
    }
    /* Contact start */
    .contact-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .contact-us-form {
        margin-bottom: 88px;
        padding: 28px;
    }
    .contact-info .contact-row {
        justify-content: space-between;
    }
    .contact-row .col-md-6 {
        width: 48%;
    }
    .location .col-md-3 {
        font-size: 18px;
        font-weight: 600;
        color: #006056;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .location .col-md-9 {
        font-size: 18px;
        font-weight: 400;
        color: #80AFAA;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .contact-page iframe {
        filter: grayscale(100%);
        margin-bottom: 28px;
    }
    .contact-us-form-info .col {
        width: 50%;
        padding-right: 12px;
        flex: auto;
        padding-bottom: 12px;
    }
    .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 180px;
    }
    .form-check-label {
        font-size: 12px;
        margin-bottom: 48px;
    }
    /* Contact end */
}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
    .container {
        max-width: 90%;
    }
.manset-maspen {
    width: 128px!important;
    margin: auto;
}
.inside-manset {
    position: relative;
}
.owl-manset .item a {
    text-decoration: none;
    width: 240px;
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.dot {
    width: 50px;
    height: 86px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    border-radius: 100px;
    position: absolute;
    transform-origin: 25px 25px;
    transform: translate(-25px, -25px);
    z-index: 33;
    top: 50%;
    right: 25%;
}
.dot .marker {
    width: 34px;
    height: 31px;
}
.dot-hover-cont {
position: relative;
padding: 18px;
border: 1px solid #818181;
border-radius: 8px;
opacity: 0;
background: #00000063;
transition: .3s ease;
/* filter: blur(2px); */
}
.dot:hover .dot-hover-cont {
    opacity: 1;
}
.dot-hover-cont h4 {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.dot-hover-cont h3 {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}
.dot-hover-cont p {
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}
    #slider-urun-detay-teknik h3 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
    #urunler-page {
        margin-top: 88px;
    }
    #urunler-page .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        border-radius: 8px;
    }
    #urunler-page .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #urunler-page .urun-name-title {
        font-size: 22px;
        font-weight: 600;
        width: 78%;
    }
    #urunler-page .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #urunler-page .urun-arrow {
        width: 24px;
    }
    #urunler-page h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #urunler-page .col-md-3 {
        margin-bottom: 48px;
        width: 23%;
        margin: 1%;
    }
    #urun-detay-page .urun-detay-line {
        padding: 88px;
        margin: 88px;
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        border-radius: 8px;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    .maspen-gesul li {
        font-size: 18px;
        font-weight: 400;
        color: #787E84;
        list-style: circle;
        list-style-position: inside;
        margin-bottom: 12px;
    }
    .maspen-gesol li {
        padding-left: 48px;
        list-style: none;
    }
    #ref-page h2 {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -1px;
        text-align: left;
    }
    #ref-page .ref-logo {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        text-align: center;
        padding: 48px;
    }
    #ref-page .ref-img {
        width: 240px;
    }
    #ref-page .ref-icon {
        width: 18px;
        margin-top: 4px;
    }
    #ref-page .col-md-2 {
        text-align: end;
    }
    #ref-page .col-refs {
        margin: 2%;
        width: 20%;
        margin-bottom: 48px;
    }
    #ref-page .col-ref-company {
        width: 80%;
    }
    #ref-page .col-ref-icon {
        width: 20%;
        text-align: end;
    }
    #ref-page {
        margin-top: 48px;
    }
    .btn-white {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-block {
        margin-top: 48px;
    }
    .btn-block img {
        width: 18px;
    }
    .btn-green {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-download {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 88%;
        border: 0.4px solid #DEDEDE;
        display: block;
        text-align: center;
        margin-top: 48px;
    }
    .btn-download img {
        width: 28px;
    }
    #main-iletisim {
        text-align: center;
        margin-bottom: 128px;
        margin-top: 128px;
    }
    #main-iletisim .main-email-box {
        position: relative;
        width: 480px;
        margin: auto;
    }
    #main-iletisim .main-email-box-input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 100px;
        padding: 24px 100px 24px 38px;
        line-height: 1;
        box-sizing: border-box;
        outline: none;
        background: none;
    }
    #main-iletisim .main-email-box-button {
        position: absolute;
        right: 8px;
        top: 8px;
        bottom: 8px;
        border: 0;
        background: #92C801;
        color: #fff;
        outline: none;
        margin: 0;
        padding: 0 38px;
        border-radius: 100px;
        z-index: 2;
    }
    #main-renk-kartelasi {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-katalog-maspen {
        background-image: url("../images/katalog-back.webp");
        min-height: 680px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        align-content: center;
        margin-top: 88px;
    }
    #main-katalog-maspen h1 {
        font-size: 68px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen h2 {
        font-size: 48px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen p {
        font-size: 24px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.80);
    }
    #main-about-maspen .maspen-main-image {
        min-height: 538px;
        position: relative;
        background-image: url(../images/gray-back.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: bottom;
    }
    #main-about-maspen .maspen-main-image img {
        width: 88%;
        margin-top: 88px;
        position: absolute;
        margin-left: 10%;
    }
    #main-about-maspen .main-about-text-line {
        width: 88%;
        padding: 68px;
    }
    #main-blog {
        background-color: #F7F7F7;
        padding-top: 128px;
        padding-bottom: 128px;
    }
    #main-blog h2 {
        font-size: 24px;
        font-weight: 600;
        color: #000000;
    }
    #main-blog date {
        font-size: 16px;
        font-weight: 400;
        color: #A3A3A3;
        margin-top: 28px;
        margin-bottom: 18px;
        display: block;
    }
    #main-blog .dvm-lnk img {
        width: 24px;
    }
    #main-urunler {
        margin-top: 128px;
    }
    .baslik-title-green {
        font-size: 16px !important;
        color: #92C801 !important;
        letter-spacing: 2px !important;
    }
    #slider-urunler .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
    }
    #slider-urunler .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #slider-urunler .urun-name-title {
        font-size: 22px;
        font-weight: 600;
        width: 78%;
    }
    #slider-urunler .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #slider-urunler .urun-arrow {
        width: 24px;
    }
    #main-urunler h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #main-renk-kartelasi .main-kartela-text-line {
        width: 78%;
        padding: 88px;
        margin: auto;
    }
    #main-renk-kartelasi .main-kartela {
        margin: auto;
    }
    .f-teklif .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 148px;
        height: 48px;
        margin-left: 8px;
    }
    .f-teklif .form-control {
        height: 48px;
        width: 68%;
        background-color: #cacaca;
        border: 0px;
    }
    .form-control:focus {
        box-shadow: unset;
    }
    .f-teklif .col {
        display: flex;
    }
    .page-inside {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .hizmet-galeri {
        width: 24%;
        margin-bottom: 18px;
    }
    .h-gallery-row {
        justify-content: space-between;
    }
    .hizmet-ozellik {
        justify-content: space-between;
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .h-ozellik {
        width: 49%;
        border: 0.4px solid #D4D7D9;
        padding: 18px;
        margin-bottom: 28px;
    }
    .projeler-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-page .projeler-page-text {
        margin: auto;
        padding: 48px;
    }
    .projeler-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-page .proje-list-items {
        width: 32%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 18px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
        margin-top: 28px;
    }
    .projeler-detail-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-detail-page .projeler-detail-page-text {
        padding: 48px;
    }
    .projeler-page-img img {
        padding-left: 48px;
    }
    .projeler-detail-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-detail-page .proje-list-items {
        width: 25%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 18px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-page-row {
        margin-bottom: 88px;
    }
    .projeler-detail-page .proje-detail-items {
        width: 33%;
        background-color: #EC9404;
        margin-top: 18px;
        padding: 18px;
        margin-bottom: 28px;
        text-align: center;
    }
    .projeler-detail-page .projeler-detail-page-img .row:nth-child(2) {
        justify-content: space-between;
    }
    .projeler-detail-page .proje-detail-items .pdi1 {
        color: #ffffff;
        font-size: 38px;
        font-weight: 600;
        margin-bottom: -8px;
    }
    .projeler-detail-page .proje-detail-items .pdi2 {
        color: #ffffffbd;
        font-size: 18px;
        font-weight: 400;
    }
    .projeler-detail-page .proje-galeri {}
    .projeler-detail-page .f-gallery-row {
        justify-content: space-between;
    }
    .contact-info h1 {
        font-size: 42px;
        font-weight: 600;
        width: 58%;
    }
    .contact-us-form h1 {
        font-size: 48px;
        margin-bottom: 28px;
    }
    .contact-info p {
        margin: 0px;
        padding: 0px;
    }
    .contact-info-row .row {
        margin-bottom: 28px;
    }
    .contact-info-company {
        padding: 28px;
    }
    .contact-info-row {
        margin: auto;
        padding: 48px;
    }
    #slider-projeler {
        padding-left: 10%;
    }
    #slider-projeler .owl-item.active {}
    #slider-projeler .owl-item {}
    #slider-projeler .proje-main-text {
        margin-top: 18px;
    }
    .dropdown-item {
        background-color: #004a35;
        border-bottom: 0.4px solid #ffffff40;
        padding: 10px 38px 10px 24px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.2px;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: #93c800;
    }
    .dropdown-menu {
        --bs-dropdown-padding-y: 0px !important;
    }
    .f-contact-text p {
        margin: 0;
    }
    h1 {
        font-size: 58px;
        font-weight: 600;
        color: #2f3336;
    }
    p {
        font-size: 18px;
        font-weight: 400;
        color: #787E84;
    }
    footer a {
        color: #ffffff;
        text-decoration: none;
    }
    footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 14%;
        z-index: 12;
        text-align: center;
    }
    .owl-manset-text h1 {
        font-size: 58px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
        letter-spacing: -1px;
    }
    .owl-manset-text h2 {
        font-size: 28px;
        color: rgba(255, 255, 255, 0.60);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 300;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
        font-weight: 500;
        color: #2f3336;
        padding-right: 28px;
    }
    .main-amblem {
        width: 38px;
        margin: auto;
        display: flex;
    }
    #main-hizmetler {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-hizmetler .col-hizmet h1 {
        position: relative;
        bottom: 128px;
        display: flex;
        padding-left: 10%;
        color: #ffffff;
        font-size: 28px;
        width: 88%;
        z-index: 16;
        font-weight: 600;
    }
    #slider-hizmet .owl-nav {
        margin-top: -48px;
        float: right;
        margin-right: 3%;
        z-index: 12;
        position: relative;
    }
    .owl-carousel .owl-nav button.owl-prev {
        margin-top: 40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        margin-top: 40px;
    }
    .col-hizmet {
        padding-right: 18px;
    }
    .teknoloji-main-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
    }
    .teknoloji-main-text h1 {
        font-size: 58px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
    }
    .teknoloji-main-text img {
        width: 280px;
        margin-bottom: 28px;
    }
    .main-teknoloji-right p {
        font-size: 18px;
        font-weight: 400;
        color: #619993;
    }
    .main-teknoloji-img {
        position: relative;
    }
    #main-projeler {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .inside-manset-text {
        top: 40%;
        position: absolute;
    }
    .inside-manset-text h1 {
        font-size: 48px;
        color: #ffffff;
        font-weight: 800;
        letter-spacing: -1px;
        text-shadow: 0 2px 4px rgb(0 0 0 / 35%);
    }
    .content-page {
        margin-top: 88px;
        margin-bottom: 128px;
    }
    .content-image {
        padding-left: 88px;
    }
    .f-menu-block {
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 0.4px solid #aecfbf;
        padding-bottom: 28px;
        justify-content: space-between;
    }
    footer {
        background-color: #004230;
    }
    .footer-p1 {
        padding-top: 28px;
    }
    .footer-p2 {
        margin-top: 48px;
        padding-bottom: 28px;
    }
    .footer-p2 p {
        color: #ffffff;
    }
    .f-copy p {
        padding: 0px;
        margin: 0px;
    }
    .f-copy {
        margin: auto;
    }
    .f-social p {
        padding: 0px;
        margin: 0px;
    }
    .f-social .fa-brands {
        font-size: 32px;
        padding-right: 28px;
    }
    .f-social .col-md-6:nth-child(2) {
        text-align: end;
    }
    .f-contact .col-md-4 {
        padding-right: 18px;
    }
    .f-contact h3 {
        font-size: 18px;
        font-weight: 500;
    }
    .footer-p3 {
        background-image: url("../images/footer-back.webp");
        background-repeat: repeat-y;
        background-size: cover;
        width: 100%;
    }
    .footer-p3 h1 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 28px;
    }
    .f-contact {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .f-teklif {
        margin-top: 48px;
        margin-bottom: 48px;
        padding-left: 48px;
    }
    .f-social {
        margin: auto;
        display: block;
        margin-top: 48px;
    }
    .f-contact-text p {
        font-size: 16px;
        font-weight: 400;
        color: #606c6b;
    }
    .f-logo img {
        width: 288px;
        margin-top: 18px;
    }
    .f-kvk {
        text-align: end;
    }
    .f-menu-block .f-menu {
        width: 76%;
        margin: auto;
    }
    .f-menu-block .main-buton-atik {
        width: 12%;
        text-align: end;
    }
    .f-menu-block .main-buton-odeme {
        width: 12%;
        text-align: end;
    }
    .f-menu {
        justify-items: end;
        margin-top: 48px;
    }
    .f-menu ul {
        display: flex;
        margin: 0;
    }
    .f-menu ul li {
        padding-left: 28px;
        font-size: 15px;
        color: #337D58;
    }
    /* Contact start */
    .contact-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .contact-us-form {
        margin-bottom: 88px;
        padding: 28px;
    }
    .contact-info .contact-row {
        justify-content: space-between;
    }
    .contact-row .col-md-6 {
        width: 48%;
    }
    .location .col-md-3 {
        font-size: 18px;
        font-weight: 600;
        color: #006056;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .location .col-md-9 {
        font-size: 18px;
        font-weight: 400;
        color: #80AFAA;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .contact-page iframe {
        filter: grayscale(100%);
        margin-bottom: 28px;
    }
    .contact-us-form-info .col {
        width: 50%;
        padding-right: 12px;
        flex: auto;
        padding-bottom: 12px;
    }
    .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 180px;
    }
    .form-check-label {
        font-size: 12px;
        margin-bottom: 48px;
    }
    /* Contact end */
}
@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    .container {
        max-width: 90%;
    }
.manset-maspen {
    width: 128px!important;
    margin: auto;
}
.inside-manset {
    position: relative;
}
.owl-manset .item a {
    text-decoration: none;
    width: 240px;
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.dot {
    width: 50px;
    height: 86px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    border-radius: 100px;
    position: absolute;
    transform-origin: 25px 25px;
    transform: translate(-25px, -25px);
    z-index: 33;
    top: 50%;
    right: 25%;
}
.dot .marker {
    width: 34px;
    height: 31px;
}
.dot-hover-cont {
position: relative;
padding: 18px;
border: 1px solid #818181;
border-radius: 8px;
opacity: 0;
background: #00000063;
transition: .3s ease;
/* filter: blur(2px); */
}
.dot:hover .dot-hover-cont {
    opacity: 1;
}
.dot-hover-cont h4 {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.dot-hover-cont h3 {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}
.dot-hover-cont p {
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}
    #slider-urun-detay-teknik h3 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
    #urunler-page {
        margin-top: 88px;
    }
    #urunler-page .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        border-radius: 8px;
    }
    #urunler-page .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #urunler-page .urun-name-title {
        font-size: 20px;
        font-weight: 600;
        width: 78%;
    }
    #urunler-page .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #urunler-page .urun-arrow {
        width: 24px;
    }
    #urunler-page h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #urunler-page .col-md-3 {
        margin-bottom: 48px;
        width: 23%;
        margin: 1%;
    }
    #urun-detay-page .urun-detay-line {
        padding: 88px;
        margin: 88px;
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        border-radius: 8px;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    .maspen-gesul li {
        font-size: 16px;
        font-weight: 400;
        color: #787E84;
        list-style: circle;
        list-style-position: inside;
        margin-bottom: 12px;
    }
    .maspen-gesol li {
        padding-left: 48px;
        list-style: none;
    }
    #ref-page h2 {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -1px;
        text-align: left;
    }
    #ref-page .ref-logo {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        text-align: center;
        padding: 48px;
    }
    #ref-page .ref-img {
        width: 240px;
    }
    #ref-page .ref-icon {
        width: 18px;
        margin-top: 4px;
    }
    #ref-page .col-md-2 {
        text-align: end;
    }
    #ref-page .col-refs {
        margin: 2%;
        width: 20%;
        margin-bottom: 48px;
    }
    #ref-page .col-ref-company {
        width: 80%;
    }
    #ref-page .col-ref-icon {
        width: 20%;
        text-align: end;
    }
    #ref-page {
        margin-top: 48px;
    }
    .btn-white {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-block {
        margin-top: 48px;
    }
    .btn-block img {
        width: 18px;
    }
    .btn-green {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-download {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 88%;
        border: 0.4px solid #DEDEDE;
        display: block;
        text-align: center;
        margin-top: 48px;
    }
    .btn-download img {
        width: 28px;
    }
    #main-iletisim {
        text-align: center;
        margin-bottom: 128px;
        margin-top: 128px;
    }
    #main-iletisim .main-email-box {
        position: relative;
        width: 480px;
        margin: auto;
    }
    #main-iletisim .main-email-box-input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 100px;
        padding: 24px 100px 24px 38px;
        line-height: 1;
        box-sizing: border-box;
        outline: none;
        background: none;
    }
    #main-iletisim .main-email-box-button {
        position: absolute;
        right: 8px;
        top: 8px;
        bottom: 8px;
        border: 0;
        background: #92C801;
        color: #fff;
        outline: none;
        margin: 0;
        padding: 0 38px;
        border-radius: 100px;
        z-index: 2;
    }
    #main-renk-kartelasi {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-katalog-maspen {
        background-image: url("../images/katalog-back.webp");
        min-height: 588px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        align-content: center;
        margin-top: 88px;
    }
    #main-katalog-maspen h1 {
        font-size: 50px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen h2 {
        font-size: 48px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen p {
        font-size: 24px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.80);
    }
    #main-about-maspen .maspen-main-image {
        min-height: 538px;
        position: relative;
        background-image: url(../images/gray-back.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: bottom;
    }
    #main-about-maspen .maspen-main-image img {
        width: 88%;
        margin-top: 88px;
        position: absolute;
        margin-left: 10%;
    }
    #main-about-maspen .main-about-text-line {
        width: 88%;
        padding: 54px;
    }
    #main-blog {
        background-color: #F7F7F7;
        padding-top: 88px;
        padding-bottom: 88px;
    }
    #main-blog h2 {
        font-size: 24px;
        font-weight: 600;
        color: #000000;
    }
    #main-blog date {
        font-size: 16px;
        font-weight: 400;
        color: #A3A3A3;
        margin-top: 28px;
        margin-bottom: 18px;
        display: block;
    }
    #main-blog .dvm-lnk img {
        width: 24px;
    }
    #main-urunler {
        margin-top: 88px;
    }
    .baslik-title-green {
        font-size: 16px !important;
        color: #92C801 !important;
        letter-spacing: 2px !important;
    }
    #slider-urunler .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
    }
    #slider-urunler .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #slider-urunler .urun-name-title {
        font-size: 20px;
        font-weight: 600;
        width: 78%;
    }
    #slider-urunler .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #slider-urunler .urun-arrow {
        width: 24px;
    }
    #main-urunler h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #main-renk-kartelasi .main-kartela-text-line {
        width: 88%;
        padding: 68px;
        margin: auto;
    }
    #main-renk-kartelasi .main-kartela {
        margin: auto;
    }
    .f-teklif .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 148px;
        height: 48px;
        margin-left: 8px;
    }
    .f-teklif .form-control {
        height: 48px;
        width: 68%;
        background-color: #cacaca;
        border: 0px;
    }
    .form-control:focus {
        box-shadow: unset;
    }
    .f-teklif .col {
        display: flex;
    }
    .page-inside {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .hizmet-galeri {
        width: 24%;
        margin-bottom: 18px;
    }
    .h-gallery-row {
        justify-content: space-between;
    }
    .hizmet-ozellik {
        justify-content: space-between;
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .h-ozellik {
        width: 49%;
        border: 0.4px solid #D4D7D9;
        padding: 18px;
        margin-bottom: 28px;
    }
    .projeler-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-page .projeler-page-text {
        margin: auto;
        padding: 48px;
    }
    .projeler-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-page .proje-list-items {
        width: 32%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 18px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
        margin-top: 28px;
    }
    .projeler-detail-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-detail-page .projeler-detail-page-text {
        padding: 48px;
    }
    .projeler-page-img img {
        padding-left: 48px;
    }
    .projeler-detail-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-detail-page .proje-list-items {
        width: 32%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 18px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-page-row {
        margin-bottom: 88px;
    }
    .projeler-detail-page .proje-detail-items {
        width: 33%;
        background-color: #EC9404;
        margin-top: 18px;
        padding: 18px;
        margin-bottom: 28px;
        text-align: center;
    }
    .projeler-detail-page .projeler-detail-page-img .row:nth-child(2) {
        justify-content: space-between;
    }
    .projeler-detail-page .proje-detail-items .pdi1 {
        color: #ffffff;
        font-size: 38px;
        font-weight: 600;
        margin-bottom: -8px;
    }
    .projeler-detail-page .proje-detail-items .pdi2 {
        color: #ffffffbd;
        font-size: 18px;
        font-weight: 400;
    }
    .projeler-detail-page .proje-galeri {}
    .projeler-detail-page .f-gallery-row {
        justify-content: space-between;
    }
    .contact-info h1 {
        font-size: 38px;
        font-weight: 600;
        width: 68%;
    }
    .contact-info-row h2 {
        font-size: 24px;
    }
    .contact-us-form h1 {
        font-size: 38px;
        margin-bottom: 28px;
    }
    .contact-info p {
        margin: 0px;
        padding: 0px;
    }
    .contact-info-row .row {
        margin-bottom: 28px;
    }
    .contact-info-company {
        padding: 28px;
    }
    .contact-info-row {
        margin: auto;
        padding: 48px;
    }
    #slider-projeler {
        padding-left: 10%;
    }
    #slider-projeler .owl-item.active {}
    #slider-projeler .owl-item {}
    #slider-projeler .proje-main-text {
        margin-top: 18px;
    }
    .dropdown-item {
        background-color: #004a35;
        border-bottom: 0.4px solid #ffffff40;
        padding: 10px 38px 10px 24px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.2px;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: #93c800;
    }
    .dropdown-menu {
        --bs-dropdown-padding-y: 0px !important;
    }
    .f-contact-text p {
        margin: 0;
    }
    h1 {
        font-size: 50px;
        font-weight: 600;
        color: #2f3336;
    }
    p {
        font-size: 16px;
        font-weight: 400;
        color: #787E84;
    }
    footer a {
        color: #ffffff;
        text-decoration: none;
    }
    footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 14%;
        z-index: 12;
        text-align: center;
    }
    .owl-manset-text h1 {
        font-size: 58px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
        letter-spacing: -1px;
    }
    .owl-manset-text h2 {
        font-size: 28px;
        color: rgba(255, 255, 255, 0.60);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 300;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
        font-weight: 500;
        color: #2f3336;
        padding-right: 28px;
    }
    .main-amblem {
        width: 38px;
        margin: auto;
        display: flex;
    }
    #main-hizmetler {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-hizmetler .col-hizmet h1 {
        position: relative;
        bottom: 128px;
        display: flex;
        padding-left: 10%;
        color: #ffffff;
        font-size: 28px;
        width: 88%;
        z-index: 16;
        font-weight: 600;
    }
    #slider-hizmet .owl-nav {
        margin-top: -48px;
        float: right;
        margin-right: 3%;
        z-index: 12;
        position: relative;
    }
    .owl-carousel .owl-nav button.owl-prev {
        margin-top: 40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        margin-top: 40px;
    }
    .col-hizmet {
        padding-right: 18px;
    }
    .teknoloji-main-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
    }
    .teknoloji-main-text h1 {
        font-size: 50px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
    }
    .teknoloji-main-text img {
        width: 208px;
        margin-bottom: 28px;
    }
    .main-teknoloji-right p {
        font-size: 18px;
        font-weight: 400;
        color: #619993;
    }
    .main-teknoloji-img {
        position: relative;
    }
    #main-projeler {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .inside-manset-text {
        top: 40%;
        position: absolute;
    }
    .inside-manset-text h1 {
        font-size: 44px;
        color: #ffffff;
        font-weight: 700;
        letter-spacing: -1px;
        text-shadow: 0 2px 4px rgb(0 0 0 / 35%);
    }
    .content-page {
        margin-top: 88px;
        margin-bottom: 128px;
    }
    .content-image {
        padding-left: 88px;
    }
    .f-menu-block {
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 0.4px solid #aecfbf;
        padding-bottom: 28px;
        justify-content: space-between;
    }
    footer {
        background-color: #004230;
    }
    .footer-p1 {
        padding-top: 28px;
    }
    .footer-p2 {
        margin-top: 48px;
        padding-bottom: 28px;
    }
    .footer-p2 p {
        color: #ffffff;
    }
    .f-copy p {
        padding: 0px;
        margin: 0px;
    }
    .f-copy {
        margin: auto;
    }
    .f-social p {
        padding: 0px;
        margin: 0px;
    }
    .f-social .fa-brands {
        font-size: 32px;
        padding-right: 28px;
    }
    .f-social .col-md-6:nth-child(2) {
        text-align: end;
    }
    .f-contact .col-md-4 {
        padding-right: 18px;
    }
    .f-contact h3 {
        font-size: 18px;
        font-weight: 500;
    }
    .footer-p3 {
        background-image: url("../images/footer-back.webp");
        background-repeat: repeat-y;
        background-size: cover;
        width: 100%;
    }
    .footer-p3 h1 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 28px;
    }
    .f-contact {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .f-teklif {
        margin-top: 48px;
        margin-bottom: 48px;
        padding-left: 48px;
    }
    .f-social {
        margin: auto;
        display: block;
        margin-top: 48px;
    }
    .f-contact-text p {
        font-size: 16px;
        font-weight: 400;
        color: #606c6b;
    }
    .f-logo img {
        width: 288px;
        margin-top: 18px;
    }
    .f-kvk {
        text-align: end;
    }
    .f-menu-block .f-menu {
        width: 76%;
        margin: auto;
    }
    .f-menu-block .main-buton-atik {
        width: 12%;
        text-align: end;
    }
    .f-menu-block .main-buton-odeme {
        width: 12%;
        text-align: end;
    }
    .f-menu {
        justify-items: end;
        margin-top: 48px;
    }
    .f-menu ul {
        display: flex;
        margin: 0;
    }
    .f-menu ul li {
        padding-left: 28px;
        font-size: 15px;
        color: #337D58;
    }
    /* Contact start */
    .contact-page {
        margin-top: 48px;
        margin-bottom: 18px;
    }
    .contact-us-form {
        margin-bottom: 88px;
        padding: 28px;
    }
    .contact-info .contact-row {
        justify-content: space-between;
    }
    .contact-row .col-md-6 {
        width: 48%;
    }
    .location .col-md-3 {
        font-size: 18px;
        font-weight: 600;
        color: #006056;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .location .col-md-9 {
        font-size: 18px;
        font-weight: 400;
        color: #80AFAA;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .contact-page iframe {
        filter: grayscale(100%);
        margin-bottom: 28px;
    }
    .contact-us-form-info .col {
        width: 50%;
        padding-right: 12px;
        flex: auto;
        padding-bottom: 12px;
    }
    .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 180px;
    }
    .form-check-label {
        font-size: 12px;
        margin-bottom: 48px;
    }
    /* Contact end */
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .container {
        max-width: 90%;
    }
.manset-maspen {
    width: 128px!important;
    margin: auto;
}
.inside-manset {
    position: relative;
}
.owl-manset .item a {
    text-decoration: none;
    width: 240px;
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.dot {
    width: 50px;
    height: 86px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    border-radius: 100px;
    position: absolute;
    transform-origin: 25px 25px;
    transform: translate(-25px, -25px);
    z-index: 33;
    top: 50%;
    right: 25%;
}
.dot .marker {
    width: 34px;
    height: 31px;
}
.dot-hover-cont {
position: relative;
padding: 18px;
border: 1px solid #818181;
border-radius: 8px;
opacity: 0;
background: #00000063;
transition: .3s ease;
/* filter: blur(2px); */
}
.dot:hover .dot-hover-cont {
    opacity: 1;
}
.dot-hover-cont h4 {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.dot-hover-cont h3 {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}
.dot-hover-cont p {
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}
    #slider-urun-detay-teknik h3 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
    #urunler-page {
        margin-top: 88px;
    }
    #urunler-page .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        border-radius: 8px;
    }
    #urunler-page .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #urunler-page .urun-name-title {
        font-size: 20px;
        font-weight: 600;
        width: 78%;
    }
    #urunler-page .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #urunler-page .urun-arrow {
        width: 24px;
    }
    #urunler-page h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #urunler-page .col-md-3 {
        margin-bottom: 48px;
        width: 23%;
        margin: 1%;
    }
    #urun-detay-page .urun-detay-line {
        padding: 88px;
        margin: 88px;
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        border-radius: 8px;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    .maspen-gesul li {
        font-size: 16px;
        font-weight: 400;
        color: #787E84;
        list-style: circle;
        list-style-position: inside;
        margin-bottom: 12px;
    }
    .maspen-gesol li {
        padding-left: 48px;
        list-style: none;
    }
    #ref-page h2 {
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -1px;
        text-align: left;
    }
    #ref-page .ref-logo {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        text-align: center;
        padding: 48px;
    }
    #ref-page .ref-img {
        width: 240px;
    }
    #ref-page .ref-icon {
        width: 18px;
        margin-top: 4px;
    }
    #ref-page .col-md-2 {
        text-align: end;
    }
    #ref-page .col-refs {
        margin: 2%;
        width: 20%;
        margin-bottom: 48px;
    }
    #ref-page .col-ref-company {
        width: 80%;
    }
    #ref-page .col-ref-icon {
        width: 20%;
        text-align: end;
    }
    #ref-page {
        margin-top: 48px;
    }
    .btn-white {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-block {
        margin-top: 48px;
    }
    .btn-block img {
        width: 18px;
    }
    .btn-green {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-download {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 88%;
        border: 0.4px solid #DEDEDE;
        display: block;
        text-align: center;
        margin-top: 48px;
    }
    .btn-download img {
        width: 28px;
    }
    #main-iletisim {
        text-align: center;
        margin-bottom: 128px;
        margin-top: 128px;
    }
    #main-iletisim .main-email-box {
        position: relative;
        width: 480px;
        margin: auto;
    }
    #main-iletisim .main-email-box-input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 100px;
        padding: 24px 100px 24px 38px;
        line-height: 1;
        box-sizing: border-box;
        outline: none;
        background: none;
    }
    #main-iletisim .main-email-box-button {
        position: absolute;
        right: 8px;
        top: 8px;
        bottom: 8px;
        border: 0;
        background: #92C801;
        color: #fff;
        outline: none;
        margin: 0;
        padding: 0 38px;
        border-radius: 100px;
        z-index: 2;
    }
    #main-renk-kartelasi {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-katalog-maspen {
        background-image: url("../images/katalog-back.webp");
        min-height: 588px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        align-content: center;
        margin-top: 88px;
    }
    #main-katalog-maspen h1 {
        font-size: 50px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen h2 {
        font-size: 48px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen p {
        font-size: 24px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.80);
    }
    #main-about-maspen .maspen-main-image {
        min-height: 538px;
        position: relative;
        background-image: url(../images/gray-back.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: bottom;
    }
    #main-about-maspen .maspen-main-image img {
        width: 88%;
        margin-top: 88px;
        position: absolute;
        margin-left: 10%;
    }
    #main-about-maspen .main-about-text-line {
        width: 88%;
        padding: 54px;
    }
    #main-blog {
        background-color: #F7F7F7;
        padding-top: 88px;
        padding-bottom: 88px;
    }
    #main-blog h2 {
        font-size: 24px;
        font-weight: 600;
        color: #000000;
    }
    #main-blog date {
        font-size: 16px;
        font-weight: 400;
        color: #A3A3A3;
        margin-top: 28px;
        margin-bottom: 18px;
        display: block;
    }
    #main-blog .dvm-lnk img {
        width: 24px;
    }
    #main-urunler {
        margin-top: 88px;
    }
    .baslik-title-green {
        font-size: 16px !important;
        color: #92C801 !important;
        letter-spacing: 2px !important;
    }
    #slider-urunler .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
    }
    #slider-urunler .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #slider-urunler .urun-name-title {
        font-size: 20px;
        font-weight: 600;
        width: 78%;
    }
    #slider-urunler .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #slider-urunler .urun-arrow {
        width: 24px;
    }
    #main-urunler h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #main-renk-kartelasi .main-kartela-text-line {
        width: 88%;
        padding: 68px;
        margin: auto;
    }
    #main-renk-kartelasi .main-kartela {
        margin: auto;
    }
    .f-teklif .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 148px;
        height: 48px;
        margin-left: 8px;
    }
    .f-teklif .form-control {
        height: 48px;
        width: 68%;
        background-color: #cacaca;
        border: 0px;
    }
    .form-control:focus {
        box-shadow: unset;
    }
    .f-teklif .col {
        display: flex;
    }
    .page-inside {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .hizmet-galeri {
        width: 24%;
        margin-bottom: 18px;
    }
    .h-gallery-row {
        justify-content: space-between;
    }
    .hizmet-ozellik {
        justify-content: space-between;
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .h-ozellik {
        width: 49%;
        border: 0.4px solid #D4D7D9;
        padding: 18px;
        margin-bottom: 28px;
    }
    .projeler-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-page .projeler-page-text {
        margin: auto;
        padding: 48px;
    }
    .projeler-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-page .proje-list-items {
        width: 32%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 18px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
        margin-top: 28px;
    }
    .projeler-detail-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-detail-page .projeler-detail-page-text {
        padding: 48px;
    }
    .projeler-page-img img {
        padding-left: 48px;
    }
    .projeler-detail-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-detail-page .proje-list-items {
        width: 32%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 18px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-page-row {
        margin-bottom: 88px;
    }
    .projeler-detail-page .proje-detail-items {
        width: 33%;
        background-color: #EC9404;
        margin-top: 18px;
        padding: 18px;
        margin-bottom: 28px;
        text-align: center;
    }
    .projeler-detail-page .projeler-detail-page-img .row:nth-child(2) {
        justify-content: space-between;
    }
    .projeler-detail-page .proje-detail-items .pdi1 {
        color: #ffffff;
        font-size: 38px;
        font-weight: 600;
        margin-bottom: -8px;
    }
    .projeler-detail-page .proje-detail-items .pdi2 {
        color: #ffffffbd;
        font-size: 18px;
        font-weight: 400;
    }
    .projeler-detail-page .proje-galeri {}
    .projeler-detail-page .f-gallery-row {
        justify-content: space-between;
    }
    .contact-info h1 {
        font-size: 38px;
        font-weight: 600;
        width: 68%;
    }
    .contact-info-row h2 {
        font-size: 24px;
    }
    .contact-us-form h1 {
        font-size: 38px;
        margin-bottom: 28px;
    }
    .contact-info p {
        margin: 0px;
        padding: 0px;
    }
    .contact-info-row .row {
        margin-bottom: 28px;
    }
    .contact-info-company {
        padding: 28px;
    }
    .contact-info-row {
        margin: auto;
        padding: 48px;
    }
    #slider-projeler {
        padding-left: 10%;
    }
    #slider-projeler .owl-item.active {}
    #slider-projeler .owl-item {}
    #slider-projeler .proje-main-text {
        margin-top: 18px;
    }
    .dropdown-item {
        background-color: #004a35;
        border-bottom: 0.4px solid #ffffff40;
        padding: 10px 38px 10px 24px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.2px;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: #93c800;
    }
    .dropdown-menu {
        --bs-dropdown-padding-y: 0px !important;
    }
    .f-contact-text p {
        margin: 0;
    }
    h1 {
        font-size: 50px;
        font-weight: 600;
        color: #2f3336;
    }
    p {
        font-size: 16px;
        font-weight: 400;
        color: #787E84;
    }
    footer a {
        color: #ffffff;
        text-decoration: none;
    }
    footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 14%;
        z-index: 12;
        text-align: center;
    }
    .owl-manset-text h1 {
        font-size: 58px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
        letter-spacing: -1px;
    }
    .owl-manset-text h2 {
        font-size: 28px;
        color: rgba(255, 255, 255, 0.60);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 300;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
        font-weight: 500;
        color: #2f3336;
        padding-right: 20px;
    }
    .main-amblem {
        width: 38px;
        margin: auto;
        display: flex;
    }
    #main-hizmetler {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-hizmetler .col-hizmet h1 {
        position: relative;
        bottom: 128px;
        display: flex;
        padding-left: 10%;
        color: #ffffff;
        font-size: 28px;
        width: 88%;
        z-index: 16;
        font-weight: 600;
    }
    #slider-hizmet .owl-nav {
        margin-top: -48px;
        float: right;
        margin-right: 3%;
        z-index: 12;
        position: relative;
    }
    .owl-carousel .owl-nav button.owl-prev {
        margin-top: 40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        margin-top: 40px;
    }
    .col-hizmet {
        padding-right: 18px;
    }
    .teknoloji-main-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
    }
    .teknoloji-main-text h1 {
        font-size: 50px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
    }
    .teknoloji-main-text img {
        width: 208px;
        margin-bottom: 28px;
    }
    .main-teknoloji-right p {
        font-size: 18px;
        font-weight: 400;
        color: #619993;
    }
    .main-teknoloji-img {
        position: relative;
    }
    #main-projeler {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .inside-manset-text {
        top: 40%;
        position: absolute;
    }
    .inside-manset-text h1 {
        font-size: 44px;
        color: #ffffff;
        font-weight: 700;
        letter-spacing: -1px;
        text-shadow: 0 2px 4px rgb(0 0 0 / 35%);
    }
    .content-page {
        margin-top: 88px;
        margin-bottom: 128px;
    }
    .content-image {
        padding-left: 88px;
    }
    .f-menu-block {
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 0.4px solid #aecfbf;
        padding-bottom: 28px;
        justify-content: space-between;
    }
    footer {
        background-color: #004230;
    }
    .footer-p1 {
        padding-top: 28px;
    }
    .footer-p2 {
        margin-top: 48px;
        padding-bottom: 28px;
    }
    .footer-p2 p {
        color: #ffffff;
    }
    .f-copy p {
        padding: 0px;
        margin: 0px;
    }
    .f-copy {
        margin: auto;
    }
    .f-social p {
        padding: 0px;
        margin: 0px;
    }
    .f-social .fa-brands {
        font-size: 32px;
        padding-right: 28px;
    }
    .f-social .col-md-6:nth-child(2) {
        text-align: end;
    }
    .f-contact .col-md-4 {
        padding-right: 18px;
    }
    .f-contact h3 {
        font-size: 18px;
        font-weight: 500;
    }
    .footer-p3 {
        background-image: url("../images/footer-back.webp");
        background-repeat: repeat-y;
        background-size: cover;
        width: 100%;
    }
    .footer-p3 h1 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 28px;
    }
    .f-contact {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .f-teklif {
        margin-top: 48px;
        margin-bottom: 48px;
        padding-left: 48px;
    }
    .f-social {
        margin: auto;
        display: block;
        margin-top: 48px;
    }
    .f-contact-text p {
        font-size: 16px;
        font-weight: 400;
        color: #606c6b;
    }
    .f-logo img {
        width: 288px;
        margin-top: 18px;
    }
    .f-kvk {
        text-align: end;
    }
    .f-menu-block .f-menu {
        width: 76%;
        margin: auto;
    }
    .f-menu-block .main-buton-atik {
        width: 12%;
        text-align: end;
    }
    .f-menu-block .main-buton-odeme {
        width: 12%;
        text-align: end;
    }
    .f-menu {
        justify-items: end;
        margin-top: 48px;
    }
    .f-menu ul {
        display: flex;
        margin: 0;
    }
    .f-menu ul li {
        padding-left: 28px;
        font-size: 15px;
        color: #337D58;
    }
    /* Contact start */
    .contact-page {
        margin-top: 48px;
        margin-bottom: 18px;
    }
    .contact-us-form {
        margin-bottom: 88px;
        padding: 28px;
    }
    .contact-info .contact-row {
        justify-content: space-between;
    }
    .contact-row .col-md-6 {
        width: 48%;
    }
    .location .col-md-3 {
        font-size: 18px;
        font-weight: 600;
        color: #006056;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .location .col-md-9 {
        font-size: 18px;
        font-weight: 400;
        color: #80AFAA;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .contact-page iframe {
        filter: grayscale(100%);
        margin-bottom: 28px;
    }
    .contact-us-form-info .col {
        width: 50%;
        padding-right: 12px;
        flex: auto;
        padding-bottom: 12px;
    }
    .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 180px;
    }
    .form-check-label {
        font-size: 12px;
        margin-bottom: 48px;
    }
    /* Contact end */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .container {
        max-width: 94%;
    }
.manset-maspen {
    width: 128px!important;
    margin: auto;
}
.inside-manset {
    position: relative;
}
.owl-manset .item a {
    text-decoration: none;
    width: 240px;
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.dot {
    width: 50px;
    height: 86px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    border-radius: 100px;
    position: absolute;
    transform-origin: 25px 25px;
    transform: translate(-25px, -25px);
    z-index: 33;
    top: 50%;
    right: 25%;
}
.dot .marker {
    width: 34px;
    height: 31px;
}
.dot-hover-cont {
position: relative;
padding: 18px;
border: 1px solid #818181;
border-radius: 8px;
opacity: 0;
background: #00000063;
transition: .3s ease;
/* filter: blur(2px); */
}
.dot:hover .dot-hover-cont {
    opacity: 1;
}
.dot-hover-cont h4 {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.dot-hover-cont h3 {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}
.dot-hover-cont p {
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}
    #slider-urun-detay-teknik h3 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
    #urunler-page {
        margin-top: 88px;
    }
    #urunler-page .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        border-radius: 8px;
    }
    #urunler-page .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #urunler-page .urun-name-title {
        font-size: 18px;
        font-weight: 600;
        width: 78%;
    }
    #urunler-page .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #urunler-page .urun-arrow {
        width: 24px;
    }
    #urunler-page h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #urunler-page .col-md-3 {
        margin-bottom: 48px;
        width: 23%;
        margin: 1%;
    }
    #urun-detay-page .urun-detay-line {
        padding: 28px;
        margin: 28px;
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        border-radius: 8px;
    }
    #urun-detay-page {
        margin-top: 48px;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    .maspen-gesul li {
        font-size: 16px;
        font-weight: 400;
        color: #787E84;
        list-style: circle;
        list-style-position: inside;
        margin-bottom: 12px;
    }
    .maspen-gesol li {
        padding-left: 48px;
        list-style: none;
    }
    #ref-page h2 {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -0.4px;
        text-align: left;
    }
    #ref-page .ref-logo {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        text-align: center;
        padding: 48px;
    }
    #ref-page .ref-img {
        width: 240px;
    }
    #ref-page .ref-icon {
        width: 18px;
        margin-top: 4px;
    }
    #ref-page .col-md-2 {
        text-align: end;
    }
    #ref-page .col-refs {
        margin: 2%;
        width: 20%;
        margin-bottom: 48px;
    }
    #ref-page .col-ref-company {
        width: 80%;
    }
    #ref-page .col-ref-icon {
        width: 20%;
        text-align: end;
    }
    #ref-page {
        margin-top: 48px;
    }
    .btn-white {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-block {
        margin-top: 48px;
    }
    .btn-block img {
        width: 18px;
    }
    .btn-green {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-download {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 18px;
        padding-left: 18px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 88%;
        border: 0.4px solid #DEDEDE;
        display: block;
        text-align: center;
        margin-bottom: 48px;
    }
    .btn-download img {
        width: 28px;
    }
    #main-iletisim {
        text-align: center;
        margin-bottom: 128px;
        margin-top: 128px;
    }
    #main-iletisim .main-email-box {
        position: relative;
        width: 480px;
        margin: auto;
    }
    #main-iletisim .main-email-box-input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 100px;
        padding: 24px 100px 24px 38px;
        line-height: 1;
        box-sizing: border-box;
        outline: none;
        background: none;
    }
    #main-iletisim .main-email-box-button {
        position: absolute;
        right: 8px;
        top: 8px;
        bottom: 8px;
        border: 0;
        background: #92C801;
        color: #fff;
        outline: none;
        margin: 0;
        padding: 0 38px;
        border-radius: 100px;
        z-index: 2;
    }
    #main-renk-kartelasi {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-katalog-maspen {
        background-image: url("../images/katalog-back.webp");
        min-height: 488px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        align-content: center;
        margin-top: 88px;
    }
    #main-katalog-maspen h1 {
        font-size: 38px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen h2 {
        font-size: 48px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen p {
        font-size: 18px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.80);
    }
    #main-about-maspen .maspen-main-image {
        height: 448px;
        position: relative;
        background-image: url(../images/gray-back.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    #main-about-maspen .maspen-main-image img {
        width: 88%;
        margin-top: 88px;
        position: absolute;
        margin-left: 10%;
    }
    #main-about-maspen .main-about-text-line {
        width: 98%;
        padding: 34px;
    }
    #main-blog {
        background-color: #F7F7F7;
        padding-top: 88px;
        padding-bottom: 88px;
    }
    #main-blog h2 {
        font-size: 24px;
        font-weight: 600;
        color: #000000;
    }
    #main-blog date {
        font-size: 16px;
        font-weight: 400;
        color: #A3A3A3;
        margin-top: 28px;
        margin-bottom: 18px;
        display: block;
    }
    #main-blog .dvm-lnk img {
        width: 24px;
    }
    #main-urunler {
        margin-top: 48px;
    }
    .owl-prev img {
        width: 68px;
    }
    .owl-next img {
        width: 68px;
    }
    .baslik-title-green {
        font-size: 15px !important;
        color: #92C801 !important;
        letter-spacing: 2px !important;
    }
    .maspen-logo {
        width: 218px;
    }
    #slider-urunler .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
    }
    #slider-urunler .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #slider-urunler .urun-name-title {
        font-size: 22px;
        font-weight: 600;
        width: 78%;
    }
    #slider-urunler .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #slider-urunler .urun-arrow {
        width: 24px;
    }
    #main-urunler h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #main-renk-kartelasi .main-kartela-text-line {
        width: 88%;
        padding: 28px;
        margin: auto;
    }
    #main-renk-kartelasi .main-kartela {
        margin: auto;
    }
    .f-teklif .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 148px;
        height: 48px;
        margin-left: 8px;
    }
    .f-teklif .form-control {
        height: 48px;
        width: 68%;
        background-color: #cacaca;
        border: 0px;
    }
    .form-control:focus {
        box-shadow: unset;
    }
    .f-teklif .col {
        display: flex;
    }
    .page-inside {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .hizmet-galeri {
        width: 24%;
        margin-bottom: 18px;
    }
    .h-gallery-row {
        justify-content: space-between;
    }
    .hizmet-ozellik {
        justify-content: space-between;
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .h-ozellik {
        width: 49%;
        border: 0.4px solid #D4D7D9;
        padding: 18px;
        margin-bottom: 28px;
    }
    .projeler-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-page .projeler-page-text {
        margin: auto;
        padding: 18px;
    }
    .projeler-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-page .proje-list-items {
        width: 46%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 8px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
        margin-top: 28px;
    }
    .proje-list-items img {
        width: 24px;
    }
    .projeler-detail-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-detail-page .projeler-detail-page-text {
        padding: 48px;
    }
    .projeler-page-img img {

    }
    .projeler-detail-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-detail-page .proje-list-items {
        width: 46%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 12px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-page-row {
        margin-bottom: 88px;
    }
    .projeler-detail-page .proje-detail-items {
        width: 33%;
        background-color: #EC9404;
        margin-top: 18px;
        padding: 18px;
        margin-bottom: 28px;
        text-align: center;
    }
    .projeler-detail-page .projeler-detail-page-img .row:nth-child(2) {
        justify-content: space-between;
    }
    .projeler-detail-page .proje-detail-items .pdi1 {
        color: #ffffff;
        font-size: 38px;
        font-weight: 600;
        margin-bottom: -8px;
    }
    .projeler-detail-page .proje-detail-items .pdi2 {
        color: #ffffffbd;
        font-size: 18px;
        font-weight: 400;
    }
    .projeler-detail-page .proje-galeri {}
    .projeler-detail-page .f-gallery-row {
        justify-content: space-between;
    }
    .contact-info h1 {
        font-size: 28px;
        font-weight: 600;
        width: 84%;
    }
    .contact-info-row h2 {
        font-size: 18px;
    }
    .contact-info-row .col-md-2 img {
        padding-right: 8px;
    }
    .contact-us-form h1 {
        font-size: 28px;
        margin-bottom: 28px;
    }
    .contact-info p {
        margin: 0px;
        padding: 0px;
    }
    .contact-info-row .row {
        margin-bottom: 28px;
    }
    .contact-info-company {
        padding: 18px;
    }
    .contact-info-row {
        margin: auto;
        padding: 28px;
    }
    #slider-projeler {
        padding-left: 10%;
    }
    #slider-projeler .owl-item.active {}
    #slider-projeler .owl-item {}
    #slider-projeler .proje-main-text {
        margin-top: 18px;
    }
    .dropdown-item {
        background-color: #004a35;
        border-bottom: 0.4px solid #ffffff40;
        padding: 10px 38px 10px 24px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.2px;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: #93c800;
    }
    .dropdown-menu {
        --bs-dropdown-padding-y: 0px !important;
    }
    .f-contact-text p {
        margin: 0;
    }
    h1 {
        font-size: 38px;
        font-weight: 600;
        color: #2f3336;
    }
    p {
        font-size: 16px;
        font-weight: 400;
        color: #787E84;
    }
    footer a {
        color: #ffffff;
        text-decoration: none;
    }
    footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 14%;
        z-index: 12;
        text-align: center;
    }
    .owl-manset-text h1 {
        font-size: 38px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
        letter-spacing: -1px;
    }
    .owl-manset-text h2 {
        font-size: 28px;
        color: rgba(255, 255, 255, 0.60);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 300;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
        font-weight: 500;
        color: #2f3336;
        padding-right: 20px;
    }
    .main-amblem {
        width: 38px;
        margin: auto;
        display: flex;
    }
    #main-hizmetler {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-hizmetler .col-hizmet h1 {
        position: relative;
        bottom: 128px;
        display: flex;
        padding-left: 10%;
        color: #ffffff;
        font-size: 28px;
        width: 88%;
        z-index: 16;
        font-weight: 600;
    }
    #slider-hizmet .owl-nav {
        margin-top: -48px;
        float: right;
        margin-right: 3%;
        z-index: 12;
        position: relative;
    }
    .owl-carousel .owl-nav button.owl-prev {
        margin-top: 40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        margin-top: 40px;
    }
    .col-hizmet {
        padding-right: 18px;
    }
    .teknoloji-main-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
    }
    .teknoloji-main-text h1 {
        font-size: 50px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
    }
    .teknoloji-main-text img {
        width: 208px;
        margin-bottom: 28px;
    }
    .main-teknoloji-right p {
        font-size: 18px;
        font-weight: 400;
        color: #619993;
    }
    .main-teknoloji-img {
        position: relative;
    }
    #main-projeler {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .inside-manset-text {
        top: 40%;
        position: absolute;
    }
    .inside-manset-text h1 {
        font-size: 28px;
        color: #ffffff;
        font-weight: 700;
        letter-spacing: -1px;
        text-shadow: 0 2px 4px rgb(0 0 0 / 35%);
    }
    .content-page {
        margin-top: 88px;
        margin-bottom: 128px;
    }
    .content-image {
        padding-left: 88px;
    }
    .f-menu-block {
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 0.4px solid #aecfbf;
        padding-bottom: 28px;
        justify-content: space-between;
    }
    footer {
        background-color: #004230;
    }
    .footer-p1 {
        padding-top: 28px;
    }
    .footer-p2 {
        margin-top: 48px;
        padding-bottom: 28px;
    }
    .footer-p2 p {
        color: #ffffff;
        font-size: 13px;
    }
    .f-copy p {
        padding: 0px;
        margin: 0px;
    }
    .f-copy {
        margin: auto;
    }
    .f-social p {
        padding: 0px;
        margin: 0px;
    }
    .f-social .fa-brands {
        font-size: 20px;
        padding-right: 12px;
    }
    .f-social .col-md-6:nth-child(2) {
        text-align: end;
    }
    .f-contact .col-md-4 {
        padding-right: 18px;
    }
    .f-contact h3 {
        font-size: 18px;
        font-weight: 500;
    }
    .footer-p3 {
        background-image: url("../images/footer-back.webp");
        background-repeat: repeat-y;
        background-size: cover;
        width: 100%;
    }
    .footer-p3 h1 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 28px;
    }
    .f-contact {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .f-teklif {
        margin-top: 48px;
        margin-bottom: 48px;
        padding-left: 48px;
    }
    .f-social {
        margin: auto;
        display: block;
        margin-top: 48px;
    }
    .f-contact-text p {
        font-size: 16px;
        font-weight: 400;
        color: #606c6b;
    }
    .f-logo img {
        width: 288px;
        margin-top: 18px;
    }
    .f-kvk {
        text-align: end;
    }
    .f-menu-block .f-menu {
        width: 76%;
        margin: auto;
    }
    .f-menu-block .main-buton-atik {
        width: 12%;
        text-align: end;
    }
    .f-menu-block .main-buton-odeme {
        width: 12%;
        text-align: end;
    }
    .f-menu {
        justify-items: end;
        margin-top: 48px;
    }
    .f-menu ul {
        display: flex;
        margin: 0;
    }
    .f-menu ul li {
        padding-left: 14px;
        font-size: 14px;
        color: #337D58;
    }
    /* Contact start */
    .contact-page {
        margin-top: 48px;
        margin-bottom: 18px;
    }
    .contact-us-form {
        margin-bottom: 88px;
        padding: 28px;
    }
    .contact-info .contact-row {
        justify-content: space-between;
    }
    .contact-row .col-md-6 {
        width: 48%;
    }
    .location .col-md-3 {
        font-size: 18px;
        font-weight: 600;
        color: #006056;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .location .col-md-9 {
        font-size: 18px;
        font-weight: 400;
        color: #80AFAA;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .contact-page iframe {
        filter: grayscale(100%);
        margin-bottom: 28px;
    }
    .contact-us-form-info .col {
        width: 50%;
        padding-right: 12px;
        flex: auto;
        padding-bottom: 12px;
    }
    .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 180px;
    }
    .form-check-label {
        font-size: 12px;
        margin-bottom: 48px;
    }
    /* Contact end */
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .container {
        max-width: 96%;
    }
.manset-maspen {
    width: 128px!important;
    margin: auto;
}
.inside-manset {
    position: relative;
}
.owl-manset .item a {
    text-decoration: none;
    width: 240px;
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.dot {
    width: 50px;
    height: 86px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    border-radius: 100px;
    position: absolute;
    transform-origin: 25px 25px;
    transform: translate(-25px, -25px);
    z-index: 33;
    top: 50%;
    right: 25%;
}
.dot .marker {
    width: 34px;
    height: 31px;
}
.dot-hover-cont {
position: relative;
padding: 18px;
border: 1px solid #818181;
border-radius: 8px;
opacity: 0;
background: #00000063;
transition: .3s ease;
/* filter: blur(2px); */
}
.dot:hover .dot-hover-cont {
    opacity: 1;
}
.dot-hover-cont h4 {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.dot-hover-cont h3 {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}
.dot-hover-cont p {
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}
    #slider-urun-detay-teknik h3 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
    #urunler-page {
        margin-top: 88px;
    }
    #urunler-page .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        border-radius: 8px;
    }
    #urunler-page .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #urunler-page .urun-name-title {
        font-size: 18px;
        font-weight: 600;
        width: 78%;
    }
    #urunler-page .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #urunler-page .urun-arrow {
        width: 24px;
    }
    #urunler-page h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #urunler-page .col-md-3 {
        margin-bottom: 48px;
        width: 23%;
        margin: 1%;
    }
    #urun-detay-page .urun-detay-line {
        padding: 28px;
        margin: 28px;
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        border-radius: 8px;
    }
    #urun-detay-page {
        margin-top: 48px;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    .maspen-gesul li {
        font-size: 16px;
        font-weight: 400;
        color: #787E84;
        list-style: circle;
        list-style-position: inside;
        margin-bottom: 12px;
    }
    .maspen-gesol li {
        padding-left: 48px;
        list-style: none;
    }
    #ref-page h2 {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -0.4px;
        text-align: left;
    }
    #ref-page .ref-logo {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        text-align: center;
        padding: 48px;
    }
    #ref-page .ref-img {
        width: 240px;
    }
    #ref-page .ref-icon {
        width: 18px;
        margin-top: 4px;
    }
    #ref-page .col-md-2 {
        text-align: end;
    }
    #ref-page .col-refs {
        margin: 2%;
        width: 20%;
        margin-bottom: 48px;
    }
    #ref-page .col-ref-company {
        width: 80%;
    }
    #ref-page .col-ref-icon {
        width: 20%;
        text-align: end;
    }
    #ref-page {
        margin-top: 48px;
    }
    .btn-white {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-block {
        margin-top: 48px;
    }
    .btn-block img {
        width: 18px;
    }
    .btn-green {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-download {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 18px;
        padding-left: 18px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 88%;
        border: 0.4px solid #DEDEDE;
        display: block;
        text-align: center;
        margin-bottom: 48px;
    }
    .btn-download img {
        width: 28px;
    }
    #main-iletisim {
        text-align: center;
        margin-bottom: 128px;
        margin-top: 128px;
    }
    #main-iletisim .main-email-box {
        position: relative;
        width: 480px;
        margin: auto;
    }
    #main-iletisim .main-email-box-input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 100px;
        padding: 24px 100px 24px 38px;
        line-height: 1;
        box-sizing: border-box;
        outline: none;
        background: none;
    }
    #main-iletisim .main-email-box-button {
        position: absolute;
        right: 8px;
        top: 8px;
        bottom: 8px;
        border: 0;
        background: #92C801;
        color: #fff;
        outline: none;
        margin: 0;
        padding: 0 38px;
        border-radius: 100px;
        z-index: 2;
    }
    #main-renk-kartelasi {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-katalog-maspen {
        background-image: url("../images/katalog-back.webp");
        min-height: 488px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        align-content: center;
        margin-top: 88px;
    }
    #main-katalog-maspen h1 {
        font-size: 38px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen h2 {
        font-size: 48px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen p {
        font-size: 18px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.80);
    }
    #main-about-maspen .maspen-main-image {
        height: 448px;
        position: relative;
        background-image: url(../images/gray-back.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    #main-about-maspen .maspen-main-image img {
        width: 88%;
        margin-top: 88px;
        position: absolute;
        margin-left: 10%;
    }
    #main-about-maspen .main-about-text-line {
        width: 98%;
        padding: 34px;
    }
    #main-blog {
        background-color: #F7F7F7;
        padding-top: 88px;
        padding-bottom: 88px;
    }
    #main-blog h2 {
        font-size: 24px;
        font-weight: 600;
        color: #000000;
    }
    #main-blog date {
        font-size: 16px;
        font-weight: 400;
        color: #A3A3A3;
        margin-top: 28px;
        margin-bottom: 18px;
        display: block;
    }
    #main-blog .dvm-lnk img {
        width: 24px;
    }
    #main-urunler {
        margin-top: 48px;
    }
    .owl-prev img {
        width: 68px;
    }
    .owl-next img {
        width: 68px;
    }
    .baslik-title-green {
        font-size: 15px !important;
        color: #92C801 !important;
        letter-spacing: 2px !important;
    }
    .maspen-logo {
        width: 218px;
    }
    #slider-urunler .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
    }
    #slider-urunler .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 24px;
    }
    #slider-urunler .urun-name-title {
        font-size: 22px;
        font-weight: 600;
        width: 78%;
    }
    #slider-urunler .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #slider-urunler .urun-arrow {
        width: 24px;
    }
    #main-urunler h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #main-renk-kartelasi .main-kartela-text-line {
        width: 88%;
        padding: 28px;
        margin: auto;
    }
    #main-renk-kartelasi .main-kartela {
        margin: auto;
    }
    .f-teklif .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 148px;
        height: 48px;
        margin-left: 8px;
    }
    .f-teklif .form-control {
        height: 48px;
        width: 68%;
        background-color: #cacaca;
        border: 0px;
    }
    .form-control:focus {
        box-shadow: unset;
    }
    .f-teklif .col {
        display: flex;
    }
    .page-inside {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .hizmet-galeri {
        width: 24%;
        margin-bottom: 18px;
    }
    .h-gallery-row {
        justify-content: space-between;
    }
    .hizmet-ozellik {
        justify-content: space-between;
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .h-ozellik {
        width: 49%;
        border: 0.4px solid #D4D7D9;
        padding: 18px;
        margin-bottom: 28px;
    }
    .projeler-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-page .projeler-page-text {
        margin: auto;
        padding: 18px;
    }
    .projeler-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-page .proje-list-items {
        width: 46%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 8px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
        margin-top: 28px;
    }
    .proje-list-items img {
        width: 24px;
    }
    .projeler-detail-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-detail-page .projeler-detail-page-text {
        padding: 48px;
    }
    .projeler-page-img img {

    }
    .projeler-detail-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-detail-page .proje-list-items {
        width: 46%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 12px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-page-row {
        margin-bottom: 88px;
    }
    .projeler-detail-page .proje-detail-items {
        width: 33%;
        background-color: #EC9404;
        margin-top: 18px;
        padding: 18px;
        margin-bottom: 28px;
        text-align: center;
    }
    .projeler-detail-page .projeler-detail-page-img .row:nth-child(2) {
        justify-content: space-between;
    }
    .projeler-detail-page .proje-detail-items .pdi1 {
        color: #ffffff;
        font-size: 38px;
        font-weight: 600;
        margin-bottom: -8px;
    }
    .projeler-detail-page .proje-detail-items .pdi2 {
        color: #ffffffbd;
        font-size: 18px;
        font-weight: 400;
    }
    .projeler-detail-page .proje-galeri {}
    .projeler-detail-page .f-gallery-row {
        justify-content: space-between;
    }
    .contact-info h1 {
        font-size: 28px;
        font-weight: 600;
        width: 84%;
    }
    .contact-info-row h2 {
        font-size: 18px;
    }
    .contact-info-row .col-md-2 img {
        padding-right: 8px;
    }
    .contact-us-form h1 {
        font-size: 28px;
        margin-bottom: 28px;
    }
    .contact-info p {
        margin: 0px;
        padding: 0px;
    }
    .contact-info-row .row {
        margin-bottom: 28px;
    }
    .contact-info-company {
        padding: 18px;
    }
    .contact-info-row {
        margin: auto;
        padding: 28px;
    }
    #slider-projeler {
        padding-left: 10%;
    }
    #slider-projeler .owl-item.active {}
    #slider-projeler .owl-item {}
    #slider-projeler .proje-main-text {
        margin-top: 18px;
    }
    .dropdown-item {
        background-color: #004a35;
        border-bottom: 0.4px solid #ffffff40;
        padding: 10px 38px 10px 24px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.2px;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: #93c800;
    }
    .dropdown-menu {
        --bs-dropdown-padding-y: 0px !important;
    }
    .f-contact-text p {
        margin: 0;
    }
    h1 {
        font-size: 38px;
        font-weight: 600;
        color: #2f3336;
    }
    p {
        font-size: 16px;
        font-weight: 400;
        color: #787E84;
    }
    footer a {
        color: #ffffff;
        text-decoration: none;
    }
    footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 14%;
        z-index: 12;
        text-align: center;
    }
    .owl-manset-text h1 {
        font-size: 38px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
        letter-spacing: -1px;
    }
    .owl-manset-text h2 {
        font-size: 28px;
        color: rgba(255, 255, 255, 0.60);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 300;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
        font-weight: 500;
        color: #2f3336;
        padding-right: 20px;
    }
    .main-amblem {
        width: 38px;
        margin: auto;
        display: flex;
    }
    #main-hizmetler {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-hizmetler .col-hizmet h1 {
        position: relative;
        bottom: 128px;
        display: flex;
        padding-left: 10%;
        color: #ffffff;
        font-size: 28px;
        width: 88%;
        z-index: 16;
        font-weight: 600;
    }
    #slider-hizmet .owl-nav {
        margin-top: -48px;
        float: right;
        margin-right: 3%;
        z-index: 12;
        position: relative;
    }
    .owl-carousel .owl-nav button.owl-prev {
        margin-top: 40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        margin-top: 40px;
    }
    .col-hizmet {
        padding-right: 18px;
    }
    .teknoloji-main-text {
        width: 100%;
        position: absolute;
        top: 38%;
        z-index: 12;
    }
    .teknoloji-main-text h1 {
        font-size: 50px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
    }
    .teknoloji-main-text img {
        width: 208px;
        margin-bottom: 28px;
    }
    .main-teknoloji-right p {
        font-size: 18px;
        font-weight: 400;
        color: #619993;
    }
    .main-teknoloji-img {
        position: relative;
    }
    #main-projeler {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .inside-manset-text {
        top: 40%;
        position: absolute;
    }
    .inside-manset-text h1 {
        font-size: 28px;
        color: #ffffff;
        font-weight: 700;
        letter-spacing: -1px;
        text-shadow: 0 2px 4px rgb(0 0 0 / 35%);
    }
    .content-page {
        margin-top: 88px;
        margin-bottom: 128px;
    }
    .content-image {
        padding-left: 88px;
    }
    .f-menu-block {
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 0.4px solid #aecfbf;
        padding-bottom: 28px;
        justify-content: space-between;
    }
    footer {
        background-color: #004230;
    }
    .footer-p1 {
        padding-top: 28px;
    }
    .footer-p2 {
        margin-top: 48px;
        padding-bottom: 28px;
    }
    .footer-p2 p {
        color: #ffffff;
    }
    .f-copy p {
        padding: 0px;
        margin: 0px;
    }
    .f-copy {
        margin: auto;
    }
    .f-social p {
        padding: 0px;
        margin: 0px;
    }
    .f-social .fa-brands {
        font-size: 20px;
        padding-right: 20px;
    }
    .f-social .col-md-6:nth-child(2) {
        text-align: end;
    }
    .f-contact .col-md-4 {
        padding-right: 18px;
    }
    .f-contact h3 {
        font-size: 18px;
        font-weight: 500;
    }
    .footer-p3 {
        background-image: url("../images/footer-back.webp");
        background-repeat: repeat-y;
        background-size: cover;
        width: 100%;
    }
    .footer-p3 h1 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 28px;
    }
    .f-contact {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .f-teklif {
        margin-top: 48px;
        margin-bottom: 48px;
        padding-left: 48px;
    }
    .f-social {
        margin: auto;
        display: block;
        margin-top: 48px;
    }
    .f-contact-text p {
        font-size: 16px;
        font-weight: 400;
        color: #606c6b;
    }
    .f-logo img {
        width: 288px;
        margin-top: 18px;
    }
    .f-kvk {
        text-align: end;
    }
    .f-menu-block .f-menu {
        width: 76%;
        margin: auto;
    }
    .f-menu-block .main-buton-atik {
        width: 12%;
        text-align: end;
    }
    .f-menu-block .main-buton-odeme {
        width: 12%;
        text-align: end;
    }
    .f-menu {
        justify-items: end;
        margin-top: 48px;
    }
    .f-menu ul {
        display: flex;
        margin: 0;
    }
    .f-menu ul li {
        padding-left: 28px;
        font-size: 15px;
        color: #337D58;
    }
    /* Contact start */
    .contact-page {
        margin-top: 48px;
        margin-bottom: 18px;
    }
    .contact-us-form {
        margin-bottom: 88px;
        padding: 28px;
    }
    .contact-info .contact-row {
        justify-content: space-between;
    }
    .contact-row .col-md-6 {
        width: 48%;
    }
    .location .col-md-3 {
        font-size: 18px;
        font-weight: 600;
        color: #006056;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .location .col-md-9 {
        font-size: 18px;
        font-weight: 400;
        color: #80AFAA;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .contact-page iframe {
        filter: grayscale(100%);
        margin-bottom: 28px;
    }
    .contact-us-form-info .col {
        width: 50%;
        padding-right: 12px;
        flex: auto;
        padding-bottom: 12px;
    }
    .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 180px;
    }
    .form-check-label {
        font-size: 12px;
        margin-bottom: 48px;
    }
    /* Contact end */
}
@media only screen and (max-width: 480px) {
    .container {
        max-width: 96%;
    }
.inside-manset {
    position: relative;
}
.owl-manset .item a {
    text-decoration: none;
    width: 240px;
}
    .marker {
        width: 28px!important;
        height: 28px!important;
    }
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.dot {
    width: 50px;
    height: 86px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    border-radius: 100px;
    position: absolute;
    transform-origin: 25px 25px;
    transform: translate(-25px, -25px);
    z-index: 33;
    top: 50%;
    right: 25%;
}
.dot .marker {
    width: 34px;
    height: 31px;
}
.dot-hover-cont {
position: relative;
padding: 18px;
border: 1px solid #818181;
border-radius: 8px;
opacity: 0;
background: #00000063;
transition: .3s ease;
/* filter: blur(2px); */
}
.dot:hover .dot-hover-cont {
    opacity: 1;
}
.dot-hover-cont h4 {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.dot-hover-cont h3 {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}
.dot-hover-cont p {
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}
    #slider-urun-detay-teknik h3 {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
    #urunler-page {
        margin-top: 88px;
    }
    #urunler-page .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        border-radius: 8px;
    }
    #urunler-page .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 48px;
    }
    #urunler-page .urun-name-title {
        font-size: 22px;
        font-weight: 600;
        width: 50%;
    }
    #urunler-page .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #urunler-page .urun-arrow {
        width: 24px;
    }
    #urunler-page h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #urunler-page .col-md-3 {
        margin-bottom: 48px;
    }
    #urun-detay-page {
        margin-top: 48px;
    }
    .owl-prev img {
        width: 68px;
    }
    .owl-next img {
        width: 68px;
    }
    #urun-detay-page .urun-detay-line {
        padding: 48px;
        margin-bottom: 28px;
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        border-radius: 8px;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    #slider-urun-detay .owl-nav img {
        width: 80%;
    }
    .maspen-gesul li {
        font-size: 18px;
        font-weight: 400;
        color: #787E84;
        list-style: circle;
        list-style-position: inside;
        margin-bottom: 12px;
    }
    .maspen-gesol li {
        padding-left: 48px;
        list-style: none;
    }
    #ref-page h2 {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -1px;
        text-align: left;
    }
    #ref-page .ref-logo {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
        text-align: center;
        padding: 48px;
    }
    #ref-page .ref-img {
        width: 240px;
    }
    #ref-page .ref-icon {
        width: 18px;
        margin-top: 4px;
    }
    #ref-page .col-md-2 {
        text-align: end;
    }
    #ref-page .col-refs {
        margin-bottom: 48px;
    }
    #ref-page .col-ref-company {
        width: 80%;
    }
    #ref-page .col-ref-icon {
        width: 20%;
        text-align: end;
    }
    #ref-page {
        margin-top: 48px;
    }
    .btn-white {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-block {
        margin-top: 48px;
    }
    .btn-block img {
        width: 18px;
    }
    .btn-green {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 180px;
        border: 0.4px solid #DEDEDE;
        text-align: center;
    }
    .btn-download {
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 28px;
        width: 88%;
        border: 0.4px solid #DEDEDE;
        display: block;
        text-align: center;
        margin-top: 48px;
    }
    .btn-download img {
        width: 28px;
    }
    #main-iletisim {
        text-align: center;
        margin-bottom: 128px;
        margin-top: 128px;
    }
    #main-iletisim .main-email-box {
        position: relative;
        width: 480px;
        margin: auto;
    }
    #main-iletisim .main-email-box-input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 100px;
        padding: 24px 100px 24px 38px;
        line-height: 1;
        box-sizing: border-box;
        outline: none;
        background: none;
    }
    #main-iletisim .main-email-box-button {
        position: absolute;
        right: 8px;
        top: 8px;
        bottom: 8px;
        border: 0;
        background: #92C801;
        color: #fff;
        outline: none;
        margin: 0;
        padding: 0 38px;
        border-radius: 100px;
        z-index: 2;
    }
    #main-renk-kartelasi {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-katalog-maspen {
        background-image: url("../images/katalog-back.webp");
        min-height: 680px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
        align-content: center;
        margin-top: 28px;
    }
    #main-katalog-maspen h1 {
        font-size: 44px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen h2 {
        font-size: 48px;
        font-weight: 600;
        color: #ffffff;
    }
    #main-katalog-maspen p {
        font-size: 24px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.80);
    }
    #main-about-maspen .maspen-main-image {
        min-height: 388px;
        position: relative;
        background-image: url(../images/gray-back.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: bottom;
    }
    .owl-prev img {
        width: 68px;
    }
    .owl-next img {
        width: 68px;    
    }
    #main-about-maspen .maspen-main-image img {
        margin-top: 88px;
        position: absolute;
    }
    #main-about-maspen .main-about-text-line {
        padding: 28px;
    }
    #main-blog {
        background-color: #F7F7F7;
        padding-top: 48px;
        padding-bottom: 48px;
    }
    #main-blog h2 {
        font-size: 22px;
        font-weight: 600;
        color: #000000;
    }
    #main-blog date {
        font-size: 16px;
        font-weight: 400;
        color: #A3A3A3;
        margin-top: 28px;
        margin-bottom: 18px;
        display: block;
    }
    #main-blog .dvm-lnk img {
        width: 24px;
    }
    #main-urunler {
        margin-top: 48px;
        padding: 14px;
    }
    .baslik-title-green {
        font-size: 15px !important;
        color: #92C801 !important;
        letter-spacing: 2px !important;
    }
    #slider-urunler .col-urunler {
        background: #E4E4E4;
        background: linear-gradient(120deg, #E8E8E8 1.84%, #FFF 100%);
        margin-bottom: 28px;
    }
    #slider-urunler .main-urun-image {
        width: 80%;
        display: block;
        margin: auto;
        padding: 48px;
    }
    #slider-urunler .urun-name-title {
        font-size: 22px;
        font-weight: 600;
        width: 50%;
    }
    #slider-urunler .urun-kategori-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #A3A3A3;
    }
    #slider-urunler .urun-arrow {
        width: 24px;
    }
    #main-urunler h4 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 28px;
    }
    #main-renk-kartelasi .main-kartela-text-line {
        padding: 18px;
        margin: auto;
    }
    #main-renk-kartelasi .main-kartela {
        margin: auto;
        padding: 28px;
    }
    .f-teklif .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 148px;
        height: 48px;
        margin-left: 8px;
    }
    .f-teklif .form-control {
        height: 48px;
        width: 68%;
        background-color: #cacaca;
        border: 0px;
    }
    .form-control:focus {
        box-shadow: unset;
    }
    .f-teklif .col {
        display: flex;
    }
    .page-inside {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .hizmet-galeri {
        width: 24%;
        margin-bottom: 18px;
    }
    .h-gallery-row {
        justify-content: space-between;
    }
    .hizmet-ozellik {
        justify-content: space-between;
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .h-ozellik {
        width: 49%;
        border: 0.4px solid #D4D7D9;
        padding: 18px;
        margin-bottom: 28px;
    }
    .projeler-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-page .projeler-page-text {
        margin: auto;
        padding-top: 48px;
    }
    .projeler-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-page .proje-list-items {
        width: 46%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 12px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-detail-page {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .projeler-detail-page .projeler-detail-page-text {
        padding: 48px;
    }
    .projeler-page-img img {

    }
    .projeler-detail-page .proje-list-items p {
        margin: 0px;
        padding-left: 10px;
        font-weight: 500;
        font-size: 16px;
        color: #2f3336;
    }
    .projeler-detail-page .proje-list-items {
        width: 46%;
        background-color: #F3F4F5;
        margin-right: 8px;
        padding: 12px;
        margin-bottom: 28px;
        display: flex;
        border-radius: 8px;
    }
    .projeler-page-row {
        margin-bottom: 28px;
    }
    .projeler-detail-page .proje-detail-items {
        width: 33%;
        background-color: #EC9404;
        margin-top: 18px;
        padding: 18px;
        margin-bottom: 28px;
        text-align: center;
    }
    .projeler-detail-page .projeler-detail-page-img .row:nth-child(2) {
        justify-content: space-between;
    }
    .projeler-detail-page .proje-detail-items .pdi1 {
        color: #ffffff;
        font-size: 38px;
        font-weight: 600;
        margin-bottom: -8px;
    }
    .projeler-detail-page .proje-detail-items .pdi2 {
        color: #ffffffbd;
        font-size: 18px;
        font-weight: 400;
    }
    .projeler-detail-page .proje-galeri {}
    .projeler-detail-page .f-gallery-row {
        justify-content: space-between;
    }
    .contact-info h1 {
        font-size: 42px;
        font-weight: 600;
    }
    .contact-us-form h1 {
        font-size: 34px;
        margin-bottom: 28px;
    }
    .contact-info p {
        margin: 0px;
        padding: 0px;
    }
    .contact-info-row .row {
        margin-bottom: 28px;
        display: block;
    }
    .contact-info-row h2 {
        font-size: 22px;
    }

    .contact-info-row {
        margin-top: 28px;
    }
    #slider-projeler {
        padding-left: 10%;
    }
    #slider-projeler .owl-item.active {}
    #slider-projeler .owl-item {}
    #slider-projeler .proje-main-text {
        margin-top: 18px;
    }
    .dropdown-item {
        background-color: #004a35;
        border-bottom: 0.4px solid #ffffff40;
        padding: 10px 38px 10px 24px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.2px;
    }
    .dropdown-item.active, .dropdown-item:active {
        background-color: #93c800;
    }
    .dropdown-menu {
        --bs-dropdown-padding-y: 0px !important;
    }
    .f-contact-text p {
        margin: 0;
    }
    h1 {
        font-size: 34px;
        font-weight: 600;
        color: #2f3336;
    }
    p {
        font-size: 16px;
        font-weight: 400;
        color: #787E84;
    }
    footer a {
        color: #ffffff;
        text-decoration: none;
    }
    footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }
    .manset-maspen {
        display: none!important;
    }
    .owl-manset-text {
        width: 100%;
        position: absolute;
        top: 6%;
        z-index: 12;
        text-align: center;
    }
    .owl-manset-text h1 {
        font-size: 22px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
        letter-spacing: -1px;
        line-height: 18px;
    }
    .owl-manset-text h2 {
        font-size: 28px;
        color: rgba(255, 255, 255, 0.60);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 300;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 16px;
        font-weight: 500;
        color: #2f3336;
        padding-right: 28px;
        border-bottom: 0.4px solid #004a3554;
        padding: 14px;
    }
    .main-amblem {
        width: 38px;
        margin: auto;
        display: flex;
    }
    #main-hizmetler {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    #main-hizmetler .col-hizmet h1 {
        position: relative;
        bottom: 128px;
        display: flex;
        padding-left: 10%;
        color: #ffffff;
        font-size: 28px;
        width: 88%;
        z-index: 16;
        font-weight: 600;
    }
    #slider-hizmet .owl-nav {
        margin-top: -48px;
        float: right;
        margin-right: 3%;
        z-index: 12;
        position: relative;
    }
    .owl-carousel .owl-nav button.owl-prev {
        margin-top: 40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        margin-top: 40px;
    }
    .col-hizmet {
        padding-right: 18px;
    }
    .teknoloji-main-text {
        width: 100%;
        position: absolute;
        top: 28%;
        z-index: 12;
    }
    .teknoloji-main-text h1 {
        font-size: 24px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
        font-weight: 700;
        line-height: 18px;
    }
    .teknoloji-main-text img {
        width: 140px;
        margin-bottom: 28px;
    }
    .main-teknoloji-right p {
        font-size: 18px;
        font-weight: 400;
        color: #619993;
    }
    .main-teknoloji-img {
        position: relative;
    }
    #main-projeler {
        margin-top: 88px;
        margin-bottom: 88px;
    }
    .inside-manset-text {
        top: 40%;
        position: absolute;
    }
    .inside-manset-text h1 {
        font-size: 24px;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: -0.4px;
        text-shadow: 0 2px 4px rgb(0 0 0 / 35%);
    }
    .maspen-logo {
        width: 180px;
    }
    .content-page {
        margin-top: 48px;
        margin-bottom: 128px;
    }
    .content-image {
        padding-left: 88px;
    }
    .f-menu-block {
        margin-top: 48px;
        margin-bottom: 48px;
        border-bottom: 0.4px solid #aecfbf;
        padding-bottom: 28px;
        justify-content: space-between;
    }
    footer {
        background-color: #004230;
    }
    .footer-p1 {
        padding-top: 28px;
    }
    .footer-p2 {
        margin-top: 48px;
        padding-bottom: 28px;
    }
    .footer-p2 p {
        color: #ffffff;
    }
    .f-copy p {
        padding: 0px;
        margin: 0px;
    }
    .f-copy {
        margin: auto;
    }
    .f-social p {
        padding: 0px;
        margin: 0px;
    }
    .f-social .fa-brands {
        font-size: 24px;
        padding-right: 28px;
    }
    .f-social .col-md-6:nth-child(2) {
        text-align: end;
    }
    .f-contact .col-md-4 {
        padding-right: 18px;
    }
    .f-contact h3 {
        font-size: 18px;
        font-weight: 500;
    }
    .footer-p3 {
        background-image: url("../images/footer-back.webp");
        background-repeat: repeat-y;
        background-size: cover;
        width: 100%;
    }
    .footer-p3 h1 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 28px;
    }
    .f-contact {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .f-teklif {
        margin-top: 48px;
        margin-bottom: 48px;
        padding-left: 48px;
    }
    .f-social {
        margin: auto;
        display: block;
        margin-top: 48px;
    }
    .f-contact-text p {
        font-size: 16px;
        font-weight: 400;
        color: #606c6b;
    }
    .f-logo img {
        width: 180px;
        margin-top: 18px;
    }
    .f-kvk {
        text-align: end;
    }
    .f-menu-block .f-menu {
        width: 76%;
        margin: auto;
    }
    .f-menu-block .main-buton-atik {
        width: 12%;
        text-align: end;
    }
    .f-menu-block .main-buton-odeme {
        width: 12%;
        text-align: end;
    }
    .f-menu {
        margin-top: 48px;
    }
    .f-menu ul {
        display: block;
        margin: 0;
    }
    .f-menu ul li {
        font-size: 18px;
        color: #337D58;
        padding: 10px;
        border-bottom: 0.4px solid #ffffff52;
    }
    /* Contact start */
    .contact-page {
        margin-top: 28px;
        margin-bottom: 18px;
    }
    .contact-us-form {
        margin-bottom: 88px;
    }
    .contact-info .contact-row {
        justify-content: space-between;
    }
    .contact-row .col-md-6 {
        width: 48%;
    }
    .location .col-md-3 {
        font-size: 18px;
        font-weight: 600;
        color: #006056;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .location .col-md-9 {
        font-size: 18px;
        font-weight: 400;
        color: #80AFAA;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .contact-page iframe {
        filter: grayscale(100%);
        margin-bottom: 28px;
    }
    .contact-us-form-info .col {
        width: 50%;
        padding-right: 12px;
        flex: auto;
        padding-bottom: 12px;
    }
    .btn-contact {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        padding-right: 28px;
        padding-left: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-radius: 8px;
        background: #EC9404;
        border: none;
        min-width: 180px;
    }
    .form-check-label {
        font-size: 12px;
        margin-bottom: 48px;
    }
    /* Contact end */
}