/**
 * @package 	WordPress
 * @subpackage 	Garage
 * @version		1.2.8
 * 
 * Responsive Design CSS Rules
 * Created by CMSMasters
 * 
 */



/*-------------------------------------------------------------------------

	0.	LESS Variables + Functions
	1.	Large Monitor
	2.	Tablet Monitor
	3.	Small Tablet Monitor
	4.	Phone Monitor
	5.	Small Phone Monitor

-------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------*/
/*	0.	LESS Variables & Functions
/*-------------------------------------------------------------------------*/

/***************** Variables ******************/
@line_height_pad: 20px;
@blocks_hor_pad: 20px;
@blocks_hor_pad_large: 30px;

@input_pad: 7px;

@col_mar: 2%;

@resp_blocks_pad: 56.25%;

@cont_vert_pad: 30px;

@headline_vert_pad: 12px;

@sidebar_width: 25.5%;
@content_width: 100% - @sidebar_width;

@hor_sidebars_vert_pad:40px;

@footer_vert_pad: 80px;

@dropdown_width: 180px;
@dropdown_width_top: 130px;
@dropdown_anim_pad: 20px;

@cont_width_large: 1200px;
@cont_width_full: 100%;
@cont_width_min: 320px;

@monitor_large: ~'(min-width: 1440px)';
@monitor_tablet: ~'(max-width: 1024px)';
@monitor_tablet_950: ~'(max-width: 950px)';
@monitor_tablet_small: ~'(max-width: 767px)';
@monitor_tablet_600: ~'(max-width: 600px)';
@monitor_phone: ~'(max-width: 540px)';
@monitor_phone_small: ~'(max-width: 320px)';

@tablet_ipad: ~'(min-width: 768px) and (max-width: 1024px)';
@tablet_small: ~'(min-width: 541px) and (max-width: 767px)';


/***************** Functions ******************/
.fl () {
	float:left;
}

.fr () {
	float:right;
}

.dn () {
	display:none;
}

.tal () {
	text-align:left;
}

.tac () {
	text-align:center;
}

.tar () {
	text-align:right;
}

.cl () {
	clear:both;
}

.ovh () {
	overflow:hidden;
}

.m0a () {
	margin:0 auto;
}

.bd (@w:1px; @t:solid) {
	border-width:@w;
	border-style:@t;
}

.bdt (@w:1px; @t:solid) {
	border-top-width:@w;
	border-top-style:@t;
}

.bdb (@w:1px; @t:solid) {
	border-bottom-width:@w;
	border-bottom-style:@t;
}

.bdr (@w:1px; @t:solid) {
	border-right-width:@w;
	border-right-style:@t;
}

.bdl (@w:1px; @t:solid) {
	border-left-width:@w;
	border-left-style:@t;
}

.color_white_opacity (@op:.5) {
	color:rgba(255, 255, 255, @op);
}

.bg_white_opacity (@op:.5) {
	background-color:rgba(255, 255, 255, @op);
}

.fullwidth_in_block () {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.op (@op:.5) {
	opacity:@op;
}

.cl_after () {
	content:'';
	display:block;
	clear:both;
}

.pos_abs (@w:1em; @h:1em; @l:0; @r:0; @t:0; @b:0) {
	width:@w;
	height:@h;
	margin:auto !important;
	position:absolute;
	left:@l;
	right:@r;
	top:@t;
	bottom:@b;
}

.bdbx () {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.ctbx () {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.bdrs (@radius:5px) {
	-webkit-border-radius:@radius;
	border-radius:@radius;
}

.bxsh (@x:0; @y:0; @blur:5px; @spred:0; @alpha:.05) {
	-webkit-box-shadow:@x @y @blur @spred rgba(0, 0, 0, @alpha);
	box-shadow:@x @y @blur @spred rgba(0, 0, 0, @alpha);
}

.bxshi (@x:0; @y:0; @blur:5px; @spred:0; @alpha:.05) {
	-webkit-box-shadow:inset @x @y @blur @spred rgba(0, 0, 0, @alpha);
	box-shadow:inset @x @y @blur @spred rgba(0, 0, 0, @alpha);
}

.bxsh_none () {
	-webkit-box-shadow:none;
	box-shadow:none;
}

.trans(@trans:0) when not (@trans = 0) {
    -webkit-transition:@trans;
    -moz-transition:@trans;
    -ms-transition:@trans;
    -o-transition:@trans;
    transition:@trans;
}



@media only screen {
	/*-------------------------------------------------------------------------*/
	/*	1.	Large Monitor
	/*-------------------------------------------------------------------------*/
	@media @monitor_large {		
		#page {
			&.cmsms_boxed {
				width: @cont_width_large + @blocks_hor_pad * 2;
				
				#header, 
				#footer {
					width: @cont_width_large + @blocks_hor_pad * 2;
				}
			}
		}
		
		.post-password-form,
		.header_top_inner, 
		.header_mid_inner, 
		.header_bot_inner, 
		.content_wrap, 
		.headline_inner, 
		.cmsms_breadcrumbs_inner, 
		.bottom_outer, 
		.footer_inner, 
		.cmsms_row_inner, 
		.cmsms_row_title_wrap {
			width: @cont_width_large;
		}
		
		.content_wrap {
			&.l_sidebar {
				&:before {
					margin-left: @blocks_hor_pad / 2 - 2px;
				}
			}
		}
		
		.content {
			padding-right: @blocks_hor_pad_large;
			
			&.fr {
				padding-left: @blocks_hor_pad_large;
			}
		}
		
		.sidebar {
			padding-left: @blocks_hor_pad_large;
			
			.widget_nav_menu {
				.menu {
					margin-left:-@blocks_hor_pad_large + 1px;
				}
			}
			&.fl {
				padding-right: @blocks_hor_pad_large;
				
				.widget_nav_menu {
					.menu {
						margin-right:-@blocks_hor_pad_large + 1px;
						margin-left:0;
					}
				}
			}
		}
		
		.header_top_outer,
		.header_top .nav_wrap nav {
			display: block !important;
		}
	}
	
	
	
	/*-------------------------------------------------------------------------*/
	/*	2.	Tablet Monitor
	/*-------------------------------------------------------------------------*/
	@media @monitor_tablet {			
		html {
			.one_fourth, 
			.three_fourth {
				width:round((100% / 2) - (@col_mar * 2), 2);
			}
			
			.cmsms_121414, 
			.cmsms_141412 {
				.cmsms_column.one_half {
					width:round(100% - (@col_mar * 2), 2);
					float:none;
					clear:both;
				}
			}
			
			.cmsms_141214 {
				.cmsms_column.one_fourth, 
				.cmsms_column.one_half {
					width:round((100% / 3) - (@col_mar * 2), 2);
				}
			}
			
			.sidebar_layout_14141414 {
				aside {
					width:round((100% / 2) - (@col_mar * 2), 2);
				}
			}
			
			.sidebar_layout_141412 {
				> aside:first-child, 
				> aside:first-child + aside, 
				> div.cl + aside, 
				> div.cl + aside + aside, 
				> div.cmsms_widget_divider + aside, 
				> div.cmsms_widget_divider + aside + aside {
					width:round((100% / 2) - (@col_mar * 2), 2);
				}
				
				> aside:first-child + aside + aside, 
				> div.cl + aside + aside + aside, 
				> div.cmsms_widget_divider + aside + aside + aside {
					width:round(100% - (@col_mar * 2), 2);
					float:none;
					clear:both;
				}
			}
			
			.sidebar_layout_141214 {
				> aside:first-child, 
				> aside:first-child + aside + aside, 
				> div.cl + aside, 
				> div.cl + aside + aside + aside, 
				> div.cmsms_widget_divider + aside, 
				> div.cmsms_widget_divider + aside + aside + aside {
					width:round((100% / 3) - (@col_mar * 2), 2);
				}
				
				> aside:first-child + aside, 
				> div.cl + aside + aside, 
				> div.cmsms_widget_divider + aside + aside {
					width:round((100% / 3) - (@col_mar * 2), 2);
				}
			}
			
			.sidebar_layout_121414 {
				> aside:first-child, 
				> div.cl + aside, 
				> div.cmsms_widget_divider + aside {
					width:round(100% - (@col_mar * 2), 2);
					float:none;
					clear:both;
				}
				
				> aside:first-child + aside, 
				> aside:first-child + aside + aside, 
				> div.cl + aside + aside, 
				> div.cl + aside + aside + aside, 
				> div.cmsms_widget_divider + aside + aside, 
				> div.cmsms_widget_divider + aside + aside + aside {
					width:round((100% / 2) - (@col_mar * 2), 2);
				}
			}
			
			.sidebar_layout_3414 {
				> aside:first-child, 
				> div.cl + aside, 
				> div.cmsms_widget_divider + aside {
					width:round((100% / 2) - (@col_mar * 2), 2);
				}
				
				> aside:first-child + aside, 
				> div.cl + aside + aside, 
				> div.cmsms_widget_divider + aside + aside {
					width:round((100% / 2) - (@col_mar * 2), 2);
				}
			}
			
			.sidebar_layout_1434 {
				> aside:first-child, 
				> div.cl + aside, 
				> div.cmsms_widget_divider + aside {
					width:round((100% / 2) - (@col_mar * 2), 2);
				}
				
				> aside:first-child + aside, 
				> div.cl + aside + aside, 
				> div.cmsms_widget_divider + aside + aside {
					width:round((100% / 2) - (@col_mar * 2), 2);
				}
			}
		
			.post-password-form,
			.header_top_inner, 
			.header_mid_inner, 
			.header_bot_inner, 
			.content_wrap, 
			.headline_inner, 
			.cmsms_breadcrumbs_inner, 
			.bottom_outer, 
			.footer_inner, 
			.cmsms_row_inner, 
			.cmsms_row_title_wrap {
				width: @cont_width_full;
			}
			
			.cmsms_column {
				margin-bottom:20px;
				
				&:after {
					.cl_after;
				}
				
				&.one_first, 
				&:last-child {
					margin-bottom:0;
				}
			}
			
			#page {
				&.cmsms_boxed {
					width: @cont_width_full;
					
					#header, 
					#footer {
						width: @cont_width_full;
					}
				}
				
				.cmsms_stats {
					&.stats_mode_circles {
						.cmsms_stat_outer {
							&.one_fourth {
								width:46%;
							}
							
							&.one_fifth {
								width:29.33%;
								
								&:nth-child(3n+1) {
									clear:both;
								}
								
								&:nth-child(5n+1) {
									clear:none;
								}
							} 
						}
					}
					
					&.stats_mode_bars {
						&.stats_type_vertical {
							.cmsms_stat_outer {
								&.one_fourth:nth-child(2n+1) {
									clear:both;
								}
								
								&.one_fifth {
									width:29.33%;
									
									&:nth-child(3n+1) {
										clear:both;
									}
									
									&:nth-child(5n+1) {
										clear:none;
									}
								} 
							}
						}
					}
				}
				
				.cmsms_counters {
					.cmsms_counter_wrap {
						&.one_fourth {
							width:50%;
						}
							
						&.one_fifth {
							width:33.33%;
							
							&:nth-child(3n+1) {
								clear:both;
							}
							
							&:nth-child(5n+1) {
								clear:none;
							}
						} 
					}
				}
				
				.cmsms_pricing_table {
					&.pricing_four {
						.cmsms_pricing_item {
							width:46%;
							display:block;
							.fl;
							.bdrs(0);
						}
					}
				}
				
				.quote_grid {
					&.quote_four {
						&:before {
							left:50%;
						}
						
						&:after {
							content:none;
						}
					
						.quote_vert {
							border-left-width:0;
						}
						
						.quotes_list {
							.cmsms_quote {
								width:50%;
								.bdt(2px);
								
								&:nth-child(1), 
								&:nth-child(2) {
									border-top-width:0;
								}
							}
						}
					}
				}
				
				&.fixed_header {
					#header {
						position: relative;
					}
					
					#middle, 
					&.enable_header_top #middle, 
					&.enable_header_bottom #middle, 
					&.enable_header_top.enable_header_bottom #middle {
						padding-top: 0;
					}
				}
			
				#header {
					width:100%;
					position:relative;
					.ovh;
					
					.header_bot_outer,
					.header_mid_outer {
						.bdb(0);
					}
					
					#navigation {
						> li {
							&.menu-item-mega {
								> div.menu-item-mega-container {
									> ul {
										> li.menu-item-hide-text {
											> a:empty {
												display:none;
											}
										}
									}
								}
							}
							
							> a[data-tag] {
								&:before {
									display:inline-block;
									float:none;
								}
								
								> span {
									width:auto;
									float:left;
								}
							}
						}
					}
					
					nav {
						.menu-mega-menu-container,
						.cmsms_dynamic_cart {
							display:block !important;
							opacity:1;
						}
						
						.cmsms_dynamic_cart {
							width:100%;
							height:auto;
							margin-left:0;
							
							&:hover {
								.widget_shopping_cart_content {
									height:auto;
									padding:20px 20px 25px;
								}
							}
							
							.cmsms_dynamic_cart_button {
								margin-top:-1px;
								padding:13px 30px;
								position:relative;
								
								&:before {
									position:relative;
								}
							}
							
							.widget_shopping_cart_content {
								width:100%;
								height:0;
								margin:0;
								padding:0;
								position:relative;
								.bdt(0);
								
								&:before {
									content:none;
								}
								
								.buttons {
									> a.button {
										width:auto;
										margin:0 10px 0 0;
										padding:5px 35px;
										
										&:last-child {
											margin-right:0;
										}
										
										&:after {
											padding-left:10px;
										}
									}
								}
							}
						}
					}			
					
					.header_top {
						.ovh;
					
						.header_top_outer {
							.dn;
							.ovh;
						
							.header_top_inner {
								.ovh;
								padding:0;
								
								.header_top_left, 
								.header_top_right {
									float:none;
									.tac;
									.bdb;
									.cl;
									.ovh;
									
									.header_top_aligner {
										.dn;
									}
								}
								
								.header_top_left {
									padding-top:20px;
									padding-bottom:20px;
									
									.meta_wrap {
										margin:0;
										.tac;
										
										> * {
											float:none;
											margin-top:5px;
											margin-bottom:5px;
											.tac;
										}
									}
								}
								
								.header_top_right {
									padding-top:20px;
									padding-bottom:15px;
									
									.social_wrap {padding-bottom:5px;}
									
									.nav_wrap {
										display:block;
										.tac;
										
										.responsive_top_nav {
											font-size:10px;
											display:inline-block;
											width:28px;
											height:28px;
											position:relative;
											.bdrs;
											.trans(~'color .2s ease-in-out, background-color .2s ease-in-out');
											
											&:before {
												.pos_abs;
											}
										}
										
										nav {
											float:none;
											visibility:visible;
											text-indent:0;
											margin:0;
											.op(1);
											.dn;
											.cl;
											
											div, 
											ul, 
											li, 
											a, 
											span {
												display:block;
												float:none;
												width:100%;
												margin:0;
												padding:0;
												visibility:visible;
												position:relative;
												left:0;
												top:0;
												.bd(0);
												.ovh;
												.op(1);
												.bxsh_none;
												
												&:before, 
												&:after {
													content:none;
												}
											}
											
											a {
												background-color:transparent;
												.trans(~'color .2s ease-in-out');
											}
											
											#top_line_nav {
												padding-top:15px;
												
												> li:first-child {
													> a {
														.bdt(0);
													}
												}
											
												li {
													a {
														padding:10px 20px;
														.bdt;
													}
													
													li {
														a {
															padding-left:40px;
														}
														
														li {
															a {
																padding-left:60px;
															}
															
															li {
																a {
																	padding-left:80px;
																}
																
																li {
																	a {
																		padding-left:100px;
																	}
																	
																	li {
																		a {
																			padding-left:120px;
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
						
						.header_top_but {
							display:block;
							width:100%;
							height:35px;
							position:relative;
							cursor:pointer;
						}
					}
					
					.header_mid {
						float:none;
						.cl;
						.ovh;
						
					
						.header_mid_outer {
							.ovh;
						
							.header_mid_inner {
								padding-left:0;
								padding-right:0;
								.ovh;
								
								.search_wrap {
									margin-right:30px;
									margin-left:0;
								}
								
								.logo_wrap {
									display:block;
									margin-left:30px;
									.fl;
								}
							}
						}
					}
					
					.header_bot {
						float:none;
						.cl;
						.ovh;
						
						.header_bot_outer {
							.ovh;
						
							.header_bot_inner {
								padding-left:0;
								padding-right:0;
								
								.resp_nav_wrap {
									margin:0;
									padding:20px 0 15px;
									.tac;
									
									.resp_nav_wrap_inner {
										display:inline-block;
									}
								}
							}
						}
					}
					
					.resp_nav_wrap {
						display:block;
						margin:0 30px 0 0;
						text-indent:0;
						.op(1);
						.trans(~'margin .3s ease-in-out, opacity .3s ease-in-out');
						
						&.resp_nav_closed {
							.op(0);
							margin:0 -30px 0 0;
							.trans(none);
						}
					}
					
					.header_mid, 
					.header_bot {
						nav {
							float:none;
							visibility:visible;
							text-indent:0;
							margin:0;
							.op(1);
							.dn;
							.cl;
							
							> div:first-child {
								display:block;
								
								div, 
								ul, 
								a {
									background-image:none !important;
									display:block;
									float:none;
									width:100%;
									margin:0;
									padding:0;
									visibility:visible;
									position:relative;
									left:0;
									top:0;
									.bd(0);
									.ovh;
									.op(1);
									.bxsh_none;
									
									&:before, 
									&:after {
										content:none;
									}
								}
								
								span {
									background-image:none !important;
									float:none;
									width:100%;
									margin:0;
									padding:0;
									visibility:visible;
									position:relative;
									left:0;
									top:0;
									.ovh;
									.op(1);
									.bxsh_none;
									
									&:before, 
									&:after {
										content:none;
									}
								}
							
								a {
									.trans(~'color .2s ease-in-out, background-color .2s ease-in-out');
								}
								
								li {
									display:block;
									float:none;
									width:100%;
									margin:0;
									padding:0;
									visibility:visible;
									position:relative;
									left:0;
									top:0;
									.bd(0) !important;
									.ovh;
									.op(1);
									.bxsh_none;
								}
							}
							
							.menu-item-mega-description-container {
								.dn;
							}
							
							.nav_bg_clr {
								.dn;
								.op(0);
							}
							
							#navigation {
								> li:first-child {
									margin-top:0;
								}
								
								li {
									margin-top:-1px;
									
									a {
										.bd;
									}
								}
								
								li {
									a {
										padding:13px 20px;
									}
									
									li {
										a {
											padding-left:40px;
										}
										
										li {
											a {
												padding-left:60px;
												padding-top:7px;
												padding-bottom:7px;
											}
											
											li {
												a {
													padding-left:80px;
												}
												
												li {
													a {
														padding-left:100px;
													}
													
													li {
														a {
															padding-left:120px;
														}
														
														li {
															a {
																padding-left:140px;
															}
															
															li {
																a {
																	padding-left:160px;
																}
																
																li {
																	a {
																		padding-left:180px;
																	}
																	
																	li {
																		a {
																			padding-left:200px;
																		}
																		
																		li {
																			a {
																				padding-left:220px;
																			}
																			
																			li {
																				a {
																					padding-left:240px;
																				}
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
				
				&.enable_header_centered {
					#header {
						.header_mid {
							.header_mid_outer {
								.header_mid_inner {
									.logo_wrap {
										display:inline-block;
										float:none;
										margin-left:0;
									}
								}
							}
						}
					}
				}
			}
		}
		
		#header {
			nav {
				> div {
					> ul {
						> li.menu-item-mega {
							> div.menu-item-mega-container {
								> ul {
									> li:first-child {
										border:0;
									}
								}
							}
						}
					}
				}
			}
		}
		
		#navigation {
			> li.menu-item-hide-text {
				> a {
					> span:before {
						 margin-right:0.4em;
					}
				}
			}
			
			> li.menu-item-mega {
				> div.menu-item-mega-container {
					ul {
						li.menu-item-hide-text {
							> a {
								> span:before {
									margin-right:0.4em;
								}
							}
						}
					}
				}
			}
		}
	}
	
	
	
	/*-------------------------------------------------------------------------*/
	/*	Tablet Ipad Horizontal
	/*-------------------------------------------------------------------------*/
	@media @tablet_ipad {
	}
	
	
	
	/*-------------------------------------------------------------------------*/
	/*	Tablet Monitor 950
	/*-------------------------------------------------------------------------*/
	@media @monitor_tablet_950 {		
		html {
			.header_mid_inner {
				.search_wrap {					
					&.search_opened {
						width:90%;
						margin:0 5% !important;
							
						.search_wrap_inner  {
							.search_wrap_inner_left {
								width:95%;
							}
							
							.search_wrap_inner_right {
								width:5%;
							}
						}
					}
				}
			}
		
			.content_wrap {
				&:before {
					cotnent:none;
					display:none;
				}
			
				.content, 
				.sidebar {
					width: @cont_width_full;
					padding-left:0;
					padding-right:0;
				}
				
				.sidebar {
					padding-top:50px;
					
					.widget_nav_menu {
						.menu {
							margin-left:0;
						}
					}
					
					&:before {
						content:'';
						.pos_abs(100%, 1px, 0, 0, 0, auto);
					}
					&.fl {
						.widget_nav_menu {
							.menu {
								margin-right:0;
							}
						}
					}
				}
				
				&.l_sidebar, 
				&.r_sidebar {
					.cmsms_row {
						padding-left:0;
						padding-right:0;
						margin-left:0;
						margin-right:0;
					}
				}
			}
			
			#page {
				.portfolio {
					&.opened-article {
						.project {
							.project_content {
								&.with_sidebar {
									width:100%;
									float:none;
									clear:both;
									padding-right:0;
									padding-bottom:35px;
								}
							}
							
							.project_sidebar {
								width:100%;
								float:none;
								clear:both;
								padding-bottom:50px;
							}
						}
					}
				}
				
				.profiles {
					&.opened-article {
						.profile {
							.profile_content {
								&.with_sidebar {
									width:100%;
									float:none;
									clear:both;
									padding-right:0;
									padding-bottom:50px;
								}
							}
							
							.profile_sidebar {
								width:100%;
								float:none;
								clear:both;
							}
						}
					}
				}
			}
		}
	}
	
	
	
	/*-------------------------------------------------------------------------*/
	/*	3.	Small Tablet Monitor
	/*-------------------------------------------------------------------------*/
	@media @monitor_tablet_small {		
		html {
			.one_first, 
			.one_half, 
			.one_third, 
			.two_third, 
			.one_fourth, 
			.three_fourth, 
			.cmsms_121414 .cmsms_column.one_half, 
			.cmsms_141412 .cmsms_column.one_half, 
			.cmsms_141214 .cmsms_column.one_fourth, 
			.cmsms_141214 .cmsms_column.one_half {
				width:round(100% - (@col_mar * 2), 2);
				float:none;
				clear:both;
			}
			
			.sidebar_layout_14141414, 
			.sidebar_layout_141412, 
			.sidebar_layout_141214, 
			.sidebar_layout_121414, 
			.sidebar_layout_131313, 
			.sidebar_layout_3414, 
			.sidebar_layout_1434, 
			.sidebar_layout_2313, 
			.sidebar_layout_1323, 
			.sidebar_layout_1212 {
				aside {
					width:round(100% - (@col_mar * 2), 2) !important;
				}
			}
			
			#page {
				.blog {
					&.timeline {
						height:auto !important;
						
						&:before {
							content:none;
						}
						
						.post.format-standard figure,
						.post.format-image figure,
						.cmsms_owl_slider,
						.cmsms_video_wrap,
						.cmsms_post_cont {
							margin:0 1px -1px;
						}
						
						.post.cmsms_timeline_type {
							width:100%;
							padding-left:0;
							padding-right:0;
							padding-top:70px;
							position:relative !important;
							-webkit-transform:none !important;
							-moz-transform:none !important;
							-ms-transform:none !important;
							-o-transform:none !important;
							transform:none !important;
							
							&:first-child {
								padding-top:0;
							}
							
							&:before {
								content:none;
							}
							
							.cmsms_post_info {
								background:none;
								width:100%;
								height:auto;
								margin:0 auto !important;
								padding:0 0 10px 0;
								position:relative;
								left:auto;
								right:auto;
								top:auto;
								bottom:auto;
								.bdrs(0);
								
								&:before {
									content:none;
								}
								
								.cmsms_post_format_img {
									display:inline-block;
								}
								
								.cmsms_post_date {
									display:inline-block;
									width:auto;
									vertical-align:bottom;
									.bdrs(0);
									
									> span {
										margin:0 5px 0 0;
										.fl;
									}
								}
							}
							
							.cmsms_post_cont_wrap {
								padding-left:0;
								padding-right:0;
								
								&:before {
									content:none;
								}
							}
						}
					}
				}
				
				.post.cmsms_default_type {
					padding-right:0;
					
					.cmsms_post_info {
						float:none;
						margin:0 0 20px;
						
						.cmsms_post_format_img {
							display:inline-block;
							margin-right:10px;
							vertical-align:middle;
						}
						
						.cmsms_post_date {
							display:inline-block;
							padding-top:0;
							padding-right:0;
							vertical-align:middle;
							.tal;
						}
					}
				}
				
				.opened-article {
					.post {
						.cmsms_post_footer {
							.tac;
						
							.cmsms_post_meta_info {
								display:block;
								float:none;
								width:100%;
								margin:0;
								.bdr(0);
								
								> a,
								.cmsms_post_date {
									text-align:center;
									width:33.33%;
									padding:15px 20px;
								}
							}
							
							.cmsms_post_cont_info {
								display:block;
								width:100%;
								padding:0;
								.tac;
								.bdt;
							}
						}
						
						&.format-aside, 
						&.format-status {
							.cmsms_post_cont {
								.cmsms_post_content {
									padding-top:10px;
								}
							}
						}
					}
				}
				
				.post_comments {
					.commentlist {
						.comment-body {
							.comment-content {
								> h2 {
									clear:both;
									margin-top:0;
									padding-top:10px;
								}
							}
						}
					}
				}
				
				.blog {
					.project.type-project,
					.profile.type-profile {
						.cmsms_post_info {
							float:left;
							margin:0;
						}
					}
				}
				
				.cmsms_search {
					.cmsms_search_post {
						padding-right:0;
					
						.cmsms_search_post_number {
							float:none;
							.cl;
						}
					}
				}
				
				.cmsms_featured_block {
					.featured_block_inner {
						width:100% !important;
					}
				}
				
				.cmsms_stats {						
					&.stats_mode_circles {
						.cmsms_stat_outer {
							&.one_half,
							&.one_third,
							&.one_fourth,
							&.one_fifth {
								float:left;
								width:46%;
								clear:none !important;
							}
								
							&:nth-child(2n+1) {
								clear:both !important;
							}
						}
					}
					
					&.stats_mode_bars {
						&.stats_type_vertical {
							.cmsms_stat_outer {
								&.one_half,
								&.one_third,
								&.one_fourth,
								&.one_fifth {
									float:left;
									width:46%;
									clear:none !important;
								}
								
								&:nth-child(2n+1) {
									clear:both !important;
								}
							}
						}
					}
				}
				
				.cmsms_counters {
					.cmsms_counter_wrap {
						&.one_half,
						&.one_third,
						&.one_fourth,
						&.one_fifth {
							width:50%;
							clear:none !important;
						}
					}
				}
				
				.cmsms_profile {
					&.vertical {
						&:before {
							left:20%;
						}
						
						.type-profile {
							direction:ltr;
							float:none;
							display:table;
							width:100%;
							.ovh;
							
							.pl_content_wrap {
								direction:ltr;
								display:table-cell;
								width:60%;
								
								.pl_content {
									direction:ltr;
									.tal;
									
									& * {
										.tal;
									}
								}
							
								.pl_social {
									.tal;
									direction:ltr;
								}
							}
							
							.pl_img {
								direction:ltr;
								display:table-cell;
								width:40%;
								.bdr(0);
								.bdl;
								
								.pl_noimg {
									max-height:none;
									max-width:none;
								}
							}
							
							.pl_aligner_block {
								display:none;
							}
						}
					}
					
					&.horizontal {
						.type-profile {
							margin-bottom:80px;
							
							&:last-child {
								margin-bottom:0;
							}
						}
					}
				}
				
				.quote_grid {
					&.quote_four, 
					&.quote_three, 
					&.quote_two {
						&:before, 
						&:after {
							content:none;
						}
					
						.quote_vert {
							border-left-width:0;
						}
						
						.quotes_list {
							.cmsms_quote {
								display:block;
								width:100%;
								padding:25px;
								.bdt(2px);
								
								&:nth-child(1) {
									border-top-width:0;
								}
								
								&:nth-child(2) {
									border-top-width:2px;
								}
								
								.quote_image {
									margin:0 25px 0 0;
									.fl;
								}
								
								.quote_content_wrap,
								.quote_content,
								.wrap_quote_title {
									.tal;
								}
							}
						}
					}
				}

				.cmsms_heading_wrap {
					&.cmsms_heading_divider_short,
					&.cmsms_heading_divider_medium,
					&.cmsms_heading_divider_long {
						.cmsms_heading {
							max-width:70%;
						}
					}
				}
				
				#header {
					.header_mid {
						.header_mid_outer {
							.header_mid_inner {
								.search_wrap {
									float:none;
									margin:0 5%;
									padding:15px 0;
									.cl;
									
									.search_wrap_inner {
										height:auto !important;
										width:100%;
										
										.search_wrap_inner_left {
											width:100%;
											margin:0;
											visibility:visible;
											.op(1);
										}
										
										.search_wrap_inner_right {
											.dn;
										}
									}
								}
								
								.social_wrap {
									float:none;
									margin:0 5%;
									padding:15px 0 10px;
									.cl;
									
									.social_wrap_inner {
										display:block;
										height:auto !important;
										
										ul {
											text-align:center;
											display:block;
											
											li {
												margin:0;
												padding:0 3px;
											}
										}
									}
								}
							
								.slogan_wrap {
									max-width:none;
									margin:0 5%;
									padding:15px 0;
									float:none;
									.cl;
									
									.slogan_wrap_inner {
										display:block;
										height:auto !important;
										
										.slogan_wrap_text {
											text-align:center;
											display:block;
										}
									}
								}
								
								.logo_wrap {
									text-align:center;
									display:block;
									width:100%;
									float:none;
									margin:0;
									padding:15px 5%;
									.cl;
									.ovh;
									
									.logo {
										display:inline-block;
										height:auto !important;
										
										img {
											position:static;
											max-height:none;
											max-width:100%;
										}
									}
								}
								
								.resp_nav_wrap {
									margin:0;
									padding:20px 0 15px;
									float:none;
									.cl;
									.tac;
									
									.resp_nav_wrap_inner {
										display:inline-block;
										height:auto !important;
									}
								}
							}
						}
					}
				}
				
				&.enable_header_centered {
					#header {
						.header_mid {
							.header_mid_outer {
								.header_mid_inner {
									.logo_wrap {
										display:block;
										margin:0 auto;
									}
								}
							}
						}
					}
				}
				
				.cmsms_clients_grid {
					.cmsms_clients_item {
						width:100%;
						margin-bottom:0;
						border-top:none;
						border-right-width:1px;
						border-right-style:solid;
						border-left-width:1px;
						border-left-style:solid;
						.bxsh_none();
						
						&:first-child {
							border-top-width:1px;
							border-top-style:solid;
						}
					}
					&.clients_noborder {
						.cmsms_clients_item {
							border:none;
						}
					}
				}
				
				.cmsms_twitter {
					.owl-buttons {
						right:20px;
						top:30px;
						bottom:auto;
					}
					
					.cmsms_twitter_item {
						.published {
							width:110px;
						}
						
						.cmsms_twitter_item_content {
							padding-left:125px;
						}
					}
				}
				
				.twr_icon:before {
					left:35px;
				}
				
				#footer {
					.footer_inner {
						.footer_custom_html {
							.tac;
						}
						
						.logo,
						.social_wrap,
						nav,
						.copyright {
							padding-top:15px;
						}
						
						.logo {
							float:none;
							display:block;
							.tac;
						}
						
						.social_wrap {
							.tac;
							
							.social_wrap_inner {
								display:inline-block;
							}
						}
						
						nav {
							float:none !important;
							.tac;
						}
						
						.copyright {
							display:block;
							.tac;
						}
					}
				}
			}
		}
	}
	
	
	
	/*-------------------------------------------------------------------------*/
	/*	Tablet Monitor 600
	/*-------------------------------------------------------------------------*/
	@media @monitor_tablet_600 {		
		html.cmsms_html {
			margin-top:0 !important;
			
			body.admin-bar {
				padding-top:46px;
			}
		}
	}
	
	
	
	/*-------------------------------------------------------------------------*/
	/*	4.	Phone Monitor
	/*-------------------------------------------------------------------------*/
	@media @monitor_phone {		
		html {
			#page {
				.blog {
					.post {
						min-width:290px;
						
						.cmsms_post_cont {
							.cmsms_post_header {
								word-wrap:break-word;
							}
							
							.cmsms_post_footer {
								.cmsms_post_meta_info {
									width:130px;
								}
							}
						}
					}
					
					&.masonry {
						.post {
							.cmsms_post_cont {
								.cmsms_post_footer {
									.cmsms_post_date {
										padding:12px 5px;
									}
								}
							}
						}
					}
				}
				
				.about_author {
					.about_author_inner {
						figure {
							display:block;
							margin:0 0 20px;
							float:none;
							.tac;
						}
						
						.ovh {
							.tac;
							
							.social_wrap {
								padding-top:10px;
								
								.social_wrap_inner {
									> ul {
										.tac;
									}
								}
							}
						}
					}
				}
				
				.post_comments {
					.commentlist {
						.comment-body {
							.alignleft {
								float:none;
								clear:both;
								margin:0 0 15px;
								.tac;
								
								img {
									margin:0 auto 15px;
								}
							}
						
							.comment-content {
								.tac;
								
								> a {
									float:none;
									margin:0;
									padding:3px 10px;
								}
							
								.published {
									clear:both;
									float:none;
									display:block;
									padding:25px 0 0;
								}
							}
						}
					}
				}
				
				.blog.opened-article {
					.post {
						.cmsms_post_footer {
							.cmsms_post_meta_info {								
								> a {
									width:50%;
									.bdb;
									
									&.cmsms_post_comments {
										.bdr(0);
									}
								}
								
								.cmsms_post_date {
									width:100%;
								}
							}
						}
					}
				}
				
				.blog {
					.project.type-project,
					.profile.type-profile {
						.cmsms_post_cont {
							.cmsms_post_header {
								.cmsms_post_title {
									word-wrap:break-word;
								}
							}
						}
					}
				}
				
				.cmsms_stats {						
					&.stats_mode_circles {
						.cmsms_stat_outer {
							&.one_half,
							&.one_third,
							&.one_fourth,
							&.one_fifth {
								float:none;
								width:96%;
								clear:none !important;
							}
						}
					}
					
					&.stats_mode_bars {
						&.stats_type_vertical {
							.cmsms_stat_outer {
								&.one_half,
								&.one_third,
								&.one_fourth,
								&.one_fifth {
									float:left;
									width:96%;
									clear:none !important;
								}
							}
						}
					}
				}
				
				.cmsms_counters {
					.cmsms_counter_wrap {
						&.one_half,
						&.one_third,
						&.one_fourth,
						&.one_fifth {
							width:100%;
							clear:none !important;
						}
					}
				}
				
				.headline {
					.headline_outer {
						.headline_inner {
							padding:20px;
							.tac;
							
							.cmsms_breadcrumbs {
								float:none;
								padding:20px 0 0;
							}
							
							.headline_aligner,
							.cmsms_breadcrumbs_aligner {
								display:none;
							}
						}
					}
				}
				
				.cmsms_tabs {
					.cmsms_tabs_list {						
						.cmsms_tabs_list_item {
							float:none;
							margin:1px 0 0;
							
							&.current_tab,
							&:hover > a {
								z-index:1;
							}
							
							&:last-child {
								margin-bottom:2px;
							}
							
							> a:after {
								content:none;
							}
						}
					}
					
					&.tabs_mode_tour {
						.cmsms_tabs_list {
							float:none;
							display:block;
							width:100%;
							padding:0;
						}
						
						.cmsms_tabs_list_item {							
							&:last-child {
								margin-bottom:1px;
							}
						}
						
						.cmsms_tabs_wrap {
							float:none;
							display:block;
							width:100%;
							padding:30px 20px 0;
						}
					}
				}
				
				.related_posts {
					> ul {
						.bd(0);
						
						li {
							float:none;
							margin:0 1px -1px;
							
							> a {
								.bd;
							}
						}
					}
				}
				
				.cmsms_pricing_table { 
					&.pricing_one,
					&.pricing_two, 
					&.pricing_three,
					&.pricing_four {
						.cmsms_pricing_item, 
						.cmsms_pricing_item:first-child, 
						.cmsms_pricing_item:last-child, 
						.cmsms_pricing_item:nth-child(n) {
							width:100%;
							display:block;
							.fl;
							.bdrs(0);
						}
					}
				}
				
				.cmsms_project_filter_wrap {
					.cmsms_project_filter {
						.cmsms_project_sort_block {
							float:none;
							margin:0;
							padding:0;
							
							.cmsms_project_sort_but {
								width:50%;
								padding:11px 15px;
								.tac;
							}
						}
						
						.cmsms_project_filter_block {
							width:100%;
							padding-top:20px;
							.ovh;
							
							.cmsms_project_filter_but {
								width:100%;
								padding:11px 15px;
								.tac;
								
								&:before {
									margin:0 10px 0 0;
									position:relative;
									left:auto;
									right:auto;
								}
							}
							
							.cmsms_project_filter_list {
								padding-top:10px;
								.tac;
							}
						}
					}
				}
				
				.cmsms_profile {
					&.vertical {
						&:before {
							content:none;
						}
						
						.type-profile {
							margin-bottom:80px;
							display:block;
							
							&:last-child {
								margin-bottom:0;
							}
							
							.pl_img,
							.pl_content_wrap {
								float:none;
								display:block;
								width:100%;
							}
							
							.pl_img {
								padding:1px;
								.bdb(0);
								.bdr;
							}
							
							.pl_content_wrap {
								padding:15px 20px 10px;
							}
						}
					}
				}
				
				.quote_grid {
					&.quote_one,
					&.quote_two,
					&.quote_three,
					&.quote_four {
						.quotes_list {
							.cmsms_quote {
								.tac;
								
								.quote_image {
									margin:0 0 20px;
									float:none;
								}
								
								.quote_content_wrap,
								.quote_content,
								.wrap_quote_title {
									.tac;
								}
							}
						}
					}
				}
				
				.cmsms_featured_block {
					.featured_block_text {
						display:block;
					}
					
					.featured_block_button_wrap {
						display:block;
						padding:@blocks_hor_pad;
						.tac;
						.ovh;
					
						.featured_block_button {
							display:inline-block;
							float:none;
						}
					}
				}
				
				.cmsms_twitter {
					.owl-wrapper-outer {
						.owl-item {
							.cmsms_twitter_item {
								.published {
									height:auto;
									padding-bottom:10px;
									position:relative;
								}
								
								.cmsms_twitter_item_content {
									padding:80px 10px 30px 10px;
								}
							}
						}
					}
					
					.owl-controls {
						padding-bottom:20px;
						
						.owl-buttons {
							width:auto;
							height:auto;
							transform:none;
							position:relative;
							right:auto;
							top:auto;
							.tac;
							
							> div {
								-webkit-transform:none;
								-moz-transform:none;
								-ms-transform:none;
								transform:none;
							}
							
							.owl-prev {
								margin-right:5px;
							}
						}
					}
					
				
					.cmsms_twitter_item {
						.cmsms_twitter_item_content {
							padding-left:135px;
							padding-right:80px;
						}
					}
				}
				
				.twr_icon {
					&:before {
						display:block;
						height:auto;
						margin:0 auto;
						position:relative;
						left:0;
						
					}
				}

				.cmsms_heading_wrap {
					&.cmsms_heading_divider_short,
					&.cmsms_heading_divider_medium,
					&.cmsms_heading_divider_long {
						.cmsms_heading {
							max-width:100%;
						}
						
						.cmsms_heading_divider_left_wrap,
						.cmsms_heading_divider_right_wrap {
							.dn;
						}
					}
				}
				
				.error_inner {
					.error_title {
						word-wrap:break-word;
					}
				}
				
				#header {
					.header_mid, 
					.header_bot {
						nav {
							.cmsms_dynamic_cart {
								.widget_shopping_cart_content {
									.buttons {
										> a {
											padding:5px 30px 5px 25px;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	
	
	
	/*-------------------------------------------------------------------------*/
	/*	5.	Small Phone Monitor
	/*-------------------------------------------------------------------------*/
	@media @monitor_phone_small {		
		html {
			.post-password-form,
			.header_top_inner, 
			.header_mid_inner, 
			.header_bot_inner, 
			.content_wrap, 
			.headline_inner, 
			.cmsms_breadcrumbs_inner, 
			.bottom_outer, 
			.footer_inner, 
			.cmsms_row_inner, 
			.cmsms_row_title_wrap {
				width: @cont_width_min;
			}
			
			#page {
				.blog {
					.post {	
						min-width:235px;
						
						.cmsms_post_cont {
							.cmsms_post_footer {
								.cmsms_post_meta_info {
									width:100%;
									
									> a:last-child {
										.bdr(0);
									}
								}
								
								.cmsms_post_read_more {
									width:101%;
									margin:0 0 0 -1px;
									padding:12px 10px 12px 10px;
									
									&:before {
										display:inline-block;
										width:auto;
										height:auto;
										margin:0 10px 0 0;
										padding:0 4px;
										position:relative;
										left:auto;
										top:auto;
										bottom:-2px;
									}
								}
							}
						}
					}
						
					&.masonry {	
						.post {
							.cmsms_post_cont {
								.cmsms_post_footer {
									.cmsms_post_meta_info {
										.bdb;
									}
								}
							}
						}
					}
				}
				
				.cmsms_post_filter_wrap {
					padding-bottom:0;
							
					.cmsms_post_filter {
						.cmsms_post_filter_block {
							.tac;
							
							.cmsms_post_filter_but {
								float:none;
							}
							
							.cmsms_post_filter_list {
								padding:0;
								.tac;
								.dn;
								
								> li {
									display:block;
									padding:10px 0 0;
									
									&:last-child {
										padding-bottom:10px;
									}
								}
							}
							
							.cmsms_post_filter_but.current + .cmsms_post_filter_list {
								display:block;
							}
						}
					}
				}
				
				#header {
					.header_mid, 
					.header_bot {
						nav {
							.cmsms_dynamic_cart {
								.widget_shopping_cart_content {
									.buttons {
										margin-top:10px;
										
										> a {
											float:none;
											display:block;
											width:50%;
											margin-bottom:10px;
											
											&:last-child {
												margin-bottom:0;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}