/*small phones to small tablets : from 481 to 767px*/

@media only screen and (max-width: 1200px) {
    .hero-text-box {
        width: 70%;
        padding: 0 2%;
    }
   .row { padding: 0 2%; }
   
main-nav {
  min-width: auto;
  
}
  .main-nav li {
    display: inline-block;
    margin-left: 50px;
	font-size: medium;
}

}


/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
    body { font-size: 18px; }
    section { padding: 60px 0; }

    .slider1 {
        max-width: 80rem;
        height: 26rem;
       }
      
      .slide1 {
        width: 100%;
        height: 21rem;
      }
   .section-testimonials{
        padding: 100px 0;
    }
	
	.main-nav {
		min-width: auto;
		font-size: 14px;
	}
	.main-nav li {
		display: inline-block;
		margin-left: 50px;
		font-size: small;
	}	
  
}



@media screen and (max-width: 767px){
  
.section-contact-form {
    padding: 230px 0;
}

header {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url(img/1080-1920.png);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(img/1080-1920.png);
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(img/1080-1920.png);
	background-position: center;
	background-attachment: scroll;
	background-size: cover;
	width: 100% ;
	height:100vh;
  }	
.section-testimonials{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url(img/1080-1920Feedback.png);
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(img/1080-1920Feedback.png);
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(img/1080-1920Feedback.png);
  background-position: center;
  background-attachment: scroll;
  background-size: cover;
  width: 100% ;
  height:100vh;
 }
 .section-subscription-form{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url(img/1080-1920Subscription.png);
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(img/1080-1920Subscription.png);
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(img/1080-1920Subscription.png);
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: cover;	
  background-position: center;
  background-attachment: scroll;
  color: #fff;
  width: 100% ;
  height:100vh;
}
.section-about-author{
	 padding: 200px 0;
	 width:100%;
}

.section-reviews{
	 padding: 10px 0;
	 width:100%;
}


.slider {
  max-width: 80rem;
  height: 45rem;
  margin: 0 auto;
}

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 39rem;
}

/* SLIDER1 */
.slider1 {
  max-width: 80rem;
  height: 25rem;
 }

.slide1 {
  width: 100%;
  height: 18rem;
}

.dots1 {
  bottom: 10%;
}

.row {
	max-width: 767px;
    margin: 0	auto;
}

body { font-size: 17px; }
section { padding: 50px 0; }

.main-nav {
display: none;
height: 107px;
max-height: 120px;
min-width: auto;
font-size: 14px;
}
.mobile-nav-icon {display: inline;}  

    
.main-nav li {
    display: block;
    margin-left: 30px;
}

.main-nav li a:link,
.main-nav li a:visited{
	padding: 1px 0;
	display:block;
	border:0;
	font-size: 70%;
  }
  
.rehtoric-ninja-logo-link {
	width: 87px;
    float: left;
   
}

.rehtoric-ninja-text-home{
    padding: 0 10px;
    height: 100px;
    opacity: .8;
 }

.sticky {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,45,0.12);
    z-index: 9999;
	height: 150px;
    max-height: 100px;
}

.sticky .main-nav { 
display: none;
height: 107px;
max-height: 120px;
min-width: auto;
font-size: 14px;
}

.sticky .main-nav li a:link,
.sticky .main-nav li a:visited {
   padding: 1px 0;
	display:block;
	border:0;
	font-size: 70%;
}

.sticky .rehtoric-ninja-logo-link { display: none; }
.sticky .rehtoric-ninja-logo-link{ display: block; }

.hero-text-box {
    width: 70%;
    top: 30%;
    left: 50%;
}
h3 {
    font-size: 80%;
    font-weight: 200;
}
  
h1 {
    font-size: 80%;
    font-weight: 400;
}
  
h2 {
	font-size:80%;
	font-weight:700;
}

h4 {
	font-size:80%;
	font-weight:300;
 }
 blockquote{
	 font-size: 80%;
 }
 
 p{
	font-size: 80%;
 }
 
.feedbacklink-class li a:link,
.feedbacklink-class li a:visited {
    font-size: 80%;
}

.social-links li a:link,
.social-links li a:visited {
    font-size: 80%;
}

.feedbacklink-class li,
.social-links li {
    margin-right: 15px;
}

.subscription-form{
	 width:70%;
	 margin:0 auto;	
     font-size:80%	 
}
.contact-form{
	 width:70%;
	 margin:0 auto;
	 font-size:80%
}

.slider1__btn {
    height: 1.9rem;
    width: 1.9rem;
    font-size: 1.4rem;
}

.slider__btn {
    height: 1.9rem;
    width: 1.9rem;
    font-size: 1.4rem;
}

input[type=submit] {
    display: inline-block;
    padding: 5px 15px;
    font-weight: 200;
}


.testimonial__text {
    font-size: 0.7rem;
 }
 
 .testimonial__header {
    font-size: 0.9rem;
 }
 .testimonial::before {
    top: -3.7rem;
    left: -2.8rem;
    line-height: 2.2;
    font-size: 5rem;
 }
 .testimonial__name {
  font-size: 0.7rem;
  font-weight: 500;
  align-self: center;
  margin: 0;
 }
 .testimonial__photo {
    width: 1.9rem;
 }
 
.dots1__dot {
  opacity: 0.6;
  height: 0.6rem;
  width: 0.6rem;
  margin-right: 0.5rem;
 }
 .dots__dot {
  opacity: 0.7;
  height: 0.7rem;
  width: 0.7rem;
  margin-right: 0.7rem;
 }
 .testimonial__author {
    margin-left: 0.5rem;
	grid-template-columns: 3.5rem 1fr;
    column-gap: 0.1rem;
}

.mobile-nav-icon {
    margin-top: 25px;
    margin-left:25px;
   }

.rehtoric-ninja-logo-link {
 background-size: 100px 100px;
 background-position: bottom;
}
}

/*small phones : from 0 to 480px*/
@media only screen and(max-width: 480px){
	
section { padding: 25px 0; }

.contact-form {width: 100%; }	
.subscription-form{width: 100%;}

header {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url(img/mobileOne.png);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(img/mobileOne.png);
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(img/mobileOne.png);
	background-position: center;
	background-attachment: fixed;
	width: 100% ;
	height:100vh;
  }	
.section-about-author{
	 padding: 100px 0;
}

.section-reviews{
	 padding: 40px 0;
	 width:100%;
}

.section-subscription-form{
	padding: 100px 0;
	width:100%
}

.testimonial__text {
    font-size: 0.6rem;
 }
 
 .testimonial__header {
    font-size: 0.8rem;
 }

.testimonial::before {
    top: -2.5rem;
    left: -1.8rem;
    line-height: 2.2;
    font-size: 4rem;
}
.slider1__btn {
    height: 1.9rem;
    width: 1.9rem;
    font-size: 1.4rem;
}

.slider__btn {
    height: 1.9rem;
    width: 1.9rem;
    font-size: 1.4rem;
}

.row {
	max-width: 480px;
    margin: 0	auto;
}

header {
      width: 100%;
}

.hero-text-box {
	position: absolute;
	width: 50%;
	top: 30%;
	left: 50%;
}

.slider1 {
    max-width: 80rem;
    height: 26rem;
   }
  
  .slide1 {
    width: 100%;
    height: 25rem;
  }

  .section-testimonials{
	padding: 120px 0;
	height: 100vh;
    width: 100%;
	
}

.main-nav {
    min-width: 480px;
    font-size: 12px;
}

.main-nav li {
  margin-left: 70px;
}

.main-nav li a:link,
.main-nav li a:visited{
	padding: 6px 0;
 }

/* Mobile navi */
/* Mobile navi */
.mobile-nav-icon {
 margin-top: 25px;
 margin-left:2px;
}

.mobile-nav-icon i {
    font-size: 100%;
}

.sticky {
    width: 100%;
}

.sticky .main-nav { 
    min-width: 480px;
    font-size: 14px;
}

.sticky .main-nav li a:link,
.sticky .main-nav li a:visited {
    padding: 7px 0;
    font-size: 90%;
}
}