
@media screen and ( max-width: 768px ) {
	
	.main-menu  ul.menu li {
		display: block;
		width: 100%;
		margin: 0;
	}
	.main-menu .sub-menu {
	  position: relative;
	}
	.light-header .main-menu  ul.menu > li > a {
		color: #313131;
	}
	.service-box {
		padding: 35px;
	}
	.service-title {
		margin-left: 60px;
	}
	.service-center .service-title,
	.service-box.has-bg .service-title,
	.service-box.rounded-center .service-title {
		margin-left: 0;
	}
	.service-box .icon {
		top: 30px;
	}
}

@media screen and ( max-width: 989px ) {
	.sidebar {
		padding-left: 15px;
	}
	.left-sidebar .sidebar {
		padding-right: 15px;
	}
	.main-content {
		margin-bottom: 60px;
	}
	.left-sidebar .main-content {
		float: none;
	}
	.site-bottom .row > *:nth-child(2n+1) {
		 clear: both;
	}
	.blog-grid .site-main .row .col-md-4:nth-child(3n+1) {
		clear: none;
	}
	.blog-grid .site-main .row .col-md-4:nth-child(2n+1) {
		clear: both;
	}
	.knowledge-page.fullwidth .main-content > .row > *:nth-child(2n+1) {
		clear: both;
	}
	.knowledge-page.fullwidth .main-content > .row > *:nth-child(3n+1) {
		clear: none;
	}
	.intro-box {
		padding-right: 0;
	}
	.service-box {
		margin-bottom: 30px;
	}
	.team {
		margin-bottom: 30px;
	}
	.section.light-bg {
		padding-bottom: 70px;
	}
	.counter {
		margin-bottom: 50px;
	}
	.pricing-table.column-3 > li {
		width: auto;
		float: none;
	}
}

@media screen and ( max-width: 767px ) {
	.site-footer {
		text-align: center;
	}
	.back-to-top {
		float: none;
		margin-top: 10px;
	}
	.intro-box {
		margin-bottom: 40px;
	}
	.section .row .col-xs-6:nth-child(2n+1) {
		clear: both;
	}
}

@media screen and ( max-width: 600px ) {
	.blog-grid .site-main .row .col-xs-6 {
		float: none;
		width: auto;
	}
}

@media screen and ( max-width: 540px ) {
	.comment-form .row > *,
	.section .row .col-xs-6 {
		width: auto;
		float: none;
	}
}

@media screen and ( max-width: 480px ) {
	.page-title h1 {
		font-size: 42px;
	}
	.post-title {
		font-size: 22px;
	}
	.site-bottom .row > * {
		 float: none;
		 width: auto;
	}
	.bbp-topic-title {
		float: none;
		width: auto;
		margin-bottom: 5px;
	}
	.bbp-topic-voice-count, 
	.bbp-topic-reply-count {
	    width: 18%;
	}
	.bbp-topic-freshness {
		width: 64%;
	}
	.bbp-topic-author {
		padding-right: 0;
	}
	.bbp-topic-post-date,
	.bbp-author-role {
		float: none;
	}
	.bbp-topic-content {
		padding-left: 0;
		margin-top: 20px;
	}
	.page-title-search input[type="submit"] {
		width: 115px;
	}
	.page-title-search:before {
		left: 15px;
	}
	.page-title-search input[type="text"], 
	.page-title-search input[type="search"] {
		padding: 8px 120px 8px 40px;
	}
	#map {
		height: 300px;
	}
}

@media screen and ( max-width: 380px ) {
	.login-button {
		font-size: 0;
		padding: 0 15px;
	}
	.login-button:before {
		content:"\f13e";
		font-size: 16px;
		font-family: FontAwesome;
	}
	.page-title h1 {
		font-size: 36px;
	}
	.blog-grid .post-info,
	.post-info {
		padding: 20px 15px;
	}
	.post-meta {
		font-size: 12px;
	}
	.blog-grid .post-meta li:before {
		margin: 0 5px 0 2px;
	}
	.sidebar .widget {
		padding: 30px 20px;
	}
	.sidebar .widget .faq-list-widget li > a:before {
		left: -20px;
	}
	.page-title-search input[type="submit"] {
		width: 50px;
		font-size: 0;
		background: none;
		box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
	}
	.page-title-search input[type="submit"]:hover {
		background: none;
	}
	.page-title-search input[type="text"], 
	.page-title-search input[type="search"] {
		padding: 8px 55px 8px 10px;
	}
	.page-title-search:before {
		left: auto;
		right: 0;
		height: auto;
		top: 0;
		bottom: 0;
		background-color: #42c37a;
		display: block;
		width: 50px;
		transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		-o-transform: none;
	}
	.error-heading {
		font-size: 130px;
	}
	.page-404 .site-main .container {
		padding: 0 15px;
	}
	.service-box {
		padding: 30px 20px;
	}
	.service-box .icon {
		left: 25px;
	}
	.pricing-table.column-3 > li {
		padding: 0;
	}
}