@media (min-width: 1400px) {
	.container {
		max-width: 1140px;
	}
}

@media (max-width: 1024px) {
	.dtr-portfolio-grid-2col .dtr-portfolio-item,
	.dtr-portfolio-grid-3col .dtr-portfolio-item,
	.dtr-portfolio-grid-4col .dtr-portfolio-item {
		width: 50%;
	}
}

@media (max-width: 992px) {
	.container {
		width: 100%;
		max-width: 100%;
	}
	.small-device-top-space {
		margin-top: 30px !important;
	}
	.dtr-footer-col-shrink,
	.padding-r-50 {
		padding-right: 0;
	}
	.width-50-center-align,
	.width-50-right-align,
	.width-50-left-align {
		width: 100%;
		margin: 0;
	}
	.dtr-about__heading {
		margin: 10px 0 0 35px;
	}
	.dtr-testimonial__content {
		padding: 0;
	}
	.hero-text-shrink {
		max-width: 100%;
	}
	.dtr-footer-btn,
	.dtr-copyright-col-2 {
		text-align: left;
	}
	#dtr-topbar,
	#dtr-header-global,
	#dtr-header-global.header-fixed,
	.dtr-navigation-trigger,
	.dtr-sidemenu-wrapper,
	.dtr-sidemenu-scroll,
	.dtr-navigation-close-trigger,
	.dtr-navigation-close-trigger.is-visible {
		display: none;
	}
	#dtr-responsive-header,
	.slicknav_menu,
	#dtr-resp-menu-button {
		display: block;
	}
	.dtr-hamburger {
		display: inline-block;
	}
	.dtr-page-title {
		padding: 60px 0 !important;
	}
}

@media (max-width: 782px) {
	.hero-section {
		padding: 100px 0;
	}
	.heading-404 {
		font-size: 7em;
	}
	.dtr-intro--spaced-col {
		display: block;
		text-align: center;
	}
	.dtr-intro--spaced-col .dtr-intro__heading {
		margin-bottom: 30px;
	}
	.dtr-skills {
		display: block;
		margin-bottom: 20px;
	}
	.dtr-skills__heading {
		display: block;
		margin: 0 0 5px 0;
		padding: 0;
	}
	.dtr-skills__dots {
		display: block;
		margin-left: 0;
		text-align: left;
	}
	.hero-wheel,
	.home-2-star,
	.resume-star,
	.contact-star,
	.dtr-about2__circle-text {
		display: none;
	}
	.dtr-about2__sign-wrap {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 20px;
	}
	.dtr-portfolio-grid-2col,
	.dtr-portfolio-grid-3col,
	.dtr-portfolio-grid-4col {
		margin: 0;
	}
	.dtr-portfolio-grid-2col .dtr-portfolio-item,
	.dtr-portfolio-grid-3col .dtr-portfolio-item,
	.dtr-portfolio-grid-4col .dtr-portfolio-item {
		width: 100%;
		padding: 0;
	}
	.dtr-single-post-nav {
		display: block;
	}
	.dtr-single-nav__prev {
		width: 100%;
		padding-right: 0;
	}
	.dtr-single-nav__next {
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
		text-align: left;
	}
	#dtr-footer-section .text-right {
		text-align: left;
	}
}