html, body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
}

.wrapper{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    
}

iframe {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none; 
    /*margin-right: -20px;*/
}

iframe{
    height: 100%;
    overflow-y: hidden;
    margin-right: 0px;
    
}

.iframe-1{
    width: 67%;
    float: left;
}

.iframe-2{
    width: 33%;
    float: left;
}

@media only screen and (max-width: 1366px) {
    .iframe-1 {
        width: 62%;
        float: left;
    }
    .iframe-2 {
        width: 38%;
        float: left;
    }
}

@media only screen and (max-width: 1125px) {
    .iframe-1 {
        width: 65%;
        float: left;
    }
    .iframe-2 {
        width: 35%;
        float: left;
    }
}

@media only screen and (max-width: 720px) {
    html, body{
        height: 200vh;
    }
    .iframe-1 {
        width: 100%;
        float: none;
        height: 100%;
    }
    .iframe-2 {
        display: none;
        width: 0%;
        float: none;
        height: 0%;
    }
}