@media screen and (min-width: 1441px) and (max-height: 800px) {

	.sunRays,
	.sunRaysAnti {
		top: -100%;
	}

	.logo {
		width: 600px;
		height: auto;
	}

	.headerDesc {
		bottom: 96px;
	}

}


@media all and (min-width:1025px) {
	.expectedEvents:hover .expectedEventsInner {
		transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
	}

}

@media all and (max-width:1440px) {

	/* .sunRays,
	.sunRaysAnti {
		width: 992px;
	} */


	.sunRays,
	.sunRaysAnti {
		width: 672px;
	}

	.logo {
		margin-top: 92px;
		width: 50%;
	}

	.headerDesc {
		bottom: 94px;
	}

	.scrollDown {
		bottom: 32px;
	}

	.aboutContent,
	.contributeContent {
		margin: 0 auto;
		max-width: 908px;
	}


}

@media all and (max-width:1024px) {

	.container {
		padding: 0 36px;
	}

	.sunRays,
	.sunRaysAnti {
		width: 600px;
		top: -45%;
	}

	.logo {
		max-width: 100%;
		margin-top: 178px;
		width: 58%;
	}

	.videoSectionWrap::before,
	.videoSectionWrap::after {
		max-width: 80%;
	}

	.videoSectionWrap::after {
		right: 16px;
		top: -112px;
	}

	.videoSectionWrap::before {
		left: 16px;
	}

	.registrationForm::after {
		left: -94px;
		top: -162px;
		width: 200px;
		background-size: 100%;
	}

	.aboutSection p {
		font-size: 18px;
	}

	.whatToExceptSection {
		background-size: 130%;
	}

	.expectedEvents {
		height: 180px;
	}

	.venue {
		padding-top: 40px;
	}

	.venuDetail h4 {
		font-size: 36px;
	}

	.venuDetail p {
		font-size: 24px;
	}

	.venuePopupBtn {
		font-size: 16px;
	}

	.mainMenuContainer {
		padding: 120px 10px 120px 150px;
		background-size: cover;
	}

	.mainMenu ul li a {
		font-size: 28px;
	}

	.goToTop {
		right: 0;
	}

	.primaryHeader {
		padding: 0 36px;
	}

	.whatToExceptContent {
		position: relative;
		padding: 0 22px;
	}

	.flipCardBack {
		padding: 24px 32px;
	}

	.flipCardBack h3 {
		font-size: 20px;
	}

	.flipCardBack p {
		font-size: 14px;
	}

	.shareWithSocialMedia .shareBtnWhatsApp {
		display: inline-block;
	}

	.volunteerRegInfo .container,
	.volunteerRegForm .container {
		padding: 0 24px;
		box-sizing: border-box;
	}

	.vRFFiledWarp h5 {
		margin-top: 8px;
		font-size: 14px;
	}

	.vRFLabelWrapLabel a {
		width: 132px;
		height: 32px;
		line-height: 32px;
		margin-left: 12px;
		font-size: 16px;
	}

	.vRFFAddMore {
		margin-top: 16px;
		font-size: 24px;
		line-height: 30px;
		width: 36px;
		height: 36px;
	}

	.previousExperience.previousExperienceAddMore .vRFField {
		width: 29%;
		margin-right: 2%;
	}

	.vRFFormSubmit {
		font-size: 18px;
		width: 200px;
		height: 48px;
		line-height: 48px;
	}

	.vRFUpload span {
		font-size: 18px;
		line-height: 48px;
	}

	.vRFUpload input[type="file"] {
		width: 300px;
		height: 48px;
	}

	.fileFormatSupport {
		margin-top: 6px;
		display: block;
		margin-left: 0;
	}

	.vRFUploadResume h5 {
		text-align: left;
	}

	.vRFWrap {
		padding: 48px 24px;
	}

	.vRFAvField .sbHolder {
		top: 0;
	}

	.vRFGField,
	.vRFAvField {
		height: 30px;
	}

	.vRFAvField .sbOptions {
		min-height: 124px;
	}

	.vRFGField .sbOptions {
		min-height: 92px;
	}

	.vRFFieldRespons .vRFPlaceHolder,
	#vRFJob .vRFFieldRight .vRFPlaceHolder {
		top: 28px !important;
	}

	/* .vRFWrap .vRFField p.vRFPlaceHolderLabel {
		font-size: 10px;
	} */
	.vRFFieldRespons .vRFPlaceHolder.vRFPlaceHolderLabel,
	#vRFJob .vRFFieldRight .vRFPlaceHolder.vRFPlaceHolderLabel {
		top: 0px !important;
	}

	/* Schedule Section Starts Here */

	.scheduleSection {
		padding-top: 90px;
		z-index: 9;
	}

	/* .scheduleSection h2 {
		font-size: 68px;
		color: rgba(255, 255, 255, 0.9);
		margin-bottom: 40px;
		letter-spacing: 0;
	} */

	.scheduleSectionBalloonOne {
		display: none;
	}

	.scheduleDayNav {
		float: none;
		display: inline-block;
		margin-bottom: 25px;
	}

	.scheduleDayDate {
		float: none;
		width: auto;
		position: relative;
		top: 0;
		margin-bottom: 25px;
	}

	.downloadSchedule {
		float: none;
		top: 0;
		font-size: 16px;
		padding: 10px 26px 10px 10px;
		border-radius: 5px;
		width: 220px;
		box-sizing: border-box;
		text-decoration: none;
		display: inline-block;
	}

	.scheduleDayNav a.dayOnenav {
		border-radius: 8px 0 0px 8px;
	}

	.scheduleDayNav a {
		padding: 14px;
		font-size: 24px;
	}

	.scheduleDayNav a.dayThreenav {
		border-radius: 0 8px 8px 0;
	}

	.scheduleHeader {
		text-align: center;
		margin-bottom: 50px;
	}

	.scheduleDayDate h4 {
		font-size: 14px;
		letter-spacing: 2px;
	}

	.scheduleDayDate h4 sup {
		font-size: 12px;
		letter-spacing: 2px;
	}

	.scheduleContentTimeSlots {
		display: none;
	}

	.scheduleContentItemListWrap {
		height: auto;
		padding: 0 0px;
	}

	.registrationCard h5 {
		font-size: 14px;
	}

	.registrationCard h3 {
		font-size: 22px;
	}

	.registrationCard {
		height: auto;
		padding-bottom: 40px;
		margin-bottom: 20px;
	}

	.scheduleContentCard {
		position: relative;
		top: 0;
		left: 0;
		height: auto;
		margin-bottom: 10px;
	}

	.oneHour.adabiChaupalEvent {
		height: auto;
	}

	.scheduleDayOneWrap .scheduleCardHeader h5 {
		font-size: 12px;
		padding-left: 38px;
		line-height: 38px;
		background-size: 28px auto;
	}

	.scheduleDayOneWrap .scheduleCardHeader h6 {
		font-size: 12px;
		line-height: 38px;
	}

	.scheduleCardHeader {
		/*margin-bottom: 10px;*/
		margin-bottom: 2px;
	}

	.inaugurationCard .scheduleCardBody {
		margin-top: 0;
	}

	.inaugurationCardBody {
		margin-right: 0;
		display: block;
		vertical-align: middle;
		margin-bottom: 10px;
	}

	.scheduleCardBody h3 {
		font-size: 24px;
	}

	.scheduleCardBody p {
		font-size: 13px;
		line-height: 1.4;
	}

	.scheduleCardParticipantPic {
		margin-bottom: 16px;
		padding-top: 0;
		display: inline-block;
		padding-left: 36px;
	}

	.scheduleCardParticipantPic a {
		width: 85px;
		height: 85px;
		margin-left: -24px;
	}

	.scheduleDayTwoWrap .scheduleContentItemListWrap,
	.scheduleDayThreeWrap .scheduleContentItemListWrap {
		height: auto;
	}

	.scheduleVenue {
		margin-top: 70px;
		display: none;
	}

	.scheduleContentCard {
		width: 100%;
		border-right: none;
	}

	.eventVenueSM,
	.eventVenueAM,
	.eventVenueAPM,
	.eventVenueSTM {
		display: block;
	}

	.participantProfileWrap .participantProfile {
		position: fixed;
		margin-left: -160px;
		max-width: 320px;
	}

	.inaugurationCard .scheduleCardBody a {
		display: none;
	}

	/*.scheduleCardParticipantPicWrap{
	display: none;
}*/
	.eventVenueSM,
	.eventVenueAM,
	.eventVenueAPM,
	.eventVenueSTM {
		text-align: left;
		top: -11px;
		position: relative;
	}

	.scheduleDayTwoWrap .scheduleCardHeader,
	.scheduleDayThreeWrap .scheduleCardHeader {
		margin-bottom: 20px;
	}

	.scheduleDayTwoWrap .scheduleCardBody h3,
	.scheduleDayThreeWrap .scheduleCardBody h3 {
		margin-bottom: 14px;
	}

	.scheduleCardTimeS {
		margin-bottom: 40px;
	}

	.scheduleCardTimeS .schTimeSep {
		width: 100%;
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		font-size: 16px;
		text-transform: uppercase;
		color: #333;
		padding: 8px 30px 8px 10px;
		margin-bottom: 3px;
		background: #fff url(../img/clock.png) no-repeat right 10px center;
		box-sizing: border-box;
		background-size: 16px 16px;
	}

	.scheduleCardTimeS .schTimeSep.schTimeSepVenue {
		text-align: center;
		padding: 12px 0;
		color: #fff;
	}

	.scheduleCardTimeS .schTimeSep.schTimeSepVenue.schTimeSepVenueMK {
		background: #74b9fa;
	}

	.scheduleCardTimeS .schTimeSep.schTimeSepVenue.schTimeSepVenueBK {
		background: #ff6bc6;
	}

	.scheduleCardTimeS .schTimeSep.schTimeSepVenue.schTimeSepVenueDI {
		background: #dbc23a;
	}

	.scheduleCardTimeS .schTimeSep.schTimeSepVenue.schTimeSepVenueKS {
		background: #0dd691;
	}

	.scheduleCardTimeS .schTimeSep span {
		font-size: 14px;
		float: right;
	}

	.scheduleDayThreeWrap {
		margin-bottom: 0;
	}

	.scheduleDayOneWrap .oneHalfHour {
		height: auto !important;
		top: auto !important;
	}

	.scheduleDayOneWrap,
	.scheduleDayTwoWrap,
	.scheduleDayThreeWrap {
		margin-bottom: 24px;
	}

	/* Schedule Section Ends Here */

	.cardTwoHalfHour {
		height: auto !important;
	}

	.flipCardFront span {
		font-size: 16px;
		left: 18px;
		bottom: 12px;
		line-height: 1.3;
	}

	.flipOverlay::before {
		width: 20px;
		height: 20px;
		background-size: 100%;
	}

	.expectedEventsActive .flipOverlay {
		display: none;
	}

	/* Live Video JER Starts Here */
	.jerLiveVideoSection .sectionSubTitle {
		font-size: 14px;
		line-height: 1.3;
	}

	.jerLiveVideoSection .sectionTitle {
		font-size: 38px;
	}

	.liveVideoNav a {
		width: 136px;
		height: 42px;
		line-height: 42px;
		font-size: 14px;
		margin: 0 6px;
	}


	/* Live Video JER Ends Here */

}

@media all and (max-width:992px) {

	/*
	#header{
		background: url(../img/headerDeviceBg.png) no-repeat center top;
	}
*/
	.sectionTitle {
		font-size: 82px;
	}

	.sectionSubTitle {
		font-size: 24px;
	}

	.sunRays,
	.sunRaysAnti {
		width: 559px;
		top: -27%;
		transform: scale(2);
		-o-transform: scale(2);
		-moz-transform: scale(2);
		-webkit-transform: scale(2);
		-ms-transform: scale(2);
	}

	.headerDesc {
		bottom: 192px;
	}

	.scrollDown {
		bottom: 98px;
	}

	.logo {
		margin-top: 232px;
		width: 88%;
	}

	.videoSectionWrap::after {
		height: 146%;
		top: -70px;
	}

	.expectedEvents {
		height: 128px;
	}

	.whatToExceptSection {
		background: url(../img/whattoexceptbg.png) no-repeat -47px 201px;
		background-size: 111%;
	}

	.registrationForm::after {
		left: 8px;
		top: -162px;
		width: 120px;
	}

	.footerWrap {
		padding: 102px 0px 76px;
	}

	.footerSocialMedia a {
		margin: 0 8px;
	}

	.mainMenu {
		width: 100%;
	}

	.mainMenuContainer {
		padding: 120px 64px;
		background-size: cover;
		background-position: 34% 88%;
	}

	.primaryHeader {
		padding: 0 36px;
	}

	.flipCardBack {
		padding: 12px;
	}

	.flipCardBack h3,
	.flipCardBack p {
		font-size: 12px;
	}

	.whatToExceptContent {
		position: relative;
		padding: 0 18px;
	}

}


@media all and (min-width:320px) and (max-width:359px) {

	.desktopNav {
		display: none;
	}

	.mobileNav {
		display: block;
	}

	.container {
		padding: 0 16px;
	}

	.logo {
		margin-top: 146px;
		width: auto;
	}

	.sunRays,
	.sunRaysAnti {
		display: none;
	}

	.scrollDown {
		bottom: 32px;
	}

	.registrationForm::after {
		width: 50px;
		height: 66px;
		left: 0;
		top: -64px;
	}

	.headerDesc {
		bottom: 84px;
	}

	#header {
		/* background: url(../img/headerDeviceBg.png) no-repeat center top;
		background-size: cover; */
	}

	.mainMenu ul {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.mainMenu ul.subMenu {
		top: 75px;
		width: 100%;
		left: 0;
	}

	.mainMenu ul li .subMenu::before {
		display: none;
	}

	.mainMenu ul li .subMenu a {
		font-size: 16px;
	}

	.mainMenu ul li .subMenu li {
		margin-bottom: 0;
	}

	.sectionSubTitle {
		font-size: 12px;
	}

	.sectionTitle {
		font-size: 32px;
		letter-spacing: 0px;
		text-shadow: 0px 1.2px 0px #c600ff;
		margin-bottom: 28px;
	}

	.videoSectionWrap {
		padding: 0 0px;
		max-width: 400px;
		margin: 0 auto;
	}

	.videoSectionWrap::before {
		left: -75px;
	}

	.videoSectionWrap::after {
		display: none;
	}

	.videoContainer i {
		background-size: 52px auto;
	}

	.aboutSection {
		padding-top: 120px;
	}

	.aboutSection p,
	.contributeSection p {
		font-size: 16px;
	}

	.whatToExceptSection {
		padding-top: 80px;
	}

	.expectedEvents {
		width: calc(50% - 8px);
		height: 84px;
	}

	.expectedEvents:nth-child(3n+1) {
		margin-left: 16px;
	}

	.expectedEvents:nth-child(2n+1) {
		margin-left: 0;
	}

	.whatToExceptContent {
		padding: 0;
		max-width: 328px;
		margin: 0 auto;
	}

	.flipCardBack {
		padding: 4px 6px;
	}

	.flipCardBack h3,
	.flipCardBack p {
		font-size: 10px;
	}

	.flipCardBack h3 {
		margin-bottom: 2px;
	}

	.container {
		padding: 0 16px;
	}

	/* Registration Form Starts  */

	.registrationForm,
	.thankuContent,
	.thankuContentVolunteer {
		padding: 24px 16px 24px;
	}

	button.submit {
		width: 248px;
		height: 46px;
		padding: 0;
		font-size: 16px;
	}

	.thankuContent h2,
	.thankuContentVolunteer h2 {
		font-size: 18px;
	}

	.thankuContent p,
	.thankuContentVolunteer p {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 24px;
	}

	.thankuContent h3 {
		font-size: 18px;
		margin-bottom: 12px;
		padding-top: 12px;
	}

	.termConPopup {
		max-height: 400px;
		width: 96%;
	}

	.dyeLayout {
		height: 1056px;
	}

	.termConPopup h2 {
		font-size: 22px;
	}

	.termPopupContainer {
		height: 306px;
		padding: 0px 32px 0px;
	}

	.tcField {
		padding-top: 40px;
	}

	/* Registration Form Ends  */

	.contributeContent {
		margin-bottom: 32px;
	}

	.contributeBtn {
		font-size: 16px;
		padding: 0 16px;
		width: 224px;
		height: 46px;
		line-height: 46px;
	}

	.venuDetail h4 {
		font-size: 22px;
		line-height: 1.3;
	}

	.venuDetail p {
		font-size: 16px;
	}

	.venue {
		padding-top: 72px;
	}

	.venuMap iframe {
		height: 242px;
		width: 100%;
	}

	.footerContactInfo h5 {
		letter-spacing: 6px;
		line-height: 1.5;
	}

	.footerSocialMedia a {
		width: 48px;
		height: 48px;
		margin: 0 2px;
	}

	.footerSocialMedia a.socialMediaShareFB {
		background-position: -574px -319px;
	}

	.footerSocialMedia a.socialMediaSharetwitter {
		background-position: -429px -319px;
	}

	.footerSocialMedia a.socialMediaShareGPlus {
		background-position: -302px -319px;
	}

	.footerSocialMedia a.socialMediaShareYouTube {
		background-position: -154px -319px;
	}

	.footerSocialMedia a.socialMediaShareInstagram {
		background-position: -10px -319px;
	}

	.footerSocialMedia a.socialMediaShareFB:hover {
		background-position: -574px -385px;
	}

	.footerSocialMedia a.socialMediaSharetwitter:hover {
		background-position: -431px -385px;
	}

	.footerSocialMedia a.socialMediaShareGPlus:hover {
		background-position: -302px -385px;
	}

	.footerSocialMedia a.socialMediaShareYouTube:hover {
		background-position: -153px -385px;
	}

	.footerSocialMedia a.socialMediaShareInstagram:hover {
		background-position: -10px -385px;
	}

	.footerSocialMedia {
		padding: 42px 0;
		text-align: center;
	}

	.goToTop {
		right: 0;
		height: 80px;
	}

	.footerPrimaryNav li {
		margin: 0 10px;
	}

	.footerSecondaryNav li {
		margin-left: 16px;
	}

	.footerPrimaryNav,
	.footerSecondaryNav {
		float: none;
		padding-left: 0;
		display: inline-block;
		margin-bottom: 18px;
	}

	.footerNav {
		text-align: center;
	}

	.footerWrap {
		padding: 72px 0px 42px;
	}

	.headerDesc h6 {
		font-size: 14px;
	}

	/* menu */
	.primaryHeader {
		padding: 0px 16px;
	}

	.mainMenuContainer {
		padding: 60px 16px 48px;
		/* background-image: none; */
	}

	.registerNavBtn,
	.volunteerNavBtn,
	.homeNavBtn,
	.galleryNavBtn {
		height: 55px;
		line-height: 55px;
		font-size: 13px;
		float: right;
		margin: 0;
		width: 118px;
	}

	.menuToggle {
		width: 32px;
		height: 32px;
		margin-top: 10px;
	}

	.menuToggle .hamburger span {
		height: 2px;
	}

	.mainMenu {
		height: 96%;
		overflow-y: auto;
	}

	.mainMenu ul li {
		width: 100%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 0px;
	}

	.mainMenu ul li a {
		padding: 24px 0px;
		font-size: 24px;
		text-align: center;
	}

	.headerSocialMedia {
		display: none;
		position: fixed;
		bottom: 16px;
		left: 50%;
		margin-left: -105px;
		z-index: 99;
	}

	.menuOpen .headerSocialMedia {
		display: block;
	}

	.headerSocialMedia a {
		background: none;
		border-radius: 0px;
		color: #fff;
	}

	.filmScreening {
		display: none !important;
	}

	.dramaPlayevent {
		display: none !important;
	}

	.ghazalSarayi,
	.foodfestivalEvent {
		margin-left: 0 !important;
	}

	.eventConversation,
	.rekhtaBaazar {
		margin-left: 16px !important;
	}


	#header.volunteerPage {
		height: 222px;
	}

	.volunteerHeaderDesc h2 {
		font-size: 58px;
	}

	.volunteerHeaderDesc h4 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.volunteerRegInfoDesc {
		padding-top: 24px;
	}

	.volunteerRegInfo p,
	.volunteerRegInfo li {

		font-size: 14px;
	}

	.volunteerEligibility,
	.volunteerProcess,
	.volunteerDeadline {
		padding-top: 28px;
	}

	.volunteerRegInfo h4 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.volunteerRegInfo {
		padding: 12px 0 22px;
	}

	.volunteerRegForm {
		padding: 24px 0;
	}

	.volunteerWrapper .sectionSubTitle {
		font-size: 18px;
	}



	.volunteerRegInfo .container,
	.volunteerRegForm .container {
		padding: 0 16px;
		box-sizing: border-box;
	}

	.volunteerRegInfo h2,
	.volunteerRegForm h2 {
		letter-spacing: 0;
		font-size: 48px;
	}

	.volunteerRegInfo h3,
	.volunteerRegForm h3 {
		font-size: 36px;
	}


	.volunteerRegInfo h4 {
		font-size: 32px;
	}


	.vRFFieldLeft,
	.vRFFieldRight,
	.vRFField {
		width: 100% !important;
		float: none !important;

	}

	.vRFFiledWarp h5 {
		float: none;
		text-align: left;
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 1.5;
	}

	.vRFLabelWrapLabel a {
		font-size: 12px;
		line-height: 28px;
		height: 28px;
		width: 84px;
		margin-left: 4px;
		margin-bottom: 8px;
	}

	.vRFLabelWrapLabel {
		float: none;
		width: 100%;
		overflow: hidden;
	}

	.vRFWrap .vRFField input,
	.vRFWrap .vRFField textarea {
		font-size: 14px;
		height: 56px;
	}

	.vRFWrap .vRFField p {
		font-size: 14px;
	}

	.vRFField {
		margin-bottom: 8px;
	}

	.vRFFiledWarp,
	.vRFFieldContent,
	.previousExperience,
	.vRFBrief {
		padding-top: 8px;
	}

	.vRFCStatus {
		padding-bottom: 8px;
	}

	.vRFFAddMore {
		font-size: 24px;
		line-height: 28px;
		width: 32px;
		height: 32px;
		margin-top: 12px;
	}


	.vRFUpload {
		display: block;
		margin-bottom: 48px;
		width: 240px;
		margin-left: auto;
		margin-right: auto;
	}

	.vRFUpload {
		float: none;
	}

	.vRFUpload input[type="file"] {
		width: 240px;
		height: 48px;
	}

	.vRFUpload span {
		font-size: 18px;
		line-height: 48px;
	}

	.vRFFormSubmit {
		font-size: 18px;
		width: 200px;
		height: 48px;
		line-height: 48px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}


	#vRFYes .vRFPlaceHolder {
		top: 26px;
	}

	.vRFBrief textarea {
		height: 90px !important;
	}

	.previousExperience .vRFFieldRespons {
		float: left !important;
		width: calc(100% - 40px) !important;
		margin-right: 0 !important;
	}

	.thankuContentVolunteer {
		padding: 40px 20px;
	}

	.thankuContentVolunteer h2 {
		font-size: 22px;
		line-height: 1.3;
	}

	.thankuContentVolunteer p {
		font-size: 14px;
		line-height: 2;
	}

	.vRFBrief p.vRFPlaceHolderLabel {
		background: #ffffff;
		z-index: 1;
	}

	.vRFInfoTrue {
		margin-bottom: 32px;
	}

	.vRFUploadResume {
		margin-bottom: 12px;
	}

	.vRFGField {
		height: 63px;
	}

	#vRFMentionFest {
		height: 76px;
		padding-top: 42px;
	}

	.vRFRemoveBtn {
		line-height: 24px;
	}

	.vRFVType a {
		font-size: 10px;
		line-height: 36px;
	}

	.vRExpPhotoAddMoreWrap {
		float: none;
		width: 100%;
	}

	.vROnlineLinkField {
		float: left !important;
		width: calc(100% - 60px) !important;
	}

	/* Thanks MSG Change Starts Here */

	.jerDonationSec {
		padding: 16px 16px;
		margin-left: -16px;
		margin-right: -16px;
	}

	/* Thanks MSG Change Ends Here */

	/* Participant Section Starts Here */
	.participantsSection .sectionSubTitle {
		letter-spacing: 4px;
	}

	.participantWrap {
		margin-left: -16px;
	}

	.participantList {
		width: calc(50% - 16px);
		margin-left: 16px;
		margin-bottom: 16px;
	}

	.participantList h3 {
		font-size: 16px;
		padding: 0 4px;
	}

	.participantList h6 {
		font-size: 12px;
	}


	/* Participant Section Ends Here */

	/* Get Involved Section Starts Here */
	.sponsorsListWithImage {
		margin-left: -16px;
	}

	.sponsorsListWithImage .sponsorsListItem {
		width: calc(50% - 16px);
		margin-bottom: 16px;
		margin-left: 16px;
	}

	.sponsorsListWithoutImage .sponsorsListItem {
		margin-left: 16px;
		margin-bottom: 16px;
	}

	.sponsorsListWithoutImage h5 {
		font-size: 16px;
	}

	.sponsorsListWithoutImage {
		margin-left: -16px;
	}

	.getInvolved {
		padding-bottom: 0;
	}

	/* Get Involved Section Ends Here */

	/* Gallery Starts Here */

	.photoGalleryItems {
		width: calc(50% - 16px);
	}

	.galleryBody .galleryVideoContainerWrap {
		float: none;
		width: 100%;
		border-right: none;
		padding-right: 0;
		border-bottom: 1px solid #e6e6e6;
		margin-bottom: 16px;
		padding-bottom: 16px;
	}

	.galleryVideoThumb i {
		background-size: 64px 64px;
	}

	.galleryVideoListDesc h3 {
		font-size: 14px;
	}

	.galleryVideoListDesc {
		padding-top: 8px;
	}

	.galleryVideoListing {
		float: none;
		width: 100%;
		max-height: 180px;
		overflow: auto;
	}

	.galleryListItem img {
		width: 48px;
	}

	.galleryVideoDesc h3 {
		font-size: 14px;
		line-height: 1;
	}

	.galleryHeader a {
		font-size: 18px;
	}

	.galleryVideos .galleryHeader .gVBtn,
	.galleryPhotos .galleryHeader .gPBtn {
		font-size: 26px;
	}

	.galleryPhotos .galleryHeader .gPBtn::before,
	.galleryVideos .galleryHeader .gVBtn::before {
		width: 56px;
		height: 2px;
		margin-left: -28px;
	}

	/* Gallery Ends Here */

	.networkLost {
		width: 280px;
		height: 320px;
		padding: 32px 0 32px;
		margin-left: -140px;
		margin-top: -160px;
	}

	.networkCloseBtn {
		right: 16px;
		top: 16px;
	}

	.networkLost h5 {
		font-size: 14px;
	}

	.networkLost img {
		width: 120px;
	}

	.networkRetryBtn {
		font-size: 12px;
	}

	.gettingToJERPopup {
		max-width: 300px;
		height: 300px;
	}

	.gTJERPHeader h4 {
		font-size: 18px;
	}

	.gTJERPHeader .closeBtn {
		width: 24px;
		height: 24px;
		background-size: 100%;
	}

	.gTJERPBody {
		height: 234px;
		padding: 0px 24px 0px;
	}

	.gTJERTerms h5,
	.gTJERTerms p {
		font-size: 14px;
	}

	.galleryPhotos .galleryBody a:nth-child(3n+1) {
		clear: none;
	}

	.galleryPhotos .galleryBody a:nth-child(2n+1) {
		clear: both;
	}

}



@media all and (min-width:360px) and (max-width:767px) {

	.desktopNav {
		display: none;
	}

	.mobileNav {
		display: block;
	}

	.container {
		padding: 0 16px;
	}

	.logo {
		margin-top: 146px;
		width: auto;
	}

	.sunRays,
	.sunRaysAnti {
		display: none;
	}

	.scrollDown {
		bottom: 68px;
	}

	.headerDesc {
		bottom: 106px;
		padding: 0 16px;
		box-sizing: border-box;
	}

	#header {
		/* background: url(../img/headerDeviceBg.png) no-repeat center top;
		background-size: cover; */
	}

	.mainMenu ul {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.mainMenu ul.subMenu {
		top: 75px;
		width: 100%;
		left: 0;
	}

	.mainMenu ul li .subMenu::before {
		display: none;
	}

	.mainMenu ul li .subMenu a {
		font-size: 16px;
	}

	.mainMenu ul li .subMenu li {
		margin-bottom: 0;
	}

	.sectionSubTitle {
		font-size: 22px;
	}

	.sectionTitle {
		font-size: 48px;
		letter-spacing: -2px;
		text-shadow: 0px 1.2px 0px #c600ff;
		margin-bottom: 28px;
	}

	.videoSectionWrap {
		padding: 0 0px;
		max-width: 400px;
		margin: 0 auto;
	}

	.videoSectionWrap::before {
		left: -75px;
	}

	.videoSectionWrap::after {
		display: none;
	}

	.videoContainer i {
		background-size: 52px auto;
	}

	.aboutSection {
		padding-top: 120px;
	}

	.aboutSection p,
	.contributeSection p {
		font-size: 16px;
	}

	.whatToExceptSection {
		padding-top: 80px;
	}

	.expectedEvents {
		width: calc(50% - 8px);
		height: 96px;
	}

	.expectedEvents:nth-child(3n+1) {
		margin-left: 16px;
	}

	.expectedEvents:nth-child(2n+1) {
		margin-left: 0;
	}

	.whatToExceptContent {
		padding: 0;
		max-width: 328px;
		margin: 0 auto;
	}

	.flipCardBack {
		padding: 4px 6px;
	}

	.flipCardBack h3,
	.flipCardBack p {
		font-size: 10px;
	}

	.flipCardBack h3 {
		margin-bottom: 2px;
	}

	/* Registration Form Starts  */

	.registrationNotification .sectionSubTitle {
		font-size: 16px;
	}

	.registrationForm,
	.thankuContent,
	.thankuContentVolunteer {
		padding: 24px 32px 24px;
	}

	button.submit {
		width: 266px;
		height: 46px;
		padding: 0 16px;
		font-size: 16px;
	}

	.thankuContent h2,
	.thankuContentVolunteer h2 {
		font-size: 18px;
	}

	.thankuContent p,
	.thankuContentVolunteer p {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 24px;
	}

	.thankuContent h3 {
		font-size: 18px;
		margin-bottom: 12px;
		padding-top: 12px;
	}

	.termConPopup {
		max-height: 400px;
		padding: 0 16px;
		width: 94%;

	}

	.termConPopup h2 {
		font-size: 22px;
	}

	.termPopupContainer {
		height: 306px;
		padding: 0px 24px 0px;
	}

	.registrationForm::after {
		left: -8px;
		top: -77px;
		width: 62px;
		height: 76px;
	}

	/* Registration Form Ends  */

	.contributeContent {
		margin-bottom: 32px;
	}

	.contributeBtn {
		font-size: 16px;
		padding: 0 16px;
		width: 224px;
		height: 46px;
		line-height: 46px;
	}

	.venuDetail h4 {
		font-size: 22px;
		line-height: 1.3;
	}

	.venuDetail p {
		font-size: 16px;
	}

	.venue {
		padding-top: 72px;
	}

	.venuMap iframe {
		height: 242px;
		width: 100%;
	}

	.footerContactInfo h5 {
		letter-spacing: 6px;
	}

	.footerSocialMedia a {
		width: 48px;
		height: 48px;
		margin: 0 2px;
	}

	.footerSocialMedia a.socialMediaShareFB {
		background-position: -574px -319px;
	}

	.footerSocialMedia a.socialMediaSharetwitter {
		background-position: -429px -319px;
	}

	.footerSocialMedia a.socialMediaShareGPlus {
		background-position: -302px -319px;
	}

	.footerSocialMedia a.socialMediaShareYouTube {
		background-position: -154px -319px;
	}

	.footerSocialMedia a.socialMediaShareInstagram {
		background-position: -10px -319px;
	}

	.footerSocialMedia a.socialMediaShareFB:hover {
		background-position: -574px -385px;
	}

	.footerSocialMedia a.socialMediaSharetwitter:hover {
		background-position: -431px -385px;
	}

	.footerSocialMedia a.socialMediaShareGPlus:hover {
		background-position: -302px -385px;
	}

	.footerSocialMedia a.socialMediaShareYouTube:hover {
		background-position: -153px -385px;
	}

	.footerSocialMedia a.socialMediaShareInstagram:hover {
		background-position: -10px -385px;
	}

	.footerSocialMedia {
		padding: 42px 0;
		text-align: center;
	}

	.goToTop {
		right: 0;
		height: 80px;
	}

	.footerPrimaryNav li {
		margin: 0 16px;
	}

	.footerPrimaryNav,
	.footerSecondaryNav {
		float: none;
		padding-left: 0;
		display: inline-block;
		margin-bottom: 18px;
	}

	.footerNav {
		text-align: center;
	}

	.footerWrap {
		padding: 72px 0px 42px;
	}

	.headerDesc h6 {
		font-size: 16px;
	}

	/* menu */
	.primaryHeader {
		padding: 0px 16px;
	}

	.mainMenuContainer {
		padding: 60px 16px 48px;
		/* background-image: none; */
	}

	.registerNavBtn,
	.volunteerNavBtn,
	.homeNavBtn,
	.galleryNavBtn {
		height: 55px;
		line-height: 55px;
		font-size: 13px;
		float: right;
		margin: 0;
		width: 122px;
	}

	.menuToggle {
		width: 32px;
		height: 32px;
		margin-top: 10px;
	}

	.menuToggle .hamburger span {
		height: 2px;
	}

	.mainMenu {
		height: 96%;
		overflow-y: auto;
	}

	.mainMenu ul li {
		width: 100%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 0px;
	}

	.mainMenu ul li a {
		padding: 24px 0px;
		font-size: 24px;
		text-align: center;
	}

	.headerSocialMedia {
		display: none;
		position: fixed;
		bottom: 16px;
		left: 50%;
		margin-left: -105px;
		z-index: 99;
	}

	.menuOpen .headerSocialMedia {
		display: block;
	}

	.headerSocialMedia a {
		background: none;
		border-radius: 0px;
		color: #fff;
	}

	.filmScreening {
		display: none !important;
	}

	.dramaPlayevent {
		display: none !important;
	}

	.ghazalSarayi,
	.foodfestivalEvent {
		margin-left: 0 !important;
	}

	.eventConversation,
	.rekhtaBaazar {
		margin-left: 16px !important;
	}

	#header.volunteerPage {
		height: 222px;
	}

	.volunteerHeaderDesc h2 {
		font-size: 58px;
	}

	.volunteerHeaderDesc h4 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.volunteerRegInfoDesc {
		padding-top: 24px;
	}

	.volunteerRegInfo p,
	.volunteerRegInfo li {

		font-size: 14px;
	}

	.volunteerEligibility,
	.volunteerProcess,
	.volunteerDeadline {
		padding-top: 28px;
	}

	.volunteerRegInfo h4 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.volunteerRegInfo {
		padding: 12px 0 22px;
	}

	.volunteerRegForm {
		padding: 24px 0;
	}

	.volunteerWrapper .sectionSubTitle {
		font-size: 18px;
	}



	.volunteerRegInfo .container,
	.volunteerRegForm .container {
		padding: 0 16px;
		box-sizing: border-box;
	}

	.volunteerRegInfo h2,
	.volunteerRegForm h2 {
		letter-spacing: 0;
		font-size: 48px;
	}

	.volunteerRegInfo h3,
	.volunteerRegForm h3 {
		font-size: 36px;
	}


	.volunteerRegInfo h4 {
		font-size: 32px;
	}


	.vRFFieldLeft,
	.vRFFieldRight,
	.vRFField {
		width: 100% !important;
		float: none !important;

	}

	.vRFFiledWarp h5 {
		float: none;
		text-align: left;
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 1.5;
	}

	.vRFLabelWrapLabel a {
		font-size: 12px;
		line-height: 28px;
		height: 28px;
		width: 84px;
		margin-left: 4px;
	}

	.vRFLabelWrapLabel {
		float: none;
		width: 100%;
		overflow: hidden;
	}

	.vRFWrap .vRFField input,
	.vRFWrap .vRFField textarea {
		font-size: 14px;
		height: 56px;
	}

	.vRFWrap .vRFField p {
		font-size: 14px;
	}

	.vRFField {
		margin-bottom: 8px;
	}

	.vRFFiledWarp,
	.vRFFieldContent,
	.previousExperience,
	.vRFBrief {
		padding-top: 8px;
	}

	.vRFCStatus {
		padding-bottom: 8px;
	}

	.vRFFAddMore {
		font-size: 24px;
		line-height: 28px;
		width: 32px;
		height: 32px;
		margin-top: 12px;
	}


	.vRFUpload {
		display: block;
		margin-bottom: 48px;
		width: 280px;
		margin-left: auto;
		margin-right: auto;
	}

	.vRFUpload {
		float: none;
	}

	.vRFUpload input[type="file"] {
		width: 280px;
		height: 48px;
	}

	.vRFUpload span {
		font-size: 18px;
		line-height: 48px;
	}

	.vRFFormSubmit {
		font-size: 18px;
		width: 200px;
		height: 48px;
		line-height: 48px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}


	#vRFYes .vRFPlaceHolder {
		top: 26px;
	}

	.vRFBrief textarea {
		height: 90px !important;
	}

	.previousExperience .vRFFieldRespons {
		float: left !important;
		width: calc(100% - 40px) !important;
		margin-right: 0 !important;
	}

	.thankuContentVolunteer {
		padding: 40px 20px;
	}

	.thankuContentVolunteer h2 {
		font-size: 22px;
		line-height: 1.3;
	}

	.thankuContentVolunteer p {
		font-size: 14px;
		line-height: 2;
	}

	.vRFBrief p.vRFPlaceHolderLabel {
		background: #ffffff;
		z-index: 1;
	}

	.vRFInfoTrue {
		margin-bottom: 32px;
	}

	.vRFUploadResume {
		margin-bottom: 12px;
	}

	.vRFGField {
		height: 63px;
	}

	#vRFMentionFest {
		height: 76px;
		padding-top: 42px;
	}

	.vRFRemoveBtn {
		line-height: 24px;
	}

	.vRFVType a {
		font-size: 12px;
		line-height: 36px;
	}

	.vRExpPhotoAddMoreWrap {
		float: none;
		width: 100%;
	}

	.vROnlineLinkField {
		float: left !important;
		width: calc(100% - 60px) !important;
	}

	/* Thanks MSG Change Starts Here */

	.jerDonationSec {
		padding: 16px 32px;
		margin-left: -32px;
		margin-right: -32px;
	}

	/* Thanks MSG Change Ends Here */


	/* Participant Section Starts Here */
	.participantsSection .sectionSubTitle {
		letter-spacing: 4px;
	}

	.participantWrap {
		margin-left: -16px;
	}

	.participantList {
		width: calc(50% - 16px);
		margin-left: 16px;
		margin-bottom: 16px;
	}

	.participantList h3 {
		font-size: 16px;
		padding: 0 4px;
	}

	.participantList h6 {
		font-size: 12px;
	}


	/* Participant Section Ends Here */

	/* Get Involved Section Starts Here */
	.sponsorsListWithImage {
		margin-left: -16px;
	}

	.sponsorsListWithImage .sponsorsListItem {
		width: calc(50% - 16px);
		margin-bottom: 16px;
		margin-left: 16px;
	}

	.sponsorsListWithoutImage .sponsorsListItem {
		margin-left: 16px;
		margin-bottom: 16px;
	}

	.sponsorsListWithoutImage h5 {
		font-size: 16px;
	}

	.sponsorsListWithoutImage {
		margin-left: -16px;
	}

	.getInvolved {
		padding-bottom: 0;
	}

	/* Get Involved Section Ends Here */

	/* Gallery Starts Here */

	.photoGalleryItems {
		width: calc(50% - 16px);
	}

	.galleryBody .galleryVideoContainerWrap {
		float: none;
		width: 100%;
		border-right: none;
		padding-right: 0;
		border-bottom: 1px solid #e6e6e6;
		margin-bottom: 16px;
		padding-bottom: 16px;
	}

	.galleryVideoThumb i {
		background-size: 64px 64px;
	}

	.galleryVideoListDesc h3 {
		font-size: 14px;
	}

	.galleryVideoListDesc {
		padding-top: 8px;
	}

	.galleryVideoListing {
		float: none;
		width: 100%;
		max-height: 180px;
		overflow: auto;
	}

	.galleryListItem img {
		width: 48px;
	}

	.galleryVideoDesc h3 {
		font-size: 14px;
		line-height: 1;
	}

	.galleryHeader a {
		font-size: 18px;
	}

	.galleryVideos .galleryHeader .gVBtn,
	.galleryPhotos .galleryHeader .gPBtn {
		font-size: 26px;
	}

	.galleryPhotos .galleryHeader .gPBtn::before,
	.galleryVideos .galleryHeader .gVBtn::before {
		width: 56px;
		height: 2px;
		margin-left: -28px;
	}

	/* Gallery Ends Here */
	.networkLost {
		width: 280px;
		height: 320px;
		padding: 32px 0 32px;
		margin-left: -140px;
		margin-top: -160px;
	}

	.networkCloseBtn {
		right: 16px;
		top: 16px;
	}

	.networkLost h5 {
		font-size: 14px;
	}

	.networkLost img {
		width: 120px;
	}

	.networkRetryBtn {
		font-size: 12px;
	}

	.gettingToJERPopup {
		max-width: 320px;
		height: 400px;
	}

	.gTJERPHeader h4 {
		font-size: 18px;
	}

	.gTJERPHeader .closeBtn {
		width: 24px;
		height: 24px;
		background-size: 100%;
	}

	.gTJERPBody {
		height: 334px;
		padding: 0px 24px 0px;
	}

	.gTJERTerms h5,
	.gTJERTerms p {
		font-size: 14px;
	}

	.galleryPhotos .galleryBody a:nth-child(3n+1) {
		clear: none;
	}

	.galleryPhotos .galleryBody a:nth-child(2n+1) {
		clear: both;
	}


}


@media all and (min-width:360px) and (max-width:767px) and (orientation : landscape) {

	.headerDesc {
		bottom: 48px;
	}

	.scrollDown {
		bottom: 12px;
	}

	.logo {
		margin-top: 50px;
		width: 40%;
	}

	.headerDesc h6 {
		margin-bottom: 0;
	}

	.termConPopup {
		max-height: 90%;
	}


}

@media all and (min-width:768px) and (max-width:1024px) {

	.participantWrap {
		margin-left: -16px;
	}

	.participantList {
		width: calc(25% - 16px);
		margin-left: 16px;
		margin-bottom: 16px;
	}

	.sponsorsListWithImage .sponsorsListItem {
		width: calc(33.33% - 32px);
	}

	.galleryVideoListing {
		max-height: 264px;
	}

	.galleryVideoThumb i {
		background-size: 64px 64px;
	}






}

@media all and (min-width:768px) and (max-width:1024px)and (orientation : landscape) {

	.galleryVideoListing {
		max-height: 342px;
	}
}