/*
   ------------------------------------------------------
	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-14 .hero-slider, #hero-15 .hero-slider { height: 700px; }
	#hero-14 .hero-txt h2 { padding-top: 225px; }
	#hero-15 .hero-txt h2 { padding-top: 240px; }

	.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: 54px; line-height: 64px; }
	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-13 h2.h2-hero-huge, #hero-15 h2.h2-hero-huge { font-size: 80px; line-height: 80px; margin-bottom: 20px; }

	/* 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: 28px; }

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

	/* Hero Buttons */
	#hero-14 .hero-buttons.m-top-50 { margin-top: 40px; }

	/* 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; }
	#features-3 .fea-txt.m-top-10 { margin-top: 0; }

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

	#content-8 .content-txt.m-top-60 { margin-top: 40px; }
	#content-8 .content-txt p.m-top-25.m-bottom-25 { margin-top: 15px; margin-bottom: 20px; }
	#content-8 .content-buttons.m-top-50 { margin-top: 35px; }

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

	/* 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-12 .hero-txt { text-align: center!important; }
	#hero-13 .hero-txt { width: 85%; }
	#hero-14 .hero-slider, #hero-15 .hero-slider { height: 660px; }
	#hero-14 .hero-txt h2 { padding-top: 210px; }
	#hero-15 .hero-txt h2 { padding-top: 240px; }

	.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: 48px; line-height: 58px; 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-13 h2.h2-hero-huge, #hero-15 h2.h2-hero-huge { font-size: 65px; line-height: 65px; margin-bottom: 20px; }

	/* 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, #hero-10 p { padding: 0; }
	#hero-11 p { padding: 0 5%; }
	#hero-12 p, #hero-13 p, #hero-15 p { padding: 0 8%; }

	/* 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-10 .hero-buttons.m-top-40 { margin-top: 35px; }
	#hero-13 .hero-buttons.m-top-50 { margin-top: 40px; }
	#hero-10 .hero-buttons .btn.m-right-15, #hero-13 .hero-buttons .btn.m-right-20,
	#hero-14 .hero-buttons .btn.m-right-15, #hero-15 .hero-buttons .btn.m-right-15 { margin-right: 12px; }
	#hero-14 .hero-buttons.m-top-50 { margin-top: 35px; }

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

	#features-3 .fea-txt.m-top-10 { margin-top: 0; }
	#features-3 .fea-txt p.m-top-25.m-bottom-20 { margin-top: 15px; margin-bottom: 10px; }
	#features-3 .fea-txt .btn.m-top-30 { margin-top: 15px; }

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

	#content-8 .content-txt.m-top-60 { margin-top: 0; }
	#content-8 .content-txt p.m-top-25.m-bottom-25 { margin-top: 15px; margin-bottom: 20px; }
	#content-8 .content-buttons.m-top-50 { margin-top: 35px; }

	/* 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-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-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: 12px 15px; }
  .navbar-toggle { margin: 22px 30px 11px 0 !important; }
	.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: #f05514;
		border-color: #f05514;
		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-13.hero-section { margin-top: 0; }
	.hero-txt { text-align: center; }
	#hero-13 .hero-txt { width: 90%; }
	#hero-14 .hero-slider { height: 550px; }
	#hero-15 .hero-slider { height: 500px; }
	#hero-14 .hero-txt h2, #hero-15 .hero-txt h2 { padding-top: 160px; }

	.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-13 h2.h2-hero-huge, #hero-15 h2.h2-hero-huge { font-size: 50px; line-height: 50px; margin-bottom: 20px; }

	#hero-11 h2, #hero-12 h2 { padding: 0 5%; }

	/* 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, #hero-11 p { padding: 0 5%; }
	#hero-5 p, #hero-11 p { padding: 0 12%; }
	#hero-12 p { padding: 0 10%; }

	/* 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-12 .btn.m-top-20 { margin-top: 15px; }
	#hero-10 .hero-buttons.m-top-40 { margin-top: 30px; }
	#hero-13 .hero-buttons.m-top-50 { margin-top: 35px; }
	#hero-14 .hero-buttons.m-top-50, #hero-15 .hero-buttons.m-top-40 { margin-top: 30px; }
	#hero-10 .hero-buttons .btn.m-right-15, #hero-13 .hero-buttons .btn.m-right-20,
	#hero-14 .hero-buttons .btn.m-right-15, #hero-15 .hero-buttons .btn.m-right-15 { margin-right: 8px; }

	/* Hero Content */
	.hero-arrow { font-size: 13px; }
	.arrow span  { font-size: 20px; }

	.slides-navigation .next.fa-angle-right { font-size: 60px; margin-right: 20px; }
	.slides-navigation .prev.fa-angle-left { font-size: 60px;  margin-left: 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; }
	.fea-row { padding: 0; }

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

	#content-8 .content-txt p.m-top-25.m-bottom-25 { margin-top: 15px; margin-bottom: 10px; }
	#content-8 .content-txt p.m-bottom-20 { margin-bottom: 10px; }

	/* Portfolio */
	#portfolio-1.wide-80, #portfolio-2.wide-80 { padding-bottom: 70px; }
	.portfolio-item { margin-bottom: 30px; }
	#portfolio-3 .portfolio-item { padding: 0 15px; 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-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) {
  .navbar-brand { padding: 12px 15px; }
  .navbar-toggle { margin: 22px 30px 11px 0 !important; }

	/*------------------------------------------*/
	/*	 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: 12px 15px; }
	.navbar-toggle { margin: 22px 30px 11px 0 !important; }

	/*------------------------------------------*/
	/*	 HERO
	/*------------------------------------------*/

	#hero-13 .hero-txt { width: 100%; }
	#hero-14 .hero-slider { height: 450px; }
	#hero-15 .hero-slider { height: 410px; }
	#hero-14 .hero-txt h2, #hero-15 .hero-txt h2 { padding-top: 110px; }

	.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: 36px; line-height: 44px; 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-13 h2.h2-hero-huge, #hero-15 h2.h2-hero-huge { font-size: 45px; line-height: 45px; margin-bottom: 15px; }

	#hero-11 h2, #hero-12 h2 { padding: 0 4%; }

	/* 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: 16px; line-height: 24px; }

	#hero-1 p, #hero-11 p { padding: 0 10%; }
	#hero-5 p, #hero-12 p, #hero-14 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-10 .hero-buttons.m-top-40, #hero-13 .hero-buttons.m-top-50 { margin-top: 25px; }
	#hero-13 .hero-buttons.m-top-50 { margin-top: 35px; }

	/* Hero Content */
	#hero-2 .hero-txt.m-top-10 {  margin: 0;}
	.hero-list { margin-top: 15px; margin-bottom: 20px; }

	.slides-navigation { display: none;}

	#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-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
	/*------------------------------------------*/
  .navbar-brand>img { height:50px !important;}
  .navbar-toggle { margin: 22px 15px 11px 0 !important; }

	.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: 20px 15px; }
	.navbar-toggle { margin: 11px 15px 11px 0; }

	/*------------------------------------------*/
	/*	 HERO
	/*------------------------------------------*/

	#hero-14 .hero-slider { height: 420px; }
	#hero-15 .hero-slider { height: 390px; }
	#hero-14 .hero-txt h2, #hero-15 .hero-txt h2 { padding-top: 100px; }

	.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: 30px; line-height: 38px; 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-13 h2.h2-hero-huge, #hero-15 h2.h2-hero-huge { font-size: 35px; line-height: 35px; margin-bottom: 15px; }

	#hero-11 h2 { padding: 0 2%; }
	#hero-12 h2 { padding: 0; }

	/* 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: 14px; line-height: 23px; }

	#hero-1 p { padding: 0 5%; }
	#hero-5 p, #hero-6 p, #hero-9 p { padding: 0 2%; }
	#hero-7 p, #hero-12 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-12 .btn.m-top-20 { margin-top: 10px; }
	#hero-14 .hero-buttons.m-top-50, #hero-15 .hero-buttons.m-top-40 { margin-top: 25px; }
	.hero-buttons .btn { margin-bottom: 10px; }

	/* Hero Content */
	#hero-7-content { padding-top: 60px; padding-bottom: 230px; }
	.hero-7-image img { margin-top: -220px; }

	.hero-section .flex-control-paging li a { display: none; }

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

	/* About */
	#about-1 .about-icons .col-xs-4 { width: 50%; float: left!important;}
	.abox p { padding: 0; }

	/* Features */
	.fbox-1 p { padding: 0; }
	#features-3 .col-xs-6 { width: 100%; float: none!important; }

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

	/* 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-15 .hero-txt h2 { padding-top: 90px; }

	/* 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-13 h2.h2-hero-huge { font-size: 35px; line-height: 42px; margin-bottom: 15px; }
	#hero-15 h2.h2-hero-huge { font-size: 25px; line-height: 32px; margin-bottom: 15px; }

	#hero-11 h2, #hero-12 h2 { padding: 0; }

	/* 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: 14px; line-height: 22px; }

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

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

	/* Hero Buttons */
	#hero-14 .hero-buttons.m-top-50, #hero-15 .hero-buttons.m-top-40 { margin-top: 18px; }
	#hero-10 .hero-buttons .btn.m-right-15, #hero-13 .hero-buttons .btn.m-right-20,
	#hero-14 .hero-buttons .btn.m-right-15, #hero-15 .hero-buttons .btn.m-right-15 { margin-right: 0; }

	/* Hero Content */
	#hero-7-content { padding-top: 50px; padding-bottom: 140px; }
	.hero-7-image img { margin-top: -130px; }

	.hero-section .flex-control-paging li a { display: none; }

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

	#content-8 .btn.m-right-10 { margin-right: 0; margin-bottom: 10px; }

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




}