/*-----------------------------------------------------------------------------------
Copyright (c) 2024
Theme Name:  -
Theme URI:   -
Description: -
Author:      - Adem Duran -
Author URI:  - https://bionluk.com/adeemdrn - https://ademduran.com - @frontend.adem -
Version:     - 1.01 -

-----------------------------------------------------------------------------------*/

/*==================================================
===| [Breakpoints ] CSS 
==================================================*/
/* ==== [ Tablet & Small Laptop ] - 901px ve üzeri ==== */
@media (min-width: 901px) {

    .banner__wrapper {
        margin-top: 200px;
    }
       .container {
              max-width: 85% !important;
              padding-left: 25px !important;
              padding-right: 25px !important;
       }

       .menu__wrapper .navbar-expand-lg .navbar-nav .nav-link {
              color: var(--whiteColor);
       }

       .our__process .process__content .content {
              padding-left: 30px;
       }

       .our__insoles .insoles__content .insoless__list .list-group-item:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 0%;
              transform: translateY(-50%);
              width: 5px;
              height: 5px;
              border-radius: var(--br-5);
              background-color: var(--blackColor);
              z-index: 1;
       }

    .the__analysis .head__img {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

        .the__analysis .head__img .img-wrap {
            overflow: hidden;
            border-radius: 6px; 
        }
        .the__analysis .head__img .img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            border-radius: 5px;
        }
}

/* ==== [ Laptop & Desktop ] - 1201px ve üzeri ==== */
@media (min-width: 1201px) {
       .container {
              max-width: 1700px !important;
              padding-left: 30px !important;
              padding-right: 30px !important;
       }

       .menu__wrapper .navbar-expand-lg .navbar-nav .nav-link {
              color: var(--whiteColor);
       }

       .our__process .process__content .content {
              padding-left: 30px;
       }

       .our__insoles .insoles__content .insoless__list .list-group-item:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 0%;
              transform: translateY(-50%);
              width: 5px;
              height: 5px;
              border-radius: var(--br-5);
              background-color: var(--blackColor);
              z-index: 1;
       }

       .the__analysis .head__img {
              position: absolute;
              right: 0;
              top: 0;
       }

       .the__analysis .head__img .img-wrap {
           height: 230px;
              transform: translateY(-50px)
       }

}

/* ==== [ Ultra Large Desktop ] - 1921px ve üzeri ==== */
@media (min-width: 1921px) {
       .container {
              max-width: 1550px !important;
              padding-left: 40px !important;
              padding-right: 40px !important;
       }

       .menu__wrapper .navbar-expand-lg .navbar-nav .nav-link {
              color: var(--whiteColor);
       }

       .our__process .process__content .content {
              padding-left: 30px;
       }

       .our__insoles .insoles__content .insoless__list .list-group-item:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 0%;
              transform: translateY(-50%);
              width: 5px;
              height: 5px;
              border-radius: var(--br-5);
              background-color: var(--blackColor);
              z-index: 1;
       }

       .the__analysis .head__img {
              position: absolute;
              right: 0;
              top: 0;
       }

       .the__analysis .head__img .img-wrap {
              transform: translateY(-50px)
       }

}