/* responsiveness */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 100px) and (max-device-width: 480px) {
  .logos-mob {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .news-inner-h1 {
    font-size: 7vw;
    text-align: left;
    padding: 0.5rem;
    -moz-text-align-last: left;
    text-align-last: left;
  }

  .social {
    display: block;
    position: absolute;
    z-index: 1;
    right: 0.3%;
    top: 48px;
    border: none;
    cursor: pointer;
    width: 45px;
    height: 45px;
    z-index: 999;
  }

  .division-text {
    padding: 0px;
  }

  .ingredient-para {
    font-size: 18px;
  }

  .logooptic {
    position: absolute;
    top: 36%;
    right: 0%;
    font-size: 4rem;
    width: 65vw;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .pharma-tag {
    position: relative;
    font-size: 2rem;
    color: #747474;
    font-style: italic;
    top: 60px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }

  .pharma-h1 {
    position: relative;
    top: 10%;
    right: 50%;
    font-size: 10vw;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .black-mob-h1 {
    position: relative;
    top: 10%;
    right: 50%;
    font-size: 10vw;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #262626;
  }

  .mid-mob-tag {
    position: relative;
    font-size: 6vw;
    color: #747474;
    font-style: italic;
    top: 47px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center !important;
  }

  .mid-mob-tag-van {
    position: relative;
    font-size: 6vw;
    color: #747474;
    font-style: italic;
    top: 103px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center !important;
  }

  .mid-mob-tag2 {
    position: relative;
    font-size: 6vw;
    color: #747474;
    font-style: italic;
    top: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center !important;
  }

  .director-h1 h2 {
    font-size: 4.4vw;
  }

  .director-h1 p {
    font-size: 15px;
  }

  .novh {
    height: 50vh;
  }

  .novh2 {
    height: 65vh;
  }

  .novh3 {
    height: 85vh;
  }

  .novh4 {
    height: 65vh;
  }

  .p-xs-3 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .modal-width {
    max-width: 100%;
  }

  .inquire {
    position: relative;
    border: 2px solid #ffffff;
    width: 100vw;
    background-color: rgb(0, 0, 0, 0.3);
    right: 0%;
    bottom: 0%;
    height: 75px;
  }

  .bread-crumb {
    display: none;
  }

  .menu {
    text-align: center;
    position: fixed;
    z-index: 999;
    right: 0%;
    background-color: #1a212c;
    height: 45px;
    width: 45px;
  }

  .hamburger .line {
    width: 35px;
    height: 3px;
    background-color: #ecf0f1;
    display: block;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .hamburger {
    font: inherit;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: 0.15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    position: absolute;
    right: -10px;
    top: -12px;
  }

  .addresstext {
    line-height: 1;
    text-align: center;
    padding-bottom: 15px;
  }

  .contacttext {
    padding-bottom: 15px;
  }

  .footertext {
    padding-bottom: 30px;
  }

  .footericons {
    font-size: 30px;
    position: inherit;
    color: #e4e4e4;
    padding: 13px;
    left: 0px;
    letter-spacing: 0px;
  }

  .mar-top {
    margin-top: 0px;
  }

  .phone12 {
    font-size: 12px;
  }

  .h1 {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
  }

  .mobilelogo {
    width: 35%;
  }

  .news-h1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5rem;
    position: absolute;
    right: 0px;
  }

  .careers-bg {
    background: linear-gradient(to right, #00cbd2, #52d7bc);
    height: 1030px;
  }

  .phonenone {
    display: none;
  }

  .pad-sides {
    padding-right: 5px;
    padding-left: 5px;
  }

  .contacth1 {
    font-size: 27px;
  }

  .right {
    text-align: center !important;
  }

  .phone-para-a {
    font-size: 13px;
  }

  .mob-t-center {
    text-align: center;
  }

  .menu-title {
    font-size: 1.5rem;
    color: #589db0;
    position: absolute;
    right: 3%;
    bottom: -7%;
  }

  .search-box input[type="text"] {
    position: absolute;
    right: 0px;
    width: 0;
    background-color: #1a212c;
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/search.png");
    background-position: 12px 9px;
    background-repeat: no-repeat;
    padding: 17px 13px 13px 44px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    background-size: 35px;
    margin-right: -56px;
    border: none;
    top: -20px;
  }

  .logo {
    width: 60%;
  }

  .bread-crumb a,
  .bread-crumb a:hover,
  .bread-crumb a:focus,
  .bread-crumb a:active {
    background: #2b3a51;
    display: inline-block;
    outline: medium none;
    padding: 2px 10px 4px 23px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    position: relative;
  }

  .bread-crumb li:first-child a {
    border-radius: 10px 0 0 10px;
    padding-left: 22px;
  }

  .menu-col img {
    margin-top: 0px;
    vertical-align: middle;
    width: 200%;
  }

  .menu-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .logo-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-logoback-mob.jpg");
    cursor: pointer;
  }

  .raw-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-raw-mob.jpg");
    cursor: pointer;
  }

  .news-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-news-mob.jpg");
    cursor: pointer;
  }

  .consumer-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-consumer-mob.jpg");
    cursor: pointer;
  }

  /*--- Travel mobile Banner--*/
  .travel-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/shma/education-tile13-mobile.jpg");
    cursor: pointer;
  }

  .careers-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-careers-mob.jpg");
    cursor: pointer;
  }

  .airservices-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-air-mob.jpg");
    cursor: pointer;
  }

  .healthcare-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-health-mob.jpg");
    cursor: pointer;
  }

  .contactus-menu-img {
    /* background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-contact-mob.jpg"); */
    cursor: pointer;
  }

  .agriculture-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-agri-mob.jpg");
    cursor: pointer;
  }

  .textile-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-textile-mob.jpg");
    cursor: pointer;
  }

  .csr-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-csr-mob.jpg");
    cursor: pointer;
  }

  .about-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-about-mob.jpg");
    height: 250px;
    cursor: pointer;
  }

  .novh3 {
    height: 80vh;
  }

  .menu-title {
    font-size: 4vw;
    color: #234770;
    position: absolute;
    right: 3%;
    bottom: -7%;
    text-shadow: 0px 0px 3px #fff;
    text-align: right;
    font-weight: 400;
  }

  .bg-1 {
    background-color: #7bcecc !important;
  }
  .bg-2 {
    background-color: #bae1ff !important;
  }
  .bg-wh {
    background-color: #fff !important;
  }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .about-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-aboutus.jpg");
    height: 250px;
    cursor: pointer;
  }

  .fullvH {
    height: 85vh;
  }

  .list1 {
    padding: 10px;
    list-style-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/healthcare/bullet-health.png");
  }

  .menu-tag {
    font-size: 20px;
    font-weight: 100;
  }

  .career-tag {
    position: absolute;
    right: 10px;
    bottom: 0px;
  }

  .csr-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-csr.jpg");
    cursor: pointer;
  }

  .inquire {
    position: absolute;
    right: 5%;
    bottom: 24%;
    border: 2px solid #ffffff;
    width: 260px;
    background-color: rgb(0, 0, 0, 0.3);
    z-index: 9;
  }

  .landing-page-p {
    font-size: 23px;
  }

  .pharma-h1 {
    position: absolute;
    top: 30%;
    right: 5%;
    font-size: 5vw;
  }

  .icons-mar {
    margin: -12%;
  }

  .menu-col2 {
    width: 6.9vw;
  }

  .menu-mar {
    margin: 0.7%;
  }

  .menu-title {
    font-size: 25px;
    color: #006986;
    position: absolute;
    right: 3%;
    bottom: 0%;
  }

  .mobilelogo {
    width: 75%;
  }

  .pharma-tag {
    position: absolute;
    top: 288px;
    right: 5%;
    font-size: 2rem;
    color: #747474;
  }

  .csr-h1 {
    position: absolute;
    top: 27%;
    right: 5%;
    font-size: 12rem;
  }

  .bread-crumb {
    bottom: 8%;
    left: 1%;
  }

  .news-h1 {
    position: absolute;
    top: 312px;
    right: 5%;
    font-size: 8rem;
    color: #fff;
  }

  .footericons {
    font-size: 30px;
    letter-spacing: 15px;
    left: 39px;
    position: inherit;
    color: #e4e4e4;
  }

  .no {
    position: absolute;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    top: 75%;
  }

  .plane {
    position: absolute;
    width: 30%;
    top: 30%;
  }

  .shadoww {
    position: absolute;
    background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    width: 223px;
    height: 10px;
    border-radius: 50%;
    top: 87%;
  }

  .menu-tag {
    font-size: 20px;
    font-weight: 100;
    text-shadow: 0 0 3px #fff;
  }

  .mob-t-center {
    text-align: center;
  }

  .garment-h {
    font-size: 22px;
  }

  .history-text {
    position: absolute;
    right: 8px;
    top: 0px;
  }

  .h-3 {
    font-size: 4vw;
  }

  .h-2-5 {
    font-size: 2.5vw;
  }

  .lgrey-txt {
    color: #c9c9c9;
  }

  .hovereffect h2 {
    font-size: 20px;
  }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .inquire {
    position: absolute;
    right: 5%;
    bottom: 24%;
    border: 2px solid #ffffff;
    width: 260px;
    background-color: rgb(0, 0, 0, 0.3);
    z-index: 9;
  }

  .pharma-h1 {
    position: absolute;
    top: 30%;
    right: 5%;
    font-size: 5vw;
  }

  .icons-mar {
    margin: -12%;
  }

  .menu-col2 {
    width: 6.9vw;
  }

  .menu-mar {
    margin: 0.7%;
  }

  .menu-title {
    font-size: 25px;
    color: #006986;
    position: absolute;
    right: 3%;
    bottom: 0%;
  }

  .pharma-tag {
    position: absolute;
    top: 288px;
    right: 5%;
    font-size: 2rem;
    color: #747474;
  }

  .lgrey-txt {
    color: #c9c9c9;
  }

  .crumb-news {
    bottom: 42%;
    left: 1%;
  }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  .about-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-aboutus.jpg");
    height: 250px;
    cursor: pointer;
  }

  .list1 {
    padding: 10px;
    list-style-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/healthcare/bullet-health.png");
  }

  .menu-tag {
    font-size: 20px;
    font-weight: 100;
  }

  .career-tag {
    position: absolute;
    right: 10px;
    bottom: 0px;
  }

  .csr-menu-img {
    background-image: url("https://baurs-2024.sgp1.digitaloceanspaces.com/images/menu-csr.jpg");
    cursor: pointer;
  }

  .inquire {
    position: absolute;
    right: 5%;
    bottom: 65%;
    border: 2px solid #ffffff;
    width: 260px;
    background-color: rgb(0, 0, 0, 0.3);
    z-index: 9;
  }

  .landing-page-p {
    font-size: 23px;
  }

  .pharma-h1 {
    position: absolute;
    top: 13%;
    right: 5%;
    font-size: 5vw;
  }

  .icons-mar {
    margin: -12%;
  }

  .menu-col2 {
    width: 6.9vw;
  }

  .menu-mar {
    margin: 0.7%;
  }

  .menu-title {
    font-size: 25px;
    color: #006986;
    position: absolute;
    right: 3%;
    bottom: 0%;
  }

  .mobilelogo {
    width: 75%;
  }

  .fullvH {
    height: 39vh;
  }

  .pharma-tag {
    position: absolute;
    top: 160px;
    right: 5%;
    font-size: 2rem;
    color: #747474;
  }

  .pharma-h1 {
    position: absolute;
    top: 11%;
    right: 5%;
    font-size: 5vw;
  }

  .csr-h1 {
    position: absolute;
    top: 27%;
    right: 5%;
    font-size: 12rem;
  }

  .bread-crumb {
    bottom: 55.5%;
    left: 1%;
  }

  .news-h1 {
    position: absolute;
    top: 312px;
    right: 5%;
    font-size: 8rem;
    color: #fff;
  }

  .footericons {
    font-size: 30px;
    letter-spacing: 15px;
    left: 39px;
    position: inherit;
    color: #e4e4e4;
  }

  .no {
    position: absolute;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    top: 75%;
  }

  .plane {
    position: absolute;
    width: 30%;
    top: 30%;
  }

  .shadoww {
    position: absolute;
    background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    width: 223px;
    height: 10px;
    border-radius: 50%;
    top: 87%;
  }

  .menu-tag {
    font-size: 20px;
    font-weight: 100;
    text-shadow: 0 0 3px #fff;
  }

  .mob-t-center {
    text-align: center;
  }

  .garment-h {
    font-size: 22px;
  }

  .history-text {
    position: absolute;
    right: 8px;
    top: 0px;
  }

  .h-3 {
    font-size: 4vw;
  }

  .h-2-5 {
    font-size: 2.5vw;
  }

  .lgrey-txt {
    color: #c9c9c9;
  }

  .hovereffect h2 {
    font-size: 20px;
  }

  .crumb-news {
    bottom: 47%;
    left: 1%;
  }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (max-width: 768px) {
  .agri-inquire-tile {
    height: 80vw;
  }
  .inn-page-banner-wrap {
    height: 50vh;
  }
  .inn-page-banner-img {
    object-fit: cover;
    height: 100%;
  }
  .inn-page-banner-main-wrap {
    height: 50vh;
  }
  .air-serv-heading {
    text-align: left;
  }
  .flickity-viewport {
    padding-top: 15%;
  }
}

@media only screen and (max-width: 1024px) {
  .m-show {
    display: block !important;
  }
}

/* responsiveness */

@media only screen and (max-width: 2000px) and (min-width: 1700px) {
  @-moz-document url-prefix() {
  }

  @media screen and (max-height: 1000px) {
  }

  @media screen and (max-height: 960px) {
  }
}

@media only screen and (max-width: 1699px) and (min-width: 1500px) {
  .para-b {
    font-size: 26px;
  }

  @media screen and (max-height: 820px) {
  }
}

@media only screen and (max-width: 1499px) and (min-width: 1400px) {
  .para-b {
    font-size: 24px;
  }

  .productpara,
  .massage {
    margin-top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1399px) and (min-width: 1300px) {
  .para-b {
    font-size: 24px;
  }

  .massage {
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 20px;
  }

  .top-banner-cap-heading {
    font-size: 48px;
  }

  .top-banner-cap-logo {
    width: 64%;
    margin-bottom: 2%;
  }

  .top-capction-block {
    margin-top: 12%;
  }

  .productpara {
    margin-top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1299px) and (min-width: 1200px) {
  .para-b {
    font-size: 24px;
  }

  .massage {
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 20px;
  }

  .top-banner-cap-heading {
    font-size: 48px;
  }

  .top-banner-cap-logo {
    width: 64%;
    margin-bottom: 2%;
  }

  .top-capction-block {
    margin-top: 12%;
  }

  .productpara {
    margin-top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1000px) {
  .top-banner-cap-heading {
    text-align-last: right !important;
    font-size: 34px;
    margin-bottom: 30px;
  }

  .para-b {
    font-size: 24px;
  }

  .massage {
    margin-top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }

  .productpara {
    margin-top: 110px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
  }
}

/** 990**/

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

@media only screen and (max-width: 799px) and (min-width: 765px) {
}

@media screen and (min-width: 1000px) {
  .overlay:hover {
    opacity: 0.7;
  }

  .show-1000-up {
    display: block !important;
  }

  .hide-1000-up {
    display: none !important;
  }
}

@media screen and (max-width: 1000px) {
  html,
  body {
    overflow-x: hidden;
    display: block;
  }

  .top-banner-cap-heading {
    text-align-last: center !important;
    font-size: 48px;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .para-b {
    font-size: 20px;
  }

  .show-1000-down {
    display: block !important;
  }

  .hide-1000-down {
    display: none !important;
  }

  .top-banner-cap-logo {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4%;
    display: block;
  }

  .massage {
    margin-top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }

  .menu {
    right: 0px;
  }

  .productpara {
    margin-top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }
}

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

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

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

@media only screen and (max-width: 699px) and (min-width: 650px) {
}

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

@media only screen and (max-width: 599px) and (min-width: 550px) {
}

@media only screen and (max-width: 549px) and (min-width: 500px) {
}

@media only screen and (max-width: 499px) and (min-width: 450px) {
}

@media only screen and (max-width: 449px) and (min-width: 401px) {
}

@media only screen and (max-width: 400px) and (min-width: 350px) {
}

@media only screen and (max-width: 349px) and (min-width: 300px) {
}

@media only screen and (min-width: 1700px) {
  .d-none-1700 {
    display: none;
  }
}