max-width: 100%;
    margin: 0;
    }

    .page-content-wrapper>.sidebar-menu {
      max-width: 100%;
      margin-right: 0;
      margin-bottom: 16px;
    }
    }

    .doksanBesGenislik {
      width: 95% !important;
      max-width: 95% !important;
    }

    /* Header container'larını da doğrudan hedefle */
    #Top_bar .container,
    #Action_bar .container {
      width: 95% !important;
      max-width: 95% !important;
    }

    .iconTopBT {
      width: 18px;
      height: 18px;
      position: relative;
      margin-top: 6px;
      float: left;
      margin-right: 15px;
    }

    .iconPhoneBT {
      background: url(../../css/images/icon-phone.png) center center no-repeat;
    }

    .iconMobileBT {
      background: url(../../css/images/icon-mobile.png) center center no-repeat;
    }

    .iconMailBT {
      background: url(../../css/images/icon-mail.png) center center no-repeat;
    }

    .iconMailBlueBT {
      background: url(../../css/images/icon-mail-blue.png) center center no-repeat;
      margin-top: 2px;
    }

    .talepFormu a:hover {
      opacity: 0.8;
    }

    .topDil a {
      font-weight: 700;
      font-size: 13px !important;
    }

    .topDil i {
      font-size: 15px !important;
      position: relative;
      top: 2px;
    }

    .tp-rightarrow {
      bottom: 80px !important;
      top: 50% !important;
      right: 0 !important;
      background: rgba(255, 255, 255, 0.8) !important;
    }

    .tp-leftarrow {
      bottom: 80px !important;
      top: 50% !important;
      left: 0 !important;
      background: rgba(255, 255, 255, 0.8) !important;
    }

    .hayaletBaslik {
      font-family: Source Sans Pro;
      font-weight: bold;
      font-size: 80px;
      color: #d7d9dc;
      margin-top: 20px;
      line-height: 140px;
      margin-bottom: 60px;
    }

    .otomatlarGolgeli {
      background: #fff;
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    }

    .otomatlarBaslik1 {
      font-family: Source Sans Pro;
      font-weight: 200;
      font-size: 28px;
      color: #003273;
    }

    .otomatlarBaslik2 {
      font-family: Source Sans Pro;
      font-weight: 700;
      font-size: 28px;
      color: #003273;
    }

    .otomatlarBaslik3 {
      font-family: Source Sans Pro;
      font-size: 38px;
      font-weight: 700;
      color: #d7d9dc;
    }

    .otomatlarBaslik4 {
      font-family: Source Sans Pro;
      font-size: 38px;
      font-weight: 700;
      color: #d7d9dc;
      padding-left: 50px;
      margin-bottom: 5px;
    }

    .marginTB60 {
      margin: 60px 0;
    }

    .marginT15 {
      margin-top: 15px;
    }

    .minikHr {
      width: 142px;
      background: #003273;
    }

    .minikHr:before {
      content: "";
      width: 42px;
      height: 3px;
      background: #003273;
      display: block;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -1px);
    }

    .solOklu,
    .sagOklu {
      position: relative;
    }

    .solOklu:before {
      height: 30px;
      width: 100%;
      background-image: url(../../images/vendoline-sol-oklar.png);
      position: absolute;
      background-repeat: no-repeat;
      content: "";
      right: -50%;
      top: calc(50% - 15px);
      background-position: left;
    }

    .sagOklu:before {
      height: 30px;
      width: 100%;
      background-image: url(../../images/vendoline-sag-oklar.png);
      position: absolute;
      background-repeat: no-repeat;
      content: "";
      left: -50%;
      top: calc(50% - 15px);
      background-position: right;
    }

    .odemeBaslik h4 {
      font-family: Source Sans Pro;
      font-weight: 700;
      font-size: 25px;
      color: #003273;
    }

    .odemeBaslik p {
      font-family: Source Sans Pro;
      font-weight: 400;
      font-size: 15px;
      color: #003273;
    }

    .operasyonBaslik {
      font-family: Source Sans Pro;
      font-size: 12px;
      font-weight: 700;
      color: #003273;
      margin-bottom: 0;
    }

    .operasyonIkinciBaslik {
      font-family: Source Sans Pro;
      font-weight: 700;
      font-size: 35px;
      color: #003273;
      line-height: 45px;
    }

    .operasyonAltYazi {
      font-family: Source Sans Pro;
      font-size: 15px;
      font-weight: 400;
      color: #003273;
      line-height: 23px;
    }

    .resimYukari {
      margin-top: calc(-50% - 20px);
    }

    .operasyonIcBaslik {
      font-family: Source Sans Pro;
      font-size: 25px;
      line-height: 30px;
      font-weight: 500;
      color: #003273;
    }

    .operasyonIcBaslikAlt {
      font-family: Source Sans Pro;
      font-size: 15px;
      font-weight: 400;
      line-height: 24px;
      color: #003273;
    }

    .operasyonHR {
      margin: 0 auto 10px;
      border: 2px solid #003273;
      background: #003273 !important;
      border-radius: 100px;
      width: 40%;
      margin: 40px auto 40px !important;
    }

    .dortluKolon .column .column_attr {
      min-height: 360px;
    }

    .sonCizgi {
      border: 2px solid #dce2e9;
      position: absolute;
      bottom: 0;
      padding: 0;
      margin: 0 !important;
      width: 80%;
      left: 10%;
      background: #dce2e9 !important;
    }

    #Footer .widgets_wrapper {
      background: #f2f5f9;
    }

    .altFooter {
      background: #194681;
      margin: 30px 0 25px 0;
    }

    #Footer .widgets_wrapper .textwidget p {
      font-family: Source Sans Pro;
      font-size: 14px;
      font-weight: 400;
      color: #003273;
    }

    #Footer .widgets_wrapper h4 {
      font-family: Source Sans Pro;
      font-size: 20px;
      font-weight: 700;
      color: #003273;
      margin: 22px 0 32px 0;
    }

    .footerMenu a {
      font-family: Source Sans Pro;
      font-size: 14px;
      font-weight: 500;
      color: #003273 !important;
      line-height: 32px;
    }

    .footerIletisim aside {
      background: #fff;
      padding: 25px !important;
      border-top: 6px solid #194681;
      margin-top: -98px;
    }

    .footerIletisim aside h4 {
      font-size: 30px !important;
      font-family: Source Sans Pro !important;
      font-weight: 700 !important;
      color: #194681 !important;
      padding-left: 44px;
    }

    #Footer .widgets_wrapper ul li img {
      vertical-align: middle;
      padding: 20px 20px 20px 0;
      margin-top: -5px;
    }

    #Footer .widgets_wrapper .footerIletisim ul li p,
    #Footer .widgets_wrapper .footerIletisim ul li a {
      font-family: Source Sans Pro;
      font-weight: 500;
      color: #003273;
    }

    #Footer .footer_copy .copyright,
    #Footer .footer_copy .copyright a {
      font-family: Source Sans Pro;
      font-size: 14px;
      font-weight: 500;
      color: #fff;
    }

    #Footer .footer_copy .copyright a {
      font-weight: 700;
    }

    .get_in_touch i {
      font-size: 32px;
      position: relative;
      top: 3px;
    }

    .get_in_touch h3 {
      font-weight: 700;
    }

    .address_wrapper p {
      font-weight: 500;
      line-height: 26px;
    }

    .get_in_touch:before {
      content: "";
      height: calc(100% - 20px);
      width: calc(100% - 20px);
      display: block;
      position: absolute;
      left: 10px;
      top: 10px;
      border: 1px dashed #fff;
    }

    .widget_categories ul {
      background-color: #f8f8f8;
      color: #044082;
      border: 1px solid #eeeeee;
    }

    .widget-area {
      padding-bottom: 120px;
    }

    #gallery-2 .gallery-item {
      float: left;
      margin-top: 10px;
      text-align: center;
      width: 20%;
    }

    .frame0 {
      border: 0 !important;
    }

    .frame0 .mask {
      box-shadow: none !important;
    }

    .urunIkon {
      background-image: url(../../images/vendoline-urun-icon.png);
      background-size: auto 48px;
    }

    .ikonAgirlik {
      background-position: -144px 0;
    }

    .ikonYukseklik {
      background-position: -96px 0;
    }

    .ikonGenislik {
      background-position: -48px 0;
    }

    .ikonDerinlik {
      background-position: 0 0;
    }

    .icon_box .desc_wrapper h4 {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 0px;
    }

    .icon_box .desc_wrapper .desc {
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 10px;
    }

    table th,
    table td {
      text-align: left;
    }

    .footerMenu li {
      list-style-type: square;
      color: #003074;
      list-style-position: inside;
    }

    .widget li.aktif a {
      font-weight: 600;
    }

    #Top_bar .menu>li.aktif>a,
    #Top_bar .menu>li:hover>a {
      border-bottom: 5px solid #003074 !important;
      padding: 15px 8px 10px 8px !important;
    }

    #Top_bar .menu>li>a {
      padding: 15px 8px !important;
    }

    #Top_bar .menu>li>a span {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 0px;
      color: #003273;
    }

    #Action_bar {
      background-color: #003273 !important;
      padding: 0 !important;
      height: 39px !important;
      min-height: 39px !important;
    }

    #Action_bar .container {
      height: 39px !important;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    #Action_bar .column.one {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    #Action_bar .contact_details {
      float: none !important;
      margin: 0 !important;
      display: flex;
      align-items: center;
    }

    #Action_bar .social {
      float: none !important;
      margin: 0 !important;
      display: flex !important;
      align-items: center !important;
    }

    #Action_bar .contact_details li,
    #Action_bar .social li {
      display: flex;
      align-items: center;
      margin-bottom: 0 !important;
    }

    #Action_bar .contact_details li a,
    #Action_bar .contact_details li span,
    #Action_bar .social li i,
    #Action_bar .social li a.dil {
      color: #fff !important;
      font-size: 12px;
    }

    .talepFormu {
      background: #fff !important;
      padding: 0 15px !important;
      border-radius: 0 !important;
      margin: 0 15px !important;
      display: flex !important;
      align-items: center !important;
      height: 28px !important;
      box-sizing: border-box !important;
      animation: talepPulse 2s infinite ease-in-out;
      transition: all 0.3s ease;
    }

    .talepFormu a {
      display: flex !important;
      align-items: center !important;
      font-size: 12px !important;
      color: #003273 !important;
      text-transform: uppercase !important;
      font-weight: 700 !important;
      line-height: 1 !important;
      text-decoration: none !important;
    }

    .talepFormu a span.iconTopBT {
      margin-right: 8px !important;
    }

    #Top_bar .menu li ul li.aktif a span {
      font-weight: 600;
    }

    .widget li:hover a {
      font-weight: 600;
    }

    table tr td {
      font-size: 12px !important;
    }

    .urunSlider {
      padding-left: 0 !important;
    }

    .urunSlider .slider_pagination {
      width: 100% !important;
      display: inherit !important;
    }

    .urunSlider .slider_pagination {
      width: 100% !important;
      display: inherit !important;
      position: inherit;
      border: none;
    }

    .urunSlider .image_wrapper {
      width: 100% !important;
      height: 500px !important;
      text-align: center;
    }

    .urunSlider .image_wrapper img {
      width: auto !important;
      height: 500px !important;
      transform: translate(-50%, 0);
      margin-left: 50%;
    }

    .offer_thumb .slider_pagination a.selected:after {
      display: none;
    }

    .urunSlider .slider_pagination>a {
      float: left;
      margin: 0 5px;
    }

    .offer_thumb_ul li.offer_thumb_li {
      padding-left: 0;
    }

    .urunSlider .slider_pagination {
      padding-top: 30px;
    }

    .urunnBaslikYazi {
      font-size: 21px;
      line-height: 28px;
    }

    .urunSlider {
      padding-top: 30px;
    }

    .yanyanaInput .konuSecim {
      float: left;
      padding-right: 5%;
      width: auto;
    }

    li.talepFormu:hover,
    ul.social li:hover {
      opacity: 0.8;
    }

    .footerLogo {
      height: 49px;
    }

    .footerLogo img {
      width: auto;
    }

    .otomatlarGolgeli {
      width: 60% !important;
    }

    .ikinciGolgeli {
      margin-left: 12% !important;
    }

    .urunListeBaslik {
      margin-bottom: 0 !important;
    }

    .yaziyiOrtala {
      text-align: center;
    }

    .fontWeightBold {
      font-weight: bold !important;
      font-size: 20px !important;
    }

    .urunSecenekleriUst {
      width: 50%;
      float: left;
    }

    .urunSecenekleriUst:before {
      content: "›";
      margin-right: 5px;
      font-weight: bold;
    }

    .sagaYasla {
      text-align: right;
    }

    .pointerEventsNone {
      pointer-events: none;
    }

    .loaderAnimation {
      border: 10px solid #f3f3f3;
      /* Light grey */
      border-top: 10px solid #003273;
      /* Blue */
      border-radius: 50%;
      width: 120px;
      height: 120px;
      animation: spin 2s linear infinite;
      left: calc(50% - 60px);
      top: calc(50% - 60px);
      position: absolute;
    }

    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    #contactform label {
      font-size: 12px;
      line-height: 18px;
    }

    #contactform>div.one-second {
      height: 50px;
    }

    .mobildeGoster {
      display: none;
    }

    /* MOBİL */

    @media screen and (max-width: 1330px) {
      #Top_bar .menu>li>a span:not(.description) {
        line-height: 16px;
        font-size: 12px;
      }

      #Top_bar .menu>li>a {
        padding: 37px 0;
      }
    }

    @media screen and (max-width: 1239px) {
      body {
        font-size: 14px;
        line-height: 23px;
      }

      #Top_bar a.responsive-menu-toggle {
        top: calc(50% - 2px);
      }

      .hayaletBaslik {
        font-size: 60px;
        line-height: 120px;
      }

      .otomatlarBaslik1,
      .otomatlarBaslik2 {
        font-size: 24px;
      }

      a.mfn-link {
        font-size: 14px;
      }

      .fancy_heading .title {
        font-size: 32px;
        line-height: 42px;
      }

      .odemeBaslik h4 {
        font-size: 22px;
        margin-bottom: 5px;
        line-height: 22px;
      }

      .otomatlarBaslik3,
      .otomatlarBaslik4 {
        font-size: 50px;
      }

      .operasyonBaslik {
        font-size: 11px;
      }

      .operasyonIkinciBaslik {
        font-size: 25px;
        line-height: 35px;
      }

      .operasyonIcBaslik {
        font-size: 19px;
        line-height: 24px;
      }

      .operasyonIcBaslikAlt {
        font-size: 12px;
        line-height: 20px;
      }

      .footerIletisim aside h4 {
        font-size: 24px !important;
      }

      .footerMenu li {
        list-style-position: initial;
        padding-bottom: 10px;
      }

      .footerMenu a {
        font-size: 14px;
        line-height: 12px;
      }

      .otomatliAlan .odemeBaslik img {
        height: 70px !important;
      }

      .otomatliAlan .mcb-wrap-inner .column {
        margin-bottom: 5px !important;
      }

      .odemeBaslik p {
        margin-bottom: 5px;
      }

      .otomatliAlanOtomat {
        margin-left: -2.5%;
        width: 105% !important;
        max-width: 105% !important;
      }
    }

    @media screen and (max-width: 1079px) {
      #Action_bar .contact_details li {
        margin-right: 10px;
      }

      .iconTopBT {
        margin-right: 7.5px;
      }

      #Action_bar .social li {
        margin-right: 10px;
      }
    }

    @media screen and (max-width: 959px) {
      body {
        font-size: 12px;
        line-height: 18px;
      }

      .hayaletBaslik {
        font-size: 50px;
        line-height: 50px;
      }

      .otomatlarBaslik1,
      .otomatlarBaslik2 {
        font-size: 20px;
        margin-bottom: 5px;
      }

      a.mfn-link {
        font-size: 12px;
      }

      .fancy_heading .title {
        font-size: 28px;
        line-height: 38px;
      }

      .odemeBaslik h4 {
        font-size: 20px;
        margin-bottom: 5px;
        line-height: 20px;
      }

      .otomatlarBaslik3,
      .otomatlarBaslik4 {
        font-size: 40px;
      }

      .operasyonBaslik {
        font-size: 10px;
      }

      .operasyonIkinciBaslik {
        font-size: 21px;
        line-height: 31px;
      }

      .operasyonIcBaslik {
        font-size: 16px;
        line-height: 21px;
      }

      .operasyonIcBaslikAlt {
        font-size: 11px;
        line-height: 20px;
      }

      .footerIletisim aside h4 {
        font-size: 20px !important;
      }

      .mobilde5 {
        margin: 0 auto 5px !important;
      }

      .mobilde20 {
        margin: 0 auto 20px !important;
      }

      .mobildeMT550 {
        margin-top: -550px !important;
      }

      .otomatlarGolgeli .column_attr p {
        margin: 0 0 10px;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(1),
      .otomatliAlan .section_wrapper .wrap:nth-child(3) {
        width: 24% !important;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(2) {
        width: 52% !important;
      }

      .otomatliAlanOtomat {
        margin-left: -9%;
        width: 118% !important;
        max-width: 118% !important;
      }

      .resimYukari {
        padding: 0 15px;
      }

      .dortluKolon .mcb-wrap-inner .column .column_attr {
        padding: 40px 10px 10px !important;
      }

      .operasyonHR {
        margin: 20px auto 20px !important;
        border: 1px solid #003273 !important;
      }

      .dortluKolon .column .column_attr {
        min-height: 320px !important;
      }

      .footerMenu a {
        font-size: 11px;
        line-height: 11px;
      }

      #Footer .widgets_wrapper .textwidget p,
      .footerIletisim li,
      .footerIletisim li a {
        font-size: 11px;
      }

      #Footer .widgets_wrapper ul li img {
        padding: 14px 8px 14px 0px !important;
        margin-top: 0 !important;
      }

      .footerIletisim aside {
        padding: 10px !important;
      }

      .altFooter {
        margin: 13px 0 25px 0;
      }

      #Footer .widgets_wrapper h4 {
        margin: 22px 0 16px 0;
      }

      a.mfn-link-2 {
        line-height: 32px;
      }

      a.mfn-link-2 span {
        padding: 0 12px;
      }

      .mobildeSakla {
        display: none !important;
      }

      .tp-leftarrow {
        right: 30% !important;
        opacity: 0.5;
        bottom: 0px !important;
      }

      .tp-rightarrow {
        right: calc(15% - 100px) !important;
        opacity: 0.5;
        bottom: 0px !important;
      }

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

      .fontWeightBold {
        font-weight: bold !important;
        font-size: 10px !important;
      }

      .mobildeGoster {
        display: block;
      }
    }

    @media screen and (max-width: 767px) {
      .otomatlarGolgeli {
        box-shadow: none !important;
      }

      .mobildeMarginT35 {
        margin: 0 auto 35px !important;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(1),
      .otomatliAlan .section_wrapper .wrap:nth-child(3) {
        width: 40% !important;
        clear: none !important;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(1) {
        float: left !important;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(3) {
        float: right !important;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(2) {
        float: left !important;
        clear: none;
        position: absolute;
        width: 50% !important;
        margin-left: 25%;
        height: 100%;
      }

      .solOklu:before,
      .sagOklu:before {
        display: none;
      }

      .odemeBaslik {
        max-width: 220px;
      }

      .odemeSistemleriSol .odemeBaslik {
        float: right;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(2) div {
        display: inline-block !important;
        height: 100% !important;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(2) img {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
      }

      .odemeSistemleriSol hr {
        display: none;
      }

      .otomatliAlan {
        padding: 35px 0;
        margin-top: 35px;
      }

      .mobildeMarginT82 {
        margin: 0 auto 25px !important;
      }

      .mobildeMarginT30 {
        margin: 0 auto 30px !important;
      }

      .dortluKolon>div>div {
        padding-bottom: 20px;
      }

      .dortluKolon>div>div .mfn-link {
        padding-bottom: 25px !important;
      }

      .footerIletisim aside {
        margin-top: 35px;
        background: transparent;
        border-top: none;
      }

      .footerIletisim h4 {
        border-bottom: 1px solid #194674;
        padding: 0 0 15px 0 !important;
        margin: 0 !important;
      }

      .footerIletisim aside h4 {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #262626 !important;
      }

      .footerIletisim aside {
        padding: 0 !important;
      }

      .footerMenu li {
        list-style-position: inside;
      }

      .hayaletBaslik {
        font-size: 6vw;
        line-height: 4vw;
      }

      #Header_wrapper {
        background-size: cover;
        background-position: center right !important;
      }

      .portfolio-item-fw-bg {
        text-align: center;
      }

      #Content {
        padding-top: 25px;
      }

      .urunIkon {
        margin-top: -7px;
      }

      .column_offer_thumb {
        padding-bottom: 20px;
      }

      .urunSlider .slider_pagination {
        width: fit-content !important;
        left: 50%;
        transform: translate(-50%, 0);
      }

      .footerLogo img {
        height: 100%;
        width: auto !important;
      }

      .hayaletBaslik {
        margin-top: 30px;
        margin-bottom: 10px;
        text-align: center;
      }

      .mobilPaddingKapat {
        padding: 0 !important;
      }

      .tp-rightarrow {
        right: -60px !important;
        left: initial !important;
      }

      .tp-leftarrow {
        left: -20px !important;
      }

      body:not(.template-slider) #Header_wrapper {
        background-size: 180% !important;
        background-position: center calc(100% - 10px) !important;
      }

      body:not(.template-slider) #Header {
        min-height: 230px !important;
      }

      .odemeSistemleriDuzenle .column.one.column_list {
        padding-bottom: 50px;
      }
    }

    @media screen and (max-width: 629px) {
      header .mail {
        display: none !important;
      }

      .mobildeMarginT25 {
        margin: 0 auto 25px !important;
      }

      .otomatlarGolgeli {
        margin-bottom: 30px !important;
      }

      .mobildeGizle {
        opacity: 0 !important;
      }

      .mobildeMarginB70 {
        margin-bottom: 70px !important;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(2) img {
        opacity: 0.5;
      }

      .mobildeKapat {
        display: none !important;
      }
    }

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

      .otomatlarBaslik3,
      .otomatlarBaslik4 {
        font-size: 4vw !important;
        line-height: 4vw !important;
        margin-bottom: 5px;
      }

      .otomatlarBaslik4 {
        padding-left: 20vw;
      }
    }

    @media screen and (max-width: 520px) {
      .tp-revslider-mainul li:nth-child(1) .tp-bgimg {
        background-image: url("theme/images/vendoline-slider-001-mobil.jpg") !important;
      }

      .tp-revslider-mainul li:nth-child(2) .tp-bgimg {
        background-image: url("theme/images/vendoline-slider-002-mobil.jpg") !important;
      }

      .tp-revslider-mainul li:nth-child(3) .tp-bgimg {
        background-image: url("theme/images/vendoline-slider-003-mobil.jpg") !important;
      }

      .tp-revslider-mainul li:nth-child(4) .tp-bgimg {
        background-image: url("theme/images/vendoline-slider-004-mobil.jpg") !important;
      }
    }

    @media screen and (max-width: 469px) {
      header .contact_details>.phone:nth-child(1) {
        display: none !important;
      }

      #Top_bar .logo #logo {
        margin: 10px 0 !important;
        text-align: left !important;
        width: 60% !important;
      }

      .otomatlarBaslik1,
      .otomatlarBaslik2 {
        line-height: 24px !important;
      }

      .mobildeGenislet {
        width: 100% !important;
      }

      .mobildeMarginT82 {
        margin: 0 auto 40px !important;
      }

      .mobildeMarginT35 {
        margin: 0 auto 0px !important;
      }

      .mobildeMarginT30 {
        margin: 0 auto 0 !important;
      }

      .sayfadaKapat {
        margin: 0 auto 45px !important;
      }

      .mobildeAsagiyaKaydir {
        background-size: contain;
        background-position: 0 calc(100% + 120px) !important;
      }

      .vendolineOtomatlarYazi {
        position: absolute;
        bottom: 0;
      }

      .mobildeAsagiyaKaydir {
        background-size: contain;
        background-position: 0 calc(100% + 65px) !important;
      }

      .mobildeAsagiyaKaydir2 {
        background-size: contain;
        background-position: 0 calc(100% - 60px) !important;
      }

      .mobildeMarginBOzel {
        margin-bottom: -120px !important;
      }

      .odemeSistemleriSol .odemeBaslik {
        text-align: left;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(1),
      .otomatliAlan .section_wrapper .wrap:nth-child(3) {
        width: 100% !important;
      }

      .odemeSistemleriSol .odemeBaslik {
        float: left;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(2) {
        position: inherit;
        width: 100% !important;
        margin-left: 0 !important;
        padding: 30px 0;
      }

      .otomatliAlan .section_wrapper .wrap:nth-child(2) img {
        top: 0 !important;
        transform: none !important;
        opacity: 1;
      }

      .odemeBaslik {
        max-width: inherit;
        padding: 0 !important;
        text-align: center;
      }

      .odemeSistemleriSol .odemeBaslik {
        text-align: center;
      }

      .fontWeightBold {
        font-weight: bold !important;
        font-size: 5px !important;
      }
    }

    /* MOBİL */

    /* ── Highlight-left mavi overlay düzeltmesi ────────────────────────── */
    .highlight-left:after,
    .highlight-right:after {
      background: #003273;
    }

    /* ── highlight-left :after → arka plan görseli üstte kalsın ─────────── */
    .highlight-left:after,
    .highlight-right:after {
      background: transparent !important;
    }

    /* ── NEDEN VENDOLINE – radial layout (1240px+) ────────────────────────── */
    @media only screen and (min-width: 1240px) {
      .why-text-container {
        position: absolute;
        width: 100%;
        height: 100%;
      }

      .why-text-container .item p {
        margin: 0;
        position: absolute;
        width: fit-content;
        font-size: 20px;
        font-weight: 600;
        color: #173766;
        text-align: center;
        line-height: 21px;
      }

      .why-text-container .item:first-child p {
        left: 50%;
        transform: translate(-50%);
        top: 30px;
      }

      .why-text-container .item:nth-child(2) p {
        right: 205px;
        top: 153px;
      }

      .why-text-container .item:nth-child(3) p {
        right: 155px;
        bottom: 280px;
      }

      .why-text-container .item:nth-child(3) p.en {
        right: 195px;
        bottom: 300px;
      }

      .why-text-container .item:nth-child(4) p {
        bottom: 165px;
        right: 280px;
      }

      .why-text-container .item:nth-child(4) p.en {
        bottom: 135px;
        right: 240px;
      }

      .why-text-container .item:nth-child(5) p {
        left: 260px;
        bottom: 145px;
      }

      .why-text-container .item:nth-child(6) p {
        left: 250px;
        bottom: 335px;
      }

      .why-text-container .item:nth-child(6) p.en {
        left: 230px;
        bottom: 315px;
      }

      .why-text-container .item:nth-child(7) p {
        top: 150px;
        left: 162px;
      }
    }

    /* ── NEDEN VENDOLINE – radial layout (960px–1239px) ──────────────────── */
    @media only screen and (max-width: 1239px) and (min-width: 960px) {
      .why-text-container {
        position: absolute;
        width: 100%;
        height: 100%;
      }

      .why-text-container .item p {
        margin: 0;
        position: absolute;
        width: fit-content;
        font-weight: 600;
        color: #003273;
        text-align: center;
        font-size: 16px;
        line-height: 17px;
      }

      .why-text-container .item:first-child p {
        left: 50%;
        transform: translate(-50%);
        top: 20px;
      }

      .why-text-container .item:nth-child(2) p {
        right: 154px;
        top: 115px;
      }

      .why-text-container .item:nth-child(3) p {
        right: 115px;
        bottom: 240px;
      }

      .why-text-container .item:nth-child(3) p.en {
        right: 145px;
        bottom: 260px;
      }

      .why-text-container .item:nth-child(4) p {
        bottom: 155px;
        right: 210px;
      }

      .why-text-container .item:nth-child(4) p.en {
        bottom: 130px;
        right: 180px;
      }

      .why-text-container .item:nth-child(5) p {
        left: 190px;
        bottom: 135px;
      }

      .why-text-container .item:nth-child(6) p {
        left: 190px;
        bottom: 285px;
      }

      .why-text-container .item:nth-child(6) p.en {
        left: 170px;
        bottom: 270px;
      }

      .why-text-container .item:nth-child(7) p {
        top: 115px;
        left: 120px;
      }
    }

    /* ── NEDEN VENDOLINE – mobil (max 959px) ─────────────────────────────── */
    @media only screen and (max-width: 959px) {
      .why-text-container .item {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
      }

      .why-text-container .item img {
        width: 70px;
      }

      .why-text-container .item p {
        margin: 0 0 0 20px;
        font-size: 15px;
        line-height: 20px;
      }
    }



    /* ── Sidebar widget-area: padding/bg sıfırla ─────────────────────────── */
    .sidebar .widget-area {
      padding: 0 !important;
      border: none !important;
      background: transparent !important;
    }

    .sidebar .widget-area:before {
      display: none !important;
    }

    /* ── Sidebar h3 başlık — PHP: h3 { color: #003273 } ─────────────────── */
    .sidebar .widget>h3 {
      color: #003273 !important;
      margin-bottom: 8px !important;
    }

    /* ── Sidebar widget_categories — PHP orijinali ile birebir ───────────── */
    .sidebar .widget_categories ul {
      background-color: #f8f8f8 !important;
      color: #003273 !important;
      border: 1px solid #eee !important;
    }

    .sidebar .widget_categories ul li a {
      color: #003273 !important;
      padding: 16px 0 16px 3px !important;
    }

    .sidebar .widget_categories ul li:after {
      width: calc(100% + 40px) !important;
      border-color: rgba(200, 200, 200, .2) !important;
    }

    .sidebar .widget_categories li.cat-item.aktif>a {
      color: #003273 !important;
      font-weight: 700 !important;
    }

    /* ── Header nav: orijinal PHP sitesinden — flex ile sağa hizala ─────── */
    /* Orijinal: inline <style> ile #menu-main-menu display:flex uygulanıyor */
    @media only screen and (min-width: 1255px) {
      #menu-main-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        margin-top: 8px !important;
      }
    }

    /* Span padding: global.css 30px yerine orijinal 20px değeri */
    #Top_bar .menu>li>a span:not(.description) {
      padding-left: 14px !important;
      padding-right: 14px !important;
      white-space: nowrap !important;
    }

    /* ── Mobil: Action Bar tek satır yatay ──────────────────────────────────── */
    @media only screen and (max-width: 767px) {
      #Action_bar {
        display: block !important;
        background: #001d4a !important;
        position: static !important;
      }

      #Action_bar .column.one {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 12px !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
      }

      #Action_bar .contact_details {
        float: none !important;
        text-align: left !important;
      }

      /* Birinci telefon numarasını (sabit hat) mobilde gizle */
      #Action_bar .contact_details li.phone:first-child {
        display: none !important;
      }

      #Action_bar .contact_details li {
        color: rgba(255, 255, 255, 0.9) !important;
        padding: 10px 0 !important;
      }

      #Action_bar .contact_details li.mail {
        display: none !important;
      }

      #Action_bar .contact_details a {
        color: #fff !important;
        font-size: 13px !important;
      }

      #Action_bar .social {
        float: none !important;
        text-align: right !important;
        padding: 10px 0 !important;
      }

      #Action_bar .social li a {
        color: rgba(255, 255, 255, 0.85) !important;
      }

      #Action_bar .dil {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 12px !important;
      }

      #Action_bar .aktifDil {
        color: #fff !important;
        font-weight: 700 !important;
      }
    }

    /* ── Header Wrapper: görsel yerine lacivert gradient ────────────────────── */
    body:not(.template-slider) #Header_wrapper {
      background-image: linear-gradient(135deg, #001d4a 0%, #003273 60%, #004fa8 100%) !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
    }

    /* ── box_shadow.png 404 gizle ───────────────────────────────────────────── */
    #Subheader:after,
    .mcb-section:after {
      background: none !important;
    }

    /* ── Subheader arka plan: skin'in açık gri override ────────────────────── */
    #Subheader {
      background-color: transparent !important;
    }

    /* ── Body padding sıfırla (BeTheme 25px override) ───────────────────────── */
    body {
      padding: 0 !important;
    }

    /* ── #Content padding — PHP orijinali: padding-top 30px (structure.css default) */
    #Subheader+#Content {
      padding-top: 60px !important;
    }

    body.no-content-padding #Content {
      padding-top: 0 !important;
    }

    #Content .content_wrapper,
    #Content .sections_group,
    #Content .entry-content {
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
    }

    /* ── Min-width taşma düzeltmesi + full-width layout ─────────────────────── */
    /* overflow-x: hidden #Wrapper'da box-shadow'ları kırdığı için body'e taşındı */
    body {
      min-width: 0 !important;
      overflow-x: hidden;
    }

    #Wrapper {
      min-width: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
    }

    /* ── #Header min-height kuralı header yapısını bozduğu için kaldırıldı ─────────────── */

    /* ── Subheader gradient + düzeni ────────────────────────────────────────── */
    #Subheader {
      background-color: #001d4a !important;
      background-image: linear-gradient(135deg, #001d4a 0%, #003273 50%, #004fa8 100%) !important;
      padding: 35px 0 !important;
      margin-bottom: 0 !important;
      min-height: 0 !important;
    }

    /* Başlık sol — breadcrumb sağ */
    #Subheader>.container {
      margin-top: 0 !important;
    }

    #Subheader .column.one {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      float: none !important;
      width: 100% !important;
      margin: 0 !important;
    }

    #Subheader h1.title {
      float: none !important;
      width: auto !important;
      flex: 1 1 auto !important;
      text-align: left !important;
      font-size: 22px !important;
      font-weight: 700 !important;
      margin: 0 !important;
    }

    #Subheader ul.breadcrumbs {
      float: none !important;
      width: auto !important;
      flex: 0 0 auto !important;
      text-align: right !important;
      margin: 0 !important;
      white-space: nowrap !important;
    }

    #Subheader .title,
    #Subheader ul.breadcrumbs li,
    #Subheader ul.breadcrumbs li a {
      color: #fff !important;
    }


    /* ── Footer İletişim Hizalaması ── */
    .footerIletisim ul li {
      display: flex !important;
      align-items: center !important;
    }

    /* ── Sidebar & Content Boşluğu ── */
    @media only screen and (min-width: 1240px) {
      .with_aside.aside_left .sections_group {
        width: 70% !important;
        float: right !important;
      }

      .with_aside.aside_left .sidebar {
        width: 26% !important;
        float: left !important;
      }
    }

    .footerIletisim ul li img {
      float: none !important;
      margin-top: 0 !important;
      margin-right: 12px !important;
    }

    .footerIletisim ul li p,
    .footerIletisim ul li a {
      margin: 0 !important;
    }

    /* ── Top Bar Hizalaması ve Sticky Logo Görünürlüğü ── */
    #Top_bar .column.one {
      width: 100% !important;
      margin: 0 !important;
    }

    #Top_bar .top_bar_left {
      width: 100% !important;
      /* Action_bar ile aynı hizada kalması için */
    }

    #Top_bar .logo {
      float: left !important;
      margin-top: 5px !important;
      /* Logonun çok yukarı yapışmaması için */
    }

    #Top_bar .menu_wrapper {
      float: right !important;
    }

    /* Sticky durumundayken Logonun kaybolmasını önle */
    .is-sticky #Top_bar .logo-main {
      display: none !important;
    }

    .is-sticky #Top_bar .logo-sticky {
      display: inline-block !important;
      max-height: 40px !important;
      width: auto !important;
      margin-top: 10px !important;
    }

    /* ── Talep Formu Pulse Efekti ── */
    @keyframes talepPulse {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.05);
      }
      100% {
        transform: scale(1);
      }
    }

    /* ── Section genişlik hizası ────────────────────────────────────────────── */
    body:not(.with_aside) .sections_group .section_wrapper,
    body:not(.with_aside) .sections_group .mcb-section-inner {
      max-width: 1240px !important;
      width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      box-sizing: border-box !important;
    }

    /* ── Otomat arşiv: kategori başlık ikonu ────────────────────────────────── */
    .fancy_heading_icon {
      text-align: center;
    }

    .fancy_heading_icon .icon_top {
      display: block;
      text-align: center;
      margin-bottom: 12px;
      line-height: 1;
    }

    .fancy_heading_icon .icon_top img {
      max-height: 64px;
      width: auto;
      display: inline-block;
    }

    .urunListeBaslik {
      font-family: Montserrat, sans-serif;
      font-size: 22px;
      font-weight: 700;
      color: #003273;
      margin-bottom: 20px !important;
    }

    /* ── Arşiv SEO metin bölümü ─────────────────────────────────────────────── */
    .vnd-seo-text h2 {
      font-family: Montserrat, sans-serif;
      font-size: 20px;
      font-weight: 700;
      color: #003273;
      margin-bottom: 14px;
    }

    .vnd-seo-text h3 {
      font-family: Montserrat, sans-serif;
      font-size: 16px;
      font-weight: 700;
      color: #003273;
      margin: 24px 0 10px;
    }

    .vnd-seo-text p {
      font-size: 14px;
      line-height: 1.75;
      color: #444;
      margin-bottom: 14px;
    }

    /* ── Portfolio ürün kartı başlığı ───────────────────────────────────────── */
    .portfolio_group .entry-title a {
      color: #003273;
      font-family: Montserrat, sans-serif;
      font-size: 14px;
      font-weight: 600;
    }
    /* ── Blog Sayfalama (Pagination) ── */
    .pager_wrapper {
      margin-top: 50px !important;
      padding-top: 20px !important;
      text-align: center !important;
      width: 100% !important;
      float: left !important;
      border-top: 1px solid #f0f2f5;
    }
    .pager_wrapper ul.page-numbers {
      display: inline-flex !important;
      list-style: none !important;
      padding: 0 !important;
      margin: 0 !important;
      gap: 10px;
    }
    .pager_wrapper ul.page-numbers li {
      margin: 0 !important;
      float: none !important;
    }
    .pager_wrapper ul.page-numbers li a,
    .pager_wrapper ul.page-numbers li span.current,
    .pager_wrapper ul.page-numbers li span.dots {
      width: 40px;
      height: 40px;
      line-height: 38px;
      display: block;
      text-align: center;
      border: 1px solid #e8ecf0;
      color: #003273;
      font-weight: 600;
      text-decoration: none;
      transition: all 0.3s ease;
      background: #fff;
    }
    .pager_wrapper ul.page-numbers li span.current {
      background-color: #003273 !important;
      color: #fff !important;
      border-color: #003273 !important;
    }
    .pager_wrapper ul.page-numbers li a:hover {
      background-color: #f8f9fb;
      border-color: #003273;
    }
    .pager_wrapper ul.page-numbers li a.prev,
    .pager_wrapper ul.page-numbers li a.next {
      width: auto !important;
      padding: 0 15px;
    }