@media( min-width: 1500px ) {
    .siteHeader ul li {
        font-size: 1rem;
    }
    .form-control {
        height: 3.5rem;
        font-size: 1rem;
        padding-inline: 1.25rem;
    }  
}

@media( min-width: 1920px ) {
    body, html {
        font-size: 20px;
    }
}

@media ( max-width: 768px ) {
    body, html {
        font-size: 1.3vmin;
    }
    .siteSection {
        padding-block: 20rem 10rem;
    }
    .siteSection > .container-fluid {
        padding-inline: 4.7rem;
    }
    br {
        display: none !important;
    }
    .sectionHead {
        font-size: 2.9rem;
        white-space: normal;
    }
    .siteSection p {
        font-size: 1.8rem;
        padding-right: 5%;
    }
    .siteSection h4 {
        font-size: 2rem;
    }
    .siteHeader img {
        width: 23rem;
        margin-block: 1rem;
    }
    .section_01_ele_01 {
        top: 0;
        left: 0;
        width: 30rem;
        transform: translate( -15%, -80%);
    }
    .section_01_ele_03 {
        top: auto;
        bottom: 0;
        transform: translate( 25%, 100% );
    }
    .section_01_ele_05 {
        width: 30rem;
        transform: translate( 30%, -90% ) rotate(-45deg);
    }
    .section_01_ele_07 {
        transform: translate( 0%, -120% ) rotate(-270deg);
    }
    .section_01_ele_06 {
        right: 45%;
        transform: translateY(180%);
    }
    .section_01_ele_08 {
        top: auto;
        bottom: 0;
        left: auto;
        right: 20%;
        transform: translate( 0%, 250% );
    }
    .section_01_ele_09 {
        top: 0;
        left: auto;
        right: -20%;
        width: 30rem;
        z-index: -1;
        transform: translate( 0%, -75% );
    }
    .section_01_ele_10 {
        position: absolute;
        bottom: 0;
        left: 10%;
        z-index: -1;
        width: 7rem;
        transform: translate( -75%, 100% );
    }
    .section_01_ele_12 {
        bottom: 0;
        right: 0;
        width: 25rem;
        transform: translate( 50%, 60% );
    }
    .form-control {
        height: 6.5rem;
        font-size: 1.8rem;
    }
    .btn-submit {
        font-size: 2rem;
        height: 6rem;
    }
    .siteFooter {
        padding-block: 10rem;
    }
    .profile_wrap_alt {
        transform: none;
    }
    .profile_wrap img {
        width: 20rem;
    }
    .profile_wrap h3 {
        font-size: 3rem;
    }
    .profile_wrap h4 {
        font-size: 2.2rem;
    }
    .innerPage .sectionHead {
        font-size: 4rem;
    }
    .profile_wrap {
        padding-top: 5rem;
    }
    .spacer {
        padding-block: 4rem;
    }
    .form_wrap {
        width: 100%;
    }
    .product_cat h4,
    .form_wrap h4 {
        font-size: 2.75rem;
    }
    .contactPage .btn-submit {
        font-size: 1.72rem;
        height: 5rem;
    }
    .footer_logo {
        width: 20rem;
    }
    .aboutPage_ele_01 {
        bottom: 100%;
        width: 20rem;
        transform: translate( 30%, 50% );
    }      
    .aboutPage_ele_02 {
        bottom: 100%;
        left: 100%;
        width: 35rem;
        transform: translate( -50%, 100% );
    }
    .pd_sec_01 .pd_ele {
        transform: translate(30%, -50%);
    }
    .pd_sec_02 .pd_ele {
        right: 0;
        top: 0;
        width: 15rem;
        transform: translate(20%, 25%);
    }
    .con_ele_02 {
        position: absolute;
        right: 40%;
        top: 100%;
        width: 15rem;
        transform: translateY(-25%);
    }
      
}

@media( max-width: 550px ) {
    body, html {
        font-size: 2vmin;
    }
    .innerPage {
        padding-block: 18rem 8rem;
    }
    .innerPage .sectionHead {
        font-size: 3.3rem;
        margin-bottom: 1.5rem !important;
    }
    .form_wrap h4 {
        margin-bottom: 1rem !important;
    }
}