.mobile-menu{
	display: none;
	position: fixed;
    right: 30px;
    top: 70px;
	text-align: right;
    width: 35px;
    line-height: 14px;
}

.wpp-footer-desk{
    display: none;
}

@media screen and (min-width: 700px){

	.big-phrase-holder{
		margin-top: 50px
	}

}

.mobile-menu .bar{
	width: 35px;
	height: 6px;
	background: #417cd5;
	display: inline-block;
}

.menu-open .mobile-menu .bar.tiny{
	width: 30px;
}

.menu-open .mobile-menu-overlay{
	display: block;
}

.menu-open .right-side{
	display: block;
}

nav .right-side ul li.site-menu{
	display: none;
}

nav .right-side ul li.site-menu img{
	max-width: 80%;
}

.mobile-menu-overlay{
    display: none;
    opacity: 0.6;
    background: black;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
}

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

	nav .right-side ul li{
		margin: 20px 8px !important;
	}

}

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

	.home-li{
		display: none !important;
	}

}

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

	/*.projetos-nav{
		display: none !important;
	}*/

}

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

	nav .right-side ul li{
		margin: 20px 3px !important;
    	font-size: 1em;
	}

	nav .contact-btn{
	    padding: 5px 8px;
	}

}

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

    .wpp-footer-desk{
        display: inline-block;
    }

	.redes-nav, .projetos-nav{
		display: inline-block !important;
	}

	.brs{
		display: none;
	}

	.presentation-id .vid video{
		width: 100%;
	}

	.presentation-id .big-phrase{
		font-size: 3em;
	    text-align: center !important;
	}

	.presentation-id .small-phrase{
		width: 100%;
	    text-align: center;
	}

	.oxinfo{
		position: unset !important;
	    width: 33%;
	    margin: 18px 0 20px;
	}

	.leftbtn{
		text-align: center !important;
	}

	.presentation-id .small-phrase-2{
		width: 100% !important;
	}

	.align-footer {
		flex-direction: column;
		max-width: 70%;
		margin: 0 auto;
	}

	.mobile-menu{
		display: inline-block;
	}

	nav .right-side{
		display: none;
	    width: 260px;
	    height: 100%;
	    background: white;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 1000;
	    padding: 20px;
	    overflow: auto;
	}

	nav .right-side ul li{
	    color: #383838;
	    font-size: 2em;
	    margin: 30px 10px;
	    display: block;
	}

	nav .right-side ul li a{
		color: #383838 !important;
	}

	nav .right-side ul li.site-menu{
		display: block;
	    font-family: times;
	    font-size: 3em;
	}

	nav .right-side ul li.site-menu .yellow{
		color: #fde200;
	}

	.presentation .prases{
		width: 90%;
	}

	.social-marketing h3{
		font-size: 1.4em;
	}

}

.suhai-brand, .tokio-marine-brand{
    /*margin-top: 30px !important;*/
}

.tokio-marine-brand{
    /*margin-left: 100px !important;*/
}

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

    .tokio-marine-brand{
        margin-left: 25px !important;
    }

	.click-for-tel{
		width: unset;
	}

	.slider-topics .slider-1, .slider-topics .slider-2, .slider-topics .slider-3, .slider-topics .slider-4{
	    background: white;
	    border: 1px solid silver;
	    font-size: 12px;
	    padding-bottom: 10px;
	    width: 23%;
	    margin: 0;
	}

	.slider-topics .img{
		max-width: 100%;
		height: 80px;
	}

	.slider-topics {
    	width: 100%;
    }

    .brands img{
    	max-width: 100%;
    	margin: 25px;
    }

	.social-marketing h3{
		font-size: 1.2em;
	}

	.we-take-care{
		width: 300px;
		margin: 0 auto;
	}

/*	.slider-topics .slider-1, .slider-topics .slider-2, .slider-topics .slider-3, .slider-topics .slider-4{
		color: white;
	}*/

	footer .align-left{
		text-align: center;
	    width: 100%;
	}

	h1.big-phrase{
		font-size: 3em;
	    margin: 0 auto;
	    padding: 0 2%;
	    /*width: 80%;*/
	}

	.services .service{
		width: 40%;
		vertical-align: top;
	}

	.contact-section .or{
		margin: 20px;
		display: block;
	}

	.coligare-footer{
		width: 60%;
	}

    h1.big-phrase{
        letter-spacing: 5px;
    }

}

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

	nav .top-nav{
		font-size: 0.9em;
	}

	nav .logo-name{
		display: none;
	}

	nav .logo{
		/*width: 235px;*/
	}

	.mobile-menu{
		line-height: 10px;
	}

	.mobile-menu .bar{
		width: 30px;
		height: 4px;
	}

	.projetos .projeto img{
		width: 40%;
	}

}

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

	nav .top-nav .tel{
	    float: unset;
	}

	nav .top-nav{
		text-align: center;
	}

	nav .top-nav .mail{
		display: none;
	}

	nav{
		padding-top: 40px;
	}

	nav .logo{
		width: 100px;
		margin-bottom: -30px;
	}

	.mobile-menu{
		top: 70px;
	}

/*	.small-phrase{
		font-size: 0.9em;
	}
*/
	.social-network ul{
		text-align: center;
		list-style: none;
		width: unset;
		font-size: 1em;
	}

}

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

	h1.big-phrase{
		font-size: 2.5em;
	}

}

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

/*    .small-phrase{
        margin-top: 12px;
    }*/

}

@media screen and (max-height: 600px){

/*    .small-phrase{
        margin-top: -50px;
    }*/
/*
    .big-phrase-holder{
        margin-top: 
    }
*/
    .presentation{
        padding-top: 170px;
    }

}