@media screen and (min-width: 1200px) and (max-width: 1365px) {
	.single h1,
	.single h4 {
		font-size: 1.3rem;
	}
	.meta-container .work-meta,
	.post-meta {
		font-size: .9rem;
	}
}

@media screen and (max-width: 1199px) {
	.side-card,
	.side-card .avatar,
	.side-card .navbar,
	.side-card .footer-socials {
		width: 250px;
	}
	.side-card .avatar {
		height: 300px;
		max-height: 300px;
	}
	.side-card .navbar {
		top: 300px;
		height: calc(100% - 360px);
		max-height: calc(100% - 360px);
	}
	.side-card .footer-socials {
		height: 60px;
		max-height: 60px;
	}
	
	#main {
		width: calc(100vw - 250px);
		margin-left: 250px;
	}
	
	.services .card .card-title {
		font-size: 1.3rem;
	}
	.services .card .card-body {
		padding-left: 0;
		padding-right: 0;
	}
	
	.pricing-plan.popular {
		order: 2;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.pricing-plan:not(.popular) {
		order: 1;
	}
	.pricing-plan.popular .pricing-header {
		border-radius: 50px 50px 0 0;
		border-top: 0;
	}
	.pricing-plan.popular .pricing-footer {
		border-radius: 0 0 50px 50px;
		border-bottom: 0;
	}
	.pricing-plan.left-plan:before {
		content: '';
		position: absolute;
		left: 100%;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 70%;
		background-image: linear-gradient(to bottom, rgba(var(--divider-color) .1) 0%, rgba(var(--divider-color) 1) 50%, rgba(var(--divider-color) .1) 100%);
	}
	.pricing-header .pricing-title {
		font-size: 1.7rem;
	}
	
	.single h1,
	.single h4 {
		font-size: 1.3rem;
	}
	.meta-container .work-meta,
	.post-meta {
		font-size: .9rem;
	}
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
	.stats .counter {
		font-size: 4rem;
	}
	.skills label {
		font-size: .9rem;
	}
	
	.single .post-image {
		height: auto;
	}
	.single-post .post-image img {
		position: relative;
		top: 0;
		padding: 0;
		transform: translateY(0);
	}
}

@media screen and (max-width: 991px) {
	.side-card {
		display: none;
	}
	
	.topbar {
		visibility: visible;
	}
	
	#main {
		width: 100vw;
		margin-left: 0;
		margin-top: 70px;
		height: calc(100vh - 70px);
	}
	
	.pricing-plan {
		order: 0 !important;
	}
	.pricing-plan.popular {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.pricing-plan.left-plan {
		padding-right: 0px !important;
	}
	.pricing-plan.right-plan {
		padding-left: 0px !important;
	}
	.pricing-plan.popular .pricing-header {
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: var(--secondary-color);
		border-radius: 0;
	}
	.pricing-plan.left-plan:before {
		content: none;
	}
	.pricing-plan.left-plan .pricing-header {
		border-top-right-radius: 0;
		border-right-width: 0;
	}
	.pricing-plan.right-plan .pricing-header {
		border-top-left-radius: 0;
		border-left-width: 0;
	}
	.pricing-plan.left-plan .pricing-body {
		border-width: 0 0 0 1px;
		border-style: solid;
		border-color: var(--secondary-color);
	}
	.pricing-plan.right-plan .pricing-body {
		border-width: 0 1px 0 0;
		border-style: solid;
		border-color: var(--secondary-color);
	}
	.pricing-plan.popular .pricing-footer {
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: var(--secondary-color);
		border-radius: 0;
	}
	.pricing-plan.left-plan .pricing-footer {
		border-bottom-right-radius: 0;
		border-right-width: 0;
	}
	.pricing-plan.right-plan .pricing-footer {
		border-bottom-left-radius: 0;
		border-left-width: 0;
	}
	
	.single .post-image {
		height: auto;
	}
	.single-post .post-image img {
		position: relative;
		top: 0;
		padding: 0;
		transform: translateY(0);
	}
	
	.comments .media .media {
		margin-left: -30px
	}
}

@media screen and (min-width: 768px) and (max-width: 800px) {
	.works-filter li a {
		font-size: .9rem;
	}
	.work-item .card-title a,
	.blog-item .card-title a,
	.related-works .card-title a {
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 767px) {
	.greeting h1 {
		font-size: 3.5rem;
	}
	
	.services .services-row:last-child .card:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		width: 70%;
		height: 1px;
		background-image: linear-gradient(to right, rgba(var(--divider-color) .1) 0%, rgba(var(--divider-color) 1) 50%, rgba(var(--divider-color) .1) 100%);
	}
	.services .services-row .card:first-child {
		border-radius: 50px 50px 0 0;
	}
	.services .services-row .card:last-child,
	.services .services-row:last-child .card:first-child {
		border-radius: 0;
	}
	.services .services-row:last-child .card:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		height: 1px;
		background-image: linear-gradient(to right, rgba(var(--divider-color) .1) 0%, rgba(var(--divider-color) 1) 50%, rgba(var(--divider-color) .1) 100%);
	}
	.services .card:not(:nth-of-type(3n)):after {
		display: none;
	}
	.services .services-row:last-child .card:last-child {
		border-radius: 0 0 50px 50px;
	}
	.services .services-row:last-child .card:last-child:before {
		display: none;
	}
	
	.pricing-plan.popular {
		order: 2 !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.pricing-plan:not(.popular) {
		order: 1 !important;
	}
	.pricing-plan.popular .pricing-header {
		border-radius: 50px 50px 0 0;
		border-top: 0;
	}
	.pricing-plan.popular .pricing-footer {
		border-radius: 0 0 50px 50px;
		border-bottom: 0;
	}
	.pricing-plan.left-plan:before {
		content: '';
		position: absolute;
		left: 100%;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 70%;
		background-image: linear-gradient(to bottom, rgba(var(--divider-color) .1) 0%, rgba(var(--divider-color) 1) 50%, rgba(var(--divider-color) .1) 100%);
	}
	.pricing-header .pricing-title {
		font-size: 1.7rem;
	}
	
	.works-filter li a {
		font-size: .9rem;
	}
	
	.blog-item .card-title {
		font-size: 1.3rem;
	}
	
	.single h1,
	.single h4 {
		font-size: 1.5rem;
	}
	.meta-container .work-meta,
	.post-meta {
		font-size: 1rem;
	}
	.related-works .card-title {
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 719px) {
	.full-nav {
		display: none !important;
	}
	.responsive-nav {
		display: block !important;
	}
	
	.timeline {
		padding-left: 50px;
	}
	
	.comments .media .media {
		margin-left: -60px;
	}
}

@media screen and (max-width: 575px) {
	.greeting * {
		text-align: center;
	}
	.greeting h1 {
		font-size: 3rem;
	}
	.greet,
	.expertise > h4	{
		font-size: 1.5rem;
	}
	.expertise > h4 {
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.section-title {
		text-align: center;
	}
	
	.pricing-plan:not(.popular),
	.pricing-plan.popular {
		order: 0 !important;
	}
	.pricing-plan.left-plan {
		padding-right: 15px !important;
	}
	.pricing-plan.left-plan:before {
		content: none;
	}
	.pricing-plan.left-plan .pricing-header,
	.pricing-plan.left-plan .pricing-body,
	.pricing-plan.left-plan .pricing-footer {
		border-right: 1px solid var(--secondary-color);
	}
	.pricing-plan.left-plan .pricing-header {
		border-top-right-radius: 50px;
	}
	.pricing-plan.left-plan .pricing-footer {
		border-bottom-right-radius: 50px;
	}
	.pricing-plan.right-plan {
		padding-left: 15px !important;
	}
	.pricing-plan.right-plan .pricing-header {
		border-top-left-radius: 50px;
	}
	.pricing-plan.right-plan .pricing-footer {
		border-bottom-left-radius: 50px;
	}
	.pricing-plan.right-plan .pricing-header,
	.pricing-plan.right-plan .pricing-body,
	.pricing-plan.right-plan .pricing-footer {
		border-left: 1px solid var(--secondary-color);
	}
	
	.timeline {
		padding-left: 40px;
	}
	.timeline li .date {
		font-size: .9rem;
	}
	
	.blog-item .card-title {
		font-size: 1.5rem;
	}
	
	.comments .media img {
		width: 50px;
		height: 50px;
	}
	.comments .reply:before {
		content: '/';
		position: absolute;
		left: 0;
		top: 0;
	}
	.comments .media .media {
		margin-left: -82px;
	}
	
	.comment-form .form-group:first-child {
		padding-right: 0;
	}
	
	.page-404 p {
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 479px) {
	.inner-page {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	
	.greeting h1 {
		font-size: 2rem;
	}
	.greet,
	.expertise > h4	{
		font-size: 1.3rem;
	}
	
	.timeline {
		padding-left: 30px;
	}
	.timeline li .date {
		right: calc(100% + 15px);
		font-size: .8rem;
	}
	
	.blog-item .card-title {
		font-size: 1.3rem;
	}
	
	.single h1,
	.single h4 {
		font-size: 1.3rem;
	}
	.meta-container .work-meta,
	.post-meta {
		font-size: .9rem;
	}
	
	.page-404 h1 {
		font-size: 8rem;
	}
	.page-404 p {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 400px) {
	.mobile-nav {
		width: 100vw;
	}
	.mobile-nav .navbar .nav-item {
		padding-left: 5.5rem !important;
		padding-right: 5.5rem !important;
	}
	
	.skills h4 {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 359px) {
	.skills h4 {
		font-size: 1.1rem;
	}
}

@media screen and (max-height: 800px) {
	.mobile-nav {
		justify-content: space-between;
	}
}

@media screen and (min-height: 801px) {
	.mobile-nav {
		justify-content: flex-start;
	}
}