/*
	*********************************************************************************************************************
	Custom RESPONSIVE CSS -  - Project: Ontier
	Tasks: Html / Css / jQuery
	Client: Wonton
	Version: 1.0
	********************************************************************************************************************
*/





/* *********************************************************************************************************************
 * RESPONSIVE MEDIA QUERIES
 */


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


	/*** FIRM ***/
	#section-firm .firm-slider .bx-wrapper .bx-prev {
		left: 15px;
	}

	#section-firm .firm-slider .bx-wrapper .bx-next {
		right: 15px;
	}

	/*** MEDIA ***/
	#section-media #media-slider .bx-wrapper .bx-prev {
		left: 15px;
	}

	#section-media #media-slider .bx-wrapper .bx-next {
		right: 15px;
	}

	/*** MAP ***/
	#section-map-list .city {
		padding: 10px;
	}

	/*** SITES ***/
	#section-sites .country .background {
		width: 300px;
		height: 180px;
	}

	#section-sites .country .title {
		width: 300px;
		margin-top: -110px;
	}

}


/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 979px) {
	
	/*** NEWSLETTER  ***/
	#section-newsletter .newsletters,
	#section-newsletter .newsletter-category {
		width: auto;
	}
	
	/*** SERVICES  ***/
	#section-services .paragraph h2 {
		margin-top: 140px;
	}

	#section-services .newsletter-events {
		float: none;
        margin: 0px auto 20px auto;
		text-align: center;
	}

}


/* Landscape phones and down */
@media screen and (max-width: 767px) {

	.grid_3 .item .content .img {height:auto ! important; overflow: visible ! important;}

	#menu-launcher .menu-title {
		display: none;
	}

	#menu-main .nav {
		top: 9%;
	}

		#menu-top .nav a {
			margin-right: 15px;
		}

		#menu-main .nav ul li {
			margin: 0 0 10px 0;
		}

		#menu-main .nav .sub {
			text-align: center;
		}

			#menu-main .nav .sub a {
				display: block;
				margin: 2px 0 0 0;
			}

		#menu-main .home-bt {
			margin-top: 15px;
		}

		#menu-main .second-nav {
			/*bottom: 90px;*/
		}

		#menu-main .second-nav:before {
			margin-bottom: 5px;
		}

		#menu-main .networks {
			/*bottom: 50px;*/
		}

		#menu-main .close-bt {
			bottom: 20px;
		}



	#homenav {
		display: none;
	}

	#prehome {
		background: url(../images/home/prehome222.jpg) no-repeat 50% 50%;
	}

	#prehome .prehome-title {
		font-size: 48px;
		line-height: 48px;
		letter-spacing: 3px;
		width: 90%;
	}

		#prehome .prehome-title .cities {
			display: none;
		}

		#prehome .prehome-title .cities-mobile {
			display: block;
		}

	.home-slide .titles {
		font-size: 17px;
		line-height: 19px;
		letter-spacing: 2px;
		width: 65%;
	}

	.home-slide .text {
		width: 65%;
	}

		.home-slide .text .title {
			font-size: 18px;
			line-height: 20px;
		}

		.home-slide .text .description {
			font-size: 13px;
			line-height: 18px;
		}

	.home-slide .img-caption {
		display: none;
	}

	#slide1 {
		background: url(../images/home/slide1.jpg) no-repeat 50% 50%;
	}

	#slide2 {
		background: url(../images/home/slide2.jpg) no-repeat 75% 50%;
	}

	#slide3 {
		background: url(../images/home/slide3.jpg) no-repeat 75% 50%;
	}

	#slide4 {
		background: url(../images/home/slide4.jpg) no-repeat 50% 50%;
	}

	#slide5 {
		background: url(../images/home/slide5.jpg) no-repeat 50% 50%;
	}

	#slide6 {
		background: url(../images/home/slide6.jpg) no-repeat 50% 50%;
	}

	#slide6 .footer {
		bottom: 50px;
	}

	#slide6 .titles {
		margin-bottom: 250px;
	}

	#slide6 .footer .cities, #slide6 .credits {
		font-size: 11px;
		line-height: 15px;
	}



	/*** SECTIONS - SHARED ***/
	#menu-top .nav .sub a,
	#menu-top .nav .filter a {
		display: block;
		margin: 5px 0;
	}

	#menu-top .nav .filter:before {
		content:  url(../images/shared/divider-filter-responsive.png);
	}

	#menu-top .nav .tags ul {
		margin-bottom: 2px;
	}

		#menu-top .nav .tags ul li {
			display: inline-block;
			margin: 0px 5px 10px 0;
		}



	/*** FIRM ***/
	#section-firm .paragraph,
	#section-firm .paragraph.small {
		width: 90%;
	}

	#section-firm .logos {
		width: 170px;
	}

		#section-firm .logos img {
			margin: 0 0 10px 0;
		}

	#section-firm .desk-images img {
		margin: 10px 0;
	}

	#section-firm h2 {
		font-size: 25px;
		line-height: 25px;
		margin: 8px 0;
	}

	#section-firm .firm-slider .bx-wrapper .bx-controls-direction {
		display: none;
	}



	/*** SERVICES ***/
	#section-services .paragraph {
		width: 90%;
	}

	#section-services .paragraph h2 {
		margin-top: 140px;
	}

	#section-services .newsletter-events {
		float: none;
        margin: 0px auto 20px auto;
		text-align: center;
	}

	#section-services .items ul li {
		margin-right: 0;
	}

	#section-services #service .metas {
		width: 100%;
		text-align: center;
	}

		#section-services #service .metas .area-icon {
			margin: 0 auto 15px auto;
		}

	#section-services #service .description {
		margin: 40px 0;
	}

		#section-services #service .description h1 {
			font-size: 28px;
			line-height: 30px;
		}




	/*** TEAM ***/
	#team-background {
		height: 150px;
	}
		/************************ AŅADIDO   ***************/
		#submit-team-search	{display:block; margin:0 auto; }
		#f_id_departamento	{max-width:100% ! important; }
		
		
		#team-background .team-numbers {
			display: none;
		}

	#team-search {
		margin-top: 80px;
	}

		#team-search .form .field {
			margin: 0;
		}

		#team-search .form .name input,
		#team-search .form select {
			width: 100%;
			margin-bottom: 30px;
		}

		#team-search .form .name input {
			padding-left: 4px;
		}

		#team-search .results {
			width: 100%;
		}

			#team-search .results .labels .label1,
			#team-search .results .labels .label2,
			#team-search .results .labels .label3,
			#team-search .results .item .position,
			#team-search .results .item .area {
				display: none;
			}

			#team-search .results .item {
				height: 200px;
				text-align: center;
				padding:10px 0 10px 0; 
			}

				#team-search .results .item .image {
					float: none;
					width: 100px;
					margin: 0 auto;
				}

				#team-search .results .item .metas {
					width: 100%;
					line-height: 20px;
					margin-bottom: 8px;
				}

					#team-search .results .item .metas .name {
						font-size: 17px;
					}

					#team-search .results .item .metas .position-area-mobile {
						display: block;
					}
				
				
				#team-search .results .item .vcarddd	{float: none; margin: 0 auto; display: inline; }

				#team-search .results .item .vcard {
					float: none;
					margin: 0 auto;
					display: inline;
				}



	/*** TEAM PROFILE ***/
	#section-team-profile #profile {
		margin-top: 20px;
	}

	#section-team-profile #profile .image,
	#section-team-profile #profile .area,
	#section-team-profile #profile .contact,
	#section-team-profile #profile .social-links,
	#section-team-profile #profile .description,
	#section-team-profile #profile .docs {
		width: 100%;
		text-align: center;
	}

	#section-team-profile #profile .close {
		margin-top: 40px;
	}



	/*** NEWS ***/
	#section-news .content .img {
		float: none;
	}

	#section-news .featured-item {
		border-right: none;
	}

		#section-news .featured-item,
		#section-news .item {
			padding: 0;
			margin: 20px 0;
		}

		#section-news .sidebar-item {
			padding: 0;
			margin: 50px 0;
		}

		#section-news .featured-item .content .img,
		#section-news .sidebar-item .content .img,
		#section-news .item .content .img {
			/*width: 100%;*/
		}

	#section-news .sidebar-item .content {
		/*text-align: center;*/
	}

		#section-news .sidebar-item .content .img {
			clear: both;
			float: none;
			margin: 0 0 15px 0;
			width: 170px;
		}


	/*** NEWS ITEM ***/
	#section-news #news-item .metas {
		text-align: center;
	}

	#section-news #news-item .metas .day {
		margin: 0
	}

	#section-news #news-item .image {
		margin: 30px 0;
	}

	#section-news #news-item .description h1 {
		font-size: 28px;
		line-height: 30px;
	}

	#section-news #news-item .share {
		margin-bottom: 40px;
	}


	/*** PRESS RELEASES ***/
	#section-press-releases .item {
		height: auto;
	}

	#section-press-releases .item .metas {
		text-align: center;
	}

	#section-press-releases .item .description {
		text-align: center;
		padding: 0;
	}

		#section-press-releases .item .description h2 {
			font-size: 23px;
			line-height: 25px;
			margin: 8px 0;
		}



	/*** PRESS RELEASES ITEM ***/
	#section-press-releases #press-releases-item .month {
		margin-top: 25px;
	}

	#section-press-releases #press-releases-item .description h1 {
		font-size: 28px;
		line-height: 30px;
	}

	#section-press-releases #press-releases-item .share {
		margin-bottom: 40px;
	}




	/*** PRESS ROOM > PUBLICATIONS  ***/
	#section-publications .list {
		width: 100%;
	}

		#section-publications .list .item {
			height: 320px;
			text-align: center;
		}

			#section-publications .list .item .image {
				float: none;
				margin: 10px auto;
			}

			#section-publications .list .item .metas {
				width: 100%;
				line-height: 20px;
				margin-bottom: 8px;
			}

				#section-publications .list .item .metas .name {
					font-size: 17px;
				}

			#section-publications .list .item .publi-block .publi-title {
				width: 100%;
				font-size: 16px;
				line-height: 18px;
				margin-bottom: 20px;
			}

			#section-publications .list .item .publi-block .download {
				float: none;
				margin: 0 auto;
			}





	/*** PRESS ROOM > NEWSLETTER  ***/
	#section-newsletter .newsletters,
	#section-newsletter .newsletter-category {
		width: auto;
	}




	/*** MEDIA ***/
	#section-media #media-all .items li {
		margin: 0 0 40px 0;
	}

	#section-media #media-item .description {
		margin-bottom: 20px;
	}

	#section-media #media-item .close,
	#section-media #media-item .share {
		display: none;
	}

	#section-media #media-item .share {
		margin-right: 60px;
		border-right: 0px solid transparent;
	}

	#section-media .media-item-share-mobile {
		display: block;
	}

	#section-media #media-gallery ul {
		text-align: center;
	}

	#section-media #media-gallery ul li {
		display: block;
		margin: 0 0 20px 0;
	}

	#section-media #media-slider .bx-wrapper .bx-controls-direction {
		display: none;
	}

	#section-media #media-slider .bx-wrapper .bx-pager.bx-default-pager a {
		margin: 0 8px;
	}

	#section-media .see-more {
		padding-bottom: 20px;
	}



	/*** BRAND ***/
	#section-brand .brand-columns,
	#section-brand .brand-columns img,
	#section-brand .brand-columns .bullets {
		width: 100%;
	}

		#section-brand .brand-columns img {
			margin: 20px 0;
		}

		#section-brand .brand-columns .column-left {
			margin-right: 0;
		}

		#section-brand .brand-columns .column-right {
			margin-left: 0;
		}


	/*** MAP ***/
	#offices {
		width: 100%;
		background-color: rgba(0, 0, 0, 0.9);
		padding: 15px 0 0 0;
		text-align: center;
	}

		#offices .image {
			width: 100%;
			padding: 10px 0 10px 0;
		}

		#offices .title {
			padding-bottom: 5px;
		}

		#offices .address {
			line-height: 15px;
			padding-bottom: 20px;
		}

		#offices .city-clock {
			display: none;
		}

	#section-map-list .city {
		text-align: center;
		margin-bottom: 30px;
	}


	/*** CONTACT ***/
	#section-contact .form,
	#section-contact .form .sites,
	#section-contact .form input,
	#section-contact .form select {
		width: 100%;
	}

	#section-contact .form .field {
		margin-right: 0px;
		margin-bottom: 10px;
	}


	/*** SITES ***/
	#section-sites .country {
		text-align: center;
	}

		#section-sites .country .background {
			width: 100%;
			height: auto;
		}

			#section-sites .country .background img {
				position: relative;
			}

			#section-sites .country .background img.grey:hover {
				opacity: 1;
				filter: alpha(opacity=100);
			}

			#section-sites .country .background .color {
				display: none;
			}

		#section-sites .country .title {
			width: 90%;
		}


	/*** FOOTER ***/
	#footer {
		padding-bottom: 70px;
	}

}