/*SINGLE PROJECT / PORTFOLIO*/
@media(min-width:1681px){
    .portfolio-laptop {
        max-width: 845px;
        margin: 0 auto;
        width: 845px;
        text-align: center;
        padding: 0;
        background: url("/img/portfolio/portatile.png");
        background-size: cover;
        background-clip: border-box;
        padding: 25px 100px 72px;
        background-repeat: no-repeat;
        height: auto;
        text-align: center;
        height: 510px;
        width: 845px;
    }
    .portfolio-laptop > img{
        display: none !important;
    }
    .portatile-container {
        position: static;
        width: 845px;
        margin: 0 auto;
        display: inline-block;
        height: auto;
        object-fit: cover !important;
        display: block;
        width: 100%;
        height: auto;
        display: inline-block;
        display: block;
        height: 100%;
    }
}

@media(min-width:1440px)and (max-width:1680px)
{
    .portatile-container {
        position: absolute;
        top: 5.5%;
        bottom: 15.5%;
        right: 13.5%;
        left: 13.5%;
        overflow: hidden;
        border-radius: 2px;
    }
    .portfolio-laptop {
        max-width: 845px;
        margin: 0 auto;
    }
}

/*HEADER*/
/*navbar*/
@media(max-width:767px){
    #cookie-bar p {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

    .logo-dark {
    	max-width: 50px !important;
    }
    .logo-cont {
        position: relative;
        bottom: -2px;
    }
    .netskin-text {
    	margin-left: 5px;
    	font-size: 20px;
    	position: relative;
    	bottom: -6px;
    	color: #0EB3DF !important;
    }
    .navbar .navbar-toggle {
    	margin: 11px 15px 0;
    }
    
    #hero {
    	height: 100%;
    	max-height: 480px;
    	min-height: 480px;
    }
    .hero-content .container {
    	padding: 0px 40px;
    	margin-top: 150px;
    }
    
    .triangle-container {
    	bottom: -50px;
    	height: 100px;
    	width: 100px;
    	left: 0;
    	right: 0;
    }
}
@media(min-width:769px) and (max-width:1023px)
{
    .hero-content .container {
    	margin-top: 150px;
    }
}
@media(min-width:481px) and (max-width:640px)
{
    .hero-content .container {
        padding: 0px 40px;
        margin-top: 100px;
    }
}
@media(max-width:480px)
{
    .hero-content .container {
    	padding: 0px 20px;
    	margin-top: 75px;
    }
}
/*HERO*/
@media(max-width:767px){

    .mobile-header
    {
        display:block;
    }
    
    .large-header{
        display:none;
    }
    
    #azienda{
        z-index:1; /*z-index 1 per coprire il triangolo di scroll*/
    }
    
    .parallax-container .parallax {
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	background-image: url("../images/parallax-header.jpg");
    	/* background-size: 150% 150%; */
    	background-repeat: no-repeat;
    	background-size: cover !important;
    	opacity: 1;
    }
}