@media(max-width:768px){

    .shreya-footer-top-section .shreya-footer-top-section-div1 {

    width: 375px;

    height: 170px;

    }

    .shreya-footer-section-main .shreya-footer-top-section {

    height: auto;

    left: 0px;

    width:100%;

 /* flex-wrap:wrap; */

 flex-direction: column;

    top:0px;

    justify-content: flex-start;

    }

    

   .shreya-footer-bottom-content .shreya-footer-bottom-content-div-1 {

    padding: 0px 10px;

}

 .shreya-footer-section-main .shreya-footer-bottom-section {

    height: 320px;

    position: absolute;

    width: 98.7%;

    border-radius: 100%;

    left: 9px;

    top: 230px;

    /* border: 1px solid red; */

    background-color: #003e4d;

    z-index: 1;

    display:none;

 }

    .shreya-footer-top-section .shreya-footer-top-section-div1::before {

background-color: white;



}

.shreya-footer-section-main .shreya-footer-middle-section{

    display:none;

}

.shreya-footer-section-main .shreya-footer-bottom-down-section{

    display:none;

}





    .shreya-footer-bottom-content {

        width: 100%;

        left: 0px;

        background-color: #003e4d;

        height: auto;

        top: 44%;

        justify-content: flex-start;

    }

    .shreya-footer-bottom-content .shreya-footer-bottom-content-div-3 {

    margin-bottom: 49px

    }

        .shreya-footer-bottom-content-div-3 p {

        padding: 0px 11px;

    }

    .shreya-footer-bottom-content-div-3 input {

    margin: 19px 10px;

    }

.shreya-footer-bottom-content-div-3 .shreya-footer-btn {

    margin-left: 9px;

}

    .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header .shreya-footer-title {

    padding: 20px 0px;

    }



    .shreya-footer-copy-right-section {

    height: 2px;

    width: 100%;

    display: flex;

    justify-content: space-between;

    position: absolute;

    z-index: 3;

    background-color: gray;

    text-align: center;

    bottom: 0px;

    flex-direction: column;

    }



    

       .shreya-footer-copy-right-section .shreya-footer-copy-right-section-1 {

        padding: 15px 0px;

        color: #003e4d;

        width: 100%;

        /* text-align: center; */

    }

     .shreya-footer-copy-right-section .shreya-footer-copy-right-section-2 {

        width: 100%;

        padding: 5px 0px;

        font-family: "Montserrat", sans-serif;

        color: #fff;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header {

        

    padding: 0px 15px;

    }

    

.shreya-footer-bottom-content-div-3 p {

    padding: 0px 25px;

}

 .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header .shreya-footer-title::before {

    left: 85px;

 }   

 .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header .shreya-footer-title::after {

    left: 0px;

 }

}

@media(max-width:600px){

    .shreya-footer-top-section .shreya-footer-top-section-div1 {

    width: 375px;

    height: 170px;

    }

    .shreya-footer-section-main .shreya-footer-top-section {

    height: auto;

    left: 0px;

    width:100%;

 flex-wrap:wrap;

    top:0px;

    justify-content: flex-start;

    }

    

   

 .shreya-footer-section-main .shreya-footer-bottom-section {

    height: 320px;

    position: absolute;

    width: 98.7%;

    border-radius: 100%;

    left: 9px;

    top: 230px;

    /* border: 1px solid red; */

    background-color: #003e4d;

    z-index: 1;

    display:none;

 }

    .shreya-footer-top-section .shreya-footer-top-section-div1::before {

background-color: white;



}

.shreya-footer-section-main .shreya-footer-middle-section{

    display:none;

}

.shreya-footer-section-main .shreya-footer-bottom-down-section{

    display:none;

}



.shreya-footer-bottom-content .shreya-footer-bottom-content-div-1 {

    width: 93%;

    height: 100%;



}

    .shreya-footer-bottom-content {

        width: 100%;

        left: 0px;

        flex-direction: column;

        background-color: #003e4d;

        height: auto;

        top: 67%

    }

    .shreya-footer-bottom-content .shreya-footer-bottom-content-div-2 {

    width: 93%;

    height: 100%;

    }

    .shreya-footer-bottom-content .shreya-footer-bottom-content-div-4 {

    width: 93%;

    }

    .shreya-footer-bottom-content .shreya-footer-bottom-content-div-3 {

    width: 93%;

    margin: 20px 0px;

    }

    .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header .shreya-footer-title {

    padding: 20px 0px;

    }



    .shreya-footer-copy-right-section {

    height: 2px;

    width: 100%;

    display: flex;

    justify-content: space-between;

    position: absolute;

    z-index: 3;

    background-color: gray;

    bottom: 0px;

    text-align: center;

    flex-direction: column;

    }



    

    .shreya-footer-copy-right-section .shreya-footer-copy-right-section-1 {

        padding: 15px 0px;

        color: #003e4d;

        width: 100%;

   

    }

     .shreya-footer-copy-right-section .shreya-footer-copy-right-section-2 {

        width: 100%;

        padding: 5px 0px;

        font-family: "Montserrat", sans-serif;

        color: #fff;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header {

        

    padding: 0px 15px;

    }

    

.shreya-footer-bottom-content-div-3 p {

    padding: 0px 25px;

}

 .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header .shreya-footer-title::before {

    left: 85px;

 }   

 .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header .shreya-footer-title::after {

    left: 0px;

 }

}

@media(max-width:550px){

    .shreya-footer-top-section .shreya-footer-top-section-div1 {

    width: 375px;

    height: 170px;

    }

    .shreya-footer-section-main .shreya-footer-top-section {

    height: auto;

    left: 0px;

    width:100%;

    flex-direction: column;

    top:0px;

    }

    .shreya-footer-top-section .shreya-footer-top-section-div1::before {

background-color: white;



}

.shreya-footer-section-main .shreya-footer-middle-section{

    display:none;

}

.shreya-footer-section-main .shreya-footer-bottom-down-section{

    display:none;

}



.shreya-footer-bottom-content .shreya-footer-bottom-content-div-1 {

    width: 93%;

    height: 100%;



}

    .shreya-footer-bottom-content {

        width: 100%;

        left: 0px;

        flex-direction: column;

        background-color: #003e4d;

        height: auto;

        top: 68%;

    }

    .shreya-footer-bottom-content .shreya-footer-bottom-content-div-2 {

    width: 93%;

    height: 100%;

    }

    .shreya-footer-bottom-content .shreya-footer-bottom-content-div-4 {

    width: 93%;
    margin:25px 0px;

    }

    .shreya-footer-bottom-content .shreya-footer-bottom-content-div-3 {

    width: 93%;

    margin: 30px 0px;

    }

    .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header .shreya-footer-title {

    padding: 20px 0px;

    }



    .shreya-footer-copy-right-section {

    height: 2px;

    width: 100%;

    display: flex;

    justify-content: space-between;

    position: absolute;

    z-index: 3;

    background-color: gray;

    bottom: 0px;

    flex-direction: column;

    text-align: center;

    }



    

    .shreya-footer-copy-right-section .shreya-footer-copy-right-section-1 {

        padding: 15px 0px;

        color: #003e4d;

        width: 100%;

        /* text-align: center; */

    }

     .shreya-footer-copy-right-section .shreya-footer-copy-right-section-2 {

        width: 100%;

        padding: 5px 0px;

        font-family: "Montserrat", sans-serif;

        color: #fff;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header {

        

    padding: 0px 15px;

    }

    

.shreya-footer-bottom-content-div-3 p {

    padding: 0px 25px;

}

 .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header .shreya-footer-title::before {

    left: 85px;

 }   

 .shreya-footer-bottom-content-div-3 .shreya-footer-bottom-content-div3-header .shreya-footer-title::after {

    left: 0px;

 }

}