.phNavItemCenter {
    width:450px;
    text-align:center;
}


#video_div {
    width: 100%;
    height: 0;
    background-color: #000;
    position: relative;
    overflow: hidden;
    float: left;
    clear: both;
    padding-bottom: 56.25%;
    margin-top: 20px;
}
.icon-preview:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 21px;
    height: 18px;
    background: url(../img/icon-preview.svg) no-repeat;
    background-size: 100% 100%;
}

.phLists .phList {
    word-break: break-word;
}

.phlQuoteContent {
    word-break: break-word;
}

.phcText {
    word-break: break-word;
}

.comment-text {
    word-break: break-word;
}

.phJoin {
    height: 50px;
}

@media only screen and (max-width: 768px) {
    .phJoin {
        height: 60px;
    }

    #loadMoreBtn_PreviousDay {
        margin-bottom: 15px;
    }

    .phJoin .phjText {
        padding-right: 120px !important;
    }

    .phJoin .phjButton {
        right: 5px !important;
    }

    .phMainJoinUs {
        font-size: 13px;
    }

    .phftSocial {
        padding-right: 15px;
    }
}

@media only screen and (min-width: 970px) {

/*    .phSideBarPoemDetail {
        top: 63px !important;
    }*/

    .phContentScope {
        min-height: 850px;
    }

    .phGeneralScope {
        padding-top: 80px;
    }

    ._Ad_336_280_Mobile_1 {
        display: none !important;
    }

    ._Ad_336_280_Mobile_2 {
        display: none !important;
    }

    ._Ad_300_600_Mobile_SiirDetay {
        display: none !important;
    }

    ._Ad_300_600_Mobile_Footer {
        display: none !important;
    }

    .phHeaderSearch input {
        background-image: none !important;
    }

    .phHeaderSearch .icon-search {
        position: absolute;
        right: 7px;
        width: 20px;
        height: 35px;
        top: 50%;
        margin-top: -17.5px;
        background: url(../../assets/img/icon-search-white.svg);
        background-size: 100% 100%;
        outline: none;
        border: 0;
        cursor: pointer;
        z-index: 52;
    }
}

.Ad_300_600_mobile_siirDetay {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    padding-bottom: 10px;
}

._Ad_580_400_SiirDetay {
    margin-bottom: 15px;
}

._Ad_336_280_Mobile_1 {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}

._Ad_336_280_Mobile_2 {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}

.phSearchTitle {
    font-size: 18px;
    color: #8d4b9e !important
}

.phBtnSignin {
    width: 130px;
}

.phLoginOp {
    float: right;
    width: 130px;
    height: 53px;
}

.phMobileMessageAjax {
    display: none;
}

.phDestopMessageAjax {
    display: block;
}

#phProfileStatsMobile {
    display: none;
}

#phProfilePopularityMobile {
    display: none;
}

#phProfileInfoMobile {
    display: none;
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.phHash {
    word-break: break-word;
}

.phBoxBiography {
    word-break: break-word;
}

.phKeywords {
    word-break: break-word;
}

.phPublishDate {
    margin-bottom: 0px !important;
    margin-top: 20px;
}

.phSearchMargin {
    margin-bottom: 20px;
}

.phSearchStats {
    width: 33% !important;
}

    .phSearchStats span {
        font-size: 18px !important;
    }

.phSearchHash:last-child {
    margin-bottom: 10px !important;
    border-bottom: solid 1px rgba(144, 144, 144, 0.1) !important;
    padding-bottom: 10px !important;
}

.phAddNewPoem {
    width: 170px !important;
    font-size: 14px;
    color: #5a4b84;
    font-weight: bold;
}

    .phAddNewPoem span {
        display: inline-block;
        position: relative;
        width: 27px;
        height: 16px;
        background: url(/assets/img/icon-add-poem-02.svg) no-repeat;
        background-size: 100% 100%;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

.phAddNewQuote {
    width: 170px !important;
    font-size: 14px;
    color: #5a4b84;
    font-weight: bold;
}

    .phAddNewQuote span {
        display: inline-block;
        position: relative;
        width: 27px;
        height: 16px;
        background: url(/assets/img/icon-add-quote-02.svg) no-repeat;
        background-size: 100% 100%;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

.phpsCol33 {
    width: 33% !important;
}

.phRandomPoem {
    padding-left: 30px;
    padding-right: 100px !important;
    font-size: 16px;
    padding-top: 3px;
}

    .phRandomPoem:before {
        background: url(/assets/img/random_poem_icon.svg) no-repeat;
        position: absolute;
        width: 20px;
        height: 20px;
        content: '';
        left: 0;
    }

.phExplorePoet {
    padding-left: 30px;
    padding-right: 100px !important;
    font-size: 16px;
    padding-top: 3px;
}

    .phExplorePoet:before {
        background: url(/assets/img/icon-search-white.svg) no-repeat;
        position: absolute;
        width: 20px;
        height: 20px;
        content: '';
        left: 0;
    }


.phRandomOthers {
    padding: 20px;
}

.selectGenre {
    color: red;
}

.phbptMiddle b {
    font-family: sans-serif,serif;
}

.phActivityTime {
    float: right;
    font-size: 13px;
    opacity: 0.7;
}


.checkbox-scope .checkbox-class .checkbox-text {
    margin-left: 27px !important;
    top: 2px !important;
}

.checkbox-scope .checkbox-class:before {
    width: 18px !important;
    height: 18px !important;
}


.radio-scope .radio-class:before {
    width: 18px !important;
    height: 18px !important;
}

.checkbox-scope .checkbox-class.active:before {
    content: '\2713\0020' !important;
    font-size: 1.6em !important;
    color: #742fc9 !important;
    background: transparent !important;
}

.radio-scope .radio-class.active:before {
    content: '\2713\0020' !important;
    font-size: 1.6em !important;
    color: #742fc9 !important;
    background: transparent !important;
}

.phCommentsCursor {
    cursor: pointer;
}

.phHeaderLink .phhl:after {
    border: none !important;
}

.phHeaderProfileLink .phhpl:after {
    border: none !important;
}

.phProfilePoemsContent {
    padding: 0px 10px 0px 45px !important;
}

.phTop500PoemsContent {
    padding: 0px 10px 0px 30px !important;
}

.phTop500PoemsContentMainPage {
    padding: 0px 10px 0px 22px !important;
}

.phAppStore {
    margin-top: 30px;
}

    .phAppStore img {
        width: 100px;
    }

.ph404Href {
    font-family: sans-serif,serif;
    font-weight: bold;
    font-size: 18px;
    color: #3813c2;
    padding: 10px 0px;
}

.ph404Title {
    font-family: sans-serif,serif;
    font-weight: bold;
    font-size: 30px;
    color: #3813c2;
    padding-bottom: 30px;
}

.ph404List {
    width: 33%;
    float: left;
}

.ph404Links {
    width: 100%;
    margin-top: 30px;
}

.ph404Btn {
    padding-left: 30px;
    padding-top: 25px;
}

    .ph404Btn a {
        background-color: #0e5cad !important;
        background-image: none !important;
    }

.ph404Text {
    font-family: sans-serif,serif;
    font-weight: bold;
    font-size: 72px;
    color: #3813c2;
    padding: 50px 30px 0px 30px;
}

.ph404Img {
    float: left;
    height: 400px;
    width: 50%
}

    .ph404Img img {
        width: 100%;
    }

.ph404Container {
    height: 400px;
    width: 100%;
}

.phErrorPage img {
    width: 100%;
    height: auto;
}


.phTop500New .phlText {
    padding-left: 55px !important;
    padding-right: 0px !important;
}

.phTopPoetsInfo {
    font-size: 13px;
    font-family: sans-serif,serif;
    font-weight: bold;
    color: rgba(72, 72, 72, 0.6);
}

.phTopPoetsImg {
    width: 45px !important;
    height: 45px !important;
    border-radius: 0px !important;
    left: 0px !important
}

.pgHashtagPoets {
    padding-bottom: 20px;
}

.adInline {
    margin-top: 30px;
    margin-bottom: 30px;
}

.phTitle {
    line-height: 125%;
}

.phLists .phList .phlNotification {
    color: #484848;
}

.phStatsSubContent {
    font-size: 16px;
}

.phBookmarksButton .phbbLink:hover, .phBookmarksButton .phbbLink.selected {
    color: black;
    font-weight: bold;
}

    .phBookmarksButton .phbbLink:hover, .phBookmarksButton .phbbLink.selected:after {
        border: none;
        border-bottom: 1px solid black;
        border-radius: 0px;
    }

#phAddNew {
    position: absolute !important;
    float: none !important;
    width: 170px !important;
    right: 0 !important;
    top: 0 !important;
}

.btnAddQuoteCancel {
    margin-left: 10px;
    background-image: none !important;
    color: black !important;
    border: 1px solid !important;
}

.btnUploadImage {
    margin-top: 10px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 8px 40px;
    border-radius: 17.5px;
    background-image: -webkit-gradient(linear, left top, right top, from(#0e5cad), to(#79f1a4));
    color: white
}

.btnUploadImageCancel {
    margin-top: 10px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 8px 40px;
    border-radius: 17.5px;
    color: black;
    border: 1px solid;
}

#btnUploadImages {
    text-align: center;
    margin-top: 10px;
}

.page-details .phPageDetailsTitle {
    z-index: 0 !important;
    /*word-break: break-all;*/
}

.phPageLike {
    /*z-index:99999!important;*/
}

.phDynamicMemberInfo {
    height: 32px;
}

.purpleLink a {
    color: #5a4b84 !important
}

.pBottomZero {
    padding: 0px !important;
}

.phLinkUnd {
    text-decoration: none !important;
}


.phFtMenu {
    font-weight: bold;
    margin-top: 5px;
}

.phFtMenuItem {
    padding-left: 10px;
    color: #3813c2;
    font-weight: bold;
    float: left;
}

    .phFtMenuItem:first-child {
        padding-left: 0px;
    }

    .phFtMenuItem:first-child:before {
        content: "";
    }

    .phFtMenuItem:before {
        content: "|";
    }

.phAboutMg {
    margin-bottom: 5px;
}

.downloadPoemImage {
    color: #5a4b84;
    font-size: 13px;
}

.baseColor {
    color: #cb44a6 !important
}

.baseColorIco {
    border-color: #cb44a6 !important
}

.exploreBiography {
    font-weight: 400 !important;
    padding-top: 10px !important;
    font-size: 14px !important;
}

.explorePhTopPoetsText {
    font-family: 'Merriweather', serif !important;
    font-weight: 400 !important;
    padding-top: 10px !important;
    color: #5a4b84 !important;
    font-weight: 600 !important;
}

.explorePhTopPoetsTextLink {
    font-weight: 400 !important;
    font-weight: 600 !important;
    padding-top: 10px;
    padding-left: 30px;
}

.explorePoetPoems {
    margin-top: 20px !important;
    padding-left: 30px;
}

.exploreReadMore {
    color: #5a4b84 !important;
    font-weight: 600 !important;
}

.exploreSelect:first-child {
    padding-left: 0px !important;
    float: left;
}

.exploreSelect {
    padding-left: 15px;
    float: left;
}

    .exploreSelect .select {
        width: 127px;
        height: 30px;
        padding: 2px 10px;
        border-radius: 4px;
        background-color: #e2e4ef;
        font-size: 12px;
        font-weight: 600;
    }

.browseBy {
    margin-bottom: 8px;
    font-size: 14px;
}

.exploreBack {
    font-size: 14px;
    color: #3813c2 !important;
    padding-top: 5px;
}

.select-box select {
    background: url(../img/icon-arrow.svg) no-repeat 95% 50%;
}

.trendtopic {
    padding: 0px;
}


    .trendtopic span {
        display: inline-block;
        padding: 5px 10px;
        border: solid 1px #5a4b84;
        border-radius: 21px;
        color: #5a4b84;
        background-color: white
    }

.statsSelectDate {
    width: 104px !important;
    position: relative !important;
    float: left !important;
    height: 37px !important;
    outline: none !important;
    border-radius: 4px !important;
    border: solid 1px rgba(150,149,149,.1) !important;
    background: url(../../assets/img/icon-arrow.svg) no-repeat rgba(150,149,149,.1)right center !important;
    padding: 10px !important;
    color: #484848 !important;
    background-position: right 5px center !important;
}

.poetPoemFromHashtag {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 30px;
    color: #5a4b84;
    line-height: 120%;
    font-weight: bold;
    padding-bottom: 20px;
}

.phBttmKeltisInfoDate {
    margin-bottom: 90px;
}

.mainPage h1 {
    margin-bottom: 10px;
    color: #5a4b84;
    font-size: 24px;
    font-weight: bold;
}

.mainPage h2 {
    margin-bottom: 30px;
}


.newphftLink {
    width: 25% !important;
    padding-right: 0px !important;
}



.phFooter .phFtBottom .newphftLink .phftl {
    width: 100% !important;
}

.footerTitle {
    margin-bottom: 15px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.phftSocialNew {
    position: relative !important;
    float: left !important;
    right: 0 !important;
}

.singlarPopup {
    position: fixed;
    bottom: 15px;
    right: 20px;
    background-color: #FFFBD0;
    display: none;
    padding: 10px 1px 10px 20px;
    box-sizing: border-box;
    font-size: 12px;
    font-family: sans-serif;
    z-index: 99999999999;
    width: 400px;
}

.phContentScope {
    overflow: hidden;
}

.phDetailAnother {
    color: #5a4b84;
}


    .phDetailAnother span {
        color: #5a4b84;
    }

.phDetailAnotherPrev {
    transform: none !important;
    padding: 0px !important;
    border: none !important;
    position: relative !important;
    left: 5px !important;
}

.phDetailAnotherNext {
    transform: none !important;
    padding: 0px !important;
    border: none !important;
    position: relative !important;
}

.phDetailNav {
    margin-top: 10px !important;
    padding-bottom: 5px !important;
}

.phDetailNavContent {
    padding: 5px 10px !important;
    z-index: 9999;
}

.phDetailInContent {
    padding: 0px !important;
    margin-bottom: 20px;
}

#phProfileStatsMobile .phContent {
    padding: 10px;
}

#phProfileStatsMobile .phosRate {
    padding-top: 5px;
    padding-bottom: 0px;
}

#phProfileStatsMobile .phosStat {
    padding-bottom: 10px;
}

#phVideo iframe {
    width: 100%;
    height: calc((580px/ 16)*9);
}

@media only screen and (max-width: 970px) {
    .ph404Text {
        font-size: 42px;
    }

    #phProfileInfoDesktop {
        display: none;
    }

    #phProfileInfoMobile {
        display: block;
    }


    #phProfileStatsDesktop {
        display: none;
    }

    #phProfileStatsMobile {
        display: block;
    }

    #phProfilePopularityDesktop {
        display: none;
    }

    #phProfilePopularityMobile {
        display: block;
    }

    .phMobileMessageAjax {
        display: block;
    }

    .phDestopMessageAjax {
        display: none;
    }

    #poemDetailTodatPoems {
        display: none;
    }

    .changeContainer.phContainer {
        display: grid;
        grid-template-rows: repeat(1, 1fr);
    }

    .changeContainer .phContentScope {
        order: 1;
        position: static;
        width: 100%;
        padding-left: 0px;
    }

    .changeContainer .phSideBar.phLeft {
        order: 2;
        position: static;
        left: auto;
        top: auto;
    }

    .changeContainer .Ad_300_600_mobile_footer {
        order: 3;
    }

    .phDesktopMember {
        display: none;
    }

    .phMobileMember {
        display: block;
    }

    .phBookmarksSearch {
        z-index: 0 !important;
    }

    /*.phlNav {
        z-index: 0 !important;
    }*/

    .phProfileAddFarovi {
        top: 0px !important;
    }

    .phMessageImage .phMsgList {
        padding-left: 30px;
    }

        .phMessageImage .phMsgList .phMsgImage {
            left: 0px;
        }

    .phMessageList .phMsgList .phMsgTitle {
        padding-right: 10px;
    }

    #phVideo iframe {
        width: 100%;
        height: calc(((100vw - 60px) / 16) * 9);
    }
}

@media only screen and (max-width: 768px) {
    .phPoemDetailExplore {
        display: none;
    }

    .phDetailAnotherCenter {
        width: 200px !important;
        text-align: center !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*.phDetailAnother {
        width: 50px !important;
    }*/

    .ph404Text {
        font-size: 24px;
        padding-top: 10px;
    }

    .ph404Img {
        height: 200px;
        width: 100%;
    }

        .ph404Img img {
            height: 100%;
            width: auto;
            margin-left: auto;
            margin-right: auto;
        }

    .ph404List {
        width: 100%;
    }

    .ph404Title {
        margin-bottom: 10px;
        margin-top: 30px;
        padding-bottom: 0px;
    }

    .ph404Links {
        margin-top: 0px;
    }

    .ph404List:last-child {
        margin-bottom: 30px;
    }

    .ph404Img:last-child {
        height: 100px;
    }

    .ph404Container {
        height: 320px;
    }


    #searchPoem .phMsgList .phMsgTitle {
        padding-right: 10px !important;
    }

    #searchPoem .phMsgList .phMsgSearchBoxItem {
        margin-right: 0px !important;
    }

    .phMobileAdd .phBoxInSearchBox {
        margin-bottom: 20px !important;
    }

    .phMobileAdd .phAddNewQuote {
        margin-bottom: 20px;
    }

    .phMobileAdd .phAddNewPoem {
        margin-bottom: 20px;
    }

    .phMobileAdd .select-box:first-child {
        width: 100% !important;
    }

    .phMobileAdd .selectFilter {
        float: left !important;
        margin-left: 0px !important;
        margin-right: 20px !important;
    }

    .phFtMenu {
        /*margin-left: -10px;*/
        padding-bottom: 10px;
    }

    .keltisImage {
        margin-top: 20px;
        margin-left: -12px;
    }

    .explorePhTopPoetsTextLink {
        padding-left: 0px !important
    }

    .newphftLink {
        width: 50% !important;
        margin-top: 30px;
    }

    #phFooterSearch {
        display: none !important;
    }

    .singlarPopup {
        position: fixed;
        bottom: 0px;
        left: 10px;
        right: 10px;
        background-color: #FFFBD0;
        display: none;
        padding: 10px 1px 10px 10px;
        box-sizing: border-box;
        font-size: 12px;
        font-family: sans-serif;
        z-index: 99999999999;
        width: auto;
    }
}

@media only screen and (min-width: 768px) {
    .phftSocialResponsible {
        left: 100px;
    }

    .phBttmKeltisResponsible {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 550px) {
    .phNavItemCenter {
        text-align:center;
        width: 190px;
    }

    .newphftLink {
        width: 100% !important;
        margin-top: 30px;
    }

    .phPoetDetailNav {
        width: 60px !important;
    }

    .phPoetDetailNavCenter {
        width: 190px !important;
    }

    .phDetailAnother {
        width: 60px !important;
    }

    .phshLogo {
        width: 100% !important;
    }
}

@media only screen and (max-width: 510px) {

    .mainPage h1 {
        font-size: 18px !important;
    }

    .exploreSelect {
        width: 100% !important;
        margin-top: 5px;
        padding-left: 0px;
    }

        .exploreSelect .select {
            width: 100%;
        }
}

@media only screen and (min-width: 336px) {
    .adsMobile {
        width: 336px;
        height: 280px;
    }
}