/*
************************************************************************
FILE NAME: Responsive stylesheet
PART OF: SMK Framework
AUTHOR: Smartik
AUTHOR URI: http://a-smartik.com
ALTERNATIVE AUTHOR URI: http://themeforest.net/user/Smartik
CREDITS: http://960.gs/
************************************************************************

TABLE OF CONTENTS:
-------------------------------------------------------------
-- RESPONSIVE GRID
   - 980px to 1280px
   - 760px to 980px
   - below 720px
   - below 480px
   - below 320px

-- RESPONSIVE ELEMENTS
   - 980px to 1280px
   - 760px to 980px
   - below 760px
   - below 480px
   - below 320px

*/


/****************************************************************************
	MOBILE NAVIGATION
*****************************************************************************/
.tinynav { 
	display: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/***********************************************************************************
	RESPONSIVE GRID
************************************************************************************/

/* === 980px to 1280px
--------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	
	body{min-width:960px;}
/* `Containers
----------------------------------------------------------------------------------------------------*/
	.container_12{margin-left:auto;margin-right:auto;width:960px;}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px;}
	.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative;}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
	.alpha{margin-left:0;}
	.omega{margin-right:0;}
/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	.container_12 .grid_1{width:60px;}
	.container_12 .grid_2{width:140px;}
	.container_12 .grid_3{width:220px;}
	.container_12 .grid_4{width:300px;}
	.container_12 .grid_5{width:380px;}
	.container_12 .grid_6{width:460px;}
	.container_12 .grid_7{width:540px;}
	.container_12 .grid_8{width:620px;}
	.container_12 .grid_9{width:700px;}
	.container_12 .grid_10{width:780px;}
	.container_12 .grid_11{width:860px;}
	.container_12 .grid_12{width:940px;}
/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	.container_12 .prefix_1{padding-left:80px;}
	.container_12 .prefix_2{padding-left:160px;}
	.container_12 .prefix_3{padding-left:240px;}
	.container_12 .prefix_4{padding-left:320px;}
	.container_12 .prefix_5{padding-left:400px;}
	.container_12 .prefix_6{padding-left:480px;}
	.container_12 .prefix_7{padding-left:560px;}
	.container_12 .prefix_8{padding-left:640px;}
	.container_12 .prefix_9{padding-left:720px;}
	.container_12 .prefix_10{padding-left:800px;}
	.container_12 .prefix_11{padding-left:880px;}
/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	.container_12 .suffix_1{padding-right:80px;}
	.container_12 .suffix_2{padding-right:160px;}
	.container_12 .suffix_3{padding-right:240px;}
	.container_12 .suffix_4{padding-right:320px;}
	.container_12 .suffix_5{padding-right:400px;}
	.container_12 .suffix_6{padding-right:480px;}
	.container_12 .suffix_7{padding-right:560px;}
	.container_12 .suffix_8{padding-right:640px;}
	.container_12 .suffix_9{padding-right:720px;}
	.container_12 .suffix_10{padding-right:800px;}
	.container_12 .suffix_11{padding-right:880px;}
/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	.container_12 .push_1{left:80px;}
	.container_12 .push_2{left:160px;}
	.container_12 .push_3{left:240px;}
	.container_12 .push_4{left:320px;}
	.container_12 .push_5{left:400px;}
	.container_12 .push_6{left:480px;}
	.container_12 .push_7{left:560px;}
	.container_12 .push_8{left:640px;}
	.container_12 .push_9{left:720px;}
	.container_12 .push_10{left:800px;}
	.container_12 .push_11{left:880px;}
/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	.container_12 .pull_1{left:-80px;}
	.container_12 .pull_2{left:-160px;}
	.container_12 .pull_3{left:-240px;}
	.container_12 .pull_4{left:-320px;}
	.container_12 .pull_5{left:-400px;}
	.container_12 .pull_6{left:-480px;}
	.container_12 .pull_7{left:-560px;}
	.container_12 .pull_8{left:-640px;}
	.container_12 .pull_9{left:-720px;}
	.container_12 .pull_10{left:-800px;}
	.container_12 .pull_11{left:-880px;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
	.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
	.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
	.clearfix:after,.container_12:after{clear:both;}

/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
	.clearfix,.container_12{zoom:1;}
	
	.hp_item_grid { margin-left:6px; margin-right:6px;}

}


/* === 760px to 980px
--------------------------------------------------------------*/
@media screen and (max-width: 980px) {

	body{min-width:720px;}
/* `Containers
----------------------------------------------------------------------------------------------------*/
	.container_12{margin-left:auto;margin-right:auto;width:720px;}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px;}
	.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative;}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
	.alpha{margin-left:0;}
	.omega{margin-right:0;}
/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	.container_12 .grid_1{width:40px;}
	.container_12 .grid_2{width:100px;}
	.container_12 .grid_3{width:160px;}
	.container_12 .grid_4{width:220px;}
	.container_12 .grid_5{width:280px;}
	.container_12 .grid_6{width:340px;}
	.container_12 .grid_7{width:400px;}
	.container_12 .grid_8{width:460px;}
	.container_12 .grid_9{width:520px;}
	.container_12 .grid_10{width:580px;}
	.container_12 .grid_11{width:640px;}
	.container_12 .grid_12{width:700px;}
/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	.container_12 .prefix_1{padding-left:60px;}
	.container_12 .prefix_2{padding-left:120px;}
	.container_12 .prefix_3{padding-left:180px;}
	.container_12 .prefix_4{padding-left:240px;}
	.container_12 .prefix_5{padding-left:300px;}
	.container_12 .prefix_6{padding-left:360px;}
	.container_12 .prefix_7{padding-left:420px;}
	.container_12 .prefix_8{padding-left:480px;}
	.container_12 .prefix_9{padding-left:540px;}
	.container_12 .prefix_10{padding-left:600px;}
	.container_12 .prefix_11{padding-left:660px;}
/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	.container_12 .suffix_1{padding-right:60px;}
	.container_12 .suffix_2{padding-right:120px;}
	.container_12 .suffix_3{padding-right:180px;}
	.container_12 .suffix_4{padding-right:240px;}
	.container_12 .suffix_5{padding-right:300px;}
	.container_12 .suffix_6{padding-right:360px;}
	.container_12 .suffix_7{padding-right:420px;}
	.container_12 .suffix_8{padding-right:480px;}
	.container_12 .suffix_9{padding-right:540px;}
	.container_12 .suffix_10{padding-right:600px;}
	.container_12 .suffix_11{padding-right:660px;}
/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	.container_12 .push_1{left:60px;}
	.container_12 .push_2{left:120px;}
	.container_12 .push_3{left:180px;}
	.container_12 .push_4{left:240px;}
	.container_12 .push_5{left:300px;}
	.container_12 .push_6{left:360px;}
	.container_12 .push_7{left:420px;}
	.container_12 .push_8{left:480px;}
	.container_12 .push_9{left:540px;}
	.container_12 .push_10{left:600px;}
	.container_12 .push_11{left:660px;}
/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
	.container_12 .pull_1{left:-60px;}
	.container_12 .pull_2{left:-120px;}
	.container_12 .pull_3{left:-180px;}
	.container_12 .pull_4{left:-240px;}
	.container_12 .pull_5{left:-300px;}
	.container_12 .pull_6{left:-360px;}
	.container_12 .pull_7{left:-420px;}
	.container_12 .pull_8{left:-480px;}
	.container_12 .pull_9{left:-540px;}
	.container_12 .pull_10{left:-600px;}
	.container_12 .pull_11{left:-660px;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*//* http://sonspring.com/journal/clearing-floats */
	.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
	.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
	.clearfix:after,.container_12:after{clear:both;}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
	.clearfix,.container_12{zoom:1;}
	
	.sidebar #searchform #s { width:145px}
	/*.ads li {width: 160px;}*/
	.ads li a img {margin: 0 auto;}
	.page_top_details h1 {font-size: 24px;}
	.gallery-left {margin-right:0;}
	.gallery-right {margin-left:0;}
	div[id^='dgmap'] div.preloader { width:520px !important; }

}


/* === below 720px
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {
	
	body{min-width:480px;}
	
	.container_12{margin-left:auto;margin-right:auto;width:470px;}
	.container_12 .grid_1,
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12{margin-left:10px;margin-right:10px;width: auto;}
	
	.container_12 .alpha,
	.container_12 .omega{margin-left:0;margin-right:0;}
	
	.container_12 .align_center,
	.container_12 .align_right{text-align:left;}
	
	.recommended, .searchbox, .recommended-widget { display:none;}
	.page_top_details h1 {font-size: 18px;}
	div[id^='dgmap'] div.preloader { width:470px !important; }
}


/* === below 480px
--------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	
	body{min-width:320px;}
	.container_12{margin-left:auto;margin-right:auto;width:300px;}
	.container_12 .grid_1,
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12{margin-left:10px;margin-right:10px;width: auto;}
	
	.container_12 .alpha,
	.container_12 .omega{margin-left:0;margin-right:0;}
	
	.container_12 .align_center,
	.container_12 .align_right{text-align:left;}
	.page_top_details h1 {font-size: 16px;}
	.gallery-left, .gallery-right {width:150px;}
	div[id^='dgmap'] div.preloader { width:275px !important; }
}

/* === below 320px
--------------------------------------------------------------*/
@media screen and (max-width: 320px) {
	
	body{min-width:100px;}
	.container_12{margin-left:auto;margin-right:auto;width:auto;}
	.container_12 .grid_1,
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12{margin-left:10px;margin-right:10px;width: auto;}
	
	.container_12 .alpha,
	.container_12 .omega{margin-left:0;margin-right:0;}
	
	.container_12 .align_center,
	.container_12 .align_right{text-align:left;}
	.page_top_details h1 {font-size: 16px;}
	.header { display:none;}
}



/***********************************************************************************
	RESPONSIVE ELEMENTS
************************************************************************************/

/* === 980px to 1280px
-------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	.smk_container{width: 100%;margin: 0 auto;}	
	.page_title #searchform #s{width: 200px;}
	.footer2_right{float: right; text-align: right;}
	#gmap{width: 978px;}
	.alignright{ float: right; }
}

/* === 760px to 980px
-------------------------------------------------------------*/
@media screen and (max-width: 980px) {
	.smk_container{width: 100%;margin: 0 auto;}
	.site_slogan{display: none;}
	.grid_posts_wh_sidebar {width: 480px;}
	.nav_simple li a { padding: 10px 5px 10px; font-size:14px }
	.nav_simple li ul {position:absolute;left:160px;}
	.home_clients .hp_item_grid_client{ width: 95px;}
	.hp_item_grid { margin-left:6px; margin-right:6px}
	.logo a img { width:150px; height:auto;}
	
	/*comments*/
	ul#comments_list ul.replied{margin-left: 10px;}
	ul#comments_list ul .grid_1{width: 40px; display: block;float: left;}
	ul#comments_list ul .grid_6{width: 370px; display: block;float: left;}
	/*comment form*/	
	#comment_form input[type=text] {width: 202px;margin-bottom: 10px;}
	#comment_form textarea {width: 446px;height: 150px;font-family: sans-serif;font-size: 12px;}
	/* Google map */
	#gmap{width: 738px;}
	/* Contact form */
	#contactform input[type=text]{ width: 260px; }
	#contactform textarea{ width: 385px; height: 200px; }
	
	/* Blog */
	.blog_article.blog_article_s3.blog_s5 .blog_metahidden li{ margin-bottom: 1px; }
	.blog_article.blog_article_s3.blog_s5 .blog_metahidden div{ height:38px; width:38px; margin-left: 0 ;margin-top: 1px; }
	.blog_article.blog_article_s7 .blog_s7_meta .meta_block_s7 .meta_block_s7_inner { margin: 0 0 10px; }
	.blog_article.blog_article_s7 .blog_s7_meta .meta_block_s7 .meta_block_s7_inner .meta_number { font-size: 22px; font-weight: 700;}	
	.post_article_single .post-single-gallery .post_gitem { width: 147px; }
	
	/* Team */
	.grid_3.team_member .team_mb_name span { display: none; }
	
	/*Sliders*/
	.iview-caption {font-size: 16px;}
	#mainSlider .flex-caption {width: auto; min-width: 35%; max-width: 80%; left: 5px; bottom: 5px; background: rgba(34,34,34,.9); border-left: 2px solid #000;}
	/* OneByOne */
	.oneByOne1{width: 760px;height: 320px;}
	#onebyone_slider .oneByOne_item{	width: 760px;height: 320px;}
	#onebyone_slider .oneByOne_item span.ob1_title{margin: 20px 12px 0 0;font-size: 22px;}
	#onebyone_slider .oneByOne_item span.ob1_title, #onebyone_slider .oneByOne_item span.ob1_description{max-width: 370px;}
	#onebyone_slider .oneByOne_item span.ob1_description{margin-top: 0;}
	#onebyone_slider .oneByOne_item span.ob1_button{margin: 20px 12px 0 230px;}
	#onebyone_slider img.ob1_img_device1{top: 20px;left: 400px; max-width: 320px;}
	
	.home_notice h1, .top_mod_right h1 {font-size:30px;}
	.home_notice h2, .top_mod_right h2 {font-size:24px;}
	.home_notice h3, .top_mod_right h3 {font-size:20px;}
	.home_notice h4, .top_mod_right h4 {font-size:16px;}
	.home_notice h5, .top_mod_right h5 {font-size:14px;}
	.home_notice h6, .top_mod_right h6 {font-size:12px;}
	
	.s_title .st_in h2 { font-size: 18px;}
	
}

/* === below 760px
-------------------------------------------------------------*/
@media screen and (max-width: 720px) {
	.smk_container{width: 100%;margin: 0 auto;}
	.container_12 .grid_3 {width: 100%;}
	.container_12 .grid_1,
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12{margin:0;}
	
	.widgetized_footer .grid_2,
	.widgetized_footer .grid_3,
	.widgetized_footer .grid_4,
	.widgetized_footer .grid_5,
	.widgetized_footer .grid_6{margin-left:10px;margin-right:10px;}

	
	#site_footer{ background: #32303D;}
	#site_footer .grid_4{min-width: 90%;}
	.page_title .grid_6{width: 45%;}
	.page_title #searchform #s{width: 200px; float: right;}
	.site_slogan{display: none;}	
	.logo{display: block;margin-left: auto; margin-right: auto; float: none;}
	.logo img{display: block;margin: 5px auto 5px auto;}
	pre{width: 440px;}	
	.home_clients .hp_item_grid_client{ width: 129px;}
	.home_service {width: 100%;float: none;margin: 0 0 15px;}
	.page404_block { width: 0; height: 0; display: none; background: none; }
	.post_job h1 mark{ display: none;}
	/*navigation*/
	#nav {display: none;	}
	.tinynav { display: block;width: 280px; margin: 28px 10px 10px; padding: 6px 8px; outline: none;border: 1px solid #ccc;}
	/* Home video */
	.home_video_big{ margin: 20px 0 10px; }
	 .home_video_desciption { margin: 20px 0;} 
	.home_notice h2{font-size: 21px;line-height: 32px;}
	
	 /*Global Video*/
	 .container_video{ width: 470px; margin: 0; }
	
	.grid_9.top_mod_right, nav#horizontal{display: block;width: auto; float: none; margin-bottom: 20px;}	
	.grid_posts_wh_sidebar {float: none; display: block; margin-left:10px;margin-right:10px;width: auto;}
	.sidebar{ margin-top: 20px; }
	.clear720{ clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0; } /* This clear is applied for 720px screens below */
	/*navigation*/
	.tinynav {display: block;width: 280px;margin:0 auto; float: none;}
	/*comments*/
	ul#comments_list ul.replied{margin-left: 10px;}
	ul#comments_list .grid_1{width: 40px; display: block;float: left;}
	ul#comments_list .grid_7{width: 390px; display: block;float: left;margin-left: 20px;}
	ul#comments_list ul .grid_1{width: 40px; display: block;float: left;}
	ul#comments_list ul .grid_6{width: 362px; display: block;float: left;margin-left: 20px;}
	/*comment form*/	
	#comment_form input[type=text] {width: 190px;margin-bottom: 10px;margin-right: 30px;}
	#comment_form textarea {width: 438px;height: 150px;font-family: sans-serif;font-size: 12px;}
	/* Google map */
	#gmap{width: 498px;}
	/* Contact form */
	#contactform input[type=text]{ width: 290px; }
	#contactform textarea{ width: 435px; height: 200px; }
	
	/* Blog */	
	.blog_article.blog_article_s3.blog_s5 .blog_metahidden div{ border-radius: 2px 0 0 2px;-moz-border-radius: 2px 0 0 2px;-webkit-border-radius: 2px 0 0 2px; }
	.blog_article.blog_article_s3.blog_s5 .blog_metahidden span{width: auto;padding:4px 20px 4px 5px;margin-top: -19px; white-space:normal; width: 388px; }
	.blog_article.blog_article_s3.blog_s5 .blog_metahidden div:hover span { padding:4px 20px 4px 5px;margin-top: -19px;width: 388px;  }
	.blog_article .blogPost_videoContainer { width: 100%;  }
	.blog_article.blog_article_s7 .blog_s7_meta .meta_block_s7 .meta_block_s7_inner { margin: 0 10px 15px 0; border-bottom: 1px solid #ccc;}
	.blog_article.blog_article_s7 .blog_s7_meta .meta_block_s7  { width: auto; display: inline-block; float: left; }
	.blog_article.blog_article_s7 .blog_s7_meta .meta_block_s7 .meta_block_s7_inner .meta_number,
	.blog_article.blog_article_s7 .blog_s7_meta .meta_block_s7 .meta_block_s7_inner .meta_text { width: auto; float: left; text-align: left; border-top: 0; border-bottom: 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);font-size: 12px; padding: 7px 0 7px 10px; }
	.blog_article.blog_article_s7 .blog_s7_meta .meta_block_s7 .meta_block_s7_inner .meta_text { padding: 7px 10px 7px 5px; }
	.post_article_single .post-single-gallery .post_gitem { width: 144px; }
		
	/* Team */
	.grid_3.team_member .team_mb_name span { display: block; }
	
	/*Sliders*/
	.iview-caption, #mainSlider .flex-caption {display: none;}
	/* OneByOne */
	.oneByOne1{width: 470px;height: 500px;}
	#onebyone_slider .oneByOne_item{	width: 470px;height: 500px; text-align: center;}
	#onebyone_slider .oneByOne_item span.ob1_title{margin: 250px 12px 0 0;font-size: 22px;}
	#onebyone_slider .oneByOne_item span.ob1_title, #onebyone_slider .oneByOne_item span.ob1_description{max-width: 95%; width: 95%;}
	#onebyone_slider .oneByOne_item span.ob1_description{margin-top: 0;}
	#onebyone_slider .oneByOne_item span.ob1_button{left: 50%; margin-left: -15%;}
	#onebyone_slider img.ob1_img_device1{ max-width: 250px; width: 250px; top: 20px;left: 50%; margin-left: -125px;}
	
	/* Price box */
	.price_box.pb3col .pb_column,
	.price_box.pb4col .pb_column,
	.price_box.pb5col .pb_column {width: 100%;margin: 15px -1px 15px -1px;}
	.price_box.pb3col .pb_column.pb_active,
	.price_box.pb4col .pb_column.pb_active,
	.price_box.pb5col .pb_column.pb_active {margin: 15px -1px 15px -1px;}
	.price_box.pb3col .pb_column.pb_active .pb_head,.price_box.pb3col .pb_column.pb_active .pb_footer,
	.price_box.pb4col .pb_column.pb_active .pb_head,.price_box.pb4col .pb_column.pb_active .pb_footer,
	.price_box.pb5col .pb_column.pb_active .pb_head,.price_box.pb5col .pb_column.pb_active .pb_footer {padding: 8px 10px;}
	
	.price_box .pb_column,.price_box .pb_column.pb_active,.price_box .pb_column.pb_first, .price_box .pb_column.pb_last{
		border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
	}
	.price_box .pb_column .pb_head,.price_box .pb_column.pb_active .pb_head ,.price_box .pb_column.pb_first .pb_head,.price_box .pb_column.pb_last .pb_head{
		border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;
	}
	.price_box .pb_column .pb_footer,.price_box .pb_column.pb_active .pb_footer,.price_box .pb_column.pb_first .pb_footer,.price_box .pb_column.pb_last .pb_footer {
		border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;
	}
}

/* === below 480px
-------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	.smk_container{width: 100%;margin: 0 auto;}
	.page_title .grid_4 {width: auto;display: block; float: none;margin-top: 60px; margin-left: 0;}
	.page_title .grid_8 {width: 100%; text-align: center;}
	#searchform {display: block;width: 300px; margin-left:15px; margin-right: 15px; float: none;}
	#searchform #s{width: 225px; float: left;} 
	#searchform #searchsubmit{ float: left;} 
	.site_slogan{display: none;}
	pre{width: 270px;}
	.home_clients .hp_item_grid_client{ width: 109px;}
	
	.page_title .grid_6{width: 300px; text-align: center; margin: 0; float: none;}
	.page_title #searchform{display: block; margin: 0 auto; float: none;}
	.page_title #searchform #s{display: block; width: 274px; float: none; margin: 15px auto 0;}
	.footer2_right{float: none; text-align: left; margin-top: 10px;}
	.footer2_right,.footer_social a.s_icon{float: none; text-align: left;}
	.home_notice h2{font-size: 18px;line-height: 32px;}


	 /*Global Video*/
	 .container_video{ width: 290px; margin: 0; }
	 
	/*comments*/
	ul#comments_list ul.replied{margin-left: 0;}
	ul#comments_list .grid_1{width: 25px; display: block;float: left;}
	ul#comments_list .grid_7{width: 240px; display: block;float: left;margin-left: 15px;}
	ul#comments_list ul .grid_1{width: 20px; display: block;float: left;}
	ul#comments_list ul .grid_6{width: 225px; display: block;float: left;margin-left: 15px;}
	/*comment form*/
	#comment_form textarea {width: 265px;height: 100px;font-family: sans-serif;font-size: 12px;}
	/* Footer right block */
	.footer2_right{float: none;}
	/* Google map */
	#gmap{width: 318px;}
	/* Contact form */
	#contactform input[type=text]{ width: 262px; }
	#contactform textarea{ width: 265px; height: 200px; }
	
	/* Blog */
	.blog_article.blog_article_s3.blog_s5 .blog_metahidden span{width: 217px; }
	.blog_article.blog_article_s3.blog_s5 .blog_metahidden div:hover span { width: 217px;  }
	.post_article_single .post-single-gallery .post_gitem { width: 133px; }
	/* OneByOne */
	.oneByOne1{width: 300px;height: 450px;}
	#onebyone_slider .oneByOne_item{	width: 300px;height: 450px; text-align: center;}
	#onebyone_slider .oneByOne_item span.ob1_title{margin: 180px 12px 0 0;font-size: 22px;}
	#onebyone_slider .oneByOne_item span.ob1_title, #onebyone_slider .oneByOne_item span.ob1_description{max-width: 95%; width: 95%;}
	#onebyone_slider .oneByOne_item span.ob1_description{margin-top: 0;}
	#onebyone_slider .oneByOne_item span.ob1_button{left: 50%; margin-left: -21%;}
	#onebyone_slider img.ob1_img_device1{ max-width: 180px; width: 180px; top: 20px;left: 50%; margin-left: -90px;}
	
	.price_box.pb2col .pb_column {width: 100%;margin: 15px -1px 15px -1px;}
	.price_box.pb2col .pb_column.pb_active {margin: 15px -1px 15px -1px;}
	.price_box.pb2col .pb_column.pb_active .pb_head,.price_box.pb2col .pb_column.pb_active .pb_footer {padding: 8px 10px;}
	
	.home_notice h1, .top_mod_right h1 {font-size:21px;}
	.home_notice h2, .top_mod_right h2 {font-size:19px;}
	.home_notice h3, .top_mod_right h3 {font-size:17px;}
	.home_notice h4, .top_mod_right h4 {font-size:15px;}
	.home_notice h5, .top_mod_right h5 {font-size:14px;}
	.home_notice h6, .top_mod_right h6 {font-size:12px;}
	
}

/* === below 320px
-------------------------------------------------------------*/
@media screen and (max-width: 320px) {
	.smk_container{width: 300px;margin: 0 auto;}
	.site_slogan{display: none;}	
	#searchform #s{width: 216px;}	
	.top_mod_right #searchform{margin-left: 10px;}
	pre{width: 250px;}
	.home_clients .hp_item_grid_client{ width: 119px;}
	
	.page_title .grid_6{width: 100%; text-align: center; margin: 0;}
	.page_title #searchform #s{display: block; width: 244px; float: none; margin: 15px auto 0;}
	
	 /*Global Video*/
	 .container_video{ width: 270px; margin: 0; }
	 
	/*navigation*/
	.tinynav {width: 240px;}
	/*comments*/
	ul#comments_list .grid_7{width: 215px;}
	ul#comments_list ul .grid_6{width: 200px;}
	/*comment form*/
	#comment_form textarea {width: 245px;height: 100px;font-family: sans-serif;font-size: 12px;}
	/* Google map */
	#gmap{width: 298px;}
	/* Contact form */
	#contactform input[type=text]{ width: 242px; }
	#contactform textarea{ width: 245px; height: 200px; }
	.post_article_single .post-single-gallery .post_gitem { width: 122px; }
	/* OneByOne */
	.oneByOne1{width: 240px;height: 200px;}
	#onebyone_slider .oneByOne_item{	width: 240px;height: 200px; text-align: center;}
	#onebyone_slider .oneByOne_item span.ob1_title{margin: 180px 12px 0 0;font-size: 22px;}
	#onebyone_slider .oneByOne_item span.ob1_title, #onebyone_slider .oneByOne_item span.ob1_description{max-width: 95%; width: 95%; display:none!important;}
	#onebyone_slider .oneByOne_item span.ob1_description{margin-top: 0;}
	#onebyone_slider .oneByOne_item span.ob1_button{left: 50%; margin-left: -21%; display:none!important;}
	#onebyone_slider img.ob1_img_device1{ max-width: 180px; width: 180px; top: 20px;left: 50%; margin-left: -90px;}
	.blog_post_image {width: 275px !important;}
}

div[id^='dgmap'] img  { max-width:none; }