
/*==============================
	Small desktop
==============================*/
@media only screen and (max-width: 1600px) {	
	.button_, #project_ .pr_partners_ ul li a, #project_ .pr_publicity ul li a, .blue_button{font-size:16px;line-height: 20px;}
	.small_{font-size:14px;line-height:16px;}
	.date_news{font-size:14px;line-height:18px;margin-bottom:8px;}
	#projects_slider .over, .subhead, ul.tabs__links li a, .name_news, #pr_listing_slider .over p{font-size:29px;line-height:40px;}
	.border_line, #project .content ul li a, .accordion ul li a, #pr_listing_slider .active .over p{padding-bottom:25px;}
	#about ul li:before, .border_line:after, #project .content ul li a:hover:after, #pr_listing_slider .active .over p:after{width:110px;}
	#projects_slider a, #pr_listing_slider a{height:290px;}
	#news_, #project_ .social{padding-top:80px;}
	.news, #project_listing .project_{margin-bottom:80px;}
	#news_{padding-bottom:80px;}
	.small_{font-size:13px;line-height:16px;}
	.subhead{margin-bottom:30px;}
	ul.tabs__links{margin-bottom:50px;}
	#project .content ul li img, .accordion ul li img{margin-bottom:25px;}
	#project .content ul li a, .accordion ul li a{font-size:25px;}
	#project .content ul li, .accordion ul li{margin-bottom:40px;}
	#best_news .small_{margin-bottom:50px;}
	.button_{padding-top:20px;padding-bottom:20px;}
	/*project listing*/
	.pages_{padding-bottom:80px;}
	.bread_crumbs{padding-top:40px;}
	.bread_crumbs{padding-bottom:30px;}
	.bread_crumbs ul li{padding-right:60px;}
	.bread_crumbs ul li:after{width:30px;right:15px;}
	.bread_crumbs h1{font-size:30px;line-height:37px;}
	#project_listing{padding-top:50px;}
	#project_listing .tabs__links, #project ul.tabs__links{margin-bottom:50px;}
	/*project*/
	.cite_{margin-top:60px;margin-bottom:60px;}
	.video_:before{height:18px;width:22px;background-size:100%;}
	.ancher_:before{width:14px;height:18px;background-size:100%;}
	.ancher_{padding-left:27px;}
	.pr_info_ p{line-height:18px;}
	#project_ .pr_partners_{margin-top:80px;}
	#project_ .pr_partners_{padding-top:50px;padding-bottom:50px;}
	#project_ .pr_partners_ ul li{margin-bottom:16px;}
	#project_ .pr_publicity{margin-top:50px;}
	#project_ .pr_publicity_type{font-size:15px;line-height:18px;}
	#project_ .pr_publicity img{height:18px;}
	.blue_button{margin-top:30px;}
	.bread_crumbs ul{margin-bottom:30px;}
	#paginator a{font-size:29px;line-height:40px;}
	#paginator a.small_{font-size:13px;line-height:40px;}
	.tags{margin-top:40px;}
	.tags ul li a{padding:16px 20px;}
	.view_{padding-left:26px;line-height:16px;}
	.view_:before {width:16px;height:16px;background-size:100%;}
	#about_ .pages_{padding-top:60px;}
	#about_ .yellow_box{margin-top:60px;padding-top:50px;padding-bottom:50px;}
	#about_ .yellow_box ul, #about_ .photo_box{margin-top:50px;margin-bottom:50px;}
	#about_ .pages_{padding-top:50px;}
	#contact_ .grey{font-size:20px;}
	#contact_{font-size:25px;}
	#contact_ ul li{padding-top:15px;padding-bottom:15px;}
	#project{padding-top:30px;}
	#best_news .subhead{padding-top:40px;}
	.contact-mail{height:20px;}
}

/*==============================
	Tablet landskape
==============================*/
@media only screen and (max-width: 1400px) {
	.button_, #project_ .pr_partners_ ul li a, #project_ .pr_publicity ul li a, .blue_button{font-size:14px;line-height:17px;}
	.small_{font-size:12px;line-height:15px;}
	#projects_slider .over,  .subhead, ul.tabs__links li a, .name_news, #pr_listing_slider .over p{font-size:26px;line-height:35px;}
	.border_line, #project .content ul li a, .accordion ul li a, #pr_listing_slider .active .over p{padding-bottom:20px;}
	.name_news{margin-bottom:20px;}
	#best_news .small_{margin-bottom:40px;}
	#projects_slider a, #pr_listing_slider a{height:255px;}
	#project .content ul li a:hover:after, #pr_listing_slider .active .over p:after{width:100px;}
	#news_, #project_ .social{padding-top:60px;}
	.news, #project_listing .project_{margin-bottom:60px;}
	#news_{padding-bottom:60px;}
	#project .content ul li a, .accordion ul li a{font-size:23px;}
	#project .content ul li img, .accordion ul li img{margin-bottom:20px;}
	#project .content ul li, .accordion ul li{margin-bottom:30px;}
	/*project listing*/
	.pages_{padding-bottom:70px;}
	.bread_crumbs h1{font-size:26px;line-height:32px;}
	#project_listing .tabs__links, #project ul.tabs__links{margin-bottom:40px;}
	/*project*/
	.bread_crumbs{padding-top:30px;}
	#project_ .pr_partners_{margin-top:60px;}
	.bread_crumbs{padding-bottom:20px;}
	.cite_{margin-top:50px;margin-bottom:50px;}
	.pr_info_{padding-top:15px;}
	#project_ .pr_partners_{padding-top:40px;padding-bottom:40px;}
	#project_ .pr_partners_ ul li{margin-bottom:10px;}
	.bread_crumbs ul{margin-bottom:28px;}
	.pr_info_ p{margin-bottom:10px;}
	#project_ .pr_publicity{margin-top:40px;}
	#project_ .pr_publicity_type{font-size:13px;}
	.cite_ .float_r.cite_text{margin-left:6%;}
	#paginator a{font-size:24px;line-height:32px;}
	#paginator a.small_{font-size:12px;line-height:32px;}
	.tags{margin-top:30px;}
	#about_ .pages_{padding-top:50px;}
	#about_ .yellow_box{margin-top:50px;padding-top:40px;padding-bottom:40px;}
	#about_ .yellow_box ul, #about_ .photo_box{margin-top:40px;margin-bottom:40px;}
	#about_ .pages_{padding-top:40px;}
	#contact_ .grey{font-size:18px;}
	#contact_{font-size:21px;}
	#project_listing{padding-top:40px;}
	.bread_crumbs .social_pr p{margin-bottom:15px;}	
	#project{padding-top:10px;}
	#best_news .subhead{padding-top:35px;}
	.contact-mail{height:18px;}
}
@media only screen and (max-width: 1280px) {
	#projects_slider .over, ul.tabs__links li a, .name_news, #pr_listing_slider .over p{font-size:22px;line-height:32px;}
	.button_, #project_ .pr_partners_ ul li a, .blue_button{font-size: 12px;line-height: 15px;}
	#project_ .pr_publicity ul li a{font-size:12px;}
	.small_{font-size:10px;line-height:12px;}
	#best_news .small_{margin-bottom:30px;}
	.date_news {font-size:12px;line-height:15px;margin-bottom:5px;}
	#projects_slider .over, .name_news, #pr_listing_slider .over p{font-size:20px;line-height:28px;}
	#about ul li:before, .border_line:after, #project .content ul li a:hover:after, #pr_listing_slider .active .over p:after{width:90px;}
	#projects_slider a, #pr_listing_slider a{height:220px;}
	#news_, #project_ .social{padding-top:50px;}
	.news, #project_listing .project_{margin-bottom:50px;}
	#news_{padding-bottom:50px;}
	.subhead{margin-bottom:20px;}
	#project .content ul li a, .accordion ul li a{font-size:20px;}
	.border_line, #project .content ul li a, .accordion ul li a, #pr_listing_slider .active .over p{padding-bottom:15px;}
	.button_{padding-top:16px;padding-bottom:16px;}
	#footer .right_ .right ul li.youtube{margin-bottom:25px;}
	#footer .wrap .copy_text{width:40%;}
	#footer .search{width:50%;}
	#footer .wrap .float_l{line-height:19px;}
	/*project listing*/
	.pages_{padding-bottom:60px;}
	.bread_crumbs{padding-bottom:25px;}
	.bread_crumbs h1{font-size:24px;line-height:30px;}
	#project_listing .tabs__links, #project ul.tabs__links{margin-bottom:30px;}
	/*project*/
	#project_ .pr_partners_{margin-top:50px;}
	#project_ .pr_publicity_type{font-size:12px;}
	#project_ .pr_publicity.pr_publicity_pr ul li{padding-top:16px;padding-bottom:16px;}
	.blue_button{margin-top:20px;}
	.cite_ .float_l.cite_text{margin-right:6%;}
	.cite_ .cite_text{width:51%;}
	#project_ .social, #project_ .wpapper_pr{width:100%;float:none;padding-left:4%;padding-right:4%;}
	.pluso-001010010110-04{width:100% !important;}
	.pluso-001010010110-04 a.pluso-more{margin-bottom:0 !important;}
	#project_ .pr_text_{padding-top:20px;}
	.tags{margin-top:20px;}
	.tags ul li a{padding:14px 18px;}
	#contact_ .grey{font-size:16px;}
	#contact_{font-size:18px;}
	.pr_name .float_l{width:70%;}
	.pr_name .float_r{width:30%;}	
	.contact-mail{height:14px;}
}

@media only screen and (max-width: 990px) {
	#news_, #project_ .social{padding-top:40px;}
	#project .content ul li, .accordion ul li{width:50%;}
	#news_{padding-left:4%;padding-right:4%;}
	#news_ .text_.float_r{padding-left:6%;}
	/*project listing*/
	.bread_crumbs{padding-bottom:20px;}
	#project_listing .project_ .photo, #project_listing .project_ .text_{width:100%;float:none;}
	/* #project_listing .project_ .photo img{width:100%;} */	
	#project_listing .project_.box-direct-reverse .float_l{text-align:left;}
	#project_listing .project_, #project_listing .project_.box-direct-reverse{border-radius:0 0 10px 10px;}
	#project_listing .project_ .text_{padding-top:40px;/* padding-bottom:40px; */}
	#project_listing .mobile_pr{display:inline-block;}
	#project_listing .desktop_pr{display:none;}
	#project_listing .mobile_pr, #project_listing .mobile_pr option, #project_listing .mobile_pr select{display:inline-block;width:100%;}
	#project_listing .mobile_pr{margin-bottom:30px;}
	/*project*/
	#project_ .pr_partners_{margin-top:40px;}
	#project_ .social, #project_ .wpapper_pr{padding-left:0;padding-right:0;}
	.cite_ .cite_img, .cite_ .cite_text{width:100%;float:none;}
	.cite_ .cite_img img{width:100%;}
	.cite_ .cite_text{margin-top:40px;padding-top:40px;padding-bottom:40px;}
	.cite_ .float_r.cite_text{margin-left:0;}
	.cite_ .float_l.cite_text{margin-right:0;}
	.cite_{margin-top:40px;margin-bottom:40px;}
	.pages_{padding-bottom:40px;}
	#news_.page_news{padding-top:40px;}
	#project_ .pr_publicity.pr_publicity_pr .pr_publicity_name{width:90%;}
	#project_ .pr_publicity .float_l{width:10%;}

	select::-ms-expand {display:none;}
	.tags{margin-top:20px;}
	#about_ .white_box .float_l, #about_ .white_box .float_r{width:100%;padding-left:4%;padding-right:4%;padding-top:40px;}
	#about_ .white_box .float_r{padding-bottom:40px;}
	#about_ .photo_box, .pad{padding-left:0;padding-right:0;}
	#about_ .photo_box .float_l, #about_ .photo_box .float_r{width:100%;}	
	#about_ .photo_box .float_r div{text-align:left;}
	#about_ .photo_box .float_r .small_{float:left;}
	#about_ .photo_box .float_l.text_, #about_ .photo_box .float_r.text_{margin-bottom:40px;}
	#about_ .white_box .float_l .yellow{max-width:100%;}
	#about_ .pages_.bottom_text{padding-top:90px;}
	#about_gallery_ p{height:80px;padding-top:20px;padding-bottom:20px;}
	#about_ .white_box .float_l .grey{margin-bottom:10px;}
	#contact_ .float_l, #contact_ .float_r{width:100%;}
	#contact_ {padding-left:4%;padding-right:4%;padding-bottom:40px;}
	#contact_ .float_l{padding-right:0;padding-top:30px;padding-bottom:40px;}
}


/*==============================
	Tablet portrait
============================== */
@media only screen and (max-width: 768px) {	
	.sss{padding-left: 4%;}
	#projects_slider .over{opacity:1;position:absolute;padding:10px 0 20px 0;bottom:0;top:auto;background:rgba(41,104,167,0.9);height:auto;}
	#projects_slider a{height:220px;}
	#projects_slider .over p.border_line{padding:0;}
	#projects_slider .over p.border_line:after{display:none;}
	#projects_slider .over, #header .name_, ul.tabs__links li a, .name_news, #project .content ul li a, .accordion ul li a, #pr_listing_slider .over {font-size:18px; line-height:28px;}
	#about .gallery_, #about .text_{width:100%;margin-left:0;margin-right:0;}
	#about, .news{margin-bottom:40px;}
	#best_news .text_, #best_news .gallery_{width:100%;}
	#gallery_news_ .gallery_ img{position:relative;height:auto;width:100%;}
	#best_news .text_{padding-right:4%;}
	#best_news .wrapper_{padding-bottom:20px;}
	#news_ .photo, #news_ .text_{width:100%;float:none;}
	#news_ .photo{max-width:400px;margin-bottom:30px;}
	#news_ .text_.float_r{padding-left:0;}
	#project .text_{padding-left:0;padding-right:0;}
	.news, #paginator{padding-left:4%;padding-right:4%;}
	#project .content ul li, .accordion ul li{margin-bottom:10px;}
	#project .content ul li a:hover:after{display:none;}
	.tabs, #project .tabs__links{display:none;}
	.box-direct, .box-child{display:inline-block;}
	.box-direct-reverse{
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	#news_{padding-left:0;padding-right:0;}
	#best_news .text_{padding-left:4%;padding-top:20px;padding-bottom:20px;}
	
	/*project listing*/
	.bread_crumbs{padding-top:20px;}
	.bread_crumbs ul{margin-bottom:20px;}
	.bread_crumbs ul li:after{width:20px;right:10px;}
	.bread_crumbs ul li{padding-right:40px;}
	/*project listing*/
	#project_ .pr_partners_ ul li, .pr_info_ .float_l, .pr_info_ .float_r{width:100%;float:none;}
	.pr_info_ .float_l{padding-right:0;margin-bottom:20px;}
	#news_.page_news .subhead{padding-left:4%;}
	.video_, .pr_info_ .ancher_{padding-left:49px;}
	#project_ .pr_publicity.pr_publicity_pr .pr_publicity_name{width:80%;}
	#project_ .pr_publicity .float_l{width:20%;}
	#project_ .pr_partners_{padding-top:20px;padding-bottom:20px;}
	#project_ .pr_publicity{margin-top:20px;}

	#paginator a{font-size:20px;line-height:27px;}
	#paginator a.small_{line-height:27px;}

	#about_ .pages_{padding-top:40px;}
	#about_ .yellow_box{margin-top:40px;padding-top:30px;padding-bottom:30px;}
	#about_ .yellow_box ul, #about_ .photo_box{margin-top:30px;margin-bottom:30px;}
	#about_ .pages_{padding-top:30px;}
	#pr_listing_slider a:hover .over{top:auto;}
	#project_listing{margin-top:40px;}
	.pr_name{margin-bottom:10px;}
	.pr_name, .bread_crumbs .right{width:100%;float:none;}
	.bread_crumbs .right{text-align:left;padding-left:27px;margin-top:20px;}
	.bread_crumbs .social_pr p{margin-bottom:10px;}
	#project_listing .project_ .text_{padding-left:0;}
	#project ul.tabs__links{display:none;}
}

/*==============================
	Phone
==============================*/
@media only screen and (max-width: 639px) {
}

@media only screen and (max-width: 480px) {
	/*project listing*/
	.bread_crumbs ul li:after{width:10px;right:4px;}
	.bread_crumbs ul li{padding-right:20px;}
	.pr_info_ p{margin-bottom:5px;}
	.tags{margin-top:10px;}
	.tags ul li a{padding:10px 10px;}
	#about_gallery_ p{height:auto;}
}

@media only screen and (max-width: 380px) {
	.small_{font-size:8px;letter-spacing:0.1em;}
	/*project*/
	#project_ .pr_publicity_type{letter-spacing:0.1.em;}
	#project_ .pr_publicity .float_l{width:25%;}
	#project_ .pr_publicity.pr_publicity_pr .pr_publicity_name{width:75%;}
	.cite_ .cite_text{padding-top:30px;padding-bottom:20px;margin-top:30px;}
	.cite_{margin-bottom:30px;}
	#project_ .pr_partners_{margin-top:30px;}
	#project_ .pr_publicity.pr_publicity_pr ul li{padding-left:5%;padding-right:5%;}
	#paginator a.small_{display:none;}
	#about_ .yellow_box ul li{width:100%;}
	#about_ .yellow_box ul li:first-child{display:none;}
	#contact_ ul li ul li{width:100%;}
	#contact_ ul li ul li:first-child{margin-bottom:15px;}
	#contact_ {padding-bottom:30px;}
	#contact_ .float_l{padding-top:20px;padding-bottom:30px;}
}