/* --- Client Feedback Review Template CSS --- */

.client-review {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 8% 4% 5% 4%;
    position: relative;
    z-index: 9;
    margin-top: 8%;
    background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/feedback-bg.jpg);
    text-align: center;
}

 

.client-review  h1{
    color: #000000;
    font-weight: normal;
    font-size: 3.4rem;
    line-height: 1;
    margin-bottom: -0.1em;
    /* text-shadow: 4px 4px 0.4em #00000057; */
    text-transform: uppercase;
    position: relative;
    transform: rotate(-1deg);
    width: 12em;
    margin: auto;
} 

@keyframes pulse {
            0% {
                transform: scale(1);
            }
            50% { 
                transform: scale(1.1);
            }
            100% {
                transform: scale(1);
            }
}
.client-review h1:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/quotation-top-icon.png);
    width: 1.1em;
    height: 1em;
    top: -16px;
    left: -24px;
    z-index: 9;
    animation: pulse 2s infinite;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform .4s ease 0s;
}
.client-review h1:after {
    content: "";
    position: absolute;
    background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/quotation-icon.png);
    width: 1.1em;
    height: 1em;
    bottom: 111px;
    right: -16px;
    animation: pulse 2s infinite;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform .4s ease 0s;
} 
.feed_header_title {
    position: relative;
    font-weight: 800;
    text-align: justify;
    background-color: black;
    color: white;
    padding: 2.5% 7%;
    width: 10em;
    border-top-left-radius: 106px;
}

.client-review h1 strong {
    display: block;
    font-size: 1.6em;
    color: #ffffff;
    background-color: #780e2a;
    padding: 2% 3%;
    border-bottom-right-radius: 106px;
    margin: 10px;
}

 
.feed_header_subtitle {
    font-weight: 900;
    font-size: 1.7em;
    letter-spacing: 0.03em;
    margin-bottom: 2%;
    line-height: 1.3; 
    padding: 1% 5% 0% 5%;
    color: #780e2a;
    animation: pulse-one 4s infinite;    
}
@keyframes pulse-one {
            0% {
                transform: scale(1);
            }
            50% { 
                transform: scale(1.05);
            }
            100% {
                transform: scale(1);
            }
}
.feed_header_cta{
    font-weight: 900;
    font-size: 1.4em;
    letter-spacing: 0.03em;
    margin-bottom: 2%;
    line-height: 1.3;
    padding: 1% 5% 0% 5%;
}  

.feedback-emoji {
    width: 60%;
}

.feedback-emoji img {
  display: inline-block;
  transition: transform 0.2s ease;
}
.feedback-emoji img:hover { 
  transform: translateY(-10px);
}

/* --- Client Response Template CSS ---  */ 

.client-response {
  position: relative;    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 8% 1% 2% 1%; 
    margin-top: 6%;
}
.client-response::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 72%);
} 
.client-resp-wrap{ 
  padding: 0% 5%;
}


.client-response .entry-content{
  padding: 0% 7%;
}

.client-response .frm_style_formidable-style.with_frm_style input[type=submit]{
  display: block;
  width: 100%;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: .08em;
  background-color: #e62318;
}

.client-response .frm_style_formidable-style.with_frm_style input[type=submit]:hover{
  background-color: black;
  color: white;
}

.client-response .frm_style_formidable-style-2.with_frm_style .frm_primary_label{
  color: white;
}

.client-response .frm_style_formidable-style-2.with_frm_style input[type=submit]{
  display: block;
  background-color: #199ad6;
  color: white;
  width: 100%;
  padding: .85em 0em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1em;
  font-family: 'Exo 2', sans-serif!important;
  text-shadow: -0.03em 0.08em black;
}

.client-response .frm_forms.frm_style_formidable-style-2.with_frm_style{
  margin: auto;
}

.client-response .bg-inner {
    text-align: center;
    position: relative;
    margin: 0 auto;   
    width: 100%;
    max-width: 1100px!important;    
    padding: 3.063rem 0 1.363rem 0;
    color: white;
}


.client-response .bg-inner p {
    font-size: 1.5rem;
    line-height: 1.3em;
    padding: 0% 5%;
}

.client-response .bg-inner  h1{
    margin: 0;
    font-size: 4.3rem;
    line-height: 0.9;
    margin-bottom: 3%;
    color: white;
    text-transform: uppercase;
}


.client-response .bg-inner h1 strong {
    display: block;
    font-size: 1.647em;
    color: #fff9f9;
}

.client-response .bg-inner  h1 span strong{
  font-size: 1.2em;
}

.client-response .bg-inner  h1 span{
  font-size: 0.7em;
  display: block;
  font-weight: normal;
}

.client-response .with_frm_style .frm_primary_label{
  color: white;
}

.client-response .frm_button_submit {
  position: relative;
  display: block;
  width: 100%;
  background-color: #e7090c;
  padding: .85em 0em;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  font-family: 'Ubuntu', sans-serif!important;
}

/* --- Thank You Template CSS --- */ 

.thank-you {
  position: relative;    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 6% 1% 0% 1%;
    margin-top: 6%;
}
.thank-you::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 72%);
}  
.thank-you .bg-inner {
    text-align: center;
    position: relative;
    padding: 4.063rem 0 2.363rem 0;
    color: white; 
    width: 100%;
    max-width: 1100px!important;
    margin: 0 auto;    
}

.thank-you .bg-inner p {
    font-size: 1.5rem;
    line-height: 1.5em;
}

.thank-you .bg-inner  h1{
    margin: 0;
    font-weight: 900;
    font-size: 6rem;
    line-height: 1;
    margin-bottom: 0.2em;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: white;
}

.thank-you .bg-inner h1 strong {
    display: block;
    font-size: 1.847em;
    color: #fa4f41;
}

.thank-you .button{
  display: block;
  text-transform: uppercase;
  font-size: 1em; 
  letter-spacing: .08em;
  text-decoration: none;
  padding: 0.65em 0em;
  margin: 0.7em 0;
  border-radius: 900em;
  font-family: 'Fredoka', sans-serif!important; 

}

.thank-you .btn.btn-primary {
    width: 100% !important;
    display: block; 
    border: 2px solid #780e2a!important;    
    background-color: #780e2a!important;       
}
.thank-you .btn.btn-primary:hover {
    border: 2px solid #fff!important;    
    background-color: #000!important;       
}
/* --- 404 Page --- */


.error-page {
  position: relative;    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 8% 1% 4% 1%;
    margin-top: 6%;
}
.error-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 72%);
}  

.error-page .inside-content {
    position: relative;
    padding-top: 0px;
    text-align: center;
    padding: 7% 1% 4% 1%;
}

.error-page .error{
    font-size: 14em;
    font-weight: 900;
    color: #ffffff;
    position: relative;
    display: block;
    line-height: 0.8;
    letter-spacing: .03em;
    z-index: 2;
    margin-top: -2%;
    text-shadow: 3px 4px #ffffff59;
    margin-bottom: 1%; 
}


.error-page .inside-content h1{
  font-size: 4.2em;
  position: relative;
  z-index: 1;
  margin-top: -0.1em;
    color: #ffffff;    
}

.error-page .entry-content{
  font-size: 1.4em;
  padding: 0% 5%;
  position: relative;
  color: white;
}


.reroute-btns{
  padding: 0%;
  position: relative;
}

.reroute-btns .column,.reroute-btns .columns {
    padding-left: .3375rem;
    padding-right: .3375rem;
}

.reroute-btns .btn{
  width: 100%;
  font-size: 1.1em;
  box-shadow: 1px 1px 16px 8px #0000000f;
  text-transform: uppercase;
    border: 2px solid #780e2a!important;
  letter-spacing: .03em;
  border: 0;
  display: block;
  border-radius: 0;
  margin: .7em 0;
  border-radius: 900em;
  color: black;
}

.reroute-btns .btn:hover{
  background-color: #000!important;
  color: white!important;
  text-shadow: none;
    border: 2px solid #fff!important;    
}


.reroute-btns span{
  position: relative;
  top: 0.15em;
  font-size: 1.3em;
}


/* --- book a time CSS --- */ 
 .book-appointment {
  position: relative;    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 6% 1% 2% 1%;
    margin-top: 6%;
}
 .book-appointment::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 72%);
}  

.box-book-appointment {
    margin: 5% 5% 5% 5%;
}
div#inner-content2 { 
    text-align: center;
    background-color: rgb(0 0 0 / 0%);
    border: solid 0px #a7a5a1; 
    position: relative; 
    border-radius: 30px;
    padding: 0% 2% 0% 2%;
    width: 80%;
    margin: auto;
    margin-bottom: 0%;
}
.book_appointment_title {
    padding: 1%;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 0.9em;
    font-size: 2em; 
    text-align: center;
    transition: all .3s ease-in-out;
    color: white;    
}
 
.book_appointment_subtitle {
    padding-bottom: 3%; 
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 500; 
}
  
.box-book-appointment-bg {
    padding: 6% 5% 0% 5%;
} 

/* ---------------------- Media Queries CSS ---------------------- */ 


/*   400px  32px ---------*/
 @media screen and (min-width: 2.001em) and (max-width: 25.000em) {
.book_appointment_subtitle {
    font-size: 1.1rem;
}     
.book_appointment_calendar {
    height: 52em; 
}     
.inside-content h1 span {
    font-size: .5em;
}     
.box-book-appointment-bg {
    padding: 6% 0% 0% 0%;
}      
.book_appointment_title {
        font-size: 1.2em;
}     
div#inner-content2 {
    width: 100%;
}      
.book-appointment { 
        padding: 42% 0% 2% 0%;
}         
.error-page .entry-content {
    margin: .5em 0 0;
    font-size: 1.2em;
}      
.reroute-btns {
    padding: 0% 10%;
}     
.error-page .inside-content h1 {
    font-size: 2.6em;
    margin-top: 14px;
    line-height: 1em;
}     
.error-page .error {
    font-size: 8em;
    text-shadow: 2px 3px #ffffff59;    
}     
.error-page {
        padding: 48% 1% 4% 1%;
}       
.thank-you .bg-inner p {
    font-size: 1.2rem;
}     
.thank-you a.btn.btn-primary {
    width: 95%;
    margin-bottom: 1.5%;
}     
.thank-you {
    padding: 22% 1% 0% 1%;
}        
.thank-you .bg-inner h1 {
        font-size: 3.2rem;
}      
.client-response .bg-inner p {
    font-size: 1.3rem;
}     
.client-response .bg-inner h1 strong {
    display: block;
    font-size: 1.2em;
}     
.client-response .bg-inner h1 {
    font-size: 2.7rem;
}   
.client-response {
        padding: 39% 1% 2% 1%;
}     
.client-review h1:after { 
    bottom: 54px;
    right: -6px; 
}         
.client-review h1:before {
    left: -10px;
    top: -7px;
}       
.client-review h1 strong {
    margin: 5px;
}          
.feedback-emoji {
     width: 80%;
}     
.feed_header_cta {
    font-size: 1em; 
    padding: 2% 0% 0% 0%;
}       
.feed_header_subtitle {
    font-size: 1.1em;
    padding: 2% 0% 1% 0%; 
}     
.client-review h1 {
        font-size: 1.5rem;
}     
.client-review { 
        padding: 49% 4% 5% 4%;
}       
.container {
    max-width: 305px;  
} 
}

/*   560px  401px ---------*/
 @media screen and (min-width: 25.001em) and (max-width: 35.000em) {
.book_appointment_calendar {
    height: 52em;
}     
.box-book-appointment-bg {
    padding: 6% 0% 0% 0%;
}      
.book_appointment_title {
        font-size: 1.3em;
}     
div#inner-content2 {
    width: 100%;
}      
.book-appointment { 
        padding: 36% 0% 2% 0%;
}       
.error-page .entry-content {
    margin: .5em 0 0;
}     
.reroute-btns {
    padding: 0% 10%;
}     
.error-page .inside-content h1 {
    font-size: 2.8em;
    margin-top: 14px;
    line-height: 1em;
}     
.error-page .error {
    font-size: 10em;
}     
.error-page {
        padding: 41% 1% 4% 1%;
}      
.thank-you .bg-inner p {
    font-size: 1.3rem;
}     
.thank-you a.btn.btn-primary {
    width: 90%;
    margin-bottom: 1.5%;
}      
.thank-you {
        padding: 22% 1% 0% 1%;
}        
.thank-you .bg-inner h1 {
        font-size: 3.8rem;
}      
.client-response .bg-inner p {
    font-size: 1.4rem;
}     
.client-response .bg-inner h1 strong {
    display: block;
    font-size: 1.4em;
}     
.client-response .bg-inner h1 {
    font-size: 2.8rem;
}   
.client-response {
        padding: 38% 1% 2% 1%;
}      
.client-review h1:after { 
        bottom: 66px;
        right: -9px;
}       
.client-review h1:before {
    left: -13px;
    top: -9px;
}       
.client-review h1 strong {
    margin: 5px;
}          
.feedback-emoji {
     width: 80%;
}     
.feed_header_cta {
    font-size: 1.1em; 
    padding: 2% 0% 0% 0%;
}      
.feed_header_subtitle {
    font-size: 1.2em;
    padding: 2% 0% 1% 0%; 
}     
.client-review h1 {
        font-size: 2.1rem;
}     
.client-review { 
        padding: 39% 4% 5% 4%;
}      
.container { 
    max-width: 400px;
}  
}

/*   640px  561px ---------*/
 @media screen and (min-width: 35.001em) and (max-width: 39.938em) {
.book_appointment_calendar {
    height: 50em;
}     
.box-book-appointment-bg {
    padding: 6% 0% 0% 0%;
}      
.book_appointment_title {
    font-size: 1.6em;
}     
div#inner-content2 {
    width: 100%;
}      
.book-appointment { 
        padding: 29% 0% 2% 0%;
}       
.reroute-btns {
    padding: 0% 10%;
}     
.error-page .inside-content h1 {
    font-size: 3.2em;
}     
.error-page .error {
    font-size: 11em;
}     
.error-page {
        padding: 33% 1% 4% 1%;
}     
.thank-you .bg-inner p {
    font-size: 1.4rem;
}     
.thank-you a.btn.btn-primary {
    width: 80%;
    margin-bottom: 1.5%;
}     
.thank-you {
        padding: 22% 1% 0% 1%;
}        
.thank-you .bg-inner h1 {
    font-size: 4.8rem;
}       
.client-response .bg-inner h1 {
    font-size: 3rem;
}     
.client-response {
        padding: 32% 1% 2% 1%;
}      
.client-review h1:after { 
    bottom: 74px;
    right: -9px;
}      
.client-review h1:before {
    left: -16px;
    top: -10px;
}         
.client-review h1 strong {
    margin: 7px;
}      
.feedback-emoji {
    width: 80%;
}     
.feed_header_cta {
    font-size: 1.2em;
    padding: 1% 2% 0% 2%; 
}      
.feed_header_subtitle {
    font-size: 1.3em;
    padding: 1% 2% 0% 2%;    
}     
.client-review h1 {
    font-size: 2.6rem;
}     
.client-review { 
        padding: 33% 4% 5% 4%;
}       
.container {
    max-width: 550px;
}
} 

/*   768px  640px ---------*/
 @media screen and (min-width: 39.939em) and (max-width: 55.000em) {
.book_appointment_calendar {
   height: 55em;
}     
.box-book-appointment-bg {
    padding: 6% 2% 0% 2%;
}     
.book_appointment_title {
    font-size: 1.7em;
}     
div#inner-content2 {
    width: 100%;
}      
.book-appointment { 
        padding: 26% 0% 2% 0%;
}        
.reroute-btns {
    padding: 0% 14%;
}     
.error-page .inside-content h1 {
    font-size: 3.6em;
}     
.error-page .error {
    font-size: 11em;
}     
.error-page {
        padding: 30% 1% 4% 1%;
}      
.thank-you a.btn.btn-primary {
    width: 70%;
    margin-bottom: 1.5%;
}     
.thank-you {
        padding: 21% 1% 0% 1%;
}        
.thank-you .bg-inner h1 {
    font-size: 5rem;
}        
.client-response .bg-inner h1 {
    font-size: 3.2rem;
}     
.client-response {
        padding: 29% 1% 2% 1%;
}       
.client-review h1:after { 
    bottom: 78px;
    right: -13px;
}     
.client-review h1:before {
    left: -17px;
    top: -12px;
}       
.client-review h1 strong {
    margin: 7px;
}     
.feedback-emoji {
        width: 80%;
}     
.feed_header_cta {
    font-size: 1.2em;
    padding: 1% 2% 0% 2%;     
}      
.feed_header_subtitle {
    font-size: 1.3em;
    padding: 1% 2% 0% 2%;     
}     
.client-review h1 {
    font-size: 2.8rem;
}     
.client-review { 
    padding: 30% 4% 5% 4%;
}     
.container {
    max-width: 640px;
}
}

/*    880px 768px ---------*/
 @media screen and (max-width: 55.00em) and (min-width: 48.00em) {
.container {
     max-width: 760px;
}   
}

/*   960px  881px ---------*/
 @media screen and (min-width: 55.001em) and (max-width: 59.938em) {
.book_appointment_calendar {
    height: 54em;
}        
.book_appointment_title {
    font-size: 1.8em;
}     
div#inner-content2 {
    width: 100%;
}      
.book-appointment {
    padding: 12% 1% 2% 1%;
}       
.error-page .inside-content h1 {
    font-size: 3.8em;
}     
.error-page .error {
    font-size: 12em;
}     
.error-page {
    padding: 13% 1% 4% 1%;
}     
.thank-you {
    padding: 12% 1% 0% 1%;
}        
.thank-you .bg-inner h1 {
    font-size: 5.2rem;
}       
.client-response .bg-inner h1 {
    font-size: 3.6rem;
}     
.client-response {
    padding: 15% 1% 2% 1%;
}        
.client-review h1:after { 
    bottom: 85px;
}     
.client-review h1:before {
    left: -17px;
    top: -12px;
}      
.feedback-emoji {
    width: 75%;
}     
.feed_header_cta {
    font-size: 1.1em;
}      
.feed_header_subtitle {
    font-size: 1.3em;
}     
.client-review h1 {
    font-size: 2.8rem;
}     
.client-review { 
    padding: 15% 4% 5% 4%;
}
.desk-nav{
    display: block;
}
.mobile-nav, .quick-nav{
    display: none;
}
.show-for-small-only{
    display: none;
}    
.container {
    max-width: 880px; 
}   
}

/*   1024px  961px ---------*/
 @media screen and (min-width: 60.000em) and (max-width: 63.938em) {
.book_appointment_calendar {
    height: 52em;
}        
.book_appointment_title {
    font-size: 1.8em;
}     
div#inner-content2 {
    width: 95%;
}      
.book-appointment {
    padding: 10% 1% 2% 1%;
}       
.error-page .inside-content h1 {
    font-size: 3.6em;
}     
.error-page .error {
    font-size: 12em;
}     
.error-page {
    padding: 13% 1% 4% 1%;
}     
.thank-you {
    padding: 12% 1% 0% 1%;
}        
.thank-you .bg-inner h1 {
    font-size: 5.2rem;
}        
.client-response .bg-inner h1 {
    font-size: 3.6rem;
}     
.client-response {
    padding: 15% 1% 2% 1%;
}         
.client-review h1:after { 
    bottom: 89px;
}     
.client-review h1:before {
    left: -17px;
    top: -12px;
}       
.feedback-emoji {
    width: 75%;
}     
.feed_header_cta {
    font-size: 1.1em;
}      
.feed_header_subtitle {
    font-size: 1.3em; 
}     
.client-review h1 {
    font-size: 2.8rem;
}     
.client-review { 
    padding: 14% 4% 5% 4%;
}       
.desk-nav{
    display: block;
}
.mobile-nav, .quick-nav{
    display: none;
}
.show-for-small-only{
    display: none;
}      
.container {
    max-width: 920px; 
}   
}

/*   1200px  1024px ---------*/
 @media screen and (min-width: 63.939em) and (max-width: 75.000em) {
.book_appointment_calendar {
    height: 52em;
}     
.book_appointment_title {
    font-size: 1.8em;
}     
div#inner-content2 {
    width: 90%;
}      
.book-appointment {
    padding: 10% 1% 2% 1%;
}      
.error-page .inside-content h1 {
    font-size: 3.8em;
}     
.error-page .error {
    font-size: 12em;
}     
.error-page {
    padding: 13% 1% 4% 1%;
}       
.thank-you {
    padding: 10% 1% 0% 1%;
}        
.thank-you .bg-inner h1 {
    font-size: 5.4rem;
}       
.client-response .bg-inner h1 {
    font-size: 3.8rem;
}     
.client-response {
    padding: 13% 1% 2% 1%;
}      
.client-review h1:after { 
    bottom: 95px;
}     
.client-review h1:before {
    left: -20px;
}         
.feedback-emoji {
    width: 70%;
}     
.feed_header_cta {
    font-size: 1.2em;
}      
.feed_header_subtitle {
    font-size: 1.4em;
}     
.client-review h1 {
    font-size: 3rem;
}     
.client-review { 
    padding: 13% 4% 5% 4%;
}      
.container {
    max-width: 985px;
}    
}

/*   1360px  1201px ---------*/
 @media screen and (min-width: 75.001em) and (max-width: 85.000em) {
.book_appointment_title {
    font-size: 1.9em;
}     
div#inner-content2 {
    width: 85%;
}      
.book-appointment {
    padding: 8% 1% 2% 1%;
}         
.error-page .inside-content h1 {
    font-size: 4em;
}     
.error-page .error {
    font-size: 13em;
}     
.error-page {
    padding: 10% 1% 4% 1%;
}       
.thank-you {
    padding: 8% 1% 0% 1%;
}        
.thank-you .bg-inner h1 {
    font-size: 5.6rem;
}     
.client-response .bg-inner h1 {
    font-size: 4rem;
}     
.client-response {
    padding: 11% 1% 2% 1%;
}        
.client-review h1:after { 
    bottom: 100px;
}     
.client-review h1:before {
    left: -20px;
}     
.feedback-emoji {
    width: 65%;
}     
.feed_header_cta {
    font-size: 1.3em;
}      
.feed_header_subtitle {
    font-size: 1.5em;
}     
.client-review h1 {
    font-size: 3.1rem;
}     
.client-review { 
    padding: 10% 4% 5% 4%;
}       
.desk-nav{
    display: block;
}
.mobile-nav, .quick-nav{
    display: none;
}
.show-for-small-only{
    display: none;
}      
.container {  
    max-width: 1150px;
}
}

/*   1520px  1361px ---------*/
 @media screen and (max-width: 95.001em) and (min-width: 85.001em) {
.book-appointment {
    padding: 7% 1% 2% 1%; 
}     
.error-page .inside-content h1 {
    font-size: 4em;
}     
.error-page .error {
    font-size: 13em;
}     
.error-page {
    padding: 9% 1% 4% 1%;
}     
.thank-you {
    padding: 7% 1% 0% 1%;
}     
.client-response .bg-inner h1 {
    font-size: 4.1rem;
}     
.client-response {
    padding: 10% 1% 2% 1%;
}     
.client-review {
    padding: 9% 4% 5% 4%; 
}      
.desk-nav{
    display: block;
}
.mobile-nav, .quick-nav{
    display: none;
}
.show-for-small-only{
    display: none;
}      
.container { 
    max-width: 1300px;
}
}

/*  2000px -1521px   */
@media screen and (max-width: 125em) and (min-width: 95.001em) {
.desk-nav{
    display: block;
}
.mobile-nav, .quick-nav{
    display: none;
}
.show-for-small-only{
    display: none;
}     
.container {
    max-width: 1460px;
}
}

/*  2000px -   */ 
 @media screen and (min-width: 125.001em) and (max-width: 999.9em) {
.desk-nav{
    display: block;
}
.mobile-nav, .quick-nav{
    display: none;
}
.show-for-small-only{
    display: none;
}      
.container {
    max-width: 1460px;
}
}