html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;vertical-align: baseline;font-family:klavika_lightregular}
a{text-decoration:none;transition:all 0.35s ease-in-out 0s}
body { line-height: 1}
table { border-collapse:collapse; border-spacing:0}
ol,ul { list-style:none; } 
table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } input, textarea{outline:none}
a img { border: none; }
.hide {display: none} .block {display: block} .inline {display: inline} .float-l{float:left} .float-r{float:right}
.clearfix:after, .container:after {  content: "\0020";  display: block;  height: 0;  clear: both;  visibility: hidden;  overflow:hidden; }
.clearfix {display: block}
*:first-child+html .clearfix {display:inline-block}
.clear { clear:both; }

@font-face { font-family: 'klavika_lightregular'; src: url('../font/klavika_light-webfont.eot'); src: url('../font/klavika_light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/klavika_light-webfont.woff') format('woff'),  url('../font/klavika_light-webfont.ttf') format('truetype'), url('../font/klavika_light-webfont.svg#klavika_lightregular') format('svg'); font-weight: normal; font-style: normal}

@font-face {font-family: 'klavika_boldregular';src: url('../font/klavika_bold-webfont.eot'); src: url('../font/klavika_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/klavika_bold-webfont.woff') format('woff'), url('../font/klavika_bold-webfont.ttf') format('truetype'), url('../font/klavika_bold-webfont.svg#klavika_boldregular') format('svg'); font-weight: normal;font-style: normal}

@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
/*CSS RESET KODLARI SON*/
#cssmenu {margin: 0;width: auto;padding: 0;line-height: 1;display: block;position: relative;z-index:999999}
#cssmenu ul {  list-style: none;margin: 0;padding: 0;display: block}
#cssmenu ul:after {  content: ' ';display: block;font-size: 0;height: 0;clear: both;visibility: hidden}
#cssmenu ul li {  margin: 0;padding: 0;display: block;position: relative}
#cssmenu ul li a {  text-decoration: none;display: block;margin: 0;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease}
#cssmenu ul li ul {  position: absolute;left: -9999px;top: auto;background:#fff}
#cssmenu ul li ul li {  max-height: 0;position: absolute;-webkit-transition: max-height 0.4s ease-out;-moz-transition: max-height 0.4s ease-out;-ms-transition: max-height 0.4s ease-out;-o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;border-top:1px dotted #b7b7b7}
#cssmenu ul li ul li:first-child{border-top:none}
  #cssmenu ul li ul li.has-sub:after {  display: block;position: absolute;content: '';height: 10px;width: 10px;border-radius: 5px;z-index: 1;top: 13px;right: 15px}
#cssmenu ul li ul li.has-sub:before {  display: block;position: absolute;content: '';height: 0;width: 0;border: 3px solid transparent;border-left-color: #ffffff;z-index: 2;top: 15px;right: 15px}
#cssmenu ul li ul li a {  font-size:14px;letter-spacing: 0;display: block;padding: 11px 10px 11px 20px;width:240px;color:#133653;background:url(../img/s.png) -151px 16px  no-repeat;transition:all 0.25s ease-in-out 0s}
#cssmenu ul li ul li ul{display: none;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a {  color: #c12727;padding-left:30px;width:230px}
#cssmenu ul li ul li:hover:after, #cssmenu ul li ul li.active:after {  background: #c12727}
#cssmenu ul li ul li:hover > ul {  left: 170px;top: 0}
#cssmenu ul li ul li:hover > ul > li {  max-height: 72px;position: relative}
#cssmenu > ul > li {  float: left;margin:0 20px 0 0}
#cssmenu > ul > li:after {  content: '';display: block;position: absolute;width: 100%;height: 0;top: 0;z-index: 0;-webkit-transition: height .2s;-moz-transition: height .2s;
  -ms-transition: height .2s;-o-transition: height .2s;transition: height .2s}
#cssmenu > ul > li > a {  color: #033a4f;padding: 15px 20px;letter-spacing: 1px;font-size: 15px;z-index: 2;position: relative}
#cssmenu > ul > li:hover:after, #cssmenu > ul > li.active:after {  height: 100%;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {  color: #c12727}
#cssmenu > ul > li:hover > a:after, #cssmenu > ul > li.active > a:after {  background: #000000}
#cssmenu > ul > li:hover > a:before, #cssmenu > ul > li.active > a:before {  border-top-color: #ffffff}
#cssmenu > ul > li:hover > ul {  left: 0}
#cssmenu > ul > li:hover > ul > li {  max-height: 72px;position: relative}
#cssmenu #menu-button {  display: none}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu{background:#69c1ed}
  #cssmenu > ul {max-height: 0;overflow: hidden;-webkit-transition: max-height 0.35s ease-out;-moz-transition: max-height 0.35s ease-out;-ms-transition: max-height 0.35s ease-out;-o-transition: max-height 0.35s ease-out;transition: max-height 0.35s ease-out}
  #cssmenu > ul.open {max-height: 1000px;border-top: 1px solid rgba(110, 110, 110, 0.25)}
  #cssmenu ul {width: 100%}
  #cssmenu ul > li {float: none}
  #cssmenu ul li a {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 12px 20px}
  #cssmenu ul > li:after {display: none}
  #cssmenu ul li.has-sub > a:after, #cssmenu ul li.has-sub > a:before, #cssmenu ul li ul li.has-sub:after, #cssmenu ul li ul li.has-sub:before {display: none}
  #cssmenu ul li ul, #cssmenu ul li ul li ul, #cssmenu ul li ul li:hover > ul {left: 0;position: relative;background:none}
  #cssmenu ul li ul li, #cssmenu ul li:hover > ul > li {max-height: 999px;position: relative;background: none}
  #cssmenu ul li ul li a {padding: 8px 20px 8px 35px;width: auto}
  #cssmenu ul li ul ul li a {padding: 8px 20px 8px 50px}
  #cssmenu ul li ul li:hover > a {color: #000000}
  #cssmenu #menu-button {display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 15px 20px;text-transform: uppercase;font-weight: 700;font-size: 14px;letter-spacing: 1px;color: #ffffff;cursor: pointer}
  #cssmenu #menu-button:after {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;right: 20px;top: 16px}
  #cssmenu #menu-button:before {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #ffffff;right: 20px;top: 26px}
  #f-sol{display: none;}
}

/*CSS MENÜ SON*/

body{background:url(../img/bg.jpg) no-repeat center top #f8f8f8}
.ortala{width:940px;margin:0 auto}
#header{}
#header-ust{height:56px}
#dil{width:110px;margin:0px 0 0 35px;float:left}
#dil a{width:16px;height:11px;display:block;text-indent:-99999px;background:url(../img/s.png) 0 0 no-repeat;float:left;margin:18px 10px 0 0}
#en-dil{background-position:-30px 0px !important}

#logo{width: 119px;margin: -16px auto 0;/*padding-left:15px;*/}
#logo img
{
    width: 215px;
    height: 75px;
    margin-left: -32%;
    margin-top: 14%;
}
#logo h1 a{display:block;width:119px;height:38px;background:url(../img/logo.png) no-repeat;text-indent:-99999px}

#sosyal-medya{width:110px;margin:-25px 25px 0 0;float:right}
#sosyal-medya ul{}
#sosyal-medya ul li{float:left}
#sosyal-medya ul li a{width:22px;height:22px;display:block;text-indent:-99999px;margin-left:5px;opacity:0.7;background:url(../img/s.png) 0 -29px no-repeat}
#sosyal-medya ul li a:hover{opacity:1}
#youtube{background-position:-27px -29px !important}
#twitter{background-position:-54px -29px !important}
#referanslar .item {  border: solid 3px #fff;background:;padding:5px 5px;margin:5px;color: #FFF;text-align: center;height: 100px;}
.references .container .readAllReferences a {padding: 7px 10px;background: rgb(0, 110, 195);width: auto;position: absolute;bottom: -44px;font-family: "Open Sans";font-weight: 300;text-transform: uppercase;right: 0px;color: #FFF;}
#referanslar .item img {width: 100%;height: 100px;}
#referanslar-index-img {width: 208px;height: 118px;}
#iletisim-adres-div {
  background-color: #f3f3f3;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 2%;
  font-size: 16px;
}
#iletisim-text {
  margin-left: 10px;
}
#iletisim-input {
  height: 38px;
  width: 97%;
  background-color: white;
  border: 1px solid #DBDBDB;
  padding-left: 20px;
  color: black;
  font-size: 16px;
  -moz-box-shadow: inset 0px 0px 45px #F4F4F4;
  -webkit-box-shadow: inset 0px 0px 45px #F4F4F4;
  box-shadow: inset 0px 0px 45px #F4F4F4;
  margin-top: 12px;
}
#iletisim-textarea {
   width: 97%;
  background-color: white;
  border: 1px solid #DBDBDB;
  padding-left: 20px;
  color: black;
  font-size: 16px;
  -moz-box-shadow: inset 0px 0px 45px #F4F4F4;
  -webkit-box-shadow: inset 0px 0px 45px #F4F4F4;
  box-shadow: inset 0px 0px 45px #F4F4F4;
  margin-top: 12px;
  height: 130px !important;
  resize: none;
}
#content-li-bg{

  background-color: #329DEB;

  height: auto;

  list-style-type: none;

  margin-top: 1px;

  cursor: pointer;

  padding: 8px;

  

}





#content-li-bg:hover{

  background-color: #60BFF9;

}



#content-li-bg a{

  /*margin-left: 25px;*/

  color: white;

  list-style-type: none;

  text-decoration: none;

}



.slider{margin-top:18px}

#kutular{margin:19px 0 15px}
.kutu{width:300px;float:left;margin-left:20px}
.kutu1{margin-left:0px !important}
.kutu h3, #bizden-haberler h3, #bize-ulasin h3{font-size:16px;color:#0466ac;background:url(../img/s.png) 0px -237px repeat-x;margin-bottom:13px}
.kutu h3 span{background:#f8f8f8;padding:0 10px}
.kutu img{width:294px;border:3px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,0.15);height:100px;}
.kutu p{font-size:12px;color:#303030;font-family: 'Open Sans';line-height:1.5  ;height: 101px;}
.devami{float:right;position:relative;top:8px;margin-bottom:2%;font-size:13px;color:#034b7e;padding-right:5px}


#haber-ulas{}
#bizden-haberler{width:590px;background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.15);padding:14px;float:left;height: 132px;}
#bizden-haberler h3, #bize-ulasin h3{display:block;float:left;width:84%}
#bizden-haberler h3 span, #bize-ulasin h3 span{background:#fff;padding:0 10px 0 4px}
#tumu{float:left;background:#9eb9d3;border-radius:2px;display:block;padding:3px 13px;color:#fff;font-size:12px}
#tumu:hover{background:#65809b}
.slide{}
.slide img{float:left;width:102px;margin:10px 10px 0 0} 
.slide p{float:left;width:460px;font-size:13px;color:#303030;line-height:2;padding-top:6px}


#bize-ulasin {background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.15);padding:14px;float:right;width:270px}
#bize-ulasin h3{width:100%}
#bize-ulasin #spanlar span{font-size:14px;color:#303030;line-height:2}
#adres{background:url(../img/adres-icon.png) 0px 9px no-repeat;padding:3px 0 3px 22px;display:block}
#telefon{background:url(../img/s.png) 0px -110px no-repeat;padding:10px 0 3px 22px}
#fax{background:url(../img/s.png) 0px -186px no-repeat;padding:10px 0 3px 22px;margin-left:10px}
#mail-adres a{background:url(../img/s.png) 0px -149px no-repeat;padding:10px 0 3px 22px;margin-top:5px;color:#303030}



#multimedya{background:url(../img/footer-bg.jpg) center top no-repeat;margin:15px 0 0px;height:190px}
#multimedya h3{display:block;float:left;width:92%;font-size:16px;color:#fff;background:url(../img/s.png) 0px -269px repeat-x;margin:21px 0 13px}
#multimedya h3 span{background:#05406d;padding:0 10px 0 10px}
#tumu2{float:left;background:#fff;border-radius:2px;display:block;padding:3px 13px;color:#062d4f;font-size:12px;margin-top:21px}

#multimedya ul{}
#multimedya ul li{float:left;width:134px;border:3px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,0.15);margin-left:19px;background:#fff;border-bottom:none}
#multimedya ul li img{width:134px}
#multimedya ul li:first-child{margin-left:0px}
#multimedya ul li a{position:relative;display:block}
#multimedya ul li a span{position:absolute;left:0;right:0;text-align:center;width:134px;height:80px;padding-top:21px;opacity:0;transition:all 0.35s ease-in-out 0s;background:rgba(255,255,255,0.8);font-size:16px;color:#303030}
#multimedya ul li a:hover{}
#multimedya ul li a:hover span{opacity:1}

#footer .ortala{padding:25px 25px 15px 25px;box-shadow:0px 3px 5px rgba(0,0,0,0.15);width:890px;margin:-10px auto 20px;line-height:1.3}
#f-sol{font-size:13px;color:#7e7e7e;float:left;width:70%}
#f-sol a{color:#7e7e7e}
#f-sol a:hover{text-decoration:underline}
#f-sol span{display:block;color:#b2b2b2}
#f-sag{float:right;width:30%}
#f-sag p{text-align:right;font-size:13px;color:#7e7e7e}


.alt-sayfa-baslik{box-shadow:0px 0px 5px rgba(0,0,0,0.15);background:#fff;border:3px solid #fff;height:199px;margin:19px 0}
.hizmetlerimiz{background-repeat: no-repeat; width:100%}
.mm{background:url(../img/multimedya-bg.jpg) no-repeat;width:100%}
.bize-ulas{background:url(../img/bize-ulas-bg.jpg) no-repeat;width:100%}
.alt-sayfa-baslik h2{background:rgba(255,255,255,0.8);border:1px solid #fff;font-size:20px;color:#36383c;font-family: 'klavika_boldregular';text-transform:uppercase;margin:114px 0 0 0	;float:right;padding:20px;width:36%;text-align:right}


#conrainer{box-shadow:0px 0px 5px rgba(0,0,0,0.15);background:#fff;padding:15px}
#hizmetler{width:665px;float:left}
#sayfalama{margin-bottom:20px;font-size:13px;color:#a5a5a5}
#sayfalama a{color:#a5a5a5}
.hizmet-list{}
.hizmet-list li{width:323px;float:left;height:150px;margin:0 4px 20px}
.hizmet-img{border-radius:50%;float:left;position:absolute}
.hizmet-img img{border-radius:50%;border:6px solid #fff;box-shadow:0px 0px 5px rgba(0,0,0,0.15);width: 120px;height: 120px}
.hizmet-list li p{background:#e3e3e3;padding:14px 25px 10px 80px;margin:20px 0 0 80px;font-size:13px;color:#111;line-height:1.3;min-height:70px;}
.incele{background:#2999e9;padding:3px 7px 3px 180px;margin:0px 0 0 80px;font-size:13px;color:#fff}
.incele:hover{background:#13629a}

#sidebar{float:right;width:227px;background:url(../img/sidebar-bg.jpg) no-repeat;height:auto;margin-bottom:30px}
#sidebar ul{margin-top:10px}
#sidebar ul li{border-top:1px dotted #9fc1df}
#sidebar ul li:first-child{border-top:none}
#sidebar ul li a{font-size:14px;color:#fff;padding:10px 20px;display:block;background:url("../img/s.png") no-repeat scroll -191px -19px}
#sidebar ul li a:hover{background:url("../img/s.png") no-repeat scroll -181px -19px rgba(255,255,255,0.15)}

.paging{margin:20px auto;width:270px}
.paging li{float:left;margin:0 3px}
.paging li a{font-size:15px;color:#5b5b5b;padding:7px 10px;background:#e3e3e3}
.paging li a:hover, .aktif{color:#fff !important;background:#0a4376 !important}

.mm-list{}
.mm-list li{width:211px;float:left;height:190px;text-align:center}
.mm-list p{background:#e3e3e3;padding:80px 1px 7px 0;margin:71px 5px 0 0;font-size:13px;color:#111;line-height:1.3;border-bottom:9px solid #2999e9}
.mm-list .hizmet-img{margin-left:27px}

#bize-ulasin2{}
#bize-ulasin2 h3{font-size:18px;color:#083c69;line-height:1.5}
#bize-ulasin2 h4{font-size:12px;color:#a5a5a5;font-family:Open Sans;border-bottom:1px dotted #a4aebb;padding-bottom:5px;margin-bottom:20px}
.form{}
.form-ust{}
.form-ust ul{}
.form-ust ul li{width:440px;float:left;margin-bottom:10px}
.form-ust ul li span, .form-alt ul li span{font-size:13px;color:#5d5d5d;font-family:Open Sans;width:140px;float:left;position:relative;top:6px}
.form-ust ul li span strong, .form-alt ul li strong{float:right;font-weight:normal}
.form-ust ul li input{float:left;margin-left:25px;background:url(../img/input-bg.jpg) no-repeat;border:none;width:248px;height:33px;padding:0 5px;color:#666}

.form-alt{}
.form-alt ul{}
.form-alt ul li{}
.form-alt ul li textarea{background:url(../img/mesaj-input-bg.jpg) 0 0 no-repeat;border:none;width:682px;height:82px;margin-left:25px;font-size:13px;color:#5d5d5d;font-family:Open Sans;padding:10px}
.form-alt input{background:url(../img/submit-bg.jpg) no-repeat;width:258px;height:33px;cursor:pointer;border:none;font-size:18px;color:#fff;font-family: 'klavika_lightregular';text-shadow:1px 1px 2px #ffa42c;float:right;margin:15px 45px 30px 0}

#iletisim-bilgileri{float:left;width:49%}
#iletisim-bilgileri h3{border-bottom:1px dotted #a4aebb;padding-bottom:5px;margin-bottom:20px}
#iletisim-bilgileri #spanlar{}
#iletisim-bilgileri #adres{background-position:0px 2px}
#iletisim-bilgileri #telefon{}
#iletisim-bilgileri #fax{}
#iletisim-bilgileri #mail-adres{background:url(../img/s.png) 0px -149px no-repeat;padding:10px 0 3px 22px;margin-top:5px;color:#303030}
.ic-bilgi a{color:#303030;line-height:2;display:block}
.ic-bilgi{display:block;line-height:1.4;font-size:13px;color:#4e4e4e;font-family:Open Sans;margin-bottom:30px}

#google-harita{float:right;width:49%}
#google-harita h3{border-bottom:1px dotted #a4aebb;padding-bottom:5px;margin-bottom:20px}

.yanyana{float:left;width:40%}
#footer-img{background:url(../img/footer-bg.jpg) center top no-repeat;height:40px}


/* Tablet Screen Sizes */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.ortala{width:760px;margin:0 auto}
#footer .ortala{width:710px;margin:0 auto}
#cssmenu > ul > li{margin:0 10px 0 0}
#cssmenu > ul > li > a{padding:15px 10px}
.kutu{width:32%;margin-left:2%}
.kutu img{width:99%}
#bizden-haberler{width:63%}
#bize-ulasin{width:29%}
.slide p{width:71%}
#bize-ulasin #spanlar span{font-size:80%}
#fax{display:block;margin-left:0px;padding:0 0 1px 22px;background-position:0 -195px}
#multimedya ul li{width:14%;margin-left:15px}
#multimedya ul li img{width:100%}
#multimedya ul li a span{padding:16px 0 25px;width:100%;font-size:13px;height:auto}
#multimedya ul {margin-top:15px}
.hizmetlerimiz, .mm, .bize-ulas{width:99%}
#sidebar{width:100%;background:#349fea;height:auto}
#sidebar ul li a{padding:10px 20px 10px 270px}
#hizmetler{float:none;margin:0 auto}
.form-alt ul li textarea{width:544px}
.form-alt input{margin-right:1px}
.bxslider span{font-size:17px !important}
}
 
/* Mobile Landscape Screen Sizes */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.ortala{width:465px;margin:0 auto}
#sosyal-medya{width:auto;margin-right:5px}
#dil{margin-left:5px}
#footer .ortala{width:420px;margin:0 auto}
#cssmenu{margin:1px 0 0px}
#cssmenu > ul > li{margin:0 0px 0 0}
#cssmenu > ul > li > a{padding:15px 10px}
.kutu{width:90%;margin:20px auto;float:none}
.kutu1{margin:0 auto !important}
.kutu img{width:99%}
#bizden-haberler{width:90%;padding:5% !important}
#bize-ulasin{width:90%;padding:5%}
.slide p{width:71%;line-height:1.4}
#bize-ulasin #spanlar span{font-size:80%}
#fax{display:block;margin-left:0px;padding:0px 0 1px 22px;background-position:0 -195px}
#multimedya{background:url("../img/footer-bg.jpg") repeat-y scroll center top;height:auto;padding-bottom:15px}
#multimedya h3{width:85%}
#multimedya h3 span{background:#03497C}
#multimedya ul li{width:24%;margin-left:15px;margin-bottom:10px}
#multimedya ul li:first-child{margin-left:15px}
#multimedya ul li img{width:100%}
#multimedya ul li a span{padding:20px 0 25px;width:100%;font-size:13px;height:auto}
#multimedya ul {margin:15px 0 0 20px}
.hizmetlerimiz, .mm, .bize-ulas{width:99%}
#sidebar{width:100%;background:#349fea;height:auto}
#sidebar ul li a{padding:10px 20px 10px 25px}
#hizmetler{float:none;margin:0 auto;width:99%}
.form-alt ul li textarea{width:238px}
.form-alt input{margin-right:12px}
.bxslider span{font-size:12px !important;padding:10px !important;top:20% !important}
#cssmenu > ul > li{border-top:1px solid #fff}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a {  color: #c12727;padding-left:40px;width:auto}
#cssmenu ul li ul li{border-top:none}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:17px !important;right:17px !important}
#kutular{margin:40px auto 0;width:100%}
.bx-wrapper .bx-next{right:-16px !important}
.bx-wrapper .bx-prev{right:0px !important}
#iletisim-bilgileri, #google-harita{width:100%}
#f-sol{width:100%;margin-bottom:20px}
#f-sag{width:100%}
#f-sag p{text-align:left}
}
/* Mobile Portrate Screen Sizes */
@media only screen and (max-width: 479px) {
.ortala{width:98%;margin:0 auto}
#footer .ortala{width:85%;margin:0 auto;padding:5%}
#sosyal-medya{width:auto;margin:27px 5px 15px 0}
#sosyal-medya a{opacity:1 !important}
#dil{margin:55px 5px 18px}
#cssmenu{margin:1px 0 0px}
#cssmenu > ul > li{margin:0 0px 0 0}
#cssmenu > ul > li > a{padding:15px 10px}
.kutu{width:90%;margin:20px auto;float:none}
.kutu1{margin:0 auto !important}
.kutu img{width:99%}
#bizden-haberler{width:90%;padding:5% !important}
#bize-ulasin{width:90%;padding:5%}
#adres{background-position:0 -74px}
.slide p{width:57%;line-height:1.3}
#bize-ulasin #spanlar span{font-size:80%}
#fax{display:block;margin-left:0px;padding:0px 0 1px 22px;background-position:0 -191px}
#multimedya{background:url("../img/footer-bg.jpg") repeat-y scroll center top;height:auto;padding-bottom:15px}
#multimedya h3{width:77%}
#multimedya h3 span{background:#03497C}
#multimedya ul li{width:24%;margin-left:15px;margin-bottom:10px}
#multimedya ul li:first-child{margin-left:15px}
#multimedya ul li img{width:100%}
#multimedya ul li a span{padding:7px 0 5px;width:100%;font-size:13px;height:auto}
#multimedya ul {margin:15px 0 0 20px}
.hizmetlerimiz, .mm, .bize-ulas{width:99%}
#sidebar{width:100%;background:#349fea;height:auto}
#sidebar ul li a{padding:10px 20px 10px 25px}
#hizmetler{float:none;margin:0 auto;width:99%}
.form-alt ul li textarea{width:238px}
.form-alt input{float:left}
.bxslider span{font-size:12px !important;padding:10px !important;top:20% !important}
#cssmenu > ul > li{border-top:1px solid #fff}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a {  color: #c12727;padding-left:40px;width:auto}
#cssmenu ul li ul li{border-top:none}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:8px !important;right:3px !important}
#kutular{margin:50px auto 0;width:100%}
.bx-wrapper .bx-next{right:-16px !important}
.bx-wrapper .bx-prev{right:0px !important}
#iletisim-bilgileri, #google-harita{width:100%}
.slider{margin:43px 0 30px}
#f-sol{width:100%;margin-bottom:20px}
#f-sag{width:100%}
#f-sag p{text-align:left}
#bizden-haberler h3, #bize-ulasin h3{width:75%}
.mm-list{width:208px;margin:0 auto}
.form-ust ul li{width:100%;float:none}
.form-ust ul li span, .form-alt ul li span{top:-5px}
.form-ust ul li input, .form-alt ul li textarea{margin-left:0px}
}