@media only screen and (orientation:landscape) {
    #turn { display:none; }
    /*#resimdiv { display:block; }*/
}
   
@media only screen and (orientation:portrait) {
    /*#turn { display:block; }*/
    #resimdiv { display:none; }
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.horz {
    float: left;
}
i{
  margin-left: 10px;
}
#video1 {
    width: 90%;
    height: 90%;
}
#sutun1 {
    background-color: #fff;
}
#sutun2 {
    background-color: #fff;
}
.sutun {
    /* width:200px; */
    height:400px;
    display:block;
    margin-left:20px;
    margin-top:10px;
    background:#e3e3e3;
    float:left;
}
.kutu{
    width:240px;
    height:100px;
    /* display:block; */
    /* background:yellow; */
    margin:3px auto;
}
.kutu1{
    height:450px;
}
.kutu2{
    width: 100%;
    height: 200%;
    /* background-color: red; */
    /* width: 300px;
    height:200px; */
}
.kutu3{
    height:30px;
}
.kutu4{
    height:60px;
}
.kutu5{
    height:100px;
}
.kutu6{
    height:100px;
}
.smbtn {
    width: 140px;
}
#btnGonder{
    width:100% !important;
}

.modal-dialog,
.modal-content {
    height: 90%;
}

.modal-body {
    overflow-y: scroll;
}

.container-relative {
  position: relative;
}

.box-orange {
  position: absolute;
  right: 75px;
}