

.who_it_work {
    margin: 0 auto;
    margin-bottom: 50px;
    background: url('../../common/images/who_it_bg.png') center 28px no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 1600px;

    }
/*

@media (min-width: 1024px) and (max-width: 1299px) { 
	.who_it_work {height: 400px;}
	.who_it_info_all {margin-top: 150px}
	.who_it_info.first,  .who_it_info.two, .who_it_info.three, .who_it_info.last{width: 20%; position: relative; margin-right: 4%; display: inline-block; left: auto;}
	.who_it_work_inner {width: 80%;padding-left: 8%;}
}
*/

.reveal-modal-bg
	{
	position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.85);
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
	}

   div#modal-content
	{
	position:fixed;
	visibility: visible;
	left:0;
	right:0;
	margin: auto;	
	width: 845px;
	top:100px;
	opacity: 1;
	z-index: 99999;
	}
	
	#close-img
	{
	top: 39px;
    left: -25px;
    position: relative;
	cursor:pointer;
	}

@media screen and (max-width: 850px){
	#banner-img{
		display: block;
		width: 100%;
	}
	#modal-content{
		width: 100% !important;
	}
}
/*#banner-img{width:700px;}

@media all and (min-width: 320px){
	div#modal-content
	{	
	width: 630px;
	}
}
@media all and (min-width: 1280px){
	div#modal-content
	{	
	width: 660px;
	}
	#banner-img{width:500px;}
}
@media all and (min-width: 1400px){
	div#modal-content
	{	
	width: 750px;
	}
	#banner-img{width:550px;}
}
@media all and (min-width: 1600px){
	div#modal-content
	{	
	width: 770px;
	}
	#banner-img{width:600px;}
}
@media all and (min-width: 1800px){
	div#modal-content
	{	
	width: 845px;
	}
	#banner-img{width:700px;}
}
@media all and (min-width: 2000px){
	div#modal-content
	{	
	width:900px;
	}
}*/



/*media (min-width: 640px) and (max-width: 1024px) {
	.slogan_inner {width: 470px} 
	.slog_big{ font-size: 40px}
	.slog_small {font-size: 18px;}
}

@media (max-width: 640px) {
	.slogan_inner {width: 370px} 
	.slog_big{ font-size: 30px}
	.slog_small {font-size: 12px;}
	.who_it_work {display: none}
	.next-why, .prev-why {height: 150px;  background-size: contain; }
	.next-why {background-position: 0 -75px;}
	.prev-why {background-position: 0 -75px;}
}
*/
