@media screen and (max-width: 1520px) {
	.mobile {
		float: none;
    	max-width: 500px;
    	margin: auto;
    	clear: both;
    	padding: 50px;
    	padding-top: 0;
	}

	.mobile:first-child {
		margin-bottom: 50px;
	}

}

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

	#cookies-policy {
		text-align: left;
	}

	#cookies-policy-btn {
	    padding: 0px 10px;
	    margin: 15px auto 0 auto;
	}

	html {
		font-size: 18px;
	}

	.left-panel .page-images {
		position: relative;
		width: 100%;
		float: left;
		left: 16.66%;
	}


	.image-multiple {
		padding: 10px;
		width: 70%;
	}

	.panel-project.up {
	    transform: translateY(-280px);
	}

	.contacts-wrap {
		padding: 5%;
	}

	.contacts-box {
		margin-bottom: 25px;
	}

	.logo-client {
	    width: calc(16.66% - 30px);
	}

}

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

	.biscottone .image {
		background-size: contain;
	}

	.clients-label, .collabs-label {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.logo-client {
	    width: calc(16.66% - 30px);
	}


	.medium-big {
		font-size: 1.35rem;
	}

	.contacts-box-wrap {
		display: block;
	}

	.contacts-box-right {
		margin: 0;
		margin-top: 25px;
	}

	.site-info {
		flex-wrap: wrap;
	}

	.box {
		margin: 0;
		margin-top: 25px;
	}

	.box-1, .box-3 {
		margin-right: 12.5px;
	}

	.box-2, .box-4 {
		margin-left: 12.5px;
	}

	footer .column-info {
		margin-left: 25px;
		margin-right: 25px;
	}

	.panel-project.up {
	    transform: translateY(-265px);
	}

	html {
		font-size: 16px;
	}
	
	.left-panel {
		width: 75%;
	}

	.projects .project {
		width: 50%;
	}

	#qzr-menu li {
		text-align: left;
	}

	.page-flex {
		padding-bottom: 50px;
	}

	.friends-wrap .column-of-3 {
		width: 50%;
	}

	.employee {
		width: 100%;
	}

	.header-info {
		width: 68%;
	}

	.cookie-wrap {
		width: 60%;
	}

	.biscottone-wrap {
		width: 40%;
	}

}

@media (hover: none) {
	.slideshow {
		height: calc(100vh - 54px); 
	}
}

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

	.mobile {
		padding: 25px;
	}
	.vimeo-video {
		background: #fff;/*
		margin-left: 5%;
		margin-right: 5%;
		width: 90% !important;*/
	}
	.vimeo-video.vimeo-mobile {
		min-width: auto;
		margin-left: 0%;
		margin-right: 0%;
		width: 100% !important;
	}

	.single-project-wrapper .page-flex {
		padding-bottom: 0 !important;
	}

	.single-project-wrapper .content {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.social .icon {
		margin-right: 0;
	}

	.external-links {
		width: 90%;
    	margin: auto;
    	float: none;
	    clear: both;
    	background: #fff;
    	padding: 25px;
	}

	.employees-wrap .columns-10 {
		padding: 0;
	}

	.contacts-wrap .columns-1 {
		display: none;
	}

	.photo {
		margin-top: 25px;
	}

	#cookies-policy {
		padding-right: 0;
	}

	.cookie .content {
		margin-top: 
	}

	.biscottone {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.biscottone-responsive {
		height: 240px;
		display: block;
	}

	.biscottone-full {
		display: none;
	}

	.biscottone .image {
		height: 180px;
		background-size: contain;
	}

	#cookies-policy:before {
		display: none;
	}
	.header-info {
		display: block;
	}

	.header-info .collabs {
		margin-top: 15px;
	}

	.friends-wrap .column-of-3 {
		width: 33.33%;
	}

	.page-images .wrap-image {
		width: 100%;
	}

	.mobile-background {
		width: 100%;
    	padding: 0;
		padding-top: 25px;
		padding-bottom: 25px;    	
	}


	.mobile:first-child {
		margin-bottom: 25px;
	}

	.friends-content {
		margin-left: 0;
	}

	.clients-label, .collabs-label {
		margin-top: 0;
		margin-bottom: 25px;
	}

	.description-friends, .description-collabs {
		margin-bottom: 25px;
	}

	.logo-client, .logo-friend {
	    width: calc(24.99% - 30px);
	}

	.panel-last-child .template-1{
		padding-bottom: 25px;
	}


	.logo span {
		margin-left: 5px;
	}

	.wrapper-header {
		margin-top: 12px;
	}

	.image-multiple {
		padding-left: 0;
		padding-right: 0;
	}

	.contacts-content {
		display: block;
		margin-top: 0;
	}

	.content-left {
		display: none;
	}

	.responsive-content {
		display: block;
		margin-bottom: 25px;
	}

	.contacts-content div {
		margin-left: 0;
		margin-right: 0;
	}

	.team, .contacts, .projects {
		margin-top: 75px;
	}

	.box-wrapper {
		display: block;
		margin-top: 0;
	}

	.box {
		border: 0;
		padding: 0;
		margin: 0;
		margin-top: 12.5px;
	}

	.box-4 {
		margin-top: 25px;
	}

	.site-info {
		width: 100%; 
	}

	.social {
		justify-content: center;
	}

	/*.social .icon-2 {
		margin-left: 25px;
		margin-right: 25px;
	}*/

	.box-2 {
		padding: 0;
	}

	footer .column-privacy, footer .column-logo, footer .column-info {
		margin: 0;
		text-align: left;
		padding: 5px;
		padding-left: 25px;
	}

	footer .column-logo {
		padding-top: 25px;
	}

	footer .column-privacy {
		padding-bottom: 25px;
	}

	.site-info {
		display: block;
	}

	.page-section .list {
		display: none;
	}

	.medium-big {
		font-size: 1.2rem;
		line-height: 1.5;
	}

	.medium {
		font-size: 0.9rem;
		line-height: 1.5;
	}

	.white {
		background: #fff;
		padding: 0;
	}

	.white .columns-1 {
		display: none;
	}

	.white .wrap-arguments {
		width: 100%;
		padding: 25px;
	}

	.background-menu {
		box-shadow: none;
	}

	.background-menu .logo {
		margin-top: 10px;
	}

	#site-navigation {
		float: left;
		width: 100%;
	}

	#qzr-menu li, #qzr-menu li a {
		font-size: 36px;
		line-height: 60px;
	}

	.desktop-border {
		height: 15px;
		padding: 5px;
	}

	.desktop-button {
		width: 5px;
		height: 5px;
		margin-right: 5px;
	}

	.desktop-background {
		padding: 25px;
	}

	.employees, .employees .employee, .logos {
		margin-left: 0;
	}

	.team-wrap, .friends-wrap, .cookie-wrap  {
		padding: 25px;
	}

	.background-menu .menu-btn {
		margin-top: -4px;
	}

	.wrap-menu.responsive {
    	top: 12px;
    	padding-top: 10px;		
    	background: transparent;
	}

	.wrap-menu.responsive.on {
		/*background: #ffd73c;*/
	}

	.wrap-menu.responsive.on.remove-background {
		background: transparent;
	}

	.wrap-menu.responsive.on .logo {
		color: #000;
	}

	.wrap-menu.responsive.on .bar-icon {
		background: #000;
	}

	.panel-project.up {
	    transform: translateY(-245px);
	}
	.panel-project > .transition > .main-column {
		padding-left: 0;
		padding-right: 0;
	}
	.page-images br {
		display: none;
	}

	.page-content {
		max-width: unset;
	}

	.margin-bottom-2x {
		margin-bottom: 25px;
	}

	#qzr-menu li {
		float: none;
	}

	.background-menu.menu-open {
		height: 100vh;
	}

	.page-flex, .page-flex.template-2 {
		width: 100%;
		background: #fff;
		display: block;
		padding: 25px;
		padding-top: 0px;
	}

/*	.panel-first-child .page-flex {
		margin-top: 50px;
	}
*/
	.page-flex.template-1, .page-flex.template-1 .page-section {
		padding-top: 0;
		width: 100%;
		margin: 0;
	}


	.page-flex-header {
		background: #fff;
		padding: 25px;
		margin-bottom: 0;
	}

	.page-images {
		transform: unset;
	}

	.page-images.show {
		opacity: 1;
		transform: unset;
	}

	.image-multiple {
		width: 100%;
	}

	.image-multiple .image {
		padding-top: 30%;
	}

	.page-section ,.page-images {
		width: 100%;
	}

	.small-screen {
		display: block;
	}

	.big-screen {
		display: none;
	}

	.columns-2,
	.columns-3,
	.columns-4,
	.columns-5,
	.columns-6,
	.columns-7,
	.columns-8,
	.columns-9,
	.columns-10,
	.columns-11,
	.columns-12 {
		width: 100%;
	}


	.spacer-1, .spacer-2 {
		display: none;
	}

	.page-flex-header .header-title {
		width: 100%;
	}

	.page-flex-header .header-title h2 {
		transform: unset;
	}

	.header-info {
		width: 100%;
		margin-top: 25px;
	}

	body {
		position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    overflow: auto;
	    -webkit-overflow-scrolling: touch;
	}

	/*.social .icon {
		margin-right: 0;
	}
	.social .icon-2 {
		margin-right: 25px;
	}*/


	.single-project-wrapper .main-column {
		padding: 0;
	}

	.single-project-wrapper .page-content {
	    background: #fff;
		margin-left: 0%;
		margin-right: 0%;
	    padding-left: 25px;
	    padding-right: 25px;
	    margin-bottom: -25px;
	    margin-top: -23px;
	    width: 100%;
	}

	.single-project-wrapper .page-flex {
		background: transparent !important;
		padding-left: 0;
		padding-right: 0;
	}

	.info-field {
		min-height: 1.4rem;
	}

	.no-responsive {
		display: none;
	}

	.responsive-info {
		display: block;
		margin-top: 50px;
	}

	.desktop-background, .mobile-background, .single-project-wrapper .image {
		/*width: 90%;
		margin-left: 5%;*/
		width: 100%;
		margin-left: 0%;
	}

	.single-project-wrapper img.image {
		width: 100%;
	}

	.clients-label, .collabs-label {
		margin-left: 0;
	}

	.friends-wrap .columns-1 {
		display: none;
	}

	.clients-label, .collabs-label {
		text-align: center;
		width: 100%;
	}

	.empty-description {
		display: none;
	}

	.collabs-label {
		margin-top: 25px;
	}

	.team .columns-1 {
		display: none;
	}

	.desktop-background img.image {
		width: 100%;
	}

	.logos {
		width: calc(100%);
	}

	.sub-box a {
		width: 28px;
		margin-right: 28px;
	}

}

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

	.friends-wrap .column-of-3 {
		width: 100%;
	}


	.friend {
		margin-bottom: 15px; 
		width: 100%;
	}

	.mobile-border {
		height: 22px;
	}

	.mobile-address-bar {
		height: 8px;
	}

	.mobile-button {
		height: 10px;
		width: 10px;
		margin-left: -5px;
		margin-top: -2px;
	}

	.logo-client, .logo-friend {
		margin: 7.5px;
	    width: calc(33.32% - 15px);
	}

	.big, .wrap-arguments, .slideshow .argument {
		font-size: 1.6rem;
		line-height: 1.2;
	}

	.projects .project {
		width: 100%;
	}
}