/* 

   ------------------------------------------------------

					Responsive Styles

   ------------------------------------------------------

*/





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



	h1 { font-size: 32px; }

	h2 { font-size: 26px; }

	

	.titlebar p {font-size: 15px; line-height: 25px; padding: 0 10%; }

	

	.btn-lg { font-size: 16px; padding: 12px 24px; }

		

	/*------------------------------------------*/

	/*	 Top Banner

	/*------------------------------------------*/



	#tp_banner_description { margin: 103px 0 123px; padding-right: 0; }

	#tp_banner_image { padding-right: 0;}

	

	/*------------------------------------------*/

	/*	 Features

	/*------------------------------------------*/

	

	#feature_1, #feature_4 { margin-top: 8px; } 

	#feature_2, #feature_3, #feature_5, #feature_6 { margin-top: 14px; }

	.feature-box-icon i { margin: 8px 0 ; }	

	

	#f_center_content img { margin-top: 8px;} 

	

	/*------------------------------------------*/

	/*	  Screens

	/*------------------------------------------*/ 

	

	.hover-details:hover .image_zoom {top: 42%;}



	/*------------------------------------------*/

	/*	 Team

	/*------------------------------------------*/ 

	

	p.member-info {padding: 0 3%;}

	

	/*------------------------------------------*/

	/*	 Video Banner

	/*------------------------------------------*/ 

	

	#v_banner_content {margin: 0;}

	#v_banner_content h1  {margin-bottom: 15px; }

	#v_banner_content p {font-size: 14px; line-height: 24px; font-weight: 600; }

	.btn-google-play, .btn-app-store { margin-top: 15px; }

	

	.video-block { padding-bottom: 66%; }

	

	/*------------------------------------------*/

	/*	 Pricing

	/*------------------------------------------*/

	

	.pricing-table .plan-title {font-size: 18px; }

	.pricing-table .plan-price span {font-size: 24px; }

	.plan-price small { font-size: 16px; }

	.pricing-table ul.features li { font-size: 16px; }

		

	/*------------------------------------------*/

	/*	 Testimonials

	/*------------------------------------------*/

	.testimonials {margin: 50px 5%; }

	

	/*------------------------------------------*/

	/*	  FAQs Accordion

	/*------------------------------------------*/



	.accordion a { line-height: 20px;padding: 10px 25px 10px 40px;}	

	.accordion li div { line-height: 20px;padding: 10px; }

		

}





@media only screen and (max-width: 991px){

		

	/*------------------------------------------*/

	/*	 Basic Styles

	/*------------------------------------------*/

	

	h1 { font-size: 30px; }

	h2 { font-size: 24px; }

	

	.titlebar p {font-size: 14px; line-height: 24px; padding: 0 5%; }

		

	.btn-lg { font-size: 15px; padding: 10px 20px; }

	

	/*------------------------------------------*/

	/*	 Top Banner

	/*------------------------------------------*/



	#tp_banner_description { margin: 38px 0 58px; padding-right: 0;  width: 54%; }

	#tp_banner_description h1 { line-height: 1.1; }	

	#tp_banner_description p { font-size: 14px; line-height: 22px ;margin-bottom: 30px; }

	

	#tp_banner_image { width: 46%; padding-right: 0; padding-left: 0; }

	

	/*------------------------------------------*/

	/*	 Features

	/*------------------------------------------*/

	

	#feature_1, #feature_4 { margin-top: 0px; } 

	#feature_2, #feature_3, #feature_5, #feature_6 { margin-top: 10px; }

	.feature-box-icon i { margin: 5px 0 ;font-size: 28px; }	



	.feature-box p { font-size: 13px; line-height: 18px; }

	.feature-box h4 { font-size: 14px; }

	

	#f_center_content img { margin-top: 50px;} 

	

	/*------------------------------------------*/

	/*	  Screens

	/*------------------------------------------*/ 

	

	#screenshot_1, #screenshot_2, #screenshot_3, #screenshot_4,

	#screenshot_5, #screenshot_6, #screenshot_7, #screenshot_8 { padding-right: 5px; padding-left: 5px;}

	

	.hover-details:hover .image_zoom {top: 42%;}

	.hover-details:hover .img-cover h3 {bottom: 24%;}

	

	/*------------------------------------------*/

	/*	  Team

	/*------------------------------------------*/ 

	

	#team { padding-bottom: 50px; }

	.team-img-meta h4 { font-size: 14px; }

	#team-member-holder { padding: 0 5%; }

	#team_1, #team_2, #team_3, #team_4 { padding-right: 40px; padding-left: 40px;}

	.team-member { margin-bottom: 30px; } 

	

	/*------------------------------------------*/

	/*	 Video Banner

	/*------------------------------------------*/ 

	

	#v_banner_content {margin: 0;}

	#v_banner_content h1  {margin-bottom: 15px; }

	#v_banner_content p {font-size: 14px; line-height: 20px; font-weight: 600; }

	.btn-google-play, .btn-app-store { margin-top: 15px; }

	

	.video-block { margin-top: 30px; padding-bottom: 80%; }

	

	/*------------------------------------------*/

	/*	 Pricing

	/*------------------------------------------*/

	

	#pricing { padding-bottom: 60px; }

	#pricing-table-holder { padding: 0 5%;}	

	#price_1, #price_2, #price_3, #price_4 { padding-right: 20px; padding-left: 20px;}

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

	.pricing-table .plan-title {font-size: 18px; }

	.pricing-table ul.features li { font-size: 15px; }

		

	/*------------------------------------------*/

	/*	 Testimonials

	/*------------------------------------------*/

	.testimonials {margin: 50px 0; }

	

	/*------------------------------------------*/

	/*	  FAQs Accordion

	/*------------------------------------------*/



	.accordion a { line-height: 20px; padding: 10px 10px 10px 40px;}	

	.accordion li div { line-height: 20px;padding: 10px; }

	

	/*------------------------------------------*/

	/*	  Newsletter

	/*------------------------------------------*/ 

	

	#newsletter_title { text-align: center;}

	#newsletter_title p { padding: 0 5%; }

	#newsletter_form { padding-left: 60px; padding-right: 60px; }

	

}



@media only screen and (max-width: 767px){



	/*------------------------------------------*/

	/*	 Basic Styles

	/*------------------------------------------*/

	

	h1 { font-size: 30px; }

	h2 { font-size: 24px; }

	

	.titlebar p {font-size: 14px; line-height: 24px; padding: 0 5%; }

		

	.btn-lg { font-size: 15px; padding: 10px 20px; }



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

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

	

	/*------------------------------------------*/

	/*	 Top Banner

	/*------------------------------------------*/



	#tp_banner_description { margin: 30px 0 15px; padding: 0 5%; width: 100%;  text-align: center; }

	#tp_banner_description h1 {line-height: 1.2;}	

	#tp_banner_description p {font-size: 14px; line-height: 22px ; margin-bottom: 30px;}

	

	#tp_banner_image { width: 100%; padding-right: 15px; padding-left: 15px;}

	

	/*------------------------------------------*/

	/*	 Features

	/*------------------------------------------*/

	

	#features { padding-bottom: 80px; }

	#feature_1, #feature_4 { margin-top: 0; }

	#feature_2, #feature_3, #feature_5, #feature_6 { margin-top: 10px; }

	.feature-box-icon i { margin: 8px 0 ;font-size: 34px; }	

	.feature-box p {font-size: 14px; line-height: 20px; }

	.feature-box h4 {font-size: 16px;}

		

	#f_left_content, #f_right_content { text-align: center; padding: 0 20%;}

	

	#f_center_content { text-align: center; }

	#f_center_content .img-responsive { display: inline-block; }

	#f_center_content img { margin-top: 30px;}

	

	/*------------------------------------------*/

	/*	  Screens

	/*------------------------------------------*/ 

	

	#screenshots-holder1, #screenshots-holder2 { padding: 0 8%; }

	#screenshot_1, #screenshot_2, #screenshot_3, #screenshot_4,

	#screenshot_5, #screenshot_6, #screenshot_7, #screenshot_8 { padding-right: 16px; padding-left: 16px;}

	

	.hover-details:hover .image_zoom {top: 45%;}

	.hover-details:hover .img-cover h3 {bottom: 28%;}

	

	/*------------------------------------------*/

	/*	  Team

	/*------------------------------------------*/ 

	

	.team-img-meta h4 { font-size: 18px; }

	

	/*------------------------------------------*/

	/*	 Video Banner

	/*------------------------------------------*/ 

	

	#video-banner {padding: 50px 0; }

	#v_banner_content {margin: 0; padding: 0 4%; text-align: center; }

	#v_banner_content h1  {margin-bottom: 15px; }

	#v_banner_content p {font-size: 14px; line-height: 20px; font-weight: 600; }

	.btn-google-play, .btn-app-store { margin-top: 15px; }

	

	#v_banner_video { padding: 0 4%; }

	.video-block { margin-top: 30px; padding-bottom: 60%; }

	

	/*------------------------------------------*/

	/*	 Testimonials

	/*------------------------------------------*/

	

	.testimonials {margin: 50px 8%; }

	.slides {margin: 0px 0 40px;}



	.testimonials h4 { font-size: 16px; }

	.testimonials p { font-size: 16px; }

	

	/*------------------------------------------*/

	/*	  FAQs Accordion

	/*------------------------------------------*/



	#question_1,#question_2, #question_3, #question_4,

	#question_5, #question_6, #question_7, #question_8 { padding: 0 6%; }

	.accordion a { line-height: 26px; padding: 10px 40px;}	

	.accordion li div { line-height: 20px; padding: 10px; }

	

	/*------------------------------------------*/

	/*	  Contact

	/*------------------------------------------*/ 

	

	#contact-form { padding: 0 8%;}	

	#contact .btn-lg {font-size: 16px; padding: 12px 24px; }

	

	/*------------------------------------------*/

	/*	  Newsletter

	/*------------------------------------------*/ 

	

	#newsletter_title { text-align: center;}

	#newsletter_title p { padding: 0 10%; }

	#newsletter_form { padding-left: 80px; padding-right: 80px; }

	

	/*------------------------------------------*/

	/*	 Footer

	/*------------------------------------------*/ 

	

	#footer_copy, #footer_icons { text-align: center; }

	#footer_copy .img-responsive { display: inline-block; }

	

	.footer-socials {display: inline-block; margin: 0 auto; float: none !important;}



}





@media (max-width: 480px) {

		

	.titlebar p {font-size: 14px; line-height: 24px; padding: 0 15px; }

	

	#stlChanger { display: none; }

	

	.navbar-toggle { margin: 13px 20px 13px 0; }

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

		

	/*------------------------------------------*/

	/*	 Top Banner

	/*------------------------------------------*/



	#tp_banner_description { margin: 20px 0 10px; padding: 0 15px;}

	.tp_banner_btn a { margin-bottom: 10px; }

		

	/*------------------------------------------*/

	/*	 Features

	/*------------------------------------------*/

	

	#f_left_content, #f_right_content { text-align: center; padding: 0 8%;}

	

	

	/*------------------------------------------*/

	/*	 Screens

	/*------------------------------------------*/ 

	

	#screenshots-holder1, #screenshots-holder2 { padding: 0 15px; }

	#screenshot_1, #screenshot_2, #screenshot_3, #screenshot_4,

	#screenshot_5, #screenshot_6, #screenshot_7, #screenshot_8 { width: 100%; float: none !important; padding-right: 15px; padding-left: 15px;}

	

	.hover-details:hover .image_zoom {top: 42%;}

	.hover-details:hover .img-cover h3 {bottom: 30%;}

	

	/*------------------------------------------*/

	/*	 Team

	/*------------------------------------------*/ 

	

	#team-member-holder { padding: 0 15px;}

	#team-member-holder .col-xs-6 { width: 100%; float: none !important; }	

	.team-img-meta h4 { font-size: 18px; }

	p.member-info { padding: 0; }

	.team-member { margin-bottom: 30px; } 

	

		

	/*------------------------------------------*/

	/*	 Video Banner

	/*------------------------------------------*/ 

	

	#v_banner_content, #v_banner_video { padding: 0 15px;}

	.video-block { margin-top: 30px; padding-bottom: 70%; }

	

	/*------------------------------------------*/

	/*	 Pricing

	/*------------------------------------------*/



	#pricing-table-holder { padding: 0 6%;}	

	#pricing-table-holder .col-xs-6 { width: 100%; float: none !important; }	

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

	.pricing-table .plan-title {font-size: 18px; }

	.pricing-table ul.features li { font-size: 16px; }

	

	/*------------------------------------------*/

	/*	 Testimonials

	/*------------------------------------------*/

	

	.testimonials {margin: 50px 2%; }

	

	/*------------------------------------------*/

	/*	  FAQs Accordion

	/*------------------------------------------*/



	#question_1,#question_2, #question_3, #question_4,

	#question_5, #question_6, #question_7, #question_8 { padding: 0 2%; }

	.accordion a { line-height: 20px; padding: 10px 10px 10px 40px; }	

	

	/*------------------------------------------*/

	/*	  Newsletter

	/*------------------------------------------*/ 

	

	#newsletter_title { text-align: center;}

	#newsletter_title p { padding: 0 2%; }

	#newsletter_form { padding-left: 20px; padding-right: 20px; }

	.subscribe-input { width: 64%;}

	.subscribe-submit { width: 36%; }

}





@media (max-width: 320px) {

	

}