/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/

   .some-css-selector {font-size:13px;}


/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

   body , html{
   	overflow-x: hidden;
   }

   #container {
   	overflow: hidden;
   	width: 100%;
   }


   #formkrmsl{
   	width: 320px;
   }

   #formferdi{
   	width: 320px;
   }

   #formadres{
   	width: 320px;
   }

   .wrapper{
     width: 85vw !important;
     position: relative !important;
     left: initial !important;
     top: initial !important;
     transform: initial !important;
     margin: 20px auto;
     margin-bottom: 40px;
     height: 600px !important;
  }


  .wrapper .left{

  }


  .algolia-autocomplete {
    width: 100%;
 }

 .algolia-autocomplete .aa-input,
 .algolia-autocomplete .aa-hint {
    width: 100%;
 }

 .algolia-autocomplete .aa-hint {
    color: #999;
 }

 .algolia-autocomplete .aa-dropdown-menu {
    width: 100%;
    background-color: #fff;
    border: 1px solid #999;
    border-top: none;
 }

 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
    cursor: pointer;
    padding: 5px 4px;
 }

 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
    background-color: #b2d7ff;
 }

 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
    font-weight: bold;
    font-style: normal;
 }

 .aa-Source:first-child {
    margin-bottom: 20px;
 }

 .aa-Source:nth-child(2) .aa-Item {
    background: #137FA2;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 10px;
 }

 .aa-Source:last-child .aa-Item:hover,
 .aa-Source:last-child .aa-Item[aria-selected="true"] {
    color: #dddddd;
 }

 #search-container {
    margin-top: 30px;
 }

 #footer.odeme{
  margin-top: 780px;
}
@media screen and (max-width:1600px){
	.wrapper{
		transform: initial !important;
     
	}
}

@media only screen and (min-width : 1921px){
	.wrapper{
		height: 800px !important;
	}
}


@media only screen and (min-width : 1440px) and (max-width : 1921px){
	.wrapper{
		height: 720px !important;
	}
}

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

@media only screen and (min-width : 1200px) and (max-width : 1440px){
	
}

@media only screen and (min-width : 1200px){

}

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


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){


}

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

}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {
  .mobile-fit{
    width: 100%;
 }
 
 .mobile-fit .stp_title{
    text-align: center;
 }
 
 #formkrmsl{
    width: 100%;
 }

 #formferdi{
    width: 100%;
 }

 #formadres{
    width: 100%;
 }
 
 .mobile-fit #sstable tr td{
    padding: 5px 3px;
 }
 
 .mobile-fit #sstable tr td input.form-control{
    padding: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 }
 
 .mobile-fit #sstable tr td input.form-control::-webkit-inner-spin-button,
 .mobile-fit #sstable tr td input.form-control::-webkit-outer-spin-button{  
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    visibilty: hidden;
 }
 /* gecelerin yargıcı */
 .site-header .kl-header-bg{
    background: linear-gradient(rgba(255, 255, 255, 1) 42.02%, transparent) !important;   
 }
 
 .wrapper{
    height: 750px !important;
    z-index: 990999 !important;   
 }
 
 
}

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

}

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

}