/*
------------------------------------------------------
Responsive Styles
------------------------------------------------------
*/
@media (min-width: 992px) and (max-width: 1199px) {
h3 { font-size: 24px; line-height: 30px; margin-bottom: 15px; }
/*------------------------------------------*/
/* BUTTON SETTINGS
/*------------------------------------------*/
.btn { margin-top: 15px; }
/*------------------------------------------*/
/* INTRO CONTENT
/*------------------------------------------*/
#intro_content { padding-top: 130px; padding-bottom: 140px; }
#intro h2 { font-size: 45px; line-height: 52px; margin-bottom: 15px; }
.intro_text p { font-size: 16px; line-height: 26px; }
/*------------------------------------------*/
/* INTRO BUTTON
/*------------------------------------------*/
.intro_button .btn { margin-top: 20px; }
/*------------------------------------------*/
/* INTRO REGISTER FORM
/*------------------------------------------*/
.form_register form { margin: 0 12px; padding: 25px 15px 30px; }
.form_register h4 { font-size: 16px; }
/*------------------------------------------*/
/* Register Form Input
/*------------------------------------------*/
.form_register .form-control { height: 42px; font-size: 15px; }
/*------------------------------------------*/
/* TABS NAV
/*------------------------------------------*/
.nav-tabs > li > a { font-weight: 700; margin-right: 0px; }
/*------------------------------------------*/
/* TABS IMAGE
/*------------------------------------------*/
.tab-image .img-responsive { margin-top: 20px; }
/*------------------------------------------*/
/* Transparent Button
/*------------------------------------------*/
#promo-content .btn.btn-tra { margin-top: 15px; }
/*------------------------------------------*/
/* Promo Line Image
/*------------------------------------------*/
.promo-line-image { margin-top: 20px; }
/*------------------------------------------*/
/* ABOUT-1 VIDEO LINK
/*------------------------------------------*/
#about-1 .video-block { padding-bottom: 74.25%; }
/*------------------------------------------*/
/* STATISTIC BLOCK
/*------------------------------------------*/
.statistic-number { font-size: 70px; line-height: 70px; }
.statistic-text { font-size: 14px; }
.statistic-block p { padding: 0; }
/*------------------------------------------*/
/* BIG PROMO IMAGE
/*------------------------------------------*/
.big-promo-image .img-responsive { margin-top: 20px; }
/*------------------------------------------*/
/* BIG PROMO CONTENT
/*------------------------------------------*/
.big-promo-content h3 { margin-bottom: 15px; }
.big-promo-content p {margin-bottom: 10px;}
/*------------------------------------------*/
/* Newsletter Form Input
/*------------------------------------------*/
#newsletter form input[type="email"] {width: 55%; font-size: 14px; }
#newsletter form input[type="submit"] {width: 42%; font-size: 14px; }
/*------------------------------------------*/
/* Portfolio Overlay Content
/*------------------------------------------*/
.portfolio-item:hover .overlay-content { bottom: 38%; }
/*------------------------------------------*/
/* FEATURES LIST IMAGE
/*------------------------------------------*/
.features-list-image { padding-right: 15px; }
/*------------------------------------------*/
/* Features List Content
/*------------------------------------------*/
.features-list-content h3 { margin-top: 0px; }
.features-list-content p { margin-bottom: 10px; }
/*------------------------------------------*/
/* Table Price Plan
/*------------------------------------------*/
.price-row .price span { font-size: 75px; }
.price-row .price sup { font-size: 35px; }
/*------------------------------------------*/
/* Table Body
/*------------------------------------------*/
.pricing-table ul.features {font-size: 14px; padding: 5px 30px; }
/*------------------------------------------*/
/* Blog Post Titlebar
/*------------------------------------------*/
#blog .blog-post-titlebar h4 { font-size: 14px; line-height: 22px; }
/*------------------------------------------*/
/* BOTTOM PROMO LINE CONTENT
/*------------------------------------------*/
#bottom-promo_line h2 { font-size: 32px; line-height: 38px; }
#bottom-promo_line p { font-size: 18px; line-height: 30px; }
/*------------------------------------------*/
/* Transparent Button
/*------------------------------------------*/
#bottom-promo_line .btn.btn-tra { padding: 9px 20px; }
/*------------------------------------------*/
/* Answer Settings
/*------------------------------------------*/
.question p { font-size: 14px; line-height: 22px; }
/*------------------------------------------*/
/* CONTACT INFO
/*------------------------------------------*/
.contact-data { padding: 0 10px;}
.contact-data h4 { font-size: 14px; }
.contact-data p { font-size: 14px; }
}
@media only screen and (max-width: 991px){
h3 { font-size: 24px; line-height: 30px; margin-bottom: 15px; }
/*------------------------------------------*/
/* BUTTON SETTINGS
/*------------------------------------------*/
.btn { margin-top: 15px; }
/*------------------------------------------*/
/* Navigation Menu
/*------------------------------------------*/
.navbar-nav > li > a { padding: 0 10px; }
/*------------------------------------------*/
/* INTRO CONTENT
/*------------------------------------------*/
#intro_content { text-align: left;}
#intro h2 { font-size: 42px; line-height: 48px; }
.intro_text p { font-size: 16px; line-height: 26px; padding: 0 5%; }
/*------------------------------------------*/
/* INTRO BUTTON
/*------------------------------------------*/
.intro_button .btn { font-size: 13px; margin-top: 20px; }
/*------------------------------------------*/
/* INTRO REGISTER FORM
/*------------------------------------------*/
.form_register form { width: 65%; margin: 40px auto 0; }
.form_register h4 { font-size: 16px; }
.form_register p { padding: 0 25px; }
/*------------------------------------------*/
/* OUR PROCESS
/*------------------------------------------*/
#our-process { padding-bottom: 50px; }
/*------------------------------------------*/
/* Our Process Item
/*------------------------------------------*/
.our-process-item { margin-bottom: 50px; }
/*------------------------------------------*/
/* ABOUT, ABOUT-1 Small Title
/*------------------------------------------*/
#about h4.small-title, #about-1 h4.small-title { font-size: 16px; }
/*------------------------------------------*/
/* TABS
/*------------------------------------------*/
#tabs-holder { margin-top: 30px; }
/*------------------------------------------*/
/* TABS NAV
/*------------------------------------------*/
.nav-tabs { margin-bottom: 20px; }
/*------------------------------------------*/
/* ABOUT SECTION IMAGE
/*------------------------------------------*/
.tab-image { margin-top: 30px; }
/*------------------------------------------*/
/* PROMO LINE
/*------------------------------------------*/
#promo { padding-bottom: 100px; }
/*------------------------------------------*/
/* PROMO LINE TEXT
/*------------------------------------------*/
#promo-content h3 { margin-top: 20px; }
/*------------------------------------------*/
/* ABOUT-1 ACCORDION
/*------------------------------------------*/
#accordion { margin-bottom: 40px; }
/*------------------------------------------*/
/* STATISTIC BANNER
/*------------------------------------------*/
#statistic_banner { padding-bottom: 50px; }
/*------------------------------------------*/
/* STATISTIC BLOCK
/*------------------------------------------*/
.statistic-block { margin-bottom: 50px; }
.statistic-block p { padding: 0 10%; }
/*------------------------------------------*/
/* BIG PROMO CONTENT
/*------------------------------------------*/
.big-promo-content h3 { margin-top: 30px; }
/*------------------------------------------*/
/* NEWSLETTER TITLE
/*------------------------------------------*/
#newsletter h4 { margin-bottom: 20px; }
/*------------------------------------------*/
/* Portfolio Overlay Content
/*------------------------------------------*/
.portfolio-item:hover .overlay-content { bottom: 40%; }
/*------------------------------------------*/
/* FEATURES LIST
/*------------------------------------------*/
#features-list { padding-bottom: 100px; }
/*------------------------------------------*/
/* FEATURES LIST IMAGE
/*------------------------------------------*/
.features-list-image { margin-bottom: 40px; padding-right: 15px; }
/*------------------------------------------*/
/* Testimonial Message Text
/*------------------------------------------*/
.client-msg p { padding: 10px 5%; }
/*------------------------------------------*/
/* BOTTOM PROMO LINE CONTENT
/*------------------------------------------*/
#bottom-promo_line h2 { font-size: 30px; line-height: 36px; }
#bottom-promo_line p { font-size: 18px; line-height: 30px; }
/*------------------------------------------*/
/* Answer Settings
/*------------------------------------------*/
.question p { font-size: 14px; line-height: 22px;}
/*------------------------------------------*/
/* CONTACT INFO
/*------------------------------------------*/
.contact-data { text-align: center; }
/*------------------------------------------*/
/* CALL TO ACTION TEXT
/*------------------------------------------*/
#call-to-action h3 { text-align: center; }
#call-to-action p { font-size: 18px; line-height: 28px; text-align: center; }
#call-to-action .btn.btn-tra { margin-top: 20px; }
/*------------------------------------------*/
/* FOOTER
/*------------------------------------------*/
#footer {text-align: center; }
}
@media only screen and (max-width: 767px){
#intro h1 {color: #fff;font-size: 35px;line-height: 40px;margin-bottom: 20px;font-weight: 600;}
#intro h2 {font-size: 24px;line-height: 38px!important;padding: 0;}
#intro h2 span {font-weight: 900 !important;font-size: inherit;background:#fff;}
#services, #our-process, #about, #promo, #about-1, #statistic_banner, #team, #big-promo, #newsletter, #portfolio,
#features-list, #pricing, #blog, #faq, #contact { padding-left: 30px; padding-right: 30px; }
#services, #our-process, #statistic_banner, #team, #pricing, #blog { padding-top: 80px; padding-bottom: 30px; }
#about, #promo, #about-1, #big-promo, #features-list, #testimonials_rotator { padding-top: 80px; padding-bottom: 80px; }
#portfolio, #contact { padding-top: 80px; padding-bottom: 50px; }
#bottom-promo_line, #call-to-action { padding-top: 60px; padding-bottom: 60px; }
#faq { padding-top: 80px; padding-bottom: 60px; }
/*------------------------------------------*/
/* Logo Image
/*------------------------------------------*/
.navbar-brand { padding: 17px 30px; }
/*------------------------------------------*/
/* Responsive Menu
/*------------------------------------------*/
.navbar-nav { background: #f9f9f9; border-top: 1px solid #ddd;}
.navbar-nav > li { text-align: center;}
.navbar-nav > li > a { line-height: 40px; text-align: center;}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse { max-height: 400px;}
/*------------------------------------------*/
/* INTRO CONTENT
/*------------------------------------------*/
#intro h2 { font-size: 36px; line-height: 42px; margin-top: 0; margin-bottom: 20px; }
.intro_text p { font-size: 16px; line-height: 24px; padding: 0 8%; }
/*------------------------------------------*/
/* INTRO REGISTER FORM
/*------------------------------------------*/
.form_register form { width: 60%; }
/*------------------------------------------*/
/* MAILCHIMP NEWSLETTER FORM
/*------------------------------------------*/
#newsletter { text-align: center;}
/*------------------------------------------*/
/* BOTTOM PROMO LINE CONTENT
/*------------------------------------------*/
#bottom-promo_line h2 { font-size: 26px; line-height: 32px; }
#bottom-promo_line p { font-size: 16px; line-height: 26px; }
/*------------------------------------------*/
/* Contact Form Submit Button
/*------------------------------------------*/
#form_btn { text-align: center; margin-bottom: 40px; }
/*------------------------------------------*/
/* CONTACT INFO
/*------------------------------------------*/
#contacts-info .contact-data { width: 50%; float: left; margin-bottom: 30px; }
/*------------------------------------------*/
/* Transparent Button
/*------------------------------------------*/
#call-to-action .btn.btn-tra { padding: 15px 30px; }
}
@media only screen and (max-width: 640px){
/*------------------------------------------*/
/* INTRO CONTENT
/*------------------------------------------*/
#intro h2 { font-size: 34px; line-height: 40px; margin-bottom: 15px; padding: 0 4%; }
.intro_text p { font-size: 16px; line-height: 24px; padding: 0 8%; }
/*------------------------------------------*/
/* INTRO REGISTER FORM
/*------------------------------------------*/
.form_register form { width: 70%; }
/*------------------------------------------*/
/* SERVICE BOX
/*------------------------------------------*/
.service-box { width: 100%; float: none !important; }
/*------------------------------------------*/
/* STATISTIC BLOCK
/*------------------------------------------*/
.statistic-block { width: 100%; float: none !important; }
.statistic-block p { padding: 0 15%; }
/*------------------------------------------*/
/* Team Member
/*------------------------------------------*/
.team_members_wrapper .col-xs-6 { width: 100%; float: none !important; }
/*------------------------------------------*/
/* Button Settings
/*------------------------------------------*/
#gallery-filter .btn-group > .btn { font-size: 12px; letter-spacing: 0; padding: 8px 16px; }
/*------------------------------------------*/
/* Portfolio Overlay Content
/*------------------------------------------*/
.portfolio-item { width: 100%; float: none !important; }
.portfolio-item:hover .overlay-content { bottom: 45%; }
/*------------------------------------------*/
/* Pricing
/*------------------------------------------*/
.price-row .col-xs-6 { width: 100%; float: none !important; }
.pricing-table {margin: 0 40px; }
/*------------------------------------------*/
/* BOTTOM PROMO LINE CONTENT
/*------------------------------------------*/
#bottom-promo_line h2 { font-size: 24px; line-height: 28px; }
#bottom-promo_line p { font-size: 16px; line-height: 26px; }
/*------------------------------------------*/
/* CALL TO ACTION TEXT
/*------------------------------------------*/
#call-to-action h3 { font-size: 24px; line-height: 24px; }
#call-to-action p { font-size: 16px; line-height: 16px; }
}
@media (max-width: 480px) {
#stlChanger { display: none; }
h3 { font-size: 22px; line-height: 26px; }
#services, #our-process, #about, #promo, #about-1, #statistic_banner, #team, #big-promo, #newsletter, #portfolio,
#features-list, #pricing, #blog, #faq, #contact { padding-left: 15px; padding-right: 15px; }
#services, #our-process, #statistic_banner, #team, #pricing, #blog { padding-top: 60px; padding-bottom: 10px; }
#about, #promo, #about-1, #big-promo, #features-list, #testimonials_rotator { padding-top: 60px; padding-bottom: 60px; }
#portfolio, #contact { padding-top: 60px; padding-bottom: 30px; }
#bottom-promo_line, #call-to-action { padding-top: 60px; padding-bottom: 60px; }
#faq { padding-top: 40px; padding-bottom: 40px; }
/*------------------------------------------*/
/* SECTION TITLEBAR
/*------------------------------------------*/
.titlebar h3 { font-size: 26px; line-height: 26px; }
.titlebar p { font-size: 16px; line-height: 16px; }
/*------------------------------------------*/
/* Logo Image
/*------------------------------------------*/
.navbar-brand {padding: 17px 15px;}
/*------------------------------------------*/
/* Responsive Menu Button
/*------------------------------------------*/
.navbar-toggle { margin: 11px 15px 11px 0; }
/*------------------------------------------*/
/* INTRO CONTENT
/*------------------------------------------*/
#intro_content { padding-top: 0px; padding-bottom:0px; }
#intro h2 { font-size: 28px; line-height: 34px; padding: 0; }
.intro_text p { font-size: 14px; padding: 0;}
/*------------------------------------------*/
/* INTRO BUTTON
/*------------------------------------------*/
.intro_button {margin-left: 0; }
.intro_button .btn { padding: 12px 30px; }
/*------------------------------------------*/
/* Transparent Button
/*------------------------------------------*/
.intro_button .btn.btn-tra { padding: 11px 24px; }
/*------------------------------------------*/
/* INTRO REGISTER FORM
/*------------------------------------------*/
.form-group
{
margin-bottom:0px !important;
}
.form_register form { width: 100%; margin: 0px;}
.form_register h4 { font-size: 15px; }
.form_register p { font-size: 14; padding: 0 10px; }
/*------------------------------------------*/
/* Register Form Input
/*------------------------------------------*/
.form_register .form-control { height: 40px; font-size: 14px; }
/*------------------------------------------*/
/* Register Form Button
/*------------------------------------------*/
#form_register_btn .btn { padding: 12px 30px; }
/*------------------------------------------*/
/* TABS NAV
/*------------------------------------------*/
.nav-tabs { border-bottom: none; }
.nav-tabs li { display: block; width: 100%; margin-bottom: 5px; }
/*------------------------------------------*/
/* STATISTIC BLOCK
/*------------------------------------------*/
.statistic-block p { padding: 0 10%; }
/*------------------------------------------*/
/* NEWSLETTER TITLE
/*------------------------------------------*/
#newsletter h3 { font-size: 26px; line-height: 26px; }
#newsletter h4 { font-size: 16px; line-height: 20px; padding: 0 5%;}
/*------------------------------------------*/
/* Newsletter Form Input
/*------------------------------------------*/
#newsletter form input[type="email"] {width: 100%; font-size: 13px;padding: 12px 18px; margin-bottom: 10px;}
#newsletter form input[type="submit"] {width: 100%; font-size: 13px; padding: 12px 18px; margin-left: 0;}
/*------------------------------------------*/
/* Button Settings
/*------------------------------------------*/
#gallery-filter .btn-group > .btn { margin-bottom: 4px; }
/*------------------------------------------*/
/* Testimonial Message Text
/*------------------------------------------*/
.client-msg p { font-size: 18px; line-height: 26px; padding: 10px 2%; }
/*------------------------------------------*/
/* CLIENT LOGO
/*------------------------------------------*/
.item {padding: 0 5px;}
/*------------------------------------------*/
/* BOTTOM PROMO LINE CONTENT
/*------------------------------------------*/
#bottom-promo_line h2 { font-size: 20px; line-height: 26px; }
#bottom-promo_line p { font-size: 14px; line-height: 24px; }
/*------------------------------------------*/
/* Question Settings
/*------------------------------------------*/
.question h4 { font-size: 13px; }
/*------------------------------------------*/
/* CONTACT INFO
/*------------------------------------------*/
.contact-data { width: 100%; float: none !important; }
/*------------------------------------------*/
/* CALL TO ACTION TEXT
/*------------------------------------------*/
#call-to-action h3 { font-size: 20px; line-height: 24px; }
#call-to-action p { font-size: 14px; line-height: 14px; }
/*------------------------------------------*/
/* Transparent Button
/*------------------------------------------*/
#call-to-action .btn.btn-tra { padding: 12px 24px; }
/*------------------------------------------*/
/* FOOTER
/*------------------------------------------*/
#footer_copyright { text-align: left; }
#footer_copyright p {padding-left: 0; }
}
@media (max-width: 320px) {
h4.small-title, .statistic-text { font-size: 14px; }
#services, #our-process, #about, #promo, #about-1, #statistic_banner, #team, #big-promo, #newsletter, #portfolio,
#features-list, #pricing, #blog, #faq, #contact { padding-left: 5px; padding-right: 5px; }
/*------------------------------------------*/
/* SECTION TITLEBAR
/*------------------------------------------*/
.titlebar h3 {font-size: 22px; line-height: 26px; margin-bottom: 5px; }
.titlebar p {font-size: 14px; line-height: 20px; padding: 0;}
.titlebar p:after { width: 120px;}
/*------------------------------------------*/
/* INTRO CONTENT
/*------------------------------------------*/
#intro h2 { font-size: 22px; line-height: 26px; }
.intro_text p { font-size: 14px; line-height: 18px; padding: 0; }
/*------------------------------------------*/
/* INTRO CONTENT
/*------------------------------------------*/
#intro h2 { font-size: 22px; line-height: 28px; padding: 0; }
.intro_text p { padding: 0; }
/*------------------------------------------*/
/* INTRO BUTTON
/*------------------------------------------*/
.intro_button .btn { font-size: 13px; font-weight: 900; letter-spacing: 0px; padding: 9px 18px; }
/*------------------------------------------*/
/* Transparent Button
/*------------------------------------------*/
.intro_button .btn.btn-tra { padding: 7px 16px; }
/*------------------------------------------*/
/* INTRO REGISTER FORM
/*------------------------------------------*/
.form_register form { width: 100%; margin: 30px auto 0; padding: 20px 5px 30px;}
.form_register h4 {font-size: 13px; letter-spacing: 1px; }
/*------------------------------------------*/
/* Register Form Input
/*------------------------------------------*/
.form_register .form-control {height: 34px; font-size: 13px; margin-bottom: 10px; }
.form_register p { font-size: 13px; padding: 0 12px; margin-top: 15px; }
/*------------------------------------------*/
/* Register Form Button
/*------------------------------------------*/
#form_register_btn .btn { font-size: 13px; font-weight: 700; letter-spacing: 0px; padding: 9px 18px; }
/*------------------------------------------*/
/* ABOUT, ABOUT-1 Small Title
/*------------------------------------------*/
#about h4.small-title, #about-1 h4.small-title { font-size: 15px; }
/*------------------------------------------*/
/* STATISTIC BLOCK
/*------------------------------------------*/
.statistic-number { font-size: 60px; line-height: 60px; }
.statistic-block p { padding: 0; }
/*------------------------------------------*/
/* NEWSLETTER TITLE
/*------------------------------------------*/
#newsletter h3 { font-size: 22px; line-height: 28px; }
#newsletter h4 { font-size: 15px; line-height: 20px; padding: 0 5%;}
.portfolio-item:hover .overlay-content { bottom: 38%; }
/*------------------------------------------*/
/* Testimonial Message Text
/*------------------------------------------*/
.client-msg p { font-size: 16px; padding: 0; }
/*------------------------------------------*/
/* CLIENT LOGO
/*------------------------------------------*/
.item { padding: 0; }
/*------------------------------------------*/
/* Pricing
/*------------------------------------------*/
.pricing-table {margin: 0;}
/*------------------------------------------*/
/* CALL TO ACTION TEXT
/*------------------------------------------*/
#call-to-action h3 { line-height: 26px; }
#call-to-action p { line-height: 18px; }
/*------------------------------------------*/
/* Transparent Button
/*------------------------------------------*/
#call-to-action .btn.btn-tra { padding: 10px 20px; }
}