/* Mobile portrait */
@media (max-width: 320px) {
    .w-15 {
        width: 100%;
    }

    .single-slick-button-first {
        display: none;
    }

    .single-slick-button-second {
        display: none;
    }

    .top-site-image {
        display: none;
        height: 22px;
    }

    .responsive-class {
        margin: 0;
    }

    .footer-image-structure > img {
        width: 100%;
    }

    .change-margin {
        margin-top: 80% !important;
    }

    .second-image-theater {
        margin-top: 20px;
    }

    .single-owl-slider {
        top: 70px;
    }

    .utmost-blogs {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 20px;
        height: 120px;
    }

    .choses-blogs {
        margin-top: 5px;
    }

    .number-of-blogs > b {
        display: none;
    }

    .number-of-blogs > span {
        display: none;
    }

    .number-of-blogs > .sort-filter-buttons {
        margin-right: 50px;
        margin-top: 10px;
    }

    .responsive-breadcrump {
        width: 900px;
        white-space: nowrap;
        overflow-x: auto;
    }

    .name-container {
        flex-direction: column;
    }

    .name-container label {
        flex: none;
        display: block;
    }

    .name-container input {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .date-container {
        flex-direction: column;
    }

    .date-container label {
        flex: none;
        display: block;
    }

    .date-container input {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .custom-divider {
        width: 150px;
    }

    .customize-divider-space {
        font-size: 17px;
        margin-top: 4px;
    }

    .selected-blogs-title {
        text-align: center;
    }

    .footer-laws {
        text-align: center;
    }

    .videos-breadcrumb {
        margin-top: 40px;
    }

    .mobile-vocal-view {
        text-align: center;
        margin-top: 10px;
    }

    .text-structure {
        text-align: center;
        margin-top: 70px;
    }

    .customize-button {
        bottom: 0;
        top: 15px;
        height: 35px;
    }

    .mobile-sliders {
        display: block;
        width: 100%;
    }

    .site-slider {
        display: none;
    }

    .background-blog-custom-class {
        height: 210px !important;
    }

    .podcast-mobile-parent {
        text-align: center;
    }

}

/* Mobile landscape */
@media (max-width: 480px) {

    .w-15 {
        width: 100%;
    }

    .single-slick-button-first {
        display: none;
    }

    .single-slick-button-second {
        display: none;
    }

    .top-site-image {
        display: none;
        height: 22px;
    }

    .responsive-class {
        margin: 0;
    }

    .footer-image-structure > img {
        width: 100%;
    }

    .change-margin {
        margin-top: 80% !important;
    }

    .second-image-theater {
        margin-top: 20px;
    }

    .single-owl-slider {
        top: 70px;
    }

    .utmost-blogs {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 20px;
        height: 235px;
    }

    .choses-blogs {
        margin-top: 5px;
    }

    .number-of-blogs > b {
        display: none;
    }

    .number-of-blogs > span {
        display: none;
    }

    .number-of-blogs > .sort-filter-buttons {
        margin-right: 50px;
        margin-top: 10px;
    }

    .responsive-breadcrump {
        width: 900px;
        white-space: nowrap;
        overflow-x: auto;
    }

    .name-container {
        flex-direction: column;
    }

    .name-container label {
        flex: none;
        display: block;
    }

    .name-container input {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .date-container {
        flex-direction: column;
    }

    .date-container label {
        flex: none;
        display: block;
    }

    .date-container input {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .custom-divider {
        width: 150px;
    }

    .customize-divider-space {
        font-size: 17px;
        margin-top: 4px;
    }

    .selected-blogs-title {
        text-align: center;
    }

    .footer-laws {
        text-align: center;
    }

    .videos-breadcrumb {
        margin-top: 40px;
    }

    .mobile-vocal-view {
        text-align: center;
        margin-top: 10px;
    }

    .text-structure {
        text-align: center;
        margin-top: 70px;
    }

    .customize-button {
        bottom: 0;
        top: 15px;
        height: 35px;
    }

    .mobile-sliders {
        display: block;
        width: 100%;
    }

    .site-slider {
        display: none;
    }

    .background-blog-custom-class {
        height: 210px !important;
    }

    .podcast-mobile-parent {
        text-align: center;
    }
}

/* Tablet portrait */
@media (min-width: 481px) and (max-width: 768px) {
    .single-owl-slider {
        top: 70px;
        right: 35%;
        width: 50%;
    }

    .utmost-blogs {
        display: inline-block !important;
        width: 100% !important;
        height: 260px !important;
    }
}

/* Tablet landscape */
@media (min-width: 769px) and (max-width: 1024px) {
    .single-owl-slider {
        top: 70px;
        right: 35%;
        width: 50%;
    }

    .utmost-blogs {
        display: inline-block !important;
        width: 100% !important;
        height: 260px !important;
    }
}

/* Desktop small */
@media (min-width: 1025px) and (max-width: 1280px) {
    .single-owl-slider {
        top: 70px;
        right: 35rem;
        width: 50rem;
    }

    .utmost-blogs {
        display: inline-block !important;
        width: 100% !important;
        height: 260px !important;
    }
}

/* Desktop medium */
@media (min-width: 1281px) and (max-width: 1440px) {
    .single-owl-slider {
        top: 70px;
        right: 35rem;
        width: 50rem;
    }

    .utmost-blogs {
        display: inline-block !important;
        width: 100% !important;
        height: 260px !important;
    }
}

/* Desktop large */
@media (min-width: 1441px) and (max-width: 1920px) {
    .single-owl-slider {
        top: 70px;
        right: 35rem;
        width: 50rem;
    }

    .utmost-blogs {
        display: inline-block !important;
        width: 100% !important;
        height: 260px !important;
    }
}