.topBigTitleFluid{background: #F2CB06;}

.mesitranWrap{margin-top: 45px;}

.whatIsMesitranLeft{padding-left: 45px;}
.whatIsMesitranWrap{display: flex;align-items: center;justify-content: center;margin-top: 60px;padding: 0px;}
.whatIsMesitranWrap h2{font: normal normal bold 28px/40px Jost;color: #000000;position: relative;display: inline-flex;}
.whatIsMesitranWrap h2::before{content: '';left: 0px;bottom:-5px;width: 75%;height: 2px;background-color: #E5BF00;position: absolute;}
.whatIsMesitranWrap .text{color: #000000;margin-top: 30px;}

.caption{margin-bottom: 30px;}
.caption h4{font: normal normal bold 28px/40px Jost;color: #000000;position: relative;display: inline-flex;}
.caption h4::before{content: '';left: 0px;bottom:-5px;width: 100%;height: 2px;background-color: #E5BF00;position: absolute;}

.subCategoryWrap{margin-top: 30px;margin-bottom: 45px;background: transparent linear-gradient(180deg, #FFFFFF 0%, #FCF2C3 46%, rgb(242, 203, 6,0.6) 100%) 0% 0% no-repeat padding-box;padding-block: 45px;}
.subCategoryParent{padding: 0px;display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
.documentsParent a{display: block;border: 1px solid #DEDEDE;border-radius: 40px;background: #FFFFFF;padding: 15px 25px;transition: 300ms;}
.documentsParent a:hover{background: #FAFAFA;border: 1px solid #DEDEDE;}
.documentsParent a:not(:last-child){margin-bottom: 12px;}
.documentsParent a ul{display: flex;align-items: center;justify-content: space-between;}
.documentsParent a ul li{display: flex;align-items: center;justify-content: flex-start;gap:15px}
.documentsParent a ul li:nth-child(1) img{height: 40px;}
.documentsParent a ul li:nth-child(2) img{height: 25px;}
.documentsParent a ul li:nth-child(1) span{font: normal normal 500 18px/25px Jost;color: #000000;}
.documentsParent a ul li:nth-child(2) span{font: normal normal 300 18px/25px Jost;color: #B5B5B5;}

.subCategoryCol:not(:last-child){margin-bottom: 30px;}

.subCategoryCol h3{font: normal normal bold 20px/28px Jost;color: #000000;display: inline-flex;position: relative;margin: 8px 0px;}
.subCategoryCol h3::before{content:'';position: absolute;bottom: 0px;left:0px;width: 100%;height: 2px;background-color: #E5BF00;}
.subCategoryCol img{border:1px solid #E2E2E2;padding: 15px;height: 300px;object-fit: contain;background-color: #FFFFFF;}
.subCategoryCol h6{margin: 8px 0px;}
.detayBtn.siyah a{background: linear-gradient(90deg,#000 50%,transparent 50%) right/200%;}


.documentsWrap{margin-top: 45px;}


.ourDistributorsWrap{margin-top: 45px;}
.ourDistributorsWrap .caption{padding: 0px;}
.ourDistributorsMap{width: 100%;height: 450px;}

.fullVideoParent{position: relative;padding-top: 56.25%;width: 100%;}
.fullVideoParent iframe{width: 100%;height: 100%;position: absolute;left:0;top:0}

@media(max-width:768px){
    .mesitranWrap{margin-top: 15px;}
    .whatIsMesitranWrap{flex-wrap: wrap;margin-top: 30px;}
    .ozelliklerWrap .col-xs-12{flex-wrap: wrap;}
    .ozelliklerWrap .col-xs-12 ul{flex: inherit;}
    .ozelliklerWrap .col-xs-12 ul:not(:last-child){margin-bottom: 12px;}
    .whatIsMesitranWrap h2{font: normal normal bold 18px/22px Jost;}
    .whatIsMesitranWrap .text{margin-top: 15px;}
    .whatIsMesitranLeft{padding-left: 15px;}

    .subCategoryWrap{margin-top: 0px;}
    .documentsWrap{margin-top: 0px;}

    .caption h4{font: normal normal bold 18px/22px Jost;}
    .documentsParent a ul li:nth-child(1) img{height: 25px;}
    .documentsParent a ul li:nth-child(1) span{font: normal normal 500 14px/20px Jost;}
    .documentsParent a ul li:nth-child(2) span{font: normal normal 300 14px/20px Jost;}


    .ourDistributorsMap{height: 350px;}


    .subCategoryCol h3{font: normal normal bold 14px/20px Jost;}
.detayBtn a{padding: 3px 10px;font: normal normal normal 12px/18px Jost;}
    
}