#kategori_list {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0px;
    padding-bottom: 30px;
    text-align: center;
}  


#kategori_list h2 {     color: #333333; font-size: 24pt; font-weight: bold; margin-bottom: 5px;}
#kategori_list p {     color: #333333;  font-size: 12pt; margin-top:10px;margin-bottom: 20px; }

#kategori_list .list {width:100%; height:auto; float:left;}
#kategori_list .list article {margin-top:2%; transition: all 0.8s;  }
#kategori_list .list article:hover .resimvebaslik img {-webkit-transform : rotate(7deg) scale(1.2); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform     : rotate(7deg) scale(1.2); /* IE 9 */transform:rotate(7deg) scale(1.2); /* Firefox 16+, IE 10+, Opera */}
#kategori_list .list article .resimvebaslik {position:relative; height:250px;overflow: hidden; -webkit-box-shadow: 0px 3px 17px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 17px -5px rgba(0,0,0,0.75);
box-shadow: 0px 3px 17px -5px rgba(0,0,0,0.75); -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  }
#kategori_list .list article .resimvebaslik img {transition: all 0.8s;}
#kategori_list .list article .baslikvehover {width:100%; height:100px;position:absolute;bottom:0;-webkit-box-shadow: inset 0px -88px 43px -29px rgba(0,0,0,0.71);-moz-box-shadow: inset 0px -88px 43px -29px rgba(0,0,0,0.71);box-shadow: inset 0px -88px 43px -29px rgba(0,0,0,0.71); }
#kategori_list .list article .baslik {width: 91%;
    position: absolute;
    bottom: 15px;
    left: 10px;
    color: #FFF;
    font-size: 11pt;
    font-weight: 500;
    text-transform: uppercase;}

#kategori_list .list article .kategori  { width: auto;
    height: auto;
    float: right;
    font-size: 9pt;
    color: #fff;
    font-weight: 500;
    background: #f00;
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
    position: absolute;
    top: 10px;
    right: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  }

#kategori_list .tumu {    background: #333333; color: #ffffff; margin-bottom: 20px;}

	main.detay .detaybaslik {    height: auto;
    background-color: #e8e8e8;
    font-size: 17pt;
    font-weight: bold;
    color: #868686;
    padding-top: 5px;
    z-index: 0;
    padding-bottom: 13px;     margin-bottom: 20px;}

	main.detay .detaybaslik h1{width: auto;
    float: left;
    font-size: 11pt;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0px;
    padding: 10px;
    padding-left: 15px;}
	
	main.detay .detayyazilar {     width: 100%;
    float: left;
    font-size: 10pt;
    color: #000;
    line-height: 160%; text-align: justify; padding-right: 20px; min-height: 360px; margin-bottom: 30px; }

    main.detay .detayyazilar iframe { width: 100%; height: 350px; }

	main.detay .detayyazilar p {line-height: 165%;
        font-size: 11.7pt;
        font-weight: 300;
        text-shadow: 0px 0 0px rgba(0, 0, 0, 0.30); }

    main.detay .detayyazilar .example1 {margin:0px; padding: 0px;}

     main.detay .detayyazilar .buyuk_resim { width: 100%; height: 379px; overflow: hidden; max-width: 500px; min-width: 210px; float: left; }
     main.detay .detayyazilar .buyuk_resim img {  width: 100%;
    height: auto;
    max-width: 500px;
    min-width: 210px;
    min-height: 100%;
    float: left;
    border: 2px solid #054221; }

   
	main.detay .geridon {width:auto; max-width: 150px; height:auto; float:right; font-size:10pt; font-weight: 600;  background-color: #C01520; padding:10px;color:#FFF;cursor: pointer;    margin-top: 14px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
	main.detay .geridon img {float:left; margin-right:8px; margin-top:5px;}
	
	main.detay .detayyazilar img { height: auto; display: inline-block; max-width:100%; margin-right: 15px; margin-top: 15px; margin-bottom: 15px; }

	.border {border:1px solid #eee;}

    main .slaytyankutu a { text-decoration: none !important; }

	main.detay .digerleri {width: 93%; height: auto; float: left;  padding:2%; }
	main.detay .digerleri .baslik {width: 100%;
    height: auto;
    float: left;
    font-size: 10pt;
    font-weight: 500;
    padding: 10px;
    background: #C01520;
    color: #fff;}
	main.detay .digerleri .boxbg { width: 17px;
    height: 17px;
    float: left;
    margin-right: 10px;
    background: #b9933e;
     }
	main.detay .digerleri ul {width: 100%; height: auto; float: left; margin:0px; padding:0px;}
	main.detay .digerleri ul li {width:100%; height: auto; float: left; list-style-type: none; padding: 10px; border-bottom: 1px solid #ededed;}
	main.detay .digerleri span { font-size: 9pt; margin-right: 5px;  }
	main.detay .digerleri ul li a {text-decoration: none; color:#000; font-size:10pt;}

	main.detay .digerleri ul li:hover { background: #f5f5f5;  }

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

	section.detay_yol {
    width: 100%;
    height: auto;
    float: left;
    padding: 2px;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
}

.detaybaslik .cizgi_kutu {width: 100%; height: 2px; display: inline-block;}
.detaybaslik .cizgi_kutu .cizgi {width: 80px; height: 1px; background: #fff; display: inline-block;}

.detaybaslik {padding-top: 8px; padding-bottom: 8px;width: 100%;height: auto; float: left;background: #ffffff; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; }
.detaybaslik .yol_ok {width: 10px;height: 10px;margin-right: 6px;}
.detaybaslik .yol_ok img {width: 100%;height: 100%;}
.detaybaslik .yol_genel {color: #dadada;}
.detaybaslik .yol_genel span {margin-right: 6px;
    font-size: 11pt;
    color: #fff;
    font-weight: 400;}


main.detay .alt_kucuk_resim {

    width: 100%;
    height: 350px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    
}

main.detay .tarih { width: auto; height: auto; display: inline-block; margin-top: 10px; font-size: 12pt; color: #333; font-weight: 500;  }

.alt_resimler { width: 100%; height: auto; float: left;  }
.digerresimler { width: 210px; height: 160px; float: left; margin: 10px; margin-left: 0px;  }

.detay table {
    width: 100%!important;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #CCC;
}

.detay  tr:first-child {
    border-top: none;
}

.detay th {
    color: #f3f3f3;
    background: #C01520;
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size: 19px;
    font-weight: 600;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
    vertical-align: middle;
    padding: 7px 14px 6px 14px;
}

.detay tr {
    border-top: 1px solid #C1C3D1;
    border-bottom: 1px solid #C1C3D1;
    color: #666B85;
    font-size: 16px;
    font-weight: 400;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.detay tr:nth-child(odd) td {
    background: #f7f7f7;
}

.detay td:last-child {
    border-right: 0;
}

.detay td {
    background: #FFF;
    padding: 9px 8px 5px 8px;
    text-align: left;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    border-right: 1px solid #C1C3D1;
    font-family: 'Poppins';
}

.list .kutular { width: 100%; height: auto; float: left;  }
    .list .kutular figure {  width: 100%;   position: relative;
        height: 350px;
        overflow: hidden;
        margin-bottom: 20px;
        border-radius: 10px; }
    .list .kutular figure img { width: 100%; height: auto; }
    .list .kutular .desc { width: 100%;
    height: auto;
    float: left;
    padding: 7px;
    padding-top: 0px;
    padding-bottom: 15px;
    text-align: center;
    position: relative;  }
    .list .kutular .desc .title { width: 100%; height: auto; float: left; color: #F19000; font-size: 14pt; font-weight: 500; text-align: left;  }



    .list .kutular .desc .title .baslik_text {     width: 100%;
        height: auto;
        float: left;
        text-align: left;
        color: #F19000;
        margin-bottom: 10px; }
    .list .kutular .desc .title .inputlar {     width: 100%;
        min-height: 100px;
        height: auto;
        float: left;
        text-align: left;
        margin-top: 10px;
        display: flex;
        align-items: center; }
        



    .list .kutular .desc .ozet { width: 100%;
    height: 107px;
    float: left;
    font-size: 11pt;
    color: #000;
    font-weight: 400;
    overflow: hidden;
    margin-top: 7px;
    line-height: 180%;  }
    .list .kutular .desc .more { width: 100%; height: auto; float: left; font-size: 10pt; color: #000; font-weight: 500; overflow: hidden; margin-top: 5px; }
    .list .kutular .desc .more_ok { width: 30px; height: auto; float: right; position: absolute; bottom:0px; right: 0px; background: #C01520; padding: 5px;    }
    .list .kutular .desc .more_ok img { width: 100%; height: auto; }

    .list .kutular .desc input { background: #e4e3e3 !important; }



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


}


/* SEPET */



section.ikili_kisim .yan_kutu { margin-top: 0px; padding-left: 0px; margin-left: 0px; }
section.ikili_kisim .yan_kutu .baslik_kutu .ana_baslik { color: #000; }
section.ikili_kisim .yan_kutu .baslik_kutu .baslik-alt-cizgi { background-color: #000; }

section.vitrin .baslik_kutu { padding-bottom: 0px; }
section.vitrin .baslik_kutu .alt-kategori ul li {
    width: 188px;
    height: auto;
    float: left;
    margin-right: 10px;
    display: block;
    letter-spacing: -0.3px;
    margin-bottom: 6px;
}

section.vitrin .baslik_kutu .alt-kategori .glyphicon {  font-size: 4pt; top: -1px;  margin-right: 4px;  }

section.sayfalama { padding: 10px; }


section.ikili_kisim .kutu_bg { width: 100%; height: auto; float: left; background: #f0f0f0; padding: 20px; margin-top: 20px;  }

h3 { width: 100%; height: auto; float: left; font-size: 14pt; color: #000; font-weight: 600; margin-top: 0px; }
h4 { width: 100%; height: auto; float: left; font-size: 11pt; color: #949494; font-weight: 500; margin-top: 0px; line-height: 150%; }

.ilk_kutu { width: 100%; height: auto; float: left; border-left: 1px solid #d3d3d3; padding-left: 20px; }
.odeme_kutu { width: 100%; height: auto; float: left; padding-right: 20px; padding-left: 20px; }
.son_kutu { width: 100%; height: auto; float: left; padding-left: 20px;  padding-right: 10px;  padding-top: 5px; border-left: 1px solid #d3d3d3; min-height: 260px; }

.ilk_kutu .security-info { width: 100%; height: auto; float: left; border-bottom: 1px solid #ddd; padding-bottom: 10px; max-width: 166px; }

.son_kutu .info { width: 100%; height: auto; float: left; margin-bottom: 5px; } 
.son_kutu .info .text { font-size: 12pt; color: #666; font-weight: 400; } 
.son_kutu .info .text2 { font-size: 13pt; color: #333; font-weight: 600; } 


.kredi_kart {    width: 96%;
    height: 220px;
    float: left;
    background: url(../images/kredi_kart_bg.png) no-repeat top center;
    background-size: 100%; }

.kredi_kart .kart_numarasi {     width: 62%;
    height: auto;
    float: left;
    margin-top: 78px;
    margin-left: 19px; }
.kredi_kart .kart_numarasi .form-group { margin-bottom: 0px; }

.kredi_kart .kart_numarasi .form-group .form-control { height: 29px; font-size: 9pt !important;  background: #fff; border: 1px solid #eee; color: #000; }
.kredi_kart .kart_numarasi .form-group .form-control:focus { background: #eee !important; border: 1px solid #21a3e5 !important; }

.kredi_kart .kart_numarasi .box {     
    width: auto;
    height: auto;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 4px;  }


.kredi_kart .kart_kisi_isim {         width: 43%;
    height: auto;
    float: left;
    margin-top: 54px;
    margin-left: 22px; }

.kredi_kart .kart_kisi_isim .form-group { margin-bottom: 0px; }
.kredi_kart .kart_kisi_isim .form-group .form-control { height: 29px; font-size: 10pt !important;  background: #fff; border: 1px solid #eee; color: #000; }
.kredi_kart .kart_kisi_isim .form-group .form-control:focus { background: #eee !important; border: 1px solid #21a3e5 !important; }


.kredi_kart .kart_son_tarih { width: 47%;
    height: auto;
    float: left;
    margin-top: 50px;
    margin-left: 17px; }
.kredi_kart .kart_son_tarih .form-group { margin-bottom: 0px; }
.kredi_kart .kart_son_tarih .form-group .form-control { height: 29px; font-size: 10pt !important;  background: #fff; border: 1px solid #eee; color: #000; }
.kredi_kart .kart_son_tarih .form-group .form-control:focus { background: #eee !important; border: 1px solid #21a3e5 !important; }

.kredi_kart .kart_son_tarih .box {     
    width: auto;
    height: auto;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 4px;  }


.ikili_kisim { width: 100%; height: auto; float: left; min-height: 500px;  margin-bottom: 20px; }

.kredi_kart .kart_cvc {     width: 63%;
    height: auto;
    float: left;
    margin-top: -55px;
    margin-left: 348px;
}
.kredi_kart .kart_cvc .form-group { margin-bottom: 0px; }
.kredi_kart .kart_cvc .form-group .form-control { height: 29px; font-size: 10pt !important;  background: #fff; border: 1px solid #eee; color: #000; }
.kredi_kart .kart_cvc .form-group .form-control:focus { background: #eee !important; border: 1px solid #21a3e5 !important; }
.kredi_kart .kart_cvc .box {     
    width: auto;
    height: auto;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.55);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 4px;  }

.odeme_kutu .has-error .form-control {  border: 2px solid #cc0001 !important; }

.odeme_kutu .form-group .red { border: 2px solid #f00 !important; }

.form_kutu { width: 100%; height: auto; float: left; margin-bottom: 10px;   }
.bagis_kutu button {     background: transparent;
    border: none; }
.ince_label { font-size: 12pt; color: #b0b0b0; font-weight: 400;  padding: 6px; }

.bagis_kutu { width: 100%; height: auto; text-align: left; }
.bagis-yap { width: auto; height: auto; position: relative; z-index: 10; cursor: pointer; padding: 11px; padding-left: 20px; padding-right: 20px; display: inline-block; margin-top: 30px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
background: rgba(15,140,151,1);
background: -moz-linear-gradient(left, rgba(15,140,151,1) 0%, rgba(14,101,109,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,140,151,1)), color-stop(100%, rgba(14,101,109,1)));
background: -webkit-linear-gradient(left, rgba(15,140,151,1) 0%, rgba(14,101,109,1) 100%);
background: -o-linear-gradient(left, rgba(15,140,151,1) 0%, rgba(14,101,109,1) 100%);
background: -ms-linear-gradient(left, rgba(15,140,151,1) 0%, rgba(14,101,109,1) 100%);
background: linear-gradient(to right, rgba(15,140,151,1) 0%, rgba(14,101,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f8c97', endColorstr='#0e656d', GradientType=1 ); }

.bagis-yap:hover { background: rgba(98,125,77,1);
background: -moz-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(98,125,77,1)), color-stop(100%, rgba(31,59,8,1)));
background: -webkit-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
background: -o-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
background: -ms-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
background: linear-gradient(to right, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08', GradientType=1 );  }

.bagis-yap .text { width: auto; height: auto; float: left; font-size: 14pt; color: #fff; font-weight: 600;  }
.bagis-yap span { width: auto; height: auto; float: left; font-size: 15pt; color: #fff; font-weight: 600; margin-left: 5px; margin-top: 2px;  }


.ana_baslik { width: 100%; height:auto; float:left; font-size: 30pt; color: #000; font-weight: 500; margin-top: 10px; margin-bottom: 10px; }
.ana_resim { width: 100%; height:auto; float:left;     margin-bottom: 20px; text-align: center; }
.ana_resim img { width: 100%; height:auto; max-width: 800px; }
.detay_icerik_kutu { width: 100%; height: auto; float: left; text-align: center; }
.detay_icerik { width: 100%; height: auto; margin: 0 auto; text-align: left; max-width: 800px; font-size: 13pt; color: #000; font-weight: 500; line-height: 150%; padding: 5px; padding-left: 0px; margin-top: 10px;  text-align: center; }


    .galeri { width: 100%; height: auto; float: left; }
    .galeri .galeri_resim { width: auto; height: 123px; float: left; margin: 5px; overflow: hidden;  }
    .galeri .galeri_resim img { width: 100%; height: auto; min-height: 100%; }


/*  Responsive
-------------------------- */


    @media (max-width: 600px) { /* 600px'ele kadar olan yer yani (590,360,320) */

        main.detay .content { flex-wrap: wrap; }

        .ortala { width: 100%; }
        .mobil_menu { display: block; }
        section.vitrin .kutu .resim_kutu .golge { width: 95%;  }

        .kredi_kart { width: 100%; height: 366px; float: left; overflow: hidden; background: url(../images/mobil_kredi_kart_bg.png) no-repeat top left;  }
        .kredi_kart .kart_numarasi {  position: relative;  width: 18em; height: auto; float: left; margin-top: 61px; margin-left: 21px; } 
        .kredi_kart .kart_son_tarih { position: relative; width: 18em; height: auto; float: left; margin-top: 20px; margin-left: 64px;} 
        .kredi_kart .kart_cvc { position: relative;  width: 18em;  height: auto;  float: left; margin-top: 122px; margin-left: 11px; }

        section.ikili_kisim .kutu_bg { margin-top: 0px; } 
        header section.orta .menu_orta .logo_yani { width: 100%; height: auto; float: left;  cursor: pointer;  text-align: center; }
        header section.orta .menu_orta .logo_yani .ust_alan { width: auto;  height: auto; float: none; margin-top: 0px;  display: inline-block;  }

        .ilk_kutu { border: none; border-bottom: 1px solid #d3d3d3; }
        .odeme_kutu { margin-top: 20px; margin-bottom: 10px; padding: 0px; }
        .son_kutu { border: none; border-top: 1px solid #d3d3d3; min-height: 10px; }

        header section.alt h1 {  font-size: 26pt; }

        .ince_label {  font-size: 18pt; color: #C01520; font-weight: 600;  padding: 6px; width: 100%;  text-align: center; }

        footer .copyright .alt1 { width: 100%; height: auto; float: left; text-align: center; margin-bottom: 5px; } 
        footer .copyright .alt2 { width: 100%; height: auto; float: left; text-align: center; margin-top: 5px; } 


        footer .logo_social { text-align: center; } 
        footer .logo_social .social-media { float: none; display: inline-block; }

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

        header section.alt .menu { width: 100%; text-align: center; }

    }

    @media (min-width: 600px) and  (max-width: 800px) {  /* 800px ve üstü (860,1024) */

       .ortala { width: 100%; }
        .mobil_menu { display: block; }
        
        header section.orta .menu_orta .navbar-nav>li>a { font-size: 8pt; }
       
        .kredi_kart { width: 500px; background: url(../images/kredi_kart_bg.png) no-repeat top left; }

        .kredi_kart .kart_numarasi { width: 20em;
    height: auto;
    float: left;
    margin-top: 78px;
    margin-left: 20px; } 
        .kredi_kart .kart_son_tarih {     width: 20em;
    height: auto;
    float: left;
    margin-top: 28px;
    margin-left: 71px;} 
        .kredi_kart .kart_cvc {     width: 18em;
    height: auto;
    float: left;
    margin-top: -52px;
    margin-left: 307px; }

        section.ikili_kisim .kutu_bg { margin-top: 0px; } 
        header section.orta .menu_orta .logo_yani { width: 100%; height: auto; float: left;  cursor: pointer;  text-align: center; }
        header section.orta .menu_orta .logo_yani .ust_alan {  float: right; margin-top: 30px;   }

        .ilk_kutu { border: none; border-bottom: 1px solid #d3d3d3; }
        .odeme_kutu { margin-top: 20px; margin-bottom: 10px; padding: 0px; }
        .son_kutu { border: none; border-top: 1px solid #d3d3d3; min-height: 10px; }

        header section.alt h1 {  font-size: 26pt; }

        .ince_label {  font-size: 18pt; color: #C01520; font-weight: 600;  padding: 6px; width: 100%;  text-align: center; }

        footer .copyright .alt1 { width: 100%; height: auto; float: left; text-align: center; margin-bottom: 5px; } 
        footer .copyright .alt2 { width: 100%; height: auto; float: left; text-align: center; margin-top: 5px; } 


        footer .logo_social { text-align: center; } 
        footer .logo_social .social-media { float: none; display: inline-block; }

        footer .slogan {     padding-left: 50px; font-size: 10pt; }

       

    }