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

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

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

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

}
@media screen and (max-width: 1620px) { /*(1600x900)*/
#home {min-height:840px;}
#about, #advertising, #branding, #digital, #events, #contact {width: 100%;}
#about_0, #about_1, #about_2, #advertising_1, #advertising_2, #advertising_3, #branding_1, #branding_2, #digital_1, #digital_2, #events_1, #events_2, #contact_1, #contact_2 {
	min-height:840px;
}
#particles {
  height:550px;
}
.middle_text {height:840px;}
#m_shape {top: 300px;}
}
@media screen and (max-width: 1556px){

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

}
@media screen and (max-width: 1386px){
#home {min-height:700px;}
#about, #advertising, #branding, #digital, #events, #contact {width: 100%;}
#about_0, #about_1, #about_2, #advertising_1, #advertising_2, #advertising_3, #branding_1, #branding_2, #digital_1, #digital_2, #events_1, #events_2, #contact_1, #contact_2 {
	min-height:700px;
}
#particles {
  width: 100%;
  height:440px;
  background-color:#fff;
  z-index:999;
}
.middle_text {height:700px;}
#m_shape {top: 50px;}
}
@media screen and (max-width: 1340px){
	

}
@media screen and (max-width: 1300px){
#home {min-height:900px;}
#about, #advertising, #branding, #digital, #events, #contact {width: 100%;}
#about_0, #about_1, #about_2, #advertising_1, #advertising_2, #advertising_3, #branding_1, #branding_2, #digital_1, #digital_2, #events_1, #events_2, #contact_1, #contact_2 {
	min-height:900px;
}
#particles {
  width: 100%;
  /*overflow: hidden;*/
  height:450px;
  background-color:#fff;
  z-index:999;
}
.middle_text {height:900px;}
expand:hover{
	height:160px;
	
}
}
@media screen and (max-width: 1200px){
	

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

}
@media screen and (max-width: 1024px){
	nav ul li a { font-size:16px;}
nav ul li a.active { font-size:16px;}
.expand:hover{
	height:155px;
	
}
}
@media screen and (max-width: 800px){
	.expand:hover{
	height:210px;
	
}

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

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

}
@media screen and (max-width: 640px){
#nav { margin-top:0px;}	
.expand:hover{
	height:280px;
	
}
}

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


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

}
@media screen and (max-width: 360px){
#nav { width:40%;}
}
@media screen and (max-width: 320px){

}