@media only screen and (max-width:1280px){ 
/*	.banner-blackmask{ background:none repeat scroll 0 0 rgba(0, 0, 0, 0);  }*/
	.aboutSection{ background-size:auto 100%;  }

	.sectionOne .logo { width: 40%; margin: auto; /*padding-bottom: 25px; */ }
	.sectionOne .text { padding:25px 0; }
}
@media only screen and (max-width:1279px){ 
	.cycle-slideshow li{ height:600px;  }
	.aboutSection{ background-size:auto 100% !important;  }
	/*.sectionOne .logo { width: 35%; }*/

	.inner-banner { background-size: cover !important; }

	.downArrow { padding: 11px 12px; height: 40px; width: 40px; }
}
@media only screen and (max-width:1023px) {

	.btn-large { font-size: 18px; } 

	.sectionOne .logo { width: 50%; }
	.searchBlock, .topNavigation{ display:none;  }
	#click-menu{ right:15px; top: 6px;  }
	#responsive-menu{ background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8); box-shadow:none; height:auto !important; top:56px; width: 16em;  }
	#responsive-menu .responsive-menu .appendLink{ border-color:#333; padding:10px 15px;  }
	#responsive-menu #responsiveSearch{ background:none repeat scroll 0 0 #000; height:auto; line-height:normal; padding:10px; width:100%;  }
	#responsive-menu #responsiveSearchInput{ height:auto; line-height:normal; padding:5px 12px; width:100%;  }
	#responsive-menu .responsive-menu li a{ border-color:#333; font-family:"proxima_nova_rgbold"; padding:10px; width:91%;  }
	#responsive-menu .responsive-menu li li a{ padding-left:20px; width:90%;  }
	#responsive-menu .appendLink:hover, #responsive-menu .responsive-menu li a:hover{ background-color:#333;  }
	.cycle-slideshow li{ height:450px;  }
	.cycle-pager{ margin-left:-369px; width:738px;  }
	.donation{ right:-30px;  }
	.abouthome-content{ width:350px;  }
	.about-joinblock input[type="text"], .about-joinblock input[type="email"]{ width:224px;  }
	.home .footer{ margin-top:-237px;  }
	.sub-menu{ background:none repeat scroll 0 0 rgba(0, 0, 0, 0); padding:0; position:inherit; top:auto;  }
	.sub-menu:before, .sub-menu:after{ border:medium none; display:none; position:inherit;  }
	.sub-menu:after{ clear:both; content:""; display:table;  }

	.inner-banner, .inner-banner .container { height: 230px; }
	.leftside { padding-right: 10px; }

	.exhibition-image { width: 100%; height: auto; }
	.exhibition-image img { width: 100%; height: auto; }

	.upcoming-page .plr { padding-left: 0px; padding-right: 0px; }
	.upcoming-page .item-2 .plr { padding-left: 0; }

	.upcoming-page .exhibition-image { width: 100%; }
	.upcoming-page .item { margin-bottom: 35px; }

	.videoWrap iframe { height: 450px; }
	.col-lg-8.leftside{ width: 66.6667% }
	.col-lg-4.rightside { width: 33.33% }

	.brochure-section .sidebarImage { height: auto; }

	.nearestProgram { margin-bottom: 30px; }

	.supporter-img { width: auto; height:auto; }
	.supporter-img img { max-width: 100%; }

	.about-blockquote { margin-left: 0; width: auto; }
	.board-img { width: 100%; }

	.press-currentexhibition-img, .press-currentexhibition{ width: 100%; }

	.volunteerForm .gform_wrapper ul li.gfield { width: 80%; }
	.volunteerForm .gform_wrapper ul li#field_1_9.gfield { position: inherit; top: auto; width:80%; }
	.volunteerForm .gform_wrapper ul li#field_1_10.gfield { position: inherit; top: auto; width:80%; }
	.volunteerForm .gform_wrapper ul li#field_1_11.gfield { position: inherit; top: auto; width:80%; }

	.volunteerForm .gform_wrapper ul li#field_1_3.gfield { width: 40.8%; }
	.volunteerForm .gform_wrapper ul li#field_1_4.gfield { width: 39.5%; }
	.volunteerForm .gform_wrapper ul li#field_1_10.gfield ul.gfield_checkbox li { width: 100%; }

	
	.volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left { width: 50%; }
	.volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_right { width: 49%;}
	.volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="text"], .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="url"], .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="email"], .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="tel"], .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="number"], .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="password"] { width: 95% !important; }
	.volunteerForm .gform_wrapper .top_label .gfield_error .ginput_container { max-width: 100%; }

	.volunteerForm .gform_wrapper ul li#field_1_9.gfield { width: 100%; }


}
@media only screen and (max-width:767px){ 

	h1, h2 { font-size: 22px; }
	.breadcrumbs { font-size: 22px; margin: 22px 0; }
	h3 { font-size: 16px; }
	h5, .entry-meta { font-size: 15px; }
        
        .sectionOne {/* display: table-cell; vertical-align: middle; text-align: center; width: 100%;*/ }
/*        .downArrow { display: none; }*/

	p, .donnorSupporters .treeColumn, .empRequirements ul li, .memeber-plans ul li  { font-size: 14px; line-height: 22px; }
	.intro-text { font-size: 20px; line-height: 30px; }
	.container{ width:538px;  }
	.cycle-slideshow li{ height:350px; background-size: cover !important;  }
	.banner-blackmask .container {  }
	.cycle-slideshow li .caption { width:70%; }
        
        .mainlogo-content .text-center p br { display : none; }

	.donation{ right:0;  }
	.donationwrap { width: 100%; padding-bottom: 95px; padding-top: 35px; }
        .donationwrap p { font-size: 18px; line-height: 28px; }
        .donationwrap p br { display: none; }

	.cycle-pager { width: 538px; margin-left: -269px; }

	.about-shadow { padding-bottom: 347px; padding-top: 35px; }
	.abouthome-content { margin-left: 0; /*width: 100%;*/}

	.footer { padding-bottom: 30px; }
	.home .footer { margin-top: -312px; }
	.footer .row .col-xs-6:nth-child(3), .footer .row .col-xs-6:nth-child(4) { margin-top: 10px; }
	.footer .row .col-xs-6:nth-child(3) { clear: left; }

	.inner-banner, .inner-banner .container { height: 182px; }

	.acf-map { height: 300px; }

	.rightside { padding-top: 25px; border-top:1px solid #ccc; }
	.rightside aside { margin-bottom: 20px; }

	.inner-banner .container .donationblock { right: 0; }
	.sub-headline { margin: 20px 0; }

	.exhibition-detail h3 { line-height: 22px; }
	.exhibition-detail h5 { margin: 10px 0; }
	.exhibition-image { margin-top: 15px; }
	.exhibition-image iframe { height: 350px; }
	.upcoming-exhibition .exhibition-image { width: 100%; height: auto; margin-bottom: 25px;}
	.upcoming-exhibition .exhibition-detail { width: 100%; }
	.viewall { height: auto; text-align: center; margin-top: 15px; }

	.upcoming-page .item { margin-bottom: 25px; }
	.upcoming-page .item.item-0 { clear: inherit; }
	.upcoming-page .item:nth-child(odd) { clear:left; }
	.upcoming-exhibition.upcoming-page .exhibition-image { max-height: 210px;  } 
	.upcoming-exhibition .exhibition-image iframe { height: 210px; }
	.upcoming-page .exhibition-image img { max-width: 100%; min-height: inherit; }

	.page-template-page-programs-php .Upcomingexhibition-section .upcoming-page .item:nth-child(odd) { clear: inherit; }
	.page-template-page-programs-php .Upcomingexhibition-section .upcoming-page .item:nth-child(even) { clear: left; }

	.col-lg-8.leftside{ width: 100%; }
	.col-lg-4.rightside { width: 100%; float: none; }

	.videoWrap { margin-bottom: 25px; }
	.videoWrap iframe { height: 350px; }
	.brochure-section .sidebarImage { width: 48.5%; float: left; }
	.brochure-section .sidebarImage:nth-child(even) { float: right; clear: right; clear: none; }
	.brochure-section .sidebarImage:nth-child(odd) { clear: left; }
	.brochure-section .sidebarImage:nth-child(even):after { clear: none; content:""; display: table;}
	.brochure-section .sidebarImage + .sidebarImage + a { clear: left; }

	.nearestProgram .nearestProgramDetail { padding: 0 20px 20px; }

	.support-thanksmes { margin-top: 25px; }
	.supportmain .col-lg-4.rightside, .page-template-page-employment-php .col-lg-4.rightside{ border: none; padding-top: 0; }
	.supporter-img { max-height: 350px; }
	.support-section { padding-top: 25px; margin-top: 10px; }
	/*.supporter-img img { width:100%; }*/

	.download-form { margin-top: 25px; }
	.member-detail { margin-top: 10px; }
	.member-detail .row > div { margin-top: 25px; padding-bottom: 10px; }
	.memeber-plans { margin-bottom: 25px; }

	.pagelg-img { margin-bottom: 25px; margin-top: 25px; }

	.about-company { margin-top: 25px; padding-top: 30px; }
	.board-img { height: auto;  }
	.board-img img { max-height: 220px; }

	.about-company ul li { font-size: 14px; }
	.about-blockquote { margin-top: 20px; font-size: 18px; }

	.apply-btn img, .apply-btn a { display: inline-block;  vertical-align: middle; }
	.apply-btn a { margin-left: 15px; }
	.empRequirements ul li { margin-bottom: 8px; }

	hr { margin: 25px 0; }

	.currentexhibition-section .col-sm-6.fr { width: 100%; margin-bottom: 10px; }

	.volunteerForm .gform_wrapper ul li.gfield { width: 100%; }
	.volunteerForm .gform_wrapper ul li#field_1_3.gfield { width: 50.8%; }
	.volunteerForm .gform_wrapper ul li#field_1_4.gfield { width: 49.2%; }

	.volunteerForm .gform_wrapper .top_label .gfield_label { font-size: 15px; }
	.volunteerForm { margin-top: 25px; padding-top: 25px; }
	.volunteerForm .gform_wrapper { margin-top: 0px; }
	.volunteerForm .gform_wrapper .gfield_checkbox li label { font-size: 14px; line-height: 22px; }

	div.checker, .gform_wrapper .gfield_checkbox div.checker { padding-top: 2px; }
	.volunteerForm .gform_wrapper ul li#field_1_9.gfield ul li { margin-bottom: 8px; }
	.volunteerForm .gform_wrapper .gfield_checkbox li label { padding-left: 15px; }

	#donateTo #payment-form .input-xlarge { width: 160px; }
#donateTo #payment-form.form-horizontal .control-label { width: 105px;  }
#donateTo #payment-form.form-horizontal .controls { margin-left: 105px; }
.donateForm { width: 280px; }



}
@media only screen and (max-width:567px){

	.container { width: 438px;}
	.cycle-pager { display: none;}
	.cycle-slideshow li { height: 320px; }

	.current-exhibition > div { margin-bottom: 30px; }

	.upcoming-exhibition.upcoming-page .exhibition-image { max-height: 210px;  } 

.donnorSupporters .treeColumn { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 20px; /* Chrome, Safari, Opera */ -moz-column-gap: 20px; /* Firefox */ column-gap: 20px;  }
	
	.apply-btn { text-align: center; }
	.apply-btn img, .apply-btn a { text-align: center; }
	.apply-btn a { margin-left: 0px; }

	.press-currentexhibition-img { height: auto; max-height: 350px; }

}
@media only screen and (max-width:479px){

	.container { width: 290px;}
	#responsive-menu { top: 50px; }
	#click-menu { top: 2px; }
        
        .sectionOne .logo { width: 70%;}

	

	.about-shadow { padding-bottom: 420px; }
	.abouthome-content { width: 100%; }
	.about-joinblock input[type="text"], .about-joinblock input[type="email"] { width: 174px; }

	.home .footer { margin-top: -382px;}

	.inner-banner .container .donationblock { width: 50%; }

	.acf-map { height: 200px; }

	.exhibition-image iframe, .videoWrap iframe { height: 250px; }

	.upcoming-exhibition .col-xs-6, .brochure-section .sidebarImage { width: 100%; }
	.brochure-section .sidebarImage, .brochure-section .sidebarImage:nth-child(2n) { float: none; }
	.brochure-section .sidebarImage img { width: 100%;}

	.nearestProgramDetail p { display: none;}
	.nearestProgramDetail p a { display: block; }

	.nearestProgram .nearestProgramDetail { padding: 0 15px 5px; }
	.supporter-img img { width:100%; }

	.memeber-plans ul li, .empRequirements ul li { font-size: 14px; line-height: 22px; padding-left: 22px; }
.donnorSupporters .treeColumn { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 0px; /* Chrome, Safari, Opera */ -moz-column-gap: 0px; /* Firefox */ column-gap: 0px;   }

	.ambassadorList .col-xs-6 { width: 100%; }

	.about-company .col-xs-6 { width: 100%; }
	.about-company .col-xs-6.clearfix { margin-top: 15px; }

	.press-currentexhibition-img { max-height: 200px; }

	.volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left, .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_right { width: 100%; }
	.volunteerForm .gform_wrapper .ginput_complex .ginput_left { width: 100%; }
	.volunteerForm .gform_wrapper .ginput_complex input[type="text"], .volunteerForm .gform_wrapper .ginput_complex input[type="url"], .volunteerForm .gform_wrapper .ginput_complex input[type="email"], .volunteerForm .gform_wrapper .ginput_complex input[type="tel"], .volunteerForm .gform_wrapper .ginput_complex input[type="number"], .volunteerForm .gform_wrapper .ginput_complex input[type="password"], .volunteerForm .gform_wrapper .ginput_complex select, .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="text"], .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="url"], .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="email"], .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="tel"], .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="number"], .volunteerForm .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="password"] { width: 100% !important; }
	.volunteerForm .gform_wrapper .ginput_complex .ginput_right { width: 100%; }
	.volunteerForm .gform_wrapper ul li#field_1_3.gfield { width: 100%; }
	.volunteerForm .gform_wrapper .top_label input#input_1_3 { width: 100%; }
	.volunteerForm .gform_wrapper ul li#field_1_4.gfield { width: 100%; }

}