.saatcontainer {
    position: relative;
    width: 97%;
    height:95%;
   /* display:inline; */
padding :10px;
}
.saatm{
display:inline;
    position: relative;
	box-sizing: border-box;
	float:center;
/*     width: 260px; */
  /*   height: 160px; */
/*     border: 3px solid #73AD21; */
/*     	margin-top: 40px;
      margin-left:5%;
      	margin-bottom: 40px; */
	margin-top: 4px;
	 margin-left: 3px;
   	     padding : 3px;
}
.saata {
	display: block;
    width:15%;
     float: left ;
      position:absolute;
   font-style:normal;
   padding:30px;

   margin-left:10px;
   border:0px solid #eeeeEE;
     opacity:1;
}
.saatb {
	display: block;
/*	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column; height: 470px;

   
   width:120px;*/
   
    width:30%; 
   float: center ; 
      position:absolute;
   font-style:normal;
   padding:10px;
   margin-top:auto;
   margin-left:30%;
   /* margin-right:25%; */
   border:0px solid #eeeeEE;
     opacity:1;
}
.saatc {
display: block;
    float: left ;
	/* left:30; */
   right:40px;
   width:15%;
      position:absolute;
   font-style:normal;
   padding:30px;
 
   border:0px solid #eeeeEE;
     opacity:1;
}

#Kalen_box{
	width:100%;
	height:300px;  
	scrolling:no; 
	
}

/*/////////////////////////////////////////////////////*/
/**/
@media screen and (min-width: 575px) {
  
  .saatb {
	  
   opacity:1;
   visibility:1;
   margin-left:30%;

    }
   .saatc {
   opacity:1;
   visibility:1;
 float: left ;
    }
	   .saata {
   opacity:1;
   visibility:1;

    }
    
}
@media screen and  (max-width: 574px){
  
  .saatb {
	  position:relative;
	  display: -webkit-relative;
   opacity:1;
   visibility:1;
       float: center ;
	   left:0;
	   border:5px solid #989;
	   width:96%;
padding:1px;
margin-left:2px; 
    }
   .saatc {
	   		    display:none;
	   display: -webkit-none;
	   /*  display: -webkit-relative; */
	   position:relative;
   opacity:0;
   visibility:0;
    float: left ;
    left:0px;
   margin:10px;
    }
	   .saata {
		   display: -webkit-none;
		    display:none;
		   /* display: -webkit-relative; */
  position:relative;
   opacity:0;
   visibility:0;
       float: left ;
    left:0px;
   margin-right:70px;
    }
    
}
/*and (max-width: 200px)
*/
@media screen and (max-width: 220px)  {
    .saatb {
	  position:relative;
	  display: -webkit-relative;
   opacity:1;
   visibility:1;
       float: left ;
    left:0px;
margin:0px;
    }
   .saatc {
	display: -webkit-none;
	display:none;
   opacity:0;
   visibility:0;

    }
	   .saata {
	display: -webkit-none;
	display:none;
   opacity:0;
   visibility:0;
    }
    
}
/* @media only screen and (max-device-width: 1024px) { */

 
/* } */