@import url(normalize.css);

@media only screen and (min-width : 985px) {
    /* Styles */

#headerustgenis{

    width:100%;
    height:20px;
    position:relative;
    background-color:#310000;


}

#headerust{

    width:980px;
    height:20px;
    position:relative;
    margin:auto;
    background-color:#310000;


}

#container{

    width:550px;
    height:240px;
    top: 50%;
    position: absolute;
    margin-left: -460px;
    left: 49%;
   

}

#sol {
        width: 170px;
        height: 200px;
        position: relative;
        float: left;
        
        z-index: 99999;
        
        background-image: url('../img/ekip.png');
        background-repeat:no-repeat;
        background-position:center;
        border: 2px solid transparent;
        border-radius:30px;
    }

#sol:hover{
        border:2px solid #310000;
        
    }


#orta{
        width: 170px;
        height:200px;
        position: relative;
        float: left;
        margin-left:5px;
        
        z-index:999;
      
        background-image: url('../img/basin.png');
        background-repeat:no-repeat;
        background-position:center;
        border: 2px solid transparent;
        border-radius:30px;
    }



#orta:hover{
        border:2px solid #310000;
        
        
    }


#sag{
        width: 170px;
        height:200px;
        position: relative;
        float: right;
        margin-right:18px;
        
        z-index:999;
        background-image: url('../img/ilet.jpg');
        background-repeat:no-repeat;
        background-position:center;
        border-radius:30px;
        border: 2px solid transparent;
    }

#sag:hover{
        border:2px solid #310000;
        
        
    }
#mheader,#mobile,#mlogo,#footer,#mobiles,#footers,#mbg,#krokim,#mhakkımızda,#mekibimiz,#mfaliyet,#mbasin,#miletisim {

        display:none;

    }


#header {
        width: 980px;
        height: 160px;
        position: relative;
        top: 0;
        margin: auto;
        
    }


#logo {
        width: 165px;
        height: 155px;
        position: relative;
        float: left;
        margin-left: 65px;
        background-image: url('../img/logo.png');
        background-repeat: no-repeat;
        background-position:center center;

    }

#tahsilat {
        width: 164px;
        height: 31px;
        position: relative;
        float: right;
        background-image: url('../img/etahsilat.png');
        background-repeat: no-repeat;
        margin-top:-70px;
        margin-right:50px;
        
    }


nav {
        width: 720px;
        height: 22px;
        position: relative;
        float: right;
        margin-top: 60px;
        margin-right: 15px;
        z-index: 4;
    }

nav ul {
            width: 680px;
            height: 21px;
            position: relative;
            float: left;
            margin-top: -1px;
            z-index: 5;
        }

nav ul li {
                color: #310000;
                list-style-type: none;
                position: relative;
                float: left;
                margin-left: 15px;
                font-size: 14px;
                padding-left: 10px;
                z-index: 6;
            }

nav ul li a {
                    color: inherit;
                    text-decoration: none;
                }

nav ul li a:hover {
                        color: #24101B;
                        text-decoration: underline;
                    }

h3 {
        color: #24101B;
        text-align: center;
    }


#tahsilat a:hover {
        cursor: pointer;
    }

/*HAKKIMIZDA*/

#hakkımızda {
        width: 920px;
        height: 380px;
        top: 3%;
        position: absolute;
        margin-left: -460px;
        left: 49%;
        
        background-color: #ffffff;
        box-shadow: 7px 7px 5px #565656;
        padding: 15px 15px;
        color: #232323;
        z-index: 9999;
        font-size: 15px;
        text-align: justify;
        border-top: 10px solid #310000;
        opacity: 0.95;
    }

/*EKİBİMİZ*/

#ekibimiz {
        width: 920px;
        height: 425px;
        top: 3%;
        position: absolute;
        margin-left: -460px;
        left: 49%;
        z-index: 999;
        background-color: #ffffff;
        box-shadow: 7px 7px 5px #565656;
        padding: 15px 15px;
        color: #232323;
        font-size: 15px;
        text-align: justify;
        overflow: auto;
        border-top: 10px solid #310000;
        opacity: 0.95;
    }

/*FAALİYET*/

#faliyet {
        width: 920px;
        height: 400px;
        top: 3%;
        position: absolute;
        margin-left: -460px;
        left: 49%;
        z-index: 999;
        background-color: #ffffff;
        box-shadow: 7px 7px 5px #565656;
        padding: 15px 15px;
        color: #232323;
        font-size: 15px;
        border-top: 10px solid #310000;
        opacity: 0.95;
    }

#alan {
        width: 160px;
        height: 150px;
        position: relative;
        float: left;
        margin-left: 15px;
        margin-top: 10px;
        z-index: 99999999999;
    }

#alan2 {
        width: 160px;
        height: 150px;
        position: relative;
        float: left;
        margin-left: 15px;
        margin-top: 25px;
        z-index: 999999999;
    }




#alanadı {
        width: 140px;
        height: 60px;
        position: relative;
        margin: auto;
        text-align: center;
        margin-left: 5px;
        margin-top: 20px;
        z-index: 999999999;
        font-weight: bold;
        font-size: 14px;
    }

.ikon{
        width:90px;
        height:90px;
    
        position: relative;
        margin: auto;


}

#alan a {
        text-decoration: none;
        color: inherit;
    }

#alan a:hover {
            font-style: italic;
        }

#alan2 a {
        text-decoration: none;
        color: inherit;
    }

#alan2 a:hover {
         font-style:italic;
        }

  


    /* Styles the thumbnail */

a.lightbox img {
        height: 150px;
        border: 3px solid white;
        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
        margin: 94px 20px 20px 20px;
    }

    /* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
        position: fixed;
        top: -100%;
        width: 100%;
        background: rgba(0,0,0,.7);
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        overflow: hidden;
    }


/*İLETİŞİM*/

#iletisim {
        width: 920px;
        height: 400px;
        position: absolute;
        top: 3%;
        margin-left: -460px;
        left: 49%;
        z-index: 999999999;
        background-color: #ffffff;
        box-shadow: 7px 7px 5px #565656;
        padding: 15px 15px;
        color: #232323;
        font-size: 15px;
        text-align: justify;
        border-top: 10px solid #310000;
        opacity: 0.95;
    }

span a {
        text-decoration: none;
        color: inherit;
    }

span a:hover {
            text-decoration: underline;
            color: #380000;
        }

#kroki {
        width: 480px;
        height: 170px;
        position: relative;
        padding-top: 10px;
        margin: auto;
    }

/*BASINDA BİZ*/

#basin {
        width: 920px;
        height: 460px;
        position: absolute;
        top: 3%;
        margin-left: -460px;
        left: 49%;
        z-index: 999;
        background-color: #ffffff;
        box-shadow: 7px 7px 5px #565656;
        padding: 15px 15px;
        color: #232323;
        font-size: 15px;
        border-top: 10px solid #310000;
        opacity: 0.95;
    }

span.basin {
        position: relative;
        float: left;
        font-weight: bold;
        font-style: italic;
    }

a.example-image-link {
        color: inherit;
        text-decoration: none;
    }

a.example-image-link:hover {
            color: #310000;
        }
}


#footeraltgenis{

    width:100%;
    height:25px;
    position:relative;
    background-color:#3c0000;


}

#footeralt{

    width:980px;
    height:25px;
    position:relative;
    margin:auto;
    background-color:#3c0000;


}

#banner {
    width: 100%;
    height: 484px;
    position: relative;
    background-size: cover;
    background-position: center center;
    
}


@media only screen and (max-width : 414px) {
    /* Styles */



#banner, #footeraltgenis, #footeralt, nav, #headerustgenis, #headerust, #header,#logo,#kroki {


    display:none;
}



#mheader {
        width:100%;
        height:140px;
        position:relative;
        margin-top:-120px;     
        
        
    }

#mlogo {
        width: 130px;
        height: 122px;
        position: relative;
        margin:auto;
        margin-top:0;
        background-image: url('../img/mlogo.png');
        background-repeat: no-repeat;
        
    }

#mbg {
        width:280px;
        height:450px;
        position: relative;
        margin: auto;
        margin-top:25px;
        background-repeat: no-repeat;
        background-image: url('../img/mbg.jpg');
    }


#tahsilat {
        width: 164px;
        height: 31px;
        position: relative;
        margin:auto;
        margin-top:20px;
        background-image: url('../img/etahsilat.png');
        background-repeat: no-repeat;
        
    }

#tahsilat2 {
        width: 164px;
        height: 31px;
        position: relative;
        margin:auto;
        margin-top:20px;
        background-image: url('../img/etahsilat.png');
        background-repeat: no-repeat;
        
    }

#mobiles{

        width:100%;
        height:240px;
        position:relative;
        margin:auto;
        margin-top:-40px;

    }

#mobiles ul{

        width:250px;
        height:220px;
        position:relative;
        margin:auto;
        color:#fff;
        margin-top:170px;
        padding-top:20px;
        background-color:#1e1e1e;
 
    }

#mobiles ul li{
        
        width:250px;
        height:30px;
        position:relative;
        float:left;
        margin-left:-20px;
        border-bottom:1px solid #565656;
        line-height:30px;
        list-style-type:none;
        text-decoration:none;
        font-size:14px;

     }

#mobiles ul li a{
        
        color:#fff;
        list-style-type:none;
        text-decoration:none;

     }

#mobiles ul li a:hover{
        
        font-style:italic;
       
     }

#footers{

        width:100%;
        height:120px;
        position:relative;
        margin:auto;
        color:#262626;
        text-align:center;
        margin-top:10px;
        font-size:13px;
        background-color:#eeeeee;
        
    }

#footers a{

       text-decoration:none;
       color:inherit;
      
    }

#footers a:hover{

       text-decoration:underline;
       color:#310000;

    }


h3 {
        color: #24101B;
        text-align: center;
    }


#tahsilat a:hover {
        cursor: pointer;
    }


/*HAKKIMIZDA*/

#mhakkımızda {
        width: 320px;
        height: 400px;
        position: relative;
        margin:auto;
        font-size:12px;
        color:#191919;
        text-align:justify;
        padding:10px 10px;
       
    }




/*EKİBİMİZ*/

#mekibimiz {
     
        width: 320px;
        height: 530px;
        position: relative;
        margin-top:10px;
        font-size:12px;
        color:#191919;
        text-align:justify;
        padding:10px 10px;

    }
    
/*FAALİYET*/

#mfaliyet {
        width: 320px;
        height: 1600px;
        position: relative;
        margin:auto;
        margin-top:10px;
        font-size:12px;
        color:#191919;
        text-align:justify;
        padding:10px 10px;
   
    }

#alan {
        width: 160px;
        height: 150px;
        position: relative;
        float: left;
        margin-left: 85px;
        margin-top: 10px;
        z-index: 99999999999;
    }

#alan2 {
        width: 160px;
        height: 150px;
        position: relative;
        float: left;
        margin-left: 85px;
        margin-top: 25px;
        z-index: 999999999;
    }

.ikon {
        width: 90px;
        height: 90px;
        position: relative;
        margin: auto;
        z-index: -99;
        background-position: center center;
        background-repeat: no-repeat;
    }

.ikon2 {
        width: 90px;
        height: 90px;
        position: relative;
        margin: auto;
        z-index: -99;
        background-position: center center;
        background-repeat: no-repeat;
    }

#alanadı {
        width: 140px;
        height: 60px;
        position: relative;
        margin: auto;
        text-align: center;
        margin-left: 5px;
        margin-top: 20px;
        z-index: 999999999;
        font-weight: bold;
        font-size: 14px;
    }

#alan a {
        text-decoration: none;
        color: inherit;
    }

#alan a:hover {
            font-style: italic;
        }

#alan2 a {
        text-decoration: none;
        color: inherit;
    }

#alan2 a:hover {
         font-style:italic;
        }


/*Eliminates padding, centers the thumbnail */

body, html {
        padding: 0;
        margin: 0;
        text-align: center;
    }

/* Styles the thumbnail */

a.lightbox img {
        height: 150px;
        border: 3px solid white;
        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
        margin: 94px 20px 20px 20px;
    }

    /* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
        position: fixed;
        top: -100%;
        width: 100%;
        background: rgba(0,0,0,.7);
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        overflow: hidden;
    }


/*İLETİŞİM*/

#miletisim {
        width: 320px;
        height: 350px;
        position: relative;
        margin:auto;
        margin-top:10px;
        padding:10px 10px;
        
        color: #232323;
        font-size: 15px;
        text-align: justify;
       
    }

span a {
        text-decoration: none;
        color: inherit;
    }

span a:hover {
            text-decoration: underline;
            color: #380000;
        }

#krokim {
        width: 100%;
        height: 170px;
        position: relative;
        margin-top:15px;
        margin: auto;
       
    }

/*BASINDA BİZ*/

#mbasin {
        width: 320px;
        height: 450px;
        position: relative;
        margin:auto;
        margin-top:10px;
        font-size:12px;
        color:#191919;
        text-align:justify;
        padding:10px 10px;
    }

span.basin {
        position: relative;
        float: left;
        font-weight: bold;
        font-style: italic;
    }

a.example-image-link {
        color: inherit;
        text-decoration: none;
        
    }

a.example-image-link:hover {
            color: #310000;
        }
}