#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 .baslikvehover .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: 50px 0px;
     margin-bottom: 20px;
     background: url(../images/baslikbg.jpg) repeat;
}
 main.detay .detaybaslik h1{
    width: auto;
     float: right;
     font-size: 22pt;
     font-weight: 500;
     text-transform: uppercase;
     margin: 0px;
     padding: 0px;
     color: white;
}
 main.detay .detayyazilar {
     width: 100%;
     float: left;
     font-size: 10pt;
     color: #000;
     line-height: 160%;
     text-align: justify;
     padding-right: 20px;
}
 main.detay .detayyazilar p {
    line-height: 165%;
     font-size: 12pt;
     font-weight: 300;
}
 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;
     height:auto;
     float:right;
     font-size:10pt;
     font-weight: 600;
     background-color: #1e7b1e;
     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 {
    width: auto;
     height: auto;
     float: left;
     max-width:100%;
     border:1px solid #eee;
    margin-bottom:2%;
     margin-right:2%;
}*/
 .border {
    border:1px solid #eee;
}
 main .slaytyankutu a {
     text-decoration: none !important;
}
 main.detay .digerleri {
    width: 93%;
    height: auto;
    float: left;
    padding:2%;
    background: #f0f0f0;
}
 main.detay .digerleri .baslik {
    width: 100%;
    height: auto;
    float: left;
    font-size: 12pt;
    font-weight: 500;
    padding: 10px;
    color: #8f8e8e;
}
 main.detay .digerleri .boxbg {
     width: 17px;
     height: 17px;
     float: left;
     margin-right: 10px;
     background: #b9b9b9;
     margin-top: 2px;
}
 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:10.5pt;
}
 main.detay .digerleri ul li:hover {
     background: #f5f5f5;
}

 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;
    margin-top: 15px;
}
 .detaybaslik .cizgi_kutu .cizgi {
    width: 80px;
    height: 2px;
    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: auto;
     float: right;
     margin-left: 20px;
     margin-bottom: 10px;
}
 main.detay .alt_kucuk_resim img {
     width: auto;
     height: auto;
     max-width: 100%;
}
 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: #017275;
     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);
     display: inherit;
}
 .detay tr:nth-child(odd) td {
     background: #EBEBEB;
}
 .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: 16px;
     border-right: 1px solid #C1C3D1;
}
 .list .kutular {
     width: 100%;
     height: auto;
     float: left;
}
 .list .kutular figure {
     width: 100%;
     height: 170px;
     float: left;
     overflow: hidden;
}
 .list .kutular figure img {
     width: 100%;
     height: auto;
}
 .list .kutular .desc {
     width: 100%;
     height: auto;
     float: left;
     background: #f3f3f3;
     padding: 7px;
     padding-top: 19px;
     padding-bottom: 15px;
     text-align: center;
     position: relative;
}
 .list .kutular .desc .title {
     width: 100%;
     height: auto;
     float: left;
     color: #000;
     font-weight: 500;
}
 .list .kutular .desc .fiyat {
     width: 77px;
     height: auto;
     float: right;
     margin-right: 17px;
}
 .list .kutular .desc .fiyat input {
     padding: 6px;
     height: 33px;
     border: none;
}
 .list .kutular .desc .fiyat .input-group-addon {
     padding: 5px;
     height: 33px;
     border: none;
}
 .list .kutular .desc .title .baslik_text {
     width: 62%;
     height: auto;
     float: left;
     text-align: left;
     padding-left: 25px;
     color: #000;
}
 .list .kutular .desc .title .inputlar {
     width: auto;
     height: auto;
     float: right;
     padding-left: 10px;
     text-align: left;
     margin-top: -8px;
}
 .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: #102337;
     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: 82px;
     margin-left: 23px;
}
 .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: 58px;
     margin-left: 27px;
}
 .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: 45px;
     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;
}
 .kredi_kart .kart_cvc {
     width: 63%;
     height: auto;
     float: left;
     margin-top: -45px;
     margin-left: 382px;
}
 .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) */

        .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: #0e757f; 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; }

        main.detay .detayyazilar {padding-left:20px;}
        main.detay .detayyazilar img {max-width:100%;height:auto;}

    }

    @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: #0e757f; 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; }

       

    }