/*-----------------------------------------------------
Table of Contents
- @media(max-width: 1200px)
- @media(max-width: 1080px)
- @media(max-width: 985px)
- @media(max-width: 768px)
- @media(max-width:575px)
- @media(max-width:575px)


------------------------------------------------------*/

/* Start @media(max-width:1200px) */

@media(max-width: 1200px) {

	.container{
		margin-left: 32px;
		margin-right: 32px;
	}

	.resume .content p br {
		content: " ";
	}

	.resume .content p {
		width: 80%;
	}
}

/* Start @media(max-width:1080px) */

@media(max-width: 1080px) {

	.hero p  {
		width: 100%;
	}

	.resume .image .img-decor {
		left: -40px;
	}

	.pop-up {
		width: 80%;
	}

}

/* Start @media(max-width:985px) */

@media(max-width: 985px) {

	.hero-content {
		margin-right: 3%;
		width: 50%;
	}

	.hero-img {
		width: 47%;
	}

	.hero h1 {
		font-weight: 700;
		font-size: 3rem;
		line-height: 110%;
		letter-spacing: -1.5px;
	}

	.hero p {
		margin: 23px 0 33px 0;
	}

	.cta-button,
	.btn-secondary {
		display: block;
		text-align: center;
		margin: 0 0 16px 0;
	}

	.services-list,
	.testimonials-wrapper,
	.works .container,
	.blog .container {
		justify-content: flex-start;
	}

	.services-list .service-item,
	.testimonials-item,
	.works .container .works-item,
	.blog .container .blog-entry {
		width: 48.5%;
	}

	.services-list .service-item:nth-of-type(even),
	.testimonials-wrapper .testimonials-item:nth-of-type(even),
	.works .container .works-item:nth-of-type(even),
	.blog-entry:nth-of-type(even)  {
		margin: 0 0 0 3%;
	}

	.services-list .service-item:nth-of-type(3),
	.testimonials-wrapper .testimonials-item:nth-of-type(3),
	.works .container .works-item:nth-of-type(3),
	.blog .container .blog-entry:nth-of-type(3)  {
		margin-top: 32px;
	}

	.resume .container {
		display: block;
	}

	.resume .content,
	.resume .image {
		margin: auto;
		width: 70%;
	}

	.resume .content {
		margin-bottom: 40px;
	}

	.resume .content p {
		margin: 20px 0 28px 0;
		width: 100%;
	}

	.resume .content h2 br {
		content: " ";
	}

	.contact-form {
		width: 100%;
	}
}

/* Start @media(max-width:768px) */

@media(max-width: 768px) {

	nav {
		display: none;
	}

	.open-nav {
		display: block;
	}

	.responsive-nav nav {
		display: block;
	}

	.hero .container {
		display: block;
	}

	.hero-content {
		margin: auto;
		width: 80%;
	}

	.hero-img {
		margin: 40px auto 0 auto;
		width: 80%;
	}

	.hero-content h1 br {
		content: " ";
	}

	.services-list,
	.testimonials-wrapper,
	.works .container,
	.blog .container {
		justify-content: space-around;
	}

	.services-list .service-item,
	.testimonials-item,
	.works .container .works-item,
	.blog .container .blog-entry,
	.resume .content,
	.resume .image {
		width: 80%;
	}

	.services-list .service-item:nth-of-type(even),
	.testimonials-wrapper .testimonials-item:nth-of-type(even),
	.works .container .works-item:nth-of-type(even),
	.blog .container .blog-entry:nth-of-type(even) {
		margin: 56px 0 0 0;
	}

	.services-list .service-item:nth-of-type(3),
	.testimonials-wrapper .testimonials-item:nth-of-type(3),
	.works .container .works-item:nth-of-type(3),
	.blog .container .blog-entry:nth-of-type(3) {
		margin-top: 56px;
	}

	footer {
		height: auto;
		line-height: normal;
		text-align: center;
		padding: 48px 0;
	}

	.copyright,
	.social-media {
		float: none;
	}

	.copyright {
		margin-bottom: 24px;
	}

	.social-media li {
		margin-left: 32px;
	}

	.pop-up {
		width: 90%;
	}

	.pop-up .content-wrapper {
		display: block;
	}

	.pop-up .content-wrapper .description {
	    margin-right: 0;
	    width: 100%;
	}

	.pop-up .content-wrapper .meta-info {
		margin-top: 24px;
	    width: 35%;
	}

	.pop-up .entry-title {
		width: 100%;
	}
}

/* Start @media(max-width:575px) */

@media(max-width: 575px) {

	.hero-content,
	.hero-img,
	.services-list .service-item,
	.testimonials-wrapper .testimonials-item,
	.works .container .works-item,
	.blog .container .blog-entry,
	.resume .content,
	.resume .image  {
		width: 100%;
	}

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

	.contact-form input[type=email] {
		margin-top: 32px;
	}

	.services,
	.works,
	.resume,
	.testimonials,
	.blog,
	.contact {
		padding: 88px 0;
	}

	.resume .image .img-decor {
		left: -10px;
		top: 20px;
		width: 120px;
	}

	.pop-up {
		padding: 40px 16px;
	}

	.pop-up .image {
	    height: 370px;
	}

	.pop-up .content-wrapper .meta-info {
		width: 100%;
	}
}

/* Start @media(max-width:475px) */

@media(max-width: 475px) {

	.container {
		margin-left: 16px;
		margin-right: 16px;
	}

	.responsive-nav {
		width: 270px;
	}

	.hero h1 {
		font-size: 2.5rem;
		line-height: 120%;
	}

	.hero-img {
		height: 470px;
	}

	.works-img {
		height: 370px;
	}

	.testimonials-item {
		padding: 24px 16px;
	}
}

/* Start @media(max-width: 375px) */

@media(max-width: 375px) {

	.hero h1 {
	    font-size: 2.3rem;
	}

	.services-list .service-item .icon {
	    height: 80px;
	    width: 80px;
	}

	.hero-img,
	.case-hero .hero-img {
	    height: 370px;
	}

}