/* Media Querry index-part Starts here */


@media only screen and (max-width:1284px){
    
    #my-navigation ul{
        margin-left:0rem;
        z-index:200;
    }
     
     
#my-navigation ul .active{
    color:#3EC775;
    margin-left:0;
}

.navbar-brand{
    margin-right:0rem;
}

    
    
#yourbutton{
    position:relative;
    left:1rem;
}
    }
    
    @media only screen and (max-width:1270px){
        #yourbutton{
            display:none;
        }
    }

@media only screen and (max-width:1208px){
    
#my-navigation ul {
    margin-left:0rem;
    padding-left: 0;
    z-index:200;
}
}
 
@media only screen and (max-width:1180px){

  
#my-navigation ul {
    margin-left:0rem;
    padding-left: 0;
    z-index:200;
    position: relative;
    margin-right:4rem;
}

.navbar-brand{
    margin-right:6rem;
}


}



@media only screen and (max-width:1114px){
    
    .navbar-brand{
        padding:0.76rem 2.5rem;
    }
    
    #my-navigation ul{
        margin-left:0rem;
        z-index:200;
       
    }
    }

@media only screen and (max-width:1105px){
    .navbar-brand{
        padding:0.76rem 2.5rem;
    }
    
    #my-navigation ul{
        margin-left:0rem;
        z-index:200;
        
    }
    } 

.right-text i{
    margin-left:0.5rem;
}
  
.navbar-brand{
    margin-right:4rem;
}
   
.mycarousel .wrapper h1{
    font-size: 3.5rem;
}

.mycarousel .wrapper p{
    font-size: 1rem;
    word-spacing: 0.3rem;
}

.mycarousel .wrapper{
    width:70%;
    margin:0 auto;
    position:absolute;
    top:16rem;
}


@media only screen and (max-width:1050px){
    
.right-text .yourbutton{
    background-color: #30BC68;
    margin-right: 0;
    color:#fff;
    border:none;
    padding:0.8rem 1.2rem;
}
    .navbar-brand{
        padding:0.76rem 0rem;
    }
    
    #my-navigation ul{
        margin-left:0rem;
        z-index:200;
        
    }
    
.nav-item{
    margin-left:1rem;
}

.right-text{
    text-decoration: none;
    margin-right:-12px;
    font-size:1.2rem;
    font-weight:700;
}

.navbtn{
    display:none;
}
   
}


@media only screen and (max-width:992px){

    
.seventh-part .right{
    width:100%;
    background-color: #F6F7F8;
    padding:2rem 0;
    padding-right:0rem;
}

.mycarousel .wrapper{
    width:70%;
    margin:0 auto;
    position:absolute;
    top:80%;
    left:10rem;
    z-index:100;
    color:#fff;
} 
  #yourbutton{
            display:block;
        }

#my-navigation {
    background-color: #1A2A36;
}

#my-navigation ul {
    width:100%;
    margin-left:1rem;
    padding-left: 0;
    z-index:200;
    position: relative;
}

#my-navigation ul li{
    width:80%;
    margin-left:1rem;
    font-size:1rem;
}
 
.right-text .yourbutton{
    background-color: #30BC68;
    margin-left:3rem;;
    color:#fff;
    border:none;
    padding:0.5rem 1.2rem;
    margin-bottom:2rem;
}

.right-text{
    text-decoration: none;
    font-size:1rem;
    font-weight:700;
}

.mycarousel .wrapper h1{
    font-size: 3rem;
}

.mycarousel .wrapper p{
    font-size: 1rem;
    word-spacing: 0.3rem;
}

.mycarousel .first{
    height:100vh;
}

.mycarousel .second{
    height:100vh;
}

.mycarousel .third{
    height:100vh;
}


.third-part .content{
    width:80%;
    margin:0 auto;
}

.third-part img{
    width:100%;
    padding:0;
    height:100vh;
}

.third-part .right{
    width:100%;
    background-color: #F6F7F8;
}

.third-part .inner span{
    font-size: 1.2rem;
}

.third-part .right .inner{
    padding:5rem 0;
    padding-left:0rem;
}

.third-part .inner h1{
    font-size: 2rem;
    margin-bottom:1rem;
    margin-top:1rem;
}

.third-part .inner p{
    color:#8A9B9B;
    font-size:1.1rem;
}

.mycarousel .wrapper{
    width:70%;
    margin:0 auto;
    position:absolute;
    top:16rem;
}


.fourth-part .title{
    padding:1.5rem 0;
    width:80%;
    margin:0 auto;
}

.fourth-part .title p{
    color: #32C36C;
    font-size: 1.1rem;
    font-weight: 800;
}

.fourth-part .title h1{
    color: #1A2A36;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom:1.6rem;
}


.fourth-part .first h3{
    font-size: 1.4rem;
    margin-bottom:1rem;
}

.fourth-part .second h3{
    margin-bottom:1rem;
    font-size: 1.4rem;
}

.fourth-part .first p{
    color:#8A9B9B;
    font-size:1rem;
}

.fourth-part .second p{
    color:#8A9B9B;
    font-size:1rem;
}

.fourth-part .first a{
    color:#32C36C;
    font-size:1rem;
    text-decoration: none;
    font-weight: 700;
}

.fourth-part .second a{
    color:#32C36C;
    font-size:1rem;
    text-decoration: none;
    font-weight: 700;
}
 

.fifth-part .inner{
    margin-top:0rem;
}

.fifth-part .inner .right img{
    width:100%;
    margin-left:0rem;
    height: 80vh;
}

.fifth-part .inner .right{
    width:80%;
    margin:0 auto;
}

.fifth-part .left{
    padding-left:6rem;
    padding-top:4rem;
    padding-bottom:4rem;
    padding-right:2.5rem;
}

.fifth-part .left span{
    color: #32C36C;
    font-size: 1.3rem;
    font-weight: 800;
}

.fifth-part .left h3{
    color: #1A2A36;
    font-size: 2.3rem;
    font-weight: 700;
    margin-bottom:2rem;
    margin-top:1rem;
}

.fifth-part .left p{
    color:#8A9B9B;
    font-size:1rem;
    margin-top:1rem;
}


.fifth-part .flex-box{
    display: flex;
    justify-content: flex-start;
}

.fifth-part .first span{
    font-size:1.3rem;
    color:#000000;
    font-weight: 700;
    margin-left:1.5rem;
    position:relative;
    top:-8px;
    left:2rem;
}

.fifth-part .first{
    margin-right:12rem;
}

.fifth-part .second span{
    font-size:1.3rem;
    color:#000000;
    font-weight: 700;
    margin-left:1.5rem;
    position:relative;
    top:-8px;
    left:2rem;
}

.fifth-part .first i{
    margin-right:1rem;
    background-color: #289C56;
    color:#fff;
    padding:0.8rem;
    border-radius:100%;
    position: relative;
    top:10px;
}

.fifth-part .second i{
    margin-right:1rem;
    background-color: #289C56;
    color:#fff;
    padding:0.8rem;
    border-radius:100%;
    position: relative;
    top:10px;
}


.sixth-part{
    width:100%;
    padding:1.5rem 0;
}

.sixth-part .title{
    padding:3rem 0;
    width:85%;
    margin:0 auto;
}

.sixth-part .title p{
    font-size: 1rem;
}

.sixth-part .title h1{
    color: #1A2A36;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom:2rem;
}

.sixth-part .title ul{
    margin-left:0rem;
}

.sixth-part .title ul li{
    list-style-type: none;
    margin-left:1.5rem;
    font-size: 1rem;
}

.sixth-part .title ul li:hover{
    border-bottom:2px solid #32C36C;
    color:#32C36C;
    transform: 0.5s ease all;
    cursor: pointer;
}

.sixth-part .title ul .main{
    color:#32C36C;
    border-bottom:2px solid #32C36C;
}

.sixth-part img{
    width:100%;
    border-radius: 1rem;
    margin-top:2rem;
}

.sixth-part .top .content .ease{
    padding-top:0rem;    
}

.sixth-part .top .content .social{
    top:3rem;
}

.sixth-part .bottom .content .social{
    top:3rem;
}

.sixth-part .top .content .image::before{
    border-radius: 1rem;
    height:90%;
    margin-top:2rem;
}

.sixth-part .bottom .content .image::before{
    height:90%;
    margin-top:2rem;
    border-radius: 1rem;
}
 
.seventh-part .content{
    width:80%;
    margin:0 auto;
}

.seventh-part .right .inner{
    padding:1.5rem 0;
    padding-left:0rem;
}

.eight-part .right{
    margin-top:2rem;
}

.ninth-part .inner h1{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom:2rem;
    margin-top:1.5rem;
}

.seventh-part .inner span{
    color: #32C36C;
    font-size: 1.3rem;
    font-weight: 800;
}

.seventh-part .right .inner{
    padding:1.5rem 0;
    padding-left:0rem;
}

.seventh-part  .inner h1{
    font-size: 2rem;
    font-weight: 700;
    color:#1A2A36;
    margin-bottom:1.5rem;
    margin-top:1rem;
    font-family: "Roboto", sans-serif;
}

.seventh-part  .inner p{
    color:#8A9B9B;
    font-size:1rem;
    margin-bottom:2rem;
}

.seventh-part .inner i{
    background-color: #32C36C;
    color:#fff;
    padding:0.3rem;
    border-radius: 100%;
    font-size: 1rem;
    margin-right:1.5rem;
}

#myname{
    width:100%;
    display: inline-block;
    border:none;
    padding:1rem 0;
    margin-right:0rem;
}


.cnumber{
      width:100%;
    display:block;
    border:none;
    padding:1rem 0;
    margin-top: 1rem;
    margin-right:0rem;
}

input::placeholder{
    margin-left:1rem;
}

#myemail{
    width:100%;
    display: inline-block;
    border:none;
    padding:1rem 0;
    margin-top:1rem;
}

#mynum{
    width:100%;
    display: inline-block;
    border:none;
    padding:1rem 0;
    margin-top: 1rem;
    margin-right:0rem;
}

#myoption{
    width:100%;
    display: inline-block;
    border:none;
    padding:1rem 0;
    margin-top: 1rem;
}

#mybutton{
  width:10rem;
  height:4rem;
  border-radius: 5rem;
  background-color: #32C36C;
  border:none;
  font-size: 1.3rem;
  color:#fff;
}

.message{
    margin-top:2rem;
    width:100%;
    border:none;
}

.footer-part img{
    width:20%;
    border-radius: 0.5rem;
}

.footer-part  h3{
    margin-top:2.5rem;
}

.footer-part{
    padding-top:3rem;
    padding-bottom:1.5rem;
}

.form-page .left{
    padding-top:3rem;
    padding-left:2rem;
    padding-right:2rem;
    padding-bottom:4rem;
    border:1px solid #3EC775;
    border-radius:1rem;
    margin-bottom:2rem;
}

}

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

    .mycarousel .wrapper h1{
        font-size: 2.5rem;
    }
    
    .mycarousel .wrapper p{
        font-size: 1rem;
        word-spacing: 0.275rem;
    }

    .navbar-brand{
        padding:0.76rem 2rem;
    }
    
#button{
    height:50vh;
    margin-top:12rem;
}

#button2{
    height:50vh;
    margin-top:12rem;
    margin-right: -1rem;
}

.mycarousel .first{
    height:100vh;
}

.mycarousel .second{
    height:100vh;
}

.mycarousel .third{
    height:100vh;
}
    
.mycarousel .wrapper{
    width:70%;
    margin:0 auto;
    position:absolute;
    top:16rem;
    left:8rem;
    z-index:100;
    color:#fff;
}

.second-part{
    width:100%;
    padding-top:0rem;
    padding-bottom:3rem;
}

.second-part .inner h1{
    font-size: 2rem;
    font-weight: 500;
    margin-left:4.5rem;
    margin-bottom:2rem;
}

.second-part .inner i{
    position: relative;
    top:3rem;
    background-color: #32C36C;
    padding:1.3rem;
    border-radius: 100%;
    color:#fff;
}

.second-part .inner h3{
    font-size: 1.2rem;
    font-weight: 900;
    margin-bottom:1rem;
}

.second-part .inner p{
    color:#8A9B9B;
    font-size:1rem;
}

.third-part img{
    width:100%;
    padding:0;
    height:75vh;
}

.third-part .inner h1{
    font-size: 1.8rem;
    margin-bottom:1rem;
    margin-top:1rem;
}

.third-part .inner p{
    color:#8A9B9B;
    font-size:1rem;
}

.mycarousel .wrapper .more{
    padding:0.5rem 1.8rem;
    margin-top:1.3rem;
}


.third-part .inner .more{
    padding:0.5rem 1.8rem;
    margin-top:1.3rem;
}

.third-part .right .inner{
    padding:3rem 0;
    padding-left:0rem;
}


.fourth-part .first .top .content .social i{
    font-size:1.5rem;
    padding:1rem;
    top:-1.8rem;
    left:0rem;
}


.fourth-part .second .bottom .content .social i{
    font-size:1.5rem;
    top:-1.8rem;
    left:0;
}
 

.fifth-part .inner .right img{
    width:100%;
    margin-left:0rem;
    height: 100vh;
}

.fifth-part .inner .right img{
    width:100%;
    margin-left:0rem;
    height: 50vh;
}

.fifth-part .inner .right{
    width:100%;
    margin:0 auto;
    padding:0;
}

.fifth-part .left{
    padding-left:1rem;
    padding-top:2rem;
    padding-bottom:0rem;
    padding-right:1rem;
}

.fifth-part .left h3{
    color: #1A2A36;
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom:2rem;
    margin-top:1rem;
}

.fifth-part .left p{
    color:#8A9B9B;
    font-size:1rem;
    margin-top:1rem;
}

.fifth-part .first{
    margin-right:0rem;
    margin-bottom:2rem;
}



.sixth-part .top .content .social{
    top:4rem;
}

.sixth-part .bottom .content .social{
    top:4rem;
}

.sixth-part .top .content .image::before{
    
    height:93%;
    margin-top:2rem;
}

.sixth-part .bottom .content .image::before{
    height:93%;
    margin-top:2rem;
}

.eight-part{
    width:80%;
    margin:0 auto;
    padding:0;
}

#my-navigation{
    width:100%;
    margin:0 auto;
}

.fourth-part{
    width:80%;
    margin:0 auto;
    padding:3rem 0;
}
 
.sixth-part{
    width:85%;
    margin:0 auto;
}
 
.sixth-part .title h1{
    font-size:1.5rem;
}

.sixth-part .title ul li{
    list-style-type: none;
    margin-left:1.2rem;
    font-size: 0.8rem;
}

.fifth-part .top .second{
    margin-left:7rem;
}

}



@media only screen and (max-width:505px){
    
    .navbar-brand{
        padding:0.76rem 1.5rem;
    }
    
    
     
    
.scheme .inner{
    width:95%;
    margin:0 auto;
}

#my-navigation ul li{
    margin-left:-0.5rem;
    font-size:0.8rem;
}

#yourbutton{
    margin-left:0.3rem;
    margin-bottom:1rem;
}
    
#button{
    height:50vh;
    margin-top:10rem;
}
    
#button2{
    height:50vh;
    margin-top:10rem;
    margin-right: -1rem;
}
    
.mycarousel .wrapper{
    width:100%;
    position:absolute;
    top:15rem;
    left:4.5rem;
    z-index:100;
    color:#fff;
}

#my-navigation ul {
    margin-left:1.8rem;
    padding-left: 0;
    z-index:200;
    position: relative;
}


.right-text .yourbutton{
    background-color: #30BC68;
    margin-left:2.8rem;;
    color:#fff;
    border:none;
    padding:0.5rem 1.2rem;
    margin-bottom:2rem;
}

.right-text{
    text-decoration: none;
    font-size:0.8rem;
    font-weight:700;
}

.second-part .inner{
    padding:0 2rem;
}

.second-part .inner h1{
    font-size:1.5rem;
}

.second-part .inner h3{
    font-weight: 500;
}

.second-part .inner i{
    position: relative;
    top:2.3rem;
    background-color: #32C36C;
    padding:1rem;
    border-radius: 100%;
    color:#fff;
}

.third-part img{
    height:60vh;
}

.third-part .inner h1{
    font-size: 1.3rem;
    margin-bottom:1rem;
    margin-top:1rem;
}

.third-part .inner p{
    color:#8A9B9B;
    font-size:1rem;
}

.third-part .inner i{
    padding:0.3rem;
    font-size: 0.8rem;
    margin-right:1rem;
}


.fourth-part .title{
    padding:0;
    width:100%;
    margin:0 auto;
}

.fourth-part .title p{
    color: #32C36C;
    font-size: 1rem;
    font-weight: 800;
}

.fourth-part .title h1{
    color: #1A2A36;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom:2rem;
}

.fourth-part .title h1{
    color: #1A2A36;
    font-size: 1.3rem;
    font-weight: 700;
}


.fifth-part .first span{
    font-size:1.3rem;
     color:#000000;
     font-weight: 700;
    margin-left:1.5rem;
    position:relative;
    top:-2px;
    left:1.5rem;
}

.fifth-part .second span{
    font-size:1.3rem;
    color:#000000;
    font-weight: 700;
    margin-left:1.5rem;
    position:relative;
    top:-2px;
    left:1.5rem;
}

.fifth-part .left span{
    color: #32C36C;
    font-size: 1rem;
    font-weight: 800;
}

.fifth-part .left h3{
    color: #1A2A36;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom:0;
    margin-top:1rem;
    line-height:1.8rem;
}

.fifth-part .left p{
    color:#8A9B9B;
    font-size:01rem;
}

.fifth-part .first span{
    font-size:1.3rem;
     color:#000000;
     font-weight: 700;
    margin-left:1.5rem;
    position:relative;
    top:-2px;
    left:1.5rem;
}

.fifth-part .second span{
    font-size:1rem;
    color:#000000;
    font-weight: 700;
    margin-left:1.5rem;
    position:relative;
    top:-2px;
    left:1.5rem;
}

.sixth-part .title{
    padding:1.5rem 0;
    width:100%;
    margin:0 auto;
}


.sixth-part .title h1{
    font-size:1.2rem;
    line-height:1.8rem;
}

.sixth-part .title ul li{
    list-style-type: none;
    margin-left:0.8rem;
    font-size: 1rem;
}

.seventh-part .inner span{
    color: #32C36C;
    font-size: 0.9rem;
    font-weight: 800;
}

.seventh-part  .inner h1{
    font-size: 1.3rem;
    font-weight: 700;
    color:#1A2A36;
    margin-bottom:0.8rem;
    margin-top:0.8rem;
    font-family: "Roboto", sans-serif;
}

.seventh-part .right .inner{
    width:100%;
    padding:1.5rem 0;
    padding-left:0rem;
}
 
.seventh-part  .inner p{
    color:#8A9B9B;
    font-size:1rem;
    margin-bottom:1.6rem;
}

#message{
    margin-top:2rem;
    width:100%;
    border:none;
}

.eight-part .title{
    padding:1.5rem 0;
    width:100%;
    margin:0 auto;
}

.eight-part .title span{
    color: #32C36C;
    font-size: 1rem;
    font-weight: 800;
}

.eight-part .title h1{
    color: #1A2A36;
    font-size: 1.3rem;
    font-weight: 700;
    margin-top:1rem;
}

.eight-part .content h4{
    font-size: 0.9rem;
    margin-top:1rem;
    margin-left:1rem;
    font-weight: 700;
}

.eight-part .content p{
    font-size: 0.8rem;
    margin-left:1rem;
    color:gray;
    margin-bottom:1.5rem;
}
 
.ninth-part .item p{
    font-size: 0.8rem;
    line-height:1.5rem;
    color:gray;
    margin-bottom:1rem;
    margin-right:0rem;
}

.ninth-part .item h4{
    font-size: 1rem;
    margin-top:1rem;
    font-weight: 700;
    color:#1A2A36;
    text-align: center;
    margin-right:1.5rem;
}

.ninth-part .item img{
    width:30%;
    border-radius: 100%;
    margin-left:7.5rem;
    margin-bottom:1rem;
}


.form-page .left h3{
    font-size:1.3rem;
    font-weight: 700;
    margin-bottom:1rem;
}

.form-page .right h2{
    font-size:1.3rem;
    font-weight: 700;
    margin-bottom:1rem;
}

.form-page .left h3{
    font-size:1rem;
    font-weight: 700;
    margin-bottom:1rem;
}

}


@media only screen and (max-width:440px){

    .navbar-brand{
        padding:0.76rem 0rem;
    }

    
.mycarousel .wrapper{
    width:85%;
    margin:0 auto;
    position:absolute;
    top:13rem;
    left:3rem;
    z-index:100;
    color:#fff;
}


.third-part img{
    width:100%;
    padding:0;
    height:55vh;
}

.mycarousel .first{
    height:75vh;
}

.mycarousel .second{
    height:75vh;
}

.mycarousel .third{
    height:75vh;
}

.carousel-image{
    width:100%;
    height:55vh;
}

.mycarousel .wrapper h1{
    font-size: 1.5rem;
    margin-bottom:1rem;
}

.mycarousel .wrapper p{
    font-size: 1rem;
    word-spacing: 0.8rem;
    font-weight: lighter;
}


#button{
    height:50vh;
    margin-top:6rem;
}
    
#button2{
    height:50vh;
    margin-top:6em;
    margin-right: -1rem;
}


.sixth-part .title ul li{
    list-style-type: none;
    margin-left:0.5rem;
    font-size: 0.8rem;
}

.sixth-part .title ul li{
    list-style-type: none;
    margin-left:0.2rem;
    font-size: 0.8rem;
}


.fifth-part .top .second{
    margin-left:0rem;
}

.fifth-part .top .first{
    margin-right:3rem;
}


.fifth-part .first span{
    font-size:1rem;
}

.fifth-part .second span{
    font-size:1rem;
}

.fifth-part i{
    font-size: 0.5rem;
}

}

/*Media querry of index-part ends here*/



/* About-page Media querry starts here*/


@media only screen and (max-width:992px){

    
    .about-pg-2 .image-text h2{
        font-family: "Albert Sans", sans-serif; 
        font-weight: 800;
        background-color: #fff;
        display: inline-block;
        padding:1.5rem 2rem;
        border-bottom-left-radius: 0.5rem;
        border-top-right-radius:0.5rem;
        position:absolute;
        bottom:3rem;
        left:0;
        z-index:100;
    }
    
    .about-pg-1 .image{
        width:61.5%;
        margin:0 auto;
        margin-bottom:2rem;
    }
    
    
    .about-pg-1 .inner .right {
        position: relative;
        padding-left:1.5rem;
        padding-top:2.5rem;
        padding-bottom:2.5rem;
    }
    
    .about-pg-1 .inner h1{
        font-size:2.2rem;
        font-weight:800;
        color:#1F1F25;
        margin-top:1.5rem;
        margin-bottom:2rem;
    }
    
    
    .about-pg-1 .inner .right .img-list{
        display:block;
        margin-bottom:1.5rem;
    }
    
    .more-bt{
        margin-left:1.5rem;
    }
    
    .about-pg-1 .inner .right img{
        width:20%;
        border-radius:2rem;
        margin-right:1.5rem;
        margin-left:1.5rem;
    }
    
     .about-pg-2 .image-text h4{
            margin-bottom:3rem;
    }
        
    .about-pg-2 .inner .right{
        width:100%;
        margin:0 auto;
        padding:0rem;
        margin-bottom:3rem;
    }
    
    .about-pg-2 .inner .title{
        padding:2rem 0;
    }
    
    .about-pg-1 .inner .right .goal{
        width:100%;
        border:none;
        background-color: #4AAB3D;
        color:#fff;
        border-radius:5px;
        margin-bottom:2rem;
    }
    
    .about-pg-1 .inner .right .goal2{
        width:96%;
        margin-bottom:2rem;
        margin-left:0rem;
        position: absolute;
        bottom:13rem;
        left:1.5rem;
    }
    
    .about-pg-1 .inner .right .goal3{
        width:96%;
        margin-bottom:2rem;
        margin-left:0rem;
        position: absolute;
        bottom:8rem;
        left:1.5rem;
    }
    
    .more-bt{
        width:12rem;
        height:3.5rem;
        border:none;
        background-color: #1F1F25;
        color:#ffff;
        border-radius:2rem;
        margin-top:0rem;
        position: relative;
        z-index:100;
        overflow: hidden;
        margin-top:12rem;
    }
    
    
.scheme .card{
    margin-top:2rem;
    border:1px solid #14532D;
    padding:1rem;
}
    
    
    }
    
    @media only screen and (max-width:505px){
    
        .about-pg-1 .inner h1{
            font-size:1.5rem;
            font-weight:800;
            color:#1F1F25;
            margin-top:1.5rem;
            margin-bottom:2rem;
        }
        
    .about-pg-1 .image{
        width:100%;
        margin:0 auto;
        margin-bottom:2rem;
    }
    
    
    
    .about-pg-1 .inner .right img{
        width:50%;
        border-radius:2rem;
        margin-right:0rem;
    }
        
    .pages h1{
        font-weight: 800;
        font-size: 3.5rem;
        font-family: "Roboto", sans-serif;
        color:#fff;
        margin-bottom:1rem;
    }
    
    .about-pg-2 .image-text h4{
        margin-top:2rem;
        font-size:1.3rem;
        font-weight:700;
    }
    
    #aboutpages{
        position:absolute;
        top:25%;
        left:12%;
    }
    

#pmpages h1{
    font-weight: 800;
    font-size: 2rem;
    font-family: "Roboto", sans-serif;
    color:#fff;
    margin-bottom:1rem;
}
      
    #pmpages{
       
        position:absolute;
        top:28%;
        left:20%;
    }
    .about-pg-2 .inner .title h2{
        font-size:1.3rem;
        font-family: "Exo 2", sans-serif;
        font-weight: bold;
    }
    
    }

    /* About-page Media querry ends here*/


    
/*Media querry starts here of Service PAGE*/


@media only screen and (max-width:992px){
    
    .service-pg-1 .left{
        width:100%;
        margin:0 auto;
        margin-right:0rem;
    }
     
    .service-pg-2 .inner{
        width:100%;
        padding:1.5rem 0;
    }
    }
    
    @media only screen and (max-width:768px){
        .service-pg-1{
            width:90%;
            margin:0 auto;
            padding:2rem 0;
        }
        
      

    }
    
    @media only screen and (max-width:500px){
    
        .service-pg-1{
            width:80%;
            margin:0 auto;
            padding:2rem 0;
        }
        
    .service-pg-1 p{
        font-size:0.9rem;
    }
    
    .service-pg-1 ul li{
        font-size:0.9rem;
    }
    
    .service-pg-1 ul{
        position:relative;
    }
    
    .service-pg-1 .right{
        margin-top:3.5rem;
    }
    
      .pages h1{
        font-weight: 800;
        font-size: 2.5rem;
        font-family: "Roboto", sans-serif;
        color:#fff;
        margin-bottom:1rem;
    }
    
    
    
    }
    
    
    @media only screen and (max-width:400px){
    
    .service-pg-1{
        width:80%;
        margin:0 auto;
        padding:2rem 0;
    }
    
    .service-pg-1 .left{
        width:100%;
        padding:0 1rem;
    }
    
    .service-pg-1 .right{
        width:100%;
        padding:0 1rem;
    }
    
    .service-pg-1 h1{
        font-size:1.5rem;
        margin-bottom:1rem;
    }
    
    .service-pg-1 p{
        font-size:1rem;
    }
    
    .service-pg-1 ul li{
        font-size:1rem;
    }
    
    
    .service-pg-1 ul .first::before{
        content:'';
        width:0.9rem;
        height:0.9rem;
        background-color: #4AAB3D;
        border:none;
        position: absolute;
        bottom:14.4rem;
        left:0;
    }
    
    .service-pg-1 .right ul .second::before{
        content:'';
        width:0.9rem;
        height:0.9rem;
        background-color: #4AAB3D;
        border:none;
        position: absolute;
        bottom:10.4rem;
        left:0;
    }
    
    .service-pg-1 ul .third::before{
        content:'';
        width:0.9rem;
        height:0.9rem;
        background-color: #4AAB3D;
        border:none;
        position: absolute;
        bottom:2.5rem;
        left:0;
    }
    
    .service-pg-1 ul .fourth::before{
        content:'';
        width:0.9rem;
        height:0.9rem;
        background-color: #4AAB3D;
        border:none;
        position: absolute;
        bottom:6.5rem;
        left:0;
    } 
    
    .service-pg-1 .title h2{
        font-size:1.5rem;
        margin-top:2rem;
    }
    
    .service-pg-1 .title h3{
        font-size:1.3rem;
        font-weight:700;
    }
    
    .service-pg-1 .content{
        padding:1.5rem 0;
    }
    
    .service-pg-1 .content .social i{
        font-size:3rem;
    }
    
    .service-pg-1 .content h4{
        font-size:1.2rem;
    }
    
    .service-pg-1 .content .social .myicon2{
        transform: translateY(160%);
        position:relative;
        right:3.5rem;
    }
    
    .service-pg-1 .img-content h2{
        text-align: left;
        margin-bottom:1rem;
        font-size:1.5rem;
        font-weight: 600;
    }
    
    .service-pg-1 .img-content{
        padding:0 1rem;
    }
    
    .service-pg-1 .img-content .para1{
        font-size:1rem;
        line-height:2rem;
    }
    
    .service-pg-1 .img-content .para2{
        font-size:1rem;
        line-height:2rem;
        margin-top:2rem;
    }
    
    #pages{
        position:absolute;
        top:28%;
        left:18%;
    }
    
    .pages .active{
        margin-left:2rem;
    }
    
    .pages h1{
        font-weight: 800;
        font-size: 2.5rem;
        font-family: "Roboto", sans-serif;
        color:#fff;
        margin-bottom:1rem;
    }
    
    .form-page .left h3{
        font-size:1.3rem;
        font-weight: 700;
    }
    
     
    }
    
    @media only screen and (max-width:370px){
        
    .pages h1{
        font-weight: 800;
        font-size: 2.5rem;
        font-family: "Roboto", sans-serif;
        color:#fff;
        margin-bottom:1rem;
    }
    
    }
    
/*Service page media querry ends*/

/*Contact-pages media querry starts here*/



@media only screen and (max-width:440px){
    
    .form-page .left h3{
        font-size:1.3rem;
        font-weight: 700;
        margin-bottom:1rem;
    }
    
    #yourname{
        width:100%;
        display: block;
    }
    
    #youremail{
        width:100%;
        display: block;
        margin-left:0%;
    }
    
    }

/*Contact-pages media querry ends here*/


/* /Project-pages media querry starts here/ */


@media only screen and (max-width:992px){
    .img-gallery1 .image1{
        margin-bottom:1.5rem;
    } 

    .img-gallery2 .image1{
        margin-bottom:1.5rem;
    }

    .img-gallery3 .image1{
        margin-bottom:1.5rem;
    }

    .img-gallery4 .image1{
        margin-bottom:1.5rem;
    }

    .img-gallery5 .image1{
        margin-bottom:1.5rem;
    }
    
}

@media only screen and (max-width:576px){
    .img-gallery1{
        width:90%;
        margin:0 auto;
    }
    .img-gallery2{
        width:90%;
        margin:0 auto;
    }
    .img-gallery3{
        width:90%;
        margin:0 auto;
    }
    .img-gallery4{
        width:90%;
        margin:0 auto;
    }
    .img-gallery5{
        width:90%;
        margin:0 auto;
    }
    
.img-gallery5 .title h2{
    font-size: 1.5rem;
    margin-top:2rem;
}
  
.img-gallery4 .title h2{
    font-size: 1.5rem;
    margin-top:2rem;
}
  
.img-gallery3 .title h2{
    font-size: 1.5rem;
    margin-top:2rem;
}
  
.img-gallery2 .title h2{
    font-size: 1.5rem;
    margin-top:2rem;
}
  
.img-gallery1 .title h2{
    font-size: 1.5rem;
    margin-top:2rem;
}

#yourbutton{
    background-color: #3EC775;
}

#submitbutton{
    margin-top:1rem;
    margin-bottom:1rem;
    text-align: center;
    border:none;
    background-color: #3EC775;
    color:#fff;
    padding:0.8rem 2rem;
    margin-left:68%;
    border-radius: 0.5rem;
    margin-top:2rem;
}


}
    
/*Project-pages media querry ends here/ */


/* Img-galery media querry starts here*/



@media only screen and (max-width:992px){
    
    .img-gallery .inner2{
        width:100%;
        margin-left:0;
        padding-bottom:6rem;
    }
    
    .img-gallery .inner2 img{
        width:100%;
    }
    
    .img-gallery .inner .top{
        position: relative;
        margin-bottom:2rem;
    }
    
    .img-gallery .inner .bottom{
        position: relative;
        margin-bottom:0rem;
    }
    
    }
    
    
    @media only screen and (max-width:576px){
        
    .img-gallery .inner2{
        width:100%;
        margin-left:0;
        padding-bottom:2rem;
    }
    
    .img-gallery .title{
        padding-top: 3rem;
        margin-bottom:1.5rem
    }
    
    .img-gallery .inner .bottom .more{
        border:none;
        background-color: #FBB80C;
        padding:0.5rem 1rem;
        color:#fff;
        border-radius: 5rem;
        transition: 0.3s ease;
        margin-top:1.5rem;
        margin-left:4.7rem;
    }
    
    .img-gallery .inner2 .bottom{
        position: relative;
        margin-bottom:1.5rem;
    }
    
    .img-gallery .inner .top{
        position: relative;
        margin-bottom:2.5rem;
    }
    
    #gallerypages{
        position:absolute;
        top:25%;
        left:12%;
    }
    
    #projectpages{
        position:absolute;
        top:25%;
        left:12%;
    }
    
    #contactpages{
        position:absolute;
        top:25%;
        left:12%;
    }
    
    
.scheme .application{
    width:95%;
    margin:0 auto;
    padding:2rem 0;
}

.surya-pg-1 h2{
    color:#14532D;
    font-size:1.4rem;
    font-weight:500;
    text-align:center;
}

.mytable .title{
    width:98%;
    margin:0 auto;
    padding:1rem 0;
}

.surya-pg-1 h4{
    font-size:1.4rem;
    color:#14532D;
    margin-top:2rem;
}
    }


/* Img-galery media querry ends here*/





/*PM surya starst here */