@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

@media only screen and (min-width: 1445px) and (max-width: 1599px) {}

@media only screen and (min-width: 1400px) and (max-width: 1444px) {}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .header-btm .navbar .navbar-brand {
        width: 100%;
    }

    header .header-btm .navbar .navbar-brand h2 {
        font-size: 20px;
        margin: 0px 0px 20px;
    }

    .home-banner-wrap .main-img {
        width: 100%;
    }

    header .header-btm .navbar .navbar-nav {
        align-items: self-start;
        gap: 10px;
        padding: 10px 0px 20px;
    }

    header .header-btm .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        line-height: 20px;
    }

    .container {
        padding: 0px 10px !important;
    }

    .home-banner-wrap .main-img img {
        height: auto;
    }

    .home-banner-wrap .contant h1 {
        font-size: 40px;
        margin: 10px 0px 20px;
    }

    .home-banner-wrap .contant h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 10px 0px 8px;
    }

    p {
        font-size: 14px;
        line-height: 22px;
        margin: 0px 0px 10px;
    }

    .home-banner-wrap .contant p {
        padding: 0px 0px 10px;
    }

    .head h2 {
        font-size: 24px;
    }

    .bloodroot_wrp .head h2 {
        margin: 0px 0px 20px;
    }

    .head h3 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }

    footer .footer-top .foot-head h2 {
        font-size: 21px;
    }

    footer .footer-top .foot-head h2 span {
        font-size: 20px;
    }

    section.submission-banner-wrap .head h5 {
        margin: 0px 0px 10px;
    }

    section.submission-banner-wrap .head ul {
        gap: 8px;
        padding: 0px 0px 0px 15px;
    }

    section.submission-banner-wrap .head ul li {
        font-size: 14px;
    }

    section.submission-banner-wrap .frm {
        padding: 30px 0px 0px;
    }

    .frm .input-main .form-select,
    .frm .input-main .form-control {
        padding: 8px 10px;
        font-size: 13px;
        line-height: 23px;
    }

    .frm .input-main .form-control::placeholder {
        font-size: 13px;
        line-height: 23px;
    }

    .input-main p,
    .input-main label {
        font-size: 13px;
        margin: 0 0 5px 0;
    }

    .frm .input-main {
        margin: 0 0 15px 0;
    }

    .frm .input-main .form-check .form-check-label {
        font-size: 13px;
    }

    section.submission-banner-wrap {
        padding: 30px 0px 20px;
    }

    .bloodroot_wrp .head ul li p,
    .bloodroot_wrp .head ul li a {
        font-size: 13px;
    }

    .bloodroot_wrp .head ul li p {
        text-align: end;
        width: auto;
    }

    .bloodroot_wrp .head ul {
        width: 100%;
        gap: 7px;
    }

    .bloodroot_wrp .head ul li {
        gap: 10px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    header .header-btm .navbar .navbar-brand {
        width: 100%;
    }

    header .header-btm .navbar .navbar-brand h2 {
        font-size: 20px;
        margin: 0px 0px 20px;
    }

    .home-banner-wrap .main-img {
        width: 100%;
    }

    header .header-btm .navbar .navbar-nav {
        align-items: self-start;
        gap: 10px;
        padding: 10px 0px 20px;
    }

    header .header-btm .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        line-height: 20px;
    }

    .container {
        padding: 0px 10px !important;
    }

    .home-banner-wrap .main-img img {
        height: auto;
    }

    .home-banner-wrap .contant h1 {
        font-size: 40px;
        margin: 10px 0px 20px;
    }

    .home-banner-wrap .contant h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 10px 0px 8px;
    }

    p {
        font-size: 14px;
        line-height: 22px;
        margin: 0px 0px 10px;
    }

    .home-banner-wrap .contant p {
        padding: 0px 0px 10px;
    }

    .head h2 {
        font-size: 24px;
    }

    .bloodroot_wrp .head h2 {
        margin: 0px 0px 20px;
    }

    .head h3 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }

    footer .footer-top .foot-head h2 {
        font-size: 21px;
    }

    footer .footer-top .foot-head h2 span {
        font-size: 20px;
    }

    section.submission-banner-wrap .head h5 {
        margin: 0px 0px 10px;
    }

    section.submission-banner-wrap .head ul {
        gap: 8px;
        padding: 0px 0px 0px 15px;
    }

    section.submission-banner-wrap .head ul li {
        font-size: 14px;
    }

    section.submission-banner-wrap .frm {
        padding: 30px 0px 0px;
    }

    .frm .input-main .form-select,
    .frm .input-main .form-control {
        padding: 8px 10px;
        font-size: 13px;
        line-height: 23px;
    }

    .frm .input-main .form-control::placeholder {
        font-size: 13px;
        line-height: 23px;
    }

    .input-main p,
    .input-main label {
        font-size: 13px;
        margin: 0 0 5px 0;
    }

    .frm .input-main {
        margin: 0 0 15px 0;
    }

    .frm .input-main .form-check .form-check-label {
        font-size: 13px;
    }

    section.submission-banner-wrap {
        padding: 30px 0px 20px;
    }

    .bloodroot_wrp .head ul li p,
    .bloodroot_wrp .head ul li a {
        font-size: 13px;
    }

    .bloodroot_wrp .head ul li p {
        text-align: end;
        width: auto;
    }

    .bloodroot_wrp .head ul {
        width: 100%;
        gap: 7px;
    }

    .bloodroot_wrp .head ul li {
        gap: 10px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    header .header-btm .navbar .navbar-brand {
        width: 100%;
    }

    header .header-btm .navbar .navbar-brand h2 {
        font-size: 20px;
        margin: 0px 0px 20px;
    }

    .home-banner-wrap .main-img {
        width: 100%;
    }

    header .header-btm .navbar .navbar-nav {
        align-items: self-start;
        gap: 10px;
        padding: 10px 0px 20px;
    }

    header .header-btm .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        line-height: 20px;
    }

    .container {
        padding: 0px 10px !important;
    }

    .home-banner-wrap .main-img img {
        height: auto;
    }

    .home-banner-wrap .contant h1 {
        font-size: 40px;
        margin: 10px 0px 20px;
    }

    .home-banner-wrap .contant h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 10px 0px 8px;
    }

    p {
        font-size: 14px;
        line-height: 22px;
        margin: 0px 0px 10px;
    }

    .home-banner-wrap .contant p {
        padding: 0px 0px 10px;
    }

    .head h2 {
        font-size: 24px;
    }

    .bloodroot_wrp .head h2 {
        margin: 0px 0px 20px;
    }

    .head h3 {
        font-size: 20px;
        margin: 0px 0px 15px;
    }

    footer .footer-top .foot-head h2 {
        font-size: 21px;
    }

    footer .footer-top .foot-head h2 span {
        font-size: 20px;
    }

    section.submission-banner-wrap .head h5 {
        margin: 0px 0px 10px;
    }

    section.submission-banner-wrap .head ul {
        gap: 8px;
        padding: 0px 0px 0px 15px;
    }

    section.submission-banner-wrap .head ul li {
        font-size: 14px;
    }

    section.submission-banner-wrap .frm {
        padding: 30px 0px 0px;
    }

    .frm .input-main .form-select,
    .frm .input-main .form-control {
        padding: 8px 10px;
        font-size: 13px;
        line-height: 23px;
    }

    .frm .input-main .form-control::placeholder {
        font-size: 13px;
        line-height: 23px;
    }

    .input-main p,
    .input-main label {
        font-size: 13px;
        margin: 0 0 5px 0;
    }

    .frm .input-main {
        margin: 0 0 15px 0;
    }

    .frm .input-main .form-check .form-check-label {
        font-size: 13px;
    }

    section.submission-banner-wrap {
        padding: 30px 0px 20px;
    }

    .bloodroot_wrp .head ul li p,
    .bloodroot_wrp .head ul li a {
        font-size: 13px;
    }

    .bloodroot_wrp .head ul li p {
        text-align: end;
        width: auto;
    }

    .bloodroot_wrp .head ul {
        width: 100%;
        gap: 7px;
    }

    .bloodroot_wrp .head ul li {
        gap: 10px;
    }
}