@media screen and (min-width: 941px) {
    .mobilemenu {
        display: none;
    }
}

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

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

@media screen and (max-width: 1440px) and (min-width: 1370px) {}

@media screen and (max-width: 1300px) and (min-width: 1024px) {}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
    .logo {
        width: 15%;
    }
    .menuitem li:not(:last-child) {
        margin-right: 0;
    }
    .menuitem li a {
        padding: 8px 10px;
    }
    .phone-email {
        width: 35%;
        padding-left: 0;
    }
    .jercow {
        position: unset;
    }
}

@media screen and (max-width: 1024px) and (min-width: 250px) {
    .logo {
        width: 15%;
    }
    .menuitem li:not(:last-child) {
        margin-right: 0;
    }
    .menuitem li a {
        padding: 8px 10px;
    }
    .phone-email {
        width: 35%;
        padding-left: 0;
    }
    .jercow {
        position: unset;
    }
}

@media screen and (max-width: 980px) and (min-width: 250px) {
    .menuitem li a {
        padding: 8px 5px;
    }
    .phone-email a:not(:last-child) {
        margin-right: 5px;
    }
    .phone-email .hebtnsub {
        padding: 0 10px;
    }
    .banner {
        height: 100%;
    }
    .allmilk-pro li {
        width: calc(33.3% - 20px);
        margin-top: 20px;
    }
    .allmilk-pro li:not(:last-child) {
        margin-right: 20px;
    }
}

@media screen and (max-width: 940px) and (min-width: 250px) {
    .topheader {
        position: unset;
    }
    .nav-menu {
        position: absolute;
        content: "";
        display: none;
        float: unset;
        top: 110px;
        left: 0;
        right: 0;
        width: 100%;
        border-top: 1px solid #ececec;
        background-color: #fff;
        padding: 25px 0;
        z-index: 99;
    }
    .menuitem li {
        padding: 5px 0;
        display: block;
    }
    .menuitem {
        text-align: center;
    }
    .menuitem li a {
        padding: 8px 15px;
    }
    .phone-email {
        width: 85%;
        padding-left: 0;
        padding-right: 60px;
    }
    .phone-email a:not(:last-child) {
        margin-right: 15px;
    }
    .whoaretext {
        width: 100%;
        padding-left: 0;
    }
    .whoareimg {
        display: none;
    }
    .ourproduct {
        padding: 50px 0;
    }
    .jercow {
        width: 100%;
        padding: 20px 30px 20px 45px;
    }
    .jercow h3 {
        font-size: 25px;
    }
    .jerseyimg {
        width: 100%;
    }
    .whoare {
        padding: 20px 0;
    }
    .footer {
        padding-top: 80px;
        padding-bottom: 100px;
    }
    .subscrip {
        height: 300px;
    }
    .orgcost h2 {
        font-size: 25px;
    }
    .humimg {
        display: none;
    }
    .humenre {
        width: 100%;
        padding-left: 0;
    }
    .aboutus {
        padding: 30px 0;
    }
    .productall {
        padding: 30px 0;
        background: none;
    }
}

@media screen and (max-width: 800px) and (min-width: 250px) {}

@media screen and (max-width: 768px) and (min-width: 250px) {}

@media screen and (max-width: 767px) and (min-width: 250px) {
    .cowbuff {
        width: 100%;
        padding: 50px 0 50px 0;
    }
    .cowbuffbg {
        width: 100%;
        padding: 0 0;
    }
    .cowvsright {
        width: 100%;
        padding-left: 0;
    }
    .cowvsleft {
        width: 100%;
    }
    .milkalltitle {
        font-size: 25px;
    }
    .allmilk-pro li {
        width: calc(50% - 20px);
        margin-top: 20px;
    }
    .faqaccess {
        width: 100%;
        max-width: 800px;
        margin: 50px auto;
        display: block;
        padding: 20px 0;
        text-align: center;
        background-color: #f8f8f8;
        box-shadow: none;
    }
    .contmap {
        width: 100%;
        display: block;
        height: 100%;
    }
    .contleft {
        width: 100%;
        float: none;
    }
    .rightmap {
        width: 100%;
        float: none;
        height: 300px;
    }
    .enq-cho {
        box-shadow: none;
    }
}

@media screen and (max-width: 640px) and (min-width: 250px) {}

@media screen and (max-width: 600px) and (min-width: 250px) {}

@media screen and (max-width: 580px) and (min-width: 250px) {
    .phone-email {
        width: 60%;
        padding-left: 0;
        padding-right: 0px;
        right: 0;
        left: 0;
        text-align: center;
    }
    .logo {
        width: 40%;
    }
    .mownquform {
        padding: 20px 0;
    }
}

@media screen and (max-width: 540px) and (min-width: 250px) {
    .phone-email .hebtnsam {
        font-size: 16px;
        font-weight: 500;
        color: #69119b;
        background-color: transparent;
        border: none;
        display: inline-block;
        border-radius: 50px;
        padding: 5px 5px;
    }
    .phone-email .hebtnsub {
        font-size: 16px;
        font-weight: 500;
        color: #69119b;
        background-color: transparent;
        border: none;
        display: inline-block;
        border-radius: 50px;
        padding: 5px 5px;
    }
}

@media screen and (max-width: 520px) and (min-width: 250px) {
    .FCopy {
        display: block;
        text-align: center;
    }
    .sign-popup li {
        width: calc(100% - 15px);
    }
    .sign-popup .landmark {
        height: unset;
    }
    .formleft .formtile {
        padding: 20px;
    }
}

@media screen and (max-width: 480px) and (min-width: 250px) {
    .jercow {
        width: 100%;
        padding: 20px 30px 20px 30px;
    }
    .allmilk-pro li {
        width: calc(100% - 20px);
        margin-top: 20px;
    }
    .productall {
        background: none;
    }
    .contactus h1 {
        font-size: 25px;
    }
}

@media screen and (max-width: 440px) and (min-width: 250px) {}

@media screen and (max-width: 420px) and (min-width: 250px) {}

@media screen and (max-width: 380px) and (min-width: 250px) {}

@media screen and (max-width: 360px) and (min-width: 250px) {
    .foo-site {
        text-align: center;
    }
    .sitemap h4::after {
        position: unset;
        margin: 0 auto;
    }
    .sitemap img {
        display: none;
    }
}

@media screen and (max-width: 320px) and (min-width: 250px) {}

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