#contactus-container{
    margin-top: var(--default-header-margin);
    min-height: calc(100vh - var(--default-header-margin));
}





/*********************************************************************************/
/************************** INDEX-CONTACT-US START *********************************/


#index-contactus-container{
    height: 900px !important
}

#index-contactus-main{
    border-radius: var(--default-border-radius);
}




#index-contactus-form{
    border-radius: var(--default-border-radius);
}

.index-form-input{
    background-color: var(--site-tertiary-second-der);
    color: var(--site-primary);
    resize: none;
    border-radius: 10px;
}
.index-form-input::placeholder{
    color: var(--site-primary)
}

.index-form-input:focus{
    background-color: var(--site-tertiary-second-der);
    color: var(--site-primary)
}
.index-form-input:focus::placeholder{
    color: var(--site-primary)
}

.form-button{
    background-color: var(--site-tertiary-second-der);
    color: var(--site-primary);
    border-radius: 10px;
}
.form-button:hover,.form-button:focus{
    background-color: var(--site-tertiary-second-der);
    color: var(--site-primary);
}


@media screen and (min-width:  1400px) and (max-width: 1650px){
    #index-contactus-form{
        width: 80%;
    }
}

@media screen and (min-width:  1100px) and (max-width: 1400px){
    #index-contactus-main{
        width: 90%;
    }
    #index-contactus-form{
        width: 75%;
    }
}

@media screen and (min-width:  900px) and (max-width: 1100px){
    #index-contactus-main{
        width: 90%;
    }
    #index-contactus-form{
        width: 90%;
    }
}

@media screen and (min-width:  0px) and (max-width: 900px){
    #index-contactus-container{
        height: 1600px !important
    }

    #index-contactus-main{
        justify-content: flex-start;
        align-items: start;
        flex-direction: column !important;
        flex-wrap: wrap;
    }
    #index-contactus-main #index-contactus-details{
        width: 100%;
        height: 50% !important;
    }

    #index-contactus-main #index-contactus-form-container{
        width: 100%;
        height: 50% !important;
    }
    #index-contactus-form{
        height: 95%;
    }
    #index-contactus-main{
        width: 90%;
    }
    #index-contactus-form{
        width: 90%;
    }
}

@media screen and (min-width:  0px) and (max-width: 650px){
    #index-contactus-details{
        padding-left: 7px !important;
        padding-right: 7px !important;
        /*padding-bottom: 15px !important*/
    }

    .contact-us-description{
        font-size: 14px;
    }
    .contact-text{
        font-size: 22px !important;
    }
    .contact-info{
        font-size: 14px ;
    }

}


/************************** INDEX-CONTACT-US END *******************************/
/*******************************************************************************/