/**
 * @package WordPress
 * @subpackage Medicure
 * @since Medicure 1.0.6
 * 
 * Responsive Design CSS Rules
 * Created by CMSMasters
 * 
 */


/* ---------- Large Monitor (Note: Design for a width more than 1440px) ---------- */ 

@media only screen and (min-width: 1440px) {


	
	#page {width:1220px;}
	
	#header nav.navi_scrolled {
	    background-color: #FFFFFF;
	    border: 1px solid #E0E0E0;
	    border-top: none;
	    position: fixed;
	    width: 1160px;
	    z-index: 9999;
	}

	#header .wrap_nav .navi_scrolled {
		 width: 1160px;
	}
	
	/*#sidebar .widget_custom_flickr_entries .flickr_badge_image:nth-child(3n+1) {padding-right:0;}*/
	
	.post_type_shortcode article .service_rollover:before {height:10px;}
	
	.post_type_shortcode article .service_rollover {padding:7px 20px 9px 17px;}

	.post_type_shortcode article .service_rollover .entry-meta {margin-top:-3px;}
	
	.post_type_shortcode article .service_rollover .cmsms_post_format_img {top:15px;}
	
	.services.three_columns .services_inner .service_rollover .entry-meta, 
	.services.two_columns .services_inner .service_rollover .entry-meta {padding:8px 0 0;}
	
	.services.one_column .services_inner .service_rollover .entry-meta {padding:10px 0 0;}

	.cmsms_pricing_table {
		padding:0 25px;
	}

	.testimonial .tl-content:after {
		right:780px;
	}

	.js_safari .wrap_header_search {
		border-left: none !important;
		border-left-color:transparent !important;
	}

	.widget_custom_popular_services_entries .widgettitle, 
	.widget_custom_latest_services_entries .widgettitle {
		padding-right:56px;
	}
	
}

/*--------- Design for a width less than 1440px ----------*/

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

	.services_inner .service_rollover {
		padding:5px 20px !important;
		min-height:50px;
	}

	.services.two_columns .service_rollover,
	.services.three_columns .service_rollover {
		padding:10px 15px !important;
	}

	#header nav.navi_scrolled {
	    position: fixed;
	    z-index: 9999;
	    background-color: #FFFFFF;
	    border: 1px solid #E0E0E0;
	    border-top: none;
	}
}

/* ---------- Tablet Portrait (Note: Design for a width more than 1280px but less than 1440px) ---------- */

@media only screen and (min-width: 1280px) and (max-width: 1440px) {

	#content {width:64%;}

	.js_safari .wrap_header_search {
		border-left: none !important;
		border-left-color:transparent !important;
	}
	
	.widget_custom_popular_services_entries .widgettitle, 
	.widget_custom_latest_services_entries .widgettitle {
	    padding-right: 56px;
	}

	#header nav.navi_scrolled {
	    position: fixed;
	    z-index: 9999;
	    background-color: #FFFFFF;
	    border: 1px solid #E0E0E0;
	    border-top: none;
	}
}

/* ---------- Tablet Portrait (Note: Design for a width more than 1024px but less than 1280px) ---------- */

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.cd-fixed-bg{
height:700px;
}

	#header nav.navi_scrolled {
	    position: fixed;
	    z-index: 9999;
	    background-color: #FFFFFF;
	    border: 1px solid #E0E0E0;
	    border-top: none;
	    width:73%;
	}

	.widget_custom_popular_services_entries .widgettitle, 
	.widget_custom_latest_services_entries .widgettitle {
	    padding-right: 56px;
	}

	.one_first .colored_button {
		padding:5px 2% 0 50px;
	}

	.widget_custom_popular_services_entries .widgettitle, 
	.widget_custom_latest_services_entries .widgettitle {
	    padding-right: 56px;
	}

	.js_safari .wrap_header_search {
		border-left: none !important;
		border-left-color:transparent !important;
	}
}
	
	
/* ---------- Tablet Portrait (Note: Design for a width more than 950px but less than 1024px) ---------- */

@media only screen and (min-width: 950px) and (max-width: 1024px) {

	.one_fourth .cmsms_pricing_table .cmsms_price_outer > div {padding:12px 10px 12px 10px;}
	
	.post_type_shortcode h3 {padding:0 8% 0 2%;}

	.related_posts .one_half {width:48%;}
	
	.services.four_columns .service_rollover .cmsms_post_format_img  {
		top:10px;
		right:10px;
	}
	
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {top:17px;}
	
	.services.three_columns .services_inner .service_rollover .entry-header {margin:3px 25px 0 0;}
		
	.services.two_columns .services_inner .service_rollover .cmsms_post_format_img {top:17px;}
	
	.services.one_column .services_inner .service_rollover .entry-meta {margin-top:10px;}

}


/* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */

@media only screen and (min-width: 769px) and (max-width: 1024px) {

	#content {width:64%;}
	
	#sidebar {width:30%;}
	
	.content_wrap.r_sidebar:before {
		right:auto;
		left:67%;
	}
	
	.content_wrap.l_sidebar:before {
		right:auto;
		left:33%;
	}

}


/* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */

@media only screen and (min-width: 769px) and (max-width: 1023px) {
	
	.cmsms_pricing_table .cmsms_price_outer > div {padding:12px 43px 12px 10px;}
	
	.one_third .cmsms_pricing_table .cmsms_price_outer > div {padding:12px 43px 12px 10px;}
	
	.cmsms_pricing_table .title, 
	.one_fourth .cmsms_pricing_table .title, 
	.one_fifth .cmsms_pricing_table .title, 
	.one_sixth .cmsms_pricing_table .title {font-size:1.538em;}
 
	.one_fourth .cmsms_pricing_table .currency, 
	.one_fourth .cmsms_pricing_table .price, 
	.one_fourth .cmsms_pricing_table .coins {font-size:2.1em;}
	
	.one_fifth .cmsms_pricing_table .currency, 
	.one_fifth .cmsms_pricing_table .price, 
	.one_fifth .cmsms_pricing_table .coins {font-size:1.9em;}
	
	.one_third .cmsms_pricing_table .cmsms_currency, 
	.one_third .cmsms_pricing_table .price, 
	.one_third .cmsms_pricing_table .coins {font-size:3.1em;}
	
	.one_half .cmsms_pricing_table .title {font-size:2.25em;}
	
	.one_half .cmsms_pricing_table .cmsms_currency, 
	.one_half .cmsms_pricing_table .price, 
	.one_half .cmsms_pricing_table .coins {font-size:3.8em;}
	
	.one_half .cmsms_pricing_table .period {font-size:1.5em;}
	
	.content_wrap.r_sidebar .cmsms_info, 
	.content_wrap.l_sidebar .cmsms_info {
		float:none;
		overflow:hidden;
		padding-bottom:10px;
		width:100%;
	}

	.content_wrap.r_sidebar .cmsms_info .published, 
	.content_wrap.l_sidebar .cmsms_info .published {
		float:left;
		height:48px;
		margin:0 0 3px 1px;
		width:99px;
	}

	.content_wrap.r_sidebar .cmsms_post_format_img, 
	.content_wrap.l_sidebar .cmsms_post_format_img {margin:0 3px 0 3px;}

	.content_wrap.r_sidebar .cmsms_info .cmsms_like, 
	.content_wrap.l_sidebar .cmsms_info .cmsms_like {
		float:left;
		height:48px;
		width:48px;
	}

	.content_wrap.r_sidebar .cmsms_info .cmsms_post_format_img, 
	.content_wrap.l_sidebar .cmsms_info .cmsms_post_format_img {margin:0;}
	
	.content_wrap.r_sidebar .blog.opened-article, 
	.content_wrap.l_sidebar .blog.opened-article {padding-left:0;}
	
	.content_wrap.r_sidebar .blog.opened-article .post, 
	.content_wrap.l_sidebar .blog.opened-article .post {margin-left:0;}
	
	.cmsms_pricing_table .cmsms_price_outer > div {padding:12px 43px 12px 10px;}
	
	.one_third .cmsms_pricing_table .cmsms_price_outer > div {padding:12px 43px 12px 10px;}
	
	.services.three_columns .services_inner .service_rollover .entry-meta, 
	.services.two_columns .services_inner .service_rollover .entry-meta, 
	.services.one_column .services_inner .service_rollover .entry-meta {padding:0;}

	.one_third .cmsms_pricing_table .cmsms_currency, 
	.one_third .cmsms_pricing_table .price, 
	.one_third .cmsms_pricing_table .coins {
    	font-size: 3.1em;
	}

	.one_fourth .cmsms_pricing_table .cmsms_price_outer > div {
	    padding: 12px 10px;
	}

	.social_toggle {display:block;}
	
}


/* ---------- Small Tablet (Note: Design for a width more than 769px but less than 950px) ---------- */

@media only screen and (min-width: 769px) and (max-width: 950px) {
	
	#navigation > li > a > span {min-width:100px;}
	
	.post_type_shortcode h3 {padding:0 11% 0 2%;}
	
	.post_type_shortcode article .service_rollover .cmsms_post_format_img, 
	.services_inner .service_rollover .cmsms_post_format_img {
		right:8px;
		top:7px;
	}

	.services.four_columns .service_rollover {

	}
	
	.post_type_shortcode article .service_rollover:before, 
	.services_inner .service_rollover:before {height:5px;}
	
	.service_rollover .entry-header, 
	.service_rollover .entry-meta {margin-right:20px;}
	
	.service_rollover .entry-header h6 {margin-bottom:-1px;}
	
	.service_rollover .entry-content {margin-top:20px;}
	
	.one_fifth .cmsms_pricing_table .cmsms_price_outer > div, 
	.one_sixth .cmsms_pricing_table .cmsms_price_outer > div {padding:12px 40px 12px 5px;}
	
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {top:13px;}
	
	.services.two_columns .services_inner .service_rollover .cmsms_post_format_img {top:12px;}

	.services.one_column .services_inner .service_rollover .entry-meta {padding-top:10px;}
	
	.services.one_column .services_inner .service_rollover .entry-meta {padding:3px 0 0;}

	 .one_fourth + .one_fourth + .cl_js {
	 	clear:none;
	 	width: 0;
	 	height: 0;
	 }

}


/* ---------- Small Tablet (Note: Design for a width more than 540px but less than 769px) ---------- */

@media only screen and (min-width: 600px) and (max-width: 768px) {
	
	.related_posts .one_half {
		width:46%;
		float:left;
	}

}


/* ---------- Small Tablet (Note: Design for a width more than 540px but less than 769px) ---------- */

@media only screen and (min-width: 541px) and (max-width: 768px) {
	
	.one_fourth {
		width:46%;
		float:left;
	}
	
	.one_fourth:nth-child(2n+1):before {
		content:'';
		clear:both;
	}
	
	.services.four_columns .services:nth-child(odd),
	.format-album.cmsms_four .resize figure:nth-child(odd),
	.post_type_shortcode.four_columns article:nth-child(odd),
	.cmsms_sitemap_archive li:nth-child(odd),  
	.cmsms_sitemap > li > ul > li:nth-child(odd) {
		float:left;
		padding-right:4%;
		width:48%;
	}
	
	.format-album.cmsms_four .resize figure:nth-child(even), 
	.post_type_shortcode.four_columns article:nth-child(even), 
	.cmsms_sitemap_archive li:nth-child(even), 
	.cmsms_sitemap > li > ul > li:nth-child(even) {
		float:right;
		padding-right:0;
		width:48%;
	}

	.cl_resp, 
	.divider_resp {display:block;}
	
	.services.four_columns, 
	.post_type_shortcode.four_columns {margin-right:0;}
	
	.post_type_shortcode h3 {padding:0 15% 0 2%;}
	
}


/* ---------- Small Monitor (Note: Design for a width less than 1150px) ---------- */

@media only screen and (max-width: 1151px) {
	
	#page {width:94%;} 
	
	#header nav.navi_scrolled {
		width:88%;
		left:6%;
	}

}


/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */

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

.newbox0325 {
	padding-top: 80px;
	width: 100%;
	padding-left: 2px;
}

.cd-fixed-bg{
height:700px;
}

	
	#slide_top {right:6px;}
	
	#header {
		padding:0 0 20px 0;
		overflow:hidden;
		min-height:70px !important;
		height:auto !important;
	}

	#header > .header_inner {
		min-height:auto !important;
		height:auto !important;
	}
	
	#header nav.navi_scrolled {
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		width:100%;
	}
	
	#header nav {
		top:auto;
		right:auto;
		display:block;
		position:relative;
	}
	
	#header nav.navi_scrolled.h_mt {margin-top:0px;}
	
	#header .header_html {
		position:relative;
		right:auto !important;
		top:auto !important;
		padding-top:15px;
	}
	
	.logo {
		position:relative;
		z-index:1;
		top:auto !important;
		left:auto;
		margin:22px 0 0 30px;
		float:left;
	}

	.custom_header {
		float:none;
		height:auto;
		overflow:hidden;
		position:relative;
		margin:0 auto;
		width:90%;
	}

	.header_html {
		display:none;
		text-align:center;
	}

	.wrap_social_icons {
		position:relative;
		right:0;
		top:0 !important;
		z-index:300;
		width:100%;
	}

	.wrap_social_icons ul {
		display:none;
		overflow:hidden;
		margin:20px auto 0;
		padding:0 5% 1px;
		width:90%;
		text-align:center;
	}

	.social_toggle {display:block;}

	.responsive_nav {
		position:relative;
		z-index:99;
		display:block;
		float:right;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin: 18px 30px 0 0;
		width:44px;
		height:44px;
		border: 1px solid #dddddd;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
	}

	.responsive_nav span {
	    display:block;
	    height:2px;
	    position:relative;
	    width:20px;
	    top:17px;
	    left:11px;
	}

	.responsive_nav span:before, 
	.responsive_nav span:after {
	    content:"";
	    display:block;
	    height:2px;
	    left:0;
	    position:absolute;
	    top:4px;
	    width:20px;
	}

	.responsive_nav span:after {
		top:8px;
	}
	
	.responsive_nav:hover span,
	.responsive_nav:hover span:before,
	.responsive_nav:hover span:after,
	.responsive_nav.active span,
	.responsive_nav.active span:before,
	.responsive_nav.active span:after {
		background-color:#dddddd;
		-webkit-transition:background-color .3s ease-in-out;
		-moz-transition:background-color .3s ease-in-out;
		-ms-transition:background-color .3s ease-in-out;
		-o-transition:background-color .3s ease-in-out;
		transition:background-color .3s ease-in-out;
	}

	#header .wrap_nav {
		position:relative;
		top:0 !important;
		z-index:0;
		border:none;
	}

	#header .wrap_nav .wrap_header_search {
		top: 33px;
		float: none;
		height:48px;
		margin:0; 
		border-top:1px solid #dddddd;
		border-bottom:1px solid #dddddd;
		border-left:none;
	}

	.wrap_header_search.open .search_line {
		width: 98% !important;
	}

	.wrap_header_search .search_line input[type="text"] {
		width: 95%;
	}

	.wrap_header_search .search_line input[type="submit"] {
		visibility:visible;
	}

	#header .search_line input[type="submit"] {
	    border: medium none;
	    box-shadow: none;
	    cursor: pointer;
	    display: block;
	    height: 35px;
	    min-width: 45px;
	    position: absolute;
	    right: 2px;
	    top: 6px;
	    width: 45px;
	    z-index: 9999;
	}

	.wrap_header_search .search_but {
		display: none;
	}


	.wrap_header_search .search_but:before, 
	.wrap_header_search .search_but:after {
		height: 20px;
		top:-5px;
		left:-20px;
	}

	#header .search_line form p:before {
		visibility:visible;
		top:17px;
		font-size:17px;
	}

	.wrap_header_search .search_line input[type="text"] {
		height: 50px;
		padding:0 0 0 28px;
	}

	#header nav {
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	#navigation {
		position:relative;
		z-index:0;
		display:none;
		overflow:hidden;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:100px 0 -33px;
		width:100%;
		height:auto;
	}

	#navigation ul {
		border:none; 
	}
	
	#navigation li:before, 
	#navigation li ul li:before	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:1px;
		background-color:#eeeeee;
		content:"";
	}
	
	#header nav:before {
		display:none;
		content:none;
	}

	#navigation > li:hover {top:auto;}

	#navigation a {display:block;}

	#navigation > li > a {
		padding:0 0 0 30px;
		text-align:left;
	}
	
	#header nav {
		position:relative;
		top:auto !important;
		right:auto;
		margin:0 0 34px 0;
		padding:10px 0 0 0;
		background:none;
		text-align:left;
	}
	
	#navigation > li {
		float:none;
		border-right:none;
	}

	#navigation > li > a {
		height: 48px;
	}
	
	#navigation > li > a > span {
		padding:11px 0 11px 0;
		width:100%;
		height:18px;
		text-align:left;
		line-height:48px;
	}
	
	#navigation li.dropdown > a > span:before {
		position:absolute;
		top:20px;
		right:29px;
		content:'';
		border:5px solid transparent;
		border-left-color: #8c8c8c;
		-webkit-transition:border-color .3s ease-in-out,position .3s ease-in-out;
		-moz-transition:border-color .3s ease-in-out,position .3s ease-in-out;
		-ms-transition:border-color .3s ease-in-out,position .3s ease-in-out;
		-o-transition:border-color .3s ease-in-out,position .3s ease-in-out;
		transition:border-color .3s ease-in-out,position .3s ease-in-out;
	}
	
	#navigation > li.dropdown > a:hover span:before, 
	#navigation > li.current-menu-ancestor > a span:before, 
	#navigation > li.dropdown:hover > a span:before {
		border-left-color:#ffffff;
	}
	
	#navigation li.dropdown > a.drop_active > span:before {
		top: 23px;
		right:31px;
		border-left-color:transparent;
		border-top-color:#8c8c8c;
	}
	
	#navigation > li.dropdown:hover > a.drop_active span:before,
	#navigation > li.current-menu-ancestor > a.drop_active span:before {
		top: 23px;
		right:31px;
		border-left-color:transparent;
		border-top-color:#fff;
	}

	#navigation li li.current_page_item > a, 
	#navigation li li.current_page_ancestor > a, 
	#navigation li li.current-menu-ancestor > a, 
	#navigation li li:hover > a:hover, 
	#navigation ul li:hover > a {
	    background-color: #fdfdfd;
	    border-bottom-color: #eeeeee;
	    border-top-color: #eeeeee;
	}

	#navigation .current-menu-item span {
		color:#000000;
	}
	
	#navigation ul {
		position:relative;
		top:auto;
		left:auto;
		display:none;
		visibility:visible;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:0;
		padding:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition:none;
		transition:none;
	}

	#navigation ul ul {
		top:auto;
		left:auto;
		margin:0;
		background:none;
	}

	#navigation ul li:hover > ul {margin:0;}

	#navigation ul ul:before {
		display:none;
		content:none;
	}
	
	#navigation ul li:before {
		position:absolute;
		top:0;
		left:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
		height:1px;
		background:#eeeeee;
		content:'';
	}
	
	#navigation ul li {background:#ffffff;}
	
	#navigation ul li a {
		padding:0 10px 0 30px;
		min-width:auto;
		min-height:40px;
		-webkit-transition:background-color .2s ease-in,font-size .15s ease-in-out;
		-moz-transition:background-color .2s ease-in,font-size .15s ease-in-out;
		-ms-transition:background-color .2s ease-in,font-size .15s ease-in-out;
		-o-transition:background-color .2s ease-in,font-size .15s ease-in-out;
		transition:background-color .2s ease-in,font-size .15s ease-in-out;
	}
	
	#navigation li.dropdown ul li{background-color:#ffffff;}
	
	#navigation li.dropdown ul li:hover,
	#navigation li ul li.current-menu-ancestor ,
	#navigation ul li.current-menu-ancestor > a {background-color:#fdfdfd;}

	#navigation li li.current_page_item > a,
	#navigation li li.current_page_ancestor > a,
	#navigation li li.current-menu-ancestor > a,
	#navigation li li:hover > a:hover,
	#navigation ul li:hover > a {
		font-size:13px;
	}
	
	#navigation ul ul li a {padding-left:60px;}
	
	#navigation ul ul ul li a {padding-left:90px;}
	
	#navigation ul li a span {
		display:block;
		padding:13px 45px 15px 30px;
		white-space:normal;
		text-transform:uppercase;
	}

	.one_first .colored_button {
		padding:5px 15px 0;
	}

	.colored_button {
		width:36%;
	}

	.icon_banner {
		float:none;
		margin:10px auto 0;
	}

	.colored_button span {
		display:block;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.content_wrap.r_sidebar .one_first .colored_button,
	.content_wrap.l_sidebar .one_first .colored_button {
		width:40%;
	}

	.post_type_shortcode h3 {
		padding:0 15% 2% 2%;
	}

	.post_type_shortcode.type_testimonial h3 {
		padding:0 15% 4% 2%;
	}

	.post_type_shortcode.type_post .cmsms_post_type_img {
		margin:0 13px 15px 0;
	}

	.blog .cmsms_info .published {
		clear:both;
		text-align:left;
	}

	.cmsms_info .cmsms_page_month, 
	.cmsms_info .cmsms_post_month {
		bottom: 20px;
	}

	.cmsms_info .cmsms_page_year, 
	.cmsms_info .cmsms_post_year {
		top:24px;
	}

	.cmsms_info .cmsms_page_day, 
	.cmsms_info .cmsms_post_day {
		padding:6px 2px 5px;
		text-align:left;
	}

	.cmsms_info .cmsms_page_year, 
	.cmsms_info .cmsms_page_month, 
	.cmsms_info .cmsms_post_year, 
	.cmsms_info .cmsms_post_month {right: 13px;}

	.cmsms_info .cmsms_page_month,
	.cmsms_info .cmsms_post_month {
		line-height:21px;
	}

}


/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */

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



.cd-fixed-bg{
height:700px;
}

.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 85%;
  position: relative;
  z-index: 1;
}

	#header > .header_inner > a.logo { 
		top:auto; 
		left:auto; 
	} 
	#header > .header_inner {height:auto; } 

	#header .wrap_nav {
		top:auto;
		right:auto; 
	} 

	#header .wrap_social_icons {
		top:auto; 
		right:auto; 
	}

	.widget_custom_popular_entries li .ovh {overflow:visible;}
	
	#middle_content .commentlist, 
	#middle_content #commentform > p {width:100%;}
	
	.one_fourth .tabs > li.current a span {padding:9px 10px;}
	
	.one_fourth .tabs > li a span {text-align:left;}
	
	.one_fourth .tabs > li {
		display:block;
		list-style:none;
	}
	
	.one_fourth .tabs > li.current:first-child a {margin:0 0 -1px;}
	
	.one_fourth .tabs > li a,
	.one_fourth .tabs > li:first-child a {
		margin:0 0 -1px 0;
		-webkit-transition:margin-left .3s ease-in-out;
		-moz-transition:margin-left .3s ease-in-out;
		-ms-transition:margin-left .3s ease-in-out;
		-o-transition:margin-left .3s ease-in-out;
		transition:margin-left .3s ease-in-out;
	}

	.tabs li.current a,
	.tab.lpr .tabs li.current a {
		top:-3px;
	}

	.bottom_inner .tab.lpr .tabs li.current a {
		padding-top:14px;
	}

	.tabs li a {
		margin-top:-1px;
	}

	.bottom_inner .tab.lpr .tabs {
		border-bottom:1px solid #464646;
	}

	.bottom_inner .tab.lpr .tabs li {
		margin:-1px -1px 1px 0;
	}

	.post_type_shortcode article .service_rollover {
		min-height:60px;
	}

	.one_fourth .tab .tab_content {border:1px solid #ebecec;}
	
	.one_fourth .widget_custom_posts_tabs_entries .tabs > li {width:100%;}
	
	.two_fifth .colored_button,
	.one_fourth .colored_button,
	.one_third .colored_button,
	.two_fifth .colored_title,
	.one_fourth .colored_title, 
	.one_third .colored_title {display:block;}
	
	.two_fifth .colored_button,
	.one_fourth .colored_button,
	.one_third .colored_button {padding:15px 30px;}

}


/* ---------- Small Tablet & Mobile (Note: Design for a width less than 940px) ---------- */

@media only screen and (max-width: 940px) {
.cd-fixed-bg{
height:650px;
}


.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 65%;
  position: relative;
  z-index: 1;
}

	.wrap_header_search.open .search_line {
		width: 97.5% !important;
	}

	.services.four_columns, 
	.services.three_columns {margin-right:-4%;}

	.services.four_columns .service_rollover {
		padding:0 15px !important;
	}

	.services.two_columns .service_rollover {
		padding:7px 15px !important;
	}
	
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {top:17px;}
	
	.services.two_columns .services_inner .service_rollover .cmsms_post_format_img {top:10px;}
	
	.services.two_columns .services_inner .service_rollover .entry-header {margin:0 25px 0 0;}

	.services.two_columns .services_inner .service_rollover .entry-meta {padding-top:0;}
	
	.post_type_shortcode article .service_rollover:before {height:10px;}
	
	.content_wrap.r_sidebar .post_type_shortcode article .service_rollover:before, 
	.content_wrap.l_sidebar .post_type_shortcode article .service_rollover:before {height:1px;}
	
	.post_type_shortcode article .service_rollover .cmsms_post_format_img {top:25px;}
	
	.content_wrap.r_sidebar .post_type_shortcode article .service_rollover .cmsms_post_format_img, 
	.content_wrap.l_sidebar .post_type_shortcode article .service_rollover .cmsms_post_format_img {top:15px;}
	 
	.format-album.cmsms_four .resize figure:nth-child(odd),
	.cmsms_sitemap_archive li:nth-child(odd),  
	.cmsms_sitemap > li > ul > li:nth-child(odd) {
		padding-right:4%;
		width:46%;
	}
	
	.format-album.cmsms_four .resize figure:nth-child(even), 
	.cmsms_sitemap_archive li:nth-child(even), 
	.cmsms_sitemap > li > ul > li:nth-child(even) {
		padding-right:4%;
		width:46%;
	}

	.services.four_columns .service:nth-child(odd), 
	.services.three_columns .service:nth-child(odd),
	.services.four_columns .service:nth-child(even),  
	.services.three_columns .service:nth-child(even) {
		padding-right:4%;
		width:50%;
	}
	
	.post_type_shortcode article.service:nth-child(odd),
	.post_type_shortcode article.service:nth-child(even) {width:46%;}

	.post_type_shortcode article .service_rollover {
		padding:32px 20px 33px 17px;
	}
	
	.content_wrap.r_sidebar .post_type_shortcode article.service:nth-child(odd),
	.content_wrap.r_sidebar .post_type_shortcode article.service:nth-child(even), 
	.content_wrap.l_sidebar .post_type_shortcode article.service:nth-child(odd),
	.content_wrap.l_sidebar .post_type_shortcode article.service:nth-child(even) {
		width:46%;
		float:left;
		margin-bottom:20px;
	}

	.post_type_shortcode article.post:nth-child(odd),
	.post_type_shortcode article.post:nth-child(even), 
	.content_wrap.r_sidebar .post_type_shortcode article.post:nth-child(odd),
	.content_wrap.r_sidebar .post_type_shortcode article.post:nth-child(even), 
	.content_wrap.l_sidebar .post_type_shortcode article.post:nth-child(odd),
	.content_wrap.l_sidebar .post_type_shortcode article.post:nth-child(even) {
		width:100%;
	}

	.bottom_inner .tab.lpr .tabs li {
		margin:-1px -1px 1px 0;
	}

	.bottom_inner .tab.lpr .tabs li.current a {
		padding-top:14px;
	}

}

/* ---------- Small Tablet & Mobile (Note: Design for a width less than 900px) ---------- */

@media only screen and (max-width: 900px) {
	.services.four_columns .service_rollover {
		padding:0 15px !important;
	}

	.post_type_shortcode article .service_rollover {
		padding:30px 20px 30px 17px;
	}
}

/* ---------- Small Tablet & Mobile (Note: Design for a width less than 860px) ---------- */

@media only screen and (max-width: 860px) {
	.services.three_columns .service_rollover {
		padding:25px 15px !important;
	}
}


/* ---------- Small Tablet & Mobile (Note: Design for a width less than 850px) ---------- */

@media only screen and (max-width: 850px) {
	.services.four_columns .service_rollover {
		padding:8px 15px !important;
		height:60px;
	}

	.services.three_columns .service_rollover {
		padding:24px 15px !important;
	}

	.post_type_shortcode article .service_rollover {
		padding:25px 20px 25px 17px;
	}

	.tabs li a {
		padding:14px 30px;
	}

	.one_first .featured_block {
		width:99.7%;
	}
}


/* ---------- Small Tablet & Mobile (Note: Design for a width less than 800px) ---------- */

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



.cd-fixed-bg{
height:600px;
}

.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 70%;
  position: relative;
  z-index: 1;
}

	.tabs li a {
		padding:14px 27px;
	}

	.services.four_columns, 
	.services.three_columns {margin-right:-4%;}

	.services.three_columns .service_rollover {
		padding:15px 15px !important;
	}

	.services.four_columns .service_rollover {
		padding:6px 15px !important;
	}

	.services.two_columns .service_rollover {
		padding:0 15px !important;
		height:50px;
	}
	
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {top:17px;}

	
	.services.two_columns .services_inner .service_rollover .cmsms_post_format_img {top:10px;}
	
	.services.two_columns .services_inner .service_rollover .entry-header {margin:0 25px 0 0;}

	.services.two_columns .services_inner .service_rollover .entry-meta {padding-top:0;}
	
	.post_type_shortcode article .service_rollover:before {height:10px;}
	
	.post_type_shortcode article .service_rollover .cmsms_post_format_img, 
	.service_rollover .cmsms_post_format_img, 
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {top:20px;}

	.bottom_inner .tab.lpr .tabs {
		border-bottom:none;
	}

	.bottom_inner .tab.lpr .tabs li {
		margin:-1px -1px 1px 0;
	}
	
	#footer {
		text-align:center;
		padding-top:20px;
	}
	
	.footer_nav {float:none;}
	
	#footer .social_icons {
		display:inline-block;
		float:none;
	}
	
	.copyright {
		display:block;
		float:none;
		padding:10px 0;
	}
	
	.footer_nav {
		float:none;
		padding:10px 0;
	}
	
}





/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */

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




.featured_block {
	position:relative;
	display:table;
	overflow:hidden;
	margin-bottom:18px;
	border:2px solid #FFFFFF;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);		/* Firefox */
	margin-top: 18px;
}
.colored_title_inner {
	position:relative;
	z-index:0;
	display:block;
	overflow:hidden;
	min-height:55px;
	margin-top:0;
	padding-top: 31px;
	padding-right: 48px;
	padding-bottom: 31px;
	padding-left: 48px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);		/* Firefox */

}

.cd-fixed-bg{
height:500px;
}




.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 60%;
  position: relative;
  z-index: 1;
}



	#header .wrap_nav {
		top:20px;
	}

	#navigation {
		position:relative;
		z-index:0;
		display:none;
		overflow:hidden;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:100px 0 -33px 0;
		width:100%;
		height:auto;
	}
	
	#content,
	.content_wrap.l_sidebar #content,
	#sidebar, 
	.content_wrap.l_sidebar #sidebar {
		float:none;
		width:100%;
	}

	.wrap_header_search.open .search_line {
		width: 97% !important;
	}

	.wrap_header_search .search_line input[type="text"] {
		width: 92%;
	}

	.top_sidebar {padding:25px 30px 10px;}

	.content_wrap.r_sidebar:before, 
	.content_wrap.l_sidebar:before {
		content:none;
		display:none;
	}
	
	.opened-article .service .service_content,
	.service_sidebar {
		float:none;
		width:100%;
	}

	.service_page .opened-article .cmsms-form-builder .form_info {
		float:none;
		width:100%;
	}

	.services.three_columns .service_rollover {
		padding:8px 15px !important;
	}
	
	.project_sidebar {padding-bottom:20px;}

	.tabs li a {
		padding:14px 30px;
	}
	
	.services.three_columns, 
	.services.one_blocks {margin-right:0;}
	
	.cmsms_info {
		float:none;
		overflow:hidden;
		padding-bottom:10px;
		width:100%;
	}

	.cmsms_info .published {
		float:left;
		height:48px;
		margin:0 0 3px 1px;
		width:99px;
	}

	.cmsms_latest_bottom_tweets_inner {
		padding:25px 85px 10px;
	}

	.cmsms_post_format_img {margin:0 3px 0 3px;}

	.content_wrap.r_sidebar .cmsms_info .cmsms_post_format_img, 
	.content_wrap.l_sidebar .cmsms_info .cmsms_post_format_img {margin:0;}

	.cmsms_info .cmsms_like {
		float:left;
		height:48px;
		width:48px;
	}

	.post_type_shortcode article .service_rollover {
		padding:13px 20px 13px 17px;
	}

	.featured_block {display:block;}

	.one_first .featured_block {width:99%;}
	
	.colored_button {
		min-height:40px;
		padding:30px 0;
		width:100%;
		border-top: 1px solid #dddddd;
	}

	.content_wrap.r_sidebar .one_first .colored_button .icon_banner,
	.content_wrap.l_sidebar .one_first .colored_button .icon_banner {
		margin-left: 20px;
	}

	.one_first .colored_button {
		width: 100%;
		padding:30px 0;
	}

	.content_wrap.r_sidebar .one_first .colored_button,
	.content_wrap.l_sidebar .one_first .colored_button {
		width: 33%;
		padding:30px 0;
	}

	.colored_button,
	.colored_title {display:block;}

	.colored_title_inner {
		display:block;
		text-align:center;
	}

	.colored_button, 
	.content_wrap.r_sidebar .one_first .colored_button,
	.content_wrap.l_sidebar .one_first .colored_button {
		border-left:none;
		text-align:center;
	}

	.colored_button > span {
		float:none;
		display: inline-block;
	}


	.icon_banner {
		margin-left:30px !important;
		top:12px;
	}
		
	.post .entry-header .atricle_box {
		display:block;
		margin-top:36px;
	}
	
	.commentlist ul {padding-left:10px;}
	
	.comment-content {overflow:visible;}
	
	.comment-body .fn,
	.comment-body .alignleft{margin-bottom:6px;}
	
	.comment-body .published,
	.comment-body .fn,
	.comment-reply-link,
	#cancel-comment-reply-link {	float:none;}
	
	.error .search_line {width:60%;}
	
	
	.p_options_block {right:auto;}
	
	.p_sort a[name="p_name"], 
	.p_sort a[name="p_date"], 
	div.p_filter {float:left;}
	
	.p_sort{
		display:block;
		float:none;
	}
	
	.tour_content {display:block;}
	
	.blog.opened-article .post {margin-left:0;}
	
	.blog.opened-article {padding:0;}
	
	#content {padding:20px 0 40px;}
	
	#sidebar:before {
		background:none repeat scroll 0 0 rgba(0, 0, 0, .08);
		top:0;
		content:"";
		height:1px;
		left:0;
		margin:0 -30px;
		position:absolute;
		top:0;
		width:150%;
	}
	
	#sidebar {
		padding:40px 0 0;
		overflow:visible;
	}
	
	.widget {
		padding-bottom:35px;
		padding-top:15px;
	}

	.widget_custom_advertisement_entries figure:nth-child(odd) {
		padding-right: 2%;
	}

	.widget_custom_popular_services_entries .widgettitle, 
	.widget_custom_latest_services_entries .widgettitle {
	    padding-right: 56px;
	}

	.cl_resp, 
	.divider_resp {
		clear:both;
	}


	.cmsms_info .cmsms_page_year, 
	.cmsms_info .cmsms_post_year {
		top:10px;
	}

	.cmsms_info .cmsms_page_month, 
	.cmsms_info .cmsms_post_month {
		top: 21px;
		bottom:auto; 
	}

		.cmsms_info .cmsms_page_day, 
	.cmsms_info .cmsms_post_day {
		padding:6px 2px 5px;
		text-align:left;
	}

	.cmsms_info .cmsms_page_year, 
	.cmsms_info .cmsms_page_month, 
	.cmsms_info .cmsms_post_year, 
	.cmsms_info .cmsms_post_month {
		right:17px;
	}
	
}



/* ---------- Small Tablet & Mobile (Note: Design for a width less than 767px) ---------- */

@media only screen and (max-width: 767px) {
.cd-fixed-bg{
/*height:420px;*/
height:900px;
}

.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 65%;
  position: relative;
  z-index: 1;
}
	
	.one_sixth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.five_sixth,
	.one_half, 
	.one_third, 
	.two_third, 
	.three_fourth {
		float:none;
		width:96%;
		margin:0 2% 20px;
	}
	
	.services.three_columns .project, 
	.format-album.cmsms_two .resize figure, 
	.format-album.cmsms_three .resize figure {
		float:none;
		padding-right:0;
		width:100%;
	}
	
	.tour,
	#middle_content .two_third .tour, 
	#middle_content .three_fifth .tour, 
	.content_wrap.r_sidebar .tour, 
	.content_wrap.l_sidebar .tour, 
	.tour_box_content, 
	#middle_content .two_third .tour_box_content, 
	#middle_content .three_fifth .tour_box_content, 
	.content_wrap.r_sidebar .tour_box_content, 
	.content_wrap.l_sidebar .tour_box_content {
		width:100%;
		float:none;
	}
	
	.tour {padding:0 0 20px;}
	
}


/* ---------- Mobile (Note: Design for a width less than 700px) ---------- */

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

	.services.two_columns .project {
		float:none;
		padding-right:0;
		width:96%;
	}
	
	.services.two_columns .services_inner .service_rollover .entry-header {margin:0 25px 1px 0;}
	
	.services.two_columns .services_inner:hover .service_rollover:before {height:15px;}
	
	.services.two_columns .services_inner .service_rollover .entry-meta {padding-top:3px;}
	
	.services.two_columns .services_inner .service_rollover .cmsms_post_format_img {
		right:14px;
		top:18px;
	}
	
}


/* ---------- Mobile (Note: Design for a width less than 600px) ---------- */

@media only screen and (max-width: 600px) {
.cd-fixed-bg{
height:400px;
}
.cd-bg-3{

min-height:950px;

}


.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 60%;
  position: relative;
  z-index: 1;
}

	.post_type_shortcode article .service_rollover .cmsms_post_format_img, 
	.service_rollover .cmsms_post_format_img, 
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {top:10px;}
	
	.content_wrap.r_sidebar .post_type_shortcode article .service_rollover:before, 
	.content_wrap.l_sidebar .post_type_shortcode article .service_rollover:before {height:10px;}
	
	.post_type_shortcode article .service_rollover:before {height:10px;}
	
	.services.one_column .services_inner .service_rollover {padding-top:12px;}
	
	.services.one_column .services_inner .service_rollover .cmsms_post_format_img {
		top:14px;
		right:13px;
	}

}


/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */

@media only screen and (max-width: 540px) {
.cd-fixed-bg{
height:350px;
}


.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 60%;
  position: relative;
  z-index: 1;
}

   #header {
		padding:0 0 5px 0;
		overflow:hidden;
		min-height:45px !important;
		height:auto !important;
	}

	#header .wrap_nav .wrap_header_search {
		top: 33px;
	}

	#navigation {
		margin:100px 0 -33px 0;
	}

	#navigation {
		margin:5px 0 -33px 0;
	}

	.responsive_nav {
		position:relative;
		display:block;
		float:right;
		margin: 18px 8px 0 0;
		width:44px;
		height:44px;
	}
	
	.logo {
		float:none;
		margin:25px auto;
	}

	.wrap_header_search .search_line input[type="text"] {
		width: 89%;
	}

	div.jp-video div.jp-current-time, 
	div.jp-audio div.jp-current-time, 
	div.jp-video div.jp-time-sep, 
	div.jp-audio div.jp-time-sep, 
	div.jp-video div.jp-duration, 
	div.jp-audio div.jp-duration {display:none;}
	
	.one_fourth {width:96%;}

	.format-album.cmsms_four .resize figure:nth-child(odd), 
	.format-album.cmsms_four .resize figure:nth-child(even),
	.cmsms_sitemap_archive li:nth-child(odd),  
	.cmsms_sitemap_archive li:nth-child(even), 
	.cmsms_sitemap > li > ul > li:nth-child(odd),
	.cmsms_sitemap > li > ul > li:nth-child(even),
	.post_type_shortcode article.post:nth-child(2n+1), 
	.post_type_shortcode article.post:nth-child(2n), 
	.post_type_shortcode article.service:nth-child(2n+1), 
	.post_type_shortcode article.service:nth-child(2n), 
	.content_wrap.r_sidebar .post_type_shortcode article.post:nth-child(odd),
	.content_wrap.r_sidebar .post_type_shortcode article.post:nth-child(even), 
	.content_wrap.r_sidebar .post_type_shortcode article.service:nth-child(odd),
	.content_wrap.r_sidebar .post_type_shortcode article.service:nth-child(even), 
	.content_wrap.l_sidebar .post_type_shortcode article.post:nth-child(odd),
	.content_wrap.l_sidebar .post_type_shortcode article.post:nth-child(even), 
	.content_wrap.l_sidebar .post_type_shortcode article.service:nth-child(odd),
	.content_wrap.l_sidebar .post_type_shortcode article.service:nth-child(even) {
		float:none;
		padding-right:0;
		width:96%;
	}

	.services.four_columns .service:nth-child(odd), 
	.services.three_columns .service:nth-child(odd),
	.services.four_columns .service:nth-child(even),  
	.services.three_columns .service:nth-child(even) {
		padding-right:0;
	}

	.services.four_columns .service,
	.services.three_columns .service,
	.services.two_columns .service {
		float:none;
		width:100% !important;
		padding-right:0;
	}

	.services {margin-right: 0;}

	.error h1 {font-size:16em;}
	
	.post_type_shortcode h3 {
		padding:0 15% 2% 2%;
	}

	.post .entry-header .atricle_box_inner {padding:0;}
	
	.tabs li, 
	.tab.lpr .tabs li, 
	.related_posts ul li, 
	.related_posts ul li a {
		width:100%;
		float:none;
		margin:0;
	}

	.tabs {
		border-bottom:none;
	}

	.tabs li.current a {
	    height: 52px;
	    padding-top: 16px;
	    z-index: 12;
	}

	.tabs li.current a,
	.tab.lpr .tabs li.current a {
		top:0px;
	}

	.cmsms_comments_wrap {
		float:none;
		margin:0;
		line-height:18px;
	}
	
	.post_type_shortcode h3 {padding:0 20% 2% 2%;}

	.post_type_shortcode article .service_rollover {
		padding:32px 20px 32px 17px;
	}

	.post_type_shortcode.type_post article {
		position: relative;
		padding-bottom: 10px !important;
	}
	
	.services.three_columns .services_inner .service_rollover {
		padding:6px 20px 7px 25px !important;
		height: 60px;
	}

	.services.four_columns .service_rollover {
		padding:5px 20px !important;
	}

	.services.four_columns .service,
	.services.three_columns .service,
	.services.two_columns .service {width: 100% !important;}
	
	.post_type_shortcode article .service_rollover .cmsms_post_format_img, 
	.service_rollover .cmsms_post_format_img, 
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {
		right:25px;
		top:25px;
	}
	
	.service_rollover .entry-header, 
	.service_rollover .entry-meta {margin-right:35px;}
	
	.service_rollover .entry-meta, 
	.services.three_columns .services_inner .service_rollover .entry-meta {padding:5px 0 0;}

	.services_inner .service_rollover {
		padding:31px 20px !important;
	}
	
	.services.two_columns .services_inner .service_rollover .cmsms_post_format_img {top:16px;}
	
	.services.one_column .services_inner .service_rollover .cmsms_post_format_img {top:11px;}
	
	a.cmsms_comments {
		display:inline-block;
		float:none;
		min-width:auto;
		height:auto;
		background:none;
		line-height:18px;
	}

	.cmsms_latest_bottom_tweets_inner {
		padding:25px 85px 10px;
	}
	
	a.cmsms_comments:before {display:none;}

	.share_posts .fl {margin:5px 0;}
	
	.comment-body .published {padding-left:0;}
	
	.comment-reply-link {margin-bottom:10px;}
	
	.tab_content h1, 
	.tab_content h2, 
	.tab_content h3, 
	.tab_content h4, 
	.tab_content h5, 
	.tab_content h6 {clear:both;}
	
	#commentform label {padding-left:0;}
	
	.error .search_line {width:100%;}
	
	select {width:200px;}
	
	.post_type_shortcode.four_columns, 
	.post_type_shortcode.two_columns, 
	.services.two_columns .project, 
	.services.four_columns	{margin-right:0;}

	.post_type_shortcode h3,
	.post_type_shortcode.type_testimonial h3 {
		padding:0 15% 5% 2%;
	}

	.post_type_shortcode.type_post {
		text-align:center;
	}

	.post_type_shortcode.type_post .cmsms_post_type_img {
		float:none;
		margin:0 0 15px;
	}

	.post_type_shortcode.type_post .cmsms_post_type_img img {
		display:inline-block;
	}

	.percent_item .percent_item_text {
		font-size:12px;
	}
	
	textarea, 
	select, 
	#contactform input[type="text"], 
	#contactform .cmsms-form-builder, 
	.cmsms-form-builder .cmsms_input,
	#commentform input[type="text"],
	#commentform textarea,
	.cmsms-form-builder input[type="text"] {width:100%;}
	
	#commentform label {
		display:block;
		padding-left:0;
	}

	.wrap_lay_slider .button_small.cmsms_share {
		font-size:10px;
		padding:2px 6px;
		min-width:30px;
	}
	
	.cmsms_nav_wrap_wrap {display:none;}
	
	.s_options_loader {right:15px;}
	
	div.s_filter {float:left;}
		
	.s_sort {
		float:left;
		padding-bottom:10px;
		padding-right:20px;
	}

	.s_filter_container:hover ul.s_filter_list {border-bottom:none;}

	.widget_custom_advertisement_entries figure:nth-child(odd) {
		padding-right: 2%;
	}

	.format-gallery .cmsms_content_prev_slide,
	.format-gallery .cmsms_content_next_slide {
		bottom:10px;
	}

	.ls-bottom-slidebuttons {
		top:-25px !important;
	}

}


/* ---------- Mobile (Note: Design for a width less than 450px) ---------- */

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

.cd-fixed-bg{
height:220px;
}


.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 55%;
  position: relative;
  z-index: 1;
}

	#navigation {
		margin:5px 0 -33px 0;
	}

	.post_type_shortcode article .service_rollover, 
	.services.four_columns .services_inner .service_rollover, 
	.services.three_columns .services_inner .service_rollover {padding:18px 20px 9px 20px;}
	
	.post_type_shortcode article .service_rollover .cmsms_post_format_img, 
	.service_rollover .cmsms_post_format_img, 
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {
		right:20px;
		top:20px;
	}
	
	.post_type_shortcode article .service_rollover:before {height:13px;}
	
	.services.two_columns .services_inner .service_rollover .entry-meta {padding:0;}
	
	.services.two_columns .services_inner .service_rollover .cmsms_post_format_img {top:10px;}
	
	.services.one_column .services_inner .service_rollover .cmsms_post_format_img {top:6px;}

	.entry-meta .cmsms_tags {float:none !important;}

	.entry-meta .cmsms_post_info {overflow:visible !important;}

	.widget_custom_advertisement_entries figure:nth-child(odd) {
		padding-right: 2%;
	}

	.format-gallery .cmsms_content_prev_slide,
	.format-gallery .cmsms_content_next_slide {
		bottom:10px;
	}
	
}


/* ---------- Mobile (Note: Design for a width less than 401px) ---------- */

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

.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 55%;
  position: relative;
  z-index: 1;
}

	#header > .header_inner > a.logo, 
	#header > .header_inner > a.logo > img { max-width : 100%; height : auto; } 

	.wrap_header_search .search_line input[type="text"] {
		width: 87%;
	}
	
	.gallery-item {width:100% !important;}
	
	.percent_parent:before {left:34%;}
	
	.percent_item > span {width:32%;}
	
	.percent_item_colored_main_wrap {width:63%;}
	
	.content_wrap:after {width:150%;}
	
	.error h1 {font-size:8em;}
	
	.testimonial .published {
		float:left;
		padding:10px 0;
		width:100%;
	}
	
	.tl_author_img {margin-right:15px;}
	
	.testimonials .testimonial .button, 
	.testimonials .testimonial .button_small {margin-top:10px;}
	
	.comment-body .published {padding-bottom:20px;}
	
	.tp-bullets.simplebullets.round .bullet {margin-top:14%;}
	
	.post_type_shortcode article .service_rollover, 
	.services.four_columns .services_inner .service_rollover, 
	.services.three_columns .services_inner .service_rollover {padding:15px 20px 9px 15px;}
	
	.service_rollover .entry-meta, 
	.services.three_columns .services_inner .service_rollover .entry-meta {padding:0;}
	
	.post_type_shortcode article .service_rollover .cmsms_post_format_img, 
	.service_rollover .cmsms_post_format_img, 
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {
		right:13px;
		top:17px;
	}
	
	.services.two_columns .services_inner .service_rollover .entry-header {margin:0 25px 5px 0;}
	
	.services.two_columns .services_inner:hover .service_rollover:before {height:20px;}
	
	.services.one_column .services_inner .service_rollover:before, 
	.services.one_column .services_inner:hover .service_rollover:before {height:1px;}
	
	.services.one_column .services_inner .service_rollover .entry-meta {padding-top:1px;}
	
	.services.one_column .services_inner:hover .service_rollover:before {height:15px;}
	
}


/* ---------- Mobile (Note: Design for a width less than 360px) ---------- */

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

	.post_type_shortcode article .service_rollover:before {height:1px;}
	
	.testimonials .testimonial .button, 
	.testimonials .testimonial .button_small {
		float:left;
		margin-right:10px;
	}
	
	.entry .project_navi {text-align:center;}
	
	.project_navi a[rel="next"], 
	.project_navi a[rel="prev"] {float:none;}
	
	.entry .project_navi a {display:inline-block;}
	
	.post_type_shortcode article .service_rollover, 
	.services.four_columns .services_inner .service_rollover, 
	.services.three_columns .services_inner .service_rollover {padding:15px 20px 10px 20px;}

	.post_type_shortcode article .service_rollover {
		padding:11px 20px 11px 20px;
	}
	
	.post_type_shortcode article .service_rollover .cmsms_post_format_img, 
	.service_rollover .cmsms_post_format_img, 
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {top:12px;}
	
	.post_type_shortcode article .service_rollover:before {height:10px;}
	
	.services.two_columns .services_inner .service_rollover {padding:10px;}
	
	.services.two_columns .services_inner .service_rollover .cmsms_post_format_img {
		right:7px;
		top:7px;
	}
	
	.services.two_columns .services_inner:hover .service_rollover:before {height:6px;}
	
	.services.one_column .services_inner .service_rollover .cmsms_post_format_img {
		right:7px; 
		top:2px;
	}

}


/* ---------- Mobile (Note: Design for a width less than 320px) ---------- */

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

	.percent_parent:before {left:39%;}
	
	.percent_item > span {width:36%;}
	
	.percent_item_colored_main_wrap {width:57%;}
	
	.percent_item > span {padding-right:7%;}
	
	.cmsms_pricing_table .cmsms_price_outer > div {padding-left:16px;}
	
	.cmsms_pricing_table .currency, 
	.cmsms_pricing_table .price, 
	.cmsms_pricing_table .coins {font-size:42px;}
	
	.testimonials .testimonial .button, 
	.testimonials .testimonial .button_small {margin-top:0;}
	
	.testimonial a.tl_author, 
	.opened-article .testimonial a.tl_author {padding:10px 0 5px;}
	
	.comment-reply-link, 
	.button, 
	.pricing_button, 
	.button, 
	.button_small, 
	.button_medium, 
	.button_large, 
	#cancel-comment-reply-link, 
	#submit, 
	input[type="submit"] {padding:8px 15px 9px;}
	
	.s_sort > a {margin-bottom:10px;}
	
	.cmsms_info {width:auto;}

	.blog .cmsms_info {width:100%;}

	.blog .cmsms_info .published {
		clear:none;
		text-align:left;
	}
	
	.post_type_shortcode article .service_rollover, 
	.services.four_columns .services_inner .service_rollover, 
	.services.three_columns .services_inner .service_rollover {padding:7px 10px 9px;}
	
	.post_type_shortcode article .service_rollover .cmsms_post_format_img, 
	.service_rollover .cmsms_post_format_img, 
	.services.three_columns .services_inner .service_rollover .cmsms_post_format_img {
		top:10px;
		right:8px;
	}
	
	.service_rollover .entry-header, .service_rollover .entry-meta {margin-right:28px;}
}


@media only screen and (min-width: 765px) {

	.widget_colored_cell.four_box {
		float:left;
		width:50%;
	}

	.widget_colored_cell.three_box, 
	.widget_colored_cell.two_box {
		display:table-cell;
		width:50%;
	}

	.widget_colored_cell.three_box {
		width:33.33%;
	}
	
}


@media only screen and (min-width: 1022px) {
	
	.widget_colored_cell.four_box {
		display:table-cell;
	    float:none;
	    width:25%;
	}

	.widget_colored_cell.one_box {
	    width:100%;
		display:block;
	}
	
}