.MobilLogo {display: none;}
ul#contact li {margin-top: 5px;}
ul#contact li a{color:#000;}
ul#contact li a:hover {text-decoration: underline;}
ul#contact li:last-child {margin:0;}
li.Lang a {position:relative; margin:0; padding:0 10px;float:left; width:100%; text-align:right;display: block;}
ul#soccial li {margin:0 5px!important;width: auto; height: auto; position: relative; float: left; display: block; list-style: none;}

@media screen and (min-width: 1440px) {
    header {height: 950px; }
    #Header {height: 950px;}
}
/*
* @todo :: 1440px x 1200px width
*/
@media screen and (min-width: 1200px)and (max-width: 1440px) {

    header {height: 450px; }
        #Header {height: 450px;}
    .deltaSlider {height: 450px;}

    div.dogal {bottom:30px; left: 1050px;}
    #antepfistik {height: 450px;}


    #Urunler h1 {margin-left: 30px;margin-top: 30px}
    #Urunler p {margin-top: 0;}
    #Urunler img#big {margin-left: 0; width: 450px}
    #Urunler img {width:120px; height: auto; margin-top: -20px; margin-left: 10px;}

}
/*
* @todo :: 1200px x 1000px width
*/
@media screen and (min-width: 1000px) and (max-width: 1200px)  {
    header {height: 450px;}
    #Header {height: 450px;}
    .deltaSlider {height: 450px;}

    div.dogal {bottom:30px; left: 850px;}
    #antepfistik {height: 400px;}


    #Urunler h1 {margin-left: 30px;margin-top: 30px}
    #Urunler p {margin-top: 0;}
    #Urunler img#big {margin-left: 0; width: 450px}
    #Urunler img {width:110px; height: auto; margin-top: -20px; margin-left: 10px;}


}
@media screen and (min-width: 768px) and (max-width: 1000px)  {
#sliderBG { margin-top:55px; overflow: hidden; width: 100%; height: auto; position: relative; float: left; }
#navbarTOP {
    width: 105%;
    margin-left: -5%;
    position: absolute;
    background-color: #fff;
}
#navbarTOP .collapse {
    margin:0 auto;
}
.navbar-header {
    width: 100%;
    z-index: 999;
}
.navbar-header button {
    float: right;
    margin-right: 0px;
}
    header {height: 450px;}
    #Header {height: 450px;}
    .deltaSlider {height: 450px;}

    div.dogal {bottom:30px; left: 850px;}
    #antepfistik {height: 400px;}


header ul#links li{ width: 100%; height: auto; margin-top:5px;}
header ul#links li a { font-size: 16px !important; }
header ul li.Lang a { text-align: left; display: none}
header ul li.Lang ul { padding: 0; margin-left: 5px; position: absolute; right: 0; top: -10px; }
header .MobilLang {display: block; color:#000;}



    #Urunler h1 {margin-left: 30px;margin-top: 30px}
    #Urunler p {margin-top: 0;}
    #Urunler img {width:120px; height: auto; margin-top: -20px; margin-left: 10px;}
    #Urunler img#big {margin-left: 0; width: 450px; margin-top:0;}

    #Hazirlanis .content li {width: 270px; height: 165px; overflow: hidden;}
    #Hazirlanis .content li img {width: 270px;}
    #Hazirlanis .content li p {height: 35px;}
    
    footer ul.soccial {margin:10px 0; padding: 0;}
    .CDLOGO {position: absolute; right: 10px; bottom: 0;}

.MobilLang {display: block; margin-right: 10px; margin-top: 15px;}
}
@media screen and (min-width: 639px) and (max-width: 768px) {

.Normal{display:none}
.MobilLogo{display:block;width:100%;position:absolute}

#NavRight,#sliderBG{position:relative;float:left}
#LogoCont{z-index:999}
    #sliderBG{margin-top:60px;overflow:hidden;width:100%;height:auto}
    .mstslider{width:140%;margin-left:-20%}
    #NavRight{width:100%}

#navbarTOP{position:absolute;top:0;right:0;width:100%;background-color:#8a1a1c;}

    #navbarTOP ul{padding:0;margin:0}
    #navbarTOP ul:last-child{margin-bottom:10px}
    #navbarTOP ul li{margin:5px 0 0;background-color:#fff}
    
#navbarTOP .collapse{width:100%!important;height:auto;margin:0 auto; border:none!important;box-shadow:none;}
.collapse ul { border:none!important; }
.collapse div { border:none!important; }
    .navbar-header{width:100%;z-index:999}
    .navbar-header button{float:right;margin-right:0;background-color:#fff}
li.Lang{display:none}
header {width: 100%; z-index: 99; position: fixed; background-color: #8a1a1c;}
#Header {width: 100%; height: 60px; background-color: #8a1a1c;}
.deltaSlider {height: 450px;}

ul.soccial {margin: 10px 0; padding: 0}

#antepfistik {height: 400px;}


header ul#links li{ width: 100%; height: auto; margin-top:5px;}
header ul#links li a { font-size: 16px !important; }


#Urunler h1 {margin-left: 30px;margin-top: 30px}
#Urunler p {margin-top: 0;}
#Urunler img {width:120px; height: auto; margin-top: -20px; margin-left: 10px;}
    #Urunler img#big {margin-left: 0; width: 100%; margin-top:0;}

.adres {width:100%;text-align: center; margin:0 auto; padding: 0; float: none;}
footer img { margin: 0; padding: 0; }
footer img#Logo {position: relative; float: none;left: 50%; margin-left: -100px;}
footer img#FooterBelgeler {position: relative; float: none; left: 50%; margin-left: -88px;}

.MobilLang {display: block; margin-right: 10px; margin-top: 15px;}
.FooterLogo {width: 100%; min-width: 320px !important; position: relative; float: left;}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
.Normal{display:none}
.MobilLogo{display:block;width:100%;position:absolute}

#NavRight,#sliderBG{position:relative;float:left}
#LogoCont{z-index:999}
    #sliderBG{margin-top:60px;overflow:hidden;width:100%;height:auto}
    .mstslider{width:140%;margin-left:-20%}
    #NavRight{width:100%}

#navbarTOP{position:absolute;top:0;right:0;width:100%;background-color:#8a1a1c}
    #navbarTOP ul{padding:0;margin:0}
    #navbarTOP ul:last-child{margin-bottom:10px}
    #navbarTOP ul li{margin:5px 0 0;background-color:#fff}

#navbarTOP .collapse{width:100%!important;height:auto;margin:0 auto}
    .navbar-header{width:100%;z-index:999}
    .navbar-header button{float:right;margin-right:0;background-color:#fff}
li.Lang{display:none}
header {width: 100%; z-index: 99; position: fixed; background-color: #8a1a1c;}
#Header {width: 100%; height: 60px; background-color: #8a1a1c;}


    ul.soccial {display: none}


header ul#links li{ width: 100%; height: auto; margin-top:5px;}
header ul#links li a { font-size: 16px !important; }

    #antepfistik {height: 350px; }
    #antepfistik h1 {margin-top: 10px;background-color: rgba(255,255,255,0.6); padding: 10px}
    #antepfistik p {margin-top: 10px;background-color: rgba(255,255,255,0.6); padding: 10px}

    #Urunler h1 {margin-left: 30px;margin-top: 30px}
    #Urunler p {margin-top: 0;}
    #Urunler img {width:120px; height: auto; margin-top: -20px; margin-left: 10px;}
    #Urunler img#big {margin-left: 0; width: 100%; margin-top:0;}

.adres {text-align: center;}
footer img { margin: 0; padding: 0; }
footer img#Logo {position: relative; float: none;left: 50%; margin-left: -100px;}
footer img#FooterBelgeler {position: relative; float: none; left: 50%; margin-left: -88px;}

.MobilLang {display: block; margin-right: 10px; margin-top: 15px;}

}
@media screen and (min-width: 320px) and (max-width: 480px) {

.Normal{display:none}
.MobilLogo{display:block;width:100%;position:absolute}

#NavRight,#sliderBG{position:relative;float:left}
#LogoCont{z-index:999}
    #sliderBG{margin-top:60px;overflow:hidden;width:100%;height:auto}
    .mstslider{width:140%;margin-left:-20%}
    #NavRight{width:100%}

#navbarTOP{position:absolute;top:0;right:0;width:100%;background-color:#8a1a1c}
    #navbarTOP ul{padding:0;margin:0}
    #navbarTOP ul:last-child{margin-bottom:10px}
    #navbarTOP ul li{margin:5px 0 0;background-color:#fff}
    
#navbarTOP .collapse{width:100%!important;height:auto;margin:0 auto}
    .navbar-header{width:100%;z-index:999}
    .navbar-header button{float:right;margin-right:0;background-color:#fff;}
li.Lang{display:none}
header {width: 100%; z-index: 99; position: fixed; background-color: #8a1a1c;}
#Header {width: 100%; height: 60px; background-color: #8a1a1c;}

    ul.soccial {display: none}

header ul#links li{ width: 100%; height: auto; margin-top:5px;}
header ul#links li a { font-size: 16px !important; }

    #antepfistik {height: 470px; overflow: hidden;z-index: 1;}
    #antepfistik h1 {margin-top: 10px;background-color: rgba(255,255,255,0.6); padding: 10px}
    #antepfistik p {margin-top: 10px;background-color: rgba(255,255,255,0.6); padding: 10px}

    #Urunler h1 {margin-left: 30px;margin-top: 30px}
    #Urunler p {margin-top: 0;}
    #Urunler img {width:90px; height: auto; margin-top: -20px; margin-left: 10px;}
    #Urunler img#big {margin-left: 0; width: 100%; margin-top:0;}

    .oneri-img {width: 100%;}
    .hazirlanis  {width: 100%; height: auto; overflow: hidden;}

    .CDLOGO {margin: -20px 60px 0 0;}

.adres {text-align: center;}
footer img { margin: 0; padding: 0; }
footer img#Logo {position: relative; float: none;left: 50%; margin-left: -100px;}
footer img#FooterBelgeler {position: relative; float: none; left: 50%; margin-left: -88px;}

.MobilLang {display: block; margin-right: 10px; margin-top: 15px;}
.FooterLogo {width: 100%; min-width: 320px !important; position: relative; float: left;}

}