@media all and (min-width: 992px) {
    .dropdown-menu {
        display: none;
    }
    .dropdown:hover .dropdown-menu {
        display: flex; 
flex-direction: column;
    }
    .dropdown .dropdown-menu {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .header {
        height: auto;
    }

    .menu {
        display: block;
        margin-left: 0;
    }
    .menu ul {
        margin: auto;
    }

    .menu > ul > li {
        background: #f2f2f2;
        list-style-type: none;
        margin: 0;
        padding: 20px 50px;
        border: 1px solid white;
    }

    .menu ul a {
        display: block;
        color: black;
    }

    .teklifAl {
        margin: auto;
        width: 100%;
    }

    .teklifAl a {
        width: 100%;
        float: left;
        text-align: center;
    }
    
    .hizmetler {
        display : none !important;
    }
}

@media only screen and (max-width: 991px) {
    

    .slogan {
        display: none;
    }

    .topBarIletisim {
        width: 100%;
    }

    .topBarIletisim span {
        margin: 0px 5px;
    }

    #topBarTelefon a,
    #topBarMail a {
        font-size: 10px;
    }

    .topBarSosyalMedya {
        float: right;
    }

    .metinVeGorsel {
        gap: 50px;
    }

    .metinVeGorsel .pr-5 {
        padding: 0 !important;
    }

    .metinVeGorsel .mt-5 {
        margin-top: 20px !important;
    }

    .counterRow {
        height: auto;
    }

    .footerTop {
        height: 100% !important;
        padding: 20px 0;
    }

    .footerTop .text-left,
    .footerTop .text-right {
        text-align: center !important;
    }

    .footerTop .text-right {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .copyright-container .col-md-6 {
        text-align: center !important;
    }
}

@media only screen and (max-width: 1200px) {
    .ms-slide-layers {
        max-width: 1200px !important;
        left: 0 !important;
    }

    .master-slider,
    .ms-container,
    .ms-view,
    .ms-slide {
        height: 417px !important;
    }

    .sliderUstBaslik {
        display: block;
        position: relative !important;
        left: 0;
        top: 100px !important;
        max-width: 250px;
        text-align: center;
        margin: auto;
        font-size: 28px !important;
        line-height: 1.5 !important;
    }
    .sliderUstBaslik:after {
        position: relative !important;
        display: block;
        width: 64px;
        height: 3px;
        margin: auto;
        left: 0;
        top: 28px;
    }
    .sliderAltBaslik {
        max-width: 230px;
        font-size: 15px !important;
        line-height: 1.5 !important;
        text-align: center;
        position: relative !important;
        margin: auto;
        left: 0;
        top: 150px !important;
    }

    .sliderArkaPlan {
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: 500px;
        background: black;
        background: #030303 0% 0% no-repeat padding-box;
        mix-blend-mode: multiply;
        opacity: 0.45;
    }
    
    .sliderButton {
        position: relative !important;
        top: 185px !important;
        left: 44% !important;
    }
}

@media only screen and (max-width: 991px) {
    .hata404 h1,
    .hata404 h6,
    .hata404 p {
        text-align: center;
    }
    
    .sliderButton {
        padding: 15px 25px !important;
        font-size: 12px !important;
    left: 26% !important;
    }
}