@media screen and (min-width:1920px){

}
@media (min-width:1600px) and (max-width:1920px){
	

}
@media (min-width:1440px) and (max-width:1600px){

}
@media (min-width:1280px) and (max-width:1440px){

}
@media (min-width:1024px) and (max-width:1281px){

}
@media (min-width:768px) and (max-width:1024px){
	
}
@media (max-width:768px){
    .header {
                padding: 10px 15px;
        background: none;
        border: none;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 80px;
        z-index: 99;
    }
	.slider {
        margin-top: 0px;
        padding: 0px;
    }
    .carousel-inner {
        border-radius: 0px;
    }
    .menu-button>.btn.btn-default{
        padding:0px;
        height:48px;
        width:48px;
    }
    .menu-button>.btn.btn-default>i{
        margin:0px;
    }
    .search .btn.btn-default{
        padding:0px;
        height:48px;
        width:48px;
    }
    .search .btn.btn-default>i{
        margin:0px;
    }
    .lang .btn.btn-default{
        padding:0px;
        height:48px;
        width:48px;
    }
    .menu {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100vw;
        height: 100vh;
        z-index: 99;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition: opacity 500ms ease, visibility 0s 500ms;
    }
    .menu.open {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transition: opacity 500ms  ease, visibility 0s 0s;
    }
    .menu.open>.right-menu {
        transform: translateX(0%);
    }
    .menu>.right-menu {
        position: fixed;
        left: 0px;
        width: calc( 100% - 72px );
        background-color: white;
        height: 103vh;
        overflow-y: auto;
        padding: 16px;
        transform: translateX(-100%);
        transition: transform 500ms ease;
        transition-delay: 0s;
    }
    .menu>button.btn.btn-close {
        position: absolute;
        z-index: 2;
        top: 16px;
        right: 16px;
        display: flex;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        background-color: #e68801;
        opacity: 1;
        font-size: 14px;
        color: black;
        outline: none;
        box-shadow: none;
        transform: translateY(-120%);
        transition: transform 500ms ease;
    }
    .menu.open>button.btn.btn-close {
        transform: translateY(0%);
    }
    ul.menu-contact>li>a.copyAddress{
        font-size:18px;
        margin-left:10px;
        width:30px;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: all 300ms ease;
    }
     ul.menu-contact>li>a.copyAddress:hover{
        color:#e68801;
    }
    ul.mobile-home{
        display: flex;
        flex-direction: column;
        width:100%;
        list-style: none;
        margin:0px;
        padding:0px;
    }
    ul.mobile-home>li{
        display: flex;
        width:100%;
    }
    ul.mobile-home>li>a{
        display: flex;
        color:#111111;
        align-items: center;
        padding: 19px 20px 19px 24px;
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
        background-color: white;
        border-radius: 8px;
        margin-bottom: 8px;
        border: 1px solid #E0E0E0;
        box-shadow: 0 4px 4px rgba(0,0,0,.05);
        word-wrap: anywhere;
        -webkit-hyphens: auto;
        hyphens: auto;
        white-space: normal;
        width:100%;
        text-decoration: none;
        justify-content: space-between;
    }
    ul.mobile-home>li>a>i{
        font-size:18px;
        color:#111;
    }
    .left-menu {
         position: -webkit-sticky; /* Safari için */
        position: sticky;
        
        /* !!! ANAHTAR NOKTA BURASI !!! */
        /* Üstteki navbar'ınızın yüksekliği ne kadarsa o değeri girin */
        top: 2px; 
        
        /* Bootstrap 'row' (flex container) içinde düzgün çalışması için */
        align-self: flex-start;
        background-color: white;
    }
    .mobile-header{
        position:relative;
        border-bottom:1px solid #E0E0E0;
    }
    .dropdown-menu.search-area {
        position:fixed;
        right: 0px !important;
        left: 0px !important;
        width: 100vw;
        padding: 0px;
    }
    .left-menu>ul {
        display: flex;
        flex-direction: row;
        list-style: none;
        margin: 10px 0px 0px;
        padding: 0px;
        width: 100vw;
        padding-bottom:10px;
        overflow-x: auto;
    }
    .left-menu>ul>li {
        display: flex;
        max-width: 230px;
        flex-shrink: 0;
        margin-right: 10px;
        padding:15px;
        width: auto;
        background-color:#f2f2f2;
        border-radius: 6px;
    }
    .menu>.overlay {
        position: absolute;
        top: 0px;
        width: 103vw;
        height: 103vh;
        left: 0px;
        background-color: rgba(34, 34, 34, .5);
        opacity: 0;
        transition: opacity 500ms ease;
        transition-delay: 0s;
    }
    .btn.btn-default.mobil-menu-btn{
        width:auto;
        padding:0px 10px;
    }
}