/* responsive css for HD Phones and tablets */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {


}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2){
    a.btn-search {
        text-decoration: none;
        color:#fff;
    }
    .MEMBER-DIRECTORY .btn-search{
        margin-left:36%;
    }
    .btn-search {
        background-color: #428bca;
        display: block;
        padding: 5px;
        width: 115px;
        cursor: pointer;
        Color: #fff;
        margin: 0 0 10px 130px;
    }
    .CHANNELS .ChannelContainer .ChannelLeftPaneList.side-pane-30 {
        width: 40% !important;
    }
    .ChannelContainer .ChannelFunction .CFL .Heading h1 {
        display: none;
    }
    .CHANNELS .ChannelContainer .AllChannels .ChannelLeftPaneList.side-pane-30 {
        width: 100% !important;
    }
    .MEMBER-DIRECTORY .Web, .ConnectionsList .Web, .ANALYTICS .Web {
        display: none;
    }
    .MEMBER-DIRECTORY .Mobile, .ConnectionsList .Mobile, .ANALYTICS .Mobile {
        display:block;
    }
    .LetterContainer.ClearAfter.affix-top {
        display: none;
    }
    .LetterContainer > li.AllPop > div {
        padding: 20px 0;
    }

    .LetterContainer > li > div{
        width: 91%;
        font-size: 1.8em;
        margin: 5px 0 0;
    }
    .LetterContainer > li {
        width: 25% !important;
    }
    .LetterContainer.ClearAfter.affix {
        padding: 2px 14px 0 0 !important;
    }

    .Collaborate .CollabMenu {
    }
    .CoverAvatar {
        max-height: 77px;
        max-width: 77px;
    }
    .CoverAvatarContainer {
        height: 100%;
        width: 100%;
    }
    .PROFILE .CoverPhoto .CoverAvatar {
        height: 95px;
        width: 25% !important;
    }
    .CoverPhoto .CoverAvatar {
        height: 95px !important;
        width: 25% !important;
    }
    .LOGIN .LeftSide, .LOGIN .RightSide {
        float: left;
        width: 100%;
    }
    div.hover.panelflip {
        height: 335px !important;
    }
    .thumbnails .Blogs > li {
        width: 100% !important;
    }
    .Container .RightPane {
        display: block !important;
    }
    .LeftPaneProfile{
        width: auto !important;
    }
    .MainBody > div {
        width: auto !important;
    }
    .side-pane-70 {
        width: 100%;
    }
    .BlogsPosting {
        margin: 0 auto !important;
        width: auto;
    }
    .EVENTS .EventFeaturedImage {
        width: 100%;
    }
    .BlogEdit.Collaborate .CollabMenu {
        width: 60%;
    }

}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2) {

    .CoverAvatar {
        max-height: 77px;
        max-width: 77px;
    }
    .OFFLINE.PROFILE .CoverPhoto .CoverAvatar {
        top: 35px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-resolution: 3dppx), /* Default way */
only screen and (min-resolution: 350dpi) /* dppx fallback */ {

    .TodayBottom {
        width:auto !important;
    }
    .TodayContainer .BlogImage > img {
        width: auto;
    }
}