/* all other larger devices */
@media only screen and (max-width: 1280px) {
  
}

/* medium tablets 768px to 1023px */
@media only screen and (max-width: 1023px) {
  header {
 background-image:url(Images/girls.png);
} 
    .header-nav li {
    margin-left: 10x;
    top: 10px;
      font-size: 13px;
      }  

    html {
        font-size: 15px;
    }
    section {
        padding: 60px;
    
    }
    .hero-text {
        padding-top: 23%;
        padding-right: 20%;
    }
    
    .box p{
 font-size: 80%;
}

.box-2 p{
 font-size: 80%;
    line-height: 175%;
    margin-left: -35px;
    padding-right: 25%;
    
}
  
    
    .logo {
        height: 110px;
        float: left;
        margin-top: 20px;
    }
    h1 {font-size: 180%;}
    h2 {font-size: 170%;}
    h3 {font-size: 80%;}
    .works-step {
    width: 350px;
        margin-bottom: 20px;
    }
     .works-step:last-of-type {margin-bottom: 20px;}
    .works-step {margin-bottom: 20px;}
    .works-step div {
        height: 40px;
        width: 40px;
        margin-right: 20px;
        padding-left: 20px;
        position: relative;
        top: 5px;
    }
    .footer-nav {margin-left: -50px; }
    .footer-nav li, .social-links li {
        margin-right: 10px;
    }
    .steps-box:first-child {
   text-align: center;
    margin-top: 30px;
        }
.product-image {
    width: 100%;
    padding-top: 40%;
}
    
.section-testimonials {
    background-image:url(Images/testimonialsbg.png);
    }
    
    .yelp-review {
        padding-right: 30%;
        float: right;
    }
   
}

/* larger phones to small tablets 481px to 767px */
@media only screen and (max-width: 767px) {
 header {
 background-image:url(Images/girls.png);
} 
    html {font-size: 30px;}
    section {padding: 30px 0;}
    .row, .hero-text {padding: 0 8%;}
    .col {
        width: 80%; margin: 0 0 4% 0;
        text-align: justify;
    }
    .hero-text {
        padding-top: 18%;
        padding-right: 36%;
    }
    .header-nav {display: none;}
    .mobile-nav-icon {display: inline-block;}
    .header-nav {
        float: left;
        margin-top: 30px;
        margin-left: 25px;
    }
    .header-nav li {display: block;}
    .header-nav li a:link,
    .header-nav li a:visited {
        display: block;
        border: 0;
        padding: 10px 0;
        font-size: 100%;
    }
    .big-copy {
        width: 100%;
        margin-left: 0%;
    }
    h1 {font-size: 180%;}
    h2 {font-size: 150%;}
    
    table, th, td {
        margin-left: 13%;
    }
    .works-step:last-of-type {margin-bottom: 20px;}
    .works-step {
        margin-bottom: 20px;
        width: 100%;
        margin-left: 10%;
        position: relative;
        
    
    }
    
.product-image {
    width: 80%;
    padding-top: 20px;
    margin-left: 21%;
    
}
        
.section-testimonials {
    background-image:url(Images/testimonialsbg.png);
    }
    
    .yelp-review {
        padding-right: 30%;
        float: right;
    }
    
    .ss-book-widget {
    margin-left: 35%;
}
    
    .footer-nav {float: right; text-align: center;}
 
    .footer-nav li {
         margin-right: 1px;
        padding: 1px;
    }
    .social-links {
        float: none;
        text-align: center;
        margin-left: 27%;
    }
    
    
}



/* small phones 0 to 480px */
@media only screen and (max-width: 480px) {
  header {
 background-image:url(Images/girls.png);
}  
     body {font-size: 14px;}
    section {padding: 20px 0;}
    .row, .hero-text {padding: 0 4%;}
    .hero-text {margin-left:20px;}
    .col {
        width: 100%; margin: 0 0 4% 0;
    }
    .hero-text {
        padding-top: 18%;
        padding-right: 106%;
    }
    .header-nav {display: none;}
    .mobile-nav-icon {display: inline-block;}
    .header-nav {
        float: left;
        margin-top: 30px;
        margin-left: 25px;
    }
    .header-nav li {display: block;}
    .header-nav li a:link,
    .header-nav li a:visited {
        display: block;
        border: 0;
        padding: 10px 0;
        font-size: 100%;
    }
    .big-copy {
        width: 100%;
        margin-left: 0%;
    }
    h1 {font-size: 160%;}
    h2 {font-size: 130%;}
    table, th, td {
        margin-left: 1px;
    }

    .works-step:last-of-type {margin-bottom: 20px;}
    .works-step {
        margin-bottom: 20px;
        width: 100%;
        margin-left: 1%;
        position: relative;
    }
    
.product-image {
    width: 80%;
    padding-top: 20px;
    margin-left: 1%;
    
}
        
.section-testimonials {
    background-image:url(Images/testimonialsbg.png);
    background-size: contain;
    }
    
    .yelp-review {
        overflow: hidden;
        padding-right: 0;        
}
    
    .ss-book-widget {
    margin-left: 28%;
}

    footer {font-size: 12px;}
    
    .footer-nav {float: none; text-align: center;
    margin-left: 1%;
    }
 
    .footer-nav li {
         margin-right: 1px;
        padding: 1px;
    }
    .social-links {
        float: none;
        text-align: center;
        margin-left: 1%;
    }
       
       
    
}