@media only screen and (max-width:1440px) and (min-width:1026px) {

  
    .navbar{
        right:20%;
    }
    

 

    

    

    .main-carousel .card-box {
        position: absolute !important;
        left: 2cm !important;
        height: 300px;
        width: 350px;
        overflow: hidden;
    }

    .main-carousel .card-box h1 {
        font-size: 26px;
    }

    .main-carousel .card-box p {
        font-size: 12px;
    }
    
      .main-carousel .card-box a {
        font-size: 18px !important;
    }

    .section-main .who_we_are img {
        width: 950px !important;
        height: 600px !important;
    }

    .section-main .kart1 {
        position: absolute;
        left: 70%; /* Adjust the percentage value as needed */
         /* Adjust the percentage value as needed */
        font-size: 16px;
      }
      
    

    .section-main .where_we_work img {

        width: 850px !important;
        height: 450px !important;
    }

    .section-main .where_we_work .carousel-control-next-icon {
        margin-left: -19cm;
    }

   .section-main .where_we_work .giris {
        height: 300px !important;
        position: relative;
        top: -7cm;
        left: 23cm;
        width: 450px !important;
        height: 250px !important;
    }



    .section-main .kart3 {
        position: absolute;
        left: 23cm;
        top: 41cm;
        font-size: 14px;
        padding: 4vmin 2vmin 3vmin 4vmin;
       
        max-height: 5cm;
    }

    .section-main .our_sustainable_world img {
        width: 1450px !important; /* Adjust the percentage value as needed */
        height: auto !important;
        position: relative;
        left: -2cm;
        bottom: 250px;
      }
      

      .section-main .kart2 {
        position: absolute;
        left: 90%; /* Adjust the percentage value as needed */
        transform: translateX(-50%);
        font-size: 22px;
        padding: 4vmin 4vmin 3vmin 4vmin;
        top:69.5cm; /* Adjust the percentage value as needed */
        font-size: 16px;
      }
      

    .section-main .what_we_do img {
        width: 1550px !important;
        height: 1300px !important;
        position: relative !important;
        bottom: 12%; /* Adjust the percentage value as needed */
        left: 21% !important; /* Adjust the percentage value as needed */
      }
      
      .section-main .kart4 {
        position: absolute;
        left: 0;
        top: 330%; /* Adjust the percentage value as needed */
        transform: translateY(-50%);
        padding: 4vmin 3vmin 3vmin 4vmin;
        font-size: 16px;
      }
      

      .section-main .The_Nes img {
        width: 100%; /* Adjust the percentage value as needed */
        height: auto;
        position: relative !important;
        top: 1% !important; /* Adjust the percentage value as needed */
        left: 20% !important; /* Adjust the percentage value as needed */
      }
      

      .section-main .kart5 {
        font-size: 16px;
        position: absolute;
        top: 430% !important; /* Adjust the percentage value as needed */
        left: 24% !important; /* Adjust the percentage value as needed */
      }
      

    
    .about-us-photo {
        position: relative;
        left: 0cm;
    }

    .about-us-text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; /* Set the height of the container appropriately */
 
}


    .about-us-text2 {
        padding-left: 1cm;
    }


    .about-us-photo-2 {
        left: -5cm;
        position: relative;
    }
    
    
    
    .section-main .quality{
        height:550px !important;
    }

    .quality img {

        height: 800px !important;
        width: 1200px !important;
        left: 3cm !important;
    }

    .logistics img {
        left: -2cm !important;
        position: relative;
    }

    .about-us-photo-3 {
        width: 55cm !important;
        position: relative;
    }



    .about-us-photo-3 img {
        right: -0cm !important;
        position: relative;
        width: 1050px !important;
        height: 700px !important;
        padding-top: 2cm;
    }
    
    .section-main .carousel-control-next ,{
        position:relative !important;
        margin-left:21cm;
        margin-bottom:5cm;
        
        
        
    }

    .contact1 img {
        width: 600px !important;
        left: -9cm;
        height: 445px !important;
    }

    .contact2 img {
        width: 700px !important;
        top: 50px;
        height: 445px !important;
    }



}

@media only screen and (max-width:1025px) and (min-width:769px) {


    .main-carousel .card-box{
        top: 4cm !important;
        left: 2cm !important;

    }


    .navbar{
        right:8%;
    }

    .about-us-text{
        text-align: center;
    }

    
       #header .logo {
       
        padding:0;
      }

      .section-main .who_we_are img {
        width: 600px !important;
        height: auto !important;
    }

    .section-main .where_we_work .carousel-control-next-icon {
        margin-left: -22cm;
    }
      

    .section-main .kart1 {
        position: absolute;
        left: 60%; /* Adjust the percentage value as needed */
         /* Adjust the percentage value as needed */
        font-size: 15px;
        top: 90%;
        width: 400px;
      }

      .section-main .kart1 h3{
        font-size: 20px;
      }


      .section-main .where_we_work img {

        width: 620px !important;
        height: auto !important;
    }

    .section-main .where_we_work .giris {
        height: auto !important;
        position: relative;
        top: -5cm;
        left: 16.5cm;
        width: 300px !important;
        height: auto !important;
    }



    .section-main .kart3 {
        position: absolute;
        left: 17cm;
        top: 29cm;
        font-size: 11px;
        padding: 3vmin 1vmin 2vmin 3vmin;
       
       
    }

    .section-main .kart3 h3 {
      
        font-size: 16px;
       
       
       
    }

    .section-main .our_sustainable_world img {
        width: 1000px !important; /* Adjust the percentage value as needed */
        height: auto !important;
        position: relative;
        left: -1.3cm;
        bottom: 195px;
      }
      

      .section-main .kart2 {
        position: absolute;
        left: 87%; /* Adjust the percentage value as needed */
        transform: translateX(-50%);
        font-size: 14px !important;
        padding: 4vmin 4vmin 1vmin 4vmin;
        top:51cm ; /* Adjust the percentage value as needed */
        font-size: 16px;
      }

      .section-main .kart2 h3{
        font-size: 18px;
      }
      

    .section-main .what_we_do img {
        width: 550px !important;
        height: auto !important;
        position: relative !important;
        bottom: 12%; /* Adjust the percentage value as needed */
        left: 25% !important; /* Adjust the percentage value as needed */
      }
      
      .section-main .kart4 {
        position: absolute;
        left: 0;
        top: 245%; /* Adjust the percentage value as needed */
        transform: translateY(-50%);
        padding: 4vmin 3vmin 3vmin 4vmin;
        font-size: 14px;
      }
      
      .section-main .kart4 h3 {
       
        font-size: 16px;
      }

      .section-main .The_Nes img {
        width: 550px; /* Adjust the percentage value as needed */
        height: auto;
        position: relative !important;
        top: 12% !important; /* Adjust the percentage value as needed */
        left: 25% !important; /* Adjust the percentage value as needed */
      }
      

      .section-main .kart5 {
        font-size: 16px;
        position: absolute;
        top: 285% !important; /* Adjust the percentage value as needed */
        left: 26% !important; /* Adjust the percentage value as needed */
      }

      

}


@media only screen and (max-width:768px) and (min-width:500px) {





    #header .logo {
       
        padding-left:20px;
      }


    .navbar{
        right: 1cm;
    }


    .business{
        padding: 0 !important;
    }


    .section-3{
        margin-top: 1.82cm !important;
    }


    .main-carousel {
        max-height: 500px !important;
    }

    [data-aos-delay] {
        transition-delay: 0 !important;
    }


   

    #header {
        max-width: 768px;

    }

   
    .giris {


        top: -6cm !important;
        left: 12cm !important;

        max-width: 250px !important;

    }


  


    #header .logo img {
        height: 70px;
    }

    

    .main-carousel .card-box {
        position: absolute;
        top: 3cm;
        width: 8cm;
        left: 50%; /* Öğeyi ekranın yatay ortasına hizalama */
        transform: translateX(-100%); /* Öğeyi yatay eksende sola kaydırma */
      }
      

    .main-carousel .card-box h1 {
        font-size: 20px;
    }

    .main-carousel .card-box p {
        font-size: 10px;
    }

    .section-main .who_we_are img {
        width: 450px !important;
        height: auto !important;
       
    }

    .giris {


        top: -6cm !important;
        left: 12cm !important;

        max-width: 300px !important;

    }


    


    .section-main .kart1 {
        position: absolute;
        left: 13cm;
        top: 14cm;
        font-size: 12px;
       

    }

    .section-main .kart1 h3 {
        font-size: 15px;
    }

    .section-main .where_we_work img {

        width: 450px !important;
        height: auto !important;

        
    }

    .section-main .where_we_work .carousel-control-next-icon {
       
        padding-right: 2cm !important;
        margin-right: 15cm !important;
       
    }


    .section-main .kart3 {

        position: absolute;
        top: 93%;
        transform:translateY(750%) !important;
        left: 51%; /* Öğeyi ekranın yatay ortasına hizalama */
        transform: translateX(20%) !important; 
        font-size: 10px;
        padding: 5px 5px 5px 5px;
       

    }

    .section-main .kart3 h3 {
        font-size: 12px;
    }


    .section-main .our_sustainable_world img {
        top: -6cm !important;
        position: relative !important;
        width: 800px !important;
        height: auto !important;
        left: -2.5cm !important;
    }

    .section-main .where_we_work .giris {
        width: 250px !important;
        height: auto !important;
        padding-top: 1.90cm;
    }

    .section-main .kart2 {
        position: absolute;
        left: 20px;
        top: 37cm;
        max-width: 5cm;
        max-height: 3cm;
        font-size: 8px;
        padding: 10px 10px 10px 10px !important;
    }

    .section-main .kart2 h3 {
        font-size: 15px;
    }

    .section-main .what_we_do img {
        max-height: 220px !important;
        max-width: 350px !important;
        left: 5.3cm !important;
        top: -7cm !important;
    }

    .section-main .kart4 {
        position: absolute;
        left: 15cm;
        top: 37cm;
        max-width: 5cm;
        max-height: 7cm;
        font-size: 10px !important;
        padding: 10px 10px 10px 10px !important;
    }

    .section-main .kart4 h3 {
        font-size: 17px !important;
    }

    .section-main .The_Nes img {
        max-width: 370px !important;
        max-height: 250px !important;
        left: 5.35cm !important;
        top: -7cm !important;
    }

    .section-main .kart5 {

        font-size: 15px !important;
        left: 50px !important;
        max-width: 18cm;
        top: 47cm !important;
    }

    .section-3 .kart5 h3 {
        font-size: 20px !important;
    }

 

    .section-3 .about-us-photo-3 {
        position: relative !important;
        max-width: 768px !important;
        left: -6cm;
        padding-top: 0cm;
        padding-bottom: 3cm !important;

    }


 


    .about-us-text2{
        padding: 0 !important;
        padding-top: 20px !important;
    }

}

@media only screen and (max-width:499px) and (min-width:376px){

.card-img-top img {
    max-width: 100% !important;
    height: auto !important;
}



  

.mobile-nav-toggle {
    position: absolute;
left: 2cm !important;
}



.section-3 button{
    padding: 30px 50px;
}
.business{
    padding: 0 !important;
}
.about-us-text2{
    padding: 0 !important;
    padding-top: 20px !important;
}

#header .logo {
       
    padding-left:5px;
  }

  

.main-carousel{
    padding-top: 2cm;
   
}

.card-box h1{
    font-size: 10px !important;
}

.card-box p {
    display: none;
}

.cboxp{
    display: unset !important;
    font-size: 12px !important;
}

.cboxp span {
    font-size: 23px !important;
}

.main-carousel .card-box{
    position: absolute !important;
    top: 4.5cm !important;
    width: 5cm !important;
    transform: translateX(-160%);
}

.who_we_are img {
    height: 400px !important;
}

.section-main .kart1 {
    position: absolute !important;
    left: 0;
    top: 21cm !important;
    text-align: center !important;
    font-size: 10px;
}

.who_we_are{
    margin-bottom: 5cm;
    
}

.where_we_work{
    width: auto;
    margin-bottom: 5cm;
}

.kart3{
    position: absolute;
    top: 1190px !important;
    left: -0px !important;
    text-align: center !important;
    padding: 6vmin 4vmin 5vmin 6vmin !important;
    font-size: 14px !important;
}

.giris{
    display: none !important;
}

.our_sustainable_world img {
    position: absolute !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
}

.what_we_do img {
    position: static !important;
    margin-top: 12cm !important;
    max-width: 430px !important;
    
    
}

.The_Nes img {
    position: static !important;
    margin-top: 6cm !important;
    width: 450px !important;
    
}

.section-main .kart2 {
    top: 1644px !important;
    left: 0 !important;
    font-size: 12px;
}

.section-main .kart5 {
    position: static;
    margin-top: 1cm !important;
    font-size: 9px !important;
}

.section-main .kart4 {
    left: 0px !important;
    top: 2080px !important;
    font-size: 10px !important;
    
}



}


@media only screen and (max-width:375px) and (min-width:321px){


    .card-img-top img {
        max-width: 100% !important;
        height: auto !important;
    }


    #header .logo {
       
        padding-left:0px;
      }

      #header .logo img{
        height: 70px;
    }

    .section-3 button{
        padding: 30px 50px;
    }
    .business{
        padding: 0 !important;
    }
    .about-us-text2{
        padding: 0 !important;
        padding-top: 20px !important;
    }

    .navbar{
        right:0;
    }


    .main-carousel{
        padding-top: 2cm;
       
    }
    
    .card-box h1{
        font-size: 8px !important;
    }

    .card-box {
        padding: 0 !important;
    }
    
    .card-box p {
        display: none;
    }
    
    .cboxp{
        display: unset !important;
        font-size: 10px !important;
    }
    
    .cboxp span {
        font-size: 18px !important;
    }
    
    .main-carousel .card-box{
        position: absolute !important;
        top: 4cm !important;
        width: 4cm !important;
        transform: translateX(-200%);
    }
    
    .who_we_are img {
        height: 400px !important;
    }
    
   
    
    .who_we_are{
        margin-bottom: 5cm;
        
    }
    
    .where_we_work{
        width: auto;
        margin-bottom: 5cm;
    }
    
    
    
    .giris{
        display: none !important;
    }
    
    .our_sustainable_world img {
        position: absolute !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
    }
    
    .what_we_do img {
        position: static !important;
        margin-top: 12cm !important;
        max-width: 430px !important;
        
        
    }
    
    .The_Nes img {
        position: static !important;
        margin-top: 6cm !important;
        width: 450px !important;
        
    }

    .section-main .kart1 {
        position: absolute !important;
        left: 0;
        top: 20cm !important;
        text-align: center !important;
        font-size: 10px;
    }
    
    .section-main .kart2 {
        position: absolute !important;
        top: 42cm !important;
        left: 0 !important;
        font-size: 12px;
    }

    .kart3{
        position: absolute;
        top: 30.5cm !important;
        left: -0px !important;
        text-align: center !important;
        padding: 6vmin 4vmin 5vmin 6vmin !important;
        font-size: 14px !important;
    }
    
    .section-main .kart5 {
        position: static;
        margin-top: 1cm !important;
        font-size: 9px !important;
    }
    
    .section-main .kart4 {
        left: 0px !important;
        top:53.5cm !important;
        font-size: 10px !important;
        
    }



}


@media only screen and (max-width:320px) {
   
   .card-img-top img {
    max-width: 100% !important;
    height: auto !important;
}
   
   
    .navbar{
        right:0;
    }
    .section-3 button{
        padding: 30px 50px;
    }

    .container2 p {
        font-size:x-large;
    }
    .business{
        padding: 0 !important;
    }
    .about-us-text2{
        padding: 0 !important;
        padding-top: 10px !important;
    }
    #header .logo {
        
      
        padding-left:5px;
      }

    #header .logo img{
        height: 60px;
    }

    .main-carousel{
        padding-top: 2cm;
       
    }

    .card-box{
        padding: 0 !important;
    }
    
    .card-box h1{
        font-size: 8px !important;
    }
    
    .card-box p {
        display: none;
    }
    
    .cboxp{
        display: unset !important;
        font-size: 8px !important;
    }
    
    .cboxp span {
        font-size: 17px !important;
    }
    
    .main-carousel .card-box{
        position: absolute !important;
        top: 1cm !important;
        width: 4cm !important;
        transform: translateX(-220%);
    }
    
    .who_we_are img {
        height: 300px !important;
    }
    

    
    .who_we_are{
        margin-bottom: 5cm;
        
    }
    
    .where_we_work{
        width: auto;
        margin-bottom: 5cm;
    }
    
    
    
    .giris{
        display: none !important;
    }
    
    .our_sustainable_world img {
        position: absolute !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
    }
    
    .what_we_do img {
        position: static !important;
        margin-top: 12cm !important;
        max-width: 320px !important;
        
        
    }
    
    .The_Nes img {
        position: static !important;
        margin-top: 6cm !important;
        width: 340px !important;
        
    }

    .section-main .kart1 {
        position: absolute !important;
        left: 0;
        top: 16cm !important;
        text-align: center !important;
        font-size: 12px;
    }
    
    .section-main .kart2 {
        top: 36cm !important;
        left: 0 !important;
        font-size: 12px;
    }

    .kart3{
        position: absolute;
        top: 116% !important;
        left: -0px !important;
        text-align: center !important;
        padding: 6vmin 4vmin 5vmin 6vmin !important;
        font-size: 14px !important;
    }
    
    .section-main .kart5 {
        position: static;
        margin-top: 1cm !important;
        font-size: 9px !important;
    }
    
    .section-main .kart4 {
        left: 0px !important;
        top:47cm !important;
        font-size: 10px !important;
        
    }

    

    .container2 p{
     font-size: 20px !important;
     padding-top: 10px !important;
    }

    .section-3 .container2 {
        margin-bottom: 1cm !important;
        
    }
  
}