.banner_in:hover img{
    transform: scale(1.1);
}

.banner_in img{
    transition: transform .2s;
}



@media (min-width:0px) and (max-width:450px) {    

    
    
.ofset-1{ left: 4%; width: 92%; }
.ofset-2{ left: 4%; width: 92%; }
.ofset-3{ left: 4%; width: 92%; }
.ofset-4{ left: 4%; width: 92%; }
.ofset-5{ left: 4%; width: 92%; }
.ofset-6{ left: 4%; width: 92%; }
.ofset-7{ left: 4%; width: 92%; }
.ofset-8{ left: 4%; width: 92%; }
.ofset-9{ left: 4%; width: 92%; }
.ofset-10{ left: 4%; width: 92%; }
.ofset-11{ left: 4%; width: 92%; }
.ofset-12{ left: 4%; width: 92%; }



.banner_in{
    padding-left: 19px; padding-right: 19px; 
}

    
}  /* blue */

















@media (min-width:451px) and (max-width:768px) {      

    
  .ofset-1{ left: 2%; width: 96%; }
  .ofset-2{ left: 2%; width: 96%; }
  .ofset-3{ left: 2%; width: 96%; }
  .ofset-4{ left: 2%; width: 96%; }
  .ofset-5{ left: 2%; width: 96%; }
  .ofset-6{ left: 2%; width: 96%; }
  .ofset-7{ left: 2%; width: 96%; }
  .ofset-8{ left: 2%; width: 96%; }
  .ofset-9{ left: 2%; width: 96%; }
  .ofset-10{ left: 2%; width: 96%; }
  .ofset-11{ left: 2%; width: 96%; }
  .ofset-12{ left: 2%; width: 96%; }

    

.banner_in{
    padding-left: 19px; padding-right: 19px; 
}

    
} /* green */

















@media (min-width:769px) and (max-width:1000px) {    
 
    
    

.ofset-1{ left: 18%; width: 63%; }
.ofset-2{ left: 10%; width: 80%; }
.ofset-3{ left: 7.5%; width: 86%; }
.ofset-4{ left: 5.6%; width: 89%; }
.ofset-5{ left: 4%; width: 91.7%; }
.ofset-6{ left: 3.5%; width: 93.4%; }
.ofset-7{ left: 3%; width: 94.2%; }
.ofset-8{ left: 2.6%; width: 95%; }
.ofset-9{ left: 2.2%; width: 95.5%; }
.ofset-10{ left: 2.1%; width: 96%; }
.ofset-11{ left: 1.8%; width: 96.4%; }
.ofset-12{ left: 1.8%; width: 96.5%; }



.banner_in{
    padding-left: 8px; padding-right: 8px; 
}

    
    
} /* brown */


















@media (min-width:1000px) and (max-width:1199px) {     

    

.ofset-1{ left: 16.2%; width: 69%; }
.ofset-2{ left: 7.5%; width: 85%; }
.ofset-3{ left: 5.5%; width: 89%; }
.ofset-4{ left: 4.1%; width: 91.7%; }
.ofset-5{ left: 3.2%; width: 93.3%; }
.ofset-6{ left: 2.5%; width: 95%; }
.ofset-7{ left: 2%; width: 95.9%; }
.ofset-8{ left: 2%; width: 95.9%; }
.ofset-9{ left: 1.7%; width: 96.5%; }
.ofset-10{ left: 1.6%; width: 96.7%; }
.ofset-11{ left: 1.4%; width: 97.2%; }
.ofset-12{ left: 1.4%; width: 97.2%; }



.banner_in{
    padding-left: 8px; padding-right: 8px; 
}

    
} /*   orange */



















@media (min-width:1200px) and (max-width:5000px) {    
 
    

.ofset-1{ left: 13.2%; width: 74%; }
.ofset-2{ left: 7%; width: 86%; }
.ofset-3{ left: 4.5%; width: 91%; }
.ofset-4{ left: 3.5%; width: 93%; }
.ofset-5{ left: 2.7%; width: 94.5%; }
.ofset-6{ left: 2.5%; width: 95%; }
.ofset-7{ left: 2%; width: 95.9%; }
.ofset-8{ left: 1.9%; width: 96.3%; }
.ofset-9{ left: 1.6%; width: 96.8%; }
.ofset-10{ left: 1.5%; width: 97%; }
.ofset-11{ left: 1.3%; width: 97.4%; }
.ofset-12{ left: 1.3%; width: 97.4%; }

.banner_in{
    padding-left: 8px; padding-right: 8px; 
}


} /* yellow */


.banner{
    position: relative;  overflow: hidden; text-align: center; border:1px eee solid; padding:0px; margin-bottom:15px;
}


.banner_in{
    position: relative;
    width:100%; height: 100%; margin-left: auto; margin-right: auto; overflow: hidden;
}

.banner-title{
    position:absolute;  padding-left:3px;  padding-top:1px; padding-right:5px; min-height: 20px; 
     overflow: hidden;  text-overflow: ellipsis; 
    width: auto; max-width: 85%; 
}



.banner_in img{
    width:100%;   max-width: 1300px;
}




.banner-parentfirst{
    width:102%; margin-left:-1%;  height: auto; margin-bottom: -15px; padding-top: 5px;
}

.banner-parent95{
    width:95%; height: auto; margin-left:auto; margin-right: auto;
}
.banner-parent94{
    width:94%; height: auto; margin-left:auto; margin-right: auto;
}
.banner-parent93{
    width:93%; height: auto; margin-left:auto; margin-right: auto;
}





.ofset-1{ position: absolute; outline-offset: -6px; top:0px; height: 100%;   }
.ofset-2{ position: absolute; outline-offset: -6px; top:0px; height: 100%;   }
.ofset-3{ position: absolute; outline-offset: -6px; top:0px; height: 100%;   }
.ofset-4{ position: absolute; outline-offset: -6px; top:0px; height: 100%;   }
.ofset-5{ position: absolute; outline-offset: -6px; top:0px; height: 100%;   }
.ofset-6{ position: absolute; outline-offset: -10px; top:0px; height: 100%;  }
.ofset-7{ position: absolute; outline-offset: -10px; top:0px; height: 100%;  }
.ofset-8{ position: absolute; outline-offset: -10px; top:0px; height: 100%;  }
.ofset-9{ position: absolute; outline-offset: -10px; top:0px; height: 100%;  }
.ofset-10{ position: absolute; outline-offset: -10px; top:0px; height: 100%; }
.ofset-11{ position: absolute; outline-offset: -10px; top:0px; height: 100%; }
.ofset-12{ position: absolute; outline-offset: -10px; top:0px; height: 100%; }



.banner-buton-div{
    width:100px; height: 24px; font-size: 15px; font-weight: bold; margin-top:10px; margin-right: 10px; padding-top:10px; float: left;
    background-color: #0a79bb;
}
.banner-buton-div2{
    width:100px; height: 24px; font-size: 15px; font-weight: bold; margin-top:10px; margin-right: 10px; padding-top:10px; float: left;
    
}

.banner-buton-div a{
    color:#fff;
}


#cerceveozellikleri{
    
}

.ozelliklerigenel{
   background-color:#fff;  z-index: 5;
}

#container{
    overflow:scroll!important;
}