@import url("./root.css");

.sn-img {
    width: auto;
    height: auto;
    height: 100%;

}

.sn-img-center {
    margin-top: 8px;
    margin-bottom: 8px;
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: center;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    background: var(--sn-background-img);
}

.sn-img-center iframe {
    width: 100% !important;
    height: 100% !important;
}

.sn-ad {
    width: 100%;
    display: block;
}

.sn-ad .sn-img {
    height: auto;
    width: 100%;
}

.sn-img-center a {
    display: inherit;
}

.sn-img-center .sn-img {
    margin: auto;
    transition: 500ms;
}

.sn-img-full {
    height: auto;
}

.sn-img-full .sn-img {
    width: 100%;
}

.sn-img-carousel {
    width: 100%;
}

.sn-img:hover {
    transform: scale(1.1);
}

/* for desktop */
@media (min-width: 992px) {
    .sn-sm-img {
        height: 60px;
    }

    .sn-ssm-img {
        height: 120px;
    }

    .sn-md-img {
        height: 198px;
    }

    .sn-mmd-img {
        height: 270px;
    }

    .sn-lg-img {
        height: 410px;
    }
}

/* for ipad */
@media (max-width: 991px) and (min-width: 768px) {
    .sn-sm-img {
        height: 60px;
    }

    .sn-ssm-img {
        height: 140px;
    }

    .sn-md-img {
        height: 163px;
    }

    .sn-mmd-img {
        height: 263px;
    }

    .sn-lg-img {
        height: 345px;
    }
}

/* for mobile */
@media (max-width: 767px) {
    .sn-sm-img {
        height: 60px;
    }

    .sn-ssm-img {
        height: 190px;
    }

    .sn-md-img {
        height: 190px;
    }

    .sn-mmd-img {
        height: 190px;
    }

    .sn-lg-img {
        height: 190px;
    }
}