@media screen and (max-width: 340px) {
    .outline-button {
        font-size: 6px !important;
    }
}

@media screen and (max-width: 767px) {
    .linkSwiper_buttons {
        left: 50% !important;
        transform: translateX(-50%);
    }

    .linkSwiperPagition .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        background-color: gray;
        opacity: 1;
        margin: 0 5px;
        border-radius: 0;
        transition: 1s ease;
    }

    .linkSwiperPagition .swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background-color: red;
    }

    .linkSwiper {
        overflow: visible !important;
    }

    .sectorSwiper_buttons {
        left: 50% !important;
        transform: translateX(-50%);
    }

    .sectorSwiperPagition .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        background-color: gray;
        opacity: 1;
        margin: 0 5px;
        border-radius: 0;
        transition: 1s ease;
    }

    .sectorSwiperPagition .swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background-color: red;
    }

    .sectorSwiper {
        overflow: visible !important;
    }

    .main_seciton_3_swiper_slide_container p {
        font-size: 16px;
    }

    .main_section_5 {
        overflow: hidden;
    }

    .sectorSwiper {
        overflow: visible !important;
    }

    .navbar {
        height: 70px;
    }

    .navbar_logo {
        width: calc(100% - 70px);
        justify-content: left;
        padding-right: 0;
        padding-left: 7.5%;
    }

    .navbar_menu_button {
        width: 70px;
    }

    .navbar_links {
        display: none;
    }

    .navbar_menu {
        top: 70px;
        height: calc(100vh - 70px);
    }

    .sent_mail_container {
        width: 100%;
        padding: 20% 5%;
    }

    .form_input_div_50, .checkbox_button_container .submit_button, .checkbox_button_container .submit_button button, .checkbox_button_container .submit_button a {
        width: 100%;
    }

    .form_input_container {
        flex-wrap: wrap;
        row-gap: 45px;
    }
    
    .checkbox_button_container {
        flex-direction: column;
        row-gap: 45px;
        align-items: baseline;
    }

    .navbar_sent_mail_button {
        position: fixed;
        width: 70px;
        height: 70px;
        bottom: 0;
        right: 0;
        z-index: 10000;
    }

    .main_header_section {
        padding-top: 100px;
    }

    .main_header_section_body {
        width: 100%;
    }

    .outline-button {
        padding: 15px 30px;
        font-size: 10px;
        width: 100%;
    }

    .main_header_section_body {
        top: 50%;
        text-align: center;
    }

    .main_header_section_body h2 {
        font-size: 30px;
    }

    .main_header_section_body h2::after {
        width: 45px;
        height: 45px;
    }

    .main_header_section_body p {
        font-size: clamp(13px, 3vh, 18px);
    }

    .main_section_2 {
        flex-direction: column;
    }

    .main_section_2_info,
    .main_section_2_links {
        width: 100%;
    }

    .main_section_2_info {
        padding: 15% 7.5%;
    }

    .main_section_2_links {
        background-color: transparent;
    }

    .main_section_2_links li {
        background-color: #054063;
        height: 100%;
        min-width: 75%;
    }

    .main_section_2_links li a {
        height: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .main_section_2_links li a:has(.main_section_2_link_icon) {
        padding: 0;
    }

    .main_section_2_link_icon {
        position: relative;
        top: unset;
    }

    .main_section_2_link_arrow {
        display: none;
    }

    .main_section_2_links ul {
        display: none;
        flex-direction: row;
        column-gap: 30px;
        justify-content: left;
        height: 230px;
        overflow-x: auto;
    }

    .main_section_2_link_text {
        text-align: center;
        padding: 0 10px;
    }

    .main_section_3_header span,
    .main_section_2_info_center span {
        font-size: 15px;
    }

    .main_section_3_header h2,
    .main_section_2_info_center h2 {
        font-size: 30px;
    }

    .linkSwiper_buttons .linkSwiperNext,
    .linkSwiper_buttons .linkSwiperPrev {
        display: none;
    }

    .linkSwiper_buttons {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
    }

    .linkSwiper_buttons .swiper-pagination {
        width: 100% !important;
        background-color: transparent;
    }

    .main_section_3 {
        margin-bottom: 50px;
        padding-bottom: 20%;
        overflow: hidden;
    }

    .main_section_4 {
        padding: 2.5% 0;
    }

    .main_section_4_news {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .main_section_4_new {
        padding: 0;
        padding-top: 20px;
    }

    .main_section_4_a {
        width: 100%;
    }

    .main_section_4_card {
        height: max-content;
        flex-direction: column;
    }

    .main_section_4_card .img {
        width: 100%;
        height: 40vh;
    }

    .main_section_4_header,
    .main_section_4_news,
    .main_section_4_a {
        padding: 0 7.5%;
    }

    .main_section_4_body {
        padding: 0;
    }

    .main_section_4_card .desc_card {
        position: relative;
        left: 0 !important;
        width: 100% !important;
        padding: 7.5% 5%;
        height: max-content;
    }

    .main_section_4_card .desc_card h2 {
        width: 100%;
    }

    .main_section_5_header {
        flex-direction: column;
    }

    .main_section_5_header a {
        width: 100%;
        margin-bottom: 20px;
    }

    .sectorSwiper_buttons .sectorSwiperNext,
    .sectorSwiper_buttons .sectorSwiperPrev {
        display: none;
    }

    .sectorSwiper_buttons .sectorSwiperNext,
    .sectorSwiper_buttons .sectorSwiperPrev {
        display: none;
    }

    .sectorSwiper_buttons {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
    }

    .sectorSwiper_buttons .swiper-pagination {
        width: 100% !important;
        background-color: transparent;
    }

    .main_section_6 {
        flex-direction: column;
        flex-flow: column-reverse;
    }

    .main_section_6_info_center,
    .main_section_6_info {
        width: 100%;
    }

    .main_section_6_img {
        width: 100%;
        height: 50vh;
    }

    .main_section_6 {
        height: max-content;
        padding: 7.5% 0;
    }

    .main_section_6_info {
        padding: 7.5%;
    }

    .footer_info {
        display: none;
    }

    .footer_contact {
        flex-direction: column;
        align-items: baseline;
        padding: 30px 0;
        row-gap: 30px;
    }

    .footer_technoone_info {
        flex-wrap: wrap;
        justify-content: left;
        gap: 15px;
    }

    .footer {
        height: max-content;
        min-height: unset;
        padding: 7.5%;
    }

    .main_section_4_a svg,
    .main_section_5_header a svg {
        transform: none;
        margin-left: 10px;
    }

    .main_section_5_header a:hover svg,
    .main_section_5_header a svg,
    .main_section_4_a:hover svg {
        transform: none;
    }

    .navbar_menu_link_img,
    .navbar_menu_default_img {
        display: none;
    }

    .navbar_menu_link_inner_links_container {
        width: 100%;
        padding: 30px;
        flex-direction: column;
        justify-content: left;
        height: 100%;
    }

    .navbar_menu_link_inner_links_container ul {
        position: relative;
        justify-content: left;
        top: -30px;
        margin-bottom: 100px;
    }

    .page_links_and_info {
        margin: 30px 0;
    }

    .mobil_navbar_menu_inner_links_header {
        display: flex;
    }

    .main_section_3_body {
        height: 30vh;
    }

    /* hakkımızda */

    .hakkimizda_section_1 .header {
        font-size: 30px;
        padding: 0 7.5%;
    }

    .hakkimizda_section_1 .desc,
    .hakkimizda_section_1 .buttons {
        padding: 0 7.5%;
    }

    .hakkimizda_section_1 .buttons {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: baseline;
        row-gap: 45px;
    }

    .hakkimizda_section_2 .inner span {
        position: absolute;
        top: 0;
        left: -75px;
    }

    .hakkimizda_section_2 .inner {
        position: relative;
        padding: 10% 7.5%;
    }

    .hakkimizda_section_3 {
        flex-direction: column;
    }

    .hakkimizda_section_3>.header {
        width: 100%;
        margin-bottom: 50px;
    }

    .hakkimizda_section_3 .sectorSwiper_buttons {
        top: 60% !important;
        left: 50% !important;
        right: unset !important;
        transform: translate(-50%, -50%);
    }

    .hakkimizda_section_1 {
        margin-bottom: 80px;
    }

    .custom_swiper_container {
        width: 100%;
    }

    .custom_swiper_container .swiper {
        margin-bottom: 50px;
    }

    /* hakkımızda */

    /* mermer */

    .mermer_section_1 .header {
        font-size: 30px;
        padding: 0 7.5%;
    }

    .mermer_section_1 .desc {
        padding: 0 7.5%;
    }

    .mermer_section_2 .inner {
        width: 100%;
        padding: 0 7.5%;
    }

    .mermer_section_3 {
        overflow: hidden;
    }

    .mermer_section_3_header a {
        width: 100%;
    }

    .sub_brands_mobil {
        display: block;
    }

    .mermer_section_4 .sub_brands {
        display: none;
    }

    .mermer_section_4 {
        overflow: hidden;
    }

    .brandsSwiper_buttons {
        left: 50% !important;
        transform: translateX(-50%);
    }

    .brandsSwiperPagition .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        background-color: gray;
        opacity: 1;
        margin: 0 5px;
        border-radius: 0;
        transition: 1s ease;
    }

    .brandsSwiperPagition .swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background-color: red;
    }

    .brandsSwiper {
        overflow: visible !important;
    }

    .brandsSwiper_buttons .brandsSwiperNext,
    .brandsSwiper_buttons .brandsSwiperPrev {
        display: none;
    }

    .brandsSwiper_buttons .brandsSwiperNext,
    .brandsSwiper_buttons .brandsSwiperPrev {
        display: none;
    }

    .brandsSwiper_buttons {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
    }

    .brandsSwiper_buttons .swiper-pagination {
        width: 100% !important;
        background-color: transparent;
    }

    .mermer_body .leaderboard {
        grid-template-columns: repeat(1, 1fr);
    }

    .leader {
        flex-direction: column;
        row-gap: 20px;
    }

    .leader .img {
        width: 75%;
    }

    .leader .info {
        width: 75%;
        padding: 0;
    }

    .mermer_form_container form .input_padding {
        width: 100%;
    }

    .mermer_form_container form .input_padding .mermer_form_input_container .input_30,
    .mermer_form_container form .input_padding .mermer_form_input_container .input_70 {
        width: 100%;
    }

    .mermer_form_container form .input_padding .mermer_form_input_container {
        flex-wrap: wrap;
        row-gap: 45px;
    }

    .mermer_form_container .buttons {
        flex-direction: column;
        align-items: baseline;
        row-gap: 40px;
    }

    .mermer_form_container .buttons a, .mermer_form_container .buttons .submit_button, #mermerFormSubmitID {
        width: 100%;
    }

    /* mermer */
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .linkSwiper_buttons {
        left: 50% !important;
        transform: translateX(-50%);
    }

    .linkSwiperPagition .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        background-color: gray;
        opacity: 1;
        margin: 0 5px;
        border-radius: 0;
        transition: 1s ease;
    }

    .linkSwiperPagition .swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background-color: red;
    }

    .linkSwiper {
        overflow: visible !important;
    }

    .sectorSwiper_buttons {
        left: 50% !important;
        transform: translateX(-50%);
    }

    .sectorSwiperPagition .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        background-color: gray;
        opacity: 1;
        margin: 0 5px;
        border-radius: 0;
        transition: 1s ease;
    }

    .sectorSwiperPagition .swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background-color: red;
    }

    .sectorSwiper {
        overflow: visible !important;
    }

    .main_seciton_3_swiper_slide_container p {
        font-size: 16px;
    }

    .sectorSwiper_buttons .swiper-pagination {
        width: 100% !important;
        background-color: transparent;
    }

    .main_section_5 {
        overflow: hidden;
    }

    .sectorSwiper {
        overflow: visible !important;
    }

    .main_seciton_3_swiper_slide_container p {
        font-size: 16px;
    }

    .navbar {
        height: 70px;
    }

    .navbar_logo {
        width: calc(100% - 70px);
        justify-content: left;
        padding-right: 0;
        padding-left: 7.5%;
    }

    .navbar_menu_button {
        width: 70px;
    }

    .navbar_links {
        display: none;
    }

    .navbar_menu {
        top: 70px;
        height: calc(100vh - 70px);
    }

    .sent_mail_container {
        width: 100%;
        padding: 20% 5%;
    }

    .navbar_sent_mail_button {
        position: fixed;
        width: 70px;
        height: 70px;
        bottom: 0;
        right: 0;
        z-index: 10000;
    }

    .main_header_section {
        padding-top: 100px;
    }

    .main_header_section_body {
        width: 100%;
    }

    .outline-button {
        padding: 10px;
        font-size: 10px;
    }

    .main_header_section_body {
        top: 50%;
    }

    .main_header_section_body h2 {
        font-size: 40px;
    }

    .main_header_section_body h2::after {
        width: 45px;
        height: 45px;
    }

    .main_header_section_body p {
        font-size: clamp(13px, 3vh, 18px);
    }

    .main_section_2 {
        flex-direction: column;
    }

    .main_section_2_info,
    .main_section_2_links {
        width: 100%;
    }

    .main_section_2_info {
        padding: 5% 7.5%;
    }

    .mobilLinksSwiper {
        display: block;
    }

    .main_section_2_links {
        background-color: transparent;
        overflow: hidden;
    }

    .main_section_2_links li {
        background-color: #054063;
        height: 100%;
        min-width: 33%;
    }

    .main_section_2_links li a {
        height: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .main_section_2_links li a:has(.main_section_2_link_icon) {
        padding: 0;
    }

    .main_section_2_link_icon {
        position: relative;
        top: unset;
    }

    .main_section_2_link_arrow {
        display: none;
    }

    .main_section_2_links ul {
        display: none;
        flex-direction: row;
        column-gap: 15px;
        justify-content: left;
        height: 230px;
        overflow-x: auto;
        overflow-y: clip;
    }

    .main_section_2_link_text {
        text-align: center;
        padding: 0 10px;
        font-size: 20px;
    }

    .main_section_3_header span,
    .main_section_2_info_center span {
        font-size: 20px;
    }

    .main_section_3_header h2,
    .main_section_2_info_center h2 {
        font-size: 40px;
    }

    .main_section_3_body {
        height: 30vh;
    }

    .linkSwiper_buttons .linkSwiperNext,
    .linkSwiper_buttons .linkSwiperPrev {
        display: none;
    }

    .linkSwiper_buttons {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
    }

    .linkSwiper_buttons .swiper-pagination {
        width: 100% !important;
        background-color: transparent;
    }

    .main_section_3 {
        margin-bottom: 50px;
        padding-bottom: 20%;
        overflow: hidden;
    }

    .main_section_4 {
        padding: 2.5% 0;
    }

    .main_section_4_news {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .main_section_4_new {
        padding: 0;
        padding-top: 20px;
    }

    .main_section_4_a {
        width: 100%;
    }

    .main_section_4_card {
        height: max-content;
        flex-direction: column;
    }

    .main_section_4_card .img {
        width: 100%;
        height: 40vh;
    }

    .main_section_4_header,
    .main_section_4_news,
    .main_section_4_a {
        padding: 0 7.5%;
    }

    .main_section_4_body {
        padding: 0;
    }

    .main_section_4_card .desc_card {
        position: relative;
        left: 0 !important;
        width: 100% !important;
        padding: 7.5% 5%;
        height: max-content;
    }

    .main_section_4_card .desc_card h2 {
        width: 100%;
    }

    .main_section_5_header {
        flex-direction: column;
    }

    .main_section_5_header a {
        width: 100%;
        margin-bottom: 20px;
    }

    .sectorSwiper_buttons .sectorSwiperNext,
    .sectorSwiper_buttons .sectorSwiperPrev {
        display: none;
    }

    .sectorSwiper_buttons .sectorSwiperNext,
    .sectorSwiper_buttons .sectorSwiperPrev {
        display: none;
    }

    .sectorSwiper_buttons {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
    }

    .sectorSwiper_buttons .swiper-pagination {
        width: 100% !important;
        background-color: transparent;
    }

    .main_section_6 {
        flex-direction: column;
        flex-flow: column-reverse;
    }

    .main_section_6_info_center,
    .main_section_6_info {
        width: 100%;
    }

    .main_section_6_img {
        width: 100%;
        height: 50vh;
    }

    .main_section_6 {
        height: max-content;
    }

    .main_section_6_info {
        padding: 7.5%;
    }

    .footer_info {
        display: none;
    }

    .footer_contact {
        flex-direction: column;
        align-items: baseline;
        padding: 30px 0;
        row-gap: 30px;
    }

    .footer_technoone_info {
        flex-wrap: wrap;
        justify-content: left;
        gap: 15px;
    }

    .footer {
        height: max-content;
        min-height: unset;
        padding: 2.5% 7.5%;
    }

    .main_section_4_a svg,
    .main_section_5_header a svg {
        transform: none;
        margin-left: 10px;
    }

    .main_section_5_header a:hover svg,
    .main_section_5_header a svg,
    .main_section_4_a:hover svg {
        transform: none;
    }

    .navbar_menu_link_img,
    .navbar_menu_default_img {
        display: none;
    }

    .navbar_menu_link_inner_links_container {
        width: 100%;
        padding: 30px;
        flex-direction: column;
        justify-content: left;
        height: 100%;
    }

    .navbar_menu_link_inner_links_container ul {
        position: relative;
        top: -30px;
        margin-bottom: 100px;
        justify-content: left;
    }

    .page_links_and_info {
        margin: 30px 0;
    }

    .mobil_navbar_menu_inner_links_header {
        display: flex;
    }

    /* hakkımızda */

    .hakkimizda_section_1 .header {
        font-size: 30px;
        padding: 0 7.5%;
    }

    .hakkimizda_section_1 .desc,
    .hakkimizda_section_1 .buttons {
        padding: 0 7.5%;
    }

    .hakkimizda_section_2 .inner span {
        position: absolute;
        top: 0;
        left: -75px;
    }

    .hakkimizda_section_2 .inner {
        position: relative;
        padding: 10% 7.5%;
    }

    .hakkimizda_section_3 {
        flex-direction: column;
    }

    .hakkimizda_section_3>.header {
        width: 100%;
        margin-bottom: 50px;
    }

    .hakkimizda_section_3 .sectorSwiper_buttons {
        top: 60% !important;
        left: 50% !important;
        right: unset !important;
        transform: translate(-50%, -50%);
    }

    .hakkimizda_section_1 {
        margin-bottom: 80px;
    }

    .custom_swiper_container {
        width: 100%;
    }

    .custom_swiper_container .swiper {
        margin-bottom: 50px;
    }

    /* hakkımızda */

    /* mermer */

    .mermer_section_1 .header {
        font-size: 30px;
        padding: 0 7.5%;
    }

    .mermer_section_1 .desc {
        padding: 0 7.5%;
    }

    .mermer_section_2 .inner {
        width: 100%;
        padding: 0 7.5%;
    }

    .mermer_section_3 {
        overflow: hidden;
    }

    .mermer_section_3_header a {
        width: 100%;
    }

    .sub_brands_mobil {
        display: block;
    }

    .mermer_section_4 .sub_brands {
        display: none;
    }

    .mermer_section_4 {
        overflow: hidden;
    }

    .brandsSwiper_buttons {
        left: 50% !important;
        transform: translateX(-50%);
    }

    .brandsSwiperPagition .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        background-color: gray;
        opacity: 1;
        margin: 0 5px;
        border-radius: 0;
        transition: 1s ease;
    }

    .brandsSwiperPagition .swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background-color: red;
    }

    .brandsSwiper {
        overflow: visible !important;
    }

    .brandsSwiper_buttons .brandsSwiperNext,
    .brandsSwiper_buttons .brandsSwiperPrev {
        display: none;
    }

    .brandsSwiper_buttons .brandsSwiperNext,
    .brandsSwiper_buttons .brandsSwiperPrev {
        display: none;
    }

    .brandsSwiper_buttons {
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
    }

    .brandsSwiper_buttons .swiper-pagination {
        width: 100% !important;
        background-color: transparent;
    }

    .leader {
        flex-direction: column;
        row-gap: 20px;
    }

    .leader .img {
        width: 100%;
    }

    .leader .info {
        width: 90%;
        padding: 0;
    }

    .mermer_form_container form .input_padding {
        width: 100%;
    }

    .mermer_form_container form .input_padding .mermer_form_input_container .input_30,
    .mermer_form_container form .input_padding .mermer_form_input_container .input_70 {
        width: 100%;
    }

    .mermer_form_container form .input_padding .mermer_form_input_container {
        flex-wrap: wrap;
        row-gap: 45px;
    }

    .mermer_form_container .buttons {
        flex-direction: column;
        align-items: baseline;
        row-gap: 40px;
    }

    .mermer_form_container .buttons a, .mermer_form_container .buttons .submit_button, #mermerFormSubmitID {
        width: 100%;
    }

    /* mermer */
}