/* 

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

	RESPONSIVE STYLES

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

*/









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

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

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



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



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

	/*	 HERO

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

	

	.hero-row-260 { padding-top: 280px; padding-bottom: 280px; }

	.hero-row-240 { padding-top: 260px; padding-bottom: 260px; }

	.hero-row-220 { padding-top: 240px; padding-bottom: 240px; }

	.hero-row-200 { padding-top: 220px; padding-bottom: 220px; }

	.hero-row-180 { padding-top: 200px; padding-bottom: 200px; }

	.hero-row-160 { padding-top: 180px; padding-bottom: 180px; }

	.hero-row-110 { padding-top: 110px; padding-bottom: 120px; }

	.hero-top-row-100 { padding-top: 120px; }

	

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

	/*	 Hero Transprent Herder

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

	

	.wide-hero .hero-row-260 { padding-top: 320px; padding-bottom: 280px; }

	.wide-hero .hero-row-240 { padding-top: 300px; padding-bottom: 260px; }

	.wide-hero .hero-row-220 { padding-top: 280px; padding-bottom: 240px; }

	.wide-hero .hero-row-200 { padding-top: 260px; padding-bottom: 220px; }

	.wide-hero .hero-row-180 { padding-top: 240px; padding-bottom: 200px; } 

	.wide-hero .hero-row-160 { padding-top: 220px; padding-bottom: 180px; }

	.wide-hero .hero-row-110 { padding-top: 160px; padding-bottom: 120px; }

	.wide-hero .hero-top-row-100 { padding-top: 160px; }

			

}









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

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

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



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



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

	/*	 BASE

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

	

	.division .p-left-20, .division .p-left-30, .division .p-left-45, .division .p-left-60 { padding-left: 15px;}

	.division .p-right-20, .division .p-right-30, .division .p-right-45, .division .p-right-60 { padding-right: 15px;}

	

	/* Headers */

	h5.h5-small { font-size: 14px; line-height: 20px; }

	h5 { font-size: 15px; line-height: 21px; }

	

	h4.h4-small { font-size: 17px; line-height: 23px; }

	h4 { font-size: 18px; line-height: 24px; }

	h4.h4-lg { font-size: 19px; line-height: 27px; margin-bottom: 10px; }

	h4.h4-huge { font-size: 21px; line-height: 29px; } 

	

	h3.h3-small { font-size: 25px; line-height: 34px; margin-bottom: 10px; }	

	h3 { font-size: 27px; line-height: 35px; margin-bottom: 15px; }

	h3.h3-lg { font-size: 31px; line-height: 41px; }

	h3.h3-huge { font-size: 35px; line-height: 45px; } 

	

	h2.h2-small { font-size: 37px; line-height: 47px; }

	h2 { font-size: 41px; line-height: 51px; margin-bottom: 15px; }

	h2.h2-lg { font-size: 45px; line-height: 53px; }

	h2.h2-huge { font-size: 48px; line-height: 55px; }

	

	/* Paragraphs */

	p { font-size: 15px; line-height: 25px; }

	p.p-lg {font-size: 16px; line-height: 26px;}

	p.p-huge { font-size: 18px; line-height: 26px; }

	

	/* Buttons */	

	.btn.btn-small { padding: 7px 23px; }

	.btn { padding: 9px 28px; }

	.btn.btn-medium { padding: 10px 33px; }	

	.btn.btn-lg { padding: 11px 38px;	}

	.btn.btn-lg i { margin-left: 3px; }

	

	/* Section Title */	

	.section-title h4, .thin-title h4 { font-size: 16px; line-height: 16px; margin-bottom: 8px; }	

	.section-title h3 { font-size: 36px; line-height: 46px; margin-bottom: 8px; }

	.thin-title h3 { font-size: 28px; line-height: 36px; margin-bottom: 8px; }

	.section-title p, .thin-title p { font-size: 18px; line-height: 26px; padding: 0 10%; }

	

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

	/*	 Navigation Menu

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

	

	#header-1 .navbar-right { margin-left: 50px; }

	

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

	/*	 HERO

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

	

	.hero-row-260 { padding-top: 240px; padding-bottom: 240px; }

	.hero-row-240 { padding-top: 220px; padding-bottom: 220px; }

	.hero-row-220 { padding-top: 200px; padding-bottom: 200px; }

	.hero-row-200 { padding-top: 180px; padding-bottom: 180px; }

	.hero-row-180 { padding-top: 160px; padding-bottom: 160px; }

	.hero-row-160 { padding-top: 140px; padding-bottom: 140px; }

	.hero-row-110 { padding-top: 90px; padding-bottom: 90px; }

	

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

	/*	 Hero Transprent Herder

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

	

	.wide-hero .hero-row-260 { padding-top: 270px; padding-bottom: 240px; }

	.wide-hero .hero-row-240 { padding-top: 250px; padding-bottom: 220px; }

	.wide-hero .hero-row-220 { padding-top: 230px; padding-bottom: 200px; }

	.wide-hero .hero-row-200 { padding-top: 210px; padding-bottom: 180px; }

	.wide-hero .hero-row-180 { padding-top: 190px; padding-bottom: 160px; } 

	.wide-hero .hero-row-160 { padding-top: 170px; padding-bottom: 140px; }

	.wide-hero .hero-row-110 { padding-top: 120px; padding-bottom: 90px; }

	

	/* Hero H3 Header */

	h3.h3-hero-normal { font-size: 34px; line-height: 42px; }

	h3.h3-hero-lg { font-size: 39px; line-height: 49px; }

	

	/* Hero H2 Header */

	h2.h2-hero-small { font-size: 44px; line-height: 54px; }

	h2.h2-hero-medium { font-size: 28px; line-height: 30px; }

	h2.h2-hero-lg { font-size: 64px; line-height: 74px; margin-bottom: 15px; }

	h2.h2-hero-huge { font-size: 70px; line-height: 80px; margin-bottom: 10px; }

	#hero-8 h2.h2-hero-huge { font-size: 72px; line-height: 80px; }

	

	/* Hero Paragraphs */

	.hero-txt p.p-hero-small { font-size: 16px; line-height: 25px; }

	.hero-txt p { font-size: 17px; line-height: 25px; }

	.hero-txt p.p-hero-medium { font-size: 18px; line-height: 26px; margin-bottom: 15px; }

	.hero-txt p.p-hero-lg { font-size: 20px; line-height: 26px; }

	

	#hero-1 p, #hero-6 p, #hero-9 p { padding: 0 12%; } 

	

	/* Hero Form */

	#hero-2 .hero-txt.p-right-60 { padding-right: 15px; }

	#hero-form { padding-left: 30px; }

	

	/* Hero Content */

	#hero-7-content { padding-top: 80px; padding-bottom: 480px; }

	.hero-7-image img { margin-top: -460px; }

		

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

	/*	 CONTENT

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

	

	/* Box Icons */  

	.box-icon [class^="flaticon-"]:before, 

	.box-icon [class*=" flaticon-"]:before,

	.box-icon [class^="flaticon-"]:after, 

	.box-icon [class*=" flaticon-"]:after { font-size: 60px; line-height: 60px!important; } 



	.box-icon-medium [class^="flaticon-"]:before, 

	.box-icon-medium [class*=" flaticon-"]:before,

	.box-icon-medium [class^="flaticon-"]:after, 

	.box-icon-medium [class*=" flaticon-"]:after { font-size: 70px; line-height: 70px!important; }



	.box-icon-lg [class^="flaticon-"]:before, 

	.box-icon-lg [class*=" flaticon-"]:before,

	.box-icon-lg [class^="flaticon-"]:after, 

	.box-icon-lg [class*=" flaticon-"]:after { font-size: 75px; line-height: 75px!important; } 

	

	/* About */

	#about-1 .btn { margin-top: 10px; }

	

	/* Features */

	.fbox { padding: 20px 30px; }

	#features-1 .btn { margin-top: 20px; }

	

	/* Content */

	.content-txt.m-top-10, .content-txt.m-top-20 { margin-top: 0; }

	.content-txt.m-top-40 { margin-top: 20px; }	

	#content-4 .col-md-7.m-top-60 { margin-top: 30px; }

	#content-4-1 .nav-tabs > li > a { padding: 5px 25px 20px; }

	

	.goalProgress { margin-bottom: 30px; }

	

	#content-6 .content-txt { padding-left: 50px; }

	#content-7 .content-txt { padding-right: 30px; }

	

	/* Portfolio */

	.portfolio-img-text span { font-size: 14px; line-height: 14px; } 

	.portfolio-img-text h5 { font-size: 18px; line-height: 26px; font-weight: 500; }

	

	/* Statistic */

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

	

	/* Banner */

	.banner-section h4 { font-size: 16px; line-height: 16px; margin-bottom: 8px; }		

	#banner-4 h2 { font-size: 90px; line-height: 90px; }
	#banner-5 h2 { font-size: 90px; line-height: 90px; }
	#banner-6 h2 { font-size: 90px; line-height: 90px; }
	#banner-7 h2 { font-size: 90px; line-height: 90px; }

	

	/* Clients */

	.item { padding: 0 15px; }

	

	/* Testimonials */

	#reviews-2 img { width: 100px; height: 100px; margin: 0 auto 15px; }

	.review-2 h5 { font-size: 14px; line-height: 14px; margin-bottom: 2px; }

	.review-2 span.author-data { font-size: 16px; line-height: 24px; }

	

	.review-1 p { font-size: 15px; line-height: 23px; }  

	.review-2 p, .review-3 p { font-size: 20px; line-height: 30px; }

	

	/* Call to Action */

	#call-to-action-2 p.p-huge { padding: 0; }

	

	/* Pricing */

	.pricing-table .price span { font-size: 65px; line-height: 45px; }	

	

	.pricing-table .price sup { font-size: 30px; top: -15px; }

	.pricing-table .price sup.coins { font-size: 25px; top: -30px; }

	.pricing-table ul.features { font-size: 15px; line-height: 15px; padding: 20px 10px 0; }



	/* Blog */

	.blog-post-text span { font-size: 14px; line-height: 14px; } 

	.blog-post-text a { font-size: 18px; line-height: 26px; font-weight: 500; margin-top: 5px; margin-bottom: 5px; }	

	.blog-post-meta.m-top-15 { margin-top: 5px; }

	.blog-post-author h6 { font-size: 14px; line-height: 14px; font-weight: 500; }	

	

	/* Contacts */

	.contacts-section .google-map { padding: 0px 0px 98.55%; }

	

	/* Footer */

	#footer-3 .footer-info { padding-right: 20%; }

	a.foo-social { color: #fff; width: 36px; height: 36px; font-size: 16px; line-height: 32px !important; margin-right: 2px; }

	.newsletter-form .form-control { font-size: 15px; padding: 0px 10px; }

	

	

		

	

}









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

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

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



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



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

	/*	 BASE

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

	

	.wide-120 { padding-top: 100px; padding-bottom: 100px; }

	

	.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; }

	

	/* Headers */	

	h5.h5-small { font-size: 13px; line-height: 19px; }

	h5 { font-size: 14px; line-height: 20px; }

	

	h4.h4-small { font-size: 16px; line-height: 22px; }

	h4 { font-size: 17px; line-height: 23px; }

	h4.h4-lg { font-size: 18px; line-height: 26px; margin-bottom: 8px; }

	h4.h4-huge { font-size: 20px; line-height: 28px; } 

	

	h3.h3-small { font-size: 22px; line-height: 30px; margin-bottom: 8px; }	

	h3 { font-size: 24px; line-height: 32px; margin-bottom: 12px; }

	h3.h3-lg { font-size: 28px; line-height: 38px; }

	h3.h3-huge { font-size: 32px; line-height: 42px; } 

	

	h2.h2-small { font-size: 34px; line-height: 44px; }

	h2 { font-size: 38px; line-height: 48px; margin-bottom: 15px; }

	h2.h2-lg { font-size: 42px; line-height: 50px; }

	h2.h2-huge { font-size: 44px; line-height: 52px; }

		

	/* Paragraphs */

	p { font-size: 15px; line-height: 25px; }

	p.p-lg {font-size: 16px; line-height: 26px;}

	p.p-huge { font-size: 18px; line-height: 26px; }



	/* Buttons */	

	.btn.btn-small { padding: 6px 20px; }

	.btn { padding: 8px 25px; }

	.btn.btn-medium { font-size: 14px; padding: 9px 30px; }	

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

	.btn.btn-lg i { margin-left: 3px; }

	

	/* Section Title */	

	.section-title h4, .thin-title h4 { font-size: 16px; line-height: 16px; margin-bottom: 8px; }	

	.section-title h3 { font-size: 34px; line-height: 44px; margin-bottom: 8px; }

	.thin-title h3 { margin-bottom: 8px; }

	.section-title p, .thin-title p { font-size: 17px; line-height: 25px; padding: 0 12%; }

	

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

	/*	 Navigation Menu

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

		

	#header-1 .navbar-right { float: right!important;  margin-left: 0;}	

	#header-1 .header-btn { float: none!important; margin-right: 10px; }

	

	#header-1 .navbar-nav.navbar-right { float: left!important;  }

	#header-1 .navbar-nav.header-btn { float: right!important; margin-right: -15px; }

	.navbar-nav > li > a { font-size: 14px; padding: 0 6px; }

	

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

	/*	 HERO

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

	

	.hero-row-260 { padding-top: 220px; padding-bottom: 220px; }

	.hero-row-240 { padding-top: 200px; padding-bottom: 200px; }

	.hero-row-220 { padding-top: 180px; padding-bottom: 180px; }

	.hero-row-200 { padding-top: 160px; padding-bottom: 160px; }

	.hero-row-180 { padding-top: 140px; padding-bottom: 140px; }

	.hero-row-160 { padding-top: 120px; padding-bottom: 120px; }

	.hero-row-110 { padding-top: 90px; padding-bottom: 90px; }

	.hero-top-row-100 { padding-top: 90px; }

	

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

	/*	 Hero Transprent Herder

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

	

	.wide-hero .hero-row-260 { padding-top: 250px; padding-bottom: 220px; }

	.wide-hero .hero-row-240 { padding-top: 230px; padding-bottom: 200px; }

	.wide-hero .hero-row-220 { padding-top: 210px; padding-bottom: 180px; }

	.wide-hero .hero-row-200 { padding-top: 190px; padding-bottom: 160px; }

	.wide-hero .hero-row-180 { padding-top: 170px; padding-bottom: 140px; } 

	.wide-hero .hero-row-160 { padding-top: 150px; padding-bottom: 120px; }	

	.wide-hero .hero-row-110 { padding-top: 120px; padding-bottom: 90px; }

	.wide-hero .hero-top-row-100 { padding-top: 120px; }

	

	/* Hero H3 Header */

	h3.h3-hero-normal { font-size: 30px; line-height: 38px; }

	h3.h3-hero-lg { font-size: 35px; line-height: 45px; }

	

	#hero-2 h3.h3-hero-normal { font-size: 28px; line-height: 36px; }

	

	/* Hero H2 Header */

	h2.h2-hero-small { font-size: 40px; line-height: 50px; }

	h2.h2-hero-medium { font-size: 30px; line-height: 30px; margin-bottom: 15px; }

	h2.h2-hero-lg { font-size: 56px; line-height: 66px; margin-bottom: 15px; }

	h2.h2-hero-huge { font-size: 60px; line-height: 70px; margin-bottom: 10px; }

	#hero-8 h2.h2-hero-huge { font-size: 60px; line-height: 70px; }

		

	/* Hero Paragraphs */

	.hero-txt p.p-hero-small { font-size: 15px; line-height: 24px; }

	.hero-txt p { font-size: 16px; line-height: 24px; }

	.hero-txt p.p-hero-medium { font-size: 17px; line-height: 26px; margin-bottom: 15px; }

	.hero-txt p.p-hero-lg { font-size: 19px; line-height: 27px; }

	

	.hero-list p {font-size: 16px; line-height: 24px; margin-bottom: 5px; }

	.hero-list p span { margin-right: 3px; }

	

	#hero-1 p, #hero-9 p { padding: 0 12%; } 

	#hero-5 p { padding-right: 0; }

	#hero-7 p, #hero-8 p { padding: 0; }

	

	/* Hero Form */

	#hero-2 .hero-txt.p-right-60 { margin-top: 15px; padding-right: 10px; }

	#hero-form form { padding: 35px 30px 25px; }



	/* Hero Buttons */

	.hero-section .btn-lg.m-top-20 { margin-top: 15px; }

	#hero-3.hero-section .btn-lg.m-top-20 { margin-top: 10px; }

	#hero-4.hero-section .btn-lg.m-top-20 { margin-top: 4px; }

	

	/* Hero Content */ 

	#hero-7-content { padding-top: 80px; padding-bottom: 360px; }

	.hero-7-image img { margin-top: -340px; }

	

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

	/*	 CONTENT

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

	

	/* Box Icons */  

	.box-icon-small [class^="flaticon-"]:before, 

	.box-icon-small [class*=" flaticon-"]:before,

	.box-icon-small [class^="flaticon-"]:after, 

	.box-icon-small [class*=" flaticon-"]:after {   font-size: 45px; line-height: 45px!important; }



	.box-icon [class^="flaticon-"]:before, 

	.box-icon [class*=" flaticon-"]:before,

	.box-icon [class^="flaticon-"]:after, 

	.box-icon [class*=" flaticon-"]:after { font-size: 55px; line-height: 55px!important; } 



	.box-icon-medium [class^="flaticon-"]:before, 

	.box-icon-medium [class*=" flaticon-"]:before,

	.box-icon-medium [class^="flaticon-"]:after, 

	.box-icon-medium [class*=" flaticon-"]:after { font-size: 65px; line-height: 65px!important; }



	.box-icon-lg [class^="flaticon-"]:before, 

	.box-icon-lg [class*=" flaticon-"]:before,

	.box-icon-lg [class^="flaticon-"]:after, 

	.box-icon-lg [class*=" flaticon-"]:after { font-size: 70px; line-height: 70px!important; } 

	

	/* About */

	#about-1 .about-txt.m-top-30 { margin-top: 20px; }

	#about-1 .about-txt .col-sm-6.m-bottom-40 { margin-bottom: 25px; }

	#about-1 .btn { margin-top: 15px; }	

	#about-4 .btn.m-top-35 { margin-top: 25px; }

	

	/* Features */

	.fbox { padding: 20px 25px; }

	#features-1 .btn { margin-top: 20px; }

	

	/* Content */

	.content-txt.m-top-10, .content-txt.m-top-20, .content-txt.m-top-40 { margin-top: 0; }

	#content-1 .content-txt p.m-top-30, #content-1 .btn.m-top-25 { margin-top: 15px; }

	

	.content-txt p.p-bottom-10 { padding-bottom: 0; }

	.quote.p-top-10 { padding-top: 0; }

	.quote p { font-size: 16px; line-height: 23px; margin-bottom: 15px; }

	.quote-avatar img { width: 55px; height: 55px; }

	

	.panel-group.m-top-60 { margin-top: 15px; }

	.panel-heading { padding: 5px 0; }

	.panel-group h3.h3-small { font-size: 20px; line-height: 28px; }

	.panel-body { padding: 0; }

		

	#content-4 .col-md-7.m-top-60 { margin-top: 0; }

	.nav-tabs > li > a { font-size: 15px; margin-right: 25px; }

	#content-4-1 .nav-tabs > li > a { font-size: 15px; padding: 5px 20px 15px; }	

	#content-4-1 .tab-pane.row { margin-left: 0; margin-right: 0; }	

	.tab-content > .tab-pane { padding: 16px 0 0; }

	

	#content-6 .content-txt { padding-left: 50px; }

	#content-7 .content-txt { padding-right: 50px; }



	#content-6 .cbox.m-bottom-30 { margin-bottom: 25px; }

	#content-6 .content-txt .btn, #content-7 .content-txt .btn { margin-top: 20px; }

	

	/* Portfolio */

	.portfolio-img-text span { font-size: 14px; line-height: 14px; } 

	.portfolio-img-text h5 { font-size: 18px; line-height: 26px; font-weight: 500; }

	

	/* Statistic */

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

	

	/* Banner */

	#banner-1 { padding-top: 100px; }	

	#banner-2 { padding-top: 130px; padding-bottom: 130px; } 

	#banner-4 { padding-top: 100px; padding-bottom: 100px; }
	
	#banner-5 { padding-top: 100px; padding-bottom: 100px; }
	
	#banner-6 { padding-top: 100px; padding-bottom: 100px; }
	
	#banner-7 { padding-top: 100px; padding-bottom: 100px; }



	.banner-section h4 { font-size: 16px; line-height: 16px; margin-bottom: 8px; }		

	#banner-2 h3 { font-size: 30px; line-height: 40px; font-weight: 500; margin-bottom: 15px; }	

	#banner-4 h2 { font-size: 70px; line-height: 70px; }	
	
	#banner-5 h2 { font-size: 70px; line-height: 70px; }
	
	#banner-6 h2 { font-size: 70px; line-height: 70px; }
	
	#banner-7 h2 { font-size: 70px; line-height: 70px; }

	#banner-1 .video-link { margin-top: 25px; margin-bottom: 30px; }

	#banner-2 .btn { margin-top: 15px; }

		

	/* Clients */

	.logo-holder { margin-left: 0; margin-right: 0; }

	.item { width: 20%; padding: 0 15px; }

	

	/* Testimonials */

	#reviews-2 img { width: 85px; height: 85px; margin: 0 auto 15px; }

	.review-2 h5, .review-3 h5 { font-size: 14px; line-height: 14px; margin-bottom: 2px; }

	.review-2 span.author-data { font-size: 16px; line-height: 24px; }

	

	.review-1 p { font-size: 15px; line-height: 23px; }  

	.review-2 p { font-size: 18px; line-height: 28px; padding: 20px 0; }

	

	/* Team */	

	.team-img-meta h4 { margin-bottom: 3px; }

	.team-img-meta h6 { font-size: 14px; line-height: 14px; margin-bottom: 10px; } 

	

	/* Call to Action */

	#call-to-action-2 h3 { margin-bottom: 10px; }

	#call-to-action-2 p.p-huge { padding: 0; }

	

	/* Pricing */

	#pricing-1 .col-md-3 { padding-left: 15px; padding-right: 15px; }    



	.pricing-table .price span { font-size: 65px; line-height: 45px; }		

	.pricing-table .price sup { font-size: 30px; top: -15px; }

	.pricing-table .price sup.coins { font-size: 25px; top: -30px; }

	.pricing-table ul.features { font-size: 15px; line-height: 15px; padding: 20px 10px 0; }	



	/* Blog */

	.blog-post-text span { font-size: 13px; line-height: 13px; } 

	.blog-post-text a { font-size: 16px; line-height: 24px; font-weight: 500; margin-top: 5px; margin-bottom: 5px; }	

	.blog-post-meta.m-top-15 { margin-top: 5px; }

	.blog-post-author h6 { font-size: 13px; line-height: 13px; font-weight: 500; }

	

	/* Contacts */	

	#contacts-4 .section-title span { font-size: 20px; line-height: 20px; }



	.contact-form { margin-left: -15px; margin-right: -15px; }

	.contact-form .form-control { font-size: 16px; }

	#contacts-1 .contact-form.form-dark .form-control { height: 44px; font-size: 15px; margin-bottom: 15px; padding: 0px 10px; }

	#contacts-1 .contact-form.form-dark textarea.form-control { padding: 15px 10px; min-height: 120px; }

	

	.contacts-section .google-map { padding: 0px 0px 99.55%; }	



	/* Footer */

	.footer h4 { margin-bottom: 15px; }

	#footer-3 .footer-info { padding-right: 15px;}	

	#footer-2 p.m-bottom-25 { margin-bottom: 10px; }	

	

	a.foo-social { color: #fff; width: 36px; height: 36px; font-size: 16px; line-height: 32px !important; margin-right: 2px; }	

	.newsletter-form .form-control { font-size: 15px; padding: 0px 10px; }

	.footer .newsletter-form .btn {  padding: 0 40px; }

	

	

	

		

}









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

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

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



@media (min-width: 768px) and (max-width: 800px) { 



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

	/*	 BASE

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

	

	.division .row { padding-left: 25px; padding-right: 25px; }	



}









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

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

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



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



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

	/*	 PRELOAD ANIMATION

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

	

	#loader { width: 70px; height: 70px; margin: -35px 0 0 -35px; }



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

	/*	 BASE

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

	

	/* Spacing & Alignment For Demos */

	.wide-120 { padding-top: 100px; padding-bottom: 100px; }

	.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; }

	

	.p-top-100 { padding-top: 80px; }

		

	.division, .pre-footer { padding-left: 45px; padding-right: 45px; }	

	.footer.division { padding-left: 0; padding-right: 0; }

	

	/* Headers */	

	h5.h5-small { font-size: 13px; line-height: 19px; }

	h5 { font-size: 14px; line-height: 20px; }

	

	h4.h4-small { font-size: 15px; line-height: 21px; }

	h4 { font-size: 16px; line-height: 22px; }

	h4.h4-lg { font-size: 17px; line-height: 25px; margin-bottom: 8px; }

	h4.h4-huge { font-size: 18px; line-height: 26px; } 

	

	h3.h3-small { font-size: 21px; line-height: 29px; margin-bottom: 8px; }	

	h3 { font-size: 23px; line-height: 31px; margin-bottom: 12px; }

	h3.h3-lg { font-size: 26px; line-height: 34px; }

	h3.h3-huge { font-size: 28px; line-height: 36px; } 

	

	h2.h2-small { font-size: 32px; line-height: 42px; }

	h2 { font-size: 36px; line-height: 44px; margin-bottom: 15px; }

	h2.h2-lg { font-size: 40px; line-height: 48px; }

	h2.h2-huge { font-size: 42px; line-height: 50px; }

	

	/* Paragraphs */

	p { font-size: 15px; line-height: 25px; }

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

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

	

	/* Buttons */	

	.btn.btn-small { font-size: 12px; padding: 7px 20px; }

	.btn { font-size: 13px; padding: 8px 20px; }

	.btn i { font-size: 13px; }	

	.btn.btn-medium { font-size: 13px; padding: 9px 25px; }	

	.btn.btn-lg { font-size: 14px; padding: 10px 30px;	}

	.btn.btn-lg i { font-size: 14px; margin-left: 3px; }

	

	/* Section Title */	

	.section-title h4, .thin-title h4 { font-size: 15px; line-height: 15px; }	

	.section-title h3 { font-size: 32px; line-height: 42px; }

	.section-title p, .thin-title p { font-size: 16px; line-height: 24px; padding: 0 6%; }

	

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

	/*	 Navigation Menu

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

	

	.header, .header .def-nav { margin-bottom: 60px; }

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

	.navbar-fixed-top .navbar-collapse {  max-height: 500px; }

	

	.navbar { padding: 0; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }

	

	#header-1 .navbar-right { float: none!important;  margin-left: -15px;}	

	#header-1 .header-btn { float: none!important; margin-right: 0; }	

	#header-1 .navbar-nav.navbar-right { float: none!important;  }

	#header-1 .navbar-nav.header-btn { float: none!important; }

	

	/* Logo Image */

	.navbar.no-bg .logo-white { display: none; }

	.navbar.no-bg .logo-black { display: block; }

	

	/* Navigation Bar */	

	.navbar-nav { background: #f0f0f0; margin-top: 0; margin-bottom: 0; border-top: 1px solid #ddd; }

	.navbar.no-bg { padding: 0; background-color: #fff; }

	.navbar-fixed-top { border-width: 0 0 0; }

	.bg-black .navbar-nav { background: #222; margin-top: 0; margin-bottom: 0; border-top: 1px solid #111; border-bottom: none; }

	.navbar-nav.header-btn { border-top: none; }

			

	/* Navigation Menu */	

	.navbar-nav > li > a, .no-bg .navbar-nav > li > a { color: #333; line-height: 40px; margin-bottom: 3px; }

	.bg-black .navbar-nav > li > a { color: #fff; line-height: 40px; }

	

	/* Header Button */	

	.no-bg .navbar-nav > li > a.header-btn, .navbar-nav > li > a.header-btn { 

		background-color: #7aa93c; 

		border-color: #7aa93c; 

		line-height: 26px;

		margin-top: 0; 

		margin-bottom: 0; 

		margin-left: 0; 

		-webkit-border-radius: 0; 

		-moz-border-radius: 0; 

		border-radius: 0; 

	}	

	

	.bg-black .navbar-nav > li > a.header-btn { color: #fff; }	

	.bg-black .navbar-nav > li > a.header-btn:hover, 

	.no-bg.white-nav .navbar-nav > li > a.header-btn:hover { color: #fff; background-color: #333; border-color: #333; }

	

	/* Header Socials */	

	#navigation-menu { text-align: center; }

	.navbar-nav > li.header-socials { display: inline-block; margin: 8px auto; } 

	 

	/* Navigation Menu Hover */	

	.navbar-nav > li > a:hover, 

	.no-bg.dark-nav .navbar-nav > li > a:hover, 

	.no-bg.white-nav .navbar-nav > li > a:hover { background-color: #d5d5d5; color: #000; }

	

	.bg-black .navbar-nav > li > a:hover { background-color: #333; color: #fff; }

	

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

	/*	 HERO

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

	

	.hero-section { margin-top: 60px; }

	.hero-txt { text-align: center; }

	

	.hero-row-260, .wide-hero .hero-row-260 { padding-top: 160px; padding-bottom: 160px; }

	.hero-row-240, .wide-hero .hero-row-240 { padding-top: 160px; padding-bottom: 160px; }

	.hero-row-220, .wide-hero .hero-row-220 { padding-top: 160px; padding-bottom: 160px; }

	.hero-row-200, .wide-hero .hero-row-200 { padding-top: 140px; padding-bottom: 140px; }

	.hero-row-180, .wide-hero .hero-row-180 { padding-top: 120px; padding-bottom: 120px; }

	.hero-row-160, .wide-hero .hero-row-160 { padding-top: 100px; padding-bottom: 100px; }

	.hero-row-110, .wide-hero .hero-row-110 { padding-top: 80px; padding-bottom: 80px; }

	.hero-top-row-100, .wide-hero .hero-top-row-100 { padding-top: 60px; }

		

	/* Hero H3 Header */

	h3.h3-hero-normal { font-size: 24px; line-height: 32px; }

	h3.h3-hero-lg { font-size: 28px; line-height: 36px; margin-bottom: 10px; }

	

	#hero-2 h3.h3-hero-normal { font-size: 24px; line-height: 32px; }

	

	/* Hero H2 Header */

	h2.h2-hero-small { font-size: 34px; line-height: 42px; }

	h2.h2-hero-medium { font-size: 42px; line-height: 50px; margin-bottom: 15px; }

	h2.h2-hero-lg { font-size: 48px; line-height: 56px; margin-bottom: 15px; }

	h2.h2-hero-huge { font-size: 50px; line-height: 60px; margin-bottom: 10px; }

	#hero-8 h2.h2-hero-huge { font-size: 50px; line-height: 60px; }

		

	/* Hero Paragraphs */

	.hero-txt p.p-hero-small { font-size: 14px; line-height: 22px; }

	.hero-txt p { font-size: 15px; line-height: 23px; }

	.hero-txt p.p-hero-medium { font-size: 15px; line-height: 23px;  }

	.hero-txt p.p-hero-lg { font-size: 18px; line-height: 26px; }

	

	#hero-2 p { padding-right: 0; }

	#hero-7 p, #hero-9 p { padding: 0 5%; }

	#hero-5 p { padding: 0 12%; } 

	

	/* Hero Form */

	#hero-2 .hero-txt.p-right-60 { margin-top: 0; padding-right: 15px; }

	#hero-form form { width: 66%; margin: 35px auto 0; padding: 45px 40px 30px; }

		

	/* Hero Buttons */

	.hero-section .btn-lg.m-top-20 { margin-top: 10px; }

	.hero-section .btn-lg.m-top-10 { margin-top: 5px; }

	

	/* Hero Content */

	.hero-arrow { font-size: 13px; }

	.arrow span  { font-size: 20px; }

	

	#hero-2 .hero-txt.m-top-10 {  margin: 0 30px;}

	#hero-7-content { padding-top: 60px; padding-bottom: 310px; }

	.hero-7-image img { margin-top: -300px; }



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

	/*	 CONTENT

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

	

	/* About */

	#about-1 .abox, #about-6 .abox { margin-bottom: 30px; } 

	

	.abox h5 { margin-bottom: 10px; } 

	.abox h4 { margin-top: 15px; }

	.abox p { padding: 0 5%; }



	/* Features */

	#features-2 .wide-50 { padding-top: 80px; padding-bottom: 40px; }

	

	.fbox-1 h4, .fbox-2 h4 { margin-top: 15px; } 

	.fbox { padding: 0 15px; }

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

	.fbox.b-right-grey.b-left-grey { border: none; }

	.fbox-1 p { padding: 0 5%; }

	

	/* Content */

	.quote p { font-size: 15px; line-height: 23px;  }

	.tabs-icon-holder { text-align: center; }

	.nav-tabs { display: inline-block; margin: 0 auto; }



	.skill-percent { font-size: 16px; line-height: 16px; font-weight: 500; }

	

	#content-4-1 .nav-tabs > li > a { padding: 5px 10px 15px; }	

	

	.content-6-img, .content-7-img { 

		background-position: center center; 

		position: relative;

		height: 350px; 

		width: auto!important; 

		margin-left: 15px; 

		margin-right: 15px; 

		margin-bottom: 50px;

	}

	

	.content-7-img { width: 100%; left: 0; }

	

	#content-6 .content-txt { padding-left: 15px; }

	#content-7 .content-txt { padding-right: 15px; }	

	#content-6 .content-txt, #content-7 .content-txt { padding: 0 15px; }

	

	.goalProgress { margin-bottom: 25px; }

	

	/* Portfolio */

	#portfolio-1.wide-80, #portfolio-2.wide-80 { padding-bottom: 70px; }	

	.portfolio-item { margin-bottom: 30px; }

	

	/* Banner */

	#banner-1 { padding-top: 80px; }	

	#banner-2 { padding-top: 110px; padding-bottom: 110px; } 

	

	.banner-section h4 { font-size: 15px; line-height: 15px; }				

	#banner-2 h3 { font-size: 28px; line-height: 38px;  }

	#banner-4 h2 { font-size: 60px; line-height: 60px; }

	#banner-4 h3.h3-small { font-size: 18px; line-height: 26px; padding: 0 5%; } 
	
	#banner-5 h2 { font-size: 60px; line-height: 60px; }

	#banner-5 h3.h3-small { font-size: 18px; line-height: 26px; padding: 0 5%; }
	
	#banner-6 h2 { font-size: 60px; line-height: 60px; }

	#banner-6 h3.h3-small { font-size: 18px; line-height: 26px; padding: 0 5%; }
	
	#banner-7 h2 { font-size: 60px; line-height: 60px; }

	#banner-7 h3.h3-small { font-size: 18px; line-height: 26px; padding: 0 5%; }

		

	#banner-1 .video-link { margin-top: 25px; margin-bottom: 30px; }

		

	/* Clients */

	.item { width: 20%; padding: 0 10px; }

	

	/* Testimonials */

	.review-1 { margin-bottom: 30px; }

	

	/* Team */	

	.team-members-wrapper .col-sm-6, .team-members-wrapper .col-sm-4 { margin-left: 45px; margin-right: 45px; }

		

	/* Pricing */

	.pricing-row .col-sm-4, .pricing-row .col-sm-6 { margin-left: 45px; margin-right: 45px; }

	

	/* Blog */

	#blog-1 .blog-post { margin-bottom: 70px; }

	

	/* Contacts */		

	.contact-form .form-control { font-size: 15px; }	

	#contacts-2 .contact-form { margin-bottom: 30px; }

	.contacts-section .google-map { padding: 0px 0px 42.55%; margin-bottom: 50px; }	

	

	.contact-data p.contact-phone, .contact-data p.contact-skype { font-size: 15px; line-height: 23px; }



	/* Footer */

	.footer { text-align: center; }

	.footer .p-top-80.p-bottom-30 { padding-bottom: 10px; }

	

	.footer-info, .footer-contacts, .footer-newsletter { margin-left: 10%; margin-right: 10%; }

	

	.footer-newsletter p { font-size: 14px; line-height: 22px; }

	.newsletter-form .input-group { display: block; text-align: center; }

	.input-group .form-control { height: 40px; font-size: 15px; display: block; float:none!important; width: 100%; text-align: center; padding: 0 10px; }	



	.footer .newsletter-form .form-control { border-right: 1px solid #aaa; }

	.newsletter-form .btn { height: 40px; display: inline-block; float:none!important; width: 100%!important; margin-top: 8px; }	

	.input-group-btn:last-child > .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

	.input-group .form-control:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

	

	.footer h4.h4-small { font-size: 17px; line-height: 17px; font-weight: 600; }

	

		

	

	

}









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

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

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



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



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

	/*	 BASE

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

	

	.division, .pre-footer { padding-left: 30px; padding-right: 30px; }	

	

	/* Headers */

	h4.h4-small { font-size: 14px; line-height: 20px; }

	h4 { font-size: 15px; line-height: 23px; }

	h4.h4-lg { font-size: 16px; line-height: 24px; margin-bottom: 8px; }

	h4.h4-huge { font-size: 17px; line-height: 25px; } 

	

	h3.h3-small { font-size: 20px; line-height: 26px;  }	

	h3 { font-size: 22px; line-height: 28px; }

	h3.h3-lg { font-size: 22px; line-height: 28px; }

	h3.h3-huge { font-size: 24px; line-height: 32px; } 

	

	h2.h2-small { font-size: 28px; line-height: 36px; }

	h2 { font-size: 30px; line-height: 38px; margin-bottom: 15px; }

	h2.h2-lg { font-size: 34px; line-height: 42px; }

	h2.h2-huge { font-size: 36px; line-height: 44px; }

	

	/* Paragraphs */

	p.p-small { font-size: 13px; line-height: 19px; }

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

	p.p-lg {font-size: 15px; line-height: 23px;}

	p.p-huge { font-size: 15px; line-height: 23px; }

	

	/* Section Title */	

	.section-title h3 { font-size: 26px; line-height: 34px; margin-bottom: 8px; }

	.thin-title h3 { margin-bottom: 8px; }

	.section-title p, .thin-title p { font-size: 15px; line-height: 23px; padding: 0 5px; }

	

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

	/*	 Navigation Menu

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

	

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

	.navbar-toggle { margin: 11px 30px 11px 0; }	

	

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

	/*	 HERO

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

	

	.hero-row-260, .wide-hero .hero-row-260 { padding-top: 130px; padding-bottom: 130px; }

	.hero-row-240, .wide-hero .hero-row-240 { padding-top: 130px; padding-bottom: 130px; }

	.hero-row-220, .wide-hero .hero-row-220 { padding-top: 130px; padding-bottom: 130px; }

	.hero-row-200, .wide-hero .hero-row-200 { padding-top: 120px; padding-bottom: 120px; }

	.hero-row-180, .wide-hero .hero-row-180 { padding-top: 100px; padding-bottom: 100px; }

	.hero-row-160, .wide-hero .hero-row-160 { padding-top: 80px; padding-bottom: 80px; }

	.hero-row-110, .wide-hero .hero-row-110 { padding-top: 60px; padding-bottom: 60px; }

	.hero-top-row-100, .wide-hero .hero-top-row-100 { padding-top: 60px; }

		

	/* Hero H3 Header */

	h3.h3-hero-normal { font-size: 22px; line-height: 30px; }

	h3.h3-hero-lg { font-size: 26px; line-height: 34px; }

	

	#hero-2 h3.h3-hero-normal { font-size: 22px; line-height: 30px; }

	

	/* Hero H2 Header */

	h2.h2-hero-small { font-size: 28px; line-height: 36px; }

	h2.h2-hero-medium { font-size: 23px; line-height: 26px; margin-bottom: 15px; }

	h2.h2-hero-lg { font-size: 40px; line-height: 48px; margin-bottom: 15px; }

	h2.h2-hero-huge { font-size: 40px; line-height: 48px; margin-bottom: 10px; }

	#hero-8 h2.h2-hero-huge { font-size: 40px; line-height: 48px; }

		

	/* Hero Paragraphs */

	.hero-txt p.p-hero-small { font-size: 14px; line-height: 22px; }

	.hero-txt p { font-size: 15px; line-height: 23px; }

	.hero-txt p.p-hero-medium { font-size: 15px; line-height: 23px;  }

	.hero-txt p.p-hero-lg { font-size: 17px; line-height: 25px; }

	

	#hero-1 p { padding: 0 10%; }

	#hero-5 p { padding: 0 5%; }

	

	/* Hero Form */

	#hero-2 .hero-txt.p-right-60 { margin-top: 0; padding-right: 15px; }

	#hero-form form { width: 76%; padding: 45px 40px 30px; }

	

	/* Hero Buttons */

	.hero-section .btn.m-top-15 { margin-top: 5px; }

	.hero-section .btn.m-top-20 { margin-top: 10px; }

	

	/* Hero Content */

	#hero-2 .hero-txt.m-top-10 {  margin: 0;}

	.hero-list { margin-top: 15px; margin-bottom: 20px; }

	

	#hero-7-content { padding-top: 60px; padding-bottom: 260px; }

	.hero-7-image img { margin-top: -250px; }

	

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

	/*	 CONTENT

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

	

	/* Box Icons */  

	.box-icon-small [class^="flaticon-"]:before, 

	.box-icon-small [class*=" flaticon-"]:before,

	.box-icon-small [class^="flaticon-"]:after, 

	.box-icon-small [class*=" flaticon-"]:after {   font-size: 40px; line-height: 40px!important; }



	.box-icon [class^="flaticon-"]:before, 

	.box-icon [class*=" flaticon-"]:before,

	.box-icon [class^="flaticon-"]:after, 

	.box-icon [class*=" flaticon-"]:after { font-size: 50px; line-height: 50px!important; } 



	.box-icon-medium [class^="flaticon-"]:before, 

	.box-icon-medium [class*=" flaticon-"]:before,

	.box-icon-medium [class^="flaticon-"]:after, 

	.box-icon-medium [class*=" flaticon-"]:after { font-size: 60px; line-height: 60px!important; }



	.box-icon-lg [class^="flaticon-"]:before, 

	.box-icon-lg [class*=" flaticon-"]:before,

	.box-icon-lg [class^="flaticon-"]:after, 

	.box-icon-lg [class*=" flaticon-"]:after { font-size: 65px; line-height: 65px!important; } 

		

	/* Features */

	.fbox { text-align: center; } 

	

	/* Content */

	.nav-tabs > li > a { font-size: 14px; line-height: 14px; }

	#content-4-1 .nav-tabs > li > a { font-size: 14px; padding: 5px 12px 20px; margin-right: 0; }

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

	.quote-author span { font-size: 13px; line-height: 13px; }



	.skill-percent { font-size: 15px; line-height: 15px; font-weight: 500; }



	.content-6-img, .content-7-img { height: 300px; }

	

	/* Portfolio */

	.gallery-filter { padding: 0 10%; }

	.btn-group { display: block;}

	.gallery-filter .btn-group > .btn { width: 100%; display: block; float: none!important; font-size: 15px; padding: 9px 18px; margin-bottom: 10px; } 

		

	/* Banner */	

	#banner-2 { padding-top: 90px; padding-bottom: 90px; } 

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

	#banner-4 h2 { font-size: 55px; line-height: 55px;  margin-bottom: 8px; }

	#banner-4 h3.h3-small { font-size: 15px; line-height: 23px; padding: 0; } 
	
	#banner-5 h2 { font-size: 55px; line-height: 55px;  margin-bottom: 8px; }

	#banner-5 h3.h3-small { font-size: 15px; line-height: 23px; padding: 0; } 
	
	#banner-6 h2 { font-size: 55px; line-height: 55px;  margin-bottom: 8px; }

	#banner-6 h3.h3-small { font-size: 15px; line-height: 23px; padding: 0; } 
	
	#banner-6 h2 { font-size: 55px; line-height: 55px;  margin-bottom: 8px; }

	#banner-6 h3.h3-small { font-size: 15px; line-height: 23px; padding: 0; } 

	

	#banner-1 .video-link { margin-top: 25px; margin-bottom: 30px; }

		

	/* Clients */

	.item { width: 33%; padding: 0 15px; }

	

	/* Testimonials */

	.review-2 p { font-size: 15px; line-height: 24px; padding: 20px 0; }

	

	/* Team */	

	.team-members-wrapper .col-sm-6, .team-members-wrapper .col-sm-4 { margin-left: 30px; margin-right: 30px; }

	

	/* Call to Action */

	#call-to-action-1 h3 { margin-right: 0; }

	#call-to-action-1 .btn { margin-top: 5px; }	

	#call-to-action-2 p.p-huge { padding: 0; }

		

	/* Pricing */

	.pricing-row .col-sm-4, .pricing-row .col-sm-6 { margin-left: 30px; margin-right: 30px; }

	

	/* Contacts */

	#contacts-4 .section-title span { font-size: 18px; line-height: 18px; }



	/* Footer */

	.footer-info, .footer-contacts, .footer-newsletter { margin-left: 5%; margin-right: 5%; }	

	

	

		

	

}









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

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

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



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



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

	/*	 BASE

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

	

	.division, .pre-footer { padding-left: 15px; padding-right: 15px; }

	

	/* Headers */

	h4.h4-small { font-size: 13px; line-height: 19px; }

	h4 { font-size: 14px; line-height: 20px; }

	h4.h4-lg { font-size: 15px; line-height: 23px; }

	h4.h4-huge { font-size: 15px; line-height: 23px; } 

	

	h3.h3-small { font-size: 18px; line-height: 24px; }	

	h3 { font-size: 19px; line-height: 27px; }

	h3.h3-lg { font-size: 21px; line-height: 27px; }

	h3.h3-huge { font-size: 21px; line-height: 27px; } 

	

	h2.h2-small { font-size: 25px; line-height: 33px; }

	h2 { font-size: 27px; line-height: 35px; }

	h2.h2-lg { font-size: 29px; line-height: 37px; }

	h2.h2-huge { font-size: 31px; line-height: 39px; }

	

	/* Section Title */	

	.section-title h4, .thin-title h4 { font-size: 14px; line-height: 14px;  }	

	.section-title h3 { font-size: 22px; line-height: 30px;  }

	.thin-title h3 { margin-bottom: 8px; }

	.section-title p, .thin-title p { font-size: 14px; line-height: 22px; padding: 0; }

	

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

	/*	 Navigation Menu

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

	

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

	.navbar-toggle { margin: 11px 15px 11px 0; }

	

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

	/*	 HERO

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

	

	.hero-row-260, .wide-hero .hero-row-260 { padding-top: 110px; padding-bottom: 110px; }

	.hero-row-240, .wide-hero .hero-row-240 { padding-top: 110px; padding-bottom: 140px; }

	.hero-row-220, .wide-hero .hero-row-220 { padding-top: 110px; padding-bottom: 140px; }

	.hero-row-200, .wide-hero .hero-row-200 { padding-top: 100px; padding-bottom: 100px; }

	.hero-row-180, .wide-hero .hero-row-180 { padding-top: 80px; padding-bottom: 80px; }

	.hero-row-160, .wide-hero .hero-row-160 { padding-top: 60px; padding-bottom: 60px; }

	.hero-row-110, .wide-hero .hero-row-110 { padding-top: 60px; padding-bottom: 60px; }

	.hero-top-row-100, .wide-hero .hero-top-row-100 { padding-top: 60px; }

		

	/* Hero H3 Header */

	h3.h3-hero-normal { font-size: 22px; line-height: 30px; }

	h3.h3-hero-lg { font-size: 22px; line-height: 30px; }

	

	/* Hero H2 Header */

	h2.h2-hero-small { font-size: 25px; line-height: 33px; margin-bottom: 10px; }

	h2.h2-hero-medium { font-size: 15px; line-height: 15px; margin-bottom: 10px; }

	h2.h2-hero-lg { font-size: 32px; line-height: 40px; margin-bottom: 10px; }

	h2.h2-hero-huge { font-size: 32px; line-height: 40px; margin-bottom: 10px; }

	#hero-8 h2.h2-hero-huge { font-size: 32px; line-height: 40px; }

		

	/* Hero Paragraphs */

	.hero-txt p.p-hero-small { font-size: 14px; line-height: 22px; }

	.hero-txt p { font-size: 14px; line-height: 22px; }

	.hero-txt p.p-hero-medium { font-size: 14px; line-height: 22px;  }

	.hero-txt p.p-hero-lg { font-size: 16px; line-height: 24px; }

	

	#hero-1 p { padding: 0 5%; } 

	#hero-5 p, #hero-6 p, #hero-9 p { padding: 0 2%; } 

	#hero-7 p { padding: 0; } 

	

	/* Hero Form */

	#hero-form form { width: 90%; padding: 45px 40px 30px; }

	

	/* Hero Buttons */

	.hero-section .btn.m-top-20 { margin-top: 5px; }



	/* Hero Content */

	#hero-7-content { padding-top: 60px; padding-bottom: 230px; }

	.hero-7-image img { margin-top: -220px; }

		

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

	/*	 CONTENT

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

	

	/* About */

	#about-1 .about-icons .col-xs-4 { width: 50%; float: left!important;}	

	.abox p { padding: 0; }

		

	/* Features */

	.fbox-1 p { padding: 0; }

	

	/* Content */

	#content-4-1 .nav-tabs { display: block; }	

	#content-4-1 .nav-tabs > li  { width: 100%;  }

	#content-4-1 .nav-tabs > li > a  { background-color: #f5f5f5; padding: 15px 40px; margin-bottom: 8px; margin-right: 0; }	

	#content-4-1 .nav-tabs > li.active > a, 

	#content-4-1 .nav-tabs > li.active > a:hover, 

	#content-4-1 .nav-tabs > li.active > a:focus { background-color: #eee; }



	.content-6-img, .content-7-img { height: 240px; }



	/* Portfolio */

	.gallery-filter .btn-group > .btn { font-size: 14px; padding: 8px 18px;  } 

	.portfolio-img-text h5 { font-size: 17px; line-height: 25px; }

	

	/* Banner */	

	#banner-2 .col-xs-8 { width: 100%; float: none!important; }

	#banner-2 { text-align: center; }

		

	#banner-2 h3 { font-size: 22px; line-height: 30px;  }

	#banner-4 h2 { font-size: 50px; line-height: 50px;  margin-bottom: 8px; }

	#banner-4 h3.h3-small { font-size: 14px; line-height: 22px; padding: 0; } 
	
	#banner-5 h2 { font-size: 50px; line-height: 50px;  margin-bottom: 8px; }

	#banner-5 h3.h3-small { font-size: 14px; line-height: 22px; padding: 0; } 
	
	#banner-6 h2 { font-size: 50px; line-height: 50px;  margin-bottom: 8px; }

	#banner-6 h3.h3-small { font-size: 14px; line-height: 22px; padding: 0; } 
	
	#banner-7 h2 { font-size: 50px; line-height: 50px;  margin-bottom: 8px; }

	#banner-7 h3.h3-small { font-size: 14px; line-height: 22px; padding: 0; } 

	

	/* Clients */

	.item { width: 50%; padding: 0 15px; }

	

	/* Team */	

	.team-members-wrapper .col-sm-6, .team-members-wrapper .col-sm-4 { margin-left: 10px; margin-right: 10px; }

	

	/* Call to Action */

	#call-to-action-1 { padding-top: 60px; padding-bottom: 60px; }

	#call-to-action-1 h3 { line-height: 30px!important; margin-bottom: 10px; }

		

	/* Pricing */

	.pricing-row .col-sm-4, .pricing-row .col-sm-6 { margin-left: 10px; margin-right: 10px; }



	/* Footer */

	.footer-info, .footer-contacts, .footer-newsletter { margin-left: 0; margin-right: 0; }

	.footer-links .about-links li { padding: 0 4px; }

	

	

		

	

}









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

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

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



@media (max-width: 320px) {	



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

	/*	 PRELOAD ANIMATION

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

	

	#loader { width: 54px; height: 54px; margin: -27px 0 0 -27px; border: 2px solid transparent; border-top-color: #25c6ff; }

	#loader:before { border: 2px solid transparent; border-top-color: #e74c3c; }

	#loader:after { border: 2px solid transparent; border-top-color: #f9c922; }



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

	/*	 BASE

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

	

	.division, .pre-footer { padding-left: 4px; padding-right: 4px; }



	/* Headers */

	h4.h4-small { font-size: 13px; line-height: 19px; }

	h4 { font-size: 14px; line-height: 20px; }

	h4.h4-lg { font-size: 15px; line-height: 23px; }

	h4.h4-huge { font-size: 15px; line-height: 23px; } 

	

	h3.h3-small { font-size: 16px; line-height: 24px; }	

	h3 { font-size: 17px; line-height: 25px; }

	h3.h3-lg { font-size: 19px; line-height: 27px; }

	h3.h3-huge { font-size: 19px; line-height: 27px; } 

	

	h2.h2-small { font-size: 22px; line-height: 30px; }

	h2 { font-size: 24px; line-height: 32px; }

	h2.h2-lg { font-size: 26px; line-height: 34px; }

	h2.h2-huge { font-size: 28px; line-height: 36px; }

	

	/* Section Title */	

	.section-title h3 { font-size: 20px; line-height: 28px;  }

	

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

	/*	 HERO

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

		

	/* Hero H3 Header */

	h3.h3-hero-normal { font-size: 22px; line-height: 30px; }

	h3.h3-hero-lg { font-size: 20px; line-height: 28px; }

	

	/* Hero H2 Header */

	h2.h2-hero-small { font-size: 20px; line-height: 28px; margin-bottom: 5px; }

	h2.h2-hero-medium { font-size: 22px; line-height: 30px; margin-bottom: 5px; }

	h2.h2-hero-lg { font-size: 25px; line-height: 32px; margin-bottom: 5px; }

	h2.h2-hero-huge { font-size: 25px; line-height: 32px; margin-bottom: 5px; }

	#hero-8 h2.h2-hero-huge { font-size: 32px; line-height: 40px; }

		

	/* Hero Paragraphs */

	.hero-txt p.p-hero-small { font-size: 14px; line-height: 22px; }

	.hero-txt p { font-size: 14px; line-height: 22px; }

	.hero-txt p.p-hero-medium { font-size: 14px; line-height: 22px;  }

	.hero-txt p.p-hero-lg { font-size: 16px; line-height: 24px; }

	

	#hero-1 p, #hero-4 p, #hero-5 p, #hero-9 p { padding: 0; }  

	

	/* Hero Form */

	#hero-form form { width: 100%; padding: 40px 20px 25px; }



	/* Hero Content */

	#hero-7-content { padding-top: 50px; padding-bottom: 140px; }

	.hero-7-image img { margin-top: -130px; }

		

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

	/*	 CONTENT

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

	

	/* Content */

	#content-4 .nav-tabs { display: block; }	

	#content-4 .nav-tabs > li  { width: 100%;  }

	#content-4 .nav-tabs > li > a { background-color: #f5f5f5; padding: 15px 40px; margin-bottom: 8px; margin-right: 0; }	

	#content-4 .nav-tabs > li.active > a, #content-4 .nav-tabs > li.active > a:hover, #content-4 .nav-tabs > li.active > a:focus { background-color: #eee; }



	/* Banner */

	#banner-2 h3 { font-size: 19px; line-height: 26px;  }

	#banner-4 h2 { font-size: 40px; line-height: 40px;  margin-bottom: 8px; }

	#banner-4 h3.h3-small { font-size: 13px; line-height: 20px; padding: 0; } 
	
	#banner-5 h2 { font-size: 40px; line-height: 40px;  margin-bottom: 8px; }

	#banner-5 h3.h3-small { font-size: 13px; line-height: 20px; padding: 0; }
	
	#banner-6 h2 { font-size: 40px; line-height: 40px;  margin-bottom: 8px; }

	#banner-6 h3.h3-small { font-size: 13px; line-height: 20px; padding: 0; }
	
	#banner-7 h2 { font-size: 40px; line-height: 40px;  margin-bottom: 8px; }

	#banner-7 h3.h3-small { font-size: 13px; line-height: 20px; padding: 0; }

	

	

	

		

}