@media (min-width: 320px) and (max-width: 425px) {
    .single-product .single-product-img {
        height: 100%;
        width: 100%;
    }
    .margin-top-425px {
        margin: 0;
    }
    .contact-captcha,
    .postage-captcha,
    .career-captcha {
        float: left !important;
    }
    .contact-captcha > div,
    .postage-captcha > div,
    .career-captcha > div {
        width: 100% !important;
    }
    .enquiry-captcha iframe {
        transform: scale(0.8);
        margin-left: -15px;
    }
    .fa.fa-plus.add_row {
        margin-top: 10px;
    }
    .postage-captcha iframe {
        transform: scale(0.9);
    }
    .padding-425px {
        padding: 0;
    }
}
@media (min-width: 320px) and (max-width: 350px) {
    .contact-captcha iframe {
        transform: scale(0.7);
        margin-left: -38px;
    }
    .career-captcha iframe {
        transform: scale(0.8);
        margin-left: -14px;
    }
    .distibution-captcha iframe {
        transform: scale(0.9);
        margin-left: -17px;
    }
}
@media (min-width: 351px) and (max-width: 375px) {
    .contact-captcha iframe {
        transform: scale(0.8);
        margin-left: -22px;
    }
    .career-captcha iframe {
        transform: scale(0.9);
        margin-left: -4px;
    }
}
@media (min-width: 376px) and (max-width: 425px) {
    .contact-captcha iframe {
        transform: scale(0.8);
    }
    .career-captcha iframe {
        transform: scale(0.9);
    }
}
@media (max-width: 500px) {
    .contact-info-map iframe {
        width: 280px;
    }
    .hesperiden.tparrows {
        width: 30px;
        height: 30px;
    }
    .hesperiden.tparrows:before {
        font-size: 16px;
        line-height: 33px;
    }
    .tp-rightarrow.tparrows.hesperiden {
        left: 104% !important;
    }
    .tp-leftarrow.tparrows.hesperiden {
        left: -16px !important;
    }
    #calculate-postage-form input,
    #calculate-postage-form textarea,
    .postage-part,
    #calculate-postage-form select {
        width: 100%;
    }
    .distribution-enquiry,
    .customer-care,
    .top-email {
        font-size: 14px;
    }
}
@media (min-width: 375px) and (max-width: 425px) {
    .heading.text-center.margin-bottom-30 {
        font-size: 20px;
    }
    .top-header-heading {
        font-size: 15px;
    }
}
@media (min-width: 320px) and (max-width: 375px) {
    .rc-anchor-logo-portrait {
        margin: 10px 0 0 0 !important;
    }
    .bg-style,
    .table-padding {
        padding: 10px;
    }
    .heading.text-center.margin-bottom-30 {
        font-size: 16px;
    }
    .top-header-heading {
        font-size: 15px;
    }
    #contactForm .letter {
        min-height: 650px;
    }
    #contactForm a.button,
    #contactForm button {
        margin-left: 30.5%;
        margin-top: -50px;
    }
    .inner-header h3 {
        font-size: 20px;
    }
}
@media (min-width: 375px) and (max-width: 500px) {
    #contactForm .letter {
        min-height: 710px;
    }
}
@media (min-width: 540px) and (max-width: 767px) {
    .fa.fa-plus.add_row {
        margin-top: 10px;
    }
}
@media (min-width: 425px) and (max-width: 500px) {
    #contactForm .letter {
        min-height: 730px !important;
    }
    #contactForm a.button,
    #contactForm button {
        margin-left: 30.5%;
        margin-top: -14%;
    }
    .heading.text-center.margin-bottom-30 {
        font-size: 20px;
    }
}
@media (min-width: 501px) and (max-width: 586px) {
    .fa-plus,
    .fa-minus {
        float: right;
        margin-bottom: 10px;
        margin-top: -14px;
    }
    .hesperiden.tparrows {
        width: 30px;
        height: 30px;
    }
    .hesperiden.tparrows:before {
        font-size: 16px;
        line-height: 33px;
    }
    .tp-rightarrow.tparrows.hesperiden {
        left: 104% !important;
    }
    .tp-leftarrow.tparrows.hesperiden {
        left: -16px !important;
    }
}
@media only screen and (max-width: 768px) {
    .header-top-section {
        font-size: 10.1px !important;
    }
}
@media only screen and (max-width: 1024px) {
    .header-top-section {
        font-size: 13.4px;
    }
}
@media (min-width: 565px) and (max-width: 600px) {
    #contactForm .envelope-front,
    #contactForm .envelope-back {
        width: 96%;
        min-height: 354px;
        margin: 0 2%;
    }
    .hesperiden.tparrows {
        width: 30px;
        height: 30px;
    }
    .hesperiden.tparrows:before {
        font-size: 16px;
        line-height: 33px;
    }
    .tp-rightarrow.tparrows.hesperiden {
        left: 104% !important;
    }
    .tp-leftarrow.tparrows.hesperiden {
        left: -16px !important;
    }
}
@media (min-width: 601px) and (max-width: 660px) {
    #contactForm .letter {
        min-height: 830px;
        width: 85%;
    }
    #contactForm a.button,
    #contactForm button {
        margin-top: -11.5%;
    }
    #contactForm .envelope-front,
    #contactForm .envelope-back {
        width: 92%;
        margin: 0 4%;
        min-height: 350px;
    }
    .hesperiden.tparrows {
        width: 30px;
        height: 30px;
    }
    .hesperiden.tparrows:before {
        font-size: 16px;
        line-height: 33px;
    }
    .tp-rightarrow.tparrows.hesperiden {
        left: 104% !important;
    }
    .tp-leftarrow.tparrows.hesperiden {
        left: -16px !important;
    }
    #myModal .modal-dialog,
    #myModal2 .modal-dialog {
        width: 80%;
        margin: 10px auto;
    }
}
@media (min-width: 661px) and (max-width: 767px) {
    #contactForm .envelope-front,
    #contactForm .envelope-back {
        width: 86%;
        margin: 0 7%;
    }
    #contactForm .letter {
        width: 78%;
        min-height: 790px;
    }
    #contactForm a.button,
    #contactForm button {
        margin-top: -10%;
    }
    #myModal .modal-dialog,
    #myModal2 .modal-dialog {
        width: 70%;
        margin: 10px auto;
    }
}
@media (min-width: 450px) and (max-width: 500px) {
    .responsive-view-501px {
        width: 50%;
    }
    .responsive-view-501px:nth-child(odd) {
        clear: both;
    }
    .products-section {
        margin-bottom: 12px;
    }
}
@media (min-width: 501px) and (max-width: 767px) {
    .products-section {
        margin-bottom: 12px;
    }
    .responsive-view-501px {
        width: 50%;
    }
    .responsive-view-501px:nth-child(odd) {
        clear: both;
    }
    .postage-icon {
        max-width: 75%;
        margin: 0 auto;
        width: 100%;
    }
    .product-margin-bottom {
        margin-bottom: 20px;
    }
    .resp-501px-767px {
        width: 50%;
    }
    .resp-501px-767px .category-name {
        font-size: 13px;
    }
    .heading.text-center.margin-bottom-30 {
        font-size: 26px;
    }
    .distribution-enquiry,
    .customer-care,
    .top-email {
        font-size: 15px;
    }
}
@media (max-width: 610px) {
    .header-top-section-ul li {
        width: 100%;
    }
}
@media (min-width: 611px) and (max-width: 800px) {
    .header-top-section-ul li {
        width: 50%;
    }
}
@media (min-width: 800px) and (max-width: 991px) {
    .header-top-section-ul li {
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
   
    .top-header-title {
        display: none;
    }
    .switcher .selected,
    .switcher .selected {
        z-index: 999 !important;
    }
    .li-logo {
        display: none;
    }
    .dropdown-toggle {
        width: 100%;
        text-align: right;
        z-index: 9999;
    }
    .custom-style {
        min-height: 80px;
    }
    .dropdown-toggle {
        right: 20px;
    }
    .mobile-view-only {
        border: none;
        box-shadow: none;
        margin-bottom: 0;
        margin-top: -51px;
    }
    .fa.fa-plus.add_row {
        float: left !important;
        margin-bottom: 10px;
    }
    .desktop-view-only {
        display: none;
    }
    .apply-btn {
        margin: 10px 0 0 0;
    }
    .postage_btn {
        margin: 10px 0 0 0;
    }
    .footer .company-info {
        width: 100%;
    }
    .fssai-logo {
        width: 50% !important;
    }
    .logo-fssai {
        width: 100%;
        max-width: 300px;
        text-align: center;
        margin: 0 auto 20px auto;
    }
    .navbar-logo img {
        float: none;
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }
    .header .contact-info-list {
        display: none;
    }
    .inner-header h3 {
        margin: 0;
    }
    .header .darkgrey-bg {
        float: right;
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0;
    }
    .navbar-default {
        margin: 0;
        padding: 7px 0 0 0;
    }
    .contact-info-list {
        text-align: center
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        /*  color: #fff;*/
        
        padding-left: 35px;
        background: #fff;
    }
    .contact-info-map {
        margin-top: 20px;
    }
}
@media (min-width: 768px) {
    #myModal11 .modal-dialog {
    width: 680px !important;
    margin: 50px auto !important;
}
    .navbar-default .navbar-nav > li.dropdown:hover > a,
    .navbar-default .navbar-nav > li.dropdown:hover > a:hover,
    .navbar-default .navbar-nav > li.dropdown:hover > a:focus {
        background-color: rgb(231, 231, 231);
        color: rgb(85, 85, 85);
    }
    li.dropdown:hover > .dropdown-menu {
        display: block;
    }
    .navbar-collapse.collapse {
        padding: 0
    }
    .mobile-view-only {
        display: none;
    }
    .switcher .selected,
    .switcher .selected {
        z-index: 0 !important;
    }
    .mobile-display {
        display: none;
    }
    .sticky .li-logo {
        display: block;
    }
    .li-logo {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .product-margin-bottom.describe.boxpackaging.resp-320px-600px span {
        margin-bottom: 10px;
    }
    .distibution-captcha > div {
        width: 100% !important;
    }
    .distibution-captcha iframe {
        width: 100%;
    }
    .contact-captcha iframe {
        transform: scale(0.7);
        margin-left: -40px;
    }
    .contact-captcha,
    .postage-captcha,
    .career-captcha {
        float: left !important;
    }
    .readmore.product-enquiry.send-enquiry {
        font-size: 11px;
    }
    .top-header-title {
        margin: 5px 0 0 0;
        width: 100%;
    }
    .switcher .option {
        width: 89px !important
    }
    .custom-style {
        min-height: 80px;
    }
    .switcher .selected a {
        background-position: 50% 50% !important;
    }
    .switcher {
        width: 90px !important;
    }
    .fssai-logo {
        width: 30% !important;
    }
    #contactForm .letter {
        min-height: 660px;
    }
    #contactForm a.button,
    #contactForm button {
        margin-top: -18%;
    }
    .header .darkgrey-bg {
        float: left;
        width: 100%;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 15px 16px;
        font-size: 15px;
    }
    .navbar-default {
        height: 210px;
    }
    .fa-plus,
    .fa-minus {
        float: right;
        margin-bottom: 10px;
        margin-top: -14px;
    }
    .heading.text-center.margin-bottom-30 {
        font-size: 21px;
    }
    .header .contact-info-list {
        text-align: center;
    }
    .navbar-logo img {
        float: none;
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }
    .fa-plus,
    .fa-remove {
        float: right;
    }
    .fa-remove {
        margin-top: -9px;
    }
    .fa.fa-plus.add_row {
        margin-top: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #contactForm .letter {
        min-height: 720px;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 15px 21px;
    }
    .fa-plus,
    .fa-minus {
        float: right;
        margin-bottom: 10px;
        margin-top: -14px;
    }
    .header .darkgrey-bg {
        margin-top: 1%;
    }
    .heading.text-center.margin-bottom-30 {
        font-size: 27px;
    }
    .fa-plus,
    .fa-remove {
        float: right;
    }
    .fa.fa-plus.add_row {
        margin-top: 10px;
    }
    .fa-remove {
        margin-top: -9px;
    }
    .top-header-title {
        margin: 23px 0;
    }
    .header .company-info {
        padding-right: 0;
        margin-right: 0;
        padding-left: 35px;
        border: none;
    }
}
@media (min-width: 1200px) {
    .fa.fa-plus.add_row {
        margin-right: 20px;
    }
}
@media (max-width: 768px) {
    .timeline.timeline {
        width: 100%;
        max-width: 100%;
    }
    .timeline.timeline .timeline-item {
        padding-left: 72px;
        padding-right: 0;
    }
    .timeline.timeline .timeline-item.timeline-item-right,
    .timeline.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
        padding-left: 72px;
        padding-right: 0;
    }
    .timeline.timeline .timeline-item .timeline-event {
        width: 100%;
    }
    .timeline.timeline:before {
        left: 42px;
        width: 0;
        margin-left: -1px;
    }
    .timeline.timeline .timeline-item {
        width: 100%;
        margin-bottom: 20px;
    }
    .timeline.timeline .timeline-item:nth-of-type(even) {
        margin-top: 0;
    }
    .timeline.timeline .timeline-item > .timeline-event {
        float: right !important;
    }
    .timeline.timeline .timeline-item > .timeline-event:before,
    .timeline.timeline .timeline-item > .timeline-event:after {
        right: auto !important;
        border-left-width: 0 !important;
    }
    .timeline.timeline .timeline-item > .timeline-event:before {
        left: -15px !important;
        border-right-width: 15px !important;
    }
    .timeline.timeline .timeline-item > .timeline-event:after {
        left: -14px !important;
        border-right-width: 14px !important;
    }
    .timeline.timeline .timeline-item > .timeline-point {
        transform: translateX(-50%);
        left: 42px !important;
        margin-left: 0;
    }
    .timeline.timeline .timeline-label {
        transform: translateX(-50%);
        margin: 0 0 20px 42px;
    }
    .timeline.timeline .timeline-label + .timeline-item + .timeline-item {
        margin-top: 0;
    }
}
@media (min-width: 320px) and (max-width: 600px) {
    .resp-320px-600px {
        width: 100%;
    }
    .product-margin-bottom {
        margin-bottom: 30px;
    }
}
@media (min-width: 601px) and (max-width: 767px) {
    .resp-320px-600px .send-enquiry {
        padding: 7px 8px;
        font-size: 11px;
    }
    .product-margin-bottom.describe.boxpackaging.resp-320px-600px span {
        margin-bottom: 10px;
    }
}
@media (min-width:768px) and (max-width:1023px) {
.webmail-desktop {
    position: absolute;
        top: -4px;
    right: -3px;
    width: 36px;
}
}
@media (min-width:1024px) and (max-width:1199px) {
.webmail-desktop {
    position: absolute;
       top: -6px;
    right: -9px;
    width: 41px;
}
}

@media (min-width:320px) and (max-width:767px) {
.webmail-desktop {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 45px;
}