.ibs-ratio__box {
	position: relative;
	width: 100%; /* desired width */
}

.ibs-ratio__wrap2 {
	width: 100%;
}

.ibs-ratio__box2 { /* without pseudo elements */
	display: block;
	position: relative;
	width: 100%;
    height: 0;
    padding: 0;
    overflow: hidden;
}

@media only screen and (max-width : 768px) {
    .ibs-ratio__box {
        max-width: 100%!important;
    }
    .ibs-ratio__box2 {
        max-width: 100%!important;
    }
}

.ibs-ratio__box:before {
	content: "";
    display: block;
    padding-top: 100%;  /* initial ratio of 1:1*/
}

.ibs-ratio__box_2-1:before {
    padding-top: 50%;
}

.ibs-ratio__box_1-2:before {
    padding-top: 200%;
}

.ibs-ratio__box_4-3:before {
	padding-top: 75%;
}

.ibs-ratio__box_16-9:before {
	padding-top: 56.25%;
}

.ibs-ratio__content {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ibs-iframe_wrap {
    display: block;
    position: relative;
    overflow: hidden;
}

.ibs-iframe_frame {
	display: block;
	position: relative;
}