@media(max-width: 991px) {
	/*padding-sm-30 start*/
	.p-sm-30 {
		padding-top:30px
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.py-sm-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.px-sm-30 {
		padding-left: 30px;
		padding-right: 30px;
	}

	.pt-sm-30 {
		padding-top: 30px;
	}
	.pb-sm-30 {
		padding-bottom: 30px;
	}
	.pl-sm-30 {
		padding-left: 30px;
	}
	.pr-sm-30 {
		padding-right: 30px;
	}
	/*padding-sm-30 end*/

	/*margin-sm-30 start*/
	.m-sm-30 {
		margin-top:30px;
		margin-bottom: 30px;
		margin-left: 30px;
		margin-right: 30px;
	}

	.my-sm-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.mx-sm-30 {
		margin-left: 30px;
		margin-right: 30px;
	}

	.mt-sm-30 {
		margin-top: 30px;
	}
	.mb-sm-30 {
		margin-bottom: 30px;
	}
	.ml-sm-30 {
		margin-left: 30px;
	}
	.mr-sm-30 {
		margin-right: 30px;
	}
	/*margin-sm-30 end*/

	.menu-wrapper,
	.topbar,
	.topbar2 {
		display: none;
	}

	.menu-btn.stricky,
	.menu-btn.stricky-fixed {
		display: block;
		visibility: visible;
		opacity: 1;
		right: 20px;
	}

	.menu-btn.stricky.focus,
	.menu-btn.stricky-fixed.focus {
		right: 250px;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition-delay: .1s;
		transition-delay: .1s;
	}

	.menu-btn.stricky.focus .mb-2,
	.menu-btn.stricky-fixed.focus .mb-2 {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		-o-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}

	.menu-btn.stricky.focus .mb-1,
	.menu-btn.stricky-fixed.focus .mb-1 {
		-webkit-transform: translate(-50%, -50%) scale(0);
		-ms-transform: translate(-50%, -50%) scale(0);
		-o-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0);
	}

	.banner-text p {
		width: 100%;
	}

	#about,
	#services,
	#portfolio,
	#news,
	#contact {
		padding-top: 150px;
	}

	.section-header,
	.text-right .section-header {
		text-align: center !important;
	}

	#about .section-header {
		margin-bottom: 10px;
	}

	#services .section-header {
		margin-bottom: 7px;
	}

	#contact .section-header {
		margin-bottom: 20px;
	}

	.section-header:after {
		display: none;
	}

	.about-txt .text-right {
		text-align: center;
	}

	.single-process {
		width: calc(100% - 300px);
		margin-left: auto;
		margin-right: auto;
	}

	.single-pack {
		width: calc(100% - 360px);
		margin-left: auto;
		margin-right: auto;
	}

	.short-quate h3 {
		font-size: 20px;
		line-height: 22px;
		letter-spacing: 2px;
		margin-top: 8px;
	}

	.filter-list {
		text-align: center;
	}
	
	.filter-list li {
		margin-bottom: 10px;
	}

	.filter-list li:not(:last-of-type) {
		margin-right: 5px;
	}

	.filter-list li span {
		letter-spacing: 4px;
		font-size: 13px;
		padding: 5px 15px;
	}

	.single-news {
		width: calc(100% - 300px);
		margin-left: auto;
		margin-right: auto;
	}

	.subscribe-title {
		text-align: center;
		margin-bottom: 20px;
		border-top: 10px solid #000;
		padding-top: 10px;

		margin-top: 0;
		border-left: none;
		padding-left: 0;
	}

	.subscribe-form input,
	.subscribe-form button {
		float: none;
	}

	.subscribe-form input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.subscribe-form button {
		margin: 5px auto;
		display: block;
	}

	.contact-info {
		margin-bottom: 100px;
	}

	.contact-info > ul {
		margin-left: 150px;
	}

	.partner-slider {
		text-align: center;
	}

	.partner-slider a {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media(max-width: 767px) {
	/*padding-xs-30 start*/
	.p-xs-30 {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.py-xs-30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.px-xs-30 {
		padding-left: 30px;
		padding-right: 30px;
	}

	.pt-xs-30 {
		padding-top: 30px;
	}
	.pb-xs-30 {
		padding-bottom: 30px;
	}
	.pl-xs-30 {
		padding-left: 30px;
	}
	.pr-xs-30 {
		padding-right: 30px;
	}
	/*padding-xs-30 end*/

	/*margin-xs-30 start*/
	.m-xs-30 {
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: 30px;
		margin-right: 30px;
	}

	.my-xs-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.mx-xs-30 {
		margin-left: 30px;
		margin-right: 30px;
	}

	.mt-xs-30 {
		margin-top: 30px;
	}
	.mb-xs-30 {
		margin-bottom: 30px;
	}
	.ml-xs-30 {
		margin-left: 30px;
	}
	.mr-xs-30 {
		margin-right: 30px;
	}
	/*margin-xs-30 end*/

	.fact-container {
		width: calc(100% - 350px);
		margin-left: auto;
		margin-right: auto;
	}

	.fact-icon {
		top: calc(50% - 20px);
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.main-banner {
		height: 500px;
	}

	.img-preview {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.blog-header h1 {
		font-size: 40px;
	}

	.comment-words {
		margin-left: 0;
	}

	.contact-info > ul {
		margin-left: 0;
	}
}

@media(max-width: 750px) {
	.single-pack {
		width: calc(100% - 330px);
	}
}

@media(max-width: 700px) {
	.fact-container {
		width: calc(100% - 250px);
	}

	.single-pack {
		width: calc(100% - 280px);
	}

	.short-quate > .container > h3,
	.short-quate > .container > span {
		display: block;
		text-align: center;
		float: none !important;
	}

	.short-quate > .container > h3 {
		margin-bottom: 15px;
	}

	.short-quate > .container > h3 i {
		display: none;
	}

	.single-news {
		width: calc(100% - 150px);
	}
}

@media(max-width: 650px) {
	.single-process {
		width: calc(100% - 200px);
	}

	.single-pack {
		width: calc(100% - 220px);
	}
}

@media(max-width: 600px) {
	.banner-text {
		width: 90%;
		padding: 40px;
	}

	.single-pack {
		width: calc(100% - 180px);
	}

	.fact-container {
		width: calc(100% - 200px);
	}
}

@media(max-width: 550px) {
	.single-process {
		width: calc(100% - 100px);
	}

	.single-pack {
		width: calc(100% - 120px);
	}

	.fact-container {
		width: calc(100% - 100px);
	}

	.single-news {
		width: calc(100% - 100px);
	}

	.created-by {
		display: block;
	}
}

@media(max-width: 500px) {
	.banner-text {
		width: calc(100% - 20px);
		padding: 20px;
	}

	.single-pack {
		width: calc(100% - 80px);
	}

	.img-preview {
		width: 100%;
	}

	.filtr-item {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}

	.filtr-item:not(:last-of-type) {
		margin-bottom: 0
	}

	.project-container {
		width: calc(100% - 100px);
		margin-left: auto;
		margin-right: auto;
	}

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

	.blog-header h1 {
		font-size: 30px;
	}

	.blogger {
		bottom: -115px;
		right: calc(50% - 50px);
		-webkit-box-shadow: 0 -5px 10px -3px rgba(0,0,0,.3);
		box-shadow: 0 -5px 10px -3px rgba(0,0,0,.3);
	}

	.blog-banner {
		margin-bottom: 110px;
	}

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

	.comment-form-area input {
		width: 100%;
	}

	.comment-form-area input:nth-of-type(2) {
		margin-top: 0;
	}

	.blog-info {
		width: calc(100% - 30px);
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

	.blog-info li {
		display: block;
	}

	.contact-icon i {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.contact-icon i:before {
		font-size: 20px;
	}

	.contact-txt,
	.contact-txt > span {
		font-size: 15px;
		letter-spacing: 1px;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	.footer-social a {
		width: 20px;
		height: 20px;
		line-height: 18px;
		font-size: 13px;
	}

	.footer-social a:before {
		width: calc(100% - 8px);
		left: 4px;
	}

	.footer-form input {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.footer-form input:first-of-type {
		margin-bottom: 30px;
	}

	.main-slider .btn-prime span {
		padding: 10px 30px;
		letter-spacing: 5px
	}

	.main-slider .owl-dots {
		bottom: 10px;
		right: 10px;
	}

	.main-slider .owl-dot {
		font-size: 25px;
		display: block;
		margin-right: 0
	}

	.main-slider .owl-dot:after {
		position: absolute;
		content: '';
		width: 10px;
		height: 1px;
		background: rgba(255,255,255,.6);
		top: calc(50% - 1px);
		left: calc(100% + 5px);
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}

	.main-slider .owl-dot.active:after {
		background: rgba(255,255,255,1);
	}

	.main-slider .owl-prev,
	.main-slider .owl-next {
		opacity: .5;
	}

	.main-slider .owl-prev {
		left: 0;
	}

	.main-slider .owl-next {
		right: 0;
	}

	.main-slider .owl-prev:hover,
	.main-slider .owl-next:hover {
		opacity: 1;
	}
}

@media(max-width: 450px) {
	.main-banner {
		height: 400px;
	}

	.banner-text h1 {
		font-size: 30px;
	}

	.single-process {
		width: calc(100% - 50px);
	}

	.service-slider {
		padding-right: 20px;
	}

	.single-pack {
		width: calc(100% - 20px);
	}

	.short-quate {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.short-quate h3 {
		letter-spacing: 0;
		margin-top: 0;
	}

	.filter-list li span {
		letter-spacing: 2px;
		font-size: 12px;
		padding: 5px 10px;
	}

	.fact-container {
		width: 100%;
	}

	.single-news {
		width: calc(100% - 30px);
	}
}

@media(max-width: 400px) {
	.contact-txt {
		display: block;
		margin-top: 10px;
	}

	.contact-icon {
		border: 5px solid #000;
		border-bottom: none;
	}

	.contact-icon:before,
	.contact-icon:after {
		height: 5px;
		width: calc(50% - 8px);
		top: 100%;
	}

	.contact-icon:before {
		left: -5px;
	}

	.contact-icon:after {
		right: -5px;
	}

	.contact-info {
		text-align: center;
	}

	.contact-info li:not(:last-of-type) {
		margin-bottom: 40px;
	}

	.opb-17 {
		display: block;
	}
}

@media(max-width: 380px) {
	.banner-text h1 {
		font-size: 25px;
	}

	.single-process {
		width: 100%;
	}

	.single-pack h1 {
		padding-top: 20px;
	}

	.single-pack:before,
	.single-pack:after,
	.single-pack h1:before {
		content: '';
		display: none;
	}

	.pricing-list:before {
		position: absolute;
		content: '';
		width: calc(100% + 20px);
		height: calc(100% + 160px);
		top: -100px;
		left: -10px;
		border: 10px solid #fff;
	}

	.short-quate h3 {
		font-size: 18px;
		line-height: 25px;
	}

	.project-container {
		width: calc(100% - 50px);
		margin-left: auto;
		margin-right: auto;
	}

	.fact-icon {
		top: 50px;
		left: 60px;
	}

	.single-news {
		width: 100%;
	}

	.news-img a:after {
		display: none;
	}

	.single-comment.reply-comment {
		width: 100%;
		margin-left: 0;
	}

	.comment-by {
		text-align: center;
		padding-bottom: 20px;
	}

	.comment-img,
	.comment-info {
		float: none;
		width: 100%;
		display: block;
		clear: both;
	}
}

@media(max-width: 320px) {
	.single-process {
		padding-left: 15px;
	}

	.project-container {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}