.plyr__progress {
    display: none !important;
}

.plyr__time:not(.last12-span) {
    display: none !important;
}

.plyr__controls > button:last-of-type {
    margin-left: 199px !important;
    right: unset !important;
}

.plyr__volume {
    margin-left: 30px !important;
}

.plyr__controls {
    background-color: transparent !important;
}

.cstRadyoPlayer {
    background-color: transparent !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cstRadyoWrapper {
    background-color: #e9e9e9 !important;
    position: fixed;
    bottom: 0px;
    z-index: 1000000;
}

.plyr__controls > button:last-of-type:before {
    right: 495%;
}

.plyr .plyr__volume {
    max-width: 140px !important;
}

.playerImage {
    display: flex;
    /*align-items: flex-end;*/
    float: right;
    margin-top: 10px;
    margin-right: 90px;
}

.playerImageName {
    margin-left: 10px;
}

.playerPlayingSong {
    margin-top: 10px;
}

.playerNextSong {
    margin-top: 6px;
}

.playerImageName p:first-child {
    margin-bottom: .2rem;
}

.playerPlayingSong p:first-child {
    margin-bottom: 0px;
    font-size: 10px;
}

.playerNextSong p:first-child {
    margin-bottom: 0px;
    font-size: 10px;
}

.playerNextSong p {
    color: #36a555;
}

.playerPlayingSong p {
    color: #2b2c80;
}

/*.middleGroup {
    border-left: thin solid #2b2c80;
}*/


.playerImageName p {
    color: #2b2c80;
}

.plyr--audio .plyr__controls {
    padding: 53px 20px 25px 18px !important;
}

@media (max-width: 2080px) {
    .plyr__controls > button:last-of-type {
        top: 49.5% !important;
    }
}

@media (max-width: 2080px) {
    .plyr__controls > button:last-of-type:before {
        top: 2px;
        color: #2b2c80;
    }
}

.plyr__controls button svg {
    color: #2b2c80;
}

.plyr__volume--display {
    color: #2b2c80;
}

@media only screen and (min-width: 770px) and (max-width: 1099px) {
    .plyr__controls > button:last-of-type {
        margin-left: 158px !important;
        /*right: unset !important;*/
    }

    .middleGroup {
        padding-left: 0px;
        padding-right: 0px;
    }

    .plyr__controls > button:last-of-type {
        top: 27%;
    }

        .plyr__controls > button:last-of-type:before {
            right: 393%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 2.5px !important;
        }

    .turkish-airlines {
        position: fixed;
        bottom: 13px;
        left: 80%;
        z-index: 100000000;
    }

        .turkish-airlines img {
            height: auto;
            width: 70%;
        }

    .playerButtons {
        float: left;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 8px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(3px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 8px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(3px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }

    .playerNextSong {
        margin-top: -2px;
    }

    .playerButtons {
        margin-top: 16px;
    }
}

@media only screen and (min-width: 1400px) and (max-width:2000px) {
    .plyr__controls > button:last-of-type {
        top: 47.5% !important;
    }

        .plyr__controls > button:last-of-type:before {
            top: 0px;
        }

    .plyr__controls > button:last-of-type {
        margin-left: 205px !important;
    }

        .plyr__controls > button:last-of-type:before {
            right: 520%;
        }

    .playerButtons {
        float: right;
        margin-top: 3%;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 12px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(3px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 12px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(3px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }
}

.cstRadyoWrapper {
    height: 80px;
    background-color: #fff !important;
}

.playerPlayingSong {
    margin-top: 7px;
}

.plyr--audio .plyr__controls {
    padding: 19px 20px 25px 18px !important;
    /*margin-left:145px;*/
}

@media (max-width: 1440px) {
    .plyr__controls > button:last-of-type {
        top: 38.5% !important;
    }

        .plyr__controls > button:last-of-type:before {
            top: 2px;
            color: deepskyblue;
        }
}

@media (max-width: 2250px) {
    .plyr__controls > button:last-of-type {
        top: 26% !important;
    }

        .plyr__controls > button:last-of-type:before {
            top: 0px;
            color: deepskyblue;
        }
}

.plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
    padding: 12px;
    background-color: deepskyblue;
    border-radius: 50%;
}

    .plyr__controls > button:first-child svg {
        color: #fff;
    }

.plyr--playing .plyr__controls [data-plyr=pause] svg {
    color: #fff !important;
}

.plyr__controls [data-plyr=pause], .plyr__controls [data-plyr=pause]:hover {
    background-color: deepskyblue !important;
    border-radius: 50%;
}

.plyr__controls button svg {
    color: deepskyblue;
}

.plyr .plyr__volume {
    max-width: 262px !important;
}

.plyr__controls > button:last-of-type {
    /*margin-left: 330px !important;*/
    right: unset !important;
}

    .plyr__controls > button:last-of-type:before {
        /*right: 886%;*/
    }

.plyr__volume--display {
    color: deepskyblue;
}

.plyr .plyr__volume input[type=range] {
    color: red !important;
}

.plyr input[type=range]::-webkit-slider-thumb {
    border: 1px solid deepskyblue !important;
    background: deepskyblue !important;
}

.plyr input[type=range]::-moz-range-thumb {
    border: 1px solid deepskyblue !important;
    background: deepskyblue !important;
}

.plyr input[type=range]::-ms-thumb {
    border: 1px solid deepskyblue !important;
    background: deepskyblue !important;
}

.bold_cstSmallBlack {
    color: #1e1e1e;
    font-size: 11px;
    font-weight: 500;
}

.bold_cstBigBlack {
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 500;
}

.cstSmallBlack {
    color: #1e1e1e;
    opacity: .6;
    font-size: 14px;
    font-weight: 500;
}

.bold_cstSmallBlue {
    color: deepskyblue;
    font-size: 11px;
    font-weight: 500;
}

.bold_cstBigBlue {
    color: deepskyblue;
    font-size: 16px;
    font-weight: 500;
}

.cstSmallBlue {
    color: deepskyblue;
    opacity: .6;
    font-size: 14px;
    font-weight: 500;
}

.playerImage .folow ul li a {
    width: 40px;
    height: 40px;
    font-size: 21px;
    background-color: #1e1e1e;
    opacity: .9;
}

    .playerImage .folow ul li a:hover {
        transition: all ease .7s;
        background-color: deepskyblue;
        opacity: .9;
    }

.playerImage .socialTexts p {
    margin-top: 20px;
    padding-right: 20px;
    font-size: 11px;
    font-weight: 500;
}

.playerImage .folow {
    margin-top: 6px;
    margin-bottom: 23px;
}

.plyr .plyr__volume input[type=range] {   
    top: 3px;
}
.playergiftSong:focus{
    outline:none;
}

@media only screen and (min-width:2251px) {
    .plyr--audio .plyr__controls {
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 282px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 15.5% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 390px !important;
    }

        .plyr__controls > button:last-of-type:before {
            right: 770%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 6px;
            color:deepskyblue;
        }

    .flowing_text {
        bottom: 20px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

        .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
            padding: 12px;
        }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

        .plyr__controls [data-plyr=pause] svg {
            width: 25px;
            height: 25px;
            margin: 5px;
            background-color: #fff;
        }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 6px 20px 25px 18px !important;
    }

    .playerButtons {
        float: right;
        margin-top: 2%;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 16px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(3px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 16px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(3px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }
    .turkish-airlines {
        bottom: -2.8% !important;
    }
}
@media only screen and (min-width:1750px) and (max-width: 2250px) {
    .plyr--audio .plyr__controls {
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 268px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 382px !important;
    }

        .plyr__controls > button:last-of-type:before {
            right: 766%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 5px;
        }

    .flowing_text {
        bottom: 20px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

        .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
            padding: 12px;
        }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

        .plyr__controls [data-plyr=pause] svg {
            width: 25px;
            height: 25px;
            margin: 5px;
            background-color: #fff;
        }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 6px 20px 25px 18px !important;
    }

    .playerButtons {
        float: right;
        margin-top: 2.3%;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 16px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(3px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 16px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(3px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }
    .turkish-airlines {
        bottom: -0.8%;
    }
    .cstCol10Vyg {
        margin-left: -13px;
        padding-left:0px;
    }
}

@media only screen and (min-width:1700px) and (max-width:1749px) {
    .plyr--audio .plyr__controls {
        margin-left: 140px;
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 210px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 325px !important;
    }

        .plyr__controls > button:last-of-type:before {
            right: 631%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 5px;
        }

    .flowing_text {
        bottom: 20px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

        .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
            padding: 12px;
        }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

        .plyr__controls [data-plyr=pause] svg {
            width: 25px;
            height: 25px;
            margin: 5px;
            background-color: #fff;
        }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 6px 20px 25px 18px !important;
    }

    .turkish-airlines {
        bottom: -0.2%;
    }
}

@media only screen and (min-width:1600px) and (max-width:1699px) {
    .plyr--audio .plyr__controls {
        margin-left: 140px;
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 195px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 300px !important;
    }

        .plyr__controls > button:last-of-type:before {
            right: 567%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 5.5px;
        }

    .flowing_text {
        bottom: 20px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

        .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
            padding: 12px;
        }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

        .plyr__controls [data-plyr=pause] svg {
            width: 25px;
            height: 25px;
            margin: 5px;
            background-color: #fff;
        }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 6px 20px 25px 18px !important;
    }

    .turkish-airlines {
        bottom: -0.2%;
    }
}

@media only screen and (min-width:1550px) and (max-width:1599px) {
    .plyr--audio .plyr__controls {
        margin-left: 140px;
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 210px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16.5% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 291px !important;
    }

        .plyr__controls > button:last-of-type.enabled {
            margin-left: 310px !important;
        }

        .plyr__controls > button:last-of-type:before {
            right: 548%;
        }
        .plyr__controls > button:last-of-type.enabled:before {
            right: 575%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 5.5px;
        }

    .flowing_text {
        bottom: 20px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

        .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
            padding: 12px;
        }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

        .plyr__controls [data-plyr=pause] svg {
            width: 25px;
            height: 25px;
            margin: 5px;
            background-color: #fff;
        }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 6px 20px 25px 18px !important;
    }

    .playerButtons {
        margin-top: 4%;
    }
}

@media only screen and (min-width:1501px) and (max-width:1549px) {
    .plyr--audio .plyr__controls {
        margin-left: 140px;
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 210px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16.5% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 277px !important;
    }
    .plyr__controls > button:last-of-type.enabled {
        margin-left: 310px !important;
    }

        .plyr__controls > button:last-of-type:before {
            right: 514%;
        }
        .plyr__controls > button:last-of-type.enabled:before {
            right: 575%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 5.5px;
        }

    .flowing_text {
        bottom: 20px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

        .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
            padding: 12px;
        }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

        .plyr__controls [data-plyr=pause] svg {
            width: 25px;
            height: 25px;
            margin: 5px;
            background-color: #fff;
        }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 6px 20px 25px 18px !important;
    }

    .playerButtons {
        margin-top: 4%;
    }    
}

@media only screen and (min-width:1471px) and (max-width:1500px) {
    .plyr--audio .plyr__controls {
        margin-left: 140px;
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 210px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16.5% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 270px !important;
    }

        .plyr__controls > button:last-of-type.enabled {
            margin-left: 310px !important;
        }

        .plyr__controls > button:last-of-type:before {
            right: 500%;
        }

        .plyr__controls > button:last-of-type.enabled:before {
            right: 575%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 5.5px;
        }

    .flowing_text {
        bottom: 20px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

        .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
            padding: 12px;
        }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

        .plyr__controls [data-plyr=pause] svg {
            width: 25px;
            height: 25px;
            margin: 5px;
            background-color: #fff;
        }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 6px 20px 25px 18px !important;
    }

    .playerButtons {
        margin-top: 4%;
    }
}

@media only screen and (min-width:1401px) and (max-width:1470px) {
    .plyr--audio .plyr__controls {
        margin-left: 140px;
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 210px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16.5% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 254px !important;
    }

        .plyr__controls > button:last-of-type.enabled {
            margin-left: 310px !important;
        }

        .plyr__controls > button:last-of-type:before {
            right: 460%;
        }

        .plyr__controls > button:last-of-type.enabled:before {
            right: 575%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 5.5px;
        }

    .flowing_text {
        bottom: 20px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

        .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
            padding: 12px;
        }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

        .plyr__controls [data-plyr=pause] svg {
            width: 25px;
            height: 25px;
            margin: 5px;
            background-color: #fff;
        }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 6px 20px 25px 18px !important;
    }

    .playerButtons {
        margin-top: 4%;
    }
}

@media only screen and (min-width:1341px) and (max-width: 1400px) {
    .plyr--audio .plyr__controls {
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 124px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16.5% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 231px !important;
    }

        .plyr__controls > button:last-of-type:before {
            right: 407%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 8.5px;
        }

    .flowing_text {
        bottom: 6px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
        padding: 12px;
    }

    .plyr__controls [data-plyr=pause] svg {
        width: 25px;
        height: 25px;
        margin: 5px;
        background-color: #fff;
    }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 5px 20px 25px 18px !important;
    }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

    .playerButtons {
        float: right;
        margin-top: 5%;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(2px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(2px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }
}

@media only screen and (min-width:1300px) and (max-width: 1340px) {
    .plyr--audio .plyr__controls {
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 124px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16.5% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 224px !important;
    }

        .plyr__controls > button:last-of-type:before {
            right: 407%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 8.5px;
        }

    .flowing_text {
        bottom: 6px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
        padding: 12px;
    }

    .plyr__controls [data-plyr=pause] svg {
        width: 25px;
        height: 25px;
        margin: 5px;
        background-color: #fff;
    }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 5px 20px 25px 18px !important;
    }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

    .playerButtons {
        float: right;
        margin-top: 5%;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(2px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(2px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }
}

@media only screen and (min-width:1200px) and (max-width: 1299px) {
    .plyr--audio .plyr__controls {
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 124px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16.5% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 211px !important;
    }
    .plyr__controls > button:last-of-type.enabled {
        margin-left: 231px !important;
    }
        .plyr__controls > button:last-of-type:before {
            right: 375%;
        }

        .plyr__controls > button:last-of-type.enabled:before {
            right: 410%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 8.5px;
        }

    .flowing_text {
        bottom: 6px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
        padding: 12px;
    }

    .plyr__controls [data-plyr=pause] svg {
        width: 25px;
        height: 25px;
        margin: 5px;
        background-color: #fff;
    }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 5px 20px 25px 18px !important;
    }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

    .playerButtons {
        float: right;
        margin-top: 5%;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(2px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(2px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }
}

@media only screen and (min-width:1100px) and (max-width: 1199px) {
    .plyr--audio .plyr__controls {
        margin-left: 0px;
    }

    .plyr .plyr__volume {
        max-width: 124px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 16.5% !important
    }

    .plyr__controls > button:last-of-type {
        margin-left: 193px !important;
    }
        .plyr__controls > button:last-of-type.enabled {
            margin-left: 230px !important;
        }

        .plyr__controls > button:last-of-type:before {
            right: 343%;
        }
        .plyr__controls > button:last-of-type.enabled:before {
            right: 405%;
        }

        .plyr__controls > button:last-of-type:before {
            top: 8.5px;
        }

    .flowing_text {
        bottom: 6px;
    }

    .plyr__controls > button:first-child svg {
        width: 35px;
        height: 35px;
        padding-left: 5px;
    }

    .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
        padding: 12px;
    }

    .plyr__controls [data-plyr=pause] svg {
        width: 25px;
        height: 25px;
        margin: 5px;
        background-color: #fff;
    }

    .plyr__controls button {
        padding: 12px;
    }

    .plyr--audio .plyr__controls {
        padding: 5px 20px 25px 18px !important;
    }

    .plyr__controls [data-plyr=pause] {
        margin-right: 15px;
    }

    .plyr__controls > button:first-child {
        margin-right: 15px;
    }

    .playerButtons {
        float: right;
        margin-top: 5%;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(2px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(2px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }
}

@media only screen and (min-width: 770px) and (max-width: 1024px) {
    .plyr__controls > button:last-of-type {
        margin-left: 170px !important;
        top: 24% !important;
    }
    .plyr__controls > button:last-of-type.enabled {
        margin-left: 250px !important;
        top: 24% !important;
    }

        .plyr__controls > button:last-of-type:before {
            right: 360%;
            top: 7px !important;
        }
        .plyr__controls > button:last-of-type.enabled:before {
            right: 556%;
            top: 7px !important;
        }
    .turkish-airlines {
        position: fixed;
        bottom: 13px;
        left: 80%;
        z-index: 100000000;
    }

        .turkish-airlines img {
            height: auto;
            width: 70%;
        }

    .playerButtons {
        float: left;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 8px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(3px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 8px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(3px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }

    .bold_cstSmallBlack {
        font-size: 10px;
    }

    .bold_cstBigBlack {
        font-size: 14px;
    }

    .cstSmallBlack {
        font-size: 12px;
    }

    .bold_cstSmallBlue {
        font-size: 10px;
    }

    .bold_cstBigBlue {
        font-size: 14px;
    }

    .cstSmallBlue {
        font-size: 12px;
    }

    .col-player {
        max-width: 30%;
    }

    .plyr--audio .plyr__controls {
        padding: 19px 20px 25px 0px !important;
    }

    .plyr__controls button {
        padding: 10px;
    }

    .plyr__controls [data-plyr=pause] svg, .plyr__controls [data-plyr=pause]:hover svg {
        width: 20px;
        height: 20px;
    }

    .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
        padding: 10px;
    }

        .plyr__controls > button:first-child svg {
            width: 20px;
            height: 20px;
            padding-left: 3.5px;
        }

        .plyr__controls > button:first-child svg {
            padding-left: 2px;
        }

    .playerJoinCampaign {
        font-size: 8px;
        padding: 8px 12px;
    }
    .playerPlayingSong {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 431px) and (max-width: 769px) {
    .plyr__controls > button:last-of-type {
        margin-left: 157px !important;
        top: 24% !important;
    }
    .plyr__controls > button:last-of-type.enabled {
        margin-left: 169px !important;
        top: 24% !important;
    }

        .plyr__controls > button:last-of-type:before {
            right: 326%;
            top: 5px;
        }
        .plyr__controls > button:last-of-type.enabled:before {
            right: 352%;
            top: 5px;
        }

    .turkish-airlines {
        position: fixed;
        bottom: 17px;
        left: 80%;
        z-index: 100000000;
    }

        .turkish-airlines img {
            height: auto;
            width: 70%;
        }

    .playerButtons {
        float: left;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 8px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(3px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 8px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(3px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }

    .bold_cstSmallBlack {
        font-size: 10px;
    }

    .bold_cstBigBlack {
        font-size: 14px;
    }

    .cstSmallBlack {
        font-size: 12px;
    }

    .bold_cstSmallBlue {
        font-size: 10px;
    }

    .bold_cstBigBlue {
        font-size: 14px;
    }

    .cstSmallBlue {
        font-size: 12px;
    }
    .col-player {
        max-width:30%;
    }
    .plyr--audio .plyr__controls {
        padding: 19px 20px 25px 0px !important;
    }

    .plyr__controls button {
        padding: 10px;
    }

    .plyr__controls [data-plyr=pause] svg, .plyr__controls [data-plyr=pause]:hover svg {
        width: 20px;
        height: 20px;
    }

    .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
        padding: 10px;
    }

        .plyr__controls > button:first-child svg {
            width: 20px;
            height: 20px;
            padding-left: 3.5px;
        }

        .plyr__controls > button:first-child svg {
            padding-left: 2px;
        }
    
    .playerJoinCampaign {
        font-size: 8px;
        padding: 8px 12px;
    }
    .bold_cstSmallBlue {
        font-size: 9px;
    }

    .bold_cstSmallBlack {
        font-size: 9px;
    }
}

@media only screen and (min-width:400px) and (max-width:430px) {
    .playerImage {
        float: left;
    }

    .cstRadyoWrapper {
        text-align: center;
    }

    .middleGroup {
        border-left: none;
        margin-bottom: 5px;
    }

    .cstRadyoWrapper {
        height: 250px !important;
        background-color: #fff !important;
    }

    .plyr--audio .plyr__controls {
        padding: 3px 20px 25px 0px !important;
    }

    .plyr__progress--buffer, .plyr__progress--played, .plyr__volume--display {
        width: 95%;
    }

    .plyr__controls > button:last-of-type {
        margin-left: 302px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 12% !important;
    }

        .plyr__controls > button:last-of-type:before {
            top: 3.5px;
        }

        .plyr__controls > button:last-of-type:before {
            right: 677%;
        }

    .turkish-airlines {
        position: fixed;
        bottom: 0px;
        left: 1%;
        z-index: 100000000;
    }

        .turkish-airlines img {
            height: auto;
            width: 60%;
        }

    .playerButtons {
        text-align: center;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(3px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(3px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }

    .plyr__controls button {
        padding: 10px;
    }

    .plyr__controls > button:first-child svg {
        padding-left: 3px;
    }

    .playerPlayingSong {
        margin-top: -6px;
    }

    .plyr__controls > button:first-child {
        padding: 12px;
    }

    .plyr__controls button {
        padding: 10px;
    }

    .plyr__controls [data-plyr=pause] svg, .plyr__controls [data-plyr=pause]:hover svg {
        width: 20px;
        height: 20px;
    }
    .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
        padding: 10px;
    }

    .plyr__controls > button:first-child svg {
        width: 20px;
        height: 20px;
        padding-left: 3.5px;
    }
}

@media only screen and (max-width:399px) and (min-width: 362px) {
    .playerImage {
        float: left;
    }

    .cstRadyoWrapper {
        text-align: center;
    }

    .middleGroup {
        border-left: none;
        margin-bottom: 5px;
    }

    .cstRadyoWrapper {
        height: 250px !important;
        background-color: #fff !important;
    }

    .plyr--audio .plyr__controls {
        padding: 3px 20px 25px 0px !important;
    }

    .plyr__progress--buffer, .plyr__progress--played, .plyr__volume--display {
        width: 95%;
    }

    .plyr__controls > button:last-of-type {
        margin-left: 263px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 11% !important;
    }

        .plyr__controls > button:last-of-type:before {
            top: 4px;
        }

        .plyr__controls > button:last-of-type:before {
            right: 583%;
        }

    .turkish-airlines {
        position: fixed;
        bottom: 0px;
        left: 1%;
        z-index: 100000000;
    }

        .turkish-airlines img {
            height: auto;
            width: 62%;
        }

    .playerButtons {
        text-align: center;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(3px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(3px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }

    .plyr__controls button {
        padding: 10px;
    }

    .plyr__controls > button:first-child svg {
        padding-left: 3px;
    }

    .playerPlayingSong {
        margin-top: -4px;
    }

    .plyr__controls > button:first-child {
        padding: 12px;
    }

    .plyr__controls button {
        padding: 10px;
    }

    .plyr__controls [data-plyr=pause] svg, .plyr__controls [data-plyr=pause]:hover svg {
        width: 20px;
        height: 20px;
    }

    .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
        padding: 10px;
    }

        .plyr__controls > button:first-child svg {
            width: 20px;
            height: 20px;
            padding-left: 3.5px;
        }
}

@media only screen and (max-width:361px) and (min-width: 321px) {
    .playerImage {
        float: left;
    }

    .cstRadyoWrapper {
        text-align: center;
    }

    .middleGroup {
        border-left: none;
        margin-bottom: 5px;
    }

    .cstRadyoWrapper {
        height: 250px !important;
        background-color: #fff !important;
    }

    .plyr--audio .plyr__controls {
        padding: 3px 20px 25px 0px !important;
    }

    .plyr__progress--buffer, .plyr__progress--played, .plyr__volume--display {
        width: 95%;
    }

    .plyr__controls > button:last-of-type {
        margin-left: 248px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 11.5% !important;
    }

        .plyr__controls > button:last-of-type:before {
            top: 4px;
        }

        .plyr__controls > button:last-of-type:before {
            right: 545%;
        }

    .turkish-airlines {
        position: fixed;
        bottom: 0px;
        left: 1%;
        z-index: 100000000;
    }

        .turkish-airlines img {
            height: auto;
            width: 62%;
        }

    .playerButtons {
        text-align: center;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(3px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 10px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(3px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }

    .plyr__controls button {
        padding: 10px;
    }

    .plyr__controls > button:first-child svg {
        padding-left: 3px;
    }

    .playerPlayingSong {
        margin-top: -4px;
    }

    .plyr__controls > button:first-child {
        padding: 12px;
    }

    .plyr__controls button {
        padding: 10px;
    }

    .plyr__controls [data-plyr=pause] svg, .plyr__controls [data-plyr=pause]:hover svg {
        width: 20px;
        height: 20px;
    }

    .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
        padding: 10px;
    }

        .plyr__controls > button:first-child svg {
            width: 20px;
            height: 20px;
            padding-left: 3.5px;
        }
}

@media only screen and (max-width: 320px) {
    .playerImage {
        float: left;
    }

    .cstRadyoWrapper {
        text-align: center;
    }

    .middleGroup {
        border-left: none;
        margin-bottom: 5px;
    }

    .cstRadyoWrapper {
        height: 250px !important;
        background-color: #fff !important;
    }

    .plyr--audio .plyr__controls {
        padding: 3px 20px 25px 0px !important;
    }

    .plyr__progress--buffer, .plyr__progress--played, .plyr__volume--display {
        width: 95%;
    }

    .plyr__controls > button:last-of-type {
        margin-left: 208px !important;
    }

    .plyr__controls > button:last-of-type {
        top: 10.5% !important;
    }

        .plyr__controls > button:last-of-type:before {
            top: 3px;
        }

        .plyr__controls > button:last-of-type:before {
            right: 456%;
        }

    .turkish-airlines {
        position: fixed;
        bottom: 0px;
        left: 1%;
        z-index: 100000000;
    }

        .turkish-airlines img {
            height: auto;
            width: 62%;
        }

    .playerButtons {
        text-align: center;
    }

    .playergiftSong {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 8.5px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: deepskyblue
    }

        .playergiftSong:hover {
            background-color: #b5e2f1;
            color: white;
            transform: translateY(3px);
        }

        .playergiftSong:active {
            position: relative;
            top: 1px;
        }

    .playerJoinCampaign {
        border: 2px solid #0099CC;
        border-radius: 32px;
        border: none;
        color: white;
        padding: 8px 12px;
        text-align: center;
        display: inline-block;
        font-size: 8.5px;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: black;
    }

        .playerJoinCampaign:hover {
            background-color: #BCB9B9;
            color: white;
            transform: translateY(3px);
        }

        .playerJoinCampaign:active {
            position: relative;
            top: 1px;
            background-color: #BCB9B9;
        }

        .playerJoinCampaign:focus {
            color: white;
        }

    .plyr__controls button {
        padding: 10px;
    }

    .plyr__controls > button:first-child svg {
        padding-left: 3px;
    }

    .playerPlayingSong {
        margin-top: -4px;
    }

    .plyr__controls button {
        padding: 10px;
    }

    .plyr__controls [data-plyr=pause] svg, .plyr__controls [data-plyr=pause]:hover svg {
        width: 20px;
        height: 20px;
    }

    .plyr__controls > button:first-child, .plyr__controls > button:first-child:hover {
        padding: 10px;
    }

        .plyr__controls > button:first-child svg {
            width: 20px;
            height: 20px;
            padding-left: 3px;
        }
    .bold_cstSmallBlue {
        font-size: 10px;
    }

    .bold_cstSmallBlack {
        font-size: 10px;
    }
}

.playerJoinCampaign{
    background-color:#1e1e1e;
}


.plyr__time.cstVygPlyrTime {
    display: inline-block !important;
}

.cstExplorerPlyrSlide {
    margin-left: -15px !important;
}

.cstExplorerPlyrSlide1920 {
    margin-left: -60px !important;
    max-width: 260px !important;
    right: -21%;
}

.cstExplorerPlyrSlide1440 {
    margin-left: -20px !important;
}

.cstExplorerMrg1920Volume {
    display:none !important;
}

@media only screen and (max-width:1099px) and (min-width: 1025px) {
    .flowing_text{
        bottom:38px;
    }
    .bold_cstSmallBlue {
        font-size: 10px;
    }

    .bold_cstSmallBlack {
        font-size: 9px;
    }
    .folow ul {
        margin-top: 12px;
    }
    .plyr__controls > button:last-of-type {
        margin-left: 164px !important;
        top: 27% !important;
    }

        .plyr__controls > button:last-of-type.enabled {
            margin-left: 250px !important;
            top: 24% !important;
        }

        .plyr__controls > button:last-of-type:before {
            right: 380%;
            top: 4px !important;
        }

        .plyr__controls > button:last-of-type.enabled:before {
            right: 556%;
            top: 7px !important;
        }
}

@media only screen and (max-width:1180px) and (min-width: 1100px) {
    .flowing_text {
        bottom: 40px;
    }
    .folow ul{
        margin-top:12px;
    }
    .bold_cstSmallBlue{
        font-size:10px;
    }
    .bold_cstSmallBlack{
        font-size:9px;
    }
}

@media only screen and (max-width:1243px) and (min-width: 1181px) {
    .folow ul li a{
        width:45px;
        height:45px;
    }

    .folow ul {
        margin-top:5px;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1367px) {
    .flowing_text {
        bottom: 20px;
    }
    #testimonials{
        padding-bottom:0px;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1381px) {
    .plyr__controls > button:last-of-type:before {
        top: 5.5px;
    }
}

@media only screen and (max-width: 1699px) and (min-width: 1381px) {
    .folow ul {
        margin-top: 7px;
    }
}

@media only screen and (max-width: 1799px) and (min-width: 1700px) {
    .folow ul {
        margin-top: 4px;
    }
}

@media only screen and (max-width: 1899px) and (min-width: 1800px) {
    .folow ul {
        margin-top: 3px;
    }
}

@media only screen and (max-width: 2199px) and (min-width: 1900px) {
    .folow ul {
        margin-top: 2px;
    }
}

@media only screen and (max-width: 1820px) and (min-width: 1750px) {
    .plyr__controls > button:last-of-type {
        margin-left: 345px !important;
    }
        .plyr__controls > button:last-of-type:before {
            right: 679%;
        }
    .plyr .plyr__volume {
        max-width: 235px !important;
    }
}