@media only screen and (max-width: 600px) {

    /* header */
    .header {
        position: unset;
    }
    .dropdown-item {
background: var(--primery-color);        
    }

    .social-header {
        display: none;
    }

    .contact-header {
        font-size: 14px;
        display: block;
        margin: auto;
    }

    #logo {
        width: 160px;
    }

    .social-icon-body {
        height: 30%;
        /*bottom: 30%;*/
        top: 50%;
    }

    .social-text {
        display: none;
    }

    .social-item {
        margin: 0;
    }
    .social-item a {
        font-size: 12px;
    }

    .marquee-name {
        height: 70px;
    }

    .productname {
        font-size: 24px;
    }

    /* ================== heading section ================= */
    .heading-body .small-heading {
        font-size: 16px;
    }

    .heading-body .big-headinng {
        font-size: 8vw;
    }

    .button {
        width: 50%;
    }

    /* about us  */
    .company-name {
        font-size: 16px;
    }

    .about-sce .sub-heading {
        font-size: 18px;
        margin-bottom: 0;
    }

    .about-des {
        line-height: 20px;
        font-size: 14px;
    }

    .about-content {
        padding: 0;
    }

    .help {
        display: none;
    }

    .comyany-name-section {
        padding: 50px 0px;
    }

    .custom-arr {
        top: -50px
    }

    .test-name-body .star {
        font-size: small;
    }

    .test-name-body .test-name {
        font-size: 18px;
        text-wrap: nowrap;
    }

    .test-des {
        padding: 0 2vw;
    }

    .test-des p {
        line-height: 24px;
        font-size: 13px;
    }

    .test-body .custom-arr {
        top: 100%;
    }
    .test-body{
        padding: 0;
    }
.test-name-body{
    padding: 0;
}
.test-name{
   padding: 0; 
}
    .contact-form {
        width: 95%;
    }

    .address {
        font-size: 14px;
    }

    .f-social-icons {
        margin: 0;
    }

    .f-social-icons {
        padding: 20px 4vw 0 4vw;
    }

    .f-social-icons span {
        font-size: 13px;
    }

    .footer-itme ul {
        padding: 0;
        margin: 0;
    }

    .footer-logo {
        width: 100%;
        margin-top: 20px;
    }

    .copyrigth p {
        font-size: 10px;
        line-height: 15px;
        padding: 8px;
    }
}


@media only screen and (max-width: 800px) {
    .header {
        position: unset;
    }

    .social-icon-body {
        height: 30%;
        bottom: 55%;
    }

    .social-text {
        display: none;
    }

    .social-item {
        margin: 0;
    }

    /* ================== heading section ================= */
    .heading-body .small-heading {
        font-size: 14px;
    }
        .bottom-logo{
        display: flex;
        height: fit-content;
        width: 200px;
        min-width: 100px;
      
    }
    .top-logo{
        display: none;
    }

    .heading-body .big-headinng {
        font-size: 7vw;
    }

    .why-section {
        padding: 0 1vw;
    }

    .test-name-body .star {
        font-size: small;
    }

    .test-name-body .test-name {
        font-size: 18px;
        text-wrap: nowrap;
    }

    .test-des {
        padding: 0 2vw;
    }

    .test-des p {
        line-height: 24px;
        font-size: 13px;
    }

    .test-body .custom-arr {
        top: 100%;
    }

    .contact-form {
        width: 95%;
    }

    .address {
        font-size: 14px;
    }

    .contact-details li {
        font-size: 16px;

    }

    .contact-info-box {
        padding: 40px 10px;
    }

    .f-social-icons span {
        font-size: small;
    }

    .footer-itme ul {
        margin-left: 0vw
    }

    .footer-about p {
        line-height: 20px;
    }

    .top-product-des {
        line-height: 20px;

    }
    .about-img{
        float: none;
        width: 100%;
    }
}

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

    .nav-item .nav-link {
        font-size: 16px;
    }
     .social-icon-body {
        height: 30%;
        bottom:60%;
    }

  .about-des{
    line-height: 21px;
  }
}