.main-banner .left-content .inner-content h4 {
    /*text-shadow: 2px 2px 5px #3c3838;*/
    text-shadow: 2px 2px 5px black, 0 0 1em black, 0 0 0.2em black
}

.main-banner .left-content .inner-content span {
    /*text-shadow: 2px 2px 5px #3c3838;*/
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
    font-size: 20px;
}

.main-banner .right-content .right-first-image .thumb .inner-content h4 {
    /*text-shadow: 2px 2px 5px #3c3838;*/
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}

.main-banner .right-content .right-first-image .thumb .inner-content span {
    /*text-shadow: 2px 2px 2px #3c3838;*/
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}

.main-banner {
    padding-top: 140px;
}

/*html {
    scroll-behavior: smooth;
}*/

/* 
---------------------------------------------
Submenu
--------------------------------------------- 
*/
@media (max-width:767px) {
    .subol {
        display: none;
    }

    .subsubol {
        display: none;
    }
}

@media (min-width:767px) {
    .subsubmenu > ol {
        margin-left: 200px;
        margin-top: -40px;
        width: 200px;
        position: absolute;
        opacity: 0;
        z-index: -1
    }

    ul {
        overflow: visible !important;
    }

    .subsubmenu:hover > ol {
        opacity: 1;
        z-index: 1;
    }

    .subsubsubmenu > ol {
        margin-left: 200px;
        margin-top: -40px;
        width: 200px;
        position: absolute;
        opacity: 0;
        z-index: -1
    }

    .subsubsubmenu:hover > ol {
        opacity: 1;
        z-index: 1;
    }
}

/* 
---------------------------------------------
Submenu End
--------------------------------------------- 
*/


/* 
---------------------------------------------
Hakkımızda
--------------------------------------------- 
*/
.about-us {
    margin-top: 0px;
}

#hakkimizda .section-heading {
    margin-bottom: 40px;
}

.about-us .right-content p {
    margin-top: 10px;
}

.about-us .center-content h4 {
    font-size: 34px;
    font-weight: 700;
    color: #2a2a2a;
}

.about-us .center-content p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #aaaaaa;
    display: block;
}

.about-us .lefth-content h4 {
    font-size: 34px;
    font-weight: 700;
    color: #2a2a2a;
}

.about-us .lefth-content p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #aaaaaa;
    display: block;
}

.about-us .left2-image img {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

.about-us .left3-image img {
    width: 100%;
    overflow: hidden;
}

.about-us .left4-image img {
    width: 100%;
    overflow: hidden;
}

@media (min-width:767px) {
    .about-us .left-image img {
        /*height: 439px;*/
        /*height: 370px;*/
        height: 395px;
    }

    .about-us .left2-image img {
        /*height: 280px;*/
        /*margin-top:10px;*/
    }

    .about-us .left3-image img {
        height: 270px;
    }

    .about-us .left4-image img {
        /*height: 394px;*/
        height:420px;
    }
}




.main-border-button a {
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
    font-size: 20px;
    border: 2px solid #fff;
}

    .main-border-button a:hover {
        text-shadow: none;
    }

#ekatalog .item .thumb:hover .hover-content {
    bottom: 50%;
}

#ekatalog .item .thumb .hover-content ul li a {
    width: 150px;
}

#dogaltas .item .thumb:hover .hover-content {
    bottom: 50%;
}

#dogaltas .item .thumb .hover-content ul li a {
    width: 150px;
}

/*#kuvars .item .thumb:hover .hover-content {
    bottom: 65%;
}*/

#kuvars .item .thumb .hover-content ul li a {
    width: 150px;
}

/*#porselen .item .thumb:hover .hover-content {
    bottom: 50%;
}*/

#porselen .item .thumb .hover-content ul li a {
    width: 150px;
}

/*#aksesuar .item .thumb:hover .hover-content {
    bottom: 50%;
}*/

#aksesuar .item .thumb .hover-content ul li a {
    width: 150px;
}

.contact-us form button {
    width: 100px;
    margin-bottom: 10px;
}

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

    .contact-us .section-heading {
        margin-bottom: 10px;
    }



/* 
---------------------------------------------
Navigate Buttons
--------------------------------------------- 
*/
.prevbtn {
    left: 10px;
}

.nextbtn {
    right: 10px;
}

.navigate-buttons {
    /*margin-top: 20px;*/
    display: flex;
    justify-content: center;
}

    .navigate-buttons a {
        color: #fff;
        display: inline-block;
        font-weight: 500;
        transition: all .3s;
        text-shadow: 1px 1px 2px black, 0 0 0.1em black, 0 0 0.2em black;
        font-size: 20px;
        position: absolute;
    }

        .navigate-buttons a:hover {
            text-shadow: none;
            background-color: #fff;
            color: #2a2a2a;
        }


    /* 
---------------------------------------------
İletişim
--------------------------------------------- 
*/

    .contact-us .contact-form textarea {
        width: 100%;
        line-height: 22px;
        padding: 0px 15px;
        font-size: 14px;
        font-style: italic;
        font-weight: 500;
        color: #aaa;
        border-radius: 0px;
        border: 1px solid #7a7a7a;
        box-shadow: none;
    }

    .subscribe ul li span, .subscribe ul li span a {
        color: #848383;
    }


    /* 
---------------------------------------------
Referanslar
--------------------------------------------- 
*/

    #referanslar .card {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        /*width: 200px;*/
        width:90%;
        margin-bottom: 40px;
    }
        #referanslar .card:hover {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.9);
        }

#referanslar .card-container {
    /*padding: 2px 16px;*/
}

#referanslar .card-text-container {
    background: #ececec;
}

    #referanslar .card-text-container h4, p {
        margin-left: 10px;
        color: #2a2a2a;
    }

    #referanslar .card-text-container p {
        color: #8c8c8c;
    }
@media (max-width:767px) {
    #referanslar .card {
        width: 100%;
    }
    #referanslar .card-text-container h4 {
        font-size: 18px;
    }
    
}