#responsive_tag {
	padding: 10px 20px;
	text-align: center;
	background-color: #ccc;
	position:  fixed;
	top: 50px;
	width: 100%;
	opacity: 0.8;
	z-index: 1000;
}

#responsive_size,
#responsive_position {
	position: absolute;
	top: 0;
	width: 125px;
	text-align: left;
	padding: 2px 10px;
	background-color: #ccc;
	font-size: 0.8em;
}

#responsive_size {
	left: 0;
}

#responsive_position {
	right: 0;
	text-align: right;
}

#responsive_message {
	position: absolute;
	top: 50px;
	width: 200px;
}

/* utility classes */

.visible-sm-block,
.visible-md-block,
.visible-lg-block {
	display: none;
}

.cover_image,
.contain_image {
	background-position: center;
	background-repeat: no-repeat;
}

.cover_image {
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.contain_image {
	background-size: contain;
    background-repeat: no-repeat;
}

.cover_image.logo {
position: top;
}

a.logo {
display: block;
overflow:hidden;
height:0;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

.page-template-left-sidebar #main img {
	width: 100%;
	height: auto;
}

.float_circle_left {
float: left; 
-webkit-shape-outside:circle();
shape-outside:circle();
width: 50%;
}

.float_circle_left img {
position: relative;
left: -10px;
-webkit-border-radius: 50%;
border-radius: 50%;
padding: 10px;
width: 100%;
}

/* end utility classes */

/* x-small */



/* end x-small */
/* small */ 
@media only screen and (min-width : 768px) {

.visible-xs-block {
	display: none;
}

.visible-sm-block {
	display: block;
}

.float_circle_left img {
left: -15px;
padding: 15px;
}

} /* end small */

/* medium */
@media only screen and (min-width : 992px) {

.visible-sm-block {
	display: none;
}

.visible-md-block {
	display: block;
}

.float_circle_left {
width: 40%;
}

} /* end medium */

/* large */
@media only screen and (min-width : 1200px) {

.visible-md-block {
	display: none;
}

.visible-lg-block {
	display: block;
}

} /* end large */