.discription img {
    width: 35% !important;
    height: auto !important;
    border-radius: 5px !important;
    margin: 1% 30% 1% 30%;
}

@media (max-width: 992px) {

    .anime-none-none {
        display: none !important;
    }

    #concordance {
        top: 0 !important;
    }


    .mobile-mb-close {
        position: static !important;
    }

    .footer-child-border:nth-child(3) {
        width: 50% !important;
    }
 .wsm {
        width: 100% !important;
    }

    .container-contant-us {
        max-width: 90% !important;
    }

    .book-percent-width {
        width: 25% !important;
    }



    .report .fit-w,
    .help .fit-w {
        width: 100% !important;
        justify-content: center;
    }

    #section-list {
        max-width: 100% !important;
    }

    .mySwiper2,
    .diviv {
        width: 80% !important;
    }

    .swiper-button-next {
        left: -20px !important;
    }

    .swiper-button-prev {
        right: -20px !important;
    }

    .swiper {
        width: 80% !important;
    }

    .collapse-search .book-title,
    .book-title-2 {
        margin: auto;
    }

    body.light-mode .copy-mobile-background {
        background-color: rgba(238, 238, 238, 1) !important;
    }

    body.light-mode .copy-mobile-background .book-prevnext {
        background-color: transparent !important;
    }

    .search-page-box p {
        font-size: 16px !important;
    }

    #offcanvasBottom-info {
        max-width: 100% !important;
    }

    #offcanvasRight-command {
        width: 75% !important;
    }

    .text-vetd {
        font-size: 22px;
    }

    .search-input-mod {
        width: 100% !important;
    }

    #text {
        font-size: 16px !important;
    }

    .book-title {
        font-size: 15px !important;
        border: 0 !important;
    }

    body {
        background-size: cover !important;
    }

    .container {
        max-width: 95% !important;
    }

    .switch-p {
        font-size: 15px;
    }

    .second-container,
    .container-third {
        max-width: 100%;
    }

    .footer-child-border {
        border: none !important;
    }

    .poets-form-min-1 {
        max-height: 260px;
    }

    .poets-form-min-2 {
        max-height: 420px !important;
    }

    .poets-form.collapsing1 {
        max-height: 260px !important;
    }

    .copy-mobile-background {
        background-color: #353535;
    }

    .copy-mobile-background button {
        background-color: transparent;
    }
}

@media (min-width: 992px) and (max-width: 1500px) {

    .container,
    .container-4 {
        max-width: 90% !important;
    }

    .concordance-container {
        max-width: 90% !important;
    }

    .container-contant-us {
        max-width: 75% !important;
    }
}

@media (min-width: 300px) and (max-width: 992px) {
    .container-4 {
        max-width: 95% !important;
    }

    .concordance-container {
        max-width: 100% !important;
    }

    .concordance {
        border-radius: 0 !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .second-container {
        max-width: 70%;
    }

    .mp3-container {
        max-width: 95% !important;
    }

    .discription img {
        width: 50% !important;
        height: auto !important;
        border-radius: 5px !important;
        margin: 1% 25% 1% 25%;
    }

    .createdcol-s {
    width: 20% !important;
}
}

@media (max-width: 768px) {

           .createdcol-s {
    width: 50% !important;
}

      .book-percent-width {
        width: 50% !important;
    }

    .second-container .bg-main::after {
        content: "";
        position: absolute;
        width: 170px;
        height: 1px;
        top: -1px;
        right: 0;
        left: 0;
        background-color: rgba(37, 188, 223, 1);
        margin: auto;
    }

    .switch-p {
        border: unset;
    }

    .report button,
    .help a {
        width: 100%;
        justify-content: center;
        padding: 7px 14px !important;
    }

    .discription img {
        height: auto !important;
        width: 100% !important;
        border-radius: 5px !important;
        margin: 1% 0% 1% 0%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .discription img {
        width: 70% !important;
        height: auto !important;
        border-radius: 5px !important;
        margin: 1% 15% 1% 15%;
    }

        .createdcol-s {
    width: 20% !important;
}
}

@media (min-width: 992px) {
.footer-child-border:nth-child(4) .mx-lg-auto {
    margin-right: auto !important;
    margin-left: unset !important;
}

}