@media (max-width: 1600px) {
    .main-title {
        font-size: 24px;
    }
    .canvas-blog h6 {
        font-size: 16px;
    }
    .canvas-blog .custom-radio p {
        font-size: 14px;
    }
    .canvas-blog .canva-img {
        width: 110px;
        height: 110px;
    }
    .login-info h1 {
        font-size: 28px;
    }
    .login-info p {
        font-size: 14px;
    }
    .login-info {
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 1440px) {
    .video-img {
        width: 90%;
    }
}
@media (max-width: 1366px) {
    .canvas-blog .canva-img {
        width: 100px;
        height: 100px;
    }
    .canvas-blog h6 {
        font-size: 14px;
        height: 31px;
    }
    .canvas-blog .custom-radio .checkmark,
    .custom-radio .checkmark {
        width: 20px;
        height: 20px;
    }
    .start_creat_main .custom-radio .checkmark:after,
    .form_canva_main .custom-radio .checkmark:after {
        width: 18px;
        height: 18px;
    }
    .start_creat_main .custom-radio input:checked ~ .checkmark:before,
    .form_canva_main .custom-radio input:checked ~ .checkmark:before {
        top: 2px;
        left: 7px;
        width: 6px;
        height: 12px;
    }
    .main-title {
        font-size: 22px;
    }
    .grp-editor-btn .btn {
        font-size: 10px;
    }
}
@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .changepass-main .back-btn {
        position: relative;
        margin: 0;
    }
    .form-btn .btn {
        font-size: 14px;
    }
    /* left-sidebar */
    .nav-link {
        height: 45px;
    }
    .left-panel {
        max-width: 270px;
    }
    /* main section */
    .middle-panel {
        padding-left: 270px;
    }
    .main-title {
        font-size: 20px;
    }
    .middle-cmn-heading {
        padding: 1.5rem;
        flex-flow: column-reverse;
        align-items: flex-end;
        gap: 1rem;
    }
    .left-panel-ftr {
        margin-left: auto;
        justify-content: flex-end;
        position: unset;
    }
    .row-responsive-blog > div {
        width: 100%;
    }
    .canvas-blog.middle-blog:before,
    .canvas-blog.middle-blog:after {
        display: none;
    }
    .canvas-blog {
        padding: 1rem 0;
        align-items: flex-start !important;
    }
    .middle-content {
        height: auto;
    }
    /* rightbar */
    .middle-panel .midd-right {
        max-width: 400px;
    }
    .vinyl-cpvc .custom-radio,
    .midd-right .cmn-white-hd {
        font-size: 14px;
    }
    .texteditor-grp .vinyl-size.canvas-editor-font-style {
        width: 50%;
    }
    /* profile */
    .profile-upld .prf-img {
        width: 150px;
        height: 150px;
    }
    .profile-user-form .form-btn .btn {
        height: auto;
        line-height: normal;
    }
    /* static pages */
    .static-spaces p {
        font-size: 14px;
    }
    .static-head {
        font-size: 22px;
    }
    .subheading {
        font-size: 16px;
    }
    .subscription-plan-card {
        flex: unset !important;
    }
    .subscription-plan-body .card-text {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    br {
        display: none;
    }
    #header .brand-logo {
        max-width: 200px;
    }
    .nav-icon {
        display: block;
    }
    #header {
        position: relative;
        padding: 1rem 0;
    }
    .custom-container {
        padding: 0 15px;
    }
    .login-container,
    .signup-form {
        padding: 2rem 0 1rem;
        height: auto;
        max-width: 100%;
        margin: auto;
    }
    .login-img {
        position: relative;
        margin: auto;
        width: 55.5%;
    }
    .login-info h1 {
        font-size: 22px;
    }
    .login-info {
        margin-bottom: 1.5rem;
    }
    p {
        font-size: 14px;
    }
    #forgot-password-btn,
    .signup-text {
        font-size: 14px;
    }
    .signup.login-img {
        right: unset;
    }
    .verify-email {
        height: auto;
        padding: 2rem 1rem;
        align-items: center;
    }
    .auth-noscroll {
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (max-width: 470px) {
    .login-img {
        width: 100%;
    }
    .verify-email .form-btn {
        max-width: 100%;
    }
}

@media (max-height: 500px) {
    .footer-nav-list {
        position: relative;
    }
}
@media (max-height: 700px) {
    .middle-content {
        height: auto;
        padding: 40px;
    }
    .change-password-form {
        height: auto;
    }
}
@media (max-height: 620px) {
    .get-premium-blog .form-btn {
        position: relative;
    }
}