/*---intro----*/
@media screen and (max-width: 600px) {
.ml4,.letters letters-1{
display: none;
  


  }
}

@media screen and (max-width: 1000px) {
.ml4,.letters letters-1{
display: none;

 
  
  }
}

/*---Navbar active color----*/
@media screen and (max-width: 600px) {
.activemenu{
 
  width:25%;
  


  }
}

@media screen and (max-width: 1000px) {
.activemenu{
  width:25%;
 
  
  }
}

/*---Navbar background ----*/
@media screen and (max-width: 600px) {
.navbar-nav  {
 
  background:#e3e5e4;
  text-align: center;
  padding-left: 5%;


  }
}

@media screen and (max-width: 1000px) {
.navbar-nav {
  background: #e3e5e4;
  text-align: center;
  padding-left: 5%;
  }
}


/*---Navbar logo centerr----*/
@media screen and (max-width: 600px) {
.navbar-brand{
 
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;

  }
}

@media screen and (max-width: 1000px) {
.navbar-brand{
  display: block;
  margin-left: 30%;
 
  width: 50%;
  }
}



/*----- Home page animation */
@media screen and (max-width: 600px) {
  canvas{
 
  width:100%;

  }
}

@media screen and (max-width: 1000px) {
  canvas{
  width:100%;
  }
}


/*----- Home page parallax image ---- */
@media screen and (max-width: 600px) {
  #parallax img{
 
	display: none;
 

  }
}

@media screen and (max-width: 1000px) {
 #parallax img{
	display:none;

 
  }
}

/*----- Home page parallax button ---- */

@media screen and (max-width: 600px) {
#parallax  .see{
margin-left:100px;

 

  }
}

@media screen and (max-width: 1000px) {
 #parallax .see{
margin-left:100px;



 
  }
}

/*----- Home page parallax heading ---- */
@media screen and (max-width: 600px) {
#parallax h3{
margin-left:20px;
 

  }
}

@media screen and (max-width: 1000px) {
#parallax h3{
margin-left:20px;

 
  }
}
/*----- Home page Choose--- */

@media screen and (max-width: 600px) {
#choose{

 margin-left: 10px;

  }
}

@media screen and (max-width: 1000px) {
#choose{

 margin-left: 10px;


 
  }
}

/*----- Home page Choose image--- */

@media screen and (max-width: 600px) {
#choose img{

 margin-left: 50px;
  padding-bottom: 10px;

  }
}

@media screen and (max-width: 1000px) {
#choose img{

 margin-left: 50px;
  padding-bottom: 10px;
 
  }
}
/*----- Home page parallax form---- */

@media screen and (max-width: 600px) {
#form{
margin-left:35px;
border: solid #04303e;
padding: 20px;
border-radius: 50px;
 

  }
}

@media screen and (max-width: 1000px) {
#form{
margin-left:35px;
border: solid #04303e;
padding: 20px;
border-radius: 50px;
 
  }
}



/*----- Home page parallax form input type---- */

@media screen and (max-width: 600px) {
#number,#msg,#name{
width: 100%;
text-align: center;

 

  }
}

@media screen and (max-width: 1000px) {
#number,#msg,#name{
width: 100%;
text-align: center;


 
  }
}

/*----- Home page parallax form input type email---- */

@media screen and (max-width: 600px) {
#email{
width: 100%;	
 margin-left: 0;
margin-top: 50px;	
text-align: center;

  }
}

@media screen and (max-width: 1000px) {
#email{
width: 100%;
margin-left: 0;
margin-top: 50px;	
text-align: center;

 
  }
}

/*----- Home page parallax contact detail---- */

@media screen and (max-width: 600px) {
.contact{

position: relative;
margin-top: -50px;
text-align: center;
margin-left: 0px;
padding-bottom: 50px;
margin-right: 0px;

  }
}

@media screen and (max-width: 1000px) {
.contact{
position: relative;
margin-top: -50px;
text-align: center;
margin-left: 0px;
padding-bottom: 50px;
margin-right: 0px;

 
  }
}


/*----- Home page parallax form button---- */

@media screen and (max-width: 600px) {
.submit{
margin-left:50px;
 

  }
}

@media screen and (max-width: 1000px) {
.submit{
margin-left:50px;

 
  }
}


/*----- Home page services---- */

@media screen and (max-width: 600px) {
.services{
height:100vh;
 

  }
}

@media screen and (max-width: 1000px) {
.services{
height:100vh;

 

 
  }
}

/*----- Home page services p---- */

@media screen and (max-width: 600px) {
.services p {

margin-top:-5px;

 

  }
}

@media screen and (max-width: 1000px) {
.services p  {

margin-top:-5px;
 

 
  }
}

/*----- Home page services h4---- */

@media screen and (max-width: 600px) {
.services h4{

margin-top:-5px;
 

  }
}

@media screen and (max-width: 1000px) {
.services h4 {

margin-top:-5px;
 

 
  }
}
/*--------- About Page Start-----*/

/*----- About  page banner---- */

@media screen and (max-width: 600px) {
.main-title{
margin-top: -50px
 

  }
}

@media screen and (max-width: 1000px) {
.main-title{
margin-top: -50px

  }
}

/*----- About  page  Why ---- */

@media screen and (max-width: 600px) {
#about{
margin-top: -100px;
margin-left:0px;


 

  }
}

@media screen and (max-width: 1000px) {
#about{

margin-top: -100px;
margin-left:0px;


  }
}


/*----- About  page  wht ibt img---- */

@media screen and (max-width: 600px) {
#about img{
margin-left:0px;
width: 100%;

 

  }
}

@media screen and (max-width: 1000px) {
#about img{

margin-left:0px;
width: 100%;


  }
}

/*----- About  page   About Services--- */

@media screen and (max-width: 600px) {
#about-service {
margin-left:0px;
margin-top: 50px;
display: none;
 

  }
}

@media screen and (max-width: 1000px) {
#about-service{

margin-left:0px;
margin-top: 20px;
display: none;

  }
}



/* ----Services banner text---- */

@media screen and (max-width: 600px) {
.services-product h2  {
font-size: 30px;
  font-weight:00;
  letter-spacing: 0px;
  line-height:20px;
text-align: center;
margin-top: 80px;
padding-bottom: 55px;
padding-top: 55px;


  }
}

@media screen and (max-width: 1000px) {
.services-product h2 {

font-size: 30px;
 font-weight: 0;
  letter-spacing: 0px;
  line-height:20px;
text-align: center;
margin-top: 80px;

padding-top: 55px;


  }
}

@media screen and (max-width: 600px) {
.services-product h2 span {
font-size: 15px;
  font-weight:00;
  letter-spacing: 0px;
padding-bottom: 80px;

text-align: center;
  }
}

@media screen and (max-width: 1000px) {
.services-product h2 span {

font-size: 15px;
 font-weight: 0;
  letter-spacing: 0px;
padding-bottom: 80px;

text-align: center;
  }
}

/*---- Servics baner image---- */
@media screen and (max-width: 600px) {
.services-product img{
padding-top:80px
  margin-top: -5px;
padding-bottom: 40px;
  }
}

@media screen and (max-width: 1000px) {
.services-product img {
padding-top:90px;
padding-bottom: 40px;

margin-top: -5px;


  }
}



/*---- Erp image---- */
@media screen and (max-width: 600px) {
 #erpimage{

    max-width: 200px;
  }
}

@media screen and (max-width: 1000px) {
 #erpimage{

width: 200px;

  }
}