*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

#event-webnar{
	width: 100%;
	margin: 50px 0px;
}
#event-webnar h2{
	margin: 20px 0px;
	font-size: 2.2rem;
	font-weight: bold;
}
#event-webnar h2 span{
	color: #FF8C00;
}

.border-frame-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 450px;
    margin: 50px 0px;
    color: #FF8C00;
}

.border-frame-wrapper img {
    width: 100%;
    height: 250px;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    transition: transform 0.25s;
}
.border-frame-wrapper img:hover{
	cursor: pointer;
    transform: scale(1.03);
}

.border-frame-wrapper:before {
    background: transparent;
    border-left: 15px solid;
    border-bottom: 15px solid;
    content: "";
    left: -25px;
    bottom: -25px;
    right: 280px;
    position: absolute;
    top: 140px;
    transform: skewX(0deg);
    z-index: 0;
}

.border-frame-wrapper:after {
    background: transparent;
    border-right: 15px solid;
    border-top: 15px solid;
    content: "";
    left: 300px;
    bottom: 140px;
    right: -25px;
    position: absolute;
    top: -25px;
    transform: skewX(0deg);
    z-index: 0;
}

#event-webnar .r-content p{
	color: #6c4955;
	margin: 0px 20px;
	letter-spacing: 0.20px;
}


/** X-Small devices (portrait phones, less than 576px)**/
@media (max-width: 575.98px) { 
	#event-webnar{
		margin-bottom: 50px;
	}
	.border-frame-wrapper img {
	    width: 70% !important;
	    height: 200px;
	}
	.border-frame-wrapper:before {
	    background: transparent;
	    border-left: 15px solid;
	    border-bottom: 15px solid;
	    content: "";
	    left: 30px !important;
	    bottom: -25px !important;
	    right: 280px;
	    position: absolute;
	    top: 140px;
	    transform: skewX(0deg);
	    z-index: 0;
	}
	.border-frame-wrapper:after {
	    background: transparent;
	    border-right: 15px solid;
	    border-top: 15px solid;
	    content: "";
	    left: 300px;
	    bottom: 140px !important;
	    right: 30px !important;
	    position: absolute;
	    top: -25px;
	    transform: skewX(0deg);
	    z-index: 0;
	}
 }

 /** Small devices (landscape phones, less than 768px) ***/
@media (max-width: 767.98px) {
	#event-webnar{
		margin-bottom: 50px;
	}
}

/** Medium devices (tablets, less than 992px) **/
@media (max-width: 991.98px) {
	#event-webnar{
		margin-bottom: 50px;
	}
    
    .border-frame-wrapper:after {
	    background: transparent;
	    border-right: 15px solid;
	    border-top: 15px solid;
	    content: "";
	    left: 200px;
	    bottom: 140px;
	    right: -30px;
	    position: absolute;
	    top: -25px;
	    transform: skewX(0deg);
	    z-index: 0;
	}
	.border-frame-wrapper:before {
	    background: transparent;
	    border-left: 15px solid;
	    border-bottom: 15px solid;
	    content: "";
	    left: -30px;
	    bottom: -25px;
	    right: 200px;
	    position: absolute;
	    top: 140px;
	    transform: skewX(0deg);
	    z-index: 0;
	}

}