.content-hotspot-widget{
	    width: 100%;
    float: left;
    background: #31363e;
	margin-bottom: 15px;
	}
.content-hotspot-widget-wrap{
	width: 100%;
    float: left;
    padding: 15px;
	position: relative;
	}
.content_hotspot_heading{
	    color: #fbb514;
    font-size: 17px;
    margin: 0;
    border-bottom: 1px solid #fff;
    padding: 10px 0 15px 0;
    text-transform: uppercase;
	}
.content_hotspot_content_heading{
	    color: #fbb514;
    font-size: 14px;
    margin: 0;
    padding: 10px 0 15px 0;
    text-transform: uppercase;
	}
.content-hotspot-widget .content-hotspot-widget-wrap img{
	max-width: 100%;
    width: 100%;
    margin: 20px 0 0 0;
	}
.content-hotspot-widget .content-hotspot-widget-wrap p{
	    color: #fff;
    font-size: 13px;
    margin: 0;
    padding: 0 0 15px 0;} 
.content-hotspot-widget .content-hotspot-widget-wrap a{  color: #fbb514;
    font-size: 14px;
	padding: 0 0 0 15px;
	}
.content-hotspot-widget .content-hotspot-widget-wrap a:before{
    position: absolute;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fbb514;
    margin-left: -15px;
    bottom: 12px;
    z-index: 9999;
	}

@media (max-width:768px) {
    .content-hotspot-widget-wrap {
        text-align:center;
    }
    .content-hotspot-widget .content-hotspot-widget-wrap img {
        width:auto;
    }
}

@media (max-width:650px) {
    .content-hotspot-widget .content-hotspot-widget-wrap img {
        width:100%;
    }
}