*{padding:0;margin:0;font-size:15px;font-family:'Raleway',sans-serif;}
.AutoM{width:60%;margin-left:20%;}
.Logo img{ width:100%}
.Logo{float:left;width:300px;}
.Logomarcarometti{float:right;width:250px;margin-right:45px;margin-top:8px;}
.Logomarcarometti img{width:100%}
.nnavbar{float:right;width:200px;margin-top:22px}
.nnavbar a{display:block;float:left;color:black; font-weight:600;padding-left:5px;padding-right:5px;}
#ListMenu{display:none;}
.YapimAsama{padding:25px;font-size:45px;text-align:center;padding-top:5px;color:#a5a5a5}
.masaustusw{display: block;}
.Mobilsw{display:none;}
.tbl{width:350px;margin-left:32%;display:block;}
.tblm{display:none;}
.adm{display:none;}
.adf{display:block;}


.HeadBaslik{width:100%;display:block;padding:10px;font-size:35px;text-align:center;color:#6f6f6f}
.HeadAciklama{text-align:justify}
.rightResim{float:left;width:50%;}
.LeftResim{float:right;width:50%;}
.logoimgz{width:50%;}
.logoimgznodtrend{width:30%;}
.absYazi{position:absolute;top:40%;font-size:40px;font-weight:600;text-align:center;width:100%;opacity:1;z-index:9999;}
.imagesY{opacity:0.5;}
.absYazim{display:none}

nav{margin:0;width:100%;text-align:center;}
nav ul{padding:0;margin:0;list-style-type:none;}
nav ul li{float:left;position:relative}
nav ul li a{padding:10px;display:block;color:white;}
nav ul li a:Hover{text-decoration:none;color:white;background-color:#5a0404;}
nav ul li:Hover{background-color:#5a0404;}
nav ul li:Hover .Sub{display:block}
.Sub{position:absolute;top:40px;background-color:#5a0404;width:250px;z-index:9999;display:none;}
.Sub li {float:none;width:100%;}
.Sub li a{display:block;text-align:left;}
.Sub li a:hover{background-color:#1f1f1f;}
.LogoCus{margin-bottom:25px;}

#Wp {
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 150px;
    z-index: 9999;
}

#photosCustomer {
    /* Prevent vertical gaps */
    line-height: 0;
    -webkit-column-count: 5;
    -webkit-column-gap: 5px;
    -moz-column-count: 5;
    -moz-column-gap: 5px;
    column-count: 5;
    column-gap: 5px;
}

    #photosCustomer img {
        /* Just in case there are inline attributes */
        width: 100% !important;
        height: auto !important;
    }
.container {
    min-height: 873px;
}
@media only screen and (max-width:900px) {
    #Wp {
        position: fixed;
        right: 15px;
        bottom: 15px;
        width: 100px;
        z-index: 9999;
    }

    *{padding:0;margin:0;font-size:14px;}
.AutoM{width:95%;margin-left:2.5%;}
.Logo img{ width:50%}
.Logo{float:left;width:100%;text-align: center;}
.Logomarcarometti{float:right;width:200px;margin-right:25px;margin-top:8px;display:none;}
.Logomarcarometti img{width:100%}
.nnavbar{float:none;width:100%;display:none;position:absolute;background-color:white;right:0;top:42px;z-index: 9999;padding:10px;}
.nnavbar a{display:block;float:left;color:black; font-weight:600;padding-left:5px;padding-right:5px;}
.YapimAsama{padding:10px;font-size:25px;text-align:center;padding-top:5px;color:#a5a5a5}
.masaustusw{display: none;}
.Mobilsw{display:block;}
#ListMenu{display:block;cursor: pointer;position:absolute;right:15px;top:18px;}
.tbl{width:100%;margin-left:0%;display:none;}
.tblm{display:block;margin-top: 5px;margin-bottom: 5px;text-align: left;}
.adm{display:block;}
.adf{display:none;}

.HeadBaslik{width:100%;display:block;padding:10px;font-size:18px;text-align:center;color:#6f6f6f}
.HeadAciklama{text-align:justify}
.rightResim{float:none;width:100%;}
.LeftResim{float:none;width:100%;}
.logoimgz{width:50%;}
.logoimgznodtrend{width:30%;}
.absYazi{display:none}
.absYazim{font-size:20px;font-weight:600;text-align:center;width:100%;opacity:1;z-index:9999;background-color:black;color:white;display:block;padding:10px;}
.imagesY{opacity:0.5;display:none}



nav{margin:0;width:100%;text-align:center;}
nav ul{padding:0;margin:0;list-style-type:none;}
nav ul li{float:none;position:relative}
nav ul li a{padding:10px;display:block;color:white;text-align:left}
nav ul li a:Hover{text-decoration:none;color:white;background-color:#5a0404;}
nav ul li:Hover{background-color:#5a0404;}
nav ul li:Hover .Sub{display:block}
.Sub{position:inherit;top:0px;background-color:#5a0404;width:100%;z-index:9999;display:none;}
.Sub li {float:none;width:100%;}
.Sub li a{display:block;text-align:left;}
.Sub li a:hover{background-color:#1f1f1f;}

.LogoCus{margin-bottom:10px;}
#photosCustomer {
    /* Prevent vertical gaps */
    line-height: 0;
    -webkit-column-count:2;
    -webkit-column-gap: 5px;
    -moz-column-count:2;
    -moz-column-gap: 5px;
    column-count:2;
    column-gap: 5px;
}

    #photosCustomer img {
        /* Just in case there are inline attributes */
        width: 100% !important;
        height: auto !important;
        margin-bottom:5px;
    }
    .container{min-height:600px;}
}