@media screen and (min-width: 768px) { 
	body.page-template-default main#primary,
	body.single-project main#primary,
	body.post-type-archive-project main#primary {
	  /*max-width: 1170px;*/
	  margin-top: 150px;
	}

}
@media screen and (max-width:768px) { 

	.entry-content {
		padding: 0 10px;
	}

	.fancybox-caption {
		bottom: 70px !important;
		/*top: 0 !important;*/
	}

	main#primary {
		width: 100%;
		/*padding-top: 10px;*/
		padding-left: 0;
	}

	.main-grid-2 {
		display: block;
		min-height: unset;
	}

	.main-grid-2 .fixedframe {
		min-height: 40vh;
		margin-bottom: 10px;
	}

	.slick-arrow {
		display: none;
	}
	#masthead {
		display: none;
	}

	.grid-top-2.with-logo > .grid-2 {
	    grid-template-columns: auto;
	    justify-content: center;
	    text-align: center;
	}

	.grid-top-2.with-logo > .grid-2 > .logo-image {
		margin: 0 auto;
	}
	img.custom-logo {
		max-height: 60px;
		width: auto;
	}

	#swipemenu ul.mainmenu li:nth-child(2) {
		display: flex;
		justify-content: flex-end;
	}

	a.mobile-contact-btn {
		font-size: 35px;
		line-height: 60px;
		color: #fff;
	}

	span#menum {
		margin-left: 15px !important;
	}

	ul.slick-dots {
		position: fixed;
	    bottom: 60px;
	    padding-bottom: 10px;
	    background: #000000dd;
	    width: 100%;
	    z-index: 10;
	    top: unset;
	}

	.slick-arrow {
	    top: unset;
	    bottom: 60px;
	    z-index: 11;
	    font-size: 3rem;
	}

	.slick-right {
    	right: 10%;
    	left: unset;
	}

	.slick-left {
		left: 10%;
	    right: unset;
	}

	.fixedframe {
		/*min-height: 20vh;*/
	}

	.grid-top-2,.main-grid-3 {
		grid-template-columns: 1fr;
		min-height: unset;
		margin: 0;
    	grid-gap: 0;
	}

	.logo-text {
		font-size: 1.25rem;
	}

	img.custom-logo {
		margin: 5px;
	}

	.slick-arrow:hover:before{
		content: none;
	}
	.slick-arrow:hover:after {
		font-size: 1rem;
		top: -1rem;
		bottom: unset;
	}

	.slick-arrow.slick-right:hover:after {
		right: -1rem;
		left: unset;
	}

	#page {
		padding-bottom: 100px;
	}

}