/*******************************************
Theme Name: ExciteMedia Theme
Theme URI: http://www.excitemedia.com.au
Description: Custom Wordpress theme created by ExciteMedia
Author: ExciteMedia
Author URI: http://www.excitemedia.com.au
Version: 1.2.1
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support

License: ExciteMedia
License URI: http://www.excitemedia.com.au
********************************************/

/******************************************
GENERAL STYLES
******************************************/
/* Font Faces - BEGIN */
/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i'); */
@import 'library/css/fonts.css';
/* Font Faces - END */

html {
	font-size: 100% !important;
}
body, p, td, ul, li {
	color: #2A2A2A;
	font-family: 'ProximaNova', sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.45em;
}
h1, h2, h3, h4, h5, h6 {
	color: #2A2A2A;
	font-family: 'ProximaNova', sans-serif;
	font-weight: 700;
	line-height: 1.2em;
	margin: 0 0 24px;
	padding: 0;
	text-rendering: optimizelegibility;
}
h1 {
	/* font-size: 36px; */
	font-size: 2.25rem;
	margin: 0 0 20px;
}
h2 {
	/* font-size: 30px; */
	font-size: 1.875rem;
}
h3 {
	/* font-size: 28px; */
	font-size: 1.75rem;
}
h4 {
	/* font-size: 24px; */
	font-size: 1.5rem;
}
h5 {
	/* font-size: 22px; */
	font-size: 1.375rem;
}
h6 {
	/* font-size: 20px; */
	font-size: 1.25rem;
	font-weight: 600;
}
a {
	color: #76bd1d;
	outline: none;
	text-decoration: none;
}
a, a:before, a:after {
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
a:hover {
	color: #76bd1d;
	text-decoration: underline;
}
a, a:link, a:hover, a:active, a:focus, a:visited:link {
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
img {
	border: 0;
	max-width: 100%;
	position: relative;
	width: auto\9;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
img:not(.ls-bg) {
	height: auto !important;
}
img:before {
	background-color: #efefef;
	border: 2px dotted rgb(200, 200, 200);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	height: 100px;
	width: 100%;
}
img:after {
	color: rgb(100, 100, 100);
	content: "\f127" " Broken Image of " attr(alt);
	display: block;
	font-size: 16px;
	font-style: normal;
	font-family: FontAwesome;
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
img.cke_wordpress_more {
	height: 10px !important;
}
p {
	margin: 0 0 24px;
	padding: 0;
}
p:last-child{
	margin-bottom: 0;
}
table {
	margin: 24px 0;
}
hr {
	background-color: transparent;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #ccc;
	color: transparent;
	height: 1px;
	margin: 24px 0;
}
hr.hr-styled {
	width: 62px;
	height: 5px;
	border-top: 5px solid #76bd1d;
	margin: 47px 0 37px;
}
::-webkit-input-placeholder { opacity: 1; }
::-moz-placeholder { opacity: 1; } /* firefox 19+ */
:-ms-input-placeholder { opacity: 1; filter:alpha(opacity=100); } /* ie */
input:-moz-placeholder { opacity: 1; }
iframe {
	max-width: 100%;
}
div.ezcol-one-quarter, div.ezcol-one-half, div.ezcol-three-quarter, div.ezcol-one-third, div.ezcol-two-third, div.ezcol-one-fifth, div.ezcol-two-fifth, div.ezcol-three-fifth, div.ezcol-four-fifth {
	hyphens: none;
}
#post-not-found {
	padding-top: 30px;
	text-align: center;
}
.em-googlemap,
.acf-map {
	position:relative;
}
.overlay {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.twenty20 {
	max-width: 100%;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-justify{
	text-align: justify;
}
.text-white *{
	color: #fff;
}

ul.list-none{
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}
ul.list-none:before,
ul.list-none:after{
	content: "";
	display: table;
	line-height: 0;
}
ul.list-none:after{
	clear: both;
}
.hidden {
	opacity: 0;
}
.visible {
	opacity: 1;
}
.sfm-rollback {
	display: none;
}
.bg-cover{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.extra-content,
.mainbody {
	padding: 80px 0;
}

/******************************************
GLOBAL LAYOUT STYLES
******************************************/
body.home{
	/* background: url(library/images/bg-homebody-lg.jpg) repeat-x center top; */
	padding: 0;
	height: auto;
}

/* Header */
.main-header {
	padding: 32px 0;
	background-color: #90be58;
}
.main-header .container{
	max-width: 1330px;
	width: 100%;
	margin: 0 auto;
}
.logo img{
	max-width: 310px;
}
.header-nav{
	padding-top: 16px;
}
.language-switcher {
	padding-top: 15px;
	text-align: center;
}
.language-switcher .container {
	padding-left: 0;
	padding-right: 0;
}
.screen-reader-text {
	display: none;
}
.language-switcher select {
	height: 40px;
}
.main-nav{
	float: right;
}
.main-header, .logo, .logo img, .top-menu,
.header-right,
.header-right > ul > li,
.header-right > ul > li > a,
.header-right > ul > li > span {
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Footer */
.main-footer-inner{
	background-color: #90be58;
	padding: 115px 0;
}
.main-footer h3{
	line-height: 2.5rem;
}
.main-footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.social-media{
	padding-top: 30px;
}
ul.social-media li{
	float: left;
	margin-right: 15px;
}
ul.social-media i.fa{
	font-size: 1.375rem;
}
ul.social-media a:hover i.fa-youtube-square{
	color: #ef6364;
}
ul.social-media a:hover i.fa-facebook{
	color: #517ebc;
}
ul.social-media a:hover i.fa-twitter{
	color: #68cdef;
}
ul.social-media a:hover i.fa-linkedin{
	color: #007bb6;
}
.footer-col-2 div.gform_wrapper {
	padding-left: 50px;
}
.footer-col-2 div.gform_wrapper ul.gform_fields li.gfield.gf_left_half,
.footer-col-2 div.gform_wrapper ul.gform_fields li.gfield.gf_right_half{
	padding-right: 0;
	padding-left: 20px;
}
.footer-col-2 div.gform_wrapper ul.gform_fields li.gfield textarea{
	margin-left: 20px;
	width: 97.5%;
	padding-top: 16px;
}
.footer-col-2 div.gform_wrapper .gform_footer input{
	margin-right: 0;
}
.gform_confirmation_message_1 p,
.gform_confirmation_message_1{
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
}
.copyright{
	background-color: #7caa44;
	padding: 19px 0 18px;
}
.copyright p{
	font-size: 0.875rem;
	line-height: 1.4em;
	color: #fff;
	margin: 0;
}
.copyright a{
	color: #fff;
}

/*** Enter your style for global layout here ***/


/******************************************
HOMEPAGE STYLES
******************************************/
/* Home Banner */
.home-banner:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: -89px;
	background: url(library/images/hb-iphone-2.png) no-repeat;
	width: 694px;
	height: 547px;
}
.home-banner{
	background-color: #90be58;
	padding: 88px 0 213px;
	position: relative;
}
.home-banner p:last-child{
	padding-top: 10px;
}

/* Home Mainbody */
body.home .mainbody{
	padding: 100px 0 60px;
}

/* Home Gallery */
.gallery-wrapper{
	padding-top: 20px !important;
}
.gallery-row > div{
	padding-bottom: 30px;
}
.gallery-row p{
	margin: 0;
}

/* Home Extra Contents */
.what-is-scapa{
	margin-bottom: 35px;
}
.what-is-scapa .container,
.help-coffee-industry .container{
	max-width: 1440px;
	width: 100%;
	padding: 0;
}
.what-is-scapa .column-01{
	padding-left: 0;
}
.help-coffee-industry .column-02{
	padding-right: 0;
}
.what-is-scapa .column-02 > div{
	max-width: 555px;
	padding-left: 25px;
}
.help-coffee-industry .column-01 > div{
	max-width: 540px;
	float: right;
	margin-right: 30px;
}
.need-the-app{
	background-color: #90be58;
	padding: 110px 0;
}
.need-the-app .column-03 p,
.need-the-app .column-01 p{
	margin-bottom: 50px;
	font-size: 1.25rem;
	font-weight: 500;
}
.need-the-app .column-02 img{
	margin-top: 53px;
}
.need-the-app .column-02 p:last-child{
	padding-top: 15px;
}

/* Scapa App Slider */
.scapa-slider-section{
	background: #fff url(library/images/bg-scapa-slider.jpg) repeat-x center bottom;
	padding-top: 60px;
}
.scapa-slider-wrapper{
	padding-left: 70px;
	position: relative;
}
.scapa-slider{
	background: url(library/images/holding-phone.png) no-repeat 0 0;
	height: 650px;
	padding-top: 84px;
    padding-left: 72px;
}
.slider-text{
	position: absolute;
	top: 38%;
	left: 403px;
	z-index: 99999;
}
.slider-text h5{
	margin-bottom: 7px;
}
.scapa-slider-nav{
	position: absolute;
	top: 50%;
	left: 545px;
	z-index: 99999;
}
html[lang="vi"] .scapa-slider-nav{
	top: 65%;
}
.scapa-slider-nav a{
	display: inline-block;
}
.scapa-slider-nav a.flex-prev{
	margin-right: 16px;
}
.scapa-slider-nav img{
	max-width: 30px;
}

/* Home CTA Bar */
.home-cta-bar h2{
	margin-bottom: 16px;
}

/* FAQ */
.home-faq h2{
	padding-bottom: 24px;
}

/* Our Team */
#our-team{
	padding: 100px 0;
}
.row-team-01 .team-content-wrapper{
	padding: 30px 40px;
}
.team-content-wrapper{
	background-color: #fff;
	padding: 30px;
}
.row-team-02 .team-content-wrapper h5{
	padding-top: 10px;
}
.team-content-wrapper h5{
	margin: 20px 0 5px;
}
.team-content-wrapper h6{
	font-size: 1.125rem;
	font-weight: 400;
	color: #76BD1D;
	margin-bottom: 18px;
}
.row-team-01{
	text-align: center;
	margin: 110px 0;
}
.row-team-01 .team-photo img{
	max-width: 126px;
}
.row-team-01 .team-photo{
	margin-top: -100px;
}
.team-photo{
	margin-top: -90px;
}
.team-photo img{
	max-width: 106px;
}
.read-more-hide,
.read-more-show{
	display: block;
	color: #522B1C;
	font-weight: 700;
	padding: 3px 20px 3px 0;
	margin-top: 10px;
	background-position: right center;
	background-repeat: no-repeat;
	max-width: 116px;
}
.read-more-show{
	background-image: url(library/images/icons/icon-arrow-down.png);
}
.read-more-hide{
	background-image: url(library/images/icons/icon-arrow-top-1.png);
}

/* Home Testimonial */
.home-testimonial{
	text-align: center;
	padding: 150px 0;
}
.home-testimonial h2{}
.home-testimonial h6{
	color: #76bd1d;
	margin: 40px 0 3px;
}
.home-testimonial p{
	margin-bottom: 30px;
}
.home-testimonial p:last-child{
	font-size: 1rem;
	margin-bottom: 0;
}
.home-testimonial .extra-content-col-inner{
	padding: 0 50px;
}

/* Logos Partner */
.partner-logos h5{
	margin-bottom: 3px;
}
.partner-logos ul{
	margin: 0;
}
.partner-logos ul > li{
	display: inline-block;
	margin: 10px 37px;
}
.partner-logos ul > li:first-child{
	margin-left: 0;
}
.partner-logos ul > li:last-child{
	margin-right: 0;
}

/*** Homepage - Enter any style for elements on homepage here ***/



/******************************************
INNERPAGES STYLES
******************************************/
/* Inner Banner */


/*** Internal Pages - Enter any style for elements on internal pages here ***/



/******************************************
SIDEBAR
******************************************/
body.sidebar .mainbody-inner {
    padding-right: 250px;
    position: relative;
}
body.sidebar .main-content {
    float: left;
    position: relative;
    width: 100%;
}
body.sidebar .main-content #content{
	padding-right: 7%;
}
.main-sidebar {
    float: left;
	margin-top: 8px;
    margin-right: -100%;
    width: 250px;
}
.main-sidebar .widget{
	border-top: 1px solid #dedede;
	margin-bottom: 40px;
    padding-top: 40px;
}
.main-sidebar .widget:first-child{
	border-top: 0;
	padding-top: 0;
}
.main-sidebar .widget h3{
	margin: 0 0 20px;
}
.main-sidebar ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-sidebar ul.menu > li {
	margin-bottom: 13px;
}
.main-sidebar ul.menu > li > a {
	background: #b8b8b8;
	color: #fff;
	display: block;
	font-size: 1rem;
	font-weight: normal;
	letter-spacing: 0.006em;
	padding: 22px 15px 21px 20px;
	position: relative;
	text-decoration: none;
}
.main-sidebar ul.menu > li.current-menu-item > a, .main-sidebar ul.menu > li > a:hover {
	background: #152e54;
}


/******************************************
NAVIGATION
******************************************/
nav.main-nav ul.nav {
	*zoom: 1;
}
nav.main-nav ul.nav:before,
nav.main-nav ul.nav:after {
	content: "";
	display: table;
	line-height: 0;
}
nav.main-nav ul.nav:after {
	clear: both;
}
nav.main-nav ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav.main-nav ul.nav > li {
	float: left;
	position: relative;
}
nav.main-nav ul.nav > li > a {
	color: #fff;
	display: block;
	font: 400 1rem/40px 'ProximaNova', sans-serif;
	padding: 0 12px;
	position: relative;
	text-decoration: none;
	z-index: 1;
}
nav.main-nav ul.nav > li:last-child > a {
	padding-right: 0;
}
nav.main-nav ul.nav > li.menu-item-has-children > a:after {
	content: "\f107";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 20px;
	margin-left: 7px;
	margin-top: -2px;
	-webkit-transition: transform 0.25s ease;
	-moz-transition: transform 0.25s ease;
	-ms-transition: transform 0.25s ease;
	-o-transition: transform 0.25s ease;
	transition: transform 0.25s ease;
	vertical-align: middle;
}
nav.main-nav ul.nav > li.menu-item-has-children.menu-item-opened > a:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	filter: FlipV;
}
nav.main-nav ul.nav > li.current-menu-item > a,
nav.main-nav ul.nav > li.current-parent-item > a,
nav.main-nav ul.nav > li.current-menu-ancestor > a,
nav.main-nav ul.nav > li:hover > a,
nav.main-nav ul.nav > li.hover > a {
	color: #007ADF;;
}
nav.main-nav ul.nav > li.current-menu-item > a,
nav.main-nav ul.nav > li.current-parent-item > a,
nav.main-nav ul.nav > li.current-menu-ancestor > a {
	font-weight: normal;
}
nav.main-nav ul.nav li ul {
	background: #1B4D60;
	left: 100%;
	-moz-opacity: 0.00;
	-khtml-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter:alpha(opacity=0);
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
	visibility: hidden;
	width: 250px;
}
nav.main-nav ul.nav li:hover > ul,
nav.main-nav ul.nav li.hover > ul {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: alpha(opacity=100);
	visibility: visible;
}
nav.main-nav ul.nav > li > ul {
	left: 30px;
	top: 100%;
}
nav.main-nav ul.nav li ul li {
	border-top: 1px solid #fff;
	position: relative;
}
nav.main-nav ul.nav li ul li:first-child {
	border-top: none;
}
nav.main-nav ul.nav li ul li a {
	color: #fff;
	display: block;
	font: normal 1.0625rem/1.3em 'Roboto Condensed', sans-serif;
	padding: 8px 14px;
	text-decoration: none;
}
nav.main-nav ul.nav li ul li a:hover {
	background: #2D56A6;
}
nav.main-nav ul.nav li ul li.current-menu-item > a,
nav.main-nav ul.nav li ul li.current-parent-item > a,
nav.main-nav ul.nav li ul li.current-menu-ancestor > a {
	background: #166988;
}

/******************************************
BLOG
******************************************/
.img-zoom {
    width: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;

	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}
.img-zoom:hover {
    -webkit-transform: scale(1.075);
    -moz-transform: scale(1.075);
    -o-transform: scale(1.075);
    transform: scale(1.075);

	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}
.blog-description {
	background: #f4f4f4;
	margin: 0 0 43px;
	padding: 25px 30px;
}
.blog-description p {
	margin: 0;
}
.post-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.postlist .post {
	border-top: 1px solid #e5e5e5;
	margin-top: 35px;
	padding-top: 35px;
}
.postlist .post-list .post:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.post-list-date {
	font-size: 0.875rem;
	margin-bottom: 14px;
}
.post-list-date a {
	text-decoration: underline;
}
h2.entry-title {
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.post-list-thumbnail {
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
}
.post-list-thumbnail a.em-button {
	position: absolute;
	bottom: 0;
	right: 0;
}
.post-list-content p {
	margin-top: 0;
}
.post-list-content a.excerpt-read-more {
	display: none;
}
.post-tags:before {
	content: "\f02c";
	font-family: FontAwesome;
	left: 0;
	position: absolute;
	top: 1px;
}
.post-tags {
	font-size: 0.875rem;
	margin: 15px 0 0;
	padding: 0 0 0 30px;
	position: relative;
}
h1.single-title {
	font-size: 1.8125rem;
	font-weight: normal;
}
.post-image {
	margin: 15px 0;
}

/******************************************
SUPERFLY MENU
******************************************/
.sfm-rollback {
	display: none;
}
body.sfm-pos-right .sfm-label-none .sfm-navicon-button {
	left: -84px;
}
div.sfm-label-metro .sfm-navicon-button {
	background: #522b1c;
	right: 15px;
}
div.sfm-rollback .sfm-navicon:after,
div.sfm-label-none .sfm-navicon:after,
div.sfm-rollback .sfm-navicon:before,
div.sfm-label-none .sfm-navicon:before,
div.sfm-rollback .sfm-navicon, .sfm-label-text .sfm-navicon,
div.sfm-label-none .sfm-navicon, .sfm-label-text .sfm-navicon {
    width: 31px;
}
div.sfm-navicon-button:hover .sfm-navicon {
    width: 28px !important;
}
div.sfm-rollback .sfm-navicon:before,
div.sfm-label-none .sfm-navicon:before {
    top: 9px;
}
div.sfm-rollback .sfm-navicon:after,
div.sfm-label-none .sfm-navicon:after {
    top: -9px;
}
div.sfm-label-metro .sfm-navicon, div#sfm-mob-navbar .sfm-navicon, div.sfm-label-metro .sfm-navicon:after, div#sfm-mob-navbar .sfm-navicon:after, div.sfm-label-metro .sfm-navicon:before, div#sfm-mob-navbar .sfm-navicon:before {
	background: #cdcfd2;
}
div#sfm-sidebar .sfm-menu li:after {
	background: #fff;
}
div#sfm-sidebar .sfm-menu li > a:before {
	/* background: #68B9BC; */
}
#sfm-sidebar .sfm-menu li > a span {
	text-transform: none;
}
.sfm-navicon:after, .sfm-navicon:before, .sfm-sidebar-close:before, .sfm-sidebar-close:after {
	width: 28px;
}
.sfm-navicon {
	width: 28px;
}
.sfm-navicon-button {
	/* padding: 20px 8px; */
}

/******************************************
RESPONSIVE STYLES
******************************************/
@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}

@media (max-width: 1400px) {

	/* General Styles */
	.accordion {
		margin-top: 0;
	}
	h3.accordion-title {
		margin-top: 30px;
		padding: 22px 60px 21px 30px;
	}
	.mainbody,
	.extra-content{
		padding: 60px 0;
	}

	/* Home Body */

	/*** Enter your custom style here ***/
}

@media (max-width: 1199px) {
	html{
		font-size: 95% !important;
	}
	body, p, td, ul, li {
		font-size: 1rem;
		line-height: 1.33em;
	}
	h1 {
		font-size: 2rem;
	}
	h1, h2, h3, h4, h5, h6, p{
		margin-bottom: 20px;
	}
	table, hr {
		margin: 20px 0;
	}
	hr.hr-styled{
		margin: 30px 0 22px;
		border-width: 4px;
		width: 50px;
	}

	/* General Styles */
	.testimonial-box:after {
		left: 24px;
	}
	.testimonial-box {
		font-size: 1.25rem;
		padding: 50px 30px 10px 40px;
	}
	.free-quote-bar,
	.free-quote-bar p {
		text-align: center;
	}
	.mainbody,
	.extra-content{
		padding: 50px 0;
	}

	/* SIDEBAR */
	body.sidebar .mainbody-inner {
		padding-right: 225px;
	}
	.main-sidebar {
		width: 225px;
	}

	/* Home Banner */
	.home-banner{
		padding: 75px 0 180px;
	}
	.home-banner:after{
		bottom: -70px;
		width: 550px;
			height: 434px;
		-webkit-background-size: 550px auto;
		-moz-background-size: 550px auto;
		-o-background-size: 550px auto;
		background-size: 550px auto;
	}

	/* Home Mainbody */
	body.home .mainbody {
		padding: 75px 0 35px;
	}

	/* Home Extra Contents */
	.need-the-app .column-02 img {
		margin-top: 0px;
	}
	.help-coffee-industry .row,
	.what-is-scapa .row{
		margin: 0;
	}
	.what-is-scapa .column-01,
	.what-is-scapa > div > div > div{
		padding-left: 0;
	}
	.what-is-scapa .column-02 > div {
		padding-left: 10px;
	}
	.help-coffee-industry .column-01 > div{
		margin-right: 0;
	}
	.help-coffee-industry .column-02,
	.help-coffee-industry > div > div > div{
		padding-right: 0;
	}

	/* Scapa App Slider */
	.scapa-slider-wrapper {
		padding-left: 15px;
	}
	.slider-text{
		top: 39.75%;
		left: 388px;
	}
	.scapa-slider-nav{
		left: 475px;
		top: 49%;
	}

	/* Team */
	#our-team {
		padding: 60px 0;
	}
	
	/* Logos Partner */
	.partner-logos ul > li{
		margin: 10px 15px;
	}

	/* Footer */
	.main-footer-inner{
		padding: 75px 0;
	}

	/*** Enter your custom style here ***/
}

@media (max-width: 991px) {
	html{
		font-size: 92.5% !important;
	}
	h1 {
		font-size: 1.875rem;
	}
	h2 {
		font-size: 1.75rem;
	}
	h3 {
		font-size: 1.5rem;
	}
	h4 {
		font-size: 1.375rem;
	}
	h5 {
		font-size: 1.25rem;
	}
	h6 {
		font-size: 1.125rem;
	}

	.sfm-rollback {
		display: block;
		width: 0;
	}

	.post-list-thumbnail {
		margin-right: 15px;
	}
	.table-style-1 td, .table-style-1 th {
		padding-left: 10px;
	}
	.flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev {
		left: 0;
	}
	.flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next {
		right: 0;
	}
	.extra-content-col {
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.column-vertical-align .row,
	.column-vertical-align.row,
	.column-equal-height .row,
	.column-equal-height.row {
		display: block;
	}

	/* Testimonials */
	.woothemes-testimonials-layout-03 .testimonial-avatar {
		width: 200px;
	}
	.woothemes-testimonials-layout-03 .testimonial-avatar img {
		width: 150px;
	}

	/* General Styles */
	.extra-content,
	.free-quote-bar,
	.free-quote-cta-panel.free-quote-bar {
		padding: 30px 0;
	}
	.border-bottom .container {
		padding-bottom: 30px;
	}
	.border-top .container {
		padding-top: 30px;
	}
	.background-only-panel {
		height: 250px !important;
	}
	.free-quote-bar {
		text-align: center;
	}
	.free-quote-bar h2 {
		margin-top: 0;
	}
	.free-quote-bar .col-md-4 {
		margin-top: 30px;
	}
	.free-quote-bar p {
		text-align: center;
	}
	.staff-panel {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.staff-panel-first {
		padding-top: 30px;
	}
	.staff-panel .extra-content-col {
		padding-bottom: 5px;
		padding-top: 5px;
	}
	.staff-panel .column-01 p {
		margin: 0;
	}
	.testimonial-box:after {
		top: 12px;
	}
	.accordion {
		margin-top: 10px;
	}
	h3.accordion-title {
		margin-top: 24px;
	}
	.accordion-content {
		padding: 15px 30px;
	}
	.contact-form .column-02, .get-a-quote-row-01 .column-02 {
		max-width: none;
	}

	.mainbody,
	.extra-content{
		padding: 40px 0;
	}

	/* SIDEBAR */
	body.sidebar .mainbody-inner {
		padding-right: 200px;
	}
	.main-sidebar {
		width: 200px;
	}
	
	hr.hr-styled {
		margin: 24px 0 18px;
	}

	/* Header */
	.header-nav{
		display: none;
	}

	/* Home Banner */
	.home-banner{
		padding: 40px 0 100px;
	}
	.home-banner:after{
		bottom: -55px;
		width: 430px;
		height: 339px;
		-webkit-background-size: 430px auto;
		-moz-background-size: 430px auto;
		-o-background-size: 430px auto;
		background-size: 430px auto;
	}

	/* Home Mainbody */
	body.home .mainbody {
		padding: 50px 0 20px;
	}
	img.wp-image-33{
		margin-top: 40px;
	}

	/* Home Extra Contents */
	.gallery-wrapper .container{
		max-width: 590px;
	}
	.what-is-scapa {
		margin-bottom: 10px;
	}
	.need-the-app.column-vertical-align .row,
	.need-the-app.column-vertical-align.row {
		display: flex;
	}
	.need-the-app .column-02 img {
		margin-top: 10px;
	}
	.need-the-app a.em-button{
		padding: 0 24px;
	}
	.need-the-app a.em-button span{
		padding-left: 48px;
	}

	/* Team */
	#our-team {
		padding: 50px 0;
	}
	.row-team-01 {
		margin: 100px 0;
	}
	
	/* Logos Partner */
	.partner-logos h5 {
		margin-bottom: 8px;
	}
	.partner-logos ul > li{
		margin: 7px 20px;
	}

	/* Footer */
	.main-footer-inner{
		padding: 60px 0;
	}
	.footer-col-2 div.gform_wrapper {
		padding-left: 0;
	}

	/*** Enter your custom style here ***/
}

@media (min-width: 768px) {
	/* Responsive Column */
	div.ezcol-one-quarter {width: 23.17375% !important;}
	div.ezcol-one-half {width: 48.7825% !important;}
	div.ezcol-one-third {width: 31.71% !important;}
	div.ezcol-one-fifth {width: 18.052% !important;}
	div.ezcol-two-third {width: 65.855% !important;}
	div.ezcol-three-quarter {width: 74.39125% !important;}
	div.ezcol-two-fifth {width: 38.539% !important;}
	div.ezcol-three-fifth {width: 59.026% !important;}
	div.ezcol-four-fifth {width: 79.513% !important;}
	div.ezcol {margin-right: 2.435%;}
	div.ezcol-last {margin-right: 0;}

	.show-767{display: none;}
	.hide-767{display: block;}
}

@media (max-width: 767px) {

	.show-767{display: block;}
	.hide-767{display: none;}

	.post-list-thumbnail {
		float: none;
		margin: 0 0 10px;
	}
	.postlist > article.post {
		margin-top: 25px;
		padding-top: 25px;
	}

	.cd-top {
		bottom: 10px;
		right: 10px;
	}

	/* Testimonials */
	.contact-form .testimonials-list {
		margin-top: 0;
	}
	.testimonials-list {
		margin-top: -15px;
	}
	.testimonials-list .quote {
		margin: 15px 0;
		text-align: center;
	}
	.testimonials-list blockquote {
		-webkit-background-size: 100px auto;
		-moz-background-size: 100px auto;
		-o-background-size: 100px auto;
		background-size: 100px auto;
		background-position: center top;
		padding-top: 20px;
	}
	.woothemes-testimonials-layout-01 .testimonials-list .quote,
	.woothemes-testimonials-layout-03 .testimonial-content {
		max-width: none;
	}
	.woothemes-testimonials-layout-01 .testimonials-list .quote {
		width: 100%;
	}
	.woothemes-testimonials-layout-03 .testimonials-list .quote {
		display: block;
	}
	.woothemes-testimonials-layout-03 .testimonial-avatar {
		margin-bottom: 20px;
		text-align: center;
		width: auto;
	}
	.woothemes-testimonials-layout-03 .testimonial-avatar img {
		width: 80px;
	}

	/* Content Panels */
	.column-equal-height .row, .column-equal-height.row {
		display: block;
	}
	.align-left-xs {
		background-position: left center;
	}
	.background-only-panel {
		height: 200px !important;
	}

	/* General Styles */
	.logos-panel {
		text-align: center;
	}
	.logos-panel ul {
		display: block;
	}
	.logos-panel ul li:before {
		display: none;
	}
	.logos-panel ul li {
		float: none;
		padding: 12px 0;
		width: auto;
	}
	.extra-content .testimonials-list blockquote p {
		max-width: none;
	}
	.woothemes-testimonials-layout-04 .testimonials-list blockquote:before {
		left: 50%;
		margin-left: -34px;
		top: 0;
	}
	.woothemes-testimonials-layout-04 .testimonials-list blockquote {
		padding-left: 0;
		padding-top: 100px;
	}
	.woothemes-testimonials-layout-04 .testimonials-list .author {
		padding-left: 0;
	}
	.accordion {
		margin-top: 15px;
	}
	h3.accordion-title {
		margin-top: 20px;
		padding: 19px 35px 18px 15px;
	}
	h3.accordion-title:before {
		right: 15px;
	}
	.accordion-content {
		padding: 10px 20px;
	}


	/* Responsive Column */
	div.ezcol {
		width: 100% !important;
		margin: 0 0 20px;
	}
	div.ezcol-last {
		margin-bottom: 0;
	}

	/* Sidebar */
	body.sidebar .mainbody-inner {
		padding-right: 0;
	}
	body.sidebar .main-content #content{
		padding-right: 0;
	}
	.main-sidebar {
		width: 100%;
		margin: 30px 0 0;
		padding-top: 30px;
		border-top: 2px solid #f3f0f0 ;
	}
	.main-sidebar .widget{
		margin-bottom: 20px;
	}
	
	hr.hr-styled {
		margin: 24px auto 18px;
	}


	/* Home Banner */
	.home-banner{
		padding: 15px 0 320px;
		text-align: center;
	}
	.home-banner h1{
		font-size: 34px;
	}
	.home-banner p{
		font-size: 18px;
	}

	/* Home Mainbody */
	body.home .mainbody {
		text-align: center;
	}

	/* Home Extra Contents */
	.gallery-wrapper .container {
		max-width: 300px;
	}
	.home-cta-bar,
	.help-coffee-industry,
	.what-is-scapa{
		text-align: center;
	}
	.help-coffee-industry hr.hr-styled,
	.what-is-scapa hr.hr-styled{
		margin-left: auto;
		margin-right: auto;
	}
	.what-is-scapa .column-01,
	.what-is-scapa > div > div > div{
		padding-right: 0;
	}
	.help-coffee-industry > div > div > div{
		padding-left: 0;
	}
	.help-coffee-industry .column-01 > div,
	.what-is-scapa .column-02 > div{
		padding-left: 20px;
		padding-right: 20px;
		max-width: 480px;
		margin: 0 auto;
		float: none;
	}
	.help-coffee-industry .column-01 > div {
		margin-bottom: 40px;
	}
	.what-is-scapa .column-01 img{
		width: 100%;
	}
	.need-the-app .column-01,
	.need-the-app .column-03{
		display: none;
	}
	.need-the-app .column-02 img {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.need-the-app .list-check-circle li{
		background-position: 0 10px;
		font-size: 18px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#how-it-works h2 br,
	#how-it-works p br{
		display: none;
	}

	/* Scapa App Slider */
	.scapa-slider-wrapper {
		background: url(library/images/border-line.jpg) no-repeat center top;
		padding: 190px 0 0;
	}
	.scapa-slider{
		max-width: 460px;
		width: 100%;
		margin: 0 auto;
		padding-right: 72px;
	}
	.slider-text{
		top: -233px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.scapa-slider-nav {
		width: auto;
		left: 50%;
		top: 130px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	html[lang="vi"] .scapa-slider-nav {
		top: 175px;
	}

	/* Home CTA Bar */
	.home-cta-bar .column-01{
		padding-bottom: 10px;
	}

	/* Team */
	#our-team {
		padding: 40px 0;
	}
	.row-team-02 .team-content-wrapper{
		margin-bottom: 90px;
		text-align: center;
		min-height: 1px !important;
	}
	.row-team-02 > div:last-child .team-content-wrapper{
		margin-bottom: 0;
	}
	.read-more-hide, .read-more-show{
		margin-left: auto;
		margin-right: auto;
		max-width: 105px;
	}
	
	/* Logos Partner */
	.partner-logos{
		text-align: center;
	}
	.partner-logos h5{
		font-size: 22px;
	}
	.partner-logos ul {
		margin: 24px auto 0;
		max-width: 480px;
	}
	.partner-logos ul > li{
		margin: 12px 15px !important;
	}

	/* Footer */
	.main-footer{
		text-align: center;
	}
	.footer-col-2 div.gform_wrapper .gform_footer,
	.footer-col-2 div.gform_wrapper ul.gform_fields li.gfield{
		padding: 0 20px !important;
	}
	.footer-col-2 div.gform_wrapper ul.gform_fields li.gfield textarea {
		margin-left: 0;
		width: 100%;
	}
	ul.social-media li {
		float: none;
		display: inline-block;
	}

	/*** Enter your custom style here ***/
}

@media (max-width: 480px) {
	.g-recaptcha {
		-moz-transform: scale(0.925);
		-webkit-transform: scale(0.925);
		transform: scale(0.925);
		transform-origin: left center 0;
	}
	#fancybox-content .g-recaptcha {
		-moz-transform: scale(0.725);
		-webkit-transform: scale(0.725);
		transform: scale(0.725);
		transform-origin: left center 0;
	}

	/* General Styles */
	.list-check-square li {
		margin: 10px 0;
	}
	.free-quote-bar h2 {
		font-size: 1.5rem;
	}
	.free-quote-info .div-1 ul li {
		background-position: left top;
		background-repeat: no-repeat;
		-webkit-background-size: 24px auto;
		-moz-background-size: 24px auto;
		-o-background-size: 24px auto;
		background-size: 24px auto;
		margin: 13px 0;
		padding: 3px 0 3px 40px;
	}

	/* Header */
	.main-header.sticky .logo img{
		max-width: 220px;
	}
	.sfm-rollback.sticky .sfm-navicon-button {
		top: 15px;
	}

	/* Home Banner */
	.home-banner h1 > br,
	.home-banner p > br{
		display: none;
	}


	/* Home CTA Bar */
	.home-cta-bar{
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
	}

	/*** Enter your custom style here ***/
}
@media (max-width: 400px) {
	.logo img{
		max-width: 230px;
	}
	.scapa-slider{
		background-position: -20px 0;
		padding-left: 50px;
		padding-right: 50px;
	}
}