.ray-main {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 35px;
}
.col-12.ray-left {
    display: flex;
    justify-content: end;
}

.ray-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.ray-logo img{width: 28%;}
.ray-logo p{display:flex;justify-content:center;align-items:center;flex-direction:column}
.ray-main-alt {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}
.ray-main-alt .link a{width:100%}
.ray-main-alt .link a:first-child{margin-bottom:20px}
.ray-main-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 400px;
    gap:30px;
    margin-top:50px
}
.ray-main-img .col-12{height:100%}
.ray-main-img img{width:100%;height:100%;object-fit:cover}
@media screen and (max-width:990px){
    .ray-main-img{height:250px}
    .ray-main-alt .link a{font-size: 13px !important;}
    .med {
        justify-content: center;
    }
}
@media screen and (max-width:767px){
    .ray-left{justify-content:center}
    .ray-main{flex-direction:column}
    .ray-main-alt{flex-direction:column}
    .ray-main-img{flex-direction:column}
}

/* Ray İç Sayfa */
.ray-table {
    display: flex;
    margin-top: 20px;
}

.ray-table table {
    border: 1px solid #000;
    width: 88%;
}
.table-title p {
    margin: 0;
width: 88%;
display: flex;
justify-content: end;
font-size: 20px;
color: red;
}
.ray-table-info ul {list-style:none;padding:0;margin-top:25px}
.ray-table-info ul li{font-size: 20px;}
.ray-table-info ul li span{font-size: 21px;}
@media screen and (max-width:767px){
    .rayp-banner{padding:0}
    .ray-table{padding:0;transform:scale(0.8);display:flex;justify-content:center;margin:0}
    .ray-table table{width:100%}
    .ray-table.last{flex-direction:column;align-items:center}
    .ray-table-info ul li{font-size:15px}
    .med {
        justify-content: center;
    }
}
/* Kapıla */
.img-sizer img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}
.kapılar-info{display:flex;justify-content:center;align-items:center;flex-direction:column}
.kapılar-info p{margin:0;padding:15px 0; border-bottom: 1px solid ;}
.kapı-eline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:20px
}
.kapı-eline img{width: 250px !important;height:auto !important;}
@media screen and (max-width:1025px){
    .kapı-eline {flex-direction:column}
    .kapı-eline img{width: 150px !important;height:auto !important;}
}
/* Kabin */
.kabin-link{width:20%}
.kabin-top{display:flex;justify-content:center;align-items:center}
.kabin-in-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.kabin-in-top  .marka{font-size: 40px;}
.kabin-in-top  .tur{font-size: 22px;}
.kabin-top .kabin-info{display:flex;justify-content:center;align-items:center;margin:0 !important}
.kabin-v2-image{display:flex;justify-content:center;align-items:center;gap: 60px;}
.kabin-v2-image img {
    width: 50% !important;
}
.kabin-v2-left {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 200px;
}
.kabin-v2-left .kabin-v2-top {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}
.kabin-v2-left .kabin-v2-top p{margin:0;font-weight:600}
.kabin-v2-left .kabin-v2-top .top{font-size:40px;}
.kabin-v2-left .kabin-v2-top .bottom{font-size:20px;}
@media screen and (max-width:990px){
    .kabin-v2{flex-direction:column;justify-content:center;align-items:center;gap:25px}
    .kabin-v2-left{gap:20px}
}
@media screen and (max-width:767px){
    .kabin-v2-image{flex-direction:column}
    
}

/* Motor */
.motor-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}
.motor-bottom table{border:1px solid; border-top:2px solid red}
.ray-main {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 35px;
    margin-top: -15px;
}
.col-12.ray-left {
    display: flex;
    justify-content: center;
}

.ray-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.ray-logo img{width: 44%;}
.ray-logo p{display:flex;justify-content:center;align-items:center;flex-direction:column}
.ray-main-alt {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 20px;
    margin-top: 32px;
}
.col-12.col-lg-3.col-md-5.link a {
    font-size: 13px !important;
    padding: 20px !important;
}
.ray-main-alt .link a{width:100%}
.ray-main-alt .link a:first-child{margin-bottom:20px}
.ray-main-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 400px;
    gap:30px;
    margin-top:50px
}
.ray-main-img .col-12{height:100%}
.ray-main-img img{width:100%;height:100%;object-fit:cover}
@media screen and (max-width:990px){
    .ray-main-img{height:250px}
    .ray-main-alt .link a{font-size: 13px !important;}
    .med {
        justify-content: center;
    }
}
@media screen and (max-width:767px){
    .ray-left{justify-content:center}
    .ray-main{flex-direction:column}
    .ray-main-alt{flex-direction:column}
    .ray-main-img{flex-direction:column}
}

/* Ray İç Sayfa */
.ray-table {
    display: flex;
    margin-top: 20px;
    padding: 0 65px;
}

.ray-table table {
    border: 1px solid #000;
    width: 96% !important;
}
.table-title p {
    margin: 0;
width: 88%;
display: flex;
justify-content: end;
font-size: 20px;
color: red;
}
.ray-table-info ul {list-style:none;padding:0;margin-top:25px}
.ray-table-info ul li{font-size: 20px;}
.ray-table-info ul li span{font-size: 21px;}
@media screen and (max-width:767px){
    .rayp-banner{padding:0}
    .ray-table{padding:0;transform:scale(0.8);display:flex;justify-content:center;margin:0}
    .ray-table table{width:100%}
    .ray-table.last{flex-direction:column;align-items:center}
    .ray-table-info ul li{font-size:15px}
    .med {
        justify-content: center;
    }
}
/* Kapıla */
.img-sizer img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}
.kapılar-info{display:flex;justify-content:center;align-items:center;flex-direction:column}
.kapılar-info p{margin:0;padding:15px 0; border-bottom: 1px solid ;}
.kapı-eline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:20px
}
.kapı-eline img{width: 250px !important;height:auto !important;}
@media screen and (max-width:1025px){
    .kapı-eline {flex-direction:column}
    .kapı-eline img{width: 150px !important;height:auto !important;}
}
/* Kabin */
.kabin-link{width:20%}
.kabin-top{display:flex;justify-content:center;align-items: start;}
.kabin-in-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.kabin-in-top  .marka{font-size: 40px;}
.kabin-in-top  .tur{font-size: 22px;}
.kabin-top .kabin-info{display:flex;justify-content:center;align-items:center;margin:0 !important}
.kabin-v2-image{display:flex;justify-content:center;align-items:center;gap: 60px;}
.kabin-v2-image img {
    width: 32% !important;
}
.kabin-v2-image img:nth-child(2) {
    padding: 39px !important;
}
.kabin-v2-left {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0;
}
.kabin-v2-left .kabin-v2-top {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}
.kabin-v2-left .kabin-v2-top p{margin:0;font-weight:600}
.kabin-v2-left .kabin-v2-top .top{font-size:40px;}
.kabin-v2-left .kabin-v2-top .bottom{font-size:20px;}
@media screen and (max-width:990px){
    .kabin-v2{flex-direction:column;justify-content:center;align-items:center;gap:25px}
    .kabin-v2-left{gap:20px}
}
@media screen and (max-width:767px){
    .kabin-v2-image{flex-direction:column}
    
}

/* Motor */
.motor-bottom {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 60px;
}
.motor-bottom table{border:1px solid; border-top:2px solid red}
@media screen and (max-width:990px){
    .motor-pg .kabin-top{flex-direction:column}
    .motor-bottom{flex-direction:column}
}

.oxel img{height:250px; }
.oxel {
    width: 20% !important;
    padding: 0 30px !important;
}
@media screen and (max-width:990px){
    .oxel img{height:200px; }
}
@media screen and (max-width:767px){
    .oxel {width:100% !important }
}
.col-12.mb-5.img-mot {
    height: 405px !important;
    object-fit: cover !important;
}

.row.panel {
    display: flex;
    justify-content: center;
    align-items: center;
}
.col-12.control-img img {
    width: 39% !important;
}


.col-12.control-img {
    display: flex;
    justify-content: center;
}
.col-12.cont-met {
    display: flex;
    justify-content: center;
}
.oze{gap: 20px 0;}
    .button-sinyal{width:20%}
@media screen and (max-width:990px){
    .oze{gap:0}
    .button-sinyal{width:33%}
}
@media screen and (max-width:767px){
    .button-sinyal{width:100%}
}

/*button */
p.button-name {
    font-size: 16px;
    font-weight: 600;
}

.btn-detay ul {
    list-style: none;
    margin-top: 25px;
    padding: 0;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
    gap: 8px;
    font-size:16px;
}
.btn-col {
    padding: 0 26px 30px;
}

.katbtn-cont {
    width: 20%;
    padding: 0 33px;
}

.btn-name {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
}
.main-kat {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 44px 0;
}
.col-12.kat-main-cont {
    margin-top: 97px;
}
.col-12.kat-main-cont:first-child{margin-top:0}
p.btn-title {
    font-size: 50px;
    font-weight: 600;
    color: #000;
    margin-bottom: 44px;
}
.katbtn-info {
    width: 40%;
    padding: 0 33px;
    font-size: 20px;
}
.kat-slim-img {
    width: 25%;
    padding: 0 33px;
}
@media screen and (max-width:990px){
    .katbtn-cont{width:33%;order:2}
    .katbtn-info{order: 1;}
    .kat-slim-img{width:50%}
}
@media screen and (max-width:767px){
    .katbtn-cont{width:50%;order:2;padding:0 10px}
    .katbtn-info{order: 1;width:100%}
    .kat-slim-img{width:50%;padding:0 10px}
}
.row.button-ozel {
    gap: 80px 0;
}

.but-cus-oz {
    margin-top: 0 !important;
    padding: 0 28px;
}

p.button-model-ad {
    font-size: 25px;
    font-weight: 600;
    color: #000;
}
p.karkas-model {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
.design {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 43px;
}
.desing-in h2 {
    font-size: 20px;
}
@media screen and (max-width:767px){
    .design{flex-direction:column}
}
.row.merr h2 {
    margin-bottom: 10px;
}
.engel {
    gap: 34px;
}
.row.link.merdiven {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.row.link.merdiven a{width:30%}
.kapı-eline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px
}
.kapı-eline img{width:20%!important}

.kapılar-info .top {
    margin-bottom: 10px;
}
.col-12.kat-main-cont p {
    font-size: 30px;
    font-weight: 600;
}

.btn-name p {
    font-size: 22px !important;
}
.col-12.kabin-top .col-lg-6.col-md-6 img {
    width: 80% !important;
}
.kont-sist.row {
    justify-content: space-around;
}
.katbtn-info.sl {
    width: 20%;
}
.desing-in h2 {
    background: #757a80;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-bottom: 5px solid #de0f16!important;
}
.row.merr h2 {
    font-size: 27px;
    font-weight: 600;
    text-align: center;
}
.row.merr p{font-size:20px;font-weight:500;text-align:center}
.col-12.col-lg-6.col-md-6.tabtab {
    display: flex;
    justify-content: center;
}
.merr.row h5 {
    font-size: 17px;
    text-align: center;
}
.row.justify-content-center.dsss .col-12 {
    display: flex;
    justify-content: center;
}
.col-12.ray-table-info {
    padding: 0 65px;
}
.col-12.col-lg-6.col-md-6.kapı-resim img {
    height: 500px !important;
    object-fit: contain;
}

.col-12.kapılar-cerceve img {
    height: 184px !important;
    object-fit: cover;
}
ul.ozel-linkaa {
    list-style: none;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
    gap: 10px;
}
ul.ozel-linkaa a{padding: 9px  38px !important;width: 47%;}
img.ozel-img {
    height: 635px !important;
    object-fit: revert !important;
}
.ozel-link ul {
    list-style: none;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
    gap: 20px;
}

.ozel-link ul li a{width: 61%;}
.col-lg-6.col-md-6.col-12.motor-right {
    margin-top: -21px;
}
.col-12.kabin-top p {
    margin-top: 65px;
}
.kapılar-info {
    display: grid;
    justify-content: center;
}
.col-12.col-lg-6.col-md-6.kapı-resim {
    display: flex;
    justify-content: center;
    align-items: center;
}
.col-12.col-lg-6.col-md-6.kapı-resim img{
    width: 60% !important;
}
.kapı-eline {
    display: flex;
    justify-content: center;
    align-items: center;
}
.kapı-eline img{width:25% !important}

.col-12.kapılar-cerceve img {
    width: 92% !important;
}
.motor-text {
    font-size: 18px !important;
    font-weight: 500 !important;
}
.karkars-eline .karkars > .col-12 {
    height: 500px;
}

.karkars-eline .karkars > .col-12 img {
    height: 100% !important;
    object-fit: contain;
}

.karkars.kar {
    flex-direction: column;
    align-items: center;
}
.col-12.col-lg-4.col-md-4.right-img img {
    height: 370px !important;
    /* object-fit: contain; */
}

.right-img .align-items-center {
    justify-content: center;
    width: 100%;
}
.product-img img {
    height: 350px;
}