body{
    margin: 0;
    padding: 0%;
    background-color: #ffffff;
}

.mainlanding{
    width: 100vw;
    height: 100vh;
    background:url("../img/1.jpg") center center no-repeat;
    background-size: 100% 100%;
    margin: 0;
    padding: 0;
    
  
}
.Logo{
    height:auto;
    width:55% ;
    position: absolute;
    top: 12%;
    left: 5%;
    right: 0;
    background-color: rgba(255, 255, 255, 0.603);
    padding: 2%;
    border-radius: 10%;
    
}
.socialM_main{
    width: 100%;
    position: absolute;
    top: 2%;
    left: 0;
    right: 0;
    height: 50px;
    text-align: center;
}
.socialM_main img{
    height: 50px;
    width: auto;
}
.socialMtopmenu{
    width: 15%;
    height: 100%;

}
.socialMtopmenu img{
    width: 50px;
    height: auto;
}
.mainLandingHeading{
    width: 80%;
    height: auto;
    position: absolute;
    bottom: 2%;
    left: 8.5%;
    text-align: center;
    color: white;
    font-size: 140%;
    text-shadow: 1px 1px 1px black;
}
.Aboutus{
    width: 100%;
    height: auto;
    text-align: center;
    float: left;
    background-color: #1f305b;
  
}
.aboutLeft{
float: left;
width: 30%;
height: auto;
overflow: hidden;

}
.aboutLeft img{
    width: auto;
    height: auto;
    float: right;
}
.aboutMiddle{
float: left;
width: 40%;
height: auto;
 background-color: #1f305b;
 font-size: 155%;
 color:#ffffff;
}
.aboutRight{
float: left;
width: 30%;
height: auto;
overflow: hidden;

}
.aboutRight img{
    width: auto;
    height: auto;
    float: left;
 
}
.aboutUsRightMobile{
    
    width: 50%;
    height: auto;
    float: left;
    display: none;
    
}
.aboutUsLeftMobile{
width: 50%;
height: auto;
float: left;
display: none;

}
.aboutUsLeftMobile img{
    height: auto;
    width: 100%;
    float: left ;
}
.aboutUsRightMobile img{
    height: auto;
    width: 100%;
    float: right;
}

    .services{
     width: 100%;
    height: auto;
    text-align: center;
    background-color: #6b6e77;
    float: left;
    color: white;
   
        }
        .servicesLeft{
            float: left;
            width: 55%;
            height: auto;
            overflow: hidden;
            font-size: 150%;
            margin: 2%;
          
           
            }
            .servicesLeft img{
                width: auto;
                height: 600px;
                float: right;
            }
         
            .servicesRight{
                float: left;
                width: 37%;
                height: auto;
                overflow: hidden;
                margin: 2%; 
            }
            .servicesRight img{
                width: 80%;
                height: auto;
                float: left;
             
            }
            .servicesRightMobile{
                
                width: 50%;
                height: auto;
                float: left;
                display: none;
            }
            .servicesLeftMobile{
                width: 50%;
                height: auto;
                float: left;
                display: none;
            }
            .servicesLeftMobile img{
                height: auto;
                width: 100%;
                float: left ;
            }
            .servicesRightMobile img{
                height: auto;
    width: 100%;
    float: left ;
            }
            .formC{
                width: 60%;
                position: relative;
                left: 20%;
            }
            .contactUs{
                height: auto;
                width: 100%;
                float: left ;
                text-align: center;
              color: white;
                background-color: #1f305b;
            }
            .contactInputContainer{
                width: 45%;
                height: auto;
                float: left;
                margin: 1%;
            }
            .contactInputContainerMessege{
                width: 100%;
                height: auto;
                float: left;
               
            }
            .contactInput{
                width: 100%;
                height: 50px;
                margin: 2%;
            }
            .submitBTN{
                width: 60%;
                height: 50px;
                margin: 7%;
                border-radius: 5%;
                background: yellow;
                color: #040947;
                
            }
            .submitBTN:hover{
                background: #040947;
                color: yellow;
            }
.separator_1{
    float: left;
    width: 100%;
    height: 300px;
    background:url(../img/separator_1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.separator_2{
    float: left;
    width: 100%;
    height: 300px;
    background:url(../img/separator_1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.separator_3{
    float: left;
    width: 100%;
    height: 300px;
    background:url(../img/separator_1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.separator_4{
    float: left;
    width: 100%;
    height: 300px;
    background:url(../img/separator_1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.separator_5{
    float: left;
    width: 100%;
    height: 300px;
    background:url(../img/separator_1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.separator_6{
    float: left;
    width: 100%;
    height: 300px;
    background:url(../img/separator_1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
@media only screen and (max-width:760px) {
    .Logo{
        height: auto;
        width:92% ;
        position: absolute;
        top: 15%;
        left: 1.5%;
        right: 1%;
        background: url(../img/Mlogo.png) center center no-repeat;
        background-size:auto 100% ;
        background-color: rgba(255, 255, 255, 0.603);
        padding: 2%;
        border-radius: 10%;
    }
    .mainLandingHeading{
      
        text-shadow: 1px 1px 1px white;
           color: black;
            bottom: 20%;
            left: 8.8%;
           
            font-size: 100%;
        
      
    }
    .socialM_main{
       
        top: 8%;
       
    }
    .socialM_main img{
        height: 35px;
        width: auto;
    }
    .Aboutus{
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 60%;
        
    }
    .aboutLeft{
   display: none;
    }
    
    .aboutMiddle{
    float: left;
    width: 100%;
    height: auto;
   
    }
    .aboutRight{
    display: none;
    
    }
   .aboutUsRightMobile{
       display: block;
   }
   .aboutUsLeftMobile{
       display: block;
   }
   
.services{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 60%;
    
}
.servicesLeft{
width: 100%;
}


.servicesRight{

width: 100%;
}
.servicesRight img{
    width: 100%;
}
.servicesRightMobile{
   display: block;
}
.servicesLeftMobile{
   display: block;
}

.separator_1{
    display: none;
}
.separator_2{
    display: none;
}
.separator_3{
    display: none;
}
.separator_4{
    display: none;
}
.separator_5{
   display: none;
}
.separator_6{
    display: none;
 }
.contactUs{
    width: 100%;
   
    background:#040947 ;
    background-size: auto 100%;
    
    margin-left : 0;
}
.contactInputContainer{
    width: 95%;
    height: auto;
    float: left;
    margin: 0;
}
.contactInput{width: 100%;}
}




.footer{
    float: left;
    height: 80px;
    width: 100%;
    background: black;
    color: white;
    text-align: center;
}
.footer img {
    height: 50px;
    width: auto;
}