.photoDetails {
    display        : flex;
    justify-content: space-between;
    padding-top    : 40px;

    .videoItem {
        position: relative;

        &:before {
            content    : "\e916";
            font-family: 'iconFont' !important;
            font-size  : 86px;
            color      : #ffffff;
            opacity    : 0.53;
            position   : absolute;
            top        : 50%;
            margin-top : -43px;
            left       : 0;
            right      : 0;
            transition : all .3s ease-in-out;
        }

        &:hover {
            &:before {
                opacity: 1;
            }
        }
    }

    .imageFrame {
        flex    : 0 0 48%;
        overflow: hidden;

        img {
            width: 100%;
        }
    }

    .propertiesArea {
        flex           : 1;
        padding-left   : 35px;
        justify-content: space-between;
        display        : flex;
        flex-direction : column;

        .buttonArea {
            display        : flex;
            align-items    : center;
            justify-content: space-between;
        }
    }

    .secondaryButton {
        width : 48%;
        height: 52px;
        &.transparent{
            border:1px solid #e8e8e8;
            color:rgba(0, 0, 0, 0.48);
            background:none;
            &:hover{
                border:1px solid rgba(0, 0, 0, 0.08);
                background:rgba(0, 0, 0, 0.48);
                color:#ffffff;
            }
        }
    }
}

.propHead {
    display        : flex;
    justify-content: space-between;

    .headInfo {
        text-align: left;

        span {
            display: block;
        }

        .photoId {
            font-family: 'GilroyMedium';
            font-size  : 1.199rem;
            color      : rgba(0, 0, 0, 0.38);
        }

        .photoName {
            font-family: 'GilroyBold';
            font-size  : 2.34rem;
            color      : #000000;
        }

        .PhotoLoc {
            font-family: 'GilroyExtraBold';
            font-size  : 1.199rem;
            color      : rgba(0, 0, 0, 0.23);
        }
    }
}

.photoPropDetails {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    border         : 3px solid #ececec;
    border-left    : none;
    border-right   : none;
    height         : 76px;
    margin         : 20px 0;

    &>div {
        flex           : 0 0 25%;
        min-width      : 25%;
        border-left    : 3px solid #ececec;
        height         : 100%;
        display        : flex;
        flex-direction : column;
        align-items    : center;
        justify-content: center;

        &:first-child {
            border-left: none;
        }

        span {
            display    : block;
            font-family: 'GilroyRegular';
            font-size  : 1.149rem;
            color      : #000000;

            &.bold {
                font-family: 'GilroyExtraBold';
            }
        }
    }
}

.downloadPropSelect {
    .caption {
        font-family  : 'GilroyMedium';
        font-size    : 1.149rem;
        color        : #000000;
        text-align   : left;
        margin-bottom: 15px;
    }

    .cb-checkbox {
        .text {
            font-family: 'GilroyExtraBold';
            font-size  : 13.88px;
            color      : #171717;
        }
    }
}

.photoDataProp {
    display      : flex;
    align-items  : center;
    border       : 3px solid #ececec;
    border-left  : none;
    border-right : none;
    height       : 70px;
    margin-bottom: 20px;

    &>div {
        display     : flex;
        align-items : center;
        padding-left: 30px;

        &:first-child {
            padding-left: 0;
        }

        span {
            font-family: 'GilroyBold';
            font-size  : 11.14px;
            color      : rgba(0, 0, 0, 0.48);
        }
    }

    .customIcon {
        color       : rgba(0, 0, 0, 0.48);
        margin-right: 10px;
    }

    .icon-favorite {
        font-size: 29px;
    }

    .icon-zoom {
        font-size: 25px;
    }

    .icon-download {
        font-size: 27px;
    }
}

@media screen and(max-width:1100px) {
    .photoDetails {
        display: block;

        .imageFrame {
            max-width    : 350px;
            margin-bottom: 30px;
        }

        .propertiesArea {
            padding-left: 0;
        }
    }
}

@media screen and(max-width:768px) {
    .propHead {
        display: block;
    }

    .shareArea {
        margin-top: 20px;
    }

    .photoPropDetails {
        height   : auto;
        flex-wrap: wrap;
        border-top   : none;

        &>div {
            border-top : 3px solid #ececec;
            border-left: none;
            padding    : 10px 0;
            flex: 0 0 50%;
            width: 50%;
            align-items: flex-start;
        }
    }

    .otherFilterSelectArea {
        display: block;

        .selectArea {
            margin-left: 0;
            margin-top : 3px;
        }
    }

    .photoDetails {
        .propertiesArea {
            .buttonArea {
                display: block;
            }
        }
    }
}

@media screen and(max-width:480px) {
    .photoDataProp {
        .customIcon {
            margin-right: 0;
        }

        &>div {
            display   : block;
            text-align: center;

            span {
                display   : block;
                margin-top: 5px;
            }
        }
    }

}