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


@media (min-width: 992px) and (max-width: 1199px) {

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/

	#intro h2 { font-size: 49px; line-height: 68px;}
	#intro h2 small { font-size: 20px; line-height: 31px; }
	#outro h2 { font-size: 60px; line-height: 70px;}
	.intro_text p { font-size: 16px; line-height: 26px; }
	.intro_text ul { font-size: 15px; line-height: 25px; }

	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM
	/*------------------------------------------*/

	.form_register form { margin: 0 15px;}

	/*------------------------------------------*/
	/*	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 (max-width: 991px){

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

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

	/*------------------------------------------*/
	/*	 Navbar Text Call
	/*------------------------------------------*/

	.navbar-text-call span { display: none; }

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/

	.intro_content { padding-top: 190px; padding-bottom: 140px; text-align: center; }
	#outro .intro_content { padding-top: 80px; }
	#intro h2 { font-size: 46px; line-height: 64px; padding: 0 4%;}
	#intro h2 small { font-size: 25px; line-height: 37px; }
	#outro h2 { font-size: 60px; line-height: 70px; padding: 0 4%;}
	#intro h3, #outro h3 { font-size: 32px; }
	.intro_text p, .intro_text ul { padding: 0 10%; }

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

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

	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM
	/*------------------------------------------*/

	.form_register { width: 76%; margin-left: 12%;}

	/*------------------------------------------*/
	/*	  Blog Post Tour Title
	/*------------------------------------------*/

	#blog .blog-post-tourtitle h4 {
		font-size: 18px;
		line-height: 20px;
	}

	/*------------------------------------------*/
	/*	  Blog Post Tour Price
	/*------------------------------------------*/

	.blog-post-price {
		font-size: 18px;
		margin-top: 8px;
	}

	.blog-post-price strong {
		top: 6px;
	}

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

	.features-box { text-align: center;}

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

	.icon-box { width: auto; height: auto; float: none !important;margin-bottom: 10px;}
	.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-top: 30px; margin-bottom: 20px;}

	/*------------------------------------------*/
	/*	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 YEAR
	/*------------------------------------------*/

	.timeline-year {
		padding: 20px 0;
	}

	/*------------------------------------------*/
	/*	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%;}

	/*------------------------------------------*/
	/*	  Still have questions?
	/*------------------------------------------*/

	#have_questions h3 {
		font-size: 50px;
	}

	#have_questions a {
		font-size: 22px;
	}


}


@media (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: 6px 30px;}*/

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

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

	/*------------------------------------------*/
	/*	 Responsive Menu
	/*------------------------------------------*/

	.navbar-nav { margin: 0 -15px; border-top: 1px solid #ddd; background-color: #f5f5f5;}
	.navbar-nav > li { text-align: center;}
	.navbar-nav > li > a { line-height: 45px; text-align: center;}

	/*------------------------------------------*/
	/*	 Navbar Text Call
	/*------------------------------------------*/

	.navbar-text-call { display: none; }

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/

	.intro_content { padding-top: 160px; padding-bottom: 120px;text-align: center; }
	#intro h2 { font-size: 38px; line-height: 54px; }
	#intro h2 small { font-size: 20px; line-height: 30px; }
	#outro h2 { font-size: 50px; line-height: 60px; padding: 0 8%; }
	#intro h3, #outro h3 { font-size: 30px; }
	.intro_text p, .intro_text ul { padding: 0 5%;}

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

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

	/*------------------------------------------*/
	/*	  Blog Post Tour Title
	/*------------------------------------------*/

	#blog .blog-post-tourtitle h4 {
		font-size: 22px;
		line-height: 24px;
	}

	/*------------------------------------------*/
	/*	  Blog Post Tour Price
	/*------------------------------------------*/

	.blog-post-price {
		font-size: 22px;
		margin-top: 12px;
	}

	.blog-post-price strong {
		top: 2px;
	}

	/*------------------------------------------*/
	/*	 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: 34px;}
	#promo_line p {font-size: 17px;}

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

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

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

	#testimonials .btnbar {
		margin-top: 15px;
	}

	/*------------------------------------------*/
	/*	 FOOTER
	/*------------------------------------------*/

	#footer {
		padding-top: 70px;
		padding-bottom: 50px;
	}

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

	#newsletter_form {width: 85%;}

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

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

	/*------------------------------------------*/
	/*	  Still have questions?
	/*------------------------------------------*/

	#have_questions h3 {
		font-size: 42px;
	}

	#have_questions a {
		font-size: 20px;
	}


}


@media (max-width: 640px){

	/*------------------------------------------*/
	/*	 Navbar Text Company
	/*------------------------------------------*/

	.navbar-text-company { display: none; }

	/*------------------------------------------*/
	/*	 INTRO CONTENT
	/*------------------------------------------*/

	.intro_content { padding-top: 150px; padding-bottom: 100px; }
	#intro h2 { font-size: 36px; line-height: 52px; }
	#outro h2 { font-size: 45px; line-height: 55px; padding: 0 5%; }
	#intro h3, #outro h3 { font-size: 28px; line-height: 41px; }
	.intro_text p, .intro_text ul { padding: 0 5%; }
	.intro_text p { font-size: 16px; line-height: 26px; }
	.intro_text ul { font-size: 15px; line-height: 25px; }

	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM
	/*------------------------------------------*/

	.form_register { width: 80%; margin-left: 10%; }
	.form_register form { margin: 0 4%; }

	/*------------------------------------------*/
	/*	  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 { width: 100%; float: none !important; }
	.team-img-meta p {padding: 0 10%;}

	/*------------------------------------------*/
	/*	 Pricing
	/*------------------------------------------*/

	.price-row .col-xs-6 { width: 100%; float: none !important; }
	.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: 32px;}
	#promo_line p {font-size: 16px; line-height: 1.7;}

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

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

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

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

	/*------------------------------------------*/
	/*	  Still have questions?
	/*------------------------------------------*/

	#have_questions h3 {
		font-size: 36px;
	}

	/*------------------------------------------*/
	/*	 MODALS
	/*------------------------------------------*/

	.modal .col-xs-5, .modal .col-xs-7 { width: 50%; }


}


@media (max-width: 525px) {

	/*------------------------------------------*/
	/*	 Navbar Button Callback
	/*------------------------------------------*/

	.navbar-btn-callback span { display: none; }
	.navbar-btn-callback .fa { display: inline; }
	.navbar-btn-callback {
		padding: 5px 11px !important;
		line-height: 30px;
		font-size: 28px;
	}

}


@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 CONTENT
	/*------------------------------------------*/

	.intro_content { padding-top: 150px; padding-bottom: 100px; }
	#intro h2 { font-size: 30px; line-height: 43px; padding: 0;}
	#intro h2 small { font-size: 18px; line-height: 27px; }
	#outro h2 { font-size: 40px; line-height: 50px; padding: 0; }
	#intro h3, #outro h3 { font-size: 24px; line-height: 36px; }
	.intro_text p, .intro_text ul { padding: 0 5%;}

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

	.intro_buttons .btn-theme {font-size: 14px; padding: 7px 14px;}

	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM
	/*------------------------------------------*/

	.form_register { width: 100%; margin-left: 0%;}
	.form_register form { margin: 0 5px;}

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

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

	/*------------------------------------------*/
	/*	  Statistic Banner
	/*------------------------------------------*/

	#statistic_banner {padding-top: 80px; padding-bottom: 80px;}
	#statistic_banner .titlebar {margin-bottom: 30px;}
	.statistic-block {width: 100%; float: none; margin-top: 40px;}
	.statistic-number {font-size: 60px; line-height: 60px; }
	.statistic-text {font-size: 20px;}

	/*------------------------------------------*/
	/*	  Portfolio Item
	/*------------------------------------------*/

	.portfolio-item { width: 100%; float: none !important; }

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

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

	/*------------------------------------------*/
	/*	  Reasons
	/*------------------------------------------*/

	.reasons_wrapper .col-xs-4 { width: 100%; float: none !important; }

	/*------------------------------------------*/
	/*	  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: 30px;}
	#promo_line p {font-size: 15px;}

	/*------------------------------------------*/
	/*	  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 { width: 100%; float: none !important; }

	/*------------------------------------------*/
	/*	 Google Map
	/*------------------------------------------*/

	.map-canvas { height: 400px;}

	/*------------------------------------------*/
	/*	  Still have questions?
	/*------------------------------------------*/

	#have_questions h3 {
		display: block;
		font-size: 34px;
		margin-right: 0;
	}

	#have_questions a {
		font-size: 18px;
	}

	/*------------------------------------------*/
	/*	 MODALS
	/*------------------------------------------*/

	.modal-body h2 { font-size: 28px; }
	#modal_success .modal-body h2 { font-size: 34px; }

	.modal-body h2 + p { margin-bottom: 15px; }

	.modal .col-xs-6, .modal .col-xs-5, .modal .col-xs-7 { width: 100%; }

	.modal-body textarea { height: 76px; min-height: 76px; }


}


@media (max-width: 380px) {

	/*------------------------------------------*/
	/*	 Navbar Text Phone
	/*------------------------------------------*/

	.navbar-text-phone { display: none; }

	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM
	/*------------------------------------------*/

	.form_register .input-group-addon { padding-left: 9px; padding-right: 9px; }


}


@media (max-width: 320px) {

	/*------------------------------------------*/
	/*	 Theme Button
	/*------------------------------------------*/

	.btn-theme, .btn-green, .btn-tomato { /*font-size: 13px;*/ padding: 9px 16px;}
	.btn-theme.btn-lg, .btn-green.btn-lg, .btn-tomato.btn-lg { font-size: 16px; padding: 10px 16px;}

	/*------------------------------------------*/
	/*	 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 CONTENT
	/*------------------------------------------*/

	.intro_content {padding-top: 130px; padding-bottom: 80px; }
	#intro h2 { font-size: 28px; line-height: 41px; /*margin-bottom: 5px;*/ padding: 0;}
	#intro h2 small { font-size: 16px; line-height: 25px; }
	#outro h2 { font-size: 36px; line-height: 46px; /*margin-bottom: 5px;*/ padding: 0;}
	#intro h3, #outro h3 { font-size: 20px; line-height: 30px; }
	.intro_text p, .intro_text ul {	font-size: 14px; line-height: 22px; padding: 0;}

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

	.intro_buttons .btn-theme {margin-bottom: 15px;}

	/*------------------------------------------*/
	/*	 INTRO REGISTER FORM
	/*------------------------------------------*/

	.form_register h4 { font-size: 24px; }
	.form_register form { margin: 0; }

	/*------------------------------------------*/
	/*	  Blog Post Tour Title
	/*------------------------------------------*/

	#blog .blog-post-tourtitle h4 {
		font-size: 18px;
		line-height: 20px;
	}

	/*------------------------------------------*/
	/*	  Blog Post Tour Price
	/*------------------------------------------*/

	.blog-post-price {
		font-size: 18px;
		margin-top: 8px;
	}

	.blog-post-price strong {
		top: 6px;
	}

	/*------------------------------------------*/
	/*	  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 h2 {font-size: 28px;}
	#promo_line p {font-size: 14px; line-height: 1.6;}
	#promo_line a {margin-bottom: 10px;}

	/*------------------------------------------*/
	/*	  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"] {width: 100%; font-size: 14px; margin-bottom: 10px;}
	#newsletter form input[type="submit"] {width: 100%; font-size: 14px;}
	.message {font-size: 16px;}

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

	/*------------------------------------------*/
	/*	 THANKS PAGE
	/*------------------------------------------*/

	#thanks { margin-bottom: -144px; }
	#thanks td.footer { height: 144px; }
	#thanks h2 { font-size: 40px; }
	#thanks h2 + p { font-size: 18px; margin-bottom: 25px; }

	/*------------------------------------------*/
	/*	 MODALS
	/*------------------------------------------*/

	.modal-body h2 { font-size: 26px; }
	#modal_success .modal-body h2 { font-size: 32px; }
	.modal-body h2 + p { font-size: 14px; }
	#modal_success .modal-body h2 + p { font-size: 16px; }


}