/**
 * 1.0 LARGE DEVICES (large desktops, 1200px and up)
 * -----------------------------------------------------------------------------
 */
@media (min-width: 1441px) {
	/* MAIN FOOTER SECTION */
	#main-footer {
		padding-top: 65px;
		padding-bottom: 65px;
	}
}

@media (max-width: 1440px) {
	/* WHAT WE DO SECTION */
	#what-we-do:before {
		left: -4em;
	}

	#what-we-do:after {
		right: -4em;
	}
}

@media (max-width: 1383px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1208px) {

}


/**
 * 2.0 MEDIUM DEVICES (desktops, 992px and up)
 * -----------------------------------------------------------------------------
 */
@media (max-width: 1199px) {

}

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


}


/**
 * 3.0 SMALL DEVICES (tablets, 768px and up)
 * -----------------------------------------------------------------------------
 */
@media (max-width: 1024px) {

}

@media (max-width: 991px) {
	.quote:nth-child(2) blockquote {

	}

	#quotes h3,
	#top-content .text-heading {
		font-size: 24px;
	}

	.privacy-text{
		text-align: left;
	}
}

@media (max-width: 979px) {
	/* COMPONENTS */
	.attention-box h5 {
		font-size: 14px;
	}

	.attention-box p {
		margin: 0 8px;
		font-size: 13px;
	}

	/* HEADER & HERO SECTION */
	.hero-form-layout .hero-content {
		padding-top: 0;
		margin-top: -27px;
	}

	.register-form .hero-input {
		margin-bottom: 10px;
	}

	.register-form .submit-btn {
		margin-top: 20px;
	}

}

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

}

@media (min-width: 768px) and (max-width: 979px) {
	/* HEADER & HERO SECTION */
	header {
		padding: 23px 0;
	}

}

@media (max-width: 767px) {


	.quote blockquote {
		border-color: #f0f0f0;
		padding-left: 0;
		border: none;
	}

	.quote:first-child blockquote {
		padding: 0;
	}

	.quote:nth-child(2) blockquote {
		border-top: 5px solid #fff;
		padding-top: 20px;
	}


	/* FOOTER WIDGET */
	.footer-widget-wrapper .container {
		max-width: 420px;
	}

}



/**
 * 4.0 EXTRA SMALL DEVICES (mobile phone, 320px and up)
 * -----------------------------------------------------------------------------
 */
@media (max-width: 640px), (max-height: 600px) {
	#hero {
		padding: 76px 0;
		height: auto;
	}

	#hero .color-overlay {
		margin-top: -76px;
		margin-bottom: -76px;
		padding: 76px 0;
	}
}

@media (max-width: 738px) {
	/* BASIC STRUCTURE */
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.25em;
	}

	h1,
	.creative-layout .hero-content h1 {
		font-size: 36px;
	}

	h2 {
		font-size: 30px;
	}

	h3 {
		font-size: 24px;
	}

	h4,
	p.lead {
		font-size: 18px;
	}

	/* HEADER & HERO SECTION */
	header {
		padding: 10px 0;
	}

	.the-origin-header a.logo {
		margin-top: 0;
	}

	.hero-form-wrapper {
		padding: 36px 25px 33px;
		margin-top: 12px;
		background: rgba(0, 0, 34, 0.7);
	}

	.register-form .submit-btn {
		margin-bottom: 9px;
	}

	/* OUR FEATURE SECTION */
	.the-feature {
		text-align: center;
	}

	.the-feature.zero-bottom {
		margin-bottom: 53px !important;
	}

	.feature-icon {
		font-size: 48px;
	}


	/* MAIN FOOTER SECTION */
	.footer-content {
		margin-bottom: 29px;
	}
}

@media (max-width: 667px) {

}

@media (max-width: 640px) {

}

@media (min-width: 481px) and (max-width: 568px) {

}

@media (max-width: 480px) {

	/* MAIN FOOTER SECTION */
	ul.footer-nav li {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 419px) {


	/* FOOTER WIDGET */
	.footer-widget-wrapper .container {
		max-width: 300px;
	}

}

@media (max-width: 320px) {
	/* BASIC STRUCTURE */
	section {
		padding: 60px 0;
	}

	/* TYPOGRAPHY */
	h1,
	.creative-layout .hero-content h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 20px;
	}

	/* COMPONENTS */
	.notif-box p {
		line-height: 1.3em;
		font-size: 1em;
	}

	.notif-box a.notification-close {
		top: 20%;
	}

  	.two-blocks-col,
  	.featurettes-quote {
	  	padding-left: 20px;
	  	padding-right: 20px;
  	}

  	.content-tab-wrapper .nav > li > a {
	  	font-size: 0;
  	}

  	.content-tab-wrapper .nav > li > a span[class^="icon-"] {
	  	font-size: 28px;
  	}

  	.content-tab-wrapper .nav > li > a {
	  	padding-left: 10px;
	  	padding-right: 10px;
  	}

  	.content-tab-wrapper .nav-tabs > li > a:hover,
  	.content-tab-wrapper .nav-tabs > li.active > a,
  	.content-tab-wrapper .nav-tabs > li.active > a:focus,
  	.content-tab-wrapper .nav-tabs > li.active > a:hover {
	  	padding-left: 11px;
	  	padding-right: 11px;
  	}

  	.featurettes-quote {
	  	font-size: 20px;
	  	line-height: 1.5em;
  	}


  	.panel-heading a {
	  	font-size: 14px;
  	}

  	.panel-heading a:after {
	  	display: none;
  	}

  	/* CUSTOMER STORIES/LOGOS SECTION */
	ul.customer-logos li {
		width: 100%;
	}

	ul.customer-logos li.center-customer-logo {
		border: none;
	}

	.customer-box-wrapper hr {
		display: none;
	}

	/* MAIN FOOTER SECTION */
	#main-footer {
		padding: 20px 0 25px;
	}

	.footer-content {
		margin-bottom: 29px;
	}


	.copyright .language:before {
		display: none;
	}
}


/**
 * 5.0 APP CAROUSEL WHITE OVERLAY SETTING
 * -----------------------------------------------------------------------------
 */
@media (max-width: 1600px) {
	/* APP CAROUSEL */
	.app-carousel:before {
		right: 60%;
	}

	.app-carousel:after {
		left: 60%;
	}
}

@media (max-width: 1500px) {
	/* APP CAROUSEL */
	.app-carousel:before {
		right: 61%;
	}

	.app-carousel:after {
		left: 61%;
	}
}

@media (max-width: 1335px) {
	/* APP CAROUSEL */
	.app-carousel:before {
		right: 62%;
	}

	.app-carousel:after {
		left: 63%;
	}
}

@media (max-width: 1080px) {
	/* APP CAROUSEL */
	.app-carousel:before {
		right: 66%;
	}

	.app-carousel:after {
		left: 66%;
	}
}

@media (max-width: 940px) {
	/* APP CAROUSEL */
	.app-carousel:before {
		right: 68%;
	}

	.app-carousel:after {
		left: 68%;
	}
}

@media (max-width: 840px) {
	/* APP CAROUSEL */
	.app-carousel:before {
		right: 71%;
	}

	.app-carousel:after {
		left: 71%;
	}
}

@media (max-width: 720px) {
	/* APP CAROUSEL */
	.app-carousel:before {
		right: 74%;
	}

	.app-carousel:after {
		left: 74%;
	}
}

@media (max-width: 630px) {
	/* APP CAROUSEL */
	.app-carousel:before {
		right: 77%;
	}

	.app-carousel:after {
		left: 78%;
	}
}

@media (max-width: 568px) {
	/* APP CAROUSEL */
	.app-carousel:before,
	.app-carousel:after {
		display: none;
	}

	.slick-slide img {
		margin: 0 auto;
	}

	.phone-frame img {
		top: -21%;
		max-width: 349px;
	}
}

@media (max-width: 320px) {
	.slick-slide img {
		max-width: 220px;
	}

	.phone-frame img {
		max-width: 256px;
	}
}