/* latin-ext */

@font-face {

  font-family: 'Titillium Web';

  font-style: normal;

  font-weight: 400;

  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(../fonts/7XUFZ5tgS-tD6QamInJTcSo_WB_cotcEMUw1LsIE8mM.woff2) format('woff2');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Titillium Web';

  font-style: normal;

  font-weight: 400;

  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(../fonts/7XUFZ5tgS-tD6QamInJTcZSnX671uNZIV63UdXh3Mg0.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin-ext */

@font-face {

  font-family: 'Titillium Web';

  font-style: normal;

  font-weight: 600;

  src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(../fonts/anMUvcNT0H1YN4FII8wpr_SNRT0fZ5CX-AqRkMYgJJo.woff2) format('woff2');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Titillium Web';

  font-style: normal;

  font-weight: 600;

  src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(../fonts/anMUvcNT0H1YN4FII8wpr46gJz9aNFrmnwBdd69aqzY.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin-ext */

@font-face {

  font-family: 'Titillium Web';

  font-style: normal;

  font-weight: 700;

  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(../fonts/anMUvcNT0H1YN4FII8wpr-y7CP8YvcHYdGV61pt7QTE.woff2) format('woff2');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Titillium Web';

  font-style: normal;

  font-weight: 700;

  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(../fonts/anMUvcNT0H1YN4FII8wprxP6Eu1_xfSBSoi9uie1FdE.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}

/* latin-ext */

@font-face {

  font-family: 'Titillium Web';

  font-style: normal;

  font-weight: 900;

  src: local('Titillium WebBlack'), local('TitilliumWeb-Black'), url(../fonts/anMUvcNT0H1YN4FII8wpr4raJW_TPRbuWfMPkVNer-Y.woff2) format('woff2');

  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Titillium Web';

  font-style: normal;

  font-weight: 900;

  src: local('Titillium WebBlack'), local('TitilliumWeb-Black'), url(../fonts/anMUvcNT0H1YN4FII8wpr6C95lFCEhr9IpXC9cjRuaU.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;

}
a, a:hover, a:focus {

  text-decoration: none;

  color: inherit;

}


body {

	margin:0px;

	padding:0px;

	font-family_: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-family: 'Titillium Web', sans-serif;

  font-size:14px;

  color:#333333;



}

textarea:focus, input:focus {outline: none;}

.yazi_ {font-size:14px; line-height:24px; padding:0px; margin:0px; }

.yazi_2 {font-size:15px; line-height:24px; padding:0px; margin:0px; }
.clear {clear:both;}

header {background:#FFF; border-bottom:4px #f0eded solid; margin:0px; padding:0px; position:relative;}

.header_ic {width:1170px; margin:0 auto; padding:24px 0px; min-height:inherit; position:relative;}

.header_ust {min-height:10px; position:relative; background:#097691;}

.header_ust_ic { padding:7px 0px; width:1170px; margin:0 auto; position:relative;}

.logo {border:0px; float:left; margin-top:0px;}

.menu {margin:0px; padding:0px; list-style:none; float:right; margin-top:11px; position:relative;}

.menu li {margin:0px; padding:0px; list-style:none; float:left;}

.menu li a{display:inline-block; padding:10px 15px; text-decoration:none; font-weight:600; font-size:15px; color:#333;}

.menu li a:hover{color:#097691;}

.menu ul li { list-style:none; margin:0px; width:100%; border-right:0px solid #999; z-index:10000;}

.menu li ul{ overflow:hidden; padding:0px; width:230px; display:none; margin:0px; z-index:10000; background:#FFFFFF; position:absolute; border:1px solid #e9e9e9; }

.menu li ul li a {font-weight:100; text-decoration:none; color:#333; font-size:12px; text-align:left; padding:8px 10px;; display:block; }

.menu li ul li a:hover {text-decoration:none; background:#f5f5f5; color:#333;}

/** .menu li a:hover, .menu li:hover a{color:#e20613; }*/

.menu li:hover ul{ display:block; }

.bilgidestek {float:right; border-bottom:#e0e0e0 solid 3px; background:#f2f2f2; padding:8px; width:184px; position:relative; margin-top:0px;}



.tel_bilgi {float:left;  height:auto; padding:0px 0px; font-size:14px; color:#c0c0c0; display:inline-block; margin-right:30px; margin-top:0px;}

.tel_bili_pad {padding:0px 0PX 0PX 0px;}

.tel_bilgi li {float:left; list-style:none; padding:0px; margin:0px; margin-right:14px; margin-left:0px;}

.tel_bilgi li {color:#f4f4f4; font-size:13px;}

.tel_bilgi li i{color:#FFFFFF; font-size:15px; margin-right:7px;}

.sosyal {float:right; margin-top:0px; margin-right:15px;}

.sosyal a{padding:0px 0px 0px 0px; line-height:28px; border:0px;  display:inline-block; float:left; margin-right:1px;  text-align:center; height:25px; width:25px;    transition: all 250ms ease-out;  }

.sosyal a:hover{background:#1eb453;}

.sosyal a:hover i{color:#FFFFFF;}

.sosyal i {color:#FFFFFF; font-size:15px;}

.sosyal_btn {position:absolute; right:0px; top:10px;}

.dia_ust {float:right; background:#ec7a4c; color:#FFFFFF; display:inline-block; transition: all 250ms ease-out;}

.dia_ust_logo {float:left; background:#63a4a0; display:inline-block; margin-right:10px; padding:7px 13px;}

.dia_ust span {padding:13px 13px 7px 0px; display:inline-block;}

.dia_ust a{text-decoration:none; color:#FFFFFF; display:block; }

.dia_ust:hover {background:#bc3738;}





.icerik {width:1170px; margin:0 auto; }

.icerik_padding {padding:25px 0px; min-height:400px;}



.baslik_renk2 {font-size:30px; font-weight:600; color:#1eb453; margin:0px; padding-bottom:20px; line-height:32px;}

.baslik_renk2_ { font-weight:200; color:#097691;}

.baslik_renk {font-size:25px; font-weight:400; color:#333333; margin:25px 0px; border-bottom:1px solid #dfdede; text-align:center; padding-bottom:5px;}

.baslik_renk_ {font-weight:600; color:#333333;}

.nedenbiz { }

.nedenbiz_div {float:left; width:339px; margin:0px 25px; margin-bottom:45px;}

.neden_biz_baslik { background:url(../images/icon.png) left no-repeat; padding-left:35px; font-weight:bold; font-size:16px; color:#000000; margin-bottom:10px;}

.neden_biz_text {font-weight:normal; font-size:14px; color:#868686; line-height:20px;}



.form_ {background:url(../images/bg_form.jpg) no-repeat center top; padding:42px 0px; }

.form_ic {width:1170px; margin:0 auto;}

.form_g {width:700px; float:right;}

.form_metin {width:430px; margin-right:32px; float:left; margin-top:50px;}

.arama_input_y { padding:10px; width:100%; color:#999; font-size:12px; border:0px solid #CCC;   box-sizing: border-box;      -webkit-box-sizing:border-box;      -moz-box-sizing: border-box; margin-bottom:10px; -webkit-border-radius: 5px;

  -moz-border-radius: 5px; border-radius:5px;}

  .textrea_y { font-family:Arial, Helvetica, sans-serif; height:90px; width:100%; background:#FFF; color:#999; padding:10px; font-size:12px; border:0px;   -webkit-box-sizing:border-box;      -moz-box-sizing: border-box; margin-bottom:10px; -webkit-border-radius: 5px;

    -moz-border-radius: 5px; border-radius:5px;}

    .formbtn_d {font-size:14px; text-align:center; font-weight:400; -webkit-border-radius: 5px;

      -moz-border-radius: 5px; border-radius:5px; background:#097691; color:#FFFFFF;  padding:9px 22px; margin-top:0px; display:inline-block; text-decoration:none; border:0px solid #e20613; cursor:pointer; float:right;}

      .formbtn_d:hover { color:#FFF; background:#1eb453;}

      .arama_input_yk {width:50px; margin-top:0px; padding:7px; border:0px; font-size:14px; margin-left:10px; -webkit-border-radius: 5px;

        -moz-border-radius: 5px; border-radius:5px;}



        .arama_input_y2, .arama_input_y2 select { padding:12px; width:100%; color:#999; font-size:12px; border:0px solid #eeeeee;   box-sizing: border-box;      -webkit-box-sizing:border-box;      -moz-box-sizing: border-box; margin-bottom:10px; -webkit-border-radius: 5px;

          -moz-border-radius: 5px; border-radius:5px; background:#eeeeee;}

          .textrea_y2 { font-family:Arial, Helvetica, sans-serif; height:90px; width:100%; background:#FFF; color:#999; padding:10px; font-size:12px; border:0px;   -webkit-box-sizing:border-box;      -moz-box-sizing: border-box; margin-bottom:10px; -webkit-border-radius: 5px;

            -moz-border-radius: 5px; border-radius:5px; background:#eeeeee;}

            .arama_input_yk2 {width:50px; margin-top:0px; padding:7px; border:0px; font-size:14px; margin-left:10px; -webkit-border-radius: 5px;

              -moz-border-radius: 5px; border-radius:5px; background:#eeeeee;}



              .iletisim_01 {font-weight:bold; min-width:110px; display:inline-block;}

              .iletisim_01 {display:inline-block;}

              .iletisim_cizgi_{border-bottom:1px solid #eeeeee; height:1px; margin:5px 0px;}

              .iletisim_icon {width:16px; height:16px; opacity:0.5; margin-top:3px; margin-right:7px; float:left;}



              .ilet_tablo {border-collapse:collapse; width:100%; float:none; margin:0PX 0PX; }

              .ilet_tablo td {padding:7px 4px; border-bottom:1px #dedede solid;}

              .ilet_tablo i {color:#006d77; font-size:18px;}



              footer {margin-top:20px;}

              .footer_iletisim {background:#075669; padding:55px 0px;}

              .footer_iletisim_ic {width:1170px; margin:0 auto;}

              .footer_son {background:#097691; padding:10px 0px; text-align:center;}

              .footer_son_ic {width:1170px; margin:0 auto;}

              .ilet_1 {float:left; margin-right:39px; border-right:solid 1px  #05313c; padding-right:38px; width:25%; height:80px; text-align:center; }

              .ilet_2 {float:left; margin-right:39px; border-right:solid 1px  #05313c; padding-right:38px; width:25%;  height:80px; }

              .ilet_3 {float:left; margin-right:39px; border-right:solid 1px  #05313c; padding-right:38px; width:17%; height:80px;}

              .ilet_4 {float:left; margin-right:39px; border-right:solid 0px  #05313c; padding-right:38px; width:14%; height:80px; }

              .footer_ilet_basik {color:#FFFFFF; font-size:15px; font-weight:bold; margin-bottom:13px;}

              .footer_ilet_text {font-size:14px; color:#FFFFFF; }

              .footer_icon {margin-right:10px; padding-top:5px; float:left;}

              .footer_copy {float:none; color:#FFFFFF;}

              .footer_ilet_basik i {font-size:16px;  margin-right:10px; vertical-align:central; }





              .tumu {font-size:16px; font-weight:600; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; background:#1eb453; color:#FFFFFF;  padding:12px 29px; margin-top:15px; display:inline-block; text-decoration:none;  }

              .tumu:hover {background:#097691 !important; color:#FFFFFF; }

              .main_yazi {line-height:24px; font-size:16px; text-align:center; margin-bottom:10px; margin-bottom:28px; color:#666}

              .sayfa__title {font-size:18px; font-weight:600; padding:10px 0px; color:#097691;}



              .referans_genel_div {margin-bottom:20px;}

              .referans_div {float:left; background:#eeeeee; width:271px; height:215px; margin:10px 10px; position:relative;}

              .referans_div_img {width:271px; height:215px;}

              .referans_div:hover .referans_bilgiler {display:block;}

              .referans_bilgiler { display:none; position:absolute; background:url(../images/opak.png) repeat; color:#FFFFFF; width:100%; height:100%; padding:45px 20px; -webkit-box-sizing:border-box;      -moz-box-sizing: border-box; text-align:center;}

              .firma {font-size:17px; color:#FFFFFF; font-weight:bold; line-height:22px;}

              .is{font-size:13px; color:#FFFFFF; line-height:21px;}

              .incele { z-index:100; font-size:14px; font-weight:bold; -webkit-border-radius: 5px;

                -moz-border-radius: 5px; border-radius:5px; background:#e20613; color:#FFFFFF;  padding:8px 20px; margin-top:7px; display:inline-block; text-decoration:none; border:1px solid #e20613; }

                .incele:hover {border:1px solid #FFFFFF;  color:#FFF; background:none;}

                .ref_link_ust {width:100%; height:100%; position:absolute; top:0px; left:0px;}



                .main_referans {margin:7px; padding:0px; list-style:none; position:relative;}

                .main_referans li{width:277px; height:275px; border-bottom:0px solid #CCCCCC; float:left; margin:5px; padding:0px; position:relative; transition: all 250ms ease-out; }

                .main_referans li a{text-decoration:none; display:block; position:relative; }

                .main_referans_img {border:0px; width:100%;  vertical-align:text-bottom;}

                .main_referans_yazi {border:0px;  font-size:14px; color:#333333; text-align:center; margin-top:14px; font-weight:600; text-decoration:none;}

                .detay {position:absolute; left:0px; top:0px; width:100%; height:100%; display:block;     transition: all 350ms ease-out; opacity: 0.0;   filter: alpha(opacity=00); }

                .detay i{border-radius:50%; padding:15px; font-size:35px; color:#FFFFFF; background:#097691; position:absolute; z-index:1; left:34%; top:35%;} 

                .siyah {position:absolute; left:0px; top:0px; background:#FFF; width:100%; height:100%;  opacity: 0.6;   filter: alpha(opacity=60); }

                .main_referans li_:hover .detay{display:block; }

                .main_referans li:hover .detay{opacity: 1.0;   filter: alpha(opacity=100);}



                .hizmet_genel_div {margin-bottom:20px;}

                .hizmet_div {float:left; background:#fff; width:369px; height:378px; margin:10px 10px; position:relative; border-bottom:0px solid #CCC;}

                .hizmet_div a {text-decoration:none;}

                .hizmet_div_img {max-width:100%; margin-bottom:10px; border:0px; border-top-left-radius:50px; border-bottom-right-radius:50px; }

                .hizmet_div_yazi {text-align:center; font-weight:700; line-height:inherit; font-size:18px; color:#097691; margin-bottom: 7px;}

                .hizmet_div_text {text-align:center; line-height:inherit; font-size:14px; color:#999;}



                .hizmet_detay_img {border:0px; float:left; width:100%; max-width:300px; margin-right:30px; margin-bottom:30px;}



                .hizmet_div2 {float:left; background:#fff; width:271px; height:326px; margin:10px 10px; position:relative; border-bottom:0px solid #CCC;}

                .hizmet_div2 a {text-decoration:none;}

                .hizmet_div_img2 {max-width:100%; margin-bottom:3px; border:0px;}

                .hizmet_div_yazi2 {text-align:center; font-weight:600; line-height:inherit; font-size:16px; color:#097691;}

                .hizmet_div_text2 {text-align:center; line-height:inherit; font-size:14px; color:#999;}



                .head_baslik {min-height:150px;}

                .head_baslik_ic {text-align:center;}

                .head_baslik_text {font-size:26PX; font-weight:600; color:#FFFFFF; padding-top:50px;}



                .donanim {float:left; margin:10px; width:30%;}

                .dkmn {
                  display: inline-block;
                  padding: 10px 20px;
                  border-radius: 5px;
                  background: #1a4e81;
                  color: #fff;
                  font-weight: 500;
                }
                .dkmn:hover {
                  display: inline-block;
                  padding: 10px 20px;
                  border-radius: 5px;
                  background: #1a4e81;
                  color: #fff;

                }

                .santoz {
                  margin-bottom: 10px;
                }
                .santozic{
                  margin-bottom: 10px;
                }
                .santoztext{

                }
                .santoztext b{
                  color: #f78f31;
                  font-size: 16px;
                  margin-bottom: 12px;
                }
                .santoztext p{
                  color: #999;
                  font-size: 14px;
                  margin:0px;
                  padding: 0px;
                }
                .santozi {
                  width: 75px;
                  height: 75px;
                  border-radius: 50%;
                  background: #f78f31;
                  text-align: center;

                }
                .santozi i{
                  color: #fff;
                  font-size: 30px;
                  line-height: 80px;
                }



                .whatsappdiv3{
                  background: #00e676;
                  color: #fff;
                  padding: 10px 10px;
                  position: fixed;
                  bottom: 0px;
                  right: 0px;
                  z-index: 3;
                  display: block;
                  text-align: center;
                  border-top:2px solid #09bd65;
                  transition: all 150ms ease-out;
                  box-sizing: border-box;
                  width: 100%;

                }

                .whatsappdiv3 i{
                  font-size: 25px;
                  color: #fff;
                }
                .whatsappdiv3 span{
                  display: inline-block;
                  color: #fff;
                  font-weight: 600;
                  font-size: 16px;
                }
                .whatsappdiv3 a{
                  display: block;

                }



                .whatsappdiv2{
                  margin: 0 auto;
                  margin-bottom: 25px;
                  background: #00e676;
                  color: #fff;
                  padding: 15px;
                  width: 65px;
                  height: 65px;
                  border-radius: 50%;
                  position: fixed;
                  bottom: 40px;
                  right: 40px;
                  z-index: 10;
                  text-align: center;
                  border:5px solid #00e676;
                  transition: all 150ms ease-out;
                }
                .whatsappdiv2 div{
                  position: relative;
                  z-index: 2;
                  background: #c31129;
                  color: #fff;
                  font-weight: 600;
                  padding: 4px 10px;
                  border-radius: 5px;
                  display: block;
                  margin-top:-50px; 
                  left: -60px;
                  width: 120px;
                  font-size: 12px;
                }
                .whatsappdiv2 i{
                  font-size: 45px;
                  line-height: 55px;
                  color: #fff;
                  transition: all 150ms ease-out;
                }
                .whatsappdiv2 a{
                  position: absolute;
                  display: block;
                  top: 0px;
                  left: 0px;
                  width: 100%;
                  height: 100%;
                }
                .whatsappdiv2:hover{ 
                  background: #fff;
                }

                .whatsappdiv2:hover i{
                  color: #00e676;
                }


.sol_baslik {
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 20px;
    border-radius: 0px;
    background: #01ae4c;
    padding: 11px 15px;
}

.sol_list {
    margin: 0px;
    padding: 15px;
    list-style: none;
    border: 2px solid #e9e9e9;
}

.sol_list li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
}

.sol_list li a {
    font-size: 15px;
    font-weight: 600;
    padding: 9px 0px;
    display: block;
    text-decoration: none;
    color: #333;
    border-radius: 0px;
    transition: all 0.3s;
    position: relative;
    margin-bottom: 0px;
}

.sol_list li a span {
    display: inline-block;
    position: relative;
    float: left;
    line-height: 34px;
    padding-top: 3px;
}

.sol_list li a span:after {
    content: "";
    width: 0px;
    height: 2px;
    background: #48aad8;
    display: block;
    bottom: 0px;
    left: 0px;
    margin-top: 5px;
    transition: all 0.3s;
}

.sol_list li a:hover span:after {
    width: 80px;
}

.sol_list li a i {
    margin-right: 7px;
    color: #025576;
    font-size: 14px;
    vertical-align: baseline;
}

.sol_list li a:hover {
    background: #097691;
    color: #fff;
}

.sol_list li a:hover i {
    transform: rotate(360deg);
}



                .ref_kategori {list-style:none; padding:0px; margin:0px; text-align:center; display:inline-block;}

                .ref_kategori li{list-style:none; padding:0px; margin:0px 7px 10px 0px; float:left; }

                .ref_kategori li a{display:inline-block; background:#097691; color:#FFFFFF; font-size:14px; text-align:center; padding:12px 25px; transition: all 250ms ease-out; text-decoration:none;} 

                .ref_kategori li a:hover {background:#1eb453;}



                .referans_header {min-height:90px; position:relative; background:#f4f4f4; }

                .referans_header_ic {width:1170px; margin:0 auto; position:relative;}

                .referans_header_baslik {font-size:28px; font-weight:600; color:#333333; margin:0px; text-align:center; padding:30px 0px 5px 0px;}

                .referans_sol {margin-right:60px; width:770px; float:left; margin-bottom:15px;}

                .referans_sag {width:339px;  float:right;}

                .ref_img {max-width:100%;}

                .proje_baslik {font-size:20px; font-weight:600; color:#333333; border-bottom:2px solid #e9e9e9; padding-bottom:7PX; margin-bottom:12px;}

                .proje_01 {font-size:14px; font-weight:bold; color:#097691; line-height:21px;}

                .proje_02 {font-size:14px; color:#333333; line-height:21px;}

                .proje_ww {text-decoration:none; color:#097691;}

                .proje_cizgi {height:1px; border-bottom:1px solid #e9e9e9; margin:5px 0px;}

                .www {font-size:14px; font-weight:bold; -webkit-border-radius: 5px;

                  -moz-border-radius: 5px; border-radius:5px; background:#1eb453; color:#FFFFFF;  padding:8px 20px; margin-top:7px; display:inline-block; text-decoration:none; border:1px solid #1eb453; }

                  .www:hover {border:1px solid #1eb453;  color:#333; background:none;}

                  .ref_geridon { font-size:14px; font-weight:normal; -webkit-border-radius: 5px;

                    -moz-border-radius: 5px; border-radius:5px; color:#333; background:none;  padding:8px 20px; margin-top:10px; display:inline-block; text-decoration:none; border:1px solid #1eb453; }

                    .ref_geridon:hover {border:1px solid #333;  color:#000; background:none;}



                    .responsive_menu_btn {float:right; z-index:3; padding:5px 9px; text-decoration:none;  display:none; background:#097691; border-radius:2px;}

                    .responsive_menu_btn i {color:#FFF; font-size:25px;}



                    #menu_mobil_acilan {cursor:pointer; display:none;  position:relative; float:right;  margin-top:40px;  margin-left:30px; }

                    #menu_mobil_acilan span{ font-family:Arial, Helvetica, sans-serif; padding:0px; font-size:14px; font-weight:bold; background:#e20613; color:#FFFFFF; display:block; }

                    #menu_mobil {padding:2px; display:none; border:0px solid #CCC; background:#fffff; margin-top:7px;}

                    #mobil_menu_ul {padding:0px; margin:0px; list-style:none;  }

                    #mobil_menu_ul li{float:inherit; padding:0px; margin:0px; list-style:none; background:#f4f4f4; margin-bottom:2px; }

                    #mobil_menu_ul li a{ padding:10px 10px; display:block; font-weight:bold; font-size:13px; color:#333333; text-decoration:none; }

                    #mobil_menu_ul .alink{margin-left:20px;  padding:5px 0px; display:block; font-weight:normal; font-size:13px; color:#666666; text-decoration:none; }



                    .oda_list {float:left;  list-style:none; margin:0px; margin:0px; margin-right:20px; width:31%; margin-bottom:10px;}

                    .oda_list i{margin-right:15px; color:#1eb453; font-size:20px; vertical-align:sub;}



/* #Tablet (Portrait)

================================================== */

/* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

@media only screen and (min-width: 768px) and (max-width: 1000px) {

  .header_ust_ic {width:768px;}

  .header_ic {width:768px;}

  .menu {display:none;}

  #menu_mobil_acilan {display:block;}

  .icerik {width:768px;}

  .form_ic {width:768px;}

  .form_g {width:430px; float:right;}

  .form_metin {width:299px;  float:left; margin-top:50px;}

  .nedenbiz_div {float:left; width:45%; margin:0px 15px; margin-bottom:45px; height:85px;}

  .referans_div {width:235px; height:186px; margin:10px 10px;}

  .referans_div_img {width:235px; height:186px;}

  .referans_bilgiler {height:100%; padding:13px 10px;}

  .hizmet_div {float:left; width:235px; height:310px;}



  .footer_iletisim_ic {width:768px;}

  .footer_son_ic {width:768px;}

  .ilet_1 {float:left; margin-right:7px; border-right:solid 0px  #d08610; padding-right:15px; width:18%; height:70px; margin-bottom:20px;  }

  .ilet_2 {float:left; margin-right:7px; border-right:solid 0px  #d08610; padding-right:15px; width:27%;  height:70px; margin-bottom:20px;}

  .ilet_3 {float:left; margin-right:7px; border-right:solid 0px  #d08610; padding-right:15px; width:22%; height:70px; margin-bottom:20px;}

  .ilet_4 {float:left; margin-right:0px; border-right:solid 0px  #d08610; padding-right:15px; width:21%; height:70px;  margin-bottom:20px;}

  .footer_ilet_basik { font-size:15px; font-weight:bold; padding-left:32px; margin-bottom:0px;}

  .referans_sol {margin-right:20px; width:490px; float:left;}

  .referans_sag {width:240px;  float:right;}

  .referans_header_ic {width:768px; }

  .responsive_menu_btn {display: block;}



  .oda_list {margin-right:20px; width:45%;}



}

/* #Mobile (Landscape)

================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

  footer {
    margin-bottom: 50px;
  }


  .header_ic {width:480px;}

  .header_ust_ic {width:480px;}

  .menu {display:none;}

  #menu_mobil_acilan  {display:block;}

  .bilgidestek {display:none;}

  .tel_bilgi {float:none;  padding-bottom:10px;}

  .sosyal {float:none;}

  .icerik {width:480px;}

  .form_ic {width:480px;}

  .form_g {width:100%; float:none; margin-top:30px;}

  .form_metin {width:100%; margin-right:0px; float:none; margin-top:0px; }

  .nedenbiz_div {float:left; width:99%; margin:0px 0px; margin-bottom:45px;}

  .referans_div {width:230px; height:186px; margin:5px 5px;}

  .referans_div_img {width:230px; height:186px;}

  .referans_bilgiler {height:100%; padding:13px 10px;}

  .hizmet_div {float:left; width:230px; height:310px; margin:5px 5px;}

  .footer_son_ic {width:480px;}

  .footer_iletisim_ic {width:480px;}

  .ilet_1 {float:left; margin-right:0px; border-right:solid 0px  #d08610; padding-right:0px; width:99%; height:90px; margin-bottom:10px; }

  .ilet_2 {float:left; margin-right:0px; border-right:solid 0px  #d08610; padding-right:0px; width:99%;  height:90px; margin-bottom:10px;}

  .ilet_3 {float:left; margin-right:0px; border-right:solid 0px  #d08610; padding-right:0px; width:99%; height:90px; margin-bottom:10px;}

  .ilet_4 {float:left; margin-right:0px; border-right:solid 0px  #d08610; padding-right:0px; width:99%; height:90px;  margin-bottom:10px;}

  .footer_ilet_basik { font-size:15px;}

  .referans_sol {margin-right:0px; width:100%; float:left;}

  .referans_sag {width:100%;  float:right;}

  .referans_header_ic {width:480px; }

  .footer_copy {float:none;}

  .baslik_renk2, .baslik_renk {font-size:24px;}

  .responsive_menu_btn {display: block;}

  .head_baslik {min-height:70px;}

  .head_baslik_text {font-size:20PX; font-weight:600; color:#FFFFFF; padding:17px;}



  .donanim {float:left; margin:10px; width:100%;}

  .oda_list {margin-right:0px; width:100%;}

 .whatsappdiv2{
    display: none;
  }

}



/*  #Mobile (Portrait)

================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 479px) {

  footer {
    margin-bottom: 50px;
  }

  .logo {width:130px;}
  .logo10 {width:100px;}

  .header_ust_ic {width:300px; }

  .header_ic {width:300px;}

  .menu {display:none;}

  #menu_mobil_acilan  {display:block;}

  .bilgidestek {display:none;}

  .tel_bilgi {float:none;  padding-bottom:10px; margin-right:0px;}

  .sosyal {float:none;}

  .dia_ust {float:none;}

  .icerik {width:300px;}

  .form_ic {width:300px;}

  .form_g {width:100%; float:none; margin-top:30px;}

  .form_metin {width:100%; margin-right:0px; float:none; margin-top:0px; }

  .nedenbiz_div {float:left; width:99%; margin:0px; margin-bottom:45px;}

  .referans_div {width:140px; height:111px; margin:5px 5px;}

  .referans_div_img {width:140px; height:111px;}

  .referans_bilgiler {height:100%; padding:5px 10px;}

  .incele {padding:2px 6px;}

  .firma {font-size:13px; display:none;  }

  .is{font-size:13px; display:none;}

  .hizmet_div {float:left; width:140px; height:255px; margin:5px 5px;}

  .head_baslik {min-height:70px;}

  .head_baslik_text {font-size:20PX; font-weight:600; color:#FFFFFF; padding:17px;}



  .footer_son_ic {width:300px;}

  .footer_iletisim_ic {width:300px;}

  .ilet_1 {float:left; margin-right:0px; border-right:solid 0px  #d08610; padding-right:0px; width:99%; height:90px; margin-bottom:30px; }

  .ilet_2 {float:left; margin-right:0px; border-right:solid 0px  #d08610; padding-right:0px; width:99%;  height:90px; margin-bottom:10px;}

  .ilet_3 {float:left; margin-right:0px; border-right:solid 0px  #d08610; padding-right:0px; width:99%; height:90px; margin-bottom:10px;}

  .ilet_4 {float:left; margin-right:0px; border-right:solid 0px  #d08610; padding-right:0px; width:99%; height:90px;  margin-bottom:10px;}

  .footer_ilet_basik { font-size:15px;}

  .referans_sol {margin-right:0px; width:100%; float:left;}

  .referans_sag {width:100%;  float:right;}

  .referans_header_ic {width:300px; }

  .formbtn_d {float:none; margin-top:10px;}

  .footer_copy {float:none;}

  .baslik_renk2, .baslik_renk {font-size:20px;}

  .responsive_menu_btn {display: block;}



  .donanim {float:left; margin:10px; width:100%;}

  .oda_list {margin-right:0px; width:100%;}


  .hizmet_div { 
    width: 100%;
    height: auto;
  }
  .hizmet_div2 { width:141px; height:230px; margin:4px; }

  .hizmet_div_yazi2 {font-size:15px;}

  .hizmet_div_text2 {font-size:13px; }
  .whatsappdiv2{
    display: none;
  }


}