/* --------------------------------------------------------------- Miscellaneous -----------------------------------------------------------------------------------------*/

@media screen and (max-width:1199px) {
    
    .container {
        width:100%;
    }
    
}

@media screen and (max-width:550px) {
    
    .section-title h2 {
        font-size:22px;
    }
    
}

/* --------------------------------------------------------------- Header -----------------------------------------------------------------------------------------*/

@media screen and (max-width:425px) {
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team .artist {
        font-size:14px;
        height: 21px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team .song {
        font-size:14px;
        height: 21px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media screen and (max-width:599px) {
    
    header {
        height:auto;
    }
    
    .headerwrapper {
        flex-direction:column;
        padding: 0;
        box-shadow: 0px 1px 17px #0000003d;
    }
    
    .headerwrapper .navbar .navbar-brand img {
        height:80px;
    }
    
    .headerwrapper .navbar {
        width: 100%;
        padding: 10px 15px;
    }
    
    .headerwrapper .navbar .navbar-brand {
        margin: 0;
    }
    
    .navbar-toggler {
        top:0;
        right:0;
    }
    
    .navbar-toggler .icon-bar {
        width:30px!important;
        height:3px;
        background-color:Var(--black);
    }
    
    .headerwrapper #rph-stream-player {
        width: 100%;
        padding: 10px 15px;
        height: 100px;
        transition: all .15s linear;
    }
    
    .headerwrapper #rph-stream-player.hide-stream {
        padding: 0 15px;
        overflow: hidden;
        height: 0px;
        transition: all .15s linear;
    }
    
    .headerwrapper #rph-stream-player .playerwrapper .play-info .play-team .image-content {
        width:80px;
        height:80px;
    }
    
    .header-scroll .headerwrapper #rph-stream-player .playerwrapper .play-info .play-team .image-content {
        width:80px;
        height:80px;
    }
    
    .headerwrapper #rph-stream-player .playerwrapper .play-info .play-team .image-content img {
        position: relative;
        width: 80px;
        height: 80px;
        left: 0;
    }
    
    .headerwrapper #rph-stream-player .playerwrapper .play-info .play-team .player-content {
        height:auto;
    }
    
    .headerwrapper #rph-stream-player .playerwrapper .play-info .play-team h3 {
        font-size: 18px;
        color: var(--white) !important;
        padding:5px;
    }

    .headerwrapper #rph-stream-player.fixed-player-full .playerwrapper .play-info .play-team h3 {
        color: inherit !important;
    }
    
    .headerwrapper #rph-stream-player .playerwrapper .play-info .play-team p {
        color:Var(--white);
        padding:0 5px;
    }
    
    .headerwrapper #rph-stream-player .playerwrapper .play-info .play-team span {
        color:var(--white);
        padding:0 5px;
        height: auto;
    }
    
    .headerwrapper #rph-stream-player .playerwrapper .play-controls {
        width:50px;
        height:50px;
    }
    
    .headerwrapper #rph-stream-player .playerwrapper .play-controls .play-pause {
        font-size:18px;
    }
    
    .header-scroll {
        height:auto;
    }
    
    .header-scroll .headerwrapper {
        padding:0;
    }
    
    .header-scroll .headerwrapper .navbar .navbar-brand img {
        height:60px;
        transition:all .15s linear;
    }
    
    /*PLAYER FIX*/
    
    .headerwrapper #rph-stream-player.fixed-player {
        height:70px;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper {
        justify-content:flex-start;
        height: 100%;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-controls {
        width:70px;
        height:100%;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-controls .play-pause {
        width: 70px;
        height: 100%;
        font-size: 24px;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info {
        margin: auto 10px;
        flex-direction: column;
        height: auto;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team {
        flex-direction: column;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team span {
        padding:0;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team .image-content {
        display: none;
        width: 0!important;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team .player-content {
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width:100%;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team .player-content h3 {
        font-size:16px;
        padding:0;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team .player-content p {
        color:var(--black);
        display: none;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team .artist {
        font-size:12px;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team .song {
        font-size:12px;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .volume {
        display:none;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .play-info .play-team #length_song {
        display:none;
    }
    
    .headerwrapper #rph-stream-player.fixed-player .playerwrapper .close-player {
        height:auto;
        width:50px;
    }
    
    .headerwrapper #rph-stream-player.fixed-player.fixed-player-full.close-player-info {
        width: calc(100% - (100% - 130px));
    }
    
    .headerwrapper #rph-stream-player.fixed-player.fixed-player-full .playerwrapper .close-player .line-1,
    .headerwrapper #rph-stream-player.fixed-player.fixed-player-full .playerwrapper .close-player .line-2 {
        width:30px;
    }

    .headerwrapper #rph-stream-player .playerwrapper {
        height: 5rem !important;
    }
}



/* --------------------------------------------------------------- Footer -----------------------------------------------------------------------------------------*/

@media screen and (max-width:599px) {
    
    footer.footer-margin {
        margin-bottom:70px;
    }
    
    footer .footer-content .col-lg-4 {
        margin:0 0 40px;
    }
    
    footer .footer-content .col-lg-4:first-of-type {
        order:1;
    }
    
    footer .footer-content .col-lg-4:nth-of-type(2) {
        order:3;
        margin:0!important;
    }
    
    footer .footer-content .col-lg-4:nth-of-type(3) {
        order:2;
    }
    
    footer .footer-content .col-lg-4 .module-code {
        margin:0;
    }
    
    footer .footer-content .col-lg-4 .module-social ul {
        justify-content: space-between;
        margin-top:40px;
    }
    
    footer .footer-content .col-lg-4 .module-social ul li {
        width:60px;
        height:60px;
    }
    
    footer .footer-content .col-lg-4 .module-social ul li:before {
        width: 60px;
        height: 60px;
        font-size:28px;
    }
    
    footer .footer-content .col-lg-4 .nav {
        height:auto;
    }
    
    footer .footer-content .col-lg-4 .nav .nav-item:last-of-type .nav-link {
        margin:0;
    }
    
}

@media screen and (min-width:600px) and (max-width:1200px) {
    footer {
        padding:20px 15px;
    }
    
    footer .container {
        padding:0;
    }
    
    footer .container .footer-content {
        margin:auto;
    }
    
    footer .container .footer-content .col-lg-4 {
        width: calc(33.33333% - 5px);
        padding: 0;
    }
}

/* --------------------------------------------------------------- Acasa -----------------------------------------------------------------------------------------*/

@media screen and (max-width:599px) {
    
    .section-home-1 {
        margin:260px auto auto;
        transition: all 0.4s ease-in-out;
    }
    .section-home-1.no-stream {
        margin:160px auto auto;
    }
    
    .section-home-1 .content .homeslider,
    .section-home-1 .content .homeslider .slick-slide {
        height:100%;
    }
    
    .section-home-2 .content-posts,
    .section-home-2 .app-section,
    .section-home-2 .categories-post .categories-item-wrapper,
    .section-home-3 .top-30-content,
    .section-home-3 > .trending-content,
    .section-home-4 .categories-post .categories-item-wrapper,
    .section-home-5 .fun-team-content .categories-item-wrapper,
    .section-home-6 .categories-post .categories-item-wrapper {
        max-width: 100%;
        flex: auto;
    }
    
    .section-home-2 .app-section .module-code, 
    .section-home-2 .app-section .rph-reclame .reclama-item .col-md-12 {
        height:auto;
    }
    
    .section-home-3 .top-30-content .categories-grid .number {
        width:40px;
    }
    
    .section-home-3 .top-30-content .categories-grid .number .no {
        font-size:22px;
    }
    
    .section-home-3 .top-30-content .categories-grid .categ-title {
        padding:0 10px;
    }
    
    .section-home-3 .trending-content .trending-item {
        height:auto;
    }
    
    .section-home-3 .trending-content .trending-item .trending-popup .popup-content {
        width:90%;
    }
    
    .section-home-3 .trending-content .trending-item .trending-popup .popup-content p {
        font-size:18px;
    }
    
    .section-home-3 .trending-content .trending-item .trending-popup .popup-content iframe {
        height:220px;
    }
    
    .section-home-5 .fun-team-content .categories-grid {
        gap:20px;
    }

    .home .main-content .container > .row:not(.section-home-1) {
        margin-left: 15px;
        margin-right: 15px;
    }
    
}

@media screen and (min-width:600px) and (max-width:768px) {
    
    .section-home-2 .content-posts,
    .section-home-2 .app-section,
    .section-home-3 .top-30-content,
    .section-home-3 > .trending-content,
    .section-home-5 .fun-team-content .categories-item-wrapper{
        max-width:100%;
    }
    
    .section-home-2 .app-section .module-code {
        height:auto;
    }
    
    .section-home-2 .app-section .module-code .rph-reclame {
        display:flex;
        gap:10px
    }
    
    .section-home-2 .app-section .module-code .reclama-item {
        width:50%;
    }
    
    .section-home-3 .trending-content .trending-item .trending-popup .popup-content {
        width:90%;
    }
    
    .section-home-3 .trending-content .trending-item .trending-popup .popup-content p {
        font-size:18px;
    }
    
    .section-home-3 .trending-content .trending-item .trending-popup .popup-content iframe {
        height:300px;
    }
    
    .section-home-4 .categories-post .categories-item-wrapper,
    .section-home-6 .categories-post .categories-item-wrapper {
        max-width: calc(50% - 5px);
    }
    
    .section-home-5 .fun-team-content .categories-grid {
        gap:40px;
    }
    
}



/* --------------------------------------------------------------- Contact -----------------------------------------------------------------------------------------*/

@media screen and (max-width:768px) {
    
    .section-contact-1 {
        margin:260px 15px 40px;
    }
    
    .section-contact-1 .contact-info-inline {
        flex-direction:column;
    }
    
    .section-contact-1 .contact-info-inline .widget-contact {
        width:100%;
    }
    
    .section-contact-1 .contact-info-column,
    .section-contact-1 .map {
        max-width:100%;
    }
    
}

@media screen and (min-width:769px) and (max-width: 1024px) {
    
    .section-contact-1 .widget-contact h5 {
        font-size: 24px;
    }
    
}

/* --------------------------------------------------------------- Emisiuni -----------------------------------------------------------------------------------------*/

@media screen and (max-width:768px) {
    
    .section-echipa-1 .categories-item-wrapper {
        max-width:100%;
        height:70vh;
    }
    
    .section-echipa-1 .categories-item-wrapper .details-image .img-content:first-of-type {
        width: 350px;
        margin: auto;
        right: 0;
    }
    
}

@media screen and (min-width:769px) and (max-width: 991px) {
    
    .section-echipa-1 .categories-item-wrapper {
        max-width: calc(50% - 5px);
    }
    
    .section-echipa-1 .categories-item-wrapper .details-image .img-content:first-of-type {
        width: 300px;
        margin: auto;
        right: 0;
    }
    
}

@media screen and (min-width:992px) and (max-width: 1199px) {
    
    .section-echipa-1 .categories-item-wrapper .details-image .img-content:first-of-type {
        width: 300px;
        margin: auto;
        right: 0;
    }
    
}

@media screen and (min-width:1200px) and (max-width: 1600px) {
    
    .section-echipa-1 .categories-item-wrapper .details-image .img-content:first-of-type {
        width: 350px;
        margin: auto;
        right: 0;
    }
    
}

/* --------------------------------------------------------------- Concurs -----------------------------------------------------------------------------------------*/

@media screen and (max-width: 991px) {
    
    .section-concurs {
        margin: 220px auto 40px;
    }
    
    .section-concurs .text p {
        text-align:justify;
    }
    
}

@media screen and (max-width: 768px) {
    
    .type-concursuri-single {
        margin: 220px auto 40px;
    }
    
    .type-concursuri-single .concurs-header .top-info {
        display:flex;
        flex-direction:column-reverse;
    }
    
    .type-concursuri-single .concurs-header .top-info .back-button {
        margin-bottom:20px;
    }
    
    .type-concursuri-single .concurs-header .concurs-header-info {
        height:auto;
        flex-direction: column;
    }
    
    .type-concursuri-single .concurs-header .concurs-header-info p {
        display: flex;
        flex-direction: column;
        margin: 10px 20px;
    }
    
    .type-concursuri-single .concurs-header .concurs-header-info span {
            justify-content: flex-start;
    }
    
    .type-concursuri-single .concurs-content p img {
        width: 100%!important;
        height: auto!important;
    }
    
}

/* --------------------------------------------------------------- Top 40 -----------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
    
    .section-top40 .categories-item-wrapper {
        max-width: calc(50% - 5px);
    }
    
    .section-top40 .categories-item-wrapper .rph-player {
        width:50px;
        height:50px;
    }
    
    .section-top40 .categories-item-wrapper .rph-player .playerwrapper .play-controls .play-pause span {
        font-size:18px;
    }
    
    .section-top40 .categories-item-wrapper .categ-title {
        height:70px;
        padding: 0 14px;
    }
    
    .section-top40 .categories-item-wrapper .number {
        width:80px;
        height:80px;
        font-size:24px;
    }
    
    .section-top40 .categories-item-wrapper:hover .rph-player {
        bottom:calc(0px + 0px);
    }
    
    .section-top40 .categories-item-wrapper .categ-title h2 {
        font-size: 15px;
    }
    
    .section-top40 .categories-item-wrapper .categ-title h4 {
        font-size: 13px;
    }
    
    .type-posts-single .post-header {
        flex-direction: column;
    }
    
    .type-posts-single .post-header .post-header-info,
    .type-posts-single .post-header .post-header-image {
        width: 100%;
    }
    
    .type-posts-single .post-header .post-header-info h2 {
        padding: 20px 30px !important;
    }
}

@media screen and (min-width:769px) and (max-width: 1024px) {
    
    .section-top40 .categories-item-wrapper {
        max-width: calc(33.333333% - 7px);
    }
    
}


@media screen and (max-width: 350px) {
    .section-top40 .categories-item-wrapper {
        max-width: 100%;
    }
}