@media only screen and (max-width: 480px) {
	
	header.main-header{
		/* bottom: -64.6px; */
		overflow: scroll;
		max-height: 55vh;
	}
	
	#welcome_video{
		/* height: 80vh; */
	}
	
	#welcome_video .big_caption{
		margin-top: 57px;
		font-size: 28px;
		padding: 0 30px;
	}
	
	#welcome_video .small_caption{
		font-size: 20px;
		padding: 0 20px;
		margin-top: 28px;		
	}
	
	.col-4.big.port-item{
		width: 33.3333%;
	}
	
	#portfolio_content.showed {
		/* padding-top: 91px; */
	}	
	
	body .grid,
	#projects, .projects_portfolio{
		overflow: hidden;
	}
	
	body.portfolio-page header h1,
	body.internal-page header h1{
		padding: 30px;
		margin-left: 20px;
	}
	
	body.portfolio-page .slicknav_menu .slicknav_btn,
	body.internal-page .slicknav_menu .slicknav_btn{
		margin: 29px 20px;
		outline: none;
		transform: scale(1.5);		
	}
	
	body .slicknav_nav .menu-item,
	body .slicknav_nav .menu-item{
		text-align: right;
		direction: rtl;
	}
	
	body.portfolio-page .slicknav_nav li a,
	body.internal-page .slicknav_nav li a{
		color: #000;
	}
	
	body .slicknav_collapsed .slicknav_arrow{
		transform: rotate(180deg);
	}
	
	body .slicknav_arrow{
		display: inline-block;
		right: 5px;
		position: relative;
		top: -1px;		
	}
	
	body article#content{
		padding: 0 21px;
	}
	
	body article#content .contact_row .col-3{
		width: 100%;
	}
	
	#team .item, #team .item:first-child, #team .item:nth-child(4n) {
		margin: 26px auto;
	}
		
	.page h2.title{
		padding: 10px 27px;		
	}
	
	.footer-item{
		margin: 57px 0;
	}
	
	.footer-bottom p.address{
		padding: 24px;
		line-height: 200%;		
	}
	
	.footer-bottom p.address br{
		margin: 20px auto;
		display: block;		
	}
	
	.footer-logo a{
		text-align: center;
	}
	
	.footer-logo {
		float: none;
		text-align: center;
		width: 72%;
		margin: 0 auto;
	}
	
	.footer-copyright{
		padding: 20px 42px;
	}
	
	.col-4.big.port-item,
	.col-4.big.port-item .portfolio-bg{
		/* width: 33.33333%; */
		height: 210px;
	}
	
	.portfolio-bg{
		background-size: cover;
	}
	
	.modal-title{
		margin-top: 42px;
	}
	
	.filters li{
		margin: 0;
	}
	
    .control-nav.right {
        /* right: -63px; */
    }
    .control-nav {
        left: -63px;
    }
    .control-nav:hover {
        left: -40px;
    }
    .right.control-nav:hover {
        right: -40px;
    }
	#portfolio_content .grid {
		max-width: 91%;
		padding: 2% 6%;
	}	
}

@media only screen and (max-width: 767px) {
    .pp-left-cont {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
	
    .pp-right-cont {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }	
}