/* 
   ------------------------------------------------------
					Responsive Styles
   ------------------------------------------------------
*/


@media (min-width: 992px) and (max-width: 1199px) {
    /*------------------------------------------*/
    /*	 INTRO SLIDER
	/*------------------------------------------*/
	
    #intro h2 {
        font-size: 64px;
        line-height: 70px;
    }

    /*------------------------------------------*/
    /*	TABS HOLDER IMAGE
	/*------------------------------------------*/

    #tabs-holder img { margin-top: 40px; }

    /*------------------------------------------*/
    /*	ACCORDION HOLDER IMAGE
	/*------------------------------------------*/

    #accordion-holder img { margin-top: 60px; }

    /*------------------------------------------*/
    /*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

    .statistic-number {
        font-size: 80px;
        line-height: 80px;
    }

    .statistic-text { font-size: 22px; }

    /*------------------------------------------*/
    /*	 Portfolio Overlay Content 
	/*------------------------------------------*/
	
    .overlay-content h4 { font-size: 20px; }

    .portfolio-item:hover .overlay-content { bottom: 35%; }

    /*------------------------------------------*/
    /*	 Table Body
	/*------------------------------------------*/

    .pricing-table ul.features {
        font-size: 14px;
        padding: 5px 30px;
    }

    /*------------------------------------------*/
    /*	 NEWSLETTER
	/*------------------------------------------*/
	
    #newsletter_form { width: 60%; }

    /*------------------------------------------*/
    /*	  Newsletter Form Input
	/*------------------------------------------*/

    #newsletter form input[type="email"] { width: 70%; }

    #newsletter form input[type="submit"] { width: 29%; }	
}


@media only screen and (max-width: 991px) {
    /*------------------------------------------*/
    /*	 Navigation Menu    
	/*------------------------------------------*/

    .navbar-nav > li > a { padding: 0 10px; }

    /*------------------------------------------*/
    /*	 INTRO SLIDER
	/*------------------------------------------*/
	
    .intro_slider { height: 720px; }

    #intro h2 {
        font-size: 60px;
        line-height: 65px;
        padding-top: 260px;
    }

    /*------------------------------------------*/
    /*	 INTRO BUTTONS
	/*------------------------------------------*/

    .intro_buttons {
        margin-bottom: 40px;
        text-align: center;
    }

    /*------------------------------------------*/
    /*	  FEATURE BOX
	/*------------------------------------------*/
	
    .features-box { text-align: center; }

    /*------------------------------------------*/
    /*	  Feature Icon
	/*------------------------------------------*/

    .icon-box {
        float: none !important;
        height: auto;
        margin-bottom: 10px;
        width: auto;
    }

    .icon-box i { margin-top: 0; }

    /*------------------------------------------*/
    /*	  Feature Text
	/*------------------------------------------*/

    .features-text { padding: 0px; }

    .features-text p { padding-right: 0; }

    /*------------------------------------------*/
    /*	TABS HOLDER IMAGE
	/*------------------------------------------*/

    #tabs-holder img {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    /*------------------------------------------*/
    /*	ACCORDION HOLDER IMAGE
	/*------------------------------------------*/

    #accordion-holder img { margin-bottom: 40px; }

    /*------------------------------------------*/
    /*	 Message Text
	/*------------------------------------------*/

    .client-msg p {
        font-size: 16px;
        line-height: 24px;
    }

    /*------------------------------------------*/
    /*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

    .statistic-number {
        font-size: 75px;
        line-height: 75px;
    }

    .statistic-text { font-size: 20px; }

    /*------------------------------------------*/
    /*	Timeline Item Content
	/*------------------------------------------*/
	
    .timeline-item-content { text-align: center; }

    /*------------------------------------------*/
    /*	Timeline Item Content Arrow
	/*------------------------------------------*/

    .timeline-item:before,
    .timeline-item-content:before,
    .timeline-item-content.pull-right:before { display: none; }

    /*------------------------------------------*/
    /*	 Portfolio Overlay Content 
	/*------------------------------------------*/
	
    .overlay-content h4 { font-size: 20px; }

    .portfolio-item:hover .overlay-content { bottom: 35%; }

    /*------------------------------------------*/
    /*	   Button Settings
	/*------------------------------------------*/ 

    #gallery-filter .btn-group > .btn {
        font-size: 14px;
        margin: 0 3px;
        padding: 6px 12px;
    }

    /*------------------------------------------*/
    /*	 Clients Carousel Navigation
	/*------------------------------------------*/

    .customNavigation { right: 47%; }

    /*------------------------------------------*/
    /*	 Google Map
	/*------------------------------------------*/	
	
    .map-canvas { height: 450px; }

    /*------------------------------------------*/
    /*	 NEWSLETTER
	/*------------------------------------------*/
	
    #newsletter_form { width: 75%; }

    /*------------------------------------------*/
    /*	  Newsletter Form Input
	/*------------------------------------------*/

    #newsletter form input[type="email"] { width: 65%; }

    #newsletter form input[type="submit"] { width: 34%; }	
}


@media only screen and (max-width: 767px) {
    /*------------------------------------------*/
    /*	 Section Titlebar
	/*------------------------------------------*/

    .titlebar h2 { font-size: 32px; }

    .titlebar h3 { font-size: 22px; }

    .titlebar h2:after { width: 140px; }

    #services, #features, #about, #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact {
        padding-left: 30px;
        padding-right: 30px;
    }

    /*------------------------------------------*/
    /*	 Logo Image    
	/*------------------------------------------*/

    .navbar-brand { padding: 20px 30px; }

    /*------------------------------------------*/
    /*	 Navigation Menu    
	/*------------------------------------------*/

    .navbar {
        background-color: #262626;
        padding: 0px;
    }

    /*------------------------------------------*/
    /*	 Responsive Menu
	/*------------------------------------------*/
	
    .navbar-nav {
        background-color: #262626;
        border-top: 1px solid #444;
        margin: 0 -15px;
    }

    .navbar-nav > li { text-align: center; }

    .navbar-nav > li > a {
        line-height: 45px;
        text-align: center;
    }

    /*------------------------------------------*/
    /*	 INTRO SLIDER
	/*------------------------------------------*/
	
    .intro_slider { height: 680px; }

    #intro h2 {
        font-size: 50px;
        line-height: 65px;
        padding-top: 240px;
    }

    /*------------------------------------------*/
    /*	 INTRO BUTTONS
	/*------------------------------------------*/

    .intro_buttons .btn-theme {
        font-size: 16px;
        padding: 8px 16px;
    }

    /*------------------------------------------*/
    /*	 Circle Progress Bars
	/*------------------------------------------*/

    #skills { padding-bottom: 20px; }

    #skills .col-sm-3 { margin-bottom: 60px; }

    /*------------------------------------------*/
    /*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

    .statistic-number {
        font-size: 60px;
        line-height: 55px;
    }

    .statistic-text { font-size: 18px; }

    /*------------------------------------------*/
    /*	 Portfolio Overlay Content 
	/*------------------------------------------*/
	
    .portfolio-item:hover .overlay-content { bottom: 38%; }

    /*------------------------------------------*/
    /*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

    #promo_line h2 {
        font-size: 30px;
        line-height: 36px;
    }

    #promo_line p {
        font-size: 16px;
        line-height: 30px;
    }

    /*------------------------------------------*/
    /*	  TESTIMONIALS
	/*------------------------------------------*/ 

    .testimonial {
        margin-bottom: 30px;
        padding: 0 10%;
    }

    /*------------------------------------------*/
    /*	 NEWSLETTER
	/*------------------------------------------*/

    #newsletter_form { width: 85%; }

    /*------------------------------------------*/
    /*	  Newsletter Form Input
	/*------------------------------------------*/

    #newsletter form input[type="email"] { width: 65%; }

    #newsletter form input[type="submit"] { width: 34%; }	
}


@media only screen and (max-width: 640px) {
    /*------------------------------------------*/
    /*	 INTRO SLIDER
	/*------------------------------------------*/
	
    .intro_slider { height: 640px; }

    #intro h2 {
        font-size: 40px;
        line-height: 50px;
        padding-top: 240px;
    }

    /*------------------------------------------*/
    /*	  Service Box
	/*------------------------------------------*/

    .service-box h4 { font-size: 18px; }

    .service-box p {
        font-size: 14px;
        line-height: 24px;
    }

    /*------------------------------------------*/
    /*	  FEATURE BOX TEXT
	/*------------------------------------------*/

    .features-text p {
        font-size: 14px;
        line-height: 22px;
    }

    /*------------------------------------------*/
    /*	TABS
	/*------------------------------------------*/

    .nav-tabs > li > a { font-size: 20px; }

    /*------------------------------------------*/
    /*	Tab Description
	/*------------------------------------------*/

    .tab-content > .tab-pane p {
        font-size: 14px;
        line-height: 24px;
    }

    /*------------------------------------------*/
    /*	Panel Title
	/*------------------------------------------*/

    .panel-title { font-size: 18px; }

    /*------------------------------------------*/
    /*	Panel Title Icon
	/*------------------------------------------*/

    .panel-title i { font-size: 24px; }

    /*------------------------------------------*/
    /*	Panel Content 
	/*------------------------------------------*/

    .panel-body {
        font-size: 14px;
        line-height: 24px;
    }

    /*------------------------------------------*/
    /*	  Team Member
	/*------------------------------------------*/
	
    .team_members_wrapper .col-xs-6 {
        float: none !important;
        width: 100%;
    }

    .team-img-meta p { padding: 0 10%; }

    /*------------------------------------------*/
    /*	 Pricing
	/*------------------------------------------*/
	
    .price-row .col-xs-6 {
        float: none !important;
        width: 100%;
    }

    .pricing-table { margin: 0 40px; }

    /*------------------------------------------*/
    /*	  STATISTIC BLOCK
	/*------------------------------------------*/ 

    .statistic-number {
        font-size: 50px;
        line-height: 50px;
    }

    .statistic-text { font-size: 18px; }

    /*------------------------------------------*/
    /*	 TIMELINE ITEM 
	/*------------------------------------------*/
	
    .timeline-item-content {
        font-size: 14px;
        line-height: 24px;
    }

    /*------------------------------------------*/
    /*	  TESTIMONIALS
	/*------------------------------------------*/ 

    .testimonial { padding: 0 5%; }

    /*------------------------------------------*/
    /*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

    #promo_line h2 {
        font-size: 24px;
        line-height: 30px;
    }

    #promo_line p {
        font-size: 14px;
        line-height: 24px;
    }

    /*------------------------------------------*/
    /*	  NEWSLETTER
	/*------------------------------------------*/ 
	
    #newsletter p {
        font-size: 14px;
        line-height: 24px;
    }

    /*------------------------------------------*/
    /*	  Newsletter Form Input
	/*------------------------------------------*/

    #newsletter form input[type="email"] {
        padding: 10px 15px;
        width: 65%;
    }

    #newsletter form input[type="submit"] {
        padding: 10px 15px;
        width: 34%;
    }	
}


@media (max-width: 480px) {
    #stlChanger { display: none; }

    /*------------------------------------------*/
    /*	 Section Titlebar
	/*------------------------------------------*/

    .titlebar h2 { font-size: 30px; }

    .titlebar h3 { font-size: 20px; }

    .titlebar h2:after { width: 120px; }

    #services, #features, #about, #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*------------------------------------------*/
    /*	 INTRO SLIDER
	/*------------------------------------------*/
	
    .intro_slider { height: 520px; }

    #intro h2 {
        font-size: 30px;
        line-height: 40px;
        padding-top: 210px;
    }

    /*------------------------------------------*/
    /*	 INTRO BUTTONS
	/*------------------------------------------*/
	
    .intro_buttons .btn-theme {
        font-size: 14px;
        padding: 7px 14px;
    }

    /*------------------------------------------*/
    /*	 Circle Progress Bars
	/*------------------------------------------*/

    #skills .col-sm-3 {
        float: none !important;
        width: 100%;
    }

    /*------------------------------------------*/
    /*	  Statistic Banner
	/*------------------------------------------*/ 
	
    #statistic_banner {
        padding-bottom: 80px;
        padding-top: 80px;
    }

    #statistic_banner .titlebar { margin-bottom: 30px; }

    .statistic-block {
        float: none;
        margin-top: 40px;
        width: 100%;
    }

    .statistic-number {
        font-size: 60px;
        line-height: 60px;
    }

    .statistic-text { font-size: 20px; }

    /*------------------------------------------*/
    /*	  Portfolio Item
	/*------------------------------------------*/
	
    .portfolio-item {
        float: none !important;
        width: 100%;
    }

    /*------------------------------------------*/
    /*	   Portfolio Button Settings
	/*------------------------------------------*/ 

    #gallery-filter .btn-group > .btn {
        font-size: 14px;
        margin: 0 3px 5px;
        padding: 5px 10px;
    }

    /*------------------------------------------*/
    /*	  Team Member Meta
	/*------------------------------------------*/

    .team-img-meta p { padding: 0; }

    /*------------------------------------------*/
    /*	 Our Clients
	/*------------------------------------------*/
	
    #clients { padding-bottom: 80px; }

    .customNavigation { display: none; }

    /*------------------------------------------*/
    /*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

    #promo_line h2 {
        font-size: 20px;
        line-height: 24px;
    }

    #promo_line p {
        font-size: 14px;
        line-height: 20px;
    }

    /*------------------------------------------*/
    /*	  TESTIMONIALS
	/*------------------------------------------*/ 

    #testimonials h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .testimonial { padding: 0; }

    /*------------------------------------------*/
    /*	  Newsletter Form Input
	/*------------------------------------------*/

    #newsletter form input[type="email"],
    #newsletter form input[type="submit"] { font-size: 14px; }

    /*------------------------------------------*/
    /*	 NEWSLETTER
	/*------------------------------------------*/

    #newsletter_form { width: 100%; }

    #newsletter h3 { font-size: 20px; }

    /*------------------------------------------*/
    /*	  Newsletter Form Input
	/*------------------------------------------*/

    #newsletter form input[type="email"] { width: 65%; }

    #newsletter form input[type="submit"] { width: 34%; }

    /*------------------------------------------*/
    /*	 Contact Info
	/*------------------------------------------*/  
	
    .contact-info {
        float: none !important;
        width: 100%;
    }

    /*------------------------------------------*/
    /*	 Google Map
	/*------------------------------------------*/	
	
    .map-canvas { height: 400px; }	
}


@media (max-width: 320px) {
    /*------------------------------------------*/
    /*	 Theme Button
	/*------------------------------------------*/

    .btn-theme {
        font-size: 13px;
        padding: 6px 12px;
    }

    /*------------------------------------------*/
    /*	 Section Titlebar
	/*------------------------------------------*/

    .titlebar h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .titlebar h3 { font-size: 18px; }

    .titlebar h2:after { width: 100px; }

    #services, #features, #about, #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact {
        padding-left: 5px;
        padding-right: 5px;
    }

    /*------------------------------------------*/
    /*	 INTRO SLIDER
	/*------------------------------------------*/
	
    .intro_slider { height: 400px; }

    #intro h2 {
        font-size: 18px;
        line-height: 26px;
        padding-top: 160px;
    }

    /*------------------------------------------*/
    /*	 INTRO BUTTONS
	/*------------------------------------------*/
	
    .intro_buttons .btn-theme { margin-bottom: 15px; }

    /*------------------------------------------*/
    /*	  Service Box Buttons
	/*------------------------------------------*/

    #service-buttons a { margin-bottom: 10px; }

    /*------------------------------------------*/
    /*	TABS
	/*------------------------------------------*/

    .nav-tabs > li > a { font-size: 16px; }

    /*------------------------------------------*/
    /*	  Statistic Banner
	/*------------------------------------------*/ 
    .statistic-number {
        font-size: 40px;
        line-height: 30px;
    }

    .statistic-text { font-size: 18px; }

    /*------------------------------------------*/
    /*	 Pricing
	/*------------------------------------------*/
	
    .pricing-table { margin: 0; }

    /*------------------------------------------*/
    /*	 PROMO LINE CONTENT
	/*------------------------------------------*/  

    #promo_line a { margin-bottom: 10px; }

    #promo_line p {
        font-size: 14px;
        line-height: 20px;
    }

    /*------------------------------------------*/
    /*	  NEWSLETTER
	/*------------------------------------------*/
	
    #newsletter h3 {
        font-size: 16px;
        line-height: 22px;
    }

    #newsletter p {
        font-size: 14px;
        line-height: 20px;
    }

    /*------------------------------------------*/
    /*	  Newsletter Form Input
	/*------------------------------------------*/
	
    #newsletter form input[type="email"] {
        font-size: 14px;
        margin-bottom: 10px;
        width: 100%;
    }

    #newsletter form input[type="submit"] {
        font-size: 14px;
        width: 100%;
    }

    .message { font-size: 16px; }

    #footer_copyright p { line-height: 24px; }	
}