:root{
    --dkm-color:rgb(50, 66, 203);
    --dkm-color-dark:rgb(135 145 229);
}

@media screen and (max-width: 500px) {
    .features-block.theme-one .inner-box{
        padding: 40px 19px !important;
    }
    .chat-container{
        height: 575px !important;
    }
    .section-padding{
        padding: 75px 0;
    }
    .playstore-widget.stack-list ul{
        flex: 0 0 100%;
    }
    .copyright-bar{
        flex-direction: column;
        gap: 2rem;
    }
    .main-footer{
        padding: 35px 0;
    }
    #navigation .navbar-right{
        margin-top: 3rem;
    }
    #navigation .menu-button{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}

@media (min-width: 501px) and (max-width: 845px) {
    .full-height{
        min-height: 80vh;
    }
    .vertical-tab .st-tab-btn{
        flex: 0 0 21%;
        width: 100%;
        max-width: 21%;
    }
    .vertical-tab .st-tab-content{
        flex: 0 0 79%;
        width: 100%;
        max-width: 79%;
        padding: 0px 0px 0px 20px;
    }
    .vertical-tab .st-tab-btn .nav-tabs .nav-item .nav-link, .st-tab-btn .nav-tabs .nav-link{
        padding: 10px 0;
    }
    .chat-container{
        height: 700px !important;
    }
    .notification-area{
        height: 100px !important;
    }
    .notification-item{
        padding: 16px 4px !important;
    }
    .section-padding{
        padding: 75px 0;
    }
    .playstore-widget.stack-list ul{
        flex: 0 0 100%;
    }
    #navigation .navbar-right{
        margin-top: 3rem;
    }
    #navigation .menu-button{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}

@media (min-width: 846px) and (max-width: 1099px) {
    .full-height{
        min-height: 90vh;
    }
    .page-header.dc-six::before{
        left: -11%;
        height: 140%;
        width: 109%;
        top: -57%;
    }
    #master-head.menu-fixed{
        height: 155px;
    }
    .notification-item{
        padding: 16px 4px !important;
    }
    .notification-area{
        height: 100px !important;
    }
    .chat-container{
        height: 625px !important;
    }
    .playstore-widget.stack-list ul{
        flex: 0 0 100%;
    }
    .menu-button .btn{
        padding: 0 15px;
    }
}

@media (min-width: 1100px) and (max-width: 1400px) {
    .features-block.theme-one .inner-box{
        padding: 40px 15px;
    }

    .features-block.theme-one .inner-box p{
        font-size: 14px;
    }
    .page-header.dc-six:before{
        height: 100%;
        width: 100%;
        top: -39%;
        left: -5%;
    }
}

@media (min-width: 1401px) {
    .features-block.theme-one .inner-box p{
        font-size: 14px;
    }
    .page-header.dc-six:before{
        height: 100%;
        width: 100%;
        top: -20%;
        left: 0;
        transform: rotate(-10deg);
    }
    .section-padding{
        padding: 70px 0;
    }
}

.text-theme{
    color: var(--dkm-color) !important;
}