@media (min-width: 272px) {
	.tab-list-vr li {
		display: inline-block;
	}

	.tab-list-vr li a {
		padding: 15px;
	}

	.smb-sm-30 {
		margin-bottom: 30px;
	}

	.smb-sm-20 {
		margin-bottom: 20px;
	}

	.smt-sm-50 {
		margin-top: 50px;
	}

	.smt-xs-50 {
		margin-top: 50px;
	}

	.smb-xs-30 {
		margin-bottom: 30px;
	}

	.sml-xs-0 {
		margin-left: 0;
	}
}

@media (min-width: 768px) {
	.smb-xs-30 {
		margin-bottom: 0;
	}

	.smt-xs-50 {
		margin-top: 0;
	}


	.tab-list-vr li {
		display: block;
	}

	.tab-devedge-vr,
	.tab-devedge-vr-right {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.tab-list-vr {
		flex-basis: 250px;
	}

	.tab-content-vr {
		flex: 1;
	}

	.tab-devedge-vr-right .tab-list-vr {
		order: 2
	}

	.tab-devedge-vr-right .tab-content-vr {
		order: 1
	}
}

@media (min-width: 992px) {
	.smt-sm-50 {
		margin-top: 0;
	}

	.smb-sm-30 {
		margin-bottom: 0px;
	}

	.smb-sm-20 {
		margin-bottom: 0px;
	}
}

@media(max-width: 1200px) {
	.slider-content {
		flex-basis: 80%;
	}

	.slider-container:after {
		width: 100%;
		left: 0;
	}
}

@media(max-width: 991px) {
	.main-menu {
		text-align: center;
		width: 100%;
		height: calc(100vh - 70px);
		position: fixed;
		overflow: auto;
		top: 70px;
		left: 0;
		background-color: rgba(0, 0, 0, .8);
		border: 20px solid rgba(255, 255, 255, .5);
	}


	.main-menu::-webkit-scrollbar-track,
	.mainmenu-flat::-webkit-scrollbar-track {
		background-color: transparent;
	}

	.main-menu::-webkit-scrollbar,
	.mainmenu-flat::-webkit-scrollbar {
		width: 5px;
	}

	.main-menu::-webkit-scrollbar-thumb {
		background-color: #f1f1f1;
	}

	.mainmenu-flat::-webkit-scrollbar-thumb {
		background-color: #000;
	}

	.main-menu:after {
		display: none;
	}

	.main-menu li {
		margin-top: 30px;
		display: inline-block;
	}

	.main-menu li:not(:first-of-type) {
		margin-left: 50px;
	}

	.mainnav-txt,
	.navtxt-rtl {
		visibility: visible;
		opacity: 1;
		position: absolute;
		top: 50%;

		color: #333;
		background: #f1f1f1;
		visibility: hidden;
		opacity: 0;

		padding: 5px 20px !important;
	}

	.mainnav-txt {
		left: 50% !important;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.navtxt-rtl {
		right: 50% !important;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-o-transform: translateX(50%);
		transform: translateX(50%);
	}

	.mainnav-txt:before,
	.navtxt-rtl:before {
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		border: 1px solid rgba(51, 51, 51, .3);
		top: 3px;
		left: 3px;
	}

	.mainnav-txt:after,
	.navtxt-rtl:after {
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		background: transparent;

		border-top: 10px solid #f1f1f1;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.mainnav-btn {
		width: 60px;
		height: 60px;
		line-height: 60px;
		padding: 0;
		text-align: center;
		border-radius: 100%;
		background: #f8f8f8 !important;
		color: #000 !important
	}

	.mainnav-btn:before {
		font-size: 30px;
	}

	.main-menu a:hover .mainnav-txt,
	.main-menu a:hover .navtxt-rtl,
	.main-menu.show-menu a.mPS2id-highlight .mainnav-txt,
	.main-menu.show-menu a.mPS2id-highlight .navtxt-rtl {
		visibility: visible;
		opacity: 1;
		top: -60%;
	}

	.main-menu a:hover .mainnav-btn,
	.main-menu.show-menu a.mPS2id-highlight .mainnav-btn {
		color: #fff !important;
		background: transparent !important;
	}

	.main-menu a:hover .mainnav-btn:after,
	.main-menu.show-menu a.mPS2id-highlight .mainnav-btn:after {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;

		border-radius: 100%;
		border: 2px solid rgba(255, 255, 255, .5);
		-webkit-filter: blur(.3px);
		-moz-filter: blur(.3px);
		-ms-filter: blur(.3px);
		filter: blur(.3px);
		background: transparent;
	}

	.lg-heading span:before,
	.lg-heading span:after,
	.lg-title span:before,
	.lg-title span:after {
		display: none;
	}

	.lg-heading span,
	.lg-title span {
		color: #ccc;
		background-color: transparent;
	}

	.bsi-1 .scroll-btn {
		margin-left: 30px;
	}

	.bsi-3 .scroll-btn {
		margin-right: 30px;
	}

	.lg-heading {
		font-size: 35px;
	}

	.lg-title {
		font-size: 25px;
	}

	.si-content {
		width: 70%;
	}

	.slider-1 h2 {
		font-size: 45px;
		margin-bottom: 0;
	}

	.s1-inner-3 h3 {
		margin-top: 0;
	}

	.imgb-content h2 {
		font-size: 30px;
		letter-spacing: 1px;
	}

	.imgb-content h3 {
		font-size: 25px;
		letter-spacing: 3px;
	}

	.comment-by {
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
	}

	.reply-comment .comment-by {
		text-align: left;
		padding-left: 0;
		padding-right: 0;
	}

	.blog-banner .blogger {
		position: relative !important;
		margin: 0 auto;
		margin-top: 30px;
		padding-right: 20px;
		width: 100% !important;
		text-align: right;
	}

	.sbs-2 .blog-banner {
		padding-bottom: 0;
	}

	.sbs-2 .blog-banner .blog-header {
		width: 100%;
		position: relative;
		left: 0;
		padding-top: 20px;
		margin-top: 30px;
	}

	.sbs-2 .blog-banner:before {
		display: none;
	}

	.sbs-2 .blog-banner .blog-h1 {
		color: #000
	}

	.sbs-2 .blog-banner .blog-h1>span {
		color: #999 !important
	}

	.sbs-2 .blog-banner .blog-h1:after {
		position: absolute;
		content: '';
		width: 100%;
		height: 10px;
		top: 0;
		left: 0;
		display: block;

		background: -webkit-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
		background: -moz-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
		background: -ms-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
		background: -o-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
		background: linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
		background-repeat: repeat-x;
		background-size: 5px 10px;

		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.sbs-2 .blog-banner:after {
		display: none;
	}

	.pg-caption:after {
		position: absolute;
		content: '';
		width: calc(100% + 10px);
		height: calc(100% + 10px);
		top: -5px;
		left: -5px;
		background: rgba(0, 0, 0, .5);
		z-index: -1;
	}

	.image-location,
	.caption-txt {
		color: #fff;
	}

	.image-location {
		border-bottom: 1px solid #999
	}

	.sbs-3 .blogger {
		padding-top: 100px;
	}

	.sbs-3 .blog-footer .blogger {
		padding-top: 0;
		padding-bottom: 100px;
	}

	.sbs-3 .blogger>img {
		top: 0;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.sbs-3 .blog-footer .blogger>img {
		top: calc(100% - 90px);
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.sbs-3 .blog-info,
	.sbs-3 .blog-info li {
		text-align: center;
		float: none !important;
		display: block;
	}

	.sbs-3 .blog-banner .blog-header {
		position: relative;
		width: 100%;
		bottom: 0;
		left: 0;
		margin: 30px 0;
	}

	.sbs-3 .blog-banner .blog-h1 {
		border-bottom: 1px solid #000;
	}

	.sbs-3 .blog-banner .blog-header:before {
		background: -webkit-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
		background: -moz-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
		background: -ms-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
		background: -o-linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
		background: linear-gradient(left, #999 0%, #999 1px, transparent 1px, transparent 50%);
		background-repeat: repeat-x;
		background-size: 5px 10px;
		z-index: 2;
		-webkit-box-shadow: 0 0px 10px 5px #e8e8e8;
		box-shadow: 0 0px 1px 10px #e8e8e8;
	}

	.sbs-3 .blog-banner .blog-header:after {
		background: #000;
	}

	.sbs-3 .blog-banner .blog-h1:before,
	.sbs-3 .blog-banner .blog-h1:after {
		background: #000;
	}

	.sbs-3 .blog-banner .blog-h1 {
		color: #000
	}

	.sbs-3 .blog-banner .blog-h1>span {
		color: #999
	}

	.sbs-3 .blog-banner:after {
		display: none;
	}

	.contact-map-devedge {
		margin-right: -15px;
		margin-bottom: 50px;
	}

	.skillNfacts:before {
		width: 100%;
		height: 50%;
	}

	.skillNfacts:after {
		width: 100%;
		height: 50%;

		top: 50%;
	}

	.facts-devedge-2 {
		padding-top: 100px;
	}
}

@media(max-width: 910px) {
	.mainmenu-flat {
		height: calc(100vh - 80px) !important;
		white-space: nowrap;
		position: fixed;
		top: 80px;
		right: 0;
		background: #f1f1f1;
		z-index: 999;
		-webkit-box-shadow: -2px 3px 3px rgba(0, 0, 0, .2);
		box-shadow: -2px 3px 3px rgba(0, 0, 0, .2);
		display: block !important;
		overflow: auto !important;
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		-o-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: top center;
		-moz-transform-origin: top center;
		-ms-transform-origin: top center;
		-o-transform-origin: top center;
		transform-origin: top center;
	}

	.flatmenu-trigger[aria-expanded="true"]+.mainmenu-flat {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);
		height: calc(100vh - 80px) !important;
		display: block !important;
		overflow: auto !important;
	}

	.mainmenu-flat li {
		display: block;
	}

	.flatmenu-trigger {
		display: block;
	}
}

@media(max-width: 767px) {
	.tbr-social {
		position: absolute;
		top: 70px;
		right: 0;
		display: block;
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		-o-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: top center;
		-moz-transform-origin: top center;
		-ms-transform-origin: top center;
		-o-transform-origin: top center;
		transform-origin: top center;
		-webkit-transition-delay: .2s;
		transition-delay: .2s;
	}

	.tbr-social[aria-expanded="true"] {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);
	}

	.tbr-social:after {
		content: '';
		display: none;
	}

	.tbr-social li {
		display: block;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 15px;
		position: relative;
		visibility: hidden;
		opacity: 0;
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	.tbr-social[aria-expanded="true"] li {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.tbr-social li:not(:last-of-type):after {
		position: absolute;
		content: '';
		width: 1px;
		height: 10px;
		background: #f1f1f1;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.tbr-social a {
		border: 1px solid #f1f1f1;
		-webkit-box-shadow: inset 1px 1px 8px rgba(51, 51, 51, .25);
		box-shadow: inset 1px 1px 8px rgba(51, 51, 51, .25);
	}

	.header-flat .social-trigger {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.header-flat .tbr-social {
		top: 85px;
		right: 50%;
		-webkit-transform: translateX(25%);
		-ms-transform: translateX(25%);
		-o-transform: translateX(25%);
		transform: translateX(25%);
	}

	.header-flat .tbr-social li:not(:last-of-type):after {
		display: none;
	}

	.slider-content {
		flex-basis: 100%;
		padding: 10px;
		padding-top: 0;
		margin-top: -20px;
	}

	.slider-container:after {
		width: 120%;
		left: -10%;
	}

	.slider-1 h2 {
		font-size: 30px;
	}

	.slider-1 h3 {
		font-size: 20px;
	}

	.slider-1 h2>span {
		border-bottom: 1px solid transparent;
	}

	.si-content img {
		width: 60px !important;
	}

	.slider-1 .si-content .btn-prime {
		padding: 10px 20px;
	}

	.img-background {
		height: 500px;
	}

	.img-background:before {
		border: none;
	}

	.img-background:after {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	#about,
	#portfolio,
	#blog,
	#contact {
		padding-left: 15px;
		padding-right: 15px;
	}

	.facts-devedge,
	.testimonial,
	.great-team,
	.skillNfacts {
		margin-left: -15px;
		margin-right: -15px;
	}

	.section-header:after {
		width: 78%;
	}

	.section-header:before {
		left: 95%;
	}

	.section-head span:after {
		width: 50px;
	}

	.team-slider {
		padding-left: 30px;
		padding-right: 30px;
	}

	.pricing-table {
		width: 60%;
		margin: 0 auto
	}

	.category-icon:before {
		font-size: 40px;
	}

	.filter-list li {
		margin-bottom: 15px;
	}

	.subscribe-devedge {
		padding-left: 30px;
		padding-right: 30px;
	}

	.subscribe-form input,
	.subscribe-form .btn-prime {
		width: 100%;
	}

	.subscribe-form .btn-prime {
		margin-top: 5px;
		height: 50px;
		line-height: 50px;
		float: none;
	}

	.footer-middle .form-devedge {
		margin-bottom: 50px;
		margin-left: -15px;
		margin-right: -15px;
	}

	.footer-bottom {
		margin-left: -15px;
		margin-right: -15px;
	}

	.pds-item {
		max-height: 300px;
	}

	.inner-img {
		text-align: center;
	}

	.inner-img>a {
		display: inline-block;
	}

	.skillNfacts:before {
		width: 100%;
		height: 33%;
	}

	.skillNfacts:after {
		width: 100%;
		height: 67%;
		top: 33%;
	}

	.skillNfacts .my-skills {
		padding-left: 15px;
		padding-right: 15px;
	}

	.s1-item {
		height: 500px;
	}

	.s1-inner:before {
		border: 30px solid rgba(248, 248, 248, .15);
	}

	.s1-inner:after {
		width: calc(100% - 90px);
		height: calc(100% - 90px);
		top: 45px;
		left: 45px;
	}

	.slider-1 .owl-dots {
		bottom: 45px;
	}

	.slider-1 .owl-prev {
		left: 49px;
	}

	.slider-1 .owl-next {
		right: 56px;
	}

	.slider-1 .owl-dot,
	.slider-1 .owl-dot.active {
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.slider-1 .owl-dot {
		background: rgba(190, 190, 190, .4);
	}

	.slider-1 .owl-dot.active {
		background: rgba(248, 248, 248, .6);
	}
}

@media(max-width: 700px) {
	.main-menu {
		text-align: left;
	}

	.main-menu li {
		margin-top: 5px;
		display: block;
	}

	.main-menu li:not(:first-of-type) {
		margin-left: 0;
	}

	.mainnav-txt:after,
	.navtxt-rtl:after {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #f1f1f1;
		top: 50%;
		left: -20px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.mainnav-txt {
		top: 50%;
		left: 80% !important;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.navtxt-rtl {
		top: 50%;
		right: -20% !important;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.main-menu a:hover .mainnav-txt,
	.main-menu.show-menu a.mPS2id-highlight .mainnav-txt {
		visibility: visible;
		opacity: 1;
		top: 50%;
		left: calc(100% + 10px) !important;
	}

	.main-menu a:hover .navtxt-rtl,
	.main-menu.show-menu a.mPS2id-highlight .navtxt-rtl {
		visibility: visible;
		opacity: 1;
		top: 50%;
		right: -10px !important;
		-webkit-transform: translate(100%, -50%);
		-ms-transform: translate(100%, -50%);
		-o-transform: translate(100%, -50%);
		transform: translate(100%, -50%);
	}
}

@media(max-width: 650px) {
	.img-background {
		height: 400px;
	}

	.imgb-content {
		width: 90%;
	}

	.img-background.imgb-2 .imgb-content {
		width: 80%;
	}

	.imgb-content .btn-prime {
		padding: 10px 25px !important;
	}

	.blog-title {
		text-align: center;
	}

	.blog-title a {
		font-size: 25px;
	}

	.post-info {
		width: 80%;
		margin: 10px auto;
	}

	.post-i {
		font-size: 14px;
		display: block;
		text-align: left;
		padding: 5px 0 5px 20px;
	}

	.blog-txt {
		font-size: 16px;
		line-height: 25px;
	}
}

@media(max-width: 600px) {
	.project-details {
		padding: 0;
		padding-top: 20px;
	}

	.blog-container {
		padding: 20px 10px;
	}

	.comment-devedge {
		padding-left: 0;
		padding-right: 0;
	}

	.comment-title {
		padding-left: 15px;
	}

	.comment-title:before {
		left: 15px;
	}
}

@media(max-width: 500px) {

	.section-title.st-light {
		font-size: 21px !important;
	}

	.lg-heading {
		font-size: 25px;
	}

	.lg-title {
		font-size: 20px;
	}

	.slider-item {
		height: 400px;
	}

	.s1-inner:before {
		border: 50px solid rgba(248, 248, 248, 0);
	}

	.s1-inner:after {
		display: none;
	}

	.slider-1 .owl-dots,
	.slider-1 .owl-prev,
	.slider-1 .owl-next {
		display: none;
	}

	.si-content {
		width: 80%;
	}

	.slider-1 h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.slider-1 h3 {
		font-size: 20px;
	}

	.owl-carousel .s1-item .si-content img {
		display: none !important;
	}

	.imgb-content h2 {
		font-size: 25px;
		letter-spacing: 1px;
	}

	.img-background {
		text-align: center;
	}

	.imgb-content h3 {
		font-size: 20px;
		letter-spacing: 3px;
	}

	.pricing-table {
		width: 95%;
	}

	.filtr-item {
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}

	.blog-img img {
		padding: 10px;
	}

	.blog-img>a:before {
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		top: 10px;
		left: 10px;
	}

	.blog-img>a:after {
		height: calc(100% - 20px);
		top: 10px;
	}

	.project-details .slider-btn {
		width: 30px;
		height: 30px;
		line-height: 20px;
	}

	.project-details .slider-btn:before {
		font-size: 15px;
	}

	.project-details .slide-prev {
		right: 25px;
	}

	.project-details .slide-next {
		right: 0;
	}

	.slide-prev:after {
		left: 90%;
	}

	.prject-title {
		font-size: 20px;
	}

	.client-quote {
		padding: 10px 0 10px 50px;
	}

	.client-quote span {
		left: 10px;
	}

	.pi-ratings,
	.pi,
	.ci {
		display: block;
		padding-left: 0;
		padding-bottom: 10px;
		width: 80%;
		margin: 0 auto;
	}

	.pi-ratings {
		padding-bottom: 0;
	}

	.ci:not(:first-of-type):before {
		display: none;
	}

	.client-info {
		text-align: left;
		width: 80%;
		margin: 0 auto;
	}


	.blog-h1 {
		font-size: 25px;
		line-height: 30px;
	}

	.embed-youtube {
		height: 300px;
	}
}

@media(max-width: 400px) {

	.lg-heading,
	.lg-title,
	.slider-content,
	.bsi-1,
	.bsi-3 {
		text-align: center !important;
	}

	.bsi-1 .scroll-btn {
		margin-left: 0 !important;
	}

	.bsi-3 .scroll-btn {
		margin-right: 0 !important;
	}

	.footer-bottom a {
		display: block;
	}

	.section-head span:after {
		width: 20px;
	}

	.pricing {
		margin-left: -15px;
		margin-right: -15px;
	}

	.pricing-table {
		width: calc(100% - 30px);
	}

	.category-icon {
		padding: 5px 10px;
	}

	.category-icon:before {
		font-size: 30px;
	}

	.post-info {
		width: 100%;
	}

	.subscribe-devedge {
		padding-left: 0;
		padding-right: 0;
	}

	.client-quote {
		padding: 50px 0 10px 10px;
	}

	.client-quote span {
		top: 10px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.sbs-3 .share-post {
		width: 100%;
	}

	.comment {
		padding-left: 15px;
		padding-right: 15px;
	}

	.comment-form-devedge {
		padding-left: 15px;
		padding-right: 15px;
	}

	.comment-form button {
		font-size: 20px;
		letter-spacing: 0;
	}

	.comment-title {
		font-size: 20px;
	}

	.cmm-name {
		font-size: 22px;
	}

	.reply-comment .cmm-name {
		font-size: 20px;
	}

	.caption-txt {
		display: none;
	}

	.blog-quote>.txt-normal {
		padding-left: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.blog-quote>.txt-normal:after {
		font-size: 70px;
		bottom: 0;
		right: 0;
	}

	.embed-youtube {
		height: 280px;
	}

	.embed-video {
		padding-left: 0;
		padding-right: 0;
	}
}

@media(max-width: 320px) {
	.section-header {
		text-align: center;
	}

	.section-head {
		display: block;
	}

	.section-head span {
		display: block;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.section-head:before {
		width: calc(100% + 20px);
		height: calc(100% + 20px);
		right: -10px;
		top: -10px;
	}

	.section-header:after,
	.section-header:before,
	.section-head span:after {
		display: none;
	}

	.filtr-item {
		padding-left: 30px;
		padding-right: 30px;
	}

	.blog-title {
		line-height: 30px;
	}

	.blog-title a {
		font-size: 20px;
	}

	.client-info,
	.pi-ratings,
	.pi,
	.ci {
		width: 100%;
	}

	.client-info {
		padding-left: 10px;
	}

	.blog-quote {
		padding-left: 10px;
		padding-right: 0;
	}

	.txt-normal.starter {
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media(max-height: 400px) {
	#doc-menu {
		height: 150px;
		overflow: auto;
	}
}

@media(max-height: 200px) {

	.header-1,
	.header-flat {
		display: none;
	}
}