html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
img{border:0;}
:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
a{text-decoration:none; color:#444;}
a:hover{text-decoration:underline;}

body{ height:100vh; font-family:'Poppins', sans-serif; font-size:12px; line-height:20px; margin:0 auto; padding:0px; background:#fff; color:#333; overflow-x:hidden;}
#Temizle{clear:both;}

*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/*Masaüstü Başlangıç*/
@media screen and (min-width:700px) {

#Cerceve #Logo{width:100px; margin:0px; padding:0px; display:block; position:absolute; z-index:2; right:25px; top:25px;}
#Cerceve #Logo img{width:100%; margin:0px; padding:0px; display:block; float:left;}

#Cerceve{width:100%; height:100%; margin:0px; padding:0px; display:block;}
#Cerceve ul{width:100%; height:100%; margin:0px; padding:0px; display:block; float:left; list-style:none;}
#Cerceve ul li{width:50%; height:100%; margin:0px; padding:0px; display:block; float:left; position:relative; background:url(images/smb_cnc.jpg) no-repeat center bottom; background-size:cover;}
#Cerceve ul li #Buton{width:130px; margin:0px; padding:0px; display:block; float:right; margin-top:40px; background:rgb(0,0,0,0.5);}
#Cerceve ul li #Buton:hover{background:rgb(225,7,22,0.8);}
#Cerceve ul li #Buton a{width:100%; margin:0px; padding:12px 45px; display:block; float:left;}
#Cerceve ul li #Buton img{width:100%; margin:0px; padding:0px; display:block; float:left;}
#Cerceve ul li #Baslik{width:78%; margin:0px; padding:0px; display:block; position:absolute; bottom:40px; left:0px; background:rgb(0,0,0,0.5);}
#Cerceve ul li #Baslik:hover{background:rgb(225,7,22,0.8);}
#Cerceve ul li #Baslik img{width:100%; margin:0px; padding:0px; display:block; float:left;}

#Cerceve ul li:last-child{background:url(images/smb_servo.jpg) no-repeat center bottom; background-size:cover;}
#Cerceve ul li:last-child #Buton{float:left;}

#Cerceve ul li:last-child #Baslik{width:87%; bottom:40px; left:auto; right:0px;}

}
/*Masaüstü Bitiş*/




/*Mobil Başlangıç*/
@media screen and (min-width:250px) and (max-width:700px) {

#Cerceve{width:100%; height:100vh; margin:0px; padding:0px; display:block; float:left;}

#Cerceve #Logo{width:70px; margin:0px; padding:0px; display:block; position:absolute; z-index:2; left:15px; top:15px;}
#Cerceve #Logo img{width:100%; margin:0px; padding:0px; display:block; float:left;}

#Cerceve ul{width:100%; margin:0px; padding:0px; display:block; float:left; list-style:none;}
#Cerceve ul li{width:100%; height:50vh; margin:0px; padding:0px; display:block; float:left; position:relative; background:url(images/smb_cnc.jpg) no-repeat center bottom; background-size:cover;}
#Cerceve ul li #Buton{width:80px; margin:0px; padding:0px; position:absolute; top:15px; right:0px; background:rgb(0,0,0,0.5);}
#Cerceve ul li #Buton:hover{background:rgb(225,7,22,0.8);}
#Cerceve ul li #Buton a{width:100%; margin:0px; padding:10px 30px; display:block; float:left;}
#Cerceve ul li #Buton img{width:100%; margin:0px; padding:0px; display:block; float:left; transform:rotate(-180deg);}
#Cerceve ul li #Baslik{width:78%; margin:0px; padding:0px; display:block; position:absolute; bottom:40px; left:0px; background:rgb(0,0,0,0.5);}
#Cerceve ul li #Baslik:hover{background:rgb(225,7,22,0.8);}
#Cerceve ul li #Baslik img{width:100%; margin:0px; padding:0px; display:block; float:left;}

#Cerceve ul li:last-child{background:url(images/smb_servo.jpg) no-repeat center bottom; background-size:cover;}
#Cerceve ul li:last-child #Buton img{transform:rotate(0deg)}

#Cerceve ul li:last-child #Baslik{width:87%; bottom:40px; left:auto; right:0px;}

}
/*Mobil Bitiş*/