@media (min-width: 1026px) {

    .bb1 {

        display: none;

    }


   .ceotext {

    margin-top: 65px;
    width: 100%;
   }

    .box1 {
        width: 100%;
        background-color: rgb(255, 255, 255);
        height: 890px;
        position: relative;
        overflow: hidden;
    }

    .box8 {
        width: 100%;
        background-color: rgb(246 238 191 / 62%);
        height: 9500px;
        position: relative;
        overflow: hidden;
    }

    .bb3 {

        left: 28%;
        position: absolute;
        width: 40%;
        top: 450px;

    }

    .end {

        width: 100%;

    }

   }





@media (max-width: 720px) {

    .bb2 {

        display: none;

    }

    .bb3 {

        top: 240px;
        left: 10%;
         position: absolute;
        width: 80%;

    }

    .box6 {

        height: 92px;
    }


    .box1 {
        width: 100%;
        background-color: rgb(255, 255, 255);
        height: 1030px;
        position: relative;
        overflow: hidden;
    }

    .box8 {
        width: 100%;
        background-color: rgb(246 238 191 / 62%);
        height: 6900px;
        position: relative;
        overflow: hidden;
    }
}

@media (max-width: 600px) { 

    .bb2 {

        display: none;

    }

    .bb3 {

        top: 165px;
        left: 10%;
         position: absolute;
        width: 80%;

    }



    .ao {
        border-bottom: ridge;
    }

    .box6 {

        height: 55px;
    }

    .box1 {
        width: 100%;
        background-color: rgb(255, 255, 255);
        height: 600px;
        position: relative;
        overflow: hidden;
    }

     .box8 {
        width: 100%;
        background-color: rgb(246 238 191 / 62%);
        height: 4000px;
        position: relative;
        overflow: hidden;
    }

    



}

@media (max-width: 375px) {   

    .bb2 {

        display: none;

    }

    .bb3 {
        
        top: 157px;
        left: 10%;
         position: absolute;
        width: 80%;

    }

.box6 {

        height: 50px;
    }


    .box1 {
        width: 100%;
        background-color: rgb(255, 255, 255);
        height: 500px;
        position: relative;
        overflow: hidden;
    }

    .box8 {
        width: 100%;
        background-color: rgb(246 238 191 / 62%);
        height: 3700px;
        position: relative;
        overflow: hidden;
    }
}

@media (max-width: 350px) {  

    .bb2 {

        display: none;

    }

    .bb3 {

        top: 150px;
        left: 10%;
        position: absolute;
        width: 80%;

    }

.box6 {

        height: 46px;
    }


    .box1 {
        width: 100%;
        background-color: rgb(255, 255, 255);
        height: 500px;
        position: relative;
        overflow: hidden;
    }

    .box8 {
        width: 100%;
        background-color: rgb(246 238 191 / 62%);
        height: 3400px;
        position: relative;
        overflow: hidden;
    }

    .topbox {

        height: 50px;

    }

    .topbo {

        height: 50px;
        width: 100%;

    }
}