body, html {font-family: Verdana, Helvetica,  'Lato',  "Lucida Sans", sans-serif,"bauhaus 93",
  height: 100%;font-size:15px;
  margin: 0;}
* {box-sizing: border-box;}


 
 


/* Set height of body and the document to 100% */

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;}
 
/* Header/logo Title */




.konum-1 {   position:relative;
  left:0;display: inline-block; overflow: hidden;
  top:-25px;        }   
 
.cat1 {  padding:15px 5px 15px 0;text-align: center ;color: #555;font-size:14px;background-position:center; 
         background-image: url('resim/konut.jpg');
         background-repeat:repeat-x ;  background-size:50%;    }
		 
 .cat2 { padding:15px;text-align: center ;color: #555;font-size:14px;background-position:center; 
         background-image: url('resim/city.jpg'); 
	     background-repeat:repeat-x ;  background-size:50% ;}
 .cat3 { padding:15px;text-align: center ;color: #555;font-size:14px;background-position:center; 
         background-image: url('resim/buildfactory3.jpg'); background-color:white;
         background-repeat:repeat-x ;  background-size:60% ;   }
 .cat4 { padding:5px;text-align:center;color: #33CCCC;font-weight: bold;
         background-image: url('resim/aksesuar1.jpg'); border:0px solid #4cccbb;    background-repeat:no-repeat;  background-size: 100% ;margin:1px 1px 1px 0px ; }
 .cat5 { background-image: url('min1.jpg');z-index:1;
         background-repeat:no-repeat;  background-size: 100% ; }	 
	
 .menua {color: #555;font-size:14px;text-decoration:none;z-index:1;
          }
.menub {color: #4cccbb;font-size:30px;z-index:1;
          }
.menuc {color:  #999;font-size:14px;text-decoration:none;z-index:1;
          }

table {
 padding-top:15px;
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%; }
.satir { padding-left:15px;}
#t02 th, #t02 td {text-align: left; padding:0 10px 0 10px;
 }
#t02 td {
  height:60px;
}
#t02 th {
  height:20px;background-color: #4cccbb;font-size:16px; } 
#t02 tr:nth-child(even){
 background-color: #f7f7f7;}



/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}


@media  screen and (max-width: 660px) { 
  
 .tablink {
    width:100%;}
 }
 
   @media only screen and (min-width: 660px) {
  /* For desktop: */
  .col-1 {
  width: 8.33%;}
  .col-2 {
  width: 16.66%;}
  .col-3 {
  width: 25%;}
  .col-4 {
  width: 33.33%;}
  .col-5 {
  width: 41.66%;}
  .col-6 {
  width: 50%;}
  .col-7 {
  width: 58.33%;}
  .col-8 {
  width: 66.66%;}
  .col-9 {
  width: 75%;}
  .col-10 {
  width: 83.33%;}
  .col-11 {
  width: 91.66%;}
  .col-12 {
  width: 100%;}
  

  /* Style the top navigation bar */


.tablink {
 padding:12px 4px 8px 9px;width:100%;
  font-size:16px;   }
	
.konum-1 {   position:relative;
  left:0;
  top:-30px;        }   

 }
 
  @media only screen and (min-width: 950px) {
  /* For desktop: */
  .col-1 {
  width: 8.33%;}
  .col-2 {
  width: 16.66%;}
  .col-3 {
  width: 25%;}
  .col-4 {
  width: 33.33%;}
  .col-5 {
  width: 41.66%;}
  .col-6 {
  width: 50%;}
  .col-7 {
  width: 58.33%;}
  .col-8 {
  width: 66.66%;}
  .col-9 {
  width: 75%;}
  .col-10 {
  width: 83.33%;}
  .col-11 {
  width: 91.66%;}
  .col-12 {
  width: 100%;}
  
 

.tablink {
 padding:12px 4px 8px 9px;width:100%;
  font-size:16px;   }
 


.konum-1 {   position:relative;
  left:0;
  top:-35px;        }	


 
 }
 /*------------------------BÜYÜK EKRAN SONU----------------*/