iframe {
    width:  100%;
    height: 542px;
}

div#cboxContent,div#cboxLoadedContent,div#cboxWrapper {
    width:  100%!important;
    position:  absolute;
    top: 0;
    left:  0;
    height: 100%!important;
}

div#colorbox {
    width: 1000px!important;
    left: 50%!important;
    height: 0!important;
    padding-top: 554px!important;
    margin-left:  -500px;
    top: 50%!important;
    margin-top:  -276px;
    position: fixed!important;
    outline: 0;
    z-index:  100;
}

div#cboxOverlay {
    position: fixed;
    left:  0;
    top:  0;
    width:  100%;
    height:  100%;
    background-color: #000000;
    opacity: 0.7!important;
    z-index:  99;
}

button#cboxClose {

    display:  none;
}
div#colorbox::before {
    content: "";
    position:  absolute;
    width:  30px;
    height: 2px;
    background:  #fff;
    top: -20px;
    right:  0;
    transform: rotate(-45deg);
    pointer-events: none;
}

div#colorbox::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background: #fff;
    top: -20px;
    right: 0;
    transform: rotate(45deg);
    pointer-events: none;
}
@media (max-width: 768px)
{
    
div#cboxContent, div#cboxLoadedContent, div#cboxWrapper {
    width: 300px!important;
}

div#colorbox {
    width: 300px!important;
    margin-left: -150px!important;
    padding-top: 225px!important;
    margin-top: -112px!important;
}
 iframe {
    height: 225px!important;
}   
}