/*
* XEO - Landing Page
* Version: 1.0
* Copyright 2014
* Created by: AgileUI
* URL: http://agileui.com/
* Designed and built based on Twitter Bootstrap 3.
*/


/*
**********************************************
Responsive Styles
**********************************************
*/
@media (min-width: 992px) and (max-width: 1024px) {
.img-button-hover a { margin-top: 55px; }
.button-effect.img-button-hover a { margin-top: 55px; }
.button-effect.img-button-hover:hover a { margin-top: 55px; }
}

@media (min-width: 768px) and (max-width: 991px) {
.box-plan .price { font-size: 50px; }
.contact-form-box { width: 100%; }
#contact-section .form-element-input { padding-bottom: 15px; }
.social { text-align: center; }
.footer-links .list-inline { text-align: center; }
p.copyright { text-align: center; }

#home-section img {width:100%;max-width: 100%;height: auto;}
}

@media (min-width: 601px) and (max-width: 767px) {
.navbar-nav > li > a { line-height: 20px; }
.box-plan .price { font-size: 50px; }
.contact-form-box { width: 100%; }
#contact-section .form-element-input { padding-bottom: 15px; }
.social { text-align: center; }
.footer-links .list-inline { text-align: center; }
p.copyright { text-align: center; }

#home-section img {width:100%;max-width: 100%;height: auto;}
}

@media (min-width: 140px) and (max-width: 767px) {
#newsletter-section .input-group { margin-bottom: 20px; }
#newsletter-section .btn { margin-top: 20px; }

#home-section img {width:100%;max-width: 100%;height: auto;}
}

@media (min-width: 549px) and (max-width: 600px) {
.navbar-nav > li > a { line-height: 20px; }
#home-section { height: 500px; }
.home-content { padding-top: 35px; }
#home-section .home-content h1 { font-size: 55px; }
.img-button-hover a { margin-top: 45px; }
.button-effect.img-button-hover a { margin-top: 45px; }
.button-effect.img-button-hover:hover a { margin-top: 45px; }
.contact-form-box { width: 100%; }
#contact-section .form-element-input { padding-bottom: 15px; }
.social { text-align: center; }
.footer-links .list-inline { text-align: center; }
p.copyright { text-align: center; }

#home-section img {width:100%;max-width: 100%;height: auto;}
}

@media (min-width: 481px) and (max-width: 548px) {
h1.section-title { font-size: 2.5em; }
h1.section-title-white { font-size: 3em; }
h3.section-subtitle { font-size: 1.5em; }
h3.section-subtitle-white { font-size: 1.5em; }
.navbar-nav > li > a { line-height: 15px; }
#home-section { height: 450px; }
.home-content { padding-top: 40px; }
#home-section .home-content h1 { font-size: 35px; }
#testimonials-section h1 { font-size: 2.5em; }
#testimonials-section h2 { font-size: 1.5em; }
#testimonials-section h3 { font-size: 1.5em; }
.img-button-hover a { display: inline-block; width: 70px; height: 70px; margin-top: 50px; padding-top: 20px; }
.button-effect.img-button-hover a { width: 70px; height: 70px; margin-top: 50px; }
.button-effect.img-button-hover:hover a { width: 70px; height: 70px; margin-top: 50px; }
.img-button-hover i { font-size: 2em; }
.contact-form-box { width: 100%; }
#contact-section .form-element-input { padding-bottom: 15px; }
.social { text-align: center; }
.footer-links .list-inline { text-align: center; }
p.copyright { text-align: center; }

#home-section img {width:100%;max-width: 100%;height: auto;}
}

@media (min-width: 321px) and (max-width: 480px) {
h1.section-title { font-size: 2.5em; }
h1.section-title-white { font-size: 2em; }
h3.section-subtitle { font-size: 1.5em; }
h3.section-subtitle-white { font-size: 1.5em; }
.navbar-nav > li > a { line-height: 15px; }
#home-section { height: 450px; }
.home-content { padding-top: 35px; }
#home-section .home-content h1 { font-size: 35px; }
#home-section p { padding: 0 5px 5px 5px; font-size: 1.8em; }
.newsletter-form { width: 90%; }
#testimonials-section h1 { font-size: 2em; }
#testimonials-section h2 { font-size: 1.5em; }
#testimonials-section h3 { font-size: 1.2em; }
.img-button-hover a { display: inline-block; width: 50px; height: 50px; margin-top: 37px; padding-top: 10px; }
.button-effect.img-button-hover a { width: 50px; height: 50px; margin-top: 37px; }
.button-effect.img-button-hover:hover a { width: 50px; height: 50px; margin-top: 37px; }
.img-button-hover i { font-size: 2em; }
.contact-form-box { width: 100%; }
#contact-section .form-element-input { padding-bottom: 15px; }
.social { text-align: center; }
.footer-links .list-inline { text-align: center; }
p.copyright { text-align: center; }

#home-section img {width:100%;max-width: 100%;height: auto;}
}

@media (min-width: 140px) and (max-width: 320px) {
h1.section-title { font-size: 2.5em; }
h1.section-title-white { font-size: 2em; }
h3.section-subtitle { font-size: 1.5em; }
h3.section-subtitle-white { font-size: 1.5em; }
.navbar-nav > li > a { line-height: 25px; }
#home-section { height: 450px; }
.home-content { padding-top: 40px; }
#home-section .home-content h1 { font-size: 35px; }
.form-subscribe h4 { font-size: 1.2em;  }
#testimonials-section h1 { font-size: 2em; }
#testimonials-section h2 { font-size: 1.5em; }
#testimonials-section h3 { font-size: 1.2em; }
.img-button-hover a { display: inline-block; width: 50px; height: 50px; margin-top: 17px; padding-top: 10px; }
.button-effect.img-button-hover a { width: 50px; height: 50px; margin-top: 17px; }
.button-effect.img-button-hover:hover a { width: 50px; height: 50px; margin-top: 17px; }
.img-button-hover i { font-size: 2em; }
.contact-form-box { width: 100%; }
#contact-section .form-element-input { padding-bottom: 15px; }
.social { text-align: center; }
.footer-links .list-inline { text-align: center; }
p.copyright { text-align: center; }

#home-section img {width:100%;max-width: 100%;height: auto;}
}