/*==================high-zoom screen (767) Equivalent to 300-400% zoom on a desktop screen ==================*/

.high-zoom {
    & .iconhome {
        bottom: 45px;
    }

    & .homesocial .social li a .fab {
        font-size: 10px;
        width: 10px !important;
        height: 10px !important;
    }

    & .homeicons li > a {
        font-size: 10px;
        padding: 8px;
        min-width: auto;
        width: fit-content;
    }

    & .homeicons li {
        margin-bottom: 2px !important;
        flex: auto !important;
    }

    & .homeslider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    & .banner-play-stop {
        font-size: 11px;
    }

    & .nav .topleft {
        display: none;
    }

    & .accesibility-btn button {
        height: 26px;
        width: 26px;
        padding: 3px;
        top: 50px;
    }

    & .logo img.logoimg {
        width: 100px !important;
        margin: 3px;
    }
}

/*==================extreme-zoom screen (480) Equivalent to 500% zoom or more ==================*/
.extreme-zoom {
    & .dvAudioBtn {
        width: 21px !important;
        margin: 0px;
        height: 21px;
    }

    & .logo img.logoimg {
        width: 100px !important;
    }

    & .btn-audio .fa-lg {
        font-size: 11px;
    }

    & .btn-audio {
        padding: 0px;
    }

    & .accesibility-btn button {
        height: 20px;
        width: 20px;
        padding: 3px;
        top: 38px;
    }

    & .menubtn span {
        font-size: 10px;
    }

    & header .menubtn {
        padding: 0px;
        min-width: 50px;
        margin-top: 0px;
    }

    & .logo img.logoimg {
        margin: 0px 0px;
    }

    & .search {
        margin: 0px 0px;
    }

    & header.active .accesibility-btn button {
        top: 37px;
        right: 40%;
    }

    & .language button {
        font-size: 5px;
    }

    & .homesocial .social li a .fab {
        font-size: 10px;
        width: 10px !important;
        height: 10px !important;
    }

    & .homeicons li > a {
        font-size: 4px;
        padding: 3px;
        min-width: auto;
        width: fit-content;
    }

    & .homeicons li {
        margin-bottom: 2px !important;
        flex: auto !important;
    }

    & .top-leftA {
        bottom: 9.2rem;
    }

    & .dvAudioBtn {
        top: 28%;
    }
}

/*==================mid-zoom screen (991) Equivalent to 150-200% zoom on a desktop screen ==================*/
.mid-zoom {
    & .iconhome {
        bottom: 2rem;
    }

    & .top-leftA {
        bottom: 12rem;
    }
}