.blog-date {
    display: none;
}
#main-menu{
    background: var(--site-header-color);
    border: none;
}
.loader-mask{
    background-color: var(--site-header-color);
}

#blog-list .custom-col a, 
#blog-list .swiper-slide a, 
#product-list .product-wrapper{    
    display: block;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all .4s;
}
.blog-content-wrapper,
.product-content-wrapper {
    padding: 20px 15px;
    position: relative;
    z-index: 2;
}
.blog-title,
#product-list .col-md-3 .product-wrapper .product-title {
    margin-top: 0;
    padding: 0px !important;
}
.blog-title .weta-icerik-tag,
.product-list .weta-icerik-tag {
    font-size: 16px !important;
    min-height: 40px;
}
.blog-content-wrapper .btn,
.parallax-description .btn,
.weta-slider-buttons .btn,
#submitButton,
.weta-description .btn,
.product-content-wrapper .btn{
    border-radius: 50px;
}
.weta-slider-buttons .btn::after,
.blog-content-wrapper .btn::after,
.parallax-description .btn::after,
.weta-description .btn::after,
#submitButton::after,
.product-content-wrapper .btn::after{
    content: '\f061';
    font-family: 'FontAwesome';
    margin-left: 10px;
}
#blog-list .blog-image{ 
    overflow: hidden;
}
#blog-list .blog-image img{
    transition: all .4s;
}
#blog-list .custom-col:hover .blog-image img,
#blog-list .swiper-slide:hover .blog-image img,
#product-list .custom-col:hover .product-image img{
    transform: scale(1.07);
}
#blog-list .custom-col:hover a,
#blog-list .swiper-slide:hover a,
#product-list .product-wrapper:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.blogs{
    display: none;
}
.footer-title{
    font-weight: 700 !important;
}
#footer-social-media li{
    width: 45px;
    height: 45px;
}
#footer-social-media li a {
    background-color: var(--site-footer-color);
    border: 2px solid #fff;
}
#footer-social-media li span {
    color: #fff !important;
    font-size: 20px !important;
}
.weta-parallax-tag{
    font-weight: 700 !important;
}
.blogDetail .col-lg-8,
.blogDetail .col-lg-4{
    margin-top: 0px !important;
}
.blogDetail .col-lg-8 img{
    max-height: 430px !important;
}
.page-breadcrumb {
    height: 300px;
    background: linear-gradient(180deg, rgba(32, 40, 45, 0.1) 0%, rgba(255, 255, 255, 0.1) 96.54%) !important;
}
.page-breadcrumb .relative-title .page-name span{
    color: #000 !important;
}
.form-section .row{
    justify-content: space-between;
}
.form-section .rexa-content,
.form-section .contact-form{
    width: 49%;
    padding: 40px 60px;
    border-radius: 20px;
}


.form-section .contact-form{
    border: 1px solid rgba(32, 40, 45, 0.2);
}

.form-section .rexa-content{
    background-color: var(--site-footer-color);
}
.form-section .rexa-content *{
    color: #fff !important;
}
.contact-oge p{
    display: flex;
    align-items: center;
    padding: 0px !important;
}
.contact-oge p span{
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff !important;
    border-radius: 50%;
    margin-right: 10px;
}
.form-section .rexa-content .contact-oge p span i{
    color: var(--site-footer-color) !important;
    margin: 0px !important;
}

@media(min-width:768px){
    .section-header,
    .section-header .col-lg-3{
        height: 100px;
    }
    .section-header .logo img{
        max-height: 70px !important;
    }
    .section-header #navigation > ul > li, .lang-menu > ul > li{
        line-height: 100px;
    }
    .section-header.fixed #navigation > ul > li{
        line-height: 75px !important;
    }
    .section-header.fixed .col-lg-3{
        height: 75px;
    }
    .section-header.fixed .logo img{
        max-height: 65px !important;
    }
}

@media(max-width:768px){
    .menu-click span{
        background: #fff !important;
    }
    #navigation{
        background-color: var(--site-header-color) !important;
    }
    .weta-parallax-tag{
        font-size: 34px !important;
    }
    #blog-section-1 .custom-col{
        width: 100% !important;
    }
    .blogDetail .card-body.p-4{
        padding: 0px !important;
    }
    .weta-icerik-tag{
        font-size: 35px !important;
    }
    .productDetail .weta-icerik-tag{
        font-size: 30px !important;
    }
    .form-section .rexa-content, .form-section .contact-form{
        width: 100% !important;
        padding: 40px 30px !important;
    }
}