/* 
   ------------------------------------------------------
	RESPONSIVE STYLES
   ------------------------------------------------------
*/



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

@media (min-width: 1440px) and (max-width: 2880px) {
	

		
}



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

@media (min-width: 992px) and (max-width: 1199px) { 
	
	/*------------------------------------------*/
	/*	 Base
	/*------------------------------------------*/
	
	h3.h3-thin, #promo h3.h3-thin, #newsletter h3.h3-thin, #reviews h3.h3-thin { font-size: 32px; line-height: 37px; }
	h4.h4-lg { font-size: 20px; line-height: 20px; }
	
	p.p-lg { font-size: 18px; line-height: 24px; }
		
	.section-title h3 { font-size: 40px; line-height: 40px; }
	.section-title p {font-size: 20px;line-height: 24px;}
			
	/*------------------------------------------*/
	/*	 Intro
	/*------------------------------------------*/ 

	.intro-txt h4 { font-size: 22px; line-height: 22px; margin-bottom: 20px; }
	
	.intro-txt h2, #intro-3 .intro-txt h2 { font-size: 60px; line-height: 62px; margin-bottom: 20px; padding-bottom: 20px; }		
	.intro-title h2 { font-size: 50px; line-height: 54px; }

	.intro-txt h3 { font-size: 28px; line-height: 34px; }
	#intro-4 .intro-txt h3 { font-size: 36px; line-height: 38px; }
	
	#intro-3-content #clock .cbox-1 { padding: 15px; }
	#intro-3-content #clock span.cbox-1-digit { font-size: 55px; line-height: 55px; }
	#intro-3-content #clock span.cbox-1-txt { font-size: 15px; line-height: 15px; }
	
	/*------------------------------------------*/
	/*	 Content
	/*------------------------------------------*/ 
	
	.about-image { width: 33.33333333%; float: left; padding-right: 4px; padding-left: 4px; margin-bottom: 0; }
	
	.nav-tabs > li > a { font-size: 18px; line-height: 18px; padding: 20px 40px; }	
	.nav-tabs > li > a span { font-size: 16px; line-height: 16px; }
	
	.event-description { padding-left: 0; }
	.event-time { font-size: 16px; line-height: 19px; margin-bottom: 2px; }

	.speaker-img-meta h2 { font-size: 26px; line-height: 26px; }
	.speaker-img-meta p { font-size: 16px; line-height: 22px; }
	
	.testimonial-txt p { font-size: 20px; line-height: 28px; }  
	.testimonial-txt p i {font-size: 28px;line-height: 28px;}
	
	.pricing-table h3 { font-size: 24px; line-height: 24px;	}
	.pricing-table .price span { font-size: 80px; line-height: 60px; }
	
	#become-sponsor.wide-100 { padding-top: 80px; padding-bottom: 80px;}
	
	.google-map { padding: 0px 0px 80%; }
	
	a.foo-social { width: 52px; height: 52px; font-size: 27px; line-height: 48px !important; }
	
	.venue-data.p-left-60 { padding-left: 20px; }
	
	/*------------------------------------------*/
	/*	  BLOG PAGE HERO
	/*------------------------------------------*/   
	
	#blog-hero h3, .blog-article h3 { font-size: 30px; line-height: 36px; }
	#blog-posts .blog-post-text p, .blog-post-content p { font-size: 16px; line-height: 24px; }
	.leave-comment h3 { font-size: 25px; line-height: 25px; }

	

}



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

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

	.division .p-left-30, .division .p-left-45, .division .p-left-60 { padding-left: 15px;}
	.division .p-right-30, .division .p-right-45, .division .p-right-60 { padding-right: 15px;}
	
	h3.h3-thin, #promo h3.h3-thin, #newsletter h3.h3-thin, #reviews h3.h3-thin { font-size: 30px; line-height: 35px; }
	h4.h4-lg { font-size: 18px; line-height: 18px; }
	p.p-lg { font-size: 17px; line-height: 23px; }
	
	.btn.btn-lg { font-size: 14px; padding: 12px 30px;	}
		
	.section-title h3 { font-size: 38px; line-height: 38px; }
	.section-title p {font-size: 18px; line-height: 22px; }
	
	/*------------------------------------------*/
	/*	 Navigation Menu
	/*------------------------------------------*/
	
	.navbar-nav > li > a { font-size: 15px; font-weight: 700; padding: 0 6px; }	
	.navbar-nav > li > a.register-btn {	font-size: 13px; font-weight: 700; padding: 5px 14px; margin-top: 12px; margin-left: 4px; }

	/*------------------------------------------*/
	/*	 Intro
	/*------------------------------------------*/ 

	#intro-4-content { margin-top: 260px; margin-bottom: 200px; }
	.intro-title, #intro-4 .intro-txt { text-align: center; }
	.intro-title.p-right-30 { padding-right: 15px; }
	.intro-txt.p-left-30 { padding-left: 15px; }
	.intro-title { border-right: none; }
	
	.intro-txt h4 { font-size: 22px; line-height: 22px; margin-bottom: 20px; }
	#intro-4 .intro-txt h3 { padding-top: 0; }
	
	.intro-txt h2 { font-size: 60px; line-height: 62px; margin-bottom: 20px; padding-bottom: 20px; }	
	#intro-3 .intro-txt h2 { font-size: 52px; line-height: 58px; margin-bottom: 20px; padding-bottom: 20px; }
	.intro-title h2 { font-size: 50px; line-height: 54px; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }
	
	.intro-txt h3, #intro-4 .intro-txt h3 { font-size: 28px; line-height: 34px; }
	#intro-4 .intro-txt h3 { margin-bottom: 4px; }
	
	#intro-3-content #clock .cbox-1 { padding: 12px; }
	#intro-3-content #clock span.cbox-1-digit { font-size: 50px; line-height: 50px; }
	#intro-3-content #clock span.cbox-1-txt { font-size: 15px; line-height: 15px; }
	
	.intro-txt p.p-lg { font-size: 16px; line-height: 22px; }

	/*------------------------------------------*/
	/*	 Content
	/*------------------------------------------*/ 
	
	.countdown.text-right { text-align: left; }
	
	.nav-tabs > li > a { font-size: 18px; line-height: 18px; padding: 20px 40px; }	
	.nav-tabs > li > a span { font-size: 16px; line-height: 16px; }
		
	.event-data { margin-bottom: 8px; }
	.event-description { margin-top: 8px; }	
	.keynote-speaker { float: left; padding-right: 30px;}
	.keynote-speaker.m-top-10 { margin-top: 0;}
		
	.newsletter-txt, .reviews-rotator, .flex-control-nav { text-align: center; }
	#newsletter h3.h3-thin { margin-bottom: 20px; }
	
	.speaker-img-meta h2 { font-size: 28px; line-height: 28px; }
	.speaker-img-meta p { font-size: 16px; line-height: 22px; }
	
	.testimonial-txt p { font-size: 20px; line-height: 28px; }  
	.testimonial-txt p i {font-size: 28px;line-height: 28px;}
	
	#call-to-action p.p-lg { padding: 0; }

	.pricing-row > .col-md-4 { padding: 0 20%;}
	.pricing-notice p { font-size: 18px; line-height: 22px; }
	
	#input_name, #input_email, #input_ticket { padding-right: 15px; }
	#register-form .form-control { margin-bottom: 15px; }

	#become-sponsor { text-align: center; }
	#become-sponsor.wide-100 { padding-top: 80px; padding-bottom: 80px; }
	
	.google-map { padding: 0px 0px 50%; }
	
	a.foo-social { width: 52px; height: 52px; font-size: 27px; line-height: 48px !important; margin: 0 2px; }
	
	.contact-info-item.m-top-40 { margin-top: 25px; }
	
	/*------------------------------------------*/
	/*	  BLOG PAGE HERO
	/*------------------------------------------*/   
	
	#blog-hero h3, .blog-article h3 { font-size: 28px; line-height: 34px; }
	#blog-posts .blog-post-text p, .blog-post-content p { font-size: 16px; line-height: 24px; }
	.leave-comment h3 { font-size: 24px; line-height: 24px; }

		
	
}




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

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

	.division { padding-left: 30px; padding-right: 30px; }	
	
	.wide-100 { padding-top: 80px; padding-bottom: 80px; }
	.wide-90 { padding-top: 80px; padding-bottom: 70px; }
	.wide-80 { padding-top: 80px; padding-bottom: 60px; }
	.wide-70 { padding-top: 80px; padding-bottom: 50px; }
	.wide-60 { padding-top: 80px; padding-bottom: 40px; }
	.wide-50 { padding-top: 80px; padding-bottom: 30px; }
	.wide-40 { padding-top: 80px; padding-bottom: 20px; }
	.wide-30 { padding-top: 80px; padding-bottom: 10px; }
	
	h3.h3-thin, #promo h3.h3-thin, #newsletter h3.h3-thin, #reviews h3.h3-thin { font-size: 26px; line-height: 30px; }
		
	.section-title h3 { font-size: 34px; line-height: 34px; }
	.section-title p {font-size: 18px; line-height: 22px; }
	
	/*------------------------------------------*/
	/*	 Navigation Menu
	/*------------------------------------------*/
	
	.header { margin-bottom: 60px; }
	.navbar-brand { padding: 13px 30px; }
	
	.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; font-size: 17px; font-weight: 900; line-height: 40px; text-align: center; }
	.navbar-nav > li > a.register-btn {	font-size: 15px; padding: 7px 18px; margin-top: 0px; margin-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.navbar-nav > li > a.register-btn:hover { background-color: #333; border-color: #333; color: #fff; }
	
	.navbar { padding: 0; background-color: #fff; }	
	.header .navbar .logo-white { display: none; }
	.header .navbar .logo-black { display: block; }

	/*------------------------------------------*/
	/*	 Intro
	/*------------------------------------------*/
	
	#intro-1-content, #intro-2-content, #intro-3-content { text-align: center; padding-top: 120px; padding-bottom: 120px; }
	#intro-4-content { margin-top: 180px; margin-bottom: 180px; padding-top: 30px; padding-bottom: 30px; }
	
	.intro-txt h4 { font-size: 20px; line-height: 20px; margin-bottom: 20px; }
	
	.intro-txt h2 { font-size: 56px; line-height: 60px; margin-bottom: 20px; padding-bottom: 20px; }
	#intro-3 .intro-txt h2 { font-size: 48px; line-height: 54px; }	
	.intro-title h2 { font-size: 44px; line-height: 48px; padding-top: 0; }
	
	.intro-txt h3, #intro-4 .intro-txt h3 { font-size: 26px; line-height: 30px; }
		
	#intro-3-content #clock .cbox-1 { padding: 10px; }
	#intro-3-content #clock span.cbox-1-digit { font-size: 45px; line-height: 45px; }
	#intro-3-content #clock span.cbox-1-txt { font-size: 14px; line-height: 14px; }
	
	/*------------------------------------------*/
	/*	 Content
	/*------------------------------------------*/ 
	
	#promo h3.h3-thin, #newsletter h3.h3-thin, #reviews h3.h3-thin { font-size: 26px; line-height: 30px; }
	
	.nav-tabs { border-bottom: none; }
	.nav-tabs li { display: block; width: 100%; text-align: center; border-bottom: 1px solid #009966; margin-bottom: 0px; }
	
	.speaker { padding: 0 5%; }
	.speaker-img-meta h2 { font-size: 26px; line-height: 26px; }
	
	.portfolio-items-list { margin: 0 15px; }
	.portfolio-item { margin-bottom: 20px; }
	
	#promo, .call-to-action, #newsletter, #become-sponsor.wide-100, #join-us { padding-top: 60px; padding-bottom: 60px; }
	
	.pricing-row > .col-md-4 { padding: 0 10%;}
	
	#pre-register { padding-top: 60px; padding-bottom: 80px; }
	
	.sponsors-holder img { padding: 0 15px;	}
	
	a.foo-social { width: 48px; height: 48px; font-size: 22px; line-height: 44px !important; }
		
	/*------------------------------------------*/
	/*	  BLOG PAGE HERO
	/*------------------------------------------*/   
	
	#blog-hero h3, .blog-article h3 { font-size: 24px; line-height: 30px; }
	#blog-posts .blog-post-text p, .blog-post-content p { font-size: 15px; line-height: 23px; }
	.leave-comment h3 { font-size: 22px; line-height: 22px; }
	
	.scrolllogo {
		height:40px !important;
		margin-top:0px;
	}	
	
	
}




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

@media only screen and (max-width: 640px) {
	
	/*------------------------------------------*/
	/*	 Base
	/*------------------------------------------*/
	
	.section-title h3 { font-size: 32px; line-height: 32px; }
		
	/*------------------------------------------*/
	/*	 Intro
	/*------------------------------------------*/
	
	#intro-1-content, #intro-2-content, #intro-3-content { padding-top: 100px; padding-bottom: 100px; }
	#intro-4-content { margin-top: 160px; margin-bottom: 160px; }
	
	.intro-txt h4 { font-size: 20px; line-height: 20px; margin-bottom: 20px; }
	
	.intro-txt h2 { font-size: 50px; line-height: 54px; margin-bottom: 20px; padding-bottom: 20px; }
	.intro-title h2 { font-size: 42px; line-height: 46px; }
	
	.intro-txt h3, #intro-4 .intro-txt h3 { font-size: 22px; line-height: 26px; }
	
	#intro-3-content #clock span.cbox-1-digit { font-size: 40px; line-height: 40px; }
		
	/*------------------------------------------*/
	/*	 Content
	/*------------------------------------------*/ 
	
	.speaker  { padding: 0; } 
	.pricing-row > .col-md-4  { padding: 0 15px; }
	.keynote-speaker { float: none !important; padding-right: 0; }
	.keynote-speaker.m-top-10 { margin-top: 10px; }
	
	.sponsors-holder { padding: 0 30px;}
	.sponsors-holder.col-xs-6.m-bottom-10 { margin-bottom: 0; }
	
	#become-sponsor p { font-size: 16px; line-height: 22px; }
	
	/*------------------------------------------*/
	/*	  BLOG PAGE HERO
	/*------------------------------------------*/   

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



}



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

@media only screen and (max-width : 479px) {
	
	/*------------------------------------------*/
	/*	 Base
	/*------------------------------------------*/

	.division { padding-left: 5px; padding-right: 5px; }	
	
	h3.h3-thin, #promo h3.h3-thin, #newsletter h3.h3-thin, #reviews h3.h3-thin { font-size: 24px; line-height: 30px; }	
	h4.h4-lg { font-size: 18px; line-height: 22px; }
	.section-title h3 { font-size: 30px; line-height: 30px; }
	
	#stlChanger { display: none; }
	#scrollUp { width: 40px; height: 40px; }
	
	/*------------------------------------------*/
	/*	 Navigation Menu
	/*------------------------------------------*/

	.navbar-brand { padding: 13px 15px; }
	.navbar-toggle { margin: 11px 15px 11px 0; }
	
	/*------------------------------------------*/
	/*	 Intro
	/*------------------------------------------*/

	.intro-txt h4 { font-size: 18px; line-height: 18px; margin-bottom: 15px; }
	
	.intro-txt h2 { font-size: 40px; line-height: 44px; margin-bottom: 15px; padding-bottom: 15px; }
	#intro-3 .intro-txt h2 { font-size: 40px; line-height: 44px; }	
	.intro-title h2 { font-size: 34px; line-height: 38px; }
	
	.intro-txt h3, #intro-4 .intro-txt h3 { font-size: 20px; line-height: 24px; }
	
	#intro-3-content #clock span.cbox-1-digit { font-size: 35px; line-height: 35px; }
	
	.intro-txt p.p-lg { font-size: 15px; line-height: 20px; }
	
	/*------------------------------------------*/
	/*	 Content
	/*------------------------------------------*/ 
	
	#promo h3.h3-thin, #newsletter h3.h3-thin, #reviews h3.h3-thin { font-size: 26px; line-height: 32px; }
	
	.speaker-data h5 { font-size: 16px; line-height: 16px; }
	.event-description h4 { font-size: 18px; line-height: 22px; }
	
	.newsletter-form .form-control { height: 50px; }
	.newsletter-form .btn { height: 50px; padding: 9px 24px; }
	
	.speaker-img-meta h4 { font-size: 16px; line-height: 16px; margin-bottom: 2px; }
	.speaker-img-meta h2 { font-size: 24px; line-height: 24px; }
	
	.pricing-table h3 { font-size: 20px; line-height: 20px;	}
	.pricing-table .price span { font-size: 65px; line-height: 45px; }
	.pricing-table .price sup { font-size: 35px; }
	.pricing-table ul.features { font-size: 16px; line-height: 20px; }
	
	.testimonial-txt p { font-size: 18px; line-height: 24px; }
	.testinonial-author { text-align: center; }
	.testinonial-author h4 { font-size: 17px; }
	.testinonial-author span { font-size: 15px; }
	
	.pricing-notice p { font-size: 16px; line-height: 22px; }
	
	.blog-article, .sponsors-holder { padding: 0; }
	
	a.foo-social { width: 44px; height: 44px; font-size: 20px; line-height: 40px !important; }
	
	/*------------------------------------------*/
	/*	  BLOG PAGE HERO
	/*------------------------------------------*/   
	
	.blog-article h3 { font-size: 22px; line-height: 28px; }
	#blog-hero p, .blog-post-author p { font-size: 14px; line-height: 20px; }
	.leave-comment h3 { font-size: 20px; line-height: 20px; }	
	#blog-posts .blog-post h4 { font-size: 20px; line-height: 26px; }	
	#posts-filter .btn-group > .btn { margin-right: 10px; }

}




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

@media (max-width: 320px) {	
	
	/*------------------------------------------*/
	/*	 Base
	/*------------------------------------------*/
	
	.division { padding-left: 0; padding-right: 0; }	
	
	h3.h3-thin, #promo h3.h3-thin, #newsletter h3.h3-thin, #reviews h3.h3-thin { font-size: 22px; line-height: 26px; }
	p.p-lg { font-size: 15px; line-height: 21px; }
	
	.section-title h3 { font-size: 26px; line-height: 26px; }
	.section-title p {font-size: 16px; line-height: 20px; }

	/*------------------------------------------*/
	/*	 Intro
	/*------------------------------------------*/
	
	#intro-1-content, #intro-2-content, #intro-3-content { padding-top: 80px; padding-bottom: 80px; }
	#intro-4-content { margin-top: 120px; margin-bottom: 120px; padding-top: 20px; padding-bottom: 20px; }
	
	.intro-txt h4 { font-size: 15px; line-height: 18px;  }
	
	.intro-txt h2 { font-size: 34px; line-height: 38px; }	
	#intro-3 .intro-txt h2 { font-size: 34px; line-height: 38px; }
	.intro-title h2 { font-size: 24px; line-height: 28px; }
	
	.intro-txt h3, #intro-4 .intro-txt h3 { font-size: 18px; line-height: 22px; }	
	
	.intro-txt .m-top-40 { margin-top: 20px; }
	.intro-txt p { font-size: 15px; line-height: 15px; }
	#intro-3-content #clock .cbox-1 { margin-right: 2px; }
	#intro-3-content #clock span.cbox-1-digit { font-size: 30px; line-height: 30px; }
	
	/*------------------------------------------*/
	/*	 Content
	/*------------------------------------------*/ 
	
	#clock span.cbox-1-digit {font-size: 30px;line-height: 30px;}

	#promo h3.h3-thin, #newsletter h3.h3-thin, #reviews h3.h3-thin { font-size: 22px; line-height: 26px; }
	
	.testimonial-txt p { font-size: 16px; line-height: 22px; }
	.testimonial-txt p i {font-size: 20px;line-height: 20px;}
	
	#register-form { padding: 30px 0 10px;}
	#register-form .form-control { height: 48px; }
	#register-form #form_register_btn .btn { padding: 13px 30px; }
	
	.sponsors-holder { padding: 0 20px;}
	.sponsors-holder .col-xs-6 { width: 100%; float: none !important; }
	
	.google-map { padding: 0px 0px 80%; }
	
	a.foo-social { width: 36px; height: 36px; font-size: 16px; line-height: 32px !important; margin: 0 1px; }
	
	#footer-copyright p, #footer-copyright a { font-size: 14px;line-height: 18px; }
		
	/*------------------------------------------*/
	/*	  BLOG PAGE HERO
	/*------------------------------------------*/   
	
	#blog-hero h3, .blog-article h3 { font-size: 18px; line-height: 24px; }
	#blog-hero p, .blog-post-author p { font-size: 14px; line-height: 20px; }
	.leave-comment h3 { font-size: 20px; line-height: 20px; }	
	#blog-posts .blog-post h4 { font-size: 18px; line-height: 24px; }	
	#posts-filter .btn-group > .btn { margin-right: 0; width: 100%; display: block; float: none!important; margin-bottom: 10px; }
	#posts-filter { text-align: center; } 
	
	#blog-page-header .col-xs-6 { width: 100%; float: none !important; text-align: left; }
	#blog-page-header .col-xs-6 img { margin-bottom: 5px; }
	
	.post-tags-list span a { padding: 3px 6px; margin-right: 2px; }
	#comment-form .form-control { height: 44px; }
	#form_btn .btn { font-size: 13px; padding: 10px 20px; }

}