/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1024px) {
		.top_navi li { margin-left:9px;}
		.navi li a { padding:8px 20px;}
		.threeImg { width:100%;}
		.threeBoxDetail p { width:auto;}
		.RightTop { padding-bottom:1px; height:auto;}
		.bigBox_detail { margin-top:-21px; padding-bottom:10px;}
		.vertical_text { width:189px;}
		.dear { width:242px;}
		.blogRight { height:250px; padding-bottom:10px;}
		.blogLeft, .seeUs, .threeLeft {padding-right:10px; z-index:1; width:300%;}
		.see_us { padding-bottom:5px;}
		.threeInOne { padding-left:0px;}
		.threeBoxDetail { padding-left:40px;}
		.caroufredsel_wrapper { width:auto !important;}
		#foot { width:auto !important;}
		.meet3 p { line-height:16px;}
		.eventList li { padding:10px 9px;}
		.meet3 { min-height:314px;}
		.sByDate { font-size:14px;}
		.findEvents { font-size:23px;}
		.oneRowRight { width:604px; height:auto;}
		.nn_oneRow { height:auto;}
		.oneRowRight > p { width:515px;}
		.ngg-gallery-thumbnail-box { width:225px !important;}
		.ngg-gallery-thumbnail img { height:280px !important;}
		.blogRight h2 { font-size:14px;}
		.containph p { width:100%;}
		.resmail { display:block; padding-left:40px; float:none; margin:0;}
		.workshop { width:300%;}
		.eventBtnBox { margin-bottom:20px;}
		.gallery_outer .gallery{
			width:86%;
			}
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		/*.top_navi { width:244px; margin-top:0;}
		.top_navi li { margin-left:17px;}*/
		.navi li a { padding:8px 8px; font-size:14px;}
		.see_us h3 { float:left;}
		.threeBoxDetail p { width:auto; padding-left:10px;}
		.dear { width:90%;}
		.eventList { margin-top:0;}
		.searchByDate li { margin-bottom:2px;}
		.foot_logo li { margin:0 3px;}
		.nextBtn { margin-top:-34px;}
		.meet3 h3 { padding:5px; font-size:14px;}
		.innerPart, .innerPart2 { width:220px;}
		.mapBtn, .findOut { font-size:13px; display:block;}
		.byTicket { font-size:13px; clear:both; margin-left:0; margin-top:10px; }
		.one_rowImg { width:300px;}
		.nn_oneRow { height:auto;}
		.oneRowRight { width:420px; height:auto;}
		.nnBig p { font-size:17px; line-height:22px;}
		.threeBoxDetail h2 { margin-left:10px; font-size:14px;}
		threeImg { width:100%;}
		.caroufredsel_wrapper { width:100% !important;}
		#foot { width:auto !important;}
		.meet3 p { line-height:13px; font-size:14px; padding:13px;}
		.rightBotImg { height:200px; overflow:hidden;}
		.rightBotImg img { width:100%;}
		.moreBtn { float:left; margin-left:155px;}
		.threeLeft { z-index:1;}
		.blogBox { height:auto;}
		.blogRight { height:300px; overflow:hidden;}
		.blogRight p { height:120px; padding-left:40px; width:100%;} 
		.see_us .list_carousel li { width:100%;}
		.meet h2 { padding-left:10px;}
		.pressMedia_txt h2 { font-size:14px;}
		.pressMedia_txt .link_more { font-size:12px; text-align:center;}
		.galleryBox .ngg-gallery-thumbnail-box { width:170px !important; height:187px !important; margin-bottom:20px;}
		.oneRowRight > p { width:90%;}
		.ngg-gallery-thumbnail img { height:200px !important;}
		.RightTop { height:252px; width:48%; float:left;}
		.see_us { width:48%; float:right;}
		.rightBox .RightTop .ngg-gallery-slideshow-image img { position:static; width:auto;}
		.videos { width:19.5%;}
		.threeInOne { height:auto; padding-bottom:20px;}
		.nn_oneRow { padding-bottom:20px;}
		.oneRowRight h2 { width:90%;}
		.pressMedia_txtContact .link_more { text-align:center;}
		.blogLeft, .seeUs, .threeLeft { width:300%;}
		.blogRight h2 { width:68%; padding-left:40px; font-size:14px;}
		.resmail { display:block; padding-left:40px; float:none; margin:0;}
		.blogRight iframe { margin:10px 0 0 40px;}
		.threeBoxDetail { padding-left:30px;}
		.continueR { text-indent:40px;}
		.continueR i { margin-left:-35px;}
		.meet3 { min-height:224px;}
		.gallery_outer{
			width:48%;
			float:left;
			min-height:286px;
			}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.navbar { display:block; font-size:25px; text-align:center; margin-bottom:0; line-height:48px; cursor:pointer; border-bottom:1px solid #ccc;}
		.logo { text-align:center;}
		.top_navi li { display:inline-block; float:none;}
		.top_navi { text-align:center;}
		.social_icons { text-align:center; float:none;}
		.social_icons li { display:inline-block; float:none;}
		.navi li { float:none;}
		.navi li a { border-right:0px; display:block; padding:0 10px; text-align:center;}
		.search { display:none;}
		.bigBox { margin-top:20px;}
		.bigBox_detail h2, .bigBox_detail p, .RightTop h2, .RightTop p { padding-left:40px; padding-bottom:10px;}
		.up { bottom:6px;}
		.see_us { position:relative; min-height:246px;}
		.see_us h3 { padding-left:40px; padding-bottom:10px;}
		.videos { margin-left:40px;}
		.eventList { margin-top:0;}
		.searchByDate li { margin-bottom:1px;}
		.foot_logo li { margin:10px 0; text-align:center; display:block; float:none;}
		.meet3 { width:260px; margin:0 auto;}
		.backTo { float:left; margin-bottom:10px; margin-top:0;}
		.innerPart, .innerPart2 { width:auto; float:none; margin-bottom:10px; }
		.oneRowRight { width:auto; height:auto;}
		.seeUs, .workshop, .threeLeft, .blogLeft { padding-right:10px; z-index:1; width:300%;}
		.workshop { padding-right:10px; width:300%; z-index:99;}
		.RightTop, .see_us, .threeInOne { padding-left:0; overflow:hidden; height:auto;}
		.bigBox_detail { padding-left:0; overflow:hidden; height:280px;}
		.vertical_text { width:130%;}
		.threeImg { width:100%;}
		.threeBoxDetail { padding-left:40px;}
		.threeBoxDetail p { width:95%;}
		.caroufredsel_wrapper { width:auto !important;}
		#foot { width:auto !important;}
		.meet3 { min-height:376px;}
		.bigBox_detail h2 { padding-top:20px;}
		.blogRight { height:auto; padding-bottom:10px; overflow:hidden;}
		.blogRight h2 { padding-top:20px;}
		.blogLeft { width:200%;}
		.see_us .list_carousel li { width:100%;}
		.blogBox { overflow:hidden;}
		.resmail { margin-right:11px;}
		.rightBotImg { height:200px; overflow:hidden;}
		.rightBotImg img { width:100%;}
		.meet h2 { padding-left:10px;}
		.nn_oneRow { height:auto;}
		.byTicket { margin:10px 0; float:left; width:100%; text-align:center;}
		.findOutMore { display:block; width:100%; text-align:center;}
		.oneRowRight > p { width:86%;}
		.nn_oneRow { margin-bottom:0;}
		.bigBox_detail { margin-top:0;}
		.ngg-gallery-thumbnail-box { margin:10px auto; float:none;}
		.bigBox2 { height:160px;}
		.wp-pagenavi { margin-top:20px;}
		.searchBoxMain { display:none;}
		.bigBox_detail_withoutimage { height:auto;}
		.oneRowRight h2 { width:75%;}
		.one_rowImg { width:100%; height:auto; }
		.nn_oneRow { padding-bottom:20px; margin-bottom:20px;}
		.eventBtnBox button.byTicket { margin-top:10px;}
		.prev3 { margin-left:-14px;}
		.suhu iframe { height:200px !important;}
		.ngg-gallery-thumbnail img { width:100% !important; height:100% !important;}
		.ngg-gallery-thumbnail-box { width:100% !important;}
		.containph p { width:auto;}
		.navigation  { display:none;}
		.share span { float:right;}
		.eventList li { width:98%; border-left:0; border-bottom:1px solid #000;}
		.nextSld { display:none !important;}
		.EvDLeft .tribe-events-event-image { height:auto;}
		.ui-datepicker { width:100% !important;}
		.ui-widget { font-size:12px;}
		.ui-datepicker td span, .ui-datepicker td a { padding:10px 5px !important;}
		#ui-datepicker-div { left:0 !important;}
		.ui-datepicker { height:auto !important;}
		#fancybox-title-inside { display:none;}
		
				
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 480px) {
		.videos { width:398px;}
		.moreBtn { float:left; margin:20px 0 0 255px;}
	}
	@media only screen and (max-width: 640px) {
		.list_carousel { height:auto; overflow:hidden;}
		.moreBtn { float:left; margin:20px 0 0 98px;}
	}
	@media only screen and (max-width: 360px) {
		.list_carousel { height:auto; overflow:hidden;}
		.videos { width:280px;}
		.moreBtn { float:left; margin:20px 0 0 98px;}
		
	}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.rightBotImg { margin-top:0px;}
		.seeUs { margin-bottom:0px;}
		.threeImg { width:100%;}
		.continueR { padding-left:0px;}
		.dear { width:247px;}
		.n { margin-left:40px;}
		.one_rowImg { float:none;}
		.buyTicket { display:block; margin-left:0px; margin-top:10px;}
		.videos { width:240px;}
		.moreBtn { float:left; margin:20px 0 0 98px;}
	}