body {
    padding-top: 60px; /* This should be equal to the height of your header */
}
        .spark {
            height: 40px;
            width: 60px;
        }

        .about {
            /* border: 1px solid orangered; */
            height: 70px;
            width: 100% !important;
            padding: 10px;
            color: white;
            background-color: rgba(248, 117, 69, 0.986);
           

        }
      

        .rowsetting {
            margin: 100px 0px !important;
        }

        .g1 img {
            height: 75%;
            width: 80%;
            margin: 25px;
            border-radius: 4px;
        }

        .g2 {
            height: 350px;


        }

        .rowsetting1 {
            margin: 100px 0px !important;
        }


        .g11 {
            height: 350px;
        }
        .g22{
            height: 350px;
            /* border: 1px solid red; */
        }

        .g22 img{
            height: 75%;
            width: 80%;
            margin: 25px;
            border-radius: 4px;

        }
        .rowsetting2 {
            margin: 100px 0px !important;
        }

        .teamsetting{
            margin-top: 70px !important;
       
        }


        /* Responsive desiggn */


        @media(min-width:992px){
           

        }


        @media(min-width:768px) and (max-width:791){
            .rowsetting{
                margin: 0px 0px !important;
                height: 1300px !important;
            }  

        }


        @media(min-width:575px) and (max-width:767px)
 {

    .rowsetting{
        margin: 0px 0px !important;
        height: 1000px;
    }  
    

    .rowsetting1{
        height: 1400px;
    }
    .rowsetting2{
        height: 1200px;
    }

    .ourteam{
        margin: 20px;
    }
    .footer{
        margin: 50px;
    }

 }


 @media(min-width:  480px) and (max-width:574px)
 {
    .rowsetting{
        margin: 0px 0px !important;
        height: 1000px;
    }  

    .rowsetting1{
        height: 1400px;
    }
    .rowsetting2{
        height: 1200px;
    }

    .ourteam{
        margin: 20px;
    }
    .footer{
        margin: 50px;
    }
 }


 @media(min-width:  400px) and (max-width:479px)
 {
    .rowsetting{
        margin: 0px 0px !important;
        height: 1000px;
    }  

    .rowsetting1{
        height: 1400px;
    }
    .rowsetting2{
        height: 1200px;
    }

    .ourteam{
        margin: 20px;
    }
    .footer{
        margin: 50px;
    }
 }


 @media(min-width:  301px) and (max-width:400px)
 {
    .rowsetting{
        margin: 0px 0px !important;
        height: 2000px;
    }  

    .rowsetting1{
        height: 2300px;
    }
    .rowsetting2{
        height: 2000px;
    }

    .ourteam{
        margin: 30px;
    }
    .footer{
        margin: 50px;
    }
 }


 @media(max-width:300px){

    .rowsetting{
        margin: 0px 0px !important;
        height: 2200px;
    }  

    .rowsetting1{
        height: 2300px;
    }
    .rowsetting2{
        height: 2200px;
    }

    .ourteam{
        margin: 30px;
    }
    .footer{
        margin: 50px;
    }
 }