@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,900,700italic,700,600italic,600,400italic,300,300italic,200italic,200&subset=latin,latin-ext); 
.dropdown-menu .divider{height:1px;margin:2px 0;overflow:hidden;background-color:#e5e5e5}
#resim1{width:47%; margin-bottom:25px;}
#resim2{width:49%;}
.harita_duzen {
    width: 100%;
    height: 450px;
    margin: 5px auto;
    display: block;
} 
#harita_bosluk {
    padding: 20px;
}
.milli_mucadele_ucaklari_sol h5 {text-align:left;}
.milli_mucadele_ucaklari_sol img {margin-right:15px; margin-right:10px;}
#MuzikDetay{  
    display:none; 
	    transition-property:width; 
    transition-duration: 0.5s;
    transition-delay: 0.1s;
    margin-top: -10px;
    transition-timing-function: ease-in-out;

} 
#Muzik{  
    cursor:pointer; 
	
}
.fa-border{margin-bottom:40px; text-align:left; width:100%; float:left; border-radius:5px !important; color:black; padding-bottom:30px;}
.fa-border p{text-align:justify;}
.eser_yukseklik{height:200px;}
#margin_left_eksi_15{margin-left:-15px;}
.panel-heading {
    background: linear-gradient(#fff, #e6dcc7);
}

.ul_none {
    list-style-type: none;
}

#top {
    height: 60px;
    bottom: 50px;
    display: none;
    position: fixed;
    right: 20px;
    cursor: pointer;
}

#ana_resim {
    background: rgba(216, 209, 196, 0.2);
}

.yumusak_kenar {
    border-radius: 10px;
}

.navbar-collapse.collapse {
    height: 35px !important;
}

    .navbar-collapse.collapse ul {
        margin-top: -13px;
    }

.dropdown-menu { 
    background: linear-gradient(#e2dcd1, #fdf5e5);
    background: -moz-linear-gradient(#e2dcd1, #fdf5e5); /* FF3.6+ */
    background: -webkit-linear-gradient(#e2dcd1,#fdf5e5); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#e2dcd1,#fdf5e5); /* Opera11.10+ */
    background: -ms-linear-gradient(#e2dcd1,#fdf5e5); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2dcd1', endColorstr='#fdf5e5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(#e2dcd1,#fdf5e5); /* W3C */
	
}

#alt {
    margin-top: 90px;
}

.modal-title {
    font-size: 15px;
}
/* LightBox; Üst Kısımdaki Açıklama Yazısı */
.bosluk_ayar {
    margin-bottom: 30px;
}
 
.row a {
    color: black;
}

    .row a:hover {
        color: black;
    }

.logos {
    margin-left: 110px;
    transition-property: width;
    transition-duration: 0.5s;
    transition-delay: 0.1s;
    margin-top: -10px;
    transition-timing-function: ease-in-out;
}

.hareket {
    transition-property: width;
    transition-duration: 0.5s;
    transition-delay: 0.1s;
    margin-top: -10px;
    transition-timing-function: ease-in-out;
}

.hareket2 {
    transition-property: width;
    transition-duration: 0.5s;
    transition-delay: 0.1s;
    margin-top: -10px;
    transition-timing-function: ease-in-out;
}

.golge {
    box-shadow: 0 5px 10px 1px #c1bbaf;
}

.ortali {
    margin: 0 auto;
    max-width: 1070px;
}

#menu_ort {
    margin: 0 auto;
    max-width: 1111px;
}

.container-fluid {
    overflow: hidden;
    min-height: 100%;
    position: relative;
}

.navbar-collapse {
    text-transform: none;
    font-size: 16px;
}

#bs-example-navbar-collapse-1 {
    text-align: left;
    background: linear-gradient(#e9d7b2, #f5efe3);
    background: -moz-linear-gradient(#cec8be, #f5efe3); /* FF3.6+ */
    background: -webkit-linear-gradient(#cec8be,#f5efe3); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#cec8be,#f5efe3); /* Opera11.10+ */
    background: -ms-linear-gradient(#cec8be,#f5efe3); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cec8be', endColorstr='#f5efe3',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(#cec8be,#f5efe3); /* W3C */
}

.yukari-cek-p {
    margin-top: 1px;
    text-align: center;
    font-size: 12px;
}

#m-cek a {
    color: black;
}

.navbar-default {
    margin-top: -35px;
}

#mcek {
    margin-top: -55px;
}

#n-cek {
    margin-top: -5px;
}

#foot-coulomb {
    background: linear-gradient(#e9d7b2, #f5efe3);
    background: -moz-linear-gradient(#cec8be, #f5efe3); /* FF3.6+ */
    background: -webkit-linear-gradient(#cec8be,#f5efe3); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#cec8be,#f5efe3); /* Opera11.10+ */
    background: -ms-linear-gradient(#cec8be,#f5efe3); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cec8be', endColorstr='#f5efe3',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(#cec8be,#f5efe3); /* W3C */
    height: 39px;
}

.cek-out {
    background-repeat: repeat-x;
    margin-top: -30px;
}

.footer-yazi {
    padding-top: 9px;
}

.footer-link {
    color: #554846;
    text-decoration: none;
    padding-top: 10px;
}

    .footer-link:hover {
        color: #554846;
        text-decoration: none;
        padding-top: 10px;
    }

.footcol {
    margin-top: -15px;
    margin-left: 350px;
    text-align: center;
}

.contfood {
    margin-top: -23px;
    height: 20px;
    margin-bottom: -100px;
}
footer{bottom:0px;}
html, body {
  height: 100% !important;
}
.container-fluid{ 
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -56px; }
.footer2 {
    background-repeat: repeat-x;
    margin-bottom: -400px;
}

.yazi {
    text-align: center;
    margin-top: 20px;
    margin-left: 30px;
}

.bayrak {
    float: right;
    margin-top: 15px;
    padding-bottom: 5px;
    margin-right: 130px;
}

.logocek {
    margin-top: -40px;
    margin-left: 4px;
}

.contain {
    width: 1067px;
    text-align: center;
}

.yazi {
    margin-top: 40px;
    margin-left: -100px;
}

.arka {
    background: linear-gradient(#e9d7b2, #f5efe3);
    background: -moz-linear-gradient(#cec8be, #f5efe3); /* FF3.6+ */
    background: -webkit-linear-gradient(#cec8be,#f5efe3); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#cec8be,#f5efe3); /* Opera11.10+ */
    background: -ms-linear-gradient(#cec8be,#f5efe3); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cec8be', endColorstr='#f5efe3',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(#cec8be,#f5efe3); /* W3C */
}

p {
    text-transform: none;
}

#icerik {
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
}

#span {
    margin-top: -28px;
}

.mobil-komutanlik {
    display: none;
}

.finish {
    max-width: 1300px;
    margin: 0 auto;
}

.six-team {
    height: 130px;
    margin-top: -110px;
    background-repeat: repeat-x;
}

.cent {
    margin-bottom: 15px;
}

.six-team-light {
    height: 30px;
    margin-top: 30px;
    background-repeat: repeat-x;
}

.komutanlik {
    float: right;
    margin-right: -85px;
    margin-top: -70px;
}

.navbas3 {
    background-repeat: repeat-x;
    margin: 0 auto;
    max-width: 1300px;
    margin-top: 10px;
    height: 150px;
}

.sekizbolme {
    max-width: 1300px;
    margin: 0 auto;
    display: table;
}

    .sekizbolme p {
        vertical-align: middle;
    }

.navbas2 {
    height: 102px;
    background-repeat: repeat-x;
    padding-bottom: 25px;
}

.cek {
    margin-top: -15px;
}

#giris {
    background-repeat: repeat-x;
}

.text-justify {
    font-family: 'Titillium Web', sans-serif;
}

.content-image {
    padding-right: 10px;
}

#detay {
    background-color: #fff;
    max-width: 1062px;
    border-radius: 10px;
    padding: 40px;
    margin-top: 40px;
    width: 100%;
    text-align: justify;
    margin: 0 auto;
}

.baslik {
    color: #e51900;
}

.aktif {
    color: black;
    text-transform: none;
    text-decoration: none;
}

    .aktif:hover {
        color: black;
        text-transform: none;
        text-decoration: none;
    }

    .aktif a {
        text-decoration: none;
    }

.yonlendirme {
    margin-left: 15px;
    padding-top: 10px;
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif;
    color: #9b8d70;
    margin-top: -14px;
}

    .yonlendirme a {
        text-decoration: none;
        color: #9b8d70;
    }

        .yonlendirme a:hover {
            text-decoration: none;
            color: #9b8d70;
        }

.sayfa_yonlendirme {
    z-index: 8;
    background-color: #ddd9cf;
    font-size: 5px;
    height: 40px;
    margin-top: 22px;
    width: 100%;
    position: relative;
}

.six-zero {
    margin-top: 20px;
}

.navigation {
    position: relative;
    margin-right: 20px;
    margin-bottom: 5px;
    float: right;
    z-index: 1;
    text-transform: none;
    font-size: 12px;
    font-family: 'Titillium Web', sans-serif;
    color: #bea87f;
}

    .navigation a {
        color: #bea87f;
    }

        .navigation a:hover {
            text-transform: none;
            text-emphasis: none;
            color: #bea87f;
        }

.site {
    margin-left: 20px;
}

.goz {
    margin-left: -40px;
}

.logo {
    margin-top: -15px;
}

.mobilimage {
    display: none;
    width: 100%;
}

body {
    background-color: #fdf5e5;
    font-family: 'Titillium Web', sans-serif; 
   height:100%;

}

.altili {
    text-align: center;
    text-decoration: none;
    color: #000;
    margin-bottom: 20px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    font-weight: 200;
}

.altili2 {
    text-decoration: none;
    color: #000;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -1px;
    padding-top: 5px;
}

a:hover {
    text-decoration: none;
}

.altili3 {
    text-decoration: none;
    color: #554846;
    margin-left: -45px;
    margin-bottom: 20px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.cent img {
    margin: 0 auto;
    text-align: justify;
}

.anaresim {
    background-image: url(../img/slide.jpg);
    height: 544px;
    margin-top: -32.5px;
}

.sekizli_desen {
    padding: 3px;
    border-radius: 10px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,10), rgba(218,206,190,1));
    max-width: 243px;
    margin: 0 auto;
    background: linear-gradient(top, rgba(255,255,255,10), rgba(218,206,190,1));
    background: -moz-linear-gradient(top, rgba(255,255,255,10), rgba(218,206,190,1)); /* FF3.6+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,10), rgba(218,206,190,1)); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,10), rgba(218,206,190,1)); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,10), rgba(218,206,190,1));
 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(218,206,190,1)', endColorstr='rgba(218,206,190,1)',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}

    .sekizli_desen img {
        border-top-left-radius: 0.5em;
        border-top-right-radius: 0.5em;
    }

.ust_uzun {
    height: 8px;
    width: 100%;
    background-color: #f5efe3;
}

.alt_uzun {
    width: 100%;
    height: 10px;
    background-color: #e2dcd1;
}

.arka_desen {
    margin-top: 30px;
}

.bosluk {
    width: 20px;
}

.link {
    margin-top: -45px;
    height: 200px;
    margin-bottom: -134px;
    color: #060000;
    padding-left: -75px;
    padding-right: -80px;
    margin-right: -50px;
    letter-spacing: -1px;
    text-transform: none;
    font-weight: bold;
}



.active-link {
    background-color: #c0b292;
}

.link:hover {
    background-color: transparent;
}

.alt:hover {
    background-color: #bea87f;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
}

hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

    hr.star-light:after,
    hr.star-primary:after {
        content: "\f005";
        display: inline-block;
        position: relative;
        top: -.8em;
        padding: 0 .25em;
        font-family: 'Titillium Web', sans-serif;
        font-size: 2em;
    }

hr.star-light {
    border-color: #000;
}

    hr.star-light:after {
        background-color: #fdf5e5;
    }

hr.star-primary {
    border-color: #f5e9d1;
}

    hr.star-primary:after {
        color: #f5e9d1;
        background-color: #000;
    }

.img-centered {
    margin: 0 auto;
}

header {
    text-align: center;
    color: #000;
    background: #fdf5e5;
}

    header .container {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    header img {
        display: block;
        margin: 0 auto 20px;
    }

    header .intro-text .name {
        display: block;
        font-family: 'Titillium Web', sans-serif;
        font-size: 2em;
        font-weight: 700;
    }

    header .intro-text .skills {
        font-size: 1.25em;
        font-weight: 300;
    }
	.navbar {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
}

    .navbar a:focus {
        outline: 0;
    }

    .navbar .navbar-nav {
    }

        .navbar .navbar-nav li a:focus {
            outline: 0;
        }

.navbar-default,
.navbar-inverse {
    border: 0;
}

section {
    padding: 100px 0;
}

    section h2 {
        margin: 0;
        font-size: 3em;
    }

    section.success {
        color: #000;
        background: #fdf5e5;
    }

 

.btn-outline {
    margin-top: 15px;
    border: solid 2px #000;
    font-size: 20px;
    color: #000;
    background: 0 0;
    transition: all .3s ease-in-out;
}

    .btn-outline:hover,
    .btn-outline:focus,
    .btn-outline:active,
    .btn-outline.active {
        border: solid 2px #000;
        color: #fdf5e5;
        background: #000;
    }

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
}

    .floating-label-form-group input,
    .floating-label-form-group textarea {
        z-index: 1;
        position: relative;
        padding-right: 0;
        padding-left: 0;
        border: 0;
        border-radius: 0;
        font-size: 1.5em;
        background: 0 0;
        box-shadow: none !important;
        resize: none;
    }

 

    footer h3 {
        margin-bottom: 30px;
    }

    footer .footer-above {
        padding-top: 50px;
        background-color: #f5e9d1;
    }

    footer .footer-col {
        margin-bottom: 50px;
    }

    footer .footer-below {
        padding: 25px 0;
        background-color: #233140;
    }

.yazis {
    float: left;
    margin-top: 25px;
    margin-left: 200px;
}

.ata {
    float: left;
    margin-top: -5px;
}

.mobilmenu {
    margin-top: -110px;
    margin-right: 10px;
}

#cache {
    margin-top: 10px;
    width: 100%;
}

.container {
   min-height:100%;
   position:relative;
   }

.pull-right {
    margin-left: 10px;
}

.pull-left {
    margin-right: 10px;
}

h6 {
    color: #000;
    text-decoration: none;
    text-indent: 20px;
}

    h6 a:hover {
        color: #000;
        text-decoration: none;
    }

h5 a {
    color: #000;
    text-decoration: none;
}

    h5 a:hover {
        color: #000;
        text-decoration: none;
    }

.kucuk {
    text-decoration: none;
}

table, tr, td {
    font-family: 'Titillium Web', sans-serif;
}

.point {
    cursor: pointer;
}

h6 a {
    color: #000600;
    text-decoration: none;
    text-indent: 20px;
}

.kaynak:hover {
    color: black;
    text-decoration: none;
    font-family: 'Titillium Web', sans-serif;
}

.kaynak {
    color: black;
    text-decoration: none;
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
}

.fa-border {
    text-align: center;
}

.solacek {
    margin-left: -180px;
    padding-left: 150px;
    padding-right: 150px;
}

.ver {
    margin-bottom: 5px;
}

.boyut {
    height: 350px;
}

.kucult {
    height: 130px;
    margin: 10px;
}

.komutan {
    height: 200px;
    transition-property: width;
    transition-duration: 0.5s;
    transition-delay: 0.1s;
    margin-top: -10px;
    transition-timing-function: ease-in-out;
}

    .komutan img {
        border-radius: 10px;
    }

.navbar {
    margin-bottom: 0px;
    height: auto;
}

#ana_resim {
    margin-top: -5px;
}

.container-fluid {
	overflow: hidden;
	min-height:100%;
	position:relative;
} 


@media(min-width:768px) {
	    .dropdown:hover .dropdown-menu {
        display: block;
    }

    header .container {
        padding-top: 200px;
        padding-bottom: 100px;
    }

    header .intro-text .name {
        font-size: 4.75em;
    }

    header .intro-text .skills {
        font-size: 1.75em;
    }
}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

        .navbar-fixed-top .navbar-brand {
            font-size: 2em;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
        }

        .navbar-fixed-top.navbar-shrink {
            padding: 10px 0;
        }

            .navbar-fixed-top.navbar-shrink .navbar-brand {
                font-size: 1.5em;
            }
}



@media(max-width:767px) {
	#resim1{width:100%;}
	#resim2{width:100%;}
    .yonlendirme {
        margin-top: 60px;
    }

    .navbar-collapse.collapse {
        height: auto !important;
    }

        .navbar-collapse.collapse ul {
            margin-top: 10px;
        }

    #alt_uzun {
        display: none;
    }

    #ust_uzun {
        display: none;
    }

    section {
        padding: 75px 0;
    }

        section.first {
            padding-top: 75px;
        }
}

  
@media only screen and (max-width: 1400px) {
    .bayrak {
        margin-right: 40px;
    }
}

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

    .modal-title {
        font-size: 13px;
    }
    /* LightBox; Üst Kısımdaki Açıklama Yazısı */

    .logos {
        margin-left: 20px;
    }

    .navbar-collapse {
        text-transform: none;
        font-size: 14px;
        letter-spacing: -1px;
    }

    .solacek {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .altili2 {
        text-decoration: none;
        color: #000;
        margin-left: 0;
        margin-bottom: 10px;
        font-family: 'Titillium Web', sans-serif;
        font-size: 18px;
        font-weight: 600;
    }

    .altili3 {
        text-decoration: none;
        color: #554846;
        margin-left: 0;
        margin-bottom: 20px;
        font-family: 'Titillium Web', sans-serif;
        font-size: 24px;
        font-weight: 600;
    }

    #ortala {
        margin-left: 0;
    }

    #n-cek {
        margin-top: -90px;
    }

    .cek-out {
        background-image: none;
        background-repeat: repeat-x;
    }

    .link {
        margin-top: 10px;
        margin-bottom: -134px;
        color: #060000;
        padding-left: 35px;
        left: -50px;
        text-transform: none;
    }

    .cek-out {
        margin-top: -10px;
        margin-bottom: -53px;
    }

    .altili {
        margin-left: 25px;
    }

    .mobilimage {
        display: block;
    }

    .anaresim {
        background-image: none;
        height: auto;
        background-position: top center;
        margin-top: -20px;
    }

    .kayip {
        display: none;
    }

    #span {
        margin-top: -36px;
    }

    .menubas {
        width: 100%;
    }

    .anaresim {
        margin-top: -50px;
    }

    .logo {
        margin-top: -30px;
    }
}

@media only screen and (max-width: 900px) {
    .navbar-collapse.collapse {
        margin-bottom: 10px;
    }

    .logos {
        margin-left: 20px;
    }

    .yonlendirme {
        font-size: 12px;
    }

    .sayfa_yonlendirme {
        margin-top: -65px;
    }

    .altili2 {
        font-size: 15px;
    }

    .navbar-collapse {
        text-transform: none;
        font-size: 12px;
    }

    .cek-out {
        background-image: none;
        background-repeat: repeat-x;
        margin-top: -50px;
    }

    .acilir {
        padding-left: 10%;
        padding-right: 8%;
    }

    .mobilimage {
        display: block;
    }

    .anaresim {
        background-image: none;
        height: auto;
        background-position: top center;
        margin-top: -20px;
    }

    #span {
        margin-top: 36px;
    }

    .menubas {
        width: 100%;
    }

    .logo {
        width: 80%;
        margin-left: -10px;
    }

    .goz {
        margin-left: 0;
    }

    .anaresim {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 820px) {
    .logos {
        margin-left: 20px;
    }

    .navbas3 {
        background-repeat: repeat-x;
        margin: 0 auto;
        margin-top: 10px;
        height: 75px;
    }

    .logos {
        width: 33%;
    }

    .altili2 {
        font-size: 14px;
    }

    .navbar-collapse {
        text-transform: none;
        font-size: 9px;
    }

    .navbar-default {
        margin-top: 25px;
    }

    .arka {
        margin-left: auto;
        margin-right: auto;
    }

    #span {
        margin-top: 36px;
    }

    .mobil-komutanlik {
        display: inline;
    }

    .navigation {
        text-align: center;
        float: none;
    }

    .goz {
        margin-left: 30px;
        margin-right: auto;
        margin-top: 0px;
    }

    .kayip {
        display: none;
    }

    .menubas {
        width: 100%;
    }

    .logo {
        width: 70%;
        margin-top: -10px;
    }

    .goz {
        margin-left: 0;
    }

    .mobilimage {
        display: block;
    }

    .anaresim {
        margin-top: -95px;
        background-image: none;
        height: auto;
        background-position: top center;
    }
}

@media only screen and (min-width:755px) and (max-width:804px) {
    .anaresim {
        margin-top: -18px;
    }
}

@media only screen and (max-width: 479px) {
    .sekizbolme {
        width: 65%;
    }

    .modal-title {
        font-size: 11px;
    }

    .yazi {
        display: none;
    }

    .mobile_menu {
        margin-top: -30px;
    }

    .navbas3 {
        background-repeat: repeat-x;
        margin: 0 auto;
        margin-top: 10px;
        height: 10px;
    }

    #ortala {
        margin-left: 0;
    }

    #n-cek {
        margin-top: -146px;
    }

    .cek-out {
        margin-top: 10px;
        margin-bottom: -15px;
    }

    .logos {
        width: 45%;
        margin-left: 20px;
        padding-top: 15px;
    }

    .arka {
        width: 100%;
        margin: 0 auto;
        margin-left: 20%;
    }

    .mobil-komutanlik {
        display: inline;
    }

    .navigation {
        text-align: center;
        float: none;
    }

    .site {
        margin-top: 20px;
        margin-left: 80px;
    }

    .sanaltur {
        margin-left: 80px;
    }

    .goz {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }

    .kayip {
        display: none;
    }

    .menubas {
        width: 100%;
    }

    .logo {
        width: 80%;
        margin-top: -50px;
    }

    .goz {
        margin-left: 0;
    }

    .mobilimage {
        display: block;
    }

    .anaresim {
        background-image: none;
        height: auto;
        background-position: top center;
        margin-top: -110px;
    }
}

@media only screen and (min-width:320px) and (max-width:468px) {
    .anaresim {
        margin-top: -108px;
    }
}

@media only screen and (min-width:368px) and (max-width:400px) {
    .anaresim {
        margin-top: -140px;
    }
}

@media only screen and (min-width: 455px) and (max-width: 771px) {
    .cek-out {
        margin-top: -10px;
        margin-bottom: -53px;
    }

    .site {
        margin-left: 70%;
    }

    .sanaltur {
        margin-left: 70%;
    }

    .goz {
        margin: 0 auto;
        width: 70%;
    }
}

@media only screen and (min-width: 455px) and (max-width: 550px) {
    #span {
        margin-top: 36px;
    }
}


@media only screen and (max-width:768px) {
    #mobile_menu {
        margin-top: -20px;
    }

    .navbas3 {
        background-repeat: repeat-x;
        margin: 0 auto;
        margin-top: 10px;
        height: 30px;
    }

    .altili2 {
        font-size: 13px;
    }

    .navbar-collapse ul {
        text-transform: none;
        font-size: 12px;
        letter-spacing: 0px;
    }
}