html, body {
    position: relative;
    /*height: 100%;*/
    color: #333333;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    font-family: 'Gotham';
    font-weight: 400;
    background-color: #ffffff;
}


.btn.focus, .btn:focus, button:focus {
    outline: 0;
    box-shadow: none;
}


textarea.form-control {
    resize: none;
}

.form-control:focus {
    color: #abaac7;
    background-color: #fff;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.bg-light-gray {
    background-color: #f6f6f6;
}

.bg-mor {
    background-color: #782b90;
}

.btn-mor {
    color: #fff;
    background-color: #782b90;
    border-color: #c200fe;
}

    .btn-mor:hover {
        color: #782b90;
        background-color: #ffffff;
        border-color: #c200fe;
    }


.default-slider {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 1;
    padding: 0px 0px 0px 0px;
    background-image: url('../../../images/slider/slider-bg.jpg');
    background-size: cover;
    background-position: center bottom;
}

    .default-slider .swiper-slide {
        width: 100%;
    }

        .default-slider .swiper-slide img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

.slider-filter:after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.30);
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}

.slider-content-gen {
    position: absolute;
    height: auto;
    width: 100%;
    top: 52%;
    left: 0;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    z-index: 5;
}

.slider-content h1 {
    font-size: 50px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 0;
}

.slider-content p {
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    margin-top: 20px;
}


.swiper-pagination-gen {
    position: absolute;
    bottom: 100px;
    z-index: 2;
}


.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: auto;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    opacity: 1;
    margin: 0 4px;
}

.swiper-pagination-bullet-active {
    background-color: #782b90;
    border: 1px solid #c200fe;
}






.gen-header {
    position: absolute;
    width: 100%;
    z-index: 3;
    margin-top: 6px;
}



    .gen-header .navbar-light .navbar-nav .nav-link {
        color: #ffffff;
        font-size: 13px;
        font-weight: 500;
        /*width: 120px;*/
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        padding-top: .35rem;
        padding-bottom: .35rem;
    }

        .gen-header .navbar-light .navbar-nav .nav-link:focus, .gen-header .navbar-light .navbar-nav .nav-link:hover {
            color: #ffffff;
        }

        .gen-header .navbar-light .navbar-nav .active > .nav-link, .gen-header .navbar-light .navbar-nav .nav-link.active, .gen-header .navbar-light .navbar-nav .nav-link.show, .gen-header .navbar-light .navbar-nav .show > .nav-link {
            color: #ffffff;
        }

    .gen-header .navbar-light .navbar-nav .active:after {
        position: relative;
        content: "";
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        display: block;
        bottom: -47px;
    }

.btn-menu {
    border: 2px solid #ffffff;
    position: relative;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.18), 0px 0px 5px 2px rgba(0, 0, 0, 0.12);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

    .btn-menu:hover {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

.navbar-nav li {
    margin-right: 20px;
}

    .navbar-nav li:last-child {
        margin-right: 0px;
    }

.btn-menu .nav-link::before {
    position: absolute;
    left: 50%;
    top: 2px;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    content: "";
    width: 86%;
    height: 11px;
    border-radius: 11px;
}

.btn-menu .nav-link::after {
    position: absolute;
    left: 50%;
    bottom: 1px;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    content: "";
    width: 80%;
    height: 1px;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.18);
    border-radius: 11px;
}

.anasayfa-btn {
    background: rgb(217,0,213);
    background: -moz-radial-gradient(circle, rgba(217,0,213,1) 10%, rgba(140,23,138,1) 70%);
    background: -webkit-radial-gradient(circle, rgba(217,0,213,1) 10%, rgba(140,23,138,1) 70%);
    background: radial-gradient(circle, rgba(217,0,213,1) 10%, rgba(140,23,138,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d900d5",endColorstr="#8c178a",GradientType=1);
}

    .anasayfa-btn .nav-link::before {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(227,168,255,0.700717787114846) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(227,168,255,0.700717787114846) 100%);
        background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(227,168,255,0.700717787114846) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#e3a8ff",GradientType=1);
    }

.kakkimizda-btn {
    background: rgb(62,0,255);
    background: -moz-radial-gradient(circle, rgba(62,0,255,1) 10%, rgba(46,0,163,1) 70%);
    background: -webkit-radial-gradient(circle, rgba(62,0,255,1) 10%, rgba(46,0,163,1) 70%);
    background: radial-gradient(circle, rgba(62,0,255,1) 10%, rgba(46,0,163,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e00ff",endColorstr="#2e00a3",GradientType=1);
}

    .kakkimizda-btn .nav-link::before {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(217,127,255,0.5046393557422969) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(217,127,255,0.5046393557422969) 100%);
        background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(217,127,255,0.5046393557422969) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#d97fff",GradientType=1);
    }

.urunlerimiz-btn {
    background: rgb(0,186,0);
    background: -moz-radial-gradient(circle, rgba(0,186,0,1) 10%, rgba(0,114,0,1) 70%);
    background: -webkit-radial-gradient(circle, rgba(0,186,0,1) 10%, rgba(0,114,0,1) 70%);
    background: radial-gradient(circle, rgba(0,186,0,1) 10%, rgba(0,114,0,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ba00",endColorstr="#007200",GradientType=1);
}

    .urunlerimiz-btn .nav-link::before {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(165,255,86,0.5018382352941176) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(165,255,86,0.5018382352941176) 100%);
        background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(165,255,86,0.5018382352941176) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#a5ff56",GradientType=1);
    }

.promosyon-btn {
    background: rgb(162,192,0);
    background: -moz-radial-gradient(circle, rgba(162,192,0,1) 10%, rgba(104,123,0,1) 70%);
    background: -webkit-radial-gradient(circle, rgba(162,192,0,1) 10%, rgba(104,123,0,1) 70%);
    background: radial-gradient(circle, rgba(162,192,0,1) 10%, rgba(104,123,0,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a2c000",endColorstr="#687b00",GradientType=1);
}

    .promosyon-btn .nav-link::before {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,242,158,0.5018382352941176) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,242,158,0.5018382352941176) 100%);
        background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,242,158,0.5018382352941176) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#fff29e",GradientType=1);
    }

.referanslar-btn {
    background: rgb(255,192,0);
    background: -moz-radial-gradient(circle, rgba(255,192,0,1) 10%, rgba(255,121,0,1) 70%);
    background: -webkit-radial-gradient(circle, rgba(255,192,0,1) 10%, rgba(255,121,0,1) 70%);
    background: radial-gradient(circle, rgba(255,192,0,1) 10%, rgba(255,121,0,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc000",endColorstr="#ff7900",GradientType=1);
}

    .referanslar-btn .nav-link::before {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,236,137,0.4962359943977591) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,236,137,0.4962359943977591) 100%);
        background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,236,137,0.4962359943977591) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffec89",GradientType=1);
    }

.iletisim-btn {
    background: rgb(255,78,78);
    background: -moz-radial-gradient(circle, rgba(255,78,78,1) 10%, rgba(182,0,0,1) 70%);
    background: -webkit-radial-gradient(circle, rgba(255,78,78,1) 10%, rgba(182,0,0,1) 70%);
    background: radial-gradient(circle, rgba(255,78,78,1) 10%, rgba(182,0,0,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff4e4e",endColorstr="#b60000",GradientType=1);
}

    .iletisim-btn .nav-link::before {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(182,0,0,1) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(182,0,0,1) 100%);
        background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(182,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#b60000",GradientType=1);
    }



.banner-contact a {
    color: #333333;
}

    .banner-contact a:hover {
        color: #782b90;
    }

.banner-contact .phone, .banner-contact .mail, .banner-contact .dil {
    font-size: 12px;
    font-weight: 500;
}

    .banner-contact .phone i, .banner-contact .mail i, .banner-contact .dil i {
        color: #782b90;
        margin-right: 6px;
        font-size: 14px;
    }


.banner-contact .mail {
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
}

.footer-top h1 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 0px;
}

    .footer-top h1 b {
        font-weight: 600;
    }

.footer-bottom h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #ffffff;
}

.footer-blog ul li {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 12px;
    color: #ffffff;
}

    .footer-blog ul li a {
        color: #ffffff;
    }

        .footer-blog ul li a:hover {
            color: #d5d5d5;
        }




.adres-footer li {
    position: relative;
    padding-left: 70px;
}



    .adres-footer li b {
        position: absolute;
        width: 70px;
        left: 0;
        top: 0;
        font-size: 13px;
        font-weight: 500;
        color: #ffffff;
    }

    .adres-footer li i {
        font-weight: 500;
        font-style: normal;
    }

.footer-social ul li {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 6px;
    background-color: #ffffff;
    color: #782b90;
    text-align: center;
    line-height: 36px;
    border: 1px solid rgb(217,0,213);
    margin-bottom: 6px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

    .footer-social ul li a {
        color: #782b90;
        font-size: 18px;
        display: block;
    }



    .footer-social ul li:hover {
        background-color: transparent;
        border: 1px solid rgb(217,0,213);
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

        .footer-social ul li:hover a {
            color: #ffffff;
        }

.copyright {
    font-size: 13px;
    font-weight: 400;
    color: #333333;
}

    .copyright a {
        color: #782b90;
    }


        .copyright a:hover {
            color: rgb(217,0,213);
        }





.page-title h1 {
    font-size: 50px;
    font-weight: 600;
    font-style: italic;
    color: #ffffff;
}

    .page-title h1:before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 80px;
        height: 4px;
        background-color: #ffffff;
        top: 0px;
        margin-left: 18px;
        -moz-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg);
    }

.page-title-mor h1 {
    font-size: 50px;
    font-weight: 600;
    font-style: italic;
    color: #782b90;
}

    .page-title-mor h1:before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 80px;
        height: 4px;
        background-color: #782b90;
        top: 0px;
        margin-left: 18px;
        -moz-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        -o-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
        transform: skewX(-20deg);
    }

.urunler-card .card {
    border: none;
    background-color: #f6f6f6;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

    .urunler-card .card img {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .urunler-card .card .card-body .card-title {
        font-size: 20px;
        font-weight: 500;
        color: #782b90;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        text-transform: uppercase;
    }

    .urunler-card .card:hover {
        background-color: #782b90;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

        .urunler-card .card:hover img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invet(1);
            -webkit-transition: 0.3s ease-in-out;
            -moz-transition: 0.3s ease-in-out;
            -ms-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
        }

        .urunler-card .card:hover .card-body .card-title {
            color: #ffffff;
            -webkit-transition: 0.3s ease-in-out;
            -moz-transition: 0.3s ease-in-out;
            -ms-transition: 0.3s ease-in-out;
            -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
            text-transform: uppercase;
        }


.hakkimizda-content p {
    font-size: 20px;
    font-weight: 400;
}

    .hakkimizda-content p b {
        color: #782b90;
        font-weight: 500;
    }

.shadow-box {
    box-shadow: -17px 29px 27.84px 4.16px rgba(0, 0, 0, 0.14);
}



.page-banner-container {
    position: relative;
    height: 246px;
}

    .page-banner-container img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }



.breadcrumb {
    padding: .75rem 0px;
    margin-bottom: 1rem;
    background-color: transparent;
    border-radius: 0px;
    color: #ffffff;
}

.breadcrumb-item {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0,5px;
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #f1f6ff;
        content: "/";
    }

    .breadcrumb-item.active {
        color: #f1f6ff;
    }


    .breadcrumb-item a {
        color: #ffffff;
        padding-bottom: 2px;
    }

        .breadcrumb-item a:hover {
            color: #d5d5d5;
        }

.iletisim-title h2 {
    margin-bottom: 30px;
    color: #782b90;
    font-size: 22px;
    display: inline-block;
    border-bottom: 2px solid #782b90;
}


.iletisim-box > .adres-footer b {
    color: #782b90;
}

.iletisim-box > .adres-footer {
    font-size: 14px;
    color: #333333;
}

    .iletisim-box > .adres-footer a {
        color: #333333;
    }

        .iletisim-box > .adres-footer a:hover {
            color: #782b90;
        }

.iletisim .form-control {
    border: 1px solid #782b90;
    color: #333333;
}

    .iletisim .form-control:focus {
        color: #333333;
        background-color: #fff;
        border-color: rgb(217,0,213);
        outline: 0;
        box-shadow: none;
    }

.captch-img {
    height: 42.25px;
    text-align: center;
}

    .captch-img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.square {
    background-color: #f6f6f6;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .square:hover {
        background-color: #ffffff;
    }

    .square::before {
        display: block;
        content: '';
        padding-top: 100%;
    }



.content-hakkimizda img[style*="float: left;"] {
    margin-right: 30px;
}

.content-hakkimizda img[style*="float: right;"] {
    margin-left: 30px;
}

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

    .content-hakkimizda p b {
        font-weight: 500;
        color: #782b90;
    }

.urunler-content h1 {
    font-size: 30px;
    color: #782b90;
}

.urunler-content a {
    color: #782b90;
}

    .urunler-content a:hover {
        color: rgb(217,0,213);
    }

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

    .urunler-content p b {
        font-weight: 500;
        color: #782b90;
    }

.urunler-content ul {
    padding-left: 18px;
    list-style: none;
    font-size: 15px;
}

    .urunler-content ul li:before {
        content: "";
        position: absolute;
        display: inline-block;
        left: 18px;
        margin-top: 10px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #782b90;
    }


.urun-menu h2 {
    padding-bottom: 8px;
    margin-bottom: 16px;
    color: #782b90;
    font-size: 30px;
    font-weight: 500;
    border-bottom: 1px solid rgba(120, 43, 144, 0.30);
}

.urun-menu ul li {
    margin-bottom: 2px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 500;
}

    .urun-menu ul li a {
        display: block;
        background-color: #f6f6f6;
        color: #782b90;
    }

        .urun-menu ul li a img {
            height: 40px;
            margin-right: 15px;
            border-right: 1px solid rgba(120, 43, 144, 0.30);
            padding-right: 0px;
        }

        .urun-menu ul li a:hover {
            background-color: #782b90;
            color: #ffffff;
        }

            .urun-menu ul li a:hover img {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invet(1);
            }

    .urun-menu ul li.active a {
        background-color: #782b90;
        color: #ffffff;
    }

        .urun-menu ul li.active a img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invet(1);
        }

.mobil-menu-urun .mobil-blog a {
    background-color: #782b90;
    color: #ffffff;
}

    .mobil-menu-urun .mobil-blog a img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invet(1);
    }

    .mobil-menu-urun .mobil-blog a i {
        float: right;
        line-height: 50px;
        margin-right: 15px;
    }







* {
}

@media (max-width: 1399.98px) {
    .navbar-nav li {
        margin-right: 10px;
    }
      .gen-header .navbar-light .navbar-nav .nav-link {
        color: #ffffff;
        font-size: 12px;
        font-weight: 500;
        /*width: 120px;*/
        padding-left: 8px;
        padding-right: 8px;
        text-align: center;
        padding-top: .35rem;
        padding-bottom: .35rem;
    }
}

@media (max-width: 1199.98px) {


    .gen-header .navbar-collapse {
        bottom: -100%;
        left: 0px;
        position: fixed;
        right: 0px;
        background-color: #782b90;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        z-index: 5;
        overflow: auto;
    }

        .gen-header .navbar-collapse.show {
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            background-color: #782b90;
            z-index: 5;
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            -ms-transition: 0.2s ease-in-out;
            -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
            overflow: auto;
        }

    body.disable-scroll {
        overflow: hidden;
    }

    .gen-header .navbar-nav .dropdown-item {
        font-size: 14px;
    }


    .gen-header .navbar-nav {
        position: absolute;
        top: 100px;
        left: 100px;
        transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        padding-top: 0px;
    }

    #nav-icon4.open {
        position: fixed;
        right: 30px;
        top: 30px;
    }

    .gen-header .navbar-light .navbar-nav .nav-item {
        margin-bottom: 15px;
        margin-right: 0px;
    }

    .gen-header .navbar-light .navbar-nav .nav-link {
        color: #ffffff;
        font-size: 20px;
        font-weight: 500;
        padding-left: 1rem;
        padding-right: 1rem;
        width: auto;
    }

        .gen-header .navbar-light .navbar-nav .nav-link:focus, .gen-header .navbar-light .navbar-nav .nav-link:hover {
            color: #ffffff;
        }

        .gen-header .navbar-light .navbar-nav .active > .nav-link, .gen-header .navbar-light .navbar-nav .nav-link.active, .gen-header .navbar-light .navbar-nav .nav-link.show, .gen-header .navbar-light .navbar-nav .show > .nav-link {
            color: #ffffff;
        }

    .gen-header .navbar-light .navbar-nav .active:after {
        display: none;
    }

    .slider-content h1 {
        font-size: 36px;
    }

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

    .page-banner-container {
        height: 200px;
    }
}

@media (max-width: 991.98px) {

    /*.default-slider {
        height: 500px;
    }*/

    .slider-content-gen {
        top: 58%;
    }

    .slider-content h1 {
        font-size: 36px;
    }

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

    .navbar-brand img, .yil-icon img {
        height: 50px;
    }

    .page-banner-container {
        height: 150px;
    }

    .page-title-mor h1, .page-title h1 {
        font-size: 40px;
    }


    .urun-menu .show ul li.active a {
        background-color: rgba(120, 43, 144, 0.66);
        color: #ffffff;
    }
}

@media (max-width: 767.98px) {

    .slider-content h1 {
        font-size: 30px;
    }

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

@media (max-width: 575.98px) {

    .slider-content h1 {
        font-size: 26px;
    }

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

    .page-title-mor h1, .page-title h1 {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .gen-header .navbar-nav {
        left: 50px;
    }

    .navbar-brand img, .yil-icon img {
        height: 40px;
    }
}

@media (max-width: 415px) {
}

@media (max-width: 382px) {
    .navbar-brand img, .yil-icon img {
        height: 30px;
    }
}

@media (max-width: 374px) {
}