
@media (max-width: 1200px) {
    .setContainer
    {
        max-width: 100%;
    }
}


@media (max-width: 1111px) {
    .nav-link {
        font-size: 16px;
     }
}


@media (max-width: 1025px) {
    .nav-link {
         font-size: 15px;
     }
}




.mobile_prayer_time
{
    display: none;
}

span.name_website_mobile {
    font-weight: bold;
    font-size: 24px;
    display: none;
}


@media (max-width: 992px) {


    span.name_website_mobile {

        display: inline-block;
    }

    .computer_prayer_time {
        display: none;
    }
    .mobile_prayer_time
    {
        display: block;
    }


    .btn_prayer_times svg {
        width: 32px;
        margin-bottom: 0;
        margin-left: 10px;
    }
    .btn_prayer_times  span {
       font-size: 17px;
        font-weight: bold;
    }
    .container-md, .container-sm, .container {
        max-width: 100%;
    }


    .breadcrumbWebSite .breadcrumb-item a {

        margin-bottom: 15px;
    }

}





@media (max-width: 640px) {

    .wlogo img {
        width: 82px;
    }


    .noteLayer p {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 5px;
    }


    .buttonLayer {
        margin-bottom: 8px;
    }
    .cardLayer {
        margin-top: 15px;
    }

    .liveLayer
    {
        display: none;
    }

    .mainSlideWebSite .swiper-slide video {
        top: 0;
        background: #000;
    }
}


@media (max-width: 537px) {

    .tabControl .nav button {
        width: 100%;
        margin-bottom: 10px;
    }

}


@media (max-width: 473px) {

    span.name_website_mobile {
         font-size: 15px;
     }

}
