/*-------------------------------------------------
	1. Screen Resolution 768px and above
-------------------------------------------------*/
@media (min-width: 768px) {
	.input-split {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
	    display: flex;
	    width: 100%;
	}
	.input-split input {
		display: inline-block;
		width: 50%;
	}
	.input-split input:first-child {
		margin-right: 3px;
	}
	.input-split input:last-child {
		margin-left: 3px;
	}
}

/*-------------------------------------------------
	2. Screen Resolution 992px and above
-------------------------------------------------*/
@media (min-width: 992px) {
	.nav-item:last-child .dropdown-menu {
		right: 0;
		left: auto;
	}

	.portfolio-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
	   	display: flex;
		width: 25%;
		/*width: 276px;*/
	}

	.blog-post-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
	    display: flex;
		margin-bottom: 30px;
	}
	.blog-img, 
	.blog-content {
		display: inline-block;
		width: 50%;
	}
	.blog-img {
		padding-right: 15px;
	}
	.blog-content {
		margin: auto 0;
		padding-left: 15px;
	}
}

/*-------------------------------------------------
	3. Screen Resolution less than 992px
-------------------------------------------------*/
@media (max-width:992px) {
   .noheavysources {
      display:none;
   }
}
    
@media (min-width:993px) {
   .noheavysources-yesligthjpgs {
       display:none;
   }
}

@media (max-width: 992px) {
	h1 {
		font-size: 42px;
		line-height: 56px;
	}

	.toggle-btn {
		visibility: visible;
		opacity: 1;
		-webkit-transition: ease-out 0.2s;
		transition: ease-out 0.2s;
	}

	.nav {
		position: fixed;
		top: 48px;
		left: 0;
		visibility: hidden;
		opacity: 0;
		background: #fff;
		width: 100%;
		padding: 30px 20px;
		border-bottom: 1px solid rgb(235, 235, 235);
		-webkit-transition: ease-out 0.2s;
		transition: ease-out 0.2s;
	}
	.navbar-shrink .nav {
		top: 60px;
	}
	.navbar-dark .nav {
		background: rgb(20, 20, 20);
	}
	.navbar-transparent .nav {
		background: rgba(255, 255, 255, 0.95);
	}
	.navbar-transparent.navbar-dark .nav {
		background: rgba(0, 0, 0, 0.9);
	}
	.nav-show {
		visibility: visible;
		opacity: 1;
	}
	.nav-item {
		width: 100%;
		margin-bottom: 25px;
	}
	.nav-item:last-child {
		margin: 0;
	}
	.nav-link {
		display: inline-block;
	}
	.dropdown-menu {
		top: 25px;
	}

	.portfolio-item {
		width: 50%;
	}

	.blog-post-box {
		margin-bottom: 60px;
	}
	.blog-img {
		margin-bottom: 30px;
	}

	.pricesWrapper {
		margin-bottom: -30px;
	}
	.prices-box {
		margin-bottom: 30px;
	}
}

/*-------------------------------------------------
	4. Screen Resolution less than 768px
-------------------------------------------------*/
@media (max-width: 768px) {
	h1 {
		font-size: 36px;
		line-height: 50px;
	}

	.container {
		padding: 0 20px;
	}

	.container.align-left .scroll-down-button {
		left: 20px;
	}
	.container.align-right .scroll-down-button {
		right: 20px;
	}

	.about-box {
		margin-bottom: 30px;
	}
	.about-box:last-child {
		margin: 0;
	}

	.portfolio-item {
		width: 100%;
	}

	.team-box {
		margin-bottom: 30px;
	}
	.team-box:last-child {
		margin: 0;
	}

	.contact-info-box {
		margin-bottom: 30px;
	}
	.contact-info-box:last-child {
		margin: 0;
	}
	.submit-result {
		bottom: -30px;
		width: 100%;
		text-align: center;
	}
	.submit-result span {
		position: absolute;
		top: 0;
		display: block;
		width: 100%;
	}
}