.h img, .hm img{
    display: block;
    width: 100%;

}
.cw{
    width: 100%;
    text-align: center;
    background-color: #777;
}
.cwi{
    margin: 0 auto;
    background-color: #fff;
}
.cwiv{
    margin: 0 auto;
    
}
.cl{
    text-align: left;
    overflow: auto;
}
.cr{
    text-align: left;
    overflow: auto;
}

.cl{
    background-color: #fff;
}
.cr{
    background-color: #fff;
}
.cli{
    padding: 20px 10px 20px 20px;
}
.cri{
    padding: 0 20px 20px 10px;
}

#nav2020{
    background-color: #BCD4BC;
    padding: 10px 20px;
    text-align: left;
}

#intro2020{
    padding-top: 20px;

}
#intro2020 h2{
    
    font-size: 40px;
    
}
#intro2020 h3{
    
    font-size: 20px;
    
}

#social2020{
    padding: 10px 0 5px 0;
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
}

#social2020 a{
    display: inline-block;
    padding-right: 10px;
}

#navholder a{
    font-size: 15px !important;
}
#hbr{
    display: none;
}

.gv{   
    padding: 100px 100px;
}



.gvrehber{
    margin: 50px 20px;
    font-size: 40px;
    background: rgba(0, 0, 0, .5);
    padding: 40px 30px;
    border-radius: 15px;
}


.gvrehbershort{
    margin: 20px;
    font-size: 30px;
    background: rgba(0, 0, 0, .5);
    padding: 15px 20px;
    border-radius: 15px;
}

.gvrehber a, .gvrehbershort a{
    font-family: 'Zilla Slab', serif;
    color: #fff;
    font-weight: normal;
    font-style: normal;
}

.gvkkr{
    padding: 25px 50px;
    font-size: 50px !important;
}

@media (max-width: 749px) { 
    .cwi{width: 100%;}
    .cwiv{width: 100%;}
    .colsout{display: block;}
    .cl{width: 100%;}
    .cr{width: 100%;}
    .h img{display: none;}
    .hm img{display: block;}
    #articles2020{display: none;}
    .cli{padding: 20px 20px 0 20px}
    .cri{padding: 0 20px 20px 20px}
    .kksearchmob{
        box-sizing: border-box;
        width: 300px;
    }
    .kksearchmobbut{
        display: block;
        width: 100%;
        text-align: right;
    }
    .fieldinput textarea, .fieldinput input{
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .fieldinput{
        margin: 0;
    }
    .fieldlabel{
        float: none;
        text-align: left;
    }



    #hbr{display: block;}
    #hbr img{display: block;}
    #navholder{
        display: none;
        text-align: left;
        padding: 10px 5px;
    }
    #navholder span{display: none;}
    #navholder a{
        line-height: 1.9;
        font-size: 15px;
        display: block;
    }
    

    sup.fn{
        padding-left: 5px;
        font-weight: normal;
        color: #777;
    }
}


@media (min-width: 750px) and (max-width:830px) { 
    #navholder a{
        font-size: 13px !important;
    }
}

@media (min-width: 750px) and (max-width:1399px) { 
.cwi{width: 100%;}
.cwiv{width: 100%;}
.colsout{display: flex;}
.cl{flex-grow: 1;}
.cr{width: 450px; flex: 0 0 450px;}
.h img{width: 100%;}
.hm img{display: none;}
.navholder{display: block;}

}

@media (min-width: 1400px) { 
.cwi{width: 1400px;}
.cwiv{width: 1400px;}
.colsout{display: flex;}
.cl{flex-grow: 1;}
.cr{width: 450px; flex: 0 0 450px;}
.h img{width: 1400px;}
.hm img{display: none;}
.navholder{display: block;}

}

.h{
    background-color: #35363A;
    text-align: left;
    font-family: "Oswald", sans-serif;
    height: 95px;
}

#hpad{
    padding: 30px 20px 10px 20px;
    font-size: 45px;
    color: #fff; 
    position: relative;
}

#hpad a{
    color: #fff;
    font-weight: 400;
    margin-right: 27px;
    display: inline-block;
    height: 45px;
    position: absolute;
    top: 40px;
    left: 20px;
}

#hpad a span {
    font-family: Tenali Ramakrishna;
    font-size: 75px;
    color:#ff9933;
    font-weight: 400;
    
}

#hpad form{
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 31px;
    left: 258px;
    width: calc(100% - 20px);
} 

#hpad input[type=text] {
    width: 455px;
    margin: 0;
}

/* "Rehber" link right of the search box (fnBanner); undo the banner's #hpad a / a span styles */
#hpad a#bannerrehber {
    position: static;
    display: inline-block;
    height: auto;
    margin: 0 0 0 15px;
    padding: 6px 4px;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    line-height: 1.3;
    font-weight: normal;
    color: #fff;
    vertical-align: bottom;
    white-space: nowrap;
}
#hpad a#bannerrehber span {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}
#hpad a#bannerrehber:hover {
    text-decoration: underline;
}

/* search suggestions (main.js / oneri.php) - one line per suggestion */
#hpad .oneri {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    max-width: calc(100vw - 40px);
    width: 600px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
    text-align: left;
}
#hpad .oneri a.oneri-item {           /* undo the banner's #hpad a styles */
    position: static;
    display: block;
    height: auto;
    margin: 0;
    padding: 7px 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 1.3;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #eee;
}
#hpad .oneri a.oneri-item b {
    color: #000;
    margin-right: 4px;
}
#hpad .oneri a.oneri-item span {      /* undo the logo's "#hpad a span" (75px orange) */
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    color: #555;
}
#hpad .oneri a.oneri-item:hover,
#hpad .oneri a.oneri-item.active {
    background: #eef3fb;
}

.h div{

    /*display: inline-block;*/
    
}

.h{
    position: relative;
}

#headersearch{
    position: absolute;
    top: 20px;
    right: 20px;
}

#headersearch input{
    vertical-align: middle;
    padding: 5px;    
}




@media (max-width:360px) { 
    #klistesiEA, #klistesiYA, .searchfilter{
      -webkit-column-count: 1;  /* Chrome, Safari, Opera */
      -moz-column-count: 1;     /* Firefox */
      column-count: 1;
    }
    #rehber{
        -webkit-column-count: 1;  /* Chrome, Safari, Opera */
        -moz-column-count: 1;     /* Firefox */
        column-count: 1;
    }
}

@media (min-width: 361px) and (max-width:650px) { 
    #klistesiEA, #klistesiYA, .searchfilter{
      -webkit-column-count: 2;  /* Chrome, Safari, Opera */
      -moz-column-count: 2;     /* Firefox */
      column-count: 2;
    }
    #rehber{
        -webkit-column-count: 1;  /* Chrome, Safari, Opera */
        -moz-column-count: 1;     /* Firefox */
        column-count: 1;
    }
}
    
@media (min-width: 651px) and (max-width:832px) { 
    #klistesiEA, #klistesiYA, .searchfilter{
      -webkit-column-count: 3;  /* Chrome, Safari, Opera */
      -moz-column-count: 3;     /* Firefox */
      column-count: 3;
    }
    #rehber{
        -webkit-column-count: 1;  /* Chrome, Safari, Opera */
        -moz-column-count: 1;     /* Firefox */
        column-count: 1;
    }
    
}

@media (min-width: 837px) and (max-width:1399px) { 
    #klistesiEA, #klistesiYA, .searchfilter{
      -webkit-column-count: 5;  /* Chrome, Safari, Opera */
      -moz-column-count: 5;     /* Firefox */
      column-count: 5;
    }
    #rehber{
        -webkit-column-count: 2;  /* Chrome, Safari, Opera */
        -moz-column-count: 2;     /* Firefox */
        column-count: 2;
    }
}

@media (min-width: 1400px) { 
    #klistesiEA, #klistesiYA, .searchfilter{
      -webkit-column-count: 6;  /* Chrome, Safari, Opera */
      -moz-column-count: 6;     /* Firefox */
      column-count: 6;
    }
    #rehber{
        -webkit-column-count: 3;  /* Chrome, Safari, Opera */
        -moz-column-count: 3;     /* Firefox */
        column-count: 3;
    }
}

@media (max-width:792px) { 
    
    #hpad a{
        position: absolute;
        top: 27px;
        left: 20px;
    }    
    
    #hpad form{
        display: inline-block;
        vertical-align: bottom;
        position: absolute;
        top: 76px;
        left: 20px;
        width: calc(100% - 40px);       /* 20px gutter both sides; button stays on screen */
        white-space: nowrap;
    }

    #hpad input[type=text] {
        width: calc(100% - 90px);       /* room for the button and the Rehber icon */
        box-sizing: border-box;
        /*min-width: calc(100% - 70px);*/
    }
    #hpad a#bannerrehber {
        margin-left: 10px;
    }
    #hpad a#bannerrehber span {
        display: none;                  /* phones: book icon only */
    }
    
    .h{height: 138px;}

.gv{   
    padding: 35px 20px;
}
    
    
}

.i25{
    text-indent:25px;
}
.i50{
    text-indent:50px;
}

sup{

    color: #777;
    white-space: nowrap;
    font-size: 75%;
    vertical-align: super;
    padding-right: 3px;
}   


#header{
    width: 100%;
}

.mainbody{
    background-color: #fff;
}