/*************
Hash CSS Start
**************/
@media(max-width: 1920px){
    
}
@media(min-width: 768px){
    
}
@media (max-width: 1024px) {
    .hero-video {
        height: 100% !important;
    }
    .hero-video__media {
        object-fit: cover !important;
        height: 100% !important;
    }
}

/**** Tablet portrait ****/
@media (min-width: 768px) and (max-width: 1024px) {
    .field-col label .wpcf7-form-control-wrap, .field-col input, .wpcf7-select {
        padding: 0 0.8vw;
    }
    /* The gap has to be closed on the <p>, not the input. <input> is
       inline-level, so a vertical margin on it changes nothing - which is why
       margin-top on .submit-btn input had no effect. The <p> is a block, so
       its margin does apply. Height and font stay at the theme's vw values. */
    .submit-btn > p {
        margin-top: -0.5vw;
    }
}
@media(max-width: 767px){

    /**** Contact Form css start ****/
    .field-col label .wpcf7-form-control-wrap, .field-col input, .wpcf7-select {
        font-size: 16px !important;
        border-radius: 8px;
    }
    .field-col label .wpcf7-form-control-wrap, .field-col input {
        margin-bottom: 10px;
        padding: 8px 16px;
        font-size: 16px;
        line-height: 24px;
        height: 40px;
    }
    .field-col, .submit-btn{
        margin-bottom: 0;
    }
    .form-order form :where(p, .wpcf7-list-item-label) {
        font-size: 13px !important;
        line-height: 18px !important;
    }
    .form-logo {
        min-width: auto;
        margin-left: 0;
    }

    /**** Checkboxes ****/
    .checkbox.checkbox-group {
        margin-bottom: 0;
        padding: 0;
        flex-wrap: wrap !important;
    }
    .checkbox.checkbox-group > .form-logo {
        order: 2;
        width: 100%;
        max-width: 150px;
        margin: 20px auto 0;
    }
    .checkbox-group > p{
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }
    .checkbox-group > p span:first-child {
        order: 2;
    }
    .checkbox-group > p span:last-child {
        order: 1;
    }
    .wpcf7-checkbox .wpcf7-list-item-label {
        font-size: 3vw !important;
        line-height: 1.4 !important;
    }
    .wpcf7-checkbox label{
        padding-right: 30px;
    }
    .wpcf7-checkbox input[type="checkbox"] {
        height: 22px !important;
        width: 22px !important;
        min-width: 22px !important;
        margin-top: 6px;
    }
    .wpcf7-checkbox input[type="checkbox"]:checked::before{
        width: 22px;
        height: 22px;
        font-size: 18px;
        line-height: 20px;
        top: unset;
        left: unset;
        transform: unset;
        text-align: center;
    }

    /**** Validation messages ****/
    .wpcf7-not-valid-tip{
        margin: -11px 0 2px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .checkbox-group .wpcf7-not-valid-tip{
        padding-right: 28px !important;
    }
    .wpcf7 form.sent .wpcf7-response-output,
    .wpcf7 form.failed .wpcf7-response-output,
    .wpcf7 form.aborted .wpcf7-response-output,
    .wpcf7 form.invalid .wpcf7-response-output{
        font-size: 12px;
    }

    /**** Submit button ****/
    .submit-btn input {
        padding: 6px 16px !important;
        font-size: 22px !important;
        line-height: 26px !important;
        border-radius: 8px;
        height: 40px;
    }
    .submit-btn img {
        left: 10px;
        width: 18px;
        height: auto;
    }

    /**** Form wrapper ****/
    .main-form-title{
        font-size: 18px;
    }
    .simple-text{
        margin-top: 10px;
    }
    .simple-text p{
        font-size: 3vw;
        line-height: 1.4;
    }
    /**** Contact Form css end ****/

    /**** Privacy Modal css start ****/
    .privacy-wrapper{
        position: fixed;
        top: 0;
        left: 0;
        transform: unset;
        width: 100%;
        height: 100vh;
        min-height: 100vh;
        padding: 50px 20px;
    }
    .privacy-wrapper .privacy-content{
        padding-bottom: 0px !important;
    }
    .privacy-wrapper .privacy-content h2 {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 22px;
    }
    .privacy-wrapper .privacy-content h3 {
        margin-top: 16px;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .privacy-wrapper .privacy-content :where(p, li, a) {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 20px;
        text-align: right;
    }
    .privacy-close-btn {
        top: 10px;
        right: 20px;
    }
    .privacy-close-btn > img{
        width: 30px;
    }
    .pv-link, .pv-links > span{
        font-size: 14px;
    }
    /**** Privacy Modal css end ****/

    .sticker {
        left: 50% !important;
        transform: translateX(-50%);
        position: absolute !important;
    }

}

@media(max-width: 400px){
	
}