@media(max-width:414px) {
    body {
        font-size: 13px
    }

    
    .logo {
        top: 30px;
        left: 30px;
    }

        .logo img {
            width: 140px;
        }

    .menu-bar {
        height: 35px;
        top: 53px;
        right: 95px;
    }

    .page .body .menu-bar {
        top: 42px;
    }
    .page .body .main {
        margin-top: 224px;
    }
    .menu-icon {
        top: 37px; 
    }

    .arama-alani {
        padding: 50px;
    }
    .aramabtn {       
        width: 100% !important;
    }
    .m-mt-30 {
        margin-top: 30%;
    }
    .header-bg {
        position: fixed;
        display:block !important;
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
        background-color: #D3B26E;
        height: 80px;
    }

    .mobil-menu-area {
        padding: 0;
        overflow: hidden;
        left: 0;
        width: 0;
        transition: all .4s;
    }

        .mobil-menu-area.show {
            padding: 130px;
            width: 100%;
        }

    .mobilMenu {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
        transition: all .4s;
    }

        .mobilMenu li {
            list-style-type: none;
            text-align: center;
            padding: 14px 0;
            transition: all 0.3s;
        }

            .mobilMenu li a {
                color: #525252;
                font-size: 20px;
                text-align: center;
                padding-bottom: 3px;
                transition: all 0.3s;
            }

                .mobilMenu li a:hover {
                    border-bottom: 1px solid #525252;
                    text-decoration: none;
                }

                .mobilMenu li a.active {
                    border-bottom: 1px solid #525252;
                }

    .menu-kapat {
        top: 50px;
        right: 42px;
        opacity: 0;
        transition: all 3s;
        transition-delay: .3s;
    }

    .mobil-menu-area.show .menu-kapat {
        opacity: 1;
    }
    .p-slide-container {
        height: auto;
        padding: 15px 35px 0 35px !important;
        border-top: 2px solid rgba(255,255,255,0.1);
    }

    .slider-product-image {
        margin: auto;
        margin-top: 25px;
        width: 40% !important;
    }

        .slider-product-image.m-w-75 {
            width: 75% !important;
        }

    .slider-product-btn {
        margin-top: 25px;
    }

    .owl-carousel .owl-nav {
        bottom: 70px;
        position: absolute;
        width: 100%;
        margin-top: 0;
        transform: translate3d(0,-50%,0);
        z-index: 9999;
    }

    .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next {
        left: auto;
        right: 40px;
    }

    .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev {
        left: auto;
        right: 105px;
    }

    .custom-dots-position .owl-dots {
        top: auto !important;
        bottom: 42px;
        left: 0 !important;
        transform: translate3d(0px, 0px, 0px);
    }   
}
@media(max-width:575px) {
    body {
        font-size: 13px
    }
    .page .body .main {
        margin-top: 224px;
    }
}

@media (max-width:767px){
    body {
        font-size: 13px
    }
    .pl-xs-15 {padding-left:15px !important}
    .pl-xs-0 {padding-left:0px !important}
    .pr-xs-0 {padding-right:0px !important}
    .text-xs-center {text-align:center !important;}
    .mt-xs-15 {margin-top:15px !important}
    .py-xs-3 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .page .container, .page .container-fluid, .page .container-lg, .page .container-md, .page .container-sm, .page .container-xl {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .logo {
        position:fixed !important;
        width:100%;
        text-align:center;
        top: 7px;
        left:0;
    }

        .logo img {
            width: 200px;
        }

    .page .logo {
        top: 10px;
    }

    .menu-bar {
        position:fixed !important;
        height: 35px;
        top: 42px;
        right: 30px;
    }
    .page .body .menu-bar {
        top: 42px;
    }
    .page .body .main {
        margin-top: 95px;
    }
    .menu-icon {
        position:fixed !important;
        top: 30px;
        left: 30px;
    }

    .arama-alani {
        padding: 50px;
    }

    .main
    {
        padding-left:15px;
        padding-right:15px;
    }

    .m-mt-30 {
        margin-top: 30%;
    }

    .p-slide-container {
        height: auto;
        padding: 25px 35px 0 35px !important; 
    }

    .slider-product-image {
        margin: auto;
        margin-top: 25px;
        width: 40% !important;
    }

        .slider-product-image.m-w-75 {
            width: 75% !important;
        }

    .slider-product-btn {
        margin-top: 25px;
    }

    .owl-carousel .owl-nav {
        bottom: 70px;
        position: absolute;
        width: 100%;
        margin-top: 0;
        transform: translate3d(0,-50%,0);
        z-index: 9999;
    }

    .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next {
        left: auto;
        right: 40px;
    }

    .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev {
        left: auto;
        right: 105px;
    }

    .custom-dots-position .owl-dots {
        top: auto !important;
        bottom: 42px;
        left: 0 !important;
        transform: translate3d(0px, 0px, 0px);
    }
    .istoc-bg {
        background: url(../upload/anasayfa/istoc-mobil.webp) no-repeat center center;
        background-size: cover;
        min-height: 180px;
    }
    .istoc-sol {
        height: auto;
    }

        .istoc-sol h2 {
            margin-top: 23px !important;
            margin-bottom: 15px !important;
        }
    .istoc-sag {
        height: auto;
        padding-bottom:23px;
    }
    .plr-xs-0 {padding-left:0 !important; padding-right:0 !important;}
    .mt-xs-15 {margin-top:15px !important;}
    .mb-xs-15 {margin-bottom:15px !important;}
    .mt-xs-30 {margin-top:30px !important;}

    .katalog {margin-top:15px !important;}
    .main-contact-line {display:none;}
    .thumb-info .thumb-info-wrapper:after {
      
        top: 50px;
        
    }
    .page .thumb-info .thumb-info-title {       
        font-weight: 500;
        left: 20px;       
        font-size: 15px;
        line-height: 20px;      
    }
    .senleniyor {       
        padding-left: 25px !important; 
    }
        .senleniyor .sol .title {          
            font-size: 23px !important;
        }
    .anasayfa-aciklama {
        height: 500px; 
    }

    .sol-menu-mobil {
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        background-color: #000;
    }
        .sol-menu-mobil li {
            list-style-type: none;
            display: inline-flex;
            margin: 0;
            padding: 0;
            width: 24.2%;
        }
            .sol-menu-mobil li a {
                background-color: #fff;
                padding: 5px;
                margin: 0px 0px 5px 0px;
                text-align: center;
                line-height: 15px;
                font-size: 10px;
                width: 100%;
               /* height: auto;
                min-height: 95px;*/
            }
            .sol-menu-mobil li a img{
               display:block;
               margin:auto;
               margin-bottom:5px;
            }
    .product-details-div { 
        height: 360px !important;
    }
    .product-details-right {        
        height: 260px !important;
    }
    .page h1 {
        font-size: 15px; 
    }
}