/* ------------------------------------------------------ Responsive Styles ------------------------------------------------------ */ @media (min-width: 1440px) and (max-width: 2880px) { /*------------------------------------------*/ /* INTRO /*------------------------------------------*/ #intro { padding-top: 120px; padding-bottom: 100px; } } @media (min-width: 992px) and (max-width: 1199px) { /*------------------------------------------*/ /* SECTION HEIGHT SETTINGS /*------------------------------------------*/ .wide { padding-top: 100px; padding-bottom: 100px; } #banner-1 { padding-top: 130px; padding-bottom: 130px; } #features.wide { padding-bottom: 60px; } #more-features { padding-top: 100px; } #testimonials.wide { padding-bottom: 80px; } #team.wide { padding-bottom: 50px; } #call-to-action { padding-top: 220px; padding-bottom: 220px; } #faqs.wide { padding-bottom: 70px; } #contacts.wide { padding-bottom: 80px; } /*------------------------------------------*/ /* BUTTON SETTINGS /*------------------------------------------*/ .btn { margin-top: 20px; } /*------------------------------------------*/ /* SECTION TITLEBAR /*------------------------------------------*/ .section-title h3 { font-size: 28px; line-height: 36px; } .section-title p { font-size: 17px;line-height: 24px;margin-bottom: 60px;padding: 0 15%;} /*------------------------------------------*/ /* INTRO /*------------------------------------------*/ #intro h3 { font-size: 17px; line-height: 17px; } #intro h2 { font-size: 48px; line-height: 56px; } /*------------------------------------------*/ /* INTRO REGISTER FORM /*------------------------------------------*/ #intro-form form { margin: 0 10px; padding: 35px 15px 45px; } /*------------------------------------------*/ /* TOP LINE BOX BOX /*------------------------------------------*/ .top-line-box p { padding: 0; } /*------------------------------------------*/ /* ABOUT SECTION TITLE /*------------------------------------------*/ #about .section-title { margin-bottom: 20px; } /*------------------------------------------*/ /* ABOUT SECTION TEXT /*------------------------------------------*/ .about-text { padding-right: 15px; } /*------------------------------------------*/ /* ABOUT IMAGE /*------------------------------------------*/ .about-image { margin-top: 40px; } /*------------------------------------------*/ /* TAB #2 LIST /*------------------------------------------*/ #tab-pane-list li { font-size: 15px; font-weight: 400; line-height: 22px; margin-bottom: 10px; } /*------------------------------------------*/ /* BANNER-1 TEXT /*------------------------------------------*/ .banner-1-text {padding: 60px 40px; } /*------------------------------------------*/ /* FEATURE BOX /*------------------------------------------*/ .feature-box { margin-bottom: 40px; } /*------------------------------------------*/ /* FEATURE BOX TEXT /*------------------------------------------*/ .feature-box-text { padding-right: 10px; } /*------------------------------------------*/ /* PROMO BANNER TEXT /*------------------------------------------*/ #promo-banner h3 { padding: 0 5%; } /*------------------------------------------*/ /* LEFT SIDE CONTENT /*------------------------------------------*/ #features_left_content { padding-right: 20px; } /*------------------------------------------*/ /* RIGHT SIDE CONTENT /*------------------------------------------*/ #features_right_content { padding-left: 20px; } /*------------------------------------------*/ /* More Features Box /*------------------------------------------*/ .m-feature-box { margin-top: 30px;} /*------------------------------------------*/ /* BANNER TITLE /*------------------------------------------*/ #founder-banner .section-title { margin-top: 0px; margin-bottom: 20px; } /*------------------------------------------*/ /* PORTFOLIO TITLE /*------------------------------------------*/ #portfolio .section-title p { margin-bottom: 40px; } /*------------------------------------------*/ /* FOUNDER BANNER MESSAGE /*------------------------------------------*/ .fb-message { margin-top: 30px; } /*------------------------------------------*/ /* FOUNDER BANNER TEXT /*------------------------------------------*/ .fb-text { padding-right: 15px; } /*------------------------------------------*/ /* FOUNDER BANNER MESSAGE TEXT /*------------------------------------------*/ .fb-message-text { padding-left: 130px; } /*------------------------------------------*/ /* STATISTIC BLOCK /*------------------------------------------*/ .statistic-number { font-size: 55px; line-height: 55px; } /*------------------------------------------*/ /* Table Header /*------------------------------------------*/ .pricing-table h3 { font-size: 20px; } /*------------------------------------------*/ /* Table Price Plan /*------------------------------------------*/ .pricing-table .price span { font-size: 80px; } .pricing-table .price sup { font-size: 40px; } /*------------------------------------------*/ /* Table Body /*------------------------------------------*/ .pricing-table ul.features { font-size: 15px; padding: 5px 30px; } /*------------------------------------------*/ /* Testimonial Message Text /*------------------------------------------*/ .client-msg p { font-size: 26px; line-height: 36px; padding: 10px 5%; } /*------------------------------------------*/ /* Blog Post Titlebar /*------------------------------------------*/ .blog-post-titlebar h4 { margin-bottom: 5px; } /*------------------------------------------*/ /* Blog Post Meta /*------------------------------------------*/ .blog-post-info { margin-bottom: 10px; } /*------------------------------------------*/ /* Blog Post Description /*------------------------------------------*/ .blog-post-desc p { margin-bottom: 10px; } /*------------------------------------------*/ /* CALL TO ACTION TEXT /*------------------------------------------*/ #call-to-action h2 { font-size: 48px; line-height: 48px; } #call-to-action p { font-size: 22px; line-height: 22px; } /*------------------------------------------*/ /* FAQs Question /*------------------------------------------*/ .question h5 { font-size: 16px; line-height: 22px; } /*------------------------------------------*/ /* CONTACT INFO /*------------------------------------------*/ #contact-info { padding-right: 15px; } .contact-data { margin-bottom: 20px;} .contact-data p { font-size: 15px; line-height: 20px; } /*------------------------------------------*/ /* GOOGLE MAP /*------------------------------------------*/ #google-map { padding: 0px 0px 90%; } } @media only screen and (max-width: 991px) { /*------------------------------------------*/ /* SECTION HEIGHT SETTINGS /*------------------------------------------*/ .wide { padding-top: 100px; padding-bottom: 100px; } #banner-1 { padding-top: 130px; padding-bottom: 130px; } #features.wide { padding-bottom: 60px; } #more-features { padding-top: 100px; padding-bottom: 100px; } #testimonials.wide { padding-bottom: 80px; } #team.wide { padding-bottom: 50px; } #call-to-action { padding-top: 220px; padding-bottom: 220px; } #faqs.wide { padding-bottom: 70px; } #contacts.wide { padding-bottom: 80px; } /*------------------------------------------*/ /* BUTTON SETTINGS /*------------------------------------------*/ .btn { padding: 16px 32px; margin-top: 20px; } .btn.btn-small { padding: 13px 26px; } /*------------------------------------------*/ /* SECTION TITLEBAR /*------------------------------------------*/ .section-title h3 { font-size: 28px; line-height: 36px; } .section-title p { font-size: 17px;line-height: 24px; margin-bottom: 60px; padding: 0 10%; } /*------------------------------------------*/ /* INTRO /*------------------------------------------*/ #intro { padding-top: 120px; padding-bottom: 110px; } .intro_text { margin-top: 0px; } #intro_content { text-align: center;} #intro h3 { font-size: 17px; line-height: 17px; margin-bottom: 10px; } #intro h2 { font-size: 44px; line-height: 48px; } /*------------------------------------------*/ /* INTRO REGISTER FORM /*------------------------------------------*/ #intro-form form { width: 65%; margin: 40px auto 0; } #intro-form p { padding: 0 25px; } /*------------------------------------------*/ /* TOP LINE /*------------------------------------------*/ #top-line { padding-bottom: 20px; } /*------------------------------------------*/ /* TOP LINE BOX /*------------------------------------------*/ .top-line-box { margin-bottom: 40px; } .top-line-box p {padding: 0 10%;} /*------------------------------------------*/ /* ABOUT SECTION TEXT /*------------------------------------------*/ .about-text { padding-right: 15px; margin-bottom: 30px;} /*------------------------------------------*/ /* TABS NAV /*------------------------------------------*/ #who-we-are .tabs-nav { margin-top: 30px; } #who-we-are .nav-tabs > li { padding-right: 0px; } /*------------------------------------------*/ /* TAB #1 CONTENT /*------------------------------------------*/ #tab_1 .col-md-5 { margin-bottom: 30px; } /*------------------------------------------*/ /* TAB #2 CONTENT /*------------------------------------------*/ #tab_2 #tab-pane-list { margin-bottom: 30px; } /*------------------------------------------*/ /* TAB #4 CONTENT /*------------------------------------------*/ #tab_4 .col-md-4 { margin-bottom: 30px; } /*------------------------------------------*/ /* BANNER-1 TEXT /*------------------------------------------*/ .banner-1-text {padding: 60px 30px; } /*------------------------------------------*/ /* FEATURE BOX TEXT /*------------------------------------------*/ .feature-box-text { padding-right: 0px; } /*------------------------------------------*/ /* PROMO BANNER TEXT /*------------------------------------------*/ #promo-banner h3 { padding: 0; } /*------------------------------------------*/ /* MORE FEATURES TITLE /*------------------------------------------*/ #more-features .section-title p { margin-bottom: 30px; } /*------------------------------------------*/ /* More Feature Box Icon /*------------------------------------------*/ .m-feature-box i { display: none;} /*------------------------------------------*/ /* MORE FEATURES /*------------------------------------------*/ #features_left_content, #features_right_content { text-align: center; padding: 0 15%; } /*------------------------------------------*/ /* More Features Box /*------------------------------------------*/ .m-feature-box { margin-top: 25px; } /*------------------------------------------*/ /* MORE FEATURES IMAGE /*------------------------------------------*/ #more_features_image .img-responsive { display: none; } /*------------------------------------------*/ /* PORTFOLIO TITLE /*------------------------------------------*/ #portfolio .section-title p { margin-bottom: 40px; } /*------------------------------------------*/ /* FOUNDER BANNER TEXT /*------------------------------------------*/ .fb-text { padding-right: 15px; } /*------------------------------------------*/ /* FOUNDER BANNER MESSAGE /*------------------------------------------*/ .fb-message { margin-bottom: 40px; } /*------------------------------------------*/ /* STATISTIC BLOCK /*------------------------------------------*/ .statistic-number { font-size: 55px; line-height: 55px; } .statistic-block h4 { font-size: 14px; } /*------------------------------------------*/ /* PRICING /*------------------------------------------*/ #price_3, #price_1 { padding-left: 0; padding-right: 0; } /*------------------------------------------*/ /* Table Header /*------------------------------------------*/ .pricing-table h3 { font-size: 18px; } /*------------------------------------------*/ /* Table Price Plan /*------------------------------------------*/ .pricing-table .price { height: 110px; line-height: 110px; } /*------------------------------------------*/ /* Table Price Plan /*------------------------------------------*/ .pricing-table .price span { font-size: 68px; letter-spacing: -2px; } .pricing-table .price sup { font-size: 35px; } /*------------------------------------------*/ /* Table Body /*------------------------------------------*/ .pricing-table ul.features { font-size: 14px; padding: 5px 30px; } /*------------------------------------------*/ /* Testimonial Message Text /*------------------------------------------*/ .client-msg p { font-size: 24px; line-height: 34px; padding: 10px 0; } /*------------------------------------------*/ /* BLOG SECTION TITLEBAR /*------------------------------------------*/ #blog .section-title { margin-bottom: 40px; } #blog .section-title h3 { padding: 0; } /*------------------------------------------*/ /* BLOG POST IMAGE /*------------------------------------------*/ .blog-post-img, .blog-post-video { width: 100%; display: block; float: none; } /*------------------------------------------*/ /* BLOG POST DESCRIPTION /*------------------------------------------*/ .blog-post-text { width: 100%; display: block; margin-top: 10px; padding-left: 0px;} /*------------------------------------------*/ /* Blog Post Titlebar /*------------------------------------------*/ .blog-post-titlebar h4 { line-height: 20px; margin-top: 15px; margin-bottom: 5px; } /*------------------------------------------*/ /* Blog Post Meta /*------------------------------------------*/ .blog-post-info { margin-bottom: 10px; } /*------------------------------------------*/ /* Blog Post Description /*------------------------------------------*/ .blog-post-desc p { margin-bottom: 10px; } /*------------------------------------------*/ /* Blog Video Post Settings /*------------------------------------------*/ .blog-post-video { padding-bottom: 90.25%; } /*------------------------------------------*/ /* CALL TO ACTION TEXT /*------------------------------------------*/ #call-to-action h2 { font-size: 42px; line-height: 42px; } #call-to-action p { font-size: 20px; line-height: 20px; } /*------------------------------------------*/ /* FAQs TITLE /*------------------------------------------*/ #faqs .section-title p { margin-bottom: 30px; } /*------------------------------------------*/ /* FAQs Question /*------------------------------------------*/ #faqs_column_1 {margin-top: 40px;} /*------------------------------------------*/ /* FAQs Question /*------------------------------------------*/ .question h5 { font-size: 16px; line-height: 22px; } /*------------------------------------------*/ /* GOOGLE MAP /*------------------------------------------*/ #google-map-holder { margin-top: 20px;} #google-map { padding: 0px 0px 40%; } /*------------------------------------------*/ /* FOOTER CONTACT INFO /*------------------------------------------*/ #footer .col-md-6 { width: 100%; float: none !important; text-align: center; } #footer-social { margin-top: 10px;} #ph a.phone-1 { font-size: 16px; color: #ec222a; letter-spacing: 0px; } } @media only screen and (max-width: 767px) { #ph { float: left; text-align: center; display: block; } #ph a.phone-1 { font-size: 16px; color: #ec222a; letter-spacing: 0px; text-align: center; margin: 10px; } #top-line, #about, #who-we-are, #banner-1, #features, #promo-banner, #more-features, #portfolio, #founder-banner, #statistic-banner, #pricing, #testimonials, #team, #blog, #call-to-action, #clients-holder, #faqs, #contacts, #footer { padding-left: 30px; padding-right: 30px; } /*------------------------------------------*/ /* SECTION HEIGHT SETTINGS /*------------------------------------------*/ .wide { padding-top: 80px; padding-bottom: 80px; } #banner-1 { padding-top: 110px; padding-bottom: 110px; } #features.wide { padding-bottom: 60px; } #more-features { padding-top: 80px; padding-bottom: 80px; } #testimonials.wide { padding-bottom: 90px; } #team.wide { padding-bottom: 60px; } #call-to-action { padding-top: 200px; padding-bottom: 200px; } #faqs.wide { padding-bottom: 50px; } #contacts.wide { padding-bottom: 60px; } /*------------------------------------------*/ /* HEADERS /*------------------------------------------*/ h4 { font-size: 14px; line-height: 14px; } /*------------------------------------------*/ /* BUTTON SETTINGS /*------------------------------------------*/ .btn { padding: 14px 28px; } .btn.btn-small { font-size: 13px; padding: 12px 24px; } /*------------------------------------------*/ /* SECTION TITLEBAR /*------------------------------------------*/ .section-title h4 { font-size: 13px; margin-bottom: 10px; } .section-title h3 { font-size: 24px; line-height: 30px; } .section-title p { font-size: 16px;line-height: 24px; margin-bottom: 40px; padding: 0 6%; } /*------------------------------------------*/ /* Logo Image /*------------------------------------------*/ .navbar-brand { padding: 25px 30px; } /*------------------------------------------*/ /* Responsive Menu /*------------------------------------------*/ .navbar-nav { background: #f9f9f9; margin-top: 0; margin-bottom: 0; border-top: 1px solid #ddd; } .navbar-nav > li { text-align: center; } .navbar-nav > li > a { color: #333; line-height: 40px; text-align: center; } /*------------------------------------------*/ /* INTRO /*------------------------------------------*/ #intro { padding-top: 100px; padding-bottom: 100px; padding-left: 15px; padding-right: 15px; } #intro h3 { font-size: 16px; margin-bottom: 10px; } #intro h2 { font-size: 36px; line-height: 42px; margin-bottom: 20px; padding: 0 2%; } /*------------------------------------------*/ /* INTRO BUTTONS /*------------------------------------------*/ .intro_buttons .btn { margin-top: 15px; } /*------------------------------------------*/ /* INTRO REGISTER FORM /*------------------------------------------*/ #intro-form form { width: 60%; } /*------------------------------------------*/ /* TABS CONTENT /*------------------------------------------*/ #who-we-are .tab-content h3 { font-size: 13px; line-height: 20px; } /*------------------------------------------*/ /* FEATURE BOX /*------------------------------------------*/ .feature-box { margin-bottom: 40px; margin-left: 40px; margin-right: 40px; } /*------------------------------------------*/ /* Portfolio Item /*------------------------------------------*/ .portfolio-item { width: 100%; float: none !important; } .portfolio-item:hover .overlay-content { bottom: 48%; } /*------------------------------------------*/ /* STATISTIC BLOCK /*------------------------------------------*/ .statistic-block { margin-bottom: 40px; } .statistic-block:last-child { margin-bottom: 0; } /*------------------------------------------*/ /* Testimonial Message Text /*------------------------------------------*/ .client-msg p { font-size: 22px; line-height: 32px; padding: 10px 0; } /*------------------------------------------*/ /* PRICING /*------------------------------------------*/ #price_1, #price_2 { padding-left: 15px; padding-right: 15px; margin-bottom: 40px } #price_3 { padding-left: 15px; padding-right: 15px; } .pricing-table {margin: 0 60px; } /*------------------------------------------*/ /* Table Header /*------------------------------------------*/ .pricing-table h3 { font-size: 20px; } /*------------------------------------------*/ /* Table Price Plan /*------------------------------------------*/ .pricing-table .price { height: 120px; line-height: 120px; } /*------------------------------------------*/ /* Table Price Plan /*------------------------------------------*/ .pricing-table .price span { font-size: 70px; letter-spacing: -2px; } .pricing-table .price sup { font-size: 40px; } /*------------------------------------------*/ /* Table Body /*------------------------------------------*/ .pricing-table ul.features { font-size: 15px; padding: 5px 40px; } /*------------------------------------------*/ /* TEAM /*------------------------------------------*/ .team-member { margin-left: 30px; margin-right: 30px; } /*------------------------------------------*/ /* Blog Video Post Settings /*------------------------------------------*/ .blog-post-video { padding-bottom: 62.25%; } /*------------------------------------------*/ /* CALL TO ACTION TEXT /*------------------------------------------*/ #call-to-action h2 { font-size: 36px; line-height: 36px; } #call-to-action p { font-size: 18px; } .navbar-brand img { width: 150px; } } @media only screen and (max-width: 640px) { .navbar-brand img { width: 150px; } /*------------------------------------------*/ /* BUTTON SETTINGS /*------------------------------------------*/ .btn { padding: 13px 26px; } .btn.btn-small { font-size: 13px; padding: 11px 20px; } /*------------------------------------------*/ /* SECTION TITLEBAR /*------------------------------------------*/ .section-title h3 { font-size: 22px; line-height: 28px; } /*------------------------------------------*/ /* INTRO /*------------------------------------------*/ #intro { padding-top: 100px; padding-bottom: 100px; } #intro h3 { font-size: 15px; line-height: 15px; } #intro h2 { font-size: 30px; line-height: 36px; padding: 0; } .section-title p { padding: 0; } /*------------------------------------------*/ /* INTRO REGISTER FORM /*------------------------------------------*/ #intro-form form { width: 70%; } /*------------------------------------------*/ /* FEATURE BOX /*------------------------------------------*/ .feature-box { margin-left: 30px; margin-right: 30px; } /*------------------------------------------*/ /* MORE FEATURES /*------------------------------------------*/ #features_left_content, #features_right_content { padding: 0 5%; } /*------------------------------------------*/ /* Button Settings /*------------------------------------------*/ #gallery-filter .btn-group > .btn { font-size: 12px; letter-spacing: 0; margin: 0 2px 8px; padding: 8px 16px; } /*------------------------------------------*/ /* PRICING /*------------------------------------------*/ .pricing-table {margin: 0 40px; } /*------------------------------------------*/ /* TEAM /*------------------------------------------*/ .team-member { margin-left: 20px; margin-right: 20px; } /*------------------------------------------*/ /* NEWSLETTER FORM INPUT /*------------------------------------------*/ #newsletter form input[type="email"] { width: 260px; } #newsletter form input[type="submit"] { width: 160px; } /*------------------------------------------*/ /* CALL TO ACTION TEXT /*------------------------------------------*/ #call-to-action h2 { font-size: 30px; line-height: 30px; } #call-to-action p { font-size: 16px; } /*------------------------------------------*/ /* CALL TO ACTION BUTTON /*------------------------------------------*/ #call-to-action .btn { margin-right: 10px; } /*------------------------------------------*/ /* GOOGLE MAP /*------------------------------------------*/ #google-map { padding: 0px 0px 60%; } #navigation-menu a.phone-1 { font-size: 16px; letter-spacing: 0px; } } @media (max-width: 480px) { #top-line, #about, #who-we-are, #banner-1, #features, #promo-banner, #more-features, #portfolio, #founder-banner, #statistic-banner, #pricing, #testimonials, #team, #blog, #call-to-action, #clients-holder, #faqs, #contacts, #footer { padding-left: 15px; padding-right: 15px; } /*------------------------------------------*/ /* SECTION HEIGHT SETTINGS /*------------------------------------------*/ .wide { padding-top: 60px; padding-bottom: 60px; } #banner-1 { padding-top: 80px; padding-bottom: 80px; } #features.wide { padding-bottom: 40px; } #more-features { padding-top: 40px; padding-bottom: 40px; } #testimonials.wide { padding-bottom: 70px; } #team.wide { padding-bottom: 20px; } #call-to-action { padding-top: 160px; padding-bottom: 160px; } #faqs.wide { padding-bottom: 30px; } #contacts.wide { padding-bottom: 40px; } /*------------------------------------------*/ /* HEADERS /*------------------------------------------*/ h4 { font-size: 13px; line-height: 13px; } /*------------------------------------------*/ /* PARAGRAPHS /*------------------------------------------*/ p { font-size: 14px; line-height: 20px; } /*------------------------------------------*/ /* BUTTON SETTINGS /*------------------------------------------*/ .btn { font-size: 13px; padding: 12px 20px; letter-spacing: 0; } .btn.btn-small { font-size: 13px; padding: 10px 18px; letter-spacing: 0; } /*------------------------------------------*/ /* SECTION TITLEBAR /*------------------------------------------*/ .section-title h4 { font-size: 13px; margin-bottom: 15px; letter-spacing: 2px; } .section-title h3 { font-size: 20px; line-height: 26px; } /*------------------------------------------*/ /* Logo Image /*------------------------------------------*/ .navbar-brand { padding: 25px 15px; } /*------------------------------------------*/ /* Responsive Menu Button /*------------------------------------------*/ .navbar-toggle { margin: 16px 15px 16px 0; } /*------------------------------------------*/ /* INTRO /*------------------------------------------*/ #intro { padding-top: 100px; padding-bottom: 100px; padding-left: 0px; padding-right: 0px; } #intro h2 { font-size: 26px; line-height: 34px; } /*------------------------------------------*/ /* INTRO REGISTER FORM /*------------------------------------------*/ #intro-form form { width: 90%; margin: 50px auto 0;} #intro-form h4 { font-size: 15px; } #intro-form p { font-size: 14; padding: 0 10px; } /*------------------------------------------*/ /* TABS NAV /*------------------------------------------*/ #who-we-are .nav-tabs > li > a { font-size: 14px; padding: 15px 20px; } /*------------------------------------------*/ /* BANNER-1 TEXT /*------------------------------------------*/ .banner-1-text h4, .clients-counter { font-size: 15px; line-height: 15px; } /*------------------------------------------*/ /* FEATURE BOX /*------------------------------------------*/ .feature-box { text-align: center; margin-left: 0; margin-right: 0;} /*------------------------------------------*/ /* Feature Icon /*------------------------------------------*/ .feature-box-icon { position: relative; width: auto; height: auto; float: none !important;margin-bottom: 10px;} /*------------------------------------------*/ /* Feature Text /*------------------------------------------*/ .feature-box-text { padding: 0px;} .feature-box-text p {padding-right: 0;} /*------------------------------------------*/ /* MORE FEATURES /*------------------------------------------*/ #features_left_content, #features_right_content { padding: 0; } /*------------------------------------------*/ /* PRICING /*------------------------------------------*/ .pricing-table {margin: 0; } /*------------------------------------------*/ /* TEAM /*------------------------------------------*/ .team-member { margin-left: 0px; margin-right: 0px; } /*------------------------------------------*/ /* Testimonial Message Text /*------------------------------------------*/ .client-msg p { font-size: 18px; line-height: 28px; padding: 0; } /*------------------------------------------*/ /* NEWSLETTER FORM /*------------------------------------------*/ #newsletter { margin-top: 30px; } /*------------------------------------------*/ /* NEWSLETTER FORM /*------------------------------------------*/ #newsletter h3 { font-size: 20px; line-height: 20px; } #newsletter p { font-size: 14px; } /*------------------------------------------*/ /* Newsletter Form Input /*------------------------------------------*/ #newsletter form input[type="email"] {width: 100%; text-align: center; font-size: 13px;padding: 14px 18px; margin-bottom: 10px;border: 1px solid #aaa; } #newsletter form input[type="submit"] {width: 100%; font-size: 13px; padding: 14px 18px; margin-left: 0;} /*------------------------------------------*/ /* CALL TO ACTION TEXT /*------------------------------------------*/ #call-to-action h2 { font-size: 24px; line-height: 24px; } #call-to-action p { font-size: 16px; line-height: 20px; } /*------------------------------------------*/ /* CONTACT INFO /*------------------------------------------*/ .contact-data { width: 100%; height: auto; float: none!important; } /*------------------------------------------*/ /* FOOTER SOCIAL ICONS SETTINGS /*------------------------------------------*/ .foo-social { width: 35px; height: 35px; font-size: 14px; line-height: 35px; margin-right: 7px; } } @media (max-width: 320px) { #top-line, #about, #who-we-are, #banner-1, #features, #promo-banner, #more-features, #portfolio, #founder-banner, #statistic-banner, #pricing, #testimonials, #team, #blog, #call-to-action, #clients-holder, #faqs, #contacts, #footer { padding-left: 5px; padding-right: 5px; } /*------------------------------------------*/ /* HEADERS /*------------------------------------------*/ h4 { letter-spacing: 0px; } /*------------------------------------------*/ /* BUTTON SETTINGS /*------------------------------------------*/ .btn { font-size: 12px; padding: 11px 16px; letter-spacing: 0; } .btn.btn-small { font-size: 12px; padding: 10px 12px; } /*------------------------------------------*/ /* SECTION TITLEBAR /*------------------------------------------*/ .section-title h4 { font-size: 12px; margin-bottom: 15px; letter-spacing: 1px; } .section-title h3 { font-size: 18px; line-height: 24px; } /*------------------------------------------*/ /* INTRO /*------------------------------------------*/ #intro { padding-left: 0px; padding-right: 0px; } #intro h3 { font-size: 13px; line-height: 13px; letter-spacing: 1px; } #intro h2 { font-size: 22px; line-height: 28px; } /*------------------------------------------*/ /* INTRO REGISTER FORM /*------------------------------------------*/ #intro-form h4 { font-size: 14px; } #intro-form form { width: 100%; margin: 30px auto 0; padding: 25px 5px 40px;} /*------------------------------------------*/ /* Register Form Input /*------------------------------------------*/ #intro-form .form-control { height: 34px; font-size: 13px; margin-bottom: 10px; } #intro-form p { font-size: 14px; padding: 0 12px; margin-top: 15px; } /*------------------------------------------*/ /* REGISTER FORM SUBMIT BUTTON /*------------------------------------------*/ #form_register_btn .btn { padding: 10px 28px; } #intro-form p { padding: 0 20px; } /*------------------------------------------*/ /* TOP LINE BOX ICON /*------------------------------------------*/ .top-line-box i { font-size: 40px;line-height: 40px !important;margin-bottom: 10px;} /*------------------------------------------*/ /* TOP LINE BOX /*------------------------------------------*/ .top-line-box h4 { font-size: 13px; line-height: 13px; } /*------------------------------------------*/ /* TAB #2 LIST /*------------------------------------------*/ #tab-pane-list i { font-size: 14px; margin-right: 5px; } #tab-pane-list li { font-size: 14px; font-weight: 400; line-height: 18px; } /*------------------------------------------*/ /* TAB #4 CONTENT /*------------------------------------------*/ #tab_4 i {font-size: 60px; line-height: 60px; margin-top: 0px; } /*------------------------------------------*/ /* TABS NAV /*------------------------------------------*/ #who-we-are .nav-tabs > li > a { font-size: 13px; padding: 10px 15px; } /*------------------------------------------*/ /* BANNER-1 TEXT /*------------------------------------------*/ .banner-1-text {padding: 50px 30px; } .banner-1-text h4 { font-size: 13px; line-height: 16px; margin-bottom: 20px; } /*------------------------------------------*/ /* Clients Counter /*------------------------------------------*/ .clients-counter { font-size: 13px;} /*------------------------------------------*/ /* Portfolio Overlay Content /*------------------------------------------*/ .portfolio-item:hover .overlay-content { bottom: 40%; } /*------------------------------------------*/ /* FOUNDER BANNER MESSAGE AVATAR /*------------------------------------------*/ .fb-message-avatar { float: none !important; } /*------------------------------------------*/ /* FOUNDER BANNER MESSAGE TEXT /*------------------------------------------*/ .fb-message-text {padding-left: 0;} /*------------------------------------------*/ /* Testimonial Message Text /*------------------------------------------*/ .client-msg p { font-size: 16px; line-height: 26px; } /*------------------------------------------*/ /* FAQs Question /*------------------------------------------*/ #faqs_column_1 h3, #faqs_column_2 h3 { font-size: 17px; } .question p { font-size: 15px; line-height: 22px; } /*------------------------------------------*/ /* CONTACTS TITLE /*------------------------------------------*/ #contacts .section-title p {font-size: 15px;line-height: 22px;} /*------------------------------------------*/ /* CONTACT INFO /*------------------------------------------*/ .contact-data p { font-size: 15px; line-height: 20px; } }