/*-=Small screens=-*/
    
@media only screen and (max-width: 640px) /* max-width 640px and lower. Use this for mobiles only */ { 
	.head{
		text-align: center;
		padding: 0 10px;
	}
	article p{
		font-weight: 700;
		font-family: 'Arial', sans-serif;
	}
	.tagline img{
		margin-top: 0;
	}
	.tagline .tagline_text p{
		word-spacing: 0;
		font-size: 17px;
	}

	.desktop_view{display: none;}
	.table_view{display: none;}
	.mobile_view{display: block;}
	
	/* TOP BAR Mobile STYLING */
	.top-bar, .top-bar.expanded, .top-bar.expanded .title-area, .top-bar-section ul  {
	   background: #d87800;
	}

	.top-bar-section ul li > a{
	    color: white; /* change color of text if you need */
		font-size: 14px;
	    background: #d87800;
		text-transform: uppercase;
		font-weight: 900;
		font-family: 'Open Sans';
		text-align: center;
	}
	
	.top-bar-section ul li:hover > a{
	     background: #396d6d !important;
	}
	
	.top-bar-section .dropdown li.title h5 {
		padding: 0;
	}
	
	body {
		padding-top: 0;
	}
	
	.soliloquy-container, .triblock_menu {
		display: none;
	}
	
	.header-phone-menu {
		background-image: url('../images/mobile-menu-bg.jpg');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		padding: 20px 0;
	}
	
	.header-phone-menu .inline-list {
		width: 100%;
		max-width: 200px;
		margin: 0 auto;
		background: #d87800;
		padding: 15px 0 20px;
	}
	
	.header-phone-menu .inline-list > li {
		float: none;
		margin-left: 0;
		padding: 5px 10px;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.875rem;
	}
	
	.header-phone-menu .inline-list a {
		color: #fff;
		font-weight: bold;
		font-size: 0.875rem;
	}
	
	.header-phone-menu .inline-list a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
	.header-phone-menu .inline-list > li:first-of-type a:before{
		content: url('../images/call_us.png');
		display: block;
		margin-bottom: 5px;
		
	}
	
	.header-phone-menu .inline-list > li:first-of-type a:after {
		content: ' 210.225.0722 ';
	}
	
	.foto_bg {
		display:none;
	}
	
	.mobile_view .blur_bg {
		padding-bottom: 0;
	}
	
	#black-studio-tinymce-20 p {
		font-size: 12px;
		font-weight: normal;
	}
	
	.mobile_view  .blur_bg .widget_black_studio_tinymce:last-child {
		background: #cfcf79;
		color: #4d4d4d;
		padding-top: 10px;
		margin-top: -13px;
		margin-bottom: 0;
	}
	.mobile_view  .blur_bg .widget_black_studio_tinymce:last-child p{
		color: #4d4d4d;
		font-family: 'Open Sans'
	}
	#black-studio-tinymce-6 p:last-of-type {
		margin-bottom: 0;
	}
	
	#black-studio-tinymce-4 p {
		font-size: 12px;
		line-height: 15px;
	}
	
	#black-studio-tinymce-5 p {
		font-size: 12px;
		line-height: 15px;
	}
	
	#black-studio-tinymce-6 p {
		font-size: 11px;
		line-height: 14px;
	}
	.cont_widg #black-studio-tinymce-14{
		padding-left: 0;
		padding-right: 0;
	}
	.cont_widg #black-studio-tinymce-14 .textwidget p{
		text-align: center;
	}
	.cont_widg #black-studio-tinymce-14 .textwidget p img{
		max-height: 33px;
		width: auto;
	}
	.cont_widg {
		border:none;
		padding-left: 0.9375rem;
	}
	footer {
		background: #fff;
	}
	
	footer .inline-list {
		text-align: center;
	}
	
	footer .inline-list > li {
		float: none;
		display: inline-block;
		border-left: 1px solid #000;
		margin: 0;
		margin-left: -5px;
	}
	
	footer .inline-list > li:first-child {
		border-left: none;
	}
	
	.menu-footer-menu-container ul li a {
		padding-left: 9px;
	}
	
	.menu-footer-menu-container ul li a:hover , .menu-footer-menu-container ul li a:active{
		text-decoration: underline;
	}
	
	footer a {
			color: #000;
	}
	
	footer a:hover,  footer a:active {
		text-decoration: underline;
		color: #000;
	}
	.sub-menu{
		list-style: none;
		margin: 0;
	}
	
	.sidebar {
		height: auto;
	}
	
	.top-bar .toggle-topbar.menu-icon {
		left: auto;
		right: auto;
		padding-left: 0;
		display: table;
	}
	
	
	/* All links of Menu top*/
	
	.top-bar .toggle-topbar.menu-icon a {
		display: table-cell;
		padding: 0 0 0 4%;
	}
	
	.top-bar .toggle-topbar.menu-icon a img {
		max-height: 33px;
	}
	
	.top-bar .toggle-topbar.menu-icon a span {
		display: none;
	}
	
	.top-bar .toggle-topbar.menu-icon a::after {
		display: none;
	}
	
	
	/* Menu Toggle img */

	.top-bar .toggle-topbar.menu-icon a.menu-shadows {
		display: block;
		background: #3B6D6D;
		width: 32px;
		height: 32px;
		border-radius: 30px;
		margin-left: 40px;
		padding-left: 8px;
	}
	
	.top-bar .toggle-topbar.menu-icon a.menu-shadows::after {
		display: block;
		position: relative;
	}
	
	
	/* Menu Logo img */
	
	.top-bar .toggle-topbar.menu-icon a.mobile-menu-logo {
		padding-right: 4%;
	}
	
	
	.mobile_view .head.interior {
		display: none;
	}
	
	body.custom-background {
		background-image: none !important;
		background-color: #fff !important;
	}
	#black-studio-tinymce-15 {
		width: 50%;
		margin-left: 25%;
	}
	.top-bar ul{float: left;}
	.after_menu{
		display: block;
		margin-left: 75px;
	}
	.after_menu .mobile-menu-phone-link img{
		width: 32px;
		height: 32px;
	}
	
} /* FOR IPHone */

@media only screen and (min-width: 641px) /* max-width 640px and lower. Use this for mobiles only */ { 
	.header-phone-menu {
		display:none;
	}
}
@media only screen and (max-width: 320px) /* max-width 640px and lower. Use this for mobiles only */ {
	#black-studio-tinymce-14 img {
		margin-right: 0px;
	}
	.cont_widg{
		padding-left: 10px;
		padding-right: 10px;
	}
	.cont_widg #black-studio-tinymce-14 .textwidget p > img{
		height: 20px;
		max-width: 125px;
	}
	.cont_widg #black-studio-tinymce-14 .textwidget p img:first-child{
		max-width: 55px;
	}
	.cont_widg #black-studio-tinymce-14 .textwidget p a img{
		max-height: 16px;
		width: auto;
		margin-right: 0px;
	}
	#black-studio-tinymce-15 {
		padding: 0;
		width: 100%;
		margin-left: 0;
	}
	#black-studio-tinymce-15 .textwidget p img{
		max-width: 110px;
		margin-right: 30px;
		margin-left: 10px;
	}
	#black-studio-tinymce-15 .textwidget p{
		text-align: left;
	}
	#black-studio-tinymce-15 p:nth-child(2){
		padding-top: 20px;
	}
	
	.after_menu .mobile-menu-logo img{
		max-width: 180px;
	}


}