@charset "utf-8";
/* responsivite CSS for tmt project*/
@media(max-width:1370px) {
	.container { margin-left:30px; margin-right:30px;}
	
	#corpMenu li a { padding: 0px 10px;}
	#cookieInformation { padding-left:30px; padding-right:30px}
	.countryBox{ padding-right:25%}
	#footerCorpMenu li a { font-size:12px; padding-left:5px; padding-right:5px}
}
@media(max-width:1200px) {
	.bannerMainBg { position:static; width:100%; top:auto; bottom:auto; right:auto; background-position:center bottom; height:400px;}
	.ledModuleBox { width:50%}
	.ledModuleBox.rigidBox { width:100% !important}
	.dataBox {margin-bottom:5px}
}
@media(max-width:1024px) {
	.productFileDownload {margin-bottom:10px}
	.pageContainer {padding:0 15px}
	.container { margin-left:15px; margin-right:15px;}
	.pageTitle { font-size:32px; line-height:38px}
	#cookieInformation { padding-left:15px; padding-right:15px}
	.countryBox{ padding-right:0}
	#corpMenu, #mainMenuLeft, #shoppingCart, #changeLanguageHeader { display:none !important}
	#mainMenu { border-top: none !important}
	#page{padding-top:65px}
	#openMobileMenu, #mobileCart {display:block}
	#footerCopyright { padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px rgba(255,255,255,.1); border-top:solid 1px rgba(255,255,255,.1); margin-top:15px;}
	#footerCorpMenu {float:none}
	#footerCorpMenu li { float:none}
	#footerCorpMenu li a { border-left:none; border-bottom:solid 1px rgba(255,255,255,.1); padding-left:0}
	#footerCorpMenu li:last-child a { border-bottom:none;}
	.changeLanguage.sm { display:inline-block; float:none; margin-bottom:20px;}
	#footerMenu li { float:none}
	#footerMenu { height:auto}
	#footerMenu li a{ border-left:none; padding-left:0; border-bottom:solid 1px rgba(255,255,255,.1); padding-bottom:7px; margin-bottom:7px;}
	#footerMenu li:last-child a { border-bottom:none}
	#socialMediaLinks { text-align:left}
	#socialMediaLinks span {display:block;}
	.gototop { right:10px; bottom:10px;}
	.grayPage { padding:0}
	#contentPage { padding:15px 0;}
	.messageHeaderItem { width:50%;}
	.productBox {flex-basis: 50%;}
	dl dt, dl dd { width:25%;}
	.timelineItem { padding:35px; margin-right:0; text-align:left; margin-top:0;}
	.timelineItem:nth-child(even) { text-align:left; margin-left:0; margin-right:0}
	#timeline { min-height:1000px; position:relative; padding-top:0;}
	#timeline::after { display:none;}
	.timelineItem h4 {position:relative;}
	.timelineItem h4::after { display:none;}
	#aboutAccordion { position:static; right:auto; bottom:auto; width:100%; margin-top:20px; }
	
}
@media(max-width:767px) {
	.ledModuleBox { width:100%}
	.ledModuleBox.rigidBox { width:100% !important}
	.messageFrontDetail { margin-left:0px}
	.dateAndDepartment { width:100%; float:none; padding-right:0; margin-right:0; border-right:none; text-align:center; padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px rgba(0,0,0,.1);}
	.messageHeaderItem { width:100%; float:none; padding-bottom:10px; margin-bottom:10px;  border-bottom:solid 1px rgba(0,0,0,.1);}
	.dateAndDepartment { text-align:left}
	.messageDate { text-align:left; display:inline-block; margin-right:10px; line-height:31px; margin-bottom:0}
	.productBox {flex-basis: 100%;}
	dl dt, dl dd { width:50%;}
	.leftImage{ float:none; width:100%}
	.pageContainer {padding:0 5px}
	.aboutImage { width:100%; float:none; margin-bottom:25px; text-align:center;}
	.aboutContent { width:100%; float:none}
	.aboutItem { padding:5px}
}
@media(max-width:480px) {
	
}