.dropdown:hover .dropdown-menu {
    display: block;
}

@media only screen and (min-width: 960px) {
    .save_contact_popup {
        background: white;
        /* width: fit-content; */
        padding: 0px;
        position: fixed;
        z-index: 4;
        left: 50%;
        transform: translate(-50%, 39px);
        border-radius: 5px;
        box-shadow: 0px 0px 42px 0px #00000038;
        width: 380px;
    }
    .close1 {
        position: absolute;
        right: 13px;
        font-size: 44px;
        top: 0;
        color: red;
    }
    .card_status1 p{
        transform: rotate(
            45deg
        );
        margin: 12px 31px 33px 44px;
        font-weight: 600;
        color: white;
    }
    .card_status1 {
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
        width: 100px;
        height: 100px;
        background: #f9aa79;
        color: white;
        position: absolute;
        top: 0;
        z-index: 888;
        right: 0;
        box-shadow: 0px 0px 10px 0px #0000002e;
    }
    .btn-popup {
        box-sizing: border-box !important;
        border-width: 1px!important;
        border-style: solid !important;
        border-color: #0e0e0e !important;
        margin-left: 40%;
        padding: 5px;
    }
    .hd-popup{
        text-align: center;
        font-weight: 900;
        font-size: 20px;
    }
}

@media only screen and (min-width: 1440px) {
    .save_contact_popup {
        background: white;
        /* width: fit-content; */
        padding: 0px;
        position: fixed;
        z-index: 4;
        left: 50%;
        transform: translate(-50%, 39px);
        border-radius: 5px;
        box-shadow: 0px 0px 42px 0px #00000038;
        width: 380px;
    }
    .close1 {
        position: absolute;
        right: 13px;
        font-size: 44px;
        top: 0;
        color: red;
    }
    .card_status1 p{
        transform: rotate(
            45deg
        );
        margin: 12px 31px 33px 44px;
        font-weight: 600;
        color: white;
    }
    .card_status1 {
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
        width: 100px;
        height: 100px;
        background: #f9aa79;
        color: white;
        position: absolute;
        top: 0;
        z-index: 888;
        right: 0;
        box-shadow: 0px 0px 10px 0px #0000002e;
    }
    .btn-popup {
        box-sizing: border-box !important;
        border-width: 1px!important;
        border-style: solid !important;
        border-color: #0e0e0e !important;
        margin-left: 40%;
        padding: 5px;
    }
    .hd-popup{
        text-align: center;
        font-weight: 900;
        font-size: 20px;
    }
}

@media only screen and (min-width: 2000px) {
    .save_contact_popup {
        background: white;
        /* width: fit-content; */
        padding: 0px;
        position: fixed;
        z-index: 4;
        left: 50%;
        transform: translate(-50%, 39px);
        border-radius: 5px;
        box-shadow: 0px 0px 42px 0px #00000038;
        width: 380px;
    }
    .close1 {
        position: absolute;
        right: 13px;
        font-size: 44px;
        top: 0;
        color: red;
    }
    .card_status1 p{
        transform: rotate(
            45deg
        );
        margin: 12px 31px 33px 44px;
        font-weight: 600;
        color: white;
    }
    .card_status1 {
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
        width: 100px;
        height: 100px;
        background: #f9aa79;
        color: white;
        position: absolute;
        top: 0;
        z-index: 888;
        right: 0;
        box-shadow: 0px 0px 10px 0px #0000002e;
    }
    .btn-popup {
        box-sizing: border-box !important;
        border-width: 1px!important;
        border-style: solid !important;
        border-color: #0e0e0e !important;
        margin-left: 40%;
        padding: 5px;
    }
    .hd-popup{
        text-align: center;
        font-weight: 900;
        font-size: 20px;
    }
}

@media only screen and (max-device-width: 480px) {
    .save_contact_popup {
        background: white;
        /* width: fit-content; */
        padding: 0px;
        position: fixed;
        z-index: 4;
        left: 50%;
        transform: translate(-50%, 39px);
        border-radius: 5px;
        box-shadow: 0px 0px 42px 0px #00000038;
        width: 380px;
    }
    .close1 {
        position: absolute;
        right: 13px;
        font-size: 44px;
        top: 0;
        color: red;
    }
    .card_status1 p{
        transform: rotate(
            45deg
        );
        margin: 12px 31px 33px 44px;
        font-weight: 600;
        color: white;
    }
    .card_status1 {
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
        width: 100px;
        height: 100px;
        background: #f9aa79;
        color: white;
        position: absolute;
        top: 0;
        z-index: 888;
        right: 0;
        box-shadow: 0px 0px 10px 0px #0000002e;
    }
    .btn-popup {
        box-sizing: border-box !important;
        border-width: 1px!important;
        border-style: solid !important;
        border-color: #0e0e0e !important;
        margin-left: 40%;
        padding: 5px;
    }
    .hd-popup{
        text-align: center;
        font-weight: 900;
        font-size: 20px;
    }
}

@media only screen and (device-width: 768px) {
    .save_contact_popup {
        background: white;
        /* width: fit-content; */
        padding: 0px;
        position: fixed;
        z-index: 4;
        left: 50%;
        transform: translate(-50%, 39px);
        border-radius: 5px;
        box-shadow: 0px 0px 42px 0px #00000038;
        width: 380px;
    }
    .close1 {
        position: absolute;
        right: 13px;
        font-size: 44px;
        top: 0;
        color: red;
    }
    .card_status1 p{
        transform: rotate(
            45deg
        );
        margin: 12px 31px 33px 44px;
        font-weight: 600;
        color: white;
    }
    .card_status1 {
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
        width: 100px;
        height: 100px;
        background: #f9aa79;
        color: white;
        position: absolute;
        top: 0;
        z-index: 888;
        right: 0;
        box-shadow: 0px 0px 10px 0px #0000002e;
    }
    .btn-popup {
        box-sizing: border-box !important;
        border-width: 1px!important;
        border-style: solid !important;
        border-color: #0e0e0e !important;
        margin-left: 40%;
        padding: 5px;
    }
    .hd-popup{
        text-align: center;
        font-weight: 900;
        font-size: 20px;
    }
}


/* different techniques for iPad screening */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    .save_contact_popup {
        background: white;
        /* width: fit-content; */
        padding: 0px;
        position: fixed;
        z-index: 4;
        left: 50%;
        transform: translate(-50%, 39px);
        border-radius: 5px;
        box-shadow: 0px 0px 42px 0px #00000038;
        width: 380px;
    }
    .close1 {
        position: absolute;
        right: 13px;
        font-size: 44px;
        top: 0;
        color: red;
    }
    .card_status1 p{
        transform: rotate(
            45deg
        );
        margin: 12px 31px 33px 44px;
        font-weight: 600;
        color: white;
    }
    .card_status1 {
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
        width: 100px;
        height: 100px;
        background: #f9aa79;
        color: white;
        position: absolute;
        top: 0;
        z-index: 888;
        right: 0;
        box-shadow: 0px 0px 10px 0px #0000002e;
    }
    .btn-popup {
        box-sizing: border-box !important;
        border-width: 1px!important;
        border-style: solid !important;
        border-color: #0e0e0e !important;
        margin-left: 40%;
        padding: 5px;
    }
    .hd-popup{
        text-align: center;
        font-weight: 900;
        font-size: 20px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    .save_contact_popup {
        background: white;
        /* width: fit-content; */
        padding: 0px;
        position: fixed;
        z-index: 4;
        left: 50%;
        transform: translate(-50%, 39px);
        border-radius: 5px;
        box-shadow: 0px 0px 42px 0px #00000038;
        width: 380px;
    }
    .close1 {
        position: absolute;
        right: 13px;
        font-size: 44px;
        top: 0;
        color: red;
    }
    .card_status1 p{
        transform: rotate(
            45deg
        );
        margin: 12px 31px 33px 44px;
        font-weight: 600;
        color: white;
    }
    .card_status1 {
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
        width: 100px;
        height: 100px;
        background: #f9aa79;
        color: white;
        position: absolute;
        top: 0;
        z-index: 888;
        right: 0;
        box-shadow: 0px 0px 10px 0px #0000002e;
    }
    .btn-popup {
        box-sizing: border-box !important;
        border-width: 1px!important;
        border-style: solid !important;
        border-color: #0e0e0e !important;
        margin-left: 40%;
        padding: 5px;
    }
    .hd-popup{
        text-align: center;
        font-weight: 900;
        font-size: 20px;
    }
}