@media(max-width:767px) {

    #menuac { width: 45px; height: 30px; position: absolute; top: -80px; right: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; }
        #menuac span { display: block; position: absolute; height: 9px; width: 100%; background: #3E3934; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
            #menuac span:nth-child(1) { top: 0px; }
            #menuac span:nth-child(2) { top: 12px; }
            #menuac span:nth-child(3) { top: 24px; }
        #menuac.open span:nth-child(1) { top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
        #menuac.open span:nth-child(2) { opacity: 0; left: -60px; }
        #menuac.open span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }


    body { padding: 0; }
    #header { position: relative; }
        /*#header .logo { text-align: center; }*/
        #header .logo img { display: inline-block; }
        #header .wrapper { float: none !important; text-align: center; width: 100%; }
        #header #headerRight.collapse { display: block !important; }
        #header #headerRight .fr { float: none !important; }
        #header .social { margin: 0 10px; }
        #header .bayigirisi { margin: 10px 0; }
            #header .bayigirisi a { padding: 13px 15px; }

    #nav { margin: 20px 0 0; display: none; }
        #nav.open { display: block; }
        #nav ul li { display: block; float: none !important; }
            #nav ul li a { padding: 10px 15px; }
        #nav > ul ul { top: 45px; }

    #slider .sliderContent { bottom: 30px; left: 0; }
        #slider .sliderContent h2 { font-size: 20px; }
        #slider .sliderContent p { font-size: 13px; }

    #katalog { margin-top: 90px; }
    #anasayfahakkimizda .title { margin: 0 0 20px; }
    #anasayfahakkimizda p { padding: 0; }
    #parallax { margin: 65px 0 0; }


    /* News */
    #news::after { width: 100%; }
    #newsCarousel { margin: 55px 0 0; }
        #newsCarousel .owl-dot span { width: 20px; }

    /* Footer */
    #footer #alt div { float: none !important; width: 100% !important; text-align: left !important; margin: 0 0 15px; }
    #footer { text-align: center !important; }
        #footer #ust { padding-bottom: 10px; }
        #footer img { display: inline-block; }
        #footer .social { margin: 15px 0 0; float: none !important; text-align: center !important; }
    aside .tr { text-align: center !important; margin: 10px 0; }

    .masterLeft { margin-right: 15px; margin-top: -55px; position: relative; }
    #leftMenuOpener { cursor: pointer; padding: 7.5px; display: inline-block; }
    #leftMenu { display: none; }

    #urunler .row.item.biurun { width: 100% !important; margin: 50px 0 0; }
    #urunler .owl-stage-outer,
    #urunler .owl-controls { padding: 0; }
    #masterHeader::before { background: #fff; }
}

@media(max-width: 359px) {
    #header .social { margin: 0 15px 0 0; }
}


@media(min-width:768px) and (max-width:992px) {

    #nav li a { font-size: 13px; padding-left: 6px; padding-right: 6px; }
    #nav li:last-child a { padding-right: 6px; }
        #nav li:last-child a:hover { padding-right: 6px; }


    #slider .sliderContent { left: 0; }

    #footer #alt .adres { width: 42%; }
    #footer #alt .tel { width: 39.5%; }
    #footer #alt div { font-size: 13px; }


    #urunler .owl-dot span { font-size: 12px; padding-right: 26px; }
    #urunler .row.item.biurun { width: calc(100% - 190px); }
}

@media(min-width:993px) and (max-width: 1200px) {
    #nav li a { font-size: 15px; padding-left: 11px; padding-right: 11px; }
    #nav li:last-child a { padding-right: 11px; }
        #nav li:last-child a:hover { padding-right: 11px; }
}