/*
* eLite - Landing Page
* Version: 1.1
* Copyright 2014
* Created by: DamterThemes
* URL: https://wrapbootstrap.com/user/damterthemes
* Designed and built based on Twitter Bootstrap 3. 
*/

/*
**********************************************
Desktop
**********************************************
*/
@media (min-width: 1920px) and (max-width: 2560px) {
#product { background: url("../../assets/img/backgrounds/bg-1-2560px.jpg") #292a2b no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#purchase { background: url("../../assets/img/backgrounds/bg-2-2560px.jpg") #272324 no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
}

/*
**********************************************
Landscape Phone To Portrait Tablet
**********************************************
*/
@media (min-width: 140px) and (max-width: 800px) {
.to-top { display: none !important; }
}

@media (min-width: 100px) and (max-width: 625px) {
.header .col-xs-4 { width: 100%; text-align: center; padding-top: 20px; }
.header .col-xs-8 { width: 100%; text-align: center; padding-bottom: 10px; }
.phone { width: 100%; padding-bottom: 10px; }
.icon-facebook { font-size: 1.3em; }
.icon-twitter { font-size: 1.3em; }
.icon-google-plus { font-size: 1.3em; }
.icon-skype { font-size: 1.3em; }

/*
**********************************************
Landscape phones and down
**********************************************
*/
@media (min-width: 100px) and (max-width: 480px) {
.product-title h1 { font-size: 30px; }
.info-product-title h1 { font-size: 30px; }
h1.section-title { font-size: 1.5em; }
#testimonials p { font-size: 1em; }
#pricing-table .col-xs-6 { width: 100%; }
#pricing-table .panel-body .lead { font-size: 2em !important; }
.form-subscribe-content { width: 100%; }
.form-subscribe h4 { font-size: 1.5em; }
.form-subscribe-coming-soon h4 { font-size: 1.5em; }
#purchase h1 { font-size: 28px; }
}

@media (min-width: 100px) and (max-width: 320px) {
.product-title h1 { line-height: 1.5em; }
.info-product-title h1 { line-height: 1.5em; }
#testimonials p { font-size: 1em; }
.screenshots .col-xs-4 { width: 50%; }
#purchase h3 { font-size: 16px; line-height: 1.5em; }
}