@media only screen and (min-width: 600px) {
/*-----BODY -----*/
	body {}



/*-----CONTAINER -----*/
	#container {}



/*-----HEADER -----*/

header img{
    margin: 2%;
    width: 70px;
    
}
    header h1{
    font-size: 3.2em;
   
}
        header h2{
    font-size: 2.0em;

}


/*-----NAVigation -----*/
    #navWrapper{
        background: #877550;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#877550), color-stop(61%, #84775e), color-stop(100%, #584c32)); /*Android*/
        background: -webkit-linear-gradient(top, #877550 0%, #84775e 61%, #584c32 100%); /* safari, chrome*/
        background: -o-linear-gradient(top, #877550 0%, #84775e 61%, #584c32 100%); /* Opera on windows*/
        background: linear-gradient(to bottom, #877550 0%, #84775e 61%, #584c32 100%); /* Opera on windows*/
    }
    nav ul{
        margin-left: 2%;
    }
/*main menu items float side by side*/
    nav ul li {
        float: left;
        border-right: solid 1px rgba(0,0,0,0.5);
        border-left: solid 1px rgba(255,255,255,0.5);
    }
    nav ul li a {
        display: block;
        color: rgba(255,255,255,0.9);
        font-size: .8em;
        padding: 1.2em .9em;
        font-weight: 700;
        text-decoration: none;
    }
    nav ul li a:hover{
        color: #f7f6d2;;
    }
    nav ul li ul{/*rules for the sub menu items*/
        z-index: 99;
        position: absolute;
        background-color:#877550;
        left: -999em;
        width: 10em;
    }
    nav ul li ul li{
        float: none;
        border-right: none;
        border-bottom: solid 1px rgba(0,0,0,.5);
    }
    nav ul li ul li:hover{
        background-color:#584c32;
    }
    nav li:hover ul{
        left: auto;
        margin-left: 0;
    }
    nav li.current{
        color: #584c32;
    }
    .primary-nav li a {
 		font-size: 14px;
    }

/*-----CONTENT -----*/
    div.column{
        clear: both;
    }
    article {
        width: 46%;
        float: left;
    }
  
     #content article figure img{
        width: 100%;
        margin:1em auto 1em auto;
    }
     #content article figure figcaption{
        width: 100%;
        overflow: hidden;
        padding: 1.4em 0;
        font-size: .8em;
    }

/*section ggole map*/

    section.google-map div form {
        width: 70%;
        overflow: hidden;
    }
   /*section ggole map*/
/*----- FOOTER -----*/
    .footerwrapper{
        width: 100%;
    }
    footer {
	padding: 20px 0;
    width: 100%;
    
}



/*Hasta soruları sayfası başı*/
div#content-hastasss{
    display: flex;
    justify-content:space-between;
    min-height: 300px;
 
}
div#content-hastasss div.hastasss-alt1{
   min-height: 300px;
   flex-basis:64%;
   padding: 1.2em;
    
}
div#content-hastasss div.hastasss-alt2{
   min-height: 300px;
   flex-basis:34%;
   padding: 1.2em;
   border-left:1px solid #555;

}

.cevaplayan{
    width: 96%;
    float: none;
    margin: 0 auto 1% auto;
}
.drid{
    width: 48%;
    float: left;
    margin: 0 auto 1% auto;
}
.dr-bolum {
    width: 48%;
    float: right;
    margin: 0 auto 1% auto;
}

 .dr-diger {
        width: 96%;
        float: none;
        margin: 0 auto 1% auto;
    }

.calis-yer{
   width: 46%;
    float: left;
    margin: 0 auto 1% auto;
}
.soru-sor-button{
    width: 46%;
    float: right;
    margin: 0 auto 1% auto;
   
}

/*Hasta soruları sayfası sonu*/

/*Hastasugoster sayfası başı*/
#content-hastasorugoster{
    padding: 5px;
    display: flex;
    flex-direction: column;
}
#content-hastasorugoster div.ust{
    flex-basis: 100px; 
}
#content-hastasorugoster div.alt{
    flex: 1;
    display: flex;
    flex-direction: row;
}
#dikey1{
   flex: 2;
    display: flex;
    flex-direction: column;
}
#dikey2{
    flex: 1;
}
#dikey1 div.bir{
    padding: .3em .5em;
    
}
#dikey1 div.iki{
    padding: .3em .5em;
}
#soru-tarih span{
    font-size: .8em;
    color: #110858;
    font-weight: 600;
}
#soru-tarih span:last-child{
    float: right;
}
#dikey1 div.uc{
    padding: .3em .5em;
    text-align: justify;
    text-indent: 3em;
}
#dikey1 div.dort{
    padding: .3em .5em;
    flex: 1;
    display: none;
    min-height: 100px;
}
#dikey1 div.bes{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#dikey1 div.bes div.bes-bir{
   flex: 1;
}
#dikey1 div.bes div.bes-bir img{
    width: 98px;
    height: 98px;
    border-radius: 5px;
}
#dikey1 div.bes div.bes-uc div.bes-uc-ust img{
    width: 100px;
    height: 65px;
    border-radius: 5px;
}
#dikey1 div.bes div.bes-iki{
    flex: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#dikey1 div.bes div.bes-iki-ust{
    flex: 1;
    display: flex;
}
#dikey1 div.bes div.bes-iki-alt{
    flex: 1;
    display: flex;
}
#dikey1 div.bes div.bes-uc{
    flex: 3;
    display: flex;
    flex-direction: column;
}
#dikey1 div.bes div.bes-uc-ust{ 
    flex: 1;
    display: flex;
}
#dikey1 div.bes div.bes-uc-alt{
    flex: 1;
    display: flex;
}
#center-me{
    margin: auto;
}
#center-me a#dr-bilgi{
    background-color: #a9c1de;
    text-decoration: none;
    padding: .4em 1em;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: 700;
    color: #8c1a39;
}
a#soru-button{
    background-color: #a52ec1;
    padding: 2px 5px;
    margin-left: 2%;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 2px 3px 4px black;
    color: #e2dcdc;
}
a#soru-button:hover{
    background-color: #6d1271;
    box-shadow: 2px 3px 4px #4c78d2 ;
    color: #fff;
}
#dikey1 div.alti{
    padding: .3em .5em;
    text-align: justify;
    text-indent: 3em;
}
#dikey1 div.yedi{
    padding: .3em .5em;
}
#dikey1 div.sekiz{
    padding: .3em .5em;
}
#dikey1 div.dokuz{
    padding: .3em .5em;
}
#dikey1 div.on{
    padding: .3em .5em;
}
#dikey1 div.onbir{
    padding: .3em .5em;
}


/*Hastasugoster sayfası sonu*/
/*social icon stil basşı*/
    section.social-icons ul li a i.fa{
    right: -160px;
    padding: 15px;
    font-size: 140%;
    opacity: 1;
    }
/*social icon stil sonu*/


}