@media screen and (max-width: 980px) {
.main{width:100%;}
.wrapper {margin: 0 auto;max-width: 100%;width: 100%;padding: 0;}
header{width:100%;}
.home_bg{width:100%;}
.footer{width:100%;}
}

@media screen and (max-width: 768px) {
.wrapper {margin:0;max-width: 100%;width: 100%;}
header{width:100%;}
.innerBg{ background:url(../images/slider2.jpg) repeat;height:100%;}
.patentsBox{ width:22%}
.patentsBox img{ width:100%}
.licenseesBox a{ float:none;}
.licenseesBox p{ width:100%;float:none}
.addressBox h1{ padding:5px 0px 5px 5px}
.addressBox p{ padding:0 15px 15px 5px}
.emailBox img{ float:none;margin:0 auto 5px auto;width:21px;display:block;}
.emailBox p{ float:none;}
.addressBox{ width:180px;}
.emailBox{ width:160px;margin-bottom:25px}
.footer{}

	}
@media screen and (max-width: 640px) {
.aboutSection{ top:50px}
ul.menuBar li a{ padding:5px 0px 5px 10px}
header nav ul li{ margin-left:1em}
header nav ul li a{ font-size:12px;}
}
		
@media screen and (max-width: 540px) {
.logo{ left:20px;top:3px}
.aboutSection{ top:14px}
.leftSection{ width:95%;}
.rightSection{ width:95%;margin-top:25px;}
.patentsBox{ width:auto}
.patentsBox img{ width:auto}
.licenseesBox a{ float:left;margin-top:-18px;}
.licenseesBox p{ width:90%;float:right}
ul.menuBar li a{ padding:5px 0px 5px 35px}
header nav ul li{ margin-left:0.5em}
header nav ul li a{ font-size:11px;}
.menu{ display:none;}

}

@media screen and (max-width: 380px) { 
 
 .logo{ left:20px;}
.aboutSection{width:100%;top:15px;}
.textArea .titleText{ font-size:30px;line-height:normal}
.button{ margin-top:2px}
.button a{ width:100%;display:block;padding:10px 0}
.footer_menu ul li{ float:none;text-align:center}
.textArea{ padding:5px;}
 }
 
@media screen and (max-width: 240px) {
 .aboutSection{width:100%;}
.title_text{width:87% !important;}
.title_text h1{font-size:45px !important;}
.title_text p{width:250px;}
.licenseesBox a{ float:none !important;}
.licenseesBox p{ width:100%;float:none}
	 }