body, html {
    background:#369;
}


.saerch-frame {
    display:block;
    width:100;
}

.social-kabuk{
    float:right;
    padding:10px;
    position:absolute;
    top:40px;
    right:30px;
    border:0px solid #fff;
}

.social-kabuk-mobil{
    display:none;
}

.baskan-social-kabuk{
margin:0 auto;
    padding:10px 0px;
    position:relative;
    border:0px solid #fff;
    text-align: center;
}

.svg-facebook, .svg-instagram, .svg-twitter , .svg-youtube, .svg-whatsapp {
    width: 40px;
    height:40px;
    text-align: center;
    display:inline-table;
    margin:0 0px 0 0;
}

.svg-facebook img, .svg-instagram img, .svg-twitter img, .svg-youtube img, .svg-whatsapp img{
    width: auto;
    height:30px;
}

.svg-tbb_tv {
    height:40px
    text-align: center;
    display:inline-table;
    margin:0 5px 0 0;
}
.svg-tbb_tv img{
    width: auto;
    height:30px;
}

.language{
    display:block;
    width:100;
    color:#fff;
    text-align:center;
    padding:10px 0;
}




.container-full {
width:100%;
height:100%;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:center center ;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
position:relative;

 }
.container-fill {
    z-index:2;
width:100%;
height:100%;
margin:0 auto;
text-align:center;
background-repeat:no-repeat;
background-position:center center ;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
position:relative;
background-image:url(../../images/filigran.png);

}



.search-frame input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 50px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 36px 2px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 36px 2px rgba(0,0,0,0.31);
box-shadow: 0px 0px 36px 2px rgba(0,0,0,0.31);
}

.search-frame input[type=submit] {
    width: 100%;
    background-color: #eee;
    color: white;
    padding: 8px 8px;
    margin: 8px 0;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    width:32px;
    position:absolute;
    right:5px;
    top:5px;
    background-image:url('../../images/search_siyah.png');
}

.search-frame input[type=submit]:hover {
    background-color: #369;
}

.footer-kabuk{
display:block;
width:100%;
position:absolute;
bottom:0;
margin:0 auto;
z-index:99;

 }
.footer-astar{

display:block;
padding:20px;
position:relative;
margin:0 auto;
text-align:center;
background-color:rgba(0,0,0,0.4);
height:200px;
}

.footer-gecis{
    display:none;
}

.baskan-web-foto {
    display:block;
    width:20%;
    height:500px;
    position:absolute;
    left:0;
    bottom:0;
background-repeat:no-repeat;
background-position:left bottom ;
-webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
background-size:contain;
}

.left-add-kabuk {
    display:block;
    float:left;
    width:34%;
    border-radius:10px;
    overflow:hidden;
    position:relative;

}

.left-add-astar {
    display:block;
    padding:5px 20px;
    width:50%;
    text-align:left;
    float:right;

}
.leftt-add-astar h6{
    display:block;
    padding:10px 5px;
    font-size:16px;
    color:#fff;
}

.left-add-astar a{
    display:block;
    text-align:center ;
    width:100%;
    font-size:16px;
padding:8px 0;
color:#fff;
border-bottom:1px dashed rgba(255,255,255,0.2);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.left-add-astar a:hover{
padding:8px 0 8px 10px;

}



.right-add-kabuk {
    display:none;
    float:right;
    width:13%;
    height:100px;
    border-radius:10px;
    background-color:#369;
    overflow:hidden;
    position:relative;
}

.right-add-astar {
    display:block;
    padding:5px 20px;

    text-align:left;

}
.right-add-astar h6{
    display:block;
    padding:5px;
    font-size:16px;
    color:#fff;
}

.right-add-astar a{
    display:block;
    width:100%;
    font-size:12px;
padding:5px;
color:#fff;
border-bottom:1px dashed rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.right-add-astar a:hover{

padding:5px 0 5px 10px;

}



.info {
    display:none;
}

.mobil-menu-kabuk {
    display:block;
    margin:0;
    position:absolute;
    right:20px;
    width:350px;
    height:100%;
    top:0;
    z-index:4;
    display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
 -webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;

}



.mobil-menu-astar {
    display:block;
    padding:0px;
    border-right:1px dashed #fff;
}

.mobil-menu-item {
display:block;
text-align:right;
margin:10px 0 0 0;
border-bottom:0px dotted #fff;

}

.mobil-menu-item-tire {
display:block;
width:15px;
height:25px;
float:right;
border-bottom:1px dashed #fff;
}

.mobil-menu-item-icon {
    padding:13px 10px;
    color:#fff;
font-size:20px;
text-align:center;
float:right;
border-radius:50%;
border:1px dashed #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.mobil-menu-item a p{
text-align:right;
color:#fff;
font-size: 14px;
padding:12px 10px;
float:right;
font-family: 'ralewaybold';
}

.mobil-menu-item:hover .mobil-menu-item-icon {
 color:#369;
background:#fff;
 border:1px dashed #fff;
}

 .mobil-haber-kabuk {
    display:none;
}

/*iç sayfa css**********************************************************************************************************************************************************************************************************/

.icsayfa_header_height{
    height:130px;
}

 .inside-navbar-kabuk  {
    display:block;
    background:#ccc;
}

 .inside-navbar-astar {
    display:block;
    padding:10px;
}

.navbar {
    display:block;
    float:left;
    padding:10px;
}

.navbar a {
    display:inline-block;
    padding:5px;
    color:#333;
    font-size:14px;
    font-family: 'ralewaybold';
}

.navbar u {
    font-size:14px;
    color:#444;
    text-decoration: none;
}

.inside-search-frame {
    display:block;
    float:right;
    margin:0 auto;
    border:0px solid #fff;
    padding:0px;
    width:30%;
    position:relative;
}

.inside-search-frame input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 50px;
    box-sizing: border-box;
}

.inside-search-frame input[type=submit] {
    width: 100%;
    background-color: #eee;
    color: white;
    padding: 8px 8px;
    margin: 8px 0;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    width:32px;
    position:absolute;
    right:5px;
    top:5px;
    background-image:url('../../images/search_siyah.png');
}

.inside-search-frame input[type=submit]:hover {
    background-color: #369;
}

.content-kabuk  {
    display:block;
    background:#fff;
    padding:20px 0 20px 0;
}

.content-astar  {
    display:block;
    width:1200px;
    margin:0 auto;
    
}

.content-astar h2 {
    display:block;
    padding:20px 0;
    color:#333;
    font-size:40px;
    font-family: 'ralewaybold';

}

.content-astar h3 {
    display:block;
    padding:20px 0;
    color:#666;
    font-size:20px;
    font-family: 'ralewayregular';

}

.content-astar .img {
float:left; width:50%;
height:auto;
margin:0 20px 20px 0;
}

.content-astar .img img {
width:100%;
height:auto;

}

.content-astar .textarea p {
line-height:20px;
font-size:14px;
font-family: 'ralewayregular';
color:#999;
}


.inside-footer-kabuk {
    display:block;
    background-color:rgba(0,0,0,0.1);

}

.inside-footer-astar {
    display:block;
    text-align:center;
    width:1200px;
    margin:0 auto;
    padding:20px 0;

}

.inside-footer-sutun {
    display:block;
    width:25%;
    text-align:left;
    float:left;
}


.inside-footer-sutun  a{
    display:block;
    padding:8px;
    margin:0 10px;
    color:#fff;
    border-bottom:1px dashed rgba(255,255,255,0.2);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.inside-footer-sutun  a:hover{
    padding:8px 0 8px 16px;
}


.iletisim-kabuk {
    display:block;
}

.iletisim-astar {
    display:block;
    text-align:center;
    width:1200px;
    margin:0 auto;
    padding:20px 0;
}

.iletisim-astar .irtibat{
float:left;
width:55%;
}

.iletisim-astar .uygulama{
float:right;
width:20%;
}

.iletisim-astar .sosyalmedya{
float:right;
width:25%;
}

.iletisim-astar .items {
    display:inline-block;
    padding:10px 5px;
    margin-right:10px;
    color:#fff;
    font-size:16px;
}

.iletisim-astar .items b{
    color:#003;
    font-weight:bold;
}

.iletisim-astar .items span{
    color:#003;
    font-weight:bold;
    font-size:18px;
}

.iletisim-astar .items a span{
    color:#003;
    font-weight:bold;
    font-size:30px;
}

.belediye-bottom-logo {
    display:block;
    padding:30px;
    text-align:center;
}

.inside-info {
    border-top:1px dashed rgba(255,255,255,0.2);
    display:block;
    width:50%;
    padding:20px 0 50px 0;
    color:#fff;
    text-align:center;
    margin:0 auto;
}

.bottom-logo-svg {
width:350px;
position:relative;
border:none;
border:0px solid #ccc;
display:inline-block;
}

.bottom-logo-svg img {
width:100%;
height:auto;
}


/***Meclis Üyeleri******************************************************************************************************************************************************************************/

.meclis-kabuk {
    display:block;
}

.meclis-astar {
    display:block;
    text-align:center;
}

.meclis-kategori {
    display:block;
    background-color:#e2e2e2;
    height:2px;
    margin:50px auto;
    text-align:center;
}

.meclis-kategori h6{
    display:inline-block;
    background-color:#fff;
    padding:10px;
    font-size:20px;
    color:#333;
    margin-top:-20px;
}


.meclis-kisi {
    display:inline-block;
    width:24%;
    text-align:center;
    margin:20px 0;
}

.meclis-kisi-img {
    width:150px;
    height:150px;
    border-radius:50%;
    background-color:#e2e2e2;
    padding:10px;
    margin:10px auto;
}

.meclis-kisi-img img {
    width:130px;
    height:130px;
    border-radius:50%;
}

.meclis-kisi h6{
display:block;
padding:10px;
color:#333;
font-size:16px;
font-family: 'ralewaybold';
}

.search-frame {
    display:block;
    margin:0 0 0 -300px;
    border:0px solid #fff;
    padding:0px;
    width:600px;
    position:absolute;
    z-index:40;
    left:50%;
    top:50%;


}

@media all and (max-width : 1600px) {

.social-kabuk{
    float:right;
    padding:10px;
    position:absolute;
    top:70px;
    right:30px;
    border:0px solid #333;
}

.language {
    display:inline-block;
    color:#fff;
    text-align:center;
    padding:10px 10px;
    float:right;
}

.left-add-kabuk {
    float:left;
    width:40%;

}

.slider-kutu-ID-01 {
width:60%;
}

.left-add-astar a{
    width:100%;
    font-size:14px;
}


}

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

.social-kabuk{
       display:none;
}

.language{
    display:none;
}

.social-kabuk-mobil{
    display:block;
    text-align:center;
    padding:10px;
    position:relative;
}



.search-frame {
    display:block;
    margin:0 0 0 -300px;
    border:0px solid #fff;
    padding:0px;
    width:600px;
    position:absolute;
    z-index:40;
    left:50%;
    top:50%;
}


.icsayfa_header_height{
    height:80px;
}

.content-astar  {
    width:900px;
}

.inside-footer-astar {
    width:900px;
}

}

@media all and (max-width : 1024px) {

.search-frame {
    display:block;
    margin:0 0 0 -300px;
    border:0px solid #fff;
    padding:0px;
    width:600px;
    position:absolute;
    z-index:40;
    left:50%;
    top:20%;
}




.icsayfa_header_height{
    height:80px;
}

.content-astar  {
    width:100%;
}


.content-astar h2 {
    display:block;
    padding:10px 20px;
    color:#333;
    font-size:24px;
    font-family: 'ralewaybold';

}

.content-astar h3 {
    display:block;
    padding:10px 20px;
    color:#666;
    font-size:16px;
    font-family: 'ralewayregular';

}

.content-astar .img {
float:both; width:80%;
height:auto;
margin:10%;
}

.content-astar .img img {
width:100%;
height:auto;

}

.content-astar .textarea p {
line-height:20px;
font-size:14px;
font-family: 'ralewayregular';
color:#999;
padding:10px 20px;
}

.inside-footer-astar {
    width:100%;
}

.iletisim-astar .irtibat{
float:none;
width:100%;
}

.iletisim-astar .uygulama{
float:none;
width:100%;
}

.iletisim-astar .sosyalmedya{
float:none;
width:100%;
}

.inside-footer-sutun {
    display:block;
    width:50%;
    text-align:left;
    float:left;
}



.iletisim-astar {
    width:100%;
}

.bottom-logo-svg {
width:250px;
}

 }

@media all and (max-width : 900px) {
 .baskan-social-kabuk{
display:none;
}


.baskan-web-foto {
    display:block;
    width:34%;
    height:500px;
    position:absolute;
    left:0;
    bottom:0;
}



.left-add-astar {
    display:none;

}

}

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

 .container-full {
height:60%;

 }

 .icsayfa_header_height{
    height:80px;
}



.search-frame {
    display:block;
    margin:0 5%;
    border:0px solid #fff;
    padding:0;
    width:90%;
    position:absolute;
    z-index:40;
    left:0;
    top:50%;
}

.social-kabuk{
       display:none;
}

.social-kabuk-mobil{
    display:block;
    text-align:center;
    padding:10px;
    position:relative;
}

.baskan-web-foto {
    display:none;
}


.footer-gecis{
    display:block;
width:100%;
height:60px;
margin:0 auto;
bottom:-1px;
position:absolute;
text-align:center;
background-repeat:no-repeat;
background-position:center center ;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
background-image:url(../../images/gecis.png);
}

.footer-kabuk{
background-color:transparent;
height:auto;
position:relative;
bottom:0;
 }

.footer-astar{
background-color:transparent;
height:auto;
position:relative;
background-color:rgba(0,0,0,0.4);
 }


.right-add-kabuk, .left-add-kabuk {
    display:none;
}

.mobil-menu-kabuk {
    /*display:block;*/ /*orjinali bu block*/
    display:block;
    margin:10px auto;
    width:90%;
    position:relative;
    float:none;
    right:auto;
    height:auto;
}

.mobil-menu-astar {
    display:block;
    border-radius:10px;
    background-color:#fff;
    padding:20px;
}

.mobil-menu-item {
display:inline-block;
width:24%;
height:100px;
text-align:center;
border-bottom:1px dotted #eee;
}

.mobil-menu-item-icon {
    padding:10px;
    color:#999;
font-size:40px;
text-align:center;
float:none;
text-shadow: 0px -2px 1px #666;
}

.mobil-menu-item a p{
text-align:center;
float:none;
color:#333;
font-size: 10px;
font-family: 'robotoregular';
}

.mobil-haber-kabuk {
display:block;
    margin:20px auto;
    width:90%;
}

.mobil-haber-astar {
display:block;
}

.mobil-haber-item {
    display:inline-block;
    border-radius:10px;
    background-color:#fff;
    padding:10px 10px 10px 10px;
    margin:20px 10px 0 0;
    width:48%;

}

.mobil-haber-item-img {
    width:50%;
    height:150px;
    background:#eee;
    float:left;
    border-radius:10px;
    overflow: hidden;
    margin-right:10px;
    position:relative;
    background-repeat:no-repeat;
background-position:center center ;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
position:relative;
}

.mobil-haber-item-img b {
    text-align:center ;
    position:absolute;
    background-color:#fff;
    border-radius:20px;
    padding:10px;
    left:20%;
    height:60px;
    width:60%;
    bottom:-35px;
    font-size:14px;
    color:#999;
    font-family: 'robotoregular';
}

.mobil-haber-item-img img{
    width:100%;
    height:auto;
    border-radius:10px;

}

.mobil-haber-item-text {  text-align:left;
padding:10px;
}

.mobil-haber-item-text h4{
    display:block;
    padding:0 0 5px 0;
    font-size:16px;
    color:#333;
    font-family: 'ralewaybold';
    line-height: 20px;
}

.mobil-haber-item-text p{
    font-size:12px;
    color:#999;
    font-family: 'ralewaymedium';
    line-height: 20px;
    text-overflow: ellipsis; /* Metin sığmayınca ... koyar  ------- */
    word-wrap: break-word;
    display:block;
}



.haber-tumu {
    display:block;
    text-align: center;
    color:#fff;
    padding:30px 10px;
}

.info {
    display:block;
    width:90%;
    padding:10px 0;
    color:#fff;
    margin:0 auto;
    line-height:20px;
}


.meclis-kisi {
    display:inline-block;
    width:32%;
    text-align:center;
    margin:20px 0;
}

}

@media all and (max-width : 414px) {
.mobil-menu-item {
width:32%;
margin:0;
padding:0;
}

.mobil-haber-item {
    margin:10px 0;
    width:99%;

}

.mobil-haber-item-img {
    width:100%;
    height:200px;
    border-radius:10px;
    position:relative;
    margin-bottom:10px;
}



.mobil-haber-item-img img{
    width:100%;
    height:auto;
    border-radius:10px;

}

.mobil-haber-item-text {  text-align:left;
padding:10px;
}

.mobil-haber-item-text h4{
    position:relative;
    display:block;
    padding:10px 0;
    font-size:16px;
    color:#333;
    line-height: 20px;
}

.mobil-haber-item-text p{
    font-size:12px;
    color:#999;
    font-family: 'ralewaymedium';
    line-height: 20px;
    text-overflow: ellipsis; /* Metin sığmayınca ... koyar  ------- */
    word-wrap: break-word;
    display:block;
}






.inside-footer-sutun {
    display:block;
    width:99%;
    text-align:left;
    float:left;
}
.navbar {
    display:block;
    float:rigt;
    padding:2%;
    width:98%;
    font-size:12px;
}
.inside-search-frame {
    float:left;
    padding:0px;
    width:100%;
    top:0;
}

    .meclis-kisi {
        display: inline-block;
        /*width:50%;*/
        width: 100%; /* 20 Mart- düzenlendi */
        text-align: center;
        margin: 20px 0;
    }

}

@media all and (max-width : 414px) {


.mobil-menu-astar {
    padding:5px;
}

.mobil-menu-item a p{
font-size: 10px;
}

}