@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-area-vr,	.tab-area-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-area-vr-right .tab-list-vr {		order: 2	}	.tab-area-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-area {		margin-right: -15px;		margin-bottom: 50px;	}	.skillNfacts:before {		width: 100%;		height: 50%;	}	.skillNfacts:after {		width: 100%;		height: 50%;				top: 50%;	}	.facts-area-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-area,	.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-area {		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-area {		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-area {		padding-left: 0;		padding-right: 0;	}	.comment-title {		padding-left: 15px;	}	.comment-title:before {		left: 15px;	}}@media(max-width: 500px) {	.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: 70%;	}	.filtr-item {		width: 100%;		padding-left: 50px;		padding-right: 50px;	}	.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-area {		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-area {		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;	}}