@media only screen and (min-width:1024px) and (max-width:1200px)
{
	
			.menu-icon a.close-it	{/*color:#fff;background:url(../images/menu-hover.png) no-repeat right top;    background-size: 41px auto;font-size:23px;line-height:23px;*/}/* -- 11-09-2015 ----*/
			.menu-open{width:365px;}
			.menu-sub{padding:84px 17% 0;}

	
}
@media only screen and (min-width:992px) and (max-width:1023px)
{
	.container							{width:100%;}
	.header-in							{padding:19px 2% 0;}
	.logo								{margin:0 5% 0 0;    width: 24%;}
	.logo a img							{width:100%;height:auto;}
	.exhibit-in							{ padding: 50px 2% 87px;}
	.sum1								{margin:0;}
	.sumeria-rt							{margin:0;display:block;float:none;    text-align: center;}
	.sum1 .sumeria-rt 					{margin:0;}
	.sumeria-lt p						{font-size:18px;    line-height: 26px;padding:0;}
	.sumeria-lt h3 em					{font-size:20px;}
	.sumeria-lt h3						{font-size:21px;}
	.sumeria-lt							{display:block;float:none;}
	.bracket							{width:51%;}
	.bracket small 						{border-top: 5px solid #2099cc;    width: 4%;}
	.bracket em							{    width: 354px;border-top: 5px solid transparent;width:92%;}
	.content							{font-size:23px;    padding: 13px 0 21px 0;border-left: 5px solid #2099cc;border-right: 5px solid #2099cc;    line-height: 29px;}
	.menu-icon a						{padding: 2px 47px 3px 0;    background-size: 31% auto;font-size:24px;}
	.menu-icon a.close-it				{background-size: 31% auto;font-size:24px;}
	.menu-sub							{padding:95px 18% 0;}/*9/11/2015 change*/
	.menu-sub ul li ul					{    margin: 36px 0 38px 30px;}/*9/11/2015 change*/
	.menu-sub ul li a					{font-size:25px;line-height:26px;}/*9/11/2015 change*/
	.menu-main							{width:42%;}
	.menu-open							{width:100%;}
	.menu-icon							{right:20px;}
	.footer-in							{padding:0 2% 15px;}
	.foot-info ul li a						{padding:0 13% 0 0;    font-size: 19px;}/*9/11/2015 change*/
	.block-lt							{padding:38px 0 32px 0%;margin:0;}
	.footer-rt-top						{margin:-38px 7% 0 0;padding:0;}
	.block-rt h3						{padding:0 6%;    font-size: 20px;line-height:25px;}
	.foot-info ul li ul						{margin:15px 0 0 9%;}/*9/11/2015 change*/
	.act ul								{margin:0 !important;}
	.foot-info							{padding:0 0 0 4%;}
	.act ul li a						{font-size:17px;margin:0 0 17px 0;}
	.block-lt h3						{font-size:14px;}
	.block-rt							{    margin: 0 -10% 53px 0;padding: 14px 1% 14px 4%;}
	.block-rt small						{font-size:18px;}
	.footer-rt-btm ul.techno li			{font-size:11px;margin:0 5px 0 0;padding:0 5px 0 0;}
	.exhibit-sumeria					{width:100%;}
	.sumeria-lt							{width:100%;}
		html, body, .wrapper, #wrapper{height:auto !important;;}

	
	
}

@media only screen and (min-width:768px) and (max-width:991px)
{
	
	.container							{width:100%;}
	.header-in							{padding:19px 2% 0;}
	.logo								{margin:0 5.5% 0 0;    width: 24%;}
	.logo a img							{width:100%;height:auto;}
	.exhibit-in							{ padding: 36px 2% 87px;}
	.sumeria-lt h2						{font-size:23px;line-height:25px;}
	.sum1								{margin:0;}
	.sumeria-rt							{margin:0;display:block;float:none;    text-align: center;}
	.sum1 .sumeria-rt 					{margin:0;}
	.sumeria-lt p						{font-size:17px;    line-height: 26px;padding:0;}
	.sumeria-lt h3 em					{font-size:19px;}
	.sumeria-lt h3						{font-size:20px;line-height: 24px;}
	.sumeria-lt							{display:block;float:none;margin:0 0 26px 0;}
	.bracket							{width:50%;}
	.bracket small 						{border-top: 5px solid #2099cc;    width: 4%;}
	.bracket em							{    width: 354px;border-top: 5px solid transparent;width:92%;}
	.content							{font-size:18px;    padding:13px 2% 21px;border-left: 5px solid #2099cc;border-right: 5px solid #2099cc;}
	.menu-icon a						{padding: 2px 47px 3px 0;    background-size: 31% auto;font-size:24px;}
	.menu-icon a.close-it				{background-size: 31% auto;font-size:24px;}
	.menu-sub							{padding:95px 17% 0;}/*9/11/2015 change*/
	.menu-open							{width:100%;}
	.menu-main							{width:47%;}
	.menu-icon							{right:15px;}
	.footer-in							{padding:0 2% 15px;}
	.foot-info ul li a						{padding:0;    font-size: 17px;}/*9/11/2015 change*/
	.block-lt							{padding:38px 0 32px 0%;margin:0;    min-height: 104px;    width: 30%;}/*5/10/2015 change*/
	.footer-rt-top						{margin:0;padding:0;}/*5/10/2015 change*/
	.block-rt h3						{padding:0 6%;    font-size: 20px;line-height:25px;}
	.foot-info ul li ul						{margin:18px 0 0 4%;}/*9/11/2015 change*/
	.foot-info ul li a.snap				{font-size:17px;margin:0 0 23px 0;}/*9/11/2015 change*/
	.act ul								{margin:0 !important;}
	.foot-info							{padding:0 0 0 4%;}
	.act ul li a						{font-size:17px;margin:0 0 17px 0;}
	.block-lt h3						{font-size:14px;padding:0 3%;}/*9/11/2015 change*/
	.block-rt							{    margin: 0 0 53px 0;padding: 14px 0 14px;    min-height: 104px;    width: 70%;}/*5/10/2015 change*/
	.footer-rt							{width:47%;}/*5/10/2015 change*/
	.block-rt small						{font-size:18px;}
	.footer-rt-btm ul.techno li			{font-size:11px;margin:0 3px 0 0;padding:0 4px 0 0;}/*5/10/2015 change*/
	.menu-sub ul li ul					{margin: 33px 0 47px 30px;}/*9/11/2015 change*/
	.menu-sub ul li ul li a						{font-size:20px;line-height:20px;}/*9/11/2015 change*/
	.menu-sub ul li a					{    margin: 0 0 17px 0;font-size:24px;}/*9/11/2015 change*/
		html, body, .wrapper, #wrapper{height:auto !important;;}
		

	
	/*.banner-in							{width:768px;}
	.box1								{    margin:141px 84px 0 60px;}
	.box4								{margin:109px 70px 0 0;}
	.box1-slide							{left:56%;}
	.banner .container						{ width:768px !important;} 
*/
	
	
	
}

@media only screen and (min-width:768px) and (max-width:1023px)
{
	.banner	.container							{width:700px;padding:0 15px;}
	.box1{    margin:141px 9% 0 3%;}
	.banner-in{width:700px;}
	#wrapper{padding:0;}/*9/14/2015 change*/
	.box4{margin:109px 2% 0 0;}
	
	#content-sergi {height: 560px;}
	.banner	.container { width:700px; padding: 0 0px; margin:0 auto; display:block;}
	.box1 {    margin:176px 0px 0 53px;}
	.box1 img{width:88px;height:auto;}
		.box2 img{width:79px;height:auto;}

	.banner {    background-size:778px 80%;    background-position: center 58px;    margin: -41px 0 0 0;}/*9/14/2015 change*/
	.box2 {    margin:150px 65px 0 48px;}
	.box1-slide img { width:95px; height:auto;}
	.box1-slide		{  left: -29%;}
	.banner-in { position:relative;}
	.box2-slide {    bottom: 123px;right: -60%;}
	.box2-slide img {width:95px; height:auto;}
	.box4 {    margin:140px 51px 0 0;}
	.box4 img {width:95px; height:auto;}
	.box5-slide {top: 63px;right: -34px;}
	.box5-slide img {width:95px; height:auto;}
	.box5 img		{width:75px;height:auto;}
	.box3			{margin:201px 16px 0 0;}
	.box5{width:98px;margin: 163px 0 0 0;}
	.arr-right{right:5px;}
	.arr-left{    background-size: 60px auto;}
	.left{    top: -28%;}
	.right{top: -28%;}
		html, body, .wrapper, #wrapper{height:auto !important;;}
		.menu-icon a.close-it	{/*color:#fff;background:url(../images/menu-hover.png) no-repeat right top;    background-size: 41px auto;font-size:23px;line-height:23px;*/}/* -- 11-09-2015 ----*/
		.wrapper{padding:0px 0 0 0;}/*9/14/2015 change*/
		.footer-rt-btm ul.techno li	a{font-size:11px;}
		.exhibit{padding:0;}/*9/14/2015 change*/



}
@media only screen and (max-width:767px) 
{
	
	.wrapper							{padding:0;}
	.container							{width:100%;}
	header								{width:96%;margin:0 auto;     position: relative;z-index: 9999;}/*9/14/2015 change*/
	.header-in							{padding:37px 4% 0;}
	.logo								{margin:0 auto;    width:52%;display:block;float:none;}
	.logo a img							{width:100%;height:auto;}
	.menu-icon							{position:absolute;    top: 14px;right: 4%; z-index:9;}
	.menu-icon a em						{display:none;}
	.exhibit-in							{ padding:27px 4% 87px;}
	.menu-sub ul li ul li a				{font-size:19px;    line-height:19px;}/*9/11/2015 change*/
	.menu-sub ul li ul					{margin:0 0 30px 27px; }/*9/11/2015 change*/
	.menu-sub ul li a					{    font-size: 22px;margin: 0 0 21px 0;}/*9/11/2015 change*/
	.menu-sub ul li ul li				{margin:0 0 15px 0;}/*9/11/2015 change*/
	.sum1								{margin:0;}
	.sumeria-rt							{margin:0;display:block;float:none;    text-align: center;}
	.sum1 .sumeria-rt 					{margin:0;}
	.sumeria-lt p						{font-size:16px;    line-height: 25px;padding:0;}
	.sumeria-lt h2						{font-size:23px;line-height:25px;}
	.sumeria-lt h3 em					{font-size:18px;}
	.sumeria-lt h3						{font-size:19px;line-height: 26px;}
	.sumeria-lt							{display:block;float:none;    margin: 0 0 32px 0;}
	.bracket							{width:100%;display:block;float:none;    margin: 27px 0 0 0;}
	.bracket small 						{border-top: 5px solid #2099cc;    width: 4%;}
	.bracket em							{    width: 354px;border-top: 5px solid transparent;width:92%;}
	.content							{font-size:22px;    padding: 13px 1% 21px;border-left: 5px solid #2099cc;border-right: 5px solid #2099cc;    line-height: 27px;}
	.content br							{display:none;}
	.menu-icon a						{padding: 2px 47px 3px 0;background-size: 80% auto;font-size: 24px;height: 40px;width: 52px;}
	.menu-icon a.close-it				{background-size:80% auto;font-size:24px;}
	.menu-sub							{padding:52px 12% 0;}
	.menu-open							{width:100%;padding:61px 21% 61px;}
	
	.footer-in							{padding:0 3% 35px;background:none;}/*5/10/2015 change*/
	.foot-info ul li a						{padding:0 13% 0 0;    font-size: 19px;}/*9/11/2015 change*/
	.block-lt							{padding:38px 0% 32px;margin:0;    min-height: 104px;    width: 33%;}/*5/10/2015 change*/
	.footer-rt-top						{margin:0px 0 28px 0;padding:0;}/*5/10/2015 change*/
	.block-rt h3						{    padding:0 12%;font-size: 20px;line-height: 25px;}
	.foot-info ul li ul						{margin:0 0 0 4%;}
	.act ul								{margin:0 !important;}
	.foot-info							{padding:0 0 0 4%;}
	.act ul li a						{font-size:17px;margin:0 0 17px 0;}
	.block-lt h3						{    font-size: 15px;padding: 0 14%;}
	.block-rt							{    margin: 0;padding: 14px 0 14px 0;    min-height: 104px;width:67%;}/*5/10/2015 change*/
	.block-rt small						{font-size:18px;}
	.footer-lt							{display:none;}
	.footer-rt							{display:block;float:none;width:100%;}/*5/10/2015 change*/
			.menu-main{width:100%;}
	#wrapper							{padding:0;}
	.pop-up								{width:424px;}
	.pop-up-lt							{    width: 242px;margin: 0;padding: 32px 0 54px 4%;}
	.pop-up-lt h2						{    font-size: 20px;line-height: 27px;padding: 0 5% 0 0%;margin: 0 0 15px 0;}
	.pop-up-lt p						{    padding: 0 2% 0 0;margin: 0;font-size:16px;line-height:24px;}
	.pop-up-rt							{width:182px;float:left;}
	.pop-up-rt img						{width:100%;height:auto;}
	
	
	
	
	.banner	.container							{width:460px;padding:0 15px;}
	.box1{    margin:141px 9% 0 3%;}
	.banner-in{width:460px;}
	.box4{margin:109px 2% 0 0;}
	
	
	.banner	.container { width:460px; padding: 0 0px; margin:0 auto; display:block;}
	.box1 {    margin:26px 66px 0 130px;}
	.box1 img{width:99px;height:auto;}
		.box2 img{width:91px;height:auto;}

	.banner {     background-size:428px 90% !important;background: url(../images/mobile-box.png) repeat-x center top;margin: 17px 0 0 0;}
	.box2 {    margin:19px 14px 0 9px;}
	.box1-slide img { width:110px; height:auto;}
	.box1-slide		{  left:-45%;}
	.banner-in { position:relative;padding:0;}
	.box2-slide { bottom: 90px; right:-68%;}
	.box2-slide img {width:117px; height:auto;}
	.box4 {    margin:140px 45px 0 0;display:none;}
	.box4 img {width:95px; height:auto;}
	.box5-slide {top: 63px;right: -34px;}
	.box5-slide img {width:95px; height:auto;}
	.box5		{display:none;}
	.box3			{margin:201px 16px 0 0;display:none;}
	.box5{width:98px;}
	
	.arr-right{right:5px;}
	.arr-left{    background-size: 60px auto;}
	.left{    top: -42%;}
	.right{top: -42%;}
	html, body, .wrapper, #wrapper{height:auto !important;;}
	.menu-icon a.close-it	{/*color:#fff;background:url(../images/menu-hover.png) no-repeat right top;    background-size: 41px auto;font-size:23px;line-height:23px;*/}/* -- 11-09-2015 ----*/
	#content-sergi {height: 518px;}
	.footer-rt-btm ul.techno li	a{font-size:12px;line-height:12px;}
	.footer-rt-btm ul.techno li{font-size:12px;line-height:12px;}
	.direction div, .direction_mobile div{top:92%;}/*9/14/2015 change*/
	.exhibit{padding:0;}/*9/14/2015 change*/
	
	


	
}
@media only screen and (max-width:479px) 
{
	
	.wrapper							{padding:0;}
	.container							{width:100%;}
	header								{width:96%;margin:0 auto;    position: relative;z-index: 9999;}/*9/14/2015 change*/
	.header-in							{padding:37px 4% 0;}
	.logo								{margin:0 auto;    width:57%;display:block;float:none;}
	.logo a img							{width:100%;height:auto;}
	.menu-icon							{position:absolute;    top: 14px;right: 4%;}
	.menu-icon a em						{display:none;}
	.exhibit-in							{ padding: 9px 4% 87px;}
	.menu-sub ul li ul li a				{font-size:18px;    line-height:19px;    margin: 0 0 12px 0;}/*9/11/2015 change*/
	.menu-sub ul li ul						{margin:29px 0 37px 27px; }/*9/11/2015 change*/
	.menu-sub ul li a						{font-size:20px;margin:0 0 15px 0;}/*9/11/2015 change*/
	.sum1								{margin:0;}
	.sumeria-rt							{margin:0;display:block;float:none;    text-align: center;}
	.sum1 .sumeria-rt 					{margin:0;}
	.sumeria-lt p						{font-size:16px;    line-height: 26px;padding:0;}
	.sumeria-lt h2						{font-size:23px;line-height:23px;}
	.sumeria-lt h3 em					{font-size:18px;}
	.sumeria-lt h3						{font-size:19px;}
	.sumeria-lt							{display:block;float:none;    margin: 0 0 32px 0;}
	.bracket							{width:100%;display:block;float:none;    margin: 27px 0 0 0;}
	.bracket small 						{border-top: 5px solid #2099cc;    width: 4%;}
	.bracket em							{    width: 354px;border-top: 5px solid transparent;width:92%;}
	.content							{font-size:15px;    padding:8px 1% 14px;border-left: 5px solid #2099cc;border-right: 5px solid #2099cc;    line-height: 24px;}
	.content br							{display:none;}
	.menu-icon a						{padding: 2px 47px 3px 0;background-size: 80% auto;font-size: 24px;height: 40px;width: 52px;}
	.menu-icon a.close-it				{background-size:80% auto;font-size:24px;}
	.menu-sub							{padding:52px 12% 0;}
	.menu-open							{width:100%;padding: 61px 8% 61px;}
	
	.footer-in							{padding:0 3% 35px;}
	.foot-info ul li a						{padding:0 13% 0 0;    font-size: 19px;}/*9/11/2015 change*/
	.block-lt							{padding:38px 0% 32px;margin:0;width:33%;}/*5/10/2015 change*/
	.footer-rt-top						{margin:0px 0 28px 0;padding:0;}
	.block-rt h3						{    padding: 0 4%;font-size: 18px;line-height: 25px;}
	.foot-info ul li ul						{margin:0 0 0 4%;}/*9/11/2015 change*/
	.act ul								{margin:0 !important;}
	.foot-info							{padding:0 0 0 4%;}
	.act ul li a						{font-size:17px;margin:0 0 17px 0;}
	.block-lt h3						{font-size:14px;    font-size: 13px;padding: 0 2%;}
	.block-rt							{    margin: 0;padding: 14px 0 14px 0;}
	.block-rt small						{font-size:18px;}
	.footer-rt-btm ul.techno li			{background:none; display:block;float:none;margin:0 0 10px 0;padding:0;text-align:center;font-size:12px;line-height:12px;}
	.footer-rt-btm ul.techno li a		{font-size:12px;line-height:12px;}
	.footer-lt							{display:none;}
	.footer-rt							{display:block;float:none;width:100%;}/*5/10/2015 change*/
	.footer-rt-btm						{float:none;text-align: center;margin: 0 0 24px 0;}
	.footer-rt-btm ul					{float:none;display:inline-block;}
	.footer-rt-btm ul li:nth-child(1){margin-right:0;}
	.footer-rt-btm ul.techno			{float:none;}
	.footer-rt-btm a.kit				{float:none;}
	.foot-logo							{margin:0;text-align:center;}
	.menu-main{width:100%;}
	.pop-up								{width:287px;}
	.pop-up-lt							{width:176px;margin: 0;padding:16px 0 7px 4%;}
	.pop-up-lt h2						{font-size: 13px;line-height: 13px;padding: 0 5% 0 0%;margin: 0 0 9px 0;}
	.pop-up-lt p						{padding: 0 2% 0 0;margin: 0;font-size: 14px;line-height: 19px;}
	.pop-up-rt							{width:111px;float:left;}
	.pop-up-rt img						{width:100%;height:auto;}
	
	.arr-right{right:-2px;    background-size: 51px auto;}
	.arr-left{      background-size:48px auto;    left: 7px;    background: url(../images/slider-arrows.png) no-Repeat 6px 0;}
	.left{    top: -42%;}
	.right{top: -42%;}
	#content-sergi{height:508px;}
	.banner	.container							{width:300px;padding:0 15px;}
	.box1{    margin:141px 9% 0 3%;}
	.banner-in{width:300px;}
	.box4{margin:109px 2% 0 0;}
	
	
	.banner	.container { width:300px; padding: 0 0px; margin:0 auto; display:block;}
	.box1 {    margin:46px 58px 0 74px;    width: 77px;}
	.box1 img{width:72px;height:auto;}
		.box2 img{width:68px;height:auto;}

	.banner {    background-size:333px 89% !important;background:url(../images/mobile-box.png) repeat-x center top;    margin:0;}
	.box2 {    margin:15px 0 0 0;    width: 77px;}
	.box1-slide img { width:79px; height:auto;}
	.box1-slide		{  left:-45%;}
	.banner-in { position:relative;padding:0;}
	.box2-slide {     bottom: 173px;right: -25%;}
	.box2-slide img {width:82px; height:auto;}
	.box4 {    margin:140px 45px 0 0;display:none;}
	.box4 img {width:95px; height:auto;}
	.box5-slide {top: 63px;right: -34px;}
	.box5-slide img {width:95px; height:auto;}
	.box5		{display:none;}
	.box3			{margin:201px 16px 0 0;display:none;}
	.box5{width:98px;}
	.direction div, .direction_mobile div{top:84%;}/*9/14/2015 */
	html, body, .wrapper, #wrapper{height:auto !important;;}
	.menu-icon a.close-it	{/*color:#fff;background:url(../images/menu-hover.png) no-repeat right top;    background-size: 41px auto;font-size:23px;line-height:23px;*/}/* -- 11-09-2015 ----*/


	
	
}