/*
  Template Name: UniSet - Premium Multi-Concept Landing Pages Pack
  Theme URL: https://themeforest.net/user/dsathemes
  Description: UniSet - Premium Multi-Concept Landing Pages Pack
  Author: DSAThemes
  Author URL: https://themeforest.net/user/dsathemes
  Version: 1.2.0
  Website: www.dsathemes.com
  Tags: Responsive, HTML5, DSAThemes, Multi-Concept, Startup, One Page, Landing, Business, Creative, Corporate, Agency, Project
*/




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

@media (min-width: 1921px) {


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

	#hero-9 {padding-top: 240px; padding-bottom: 140px;	}
	#hero-11 { padding-top: 180px; }
	#hero-12 { padding-top: 160px; }

	.hero-row-260 { padding-top: 320px; padding-bottom: 260px; }
	.hero-row-240 { padding-top: 300px;padding-bottom: 240px; }
	.hero-row-220 { padding-top: 280px;padding-bottom: 220px; }
	.hero-row-200 { padding-top: 260px;padding-bottom: 200px; }
	.hero-row-180 { padding-top: 240px;padding-bottom: 180px; }
	.hero-row-160 { padding-top: 220px;padding-bottom: 160px; }
	.hero-row-140 { padding-top: 200px;padding-bottom: 140px; }
	.hero-row-120 { padding-top: 180px;padding-bottom: 120px; }

	/* Hero Content */
	#hero-10 .hero-slider { height: 840px; position: relative; }
	#hero-16 .hero-slider { height: 960px; position: relative; }
	#hero-10 .slides, #hero-16 .slides { position: absolute; top: 55%; transform: translateY(-50%); }

	#hero-13 .hero-txt { padding: 5rem 3rem; border: 5px solid rgba(255, 255, 255, 0.75); }
	#hero-14 .hero-txt { padding: 4.5rem 6rem; background-color: #222; }

	#hero-18 .hero-badge { width: 180px; height: 180px; position: absolute; bottom: 5%;right: 5%; }
	.hb-body { position: relative; width: 180px; height: 180px; }
	.hero-badge p { font-size: 3.5rem; }
	.hero-badge span { font-size: 1.15rem; }

	.carousel-item-txt { width: 40%; }
	.carousel-item-txt h3.h3-hero-small { font-size: 1.15rem; margin-bottom: 2rem; }
	.carousel-control-next-icon, .carousel-control-prev-icon { width: 30px; height: 30px; }

	/* Hero H3 Header */
	h3.h3-hero-small { font-size: 1.185rem; font-weight: 500; letter-spacing: 0.5px; position: relative; margin-bottom: 3.125rem; }

	#hero-13 h3.h3-hero-small { margin-bottom: 2.125rem; }
	#hero-14 h3.h3-hero-small { margin-bottom: 2rem; }

	/* Hero H2 Header */
	h2.h2-hero-small { font-size: 2.5rem; line-height: 1.2; font-weight: 400;margin-bottom: 1.25rem; }
	h2.h2-hero { font-size: 2.75rem; margin-bottom: 1.5rem; }
	h2.h2-hero-medium { font-size: 4rem; line-height: 1.2; letter-spacing: -1px; margin-bottom: 1.5rem; }
	h2.h2-hero-lg { font-size: 4.45rem; line-height: 1.2; letter-spacing: -1px; margin-bottom: 1.5rem; }
	h2.h2-hero-huge { font-size: 5.9rem;line-height: 1.2; margin-bottom: 1.875rem; }

	#hero-8 h2.h2-hero-huge { font-size: 7.5rem; line-height: 1; font-weight: 800; letter-spacing: -2px; text-transform: uppercase; letter-spacing: -2px;  }

	#hero-13 h2.h2-hero-huge { font-size: 5rem; line-height: 1; font-weight: 800; letter-spacing: -1px;text-transform: uppercase;}
	#hero-14 h2.h2-hero-huge { font-size: 5rem; line-height: 1; font-weight: 800; letter-spacing: 1px;text-transform: uppercase;margin-bottom: 1.5rem;}

	#hero-15 h2.h2-hero-lg { font-size: 7.25rem; line-height: 1; font-weight: 600; letter-spacing: -4px; margin-left: 5.5rem; }
	#hero-15 h2.h2-hero-huge { font-size: 9.5rem; line-height: 1; font-weight: 600; letter-spacing: -6px; margin-bottom: 0.5rem; }

	#hero-16 h2.h2-hero-huge { font-size: 9.5rem; line-height: 1; font-weight: 800; letter-spacing: -2px; text-transform: uppercase; }
	#hero-19 h2.h2-hero-huge { font-size: 6.25rem; line-height: 1; font-weight: 800; letter-spacing: -1px; text-transform: uppercase; }
	#hero-18 h2.h2-hero-medium { font-size: 4rem; margin-bottom: 0; padding: 0 5%; }
	#hero-20 h2.h2-hero-huge { font-size: 5.5rem; line-height: 1.1; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 1.1rem; } 

	/* Hero Paragraphs */
	p.p-hero-small { font-size: 1rem; margin-bottom: 0.75rem; }
	p.p-hero {font-size: 1.2rem;margin-bottom: 0.75rem;} 
	p.p-hero-medium { font-size: 1.3rem; margin-bottom: 0.75rem; } 

	#hero-1 .hero-txt p, #hero-2 .hero-txt p { padding-right: 2%; }

	#hero-4 .hero-txt p { padding-right: 12%; }
	#hero-6 .hero-txt p { padding: 0 5%; }
	#hero-10 .hero-txt p { padding: 0 10%; }
	#hero-8 .hero-txt p { padding-right: 20%;}
	#hero-7 .hero-txt p, #hero-20 .hero-txt p { padding-right: 10%; }
	#hero-13 .hero-txt p { padding: 0 2%; }
	#hero-15 .hero-txt p {padding-left: 5.5rem; padding-right: 0; }
	#hero-16 .hero-txt p, #hero-19 .hero-txt p {padding: 0 15%;}
	



}



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

@media (min-width: 1200px) {



}




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

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

	html { font-size: 15px; } 
 
	/*------------------------------------------*/
	/*	 BASE
	/*------------------------------------------*/

	.p-left-0, .p-left-15, .p-left-20, .p-left-30, .p-left-45 { padding-left: 0; }
	.p-left-60, .p-left-70 { padding-left: 40px; }
	.p-right-0, .p-right-15, .p-right-20, .p-right-30, .p-right-45 { padding-right: 0; }
	.p-right-60, .p-right-70 { padding-right: 40px; }

	/*------------------------------------------*/
	/*	 SERVICE BOX ICON
	/*------------------------------------------*/

	.box-icon [class^="flaticon-"]:before, 
	.box-icon [class*=" flaticon-"]:before,
	.box-icon [class^="flaticon-"]:after, 
	.box-icon [class*=" flaticon-"]:after {   
	    font-family: Flaticon;
		font-size: 62px;
		line-height: 62px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 52px;
		line-height: 52px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 67px;
		line-height: 67px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 72px;
		line-height: 72px!important;
		font-style: normal;
		margin-left: 0;
	}

	/* Section Title */
	.section-title { margin-bottom: 3.125rem; }

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

	#hero-11 { padding-top: 160px; }

	#hero-13 .hero-txt { padding: 4rem 2.5rem; border: 4px solid rgba(255, 255, 255, 0.75); }
	#hero-14 .hero-txt { padding: 4rem 5rem; }

	#hero-18 .hero-badge {width: 140px; height: 140px; }
	.hb-body { width: 140px; height: 140px; }

	.carousel-item-txt { width: 60%; }

	/* Hero H3 Header */
	h3.h3-hero-small { font-size: 1.05rem; }
	.carousel-item-txt h3.h3-hero-small { font-size: 1.05rem; letter-spacing: 0.5px; }

	/* Hero H2 Header */
	h2.h2-hero-small { font-size: 2.15rem; }
	h2.h2-hero { font-size: 2.5rem ; margin-bottom: 1.25rem; }
	h2.h2-hero-medium { font-size: 3.5rem; margin-bottom: 1.25rem; }
	h2.h2-hero-lg { font-size: 4rem; margin-bottom: 1.25rem; }
	h2.h2-hero-huge { font-size: 5.3rem; margin-bottom: 1.35rem; }

	#hero-8 h2.h2-hero-huge { font-size: 6.75rem; letter-spacing: -2px; margin-bottom: 1.5rem;  }

	#hero-13 h2.h2-hero-huge {  font-size: 4.5rem; line-height: 1.1; letter-spacing: -0.5px; }
	#hero-14 h2.h2-hero-huge { font-size: 4.5rem; line-height: 1.1; margin-bottom: 1.35rem; }

	#hero-15 h2.h2-hero-huge { font-size: 7rem; letter-spacing: -4px; margin-bottom: 0.5rem; }
	#hero-15 h2.h2-hero-lg {  font-size: 5rem; letter-spacing: -3px; margin-left: 6.25rem; }

	#hero-16 h2.h2-hero-huge { font-size: 6.75rem; letter-spacing: -2px; }
	#hero-18 h2.h2-hero-medium { font-size: 3rem; padding: 0 15%; }
	#hero-19 h2.h2-hero-huge { font-size: 5.75rem; letter-spacing: -1px; }
	#hero-20 h2.h2-hero-huge { font-size: 5rem; }

	/* Hero Paragraphs */
	p.p-hero { font-size: 1.05rem; } 
	p.p-hero-medium { font-size: 1.1rem; }

	#hero-1 .hero-txt p, #hero-2 .hero-txt p { padding-right: 0; }
	#hero-6 .hero-txt p { padding: 0 5%; }
	#hero-13 .hero-txt p { padding: 0 2%; }
	#hero-15 .hero-txt p { padding-left: 6rem; padding-right: 10%; }

	/* Hero Buttons */
	.hero-section .btn { margin-top: 1.25rem; }
	.hero-section .btn.btn-medium { margin-top: 1.5rem; }

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

	/* About */
	.abox-1 span { font-size: 85px; line-height: 75px; letter-spacing: -4px; }

	#about-3 .about-carousel-slider { padding-right: 20px; }
	.about-carousel-holder { padding-right: 25px; }
	#about-3 .owl-theme .owl-nav [class*='owl-'] { font-size: 25px; padding: 10px 20px; }

	/* Services */
	#services-5 { padding-top: 120px; padding-bottom: 50px; }

	.sbox-3-txt { padding-left: 20px; } 
	.sbox-1 h4, .sbox-2 h4, .sbox-4 h4,.sbox-5 h4,.sbox-6 h4 { margin-top: 1.5rem; margin-bottom: 0.7rem; }

	/* Content */
	#content-14 .content-txt, #content-15 .content-txt { margin-top: 100px; margin-bottom: 100px; }
	.content-14-img { width: 45%; }
	.content-15-img { width: 45%; left: 55%; }

	#content-4 .content-txt, #content-6 .content-txt, #content-8 .content-txt, #content-12 .tab-content { padding-left: 50px; } 
	#content-12 .tab-content { padding-left: 30px; }
	.cbox-1-txt { padding-left: 20px; } 

	#content-10 .owl-theme .owl-nav [class*='owl-'] { font-size: 25px; padding: 10px 20px; }
	#content-12 .list-group-item, #content-13 .list-group-item { margin-bottom: 3px; padding: 30px; }

	#content-16 .card-body { padding: 25px 25px 35px; }

	/* Video */
	#video-3 .video-overlay, #video-4 { padding-top: 120px; padding-bottom: 120px; }
	#video-2 .video-txt  { padding-left: 50px; } 

	/* Banner */ 
	#banner-1 { padding-top: 120px; padding-bottom: 120px; }
	#banner-3 { padding-top: 80px; }

	/* Testimonials */
	#reviews-3 {padding-top: 100px; padding-bottom: 100px; }

	.review-1 { padding: 30px 20px; }
	#reviews-3 img { width: 100px; height: 100px; margin: 0 auto 15px; }

	.owl-theme .owl-nav [class*='owl-'] { padding: 8px 14px; }

	/* FAQS */
	.question { margin-bottom: 30px; }

	/* Newsletter */ 
	#newsletter-2 p.m-bottom-30 {  padding: 0; }

	/* Clients */ 
	#clients-1, #clients-2 { padding-top: 40px; padding-bottom: 25px; }
	.brand-logo { padding: 0 20px; }

	/* Contacts */
	#contacts-2 .contact-info-holder { margin-top: 0; }




}




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

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

	html { font-size: 14px; } 

	/*------------------------------------------*/
	/*	 BASE
	/*------------------------------------------*/

	.wide-120 { padding-top: 100px; padding-bottom: 100px; }
	.wide-110 { padding-top: 80px; padding-bottom: 80px; }
	.wide-100 { padding-top: 80px; padding-bottom: 70px; }
	.wide-90 { padding-top: 80px; padding-bottom: 60px; }
	.wide-80 { padding-top: 80px; padding-bottom: 50px; }
	.wide-70 { padding-top: 80px; padding-bottom: 40px; }
	.wide-60 { padding-top: 80px; padding-bottom: 50px; }
	.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, .p-top-110 { padding-top: 80px; }

	.p-left-0, .p-left-15, .p-left-20, .p-left-30, .p-left-45, .p-left-50, .p-left-60, .p-left-70 { padding-left: 0; }
	.p-right-0, .p-right-15, .p-right-20, .p-right-30, .p-right-45, .p-right-50, .p-right-60, .p-right-70 { padding-right: 0; }

	#blog-page { margin-top: 130px; margin-bottom: 80px; }
	#single-post-page {margin-top: 130px;margin-bottom: 50px; }

	#single-project-page {margin-top: 130px;margin-bottom: 50px; }

	/* PRELOAD ANIMATION */
	#loader { margin: -30px 0 0 -30px; }
	.sk-folding-cube { display: block;width: 60px; height: 60px; }

	/* Header H5 */
	h5 { font-size: 1rem;}
	h5.h5-lg {font-size: 1.1rem; }

	/* Header H4 */
	h4.h4-small { font-size: 1.1rem; }
	h4 { font-size: 1.2rem;}
	h4.h4-lg {font-size: 1.2rem; }

	/* Header H3 */
	h3.h3-small {font-size: 1.35rem;}
	h3 { font-size: 1.75rem; line-height: 1.3; margin-bottom: 1rem;}
	h3.h3-lg { font-size: 1.75rem; }

	/* Header H2 */
	h2.h2-small { font-size: 2rem; margin-bottom: 1rem; }
	h2, h2.h2-lg { font-size: 2.15rem;  margin-bottom: 1rem; line-height: 1.2; }

	/* Paragraphs */
	p { margin-bottom: 0.75rem; }
	p.p-small { font-size: 1rem; }
	p.p-medium, p.p-lg { font-size: 1.05rem; }

	/* Button */
	.btn-small { font-size: 0.85rem; padding: 0.7rem 1.5rem;  margin-top: 0.85rem; }
	.btn { font-size: 0.9rem; padding: 0.8rem 1.7rem;  margin-top: 1rem; }	
	.btn-medium { font-size: 1rem; padding: 0.9rem 2rem; }

	.stores-badge, #banner-4 .stores-badge { margin-top: 1.5rem; }

	img.appstore-button { width: 122px; height: 38px; }
	img.googleplay-button { width: 130px; height: 38px; }
	img.amazon-button { width: 120px; height: 38px; }
	img.windows-button { width: 125px; height: 38px; }

	a.banner-video-icon  { width: 42px; height: 42px; }
	a.banner-video-icon i { font-size: 15px; line-height: 42px; }

	/*------------------------------------------*/
	/*	 SERVICE BOX ICON
	/*------------------------------------------*/

	.box-icon [class^="flaticon-"]:before, 
	.box-icon [class*=" flaticon-"]:before,
	.box-icon [class^="flaticon-"]:after, 
	.box-icon [class*=" flaticon-"]:after {   
	    font-family: Flaticon;
		font-size: 60px;
		line-height: 60px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 50px;
		line-height: 50px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 65px;
		line-height: 65px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 70px;
		line-height: 70px!important;
		font-style: normal;
		margin-left: 0;
	}

	/* Social Icons */
	a.s-link { font-size: 14px; line-height: 22px!important; margin: 0 10px; }
	a.s-link-circle { width: 35px; height: 35px; font-size: 15px; line-height: 35px !important; margin-right: 2px; }
	a.s-link-circle.ico-medium { width: 40px; height: 40px; font-size: 15px; line-height: 40px !important; margin-right: 4px; }

	/* Section ID */
	span.section-id { font-size: 1.4rem; margin-bottom: 1.5rem;}

	/* Section Title */
	.section-title { margin-bottom: 3rem; }
	.section-title p { font-size: 1.05rem; }
	.section-title-btn { bottom: 10%; right: 10px; }

	/*------------------------------------------*/
	/*	 NAVIGATION MENU    
	/*------------------------------------------*/

	.bg-light { background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
	.navbar { text-align: center; }

	.navbar.bg-tra  { padding: 0.75rem 1rem; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }

	.logo-white, .navbar-light.bg-tra .logo-white, .navbar-light.bg-light .logo-white, 
	.navbar-dark.bg-tra .logo-white, .navbar-dark.bg-dark .logo-white { display: none; }

	.navbar-dark.bg-tra .logo-black, .navbar-light.bg-tra .logo-black, 
	.logo-black, .navbar-light.bg-light .logo-black { display: block; }

	.bg-tra.navbar-dark .nav-link { color: #333; }
	.bg-tra.navbar-dark .navbar-nav .active > .nav-link { color: rgba(0,0,0,.9); }
	.navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover { color: #333; background-color: rgba(200, 200, 200, 0.35); }
	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #333; }

	.navbar-nav { padding-top: 15px; }
	.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 0; margin-left: 0; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }
	.navbar-text { padding: 10px 0; margin-top: 2px; }
	.header-socials { margin: 10px auto 0; }
	.navbar .btn {	font-size: 1rem; font-weight: 300; padding: 0.9rem 2rem; margin-top: 15px; margin-left: 0; }

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

	#hero-9 { padding-top: 160px; padding-bottom: 100px; }
	#hero-11, #hero-12 { padding-top: 160px; }

	.hero-row-260 { padding-top: 260px; padding-bottom: 200px; }
	.hero-row-240 { padding-top: 240px; padding-bottom: 180px; }
	.hero-row-220 { padding-top: 220px; padding-bottom: 160px; }
	.hero-row-200 { padding-top: 200px; padding-bottom: 140px; }
	.hero-row-180 { padding-top: 180px; padding-bottom: 120px; }
	.hero-row-160 { padding-top: 160px; padding-bottom: 100px; }
	.hero-row-140 { padding-top: 120px; padding-bottom: 80px; }
	.hero-row-120 { padding-top: 120px; padding-bottom: 80px; }

	#hero-1 .hero-img, #hero-2 .hero-img, #hero-3 .hero-txt  { padding-left: 20px; }

	#hero-13 .hero-txt { padding: 5rem 2rem; border: 3px solid rgba(255, 255, 255, 0.75); }
	#hero-14 .hero-txt { text-align: center; padding: 4rem 2rem; }

	#hero-7 .hero-txt, #hero-17 .hero-txt { margin-top: 40px; }

	.carousel-item-txt { width: 50%; }
	.carousel-control-next-icon, .carousel-control-prev-icon { width: 20px; height: 20px; }
	.carousel.slide .scroll-down { display: none; }

	.mouse { width: 18px; height: 28px; }

	/* Hero Content */
	#hero-10 .hero-slider, #hero-16 .hero-slider { height: 600px; }
	#hero-10 .slides, #hero-16 .slides { position: absolute; top: 50%; }

	#hero-18 .hero-badge {width: 140px; height: 140px; }
	.hb-body { width: 140px; height: 140px; }
	.hero-badge p { font-size: 3rem; }
	.hero-badge span { font-size: 1rem; }

	/* Hero H3 Header */
	h3.h3-hero-small { font-size: 0.95rem; }

	.carousel-item-txt h3.h3-hero-small { font-size: 0.95rem; letter-spacing: 0.5px; }

	/* Hero H2 Header */
	h2.h2-hero-small { font-size: 1.35rem; }
	h2.h2-hero { font-size: 2.25rem ; margin-bottom: 1.2rem; }
	h2.h2-hero-medium {  font-size: 3rem; margin-bottom: 1.3rem; }
	h2.h2-hero-lg { font-size: 3.5rem; margin-bottom: 1.3rem; }
	h2.h2-hero-huge { font-size: 3.75rem; margin-bottom: 1.3rem; }

	#hero-8 h2.h2-hero-huge { font-size: 5.75rem; letter-spacing: -2px; margin-bottom: 1.5rem; }

	#hero-13 h2.h2-hero-huge {  font-size: 4.5rem; line-height: 1.1; letter-spacing: -0.5px; }
	#hero-14 h2.h2-hero-huge { font-size: 4.5rem; line-height: 1.1; margin-bottom: 1.25rem; }

	#hero-15 h2.h2-hero-huge { font-size: 6.75rem; letter-spacing: -4px; margin-bottom: 0.5rem; }
	#hero-15 h2.h2-hero-lg {  font-size: 5rem; letter-spacing: -3px; margin-left: 5rem; }

	#hero-16 h2.h2-hero-huge { font-size: 6rem; letter-spacing: -2px; }
	#hero-18 h2.h2-hero-medium { font-size: 2.65rem; margin-bottom: 0; padding: 0 15%; }
	#hero-19 h2.h2-hero-huge { font-size: 5.25rem; letter-spacing: -1px; }
	#hero-20 h2.h2-hero-huge { font-size: 4.5rem; }

	/* Hero Paragraphs */
	p.p-hero { font-size: 1rem; } 
	p.p-hero-medium { font-size: 1.1rem; }

	#hero-1 .hero-txt p, #hero-2 .hero-txt p { padding-right: 0; }
	#hero-4 .hero-txt p { padding-right: 0; }
	#hero-6 .hero-txt p { padding: 0 5%; }
	#hero-8 .hero-txt p { padding-right: 10%; }
	#hero-14 .hero-txt p { padding: 0 5%; }

	#hero-15 .hero-txt p { padding-left: 4.5rem; padding-right: 5%; }

	/* Hero Buttons */
	.hero-section .btn { margin-top: 1.25rem; }
	.hero-section .btn.btn-medium { margin-top: 1.75rem; }

	.modal-video.m-top-30 { margin-top: 15px; }

	/* Hero Form */
	.hero-form { margin-left: 0; }
	.hero-form form { padding: 30px 25px 20px; margin-bottom: 20px; }
	.hero-form .form-control { height: 42px; font-size: 14px; }

	/* Hero Image */
	#hero-11 .hero-img { margin-top: 30px; }

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

	/* About */ 
	.abox h4, .abox-1 h4 { margin-top: 1.5rem; margin-bottom: 0.7rem; }
	.abox-1 span { font-size: 75px; line-height: 65px; letter-spacing: -5px; }

	#about-2 .about-img { padding-right: 20px}
	#about-2 .about-txt, #about-3 .about-txt { padding-left: 20px; } 

	#about-3 .about-carousel-slider { padding-right: 15px; }
	.about-carousel-holder { padding-right: 15px; }
	#about-3 .owl-theme .owl-nav { bottom: -5%; right: 50%; margin-right: -51px; }
	#about-3 .owl-theme .owl-nav [class*='owl-'] { margin: 0 2px; padding: 9px 18px; }

	/* Services */
	#services-3, #services-4, #services-5 { padding-top: 80px; padding-bottom: 40px; }
	.s-6-row { padding:  0 15px; }
	.sbox-3, .sbox-4, .sbox-5, .sbox-6 { margin-bottom: 50px; }
	.sbox-3-txt { padding-left: 18px; } 
	.service-5-img { display: none; }

	.sbox-1 h4, .sbox-2 h4, .sbox-4 h4,.sbox-5 h4,.sbox-6 h4 { margin-top: 1.5rem; margin-bottom: 0.7rem; }

	/* Content */
	#content-2 .content-txt, #content-3 .content-txt, #content-4 .content-txt, 
	#content-6 .content-txt, #content-8 .content-txt, #content-10 .content-carousel-slider, #content-12 .tab-content { padding-left: 20px; }


	.content-section .content-list { margin-top: 0.85rem; }
	.cbox i { margin-top: 0.35rem; }
	.cbox p { padding-left: 21px; } 

	.cbox-1, .cbox-2 { margin-bottom: 1.75rem; }
	.cbox-1-txt { padding-left: 22px; }

	#content-6 .card-header, #content-7 .card-header { padding: 5px 0; }
	#content-6 .card-body, #content-7 .card-body { padding: 1px 0 1px 20px; }

	#content-10 .owl-theme .owl-nav { bottom: -5%; left: 50%; margin-left: -51px; }
	#content-10 .owl-theme .owl-nav [class*='owl-'] { margin: 0 2px; padding: 9px 18px; }

	#content-12 .cbox-1-icon, #content-13 .cbox-1-icon { display: none; } 
	#content-12 .card-body, #content-13 .card-body { padding: 0; }
	#content-12 .list-group-item, #content-13 .list-group-item { padding: 25px 20px; text-align: center; margin-bottom: 0; }
	#content-12 .cbox-1-txt, #content-13 .cbox-1-txt { padding-left: 0; } 

	#content-14 .content-txt, #content-15 .content-txt { margin-top: 80px; margin-bottom: 80px; }
	.content-14-img, .content-15-img { display: none; }

	#content-16 .card-body { padding: 20px 20px 30px; }

	/* Pricing */
	#pricing-1 .pricing-table { padding: 40px 15px; }

	.pricing-table h5 { font-size: 0.95rem; margin-bottom: 20px; }
	.pricing-plan span { font-size: 3.5rem; line-height: 3.5rem; }
	.pricing-table sup { font-size: 1.5rem;top: -15px; right: -1px; }
	.pricing-table sup.pm { font-size: 1.25rem; font-weight: 300; }

	.pricing-table ul.features { padding: 15px 20px 0; }
	.pricing-table ul.features li { padding: 12px 0; }
	
	/* Video */
	#video-3 .video-overlay, #video-4 { padding-top: 100px; padding-bottom: 100px; }
	#video-2 .video-txt  { padding-left: 20px; } 

	#video-3 .video-btn { margin-top: 10px; }
	#video-4 .video-btn { margin-bottom: 20px; }
	.video-btn {  width: 100px; height: 100px; }
	.play-icon-blue { width: 100px; height: 100px; background: url(../images/play-icon-medium.png); margin-top: -50px; margin-left: -50px; }
	.play-icon-green { width: 100px; height: 100px; background: url(../images/play-icon-green-medium.png); margin-top: -50px; margin-left: -50px; }
	.play-icon-white { width: 100px; height: 100px; background: url(../images/play-icon-white-medium.png); margin-top: -50px; margin-left: -50px; }

	#video-3 p, #video-4 p { padding: 0; }

	/* Banner */ 
	#banner-1 { padding-top: 100px; padding-bottom: 100px; }
	#banner-2 { padding-top: 80px; padding-bottom: 80px; }
	#banner-1 p, #banner-3 p { padding: 0; }
	#banner-2 p { padding: 0 10%; }

	#banner-2 .banner-txt { text-align: center; }
	#banner-2 .banner-img { display: none; }

	/* Statistic */
	.statistic-number { font-size: 3.15rem; letter-spacing: -0.5px; }

	/* Testimonials */
	#reviews-3 {padding-top: 80px; padding-bottom: 80px; }

	.review-1 { padding: 30px 20px; }
	#reviews-1 .review-txt h5 { margin-bottom: 10px; }
	#reviews-1 .review-txt p {margin-bottom: 30px; } 

	#reviews-2 .review-txt p { font-size: 1.15rem; margin-bottom: 20px; }
	.owl-theme .owl-nav [class*='owl-'] { font-size: 15px;padding: 8px 14px; }

	#reviews-3 img { width: 90px; height: 90px; margin: 0 auto 15px; }
	#reviews-3 .review-txt p { font-size: 1.25rem; padding: 10px 0; }

	/* FAQs */
	.question { margin-bottom: 25px; }

	/* Clients */ 
	#clients-1, #clients-2 { padding-top: 40px; padding-bottom: 25px; }
	#clients-1 .col-lg-2 img { padding: 0 10px; } 
	.brand-logo { padding: 0 20px; }

	/* Blog */
	.blog-post-meta span { margin-right: 10px; }

	.blog-page-pagination.m-top-80 { margin-top: 50px; }
	#search-field .btn { padding: 10px; }
	.badge { font-size: 0.65rem; margin-bottom: 6px; padding: 3px 8px; }
	a.share-ico { width: 70px; height: 30px; font-size: 15px; line-height: 30px !important; margin-right: 2px; }

	.single-post-comments hr { margin-top: 20px; margin-bottom: 20px; }
	.comment-form .form-control { height: 42px; font-size: 13px; margin-bottom: 15px; }
	.comment-form .btn { font-size: 1rem; }

	/* Newsletter */
	#newsletter-1, #newsletter-2 { padding-top: 80px; padding-bottom: 80px; }

	.newsletter-form .form-control { font-size: 1rem; padding: 0px 20px; height: 46px; } 
	.newsletter-form .btn { font-size: 1rem; height: 46px;  padding: 0 40px; } 

	#newsletter-1 .newsletter-form { margin-top: 20px; }
	#newsletter-2 p.m-bottom-30 {  padding: 0 10%; margin-bottom: 20px; }

	/* Contacts */
	#contacts-2 .contact-info-holder { margin-top: 0; padding-left: 20px; }
	#contacts-3 .form-holder { padding-left: 20px; }

	#contacts-1 .form-holder { padding: 40px 30px 20px; }
	.contact-form .form-control { height: 40px; font-size: 13px; padding: 3px 15px; margin-bottom: 15px; }
	.contact-form .btn { margin-top: 0; }

	.contact-box.m-top-40 { margin-top: 25px; }
	.contact-box.m-top-25 { margin-top: 15px; }
	.contact-box.m-top-30 { margin-top: 25px; padding-bottom: 0; border-bottom: none; }
	.contact-box.m-top-15 { padding-bottom: 0; border-bottom: none; }

	.contact-box p { margin-left: 30px; }
	.contact-box span { font-size: 1.1rem; margin-left: 30px; }
	.contact-box i { width: 24px; height: 24px; font-size: 1.5rem; margin-top: 5px; }
	.contact-box.contact-email i { font-size: 1.25rem; }

	#gmap { height: 420px; }

	/* Footer */
	img.foo-logo { width: 91px; height: 26px; }
	#footer-4 .footer-info, #footer-4 .footer-info p { margin-bottom: 0; }
	#footer-4 .middle-footer .footer-copyright { text-align: left!important; }
	#footer-4 .footer-socials { text-align: center!important; }

	.footer p, .footer-links li a { font-size: 1rem; }

	.footer .newsletter-form .form-control { height: 40px; font-size: 0.95rem; padding: 0px 15px; }
	.footer .newsletter-form .btn {  font-size: 1rem; height: 40px; padding: 0 25px; }

	.payment-systems li i { font-size: 26px; line-height: 26px; }




}



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

@media (min-width: 576px) and (max-width: 767.99px) {	

	.animated { visibility: visible; display: block; }

	@keyframes fadeIn {
  		from { opacity: 1; }
  		to {opacity: 1;}
  	}

	@keyframes fadeInRight {
  		from { opacity: 1; transform: translate3d(0, 0, 0);}
  		to { opacity: 1; transform: none; }
	}

	@keyframes fadeInLeft {
  		from { opacity: 1; transform: translate3d(0, 0, 0);}
  		to { opacity: 1; transform: none;}
  	}

	@keyframes fadeInUp {
	  	from { opacity: 1; transform: translate3d(0, 0, 0); }
	  	to { opacity: 1; transform: none; }
	}

	@keyframes fadeInDown {
  		from { opacity: 1; transform: translate3d(0, 0, 0); }
 	 	to { opacity: 1; transform: none; }
	}

	@keyframes zoomIn {
  		from { opacity: 1; transform: scale3d(100%, 0, 0);}
  		50% { opacity: 1; }
	}

	html { font-size: 14px; } 

	/*------------------------------------------*/
	/*	 BASE
	/*------------------------------------------*/

	.wide-120 { padding-top: 100px; padding-bottom: 100px; }
	.wide-110 { padding-top: 80px; padding-bottom: 80px; }
	.wide-100 { padding-top: 80px; padding-bottom: 70px; }
	.wide-90 { padding-top: 80px; padding-bottom: 60px; }
	.wide-80 { padding-top: 80px; padding-bottom: 50px; }
	.wide-70 { padding-top: 80px; padding-bottom: 40px; }
	.wide-60 { padding-top: 80px; padding-bottom: 50px; }
	.wide-50 { padding-top: 80px; padding-bottom: 30px; }
	.wide-40 { padding-top: 80px; padding-bottom: 20px; }
	.wide-30 { padding-top: 80px; padding-bottom: 10px; }

	#blog-page { margin-top: 130px; margin-bottom: 40px; }
	#single-post-page {margin-top: 130px; margin-bottom: 50px; }

	#single-project-page {margin-top: 130px; margin-bottom: 80px; }

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

	.p-left-0, .p-left-15, .p-left-20, .p-left-30, .p-left-45, .p-left-50, .p-left-60, .p-left-70 { padding-left: 0; }
	.p-right-0, .p-right-15, .p-right-20, .p-right-30, .p-right-45, .p-right-50, .p-right-60, .p-right-70 { padding-right: 0; }

	/* PRELOAD ANIMATION */
	#loader { margin: -30px 0 0 -30px; }
	.sk-folding-cube { display: block;width: 60px; height: 60px; }

	/* Header H5 */
	h5 { font-size: 1rem;}
	h5.h5-lg {font-size: 1.1rem; }

	/* Header H4 */
	h4.h4-small { font-size: 1.1rem; }
	h4 { font-size: 1.2rem;}
	h4.h4-lg {font-size: 1.2rem; }

	/* Header H3 */
	h3.h3-small { font-size: 1.2rem; }
	h3 { font-size: 1.6rem; line-height: 1.3; margin-bottom: 0.5rem;}
	h3.h3-lg { font-size: 1.6rem; }

	/* Header H2 */
	h2.h2-small { font-size: 1.85rem; margin-bottom: 0.5rem; }
	h2, h2.h2-lg { font-size: 2rem;  margin-bottom: 0.75rem; line-height: 1.2; }

	/* Paragraphs */
	p { margin-bottom: 0.5rem; }
	p.p-small { font-size: 0.9rem; }
	p.p-medium, p.p-lg { font-size: 1rem; }

	/* Button */
	.btn-small { font-size: 0.85rem; padding: 0.7rem 1.5rem;  margin-top: 0.85rem; }
	.btn { font-size: 0.9rem; padding: 0.8rem 1.7rem;  margin-top: 1rem; }	
	.btn-medium { font-size: 1rem; padding: 0.9rem 2rem; }

	.stores-badge, #banner-4 .stores-badge { margin-top: 1.5rem; }

	img.appstore-button { width: 122px; height: 38px; }
	img.googleplay-button { width: 130px; height: 38px; }
	img.amazon-button { width: 120px; height: 38px; }
	img.windows-button { width: 125px; height: 38px; }

	a.banner-video-icon  { width: 42px; height: 42px; }
	a.banner-video-icon i { font-size: 15px; line-height: 42px; }

	/*------------------------------------------*/
	/*	 SERVICE BOX ICON
	/*------------------------------------------*/

	.box-icon [class^="flaticon-"]:before, 
	.box-icon [class*=" flaticon-"]:before,
	.box-icon [class^="flaticon-"]:after, 
	.box-icon [class*=" flaticon-"]:after {   
	    font-family: Flaticon;
		font-size: 55px;
		line-height: 55px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 45px;
		line-height: 45px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 65px;
		line-height: 65px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 65px;
		line-height: 65px!important;
		font-style: normal;
		margin-left: 0;
	}

	/* Social Icons */
	a.s-link { font-size: 14px; line-height: 22px!important; margin: 0 10px; }
	a.s-link-circle { width: 35px; height: 35px; font-size: 15px; line-height: 35px !important; margin-right: 2px; }
	a.s-link-circle.ico-medium { width: 40px; height: 40px; font-size: 15px; line-height: 40px !important; margin-right: 4px; }

	/* Section ID */
	span.section-id { font-size: 1.2rem; margin-bottom: 1.5rem;}

	/* Section Title */
	.section-title { margin-bottom: 2.875rem; }
	.section-title p { font-size: 1.05rem; }
	.section-title-btn  { position: relative; bottom: 0; right: 0; text-align: left; display: block; }

	/*------------------------------------------*/
	/*	 NAVIGATION MENU    
	/*------------------------------------------*/

	.bg-light { background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);}
	.navbar { text-align: center; }

	.navbar.bg-tra  { padding: 0.75rem 1rem; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }

	.logo-white, .navbar-light.bg-tra .logo-white, .navbar-light.bg-light .logo-white, 
	.navbar-dark.bg-tra .logo-white, .navbar-dark.bg-dark .logo-white { display: none; }

	.navbar-dark.bg-tra .logo-black, .navbar-light.bg-tra .logo-black, 
	.logo-black, .navbar-light.bg-light .logo-black { display: block; }

	.bg-tra.navbar-dark .nav-link { color: #333; }
	.bg-tra.navbar-dark .navbar-nav .active > .nav-link { color: rgba(0,0,0,.9); }
	.navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover { color: #333; background-color: rgba(200, 200, 200, 0.35); }
	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #333; }

	.navbar-nav { padding-top: 15px; }
	.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 0; margin-left: 0; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }
	.navbar-text { padding: 10px 0; margin-top: 2px; }
	.header-socials { margin: 10px auto 0; }
	.navbar .btn {	font-size: 1rem; font-weight: 300; padding: 0.9rem 2rem; margin-top: 15px; margin-left: 0; }

	a.s-link-circle.ico-facebook { color: #fff; background-color: #3b5998; }
	a.s-link-circle.ico-twitter { color: #fff; background-color: #00a9ed; }
	a.s-link-circle.ico-behance { color: #fff; background-color: #00a8e7; }
	a.s-link-circle.ico-google-plus { color: #fff; background-color: #cd1111; }
	a.s-link-circle.ico-linkedin { color: #fff; background-color: #015886; }
	a.s-link-circle.ico-dribbble { color: #fff; background-color: #d92d84; }
	a.s-link-circle.ico-instagram { color: #fff; background-color: #beb3a8; }
	a.s-link-circle.ico-pinterest { color: #fff; background-color: #ac281a; }
	a.s-link-circle.ico-dropbox { color: #fff; background-color: #008ad2; }
	a.s-link-circle.ico-skype { color: #fff; background-color: #00a9ed; }
	a.s-link-circle.ico-youtube { color: #fff; background-color: #cd1b20; }
	a.s-link-circle.ico-tumblr { color: #fff; background-color: #3a5976; }
	a.s-link-circle.ico-vimeo { color: #fff; background-color: #00adee; }
	a.s-link-circle.ico-flickr { color: #fff; background-color: #d2d2d2; }
	a.s-link-circle.ico-github { color: #fff; background-color: #222; }
	a.s-link-circle.ico-renren { color: #fff; background-color: #364a83; }
	a.s-link-circle.ico-vk { color: #fff; background-color: #3b5998; }
	a.s-link-circle.ico-xing { color: #fff; background-color: #015f5e; }
	a.s-link-circle.ico-weibo { color: #fff; background-color: #be4443; }
	a.s-link-circle.ico-rss { color: #fff; background-color: #ff6600; }
	a.s-link-circle.ico-digg { color: #fff; background-color: #222; }
	a.s-link-circle.ico-deviantar { color: #fff; background-color: #57675d; }
	a.s-link-circle.ico-envelope { color: #fff; background-color: #999; }
	a.s-link-circle.ico-delicious { color: #fff; background-color: #0a0a0a; }

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

	#hero-9 { padding-top: 100px; padding-bottom: 80px; }
	#hero-11, #hero-12 { padding-top: 80px; }

	.hero-row-120, .hero-row-140, .hero-row-160, .hero-row-180, .hero-row-200, 
	.hero-row-220, .hero-row-240, .hero-row-260 { padding-top: 80px; padding-bottom: 80px; }

	#hero-4 .hero-row-180 { padding-top: 120px; padding-bottom: 140px; }
	#hero-5 .hero-row-180 { padding-top: 140px; padding-bottom: 140px; }
	#hero-6 .hero-row-220 { padding-top: 140px; padding-bottom: 140px; }
	#hero-8 .hero-row-220 { padding-top: 140px; padding-bottom: 140px; }
	#hero-15 .hero-row-160 { padding-top: 110px; padding-bottom: 110px; }
	#hero-18 .hero-row-160 { padding-top: 110px; padding-bottom: 110px; }
	#hero-19 .hero-row-220 { padding-top: 130px; padding-bottom: 130px; }
	#hero-20 .hero-row-200 { padding-top: 130px; padding-bottom: 130px; }

	.hero-section .hero-txt { text-align: center; margin-top: 60px; }
	#hero-9.hero-section .hero-txt { text-align: left; }
	#hero-9 .hero-title { margin-bottom: 10px; }

	#hero-1 .hero-txt, #hero-2 .hero-txt, #hero-12 .hero-txt { padding: 0 10%; margin-bottom: 50px; }
	#hero-3 .hero-txt { padding: 0 10%; }
	#hero-7 .hero-txt, #hero-17 .hero-txt { margin-top: 0; margin-bottom: 50px; padding: 0 10%; }

	#hero-4 .hero-txt { text-align: left; }

	#hero-13 .hero-txt { padding: 3rem 3rem; border: 3px solid rgba(255, 255, 255, 0.75); }
	#hero-14 .hero-txt { text-align: center; padding: 4rem 2rem; }

	#hero-18 .hero-badge {width: 100px; height: 100px; bottom: -2%; right: 10%; }
	.hb-body { width: 100px; height: 100px; }
	.hero-badge p { font-size: 2rem; }
	.hero-badge span { font-size: 1rem; }

	.carousel-item-txt { width: 50%; }
	.carousel-control-next-icon, .carousel-control-prev-icon { width: 20px; height: 20px; }
	.carousel.slide .scroll-down { display: none; }

	/* Hero Content */
	#hero-10 .hero-slider, #hero-16 .hero-slider { height: 500px; }
	#hero-10 .slides, #hero-16 .slides { top: 50%; }

	.mouse { width: 18px; height: 28px; }

	/* Hero H3 Header */
	h3.h3-hero-small { font-size: 0.95rem; margin-bottom: 2.5rem; }

	.carousel-item-txt h3.h3-hero-small { font-size: 0.95rem; letter-spacing: 0.5px; margin-bottom: 1.5rem; }

	/* Hero H2 Header */
	h2.h2-hero-small { font-size: 1.35rem; }
	h2.h2-hero { font-size: 2rem ; margin-bottom: 1rem; }
	h2.h2-hero-medium {  font-size: 2.5rem; margin-bottom: 1rem; }
	h2.h2-hero-lg, h2.h2-hero-huge { font-size: 2.75rem; margin-bottom: 1.1rem; }

	#hero-8 h2.h2-hero-huge { font-size: 5.25rem; letter-spacing: -2px; margin-bottom: 1.25rem; }

	#hero-13 h2.h2-hero-huge {  font-size: 4rem; line-height: 1.1; letter-spacing: -0.5px; }
	#hero-14 h2.h2-hero-huge { font-size: 4rem; line-height: 1.1; margin-bottom: 1.25rem; }

	#hero-15 h2.h2-hero-huge { font-size: 5rem; letter-spacing: -3px; margin-bottom: 0.5rem; }
	#hero-15 h2.h2-hero-lg {  font-size: 4rem; letter-spacing: -2px; margin-left: 0; margin-bottom: 1rem; }

	#hero-16 h2.h2-hero-huge { font-size: 5.25rem; letter-spacing: -2px; }
	#hero-18 h2.h2-hero-medium { font-size: 2.25rem; margin-bottom: 0; padding: 0 5%; }
	#hero-19 h2.h2-hero-huge { font-size: 4rem; letter-spacing: -1px; margin-bottom: 1.1rem; }
	#hero-20 h2.h2-hero-huge { font-size: 4rem; margin-bottom: 1.1rem; }

	/* Hero Paragraphs */
	p.p-hero { font-size: 1rem; } 
	p.p-hero-medium { font-size: 1rem; }

	#hero-1 .hero-txt p, #hero-2 .hero-txt p, #hero-4 .hero-txt p, 
	#hero-7 .hero-txt p, #hero-17 .hero-txt p { padding: 0; }

	#hero-5 .hero-txt p, #hero-6 .hero-txt p, #hero-8 .hero-txt p { padding: 0 5%; }

	#hero-10 .hero-txt p, #hero-16 .hero-txt p, #hero-13 .hero-txt p, 
	#hero-15 .hero-txt p, #hero-20 .hero-txt p {padding: 0 10%; }

	#hero-14 .hero-txt p { padding: 0 15%; }

	/* Hero Buttons */
	.hero-section .btn { margin-top: 0.75rem; }
	.hero-section .btn.btn-medium { margin-top: 1rem; }
	.modal-video.m-top-30 { margin-top: 15px; }

	/* Hero Form */
	.hero-form { margin: 0 15%; }
	.hero-form form { padding: 30px 25px 20px; margin-bottom: 20px; }
	.hero-form .form-control { height: 42px; font-size: 14px; }

	/* Hero Image */
	.hero-img img { width: auto; padding: 0 15%; }
	#hero-3 .hero-img img { width: auto; padding: 0 20%; margin-bottom: 50px; }
	#hero-12 .hero-img img { width: auto; padding: 0 20%; }
	#hero-11 .hero-img { margin-top: 30px; }
	
	/*------------------------------------------*/
	/*	 CONTENT
	/*------------------------------------------*/

	/* About */ 
	.frow.m-bottom-50 { margin-bottom: 0; }

	.abox h4, .abox-1 h4 { margin-top: 1.15rem; margin-bottom: 0.5rem; }
	.abox-1 span { font-size: 75px; line-height: 65px; letter-spacing: -5px; }

	#about-2 .about-img { padding-right: 20px}
	#about-2 .about-txt, #about-3 .about-txt { padding-left: 0; } 

	#about-3 .about-carousel-slider { padding-right: 15px; }
	.about-carousel-holder { padding-right: 15px; }
	#about-3 .owl-theme .owl-nav { bottom: -5%; right: 50%; margin-right: -51px; }
	#about-3 .owl-theme .owl-nav [class*='owl-'] { margin: 0 2px; padding: 9px 18px; }

	/* Services */
	#services-3, #services-4, #services-5 { padding-top: 80px; padding-bottom: 50px; }
	.s-6-row { padding:  0 15px; }
	.sbox-3, .sbox-4, .sbox-5, .sbox-6 { margin-bottom: 40px; }
	.sbox-3-txt { padding-left: 18px; } 
	.service-5-img { display: none; }

	.sbox-1 h4, .sbox-2 h4, .sbox-4 h4,.sbox-5 h4,.sbox-6 h4 { margin-top: 1.15rem; margin-bottom: 0.5rem; }

	/* Content */
	#content-2 .content-txt, #content-3 .content-txt, #content-4 .content-txt, 
	#content-6 .content-txt, #content-8 .content-txt, #content-10 .content-carousel-slider, #content-12 .tab-content { padding-left: 0; }

	#content-5 .content-txt, #content-8 .content-txt, #content-11 .content-txt { text-align: center; }

	.content-section .content-list { margin-top: 0.85rem; }
	.cbox i { margin-top: 0.35rem; }
	.cbox p { padding-left: 21px; } 

	.cbox-1, .cbox-2 { margin-bottom: 1.75rem; }
	.cbox-1-txt { padding-left: 22px; }

	#content-6 .card-header, #content-7 .card-header { padding: 5px 0; }
	#content-6 .card-body, #content-7 .card-body { padding: 1px 0 1px 20px; }

	#content-10 .owl-theme .owl-nav { bottom: -5%; left: 50%; margin-left: -51px; }
	#content-10 .owl-theme .owl-nav [class*='owl-'] { margin: 0 2px; padding: 9px 18px; }

	#content-12 .cbox-1-icon, #content-13 .cbox-1-icon { display: none; } 
	#content-12 .card-body, #content-13 .card-body { padding: 0; }
	#content-12 .list-group-item, #content-13 .list-group-item { padding: 25px 20px; text-align: center; margin-bottom: 0; }
	#content-12 .cbox-1-txt, #content-13 .cbox-1-txt { padding-left: 0; } 

	#content-14 .content-txt, #content-15 .content-txt { margin-top: 80px; margin-bottom: 80px; }
	.content-14-img, .content-15-img { display: none; }

	#content-16 .card-body { padding: 20px 20px 30px; }

	.content-img img, .tab-content img { width: auto; padding: 0 15%; }
	.content-carousel-slider img { width: auto; padding: 0 10%; }

	/* Portfolio */
	.wide-project-preview { margin-bottom: 40px; }
	.single-project-meta { margin-top: 40px; }

	/* Pricing */
	#pricing-1 .pricing-table { padding: 40px 15px; }

	.pricing-table h5 { font-size: 0.95rem; margin-bottom: 20px; }
	.pricing-plan span { font-size: 3.5rem; line-height: 3.5rem; }
	.pricing-table sup { font-size: 1.5rem;top: -15px; right: -1px; }
	.pricing-table sup.pm { font-size: 1.25rem; font-weight: 300; }

	.pricing-table ul.features { padding: 15px 20px 0; }
	.pricing-table ul.features li { padding: 12px 0; }
	
	/* Video */
	#video-3 .video-overlay, #video-4 { padding-top: 100px; padding-bottom: 100px; }
	#video-2 .video-txt  { padding-left: 0; } 

	#video-3 .video-btn { margin-top: 10px; }
	#video-4 .video-btn { margin-bottom: 20px; }
	.video-btn {  width: 100px; height: 100px; }
	.play-icon-blue { width: 100px; height: 100px; background: url(../images/play-icon-medium.png); margin-top: -50px; margin-left: -50px; }
	.play-icon-green { width: 100px; height: 100px; background: url(../images/play-icon-green-medium.png); margin-top: -50px; margin-left: -50px; }
	.play-icon-white { width: 100px; height: 100px; background: url(../images/play-icon-white-medium.png); margin-top: -50px; margin-left: -50px; }

	#video-3 p, #video-4 p { padding: 0; }

	/* Banner */ 
	#banner-1 { padding-top: 100px; padding-bottom: 100px; }
	#banner-2 { padding-top: 80px; padding-bottom: 80px; }
	#banner-1 p, #banner-3 p { padding: 0; }
	#banner-2 p { padding: 0; }

	#banner-2 .banner-txt, #banner-4 .banner-txt { text-align: center; }
	#banner-2 .banner-img { display: none; }

	#banner-4 img.img-fluid { width: auto; padding: 0 10%; }

	/* Statistic */
	.statistic-number { font-size: 3.15rem; letter-spacing: -0.5px; }

	/* Testimonials */
	#reviews-3 {padding-top: 80px; padding-bottom: 80px; }

	.review-1 { padding: 30px 20px; }
	#reviews-1 .review-txt h5 { margin-bottom: 10px; }
	#reviews-1 .review-txt p { margin-bottom: 30px; } 

	#reviews-2 .review-txt p { font-size: 1.15rem; margin-bottom: 20px; }
	.owl-theme .owl-nav [class*='owl-'] { font-size: 15px;padding: 8px 14px; }

	#reviews-3 img { width: 90px; height: 90px; margin: 0 auto 15px; }
	#reviews-3 .review-txt p { font-size: 1.15rem; padding: 10px 0; }

	/* FAQs */
	.question { margin-bottom: 25px; }

	/* Clients */ 
	#clients-1, #clients-2 { padding-top: 40px; padding-bottom: 25px; }
	#clients-1 .col-lg-2 img { padding: 0 10px; } 
	.brand-logo { padding: 0 20px; }

	/* Blog */
	.blog-post-meta span { margin-right: 10px; }

	#sidebar-right { margin-top: 70px; }
	a.share-ico { width: 70px; height: 30px; font-size: 15px; line-height: 30px !important; margin-right: 2px; }

	.comment-form .form-control { height: 42px; font-size: 13px; margin-bottom: 15px; }
	.comment-form .btn { font-size: 1rem; }

	/* Newsletter */
	#newsletter-1, #newsletter-2 { padding-top: 80px; padding-bottom: 80px; }

	.newsletter-form .form-control, .input-group-btn { width: 100%; float: none!important; margin-bottom: 8px; }
	.input-group-btn, .newsletter-section .input-group .form-control, .newsletter-section .input-group { display: block; text-align: center; }	

	.newsletter-form .form-control { font-size: 1rem; padding: 0px 20px; height: 46px; } 
	.newsletter-form .btn { font-size: 1rem; height: 46px;  padding: 0 40px; } 

	#newsletter-1 .newsletter-form { margin-top: 20px; }
	#newsletter-2 p.m-bottom-30 {  padding: 0; margin-bottom: 20px; }

	/* Contacts */
	#contacts-3.wide-60 { padding-top: 80px; padding-bottom: 30px; }
	#contacts-2 .contact-info-holder { margin-top: 0; }
	#contacts-3 .form-holder { padding-left: 0; }

	#contacts-1 .form-holder { padding: 40px 30px 20px; }
	.contact-form .form-control { height: 40px; font-size: 13px; padding: 3px 15px; margin-bottom: 15px; }
	.contact-form .btn { margin-top: 0; }

	.contact-box.m-top-40 { margin-top: 25px; }
	.contact-box.m-top-25 { margin-top: 15px; }
	.contact-box.m-top-30 { margin-top: 25px; padding-bottom: 0; border-bottom: none; }
	.contact-box.m-top-15 { padding-bottom: 0; border-bottom: none; }

	.contact-box p { margin-left: 30px; }
	.contact-box span { font-size: 1.1rem; margin-left: 30px; }
	.contact-box i { width: 24px; height: 24px; font-size: 1.5rem; margin-top: 5px; }
	.contact-box.contact-email i { font-size: 1.25rem; }

	#gmap { height: 300px; }

	/* Footer */
	img.foo-logo { width: 91px; height: 26px; }
	#footer-4 .footer-info, #footer-4 .footer-info p { margin-bottom: 0; }
	#footer-4 .middle-footer .footer-copyright { text-align: left!important; }
	#footer-4 .footer-socials { text-align: center!important; }

	.footer p, .footer-links li a { font-size: 1rem; }

	.footer .newsletter-form .form-control { height: 40px; font-size: 0.95rem; padding: 0px 15px; }
	.footer .newsletter-form .btn {  font-size: 1rem; height: 40px; padding: 0 25px; }

	.payment-systems li i { font-size: 26px; line-height: 26px; }

	


}




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

@media (min-width: 416px) and (max-width: 575.99px) { 	

	.animated { visibility: visible; display: block; }

	@keyframes fadeIn {
  		from { opacity: 1; }
  		to {opacity: 1;}
  	}

	@keyframes fadeInRight {
  		from { opacity: 1; transform: translate3d(0, 0, 0);}
  		to { opacity: 1; transform: none; }
	}

	@keyframes fadeInLeft {
  		from { opacity: 1; transform: translate3d(0, 0, 0);}
  		to { opacity: 1; transform: none;}
  	}

	@keyframes fadeInUp {
	  	from { opacity: 1; transform: translate3d(0, 0, 0); }
	  	to { opacity: 1; transform: none; }
	}

	@keyframes fadeInDown {
  		from { opacity: 1; transform: translate3d(0, 0, 0); }
 	 	to { opacity: 1; transform: none; }
	}

	@keyframes zoomIn {
  		from { opacity: 1; transform: scale3d(100%, 0, 0);}
  		50% { opacity: 1; }
	}
	
	html { font-size: 14px; } 

	/*------------------------------------------*/
	/*	 BASE
	/*------------------------------------------*/

	.wide-120 { padding-top: 100px; padding-bottom: 100px; }
	.wide-110 { padding-top: 80px; padding-bottom: 80px; }
	.wide-100 { padding-top: 80px; padding-bottom: 70px; }
	.wide-90 { padding-top: 80px; padding-bottom: 60px; }
	.wide-80 { padding-top: 80px; padding-bottom: 50px; }
	.wide-70 { padding-top: 80px; padding-bottom: 40px; }
	.wide-60 { padding-top: 80px; padding-bottom: 50px; }
	.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, .p-top-110 { padding-top: 80px; }

	.p-left-0, .p-left-15, .p-left-20, .p-left-30, .p-left-45, .p-left-50, .p-left-60, .p-left-70 { padding-left: 0; }
	.p-right-0, .p-right-15, .p-right-20, .p-right-30, .p-right-45, .p-right-50, .p-right-60, .p-right-70 { padding-right: 0; }

	/* PRELOAD ANIMATION */
	#loader { margin: -22px 0 0 -22px; }
	.sk-folding-cube { display: block; width: 44px; height: 44px; }

	/* Header H5 */
	h5 { font-size: 1rem;}
	h5.h5-lg {font-size: 1rem; }

	/* Header H4 */
	h4.h4-small { font-size: 1rem; }
	h4 { font-size: 1rem;}
	h4.h4-lg {font-size: 1rem; }

	/* Header H3 */
	h3.h3-small {font-size: 1.1rem;}
	h3 { font-size: 1.35rem; line-height: 1.3; margin-bottom: 0.5rem;}
	h3.h3-lg { font-size: 1.35rem; }

	/* Header H2 */
	h2.h2-small { font-size: 1.5rem; margin-bottom: 0.5rem; }
	h2, h2.h2-lg { font-size: 1.75rem;  margin-bottom: 0.75rem; line-height: 1.2; }

	/* Paragraphs */
	p { margin-bottom: 0.5rem; }
	p.p-small { font-size: 0.9rem; }
	p.p-medium, p.p-lg { font-size: 1rem; }

	/* Button */
	.btn-small { font-size: 0.85rem; padding: 0.7rem 1.5rem;  margin-top: 0.85rem; }
	.btn { font-size: 0.9rem; padding: 0.8rem 1.7rem;  margin-top: 1rem; }	
	.btn-medium { font-size: 1rem; padding: 0.9rem 2rem; }

	.stores-badge, #banner-4 .stores-badge { margin-top: 1.5rem; }

	img.appstore-button { width: 122px; height: 38px; }
	img.googleplay-button { width: 130px; height: 38px; }
	img.amazon-button { width: 120px; height: 38px; }
	img.windows-button { width: 125px; height: 38px; }

	a.banner-video-icon  { width: 42px; height: 42px; }
	a.banner-video-icon i { font-size: 15px; line-height: 42px; }

	/*------------------------------------------*/
	/*	 SERVICE BOX ICON
	/*------------------------------------------*/

	.box-icon [class^="flaticon-"]:before, 
	.box-icon [class*=" flaticon-"]:before,
	.box-icon [class^="flaticon-"]:after, 
	.box-icon [class*=" flaticon-"]:after {   
	    font-family: Flaticon;
		font-size: 55px;
		line-height: 55px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 45px;
		line-height: 45px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 65px;
		line-height: 65px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 65px;
		line-height: 65px!important;
		font-style: normal;
		margin-left: 0;
	}

	/* Social Icons */
	a.s-link { font-size: 14px; line-height: 22px!important; margin: 0 10px; }
	a.s-link-circle { width: 35px; height: 35px; font-size: 15px; line-height: 35px !important; margin-right: 2px; }
	a.s-link-circle.ico-medium { width: 40px; height: 40px; font-size: 15px; line-height: 40px !important; margin-right: 4px; }

	/* Section ID */
	span.section-id { font-size: 1rem; margin-bottom: 1.25rem;}

	/* Section Title */
	.section-title { margin-bottom: 2.5rem; }
	.section-title p { font-size: 1rem; }
	.section-title-btn  { position: relative; bottom: 0; right: 0; text-align: left; display: block; }

	/*------------------------------------------*/
	/*	 NAVIGATION MENU    
	/*------------------------------------------*/

	.bg-light { background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
	.navbar { text-align: center; }

	.navbar.bg-tra  { padding: 0.75rem 1rem; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }

	.logo-white, .navbar-light.bg-tra .logo-white, .navbar-light.bg-light .logo-white, 
	.navbar-dark.bg-tra .logo-white, .navbar-dark.bg-dark .logo-white { display: none; }

	.navbar-dark.bg-tra .logo-black, .navbar-light.bg-tra .logo-black, 
	.logo-black, .navbar-light.bg-light .logo-black { display: block; }

	.bg-tra.navbar-dark .nav-link { color: #333; }
	.bg-tra.navbar-dark .navbar-nav .active > .nav-link { color: rgba(0,0,0,.9); }
	.navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover { color: #333; background-color: rgba(200, 200, 200, 0.35); }
	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #333; }

	.navbar-nav { padding-top: 15px; }
	.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 0; margin-left: 0; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }
	.navbar-text { padding: 10px 0; margin-top: 2px; }
	.header-socials { margin: 10px auto 0; }
	.navbar .btn {	font-size: 1rem; font-weight: 300; padding: 0.9rem 2rem; margin-top: 15px; margin-left: 0; }

	a.s-link-circle.ico-facebook { color: #fff; background-color: #3b5998; }
	a.s-link-circle.ico-twitter { color: #fff; background-color: #00a9ed; }
	a.s-link-circle.ico-behance { color: #fff; background-color: #00a8e7; }
	a.s-link-circle.ico-google-plus { color: #fff; background-color: #cd1111; }
	a.s-link-circle.ico-linkedin { color: #fff; background-color: #015886; }
	a.s-link-circle.ico-dribbble { color: #fff; background-color: #d92d84; }
	a.s-link-circle.ico-instagram { color: #fff; background-color: #beb3a8; }
	a.s-link-circle.ico-pinterest { color: #fff; background-color: #ac281a; }
	a.s-link-circle.ico-dropbox { color: #fff; background-color: #008ad2; }
	a.s-link-circle.ico-skype { color: #fff; background-color: #00a9ed; }
	a.s-link-circle.ico-youtube { color: #fff; background-color: #cd1b20; }
	a.s-link-circle.ico-tumblr { color: #fff; background-color: #3a5976; }
	a.s-link-circle.ico-vimeo { color: #fff; background-color: #00adee; }
	a.s-link-circle.ico-flickr { color: #fff; background-color: #d2d2d2; }
	a.s-link-circle.ico-github { color: #fff; background-color: #222; }
	a.s-link-circle.ico-renren { color: #fff; background-color: #364a83; }
	a.s-link-circle.ico-vk { color: #fff; background-color: #3b5998; }
	a.s-link-circle.ico-xing { color: #fff; background-color: #015f5e; }
	a.s-link-circle.ico-weibo { color: #fff; background-color: #be4443; }
	a.s-link-circle.ico-rss { color: #fff; background-color: #ff6600; }
	a.s-link-circle.ico-digg { color: #fff; background-color: #222; }
	a.s-link-circle.ico-deviantar { color: #fff; background-color: #57675d; }
	a.s-link-circle.ico-envelope { color: #fff; background-color: #999; }
	a.s-link-circle.ico-delicious { color: #fff; background-color: #0a0a0a; }

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

	#hero-9 { padding-top: 100px; padding-bottom: 80px; }
	#hero-11, #hero-12 { padding-top: 80px; }

	.hero-row-120, .hero-row-140, .hero-row-160, .hero-row-180, .hero-row-200, 
	.hero-row-220, .hero-row-240, .hero-row-260 { padding-top: 80px; padding-bottom: 80px; }

	#hero-4 .hero-row-180 { padding-top: 90px; padding-bottom: 110px; }
	#hero-5 .hero-row-180 { padding-top: 110px; padding-bottom: 110px; }
	#hero-6 .hero-row-220 { padding-top: 110px; padding-bottom: 110px; }
	#hero-8 .hero-row-220 { padding-top: 110px; padding-bottom: 110px; }
	#hero-15 .hero-row-160 { padding-top: 90px; padding-bottom: 90px; }
	#hero-18 .hero-row-160 { padding-top: 90px; padding-bottom: 90px; }
	#hero-19 .hero-row-220 { padding-top: 100px; padding-bottom: 100px; }
	#hero-20 .hero-row-200 { padding-top: 100px; padding-bottom: 100px; }

	.hero-section .hero-txt { text-align: center; margin-top: 60px; }
	#hero-9.hero-section .hero-txt { text-align: left; }
	#hero-9 .hero-title { margin-bottom: 10px; }

	#hero-1 .hero-txt, #hero-2 .hero-txt, #hero-12 .hero-txt { margin-bottom: 50px; }
	#hero-7 .hero-txt, #hero-17 .hero-txt { margin-top: 0; margin-bottom: 50px;  }

	#hero-13 .hero-txt { margin: 0 6%; padding: 3rem 2rem; border: 2px solid rgba(255, 255, 255, 0.75); }
	#hero-14 .hero-txt { margin: 0 6%; text-align: center; padding: 3rem 2rem; }

	#hero-18 .hero-badge {width: 100px; height: 100px; bottom: -2%; right: 5%; }
	.hb-body { width: 100px; height: 100px; }
	.hero-badge p { font-size: 1.75rem; }
	.hero-badge span { font-size: 0.95rem; }

	.mouse { width: 18px; height: 28px; }

	.carousel-item-txt { width: 90%;  }
	.carousel-item-txt .btn { display: none; }
	.carousel-control-next-icon, .carousel-control-prev-icon { display: none; }
	.carousel.slide .scroll-down { display: none; }

	/* Hero Content */
	#hero-10 .hero-slider, #hero-16 .hero-slider { height: 400px; }
	.hero-section .flex-control-paging li a {width: 9px; height: 9px; }

	/* Hero H3 Header */
	h3.h3-hero-small { font-size: 0.95rem; margin-bottom: 2.5rem; }

	#hero-13 h3.h3-hero-small, #hero-14 h3.h3-hero-small { margin-bottom: 1.5rem; }

	.carousel-item-txt h3.h3-hero-small { font-size: 0.95rem; letter-spacing: 0; margin-bottom: 1rem; }

	/* Hero H2 Header */
	h2.h2-hero-small { font-size: 1.05rem; }
	h2.h2-hero { font-size: 2rem ; margin-bottom: 0.75rem; }
	h2.h2-hero-medium {  font-size: 2.25rem; margin-bottom: 0.75rem; }
	h2.h2-hero-lg, h2.h2-hero-huge { font-size: 2.35rem; margin-bottom: 0.75rem; }

	#hero-8 h2.h2-hero-huge { font-size: 3.5rem; letter-spacing: -2px; margin-bottom: 1.25rem; }

	#hero-13 h2.h2-hero-huge {  font-size: 3rem; line-height: 1.1; letter-spacing: -0.5px; }
	#hero-14 h2.h2-hero-huge { font-size: 3rem; line-height: 1.1; margin-bottom: 1rem; }

	#hero-15 h2.h2-hero-huge { font-size: 4rem; letter-spacing: -3px; margin-bottom: 0.5rem; }
	#hero-15 h2.h2-hero-lg {  font-size: 3rem; letter-spacing: -2px; margin-left: 0; }

	#hero-16 h2.h2-hero-huge { font-size: 3.5rem; letter-spacing: -2px; }
	#hero-18 h2.h2-hero-medium { font-size: 1.75rem; margin-bottom: 0; padding: 0; }
	#hero-19 h2.h2-hero-huge { font-size: 2.85rem; letter-spacing: -1px; margin-bottom: 1.1rem; }
	#hero-20 h2.h2-hero-huge { font-size: 2.85rem; margin-bottom: 1.1rem; }

	/* Hero Paragraphs */
	p.p-hero { font-size: 1rem; } 
	p.p-hero-medium { font-size: 1rem; }

	#hero-1 .hero-txt p, #hero-2 .hero-txt p, #hero-4 .hero-txt p, #hero-5 .hero-txt p, 
	#hero-6 .hero-txt p, #hero-7 .hero-txt p, #hero-8 .hero-txt p, #hero-10 .hero-txt p, 
	#hero-12 .hero-txt p, #hero-13 .hero-txt p, #hero-14 .hero-txt p, #hero-15 .hero-txt p, 
	#hero-16 .hero-txt p, #hero-17 .hero-txt p, #hero-19 .hero-txt p, #hero-20 .hero-txt p {padding: 0 6%;}

	#hero-13 .hero-txt p, #hero-14 .hero-txt p {padding: 0;}

	/* Hero Buttons */
	.hero-section .btn { margin-top: 0.75rem; }
	.hero-section .btn.btn-medium { margin-top: 1rem; }
	.modal-video.m-top-30 { margin-top: 15px; }

	/* Hero Form */
	.hero-form { margin: 0 5%; }
	.hero-form form { padding: 30px 25px 20px; margin-bottom: 20px; }
	.hero-form .form-control { height: 42px; font-size: 14px; }

	/* Hero Image */
	.hero-img img { width: auto; padding: 0 5%; }
	#hero-3 .hero-img img { width: auto; padding: 0 8%; margin-bottom: 50px; }
	#hero-12 .hero-img img { width: auto; padding: 0 5%; }
	#hero-11 .hero-img { margin-top: 30px; }
	
	/*------------------------------------------*/
	/*	 CONTENT
	/*------------------------------------------*/

	/* About */ 
	.frow.m-bottom-50 { margin-bottom: 0; }

	.abox h4, .abox-1 h4 { margin-top: 1.15rem; margin-bottom: 0.5rem; }
	.abox-1 span { font-size: 75px; line-height: 65px; letter-spacing: -5px; }

	#about-2 .about-img { padding-right: 20px}
	#about-2 .about-txt, #about-3 .about-txt { padding-left: 0; } 

	#about-3 .about-carousel-slider { padding-right: 15px; }
	.about-carousel-holder { padding-right: 15px; }
	#about-3 .owl-theme .owl-nav { bottom: -5%; right: 50%; margin-right: -51px; }
	#about-3 .owl-theme .owl-nav [class*='owl-'] { margin: 0 2px; padding: 9px 18px; }

	/* Services */
	#services-3, #services-4, #services-5 { padding-top: 80px; padding-bottom: 50px; }
	.s-6-row { padding:  0 15px; }
	.sbox-3, .sbox-4, .sbox-5, .sbox-6 { margin-bottom: 40px; }
	.sbox-3-txt { padding-left: 18px; } 
	.service-5-img { display: none; }

	.sbox-1 h4, .sbox-2 h4, .sbox-4 h4,.sbox-5 h4,.sbox-6 h4 { margin-top: 1.15rem; margin-bottom: 0.5rem; }

	/* Content */
	#content-2 .content-txt, #content-3 .content-txt, #content-4 .content-txt, 
	#content-6 .content-txt, #content-8 .content-txt, #content-10 .content-carousel-slider, #content-12 .tab-content { padding-left: 0; }

	#content-5 .content-txt, #content-8 .content-txt, #content-11 .content-txt { text-align: center; }

	.content-section .content-list { margin-top: 0.85rem; }
	.cbox i { margin-top: 0.35rem; }
	.cbox p { padding-left: 21px; } 

	.cbox-1, .cbox-2 { margin-bottom: 1.75rem; }
	.cbox-1-txt { padding-left: 22px; }

	#content-6 .card-header, #content-7 .card-header { padding: 5px 0; }
	#content-6 .card-body, #content-7 .card-body { padding: 1px 0 1px 20px; }

	#content-10 .owl-theme .owl-nav { bottom: -5%; left: 50%; margin-left: -51px; }
	#content-10 .owl-theme .owl-nav [class*='owl-'] { margin: 0 2px; padding: 9px 18px; }

	#content-12 .cbox-1-icon, #content-13 .cbox-1-icon { display: none; } 
	#content-12 .card-body, #content-13 .card-body { padding: 0; }
	#content-12 .list-group-item, #content-13 .list-group-item { padding: 25px 20px; text-align: center; margin-bottom: 0; }
	#content-12 .cbox-1-txt, #content-13 .cbox-1-txt { padding-left: 0; } 

	#content-14 .content-txt, #content-15 .content-txt { margin-top: 80px; margin-bottom: 80px; }
	.content-14-img, .content-15-img { display: none; }

	#content-16 .card-body { padding: 20px 20px 30px; }

	.content-img img, .tab-content img { width: auto; padding: 0 15%; }
	.content-carousel-slider img { width: auto; padding: 0 10%; }

	/* Portfolio */
	.portfolio-filter.m-bottom-60 { margin-bottom: 30px; }
	.btn-group { display: block;}
	.portfolio-filter .btn-group > .btn { width: 100%; display: inline-block; float: none!important; margin-top: 5px; } 

	#single-project-page { margin-top: 120px; margin-bottom: 80px; }
	.wide-project-preview { margin-bottom: 40px; }
	.single-project-meta { margin-top: 40px; }

	/* Pricing */
	#pricing-1 .pricing-table { padding: 40px 15px; }

	.pricing-table h5 { font-size: 0.95rem; margin-bottom: 20px; }
	.pricing-plan span { font-size: 3.5rem; line-height: 3.5rem; }
	.pricing-table sup { font-size: 1.5rem;top: -15px; right: -1px; }
	.pricing-table sup.pm { font-size: 1.25rem; font-weight: 300; }

	.pricing-table ul.features { padding: 15px 20px 0; }
	.pricing-table ul.features li { padding: 12px 0; }

	#pricing-1 .client-logo { width: 33.3333%; padding: 0 15px; margin-bottom: 20px; }
	
	/* Video */
	#video-3 .video-overlay, #video-4 { padding-top: 100px; padding-bottom: 100px; }
	#video-2 .video-txt  { padding-left: 0; } 

	#video-3 .video-btn { margin-top: 10px; }
	#video-4 .video-btn { margin-bottom: 20px; }
	.video-btn {  width: 100px; height: 100px; }
	.play-icon-blue { width: 100px; height: 100px; background: url(../images/play-icon-medium.png); margin-top: -50px; margin-left: -50px; }
	.play-icon-green { width: 100px; height: 100px; background: url(../images/play-icon-green-medium.png); margin-top: -50px; margin-left: -50px; }
	.play-icon-white { width: 100px; height: 100px; background: url(../images/play-icon-white-medium.png); margin-top: -50px; margin-left: -50px; }

	#video-3 p, #video-4 p { padding: 0; }

	/* Banner */ 
	#banner-1 { padding-top: 100px; padding-bottom: 100px; }
	#banner-2 { padding-top: 80px; padding-bottom: 80px; }
	#banner-1 p, #banner-3 p { padding: 0; }
	#banner-2 p { padding: 0; }

	#banner-2 .banner-txt, #banner-4 .banner-txt { text-align: center; }
	#banner-2 .banner-img { display: none; }

	#banner-4 img.img-fluid { width: auto; padding: 0 10%; }

	/* Statistic */
	.statistic-number { font-size: 3rem; letter-spacing: -0.5px; }

	/* Testimonials */
	#reviews-3 {padding-top: 80px; padding-bottom: 80px; }

	.review-1 { padding: 30px 20px; }
	#reviews-1 .review-txt h5 { margin-bottom: 10px; }
	#reviews-1 .review-txt p { margin-bottom: 30px; } 

	#reviews-2 .review-txt p { font-size: 1.15rem; margin-bottom: 20px; }
	.owl-theme .owl-nav [class*='owl-'] { font-size: 15px;padding: 8px 14px; }

	#reviews-3 img { width: 90px; height: 90px; margin: 0 auto 15px; }
	#reviews-3 .review-txt p { font-size: 1.15rem; padding: 10px 0; }

	/* FAQs */
	.question { margin-bottom: 25px; }

	/* Clients */ 
	#clients-1, #clients-2 { padding-top: 40px; padding-bottom: 25px; }
	#clients-1 .col-lg-2 img { padding: 0 10px; } 
	.brand-logo { padding: 0 20px; }

	/* Blog */
	.blog-post-meta span { margin-right: 10px; }

	#blog-page { margin-top: 120px; margin-bottom: 40px; }
	#single-post-page {margin-top: 120px;margin-bottom: 50px; }

	.blog-page-pagination.m-top-80 { margin-top: 50px; }

	#sidebar-right { margin-top: 50px; }
	#search-field .btn { padding: 10px; }
	.badge { font-size: 0.65rem; margin-bottom: 6px; padding: 3px 8px; }
	a.share-ico { width: 60px; height: 25px; font-size: 14px; line-height: 25px !important; margin-right: 2px; }

	.single-post-comments hr { margin-top: 20px; margin-bottom: 20px; }
	.comment-form .form-control { height: 42px; font-size: 13px; margin-bottom: 15px; }
	.comment-form .btn { font-size: 1rem; }

	/* Newsletter */
	#newsletter-1, #newsletter-2 { padding-top: 80px; padding-bottom: 80px; }

	.newsletter-form .form-control, .input-group-btn { width: 100%; float: none!important; margin-bottom: 8px; }
	.input-group-btn, .newsletter-section .input-group .form-control, .newsletter-section .input-group { display: block; text-align: center; }	

	.newsletter-form .form-control { font-size: 1rem; padding: 0px 20px; height: 46px; } 
	.newsletter-form .btn { font-size: 1rem; height: 46px;  padding: 0 40px; } 

	#newsletter-1 .newsletter-form { margin-top: 20px; }
	#newsletter-2 p.m-bottom-30 {  padding: 0; margin-bottom: 20px; }

	/* Contacts */
	#contacts-3.wide-60 { padding-top: 80px; padding-bottom: 30px; }
	#contacts-2 .contact-info-holder { margin-top: 0; }
	#contacts-3 .form-holder { padding-left: 0; }

	#contacts-1 .form-holder { padding: 40px 30px 20px; }
	.contact-form .form-control { height: 40px; font-size: 13px; padding: 3px 15px; margin-bottom: 15px; }
	.contact-form .btn { margin-top: 0; }

	.contact-box.m-top-40 { margin-top: 25px; }
	.contact-box.m-top-25 { margin-top: 15px; }
	.contact-box.m-top-30 { margin-top: 25px; padding-bottom: 0; border-bottom: none; }
	.contact-box.m-top-15 { padding-bottom: 0; border-bottom: none; }

	.contact-box p { margin-left: 30px; }
	.contact-box span { font-size: 1.1rem; margin-left: 30px; }
	.contact-box i { width: 24px; height: 24px; font-size: 1.5rem; margin-top: 5px; }
	.contact-box.contact-email i { font-size: 1.25rem; }

	#gmap { height: 300px; }

	/* Footer */
	img.foo-logo { width: 91px; height: 26px; }
	#footer-4 .footer-info, #footer-4 .footer-info p { margin-bottom: 0; }
	#footer-4 .middle-footer .footer-copyright { text-align: left!important; }

	.footer p, .footer-links li a { font-size: 1rem; }
	.payment-systems li i { font-size: 24px; line-height: 24px; }

	.footer .newsletter-form .form-control { height: 40px; font-size: 0.95rem; padding: 0px 15px; }
	.footer .newsletter-form .btn {  font-size: 1rem; height: 40px; padding: 0 25px; }

	#footer-1 .footer-copyright, #footer-2 .footer-copyright, #footer-3 .footer-copyright, 
	#footer-4 .footer-logo { margin-bottom: 0; }
	#footer-4 .footer-links { margin-top: 10px; margin-bottom: 10px; }
	#footer-4 .footer-links li { padding: 0; margin-right: 10px; }
	#footer-1 .footer-socials, #footer-2 .footer-socials, #footer-3 .payment-systems  { padding-top: 15px; text-align: left!important; }
	#footer-4 .footer-socials, #footer-4 .footer-links { text-align: left!important; }

	


}




@media (min-width: 321px) and (max-width: 415px) { 

	.animated { visibility: visible; display: block; }

	@keyframes fadeIn {
  		from { opacity: 1; }
  		to {opacity: 1;}
  	}

	@keyframes fadeInRight {
  		from { opacity: 1; transform: translate3d(0, 0, 0);}
  		to { opacity: 1; transform: none; }
	}

	@keyframes fadeInLeft {
  		from { opacity: 1; transform: translate3d(0, 0, 0);}
  		to { opacity: 1; transform: none;}
  	}

	@keyframes fadeInUp {
	  	from { opacity: 1; transform: translate3d(0, 0, 0); }
	  	to { opacity: 1; transform: none; }
	}

	@keyframes fadeInDown {
  		from { opacity: 1; transform: translate3d(0, 0, 0); }
 	 	to { opacity: 1; transform: none; }
	}

	@keyframes zoomIn {
  		from { opacity: 1; transform: scale3d(100%, 0, 0);}
  		50% { opacity: 1; }
	}

	html { font-size: 14px; } 

	/*------------------------------------------*/
	/*	 BASE
	/*------------------------------------------*/

	.wide-120 { padding-top: 100px; padding-bottom: 100px; }
	.wide-110 { padding-top: 80px; padding-bottom: 80px; }
	.wide-100 { padding-top: 80px; padding-bottom: 70px; }
	.wide-90 { padding-top: 80px; padding-bottom: 60px; }
	.wide-80 { padding-top: 80px; padding-bottom: 50px; }
	.wide-70 { padding-top: 80px; padding-bottom: 40px; }
	.wide-60 { padding-top: 80px; padding-bottom: 50px; }
	.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, .p-top-110 { padding-top: 80px; }

	.p-left-0, .p-left-15, .p-left-20, .p-left-30, .p-left-45, .p-left-50, .p-left-60, .p-left-70 { padding-left: 0; }
	.p-right-0, .p-right-15, .p-right-20, .p-right-30, .p-right-45, .p-right-50, .p-right-60, .p-right-70 { padding-right: 0; }

	/* PRELOAD ANIMATION */
	#loader { margin: -22px 0 0 -22px; }
	.sk-folding-cube { display: block; width: 44px; height: 44px; }

	/* Header H5 */
	h5 { font-size: 1rem;}
	h5.h5-lg {font-size: 1rem; }

	/* Header H4 */
	h4.h4-small { font-size: 1rem; }
	h4 { font-size: 1rem;}
	h4.h4-lg {font-size: 1rem; }

	/* Header H3 */
	h3.h3-small {font-size: 1.1rem;}
	h3 { font-size: 1.35rem; line-height: 1.3; margin-bottom: 0.5rem;}
	h3.h3-lg { font-size: 1.35rem; }

	/* Header H2 */
	h2.h2-small { font-size: 1.5rem; margin-bottom: 0.5rem; }
	h2, h2.h2-lg { font-size: 1.75rem;  margin-bottom: 0.75rem; line-height: 1.2; }

	/* Paragraphs */
	p { margin-bottom: 0.5rem; }
	p.p-small { font-size: 0.9rem; }
	p.p-medium, p.p-lg { font-size: 1rem; }

	/* Button */
	.btn-small { font-size: 0.85rem; padding: 0.7rem 1.5rem;  margin-top: 0.85rem; }
	.btn { font-size: 0.9rem; padding: 0.8rem 1.7rem;  margin-top: 1rem; }	
	.btn-medium { font-size: 1rem; padding: 0.9rem 2rem; }

	.stores-badge, #banner-4 .stores-badge { margin-top: 1.5rem; }

	img.appstore-button { width: 122px; height: 38px; }
	img.googleplay-button { width: 130px; height: 38px; }
	img.amazon-button { width: 120px; height: 38px; }
	img.windows-button { width: 125px; height: 38px; }

	a.banner-video-icon  { width: 42px; height: 42px; }
	a.banner-video-icon i { font-size: 15px; line-height: 42px; }

	/*------------------------------------------*/
	/*	 SERVICE BOX ICON
	/*------------------------------------------*/

	.box-icon [class^="flaticon-"]:before, 
	.box-icon [class*=" flaticon-"]:before,
	.box-icon [class^="flaticon-"]:after, 
	.box-icon [class*=" flaticon-"]:after {   
	    font-family: Flaticon;
		font-size: 55px;
		line-height: 55px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 45px;
		line-height: 45px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 65px;
		line-height: 65px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 65px;
		line-height: 65px!important;
		font-style: normal;
		margin-left: 0;
	}

	/* Social Icons */
	a.s-link { font-size: 14px; line-height: 22px!important; margin: 0 10px; }
	a.s-link-circle { width: 35px; height: 35px; font-size: 15px; line-height: 35px !important; margin-right: 2px; }
	a.s-link-circle.ico-medium { width: 40px; height: 40px; font-size: 15px; line-height: 40px !important; margin-right: 4px; }

	/* Section ID */
	span.section-id { font-size: 0.9rem; margin-bottom: 1.25rem;}

	/* Section Title */
	.section-title { margin-bottom: 2.5rem; }
	.section-title p { font-size: 1rem; }
	.section-title-btn  { position: relative; bottom: 0; right: 0; text-align: left; display: block; }

	/*------------------------------------------*/
	/*	 NAVIGATION MENU    
	/*------------------------------------------*/

	.bg-light { background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
	.navbar { text-align: center; }

	.navbar.bg-tra  { padding: 0.75rem 1rem; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }

	.logo-white, .navbar-light.bg-tra .logo-white, .navbar-light.bg-light .logo-white, 
	.navbar-dark.bg-tra .logo-white, .navbar-dark.bg-dark .logo-white { display: none; }

	.navbar-dark.bg-tra .logo-black, .navbar-light.bg-tra .logo-black, 
	.logo-black, .navbar-light.bg-light .logo-black { display: block; }

	.bg-tra.navbar-dark .nav-link { color: #333; }
	.bg-tra.navbar-dark .navbar-nav .active > .nav-link { color: rgba(0,0,0,.9); }
	.navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover { color: #333; background-color: rgba(200, 200, 200, 0.35); }
	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #333; }

	.navbar-nav { padding-top: 15px; }
	.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 0; margin-left: 0; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }
	.navbar-text { padding: 10px 0; margin-top: 2px; }
	.header-socials { margin: 10px auto 0; }
	.navbar .btn {	font-size: 1rem; font-weight: 300; padding: 0.9rem 2rem; margin-top: 15px; margin-left: 0; }

	a.s-link-circle.ico-facebook { color: #fff; background-color: #3b5998; }
	a.s-link-circle.ico-twitter { color: #fff; background-color: #00a9ed; }
	a.s-link-circle.ico-behance { color: #fff; background-color: #00a8e7; }
	a.s-link-circle.ico-google-plus { color: #fff; background-color: #cd1111; }
	a.s-link-circle.ico-linkedin { color: #fff; background-color: #015886; }
	a.s-link-circle.ico-dribbble { color: #fff; background-color: #d92d84; }
	a.s-link-circle.ico-instagram { color: #fff; background-color: #beb3a8; }
	a.s-link-circle.ico-pinterest { color: #fff; background-color: #ac281a; }
	a.s-link-circle.ico-dropbox { color: #fff; background-color: #008ad2; }
	a.s-link-circle.ico-skype { color: #fff; background-color: #00a9ed; }
	a.s-link-circle.ico-youtube { color: #fff; background-color: #cd1b20; }
	a.s-link-circle.ico-tumblr { color: #fff; background-color: #3a5976; }
	a.s-link-circle.ico-vimeo { color: #fff; background-color: #00adee; }
	a.s-link-circle.ico-flickr { color: #fff; background-color: #d2d2d2; }
	a.s-link-circle.ico-github { color: #fff; background-color: #222; }
	a.s-link-circle.ico-renren { color: #fff; background-color: #364a83; }
	a.s-link-circle.ico-vk { color: #fff; background-color: #3b5998; }
	a.s-link-circle.ico-xing { color: #fff; background-color: #015f5e; }
	a.s-link-circle.ico-weibo { color: #fff; background-color: #be4443; }
	a.s-link-circle.ico-rss { color: #fff; background-color: #ff6600; }
	a.s-link-circle.ico-digg { color: #fff; background-color: #222; }
	a.s-link-circle.ico-deviantar { color: #fff; background-color: #57675d; }
	a.s-link-circle.ico-envelope { color: #fff; background-color: #999; }
	a.s-link-circle.ico-delicious { color: #fff; background-color: #0a0a0a; }

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

	#hero-9 { padding-top: 100px; padding-bottom: 80px; }
	#hero-11, #hero-12 { padding-top: 80px; }

	.hero-row-120, .hero-row-140, .hero-row-160, .hero-row-180, .hero-row-200, 
	.hero-row-220, .hero-row-240, .hero-row-260 { padding-top: 80px; padding-bottom: 80px; }

	#hero-4 .hero-row-180 { padding-top: 90px; padding-bottom: 110px; }
	#hero-5 .hero-row-180 { padding-top: 110px; padding-bottom: 110px; }
	#hero-6 .hero-row-220 { padding-top: 110px; padding-bottom: 110px; }
	#hero-8 .hero-row-220 { padding-top: 110px; padding-bottom: 110px; }
	#hero-15 .hero-row-160 { padding-top: 90px; padding-bottom: 90px; }
	#hero-18 .hero-row-160 { padding-top: 90px; padding-bottom: 90px; }
	#hero-19 .hero-row-220 { padding-top: 100px; padding-bottom: 100px; }
	#hero-20 .hero-row-200 { padding-top: 100px; padding-bottom: 100px; }

	.hero-section .hero-txt { text-align: center; margin-top: 60px; }
	#hero-9.hero-section .hero-txt { text-align: left; }
	#hero-9 .hero-title { margin-bottom: 10px; }

	#hero-1 .hero-txt, #hero-2 .hero-txt, #hero-12 .hero-txt { margin-bottom: 50px; }
	#hero-7 .hero-txt, #hero-17 .hero-txt { margin-top: 0; margin-bottom: 50px;  }

	#hero-13 .hero-txt { margin: 0 6%; padding: 3rem 2rem; border: 2px solid rgba(255, 255, 255, 0.75); }
	#hero-14 .hero-txt { margin: 0 6%; text-align: center; padding: 3rem 2rem; }

	#hero-18 .hero-badge {width: 100px; height: 100px; bottom: -2%; right: 5%; }
	.hb-body { width: 100px; height: 100px; }
	.hero-badge p { font-size: 1.75rem; }
	.hero-badge span { font-size: 0.95rem; }

	.mouse { width: 18px; height: 28px; }

	.carousel-item-txt { width: 90%;  }
	.carousel-item-txt .btn { display: none; }
	.carousel-control-next-icon, .carousel-control-prev-icon { display: none; }
	.carousel.slide .scroll-down { display: none; }

	/* Hero Content */
	#hero-10 .hero-slider, #hero-16 .hero-slider { height: 400px; }
	.hero-section .flex-control-paging li a {width: 9px; height: 9px; }

	/* Hero H3 Header */
	h3.h3-hero-small { font-size: 0.95rem; margin-bottom: 2.5rem; }

	#hero-13 h3.h3-hero-small, #hero-14 h3.h3-hero-small { margin-bottom: 1.5rem; }

	.carousel-item-txt h3.h3-hero-small { font-size: 0.95rem; letter-spacing: 0; margin-bottom: 1rem; }

	/* Hero H2 Header */
	h2.h2-hero-small { font-size: 1.05rem; }
	h2.h2-hero { font-size: 2rem ; margin-bottom: 0.75rem; }
	h2.h2-hero-medium {  font-size: 2.25rem; margin-bottom: 0.75rem; }
	h2.h2-hero-lg, h2.h2-hero-huge { font-size: 2.35rem; margin-bottom: 0.75rem; }

	#hero-8 h2.h2-hero-huge { font-size: 3.5rem; letter-spacing: -2px; margin-bottom: 1.25rem; }

	#hero-13 h2.h2-hero-huge {  font-size: 3rem; line-height: 1.1; letter-spacing: -0.5px; }
	#hero-14 h2.h2-hero-huge { font-size: 3rem; line-height: 1.1; margin-bottom: 1rem; }

	#hero-15 h2.h2-hero-huge { font-size: 4rem; letter-spacing: -3px; margin-bottom: 0.5rem; }
	#hero-15 h2.h2-hero-lg {  font-size: 3rem; letter-spacing: -2px; margin-left: 0; }

	#hero-16 h2.h2-hero-huge { font-size: 3.5rem; letter-spacing: -2px; }
	#hero-18 h2.h2-hero-medium { font-size: 1.75rem; margin-bottom: 0; padding: 0; }
	#hero-19 h2.h2-hero-huge { font-size: 2.85rem; letter-spacing: -1px; margin-bottom: 1.1rem; }
	#hero-20 h2.h2-hero-huge { font-size: 2.85rem; margin-bottom: 1.1rem; }

	/* Hero Paragraphs */
	p.p-hero { font-size: 1rem; } 
	p.p-hero-medium { font-size: 1rem; }

	#hero-1 .hero-txt p, #hero-2 .hero-txt p, #hero-4 .hero-txt p, #hero-5 .hero-txt p, 
	#hero-6 .hero-txt p, #hero-7 .hero-txt p, #hero-8 .hero-txt p, #hero-10 .hero-txt p, 
	#hero-12 .hero-txt p, #hero-13 .hero-txt p, #hero-14 .hero-txt p, #hero-15 .hero-txt p, 
	#hero-16 .hero-txt p, #hero-17 .hero-txt p, #hero-19 .hero-txt p, #hero-20 .hero-txt p {padding: 0 6%;}

	#hero-13 .hero-txt p, #hero-14 .hero-txt p {padding: 0;}

	/* Hero Buttons */
	.hero-section .btn { margin-top: 0.75rem; }
	.hero-section .btn.btn-medium { margin-top: 1rem; }
	.modal-video.m-top-30 { margin-top: 15px; }

	/* Hero Form */
	.hero-form { margin: 0 5%; }
	.hero-form form { padding: 30px 25px 20px; margin-bottom: 20px; }
	.hero-form .form-control { height: 42px; font-size: 14px; }

	/* Hero Image */
	.hero-img img { width: auto; padding: 0 5%; }
	#hero-3 .hero-img img { width: auto; padding: 0 8%; margin-bottom: 50px; }
	#hero-12 .hero-img img { width: auto; padding: 0 5%; }
	#hero-11 .hero-img { margin-top: 30px; }
	
	/*------------------------------------------*/
	/*	 CONTENT
	/*------------------------------------------*/

	/* About */ 
	.frow.m-bottom-50 { margin-bottom: 0; }

	.abox h4, .abox-1 h4 { margin-top: 1.15rem; margin-bottom: 0.5rem; }
	.abox-1 span { font-size: 75px; line-height: 65px; letter-spacing: -5px; }

	#about-2 .about-img { padding-right: 20px}
	#about-2 .about-txt, #about-3 .about-txt { padding-left: 0; } 

	#about-3 .about-carousel-slider { padding-right: 15px; }
	.about-carousel-holder { padding-right: 15px; }
	#about-3 .owl-theme .owl-nav { bottom: -5%; right: 50%; margin-right: -51px; }
	#about-3 .owl-theme .owl-nav [class*='owl-'] { margin: 0 2px; padding: 9px 18px; }

	/* Services */
	#services-3, #services-4, #services-5 { padding-top: 80px; padding-bottom: 50px; }
	.s-6-row { padding:  0 15px; }
	.sbox-3, .sbox-4, .sbox-5, .sbox-6 { margin-bottom: 40px; }
	.sbox-3-txt { padding-left: 18px; } 
	.service-5-img { display: none; }

	.sbox-1 h4, .sbox-2 h4, .sbox-4 h4,.sbox-5 h4,.sbox-6 h4 { margin-top: 1.15rem; margin-bottom: 0.5rem; }

	/* Content */
	#content-2 .content-txt, #content-3 .content-txt, #content-4 .content-txt, 
	#content-6 .content-txt, #content-8 .content-txt, #content-10 .content-carousel-slider, #content-12 .tab-content { padding-left: 0; }

	#content-5 .content-txt, #content-8 .content-txt, #content-11 .content-txt { text-align: center; }

	.content-section .content-list { margin-top: 0.85rem; }
	.cbox i { margin-top: 0.35rem; }
	.cbox p { padding-left: 21px; } 

	.cbox-1, .cbox-2 { margin-bottom: 1.75rem; }
	.cbox-1-txt { padding-left: 22px; }

	#content-6 .card-header, #content-7 .card-header { padding: 5px 0; }
	#content-6 .card-body, #content-7 .card-body { padding: 1px 0 1px 20px; }

	#content-10 .owl-theme .owl-nav { bottom: -5%; left: 50%; margin-left: -51px; }
	#content-10 .owl-theme .owl-nav [class*='owl-'] { margin: 0 2px; padding: 9px 18px; }

	#content-12 .cbox-1-icon, #content-13 .cbox-1-icon { display: none; } 
	#content-12 .card-body, #content-13 .card-body { padding: 0; }
	#content-12 .list-group-item, #content-13 .list-group-item { padding: 25px 20px; text-align: center; margin-bottom: 0; }
	#content-12 .cbox-1-txt, #content-13 .cbox-1-txt { padding-left: 0; } 

	#content-14 .content-txt, #content-15 .content-txt { margin-top: 80px; margin-bottom: 80px; }
	.content-14-img, .content-15-img { display: none; }

	#content-16 .card-body { padding: 20px 20px 30px; }

	.content-img img, .tab-content img { width: auto; padding: 0 15%; }
	.content-carousel-slider img { width: auto; padding: 0 10%; }

	/* Portfolio */
	.portfolio-filter.m-bottom-60 { margin-bottom: 30px; }
	.btn-group { display: block;}
	.portfolio-filter .btn-group > .btn { width: 100%; display: inline-block; float: none!important; margin-top: 5px; } 

	#single-project-page { margin-top: 120px; margin-bottom: 80px; }
	.wide-project-preview { margin-bottom: 40px; }
	.single-project-meta { margin-top: 40px; }

	/* Pricing */
	#pricing-1 .pricing-table { padding: 40px 15px; }

	.pricing-table h5 { font-size: 0.95rem; margin-bottom: 20px; }
	.pricing-plan span { font-size: 3.5rem; line-height: 3.5rem; }
	.pricing-table sup { font-size: 1.5rem;top: -15px; right: -1px; }
	.pricing-table sup.pm { font-size: 1.25rem; font-weight: 300; }

	.pricing-table ul.features { padding: 15px 20px 0; }
	.pricing-table ul.features li { padding: 12px 0; }

	#pricing-1 .client-logo { width: 33.3333%; padding: 0 15px; margin-bottom: 20px; }
	
	/* Video */
	#video-3 .video-overlay, #video-4 { padding-top: 100px; padding-bottom: 100px; }
	#video-2 .video-txt  { padding-left: 0; } 

	#video-3 .video-btn { margin-top: 10px; }
	#video-4 .video-btn { margin-bottom: 20px; }
	.video-btn {  width: 100px; height: 100px; }
	.play-icon-blue { width: 100px; height: 100px; background: url(../images/play-icon-medium.png); margin-top: -50px; margin-left: -50px; }
	.play-icon-green { width: 100px; height: 100px; background: url(../images/play-icon-green-medium.png); margin-top: -50px; margin-left: -50px; }
	.play-icon-white { width: 100px; height: 100px; background: url(../images/play-icon-white-medium.png); margin-top: -50px; margin-left: -50px; }

	#video-3 p, #video-4 p { padding: 0; }

	/* Banner */ 
	#banner-1 { padding-top: 100px; padding-bottom: 100px; }
	#banner-2 { padding-top: 80px; padding-bottom: 80px; }
	#banner-1 p, #banner-3 p { padding: 0; }
	#banner-2 p { padding: 0; }

	#banner-2 .banner-txt, #banner-4 .banner-txt { text-align: center; }
	#banner-2 .banner-img { display: none; }

	#banner-4 img.img-fluid { width: auto; padding: 0 10%; }

	/* Statistic */
	.statistic-number { font-size: 3rem; letter-spacing: -0.5px; }

	/* Testimonials */
	#reviews-3 {padding-top: 80px; padding-bottom: 80px; }

	.review-1 { padding: 30px 20px; }
	#reviews-1 .review-txt h5 { margin-bottom: 10px; }
	#reviews-1 .review-txt p { margin-bottom: 30px; } 

	#reviews-2 .review-txt p { font-size: 1.15rem; margin-bottom: 20px; }
	.owl-theme .owl-nav [class*='owl-'] { font-size: 15px;padding: 8px 14px; }

	#reviews-3 img { width: 90px; height: 90px; margin: 0 auto 15px; }
	#reviews-3 .review-txt p { font-size: 1.15rem; padding: 10px 0; }

	/* FAQs */
	.question { margin-bottom: 25px; }

	/* Clients */ 
	#clients-1, #clients-2 { padding-top: 40px; padding-bottom: 25px; }
	#clients-1 .col-lg-2 img { padding: 0 10px; } 
	.brand-logo { padding: 0 20px; }

	/* Blog */
	.blog-post-meta span { margin-right: 10px; }

	#blog-page { margin-top: 120px; margin-bottom: 40px; }
	#single-post-page {margin-top: 120px;margin-bottom: 50px; }

	.blog-page-pagination.m-top-80 { margin-top: 50px; }

	#sidebar-right { margin-top: 50px; }
	#search-field .btn { padding: 10px; }
	.badge { font-size: 0.65rem; margin-bottom: 6px; padding: 3px 8px; }
	a.share-ico { width: 60px; height: 25px; font-size: 14px; line-height: 25px !important; margin-right: 2px; }

	.single-post-comments hr { margin-top: 20px; margin-bottom: 20px; }
	.comment-form .form-control { height: 42px; font-size: 13px; margin-bottom: 15px; }
	.comment-form .btn { font-size: 1rem; }

	/* Newsletter */
	#newsletter-1, #newsletter-2 { padding-top: 80px; padding-bottom: 80px; }

	.newsletter-form .form-control, .input-group-btn { width: 100%; float: none!important; margin-bottom: 8px; }
	.input-group-btn, .newsletter-section .input-group .form-control, .newsletter-section .input-group { display: block; text-align: center; }	

	.newsletter-form .form-control { font-size: 1rem; padding: 0px 20px; height: 46px; } 
	.newsletter-form .btn { font-size: 1rem; height: 46px;  padding: 0 40px; } 

	#newsletter-1 .newsletter-form { margin-top: 20px; }
	#newsletter-2 p.m-bottom-30 {  padding: 0; margin-bottom: 20px; }

	/* Contacts */
	#contacts-3.wide-60 { padding-top: 80px; padding-bottom: 30px; }
	#contacts-2 .contact-info-holder { margin-top: 0; }
	#contacts-3 .form-holder { padding-left: 0; }

	#contacts-1 .form-holder { padding: 40px 30px 20px; }
	.contact-form .form-control { height: 40px; font-size: 13px; padding: 3px 15px; margin-bottom: 15px; }
	.contact-form .btn { margin-top: 0; }

	.contact-box.m-top-40 { margin-top: 25px; }
	.contact-box.m-top-25 { margin-top: 15px; }
	.contact-box.m-top-30 { margin-top: 25px; padding-bottom: 0; border-bottom: none; }
	.contact-box.m-top-15 { padding-bottom: 0; border-bottom: none; }

	.contact-box p { margin-left: 30px; }
	.contact-box span { font-size: 1.1rem; margin-left: 30px; }
	.contact-box i { width: 24px; height: 24px; font-size: 1.5rem; margin-top: 5px; }
	.contact-box.contact-email i { font-size: 1.25rem; }

	#gmap { height: 300px; }

	/* Footer */
	img.foo-logo { width: 91px; height: 26px; }
	#footer-4 .footer-info, #footer-4 .footer-info p { margin-bottom: 0; }
	#footer-4 .middle-footer .footer-copyright { text-align: left!important; }

	.footer p, .footer-links li a { font-size: 1rem; }
	.payment-systems li i { font-size: 24px; line-height: 24px; }

	.footer .newsletter-form .form-control { height: 40px; font-size: 0.95rem; padding: 0px 15px; }
	.footer .newsletter-form .btn {  font-size: 1rem; height: 40px; padding: 0 25px; }

	#footer-1 .footer-copyright, #footer-2 .footer-copyright, #footer-3 .footer-copyright, 
	#footer-4 .footer-logo { margin-bottom: 0; }
	#footer-4 .footer-links { margin-top: 10px; margin-bottom: 10px; }
	#footer-4 .footer-links li { padding: 0; margin-right: 10px; }
	#footer-1 .footer-socials, #footer-2 .footer-socials, #footer-3 .payment-systems  { padding-top: 15px; text-align: left!important; }
	#footer-4 .footer-socials, #footer-4 .footer-links { text-align: left!important; }


}




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

@media (max-width: 320px) {	

	.animated { visibility: visible; display: block; }

	@keyframes fadeIn {
  		from { opacity: 1; }
  		to {opacity: 1;}
  	}

	@keyframes fadeInRight {
  		from { opacity: 1; transform: translate3d(0, 0, 0);}
  		to { opacity: 1; transform: none; }
	}

	@keyframes fadeInLeft {
  		from { opacity: 1; transform: translate3d(0, 0, 0);}
  		to { opacity: 1; transform: none;}
  	}

	@keyframes fadeInUp {
	  	from { opacity: 1; transform: translate3d(0, 0, 0); }
	  	to { opacity: 1; transform: none; }
	}

	@keyframes fadeInDown {
  		from { opacity: 1; transform: translate3d(0, 0, 0); }
 	 	to { opacity: 1; transform: none; }
	}

	@keyframes zoomIn {
  		from { opacity: 1; transform: scale3d(100%, 0, 0);}
  		50% { opacity: 1; }
	}

	html { font-size: 14px; } 

	/*------------------------------------------*/
	/*	 BASE
	/*------------------------------------------*/

	.wide-120 { padding-top: 100px; padding-bottom: 100px; }
	.wide-110 { padding-top: 80px; padding-bottom: 80px; }
	.wide-100 { padding-top: 80px; padding-bottom: 70px; }
	.wide-90 { padding-top: 80px; padding-bottom: 60px; }
	.wide-80 { padding-top: 80px; padding-bottom: 50px; }
	.wide-70 { padding-top: 80px; padding-bottom: 40px; }
	.wide-60 { padding-top: 80px; padding-bottom: 50px; }
	.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, .p-top-110 { padding-top: 80px; }

	.p-left-0, .p-left-15, .p-left-20, .p-left-30, .p-left-45, .p-left-50, .p-left-60, .p-left-70 { padding-left: 0; }
	.p-right-0, .p-right-15, .p-right-20, .p-right-30, .p-right-45, .p-right-50, .p-right-60, .p-right-70 { padding-right: 0; }

	/* PRELOAD ANIMATION */
	#loader { margin: -22px 0 0 -22px; }
	.sk-folding-cube { display: block; width: 44px; height: 44px; }

	/* Header H5 */
	h5 { font-size: 1rem;}
	h5.h5-lg {font-size: 1rem; }

	/* Header H4 */
	h4.h4-small { font-size: 1rem; }
	h4 { font-size: 1rem;}
	h4.h4-lg {font-size: 1rem; }

	/* Header H3 */
	h3.h3-small {font-size: 1.1rem;}
	h3 { font-size: 1.35rem; line-height: 1.3; margin-bottom: 0.5rem;}
	h3.h3-lg { font-size: 1.35rem; }

	/* Header H2 */
	h2.h2-small { font-size: 1.5rem; margin-bottom: 0.5rem; }
	h2, h2.h2-lg { font-size: 1.75rem;  margin-bottom: 0.75rem; line-height: 1.2; }

	/* Paragraphs */
	p { margin-bottom: 0.5rem; }
	p.p-small { font-size: 0.9rem; }
	p.p-medium, p.p-lg { font-size: 1rem; }

	/* Button */
	.btn-small { font-size: 0.85rem; padding: 0.7rem 1.5rem;  margin-top: 0.85rem; }
	.btn { font-size: 0.9rem; padding: 0.8rem 1.7rem;  margin-top: 1rem; }	
	.btn-medium { font-size: 1rem; padding: 0.9rem 2rem; }

	.stores-badge, #banner-4 .stores-badge { margin-top: 1.5rem; }

	img.appstore-button { width: 122px; height: 38px; }
	img.googleplay-button { width: 130px; height: 38px; }
	img.amazon-button { width: 120px; height: 38px; }
	img.windows-button { width: 125px; height: 38px; }

	a.banner-video-icon  { width: 42px; height: 42px; }
	a.banner-video-icon i { font-size: 15px; line-height: 42px; }

	/*------------------------------------------*/
	/*	 SERVICE BOX ICON
	/*------------------------------------------*/

	.box-icon [class^="flaticon-"]:before, 
	.box-icon [class*=" flaticon-"]:before,
	.box-icon [class^="flaticon-"]:after, 
	.box-icon [class*=" flaticon-"]:after {   
	    font-family: Flaticon;
		font-size: 55px;
		line-height: 55px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 45px;
		line-height: 45px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 65px;
		line-height: 65px!important;
		font-style: normal;
		margin-left: 0;
	}

	.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-family: Flaticon;
		font-size: 65px;
		line-height: 65px!important;
		font-style: normal;
		margin-left: 0;
	}

	/* Social Icons */
	a.s-link { font-size: 14px; line-height: 22px!important; margin: 0 10px; }
	a.s-link-circle { width: 35px; height: 35px; font-size: 15px; line-height: 35px !important; margin-right: 2px; }
	a.s-link-circle.ico-medium { width: 40px; height: 40px; font-size: 15px; line-height: 40px !important; margin-right: 4px; }

	/* Section ID */
	span.section-id { font-size: 0.8rem; margin-bottom: 1.25rem;}

	/* Section Title */
	.section-title { margin-bottom: 2.5rem; }
	.section-title p { font-size: 1rem; }
	.section-title-btn  { position: relative; bottom: 0; right: 0; text-align: left; display: block; }

	/*------------------------------------------*/
	/*	 NAVIGATION MENU    
	/*------------------------------------------*/

	.bg-light { background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
	.navbar { text-align: center; }

	.navbar.bg-tra  { padding: 0.75rem 1rem; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }

	.logo-white, .navbar-light.bg-tra .logo-white, .navbar-light.bg-light .logo-white, 
	.navbar-dark.bg-tra .logo-white, .navbar-dark.bg-dark .logo-white { display: none; }

	.navbar-dark.bg-tra .logo-black, .navbar-light.bg-tra .logo-black, 
	.logo-black, .navbar-light.bg-light .logo-black { display: block; }

	.bg-tra.navbar-dark .nav-link { color: #333; }
	.bg-tra.navbar-dark .navbar-nav .active > .nav-link { color: rgba(0,0,0,.9); }
	.navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover { color: #333; background-color: rgba(200, 200, 200, 0.35); }
	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #333; }

	.navbar-nav { padding-top: 15px; }
	.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 0; margin-left: 0; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }
	.navbar-text { padding: 10px 0; margin-top: 2px; }
	.header-socials { margin: 10px auto 0; }
	.navbar .btn {	font-size: 1rem; font-weight: 300; padding: 0.9rem 2rem; margin-top: 15px; margin-left: 0; }

	a.s-link-circle.ico-facebook { color: #fff; background-color: #3b5998; }
	a.s-link-circle.ico-twitter { color: #fff; background-color: #00a9ed; }
	a.s-link-circle.ico-behance { color: #fff; background-color: #00a8e7; }
	a.s-link-circle.ico-google-plus { color: #fff; background-color: #cd1111; }
	a.s-link-circle.ico-linkedin { color: #fff; background-color: #015886; }
	a.s-link-circle.ico-dribbble { color: #fff; background-color: #d92d84; }
	a.s-link-circle.ico-instagram { color: #fff; background-color: #beb3a8; }
	a.s-link-circle.ico-pinterest { color: #fff; background-color: #ac281a; }
	a.s-link-circle.ico-dropbox { color: #fff; background-color: #008ad2; }
	a.s-link-circle.ico-skype { color: #fff; background-color: #00a9ed; }
	a.s-link-circle.ico-youtube { color: #fff; background-color: #cd1b20; }
	a.s-link-circle.ico-tumblr { color: #fff; background-color: #3a5976; }
	a.s-link-circle.ico-vimeo { color: #fff; background-color: #00adee; }
	a.s-link-circle.ico-flickr { color: #fff; background-color: #d2d2d2; }
	a.s-link-circle.ico-github { color: #fff; background-color: #222; }
	a.s-link-circle.ico-renren { color: #fff; background-color: #364a83; }
	a.s-link-circle.ico-vk { color: #fff; background-color: #3b5998; }
	a.s-link-circle.ico-xing { color: #fff; background-color: #015f5e; }
	a.s-link-circle.ico-weibo { color: #fff; background-color: #be4443; }
	a.s-link-circle.ico-rss { color: #fff; background-color: #ff6600; }
	a.s-link-circle.ico-digg { color: #fff; background-color: #222; }
	a.s-link-circle.ico-deviantar { color: #fff; background-color: #57675d; }
	a.s-link-circle.ico-envelope { color: #fff; background-color: #999; }
	a.s-link-circle.ico-delicious { color: #fff; background-color: #0a0a0a; }

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

	#hero-9 { padding-top: 100px; padding-bottom: 80px; }
	#hero-11, #hero-12 { padding-top: 80px; }

	.hero-row-120, .hero-row-140, .hero-row-160, .hero-row-180, .hero-row-200, 
	.hero-row-220, .hero-row-240, .hero-row-260 { padding-top: 80px; padding-bottom: 80px; }

	#hero-4 .hero-row-180 { padding-top: 90px; padding-bottom: 110px; }
	#hero-5 .hero-row-180 { padding-top: 110px; padding-bottom: 110px; }
	#hero-6 .hero-row-220 { padding-top: 110px; padding-bottom: 110px; }
	#hero-8 .hero-row-220 { padding-top: 100px; padding-bottom: 100px; }
	#hero-15 .hero-row-160 { padding-top: 90px; padding-bottom: 90px; }
	#hero-18 .hero-row-160 { padding-top: 90px; padding-bottom: 90px; }
	#hero-19 .hero-row-220 { padding-top: 100px; padding-bottom: 100px; }
	#hero-20 .hero-row-200 { padding-top: 100px; padding-bottom: 100px; }

	.hero-section .hero-txt { text-align: center; margin-top: 60px; }
	#hero-9.hero-section .hero-txt { text-align: left; }
	#hero-9 .hero-title { margin-bottom: 10px; }

	#hero-1 .hero-txt, #hero-2 .hero-txt, #hero-12 .hero-txt { margin-bottom: 50px; }
	#hero-7 .hero-txt, #hero-17 .hero-txt { margin-top: 0; margin-bottom: 50px;  }

	#hero-13 .hero-txt { margin: 0 6%; padding: 3rem 2rem; border: 2px solid rgba(255, 255, 255, 0.75); }
	#hero-14 .hero-txt { margin: 0 6%; text-align: center; padding: 3rem 2rem; }

	#hero-18 .hero-badge {width: 100px; height: 100px; bottom: -2%; right: 5%; }
	.hb-body { width: 100px; height: 100px; }
	.hero-badge p { font-size: 1.75rem; }
	.hero-badge span { font-size: 0.95rem; }

	.mouse { width: 18px; height: 28px; }

	.carousel-item-txt { width: 90%;  }
	.carousel-item-txt .btn { display: none; }
	.carousel-control-next-icon, .carousel-control-prev-icon { display: none; }
	.carousel.slide .scroll-down { display: none; }

	/* Hero Content */
	#hero-10 .hero-slider, #hero-16 .hero-slider { height: 400px; }
	.hero-section .flex-control-paging li a {width: 9px; height: 9px; }

	/* Hero H3 Header */
	h3.h3-hero-small { font-size: 0.95rem; margin-bottom: 2.5rem; }

	#hero-13 h3.h3-hero-small, #hero-14 h3.h3-hero-small { margin-bottom: 1.5rem; }

	.carousel-item-txt h3.h3-hero-small { font-size: 0.95rem; letter-spacing: 0; margin-bottom: 1rem; }

	/* Hero H2 Header */
	h2.h2-hero-small { font-size: 1.05rem; }
	h2.h2-hero { font-size: 2rem ; margin-bottom: 0.75rem; }
	h2.h2-hero-medium {  font-size: 2.25rem; margin-bottom: 0.75rem; }
	h2.h2-hero-lg, h2.h2-hero-huge { font-size: 2.35rem; margin-bottom: 0.75rem; }

	#hero-8 h2.h2-hero-huge { font-size: 3rem; letter-spacing: -2px; margin-bottom: 1.25rem; }

	#hero-13 h2.h2-hero-huge {  font-size: 3rem; line-height: 1.1; letter-spacing: -0.5px; }
	#hero-14 h2.h2-hero-huge { font-size: 3rem; line-height: 1.1; margin-bottom: 1rem; }

	#hero-15 h2.h2-hero-huge { font-size: 4rem; letter-spacing: -3px; margin-bottom: 0.5rem; }
	#hero-15 h2.h2-hero-lg {  font-size: 3rem; letter-spacing: -2px; margin-left: 0; }

	#hero-16 h2.h2-hero-huge { font-size: 3.5rem; letter-spacing: -2px; }
	#hero-18 h2.h2-hero-medium { font-size: 1.75rem; margin-bottom: 0; padding: 0; }
	#hero-19 h2.h2-hero-huge { font-size: 2.85rem; letter-spacing: -1px; margin-bottom: 1.1rem; }
	#hero-20 h2.h2-hero-huge { font-size: 2.85rem; margin-bottom: 1.1rem; }

	/* Hero Paragraphs */
	p.p-hero { font-size: 1rem; } 
	p.p-hero-medium { font-size: 1rem; }

	#hero-1 .hero-txt p, #hero-2 .hero-txt p, #hero-4 .hero-txt p, #hero-5 .hero-txt p, 
	#hero-6 .hero-txt p, #hero-7 .hero-txt p, #hero-8 .hero-txt p, #hero-10 .hero-txt p, 
	#hero-12 .hero-txt p, #hero-13 .hero-txt p, #hero-14 .hero-txt p, #hero-15 .hero-txt p, 
	#hero-16 .hero-txt p, #hero-17 .hero-txt p, #hero-19 .hero-txt p, #hero-20 .hero-txt p {padding: 0 6%;}

	#hero-13 .hero-txt p, #hero-14 .hero-txt p {padding: 0;}

	/* Hero Buttons */
	.hero-section .btn { margin-top: 0.75rem; }
	.hero-section .btn.btn-medium { margin-top: 1rem; }
	.modal-video.m-top-30 { margin-top: 15px; }

	/* Hero Form */
	.hero-form { margin: 0 5%; }
	.hero-form form { padding: 30px 25px 20px; margin-bottom: 20px; }
	.hero-form .form-control { height: 42px; font-size: 14px; }

	/* Hero Image */
	.hero-img img { width: auto; padding: 0 5%; }
	#hero-3 .hero-img img { width: auto; padding: 0 8%; margin-bottom: 50px; }
	#hero-12 .hero-img img { width: auto; padding: 0 5%; }
	#hero-11 .hero-img { margin-top: 30px; }
	
	/*------------------------------------------*/
	/*	 CONTENT
	/*------------------------------------------*/

	/* About */ 
	.frow.m-bottom-50 { margin-bottom: 0; }

	.abox h4, .abox-1 h4 { margin-top: 1.15rem; margin-bottom: 0.5rem; }
	.abox-1 span { font-size: 75px; line-height: 65px; letter-spacing: -5px; }

	#about-2 .about-img { padding-right: 20px}
	#about-2 .about-txt, #about-3 .about-txt { padding-left: 0; } 

	#about-3 .about-carousel-slider { padding-right: 15px; }
	.about-carousel-holder { padding-right: 15px; }
	#about-3 .owl-theme .owl-nav { bottom: -5%; right: 50%; margin-right: -51px; }
	#about-3 .owl-theme .owl-nav [class*='owl-'] { margin: 0 2px; padding: 9px 18px; }

	/* Services */
	#services-3, #services-4, #services-5 { padding-top: 80px; padding-bottom: 50px; }
	.s-6-row { padding:  0 15px; }
	.sbox-3, .sbox-4, .sbox-5, .sbox-6 { margin-bottom: 40px; }
	.sbox-3-txt { padding-left: 18px; } 
	.service-5-img { display: none; }

	.sbox-1 h4, .sbox-2 h4, .sbox-4 h4,.sbox-5 h4,.sbox-6 h4 { margin-top: 1.15rem; margin-bottom: 0.5rem; }

	/* Content */
	#content-2 .content-txt, #content-3 .content-txt, #content-4 .content-txt, 
	#content-6 .content-txt, #content-8 .content-txt, #content-10 .content-carousel-slider, #content-12 .tab-content { padding-left: 0; }

	#content-5 .content-txt, #content-8 .content-txt, #content-11 .content-txt { text-align: center; }

	.content-section .content-list { margin-top: 0.85rem; }
	.cbox i { margin-top: 0.35rem; }
	.cbox p { padding-left: 21px; } 

	.cbox-1, .cbox-2 { margin-bottom: 1.75rem; }
	.cbox-1-txt { padding-left: 22px; }

	#content-6 .card-header, #content-7 .card-header { padding: 5px 0; }
	#content-6 .card-body, #content-7 .card-body { padding: 1px 0 1px 20px; }

	#content-10 .owl-theme .owl-nav { bottom: -5%; left: 50%; margin-left: -51px; }
	#content-10 .owl-theme .owl-nav [class*='owl-'] { margin: 0 2px; padding: 9px 18px; }

	#content-12 .cbox-1-icon, #content-13 .cbox-1-icon { display: none; } 
	#content-12 .card-body, #content-13 .card-body { padding: 0; }
	#content-12 .list-group-item, #content-13 .list-group-item { padding: 25px 20px; text-align: center; margin-bottom: 0; }
	#content-12 .cbox-1-txt, #content-13 .cbox-1-txt { padding-left: 0; } 

	#content-14 .content-txt, #content-15 .content-txt { margin-top: 80px; margin-bottom: 80px; }
	.content-14-img, .content-15-img { display: none; }

	#content-16 .card-body { padding: 20px 20px 30px; }

	.content-img img, .tab-content img { width: auto; padding: 0 15%; }
	.content-carousel-slider img { width: auto; padding: 0 10%; }

	/* Portfolio */
	.portfolio-filter.m-bottom-60 { margin-bottom: 30px; }
	.btn-group { display: block;}
	.portfolio-filter .btn-group > .btn { width: 100%; display: inline-block; float: none!important; margin-top: 5px; } 

	#single-project-page { margin-top: 120px; margin-bottom: 80px; }
	.wide-project-preview { margin-bottom: 40px; }
	.single-project-meta { margin-top: 40px; }

	/* Pricing */
	#pricing-1 .pricing-table { padding: 40px 15px; }

	.pricing-table h5 { font-size: 0.95rem; margin-bottom: 20px; }
	.pricing-plan span { font-size: 3.5rem; line-height: 3.5rem; }
	.pricing-table sup { font-size: 1.5rem;top: -15px; right: -1px; }
	.pricing-table sup.pm { font-size: 1.25rem; font-weight: 300; }

	.pricing-table ul.features { padding: 15px 20px 0; }
	.pricing-table ul.features li { padding: 12px 0; }

	#pricing-1 .client-logo { width: 33.3333%; padding: 0 15px; margin-bottom: 20px; }
	
	/* Video */
	#video-3 .video-overlay, #video-4 { padding-top: 100px; padding-bottom: 100px; }
	#video-2 .video-txt  { padding-left: 0; } 

	#video-3 .video-btn { margin-top: 10px; }
	#video-4 .video-btn { margin-bottom: 20px; }
	.video-btn {  width: 100px; height: 100px; }
	.play-icon-blue { width: 100px; height: 100px; background: url(../images/play-icon-medium.png); margin-top: -50px; margin-left: -50px; }
	.play-icon-green { width: 100px; height: 100px; background: url(../images/play-icon-green-medium.png); margin-top: -50px; margin-left: -50px; }
	.play-icon-white { width: 100px; height: 100px; background: url(../images/play-icon-white-medium.png); margin-top: -50px; margin-left: -50px; }

	#video-3 p, #video-4 p { padding: 0; }

	/* Banner */ 
	#banner-1 { padding-top: 100px; padding-bottom: 100px; }
	#banner-2 { padding-top: 80px; padding-bottom: 80px; }
	#banner-1 p, #banner-3 p { padding: 0; }
	#banner-2 p { padding: 0; }

	#banner-2 .banner-txt, #banner-4 .banner-txt { text-align: center; }
	#banner-2 .banner-img { display: none; }

	#banner-4 img.img-fluid { width: auto; padding: 0 10%; }

	/* Statistic */
	.statistic-number { font-size: 3rem; letter-spacing: -0.5px; }

	/* Testimonials */
	#reviews-3 {padding-top: 80px; padding-bottom: 80px; }

	.review-1 { padding: 30px 20px; }
	#reviews-1 .review-txt h5 { margin-bottom: 10px; }
	#reviews-1 .review-txt p { margin-bottom: 30px; } 

	#reviews-2 .review-txt p { font-size: 1.15rem; margin-bottom: 20px; }
	.owl-theme .owl-nav [class*='owl-'] { font-size: 15px;padding: 8px 14px; }

	#reviews-3 img { width: 90px; height: 90px; margin: 0 auto 15px; }
	#reviews-3 .review-txt p { font-size: 1.15rem; padding: 10px 0; }

	/* FAQs */
	.question { margin-bottom: 25px; }

	/* Clients */ 
	#clients-1, #clients-2 { padding-top: 40px; padding-bottom: 25px; }
	#clients-1 .col-lg-2 img { padding: 0 10px; } 
	.brand-logo { padding: 0 20px; }

	/* Blog */
	.blog-post-meta span { margin-right: 10px; }

	#blog-page { margin-top: 120px; margin-bottom: 40px; }
	#single-post-page {margin-top: 120px;margin-bottom: 50px; }

	.blog-page-pagination.m-top-80 { margin-top: 50px; }

	#sidebar-right { margin-top: 50px; }
	#search-field .btn { padding: 10px; }
	.badge { font-size: 0.65rem; margin-bottom: 6px; padding: 3px 8px; }
	a.share-ico { width: 60px; height: 25px; font-size: 14px; line-height: 25px !important; margin-right: 2px; }

	.single-post-comments hr { margin-top: 20px; margin-bottom: 20px; }
	.comment-form .form-control { height: 42px; font-size: 13px; margin-bottom: 15px; }
	.comment-form .btn { font-size: 1rem; }

	/* Newsletter */
	#newsletter-1, #newsletter-2 { padding-top: 80px; padding-bottom: 80px; }

	.newsletter-form .form-control, .input-group-btn { width: 100%; float: none!important; margin-bottom: 8px; }
	.input-group-btn, .newsletter-section .input-group .form-control, .newsletter-section .input-group { display: block; text-align: center; }	

	.newsletter-form .form-control { font-size: 1rem; padding: 0px 20px; height: 46px; } 
	.newsletter-form .btn { font-size: 1rem; height: 46px;  padding: 0 40px; } 

	#newsletter-1 .newsletter-form { margin-top: 20px; }
	#newsletter-2 p.m-bottom-30 {  padding: 0; margin-bottom: 20px; }

	/* Contacts */
	#contacts-3.wide-60 { padding-top: 80px; padding-bottom: 30px; }
	#contacts-2 .contact-info-holder { margin-top: 0; }
	#contacts-3 .form-holder { padding-left: 0; }

	#contacts-1 .form-holder { padding: 40px 30px 20px; }
	.contact-form .form-control { height: 40px; font-size: 13px; padding: 3px 15px; margin-bottom: 15px; }
	.contact-form .btn { margin-top: 0; }

	.contact-box.m-top-40 { margin-top: 25px; }
	.contact-box.m-top-25 { margin-top: 15px; }
	.contact-box.m-top-30 { margin-top: 25px; padding-bottom: 0; border-bottom: none; }
	.contact-box.m-top-15 { padding-bottom: 0; border-bottom: none; }

	.contact-box p { margin-left: 30px; }
	.contact-box span { font-size: 1.1rem; margin-left: 30px; }
	.contact-box i { width: 24px; height: 24px; font-size: 1.5rem; margin-top: 5px; }
	.contact-box.contact-email i { font-size: 1.25rem; }

	#gmap { height: 300px; }

	/* Footer */
	img.foo-logo { width: 91px; height: 26px; }
	#footer-4 .footer-info, #footer-4 .footer-info p { margin-bottom: 0; }
	#footer-4 .middle-footer .footer-copyright { text-align: left!important; }

	.footer p, .footer-links li a { font-size: 1rem; }
	.payment-systems li i { font-size: 24px; line-height: 24px; }

	.footer .newsletter-form .form-control { height: 40px; font-size: 0.95rem; padding: 0px 15px; }
	.footer .newsletter-form .btn {  font-size: 1rem; height: 40px; padding: 0 25px; }

	#footer-1 .footer-copyright, #footer-2 .footer-copyright, #footer-3 .footer-copyright, 
	#footer-4 .footer-logo { margin-bottom: 0; }
	#footer-4 .footer-links { margin-top: 10px; margin-bottom: 10px; }
	#footer-4 .footer-links li { padding: 0; margin-right: 10px; }
	#footer-1 .footer-socials, #footer-2 .footer-socials, #footer-3 .payment-systems  { padding-top: 15px; text-align: left!important; }
	#footer-4 .footer-socials, #footer-4 .footer-links { text-align: left!important; }

}