*{font-family: 'Lato', sans-serif;font-size: 16px;}
body{
    background: url(../images/magaza.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.Header{padding-top: 15px;padding-bottom: 15px;border-bottom: solid 2px #f2f2f2;}
.logo{width:30%;}
.Slider{padding-bottom: 15px;;}
.Maddeler{padding-top: 15px;padding-bottom: 15px;}
.MarginAuto{width:80%;margin-left: 10%;}
.Toptan{padding-top:55px;padding-bottom:55px;}
.Madde{width: 32%;margin: 0.5%;float: left;text-align: center;padding:20px;}
.Madde img{padding-bottom: 15px;}
.Madde:nth-of-type(2n+1) img{padding-bottom: 15px;width: 60px;}
.Madde:nth-of-type(2n+2) img{padding-bottom: 15px;width: 47px;}
.Madde:nth-of-type(2n+3) img{padding-bottom: 15px;width: 56px;}
.Madde span{display: block;padding:10px;}
.Madde span:nth-of-type(2n+1){font-size:20px;font-weight: bold;color: #f73636;border-bottom: #f73636 solid 2px ;}
.Madde span:nth-of-type(2n+2){text-align: justify;}
.Magaza{padding-top:25px;padding-bottom: 25px;height:500px;}

.ToptanSatis span:nth-of-type(2n+1){font-size:25px;font-weight: bold;color: #f73636;display: block;text-align:center;padding: 10px;padding-bottom: 0;}

.ToptanSatis span:nth-of-type(2n+2){display: block;text-align:justify;padding: 10px;}
.slideralt{width: 90%;margin-left: 5%;}
.swiper-slide img{width:100%;}

.VioLogo{text-align: center;}
.VioLogo img{ width:25%;}
.VioLogo span i{display: block;font-size:30px; color: #f73636;padding: 15px;padding-top: 10px;}

.VioVideo{width:60%;margin-left:20%;text-align: center;}
.Fuarlar{padding-top: 25px;padding-bottom: 25px;width:60%;margin-left:20%;}
.Fuarlar span:nth-of-type(2n+1){display: block;text-align: center;color: #f73636; 
    border-bottom: solid #f73636 2px ;font-weight: bold;padding: 10px;font-size:20px;width:40%;margin-left:30%;}

.Fuarlar span:nth-of-type(2n+2){display: block;text-align: justify;margin-bottom: 15px;padding: 10px;width: 100%;}

.arkaplan{position: fixed;width: 100%;left: 0;top:50px;z-index: -1;}

.Footer{position: absolute;top:33%;left:21%;color:white;width: 50%; text-align: center;font-size: 25px;}
.resim2{display: none;}

.menubar{position: absolute;right: 10px;top: 10px;}
.menubar a{background-color: #f73636; color:white;padding:7px;border-radius:5px;}
.menubar a:hover{background-color: black;text-decoration: none;}
.menubar img{width:40px;margin-right: 15px;padding-bottom: 15px;cursor: pointer;}



#iframe{height:600px;border:0;}

.Tablo{width: 100%; display: block;}
.Tablo td{width: 50%;}
.img{padding: 5px;}
.yazi{background-color: #f2f2f2;}
.iletisimformu{font-weight: bold;margin-bottom: 15px;}
.Formm{margin-top: 10px;;}
.btnbutton{padding:10px;background-color: #f73636;color:white;border: 0;margin-top: 15px; margin-bottom: 10px;float: right;margin-right: 15px;}
.Mobilileti{display: none;}

.iconlar{margin-top: 15px;}
.iconlar img{width:40px;margin: 10px;}



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

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

*{font-family: 'Lato', sans-serif;font-size: 14px;}
body{
    background: url(../images/mobil/mobil_resim_4.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.Header{padding-top: 15px;padding-bottom: 15px;border-bottom: solid 2px #f2f2f2;text-align: center;}
.logo{width:80%;}
.Slider{padding-bottom: 15px;;}
.Maddeler{padding-top: 15px;padding-bottom: 15px;}
.MarginAuto{width:100%;margin-left:0%;}
.Toptan{padding-top:55px;padding-bottom:55px;}
.Madde{width:100%;margin: 0%;float: left;text-align: center;padding:0px;}
.Madde img{padding-bottom: 15px;}
.Madde:nth-of-type(2n+1) img{padding-bottom: 15px;width: 100%;}
.Madde:nth-of-type(2n+2) img{padding-bottom: 15px;width: 100%;}
.Madde:nth-of-type(2n+3) img{padding-bottom: 15px;width: 100%;}
.Madde span{display: block;padding:10px;}
.Madde span:nth-of-type(2n+1){font-size:18px;font-weight: bold;color: #f73636;border-bottom: #f73636 solid 2px ;}
.Madde span:nth-of-type(2n+2){text-align: justify;padding-bottom:35px;}
.Magaza{padding-top:25px;padding-bottom: 25px;height:300px;}

.ToptanSatis span:nth-of-type(2n+1){font-size:20px;font-weight: bold;color: #f73636;display: block;text-align:center;padding: 10px;padding-bottom: 0;}

.ToptanSatis span:nth-of-type(2n+2){display: block;text-align:justify;padding: 10px;}
.slideralt{width:100%;margin-left:0%;}
.swiper-slide img{width:100%;}

.VioLogo{text-align: center;}
.VioLogo img{ width:80%;}
.VioLogo span i{display: block;font-size:20px; color: #f73636;padding: 15px;padding-top: 10px;}

.Fuarlar{padding-top: 25px;padding-bottom: 25px;width:100%;margin-left:0%;}
.Fuarlar span:nth-of-type(2n+1){display: block;text-align: center;color: #f73636; 
    border-bottom: solid #f73636 2px ;font-weight: bold;padding: 10px;font-size:20px;width:100%;margin-left:0%;}

.Fuarlar span:nth-of-type(2n+2){display: block;text-align: justify;margin-bottom: 15px;padding: 10px;width: 100%;}

.arkaplan{position: fixed;width: 100%;left: 0;top:50px;z-index: -1;}

.Footer{position: absolute;top:30px;left:0%;color:white;width:100%; text-align: center;font-size:14px;}

.resim1{display: none;}
.resim2{display: block;}
.VioVideo{width:100%;margin-left:0%;text-align: center;}

.menubar{position: relative;right:0px;top:0px;background-color: #f2f2f2;margin-top:-15px;padding:5px;margin-bottom: 15px;height:35px;}
.menubar a{background-color:#f2f2f2; color:black;padding:3px;border-radius:5px;padding-left: 5px;padding-right: 5px;}
.menubar a:hover{background-color:#f2f2f2;text-decoration: none;color:black;}
.menubar img{width:25px;margin-right:15px;padding-bottom:0px;cursor: pointer;}



#iframe{height:300px;border:0;}

.Tablo{width: 100%; display: none;}
.Tablo td{width:100%;}
.img{padding: 5px;}
.yazi{background-color: #f2f2f2;}
.iletisimformu{font-weight: bold;margin-bottom: 15px;}
.Formm{margin-top: 10px;;}
.btnbutton{padding:10px;background-color: #f73636;color:white;border: 0;margin-top: 15px; margin-bottom: 10px;float: right;margin-right: 15px;}
.Mobilileti{display:block;}

.iconlar{margin-top: 5px;}
.iconlar img{width:30px;margin:5px;}

}