@media only screen and (max-width: 767px){
	
	#headerWrapper, .sticky #headerWrapper { padding: 10px 0; }
	
	.sticky .menuArea { margin: 3px 10px 0 0; }
	.sticky .mobilemenuArea { margin: 3px 0 0 0; }
	
	.logoArea, .sticky .logoArea { width: 110px; }
	
	.logoArea a.default { display: none; }
	.logoArea a.sticky { display: block; }
	
	.menuArea { margin: 3px 10px 0 0; }
	.menuArea .sitemenu { display: none; }
	
	.menuArea .search { margin: 0px; }
	.menuArea .search a, .sticky .menuArea .search a { padding: 8px 10px; font-size: 19px;  color: #fff; border: none; background: #001d60; }
	.menuArea .subsearch { padding: 20px 5px; }
	.menuArea .subsearch form { width: 100%; }
	.menuArea .subsearch #searchsubmit, .menuArea .subsearch .wp_autosearch_submit { font-size: 16px !important; }
	.shiftnav-open .menuArea .search a { display: none; }
	.menuArea .subsearch #wp_search_widget { width: 100%; }
	
	
	/* mobilemenu area */
	.mobilemenuArea { margin: 3px 0 0 0; display: block; }
	
	#bannerWrapper { margin-top: 60px; }
	.sticky #bannerWrapper { margin-top: 60px; }
	.bannerhome { position: static; height: auto; }
	
	.home #wrapper { padding-top: 0px; }
	
	.bannerArea .tp-leftarrow { display: none; }
	.bannerArea .tp-rightarrow { display: none; }
	.bannerArea .fullwidthbanner-container { left: 0px !important; }
	.bannerArea .tp-revslider-mainul li:nth-child(2), .bannerArea .tp-revslider-mainul li:nth-child(3), .bannerArea .tp-revslider-mainul li:nth-child(5) { text-align: left; }
	.bannerArea .tp-revslider-mainul li .tp-parallax-wrap { left: 15px !important; }
	
	.innerbannerArea { padding: 75px 0; min-height: auto; }
	.innerbannerArea h1 { font-size: 34px; }
	
	.blogArea h2 { font-size: 30px; }
	.blogArea .blogcat li { margin: 2px; }
	
	.blogArea .owl-prev, .blogArea .owl-next { display: none; }
	
	.connectArea form { padding: 35px 0 50px 0; }
	.connectArea .style { margin-bottom: 10px; width: 100%; border: 1px solid #333d47 !important; border-radius: 7px !important; }
	.connectArea .mybtn { width: 100%; border-radius: 7px; }
	.connectArea li { margin: 0 3px; }
	
	.impactArea .text { padding: 30px; min-height: auto; }
	.impactArea .text h2 { font-size: 26px; line-height: normal; }
	.impactArea .text .mybtn { padding: 16px; font-size: 20px; }
	.impactArea p { font-size: 24px; }
	
	.genomicsArea h2 { font-size: 30px; }
	.genomicsArea .short { padding: 0 0 20px 0; }
	.genomicsArea.about .item { padding: 0px; } 
	.genomicsArea.about .info { padding: 75px 0 25px 0; position: relative; }
	.genomicsArea.about .close { margin: 0px; right: 15px; }
	.genomicsArea.about .heigh { display: none; }
	.genomicsArea.about .item > a { padding: 0 30px; }
	
	.newsArea h2 { font-size: 30px; }
	
	.partnerbannerArea { padding: 60px 0 45px 0; }
	.partnerbannerArea:after { 
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(255,255,255,1) 40%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 20%,rgba(255,255,255,1) 40%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(255,255,255,1) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */
		}
	.partnerbannerArea iframe { margin: 0 auto 40px 0; height: 300px; }
	.partnerbannerArea h1 { font-size: 36px; }
	.partnerbannerArea h3 { font-size: 26px; }
	.partnerbannerArea.about h1 { line-height: normal; }
	
	.postnav.stay { position: static; }
	.postnav .dropdown > li { margin: 2px 7px; }
	
	.blogshowArea { padding: 40px 0; }
	
	.rightColmun { padding: 40px 15px 0 15px; }
	
	.forestSlider .fullwidthbanner-container { left: 0px !important; }
	.forestSlider .tp-leftarrow { display: none; }
	.forestSlider .tp-rightarrow { display: none; }
	
	.strategiesArea { padding: 0 0 60px 0; }
	.strategiesArea .text { padding: 30px 15px; margin-bottom: 45px; }
	
	.profileArea .text {  padding: 15px; text-align: center; }
	.profileArea .image { padding: 0 15px; text-align: center; }
	.profileArea .image img { margin: 10px auto; }
	
	.boardArea { padding: 40px 0; }
	.boardetails .left .dec .bio { font-size: 19px; }
	
	.requestArea { padding: 10px 0; text-align: center; }
	.requestArea h3 { margin: 0 0 10px 0; width: 100%; font-size: 12px; }
	.requestArea .mybtn { padding: 10px 17px; display: inline-block; float: none; font-size: 10px; }
	
	.talkArea .top { font-size: 22px; line-height: 36px; text-align: center; }
	.talkArea .form .fgroup .col-xs-12 { padding-bottom: 20px; }
	.talkArea .form .fgroup .col-xs-12:last-child { padding-bottom: 0px; }
	.talkArea .form label { font-size: 18px; }
	.talkArea .form select.wpcf7-form-control { font-size: 18px; }
	.talkArea .form .wpcf7-form-control.wpcf7-submit { width: 270px; font-size: 18px; }
	
	.educationArea .sort { font-size: 24px; }
	.educationArea .edu .text .mybtn { padding: 15px 27px; font-size: 16px; }
	.educationArea .edu .text span { width: 100%; }
	.educationArea .edu .item { padding: 15px 25px; }
	
	.edudetailsArea .left h2 { font-size: 40px; line-height: 46px; }
	.edudetailsArea .down { padding: 10px 27px; font-size: 20px; }
	.edudetailsArea .info { margin: 15px 0 0 0; width: 100%; }
	
	.edudetailsArea .right { padding-left: 15px; }
	.edudetailsArea .left .work { padding: 110px 30px 30px 30px; }
	.edudetailsArea .left .work .sun { right: -32px; }
	
	.workshopArea h2 { font-size: 40px; line-height: 46px; }
	.workshopArea h3 { font-size: 26px; line-height: 36px; }
	.workshopArea label { font-size: 20px; }
	.workshopArea input.wpcf7-form-control.datepicker {  margin-bottom: 10px; }
	
	.confirmArea .confirm .user { display: none; }
	.confirmArea h2 { font-size: 40px; line-height: 46px; }
	.confirmArea h3 { font-size: 24px; line-height: 36px; }
	.confirmArea .confirm { padding-bottom: 25px; }
	.confirmArea .confirm ul a { font-size: 0px; }
	.confirmArea .confirm ul li:last-child { margin-left: 0; }
	
	.confirmArea .news .style { margin-bottom: 10px; width: 100%; border: 1px solid #333d47 !important; border-radius: 7px !important; }
	.confirmArea .news .mybtn { width: 100%; border-radius: 7px; }
	
	.staffArea { padding: 0px 0; }
	.staffArea .staff { width: 100%; }
	
	.staffdetails { padding: 40px 0; }
	.staffdetails .left blockquote { font-size: 24px; }
	.staffdetails .left h2 { font-size: 40px; }
	.staffdetails .left h2 span {  font-size: 20px; }
	.staffdetails .left .socail a { font-size: 0px; }
	.staffdetails .left .socail li:last-child { margin-left: 0; }
	
	.staffdetails .right { padding-top: 50px; }
	.staffdetails .right .text { padding: 28px 0; }
	.staffdetails .right .bio { font-size: 19px; }
	.staffdetails .right .bio svg { margin: 0 10px 0 0; }
	.staffmedia .twitter { padding-left: 15px; }
	
	.projectDetails h2 { font-size: 36px; }
	.projectDetails .info li strong { width: 100%; }
	.projectDetails .info li span { width: 100%; }
	.projectDetails .description { padding: 25px 0 0 0; }
	.projectDetails .backa { position: static; }
	
	.footerArea { padding: 40px 0; }
	.footerArea .style { margin-bottom: 10px; width: 100%; border: 1px solid #333d47 !important; border-radius: 7px !important; }
	.footerArea .mybtn { width: 100%; border-radius: 7px; }
	.copyrightArea .connect { width: 100%; text-align: center; }
	.copyrightArea .connect ul { float: none; }
	.copyrightArea .connect .number { margin: 18px 10px; float: none; display: inline-block; float: none; }
	.copyrightArea .copy { width: 100%; text-align: center; }
	.copyrightArea .copy p { padding: 30px 0 0 0; background-position: top  center; }
	
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	
	.staffArea .staff { width: 50%; }
	
	.educationArea .edu .text span { width: auto; } 
	
	.boardArea .board { width: 50%; }
	.boardArea .board .sub { width: 195px; height: 195px; }
	.boardArea .board .sub .text h3 { font-size: 20px; }
	.boardArea .board .sub .text span { font-size: 13px; }
	
}

@media only screen and (min-width: 768px) and (max-width: 991px){

	.logoArea { width: 130px; }
	.sticky .logoArea { width: 126px; }
	
	.menuArea { margin: 20px 0 0 0; }
	.menuArea .sitemenu > li { margin: 0 0px 0 0; padding: 0 7px 25px 7px; }
	.menuArea .sitemenu > li > a { padding: 0 0 15px 0; font-size: 13px; }
	.sticky .menuArea .sitemenu > li { padding: 0 7px 9px 7px; }
	.sticky .menuArea .sitemenu > li > a { padding: 0 0 15px 0; }
	.menuArea .search a { padding: 0 7px 15px 7px; font-size: 16px; }
	.menuArea .menusub .socail li a { width: 42px; height: 42px; line-height: 42px; font-size: 22px; }
	
	#bannerWrapper { margin-top: 103px; }
	.sticky #bannerWrapper { margin-top: 76px; }
	
	.bannerhome { position: static; height: auto; }
	.home #wrapper { padding-top: 0px; }
	
	.bannerArea .tp-leftarrow  { left: -15px !important; /* font-size: 0px; border-top: 20px solid transparent; border-right: 40px solid rgba(255,255,255,0.8); border-bottom: 20px solid transparent; background: none !important;  */}
	.bannerArea .tp-rightarrow { right: -15px !important; /* font-size: 0px; border-top: 20px solid transparent; border-left: 40px solid rgba(255,255,255,0.8); border-bottom: 20px solid transparent; background: none !important; */ }
	
	.sticky .postnav.stay { top: 75px; }
	
	.postnav.stay { top: 102px; }
	.postnav .dropdown > li { margin: 0 25px; }
	
	.blogArea .blogcat li {  margin: 0 10px; }
	
	.impactArea .text { padding: 30px; }
	.impactArea .text .mybtn { font-size: 18px; }
	
	.genomicsArea { font-size: 18px; }
	.genomicsArea .item h3 { font-size: 20px; }
	
	.newsArea .row { margin: 0 -15px; }
	.newsArea .item { padding: 12px 15px; }
	.newsArea .text h3 { font-size: 19px; }
	
	.partnerbannerArea { padding: 100px 0 45px 0; }
	
	.forestSlider .tp-leftarrow  { left: -15px !important; /* font-size: 0px; border-top: 20px solid transparent; border-right: 40px solid rgba(255,255,255,0.8); border-bottom: 20px solid transparent; background: none !important;  */}
	.forestSlider .tp-rightarrow { right: -15px !important; /* font-size: 0px; border-top: 20px solid transparent; border-left: 40px solid rgba(255,255,255,0.8); border-bottom: 20px solid transparent; background: none !important; */ }
	
	
	.profileArea .text { padding: 0 15px; font-size: 15px; line-height: 25px; }
	.profileArea .image {  padding-left: 15px; }
	.profileArea .image img { margin: -100px 0 5px 0; max-width: 100%; }
	
	.requestArea { text-align: center; }
	.requestArea h3 { margin: 0 0 20px 0; width: 100%; }
	.requestArea .mybtn { display: inline-block; float: none; }
	
	.talkArea .top { font-size: 28px; line-height: 40px; }
	
	.staffArea .staff { width: 33.33%; }
	
	.staffdetails .left blockquote { font-size: 26px; }
	.staffdetails .left h2 { font-size: 40px; }
	.staffdetails .left h2 span { font-size: 20px; }
	.staffdetails .left .socail a { font-size: 0px; }
	.staffdetails .left .socail li:last-child { margin-left: 0; }
	
	.staffdetails .right .text { padding: 28px 0; }
	.staffdetails .right .bio { font-size: 19px; }
	.staffdetails .right .bio svg { margin: 0 10px 0 0; }
	.staffmedia .twitter { padding-left: 15px; }
	
	.boardArea .board .sub { width: 195px; height: 195px; }
	.boardArea .board .sub .text h3 { font-size: 20px; }
	.boardArea .board .sub .text span { font-size: 13px; }
	
	.edudetailsArea .left h2 { font-size: 50px; line-height: 56px; }
	.edudetailsArea .info { margin: 15px 0 0 0; width: 100%; }
	
	.edudetailsArea .right { padding-left: 15px; }
	.edudetailsArea .left .work .sun { right: -50px; }
	
	.confirmArea h3 { font-size: 24px; line-height: normal; }
	.confirmArea .confirm ul a { font-size: 0px; }
	.confirmArea .confirm ul li:last-child { margin-left: 0px; }
	
	.projectDetails h2 { font-size: 40px; }
	.projectDetails .info li strong { width: 100%; }
	.projectDetails .info li span { width: 100%; }
	.projectDetails .description { padding: 25px 0 0 0; }
	.projectDetails .backa { position: static; }
	
	.copyrightArea { text-align: center; }
	.copyrightArea .connect { margin-bottom: 20px; width: 100%; }
	.copyrightArea .copy { width: 100%; }
	.copyrightArea .connect ul { display: inline-block; float: none; }
	.copyrightArea .connect .number { display: inline-block; float: none; }
	.copyrightArea .copy p { padding: 30px 0 0 0; background-position: top  center; }
	
	
		
}

@media only screen and (min-width: 992px) and (max-width: 1199px){ 
	
	.menuArea { margin: 23px 0 0 0; }
	.logoArea { width: 150px; }
	
	.menuArea .sitemenu > li { padding: 0 13px 25px 13px; margin: 0 0 0 0; }
	.menuArea .sitemenu > li > a { padding: 0 0 15px 0; }
	.sticky .menuArea .sitemenu > li > a { padding: 0 0 15px 0px; }
	.sticky .menuArea .sitemenu > li { padding: 0 13px 8px 13px; }
	
	.menuArea .search a { padding: 0 7px 40px 7px; }
	
	#bannerWrapper { margin-top: 110px; }
	.sticky #bannerWrapper { margin-top: 76px; }
	
	.bannerhome { position: static; height: auto; }
	.home #wrapper { padding-top: 0px; }
	
	.postnav.stay { top: 110px; }
	
	.newsArea .row { margin: 0 -15px; }
	.newsArea .item { padding: 12px 15px; }
	.newsArea .text h3 { font-size: 19px; }
	
	.partnerbannerArea { padding: 120px 0 45px 0; }
	
	.staffArea .staff { width: 25%; }
	
	.staffdetails .left .socail a { font-size: 0px; }
	.staffdetails .left .socail li:last-child { margin-left: 0; }
	
	.staffdetails .right .text { padding: 28px 15px; }
	
	.boardArea .board .sub { width: 205px; height: 205px; }
	.boardArea .board .sub .text h3 { font-size: 20px; }
	.boardArea .board .sub .text span { font-size: 14px; }
	
	.educationArea .edu .row { margin: -15px; }
	.educationArea .edu .item {  padding: 15px; }
	.educationArea .edu .text .mybtn { font-size: 16px; }
	.educationArea .edu .text span { width: 100%; }
	
	.edudetailsArea .info { margin: 0 0 0 20px; }
	.edudetailsArea .down { font-size: 20px; }
	
	.confirmArea h3 { font-size: 34px; line-height: 48px; }
	
	.copyrightArea .connect .number { margin: 0 0 0 15px; }
	
}

@media only screen and (min-width: 1200px) and (max-width: 1348px){ 
	
	
}