@media only screen and (max-width: 1699px) and (min-width: 1500px) {
  .con-number-rt {
    font-size: 32px;
  }
  .menu-title h2 {
    font-size: 50px;
  }
  .title1 {
    font: 400 normal 90px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-1 {
    font: 400 normal 78px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-2 {
    font: 400 normal 58px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-3 {
    font: 400 normal 74px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .gal-slider {
    max-width: 1000px;
  }
  .gal-slider-content {
    padding: 110px 80px;
  }
}
@media only screen and (max-width: 1499px) and (min-width: 1400px) {
  .con-number-rt {
    font-size: 32px;
  }
  .menu-title h2 {
    font-size: 45px;
  }
  .title1 {
    font: 400 normal 90px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-1 {
    font: 400 normal 78px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-2 {
    font: 400 normal 58px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-3 {
    font: 400 normal 74px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .gal-slider {
    max-width: 1000px;
  }
  .gal-slider-content {
    padding: 110px 80px;
  }
}
@media only screen and (max-width: 1399px) and (min-width: 1300px) {
  .con-number-rt {
    font-size: 32px;
  }
  .menu-title h2 {
    font-size: 45px;
  }
  .title1 {
    font: 400 normal 90px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-1 {
    font: 400 normal 78px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-2 {
    font: 400 normal 58px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-3 {
    font: 400 normal 74px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .gal-slider {
    max-width: 1000px;
  }
  .gal-slider-content {
    padding: 110px 80px;
  }
}
@media only screen and (max-width: 1299px) and (min-width: 1200px) {
  .con-number-rt {
    font-size: 30px;
    line-height: 1.2;
  }
  .menu-title h2 {
    font-size: 40px;
  }
  .title1 {
    font: 400 normal 90px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-1 {
    font: 400 normal 78px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-2 {
    font: 400 normal 58px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-3 {
    font: 400 normal 74px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .gal-slider {
    max-width: 1000px;
  }
  .gal-slider-content {
    padding: 110px 80px;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 1000px) {
  .text {
    font-size: 22px;
  }
  .eyebrow {
    font-size: 22px;
  }
  .button {
    font-size: 24px;
  }
  .title1 {
    font: 400 normal 86px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-1 {
    font: 400 normal 75px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-2 {
    font: 400 normal 56px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .title1-pr-3 {
    font: 400 normal 72px/0.8 Carta Marina, Georgia, Times New Roman, serif;
  }
  .home-land {
    padding: 90px 0;
  }
  .home-land-content {
    padding: 80px 15px;
  }
  .menu-title h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 999px) and (min-width: 800px) {
  .hiddem-sm {
    display: none !important;
  }
}
@media only screen and (max-width: 799px) and (min-width: 765px) {
  .con-number-rt {
    font-size: 30px;
    line-height: 1.3;
  }
  .hiddem-sm {
    display: none !important;
  }
  .menu-title {
    padding: 1px;
  }
  .menu-title h2 {
    font-size: 34px;
  }
  html {
    font-size: 0;
  }
}
@media screen and (min-width: 1000px) {
  .hidden-lg {
    display: none !important;
  }
  .hidden-md {
    display: none !important;
  }
}
@media screen and (max-width: 1000px) {
  .top-l-contact {
    margin-left: 0;
  }
  .title1 {
    font-size: 77px;
  }
  .text {
    font-size: 22px;
  }
  .title5 {
    font-size: 23px;
  }
  .eyebrow {
    font-size: 22px;
  }
  .imperial-teas-topbanner {
    background-position: 25% -1% !important;
  }
  .tea-auction-banner {
    background-size: cover;
    background-position: 54% 0;
  }
  .our-division-top-banner {
    background-position: 37% 0 !important;
  }
  .news-top-banner {
    background-position: 35% 0 !important;
  }
  .csr-top-banner {
    background-position: 50% 0 !important;
  }
  .about-us-top-banner {
    background-position: 65% 0 !important;
  }
  .global-presence-top-banner {
    background-position: 65% 0 !important;
  }
  .premier-packaging-top-banner {
    background-position: 65% 0 !important;
  }
  .search-fome-control {
    width: 70vw;
    font-size: 8vw;
  }
  .search-result-heading {
    font-size: 6.7vw;
  }
  .search-cat-block {
    padding: 1% 1%;
  }
  .search-filter-result-block {
    margin-top: 9vh;
  }
  .search-form-group {
    border: 0 solid #f6f7f7;
    position: fixed;
    padding: 0 1%;
  }
  .webdesignby {
    position: fixed;
  }
  .search-menu_button {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .impx-hd-s {
    top: 2%;
  }
  .social-medai-block {
    bottom: auto;
    left: 8px;
    top: 15px;
    position: absolute;
    /* mobile style for bestweb logo */
		display: flex;
		flex-direction: column;
  }
  .menu-title h2 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 800px) and (min-width: 769px) {
  .hiddem-sm {
    display: none;
  }
}
@media only screen and (max-width: 499px) and (min-width: 450px) {
  .title1 {
    font-size: 46px;
  }
  .text {
    font-size: 18px;
  }
  .eyebrow {
    font-size: 21px;
  }
  .title5 {
    font-size: 21px;
  }
  .para-about {
    font-size: 18px;
    font-weight: 300;
  }
}
@media only screen and (max-width: 449px) and (min-width: 401px) {
  .title1 {
    font-size: 46px;
  }
  .text {
    font-size: 18px;
  }
  .eyebrow {
    font-size: 21px;
  }
  .title5 {
    font-size: 21px;
  }
  .para-about {
    font-size: 18px;
    font-weight: 300;
  }
}
@media only screen and (max-width: 400px) and (min-width: 350px) {
  .title1 {
    font-size: 40px;
  }
  .text {
    font-size: 18px;
  }
  .eyebrow {
    font-size: 21px;
  }
  .title5 {
    font-size: 21px;
  }
  .para-about {
    font-size: 18px;
    font-weight: 300;
  }
}
@media only screen and (max-width: 349px) and (min-width: 300px) {
  .title1 {
    font-size: 35px;
  }
  .text {
    font-size: 18px;
  }
  .eyebrow {
    font-size: 21px;
  }
  .title5 {
    font-size: 21px;
  }
  .para-about {
    font-size: 18px;
    font-weight: 300;
  }
}