@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700italic,600italic,400italic,300italic,200italic,900,700,600,300,200&subset=latin,latin-ext);


body{
	width:100%;
	height:auto;
    margin: 0px auto;
	font-family: 'Titillium Web', sans-serif;
}
header{
    background-color: #f8f8f8;
    height: 167px;
    width: 100%;
    box-shadow:0px 0px 6px rgba(0,0,0,0.47);
    z-index:99;
    position:relative;
  }
nav {
    width: 90%;
    height: auto;
    margin: 0px auto;
    max-width: 1200px;
}
#kurumsal{
	
	margin:20px 0;
}

@media screen and (min-width: 647px) and (max-width: 3000px) {

.logo{
    float: left;
    background-size: 208px 99px;
    width: 208px;
    height: 99px;
    margin-top: 28px;
}
.menu{
    float: right;
    margin-top: 123px;
	
}
}
@media screen and (min-width: 200px) and (max-width: 647px) {
header{
    background-color: #f8f8f8;
    height:178px;
    width: 100%;
   box-shadow: 0px 0px 6px rgba(0,0,0,0.47);
	z-index:99;
	    position:relative;
}  

  .menu{
margin-right:auto;
	margin-left:auto;
	    margin-top: 36px;
    width: 363px;
}
.logo>img {
    padding-top: 15px;
}
.logo{
   
    background-size: 208px 99px;
    width: 208px;
    height: 99px;
	margin-right:auto;
	margin-left:auto;
}
}
       .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
		
	.slider{
width:100%;
height:auto;
		
		}
		
		#kurumsal>.baslik {
    width: 100%;
    text-align: left;
}
h1 {
    font-size: 23px;
    font-weight: 500;
}
#kurumsal>.icerik {
    
width: auto;
min-width: 200px;
float: left;
min-height:290px;
max-width:600px;}
h3{
	font-size: 14px;
	    font-weight: 600;
}
.resim {
    float: right;
    min-height: 290px;
}
.resim>img {
width: 100%;
height: 100%;
}
.cozumortagi{
    width: 100%;
    float: left;
    margin: 30px auto;
    height: auto;
    padding: 3px 0px;
    box-shadow: 0 0 10px rgba(0,0,0,0.40);
 }
	#urunler {
    float: left;
    width: 100%;
}
.baslik {
    float: left;
}
footer{
	float:left;
	width:100%;
	height:300px;
	margin-top:35px;
	bottom:0;
	left:0;
	background-color:#F8F8F8;
	box-shadow:0 0 6px rgba(0,0,0,0.47);
	padding:25px 0px
}
.musteriler{
	float:left;
	margin:20px auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.40);
	width:100%;
    padding: 3px 0px;
}
.adres {
float: left;
    width: 277px;
}
#iletisim {
    float: left;
    width: 100%;
}
.harita{
	float:right;
	width:50%;
}