@media (min-width: 1200px) and (max-width: 1500px) {}
@media (min-width: 992px) and (max-width: 1200px) {}
@media (min-width: 768px) and (max-width: 991px) {.recent-text {float: left;margin-left: 0;margin-top: 10px;width: 100%;}}
@media (max-width: 767px) {h2 {font-size: 24px;}
	h1.site-title {text-align: center;}
	iframe {height: auto;}
	.container {width: 300px;}
	.navbar-nav li .dropdown-menu {transform: scale(0);}
	.dropdown-menu {display: none;}
	.mobile-mrb-30 {margin-bottom: 30px;}
	.section-padding {padding: 80px 0;}
	h1.site-title, h1.site-title a {text-align: center;font-size: 30px;margin-top: 20px;margin-bottom: 22px;}
	button.navbar-toggle {position: fixed;right: 0;top: 0;}
	.percent-25, .percent-33, .percent-50 {width: 100%;}
	.navbar-default .navbar-brand {left: 0;position: absolute;top: 0;}
	.home-slider {margin-top: 58px;min-height: 400px;}
	.home-slider img {min-height: 400px;}
	.cap {left: 0;padding: 0 20px;text-align: center;top: 10%;width: 100%;}
	.post-meta a {display: inline-block;margin-bottom: 10px;}
	.error-page input {height: 40px;}
	.single-content {margin-bottom: 30px;}
	.content-social {top: 0;}
	.page-image {margin-top: 56px;}
	.single-social.author-social {float: none;margin-top: 0;}
	.reply {bottom: 15px;right: 30px;top: inherit;}}
@media only screen and (min-width: 480px) and (max-width: 767px) {.container {width: 480px;}
	.percent-33 {width: 50%;}}