/*
  Theme Name: Avilon
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General @media all and (min-width:480px) and (max-width:767px)
--------------------------------------------------------------*/
@media (max-width:1200px) {
#road {
  width:100%;
  height:800px;
}
#intro h2 {
 font-size:2.5rem;
}
#intro .btn-get-started {
font-size:1.5rem;
}
#about .about-img img {
  padding:0;
  margin:0;
  }
#about .content h2 {
  font-size:24px;
  text-align:center;
}
#about .content p {
  text-align:center;
  font-size:16px;
}
#about .content ul li {
  font-size:16px;
  padding:0;
  margin-bottom:1%;
}

#features .cute { 
  right:2%; 
}
#call-to-action .col-lg-3 a {
  font-size:21px;
}
#call-to-action .cta-btn {
  width:100%;
  margin:0;
  margin-top:25%;
}

#more-features{
    padding: 6% 8% 6% 8%;
}

#more-features img {
   margin-right: 20px;
}
#faq #faq-list li a {
  font-size:20px;
}
}

@media (max-width:1024px) {
#road {
  width:100%;
  height:650px;
  margin-bottom: 5%;
}
#intro iframe {
  width:100%;
  height:900px;
}
#intro h2 {
 font-size:2rem;
}
#intro .btn-get-started {
font-size:1.2rem;
}	
#header .nav-menu li a {
   font-size:12px;
   line-height: 30px;
 }
#header .nav-menu li ul li a {
   font-size:12px;
}
#header #logo img {
  width:90%;
  position:relative;
  right:10%;
  }
#features .cute{
  right:1.9%;
}
#about {
height:700px;
padding-top:5%;
}

#about .content { 
  padding-right:10px;
}
  
#about .content h2 {
  font-size:22px;
  text-align:center;
 
}

#about h3{
  display: none;
}

#about .content p {
  font-size:14px;
  text-align:center;
}

#about .about-img {
  display: none;
}

#about .content ul li {
  font-size:14px;
  margin:0;
  margin-bottom:2%;
  padding:0;
}
#about .content ul li:nth-child(4), #about .content ul li:nth-child(7)
{ display:none; }
  

#intro_list .cta-btn {
  display: none;
 
}


#advanced-features .season {
  margin-top:4%;
}
#advanced-features h2 {
  font-size:22px;
}
#advanced-features .wow img {
  width:3%;
  margin-top:1.4%;
 
  padding:0;
}

#advanced-features .mz{
  width: 100vw;
  display:block; 
}

#advanced-features .wow p {
  text-align:justify;
  font-size:15px;
}
#call-to-action .col-lg-3 a {
  font-size:22px;
}
#call-to-action .cta-btn {
  width:120%;
  margin:0;
  margin-top:28%;
}
#more-features .cute_01 { 
  right:15%;
}
#faq #faq-list li a {
  font-size:17px;
}
}

@media (max-width:768px) {
  #road {
    width:100%;
    height:750px;
    margin-bottom: 5%;
  }
#intro h2 {
 font-size:1.7rem;
}
#intro .btn-get-started {
font-size:1.1rem;
border: 3px solid #fff;
}	
  #header #logo img {
  width:100%;
  }
  #intro p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  #nav-menu-container {
    display: none;
  }
  #mobile-nav-toggle {
    display: inline;
  }
  #about {
    margin-bottom:5%;
    height: 660px;

  }
  #about .about-img img {
    width:80%;
    margin-left:10%;
  }
  #about h3{
    display: none;
  }
 
  #about .about-img {
    display: none;
  }
  #about .about-img img {
    margin-left: 0;
    padding-bottom: 30px;
  }

  #about .content h2 {
    font-size:22px;
    text-align:center;
    margin-top: 10px;
  }
   
  #about .content ul li {
  text-align:justify;
	padding-left:18%;
  }

  #features {
    margin-top: 5%;
  }

  #features  .cute { 
   width:15%;
   right:3%;
   }
  #advanced-features .advanced-feature-img-right, #advanced-features .advanced-feature-img-left {
    max-width: 100%;
    float: none;
    margin-left: 10.5%;
  }
  

#advanced-features h2 {
  font-size:22px;
  margin-top: 5%;
}
#advanced-features .wow img {
  width:3%;
  margin-top:1.4%;
  padding:0;
}

#advanced-features .mz{
  width: 100vw;
  display:block; 
}

#advanced-features .wow p {
  text-align:justify;
  font-size:15px;
}

  #more-features .box {
    margin-bottom: 20px;
  }
  #more-features .icon {
    float: none;
    text-align: center;
    padding-bottom: 15px;
  }
  #more-features h4, #more-features p {
    margin-left: 0;
    text-align: center;
  }
  #more-features .cute_01 {
    right: 11%;
  }
#call-to-action .cta-btn {
  width:100%;
  margin:0;
  margin-top:5%;
}
  #faq #faq-list a {
    font-size: 18px;
  }
  #faq #faq-list i {
    top: 13px;
  }
  #contact {
    width: 100%;
    }
  #contact .contact-about { 
    width:120%;
    margin-left:35%;
  }
  #contact .col-lg-3 {
    width:100%;
    margin-left: 25%;
  }
  #contact .col-lg-5 {
    width:100%;
    margin-left: 18%;
  }
}


@media (max-width:480px) {
  #road {
    width:100%;
    height:550px;
    margin-bottom: 10%;
  }
 #intro iframe {
    width:100%;
    height:500px;
  }
#intro h2 {
 font-size:1.4rem;
}
#intro .btn-get-started {
font-size:1rem;
border: 2px solid #fff;
}
#header #logo img {
  width:100%;
}
 #about h3 { 
 font-size:20px;
 }
 #about .about-img img {
  width:80%;
  margin-left:10%;
}
 #about .about-img {
  height:310px;
 }
 #about .content h2 {
  font-size:22px;
  text-align:center;
 }	
 #about .content p {
  font-size:13px;
  text-align:center;
 }
 #about .content ul li {
  font-size:16px;
  text-align:justify;
  padding:0;
  margin:0;
 }
 
 #advanced-features .season {
   padding:0;
   margin:0;
 }
 #advanced-features .wow img {
   width:13%;
   display:inline-block;
   padding:0;
   margin:0;
 }


#advanced-features h2 {
  font-size:22px;
  margin-top: 5%;
}
#advanced-features .wow img {
  width:5%;
  margin-top:1.4%;
  padding:0;
}

#advanced-features .mz{
  width: 120vw;
  height: 280px;
  display:block; 
  position: relative;
  left: -10%;
}

#advanced-features .wow p {
  text-align:justify;
  font-size:15px;
}

 #features .features-img img {
    display: none;
}
#more-features{
    padding: 6% 6% 6% 6%;
}

iframe{
   display: none;
}
#lineupvideo{
    margin-top: 100px;
}
#more-features img {
   margin-right: 20px;
}
 #more-features { margin-top:20%; }
 #more-features .cute_01 {
   display:none;
 }
 #clients {
   display:none;
 }
 #faq #faq-list li {
  font-size:14px;
 }
  #faq #faq-list li a {
  font-size:16px;
  }
  #contact .contact-about {
   margin:0;
   width:100%;
   text-align:justify;
  }
  #contact .contact-about .social-links {
	padding-left:25%;
  }
  #contact .contact-about h3 { 
    text-align:center;
	margin-bottom:5%;
  }
  #contact .col-lg-3 {
   padding:0 auto;
   margin:0;
   width:100%;
  }
  #contact .col-lg-3 .info {
	padding-left:25%;
  }
  #contact .col-lg-5 {
	margin:0;
  }
}