/* RESPONSİVE */
/*****************************/
/**********************************/

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

    header #masaustu { display: none; }

    header .menualan {
    margin-top: 70px !important;
    }

    header section.ortala .inbtn { margin-right: 3px;
    padding: 10px;
    padding-left: 7px;
    padding-right: 7px;
    float: left;  }

    header section.ortala .inbtn .ico { display: none;  }

    header section.ortala .diller { margin-left: 0px; margin-top: 1px; }

    .gg-fb {     left: 0%; }
.gg-fb .fb-div { left: 10px; }

#kategori_list .list img { width: 100%; height: auto; }


.list .kutular .desc .fiyat {    
    width: 275px !important; }
.button_group .share-btn {      padding-left: 6px !important;
    padding-right: 5px !important; margin-left: 0px !important; }

.projebutton_group .fiyat { width: 83%;
    height: auto;
    float: left;
    margin-bottom: 8px;  }
.projebutton_group .sepet-btn { margin-left: 0px;  }

    .diller { display: none;  }
    header section.ortala .buttons {     margin-top: 0px;     margin-left: 24px; }
    header .box_renk3 {
    padding-left: 20px !important;
    padding-right: 19px !important;
}
}

/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/


@media only screen and  (max-width: 479px) { /* MOBİL EKRANLAR */

footer .uyariyazi {padding:15px; margin-bottom: 15px;}

.gg-fb {     left: 0%; }
.gg-fb .fb-div { left: 10px; }

.scholars .listbox .imgbox .img {opacity: 0.5;}
.scholars .listbox .imgbox .title {opacity: 1 !important;}
.scholars .listbox .list {padding:0px 5px;}

header section.ortala .ustbtn .box { margin-right: 1px;  }
header section.ortala .logoalan { padding: 19px; }
header #masaustu { display: none; }
header section.ortala .diller { margin-left: 0px; padding-bottom: 6px;  }
header .box_renk3 {     padding-left: 14px !important;
    padding-right: 11px !important; }


.mobildil { width: 33%;
    height: auto;
    float: right;
    background: #acacac;
    padding: 5px;
    position: relative;
    text-align: center; display: none;  }
.mobildil .dil { width: auto; height: auto; display: inline-block;  }
.mobildil .dil a {
    color: #000;
    width: 40px !important;
    float: left;
    height: auto;
    padding: 0px;
    margin: 0px;
}

.mobildil .dil span {color: #fff;
    float: left;
    width: auto;
    height: auto;
    padding: 10px;
    margin: 0px;
    border-right: 1px solid #eee;}



header .sosyalaglar { width: 130px;  }

header {overflow: hidden; position: relative; }
main {overflow: hidden;}

#menu {     height: auto;
    margin: 0px;
    padding: 0px;
    float: right;
    margin-top: 18px;
    margin-right: -14px; }

#menu li:hover > ul{
    display: none;
    visibility:visible;
}

#menu li  { margin-top: 0px;  }
#menu li a { color: #000 !important; padding-left: 30px;  text-align: left; }
#menu .dropdown { 


    position: relative;
    top: 0px;
    width: 100%;
    left: 0px;
    background: #999;
    margin-top: 0px;
    float: left;
    padding: 0px;
    text-align: center;

  }

#menu .dropdown li { background: #eee;
    border: none;  }    
#menu .dropdown a {

    border-right: none;
    color: #000;
    border-bottom: 1px solid #dcdcdc;
    line-height: 170%;
    padding-top: 5px;
    padding-bottom: 6px;
    word-break: break-all;
    white-space: normal;
    word-break: break-word;
    padding-left: 50px;
    text-align: left;

}


#menu ul {
    
    position: relative;
    top: 0px;
    width: 100%;
    left: 0px;
    background: #999;
}

#menu .has-dropdown:hover .dropdown a {  padding-top: 10px;  }

main.detay .detayyazilar {     padding-left: 20px;  }

header section.ortala .logoalan img {
    width: 100%;
    height: auto;
    float: left;

}


header section.ortala .ustbtn {
    width: auto;
    height: auto;
    float: left;
    margin-top: 2px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 28px;
}

header section.ortala .ustbtn .box_renk1 { display: none;  }
header section.ortala .ustbtn .box_renk2 { display: none;  }



header section.ortala .ustbtn .box .ico {
    width: 20px;
    height: auto;
    float: left;
    margin-right: 7px;
}

header section.ortala .ustbtn .box .text {
    width: auto;
    height: auto;
    float: left;
    font-size: 12pt;
    color: #7d7d7d;
}

header section.ortala .ustbtn .box:last-child {  padding: 9px; width: 41px !important;  }

header section.ortala .sosyalaglar { margin-right: -4px;  }

header section.ortala .sosyalaglar img {
    
    width: 22px;

}

header section.ortala .buttons { width: auto;
        width: auto;
    height: auto;
    float: left;
    margin-top: 8px;
    margin-right: 0px;
    position: relative;
    right: 0;
    margin-left: 23px; }

header section.ortala .inbtn { padding: 10px;
    padding-left: 5px;
    padding-right: 6px; margin-left: 4px;
    float: left;  }

header section.ortala .inbtn .ico {
    width: 17px;
    height: auto;
    float: left;
    margin-right: 5px;
}

header section.ortala .inbtn .text {
    width: auto;
    height: auto;
    float: left;
    font-size: 9pt;
    color: #fff;
    font-weight: 600;
}

header .navbar-toggle { float: left; margin-right: 0px; margin-left: 15px;  }
header section.ortala .masaustuarama { display: none; }
header section.ortala .mobilarama { display: block !important; }
header section.ortala .aramaalan {
    height: 32px;
    float: right;
    border: 1px solid #c0bdbd;
    background-color: transparent;
    margin-top: 10px;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    background-image: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 19px;
}

header section.ortala .gonder { left: 0px;
    top: 0px;  }

main.detay .detaybaslik { padding-top: 70px; }

footer .alt_bolum .enaltkutu { width: 100%; margin-top: -104px;  }
footer .alt_bolum .enalt { width: 100%;  }
footer .alt_bolum .enalt img { width: 100%; height: auto; }
footer .alt_bolum .alt_menu { width: 100%; border:none;    border-bottom: 1px solid #0a4f49;
    padding-top: 20px;
    padding-bottom: 20px; display: none; }
footer .alt_bolum .biziarayin { border: none; border-top: 1px solid #0a4f49; padding-left: 30px; }

footer .logo_social { margin-top: 0px; border: none; }

footer .copyright .alt1 { width: 100%; text-align: center;  }
footer .copyright .alt2 { width: 100%; text-align: center;  }
footer .alt_bolum .biziarayin { border-top: 1px solid #0a4f49;     height: auto;
    padding-left: 22px;
    border-bottom: 1px solid #0a4f49; width: 100%;   padding-top: 18px;  padding-bottom: 10px;
}

#istatistik {     padding-bottom: 20px; }
#istatistik .mainbaslik { padding-bottom: 10px; }
#istatistik .icerik .isbox { width: 100%; height: auto; border:none; border-bottom: 1px solid #184372;  }
##istatistik .icerik .isbox .yazi {     font-size: 12pt;     margin-top: 15px; display:flex; justify-content:center; align-items:center; height:55px !important; }
#istatistik .icerik .isbox2 { width: 100%; height: auto; border:none; border-bottom: 1px solid #184372;  }
#istatistik .icerik .isbox3 { width: 100%; height: auto; border:none; border-bottom: 1px solid #184372; padding-top: 13px;  }


#istatistik .icerik .isbox3 .baslik  {position: relative; margin-top: 0px; }
footer .logo_social .social-media {
    width: 100%;
    text-align: left;
    padding-left: 37px;
}

footer .social-media .box {
    width: auto;
    height: auto;
    float: left;
    color: #fff;
    font-size: 18pt;
    margin: 9px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 30px;
}


.overlay-content input[type="search"] { font-size: 17px; }
.overlay-content .aciklamalar { font-size: 9pt;  }
    
    #blogiki .blogiki_makaleler article .baslik .baslik_text { width: 63%;  }
    #blogiki .blogiki_makaleler article .baslikvehover { height: auto; padding-top: 12pt; padding-bottom: 10px;  }


    
    #projelerimiz { width: 100%;   }

    #projelerimiz .content .imagebox { width: 100%; }
    #projelerimiz .content .textbox {     padding-left: 19px;
    padding-top: 20px;  }
    #projelerimiz .content .textbox .title { width: 93%;  }
    #projelerimiz .content .textbox .desc { width: 93%;  }
    #projelerimiz .content .textbox .more { width: 93%;  }
    #faaliyetrapor .rapor { width: 100%; border-left: none; margin-top: 10px;  }
    #vakifkudus .kudusbox {     height: 423px; border:none; margin-top: 10px;  }
    #vakifkudus .kudusbox .buttons .button-box {     width: auto;
    height: 80px;
    float: left;
    margin: 10px;
    margin-left: 0px;  }


   
    section.ortala {width:100%; height:auto; float:left;}
    .ortala {width:100%; height:auto; float:left;}

    header section.ortala .sloganalan {margin-left: 0px; display: none;}


    #hizmetlerimiz .text-center {padding:0px;}
    #hizmetlerimiz h2 {font-size: 25pt;}

    #blogiki h2 {font-size: 25pt;}

    #hizmetlerimiz .bx-wrapper {margin-left: 12px; margin-right: 12px;}
    #blogiki .blogiki_makaleler article .resimvebaslik img {width: 100%;}

    main .markalar article {padding: 0px !important;}
    .sosyalmedya {margin-top:4% !important;text-align: left !important;}
    .sosyalmedya p {text-align: left !important;}
    .digerleri {position: inherit !important;}
    .detay_alan_sagsol .sol {padding: 0px !important;padding-left: 15px !important;    padding-right: 15px !important;}
    .detay_alan_sagsol .sol figure  {margin:0px !important;}
    
    main section.detay .ana_baslik_alan .geridon {display: none;}
    main section.detay .ana_baslik_alan h1.anabaslik {margin-left: 15px !important;}
    main.detay .detaybaslik h1 { margin-left: 15px;  }
    .detaybaslik .cizgi_kutu  { margin-left: 15px;  }
    .detaybaslik .yol_genel { margin-left: 15px;  }

    main.detay .detaybaslik { padding-top: 20px !important; }
    main.detay .detayyazilar p {
    
    padding: 20px;
    margin-top: 0px;
    
    }
    main.detay .tarih {     margin-left: 22px;
    margin-top: 0px;  }

    #kategori_list .list {
        width: 105% !important;
    height: auto;
    float: left;
    padding: 5px;
}   


#kategori_list .list img { width: 100%; height: auto; }



    .list .kutular {     margin-bottom: 10px !important; }
    .list .kutular figure {     height: 340px !important;  }
    .list .kutular .desc {     height: auto  !important; bottom: 0px  !important; padding-top: 0px !important;  }
    .list .kutular .desc .title .baslik_text { padding-left: 4px !important; text-align: left !important; }
    .list .kutular .desc .title .inputlar {  padding-left: 4px !important;  margin-bottom: 10px !important;  }
    .list .kutular .desc .fiyat { float: left !important;     width: 99% !important;  }
    .list .kutular .desc .fiyat input {     height: 35px !important;  }
    .list .kutular .button_group { padding-left: 0px; padding-right: 0px;  }
    .button_group .share-btn { margin-left: 5px; }

      .listkategori .kutular figure {     height: 200px !important;  }

    #category .blogbir_makaleler article .resimvebaslik img{width: 100%;}
    header section.ortala .sloganalan .slogan {width:100%; height:auto; float:left; text-align: center;margin-bottom: 20px;}
   
    #gallery-1 img {width:100%;}
    #gallery-1 .gallery-item {width: 46% !important;margin:2%;}

    main .ortabanner .bannerbaslik{font-size: 11pt; line-height: 190%;}
    main .ortabanner {padding: 20px;    }

    header .ortala { background: #fff;   }
    header .menualan .ortala { background: none; padding-bottom: 0px; }

    main .slayts { padding-top: 10px !important; padding-bottom: 10px !important;  }
    main .slayts .golge { position: relative; height: 220px;  }
    main .slayts .slaytbilgileri { top: 53px;  }
    main .slayts .slider .baslik { font-size: 14pt;  }
    main .slayts .slider .aciklama { display: none; }
    main .slayts .slider .devami { display: none; }
    main .slayts .bx-viewport { height: 198px !important;  }

    .blog { padding: 15px; padding-top: 0px;  padding-bottom: 0px;  }

    header section.ortala .logoalan {     margin-top: 0px;
    padding-top: 0px; padding-bottom: 0px;  }
 
    header section.ortala .aramaalan { float: right;  }
    header section.ortala .sosyalaglar { margin-left: 0px;  }

    header .menualan { background: #e6e6e6; margin-top: 20px !important;  }

    header .navbar-brand {margin-left:-5px; display: block !important;}
    header .menualan nav ul li {    width: 98%;
    height: auto;
    float: left;
    background: #e6e6e6;
        border-bottom: 1px solid #d1d1d1;
    margin: 5px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-left: 2px;
    margin-right: 0px;
    margin-bottom: 0px;}

    header .menualan nav ul li a { color: #6a6a6a;  }
    

    main .uyebanner .bannerbaslik { font-size: 18pt;  }
    main .uyebanner .bannerozet {  font-size: 12pt; }

    #haberler { padding: 15px; padding-top: 0px;  padding-bottom: 0px;  }
    #haberler h2 { width: 100%;  }
    #haberler .alt-yazi { float: left; margin-top: 0px; }


    .vitrinblok .ikilibox { width: 100%; height: auto; }
    .vitrinblok .makalelist .aciklama .baslik {     font-size: 11pt; }
    .vitrinblok .makalelist .aciklama .ozet { height: 131px;     margin-bottom: 8px; }
    .vitrinblok .makalelist .aciklama .devam .ico { display: none;  }
   
}

/********************************************************************************************************************************************/
/********************************************************************************************************************************************/
/********************************************************************************************************************************************/

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


    .gg-fb {     left: 0%; }
.gg-fb .fb-div { left: 10px; }

section.ortala { width: 100%; height: auto;  }
  .ortala {width:100%; height:auto; float:left;}
    header section.ortala .sloganalan {margin-left: 0px; display: none;}


    #hizmetlerimiz .text-center {padding:0px;}
    #hizmetlerimiz h2 {font-size: 25pt;}

    #blogiki h2 {font-size: 25pt;}

    #hizmetlerimiz .bx-wrapper {margin-left: 12px; margin-right: 12px;}
    #blogiki .blogiki_makaleler article .resimvebaslik img {width: 100%;}

    main .markalar article {padding: 0px !important;}
    .sosyalmedya {margin-top:4% !important;text-align: left !important;}
    .sosyalmedya p {text-align: left !important;}
    .digerleri {position: inherit !important;}
    .detay_alan_sagsol .sol {padding: 0px !important;padding-left: 15px !important;    padding-right: 15px !important;}
    .detay_alan_sagsol .sol figure  {margin:0px !important;}
    main section.detay .ana_baslik_alan .geridon {display: none;}
    main section.detay .ana_baslik_alan h1.anabaslik {margin-left: 15px !important;}
    #category .blogbir_makaleler article .resimvebaslik img{width: 100%;}
    header section.ortala .sloganalan .slogan {width:100%; height:auto; float:left; text-align: center;margin-bottom: 20px;}
   
    #gallery-1 img {width:100%;}
    #gallery-1 .gallery-item {width: 46% !important;margin:2%;}

    header { position: relative; }
    main .ortabanner .bannerbaslik{font-size: 14pt; line-height: 190%;}
    main .ortabanner {padding: 20px;    }

    header .ortala { background: #fff; padding-bottom: 10px;  }
    header .menualan .ortala { background: none; padding-bottom: 0px; }

    main .slayts { padding-top: 10px !important; padding-bottom: 10px !important;  }
    main .slayts .golge { position: relative; height: 220px; bottom: 405px;  }
    main .slayts .slaytbilgileri { top: 95px;  }
    main .slayts .slider .baslik { font-size: 16pt;  }

    main .slayts .bx-viewport { height: 298px !important;  }

    #blog { padding: 15px; padding-top: 0px;  padding-bottom: 0px;  }

    header section.ortala .logoalan { margin-top: 10px;  }
    header section.ortala .ustsag { margin-top: 5px;  }
    header section.ortala .aramaalan { float: right;  }
    header section.ortala .sosyalaglar { margin-left: 0px;  }



    main .uyebanner .bannerbaslik { font-size: 18pt;  }
    main .uyebanner .bannerozet {  font-size: 12pt; }

    #haberler { padding: 15px; padding-top: 0px;  padding-bottom: 0px;  }
    
    #kategori_list .list img { width: 100%; height: auto; }
   

}