@import "https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700"; 
body{
   font-size:17px;
  
    font-family: Quicksand;
}
#bolum1{
   width:410px;
    float:left;
    background-color:white;
    margin-top: 10px;
}
#bolum2{
   width:410px;
    float:left;
    background-color:white;
    margin-top: 10px;
}
#bolum3{
   width:410px;
    float:left;
    background-color:white;
    margin-top: 10px;
}
#bolumx{
   width:410px;
    float:left;
    background-color:none;
    margin-top: 15px;
}
#bolum4{
   width:410px;
    background-color:white;
    margin-top: 10px;
    -webkit-box-shadow: 3px 3px 13px 3px rgba(143,143,143,1);
    -moz-box-shadow: 3px 3px 13px 3px rgba(143,143,143,1);
    box-shadow: 3px 3px 13px 3px rgba(143,143,143,1);
}
select, option{
    height:40px;
}
table tr td{
   padding:5px;
    font-size:15px;
}
h2{
   background-color:#ddf0fb;
    padding:5px;
    font-size:17px;
    color:black;
    text-align:center;
    font-style: italic;
}
h1{
    padding:5px;
    font-size:17px;
    color:black;
    text-align:center;
    background-color: white;
    border: 1px solid gainsboro;
}
h4{
    padding:5px;
    font-size:21px;
    color:black;
    text-align:center;
    font-style: italic;
}
td input{
   width:300px;
    font-size:17px;
    padding:5px;
    border-radius: 6px;
    box-shadow: none;
    border: 1px solid #dadada;
}
#urunler{
   margin-top:20px;
}
#urun{
    border: 4px solid #ddf0fb;
    float:left;
    margin-left:20px;
    margin-bottom: 20px;
}
#alt{
    font-size: 13px;
    text-align: center;
}
#urunresim{
   width:180px;
    height:120px;
    float:left;
}
#aciklama{
    margin-top: 5px;
    color: #000000;
    background-color: #ddf0fb;
    text-align: center;
    font-size: 13px;
    padding-top: 5px;
}
td textarea {
   width:300px;
    font-size:17px;
    height:60px;
    padding:5px;
    border-radius: 6px;
    box-shadow: none;
    border: 1px solid #dadada;
}
td select {
   width:300px;
    border-radius: 6px;
    box-shadow: none;
}
#ui-datepicker-div{
   width:370px;
}
#sol{
   float:left;
    width:450px;
}
#sag{
   float:left;
    width:450px;
}
.myButton {
    background-color:#44c767;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Quicksand;
    font-size:22px;
    padding:11px 22px;
    text-decoration:none;
    text-shadow:0px 0px 0px #2f6627;
    width: 254px;
    height: 52px;
}
.myButton:hover {
    background-color:#5cbf2a;
}
.myButton:active {
    position:relative;
    top:1px;
}
.yanyana{
    width:50%;
    float:left;
}
#alt_blok{
   width:860px;
}
#ust_alan{
   border:1px solid black;
} 

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


.col-sm-4{display:none;}

}