/*
Yazan : Burak Malgaz
*/
html,body {width:100%;height: 100%;}
body{width:100%;height: 100%;margin:0;padding:0;border:0;background:#eee;font-family: arial;font-size:20px;}
ol,ul{list-style: none;padding:0;margin:0;}

@media only screen and (max-width : 767px) {
.govde{width:100%;height:100%;}
.logo{width:90%;height: auto;margin:0 auto;padding:15px 0;}
.logo img{width: 100%;height: auto;}
.hakkimizda{width:90%;height: auto;text-align: center;margin:0 auto 30px auto;}
.govde-iletisim{width: 100%;height: auto;text-align: center;}
.govde-iletisim h2{color:#777;}
.govde-iletisim ol{width: 90%;height: auto;overflow: hidden;margin:25px auto;}
.govde-iletisim ol li {padding: 5px 0;text-align: center;}
.govde-iletisim ol li b{display: block;}
.govde-iletisim ul{width:90%;height: auto;overflow: hidden;margin:0 auto;}
.govde-iletisim ul li {font-size:20px;width:100%;text-align: center;padding: 5px 0;}
.govde-iletisim ul li i{color:green;}
.govde-iletisim ul h5{padding: 10px 0;font-size:20px;margin:0 0 5px 0;border-bottom:1px solid #444;}
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
.govde{width:100%;height:100%;padding-top: 50px;}
.logo{width:90%;height: auto;margin:0 auto;padding:15px 0;}
.logo img{width: 100%;height: auto;}
.hakkimizda{width:90%;height: auto;text-align: center;margin:0 auto 30px auto;}
.govde-iletisim{width: 100%;height: auto;text-align: center;}
.govde-iletisim h2{color:#777;}
.govde-iletisim ol{width: 90%;height: auto;overflow: hidden;margin:25px auto;}
.govde-iletisim ol li {padding: 5px 0;text-align: center;}
.govde-iletisim ol li b{display: block;}
.govde-iletisim ul{width:90%;height: auto;overflow: hidden;margin:0 auto;}
.govde-iletisim ul li {font-size:20px;width:100%;text-align: center;padding: 5px 0;}
.govde-iletisim ul li i{color:green;}
.govde-iletisim ul h5{padding: 10px 0;font-size:20px;margin:0 0 5px 0;border-bottom:1px solid #444;}
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
.govde{width:100%;height:100%;padding-top:150px;}
.logo{width:75%;height: auto;margin:0 auto;padding:15px 0;}
.logo img{width: 100%;height: auto;}
.hakkimizda{width:50%;height: auto;text-align: center;margin:0 auto 30px auto;}
.govde-iletisim{width: 100%;height: auto;text-align: center;}
.govde-iletisim h2{color:#777;}
.govde-iletisim ol{width: 40%;height: auto;overflow: hidden;margin:25px auto;}
.govde-iletisim ol li {padding: 5px 0 5px 60px;text-align: left;position: relative;}
.govde-iletisim ol li i{width: 50px;position: absolute;left: 0;top:5px;text-align: center;}
.govde-iletisim ul{width: 75%;height: auto;overflow: hidden;margin:0 auto;}
.govde-iletisim ul li {font-size:15px;width:50%;float:left;text-align: left;padding: 5px 0;}
.govde-iletisim ul li i{color:green;}
.govde-iletisim ul h5{padding: 10px 0;font-size:20px;margin:0 0 5px 0;border-bottom:1px solid #444;}
}
@media only screen and (min-width : 1200px){
.govde{width:100%;height:100%;}
.logo{width:40%;height: auto;margin:0 auto;padding:15px 0;}
.logo img{width: 100%;height: auto;}
.hakkimizda{width:50%;height: auto;text-align: center;margin:0 auto 30px auto;}
.govde-iletisim{width: 100%;height: auto;text-align: center;}
.govde-iletisim h2{color:#777;}
.govde-iletisim ol{width: 40%;height: auto;overflow: hidden;margin:25px auto;}
.govde-iletisim ol li {padding: 5px 0 5px 60px;text-align: left;position: relative;}
.govde-iletisim ol li i{width: 50px;text-align: center;position: absolute;left: 0;top:5px;}
.govde-iletisim ul{width: 40%;height: auto;overflow: hidden;margin:0 auto;}
.govde-iletisim ul li {font-size:15px;width:50%;float:left;text-align: left;padding: 5px 0;}
.govde-iletisim ul li i{color:green;}
.govde-iletisim ul h5{padding: 10px 0;font-size:20px;margin:0 0 5px 0;border-bottom:1px solid #444;}
}