/* Add here all your CSS customizations */
.feedback-btn{
    color:#ffffff !important;font-size: 18px !important;background: #0088cc !important;padding: 12px;border-radius: 8px;
}

.dynamic-line{
    position: absolute;top:375px;z-index: 999;width:100%;
}

.dynamic-line p{
    color:#ffffff!important;font-size: small;
}


@media (max-width: 1024px) {

    .feedback-btn{
        color:#ffffff !important;font-size: 18px !important;background: #0088cc !important;padding: 12px;border-radius: 8px;
    }

    .dynamic-line{
        position: absolute;top:340px;z-index: 999;width:100%;
    }

    .dynamic-line h1{
       font-size: 21px;
    }

    .dynamic-line h1.word-rotator-title .word-rotate{
        max-height: 33px;
        line-height: 33px;
        margin-bottom: -9px;
    }

    h1.word-rotator-title .inverted{
        min-height: 25px !important;
    }
    
    .dynamic-line p{
        color:#ffffff!important;font-size: small;
    }
}

@media (min-width: 992px) {
    .feedback-btn{
        color:#ffffff !important;font-size: 18px !important;background: #0088cc !important;padding: 12px;border-radius: 8px;
    }

    
}

@media (max-width: 991px) {

    .feedback-btn{
        display: inline-block; margin-top: 5px ;color:#ffffff !important;font-size: 14px !important;background: #0088cc !important;padding: 8px;border-radius: 8px;
    }

    .dynamic-line{
        position: absolute;top:240px;z-index: 999;width:100%;
    }

    .dynamic-line h1{
       font-size: 21px;
    }

    .dynamic-line h1.word-rotator-title .word-rotate{
        max-height: 33px;
        line-height: 33px;
        margin-bottom: -9px;
    }

    h1.word-rotator-title .inverted{
        min-height: 25px !important;
    }
    
    .dynamic-line p{
        color:#ffffff!important;font-size: small;
    }
}

@media (max-width: 767px) {
    .feedback-btn{
        display: inline-block; margin-top: 5px ;color:#ffffff !important;font-size: 14px !important;background: #0088cc !important;padding: 8px;border-radius: 8px;
    }

    .dynamic-line{
        position: absolute;top:155px;z-index: 999;width:100%;
    }

    .dynamic-line h1{
       font-size: 12px;
    }

    .dynamic-line h1.word-rotator-title .word-rotate{
        max-height: 23px;
        line-height: 23px;
        margin-bottom: -9px;
    }

    h1.word-rotator-title .inverted{
        min-height: 25px !important;
    }
    
    .dynamic-line p{
        color:#ffffff!important;font-size: small;
    }
}

@media (max-width: 600px) {
    .feedback-btn{
        display: inline-block; margin-top: 5px ;color:#ffffff !important;font-size: 14px !important;background: #0088cc !important;padding: 8px;border-radius: 8px;
    }

    .dynamic-line{
        position: absolute;top:135px;z-index: 999;width:100%;
    }

    .dynamic-line h1{
       font-size: 12px;
    }

    .dynamic-line h1.word-rotator-title .word-rotate{
        max-height: 23px;
        line-height: 23px;
        margin-bottom: -9px;
    }

    h1.word-rotator-title .inverted{
        min-height: 25px !important;
    }
    
    .dynamic-line p{
        color:#ffffff!important;font-size: small;
    }
}

@media (max-width: 479px) {
    .feedback-btn{
        display: inline-block; margin-top: 5px ;color:#ffffff !important;font-size: 14px !important;background: #0088cc !important;padding: 8px;border-radius: 8px;
    }

    .dynamic-line{
        position: absolute;top:135px;z-index: 999;width:100%;
    }

    .dynamic-line h1{
       font-size: 12px;
    }

    .dynamic-line h1.word-rotator-title .word-rotate{
        max-height: 23px;
        line-height: 23px;
        margin-bottom: -9px;
    }

    h1.word-rotator-title .inverted{
        min-height: 25px !important;
    }
    
    .dynamic-line p{
        color:#ffffff!important;font-size: small;
    }
}