@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 2000px) {
	.header{
		background-size:auto;
	}
}
@media screen and (max-width: 1700px) {
	/*body{
		border:1px solid black;
	}*/
	.banner .wrapper{
		top:28%;
	}
}
@media screen and (max-width: 1600px) {
	/*body{
		border:1px solid red;
	}*/
	.logo{
		width:330px;
	}
	.header{
		padding:7px 0 35px;
		background-size:auto 100%;
	}
	.navigation{
		margin:15px 0 0;
	}
	
	
	/*inner page start*/
	.inner-banner .wrapper{
		top:60%;
	}
}
@media screen and (max-width: 1500px) {
	/*body{
		border:1px solid yellow;
	}*/
	.banner-cont{
		width:600px;
	}
	.banner h1{
		font-size:34px;
		line-height:42px;
		margin:0 0 10px;
	}
	.banner p{
		font-size:24px;
		line-height:30px;
		margin:0 0 20px;
	}
	
	
	/*inner page start*/
}
@media screen and (max-width: 1400px) {
	/*body{
		border:1px solid black;
	}*/
	.rslides_tabs{
		bottom:60px;
	}
	.header{
		padding:7px 0 20px;
	}
	
	
	/*inner page start*/
}
@media screen and (max-width: 1350px) {
	/*body{
		border:1px solid red;
	}*/
	
	
	/*inner page start*/
}
@media screen and (max-width: 1300px) {
	/*body{
		border:1px solid yellow;
	}*/
	
	
	/*inner page start*/
}
@media screen and (max-width: 1250px) {
	/*body{
		border:1px solid blue;
	}*/
	.wrapper{
		margin:0 2%;
		width:auto;
	}
	.rslides{
		margin:0 !important;
	}
	.header{
		background:url(../images/header_bg_ph.png) repeat-y center 0;
		padding:10px 0;
	}
	.logo{
		width:240px;
	}
	.navigation{
		margin:27px 0 0;
	}
	.home-about{
		margin:0;
		background:url(../images/home_about_bg_ph.jpg) no-repeat center 0;
		background-size:cover;
		padding:100px 0;
	}
	.banner .wrapper{
		top:16%;
	}
	.rslides_tabs{
		width:96%;
	}
	.home-events{
		padding:130px 0 140px;
	}
	.bottom-nav ul li{
		margin:0 45px 0 0;
	}
	.home-about h2{
		margin:98px 0 0 -80px;
	}
	.home-events h2{
		left:-185px;
	}
	
	
	/*inner page start*/
	.inner-banner .wrapper{
		top:40%;
	}
	.inner-right{
		width:70.5%;
	}
	.content ul.about-pics li{
		width:46.7%;
	}
	.content ul.events-list li::after, .content ul.product-list li::after{
		background-size:100% 100%;
	}
	.content ul.annual-reports li{
		width:17.7%;
		margin:0 30px 50px 0;
	}
	.content ul.board-of-directors li{
		width:22.9%;
	}
	.back-btn{
		position:static;
		margin:20px 0 0;
	}
	.ftlogo{
		width:270px;
	}
	.pic-right, .pic-left{
		width:32%;
	}
}
@media screen and (max-width: 1200px) {
	/*body{
		border:1px solid pink;
	}*/
	.home-event-list li .home-event-block h4{
		padding:75px 50px 7px;
	}
	.home-event-block .home-event-info span{
		margin:0 2px 0 0;
	}
	.home-event-block .home-event-info span.time{
		padding:0 0 0 22px;
	}
	.home-event-block .home-event-info span.addrs{
		padding: 0 0 0 15px;
	}
	.home-event-list li .home-event-block p{
		height:120px;
	}
	.home-event-block .home-event-date{
		top:-52px;
	}
	.home-event-list li::before{
		top:-59px;
	}
	
	
	/*inner page start*/
	.inner-right{
		width:68.5%;
	}
	.content ul.about-pics li{
		margin:0 20px 0 0;
	}
	.content ul.annual-reports li{
		width:17.6%;
	}
	.content ul.board-of-directors li{
		width:22.8%;
	}
}
@media screen and (max-width: 1150px) {
	/*body{
		border:1px solid green;
	}*/
	
	
	/*inner page start*/
	.inner-right{
		width:67%;
	}
	.content ul.annual-reports li{
		width:17.5%;
	}
	.content ul.board-of-directors li{
		width:22.7%;
	}
	.ftnav li{
		margin:0 20px 0 0;
	}
	.copyright p.designby{
		margin:0 0 0 50px;
	}
	.home-event-list{
		width:820px;
	}
}
@media screen and (max-width: 1100px) {
	/*body{
		border:1px solid orange;
	}*/
	.nav li a{
		padding:0 12px;
	}
	.nav li{
		font-size:14px;
	}
	.rslides_tabs{
		bottom:25px;
	}
	.bottom-nav ul li{
		margin:0 30px 0 0;
		font-size:18px;
	}
	
	
	/*inner page start*/
	.inner-right{
		width:65%;
	}
	.content ul.about-pics li{
		width:46.6%;
	}
	.tel-block{
		width:40%;
		margin:0 20px 20px 0;
	}
	.content ul.annual-reports li{
		width:22.4%;
	}
	.content ul.annual-reports li:nth-child(5n){
		margin-right:30px;
	}
	.content ul.annual-reports li:nth-child(4n){
		margin-right:0;
	}
	.content ul.board-of-directors li{
		width:31.1%;
	}
	.home-event-list{
		width:76%;
	}
	.ftlogo{
		position:static;
		margin:0 auto;
	}
	.footer{
		padding:20px 0 15px;
	}
	.ftright{
		float:none;
		overflow:hidden;
	}
	.ftnav{
		text-align:center;
		margin:0;
	}
	.ftnav li{
		display:inline-block;
		float:none;
		vertical-align:top;
		margin:0 25px 0 0;
	}
	.ftnav li:last-child{
		margin:0;
	}
	.copyright p{
		float:none !important;
		text-align:center;
		margin:0 !important;
	}
	.ftright{
		padding:10px 0 0;
	}
	.copyright-text{
		float:none;
		overflow:hidden;
	}
	.content ul.board-of-directors li:nth-child(4n){
		margin-right:29px;
	}
	.content ul.board-of-directors li:nth-child(3n){
		margin-right:0;
	}
}
@media screen and (max-width: 1024px) {
	/*body{
		border:1px solid purple;
	}*/
	.nav li{
		line-height:40px;
	}
	.banner-cont{
		width:500px;
	}
	.banner h1 {
		font-size: 28px;
		line-height: 34px;
		margin: 0 0 5px;
	}
	.banner p {
		font-size: 20px;
		line-height: 28px;
		margin: 0 0 15px;
	}
	.banner .btn{
		padding:0 25px;
		font-size:15px;
		line-height:38px;
	}
	.banner .wrapper{
		top:20%;
	}
	.home-about h2, .home-events h2{
		font-size:70px;
		line-height:72px;
	}
	.home-about h2 span, .home-events h2 span{
		font-size:45px;
		line-height:48px;
	}
	.home-about{
		padding:50px 0 30px;
	}
	.home-about h2{
		margin:70px 0 0 -54px;
	}
	.home-about h3{
		font-size:24px;
		line-height:32px;
		margin:0 0 25px;
		padding: 0 0 10px;
	}
	.home-about p{
		font-size:22px;
		line-height:30px;
		margin:0 0 15px;
	}
	.home-events{
		padding:60px 0;
	}
	.home-event-toprt{
		padding:15px 0 0;
	}
	.home-event-list li h4{
		font-size:20px;
		line-height:24px;
		margin:0 0 10px;
	}
	.home-event-info{
		margin:0 0 10px;
	}
	.home-evnet-top{
		margin:0 0 12px;
	}
	.home-event-cont{
		padding:0 15px 15px;
	}
	.home-events h2{
		left:-128px;
	}
	.bottom-nav{
		padding:35px 0;
	}
	.home-event-list{
		padding:55px 0 0;
	}
	
	
	/*inner page start*/
	.inner-banner h1{
		font-size:30px;
		line-height:36px;
	}
	.content-in{
		padding:50px 20px;
	}
	.pic-right{
		margin:8px 0 10px 25px;
	}
	.pic-left{
		margin:8px 20px 10px 0;
	}
	.inner-left{
		width:250px;
	}
	.inner-right{
		width:68.5%;
	}
	.content h2{
		font-size:26px;
		line-height:32px;
		margin:0 0 15px;
	}
	.content h3{
		font-size:22px;
		line-height:28px;
		margin:0 0 15px;
	}
	.content .inner-left h3{
		padding:12px 15px;
	}
	.inner-rightin{
		padding:22px 20px 10px;
	}
	.content ul.job-postings{
		padding:10px 0 0;
	}
	.content ul.product-list li{
		padding:25px 20px;
	}
	.product-pic{
		margin:0 20px 0 0;
	}
	.content ul.annual-reports li{
		margin-bottom:40px;
		width:22.5%;
	}
	.content ul.pagination{
		margin:0;
	}
	.contact-left{
		padding:0 30px 0 0;
		margin:0 30px 0 0;
	}
	.inner-rightin .home-evnet-top{
		margin:-22px 0 0 -20px;
	}
	.nav li a img{
		height:40px;
	}
}
@media screen and (max-width: 1000px) {
	/*body{
		border:1px solid grey;
	}*/
	.responsive{
		display:block;
	}
	.nav{
		display:none;
		overflow:hidden;
		opacity:0;
		min-height:0;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		transition: none;
		-webkit-transform-style: preserve-3d;
		position:absolute;
		top:122px;
		left:-2%;
		right:-2%;
		background-color:#292929;
		border-bottom:5px solid #FFF;
	}
	.flexnav-show{
		max-height: 2000px;
		overflow:visible !important;
        opacity: 1 !important ;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		display:block !important;
		z-index:100000;
	}
	.nav li{
		float:none;
		margin:0;
		text-align:center;
		border-bottom:1px solid #454545;
		line-height:40px;
		background:none;
		padding:0;
	}
	.nav li:last-child{
		border-bottom:none;
	}
	.nav li a{
		color:#FFF;
		padding:0 10px;
		display:block;
		background-color:transparent;
	}
	.nav li a:hover, .nav li a.active{
		color:#b51216;
		background-color:transparent;
	}
	.nav li.parent-dropdown a{
		background:url(../images/dropdown_ar_dwn.png) no-repeat 96% 16px;
	}
	.nav li.parent-dropdown a:hover{
		background:url(../images/dropdown_ar_dwn.png) no-repeat 96% 16px;
	}
	.nav li.parent-dropdown a.active{
		background:url(../images/dropdown_ar_dwn.png) no-repeat 96% 16px;
	}
	.nav li.parent-dropdown a.parent-active{
		background:url(../images/dropdown_ar_up.png) no-repeat 96% 16px;
	}
	.nav li.parent-dropdown a.active.activeurl{
		background:url(../images/dropdown_ar_up.png) no-repeat 96% 16px;
	}
	.nav li ul:before{
		display:none;
	}
	.nav li ul{
		position:static;
		width:auto;
		background:#b51216;
	}
	.nav li ul li{
		line-height:20px;
		border-bottom:1px solid #d33438;
		font-size:16px;
	}
	.nav li ul li a{
		background-image:none !important;
		padding:8px 10px;
		color:#FFF;
	}
	.nav li ul li a:hover{
		color:#000;
	}
	.navigation{
		border:none;
		margin:40px 0 0;
		position:static;
	}
	.header{
		z-index:10000;
	}
	.nav li a img.icon-act{
		display:none;
	}
	.bottom-nav ul li{
		font-size:16px;
	}
	.home-about h2, .home-events h2{
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		position:static;
		margin:0 0 25px;
		float:none;
		font-size:48px;
		line-height:50px;
	}
	.home-about h2 span, .home-events h2 span{
		font-size:30px;
		line-height:40px;
	}
	.home-about h2::after, .home-events h2::after{
		bottom:20px;
	}
	.home-about h3{
		font-size:22px;
		line-height:30px;
		padding:0;
		background:none;
	}
	.home-about p{
		font-size:20px;
		line-height:28px;
	}
	.home-event-list{
		float:none;
		width:auto;
		padding:0;
	}
	
	
	/*inner page start*/
	.inner-right{
		float:none;
		width:auto;
		overflow:hidden;
	}
	.inner-left{
		width:auto;
		float:none;
		overflow:hidden;
		margin:40px 0 0;
	}
	.content ul.right-menu::after{
		background-size:100% 100%;
	}
	.content ul.right-menu li a{
		background-position:15px 20px !important;
		padding:10px 10px 10px 26px;
	}
	.content ul.about-pics li{
		width:47.6%;
	}
	.content ul.product-list li:last-child{
		margin:0 0 12px;
	}
	.content ul.annual-reports li{
		width:22.3%;
	}
	.content ul.board-of-directors li{
		width:31%;
	}
	.cal1{
		max-width:inherit;
	}
}
@media screen and (max-width: 950px) {
	/*body{
		border:1px solid brown;
	}*/
	
	
	/*inner page start*/
	.content ul.about-pics li{
		width:47.4%;
	}
	.content ul.annual-reports li{
		width:22.2%;
	}
	.ftnav li{
		display:block;
		line-height:22px;
		margin:0 0 5px;
	}
	.ftnav li:last-child{
		margin:0;
	}
	.ftright{
		padding:0;
		margin:-40px 0 0;
	}
	.footer{
		padding:20px 0;
	}
	.content ul.board-of-directors li{
		width:30.9%;
	}
}
@media screen and (max-width: 900px) {
	/*body{
		border:1px solid black;
	}*/
	.home-event-list li, .home-event-block{
		width:auto;
		height:auto;
		border-radius:0;
	}
	.home-event-list li .home-event-block p{
		height:auto;
	}
	.home-event-block{
		padding:0 0 30px;
	}
	.home-event-list li .home-event-block h4{
		padding:90px 10px 7px;
	}
	.home-event-list li .home-event-block p{
		font-size:17px;
		line-height:26px;
		margin:0 10px;
	}
	.home-event-list li:before{
		background:url(../images/event_date_circle_ph.png) no-repeat 0 0;
	}
	
	
	/*inner page start*/
	.content ul.about-pics li{
		width:47.3%;
	}
	.content ul.annual-reports li{
		width:22%;
	}
	.content ul.board-of-directors li{
		width:30.7%;
	}
	.contact-left{
		padding:0 0 30px;
		margin:0 0 40px;
		border-right:none;
		border-bottom:1px solid #e1e1e1;
		width:auto;
		float:none;
		overflow:hidden;
	}
}
@media screen and (max-width: 850px) {
	/*body{
		border:1px solid red;
	}*/
	.banner .wrapper{
		position:static;
		overflow:hidden;
		margin:0;
		padding:40px 2% 80px;
		background:url(../images/product_bg.png) no-repeat 95% center #292929;
		text-align:center;
	}
	.banner{
		border-bottom:1px solid #FFF;
	}
	.bottom-nav ul li{
		display:block;
		margin:0 0 5px;
	}
	.banner-cont{
		width:auto;
	}
	.banner h1, .banner p{
		color:#FFF;
	}
	.rslides_tabs{
		text-align:center;
	}
	.rslides_tabs li{
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	
	
	
	/*inner page start*/
	.content ul.about-pics li{
		width:47.1%;
	}
	.content ul.annual-reports li{
		width:30.5%;
	}
	.content ul.annual-reports li:nth-child(5n), .content ul.annual-reports li:nth-child(4n){
		margin-right:30px;
	}
	.content ul.annual-reports li:nth-child(3n){
		margin-right:0;
	}
	.content ul.board-of-directors li{
		width:30.6%;
	}
}
@media screen and (max-width: 800px) {
	/*body{
		border:1px solid yellow;
	}*/
	
	
	/*inner page start*/
	.content ul.about-pics li{
		width:47%;
	}
	.content ul.annual-reports li{
		width:30.4%;
	}
	.content ul.board-of-directors li{
		width:30.4%;
	}
}
@media screen and (max-width: 768px) {
	/*body{
		border:1px solid blue;
	}*/
	.logo{
		float:none;
		margin:0 auto;
	}
	.navigation{
		float:none;
		margin:-28px 0 0;
		position:relative;
		z-index:1;
	}
	.responsive{
		margin:0 auto;
		float:none;
		position:relative;
	}
	.nav{
		top:28px;
	}
	.banner h1{
		font-size:24px;
		line-height:30px;
	}
	.banner p{
		font-size:18px;
		line-height:26px;
	}
	.banner .wrapper{
		padding:35px 2% 70px;
	}
	.home-about h2, .home-events h2{
		font-size:38px;
		line-height:44px;
		margin:0 0 20px;
	}
	.home-about h2 span, .home-events h2 span{
		font-size:24px;
		line-height:30px;
	}
	.home-about h3{
		margin:0 0 20px;
		font-size:20px;
		line-height:28px;
	}
	.home-about p {
		font-size: 18px;
		line-height: 24px;
	}
	.home-about{
		padding:40px 0 25px;
	}
	.home-about h2::after, .home-events h2::after{
		bottom:15px;
	}
	.home-events{
		padding:40px 0 45px;
	}
	.home-event-date{
		width:75px;
		padding:15px 0;
		margin:0 15px 0 0;
	}
	.home-event-list li h4{
		font-size:18px;
		margin:0 0 6px;
	}
	.home-event-info{
		margin:0 0 5px;
	}
	.home-evnet-top{
		margin:0 0 10px;
	}
	.home-event-cont p{
		font-size:17px;
		line-height:26px;
	}
	.bottom-nav{
		padding:25px 0;
	}
	.home-event-list li .home-event-block h4{
		line-height:24px;
	}
	.home-event-block .home-event-date{
		width:114px;
		padding:23px 0;
		margin:0 auto;
	}
	
	
	/*inner page start*/
	.inner-rightin{
		padding:20px 15px 10px;
	}
	.content ul.about-pics li{
		width:46.7%;
	}
	.content ul.about-pics{
		padding:7px 0 10px;
	}
	.content h2{
		font-size:24px;
		line-height:30px;
		margin:0 0 12px;
	}
	.content h3{
		font-size:20px;
		line-height:26px;
		margin:0 0 12px;
	}
	.content h4{
		font-size:18px;
		line-height:24px;
		margin:0 0 8px;
	}
	.content h5{
		font-size:17px;
	}
	.content p, .content ol li p{
		font-size:17px;
		line-height:26px;
	}
	.content ul li{
		font-size:17px;
		line-height:26px;
		background-position:0 7px;
	}
	.empty{
		height:10px;
	}
	.inner-banner h1{
		font-size:26px;
		line-height:30px;
	}
	.content-in{
		padding:40px 15px;
	}
	.tel-block{
		width:auto;
		float:none;
		margin:0 0 10px;
		overflow:hidden;
	}
	.content ul.job-postings li{
		margin: 0 0 25px;
	}
	.job-btns{
		padding:12px 0 30px;
	}
	.content ul.product-list li{
		padding:25px 15px;
	}
	.content ul.annual-reports li{
		width:30.1%;
	}
	.content ul.board-of-directors li{
		width:30.2%;
	}
	.contact-map{
		margin:40px 0 0;
	}
	.contact-form input[type="text"]{
		height:42px;
	}
	.event-detail-form input[type="submit"], .contact-form input[type="submit"]{
		padding:0 35px;
	}
	.content ul.events-list{
		margin:0 0 40px;
	}
	.inner-rightin .home-evnet-top{
		margin:-20px 0 0 -15px;
	}
	.login-form input[type="submit"]{
		padding:0 35px 0 60px;
		background-position:32px 12px !important;
	}
	.event-detail-form input[type="submit"]{
		width:150px;
	}
}
@media screen and (max-width: 700px) {
/*	body{
		border:1px solid pink;
	}*/
	
	
	
	/*inner page start*/
	.content ul.about-pics li{
		width:auto;
		float:none;
		margin:0 0 30px;
	}
	.content ul.about-pics li:last-child{
		margin:0;
	}
	.content ul.annual-reports li{
		width:29.8%;
	}
	.content ul.board-of-directors li{
		width:47.6%;
		margin:0 25px 40px 0;
	}
	.content ul.board-of-directors li:nth-child(3n){
		margin-right:25px;
	}
	.content ul.board-of-directors li:nth-child(2n){
		margin-right:0;
	}
	.event-form-left{
		width:auto;
		float:none;
		overflow:hidden;
	}
	.event-form-right{
		float:none;
		margin:12px 0 0;
	}
	.captcha{
		width:240px;
	}
	.content .event-detail-form p.note{
		margin:10px 0;
		line-height:24px;
		float:none;
	}
	.event-detail-form select{
		height:44px;
	}
	.event-detail-form input[type="text"], .event-detail-form input[type="password"]{
		height:42px;
	}
	.event-detail-form input[type="submit"], .contact-form input[type="submit"]{
		float:none;
	}
	.event-detail-pic{
		margin:20px 0 15px;
	}
	.inner-rightin .home-event-toprt{
		padding:15px 0 0;
	}
	.event-detail-form input[type="submit"]{
		margin:0;
	}
	.pic-right, .pic-left{
		width:auto;
		float:none;
		margin:0 0 15px;
	}
	.login-form input[type="submit"]{
		margin:10px auto 0;
	}
	.login-form{
		width:auto;
	}
}
@media screen and (max-width: 650px) {
	/*body{
		border:1px solid green;
	}*/
	.ftnav li{
		display:block;
		margin:0 0 5px;
	}
	.ftlogo{
		margin:0 auto;
	}
	.home-event-date, .content ul.events-list li .home-event-date{
		float:none;
		margin:0;
		width:auto;
		overflow:hidden;
		padding:8px 0;
	}
	.home-event-date .month{
		display:inline-block;
		vertical-align:top;
		line-height:46px;
	}
	.home-event-date .date{
		display:inline-block;
		vertical-align:top;
	}
	.home-event-toprt{
		padding:15px 15px 0;
	}
	.home-event-info span{
		display:block;
	}
	.home-event-info span.time{
		margin:0 0 8px;
	}
	.home-event-block .home-event-info span{
		display:inline-block;
		margin:0 5px 0 0;
	}
	.home-event-block .home-event-date .month{
		display:block;
		line-height:22px;
	}
	
	
	/*inner page start*/
	.product-pic{
		width:150px;
	}
	.content ul.annual-reports li{
		width:29.5%;
	}
	.content ul.board-of-directors li{
		width:47.6%;
	}
	.inner-rightin .home-evnet-top{
		margin:0;
	}
	.back-btn{
		margin:0 0 25px;
	}
	.event-field{
		padding:0 10px;
	}
	.event-detail-form select{
		padding: 0 0 0 5px;
	}
}
@media screen and (max-width: 600px) {
	/*body{
		border:1px solid orange;
	}*/
	
	
	/*inner page start*/
	.content ul.annual-reports li{
		width:47.3%;
		margin:0 25px 35px 0;
	}
	.content ul.annual-reports li:nth-child(4n){
		margin-right:25px;
	}
	.content ul.annual-reports li:nth-child(3n){
		margin-right:25px;
	}
	.content ul.annual-reports li:nth-child(2n){
		margin-right:0;
	}
	.content ul.board-of-directors li{
		width:47.4%;
	}
}
@media screen and (max-width: 550px) {
	/*body{
		border:1px solid purple;
	}*/
	
	
	/*inner page start*/
	.product-pic{
		width:180px;
		float:none;
		margin:0 auto 20px;
	}
	.content ul.annual-reports li{
		width:46.9%;
	}
	.content ul.board-of-directors li{
		width:46.9%;
	}
}
@media screen and (max-width: 480px) {
	/*body{
		border:1px solid grey;
	}*/
	
	
	/*inner page start*/
	.inner-banner .wrapper{
		position:static;
		overflow:hidden;
		margin:0;
		padding:10px 2%;
		background-color:#292929;
	}
	.inner-banner h1{
		color:#FFF;
	}
	.inner-rightin{
		padding:20px 10px 10px;
	}
	.content ul li{
		padding:0 0 0 20px;
	}
	.content h2{
		font-size:23px;
	}
	.content ol li p{
		margin:0 0 0 2px;
	}
	.content ul.annual-reports li{
		width:46.8%;
	}
	.content ul.board-of-directors li{
		width:auto;
		float:none;
		margin:0 0 40px !important;
	}
	.content ul.board-of-directors li .director-contacts ul li{
		margin:0 !important;
	}
	.content-in{
		padding:30px 10px;
	}
}
@media screen and (max-width: 450px) {
	/*body{
		border:1px solid brown;
	}*/
	.home-event-toprt{
		padding:15px 10px 0;
	}
	.home-event-cont{
		padding:0 10px 15px;
	}
	
	
	/*inner page start*/
	.content ul.product-list li{
		padding:15px 10px;
	}
	.content ul.annual-reports li{
		width:46.5%;
	}
	.inner-rightin .home-event-toprt{
		padding:15px 0 0;
	}
}
@media screen and (max-width: 400px) {
	/*body{
		border:1px solid black;
	}*/
	.home-event-block .home-event-info span{
		margin:0 0 8px;
	}
	
	
	/*inner page start*/
	.content ul.annual-reports li{
		width:auto;
		float:none;
		margin:0 0 35px !important;
	}
	.content ul.annual-reports li:last-child{
		margin:0 !important;
	}
	.annual-report-pic::after{
		background-size:100% 100%;
	}
	.content ul.pagination span{
		display:none;
	}
	.content ul.pagination a{
		margin:0;
	}
	.content ul.pagination a.jp-previous{
		margin-right:2px;
	}
	.content ul.pagination a.jp-next{
		margin-left:2px;
	}
	.content ul.pagination a.jp-first, .content ul.pagination a.jp-last{
		margin:0;
	}
}
@media screen and (max-width: 350px) {
	/*body{
		border:1px solid red;
	}*/
	
	
	/*inner page start*/
}
@media screen and (max-width: 300px) {
	/*body{
		border:1px solid yellow;
	}*/
}