.mobile-top-full {display:none;}
	.mobile-menu-btn {margin: 55px 42px 0 0; width:54px; height:49px; float:right;}
		.mobile-menu-btn a {width:54px; height:49px; background:url(http://arkay.com/wp-content/uploads/2015/06/mobile-navigation-btn.png) 0 0 no-repeat; display:block}

/*.mobile-menu-container {display:none; float:none; clear:both; padding-bottom:20px;}*/
.mobile-menu-container {display:none; float:none; clear:both; padding-bottom:20px; position: fixed; right: 0px; top: 0px; width: 230px; height:100%; z-index: 10000; background: #333333;}

.close-mobile-menu {padding:20px 0 0 20px; display:none}
	.close-mobile-menu a {cursor:pointer; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; font-size:30px;}

/*.mobile-menu {position:relative; width:100%; height:auto; z-index:100}*/
.mobile-menu {position:relative; width:100%; height:auto; z-index:100; margin-top:40px;}
	.mobile-menu ul {padding:0; margin:0; list-style:none}
		.mobile-menu ul li {padding:0; margin:0; background: #333333;}
			.mobile-menu ul li a {font-family: Tahoma, sans-serif; color:#e9e8e8; text-decoration:none; display:block; padding:7px 10px; font-size:16px; font-weight:400; line-height:20px; text-transform: capitalize;}
			.mobile-menu > ul > li > a {border-bottom:1px solid #444;}
			.mobile-menu > ul > li:first-child > a {border-top:1px solid #444;}
			.mobile-menu ul li a:hover {color:#f1f1f1; background:#222}
				.mobile-menu ul li a br {display:none}
			
			.mobile-menu ul li ul.sub-menu {display:none}
				.mobile-menu ul li ul.sub-menu li {border-bottom:1px solid #444;}
					.mobile-menu ul li ul.sub-menu li a {font-size:14px; padding-left:30px;}


.home-mobile-video {display:none}

.innovation-image {padding-left:40px; transition: all 0.3s ease 0.3s;}

#testim-header {font-family:Tahoma, Helvetica, sans-serif; font-size:24px; line-height:24px; font-weight:normal; letter-spacing:2px; font-style:italic; color:#ffcb08; text-align:center; text-transform:uppercase; padding:10px 0; margin:0;}

#slider-175 { width:100%; min-width:570px !important; height: 75px;}


/* About US ------------------------------------------------------------*/
#footeraboutmenu {height:auto; min-height:40px}
#footeraboutmenu .social-c {float:right;width:220px;margin-top:-20px;}
#content_about .entry-content h1,
#contentfull .entry-content h1 {display:none;}

.orange-hr-c {width:93.75%; max-width:960px !important; padding-left:2.53%/*26px*/;}
	.orange-hr-c hr {width:100%; max-width:960px !important; background-color:#ffcb08;margin-bottom:7px;}

#content_about {padding-left:15px;}
	#content_about .entry-content .page-main-img {display:none; width:100%; max-width:647px !important; height:auto}
		#content_about .entry-content .page-main-img img {border:2px solid #a08c44; width:99.69%; max-width:645px !important; height:auto}

.entry-summary > div:nth-child(2) {width:73.24% !important; max-width:750px !important}

.chairman-msg-img-a,
.chairman-msg-img-b {display:none}




/* AWARDS */
.awards-div-b {float: right; width: 34.17%; max-width:350px !important; text-align: left; padding-right: 6.83% /*70px*/;}
.awards-div-a {float: left; width: 43.94%; max-width:450px !important; height: 360px; overflow: auto; direction: rtl; text-align: left; padding-left: 25px;}


/* careers */
.careers-div-a {float: right; width: 43.94%; max-width:450px !important; padding-left: 20px; padding-bottom: 10px; margin-top: -30px;}


/* Links */
.wp-image-695 {width:53.41%; max-width:547px !important}
.links-div-a {width: 29.29%; max-width:300px !important; height: 360px; overflow: auto; direction: rtl; text-align: left; padding-left: 25px;}





/* contact us */
.contact-us-div-a {float: right; width:50.78%; max-width:520px !important; padding-left: 1.95% /*20px*/; padding-bottom: 10px;}
.contact-us-div-b {float:left; width:37.10%; max-width:380px !important;}












@media screen and (max-width: 1045px) {

	/* The main theme structure */
	#access,
	#colophon,
	#branding,
	#main,
	#wrapper {
		width: 100%; max-width:1024px !important;
	}
	
	#access .menu-header, div.menu {
		margin: 0 auto;
		width: 100%; max-width:1004px !important;
		padding-left:0;
	}
	
	.full-column #contentfull {width: 96% !important; max-width:960px !important; padding:0}
	
	/*.about-us-text {width:46.875%; max-width:450px;}*/
	
	#menu-main-menu {padding-left:40px}
	
	/* =Header
	-------------------------------------------------------------- */

	#header {
		height:auto; min-height:102px !important;
	}
	#site-title {
		width: 442px;
	}
	
	
	
	#footeraboutmenu {margin:0 auto; float:none; clear:both; max-width:740px !important}
	#footeraboutmenu .menu-aboutf {margin:0 auto; width: 100%; max-width:740px !important; float:none; clear:both}
		#footeraboutmenu .menu-aboutf ul {width:740px; margin:0 auto;}
	#footeraboutmenu .social-c {float:none; clear:both; margin:10px auto; padding-bottom:20px;}
	
	
	
	
	/* testimonial slider */
	#testimonials {width:92%; max-width:1000px !important; height:auto; min-height:127px !important; background:none; margin:0 auto 40px}
	#site-info {float: none; clear:both; width:96%; max-width:700px !important; padding:0; margin:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#ffcb08; font-weight:normal}
		#site-info a {display:none}
	
		#slider-175 {padding:15px 0; height:auto}
			#slider-175 li .content {font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:26px; color:#ffffff}
		div.anythingSlider-minimalist-square .anythingWindow {margin: 10px 0; }
		div.anythingSlider-minimalist-square.activeSlider .anythingWindow {border-top:1px solid #ffcb08; border-bottom:1px solid #ffcb08;}
			.anythingBase {padding-top:15px;}
			div.anythingSlider-minimalist-square .anythingControls { float: none; clear:both; position: absolute; bottom: 0; right:0; opacity: 1; filter: alpha(opacity=100);}
			div.anythingSlider .anythingControls { outline: 0; display: block; }
	
	/* a message from the chairman */
	#post-118 > div > p:nth-child(1) > img.alignright.size-full.wp-image-155 {width:29.78% !important; max-width:305px !important}
	
	
	
	
	/* case studies */
	.case-studies-content {width:100% !important; max-width:920px; height:auto !important; min-height:330px !important; margin:0 auto}
		.case-studies-content .first-div {width:41.30% !important; max-width:380px !important;}
		.case-studies-content .second-div {width:56.52% !important; max-width:520px !important; padding-left:0 !important;}
		.wp-image-824 {width:100% !important; max-width:500px !important; height:auto !important; max-height:275px !important;}
	
}









@media screen and (max-width: 1030px) {
	
	.innovation-image {width:100%; max-width:504px !important; height:auto; padding:0 0 0 10px; margin:0 auto; text-align:center}
	
	
	/* 
		arkay history slider: 
		cell.width = 169px, 
		cell_container.width = 840px, 
		next_btn.width = 58px, 
		prev_btn.width = 58px, 
		full_slider.width = 960px 
	*/
	.thslide {width:792px; margin:0 auto}
	.thslide_list {width:676px;}
	
	
}




	


@media screen and (max-width: 930px) {
	
	#access .menu-header li, div.menu li {font-size: 12px;}
	
	/* arkay about - HISTORY page */
	.wp-image-168, .wp-image-174, .wp-image-178, .wp-image-181, .wp-image-184, .wp-image-191, .wp-image-194, .wp-image-197, .wp-image-201, .wp-image-204 {width:48% !important; max-width:477px !important;}
	
	
	/* what's new at arkay */
	.navigation {width:96% !important; max-width:900px !important;}
		.navigation .pagenavi span,
		.navigation .pagenavi a {float:left}
	
	
	/* post pages */
		.category-whats-new-at-arkay > div.entry-content > div {margin-top:-10px !important}
	
}






@media screen and (max-width: 860px) {
	
	/* 
		arkay history slider: 
		cell.width = 169px, 
		cell_container.width = 840px, 
		next_btn.width = 58px, 
		prev_btn.width = 58px, 
		full_slider.width = 960px 
	*/
	.thslide {width:623px; margin:0 auto}
	.thslide_list {width:507px;}
	
	
	
	/* our methods and products */
		.our-methods-and-products > div.entry-content > div {margin-top:-10px !important}


}






@media screen and (max-width: 770px) {
	
	.innovation-image {display:none;}
	
	#wrapper {background: #000;}
	#main {padding: 0;}
	#branding img {padding:0; float: none;}
	#site-title {width: 100%; max-width:412px !important; margin:14px 0 30px 44px;}
		#site-title img {width:100%; max-width:412px !important; height:auto; max-height:101px !important;}
	

	/* header - display mobile nav */
	.mobile-top-full {display:block}
	#access {display:none}
	.mobile-menu-container {display:}
		.close-mobile-menu {display:block}
	
	/* header - hide site portal */
	#site-portal {display:none;}
	
		
	/* homepage sliders */
	#container {float: none; clear:both; margin: 0 auto;}
		#content {margin: 0 auto; max-width:582px !important;}
		#content > br {display:none}
		
		/* meteor slides */
		.meteor-slides .meteor-buttons {bottom: 24px; height: 13px; left: 0; right:0; margin: 0 auto; padding: 0; max-width:280px !important}
		.meteor-slides .meteor-buttons a {background: url('http://arkay.com/wp-content/uploads/2015/06/home-slider-off.png') 0 0 no-repeat;	width: 12px; height: 13px;}
		.meteor-buttons a:hover {background: url('http://arkay.com/wp-content/uploads/2015/06/home-slider-on.png') 0 0 no-repeat;}
		.meteor-buttons a.activeSlide {background: url('http://arkay.com/wp-content/uploads/2015/06/home-slider-on.png') 0 0 no-repeat;}
		* html .meteor-buttons a {background: url('http://arkay.com/wp-content/uploads/2015/06/home-slider-off.png') 0 0 no-repeat;}
		* html .meteor-buttons a:hover {background: url('http://arkay.com/wp-content/uploads/2015/06/home-slider-on.png') 0 0 no-repeat;}
		* html .meteor-buttons a.activeSlide {background: url('http://arkay.com/wp-content/uploads/2015/06/home-slider-on.png') 0 0 no-repeat;}
		
		
	/* homepage - right content */
	#primary, #secondary {float: none; clear:both; width:100%; max-width: 930px !important; padding:0; margin:0 auto}
		#main .widget-area ul {padding: 0;}
		
		/* hide desktop youtube video */
		#primary .textwidget > div {margin:0 auto; display:none}
		/* show mobile youtube video */
		#primary .textwidget > div.home-mobile-video {display:block; margin:0 auto; text-align:center; width:100%; max-width:930px !important}
			#primary .textwidget > div.home-mobile-video img {width:100%; max-width:930px !important}
		
		#primary .textwidget h3 {display:none}
		#primary .textwidget h4 {font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; line-height:30px; text-transform:uppercase; color:#ebbb24; padding:30px 48px 11px; margin:0; text-align: justify; background:#919191; transition: all 0.3s ease 0.3s;}
		#primary .textwidget p {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight: normal; line-height:26px; color:#323232; padding:0 48px 20px; margin:0; text-align: justify; background:#919191;  transition: all 0.3s ease 0.3s;}
		/* hide email us and social links */
		#primary > div {display:none;}


	
	#primary .textwidget h4 {font-size:26px; font-weight: normal; line-height:28px;}
	#primary .textwidget p {font-size:20px; line-height:24px;}
	
	
	/* ABOUT US */
	
	#content_about {margin: 0 auto; float:none; clear:both; padding:0; width:96%; max-width:647px !important}
	
	#aboutsidebar {float: none; clear:both; width: 96%; max-width:647px !important; padding:0; margin:0 auto}
		#inneraboutmenu {width: 100%; max-width:647px !important; height:auto; padding-bottom: 0;}
			#inneraboutmenu .menu-aboutinner {width: 100%; max-width:647px !important; height:auto;}
				#inneraboutmenu .menu-aboutinner ul {padding:0; max-width:647px !important;}
					#inneraboutmenu .menu-aboutinner ul li {float:none; clear:both; text-align:left; padding-bottom:40px}
					#inneraboutmenu a {color: #ffcb08; font-size:24px; line-height: 24px;  padding: 0; font-weight:bold; text-transform:uppercase}
	
	.orange-hr-c {display:none}
	.about-orange-hr-c {display:block}
	#footeraboutmenu {width: 96%; max-width:647px !important}
		#footeraboutmenu .menu-aboutf {height:auto !important; min-height:20px !important;}
			#footeraboutmenu .menu-aboutf ul {width: 100%;}
				#footeraboutmenu .menu-aboutf li {float:none !important; clear:both !important; padding:5px 0 10px 0; text-align:left}
					#footeraboutmenu a {padding: 0;}
		#footeraboutmenu .social-c {display:none}
					
	#aboutsidebar h4,
	#aboutsidebar ul.xoxo {display:none;}
	
	#content_about .entry-content h1,
	#contentfull .entry-content h1 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffcb08; font-size:24px; line-height:24px; padding:0 0 18px 0; margin:0; display:block}
	#content_about .entry-content p {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px;}
	#content_about .entry-content p img {display:none}
	#content_about .entry-content .page-main-img {display:block;}
	
	/*#contentfull .entry-content p img:last-child,*/
	.wp-image-166 {display:none}
	
	#post-121 > div > p:nth-child(2) {text-align:center}
		.wp-image-168, .wp-image-174, .wp-image-178, .wp-image-181, .wp-image-184, .wp-image-191, .wp-image-194, .wp-image-197, .wp-image-201, .wp-image-204 {width:100% !important; float:none !important; clear:both !important; padding:0 !important; margin:0 auto !important; display:block !important}
	
	#post-132 > div > ul,
	#post-136 > div > ul {color:#fff}
	
	/* what's new at arkay */
	.entry-summary {padding-bottom:60px;}
		.entry-summary > div:nth-child(1) {/*float:none !important; clear:both !important; margin:0 auto !important;*/}
		.entry-summary > div:nth-child(2) {/*width:96% !important; max-width:750px !important; margin:0 auto; float:none; clear:both; text-align:center*/ width:70% !important;}
		
		/* post pages */
		.category-whats-new-at-arkay > div.entry-content > div {float:none !important; clear:both !important; margin:0 auto !important; padding:0 0 10px 0 !important; text-align:center; max-width:386px !important}
		.category-whats-new-at-arkay > div:nth-child(1) {width:96% !important}
		.category-whats-new-at-arkay > div.entry-content > p > object,
		.category-whats-new-at-arkay > div.entry-content > p > object > embed {width:100% !important; max-width:450px !important; height:auto !important; max-height:253px !important; margin:0 auto; text-align:center}
		
	
	/* a message from the chairman */
	img.wp-image-151 {float:none !important; clear:both !important; margin:0 auto !important; text-align:center !important; display:block !important}
	img.wp-image-155,
	img.wp-image-159 {display:none !important}
	.chairman-msg-img-a,
	.chairman-msg-img-b {display:block; text-align:center}
	#post-118 > div > p:nth-child(11) {text-align:center}
	
	
	
	/* our methods */
	.our-methods-title {display:none}
	.our-methods-and-products > div.entry-content > div {float:none !important; clear:both !important; margin:0 auto !important; padding:0 0 10px 0 !important; width:100% !important; max-width:770px !important;}
		.wp-image-474 {text-align:center !important; float:none !important; clear:both !important; display:block !important; margin:0 auto !important}
		div.meteor-slides {margin:0 auto !important; width:100% !important; max-width:355px !important}
		
		.case-studies-content div.meteor-slides {max-width:520px !important}
	
	#meteor-slideshowareas-healthbeauty,
	#meteor-slideshowfinishing-embossing,
	#meteor-slideshowdriving-interfoil {margin:0 auto;}
		
	.our-methods-and-products h5 {font-size:17px; padding-top:20px !important; clear:both !important}
	.our-methods-and-products .entry-content p {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 16px;}
	
	
	
	/* case studies */
	.case-studies-title {display:none}
		.case-studies-content .first-div {width:100% !important; max-width:none !important; float:none !important; clear:both !important;}
		.case-studies-content .second-div {width:100% !important; float:none !important; clear:both !important; margin:0 auto !important; text-align:center; height:auto !important}
			.case-studies-content .second-div h4 {padding:0 !important; margin:0 !important; text-align:center !important}
		
	
	
	/* resources and links */
	.resources-title {display:none;}
	.resources-content-div-a {float:none !important; clear:both !important; width: 100% !important; max-width:none !important; padding:0 0 10px 0 !important; margin: 0 auto !important;}
	.resources-content h4, #text h5 {font-size:17px; padding-top:20px !important; clear:both !important; display:block}
	.resources-content .entry-content p, #text {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 16px;}
	
	.awards-div-a {width: 100%; max-width:none !important; float: none; clear:both; padding: 0 0 0 10px; margin:0 auto}
	.awards-div-b {float: none !important; clear:both !important; width: 100% !important; max-width:none !important; padding: 0 !important; margin:0 auto !important}
		.awards-div-b img {text-align:center !important; margin:0 auto !important; display:block !important; float:none !important; clear:both !important}
	
	.careers-div-a {float: none; clear:both; width: 100%; padding: 0 !important; margin: 0 auto;}
	
	.links-div-a {width: 100%; max-width:none !important; padding-left: 10px;}
	.wp-image-695 {width:100% !important; max-width:547px !important; display:block !important; float:none !important; clear:both !important; margin:0 auto !important; text-align:center !important}
	
	
	
	
	
	/* contact us */
	.contact-title {display:none}
	.contact-us-div-a {float: none; clear:both; margin:0 auto; width:100%; padding: 0 0 10px 0;}
	.contact-us-div-b {float: none; clear:both; margin:0 auto; width:100%; text-align:center}
	
	.wp-image-775 {float:none !important; clear:both !important; margin:0 auto !important; display:block !important; padding:0 !important; text-align:center !important}
	
	
}








@media screen and (max-width: 745px) {
	
	#primary .textwidget h4 {font-size:23px; line-height:25px;}
	#primary .textwidget p {font-size:18px; line-height:22px;}
	
	#testimonials {width:100%;}
		#testim-header {font-size:20px}
		#slider-175 li .content {font-size:16px; line-height:20px; color:#ffffff}
	
}








@media screen and (max-width: 685px) {
	
	/* 
		arkay history slider: 
		cell.width = 169px, 
		cell_container.width = 840px, 
		next_btn.width = 58px, 
		prev_btn.width = 58px, 
		full_slider.width = 960px 
	*/
	.thslide {width:454px; margin:0 auto}
	.thslide_list {width:338px;}
	
	
	/* what's new at arkay */
		.entry-summary > div:nth-child(2) {width:65% !important}
	
}







@media screen and (max-width: 590px) {
	#site-title {width: 71.03%; max-width:412px !important; margin:14px 0 30px 3.44%/*20px*/;}
		#site-title img {width:100%; max-width:412px !important; height:auto; max-height:101px !important;}
	.mobile-menu-btn {margin: 9% 7.24% 0 0; width:40px; height:34px;}
		.mobile-menu-btn a {width:40px; height:34px; display:block; background:url(http://arkay.com/wp-content/uploads/2015/06/mobile-navigation-btn-b.png) 0 0 no-repeat;}

	
	/* what's new at arkay */
		.entry-summary > div:nth-child(2) {width:55% !important}
	
}







@media screen and (max-width: 550px) {
	#inneraboutmenu .menu-aboutinner ul li {padding-bottom:20px}
		#inneraboutmenu a {font-size:18px;}
}






@media screen and (max-width: 510px) {
	
	/* 
		arkay history slider: 
		cell.width = 169px, 
		cell_container.width = 840px, 
		next_btn.width = 58px, 
		prev_btn.width = 58px, 
		full_slider.width = 960px 
	*/
	.thslide {width:285px; margin:0 auto}
	.thslide_list {width:169px;}

}






@media screen and (max-width: 500px) {
	
	#primary .textwidget h4 {font-size:20px; line-height:22px; padding:20px 20px 11px; text-align:left}
	#primary .textwidget p {font-size:16px; line-height:20px; padding:0 20px 20px; text-align:left}
	
}








@media screen and (max-width: 455px) {
	
	.entry-summary > div:nth-child(1) {float:none !important; clear:both !important; margin:0 auto !important;}
		.entry-summary > div:nth-child(2) {width:96% !important; max-width:750px !important; margin:0 auto; float:none; clear:both; text-align:center}
		
	
	/* contact us - request a quote form */
	#wpcf7-f835-p828-o1 input[type="text"],
	#wpcf7-f835-p828-o1 input[type="email"], 
	#wpcf7-f835-p828-o1 textarea {width:180px !important;}
	
	#wpcf7-f835-p828-o1 > form > table > tbody > tr:nth-child(10) > td:nth-child(3) > span.wpcf7-form-control-wrap.your-w > input[type="text"],
	#wpcf7-f835-p828-o1 > form > table > tbody > tr:nth-child(10) > td:nth-child(3) > span.wpcf7-form-control-wrap.your-h > input[type="text"],
	#wpcf7-f835-p828-o1 > form > table > tbody > tr:nth-child(10) > td:nth-child(3) > span.wpcf7-form-control-wrap.your-d > input[type="text"] {width:30px !important;}

}







@media screen and (max-width: 320px) {
	
	/* 
		arkay history slider: 
		cell.width = 169px, 
		cell_container.width = 840px, 
		next_btn.width = 58px, 
		prev_btn.width = 58px, 
		full_slider.width = 960px 
	*/
	.thslide {width:265px; margin:0 auto}
	.thslide_list {width:156px; margin-left:3px; margin-right:3px;}
		.thslide_list li {margin-right:0; margin-left:0;}
	.thslide_nav_previous a,
	.thslide_nav_next a {width:50px;}

}