/*Header Fotoğraf Gönder*/
.photoSendArea {
    &:hover,
    &.active {
        .menuPopup {
            opacity   : 1;
            visibility: visible;
            overflow  : visible;
            height    : auto;
        }
    }

    .photoSendFormArea {
        .head {
            text-align   : center;
            margin-bottom: 25px;

            .title {
                font-family: 'GilroyExtraBold';
                font-size  : 2.07rem;
                color      : #171717;
            }
        }

        .tagInputCol {
            &>span {
                font-family: 'GilroyMedium';
                font-size  : 11.09px;
                color      : rgba(23, 23, 23, 0.52);
                text-align: left;
                margin-top:9px;
            }
        }

        .checkArea {
            & > .form_col{
                flex:1;
            }
            .secondaryButton {
                max-width: 246px;
                margin-right: 25px;
            }
        }
    }
}
@media screen and (max-width:768px) {
    .photoSendArea {
        .menuPopup{
            opacity: 1;
            visibility: visible;
            overflow: visible;
            display: none;
            overflow: scroll;
            overflow-x: hidden;
            height: calc(100% - 145px);
            z-index: -99999;
            &:hover,
            &.active{
                opacity: 1;
                visibility: visible;
                overflow: visible;
                overflow: scroll;
                overflow-x: hidden;
                display: block;
                height: calc(100% - 240px);
                z-index         : 999999;
            }
        }
        .photoSendFormArea {
            position        : fixed;
            width           : 100%;
            top             : 240px;
            background-color: #ffffff;
            margin          : 0 auto;
            left            : 0;
            right           : 0;
            &.active{
                z-index         : 999999;
            }
            .popupContent {
                display: block;
            }
        }
    }
}