.vs-btn-project:hover{
    color: var(--title-color) !important;
}

.menu-service a{
    background-color: var(--theme-color) !important;
}

.widget__contact-call:hover{
    color: var(--theme-color);
}

.widget__banner-title-bg{
    color: var(--subtitle-color);
}

@media (max-width: 768px) {
    .blog-title,
    .widget_title{
        font-size: 28px !important;
    }
}

@media (max-width: 426px) {
    h1 {
        font-size: 35px !important;
    }

    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span{
        font-size: 19px;
    }

    .blog-title,
    .widget_title{
        font-size: 26px !important;
    }
}

@media (max-width: 376px) {
    
    h1 {
        font-size: 30px !important;
    }

    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
        font-size: 16px;
    }

    .blog-title,
    .widget_title{
        font-size: 24px !important;
    }
}

@media (max-width: 320px) {
    .vs-service__title,
    .vs-service__title--link{
        font-size: 20px;
    }
    h1 {
        font-size: 25px !important;
    }

    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
        font-size: 14px;
    }

    .blog-title,
    .widget_title{
        font-size: 22px !important;
    }
}