/* Breakpoint*/


 /***Iphone ***/

@media only screen and (device-width:320px) and (orientation:portrait){ 

html{width: 100vw;overflow-x: hidden;}
  
    #bodycontent {margin:auto;}
  
  #bodycontent p{ margin: 0 -400px;width:300px;}
  
  #bodycontent h3 { margin: 0 -400px;width:300px; }
  
  #bodycontent img {margin: 0 -400px; }
  
  
   /*  logo ***/
  .cd-logo > img:nth-child(1) { margin-top:-10px;margin-right:20px;}
  /**/

.middlebox{ margin:auto;height:800px;}

#greenstripe{ background-color:#30d5c8;width:100%;height: 60px;}
#maincontent{ background: #fff;height: 600px;width:100% }
 .homeimage {margin: auto;}
  .textleft {margin: auto;}

.textleft > p:nth-child(1)  {width:75%;text-align:center;margin: auto;margin:0 200px;padding-top:200px;line-height: 2;font-size: 15px;}
.textleft  { width:50%;height:600px;font-size:20px;line-height: 2;margin: 0 -431px;font-style: Italic;}

.textleft   .homeimage  { margin:0 auto;vertical-align: middle;}
  
  .textleft p{ width:300px; font-style:Italic;font-size:16px;margin: 0 100px;}
  
  .textleft  {float:left;vertical-align: middle;}
  
    .homeimage  {float:left;vertical-align: middle;}

.homeimage { margin: 0 auto; }

.homeimage > img { margin:auto;}


.plan1, .plan2, .plan3{ vertical-align:middle; width:100%;  }
  
  
.plan1 > h2:nth-child(2) { margin:0 60px;}
  
.plan2 > h2:nth-child(2) { margin:0 60px;}
  
.plan3 > h2:nth-child(2) {margin:0 60px;}

 
  #searchbarnew p {margin:0 300px; }
  .aws-container {margin:0 -400px;width:300px; }
/*********************/
  /** FAQs***/
  
  .plan4 { margin: 0 -300px;}
  
  .accordion { width: 300px;margin: 0 -440px;}
  
  #question3 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1)  { color:#fff;}
  
  
  #question4 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { color:#fff;}
  
  #question1 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { font-size: 0.5em;}


.contactform {
  margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;
}


#bodycontent {
margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;

}


.member {margin: 0 200px;margin-top: -220px;}
  
  
.venmo-icons { margin: 0 auto;}
.sales p { margin: 0 -400px; }
.wpcf7-form {
margin: 0 -400px;
width: 80%;
color: #000;
}



/************Social Media****************/

.wordpress {margin: auto;  width:100%; }


.wordpress p img { width: 20px;height:20px; }
/****/
.drupal{margin: auto; width:100%; } 

.drupal p img { width: 20px;height:20px; }

/****/
.joomla {margin: auto; width:100%;   }

.joomla p img { width: 20px;height:20px; }
/****/

.magneto {margin: auto;width:100%;   }
.magneto p img { width: 20px;height:20px; }
/****/

.autodesk{margin: auto; width:100%;  }
.autodesk p img { width: 20px;height:20px; }
/****/

   /***********footer **********/

#footer { height:100% !important;  }

.wrap { height:100%;vertical-align: middle;} 
.left , .right ,.centered { text-align:center;margin:auto; width:100%;}

.left p { margin:auto;text-align:center;   }
  
.right p { margin:auto; display: flex;flex-direction: column;justify-content: space-between;  }

.centered p  {margin:auto;}



.left p ,.right p , .centered p  { text-align:center; text-decoration: none ;}


.right > p:nth-child(2) > a:nth-child(1) { text-decoration: underline; }
  
  
    .social-icons { margin: 0 130px}
  .paypal > p > a  { margin-left:-200px;}

  
  
}

 /*******/

@media only screen and (min-width : 320px) and (max-width : 480px) {

html{width: 100vw;overflow-x: hidden;}
  
    #bodycontent {margin:auto;}
  
  #bodycontent p{ margin: 0 -400px;width:200px;}
  
  #bodycontent h3 { margin: 0 -400px;width:200px; }
  
  #bodycontent img {margin: 0 -400px; }
  
  
   /*  logo ***/
  .cd-logo > img:nth-child(1) { margin-top:-10px;margin-right:20px;}
  /**/

.middlebox{ margin:auto;height:800px;padding-top:100px;}

#greenstripe{ background-color:#30d5c8;width:100%;height: 60px;}
#maincontent{ background: #fff;height: 600px;width:100% }
 .homeimage {margin: auto;}
  .textleft {margin: auto;}

.textleft > p:nth-child(1)  {width:200px;text-align:center;margin: auto;margin:0 200px;padding-top:200px;line-height: 2;font-size: 15px;}
.textleft  { width:50%;height:600px;font-size:20px;line-height: 2;margin: 0 -431px;font-style: Italic;}

.textleft   .homeimage  { margin:0 auto;vertical-align: middle;}
  
  .textleft p{ width:300px; font-style:Italic;font-size:16px;margin: 0 100px;}
  
  .textleft  {float:left;vertical-align: middle;}
  
    .homeimage  {float:left;vertical-align: middle;}

.homeimage { margin: 0 -80px; }

.homeimage > img { margin:0 -180px;}


.plan1, .plan2, .plan3{ vertical-align:middle; width:100%;  }
  
  
.plan1 > h2:nth-child(2) { margin:0 60px;}
  
.plan2 > h2:nth-child(2) { margin:0 60px;}
  
.plan3 > h2:nth-child(2) {margin:0 60px;}

 
  #searchbarnew p {margin:0 300px; }
  .aws-container {margin:0 -400px;width:300px; }
/*********************/
  /** FAQs***/
  
  .plan4 { margin: 0 -300px;}
  
  .accordion { width: 24rem;margin: 0 -440px;}
  
  #question3 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1)  { color:#fff;}
  
  
  #question4 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { color:#fff;}
  
  #question1 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { font-size: 0.5em;}


#wpforms-108 {
  margin: 0 auto;
  width: 300px;
  margin: 0 -400px !important;
  color: #000;
}


#bodycontent {
margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;

}


.member {margin: 0 200px;margin-top: 12px;}
  
  .member-2 {margin: 0 240px;margin-top: 12px;}

{  background-color: #22C3E0;color:#fff;margin: 0 200px;  }
  
  
.venmo-icons { margin: 0 auto;}
.sales p { margin: 0 -400px; }
.wpcf7-form {
margin: 0 -400px;
width: 80%;
color: #000;
}



/************Social Media****************/

.wordpress {margin: auto;  width:100%; }


.wordpress p img { width: 20px;height:20px; }
/****/
.drupal{margin: auto; width:100%; } 

.drupal p img { width: 20px;height:20px; }

/****/
.joomla {margin: auto; width:100%;   }

.joomla p img { width: 20px;height:20px; }
/****/

.magneto {margin: auto;width:100%;   }
.magneto p img { width: 20px;height:20px; }
/****/

.autodesk{margin: auto; width:100%;  }
.autodesk p img { width: 20px;height:20px; }
/****/

   /***********footer **********/

#footer { height:100% !important;  }

.wrap { height:100%;vertical-align: middle;} 
.left , .right ,.centered { text-align:center;margin:auto; width:100%;}

.left p { margin:auto;text-align:center;   }
  
.right p { margin:auto; display: flex;flex-direction: column;justify-content: space-between;  }

.centered p  {margin:auto;}



.left p ,.right p , .centered p  { text-align:center; text-decoration: none ;}


.right > p:nth-child(2) > a:nth-child(1) { text-decoration: underline; }
  
  
    
     .social-icons { margin: 0 100px}
  .paypal > p > a  { margin-left:-400px;}

  
  

  
  


/******END*******/


}

@media only screen and (device-width:360px) and (orientation:portrait){ 
html{width: 100vw;overflow-x: hidden;}

.middlebox{ margin:auto;height:750px;}
  .member{ margin-top:100px;}
  
  .member-2{ margin:0 200px;}
#greenstripe{ background-color:#30d5c8;width:100%;height: 60px;}
  
  
  
  #bodycontent {margin:auto;}
  
  #bodycontent p{ margin: 0 -425px;width:300px;}
  
  #bodycontent h3 { margin: 0 -425px;width:300px; }
  
  #bodycontent img {margin: 0 -425px; }
#maincontent{ background: #fff;height: 750px;width:100% }
 .homeimage {margin: auto;}
 
.textleft > p:nth-child(1)  {width:75%;text-align:center;margin: auto;margin:0 200px;padding-top:200px;line-height: 2;font-size: 15px;}
  .textleft {margin: auto;}
.textleft  { width:300px;height:600px;font-size:20px;line-height: 2;margin: 0 -431px;font-style: Italic;}

.textleft   .homeimage  { margin:0 auto;vertical-align: middle;}

.homeimage { margin: 0 -25px; }

.homeimage > img { margin: auto; margin: 0 -200px;}

.plan1, .plan2, .plan3{ vertical-align:middle;margin:auto; }

   /***********footer **********/

#footer { height:100% !important;  }

.wrap { height:100%;vertical-align: middle;} 
.left , .right ,.centered { text-align:center;margin:auto; width:100%;}

.left p { margin:auto;text-align:center;   }
  
.right p { margin:auto; display: flex;flex-direction: column;justify-content: space-between;  }

.centered p  {margin:auto;}



.left p ,.right p , .centered p  { text-align:center; text-decoration: none ;}


.right > p:nth-child(2) > a:nth-child(1) { text-decoration: underline; }

.wpcf7-form {
margin: 0 -388px;
width: 80%;
color: #000;
}
  
  
  
  .social-icons { margin: 0 130px;}
  .paypal    { margin: 0 -8px;}



/******END*******/

}





@media only screen and (device-width:640px) and (orientation:landscape){ 
html{width: 100vw;overflow-x: hidden;}

.middlebox{ margin:auto;}

#greenstripe{ background-color:#30d5c8;width:100%;height: 60px;}
#maincontent{ background: #fff;height: 600px;width:100% }
 .homeimage {margin: auto;text-align: center;}
  .textleft {margin: auto;text-align: center;}
.textleft  { width:300px;height:600px;font-size:20px;line-height: 2;margin: 0 -431px;font-style: Italic;}

.textleft   .homeimage  { margin:0 auto;vertical-align: middle}

.homeimage { margin: 0 auto; }

.homeimage > img:nth-child(1) { margin:auto;}

.plan1, .plan2, .plan3{ margin:auto; }
  
  .social-buttons    { margin: 0 100px;}
    .paypal > p > a  { margin:  0 0px;}



}





/*****/



@media only screen and (device-width:375px) and (orientation:portrait){ 

#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;}

  #bodycontent {margin:auto;}
  
  #bodycontent p{ margin: 0 -400px;width:300px;}
  
  #bodycontent h3 { margin: 0 -400px;width:300px; }
  
  #bodycontent img {margin: 0 -400px; }
.middlebox{ margin:auto;height:800px;}
  
  /*  logo ***/
  .cd-logo > img:nth-child(1) { margin-top:-10px;margin-right:20px;}
  /**/
  

#greenstripe{ background-color:#30d5c8;width:100%;height: 60px;}
#maincontent{ background: #fff;height: 750px;width:100% }
 .homeimage {margin: auto;}
  .textleft {margin: auto;}

.textleft > p:nth-child(1)  {width:75%;text-align:center;margin: auto;margin:0 -200px;padding-top:200px;line-height: 2;font-size: 15px;}
.textleft  { width:300px;height:600px;font-size:20px;line-height: 2;margin: 0 -31px;font-style: Italic;}

.textleft   .homeimage  {vertical-align: middle;}

.homeimage { margin: 0 auto;margin:0 -349px; margin-top:10px;float:left;}

.homeimage > img:nth-child(1) { width:  50%;margin:auto;margin-top:200px;margin-left:-121px;}
  
  .homeimage > img:nth-child(1)  { margin-top:00px;}
 
  .member {margin: 0 -200px;margin-top: 120px;}
  .member-2 {margin: 0 -200px;}

.plan1, .plan2, .plan3{ vertical-align:middle;padding-top:0px; }
  

  
  .plan1 {text-align: center;margin:0 0px; }
  .plan2 {text-align: center;margin:0 0px; }
   .plan3 {text-align: center;margin:0 0px; }

  .plan1 > h2:nth-child(2) { text-align: center;;margin:0 90px;}  
.plan2 > h2:nth-child(2) { text-align: center;;margin:0 90px;}  
  
.plan3 > h2:nth-child(2)  { text-align: center;;margin:0 90px;}  

  
  .plan1 > p:nth-child(3) {width:250px;margin:auto;}
  .plan2 > p:nth-child(3) {width:250px;margin:auto;}
   .plan3 > p:nth-child(3) {width:250px;margin:auto; }
  
    .plan1 > i:nth-child(3) {width:250px;margin:auto;}
  .plan2 > i:nth-child(3) {width:250px;margin:auto;}
   .plan3 > p:nth-child(3) {width:250px;margin:auto; }


   .left p , .centered p,  .right p  {  vertical-align: middle;}
  
  /** FAQs***/
  
  .plan4 { margin: 0 -300px;}
  
  .accordion { width: 22rem;margin: 0 -440px;}
  
  #question3 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1)  { color:#fff;}
  
  
  #question4 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { color:#fff;}
  
  #question1 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { font-size: 0.5em;}



/******************Contact************/
  
  .wordpress { }
  .wordpress > p:nth-child(2) > img:nth-child(1)  


/************************************/

  .button { }
  .paypal { margin: 0 0px;}
 
   /***********footer **********/

#footer { height:100% !important;  }

.wrap { height:100%;vertical-align: middle;} 
.left , .right ,.centered { text-align:center;margin:auto; width:100%;}

.left p { margin:auto;text-align:center;   }
  
.right p { margin:auto; display: flex;flex-direction: column;justify-content: space-between;  }

.centered p  {margin:auto;}



.left p ,.right p , .centered p  { text-align:center; text-decoration: none ;}


.right > p:nth-child(2) > a:nth-child(1) { text-decoration: underline; }

/******END*******/
  .social-icons { margin: 0 130px;}
 .image1 > a > img { margin: 0 -50px;}
  
   .image2 > a > img { margin: 0 -50px;}
  
  
   .image3 > a > img { margin: 0 -50px;}
  
  
    .paypal > p > a  { margin:  0 0px;}

}


/*** SAMSUNG S20 Plus ****/

@media only screen and (device-width:384px) and (orientation:portrait){ 
  
  
#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;}
  
#maincontent{ background: #fff;height: 600px;width:100% }
 .homeimage {margin: auto;}
  .textleft {margin: auto;}

.textleft > p:nth-child(1)  {width:80%;text-align:center;margin: auto;margin:0 264px;padding-top:200px;line-height: 2;font-size: 15px;}
.textleft  { width:50%;height:600px;font-size:20px;line-height: 2;margin: 0 -431px;font-style: Italic;}

.textleft   .homeimage  { margin:0 auto;vertical-align: middle;}
  
  .textleft p{ width:300px; font-style:Italic;font-size:16px;margin: 0 100px;}
  
  .textleft  {float:float;vertical-align: middle;}
  
    .homeimage  {float:left;vertical-align: middle;}

.homeimage { margin: 0 auto; margin: 0 0px;}

.homeimage > img { margin:auto;margin: 0 -200px;}


.plan1, .plan2, .plan3{ vertical-align:middle; width:100%;  }
  
  
.plan1 > h2:nth-child(2) { margin:0 60px;}
  
.plan2 > h2:nth-child(2) { margin:0 60px;}
  
.plan3 > h2:nth-child(2) {margin:0 60px;}



/*********************/



.contactform {
  margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;
}


#bodycontent {
margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;

}


.member {margin: 0 240px;padding-top: -296px;}

  .social-icons { margin: 0 130px;}
  
   

    .paypal > p > a  { margin-left: -400px;}


 .image1 > a > img { margin: 0 -50px;}
  
   .image2 > a > img { margin: 0 -50px;}
  
  
   .image3 > a > img { margin: 0 -50px;}
  
  
}
  
  


/**** SAMSUNG S20 ****/

@media only screen and (device-width:390px) and (orientation:portrait){ 
  
  
#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;}
  
   
#maincontent{ background: #fff;height: 750px;width:100% }
 .homeimage {margin: auto;}
  .textleft {margin: auto;}

.textleft > p:nth-child(1)  {width:80%;text-align:center;margin: auto;margin:0 264px;padding-top:200px;line-height: 2;font-size: 15px;}
.textleft  { width:50%;height:600px;font-size:20px;line-height: 2;margin: 0 -431px;font-style: Italic;}

.textleft   .homeimage  { margin:0 auto;vertical-align: middle;}
  
  .textleft p{ width:300px; font-style:Italic;font-size:16px;margin: 0 100px;}
  
  .textleft  {float:left;text-align: left;}
  
    .homeimage  {float:left;vertical-align: middle;}

.homeimage { margin: 0 auto; margin: 0 0px;}

.homeimage > img { margin:auto;margin: 0 -200px;}


.plan1, .plan2, .plan3{ vertical-align:middle; width:100%;  }
  
  
.plan1 > h2:nth-child(2) { margin:0 60px;}
  
.plan2 > h2:nth-child(2) { margin:0 60px;}
  
.plan3 > h2:nth-child(2) {margin:0 60px;}



/*********************/



.contactform {
  margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;
}


#bodycontent {
margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;

}


.member {margin: 0 240px;padding-top: -296px;}

  .social-icons { margin: 0 -220px;}
 .image1 > a > img { margin: 0 -50px;}
  
   .image2 > a > img { margin: 0 -50px;}
  
  
   .image3 > a > img { margin: 0 -50px;}
  
  .paypal {margin: 0 10px; }
  
  
}
  
  
  
  
  
@media only screen and (device-width:412px) and (orientation:portrait){ 

#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;}
  
#maincontent{ background: #fff;height: 700px;width:100% }
 .homeimage {margin: auto;}
  .textleft {margin: auto;}

.textleft > p:nth-child(1)  {width:80%;text-align:center;margin: auto;margin:0 264px;padding-top:200px;line-height: 2;font-size: 15px;}
.textleft  { width:50%;height:600px;font-size:20px;line-height: 2;margin: 0 -431px;font-style: Italic;}

.textleft   .homeimage  { margin:0 auto;vertical-align: middle;}
  
  .textleft p{ width:300px; font-style:Italic;font-size:16px;margin: 0 100px;}
  
  .textleft  {float:float;vertical-align: middle;}
  
    .homeimage  {float:left;vertical-align: middle;}

.homeimage { margin: 0 auto; margin: 0 0px;}

.homeimage > img { margin:auto;margin: 0 -200px;}


.plan1, .plan2, .plan3{ vertical-align:middle; width:100%;  }
  
  
.plan1 > h2:nth-child(2) { margin:0 60px;}
  
.plan2 > h2:nth-child(2) { margin:0 60px;}
  
.plan3 > h2:nth-child(2) {margin:0 60px;}



/*********************/



.contactform {
  margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;
}


#bodycontent {
margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;

}


.member {margin: 0 240px;padding-top: -296px;}

.paypal > p > a  { margin-left:-400px;}
  
  
  .social-icons { margin: 0 135px;}
  
}



  
  
@media only screen and (device-width:414px) and (orientation:portrait){ 

#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;}
  
  
  #bodycontent p{margin: 0 auto;width: 300px;margin: 0 -413px;color: #000; }
  
  .sales  {margin: 0 -10px; }
  
  
  .paypal { margin: 0 0px;}



  
#maincontent{ background: #fff;height: 600px;width:100% }
 .homeimage {margin: auto;}
  .textleft {margin: auto;}

.textleft > p:nth-child(1)  {width:80%;text-align:center;margin: auto;margin:0 264px;padding-top:200px;line-height: 2;font-size: 15px;}
.textleft  { width:50%;height:600px;font-size:20px;line-height: 2;margin: 0 -431px;font-style: Italic;}

.textleft   .homeimage  { margin:0 auto;vertical-align: middle;}
  
  .textleft p{ width:300px; font-style:Italic;font-size:16px;margin: 0 100px;}
  
  .textleft  {float:float;vertical-align: middle;}
  
    .homeimage  {float:left;vertical-align: middle;}

.homeimage { margin: 0 auto; margin: 0 0px;}

.homeimage > img { margin:auto;margin: 0 -200px;}


.plan1, .plan2, .plan3{ vertical-align:middle; width:100%;  }
  
  
.plan1 > h2:nth-child(2) { margin:0 60px;}
  
.plan2 > h2:nth-child(2) { margin:0 60px;}
  
.plan3 > h2:nth-child(2) {margin:0 60px;}



/*********************/



.contactform {
  margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;
}


.member {margin: 0 240px;padding-top: -296px;}


  .social-icons { margin: 0 130px}
  .paypal > p > a  { margin-left:-100px;}
}




/*******************/



/**** SAMSUNG A51****/
@media only screen and (device-width:428px) and (orientation:portrait)
{ 
#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;}
  
#maincontent{ background: #fff;height: 700px;width:100% }
 .homeimage {margin: auto;}
  .textleft {margin: auto;}

.textleft > p:nth-child(1)  {width:80%;text-align:center;margin: auto;margin:0 264px;padding-top:200px;line-height: 2;font-size: 15px;}
.textleft  { width:50%;height:600px;font-size:20px;line-height: 2;margin: 0 -431px;font-style: Italic;}

.textleft   .homeimage  { margin:0 auto;vertical-align: middle;}
  
  .textleft p{ width:300px; font-style:Italic;font-size:16px;margin: 0 100px;}
  
  .textleft  {float:float;vertical-align: middle;}
  
    .homeimage  {float:left;vertical-align: middle;}

.homeimage { margin: 0 auto; margin: 0 0px;}

.homeimage > img { margin:auto;margin: 0 -200px;}


.plan1, .plan2, .plan3{ vertical-align:middle; width:100%;  }
  
  
.plan1 > h2:nth-child(2) { margin:0 60px;}
  
.plan2 > h2:nth-child(2) { margin:0 60px;}
  
.plan3 > h2:nth-child(2) {margin:0 60px;}



/*********************/
  /** FAQs***/
  
  .plan4 { margin: 0 -300px;}
  
  .accordion { width: 300px;margin: 0 -400px;}
  
  #question3 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1)  { color:#fff;}
  
  
  #question4 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { color:#fff;}
  
  #question1 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { font-size: 0.5em;}


.contactform {
  margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;
}


#bodycontent {
margin: 0 auto;
  width: 300px;
  margin: 0 450px !important;
  color: #000;

}


.member {margin: 0 240px;padding-top: 60px;}
  
  
 

  .social-icons { margin: 0 130px}
  .paypal > p > a  { margin-left:-300px;}

   }
/*****568px *********/
@media only screen and (device-width:568px) and (orientation:landscape){ 

#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;}

}
/**************/



@media only screen and (min-width : 480px) and (max-width : 595px) {/*--- Mobile landscape ---*/

#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;}


}
@media only screen and (min-width : 595px) and (max-width : 690px) {/*--- Small tablet portrait ---*/

  html{width: 100vw;overflow-x: hidden;}
#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;margin:auto ;}
#middlebackground p{font-family: Helvetica;font-size:0.625em;color:#000 !important;min-width:300px;margin: 0 150px;}
  
  .btn { margin: 30px 200px}
  #bodycontent p{ margin: 0 -300px;width: 500px;}
  
  #bodycontent h3 {  margin: 0 -300px;}
  
  #bodycontent img {  margin: 0 -300px;}




}

/**Iphone SE 2nd Gen****/


@media only screen and (device-width:667px) and (orientation:landscape){ 

/****.homeimage > img:nth-child(1) {margin: 0 auto;width:500px;margin: 0 -200px;}
  #bodycontent p{ margin: 0 -300px;width: 500px;}

  #bodycontent h3 {  margin: 0 -300px;}
  
  #bodycontent img {  margin: 0 -300px;}***/


  html{width: 100vw;overflow-x: hidden;}

.middlebox{ margin:auto;}

#greenstripe{ background-color:#30d5c8;width:100%;height: 60px;}
#maincontent{ background: #fff;height: 600px;width:100% }

  .textleft {margin: auto;text-align: center;}
.textleft  { width:300px;height:600px;font-size:20px;line-height: 2;margin: 0 -431px;font-style: Italic;}

.textleft   .homeimage  { margin:0 auto;vertical-align: middle}

.homeimage { margin: 0 auto; }

.homeimage > img:nth-child(1) { margin:0px 20px; width:390px;}

.plan1, .plan2, .plan3{ margin:auto; }
  
  .social-buttons    { margin: 0 100px;}
    .paypal > p > a  { margin:  0 0px;}
  
  
  #wpforms-108 { 
  margin: 0 -288px;width: 80%;color: #000;
  }
  


}

/*********END*******/
@media only screen and (min-width : 690px) and (max-width : 800px) {/*--- Tablet portrait ---*/


#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;margin: auto;min-width:300px;}
  
  
.wpcf7-form {margin: 0 -288px;width: 80%;color: #000;}

.member{ margin-top:100px;}

  .accordion { width: 600px;margin: 0 -400px;}
  
  #question3 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1)  { color:#fff;}
  
  
  #question4 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { color:#fff;}
  
  #question1 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { font-size: 0.5em;}
  
  #wpforms-108 {margin: 0 -288px;width: 80%;color: #000;
    
  }
}
@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/
html{width: 100vw;overflow-x: hidden;}
#maincontent { margin:auto;margin: 0 40px;}
  
  .textleft  , .homeimage  { font-size: 16px;float:left;}
  .textleft{ margin-top:10px;}

  
  
  .textleft p{ width:300px;font-size: 14px;font-style: Italic;}
  
  .homeimage { margin-top: -300px;
    margin-right: 103px;}
  
  .homeimage img { width:400px;margin: 0 340px}
#bodycontent { margin:auto;   }

#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;margin: auto;min-width:300px;}
  
  .plan1 , .plan2 , .plan3 { margin:0 160px;}


.wpcf7-form {
margin: 0 -220px;
width: 80%;
color: #000;
}

  .member{ margin-top:100px;}


  .paypal {margin: 0 -100px; }
  
    /** FAQs***/
  
  .plan4 { margin: 0 -300px;}
  
  .accordion { width: 640px;margin: 0 -340px;}
  
  #question3 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1)  { color:#fff;}
  
  
  #question4 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { color:#fff;}
  
  #question1 > a:nth-child(1) > div:nth-child(1) > h3:nth-child(1) { font-size: 0.5em;}
    .social-icons { margin: 0 175px;}

}



@media only screen and (device-width:768px) and (orientation:portrait){ 

#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;}

  


}
@media only screen and (device-width:800px) and (orientation:portrait){ 
#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:0.825em;color:#000 !important;}
  

  
    
}

@media only screen and (device-width:1024px) and (orientation:landscape){ 

#middlebackground { background: #fff;margin: -7px 0px;width:100%;min-height: 600px;}
#middlebackground p{font-family: Helvetica;font-size:1.5em;color:#000 !important;}
  



}


@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape --- */}