@media only screen and (max-width: 1700px) {
    
    .logo {
        margin-left: 4.65rem;
    }
    
    .main-nav {
        font-size:1.10em;
        left:30%;
    }
    
    
    /*Style for new Home about section October 2018*/
    
    #about .long-copy {margin-top: 1.25rem;}
    
    .composition {margin-top: .5rem;}
    
    /*end new-1*/
    
        
    #sec-banner .page-banner-H {
        margin-left: 7%;
        margin-top: -180px;
    }
    
    
    .task-row-1 {
        margin-left:20%;
    }
    
    #contact-banner .page-banner-H{left:13%;}
     
    .form-deco-logo--text {
        font-size:1.15rem;
    }
    
    .ACPT {
        font-size: 1.15rem;
    }
    
    input[type=submit] {
        width:35%;}
    
    footer {
        padding: 2rem 4rem 2rem 7rem;
    }
    
}


@media only screen and (max-width: 1440px) {
    
    .logo {
        width:12.05rem;
        margin-left: 4rem;
    }
    
    .main-nav {
        top:2.15rem;
        left:29%;
        font-size:1.02em;
    }
    
    .main-nav li {
        margin-right: .75rem;
    }
    
    
    /*for new Home October 2018*/
    
    
    #about .long-copy {margin-top: 1.2rem;}
    
    .composition {
        margin-right: 1.5rem;
    }
    
    .composition__photo {
        width:68%;
    }
    
    .composition__photo--p3 {
      left: 15%;
        top:6rem;
    }
    
    /*end of new-1*/
    
    #qualifications img {
        width:92%;  
        margin-left: 4%;
    }
    
    #qualifications .saiba {
        width:70%;
        padding-top: 25px;
        padding-left: 13%;
    }
    
      
    #account-banner h3, #payroll-banner h3, #tax-banner h3 {font-size: 110%; top:88%;}
    
    #payroll-banner h3, #tax-banner h3 {top:90%;}
    
    .sec-photo img {
        height: 400px;
    }
    
    #sec-banner .page-banner-H {
        margin-left: 12%;
        font-size: 110%;
        margin-top: -160px;
    }
    
    .task-row-1 {margin-left: 12%;}
    
    .task-row-2 {margin-left:17%;}

    .task-row-3 {margin-left:23%;}

    .task-row-4 {margin-left:29%;}

    .task-row-5 {margin-left:34%}
    
        
    #contact-banner .page-banner-H {
        /*margin-top: 170px;*/
        width:50%;
        left:10%;
    }
    
    .form-row {
        padding-right: 8rem;
        padding-left: 10rem;
    }
    
    input[type=submit] {
        width:38%;}
    
    .map {margin-top: 30px;}
    
    footer {
        padding: 2rem 4rem;
        font-size:.8em;
    }
    
}


@media only screen and (max-width: 1300px) {
    
    
    .logo {
        width: 11rem;
        margin-left: 3.05rem;
    }
    
    .main-nav {
        font-size: .95em;
        top:2rem;
        left:26%;
    }
    
   /*HOME*/    
    #about .long-copy {margin-top: .6rem; margin-left: 10%;}
    
    .composition {
        margin-right: 0;
        margin-left: .8rem;
    }
    
    /*end new-1*/
    
     #qualifications img {
        width:88%;  
        margin-left: 6%;
    }
        
    #qualifications .saiba {
        margin-left: 5%;
        padding-left: 12%;
    }
    
   .sec-photo img {
        height: 365px;
    }
    
    #sec-banner .page-banner-H {
        margin-left: 15%;}
    
    #contact-banner .page-banner-H{
        top:48%;
        left: 6%;}
    
    .form-row {
        padding-left: 8rem;
    }
    
    .ACPT {
        margin-top:3rem;}
    
   footer {
        font-size:.75em;
    }
    
}


/* Big tablet to 1200px (screen widths less than our 1140px row) - basically for iPad 1024px */

@media only screen and (max-width: 1200px) {
    
    .logo {
        width: 9.4rem;
        margin-left: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .main-nav {
        font-size: .75em;
    }
    
    .main-nav li {
        margin-right: .2rem;
    }
   
    .row {padding: 0 2%;}
    
    h2 {font-size: 150%;}
        
    #about .long-copy,
    #expertise .row .long-copy,
    #affordability .long-copy {
        font-size: 90%;
        width:90%;
    }
    
   #about .half-col-fit {
        width:85%;
        margin-left: 7%;
    }
    
    
    /*for new Home Oct 2018*/
    
    #about {padding-bottom: 6.5rem;}
    
    #about .long-copy {
        margin-left: 5%;
    }
    
    .composition__photo {
        width: 65%;
    }
    
     .composition__photo--p1 {
      left: .8rem;
    }
    
     .composition__photo--p2 {
      right: 1.0rem;
        width:68%;
         top:1.2rem;
    }
    
     .composition__photo--p3 {
        left:13%;
        top:5.5rem;  
    }
    
    .composition__photo:hover {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
    }

    /* end of new-1 */
    
    .services {
        height: 330px;
    }
    
    .services img {
        height:250px;
    }
    
    .services .mask, .services .content {
        height: 330px;
    }
    
    .services p {
        font-size: 80%;
        margin-top: 0px;
        width: 82%;
        margin-left: 11%;
    }
    
    .services h2 {
        margin-top: 20px;
        font-size: 140%;
    }
    
    .services h2:after {margin-top: 12px;}
    
    .services h3 {
        padding-top: 12px;
    }
    
    #qualifications p {font-size:90%;}
    
    #affordability h2 {
        width: 90%;
        margin-left: 5%;
    }
    
    #affordability .long-copy {margin-left: 8%;}
    
    #affordability .half-col-fit {
        margin-left: 8%;
    }
    
    .btn:link, .btn:visited {
        font-size: 1.25rem;
        padding: 1.2rem 2.6rem;
    }
    
    
    footer {padding:2rem 3rem;}
    
    .footer-nav {font-size: 100%;}
    
    .social-links {text-align: left;}
    
    .social-links li {margin-right: 1.5rem;}
    
    
    /*ACCOUNTS PAGE */
    
    #account-banner h3,
    #payroll-banner h3,
    #tax-banner h3 {
        font-size: 100%;
        padding: 0 .85rem;
    }
    
   
    #account-services p {
        font-size: 90%;
    }
    
    #account-services .btn-row {
        width: 90%;
    }
    
    #account-services .btn-full:link,
    #account-services .btn-full:visited {
        width:40%;
        margin-left: 30%;  
    }
    
    /* SECRETARIAL PAGE */
    
    .sec-photo img {
        height: 320px;
    }
    
    #sec-banner .page-banner-H {
        margin-left: 12.5%;
        font-size: 100%;
        width: 75%;
        margin-top: -150px;
    }
    
    #sec-features .feature-row p,    
    #sec-features .sec-feature-p {font-size: 90%;}
    
    .task-row-1 {margin-left: 0%;}
    .task-row-2 {margin-left:7%;}

    .task-row-3 {margin-left:13%;}

    .task-row-4 {margin-left:20%;}

    .task-row-5 {margin-left:26%}
    
    #sec-features .btn-full:link,
    #sec-features .btn-full:visited {
        width: 40%;
        margin-left: 30%;
        font-size: 100%;
    }
    
    /* PAYROLL PAGE */
    
    #payroll-services {padding-bottom: 1rem;}
    
    .payroll-btn-row {
        padding: 2.5rem;
    }
    
    #payroll-banner br {display: none;}
    
    .plan-box {
        width: 98%;
        height: 30rem;
        margin-left:1%;
    }
    
    .plan-box ul {
        padding: 1rem 0 .75rem 1rem;
    }
    
    .plan-box .hr-payroll li {
        text-indent: -50px;
    }
    
    
    /* TAX PAGE */
    
    #tax-services {
        padding-bottom: 2rem;
    }
    
   .account-btn-row,
    .tax-btn-row {
        padding: 3rem;
    }
    
    #tax-services .services-row p {
        font-size: 90%;
        width:70%;
        margin-left: 15%;
    }
    
    #tax-services .fa {
        font-size: 3.25em;
    }
    
    #tax-services .sars-img {
        margin-bottom: .75rem;
    }
    
    #tax-services .vat-img {
    margin-top: -12px;}

    #tax-services .img-2 {
        margin-bottom: .7rem;
        margin-left: 36%;
    }
    
    #tax-services .btn-full:link,
    #tax-services .btn-full:visited {
        width: 45%;
        margin-left: 25%;
        padding: 15px 18px;
    }
    
    /* CONTACT PAGE */
    
    #contact-us .feature-row {margin-left: 3%;}
    
    #contact-banner .page-banner-H{
        left:10%;
        width:60%;
        /*margin-left: 7%;*/
        padding: 35px;
    }
    
    .feature-row br {display: none;}
    
    .form-row {
        padding: 2rem 4rem;
        height:37rem;
    }
    
    .form-deco,
    .form-box {
        height: 29.25rem;
    }
    
    .form-deco-logo--text {
        font-size: .9rem}
    
    input[type=submit] {
        width:45%;
        padding: .75rem;}
    
    #map-2021 {
        height:20rem;
    }
    
}



/* small tablets to big tablets: from 824px to 1023px */

@media only screen and (max-width: 1023px) {
    
    body {font-size: 18px;}
    
    section {padding: 40px 0;}
    
    h2 {font-size: 135%;}
    
    .logo {display:none;}
    
    .logo-small {
        display: block;
        margin-bottom: 35px;
    }
    
    .main-nav {
        font-size: 82%;
        margin-top: 35px;
        margin-right: 20px; 
    }
    
    .main-nav li {
    margin-left: 0px;
    padding-top: 10px;
    padding-right: 0px;
    }
    
    .demo-2 .sl-slider-wrapper {
		height: 500px;
	}
    
    .demo-2 .sl-slider h2 {
        font-size: 300%;
        padding-top: 110px;
        padding-left: 5px;
        width:100%;
    }
    
    #about,
    #affordability {
        padding-top: 40px;
    }
    
    #about .long-copy,
    #expertise .row .long-copy,
    #affordability .long-copy,
    #tax-services .long-copy{
        font-size: 96%;
        width:90%;
    }
    
    #qualifications .long-copy {font-size: 96%;}
    
    #affordability .row {
        margin-top: 20px;
    }

    #about .long-copy {padding-top: 0px;}
    
    
    /*for new Home Oct 2018*/
    
    #about {padding-bottom:2rem;}
    
    #about .row {
    margin-top: 0px;
    }
    
    #about .long-copy {
        margin-left: 5%;
        margin-top: .75rem;
    }
    
    #about .composition-row
    {margin-bottom: 1.8rem;}
    
    .composition__photo {outline-offset: -.35rem;}
    
    .composition__photo--p1 {
      top:-.5rem;
    }
    
     .composition__photo--p2 {
      top: 1.5rem;
    }
    
     .composition__photo--p3 {
        left: 15%;
        top:5rem;
    }
    
     .composition__photo:hover {
       outline: .35rem inset rgba(184, 223, 247, 0.79);
    }

   /*end of index_new-1*/ 
    
    
    .services {height: 290px;}
    
    .services img {height:200px;}
    
    .services .mask, .services .content {
        height: 290px;
    }
    
    .services p {
        font-size: 84%;
        width: 86%;
        margin-left: 5%;
    }
    
    .services h2 {
       font-size: 130%;
    }
    
    .services h2:after {
        margin-top: 12px;
        margin-bottom: 18px;
        width:80%;
    }
    
    .services h3 {
        padding-top: 20px;
    }
    
    .services a.info:link,
    .services a.info:visited {
        font-size: 90%;
        font-weight: bold;
        padding: 6px 12px;
    }
    
    #qualifications h2,
    .contactMaverick h2 {
        width: 90%;
        margin-left: 5%;
    }
    
    .saica {margin-left: 10%;}
    
    .sait {width: 80%;
        margin-left: 10%;
    }
    
    #qualifications .icmsa {padding-top: 5px;}
    
    #qualifications .iod {
        width: 74%;
        margin-left: 12%;
    }
    
    #qualifications .IOCSA {
        width: 80%;
        margin-left: 10%;
    }
    
    
    #affordability .half-col-fit {
        width:85%;
        margin-left: 8%;
    }
    
       
    /* ACCOUNTING PAGE */
    
    
    #account-banner h3 {
        bottom: 12%;
    }
    
    #account-banner br {display: none;}
    
   #account-services p{
        font-size:96%;
    }
    
    #account-services .btn-full:link,
    #account-services .btn-full:visited {width: 45%;}
    
    
    /* SECRETARIAL PAGE */
    
    .sec-photo img {
        height: 250px;
    }
    
    #sec-banner .page-banner-H {
        margin-left: 10%;
        font-size: 100%;
        width: 80%;
        margin-top: -120px;
        padding: 16px;
    }
    
    #sec-features i {font-size: 140%; margin-right: -30px; margin-top: 5px;}
    
    .task-row-1, .task-row-2 {margin-bottom: 7px;}
    
    .task-row-3, .task-row-4 {margin-bottom: 15px;}
    
    .task-row-1 {margin-left: -3%;}
    .task-row-2 {margin-left:5%;}

    .task-row-3 {margin-left:12%;}

    .task-row-4 {margin-left:20%;}

    .task-row-5 {margin-left:28%; margin-bottom: 0px;}
    
    #sec-features .btn-full:link,
    #sec-features .btn-full:visited,
    #payroll-services .btn-full:link,
    #payroll-services .btn-full:visited {
        width: 44%;
        margin-left: 28%;
    }
    
    /* PAYROLL PAGE */
    
    #payroll-banner {
        height:650px;
    }
    
    #payroll-banner h3 {
        /*top: 710px;*/
        font-size: 100%;
        width:90%;
        /*margin-left: 5%;*/
    }
    
    #payroll-banner br {
        display: none;
    }
    
   #payroll-services .feature-row {font-size: 96%; }
    
    .plan-box {
        width: 97%;
        height: 600px;
        margin-left:1.5%;
        font-size: 92%;
    }
    
    .plan-box ul li {
        padding: 8px 5px;
        text-indent: -18px;
        padding-left: 15px;
        font-size: .95em;
    }
    
    .hr-payroll img {
        width: 8%;
    }
    
    .plan-box .fa {margin-left: 8px; padding-right: 8px;}
    
    .plan-box .SARS-payroll {width:105%; margin-bottom: 14px;}
    
    
    /* TAX PAGE */
    
    #tax-banner {height: 660px;}
    
    #tax-banner h3 {
        font-size: 100%;
        width:97%;
    }
    
    #tax-services {padding-bottom: 0rem;}
    
    #tax-services .serv-row-2 {margin-bottom: 0;}
        
    #tax-services .services-row p {
        font-size: 95%;
    }
    
    #tax-services .sars-img {margin-top: 0.2rem}
    
    #tax-services .vat-img {
        margin-top: -12px;
    }
    
    #tax-services .img-2 {margin-top: 0px;}
    
    #tax-services .btn-full:link,
    #tax-services .btn-full:visited {
        width: 30%;
        margin-left: 35%;
    }
    
    
    /* CONTACT PAGE */
    
    #contact-us {padding-top: 2.5rem;}
    
    #contact-us .feature-row {margin-left: 3%; font-size: 96%; width:90%; margin-left: 5%;}
    
    #contact-banner .page-banner-H{
        top:58%;
        left:7%;
        width:72%;
        /*margin-left: 7%;*/
        padding: 35px;
        /*margin-top: 5rem;*/
    }
    
    #contact-banner .page-banner-H .short-col {width: 40%;}
    
     #contact-banner .page-banner-H .long-col {width: 57%;}
    
}



/* start mobile nav at 960 px */

@media only screen and (max-width: 960px) {
    
    .main-nav {
        display: none;
    }
    
    .mobile-nav .menu,
    .mobile-nav ul{
        display: block;
        overflow: hidden;
    }
    
    .logo-small {
        display: block;
        margin-bottom: 1.3rem;
        margin-top: 1.25rem;
        margin-left: 2rem;
        width:10rem;
    }
    
    .btn,
    .btn:link, .btn:visited{
        font-size:1.25em;
    }
    
    .contactMaverick .btn:link, 
    .contactMaverick .btn:visited{
        padding: .7rem 2.5rem;}
    
    .contactMaverick .btn-row {
        padding-top: 2rem;
        padding-bottom: .75rem;}
    
    /*payroll page*/
    
    /*page banners*/
    
    #account-banner,
    #contact-banner,
    #tax-banner,
    #payroll-banner{height:83vh;}
    
    #account-banner h3, #payroll-banner h3, #tax-banner h3 {top:82%;}
    
    
    #sec-features .feature-row p,    
    #sec-features .sec-feature-p {font-size: 96%;}
    
    #payroll-services p {width:84%; margin-left: 8%;}
    
    #payroll-services .span-1-of-2 {
        width:100%;
    }
    
    #payroll-services .col {
        margin: 0;
    }
    
    .plan-box-container {
        padding-bottom: .25rem;
    }
    
    .plan-box {
        width:60%;
        margin-left: 20%;
        height:auto;
        margin-bottom: 3rem;
        font-size: 100%;
    }
    
    .plan-box ul {
        padding:2.25rem 2.25rem 1rem 0rem;    }
    
    .plan-box .hr-payroll {
        padding-left: 2.25rem;
    }
    
    .plan-box ul li {
        margin-bottom: 1rem;
    }
    
    .plan-box .SARS-payroll {
        width:100%;
        text-indent: -25px;
        padding-left: 50px;   
    }
    
    .SARS-payroll .fa {margin-right: 0px;}
    
    #payroll-services .btn-row {
        margin-top: 0;
    }
    
    #payroll-services .btn-full:link,
    #payroll-services .btn-full:visited {
        margin-top: .75rem;
        margin-bottom: .75rem;
        width:40%;
        margin-left: 30%;
    }
    
    #tax-services {padding-bottom: 3rem;}
    
    .form-row {
        height: 34rem;
    }
    
     .form-deco,
    .form-box {
        height: 27rem;
    }
    
    .ACPT {
        font-size: 1rem;
    }
    
    #map-2021 {
        height:18rem;
    }
    
    .larger-map-btn a:link, .larger-map-btn a:visited {
        font-size: .8em;
        padding: .75rem;
    }
    
    footer {
        padding-right: 1rem;
        padding-left: 2rem;
    }
    
}
    

/* small phones and small tablets: from 801px to 823px */

@media only screen and (max-width: 823px) {
    
    .logo-small {
        width: 10rem;
        margin-bottom: 1.2rem;
    }
    
    .mobile-nav .menu {
        width: 8.5rem;
        height: 8.5rem;
    }
    
    .mobile-nav .hamburger {
       top: 5.95rem;
        left: 1.8rem;
        width: 1.78rem; 
    }
    
    .mobile-nav ul {
        font-size: 1.15em;
    }
    
    .mobile-nav a:link,
    .mobile-nav a:visited{
        margin-bottom: .6em;}
    
    .demo-2 .sl-slider-wrapper {
        height: 78vh;}
    
    .btn, .btn:link, .btn:visited {
        font-size: 1.15em;
    }

/*for new Home Oct 2018*/
    
    #about {padding-bottom: 1rem;}
    
    #about .long-copy {
        margin-top: 0;
        margin-left: 3%;
    }
       
    #about .composition-row
    {margin-bottom: 1.2rem;}
    
    .composition {margin-top: 0; width:100%;}
    
    .composition__photo--p3 {top:4.2rem;}
    
    /*end of index_new-1*/ 
    
    #qualifications .iod {
       padding-top: 25px;
    }

    #qualifications .IOCSA {
        padding-top: 37px;   
    }
    
    #affordability .half-col-fit {width:90%; margin-left: 5%;}
    
    /*ACCOUNTING PAGE*/
    
    #account-banner h3, #payroll-banner h3, #tax-banner h3 {top: 74%;}
    
    #account-services h2 {
        width:90%;
        margin-left: 5%;
    }
    
    #tax-services .sars-img {
        margin-top: .3rem;
        margin-bottom: 1rem;
    }
    
    #tax-services .serv-row-2 {
        margin-top: 4rem;}
    
    #tax-services .vat-img{
        margin-top: 0px;
    }
    
    #tax-services .img-2 {
        margin-top: 10px;}
    
    
    #contact-banner .page-banner-H{
        /*margin-top: 2rem;*/
        top:58%;
        left: 9%;
    }*/
    
    #contact-us {
        padding-top: 3rem;
    }
    
    .form-row {
        height:32rem;
        padding: 1rem 1.5rem;
    }
    
    .form-deco, .form-box {
        height: 26rem;
    }
    
    .form-deco-logo {
        width:90%;
        margin-left: 5%;
        margin-top: 1rem;
        padding-top: 1rem;}
    
    .ACPT {
        margin-top: 4rem;
    }
    
    input[type=submit] {
        font-size: 1em;
    }
    
    footer {
        padding: 2rem 3rem;
    }
    
    footer .col {
        display: inline-block;
        margin: 0;
        height:10rem;   
    }
    
    footer .col:nth-child(3),
    footer .col:nth-child(4){
        height:8rem;
    }
    
    footer .span-1-of-4 {
        width:49.2%;
        margin-bottom: 1rem; 
    }
    
    .social-links li {
        margin-right: 1rem;
    }
    
    footer .copyright-row p {
        margin-top: 0;}
  
}


@media only screen and (max-width: 800px) {
    /*small tablets: from 768px to 800px like iPad and Kindle */
    
    .mobile-nav ul {
        top:70%;}
    
    #account-banner,
    #payroll-banner{height:55vh;}
    
    .account-btn-row, .tax-btn-row {
        padding: 2.6rem 0;}
    
    #account-services p {
        line-height: 1.35;
    }
    
    #payroll-services h2 br {
        display: none;
    }
    
    .plan-box-container {
        padding-bottom: 0;
    }
    
    .plan-box {
        width:70%;
        margin-left: 15%;
    }
    
    #sec-features .btn-row {
        margin-top: 2rem;}
    
    
    #tax-services .fa {
        font-size: 2.8em;}
    
    #tax-services .services-row p{
        width:80%;
        margin-left: 10%;
        font-size: 92%;
    }
    
    #tax-services .sars-img {
        margin-bottom: .85rem;}
        
    #tax-services .vat-img{
        margin-top: -6px;
    }
    
    #tax-services .img-2 {
        margin-bottom: .6rem;
        margin-top: 3px;
    }
    
    #tax-services .btn-full:link,
    #tax-services .btn-full:visited {
        width: 40%;
        margin-left: 30%;
    }
     
    
    #tax-banner {
        height: 60vh;
    }
    
    #contact-banner {
        height:65vh;
    }
    
    #contact-banner .page-banner-H {
        top: 52%;
    }
    
    .form-deco,
    .form-box {height:27.5rem;}
    
}



/* small phones and small tablets: from 741px to 767px */

@media only screen and (max-width: 767px) {
    
    /*body {font-size: 16px;}*/
    
    section {padding: 30px 0;}
    
    .row {padding: 0 4%;}
    
    col {
        width: 100%;
        margin: 0 0 4% 0;
    }
    
    h2 {margin-bottom: 15px;}
    
    h2:after {
        height: 2px;        
    }
    
    
    #about,
    #affordability {
        padding-top: 30px;
    }
    
    #about .long-copy {
        width:100%;
    }
    
    #about .row,
    #affordability .row {
        margin-top: 5px;
    }
    
    .services {
        height: 275px;
    }
    
    .services img {
        height:180px;
    }
    
    .services .mask, .services .content {
        height: 275px;
    }
    
    .services h2 {font-size: 120%;}  
    
    .services p {
        font-size: 80%;
        margin-top: 30px;
    }
        
    .services h3 {
        padding-top: 23px;
    }
    
    .services a.info:link,
    .services a.info:visited {
        font-size: 90%;
        font-weight: bold;
        padding: 6px 12px;
    }
    
    .contactMaverick .btn-row,
    #account-services .btn-row {
        margin-top: 25px;
    }   
    
    .contactMaverick .btn-full:link,
    .contactMaverick .btn-full:visited {
        width: 40%;
        margin-left: 30%;
        font-weight: bold;
    }
    
    /*ACCOUNTS PAGE */
    
        
    #account-services .btn-row {
        width: 90%;
    }
    
    #account-services .btn-full:link,
    #account-services .btn-full:visited {
        width:50%;
        margin-left: 25%;
    }
    
}

/* small phones and small tablets: from 668px to 740px */

@media only screen and (max-width: 740px) {
    
    /*HOME */
    
    /*for new Home Oct 2018*/
    
    .logo-small {width:10.5rem;}
    
    #about .col {
        width:100%;
    }
    
    #about .long-copy {
        width:92%;
        margin-left: 3%;
        margin-top: 1.05rem;
    }
    
    #about .composition-row {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-bottom: 0;
        margin-top: 0;
    }
    
    .composition {
        margin-top: .8rem;
        margin-left: 0%;
        padding: 0;
        margin-right: 0;
    }
    
    .composition__photo {
        float: left;
        position: relative;
        width: 33%;
        -webkit-box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
        box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2); 
        outline-offset: -.2rem;
    } 
      
    .composition__photo--p1 {
        top:-1.2rem;
        left:3rem;
        opacity:.8;
    }
    
    .composition__photo--p2 {
        top: -.45rem;
        right: 0rem;
        left:0rem;;
        width:34%;
    }
    
    .composition__photo:hover{
        outline: .2rem inset rgba(184, 223, 247, 0.79);
        -webkit-transform: scale(1.25);
                transform: scale(1.25); 
    }
         
    .composition__photo--p3 {
        top: -1.55rem;
        left:-4rem;
        opacity: .8;
    }
    
    .composition__photo--p2:hover {
        -webkit-transform: scale(1.3) translateY(-.7rem);
                transform: scale(1.3) translateY(-.7rem);    
    }
    
    .composition__photo:not(:hover) {
        -webkit-transform: scale(1.03);
        transform: scale(1.03); 
    }
    
    .composition__photo--p2:not(:hover) {
        -webkit-transform: scale(1.07);
        transform: scale(1.07); 
    }
    
    /*end of new-1*/
    
    .icon-row-2 {
        margin-top: 1.8rem;
    }
    
    #qualifications .sait,
    #qualifications .saiba,
    .saica {
        padding-top: 20px;
    }
    
    #qualifications .saiba {
        padding-left: 15%;
    }
    
    #expertise .span-1-of-2,
    #affordability .span-1-of-2 {
        width:100%;
    }
    
    #expertise .col {margin-left: 0;}
    
    .services {width:54%; margin-left: 23%; margin-bottom: 1rem;}
    
    .services a.info:link,
    .services a.info:visited {
        padding-top: 3px;
        font-size: 1.0em;
    }
    
    #affordability h2 {margin-bottom: 0;}
    
    #affordability .long-copy {margin-bottom: 1rem;}
    
    #affordability .half-col-fit {width:60%; margin-left: 20%; margin-bottom: 1rem;}
    
    #contact {padding-top:2rem; padding-bottom: 2.5rem;}
    
    /*ACCOUNTS PAGE */
    
    #account-banner h3 {
        top:70%;
        width: 95%;
        font-size: 96%;
    }
    
    #account-banner, #contact-banner, #tax-banner, #payroll-banner {
        height: 80vh;}
    
    #account-services {
        padding-bottom: 2.5rem;
    }
    
    #account-services .acc-serv-row_2 {
        margin-top:4rem;
        margin-bottom: 4rem;}
    
    /* SECRETARIAL PAGE */
    
    .sec-photo img {
        height: 210px;
    }
    
    #sec-banner .page-banner-H {
        margin-top: -100px;
        padding: 13px;
    }
    
    #sec-features .btn-row {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    #sec-features .btn-full:link,
    #sec-features .btn-full:visited,
    #payroll-services .btn-full:link,
    #payroll-services .btn-full:visited,
    #tax-services .btn-full:link,
    #tax-services .btn-full:visited {
        width: 58%;
        margin-left: 21%;
        margin-top: 22px;
    }
    
    /* PAYROLL PAGE */
    
      
    #payroll-banner h3 {
        font-size: 100%;
        width:90%;
    }
    
    #payroll-banner br {
        display: none;
    }
    
        
    #payroll-services p {
        width:90%;
        margin-left: 5%;
    }
    
    #payroll-services .col {width:100%;}
    
    .plan-box {
        width: 80%;
        height: auto;
        margin-left:10%;
        font-size: 110%;
        margin-bottom: 40px;
    }
    
    .plan-box ul li {
        padding: 8px 5px;
        text-indent: -18px;
        padding-left: 15px;
        font-size: .9em;
    }
    
    .SARS-payroll {width: 100%;}
    
    #payroll-services .btn-row {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;}
    
    #payroll-services .btn-full:link,
    #payroll-services .btn-full:visited {margin-top: 0px; margin-bottom: 0px; width:40%; margin-left: 30%;}
    
    
    
    /* CONTACT PAGE */
    
    #contact-us {
        padding-top: 2rem;
    }
    
    #contact-banner .page-banner-H{
        width:80%;
        padding: 25px;
        /*margin-top: 2rem;*/
    }
         
    .form-row .span-1-of-3,
    .form-row .span-2-of-3{
        width:100%;}
    
    .form-deco {display: none;}
    
    .form-box {
        height: auto;
    }
    
    .form-row {padding-top: 0;}
    
    .form-row .col {
        margin-left: 0;
    }
    
    .form-deco-logo {
        display: inline-block;
        text-align: center;
        width:40%;
        margin-left: 30%;
        margin-bottom: 1rem;
    }
    
    .form-deco-logo--text {
        display: block;
        text-align: center;
        margin-top: 0rem;
        background-color: #13174E;
    }
    
    .ACPT{
        float: left;
        display: inline;
        margin-top: 0; 
        width:100%;
        font-size: 1.1em;
    }
    
    .ACPT-text-heading {
        margin-bottom: .25rem;
    }

    .ACPT-text {
        margin-right: 1rem;
        margin-bottom: .45rem;
        display: inline;
    }
    
    input[type=submit] {
        font-size:110%;
        width:40%;
    }
    
        
    footer {font-size:.9em;}
    
    footer .col {
        height:11rem; 
    }
    
    footer .col:nth-child(3),
    footer .col:nth-child(4){
        height:8rem;
    }
    
    
}


/* small phones: from 569px to 667px */

@media only screen and (max-width: 667px) {
    
    /*for new Home Oct 2018*/
    
    #about h2 {margin-bottom: 0;}
    
    #about {
        padding-bottom: 1.2rem;
    }
    
    .services {width:60%; margin-left: 20%;}
    
    .services p {margin-top: 1rem; margin-bottom: 1rem; width:92%; font-size: 90%;}
    
    .icon-row-1,
    .icon-row-2 {
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0%;
        column-gap: 0%;
    }
    
    #qualifications img {
        width:50%;
        margin-left: 25%;
        margin-bottom: 3rem;
        padding-left: 0;
    }
    
     #qualifications .saica {width:52%; margin-left: 20%; padding-left: 0; margin-bottom: 3.3rem}
     #qualifications .sait {width:50%; margin-left: 25%; padding-left: 0; margin-bottom: 3.3rem;}
    
   #qualifications .saiba{width:38%; margin-left: 31%; padding-left: 0;}
    
    #qualifications .icmsa {
        width:56%;
        margin-left: 22%;
        margin-bottom: 3.6rem;
    }
    
    #qualifications .iod {
        width: 62%;
        margin-left: 19%;
        margin-bottom: 3.6rem;
    }
    
    #qualifications .IOCSA {
        width: 70%;
        margin-left: 15%;
    }
    
    #qualifications {padding-bottom: 2rem;}
    
    .contactMaverick .btn-row {
        padding-top: 1rem;
    }
    
    
    /*ACCOUNTING PAGE*/
    
        
    #account-banner h3 {
        top: 66%;}
    
    #account-services,
    #tax-services {padding-bottom: 0;}
    
    #account-services .span-1-of-3 {
        width:100%;
    }
    
    #account-services .col,
    #tax-services .col{
        margin: 0;
    }
    
    #account-services .acc-serv-row_2 {
    margin-top:0;
        margin-bottom: 0;
    }
    
    #account-services .fa {
        font-size:4em;
    }
    
    .fa-cog {
        margin-left: 42%;
    }
    
    #account-services .fa-pencil-square-o {
        margin-left: 10px;
    }
    
    #account-services p {
        margin-bottom: 6rem;
        width:50%;
        margin-left: 25%;
    }
    
    
    /*SEC PAGE*/
    
     #sec-banner .page-banner-H {
        margin-top: -145px;
    }
    
     #sec-features .btn-full:link,
    #sec-features .btn-full:visited {
        width:62%;
        margin-left: 19%;
    }
    
    #payroll-banner h3, #tax-banner h3 {top: 70%;}
    
    .plan-box {
        width:85%;
        margin-left: 7.5%;
    }
    
    .plan-box ul {
        padding-left: .5rem;
        padding-bottom: .25rem;
    }
    
    .plan-box .hr-payroll {
        width: 100%;
        text-indent: -30px;
        padding-left: 38px;}
    
    
    #payroll-services .btn-full:link,
    #payroll-services .btn-full:visited {
        width:50%;
        margin-left: 25%;
    }
    
    #tax-services .span-1-of-4 {
        width:100%;
    }
    
    #tax-services .span-1-of-3 {
        width:100%;
    }
    
    #tax-services .fa {
        margin-left: 0%;
        font-size:4.5em;
    }

    #tax-services .sars-img {
        width: 28%;
        margin-left: 36%;
        margin-bottom: 1rem;}
    
    #tax-services .services-row p  {
        margin-bottom: 4.5rem;
        font-size: 96%;
    }
    
   #tax-services .serv-row-2 {
       margin-top: 2rem;
       margin-bottom: 0;
    }
    
    #tax-services .vat-img {
        width:18%;
        margin-left: 41%;
    }
    
    #tax-services .img-2 {
        width:17%;
       margin-left: 41.5%;
    }
    
    #tax-services .btn-row {
        margin-top: 0px;}
    
    #contact-banner .page-banner-H{
        top:55%;}
    
    .form-deco {
        display: none;
    }
    
    .form-row {
        height: auto;
        padding-top: 0;
    }
    
    footer {
        padding: 2rem 4rem;
    }
    
    footer .col,
    footer .col:nth-child(3),
    footer .col:nth-child(4) {
        height:auto;
    }
    
    footer .span-1-of-4 {
        width:100%;
        margin-bottom: 2rem;  
    }
    
    #map-2021 {
        height: 15rem;
    }
    
}
    
    

/* small phones: from 481px to 568px */

@media only screen and (max-width: 568px) {
    
    h2 {font-size: 125%;}
    
    .logo-small {
        margin-top: .9rem;
    }
    
    .demo-2 .sl-slider-wrapper {
		height: 75vh;
	}
    
    .demo-2 .sl-slider h2 {
        font-size: 220%;
        padding-top: 110px;
        padding-left: 5px;
        width:100%;
    }
    
    #about .long-copy {
        width: 80%;
        margin-left: 10%;
    }
    
    /*for new Home Oct 2018*/
    
    #about {
        padding-bottom: 1.2rem;
    }
    
    #about .composition-row {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        margin-top: 0;
    }
    
    .composition {
        margin-left: .25rem;
        padding: 0;
    }
        
    .composition__photo--p2:hover {
        -webkit-transform: scale(1.15) translateY(-.7rem);
      transform: scale(1.15) translateY(-.7rem);
    }
    
    .composition__photo--p1:hover,
    .composition__photo--p3:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    .composition__photo:not(:hover) {
        -webkit-transform: scale(1);
        transform: scale(1); 
    }
    
    /*end of index_new-1 */

     
    .services {
        width:70%;
        margin-left: 15%;
        height: 310px;
    }
    
    .services img {
        width: 100%;
        height:230px;
    }
    
    .services .mask, .services .content {
        height: 310px;
    }
    
    .services h2 {font-size: 140%;}  
    
    .services p {
        font-size: 98%;
        margin-bottom: 1.25rem;
    }
    
    .services h3 {
        padding-top: 20px;
    }
    
    .services a.info:link,
    .services a.info:visited {
        /*font-size: 100%;*/
        font-weight: bold;
        padding: 8px 16px;
    }
    
    
    #affordability .long-copy,
    #expertise .long-copy {
        width: 90%;
        margin-bottom: 15px;  
    }
    
    #affordability h2:after {margin-bottom: 0;}
    
    #affordability .half-col-fit {
        width: 70%;
        margin-left: 13%;
    }
    
    #expertise .long-copy {
        margin-bottom: 0px;
        font-size: 110%;
    }
    
    .contactMaverick .long-copy {
        font-size: 105%;
        width: 82%;
        margin-left: 9%;
    }
    
    .contactMaverick .btn-full:link,
    .contactMaverick .btn-full:visited {
        font-size: 120%;
        width: 50%;
        margin-left: 25%;
        font-weight: bold;
    }

    .footer-nav li {margin-bottom: .15rem;}
    
    
    .social-links li {margin-right: 1.5rem;}
    
    
    /*ACCOUNTING PAGE*/
    
    #account-banner, #contact-banner, #tax-banner, #payroll-banner {
        height: 78vh;}
    
    #account-banner h3 {
        top:62%;
    }
    
    #account-services,
    #sec-features,
    #payroll-services,
    #tax-services,
    #contact-us {
        padding-top: 2rem;
    } 
    
    #account-services .btn-full:link,
    #account-services .btn-full:visited {
        width:62%;
        margin-left: 19%;
    }
    
    #account-services .btn-row{
        margin-top: 0;
    }
    
    #account-services p {margin-bottom: 4.8rem;}
       
    
    /* SECRETARIAL PAGE */
    
    .sec-photo img {
        height: 170px;
    }
    
    #sec-banner .page-banner-H {
        margin-top: -108px;
        width:98%;
        margin-left: -1%;
        font-size: 90%;
    }
    
    #sec-features .btn-full:link,
    #sec-features .btn-full:visited {
        margin-top: 30px;
        width:70%;
        margin-left: 15%;
    }
    
    #sec-features h2 {
        width: 100%;
        margin-left: 0%;
    }
    
    /* PAYROLL PAGE */
    
         
    #payroll-banner h3 {
        margin-left: 1%;
        /*top: 690px;*/
    }
    
    #payroll-services h2 br {display: none;}
    
    .plan-box {
    width: 98%;
        margin-left: 1%;}
    
    /* TAX PAGE */
    
    #tax-banner h3,
    #account-banner h3{
        width:100%;
        margin-left: 0%;
    } 
    
    #tax-services h2,
    #contact-us h2 {width: 93%; margin-left: 3.5%;}
    
    #tax-services .services-row,
    #tax-services .serv-row-2 {
        margin-top: 10px; 
    }
    
    #tax-services .vat-img {
        margin-top: 6px;
    }
    
    #tax-services .img-2 {margin-top: 15px;}
    
    /* CONTACT PAGE */
    
    #contact-banner .page-banner-H {
        width:88%;
        left: 5%;
        top:60%;
    }
    
   input[type=submit] {
        font-size:110%;
        width:40%;
    }
    
    .form-box {padding: 1rem .4rem;}
    
    .form-box .row {
        padding:1%;
    }
    
    input[type=text],
    input[type=email],
    input[type=number],
    textarea {
        width: 98%;
        margin-left: 1%;}
     
}


/* small phones: from 401 to 480px like iPhone 6+, Nexus 5X and Nexus 6P*/


@media only screen and (max-width: 480px) {
    
    h2 {font-size:1.3em;}
    
    h2:after {
        margin-top: 15px;
        margin-bottom:2rem;
    }
    
    .logo-small {margin-left: 1rem;}
    
    .mobile-nav .menu {
        width: 8.1rem;
        height: 8.1rem;
    }
    
    .mobile-nav .hamburger {
       top: 5.75rem;
        left: 1.6rem;
    }
    
    .mobile-nav ul {
        top:55%;
        font-size: 1.25em;
        width:60%;
    }
    
    .demo-2 .sl-slider-wrapper {
		height: 380px;
	}
    
    .demo-2 .sl-slider h2 {
        font-size: 210%;
        padding-top: 120px;
    }
    
    #about .half-col-fit {
        width: 64%;
        margin-left: 17%;
        margin-bottom: 20px;
    }
    
    /*for new Home Oct 2018*/
    
    #about {padding-bottom: 1.8rem;}
    
    #about .long-copy {
        margin-top: -6.2rem;
    }
    
    #about .composition-row {
        margin-top: 0;
    }
    
    .composition {margin-top: 1rem;}
    
    .composition__photo {
        width:60%;
    }
    
    .composition__photo--p1 {
        top:.8rem;
        left:5rem;
    }
    
    .composition__photo--p3 {
        display: none;
    } 
    
    .composition__photo--p2 {
        top: -10rem;
        left: 0;
        margin-left: 15%;
        -webkit-box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.4);
        box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.4);
    } 
    
    .composition__photo--p1:hover {
        -webkit-transform: scale(1.07) translateY(0.5rem);
        transform: scale(1.07) translateY(0.5rem); 
    }
    
    .composition__photo--p2:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05); 
    }
    
    .composition__photo:not(:hover) {
        -webkit-transform: scale(.98);
        transform: scale(.98); 
    }
    
    /*end of index_new-1 */
    
    #qualifications .peace-of-mind {
       margin-bottom: 12px;
    }
    
      
    .services {
        width:88%;
        margin-left: 6%;
        margin-bottom: 1.8rem;
    }
    
    #affordability h2 {
        margin-bottom: 1.5rem;
    }
    
    .contactMaverick .btn-full:link, .contactMaverick .btn-full:visited {
        width:70%; margin-left: 15%;
    }
    
    footer {
        padding: 2rem 2.25rem;
    }
    
        
    /* ACCOUNTS PAGE */
    
    #account-banner {height:85vh;}
    
    #account-banner h3 {bottom:0%; top:64%; font-size: 102%; width:96%; margin-left: 0%;padding:0;}
    
    .fa-cog {margin-left: 38%;}      
   
    #account-services .btn-full:link,
    #account-services .btn-full:visited {
        width:90%;
        margin-left: 5%; 
    }
    
    /* SECRETARIAL PAGE */
    
    .sec-phgallery li:first-of-type{display: none;}
    
    .sec-phgallery li {
        width: 50%;}
    
    .sec-photo img {
        height: 180px;
    }
    
    #sec-banner .page-banner-H {
        margin-top: -110px;
        font-size: 94%;
        padding:7px;
        width:96%;
    }
    .feature-row {width:90%; margin-top: -30px; margin-bottom: 30px;}
    
    #sec-features .btn-full:link,
    #sec-features .btn-full:visited,
    #tax-services .btn-full:link,
    #tax-services .btn-full:visited {
        margin-top: 30px;
        width:80%;
        margin-left: 10%;
    }
    
    #sec-features .span-1-of-11 {width:30%;}
    
    #sec-features .span-10-of-11 {width:70%; text-align: left;}
    
    #sec-features i {
        font-size: 120%; 
        margin-right: 0px; 
        margin-top: 5px;
        float: right;}
    
    .task-row-1, .task-row-2, .task-row-3, .task-row-4, .task-row-5 {padding: 0px;}
    
    .task-row-1, .task-row-2, .task-row-3, .task-row-4, .task-row-5 {margin-left: -10%; margin-right: 0%;}
    
    /* PAYROLL PAGE */
    
      
    #payroll-banner h3 {
        font-size: 95%;
        width:95%;
        margin-left: 0;
    }
    
    #payroll-services h2 {
        width: 90%;
        margin-left: 5%;
    }
    
    #payroll-services p {
        margin-bottom: 2rem;
    }
    
    .plan-box .hr-payroll img {
        width:12%;
    }
    
    .plan-box .hr-payroll li {
    text-indent: -50px;
        padding-left: 20px;}
    
    /*#payroll-services .feature-row {font-size: 105%;}*/
    
    .plan-box-container {
        padding:0;
    }
    
    .plan-box {
       width: 100%;
        margin-left:0;
        font-size: 105%;
    }
    
    
    #payroll-services .btn-full:link, #payroll-services .btn-full:visited {
        width: 64%;
        margin-left: 18%;
    }
    
    /* TAX PAGE */
    
    #tax-banner h3 {
        font-size:100%;
        
    }
    
    #tax-services h2 {
        /*font-size:110%;*/
        width: 95%;
        margin-left: 2.5%;
    }
    
    #tax-services .fa {
        margin-left: 2%;
        font-size:4em;
    }
    
    #tax-services .sars-img {
        width:30%;
        margin-left: 35%; 
        margin-top: 0px;
        margin-bottom: 15px;
    }
    
    #tax-services .services-row,
    #tax-services .serv-row-2 {
        margin-top: 0px; 
    }
    
    #tax-services .tax-services {
        margin-bottom:45px;
        font-size: 120%;
    }
    
    .services-row p{
        font-size: 130%;
        margin-bottom: 35px;
    }
    
    #tax-services .img-2,
    #tax-services .vat-img {
        width: 17%;
        margin-left: 41.5%;
    }
    
    #tax-services .btn-full:link,
    #tax-services .btn-full:visited {
        margin-top: 0;
        margin-bottom: 30px;
    }
    
    /* CONTACT PAGE */
    
    #contact-banner {height:95vh;}
    
    .page-banner-H .col {margin-bottom: 0;}
    
     #contact-banner .page-banner-H{top:47%; font-size: 95%; width:92%; margin-left:0; padding-bottom: 0;}
    
    #contact-banner .page-banner-H .span-1-of-2 {
        width:100%;
    }
    
    .page-banner-H h3 {margin-bottom: 50px;}
    
    .long-col .contact-banner-H li:first-of-type {
        display: none;
    }
    
    
    input[type=submit] {
       width:60%;
    }
    
    /* CONTACT PAGE */
    
    .form-row {height: 660px;}
    
    .map {margin-top: 5px;}
        
}




/* small phones: from 0 to 400px like iPhone 5, iPhone 6, Galaxy S5*/
    
@media only screen and (max-width: 400px) {
    
    h2 {font-size: 1.35em;}
    
    h2:after {width:80%; margin-left: 10%;}
    
    .btn:link, .btn:visited {
        padding: 1.2rem 1.8rem;}
    
    /*for new Home Oct 2018*/
    
    #about {padding-bottom: 1.8rem;}
    
    #about .long-copy {
        margin-top: -6rem;
    }
    
    .composition {margin-top: 2.5rem; }
       
    .composition__photo--p1 {
        top:-1rem;
        left:4rem;
    }
    
    .composition__photo--p2 {
        top: -9.5rem;
    } 
    
    .composition__photo:not(:hover) {
        -webkit-transform: scale(1);
        transform: scale(1); 
    }
    
    /*end of new-1*/
    
    
    #about .half-col-fit,
    #affordability .half-col-fit {
        width: 76%;
        margin-left: 12%;
    }
    
    .services {
        height: 240px;
    }
    
    .services img {
        height:160px;
    }
    
    .services .mask, .services .content {
        height: 240px;
    }
     
    .services p {
        font-size: 85%;
        margin-top: 0px;
        margin-bottom: 12px;
    }
    
    .services h2 {font-size:115%;}
    .services h2:after {margin-top: 8px; margin-bottom: 8px;}
     
     
    #expertise .sec-service {
        margin-top: 5px;
    }
    
    #expertise .sec-service h2 {
        margin-top: 2px;
    }
    
    .services h3 {
        padding-top: 15px;
    }
        
    .contactMaverick .long-copy {
        font-size: 98%;
        width: 90%;
        margin-left: 5%;
    }
    .contactMaverick .btn-row {
    margin-top: 0;
    }
    
    
   /* ACCOUNTS PAGE */
    
    #account-banner h3 {
        width: 95%;
    }
    
    #account-services p {
        width:60%;
        margin-left: 20%;
    }
    
    
    #account-services .btn-full:link,
    #account-services .btn-full:visited {
        width:94%;
        margin-left: 3%;
        font-size: 100%;
    }
    
    /* SECRETARIAL PAGE */
    
    .sec-phgallery li:nth-of-type(2){display: none;}
    
    .sec-phgallery li {
        width: 100%;}
    
    
    .sec-photo img {
        height: 260px;
    }
    
    #sec-banner .page-banner-H {
        margin-top: -135px;
        /*font-size: 70%;*/
    }
    .feature-row {width:90%; margin-top: -30px; margin-bottom: 30px;}
    
    #sec-features .btn-full:link,
    #sec-features .btn-full:visited{
        /*font-size: 90%;*/
        width:95%;
        margin-left: 2.5%;
    }
    
        
    .task-row-1, .task-row-2, .task-row-3, .task-row-4, .task-row-5 {margin-left: -20%; margin-right: 0%;}
    
    
    /* PAYROLL PAGE */
    
    #payroll-services h2 {
        /*font-size:110%;*/
        width: 90%;
        margin-left: 5%;
    }
    
    #payroll-services br {display: none;}
    
    .plan-box {
        width: 95%;
        margin-left:2.5%;
        font-size: 105%;
    }
    
    .plan-box .hr-payroll img {
        width: 15%;
    }
    
    .plan-box .hr-payroll li {
        text-indent: -50px;
        padding-left: 18px;
    }
    
    .hr-payroll img {
        width: 12%;}
    
    .plan-box .fa {
        margin-left: 0px;
        padding-right: 20px;
    }
    
    #payroll-services .btn-full:link,
    #payroll-services .btn-full:visited {
        width:90%;
        margin-left: 5%;
        font-size: 100%;
    }
      
    /* CONTACT PAGE */
    
    #contact-banner .page-banner-H{ 
        padding-left: 12px;
        padding-right: 12px;
        }
    
    
    #contact-us .feature-row {margin-left: 0; width:100%; text-align: center;}
    
    input[type=submit] {width:100%;}
    
    .form-row {
        padding-left: .5rem;
        padding-right: .5rem;
        margin-bottom: 1rem;
    }
    
    .form-box {padding:12px;}
    
    
    
    
}