.dropbtn {
    background-color: transparent;
    color: white;
    padding: 16px !important;
    font-size: 25px !important;
    border: none !important;
    cursor: pointer !important;
}

.dropbtn:hover, .dropbtn:focus {
    /*background-color: black;*/
}

.dropdown {
    background-color: transparent;
    display: inline-block;
}

.dropdown-content {
    display: none;
    /*position: relative;*/
    background-color: #09090a !important;
    min-width: 150px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #73bf44;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {
    background-color: #ddd;

}

.show {display: block;}

.contact-us-card {
    border: none !important;
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.18) !important;
    margin-top: -10em !important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 360px) {
    .contact-us-card {
        width: 90% !important;
    }
    .contact-us-heading{
        padding: 1em 5em 0px 4em;
        color: #333333;
        font-size: 26px;
        font-weight: 600;
        text-transform: capitalize;
    }
    .contact-us-desc{
        padding: 1em 6em 0px 7.5em;
        text-align: left;
    }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .contact-us-card {
        width: 90% !important;
    }
    .contact-us-heading{
        padding: 0;
        color: #333333;
        font-size: 26px;
        font-weight: 600;
        text-transform: capitalize;
    }
    .contact-us-desc{
        padding: 0;
        text-align: left;
    }
}

.contact-us-icon{
    margin-left: -4px;
    padding: 0;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .contact-us-card {
        width: 80% !important;
    }
    .contact-us-heading{
        padding: 0;
        color: #333333;
        font-size: 26px;
        font-weight: 600;
        text-transform: capitalize;
    }
    .contact-us-desc{
        padding: 0;
        text-align: left;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .contact-us-card {
        width: 70% !important;
    }
    .contact-us-heading{
        padding: 0;
        color: #333333;
        font-size: 26px;
        font-weight: 600;
        text-transform: capitalize;
    }
    .contact-us-desc{
        padding: 0;
        text-align: left;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .contact-us-card {
        width: 70% !important;
    }
    .contact-us-heading{
        padding: 1em 1em 0px 0.5em;
        color: #333333;
        font-size: 26px;
        font-weight: 600;
        text-transform: capitalize;
    }
    .contact-us-desc{
        padding: 1em 2em 0px 1em;
        text-align: left;
    }
    .contact-us-icon{
        margin-left: 6px;
        padding: 0;
    }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .contact-us-card {
        width: 70% !important;
    }
    .contact-us-heading{
        padding: 1em 1em 0px 0.5em;
        color: #333333;
        font-size: 26px;
        font-weight: 600;
        text-transform: capitalize;
    }
    .contact-us-desc{
        padding: 1em 1em 0px 1em;
        text-align: left;
    }
    .contact-us-icon{
        margin-left: 6px;
        padding: 0;
    }
}