.feb-238_bg {
    position: relative;
    width: 100%;
    height: 653px;
}

.feb-238_switcher_container {
    position: relative;
    width: 94px;
    height: 51px;
    border-radius: 30px;
    transition: all 1s ease-out; 
}
.feb-238_switcher_container:hover {
    cursor: pointer;
}
.feb-238_switcher {
    position: absolute;
    width: 41px;
    height: 41px;
    border-radius: 50%;
}
.switcher-to_dark {
    background: url(/images/238-switcher_dark.svg) no-repeat 50% 50%;
    left: 4px;
    top: 5px;
}
.switcher-bg_dark {
    background: linear-gradient(90deg, #6A1379 0%, #10003C 100%);
}
.switcher-to_light {
    background: url(/images/238-switcher_light.svg) no-repeat 50% 50%;  
    top: 5px;
} 
.switcher-bg_light {
    background: linear-gradient(90deg, #FF9F12 0%, #FF518F 100%);  
} 
@media only screen and (min-width: 1920px) {
    .feb-238_bg {
        height: 653px;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .feb-238_bg {
        margin: 0 auto;
        width: 1600px;
        height: 544px;
    }
    .feb-238_bg > .main-page__video-background video {
        max-width: 100%;
    }
}
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    .feb-238_bg {
        margin: 0 auto;
        width: 1440px;
        height: 490px;
    }
    .feb-238_bg .main-page__video-background video {
        max-width: 100%;
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .feb-238_bg {
        margin: 0 auto;
        width: 1280px;
        height: 435px;
    }
    .feb-238_bg .main-page__video-background video {
        max-width: 100%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .feb-238_bg {
        margin: 0 auto;
        width: 1024px;
        height: 348px;
    }
    .feb-238_bg .main-page__video-background video {
        max-width: 100%;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
    .feb-238_bg {
        margin: 0 auto;
        width: 960px;
        height: 327px;
    }
    .feb-238_bg .main-page__video-background video {
        max-width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .feb-238_bg {
        margin: 0 auto;
        width: 768px;
        height: 261px;
    }
    .feb-238_bg .main-page__video-background video {
        max-width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .feb-238_bg {
        height: auto;
    }
}