/* Large desktop */
@media screen and  (min-width: 1200px) {
#st-wrapper.boxed {
	width: 1230px;
}
body {
	margin: 0
}
}
@media screen and  (max-width: 1200px) {
#st-wrapper.boxed {
	width: 100%;
	margin-top: 0
}
.flex_back_ground .container .wrap_text {
	padding: 0 20px;
}
}
/* Large tablets */
@media screen and  (max-width: 979px) {
#sticky-header,
	.sticky-search,
	.sticky-form,
	#primary-menu {
	display: none;
}
.style-3 #middle-wrapper {
	background-color: #fff;
}
.dark .style-3 #middle-wrapper {
	background-color: #222;
}
.style-2 #logo,
	.style-3 #logo, .style-1 #logo {
	text-align: left;
	float: left;
}
#logo img {
	max-height: 80px;
	width: auto;
	max-width: 240px;
}
#toggle-menu {
	background-color: #696866;
	color: #F1F1F1;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 18px;
	font-weight: 400;
	margin: 10px 20px;
	padding: 5px 10px;
	text-transform: uppercase;
	z-index: 999;
	bottom: 10px;
	right: 0;
}
.style-2 #toogle-menu, .style-2 #toggle-menu span {
	
}
#toggle-menu {
	position: absolute;
}
#toggle-menu span {
	z-index: 999;
	position: absolute;
	top: 14px;
	right: 0;
	border-bottom: 10px double #f1f1f1;
	border-top: 3px solid #f1f1f1;
	height: 4px;
	width: 20px;
}
.style-2 #primary-nav,	.style-1 #primary-nav, .style-3 #primary-nav {
	width: 100%;
	clear: both;
}
.style-1 #logo,
	.style-2 #logo,
	.style-3 #logo {
	border: none;
	padding: 0;
	text-align: left;
}
.style-1 #top-wrapper .container {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
}
#mobile-container {
	display: block;
}
#mobile-menu {
	display: none;
	margin: 0;
	padding: 0;
	right: 0;
	left: 0;
	z-index: 110;
	text-align: left;
	background-color: #2e2e30;
	position: absolute;
	overflow: hidden;
}
#mobile-menu li {
	display: block;
}
#mobile-menu li a {
	display: block;
	padding: 8px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.02);
	color: #f1f1f1;
	width: 70%;
}
#mobile-menu li li > a {
	padding-left: 40px;
}
#mobile-menu li li li > a {
	padding-left: 60px;
}
#mobile-menu li a i {
	display: none;
}
#mobile-menu ul.sub-menu {
	display: none;
	width: 100%;
	position: relative;
	margin: 0;
	background-color: #323234;
}
#mobile-menu ul.sub-menu ul {
	left: 0;
	background-color: #323234;
}
#mobile-menu li.menu-parent-item > a {
	position: relative;
}
#mobile-menu li.menu-parent-item > a:after {
	position: absolute;
	content: "\f054";
	right: 20px;
	top: 8px;
	font-family: FontAwesome;
}
#mobile-menu li.menu-parent-item > a.active:after {
	content: "\f078";
}
.st-portfolio .portfolio-container .post-title, .portfolio-list .portfolio-container .post-title {
	font-size: 12px;
}
.st-portfolio .portfolio-container .post-title, .portfolio-list .portfolio-container .post-title {
	padding: 5px;
	margin: 0;
}
.dark_background {
	padding: 30px 0;
}
}
/* Portrait tablet to landscape and desktop */
@media screen and  (min-width: 768px) and (max-width: 979px) {
/* Layout */
/* Shortcodes */
.st-team .team-photo {
	width: 175px;
	height: 175px;
}
.st-client ul.inline li {
	width: 24.72%;
}
.st-pricing .plan-price {
	font-size: 40px;
}
}
@media screen and  (max-width: 979px) {
#main-wrapper, #section-wrapper .st-section {
	padding: 0;
}
#sidebar-wrapper {
	
}
#logo img {
	max-height: 70px;
	max-width: 460px;
	width: auto;
	margin: 5px 0;
}
.style-1 .header-call, 
	.style-1 .st-social, 
	.style-2 .st-social, 
	.style-2 #searchform {
	display: none;
}
.flexslider_fullwidth  h1 {
	font-size: 48px;
}
/*.flexslider_fullwidth .slides {
	height: 200px;
}*/
}
/* Landscape phone to portrait tablet */
@media screen and  (max-width: 767px) {
/* Layout */
body {
	padding: 0;
}
.section_leadin {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	margin: 0 auto 20px!important;
	width: auto;
}
#st-wrapper.boxed {
	width: 100%;
	margin: 0 auto;
}
.container {
	padding-left: 15px;
	padding-right: 15px;
}
#middle-wrapper {
	min-height: 60px;
}
.style-2 #middle-wrapper .container,.style-1 #middle-wrapper .container,
	.style-3 #middle-wrapper .container {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
.style-2 #primary-nav {
	
}
.style-2 .header-call li {
	margin: 0 5px;
}
.page-title {
	margin: 0;
	font-size: 30px;
	text-align: center;
}
#copyright-wrapper,
	#secondary-nav {
	text-align: center;
}
.blog-list .post-meta, .gallery-item,
	.portfolio-single .portfolio-meta,
	blockquote.pull-left, blockquote.pull-right {
	margin-bottom: 10px;
}
.blog-list .icon-pencil, 
	.blog-list .icon-picture, 
	.blog-list .icon-quote-left, 
	.blog-list .icon-play,
	.blog-list .icon-music {
	height: 5px;
}
.blog-list .icon-pencil:before, 
	.blog-list .icon-picture:before, 
	.blog-list .icon-quote-left:before, 
	.blog-list .icon-play:before,
	.blog-list .icon-music:before {
	content: '';
}
.blog-list .post-meta span {
	margin-right: 15px;
	display: inline-block;
}
/* Shortcodes */
.st-heading.text-right {
	text-align: left;
}
.st-heading.text-right:before,
	.st-heading.text-right:after {
	left: 0;
	right: auto;
}
.st-historylist .text-right {
	text-align: left;
}
.st-historylist.history-right .history-icon {
	float: left;
	margin-left: 0;
	margin-right: 20px;
}
.st-historylist.history-right .history-timeline {
	left: 25px;
	right: inherit;
}
.st-ctabox div.ctabox-button {
	position: relative;
	margin: 0;
	top: auto;
	right: auto;
}
.st-ctabox .ctabox-content {
	max-width: 100%;
	float: none;
}
.st-tabs .tab-title {
	padding: 0;
	width: 100%;
}
.st-tabs .tab-title li {
	display: block;
}
.st-testimonial-slider .testimonial-photo {
	margin: 0 auto 20px;
	float: none;
}
.st-testimonial-slider .testimonial-photo:before {
	bottom: -25px;
	left: 50%;
	margin-left: -7px;
	right: auto;
	top: auto;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
.st-testimonial-slider .testimonial-content, 
	.st-testimonial-slider .testimonial-meta {
	margin: 0;
}
.st-testimonial-slider .flex-control-nav {
	bottom: 5px;
}
.st-client ul.inline li {
	width: 32.99%;
}
.st-pricing.c4 .plan-container,
	.st-pricing.c3 .plan-container,
	.st-pricing.c2 .plan-container {
	width: 49%;
}
.st-portfolio .portfolio-container .post-title, .portfolio-list .portfolio-container .post-title {
	font-size: 16px;
}
/* Widgets */
.flex_back_ground, .flexslider_fullwidth .slides {
	height: 200px;
	min-height: 360px;
}
.flexslider_fullwidth  h1 {
	font-size: 28px;
	text-shadow: 2px 2px 0 #000000;
}
.flex_back_ground  h2 {
	font-size: 18px;
}
#map {
	height: 200px;
	-webkit-background-size: auto auto;
	-moz-background-size: auto auto;
	-o-background-size: auto auto;
	background-size: auto auto;
}
.banner-header-call li {
	margin: 0;
	font-size: 18px;
}
}
@media screen and  (max-width: 600px) {
.section_title, h1 {
	font-size: 28px;
	margin-bottom: 10px;
}
h3 {
	font-size: 18px;
}
.st-testimonial .testimonial-content {
	margin-left: 0;
}
.style-3 #toggle-menu {
	bottom: 0;
}
.style-3 #toggle-menu, .style-2 #toggle-menu {
	
}
#logo img {
	max-height: 50px;
	max-width: 250px;
	width: auto;
	margin-top: 5px;
}
.flex-direction-nav {
	display: none;
}
.flex_back_ground h1 {
	padding: 10px;
	margin-bottom: 10px;
}
.flex_back_ground .container .wrap_text {
	padding: 0 10px;
}
#portfolioAjaxwrap img {
	display: none;
}
.flex_back_ground .btn {
	font-size: 16px;
}
img.pull-right {
	margin: 0;
	padding: 0;
	margin: 0 auto;
	float: none;
	width: 100%;
}
#map_link a {
	width: 80%;
	margin: 0 auto;
	display: block;
	height: 200px;
}
.scroll_page {
	padding: 30px 0;
}
#responsive-design-image.scroll_page .container {
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.scroll_page#responsive-design-image img {
	margin-left: 0;
}
.heading  h2 {
	font-size: 30px;
}
.dark_background .heading  h2, h1.page-title, .dark_background .heading  h1 {
	font-size: 30px;
	text-shadow: 2px 2px 0 #000;
}
.heading p, .section_leadin {
	margin-top: 30px;
	font-size: 18px;
}
.dark_background .heading p, .section_leadin {
	margin-top: 30px;
	font-size: 18px;
	text-shadow: 1px 1px 0 #000000;
}

}
/* Landscape phones and down */
@media screen and  (max-width: 480px) {
/* Layout */
body {
	padding: 0;
}
#st-wrapper.boxed {
	width: 100%;
}
.container {
	padding-left: 15px;
	padding-right: 15px;
}
/* Shortcodes */
.st-client ul.inline li {
	width: 49.36%;
}
.st-pricing.c4 .plan-container,
	.st-pricing.c3 .plan-container,
	.st-pricing.c2 .plan-container {
	width: 99%;
}
.st-team .team-photo {
	width: 200px;
	height: 200px;
}
.flexslider_fullwidth {
	
}
}