/* @media only screen and (min-width: 500px) and (max-width:576px){
    .boutoncat{
      margin-left: 100px !important;
    }

    .categorie{
      margin-bottom: 100px !important;
    }

    .section1{
      margin-bottom: 200px !important;
    }
  }


  @media only screen and (min-width: 576px) and (max-width:601px){
      .boutoncat{
      margin-left: -60px !important;
      width: 120px !important;
    }

    .categorie{
      margin-bottom: 100px !important;
    }

    .section1{
      margin-bottom: -500px !important;
    } 

  
  }


  @media only screen and (min-width: 602px) and (max-width:609px){
    .section1{
        margin-bottom: 150px !important;
      }
      
      .central1{
        margin-top: 200px !important;
        margin-bottom: 150px !important;
      }

      .section5{
        margin-bottom: 400px !important;
      }
  } */

 /*  @media only screen and (min-width: 609px) and (max-width:768px){
    .section1{
        margin-bottom: 250px !important;
    }

    .section5{
        margin-bottom: -400px !important;
    }
  } */

 /*  @media only screen and (min-width: 768px) and (max-width:1024px){
    .section1{
        margin-bottom: 250px !important;
        
    }

   
  } */



  @media only screen and (min-width: 501px) and (max-width: 767px)  {

    html,
    body {
        overflow-x: hidden;
        position: relative;
        min-width: 100%;
        /*   background-color: red !important; */
    }




    
    .bouk {
        width: 100%;
        margin-left: -45px !important;

    }

    .navbar-brand h4 {
        font-weight: normal;
        font-size: 20px;

    }

    .section1 {
        width: 100vw !important;
        height: auto !important;
        margin-bottom: 0px !important;
    }

    .bouk2 {
        height: auto;
        margin-bottom: 50px !important;

    }



    .bouk2 a {

        display: flex;
        justify-content: center;
    }



/* komanse la  */

    .section2.open-menu {
        margin-top: 200px;

    }



    .cartes {
        margin-top: -100px !important;
        /*  a verifier */
        width: 100vw !important;
    }


    .central1 {
        margin-left: 13px !important;
        width: 100vw !important;
    }

    .central {
        margin-left: 10px !important;
    }

    .card {

        width: 100vw !important;
    }


    .partianimer {
        width: 100vw !important;
    }

    .anikainfo {
        margin-left: 06px !important;
        width: 100vw !important;
    }

    .section6 {
        width: 100vw !important;
    }

    .corptext {
        width: 100vw !important;
        margin-bottom: 10px !important;
        margin-left: -43px !important;

    }

    .final h1 {
        font-size: 6vw !important;
    }

    .square1 {
        width: 25px;
        height: 25px;
        background-color: #ff8400;
        margin-left: 25px;
        transform: translate(-50%, -50%);
        animation: rotate 5s linear infinite;
    }

    .anikaimg {
        width: 100% !important;
        margin-right: 40px !important;
    }

    .section4 {
        width: 100%;
        height: auto !important;

        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    #section4 {
        margin-top: 100px !important;
        margin-bottom: 250px !important;
    }


    .section5 {
        height: min-content !important;

        margin-bottom: 20px !important;
    }




    .section8 {
        margin-top: 10px !important;
        height: auto !important;

       margin-bottom: -05px !important;/*   poko sur men sil pa bon vinn la please bro */
    }

    .tyu {
        width: 100% !important;
        height: 50% !important;
      
    }

    .section6 .footing {
        padding: 0 !important;
    }

    .section6 .footing p {
        margin-left: 0px !important;
    }

    .section6 .power {
        padding-right: 0 !important;
    }

    .section6 .final {
        margin-left: 0 !important;
    }

    #rotate{
      height: 70vh !important;
    }

    .anikainfo {

        padding: 0px 0 0 20px !important;
        gap: 10px !important;
        width: 100%;
        height: 600px;
        justify-content: center;
        align-items: center;
    }



    .text12z {
        text-align: justify !important;
        margin-left: -20px !important;
    }






    .cartes-slider .carte {
        width: 200px;
        height: 300px !important;
        overflow: hidden;
        border-radius: 15px;
        margin: 10px;
    }

    .cartes-slider .carte img {
        width: 100%;
        height: 100%;
        object-fit: cover;

        object-position: center;

        border-radius: inherit;

    }

    


    .cartes {
        width: 100%;
    }

    .TEXT {
        flex: 1 !important;
    }



    .footing {
        padding: 20px;

        text-align: center !important;

    }

    .inf {
        margin-bottom: 20px;

    }

    .inf2 {
        margin-top: 20px;

        margin-left: 0px !important;
    }

    .final {
        text-align: center !important;

        margin-top: 20px;

    }
#duopied{
  margin-top: 10px !important;
}

    .TEXTz {

        margin-left: -10px !important;
    }


    .inf h3 {
        font-size: 20px !important;
    }

    .inf h2 {
        font-size: 15px !important;
    }

    .foot {
        padding-left: 30px !important;
    }





    .central {
        position: sticky !important;
    }


    .newconcept {
        margin-left: 10px !important;
    }







}