@charset "utf-8";
/* CSS Document */

@media (max-width: 360px) and (min-width: 320px) {
.wrapper {
  width: 280px;
}
.top-header{font-size:10px;
}
.header{
  width: 280px;
}
.accounting{width:92%;
bottom:2px;
}

.data-entry{width:92%;
margin:0px;
bottom:-2px;
}
.financial-statement{
width:92%;
bottom:-11px;
}
.about-left {
  width: 100%;
}
.about-right {
  width: 100%;
  margin:20px 0px 0px 0px;
}.service ul li{width:86%;
margin:5px 0px;
}
.service ul li:nth-child(2) {
  margin: 0px;
}
.contactform-left {
  margin-right: 0;
  width: 100%;
}
.contactform-right {
  margin-left: 0;
  width: 100%;
}.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{width:92%;
}textarea{width:92%;
}
.contact-info-left {
  border-right: medium none;
  float: left;
  margin: 48px 0 0;
  padding: 0;
  width: 100%;
}
.contact-info-left h1 {
  font-size: 30px;
  padding: 10px 0 10px 80px;
}.email-box{width:87%;
}
.contact-info-right {
  margin: 61px 0 0;
  width: 100%;
}.copyright{font-size:16px;
}
.logo {
  margin: 0 auto;
  width: 100%;
}
.header {
text-align:center;
}
.banner .wrapper {
  padding: 0;
}
.banner h1 {
  font-size: 14px;
  padding: 18px 15px 24px;
}
.about {
  margin: 439px 0 0;
}
h1{font-size:25px;
}
.about p{font-size:16px;
}

.slide_header > div { height: 150px !important;}
.field {  width: 90%;}
.btn {  margin: 28px 0 50px;}
.navigation ul li {  font-size: 12px; padding: 0 12px;}
.navigation {  padding: 23px 0 15px;}
.wrap {  padding: 20px; width: 86%;}



}

@media (max-width: 480px) and (min-width: 361px) {
.wrapper {
  width: 340px;
}
.top-header{font-size:8px;
}
.header{
  width: 340px;
}
.phoneno {
  padding: 0 5px 0 20px;
}
.email {
  padding: 0 4px 0 16px;
}
.accounting{width:74%;
bottom:2px;
}

.data-entry{width:74%;
margin:0px;
bottom:-2px;
}
.financial-statement{
width:74%;
bottom:-11px;
}
.about-left {
  width: 100%;
}
.about-right {
  width: 100%;
  margin:20px 0px 0px 0px;
}.service ul li{width:86%;
margin:5px 0px;
}
.service ul li:nth-child(2) {
  margin: 0px;
}
.contactform-left {
  margin-right: 0;
  width: 100%;
}
.contactform-right {
  margin-left: 0;
  width: 100%;
}.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{width:92%;
}textarea{width:92%;
}
.contact-info-left {
  border-right: medium none;
  float: left;
  margin: 48px 0 0;
  padding: 0;
  width: 100%;
}
.contact-info-left h1 {
  font-size: 30px;
  padding: 10px 0 10px 80px;
}.email-box{width:87%;
}
.contact-info-right {
  margin: 61px 0 0;
  width: 100%;
}.copyright{font-size:16px;
}
.logo {
  margin: 0 auto;
  width: 100%;
}
.header {
text-align:center;
}
.banner .wrapper {
  padding: 0;
}
.banner h1 {
  font-size: 14px;
  padding: 18px 15px 24px;
}
.about {
  margin: 439px 0 0;
}
h1{font-size:25px;
}
.about p{font-size:16px;
}
.navigation ul li {  font-size: 14px; padding: 0 12px;}
.navigation {  padding: 23px 15px 15px; float:left;}
.wrap {  padding: 20px; width: 95%;}
.field {  width: 90%;}
.btn {  margin: 28px 0 50px;}
.slide_header > div { height: 180px !important;}



}

@media (max-width: 640px) and (min-width: 481px) {
.wrapper {
  width: 440px;
}
.top-header{font-size:10px;
}
.header{
  width: 345px;
}
.accounting{width:74%;
bottom:2px;
}

.data-entry{width:74%;
margin:0px;
bottom:-2px;
}
.financial-statement{
width:74%;
bottom:-11px;
}
.about-left {
  width: 100%;
}
.about-right {
  width: 100%;
  margin:20px 0px 0px 0px;
}.service ul li{width:86%;
margin:5px 0px;
}
.service ul li:nth-child(2) {
  margin: 0px;
}
.contactform-left {
  margin-right: 0;
  width: 100%;
}
.contactform-right {
  margin-left: 0;
  width: 100%;
}.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{width:92%;
}textarea{width:92%;
}
.contact-info-left {
  border-right: medium none;
  float: left;
  margin: 48px 0 0;
  padding: 0;
  width: 100%;
}
.contact-info-left h1 {
  font-size: 30px;
  padding: 10px 0 10px 80px;
}
.email-box{width:87%; text-align:center;}

.contact-info-right {
  margin: 61px 0 0;
  width: 100%;
}.copyright{font-size:16px;
}
.logo {
  margin: 0 auto;
  width: 100%;
}
.header {
text-align:center;
}
.banner .wrapper {
  padding: 0;
}
.banner h1 {
  font-size: 14px;
  padding: 18px 15px 24px;
}
.about {
  margin: 500px 0 0;
}
h1{font-size:25px;
}
.about p{font-size:16px;
}

.navigation ul li {  font-size: 14px; padding: 0 12px;}
.navigation {  padding: 23px 15px 15px; float:left;}
.wrap {  padding: 20px; width: 95%;}
.field {  width: 90%;}
.btn {  margin: 28px 0 50px;}
.slide_header > div { height: 180px !important;}
.wrap {  padding: 20px; width: 95%;}
.wrap_outer {  min-height: 220px;}
textarea { margin: 0 0 0 -20px; width: 92%;}
.contact-info-right p {  margin: 22px 0 45px;}
.accounting {  margin: 35px 0 0 0;}
.service ul li { background: url("../images/serviceslistbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);  min-height: 290px;}

}




@media (max-width: 800px) and (min-width: 641px) {
.wrapper{width:620px;
}

.header{width:620px;
}
.banner .wrapper {
  padding: 80px 0;
}.banner h1{font-size:32px;
}.accounting{width:200px;
}
.data-entry{width:200px;
}
.financial-statement{width:200px;
}
.about-right {
  width: 270px;
}
.about-left {
  width: 350px;
}
.about p {
  font-size: 18px;
}
.about {
  margin: 160px 0 0;
}
.service ul li {
  min-height: 685px;
  width: 153px;
}
.contact-info-left h1 {
  font-size: 36px;
  padding: 6px 0 8px 80px;
}
.email-box {
  font-size: 20px;
  width: 70%;
}
.contact-info-right {
  margin: 61px 0 0 65px;
}
.contact-info-right p {
  font-size: 15px;
}
.wrap {  padding: 20px; width: 95%;}
.wrap_outer {  min-height: 220px;}
.field { width: 44%;}
.slide_header > div { height: 300px !important;}


}




@media (max-width:980px) and (min-width: 801px) {
.wrapper{width:780px;
}
.header{width:780px;
}
.banner h1{font-size:39px;
}
.accounting{width:245px;
}
.data-entry {
  width: 245px;
}
.financial-statement{
  width: 245px;
}
.about-left {
  width: 375px;
}
.about-right {
  width: 385px;
}
.service ul li h4 {
  font-size: 13px;
}
.service ul li {
min-height: 475px;
  width: 206px;
}

.contact-info-left h1 {
  font-size: 54px;
}
.email-box{width:54%;
}
.contact-info-right p{font-size:18px;
}

.wrap {  padding: 20px; width: 95%;}
.wrap_outer {  min-height: 220px;}
.field { width: 45%;}
.slide_header > div { height: 370px !important;}

}

@media (max-width:1024px) and (min-width: 1023px) {

.slide_header > div {
  height: 399px !important;
}

}