﻿@font-face { font-family: 'ProximaBold'; src: url('../fontlar/Proxima/proximanova-bold_0-webfont.eot'); src: url('../fontlar/Proxima/proximanova-bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fontlar/Proxima/proximanova-bold_0-webfont.woff') format('woff'), url('../fontlar/Proxima/proximanova-bold_0-webfont.ttf') format('truetype'), url('../fontlar/Proxima/proximanova-bold_0-webfont.svg#proxima_nova_boldbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaLight'; src: url('../fontlar/Proxima/proximanova-light_0-webfont.eot'); src: url('../fontlar/Proxima/proximanova-light_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fontlar/Proxima/proximanova-light_0-webfont.woff') format('woff'), url('../fontlar/Proxima/proximanova-light_0-webfont.ttf') format('truetype'), url('../fontlar/Proxima/proximanova-light_0-webfont.svg#proxima_nova_lightlight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaRegular'; src: url('../fontlar/Proxima/proximanova-regular_0-webfont.eot'); src: url('../fontlar/Proxima/proximanova-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fontlar/Proxima/proximanova-regular_0-webfont.woff') format('woff'), url('../fontlar/Proxima/proximanova-regular_0-webfont.ttf') format('truetype'), url('../fontlar/Proxima/proximanova-regular_0-webfont.svg#proxima_nova_regularregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpetRegular'; src: url('../fontlar/opet/opettra-webfont.eot'); src: url('../fontlar/opet/opettra-webfont.eot?#iefix') format('embedded-opentype'), url('../fontlar/opet/opettra-webfont.woff') format('woff'), url('../fontlar/opet/opettra-webfont.ttf') format('truetype'), url('../fontlar/opet/opettra-webfont.svg#opet_trregular') format('svg'); font-weight: normal; font-style: normal; }

html { height: 100%; box-sizing: border-box; }

*,
*:before,
*:after { box-sizing: inherit; }
* { orphans: inherit; margin: 0; padding: 0; }
body {font-family: Arial !important;font-weight: 300;font-size: 14px;color: #222221;line-height: 18px;position: relative;margin: 0;padding-bottom: 6rem;min-height: 100%;}
a {color: #222221;text-decoration: none;}
    a:hover { text-decoration: none; color: #151e26; }
img, iframe, table { max-width: 100%; border: none; }
img { height: auto; }
b, strong { font-family: ProximaBold; }
ul, li { list-style: none; vertical-align: top; margin: 0; padding: 0; }
button, input, select, textarea { font-family: Arial; font-size: 100%; vertical-align: baseline; background: none; border: none; margin: 0; }
    button[disabled], input[disabled] { cursor: default; }
textarea { overflow: auto; vertical-align: top; }
    textarea:focus, input:focus, select:focus { outline: none; }
.loading { background: url(../img/loading.gif) no-repeat center; }
.left { width: auto; height: auto; float: left; }
.right { width: auto; height: auto; float: right; }
.clr { clear: both; }
.center { width: 980px; margin: 0 auto; }
.icerik_resim { margin: 10px; }

#container { }

#header { width: 100%; height: auto; padding-top: 5px; position: relative; z-index: 10; background: #dcdcdc; }
    #header .logo { width: 270px; height: auto; float: left; margin-top: 10px; margin-left: -50px; }
    #header .header_sag { width: 680px; height: auto; float: right; }
        #header .header_sag .ustmenu { height: 40px; float: right; }
            #header .header_sag .ustmenu a { border-right: 1px solid #52514f; padding: 0px 5px 0px 5px; }
        #header .header_sag .diller { float: right; }
            #header .header_sag .diller a { margin-left: 5px; }
            #header .header_sag .diller img { max-height: 17px; }

        #header .header_sag .arama { width: 300px; height: 44px; float: right; }
            #header .header_sag .arama .txtarama { width: 263px; height: 25px; padding: 0px 5px 0px 5px; background: #fff; float: left; color: #808080; }
            #header .header_sag .arama .btnarama { float: left; width: 27px; height: 25px; background: url(../img/btnarama.png) no-repeat top left; cursor: pointer; }

        #header .header_sag ul.ortamenu { font-size: 17px; font-family: OpetRegular; color: #52514f; float: right; }
            #header .header_sag ul.ortamenu li { float: left; margin-left: 20px; }
            #header .header_sag ul.ortamenu a { color: #52514f; }
                #header .header_sag ul.ortamenu a:hover { color: #2876bb; }
            #header .header_sag ul.ortamenu .ortamenu_aktif a { color: #2876bb; }
            #header .header_sag ul.ortamenu li:first-child { margin-left: 0px; }

.anasayfa .solpasif { margin-top: 0px !important; }


.menuler .mainmenu ul li { text-transform: uppercase; }
    .menuler .mainmenu ul li ul li { border: none; }
.menuler .mainmenu .home { padding-left: 0; }
.menuler .mainmenu ul li:last-child { padding-right: 0; border-right: none; }
.menuler .mainmenu { font-size: 17px; font-family: OpetRegular; color: #52514f; float: right; margin-top: 75px; }
    .menuler .mainmenu ul { margin: 0; }
    .menuler .mainmenu li ul > li:first-child a { padding-top: 10px; }
    .menuler .mainmenu li ul > li:last-child a { padding-bottom: 10px; }
    .menuler .mainmenu li ul > li > ul > li:first-child a { padding-top: 10px !important; }
    .menuler .mainmenu li ul > li > ul > li:last-child a { padding-bottom: 10px !important; }
    .menuler .mainmenu li ul > li > ul > li a { padding-top: 5px !important; padding-bottom: 5px !important; }
    .menuler .mainmenu li { white-space: nowrap; display: block; position: relative; margin: 0; padding: 0; z-index: 100; }
    .menuler .mainmenu a { display: block; position: relative; color: #171717; padding: 8px 15px 8px 10px; }
        .menuler .mainmenu a:hover { color: #fff; }
    .menuler .mainmenu ul li ul li a { font-size: 15px; }
    .menuler .mainmenu a:hover {text-decoration: none;background: rgba(40, 118, 187, .8);}
    .menuler .mainmenu a.home:hover { background: none; }
    .menuler .mainmenu li.submenu > a:hover, .mainmenu li.submenu:hover {background: #2876bb url(../img/marrow.png) no-repeat 99%;cursor: pointer;}
    .menuler .mainmenu li.submenu:hover a { color: #fff; }
    .menuler .mainmenu li.submenu > a { cursor: default; }
    .menuler .mainmenu > ul > li { float: left; }
        .menuler .mainmenu > ul > li:last-child { margin-right: 0; }
    .menuler .mainmenu li ul { display: none; position: absolute; top: 100%; z-index: 100; min-width: 150px; }
    .menuler .mainmenu li:hover > ul { display: block; }
    .menuler .mainmenu li ul li.submenu > a { background: rgba(149,27,4,0.8) url(../img/sarrow.png) no-repeat 100% 13px; }
    .menuler .mainmenu li ul li.submenu:first-child > a { background: rgba(149,27,4,0.8) url(../img/sarrow.png) no-repeat 100% 28px; }
        .menuler .mainmenu li ul li.submenu:first-child > a:hover { background: #52514F url(../img/sarrow.png) no-repeat 100% 28px; }
    .menuler .mainmenu li ul li.submenu > a:hover { background: #52514F url(../img/sarrow.png) no-repeat 100% 13px; }
    .menuler .mainmenu li ul li a:hover { background: #52514F; }
    .menuler .mainmenu li ul li:last-child { border-bottom: 1px solid #2e2823; }
    .menuler .mainmenu li ul li a {padding: 5px 15px 5px 10px;line-height: 24px;background: rgba(40, 118, 187, .8);color: #fff;}
    .menuler .mainmenu li ul li ul { top: -1px !important; left: 100% !important; padding: 0 !important; }

#header .banner { margin: 10px auto auto auto; text-align: center; border-bottom: 3px solid #2876bb; }
.anasayfa .banner { height: auto; }
.altsayfa .banner { max-height: 382px; overflow: hidden; }

#main { position: relative; z-index: 9; padding: 10px 0px; /* Height of the footer */ }
    #main .sol { width: 246px; height: auto; float: left; margin-top: 30px; }
    #main .sag { width: 680px; height: auto; float: right; margin-top: 30px; }
    #main .sol .solmenu { border: 3px solid #d4d8dd; background: #fff url(../img/golge.png) no-repeat bottom; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; padding: 30px 15px; }
    #main .solpasif { width: 100% !important; float: none !important; }


    #main .sag h1 { color: #2876bb; font: normal 24px ProximaBold; display: none; }
    #main .sag .breadcrumb { color: #848fa1; font-size: 13px; }
        #main .sag .breadcrumb a { color: #848fa1; padding: 0px 7px 0px 7px; }
            #main .sag .breadcrumb a:first-child { padding: 0px 7px 0px 0px; }
            #main .sag .breadcrumb a:hover { color: #111; }
.sag_icerik { border-top: 3px solid #d5d9de; padding-top: 20px; margin-top: 5px; }
.sol_reklamlar { margin-top: 20px; }
    .sol_reklamlar img { margin-top: 10px; }

#footer { position: absolute; bottom: 0; width: 100%; height: 227px; background: #292929; z-index: 9; }
    #footer .center { padding: 10px 0px 10px 0px; }

.ayrintilar {min-width: auto;line-height: 25px;margin-top: 10px;color: #fff;background: #2876bb url(../img/ar3.jpg) no-repeat top right;padding: 0px 32px 0px 10px;display: table;}
    .ayrintilar a { color: #fff; }

.anasayfa .anasayfaicerik_li { width: 310px; height: 360px; float: left; margin-left: 25px; }
    .anasayfa .anasayfaicerik_li:first-child { margin-left: 0px; }
.anasayfaicerik_li_img { width: 100%; height: 165px; overflow: hidden; margin-bottom: 20px; }
    .anasayfaicerik_li_img img { width: 100%; min-height: 100%; border-radius: 6px; }
.anasayfaicerik_li strong { font: normal 20px ProximaBold; height: 48px; display: table; width: 100%; }
.anasayfaicerik_li_icerik { height: 75px; margin-top: 8px; overflow: hidden; }

#urunler, #urunler2, #urunler3 { width: 100%; height: 360px; overflow: hidden; position: relative; z-index: 9; }
    #urunler li, #urunler2 li, #urunler3 li { list-style: none; display: block; height: 360px; width: 100%; }
.oklar { float: right; margin-top: -145px; position: relative; z-index: 999; }
    .oklar img { outline: none; cursor: pointer; }

.icerik_gorselleri { margin-top: 20px; clear: both; text-align: center; }
.gorsel_li { text-align: center; }
    .gorsel_li img { height: 76px; margin-bottom: 20px; margin-right: 10px; }

ul.kadrolar li { clear: both; margin-top: 15px; }
    ul.kadrolar li .kadrolarli { border: 3px solid #ebebeb; border-radius: 10px; display: block; padding: 10px 10px 25px 10px; }
        ul.kadrolar li .kadrolarli:hover { border: 3px solid #999; background: #f3f4f5; }
.kadro_img { width: 130px; height: 83px; overflow: hidden; margin-right: 20px; float: left; }
    .kadro_img img { height: 83px; width: auto; }
.kadro_icerik { float: left; }
    .kadro_icerik b { font: normal 16px ProximaBold; }
    .kadro_icerik p { padding-top: 10px; }

.blog_tarih { background: #fcb300; }
ul.blog .devami { margin-top: 0px; }
ul.blog li { clear: both; margin-top: 25px; }
    ul.blog li .blogli { border-bottom: 1px dotted #ccc; display: block; padding: 10px; }
        ul.blog li .blogli:hover { border-bottom: 1px dotted #999; background: #f3f4f5; }
.blog_tarih { width: 52px; height: 102px; margin-right: 13px; font-size: 12pt; color: #fff; border-radius: 8px; }
.blog_tarih_ay { text-align: center; line-height: 20px; padding-top: 30px; }
.blog_baslik { display: table; }
.blog_sag { width: 89%; float: right; }
.blog_icerik { margin-top: 10px; }
.blog_baslik h2 { font-size: 15pt; font-weight: 700; }
.blog_resmi { width: 202px; height: auto; float: left; margin-right: 15px; }
img.blog_resmi { max-width: 202px; width: auto; height: auto; float: left; margin-right: 15px; margin-bottom: 5px; margin-top: 10px; }
.duyuru_resmi { float: left; margin-right: 15px; }

.blog_hit { font-style: italic; padding-top: 5px; }
.blog_tags { width: auto; height: auto; font-size: 12px; text-align: left; margin-top: 10px; clear: both; }
    .blog_tags a { color: #969696; background: #efefef; float: left; margin: 2px 2px 0 0; padding: 3px 5px; }
button, input[type=button], input[type=reset], input[type=submit], .duyurular .oklar .next { cursor: pointer; }
.textaligncenter, .blog_tarih_gun { text-align: center; }

.devami { background: #2876bb; float: right; border-radius: 0 0 10px 0px; cursor: pointer; color: #fff; text-decoration: none; padding: 2px 16px; margin-top: -25px; margin-right: 2px; }
    .devami:hover { background-color: #52514f; }
    .devami a { color: #fff; }

#footer ul.altmenu li { width: 32%; float: left; color: #fff; margin-right: 1%; }
    #footer ul.altmenu li b { font: normal 18px OpetRegular; color: #2876bb; margin-bottom: 10px; display: block; }
    #footer ul.altmenu li .altmenu_icerik a { color: #fff; width: 50%; float: left; }
    #footer ul.altmenu li:last-child { float: right; text-align: right; margin-right: 0px; }
#footer .copyright { margin-top: 10px; padding-top: 10px; color: #fff; padding-bottom: 10px; }
    #footer .copyright img { vertical-align: middle; opacity: 0.2; float: right; }
        #footer .copyright img:hover { opacity: 1; }

    #footer ul.altmenu:after, #footer .copyright:after, #header .banner:after { content: ''; display: block; clear: both; }

.iletisim_formu { color: #2876bb; }
.iletisim_formu_satir { margin-bottom: 8px; width: 100%; overflow: hidden; }
    .iletisim_formu_satir input[type=text], .iletisim_formu_satir input[type=password], .iletisim_formu_satir textarea { width: 100%; font: normal 15px ProximaLight; color: #3e3e3f; border: 1px solid #dcdcdc; background: #dcdcdc; padding: 4px 15px; }
    .iletisim_formu_satir textarea { display: block; height: 97px; overflow: auto; }
    .iletisim_formu_satir input.txtcaptca { width: 90px !important; vertical-align: top; }
    .iletisim_formu_satir input[type=submit] { background: #2876bb; border-radius: 5px; padding: 4px 15px 1px 15px; color: #fff; font-family: ProximaBold; font-size: 18px; }
        .iletisim_formu_satir input[type=submit]:hover { background: #2876bb; }

.iletisim .sag_icerik { padding-top: 0px; }
.iletisim iframe { border: 3px solid #e1e1e1; margin-bottom: 20px; width: 99%; }
.iletisim p { margin-bottom: 4px; }

ul.siteharitasi a { color: #595764; }
    ul.siteharitasi a:hover { color: #752354; }
ul.siteharitasi ul { margin: 15px 5px 15px 20px; }
ul.siteharitasi li { margin-top: 10px; font: normal 18px ProximaBold; }
ul.siteharitasi ul li { font: normal 16px ProximaRegular; }
.accordioncontainer { display: block; }
/*.accordionheader { border-left: 4px solid #fdcf3c; cursor: pointer; margin-top: 3px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 3px; font-family: ProximaBold; font-size: 16px; padding: 8px 8px 8px 10px; }*/
.accordionheader { cursor: pointer; font-weight: 700; font-size: 15px; color: #d21560; display: block; vertical-align: middle; background: url(../img/sssOk.png) no-repeat 640px center #f3f3f3; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; position: relative; padding: 17px 40px 17px 10px; margin-bottom: 8px; }
/*.accordionheaderhover { border-left: 4px solid #fd9f1a; cursor: pointer; }*/
.accordionheaderhover { background: url(../img/sssOk-aktif.png) no-repeat 640px center #f3f3f3; }
.accordioncontent { overflow: hidden; display: none; padding: 5px 10px 5px 20px; }

.basinli { width: 142px; height: 112px; float: left; border-right: 1px solid #c2c6c9; border-bottom: 1px solid #c2c6c9; padding: 10px; }
    .basinli .basinimg { width: 100%; height: 92px; overflow: hidden; text-align: center; margin: 0 auto; }
    .basinli .basinbaslik { font: normal 13px ProximaRegular; color: #545f75; padding-top: 5px; }
    .basinli:hover { background: #eee; }

.urun_li { width: 190px; height: 160px; float: left; margin-right: 30px; }
.urunresim:hover { border: 3px solid #ccc; }
.urunresim { width: 190px; height: 101px; background: #fff; display: table; #position:relative; overflow: hidden; text-align: center; margin: 0 auto; border: 3px solid #e3e3e3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.urunresim_iceresim {#position:absolute; #top:50%; #left:50%; display: table-cell; vertical-align: middle; }
.urunresim_enicresim { max-width: 180px; max-height: 95px; #position:relative; #top:-50%; #left:-50%; }
.urunresim_baslik { margin-top: 6px; line-height: 16px; }
    .urunresim_baslik h5 { color: #50555d; font: normal 15px ProximaBold; }

.ululi { width: 100%; }
    .ululi li { width: 32%; height: 265px; float: left; margin-right: 2%; }
        .ululi li:nth-child(3n+3) { margin-right: 0px; }
.uluresim { border-top: 5px solid #fcb300; width: 100%; height: 116px; position: relative; }
    .uluresim:hover { border-top: 5px solid #2876bb; }
    .uluresim img { max-height: 100%; height: auto !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.ulubaslik { padding: 12px 0px 12px 0px; height: 60px; overflow: hidden; text-align: center; display: table; width: 100%; }
    .ulubaslik h5 { font-family: ProximaBold; font-size: 16px; }
.ululi .ayrintilar { margin: 0px auto; }

.urun_gorseller { width: 290px; height: auto; float: left; margin-right: 15px; margin-bottom: 10px; }
.urun_detay { width: 340px; height: auto; float: right; }

.sayfalama { margin-top: 20px; text-align: center; font: normal 20px ProximaBold; color: #fff; }
    .sayfalama a, .sayfalama span { background: #2d84c6; text-align: center; padding: 5px 10px 5px 10px; color: #fff; margin-right: 1px; }
        .sayfalama a:hover { background: #292929; color: #fff !important; }
    .sayfalama .active { background: #292929; }
    .sayfalama .disabled { background: #A9DAFF; }
    .sayfalama .pageno { display: block; text-align: center; padding-bottom: 10px; font-size: 16px; color: #2d84c6; }
        .sayfalama .pageno b { color: #ccc; }

.gallery_widget a { float: left; height: 105px; overflow: hidden; margin-right: 10px; margin-top: 20px; position: relative; width: 150px; margin-left: 10px; }
    .gallery_widget a:hover strong { opacity: 1; }
    .gallery_widget a img { float: left; width: 150px; height: 105px; }
    .gallery_widget a strong { opacity: 0; background: rgba(0,0,0,0.5); bottom: 0; cursor: pointer; display: table; height: 105px; left: 0; position: absolute; right: 0; top: 0; width: 150px; }
        .gallery_widget a strong span { #position: absolute; #top: 50%; color: #FFF; display: table-cell; font-weight: bold; line-height: 1; padding: 10px; text-align: center; vertical-align: middle; width: 130px; }
        .gallery_widget a strong b { #position: relative; #top: -50%; display: block; filter: alpha(opacity=100); opacity: 1; }

.videolist li { float: left; height: 175px; overflow: hidden; margin-right: 10px; margin-top: 20px; position: relative; width: 162px; }
    .videolist li:nth-child(4n+4) { margin-right: 0px; }
    .videolist li img { float: left; width: 162px; height: 105px; margin-bottom: 10px; }
.video_baslik { font-size: 12px; }


.dokumanlarim { width: 100%; display: table; margin-bottom: 20px; }
.dokuman_indir { font: bold 16px ProximaRegular; display: table; width: 100%; margin-bottom: 15px; }
#dokumanlar { width: 100%; border: 1px solid #d8d8d8; background: #fefefe; display: table; }
.dokuman_icerikleri li { width: 100%; display: table; border-bottom: 1px solid #d8d8d8; }
    .dokuman_icerikleri li:last-child { border-bottom: none; }
.dokuman_icerikleri a { color: #171717; }
.usttaraf { width: 100%; height: 30px; text-align: center; background: #efefef; }
    .usttaraf li { float: left; width: 27%; font: bold 16px ProximaRegular; margin-top: 5px; }
        .usttaraf li:first-child { width: 20%; }
        .usttaraf li:last-child { width: 26%; float: right; }

.dosya_resim { float: left; height: 63px; width: 20%; padding-top: 20px; text-align: center; border-right: 1px solid #d7d7d7; }
.katalog_bilgi, .dosyaadi, .boyut { float: left; height: 63px; width: 27%; padding-top: 20px; text-align: center; border-right: 1px solid #d7d7d7; font: bold 16px ProximaRegular; }
.katalog_tarihi { float: right; height: 63px; width: 25%; padding-top: 20px; text-align: center; font: bold 16px ProximaRegular; }



.yorum_gonder { float: left; margin-top: 40px; width: 373px; text-align: center; }


.teklif_formu { text-align: right; margin-bottom: 5px; margin-right: 10px; }
.musteri_formu { color: #1A1A18; }
.musteri_formu_baslik { font: normal 20px ProximaBold; color: #52514F; text-align: center; }
.musteri_formu_satir { margin-bottom: 8px; width: 100%; overflow: hidden; }
    .musteri_formu_satir input[type=text], .musteri_formu_satir input[type=password], .musteri_formu_satir textarea { width: 94%; height: 21px; font: normal 15px ProximaRegular; color: #3e3e3f; border: 1px solid #dcdcdc; background: #dcdcdc; padding: 4px 3%; }
    .musteri_formu_satir textarea { display: block; height: 97px; overflow: auto; border: 1px solid #dcdcdc; background: #dcdcdc; width: 94%; padding: 4px 3%; }
    .musteri_formu_satir input.txtcaptca { width: 130px !important; vertical-align: top; }
    .musteri_formu_satir input[type=submit] { font: normal 18px ProximaBold; background: #1A1A18; border-radius: 5px; padding: 4px 0px; color: #fff; width: 100%; }
        .musteri_formu_satir input[type=submit]:hover { background: #CE632F; }


    .musteri_formu_satir table { width: auto; float: left; }
        .musteri_formu_satir table tr { float: left; width: 50%; }
            .musteri_formu_satir table tr label { margin-left: 5px; }
            .musteri_formu_satir table tr input { margin-top: 2px; }
.musteri_formu_lbl { float: left; margin-right: 10px; color: #1A1A18; padding: 1px 0px; }

.musteri_yorumlari { float: right; width: 770px; margin-top: 36px; }
    .musteri_yorumlari li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed; height: 95px; }
.musterilist li { padding-bottom: 10px; margin-bottom: 9px; border-bottom: 1px dashed; }
    .musterilist li:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }
.musteri_adi { font: normal 18px ProximaBold; color: #52514F; padding-bottom: 5px; }
.musteri_yorum { color: #52514F; text-align: justify; font-size: 15px; }
    .musteri_yorum a { color: #52514F; }
.musteri_baslik { color: #E51E25; font: normal 24px ProximaBold; margin-bottom: 15px; }


.slicknav_menu { display: none; }

/* notebook */
@media (max-width: 1024px) {
    .center { width: 99%; }
    #header .logo { margin-left: 0px; }

    .fluid_dg_wrap .fluid_dg_pag .fluid_dg_pag_ul { margin: -50px auto !important; }
}

@media (max-width: 966px) {
    .anasayfa .anasayfaicerik_li { width: 31%; }
}

@media (max-width: 768px) {
    #menu { display: none; }
    .slicknav_menu { display: block; }
    .menuler .mainmenu li.submenu > a:hover, .mainmenu li.submenu:hover {background: #2876bb url(../img/marrow.png) no-repeat 99%;cursor: pointer;}

    #header .logo { float: none; margin: 0 auto 10px; }
    #header .header_sag { float: none; width: auto; display: table; margin: 0 auto; }
        #header .header_sag .arama { height: auto; margin-top: 5px; }
    .teklif_formu { float: right; }

    #main .sol, #main .sag { float: none; width: 100%; }
        #main .sol .solmenu { border: none; background: none; padding: 0px; }

    .iletisim_formu_satir input.txtcaptca { width: 260px !important; }
    .iletisim_formu_satir input[type=submit] { width: 100%; padding: 10px 2.5%; }

    .sag_icerik { width: 100%; display: table; }

    .accordionheader { background: url(../img/sssOk.png) no-repeat 98% center #f3f3f3; }
    .accordionheaderhover { background: url(../img/sssOk-aktif.png) no-repeat 98% center #f3f3f3; }
}

/* ihone 6 Plus - Dikey */
@media (max-width: 736px) {
    .ululi li, .ululi li:nth-child(3n+3) { margin-right: 25px; }
        .ululi li:nth-child(4n+4) { margin-right: 0px; }
    #footer { height: auto; }
}

/*ihone 6 - Yatay*/
@media (max-width: 667px) {
    .anasayfa .anasayfaicerik_li { width: 100%; float: left; margin-left: 0%; margin-bottom: 15px; }
}

/* Tablet */
@media (max-width: 603px) {
    .gallery_widget a { width: 22%; margin: 20px 1.5% 0px; }
}

/* Yan tutuş */
@media (max-width: 568px) {
}

/* Yan tutuş */
@media (max-width: 480px) {
    #footer ul.altmenu li { width: 100%; float: none; margin-right: 0px; margin-bottom: 10px; }
    #lblSosyalAgBaslik { text-align: center; }
    .sosyalag { display: table; margin: 0 auto; }
}

/* ihone 6 Plus - Dikey */
@media (max-width: 414px) {
    .teklif_formu { float: none; margin: 0 auto 5px; display: table; }
    .fluid_dg_caption { font-size: 15px !important; }

    .videolist li { float: none; margin: 10px auto; width: 100%; height: auto; }
        .videolist li img { float: none; margin: 0 auto 5px; width: auto; height: auto; display: table; }
    .video_baslik { text-align: center; }

    .gallery_widget a { width: 98%; margin: 20px auto 0px; float: none; height: auto; display: table; text-align: center; }
        .gallery_widget a img { width: auto; height: auto; float: none; }

    #footer .center, #main.center { padding: 10px 15px; }
	
	.blog_tarih { width:15%; margin-right:2%; }
	.blog_sag {    width: 80%;}
}

/* ihone 6 - Dikey */
@media (max-width: 375px) {
}

/* Samsung s4, sony xperia z */
@media (max-width: 360px) {
}

/* iPhone 4-5 */
@media (max-width: 320px) {
}
