@media (min-width:300px) {
    .NavMenu ul > li { float: none; display: block }
    #Navbar li ul { position: relative; top: 11px; background-color: #fff }
    #SosyalMedya { display: none }
    .navbar-brand { display: inline-block }
    #IcSayfa .IcSayfaBaslik { font-size: 1.2rem; padding: 1rem 0; }
    html { font-size: 13px }

    .NavMenu img { max-width: 40%; padding-bottom: 35px; padding-left: 1.5rem; }

    .Logo { width: 50% }



    #Banner .BannerMetin img { max-width: 25%; bottom: 0; left: 0 }
    #Banner .BannerMetin span { font-size: 2rem }
    #Banner .BannerMetin p { font-size: 1.15rem; width: 100% }

    #Banner .BannerAlti { max-width: 25% }
    #Banner .carousel-control-prev { left: 30px; height: 40px; padding: 10px; width: 40px }
    #Banner .carousel-control-next { right: 30px; height: 40px; padding: 10px; width: 40px }
    .Marka img { max-width: 40%; }
    .AnasayfaSlogan span { font-size: 1.8rem }
    .EgehanLojistik em { font-size: 1.2rem }
    .Iletisim iframe { height: 250px }
    #IcSayfa #HizliMenu .HizliMenuAltBaslik { font-size: 1rem; }
    .MarkaUrun .swiper-button-next { right: 0.5rem }
    .MarkaUrun .swiper-button-prev { left: 0.5rem }
    #IcSayfaBanner { height: 40px; margin-top: 6rem; }
    #Banner { margin-top: 6rem; }
}

@media (min-width:576px) {
    #IcSayfaBanner { height: 40px; margin-top: 7.5rem; }
    #Banner { margin-top: 7.5rem; }
}

@media (max-width:767px) {

    footer img { display: none }

    #IcSayfa .IcSayfaBaslik { margin-top: 2rem; font-size: 1.8rem; }




    .Marka .Background { display: flex; padding: 1rem 0 }
    .Marka img { display: block; margin: 0 1rem; height: 3rem; }


    #IcSayfa #HizliMenu { position: static; margin-top: 1rem }
        #IcSayfa #HizliMenu .HizliMenuBaslik { font-size: 1.7rem }
        #IcSayfa #HizliMenu .HizliMenuAltBaslik { font-size: 1.1rem; padding: 0.25rem; }

    .BannerMetin { position: static; background-color: transparent; padding: 1rem; width: 100%; transform: translate(-0%,0%); }
    #BizeYazin { top: auto; bottom: 0; width: 100%; right: 0; -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
        #BizeYazin a { display: block; margin-right: 0; font-size: 16px; border: none; padding: 8px 0px; text-align: center; border-radius: 0; }
    .Iletisim .IltesimBilgi { padding: 1rem; }
    #IcSayfa #HizliMenu .Border { border: none }
    .EgehanLojistik img { float: none; max-width: 100%; height: auto; margin-bottom: 2rem }
    .Hakkimizda img { float: none; max-width: 100%; display: block; margin: auto }
    .UrunDetay .BuyukResim { float: none; display: block; max-width: 100%; margin: 0 auto;margin-bottom:2rem; }
    .UrunDetay .BuyukResim img{display:block;margin:auto}
    #Banner .BannerMetin span { font-size: 1.75rem; line-height: 1.8rem; }
    #Banner .BannerMetin b { font-size: 1.4rem; line-height: 1.8rem; }
}

@media (min-width:768px) {

    #IcSayfa .IcSayfaBaslik { margin-top: 25px; }
    #Banner { margin-top: 7.9rem; }
    #IcSayfaBanner { display: block; height: 50px; margin-top: 7.9rem; }
    html { font-size: 13px }
    #IcSayfa { margin-bottom: 5rem }

    .NavMenu img { max-width: 30%; }
    #IcSayfa .HizliMenuBaslik { font-size: 1.4rem }
    #IcSayfa .HizliMenuAltBaslik { font-size: 0.95rem }
    .Logo { width: 40% }
    .navbar-brand { max-width: 100% }


    #Banner .BannerMetin span { font-size: 2rem }
    #Banner .BannerMetin p { font-size: 1.25rem; width: 90% }
    #IcSayfa #HizliMenu .HizliMenuBaslik { font-size: 1.5rem }

    .NavMenu { padding: 1rem }

    .Marka img { max-width: 20% }
    .Marka img { max-width: 14%; height: 3rem; }
    .Haber img { border-right: 1px solid #A6A6A6; padding-right: 1.5rem }
    .AnasayfaHakkimizda .Sayac .border-right { border-right: 1px solid #fff }
    .Iletisim .IltesimBilgi { padding: 0.3rem }
    .Iletisim iframe { height: 300px }
    #IcSayfa #HizliMenu { bottom: 1rem }
    #BizeYazin { right: 27px; }
        #BizeYazin a { font-size: 1.2rem; padding: 5px 20px }
    .AnasayfaHakkimizda { padding: 1rem 0 }
    .BannerMetin { transform: translate(-15%,50%); width: 50%; }
}

@media (max-width:991px) {

    #Banner .BannerMetin img { width: 0 }
    #Navbar .nav-item { text-align: left; display: block; padding-bottom: 1rem }
    .NavMenu ul { padding-left: 0.75rem }
    #IcSayfa .IcSayfaBaslik h1 { font-size: 1.4rem; }
    .NavMenu i { color: #000 !important }
    .NavMenu .dropdown-item { color: #000 }
    #Banner .carousel-control-prev { left: 10px; top: 40% }
    #Banner .carousel-control-next { right: 10px; top: 40% }


    #Banner { margin-bottom: 3rem }

    .top-nav-collapse .Menu { margin-top: 0 }
    
    #Banner .BannerMetin p { font-size: 1rem; width: 80%; }
    .AnasayfaHakkimizda .Sayac i { font-size: 1rem }
    .w-30 { width: 60%; }
}

@media (min-width:992px) {

    #SosyalMedya { display: block; }

    #SosyalMedya { font-size: 12px }

    .navbar-brand { float: none; }

    .NavMenu ul > li a { width: auto; }
    #SosyalMedya .Telefon { font-size: 13px; }

    #Navbar li ul { position: absolute; top: 39px }
    #SosyalMedya { display: block }

    .Logo { width: 40% }
    .navbar-brand { display: inline-block; }
    #IcSayfa #HizliMenu { bottom: 2rem; display: block; }

    #IcSayfa .IcSayfaBaslik { font-size: 1.5rem; padding-bottom: 0rem }
    #Navbar .nav-item { margin-left: 1rem }
    .NavMenu ul { padding: 1rem }
    #Banner .position-relative div b { font-size: 3.5rem; line-height: 3.75rem }
    #Banner .position-relative div span { font-size: 1.1rem }
    #Banner .position-relative div { width: 10rem; height: 10rem }
    #Banner .BannerMetin img { display: none }
    .NavMenu ul { padding: 0 0; margin-bottom: 0; display: flex; width: 100%; justify-content: end; align-items: center; height: 100% }

    .navbar-default .nav-item:hover::after { opacity: 1; }

    .navbar-default .btn::after { background: none !important }
    .navbar-default .active::after { opacity: 1; }
    .AnasayfaBaslik { font-size: 1.5rem }


    .Marka img { max-width: 16%; height: 4rem; }

    .NavMenu { padding: 0; }
    #IcSayfaBanner { height: 70px; margin-top: 8.75rem; }
    #Banner { margin-top: 8.75rem; }
    .HizmetDetay .BuyukResim { max-width: 23%; }
    #SosyalMedya .d-lg-inline-flex { padding-left: 4rem; }

    #Banner .BannerMetin p { width: 80% }

    #Banner .BannerMetin span { font-size: 2.1875rem; }
    #Banner .BannerMetin p { font-size: 1.15rem; width: 80%; }
    .AnasayfaSlogan span { font-size: 2rem }
    .Iletisim .IltesimBilgi { padding: 1rem }
    #Navbar .BizeUlasin a{ padding: 0 0.5rem; }
    #IcSayfa #HizliMenu .HizliMenuAltBaslik { font-size: 1.25rem; }
    .BannerMetin { transform: translate(-50%,50%); width: 28%; right: 0; }
    .MarkaUrun .swiper-button-next { right: 1.5rem }
    .MarkaUrun .swiper-button-prev { left: 1.5rem }
}

@media (min-width:1200px) {
    #Banner { margin-top: 8.4rem; }
    #SosyalMedya { font-size: 13px }

    #IcSayfaBanner { height: 80px; width: auto; margin-top: 8.4rem; }
    #IcSayfa .HizliMenuAltBaslik { font-size: 1rem }
    #SosyalMedya .Telefon { font-size: 13px; }
    #IcSayfa { margin-bottom: 5rem }
    .Sosyal { margin: 36px 0 0 0 }
    .Logo { width: 50%; padding: 5px 0 !important; }
    .navbar-brand { display: inline-block; }

    #Navbar .nav-item { margin: 0 0 0 1rem }
    #Navbar .Border { border: none; }
    footer .Borderright { border-right: 1px solid #555555; height: 12rem; padding-left: 0.25rem; padding-right: 0.25rem; }

    #Banner .BannerMetin img { display: block; max-width: 12% }



    footer { font-size: 0.9rem }


    #SosyalMedya .d-lg-inline-flex { padding-left: 7rem; }
    #Banner .BannerMetin p { width: 80% }
    #Banner .BannerMetin span { font-size: 2.3rem; }
    #Banner .BannerMetin p { font-size: 1.15rem; width: 70%; }
    .Iletisim iframe { height: 350px }
    #BizeYazin { right: 30px; }
        #BizeYazin a { font-size: 1.25rem; padding: 7px 30px; }
    #FaydaliBilgi b { font-size: 1.1rem }
    #Navbar .BizeUlasin a { padding: 0 2rem; }
    .AnasayfaHakkimizda { padding: 2rem 0 }
    .BannerMetin { width: 30%; right: 0; }
    .MarkaUrun .swiper-button-next { right: 3.5rem }
    .MarkaUrun .swiper-button-prev { left: 3.5rem }
}

@media (min-width:1400px) {
    #Banner { margin-top: 8.35rem; }

    #SosyalMedya { font-size: 14px }

    html { font-size: 15px }
    #IcSayfa .HizliMenuBaslik { font-size: 1.95rem; }

    #IcSayfa .HizliMenuAltBaslik { font-size: 1.125rem; }
    #SosyalMedya .Telefon { font-size: 14px; }


    #IcSayfaBanner { height: 90px; margin-top: 8.35rem; }

    #Navbar .nav-item { margin: 0 0 0 1.35rem }

    #Banner .carousel-control-prev { left: 30px; height: 50px; padding: 12px; width: 50px }
    #Banner .carousel-control-next { right: 30px; height: 50px; padding: 12px; width: 50px }
    .AnasayfaBaslik { font-size: 1.75rem }
    #Banner .BannerAlti { max-width: 28%; }

    #SosyalMedya .d-lg-inline-flex { padding-left: 12rem; }
    #Banner .BannerMetin span { font-size: 2.6875rem; }
    .AnasayfaSlogan span { font-size: 2.2rem }
    .Iletisim .IltesimBilgi { padding: 2rem }
    .EgehanLojistik em { font-size: 1.4rem }
    .AnasayfaHakkimizda { padding: 5rem 0 }
    .MarkaUrun .swiper-button-next { right: 6rem }
    .MarkaUrun .swiper-button-prev { left: 6rem }
}

@media (min-width:1600px) {




    #SosyalMedya .Telefon { font-size: 14px; }


    #IcSayfaBanner { height: 90px; margin-top: 9.9rem }
    #Banner { margin-top: 8.4rem }
    #IcSayfaBanner { margin-top: 8.4rem; }
    #IcSayfa .HizliMenuBaslik { font-size: 2.15rem; }
    html { font-size: 15px }

    #Banner .BannerMetin img { max-width: 25%; left: 5% }
    #Banner .position-relative div b { font-size: 4rem; line-height: 4.25rem; }
    #Banner .position-relative div { width: 13rem; height: 13rem; }
    Banner .position-relative div span { font-size: 1.4rem; }
    #Banner .carousel-control-prev { left: 60px; height: 2.8rem; padding: 10px; width: 2.8rem; }
    #Banner .carousel-control-next { right: 60px; height: 2.8rem; padding: 10px; width: 2.8rem; }


    .Marka img { max-width: 11%; max-height: 4rem; }
    #Banner .BannerMetin p { width: 65%; font-size: 1.35rem }
    #Banner .BannerMetin span { font-size: 2.6875rem; }
    .AnasayfaSlogan span { font-size: 2.5rem }
    .Iletisim iframe { height: 300px }
    #BizeYazin a { font-size: 1.3rem; padding: 8px 40px; }
    #FaydaliBilgi b { font-size: 1.2rem }
}

@media (min-width:1900px) {
    html { font-size: 15px }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1550px }
    #Navbar .nav-item { margin: 0 0 0 2rem }

    #IcSayfa #HizliMenu .HizliMenuBaslik { font-size: 2.25rem }
    #Banner .position-relative div b { font-size: 4.85rem; line-height: 5rem; }
    #BizeYazin { top: 35%; }
    #SosyalMedya .d-lg-inline-flex { padding-left: 14rem; }
    #Banner .BannerMetin span { font-size: 2.6875rem; }
    #Banner .BannerMetin b { font-size: 1.75rem; }
    .AnasayfaBaslik { font-size: 2rem }
    #FaydaliBilgi b { font-size: 1.25rem }
    #Banner { margin-top: 9.15rem; }
    #IcSayfaBanner { margin-top: 9.15rem; }
}

@media (min-width:1940px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1920px }
}