@font-face {
  font-family: "Visia Pro";
  src: url("../assets/fonts/VisiaPro-SemiBold.eot");
  src: url("../assets/fonts/VisiaPro-SemiBold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/VisiaPro-SemiBold.woff2") format("woff2"), url("../assets/fonts/VisiaPro-SemiBold.woff") format("woff"), url("../assets/fonts/VisiaPro-SemiBold.ttf") format("truetype"), url("../assets/fonts/VisiaPro-SemiBold.svg#VisiaPro-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Visia Pro";
  src: url("../assets/fonts/VisiaPro-Bold.eot");
  src: url("../assets/fonts/VisiaPro-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/VisiaPro-Bold.woff2") format("woff2"), url("../assets/fonts/VisiaPro-Bold.woff") format("woff"), url("../assets/fonts/VisiaPro-Bold.ttf") format("truetype"), url("../assets/fonts/VisiaPro-Bold.svg#VisiaPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Visia Pro";
  src: url("../assets/fonts/VisiaPro-ExtraBold.eot");
  src: url("../assets/fonts/VisiaPro-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/VisiaPro-ExtraBold.woff2") format("woff2"), url("../assets/fonts/VisiaPro-ExtraBold.woff") format("woff"), url("../assets/fonts/VisiaPro-ExtraBold.ttf") format("truetype"), url("../assets/fonts/VisiaPro-ExtraBold.svg#VisiaPro-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Visia Pro";
  src: url("../assets/fonts/VisiaPro-Light.eot");
  src: url("../assets/fonts/VisiaPro-Light.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/VisiaPro-Light.woff2") format("woff2"), url("../assets/fonts/VisiaPro-Light.woff") format("woff"), url("../assets/fonts/VisiaPro-Light.ttf") format("truetype"), url("../assets/fonts/VisiaPro-Light.svg#VisiaPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Visia Pro";
  src: url("../assets/fonts/VisiaPro-Regular.eot");
  src: url("../assets/fonts/VisiaPro-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/VisiaPro-Regular.woff2") format("woff2"), url("../assets/fonts/VisiaPro-Regular.woff") format("woff"), url("../assets/fonts/VisiaPro-Regular.ttf") format("truetype"), url("../assets/fonts/VisiaPro-Regular.svg#VisiaPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("../assets/fonts/Lora-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}

body {
  background: #fff;
  color: #000;
  font-family: "Visia Pro";
  font-size: 18px;
  font-weight: 400;
  scroll-behavior: smooth;
}

:root {
  scroll-behavior: auto;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

h1,
h2,
h3 {
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.btn:focus,
.form-control:focus {
  outline: none;
  box-shadow: none;
}

.defaultPadding {
  padding: 30px 0;
}

.mainBtn {
  border: none;
  background: #fff;
  padding: 10px 33px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  color: #000;
  box-shadow: 2px 1px 3px 0px rgba(0, 0, 0, 0.3);
  font-size: 18px;
}
.mainBtn.full {
  width: 100%;
}
.mainBtn:focus {
  background: #fff;
  color: #000;
  box-shadow: 2px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.mainBtn:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.mainBtn:hover {
  background-color: #000;
  color: #ffffff;
}

.common-loadMore {
  padding: 10px 80px;
  margin-top: 30px;
}

.line, .subscribe-plans .planContainer:nth-child(2)::before, .subscribe-plans .planContainer:nth-child(3)::before, .glossaryPage .gridContainer .alphabet::before, .pronunciationPage .gridContainer:nth-child(4n)::before, .pronunciationPage .gridContainer:nth-child(4n-1)::before, .pronunciationPage .gridContainer:nth-child(4n-2)::before, .pageNavigation .container .navbar-nav .nav-item:nth-child(n+2)::before {
  content: "";
  width: 1px;
  height: 80%;
  background: #898989;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
}

.heading {
  margin-bottom: 30px;
}
.heading h2 {
  font-size: 32px;
  text-transform: uppercase;
}
.heading h1 {
  font-size: 42px;
  text-transform: uppercase;
}
.heading .mainHeading {
  font-size: 48px;
  font-weight: normal;
}
.heading p {
  margin: 5px 0 0;
  font-size: 20px;
}
.heading p strong {
  font-size: 22px;
}

.accordion-item {
  background-color: #f5f5f5;
}

header .dropdown-menu {
  min-width: 20rem;
}
header .dropdown-menu .menu-item {
  padding: 10px 15px;
  position: relative;
}
header .dropdown-menu .menu-item a {
  text-decoration: none;
  color: #000;
}
header .dropdown-menu .menu-item a .imgWrap {
  max-width: 90px;
}
header .dropdown-menu .menu-item a .menu {
  max-width: 300px;
  padding-left: 15px;
}
header .dropdown-menu .menu-item a .menu h4 {
  font-weight: bold;
  font-size: 18px;
  line-height: 0.5rem;
}
header .dropdown-menu .menu-item a .menu p {
  font-size: 13px;
  margin-bottom: 0.2rem;
}
header .dropdown-menu:not(.brands) .menu-item:not(:last-child)::before {
  content: "";
  position: absolute;
  bottom: 2px !important;
  left: 10%;
  height: 1px;
  width: 80%;
  background-color: #000;
}

.hamburger {
  position: relative;
  display: block;
  width: 40px;
  height: 35px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  background: none;
  outline: none;
}
.hamburger .bar {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000;
  margin: 6px 0;
  transition: 0.4s;
}

.hamburger.is-active .bar:nth-child(2) {
  opacity: 0;
}
.hamburger.is-active .bar:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 4px);
}
.hamburger.is-active .bar:nth-child(3) {
  transform: rotate(45deg) translate(-9px, -8px);
}

.hamburger-navigation {
  position: absolute;
  min-width: 300px;
  background-color: white;
  top: 70px;
  right: 0px;
  z-index: 98;
  transition: 0.4s ease;
  height: 0;
  overflow: hidden;
  padding: 0;
}
.hamburger-navigation ul:not(.mobile-PrintAndDigital) li a {
  font-size: 18px;
}
.hamburger-navigation ul li {
  padding: 10px 35px;
}
.hamburger-navigation ul li a {
  padding: 0px 0;
  color: #000;
  position: relative;
}
.hamburger-navigation ul li a, .hamburger-navigation ul li a:hover, .hamburger-navigation ul li a:focus {
  text-decoration: none;
}
.hamburger-navigation ul li a::after {
  background: none repeat scroll 0 0 transparent;
  bottom: -5px;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #000;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.hamburger-navigation ul li a:hover:after {
  width: 100%;
  left: 0;
}
.hamburger-navigation .accordion {
  max-width: 300px;
}
.hamburger-navigation .accordion .accordion-item {
  padding: 0;
  background-color: #ffffff;
  border: none;
}
.hamburger-navigation .accordion .accordion-item .accordion-body {
  background-color: #f5f5f5;
  padding: 10px 35px;
  max-height: 350px;
  overflow: auto;
}
.hamburger-navigation .accordion .accordion-item .accordion-body::-webkit-scrollbar {
  width: 5px;
}
.hamburger-navigation .accordion .accordion-item .accordion-body {
  /* Track */
}
.hamburger-navigation .accordion .accordion-item .accordion-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.hamburger-navigation .accordion .accordion-item .accordion-body {
  /* Handle */
}
.hamburger-navigation .accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px;
}
.hamburger-navigation .accordion .accordion-item .accordion-body div {
  padding: 10px 0;
}
.hamburger-navigation .accordion .accordion-item .accordion-button {
  padding: 10px 35px;
  font-size: 18px;
}
.hamburger-navigation .accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}
.hamburger-navigation .accordion .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
  border-color: transparent;
  color: #000;
  background-color: transparent;
}
.hamburger-navigation .mobile-nav {
  display: none;
}
.hamburger-navigation .mobile-brands li, .hamburger-navigation .mobile-latest li, .hamburger-navigation .mobile-gallery li {
  padding: 10px;
}

.mobile-btn {
  display: none !important;
}

.slide {
  transition: 0.4s ease;
  height: auto;
  padding: 15px 0;
  overflow: auto;
  max-width: 350px;
}

#map {
  height: 80%;
  width: 100%;
  margin: auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.productItem {
  overflow: hidden;
}
.productItem .imgWrap img {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.productItem:hover .imgWrap {
  overflow: hidden;
}
.productItem:hover .imgWrap img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.1);
  -webkit-transition: all 0.3s ease-in-out;
}
.productItem .title {
  min-height: 60px;
}

a.productItem:hover,
a.productItem:focus {
  text-decoration: none;
}

.accordion-button::after {
  background-image: url("../assets/images/arrow.svg") !important;
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}

.commonBanner .imgContainer {
  position: relative;
}
.commonBanner .imgContainer .content {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 130px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}
.commonBanner .imgContainer .content p {
  font-size: 26px;
  padding: 0 30px;
  width: 80%;
}
.commonBanner .imgContainer .content .socialIcons {
  width: 20%;
  text-align: right;
  padding-right: 15px;
  position: relative;
}
.commonBanner .imgContainer .content .socialIcons img {
  width: 50px;
  height: 50px;
  filter: brightness(0) invert(1);
  margin: 0 15px;
  position: relative;
}
.commonBanner .imgContainer .content .socialIcons img:nth-child(1) {
  position: relative;
}
.commonBanner .imgContainer .content .socialIcons img:nth-child(1)::before {
  content: "";
  position: absolute;
  background-color: white;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
}

.commonSlider .storyItem .productItem .title {
  font-size: 18px;
}

body > header {
  padding: 35px 0 0 0;
  background: #fff;
}
header .upperBlock .logoContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .upperBlock .logoContainer .logo {
  max-width: 220px;
}
header .upperBlock .searchBtn {
  width: 26px;
}
header .upperBlock .hamburgerMenu {
  margin-left: 42px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .upperBlock .hamburgerMenu span,
header .upperBlock .hamburgerMenu ::before,
header .upperBlock .hamburgerMenu ::after {
  width: 28px;
  height: 2px;
  background: #000;
}
header .upperBlock .hamburgerMenu span {
  position: relative;
}
header .upperBlock .hamburgerMenu span::before, header .upperBlock .hamburgerMenu span::after {
  content: "";
  position: absolute;
  left: 0;
}
header .upperBlock .hamburgerMenu span::before {
  top: -8px;
}
header .upperBlock .hamburgerMenu span::after {
  top: 8px;
}
header .upperBlock .mobile-search-block {
  display: none;
}
header .upperBlock .mobile-search-block .mobile-search {
  width: 95%;
  margin-top: 30px;
  align-items: center;
  background-color: white;
  height: 0;
  overflow: hidden;
  transition: 0.4s all ease;
}
header .upperBlock .mobile-search-block .mobile-search .mobile-search-container {
  width: 85%;
  margin: auto;
}
header .upperBlock .mobile-search-block .mobile-search .mobile-search-container input {
  max-width: 85%;
  margin: auto;
}
header .upperBlock .mobile-search-block .search-slide {
  height: 100px;
  transition: 0.4s all ease;
  z-index: 100;
}
header .navbar {
  margin-top: 10px;
}
header .navbar-nav {
  justify-content: space-between;
  flex: 1;
}
header .navbar-nav .nav-item .nav-link {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
header .navbar .brands.dropdown-menu.show {
  display: flex;
  min-width: 1024px;
}
header .navbar .brands.dropdown-menu.show .dropdown-item {
  padding: 10px 20px;
}
header .navbar .brands.dropdown-menu.show .dropdown-item p {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  cursor: pointer;
}
header .navbar .brands.dropdown-menu.show .dropdown-item:hover {
  background-color: #ffffff;
}
header .navbar .brands.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0%;
  margin-top: 0.125rem;
  transform: translate(-50%, 10px);
}
header .navbar .mega-menu-gallery {
  position: relative;
}
header .navbar .gallery-mega.dropdown-menu {
  max-width: 20rem !important;
  min-width: 20rem;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

.socialMedia li a {
  width: 30px;
  height: 30px;
  margin-right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.socialMedia li:last-child a {
  margin-right: 0;
}

.adBlock {
  max-width: 970px;
  margin: 35px auto 0;
  border-radius: 0px;
  overflow: hidden;
}
.adBlock:empty {
  background: #a81b1b;
  height: 240px;
}

.owl-theme .owl-nav button {
  position: absolute;
  transform: translateY(-50%);
  top: 39%;
  width: 35px;
  height: 35px;
  background: no-repeat center !important;
  background-size: 15px !important;
}
.owl-theme .owl-nav button span {
  display: none;
}
.owl-theme .owl-nav button.disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.owl-theme .owl-nav .owl-prev {
  left: -40px;
  background-image: url(../assets/images/left-arrow.svg) !important;
}
.owl-theme .owl-nav .owl-next {
  right: -40px;
  background-image: url(../assets/images/right-arrow.svg) !important;
}
.owl-theme .owl-dots {
  margin-top: 15px;
  text-align: center;
}
.owl-theme .owl-dots .owl-dot span {
  width: 18px;
  height: 18px;
  margin: 5px;
  background: #fff;
  opacity: 1;
  display: block;
  border-radius: 50%;
  border: solid 1px #000;
}
.owl-theme .owl-dots .owl-dot.active span {
  box-shadow: 0 0 0 2px #fff inset;
  background: #000;
}

.singleSlider .item {
  position: relative;
}
.singleSlider .item a {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
}
.singleSlider .item .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 20px 50px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.singleSlider .item .content h2 {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
}
.singleSlider .item .content p {
  font-size: 29px;
  font-weight: 300;
  width: 65%;
  text-align: left;
  line-height: 45px;
  max-height: 90px;
  overflow: hidden;
}

/* §133: show the first slide before Owl initialises — Owl hides the carousel
   until .owl-loaded and the scripts load in the footer, so the banner had no
   height (CLS 0.53) and the LCP image could not paint. Other slides stay hidden. */
.singleSlider.owl-carousel:not(.owl-loaded) {
  display: block;
}
.singleSlider.owl-carousel:not(.owl-loaded) > .item:not(:first-child) {
  display: none;
}
/* ...and reserve the dots row Owl appends (15px margin + 33px, 27px at <=767px),
   only with 2+ slides — a single slide's dots are .disabled and hidden. */
.singleSlider.owl-carousel:not(.owl-loaded):has(> .item + .item) {
  padding-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .singleSlider.owl-carousel:not(.owl-loaded):has(> .item + .item) {
    padding-bottom: 42px;
  }
}

/* §147: the home banner slider, one 16:9 frame for every slide — an off-shape
   upload is cropped to fill (it used to set the whole stage's height); a 16:9
   image is drawn exactly as before. Home only (`homeSlider`, front-page.php). */
.homeSlider .item img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.gridWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
}
.gridWrapper .adBlock {
  grid-area: 1/3/span 2;
  width: 300px;
  height: 600px;
  justify-self: flex-end;
  margin: 0px 0px 0px 0;
}

.productItem {
  position: relative;
  display: block;
}
.productItem .itemLabel {
  font-size: 11px;
  color: #333;
  background: #fff;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 0 3px 3px 0;
  position: absolute;
  left: 0;
  top: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  min-width: 80px;
  text-align: center;
  z-index: 1;
}
.productItem .title {
  font-size: 22px;
  color: #333;
  line-height: 25px;
  margin: auto;
  margin-top: 5px;
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.productItem.thumb .title {
  font-size: 16px;
  line-height: 18px;
  margin: 2px 0 0 0;
}
.productItem .author {
  font-size: 22px;
  color: #333;
  line-height: 25px;
  margin: auto;
  margin-top: 5px;
  font-weight: normal;
  text-align: right;
}

.digitalBlock {
  margin-top: 40px;
}
.digitalBlock .selectedItem,
.digitalBlock .storySelectedItem {
  position: relative;
}
.digitalBlock .selectedItem .itemLabel,
.digitalBlock .storySelectedItem .itemLabel {
  display: none;
}
.digitalBlock .selectedItem .title,
.digitalBlock .storySelectedItem .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 20px 20px 25px;
  font-size: 25px;
  font-weight: 300;
  text-align: left;
  line-height: 36px;
  max-height: 133px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.digitalBlock .selectedItem .title .type,
.digitalBlock .storySelectedItem .title .type {
  text-transform: uppercase;
  font-size: 38px;
  white-space: nowrap;
  line-height: 1.2;
}
.digitalBlock .selectedItem .productItem:hover p,
.digitalBlock .storySelectedItem .productItem:hover p {
  text-decoration: none;
}
.digitalBlock .selectedItem .productItem a:hover,
.digitalBlock .storySelectedItem .productItem a:hover {
  text-decoration: underline;
}
.digitalBlock .selectedItem .title a,
.digitalBlock .storySelectedItem .title a {
  color: inherit;
  text-decoration: none;
}
.digitalBlock .selectedItem .imgWrap img,
.digitalBlock .storySelectedItem .imgWrap img {
  width: 100%;
  aspect-ratio: 420/240;
  object-fit: cover;
}
.digitalBlock .slideBox .productItem .imgWrap img,
.digitalBlock .storySlideBox .productItem .imgWrap img {
  aspect-ratio: 420/240;
  object-fit: cover;
}
.digitalBlock .digitalSlider {
  position: relative;
  padding-left: 90px;
  container-type: inline-size;
}
.digitalBlock .digitalSlider .slideBox,
.digitalBlock .digitalSlider .storySlideBox {
  width: 100%;
  height: calc((100cqw * 4 / 7 + 38px) * 3 + 22px);
  overflow: hidden;
}
.digitalBlock .digitalSlider .slideBox .productItem,
.digitalBlock .digitalSlider .storySlideBox .productItem {
  margin-bottom: 11px;
  cursor: pointer;
}
.digitalBlock .digitalSlider .slideBox .productItem .title a,
.digitalBlock .digitalSlider .storySlideBox .productItem .title a {
  color: #000;
  text-decoration: none;
}
.digitalBlock .digitalSlider .slideBox .productItem .title,
.digitalBlock .digitalSlider .storySlideBox .productItem .title {
  min-height: 36px;
}
.digitalBlock .digitalSlider .slideBox .productItem .title a,
.digitalBlock .digitalSlider .storySlideBox .productItem .title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.digitalBlock .digitalSlider .slideBox .productItem .title .type,
.digitalBlock .digitalSlider .storySlideBox .productItem .title .type {
  display: none;
}
.digitalBlock .digitalSlider .imgWrap img {
  padding-top: 5px;
  width: 100%;
}
.digitalBlock .digitalSlider .slideBtn,
.digitalBlock .digitalSlider .storySlideBtn {
  position: absolute;
  left: 60%;
  width: 28px;
  border: none;
  outline: none;
  background: transparent;
}
.digitalBlock .digitalSlider .slideBtn img,
.digitalBlock .digitalSlider .storySlideBtn img {
  display: block;
}
.digitalBlock .digitalSlider .slideBtn.btnTop,
.digitalBlock .digitalSlider .storySlideBtn.btnTop {
  top: -30px;
  transform: rotate(90deg) translateX(-50%);
}
.digitalBlock .digitalSlider .slideBtn.btnTop img,
.digitalBlock .digitalSlider .storySlideBtn.btnTop img {
  width: 80%;
}
.digitalBlock .digitalSlider .slideBtn.btnBottom,
.digitalBlock .digitalSlider .storySlideBtn.btnBottom {
  bottom: -25px;
  transform: rotate(-90deg) translateX(-50%);
}
.digitalBlock .digitalSlider .slideBtn.btnBottom img,
.digitalBlock .digitalSlider .storySlideBtn.btnBottom img {
  width: 80%;
}

.single .container .productItem .imgWrap img {
  width: 100%;
}

.mobile-digitalblock {
  display: none;
}

.galleryBlock .item {
  position: relative;
  height: 100%;
}
.galleryBlock .item a {
  display: block;
  height: 100%;
}
.galleryBlock .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.galleryBlock .item .content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 35px 20px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.galleryBlock .item .content h3 {
  font-size: 26px;
  font-weight: 300;
  line-height: 46px;
  margin: 0;
}
.galleryBlock .thumbWrap {
  padding-left: 60px;
}
.galleryBlock .thumbWrap .row > * + * {
  margin-top: 15px;
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .galleryBlock .thumbWrap .row > * + * {
    margin-top: 0;
  }
  .galleryBlock .thumbWrap .row > *:nth-child(n + 3) {
    margin-top: 15px;
  }
}

.common .flying-ad {
  display: none;
}
.common .mid-ad {
  display: none;
}

.digitalBlock.storyContainer {
  margin-top: 60px;
}
.digitalBlock.storyContainer .selectedItem {
  position: relative;
}
.digitalBlock.storyContainer .selectedItem .title {
  padding: 40px 20px 20px;
}
.digitalBlock.storyContainer .selectedItem .title::before {
  content: "Most Read Stories Of The Week";
  position: absolute;
  font-size: 18px;
  color: white;
  top: 0;
}

.storyBlock.mobile {
  display: none;
}

.signupBlock {
  background: #161616 url(../assets/images/time.webp) no-repeat left top;
  min-height: 320px;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.signupContent {
  font-weight: 300;
  font-size: 17px;
  margin-left: 130px;
  line-height: 1.5;
}
.signupContent .form-control {
  background: transparent;
  border: none;
  border-bottom: solid 1px #fff;
  color: #fff;
  border-radius: 0;
  padding: 10px 0;
  font-family: sans-serif;
  line-height: 1.6;
}
.signupContent .mainBtn {
  border-bottom: solid 2px #a5a5a5;
  border-right: solid 2px #a5a5a5;
  color: #fff;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 33px;
  box-shadow: none;
  background: transparent;
}
.signupContent .mainBtn:hover {
  background-color: #ffffff;
  color: black;
  border-bottom: solid 2px #000;
  border-right: solid 2px #000;
}

.printBlock {
  margin-top: 40px;
}
.printBlock .content {
  padding-right: 100px;
}
.printBlock .content p {
  font-size: 21px;
  line-height: 29px;
}
.printBlock .owl-carousel .owl-item:last-child::after {
  display: none;
}
.printBlock .owl-carousel .owl-item .imgWrap {
  padding: 10px;
}
.printBlock .owl-carousel .owl-item .title {
  font-size: 23px;
  margin: 10px 0 0 0;
  line-height: 26px;
  font-weight: 700;
  color: #000;
  text-align: center;
}
.printBlock .owl-carousel .owl-item .title span {
  display: block;
  text-transform: uppercase;
}
.printBlock .owl-carousel .owl-item .date {
  margin-bottom: 0;
  padding-left: 10px;
  color: #000;
  text-align: center;
}

.featuresSection .col-sm-6:nth-child(3n+1) {
  display: none;
}

.instagramSection .item a {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.instagramSection .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

footer {
  padding: 45px 0;
  background: #161616;
  color: #fff;
  font-weight: 300;
  font-size: 17px;
}
footer hr {
  height: 2px;
  background: #a5a5a5;
  opacity: 1;
}
footer .contentLeft {
  padding-right: 80px;
  position: relative;
}
footer .contentLeft p {
  font-size: 18px;
  line-height: 30px;
}
footer .contentRight {
  padding-left: 130px;
}
footer .signupContent {
  margin-left: 0;
}
footer .signupContent .form-control {
  max-width: 250px;
  border-color: #a5a5a5;
}
footer .footerLinks {
  column-count: 2;
  column-gap: 24px;
  margin-bottom: 0;
}
footer .footerLinks li {
  break-inside: avoid;
}
footer .footerLinks li:nth-child(3) {
  break-after: column;
}
footer .footerLinks li a {
  text-transform: uppercase;
  color: #fff;
  padding: 4px 0;
  margin: 4px 0;
  display: block;
}
footer .socialMedia li a {
  margin-right: 32px;
}
footer .socialMedia li a img {
  filter: brightness(0) invert(1);
}
footer .lowerSignup {
  display: none;
}

.about-content {
  padding-top: 20px;
}
.about-content .heading h1 {
  font-size: 58px;
}
.about-content .about-description {
  width: 100%;
}
.about-content .about-description p {
  font-size: 25px;
  text-align: center;
}

.about-magazine .container .heading {
  width: 90%;
}
.about-magazine .container .content {
  padding-right: 40px;
}
.about-magazine .container .content p {
  font-size: 18px;
  line-height: 1.5;
}
.about-magazine .twoItem .owl-item .item {
  position: relative;
  padding: 15px;
}
.about-magazine .twoItem .owl-item .item .date,
.about-magazine .twoItem .owl-item .item .title {
  text-align: center;
  color: #000;
}
.about-magazine .twoItem .owl-item .item .title {
  font-size: 24px;
  margin-top: 0px;
  font-weight: bold;
}

.about-team hr {
  width: 100%;
  height: 0.5px;
  background-color: black;
  opacity: 1;
}
.about-team .heading h1 {
  text-transform: none;
  font-size: 58px;
  font-weight: normal;
}
.about-team .teamContainer {
  position: relative;
  width: 28%;
}
.about-team .teamContainer .teams {
  position: relative;
}
.about-team .teamContainer .teams .teamImg img {
  filter: none;
  -webkit-filter: grayscale(0);
  -webkit-transition: all 0.3s ease-in-out;
}
.about-team .teamContainer .teams .teamImg img:hover {
  filter: grey;
  -webkit-filter: grayscale(1);
  -webkit-transform: scale(1.01);
}
.about-team .teamContainer:nth-child(3n-1) .teamImg {
  margin: auto;
}
.about-team .teamContainer:nth-child(3n) .teams .teamImg {
  margin: 0;
  margin-left: auto;
}
.about-team .teamContainer .teamImg {
  position: relative;
}
.about-team .teamContainer .teamImg .team-social {
  position: absolute;
  width: 100%;
  opacity: 0;
  padding: 15px 0;
  background-color: black;
}
.about-team .teamContainer .teamImg .team-social a {
  width: 25px;
  margin: 0 10px;
}
.about-team .teamContainer .teamImg:hover .team-social {
  transform: translateY(-55px);
  opacity: 1;
  transition: 0.4s all ease;
}
.about-team .teamContainer .teamImg:hover .team-social img {
  filter: brightness(0) invert(1);
}
.about-team .teamContainer .teamImg:hover img {
  filter: grey;
  -webkit-filter: grayscale(1);
  -webkit-transform: scale(1.01);
  -webkit-transition: all 0.3s ease-in-out;
}

.teamContainer {
  position: relative;
  display: block;
}
.teamContainer .name {
  font-size: 23px;
  color: #333;
  line-height: 29px;
  margin: 5px 0 0 0;
  text-align: center;
  font-weight: 700;
}
.teamContainer .designation {
  font-size: 23px;
  color: #333;
  line-height: 29px;
  margin: 5px 0 0 0;
  text-align: center;
}

.pageNavigation .container .navbar-nav .nav-item {
  margin: 0 50px;
}
.pageNavigation .container .navbar-nav .nav-item:nth-child(n+2) {
  position: relative;
}
.pageNavigation .container .navbar-nav .nav-item:nth-child(n+2)::before {
  left: -50px;
  height: 50%;
}
.pageNavigation .container .navbar-nav .active {
  font-weight: bold;
  border-bottom: 1px solid black;
}
.pageNavigation .container .navbar-nav .active a.nav-link {
  color: #000;
}
.pageNavigation .container .paragraph {
  margin-top: 20px;
}

.gallery.singleSlider {
  position: relative;
}
.gallery.singleSlider .item {
  position: relative;
}
.gallery.singleSlider .item .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 40px 50px 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gallery.singleSlider .item .content h2 {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1.4;
}
.gallery.singleSlider .item .content p {
  font-size: 30px;
  font-weight: 300;
  width: 100%;
  text-align: left;
  margin: 0 0 0 15px;
  line-height: 1.4;
  max-height: 2.8em;
}

.galleryAllHeading .heading {
  margin-bottom: 10px;
  margin-top: 20px;
}
.galleryAllHeading .heading h1 {
  font-size: 58px;
  font-weight: normal;
}

.pageNavigation .mobile-nav-container {
  display: none;
  position: relative;
  width: 50%;
  margin: auto;
}
.pageNavigation .mobile-nav-container .mobile-nav-btn {
  width: 100%;
  text-align: left;
  padding: 15px;
  font-weight: bold;
  background-color: white;
  border: none;
}
.pageNavigation .mobile-nav-container .mobile-nav-btn span img {
  width: 8px;
  transform: rotate(-90deg);
  transition: transform 0.4s ease !important;
}
.pageNavigation .mobile-nav-container .mobile-navigation {
  position: absolute;
  top: 65px;
  width: 100%;
  z-index: 1000;
  background-color: white;
  height: 0;
  overflow: hidden;
  transition: 0.4s ease;
}
.pageNavigation .mobile-nav-container .mobile-navigation ul li {
  padding: 5px 15px;
}
.pageNavigation .mobile-nav-container .mobile-navigation ul li a {
  color: #000;
  width: 100%;
}

.mobile-page-navigation-slide {
  transition: 0.4s ease;
  height: auto !important;
  overflow: auto !important;
}

.arrow-transform {
  transform: rotate(90deg) !important;
  transition: transform 0.4s ease !important;
}

.block .heading {
  margin-bottom: 15px;
  font-size: 18px;
}

.termsPage h2,
.termsPage h3,
.termsPage h4,
.termsPage h5,
.termsPage h6 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.pronunciationPage .gridContainer {
  margin-bottom: 3rem;
}
.pronunciationPage .gridContainer:nth-child(4n), .pronunciationPage .gridContainer:nth-child(4n-1), .pronunciationPage .gridContainer:nth-child(4n-2) {
  position: relative;
}
.pronunciationPage .gridContainer:nth-child(4n)::before, .pronunciationPage .gridContainer:nth-child(4n-1)::before, .pronunciationPage .gridContainer:nth-child(4n-2)::before {
  left: 0;
}
.pronunciationPage .gridContainer .pronunciation {
  color: grey;
}

.glossaryPage .heading h1 {
  font-size: 54px;
  font-weight: 500;
}
.glossaryPage .gridContainer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 40px;
}
.glossaryPage .gridContainer .alphabet {
  height: 200px;
  width: 30%;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.glossaryPage .gridContainer .alphabet p {
  font-size: 74px;
  color: grey;
  font-weight: lighter;
  line-height: 94px;
}
.glossaryPage .gridContainer .alphabet {
  /* width */
}
.glossaryPage .gridContainer .terms {
  height: 200px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 15px;
  width: 65%;
}
.glossaryPage .gridContainer .terms::-webkit-scrollbar {
  width: 5px;
}
.glossaryPage .gridContainer .terms {
  /* Track */
}
.glossaryPage .gridContainer .terms::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.glossaryPage .gridContainer .terms {
  /* Handle */
}
.glossaryPage .gridContainer .terms::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px;
}
.glossaryPage .gridContainer .terms .termName {
  margin: 10px 0;
}
.glossaryPage .gridContainer .terms .termName .btn-primary {
  color: #000;
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  font-size: 18px;
  text-align: left;
}
.glossaryPage .gridContainer .terms .termName .modal-content {
  max-width: 95%;
  text-align: center;
}
.glossaryPage .gridContainer .terms .termName .modal-content .modal-header {
  justify-content: flex-start;
  border-bottom: none;
  position: relative;
  padding-top: 25px;
  padding-bottom: 0;
  width: 93%;
  margin-left: auto;
}
.glossaryPage .gridContainer .terms .termName .modal-content .modal-header h5 {
  font-size: 28px;
  font-weight: bold;
}
.glossaryPage .gridContainer .terms .termName .modal-content .modal-header .btn-secondary {
  position: absolute;
  background-color: transparent;
  right: 16px;
  top: 16px;
  border: none;
}
.glossaryPage .gridContainer .terms .termName .modal-content .modal-body {
  text-align: justify;
  width: 86%;
  margin: auto;
  padding-top: 16px;
  padding-bottom: 0;
  line-height: 24px;
}
.glossaryPage .gridContainer .terms .termName .modal-content .modal-footer {
  border-top: none;
  padding: 16px;
  justify-content: center;
}
.glossaryPage .gridContainer .terms .termName .modal-content .modal-footer .btn-secondary {
  display: none;
}

.subscribeHeading .paragraph {
  border-bottom: 1px solid black;
}
.subscribeHeading .paragraph p {
  font-size: 23px;
  margin-bottom: 0.5rem;
}

.subscribe-threeItem .owl-item {
  padding: 0px 50px;
}
.subscribe-threeItem .owl-item .title {
  margin-bottom: 0;
  color: #000;
  font-weight: bold;
}
.subscribe-threeItem .owl-item .tagline {
  color: #000;
  font-weight: bold;
}
.subscribe-threeItem .owl-item .item {
  text-align: center;
}

.subscribe-plans {
  padding-bottom: 40px;
}
.subscribe-plans .planContainer {
  padding: 0 40px;
}
.subscribe-plans .planContainer .plan .heading {
  text-align: center;
}
.subscribe-plans .planContainer .plan .plan-price {
  text-align: center;
}
.subscribe-plans .planContainer .plan .plan-description h3 {
  padding: 30px 0;
  font-size: 28px;
}
.subscribe-plans .planContainer .plan .plan-description .plan-details {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 90%;
}
.subscribe-plans .planContainer .plan .plan-description .plan-details p {
  font-size: 18px;
}
.subscribe-plans .planContainer .plan .plan-description .plan-details .plan-btn__container .btn.mainBtn:nth-child(2) {
  margin-left: 30px;
}
.subscribe-plans .planContainer:nth-child(2), .subscribe-plans .planContainer:nth-child(3) {
  position: relative;
}
.subscribe-plans .planContainer:nth-child(2)::before, .subscribe-plans .planContainer:nth-child(3)::before {
  left: 0;
  height: 100%;
}

.micrositeContaier .bannerImage {
  order: 1;
}
.micrositeContaier .trendingblock {
  order: 2;
}
.micrositeContaier .bannerSlider {
  order: 3;
}
.micrositeContaier .micrositeSlider {
  order: 4;
}
.micrositeContaier .micrositeSlider .mainSlide .slider-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  transition: 0.3s ease all;
}
.micrositeContaier .micrositeSlider .mainSlide .slider-item img {
  width: 40%;
}
.micrositeContaier .micrositeSlider .mainSlide .slider-item .content {
  padding: 50px 8%;
  width: 60%;
  text-align: justify;
}
.micrositeContaier .micrositeSlider .mainSlide .slider-item .content h2 {
  font-size: 50px;
}
.micrositeContaier .micrositeSlider .item {
  position: relative;
  background-color: #f5f5f5;
}
.micrositeContaier .micrositeSlider .item .owl-carousel {
  width: 55%;
  display: inline-block;
  position: absolute;
  right: 25px;
  bottom: 0;
  padding: 20px 5%;
}
.micrositeContaier .micrositeSlider .item .owl-carousel .slider-item .content {
  display: none;
}
.micrositeContaier .micrositeSlider .item .owl-carousel .slider-item img {
  opacity: 0.3;
  transition: 0.2s ease all;
}
.micrositeContaier .micrositeSlider .item .owl-carousel .slider-item .visible {
  opacity: 1 !important;
  transition: 0.2s ease all;
}
.micrositeContaier .micrositeSlider .item .owl-theme .owl-nav .owl-next {
  right: 20px;
}
.micrositeContaier .micrositeSlider .item .owl-theme .owl-nav .owl-prev {
  left: 20px;
}
.micrositeContaier .micrositeSlider .item .owl-theme .owl-nav button {
  background-size: 10px !important;
}
.micrositeContaier .signupBlock {
  order: 5;
}
.micrositeContaier .signupBlock .signupContent .mainBtn {
  border-bottom: solid 2px #161616;
  border-right: solid 2px #161616;
}
.micrositeContaier .signupBlock.micrositeAdSection {
  background: none;
  min-height: 0;
}
.micrositeContaier .imgWrap.micrositeAd {
  text-align: center;
}
.micrositeContaier .imgWrap.micrositeAd img,
.micrositeContaier .imgWrap.micrositeAd iframe {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border: 0;
}
.micrositeContaier .bannerImage .imgWrap:not(.micrositeAd) img,
.micrositeContaier .bottom-banner .container .imgWrap:not(.micrositeAd) img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.micrositeContaier .bottom-banner {
  order: 6;
  position: relative;
  max-width: 90%;
  margin: auto;
}
.micrositeContaier .bottom-banner .container {
  margin: 30px 0;
}
.micrositeContaier .bottom-banner .container .imgWrap {
  position: relative;
}
.micrositeContaier .bottom-banner .container .imgWrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 18%;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  bottom: 0;
}
.micrositeContaier .bottom-banner .container .imgWrap.micrositeAd::after {
  content: none;
}
.micrositeContaier .bottom-banner .container .imgWrap .text-container {
  position: absolute;
  left: 5%;
  bottom: 0%;
  max-width: 90%;
  z-index: 1;
}
.micrositeContaier .bottom-banner .container .imgWrap .text-container h1,
.micrositeContaier .bottom-banner .container .imgWrap .text-container p {
  color: #ffffff;
}
.micrositeContaier .bottom-banner .container .imgWrap .text-container .main__heading {
  font-size: 38px;
  margin-bottom: 10px;
}
.micrositeContaier .bottom-banner .container .imgWrap .text-container p {
  font-size: 18px;
}
.micrositeContaier .bottomTrending {
  order: 7;
}

.searchPage.hightlightBlock .gridWrapper .adBlock {
  margin: 0;
}
.searchPage.hightlightBlock .gridWrapper .gridItem {
  margin-bottom: 25px;
}

.searchPage .searchQuery p {
  font-size: 46px;
  text-transform: uppercase;
}
.searchPage .heading h1 {
  font-size: 58px;
  font-weight: normal;
}
.searchPage .heading h2 {
  text-transform: none;
}
.searchPage .mainBtn {
  padding-left: 50px;
  padding-right: 50px;
}

.contactPage .container {
  position: relative;
  z-index: 0;
}
.contactPage .container .paragraph {
  font-size: 28px;
}
.contactPage .container .videoContainer {
  position: absolute;
  left: -300px;
  z-index: -10;
}
.contactPage .container .videoContainer video {
  width: 70%;
  display: block;
  aspect-ratio: 16/9;
  background-color: #fff;
}
.contactPage .container .form__container {
  width: 50%;
  margin-left: auto;
}
.contactPage .container .form__container .email__text {
  position: relative;
  margin-top: 80px;
}
.contactPage .container .form__container .email__text::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.5px;
  background-color: black;
  left: 0;
  top: -40px;
  z-index: 1;
}
.contactPage .container .form__container .email__text h1, .contactPage .container .form__container .email__text h2 {
  font-weight: 600;
  margin-top: 20px;
}
.contactPage .container .form__container p {
  margin-top: 15px;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
}
.contactPage .container .form__container .contact-form fieldset {
  border: none;
  margin: 25px 0;
}
.contactPage .container .form__container .contact-form .field--user input,
.contactPage .container .form__container .contact-form .field--email input {
  border: none;
  border-bottom: 1px solid;
  background-color: transparent;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 5px;
  width: 60%;
  outline: none;
}
.contactPage .container .form__container .contact-form .field--user input::-webkit-input-placeholder,
.contactPage .container .form__container .contact-form .field--email input::-webkit-input-placeholder {
  font-size: 20px;
  font-family: var(--primary-font);
}
.contactPage .container .form__container .contact-form .field--subject {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-left: 10px;
}
.contactPage .container .form__container .contact-form .field--subject div {
  display: grid;
  grid-template-columns: 10% 80%;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 0;
}
.contactPage .container .form__container .contact-form .field--subject div label {
  padding: 0 10px;
  color: black;
}
.contactPage .container .form__container .contact-form .field--subject div input[type=radio] {
  box-sizing: border-box;
  appearance: none;
  background: #ffffff;
  /* outline: 1px solid #333; */
  border: 1px solid #333;
  width: 22px;
  height: 22px;
  position: relative;
  margin-top: 10px;
}
.contactPage .container .form__container .contact-form .field--subject div input[type=radio]:checked {
  background: #333;
  position: relative;
  width: 18px;
  height: 18px;
}
.contactPage .container .form__container .contact-form .field--subject div input[type=radio]:checked::before {
  content: "";
  width: 22px;
  height: 22px;
  left: 50%;
  top: 50%;
  position: absolute;
  border: 1px solid #333;
  transform: translate(-50%, -50%);
}
.contactPage .container .form__container .contact-form .field--textarea textarea {
  width: 90%;
  background-color: transparent;
  padding: 10px;
  border: 1px solid #000000;
  resize: none;
  font-size: 20px;
}
.contactPage .container .form__container .contact-form .field--submit--btn {
  width: 150px;
  height: 50px;
  font-size: 20px;
  font-family: "Visia Pro";
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
  border: none;
  background-color: transparent;
  cursor: pointer;
  margin-top: 25px;
}
.contactPage .container .form__container .contact-form .field--submit--btn:hover {
  background-color: #000;
  color: #ffffff;
  transition: 0.3s ease all;
}

.digitalCoverPage .gridWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 45px;
}
.digitalCoverPage .gridWrapper .adBlock {
  grid-area: 1/2/span 1;
  width: 300px;
  height: 600px;
  justify-self: flex-end;
  margin-right: 30px;
}
.digitalCoverPage .gridWrapper .gridItem:nth-child(2) {
  align-self: center;
}
@media screen and (min-width: 992px) {
  .digitalCoverPage .gridWrapper .gridItem:nth-child(2) {
    align-self: center;
    width: 125%;
  }
}
.digitalCoverPage.archiveMore .gridWrapper .gridItem:nth-child(2) {
  align-self: auto;
}
@media screen and (min-width: 992px) {
  .digitalCoverPage.archiveMore .gridWrapper .gridItem:nth-child(2) {
    width: 100%;
  }
}
.digitalCoverPage .gridWrapper .productItem .title,
.digitalCoverPage .col-sm-6 .productItem .title,
.digitalCoverPage .trending .productItem .title {
  text-align: left;
  max-width: 75%;
  margin: 0;
}
.digitalCoverPage .gridWrapper .productItem .author,
.digitalCoverPage .col-sm-6 .productItem .author,
.digitalCoverPage .trending .productItem .author {
  text-align: right;
  margin: 0;
}
.digitalCoverPage .productItem .imgWrap img {
  width: 100%;
}
.digitalCoverPage .singleSlider .item .content p {
  width: 100%;
}

.deepDiveBanner .singleSlider .item .content p {
  width: 100%;
}

.mobile-digitalblock.digitalCoverPage .productItem .title {
  text-align: left;
  max-width: 75%;
  margin: 0;
}
.mobile-digitalblock.digitalCoverPage .productItem .author {
  text-align: right;
  margin: 0;
}

.brandsPage .main {
  display: flex;
  justify-content: space-between;
}
.brandsPage .main .sidebar {
  width: 20%;
  max-height: 1778px;
  overflow: auto;
  padding: 10px 30px;
  box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
  background-color: #f5f5f5;
}
.brandsPage .main .sidebar .sortby a {
  color: #000;
}
.brandsPage .main .sidebar .sortby a li {
  padding: 0.5rem 0;
}
.brandsPage .main .sidebar .filter,
.brandsPage .main .sidebar .sortBy {
  padding-top: 30px;
}
.brandsPage .main .sidebar .filter .accordion-item,
.brandsPage .main .sidebar .sortBy .accordion-item {
  border: 0;
}
.brandsPage .main .sidebar .filter .accordion-item .accordion-button,
.brandsPage .main .sidebar .sortBy .accordion-item .accordion-button {
  padding: 1rem 0;
  font-size: 23px;
  font-weight: bold;
  margin-top: 1rem;
}
.brandsPage .main .sidebar .filter .accordion-item .accordion-button:focus,
.brandsPage .main .sidebar .sortBy .accordion-item .accordion-button:focus {
  border-color: white;
  box-shadow: none;
}
.brandsPage .main .sidebar .filter .accordion-item .accordion-button:not(.collapse),
.brandsPage .main .sidebar .sortBy .accordion-item .accordion-button:not(.collapse) {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}
.brandsPage .main .sidebar .filter .accordion-item .accordion-body,
.brandsPage .main .sidebar .sortBy .accordion-item .accordion-body {
  padding: 0.5rem 0;
}
.brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check-label,
.brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check-label {
  text-transform: capitalize;
}
.brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check,
.brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 5px;
}
.brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check .form-check-input,
.brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check .form-check-input {
  width: 12px;
  height: 12px;
  margin-right: 1rem;
  margin-left: 0;
  justify-self: flex-end;
}
.brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check .form-check-input[type=checkbox],
.brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check .form-check-input[type=checkbox] {
  border-radius: 50%;
}
.brandsPage .main .sidebar .filter .accordion-item .collapse.show,
.brandsPage .main .sidebar .sortBy .accordion-item .collapse.show {
  max-height: 300px;
  overflow: auto;
}
.brandsPage .main .sidebar .filter .accordion-item .collapse.show::-webkit-scrollbar,
.brandsPage .main .sidebar .sortBy .accordion-item .collapse.show::-webkit-scrollbar {
  width: 5px;
}
.brandsPage .main .sidebar .filter .accordion-item .collapse.show,
.brandsPage .main .sidebar .sortBy .accordion-item .collapse.show {
  /* Track */
}
.brandsPage .main .sidebar .filter .accordion-item .collapse.show::-webkit-scrollbar-track,
.brandsPage .main .sidebar .sortBy .accordion-item .collapse.show::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.brandsPage .main .sidebar .filter .accordion-item .collapse.show,
.brandsPage .main .sidebar .sortBy .accordion-item .collapse.show {
  /* Handle */
}
.brandsPage .main .sidebar .filter .accordion-item .collapse.show::-webkit-scrollbar-thumb,
.brandsPage .main .sidebar .sortBy .accordion-item .collapse.show::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px;
}
.brandsPage .main .mainContainer {
  width: 77%;
}
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 {
  align-self: center;
}
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem {
  overflow: hidden;
  padding: 10px 0px;
  box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
  background-color: #f5f5f5;
}
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem:hover .imgWrap img {
  transform: translateX(140px);
  transition: 0.5s all ease;
}
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem:hover .watchDetail {
  transform: translateX(180px);
  transition: 0.5s all ease;
  visibility: visible !important;
}
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem:hover .watchDetail .locate-btn {
  position: absolute;
  bottom: -50%;
  padding: 5px 12px 8px 12px;
}
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  justify-content: center;
  align-items: center;
}
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap img {
  max-height: 263px;
}
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .name h4,
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .price h4,
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .watchDetail h4 {
  color: #000;
}
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .watchDetail {
  position: absolute;
  visibility: hidden;
  left: -150px;
}
.brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .watchDetail h4 {
  font-size: 18px;
  max-width: 70%;
  text-transform: uppercase;
  font-weight: bold;
}
.brandsPage .main .topbar-mobile {
  display: none;
}
.brandsPage .mainBtn {
  padding: 10px 80px;
}
.brandsPage .mapsContainer .heading {
  position: relative;
}
.brandsPage .mapsContainer .heading::before {
  position: absolute;
  content: "";
  width: 50%;
  height: 1px;
  background-color: #000;
  bottom: -24px;
  transform: translate(-50%, 50%);
}
.brandsPage .mapsContainer #map {
  margin: 50px 0;
}
.brandsPage .mapsContainer .pincodeInputContainer {
  margin-top: 80px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.brandsPage .mapsContainer .pincodeInputContainer .pinCode {
  position: relative;
}
.brandsPage .mapsContainer .pincodeInputContainer .pinCode input {
  padding: 5px;
  width: 300px;
}
.brandsPage .mapsContainer .pincodeInputContainer .pinCode svg {
  position: absolute;
  right: 10px;
  top: 10px;
}

.watch-card {
  box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
}
@media screen and (max-width: 1399px) {
  .watch-card {
    box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.3);
  }
}
.watch-card .watch-img-wrapper img {
  transition: transform 0.5s ease;
}
.watch-card .watch-card-overlay {
  z-index: 10;
  opacity: 0;
  transform: translateX(-16px);
  transition: opacity 0.4s ease, transform 0.5s ease;
  pointer-events: none;
}
.watch-card .watch-card-overlay .btn {
  width: 56%;
  font-size: 13px;
  padding-left: 8px;
  padding-right: 8px;
  white-space: nowrap;
  background-color: #fff;
  color: #000;
  border: none;
  box-shadow: 2px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.watch-card .watch-card-overlay .btn:hover,
.watch-card .watch-card-overlay .btn:focus {
  background-color: #000;
  color: #fff;
  box-shadow: 2px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.watch-card .watch-card-overlay .btn:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.watch-card:hover .watch-img-wrapper img, .watch-card:focus-within .watch-img-wrapper img {
  transform: translateX(56%);
}
.watch-card:hover .watch-card-overlay, .watch-card:focus-within .watch-card-overlay {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.brandLanding .entry-title {
  font-size: 48px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .brandLanding .entry-title {
    font-size: 28px;
  }
}
.brandLanding .brandLanding-banner {
  margin: 22px 0 8px;
}
.brandLanding .brandLanding-banner img {
  max-width: 860px;
  width: 100%;
  height: auto;
  display: inline-block;
}
.brandLanding .brandLanding-desc {
  max-width: 1000px;
  margin: 18px auto 0;
}
.brandLanding .brandLanding-desc p {
  font-size: 18px;
  line-height: 27px;
}
.brandLanding .watch-card .card-title {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .brandLanding .watch-card .card-title {
    font-size: 1.5rem;
  }
}
.brandLanding .watch-card .card-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}
.brandLanding .watch-card .watch-price {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 500;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .brandLanding .watch-card .watch-price {
    font-size: 1.5rem;
  }
}

.contentContainer [style*=font-size] {
  font-size: 20px !important;
}

.articlePage .container-left {
  padding-right: 30px;
}
/* §145: category label and headline in capitals, as live does by CSS. */
.articlePage .container-left .pageCategory {
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
}
.articlePage .container-left .articleTitle {
  font-size: 38px;
  font-weight: bold;
  line-height: 40px;
  text-transform: uppercase;
}
/* §145: the headline is an <h1> now (was a <p>) — every metric from the wrapper,
   plus the <p>'s old 1rem bottom margin, so it looks exactly as before. */
.articlePage .container-left .articleTitle h1 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0 0 1rem;
}
.articlePage .container-left .articleSubTitle {
  font-size: 26px;
  line-height: 33px;
}
.articlePage .container-right {
  width: 100%;
  margin-top: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.authorDetailContainer,
.authorDetailContainer:hover,
.authorDetailContainer:focus {
  color: #000;
  text-decoration: none;
}
.articlePage .container-right .authorDetailContainer {
  display: flex;
  position: relative;
  width: 25%;
}
.articlePage .container-right .authorDetailContainer .imgContainer {
  width: 25%;
}
.articlePage .container-right .authorDetailContainer .detailsContainer {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 10px;
}
.articlePage .container-right .authorDetailContainer .detailsContainer .name,
.articlePage .container-right .authorDetailContainer .detailsContainer .designation {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}
.articlePage .container-right .socialContainer {
  position: relative;
}
.articlePage .container-right .socialContainer .date p {
  margin-bottom: 0.5rem;
}
.articlePage .main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.articlePage .main .contentContainer {
  font-family: "Lora" !important;
  width: 75%;
  min-width: 0;
}
.articlePage .main .contentContainer p {
  font-size: 20px !important;
  padding-bottom: 20px;
  width: 90%;
  text-align: justify;
}
/* Article body copy (§83) — compiled from style.scss; no build step runs.
   Legacy copy is divs and spans, not <p>, so the rule above governs almost
   nothing; this also sets the inter-paragraph gap, which is a <br>-only div
   sized by its own font-size. */
.articlePage .main .contentContainer span,
.articlePage .main .contentContainer div {
  font-size: 20px !important;
  font-family: "Lora" !important;
}
.articlePage .main .contentContainer img {
  margin-top: 30px;
}
.articlePage .main .contentContainer .articleGallery {
  margin: 30px 0 10px;
}
.articlePage .main .contentContainer .articleGallery .imgWrap {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.articlePage .main .contentContainer .articleGallery .imgWrap img {
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.articlePage .main .contentContainer .pullquote-left-cont {
  width: 330px;
  max-width: 330px;
  float: left;
  margin-right: 40px;
  position: relative;
  margin-left: 0px;
  text-align: center;
  padding: 15px 5px;
}
.articlePage .main .contentContainer .pullquote-left-cont .pullquote-text {
  font-size: 25px !important;
  color: #1e4682;
}
.articlePage .main .contentContainer .pullquote-left-cont .pullquote-author-nm {
  font-size: 15px !important;
  line-height: 17px;
  margin-bottom: 5px;
  letter-spacing: 0.6px;
  margin-top: 10px;
}
.articlePage .main .contentContainer .pullquote-left-cont .clear {
  clear: both;
  display: block;
}
.articlePage .main .contentContainer .pullquote-left-cont .pullquote-author-nm {
  display: block;
  font-family: "Titillium Web", sans-serif !important;
  color: #505050;
}
.articlePage .main .contentContainer .pullquote-left-cont::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 2px;
  background-color: #505050;
}
.articlePage .main .contentContainer .pullquote-left-cont::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 2px;
  background-color: #505050;
}
.articlePage .main .sidebar-right {
  max-width: 300px;
  flex-shrink: 0;
  margin-left: 40px;
}
.articlePage .main .sidebar-right .adContainer {
  width: 300px;
  height: 600px;
  background-color: red;
}
.articlePage .main .sidebar-right .newsHighlight {
  margin-top: 30px;
}
.articlePage .main .sidebar-right .newsHighlight .row {
  margin-top: 10px;
}
.articlePage .main .sidebar-right .newsHighlight .row .productItem {
  padding: 20px;
}
/* §112: height follows the creative. GPT's mpu2 uses the towerBox mapping, which
   offers [300,600] from a 740px viewport up, and this box had a flat 250px with
   no overflow:hidden — so a half-page creative spilled 350px into the block
   below. The :empty rule keeps the unsold-slot placeholder. */
.articlePage .main .sidebar-right .small-ad {
  width: 300px;
  height: auto;
  background-color: red;
  margin-top: 20px;
}
.articlePage .main .sidebar-right .small-ad:empty {
  height: 250px;
}
.articlePage .main .sidebar-right .sidebar-newon {
  display: none;
}
.articlePage .main .sidebar-right .signup-letter {
  text-align: center;
  padding: 30px 0;
  background-color: #000;
  margin-top: 30px;
}
.articlePage .main .sidebar-right .signup-letter .signupContent {
  margin-left: 0;
  color: #ffffff;
}
.articlePage .main .sidebar-right .signup-letter .signupContent form {
  padding: 0 20px;
}
.articlePage .main .sidebar-right .signup-letter .signupContent form .form-control {
  text-align: center;
}
/* §139: the phone copy of Tags — shown ≤768px by the last block of the sheet. */
.articlePage .main .article-tags-mobile {
  display: none;
}
.articlePage .specificationContainer,
.articlePage .creditContainer {
  max-width: 90%;
}
.articlePage .specificationContainer .specification,
.articlePage .specificationContainer .credit,
.articlePage .creditContainer .specification,
.articlePage .creditContainer .credit {
  padding: 20px 30px;
}
.articlePage .specificationContainer .specification .watchName,
.articlePage .specificationContainer .credit .watchName,
.articlePage .creditContainer .specification .watchName,
.articlePage .creditContainer .credit .watchName {
  margin-bottom: 40px;
}
.articlePage .specificationContainer .specification .watchDetails .detail,
.articlePage .specificationContainer .specification .creditDetails .detail,
.articlePage .specificationContainer .credit .watchDetails .detail,
.articlePage .specificationContainer .credit .creditDetails .detail,
.articlePage .creditContainer .specification .watchDetails .detail,
.articlePage .creditContainer .specification .creditDetails .detail,
.articlePage .creditContainer .credit .watchDetails .detail,
.articlePage .creditContainer .credit .creditDetails .detail {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #000;
  margin: 20px 0;
}
.articlePage .specificationContainer .specification .watchDetails .detail .title,
.articlePage .specificationContainer .specification .creditDetails .detail .title,
.articlePage .specificationContainer .credit .watchDetails .detail .title,
.articlePage .specificationContainer .credit .creditDetails .detail .title,
.articlePage .creditContainer .specification .watchDetails .detail .title,
.articlePage .creditContainer .specification .creditDetails .detail .title,
.articlePage .creditContainer .credit .watchDetails .detail .title,
.articlePage .creditContainer .credit .creditDetails .detail .title {
  width: 40%;
  font-weight: bold;
}
.articlePage .specificationContainer .specification .watchDetails .detail .description,
.articlePage .specificationContainer .specification .creditDetails .detail .description,
.articlePage .specificationContainer .credit .watchDetails .detail .description,
.articlePage .specificationContainer .credit .creditDetails .detail .description,
.articlePage .creditContainer .specification .watchDetails .detail .description,
.articlePage .creditContainer .specification .creditDetails .detail .description,
.articlePage .creditContainer .credit .watchDetails .detail .description,
.articlePage .creditContainer .credit .creditDetails .detail .description {
  width: 60%;
}
.articlePage .article-tags {
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.articlePage .article-tags a {
  padding: 5px 8px;
  color: black;
  margin: 0 10px;
  font-size: 23px;
  font-weight: bold;
}
.articlePage .article-tags a:hover {
  color: blue;
  transition: all 0.2s ease;
}
.articlePage .article-tags a:nth-child(1) {
  padding: 5px 8px 5px 0;
}
.articlePage .scoreContainer {
  max-width: 90%;
  margin-top: 50px;
}
.articlePage .scoreContainer .score {
  padding: 30px;
}
.articlePage .scoreContainer .score .watchName {
  margin-bottom: 40px;
}
.articlePage .scoreContainer .score .scoreCategory .detail {
  border-bottom: 1px solid #000;
  margin: 20px 0;
}
.articlePage .scoreContainer .score .scoreCategory .detail .point {
  text-align: right;
  font-size: 28px;
  font-weight: bold;
}
.articlePage .scoreContainer .score .scoreCategory .detail .title {
  font-weight: bold;
  padding: 0;
}
.articlePage .scoreContainer .score .scoreCategory .total {
  border-bottom: none;
}

.bottomSection .container {
  border-top: 1px solid #000;
}
.bottomSection .container .heading {
  margin-top: 30px;
}

.articleBanner .digitalArticle-BannerContainer .titleContainer .tag p {
  display: inline-block;
  padding: 5px;
  color: white;
  background-color: #000;
}
.articleBanner .digitalArticle-BannerContainer .titleContainer .headingContainer h2 {
  margin-bottom: 10px;
}
.articleBanner .digitalArticle-BannerContainer .titleContainer .headingContainer p {
  font-size: 16px;
}
.articleBanner .digitalArticle-BannerContainer .titleContainer .authorContainer,
.articleBanner .digitalArticle-BannerContainer .titleContainer .authorContainer:hover,
.articleBanner .digitalArticle-BannerContainer .titleContainer .authorContainer:focus {
  padding-top: 5px;
  border-top: 0.5px solid #000;
  display: block;
  color: #000;
  text-decoration: none;
}

.articleContainer .container .main .contentContainer .pullquote-left-cont {
  width: 330px;
  max-width: 330px;
  float: left;
  margin-right: 40px;
  position: relative;
  margin-left: 0px;
  text-align: center;
  padding: 15px 5px;
}
.articleContainer .container .main .contentContainer .pullquote-left-cont .pullquote-text {
  font-size: 25px !important;
  color: #1e4682;
}
.articleContainer .container .main .contentContainer .pullquote-left-cont .pullquote-author-nm {
  font-size: 15px !important;
  line-height: 17px;
  margin-bottom: 5px;
  letter-spacing: 0.6px;
  margin-top: 10px;
}
.articleContainer .container .main .contentContainer .pullquote-left-cont .clear {
  clear: both;
  display: block;
}
.articleContainer .container .main .contentContainer .pullquote-left-cont .pullquote-author-nm {
  display: block;
  font-family: "Titillium Web", sans-serif !important;
  color: #505050;
}
.articleContainer .container .main .contentContainer .pullquote-left-cont::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 2px;
  background-color: #505050;
}
.articleContainer .container .main .contentContainer .pullquote-left-cont::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 2px;
  background-color: #505050;
}

.mobile-highlight-container {
  display: none;
}
.mobile-highlight-container .productItem {
  margin: 20px 0;
}
.mobile-highlight-container .productItem .title {
  font-size: 18px;
}
.mobile-highlight-container .newsHighlight h3 {
  font-size: 38px;
}

.digitalarticlePage .main {
  width: 100%;
  margin: auto;
}
/* Digital Cover body copy (§94) — compiled from style.scss; no build step runs.
   Deliberately DIVERGES from .articlePage above: 18px Visia Pro 400, not 20px
   Lora. font-weight sits on the container, not on span/div, so <b> keeps its
   bold — including the 10 <b><span>Also Read |</span> labels. */
.digitalarticlePage .main .contentContainer {
  font-family: "Visia Pro" !important;
  font-weight: 400;
}
.digitalarticlePage .main .contentContainer p {
  font-size: 18px !important;
  padding-bottom: 20px;
}
.digitalarticlePage .main .contentContainer span,
.digitalarticlePage .main .contentContainer div {
  font-size: 18px !important;
  font-family: "Visia Pro" !important;
}
.digitalarticlePage .main .contentContainer img {
  margin-top: 30px;
}

.micrositeSlider .secondary-Slider .owl-dots {
  display: none;
}

.microsite.signupBlock {
  background: #fcb751 url(../assets/images/time.webp) no-repeat left top;
  background-size: 60% 100%;
}

.searchcontainer {
  position: absolute;
  margin: auto;
  top: 0;
  transform: translate(-70%, 0);
  right: 0;
  bottom: 0;
  width: 80px;
  height: 80px;
}
.searchcontainer .search {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 80px;
  transition: all 0.3s;
  z-index: 4;
  border: none;
  background: transparent;
  padding: 0;
}
.searchcontainer .search:hover {
  cursor: pointer;
}
.searchcontainer .search::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 22px;
  right: 0;
  bottom: 0;
  left: 22px;
  width: 15px;
  height: 2px;
  background: black;
  transform: rotate(45deg);
  transition: all 0.3s;
}
.searchcontainer .search::after {
  content: "";
  position: absolute;
  margin: auto;
  top: -5px;
  right: 0;
  bottom: 0;
  left: -5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid black;
  transition: all 0.3s;
}
.searchcontainer input {
  font-family: "Inconsolata", monospace;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 50px;
  outline: none;
  border: none;
  color: black;
  padding: 0 30px 0 20px;
  border-bottom: 1px solid black;
  transition: all 0.3s;
  opacity: 0;
  z-index: 5;
  font-weight: bolder;
  letter-spacing: 0.1em;
}
.searchcontainer input:hover {
  cursor: pointer;
}
.searchcontainer input:focus {
  width: 300px;
  opacity: 1;
  cursor: text;
  left: -250px;
}
.searchcontainer input:focus ~ .search {
  right: 0px;
  z-index: 6;
}
.searchcontainer input:focus ~ .search::before {
  top: 0;
  left: 0;
  width: 25px;
}
.searchcontainer input:focus ~ .search::after {
  top: 0;
  left: 0;
  width: 25px;
  height: 2px;
  border: none;
  background: black;
  border-radius: 0%;
  transform: rotate(-45deg);
}
.searchcontainer input::placeholder {
  color: black;
  opacity: 0.5;
  font-weight: bolder;
}

.search-btn {
  position: relative;
  width: 26px;
  margin-left: 10px;
}
.search-btn .circle {
  position: absolute;
  margin: auto;
  top: -5px;
  right: 0;
  bottom: 0;
  left: -5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid black;
  transition: all 0.3s;
}
.search-btn .circle-cross {
  width: 3px;
  border-radius: 0;
  left: 4px;
  top: 6px;
  transform: translate(-10%, -50%) rotate(45deg);
  transition: 0.4s all ease;
  border: none;
  background-color: black;
}
.search-btn .bar {
  position: absolute;
  margin: auto;
  top: 16px;
  right: 0;
  bottom: 0;
  left: 14px;
  width: 15px;
  height: 2px;
  background: black;
  transform: rotate(45deg);
  transition: all 0.3s;
}
.search-btn .bar-cross {
  width: 3px;
  height: 20px;
  background-color: black;
  right: 30px;
  top: -14px;
  transform: rotate(-45deg);
  transition: 0.4s all ease;
}

#popupModal .modal-content {
  background-color: #000;
  justify-content: center;
}
#popupModal .modal-content .modal-header {
  border-bottom: none;
  position: relative;
  align-items: center;
  justify-content: center;
}
#popupModal .modal-content .modal-header .modal-logo {
  width: 20%;
  margin-top: 20px;
}
#popupModal .modal-content .modal-header .btn-secondary {
  position: absolute;
  right: 20px;
  top: 30px;
  background-color: transparent;
  border: none;
  filter: brightness(0) invert(1);
}
#popupModal .modal-content .modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #ffffff;
  max-width: 80%;
  margin: auto;
  padding: 0;
}
#popupModal .modal-content .modal-body h2 {
  margin-bottom: 20px;
}
#popupModal .modal-content .modal-body p {
  text-align: center;
  font-weight: lighter;
}
#popupModal .modal-content .modal-body .form-container {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  width: 75%;
}
#popupModal .modal-content .modal-body .form-container input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid white;
}
#popupModal .modal-content .modal-body .form-container .mainBtn {
  padding-top: 7px;
  margin-top: 30px;
  align-self: center;
}
#popupModal .modal-content .modal-footer {
  border-top: none;
}

.flying-carpet.mobile {
  display: none;
}

.scroll {
  height: 100vh !important;
  overflow: hidden !important;
}

/* "Also Read" line (§87) — compiled from style.scss; no build step runs.
   Live's four rules. `.pipe` carries !important and five classes because §83's
   blanket `.contentContainer span { font-size: 20px !important }` (0,3,1) would
   otherwise beat live's own (0,2,0) rule and flatten it to 20px. */
.alsoread {
  margin-top: 15px;
  font-size: 20px;
}
.alsoread .title {
  font-weight: 700;
}
.alsoread a {
  font-weight: 600;
  color: #0d6efd;
}
.articlePage .main .contentContainer .alsoread .pipe,
.digitalarticlePage .main .contentContainer .alsoread .pipe {
  font-size: 25px !important;
  font-weight: 300;
}

/* In-content image captions (§82) — compiled from style.scss; no build step runs.
   Two legacy caption markups reach us and live styles only `.fig_wrapper`; the
   typography is on a bare `figcaption` so the older `<figure>` imports match, and
   `.digitalarticlePage` is included because Digital Covers use that wrapper. */
.articlePage .main .contentContainer figcaption,
.digitalarticlePage .main .contentContainer figcaption {
  text-align: center;
  /* §146: live's `"Lora !important"` is a valid but non-existent family name, so
     live renders captions in the default serif; declared explicitly here. */
  font-family: "Times New Roman", Times, serif;
  font-style: oblique;
  font-size: 20px;
  font-weight: 500 !important;
  margin: 0 0 5px;
}
/* ~100 legacy captions wrap their text in a <span>/<div>; hand them the caption's
   family over the container's `span, div { font-family: Lora !important }`. */
.articlePage .main .contentContainer figcaption span,
.articlePage .main .contentContainer figcaption div,
.digitalarticlePage .main .contentContainer figcaption span,
.digitalarticlePage .main .contentContainer figcaption div {
  font-family: inherit !important;
}
.articlePage .main .contentContainer .fig_wrapper,
.digitalarticlePage .main .contentContainer .fig_wrapper {
  display: table;
}
.articlePage .main .contentContainer .fig_wrapper .fig-caption,
.digitalarticlePage .main .contentContainer .fig_wrapper .fig-caption {
  display: table-caption;
  caption-side: bottom;
}

/* Digital Cover captions run one size smaller than article captions (§96) —
   live's own split. Must stay AFTER the shared figcaption rule above: the two
   selectors tie at (0,3,1), so source order is what decides. */
.digitalarticlePage .main .contentContainer figcaption {
  font-size: 18px;
}


/* Editor caption wrappers (§98) — compiled from style.scss; no build step runs.
   Classic Editor's [caption] shortcode writes the image's intrinsic width onto
   the wrapper as an inline style, e.g. <figure class="wp-caption"
   style="width: 2048px">. The global img{max-width:100%} cannot help, because
   100% is of that 2048px figure. The article column is 972px, so the figure ran
   528-1076px into the 300px sidebar. max-width clamps a used width whatever its
   source, inline included, so no !important is needed. */
.wp-caption {
  max-width: 100%;
}
.wp-caption img {
  max-width: 100%;
}
/* Editor alignment classes (§132) — compiled from style.scss; no build step runs.
   Classic Editor writes alignleft/aligncenter/alignright onto the <img> or the
   .wp-caption figure; nothing styled them, so the Align buttons did nothing.
   Longhand margins keep the article img's margin-top: 30px. After .wp-caption
   so the 50% clamp wins for a floated captioned figure. Floats stack on phones. */
.alignleft,
.alignright {
  max-width: 50%;
  margin-bottom: 1em;
}
.alignleft {
  float: left;
  margin-right: 1.5em;
}
.alignright {
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  display: block;
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
.articlePage .main .contentContainer::after,
.digitalarticlePage .main .contentContainer::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 576px) {
  .alignleft,
  .alignright {
    float: none;
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* In-body image carousel (§79) — compiled from style.scss; no build step runs.
   Legacy markup lives in post_content; inc/inline-carousel.php restores the
   radio inputs KSES stripped. .ef-carousel__item:first-child{position:relative}
   is what gives the carousel its height — removing it collapses the block. */
.cl-carousel .ef-carousel {
  text-align: center;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  width: 81%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cl-carousel .ef-carousel .ef-carousel__items img {
  width: 800px;
  height: 450px;
}
.cl-carousel .ef-carousel .ef-carousel__dots {
  z-index: 99;
}
.cl-carousel .ef-carousel .ef-carousel__prev-group,
.cl-carousel .ef-carousel .ef-carousel__next-group {
  display: none;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(1) ~ .ef-carousel__items .ef-carousel__item:nth-child(1) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(1) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(1) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(1) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(1),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(1) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(1) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(2) ~ .ef-carousel__items .ef-carousel__item:nth-child(2) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(2) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(2) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(2) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(2),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(2) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(2) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(3) ~ .ef-carousel__items .ef-carousel__item:nth-child(3) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(3) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(3) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(3) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(3),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(3) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(3) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(4) ~ .ef-carousel__items .ef-carousel__item:nth-child(4) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(4) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(4) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(4) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(4),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(4) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(4) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(5) ~ .ef-carousel__items .ef-carousel__item:nth-child(5) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(5) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(5) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(5) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(5),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(5) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(5) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(6) ~ .ef-carousel__items .ef-carousel__item:nth-child(6) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(6) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(6) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(6) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(6),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(6) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(6) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(7) ~ .ef-carousel__items .ef-carousel__item:nth-child(7) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(7) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(7) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(7) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(7),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(7) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(7) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(8) ~ .ef-carousel__items .ef-carousel__item:nth-child(8) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(8) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(8) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(8) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(8),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(8) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(8) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(9) ~ .ef-carousel__items .ef-carousel__item:nth-child(9) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(9) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(9) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(9) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(9),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(9) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(9) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(10) ~ .ef-carousel__items .ef-carousel__item:nth-child(10) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(10) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(10) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(10) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(10),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(10) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(10) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(11) ~ .ef-carousel__items .ef-carousel__item:nth-child(11) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(11) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(11) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(11) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(11),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(11) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(11) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(12) ~ .ef-carousel__items .ef-carousel__item:nth-child(12) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(12) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(12) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(12) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(12),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(12) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(12) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(13) ~ .ef-carousel__items .ef-carousel__item:nth-child(13) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(13) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(13) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(13) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(13),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(13) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(13) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(14) ~ .ef-carousel__items .ef-carousel__item:nth-child(14) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(14) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(14) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(14) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(14),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(14) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(14) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(15) ~ .ef-carousel__items .ef-carousel__item:nth-child(15) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(15) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(15) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(15) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(15),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(15) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(15) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(16) ~ .ef-carousel__items .ef-carousel__item:nth-child(16) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(16) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(16) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(16) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(16),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(16) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(16) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(17) ~ .ef-carousel__items .ef-carousel__item:nth-child(17) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(17) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(17) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(17) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(17),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(17) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(17) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(18) ~ .ef-carousel__items .ef-carousel__item:nth-child(18) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(18) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(18) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(18) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(18),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(18) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(18) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(19) ~ .ef-carousel__items .ef-carousel__item:nth-child(19) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(19) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(19) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(19) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(19),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(19) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(19) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(20) ~ .ef-carousel__items .ef-carousel__item:nth-child(20) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(20) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(20) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(20) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(20),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(20) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(20) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(21) ~ .ef-carousel__items .ef-carousel__item:nth-child(21) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(21) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(21) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(21) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(21),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(21) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(21) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(22) ~ .ef-carousel__items .ef-carousel__item:nth-child(22) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(22) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(22) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(22) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(22),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(22) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(22) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(23) ~ .ef-carousel__items .ef-carousel__item:nth-child(23) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(23) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(23) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(23) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(23),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(23) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(23) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(24) ~ .ef-carousel__items .ef-carousel__item:nth-child(24) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(24) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(24) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(24) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(24),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(24) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(24) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(25) ~ .ef-carousel__items .ef-carousel__item:nth-child(25) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(25) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(25) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(25) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(25),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(25) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(25) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(26) ~ .ef-carousel__items .ef-carousel__item:nth-child(26) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(26) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(26) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(26) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(26),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(26) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(26) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(27) ~ .ef-carousel__items .ef-carousel__item:nth-child(27) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(27) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(27) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(27) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(27),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(27) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(27) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(28) ~ .ef-carousel__items .ef-carousel__item:nth-child(28) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(28) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(28) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(28) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(28),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(28) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(28) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(29) ~ .ef-carousel__items .ef-carousel__item:nth-child(29) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(29) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(29) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(29) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(29),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(29) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(29) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(30) ~ .ef-carousel__items .ef-carousel__item:nth-child(30) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(30) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(30) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(30) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(30),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(30) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(30) {
  display: block;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(31) ~ .ef-carousel__items .ef-carousel__item:nth-child(31) {
  opacity: 1;
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(31) ~ .ef-carousel__dots .ef-carousel__dot:nth-child(31) {
  background-color: rgba(0, 0, 0, 0.8);
}
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(31) ~ .ef-carousel__prev-group .ef-carousel__prev:nth-child(31),
.cl-carousel .ef-carousel .ef-carousel__state:checked:nth-child(31) ~ .ef-carousel__next-group .ef-carousel__next:nth-child(31) {
  display: block;
}
.cl-carousel .ef-carousel__imgWrap {
  position: relative;
}
.cl-carousel .ef-carousel__imgWrap .ef-carousel_content {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 40px;
  min-height: 50px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: break-spaces;
}
.cl-carousel .ef-carousel__imgWrap .ef-carousel_content p {
  padding: 0 !important;
  line-height: normal !important;
  font-size: 30px;
  font-weight: 300;
  width: 100%;
  text-align: center;
  margin: 0 0 0 15px;
}
.cl-carousel .ef-carousel__state {
  display: none;
}
.cl-carousel .ef-carousel__next,
.cl-carousel .ef-carousel__prev {
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  position: absolute;
  right: 15px;
  color: #000;
  background-color: #fff;
  opacity: 0.5;
  border-radius: 50%;
  top: 50%;
  margin-top: -20px;
  font-size: 24px;
  cursor: pointer;
  display: none;
  z-index: 1;
  transition: opacity 0.1s linear;
}
.cl-carousel .ef-carousel__next:before,
.cl-carousel .ef-carousel__prev:before {
  content: ">";
}
.cl-carousel .ef-carousel__next:hover,
.cl-carousel .ef-carousel__prev:hover {
  opacity: 0.8;
}
.cl-carousel .ef-carousel__prev {
  right: auto;
  left: 15px;
}
.cl-carousel .ef-carousel__prev:before {
  content: "<";
}
.cl-carousel .ef-carousel__dot {
  display: inline-block;
  cursor: pointer;
  box-shadow: 0 0 0 2px #fff inset;
  width: 18px;
  height: 18px;
  margin: 5px;
  background: #fff;
  opacity: 1;
  border-radius: 50%;
  border: solid 1px #000;
}
.cl-carousel .ef-carousel__items {
  white-space: nowrap;
  font-size: 0;
  margin: 0 0 5px;
}
.cl-carousel .ef-carousel__item {
  max-width: 100%;
  vertical-align: top;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.6s linear;
  padding: 10px;
}
.cl-carousel .ef-carousel__item:first-child {
  position: relative;
}
.articlePage .cl-carousel .ef-carousel__imgWrap .ef-carousel_content {
  bottom: 10px;
}
.cl-carousel .ef-carousel .ef-carousel__items .ef-carousel__item img {
  margin: 0;
  object-fit: contain;
}

/*---------------------------------------------Media Query Import--------------------------------------------*/
@media screen and (max-width: 1399px) {
  .digitalBlock .digitalSlider {
    padding-left: 45px;
  }
  .digitalBlock .digitalSlider .slideBtn, .digitalBlock .digitalSlider .storySlideBtn {
    left: 50%;
  }
  .digitalBlock .selectedItem .title, .digitalBlock .storySelectedItem .title {
    font-size: 26px;
  }
  .subscribe-plans .plan .heading h1 {
    font-size: 30px;
  }
  .subscribe-plans .plan .plan-details {
    width: 100% !important;
  }
  .subscribe-plans .plan .plan-details .mainBtn {
    padding: 10px;
  }
  .contactPage .container {
    position: relative;
    z-index: 0;
  }
  .contactPage .container .paragraph {
    font-size: 28px;
  }
  .contactPage .container .videoContainer {
    position: absolute;
    left: -300px;
    z-index: -10;
  }
  .contactPage .container .videoContainer video {
    width: 70%;
  }
  .contactPage .container .form__container {
    width: 65%;
    margin-left: auto;
  }
  .contactPage .container .form__container .contact-form .field--subject {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .contactPage .container .form__container .contact-form .field--subject div input[type=radio] {
    width: 22px;
    height: 22px;
    position: relative;
  }
  .contactPage .container .form__container .contact-form .field--subject div input[type=radio]:checked {
    background: #333;
    position: relative;
    width: 18px;
    height: 18px;
  }
  .contactPage .container .form__container .contact-form .field--subject div input[type=radio]:checked::before {
    width: 22px;
    height: 22px;
  }
  .contactPage .container .form__container .contact-form .field--submit--btn {
    font-family: "Visia Pro";
  }
  .brandsPage .main {
    display: flex;
    justify-content: space-between;
  }
  .brandsPage .main .sidebar {
    width: 25%;
    padding: 10px 30px;
    box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
    background-color: #f5f5f5;
  }
  .brandsPage .main .sidebar .sortby a {
    color: #000;
  }
  .brandsPage .main .sidebar .sortby a li {
    padding: 0.5rem 0;
  }
  .brandsPage .main .sidebar .filter, .brandsPage .main .sidebar .sortBy {
    padding-top: 30px;
  }
  .brandsPage .main .sidebar .filter .accordion-item, .brandsPage .main .sidebar .sortBy .accordion-item {
    border: 0;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-button, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-button {
    padding: 1rem 0;
    font-size: 23px;
    font-weight: bold;
    margin-top: 1rem;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-button:focus, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-button:focus {
    border-color: white;
    box-shadow: none;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-button:not(.collapse), .brandsPage .main .sidebar .sortBy .accordion-item .accordion-button:not(.collapse) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-body, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-body {
    padding: 0.5rem 0;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check-label, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check-label {
    text-transform: capitalize;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 5px;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check .form-check-input, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check .form-check-input {
    width: 12px;
    height: 12px;
    margin-right: 1rem;
    margin-left: 0;
    justify-self: flex-end;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check .form-check-input[type=checkbox], .brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check .form-check-input[type=checkbox] {
    border-radius: 50%;
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show {
    max-height: 300px;
    overflow: auto;
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show::-webkit-scrollbar, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show::-webkit-scrollbar {
    width: 5px;
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show {
    /* Track */
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show::-webkit-scrollbar-track, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show {
    /* Handle */
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show::-webkit-scrollbar-thumb, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px;
  }
  .brandsPage .main .mainContainer {
    width: 70%;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 {
    align-self: center;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem {
    overflow: hidden;
    padding: 10px 20px;
    box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
    background-color: #f5f5f5;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem:hover .imgWrap {
    transform: translateX(0px);
    transition: 0.5s all ease;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    justify-content: center;
    align-items: center;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap img {
    max-height: 263px;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .name h4, .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .price h4, .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .watchDetail h4 {
    color: #000;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .watchDetail {
    position: absolute;
    left: -180px;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .watchDetail h4 {
    font-size: 16px;
  }
  .brandsPage .mainBtn {
    padding: 10px 53px;
  }
  .brandsPage .mapsContainer .heading {
    position: relative;
  }
  .brandsPage .mapsContainer .heading::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 1px;
    background-color: #000;
    bottom: -24px;
    transform: translate(-50%, 50%);
  }
  .brandsPage .mapsContainer #map {
    margin: 50px 0;
  }
  .brandsPage .mapsContainer .pincodeInputContainer {
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
  .brandsPage .mapsContainer .pincodeInputContainer .pinCode {
    position: relative;
  }
  .brandsPage .mapsContainer .pincodeInputContainer .pinCode input {
    padding: 5px;
    width: 300px;
  }
  .brandsPage .mapsContainer .pincodeInputContainer .pinCode svg {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .signupBlock {
    background-position-x: -100px;
  }
  .micrositeContaier .bottom-banner {
    max-width: 80%;
  }
  .micrositeContaier .bottom-banner .container .imgWrap::after {
    height: 20%;
  }
  .micrositeContaier .bottom-banner .container .imgWrap .text-container p {
    font-size: 16px;
  }
  .micrositeContaier .bottom-banner .container .imgWrap .text-container .main__heading {
    font-size: 32px;
  }
}
@media screen and (max-width: 1200px) {
  .gridWrapper .adBlock {
    margin: 0;
  }
  .productItem .title {
    font-size: 18px;
    line-height: 23px;
  }
  .thumb .title {
    font-size: 18px !important;
  }
  .singleSlider .item .content h2 {
    font-size: 28px;
  }
  .singleSlider .item .content p {
    font-size: 26px;
  }
  .gallery.singleSlider .item .content h2 {
    font-size: 28px;
  }
  .gallery.singleSlider .item .content p {
    font-size: 26px;
  }
  .digitalBlock .digitalSlider {
    padding-left: 40px;
    margin-top: 15px;
  }
  .digitalBlock .digitalSlider .slideBtn.btnTop {
    top: -15px;
  }
  .signupBlock {
    background-position-x: -300px;
  }
  .signupBlock .signupContent {
    margin-left: 100px;
  }
  .micrositeContaier .bottom-banner {
    max-width: 80%;
  }
  .micrositeContaier .bottom-banner .container .imgWrap::after {
    height: 22%;
  }
  .micrositeContaier .bottom-banner .container .imgWrap p {
    line-height: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .micrositeContaier .micrositeSlider .mainSlide .slider-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    transition: 0.3s ease all;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item img {
    width: 40%;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item .content {
    padding: 40px 8%;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item .content p {
    max-height: 270px;
    overflow: hidden;
  }
  .micrositeContaier .micrositeSlider .item {
    position: relative;
    background-color: #f5f5f5;
  }
  .micrositeContaier .micrositeSlider .item .owl-carousel {
    width: 55%;
    display: inline-block;
    position: absolute;
    right: 25px;
    bottom: 0;
    padding: 20px 5%;
  }
  .micrositeContaier .micrositeSlider .item .owl-carousel .slider-item .content {
    display: none;
  }
  .micrositeContaier .micrositeSlider .item .owl-carousel .slider-item img {
    opacity: 0.3;
    transition: 0.2s ease all;
  }
  .micrositeContaier .micrositeSlider .item .owl-carousel .slider-item .visible {
    opacity: 1;
    transition: 0.2s ease all;
  }
}
@media screen and (max-width: 992px) {
  .adBlock {
    width: 768px;
  }
  .adBlock:empty {
    height: 250px;
  }
  .common.desktop {
    display: none;
  }
  .heading h1 {
    font-size: 48px !important;
  }
  .owl-nav {
    display: none;
  }
  .mainBtn.full {
    width: auto;
  }
  header .upperBlock .logoContainer {
    justify-content: flex-start;
  }
  header .upperBlock .logoContainer .logo {
    max-width: 150px;
  }
  header .upperBlock .social.col {
    display: none !important;
  }
  header .upperBlock .social.col .socialMedia li a {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
  header .upperBlock .mobile-nav {
    display: block;
  }
  header .navbar {
    display: none;
  }
  .gridWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
  }
  .gridWrapper .adBlock {
    grid-area: 1/2/span 2;
    width: 300px;
    height: 600px;
    justify-self: center;
    margin: 0px 0px 0px 0;
  }
  .gridWrapper .gridItem:nth-child(n+8) {
    display: none;
  }
  .archiveMore .gridWrapper .gridItem:nth-child(n+8) {
    display: block;
  }
  .gridWrapper .gridItem .imgWrap img {
    width: 100%;
  }
  .galleryBlock .thumbWrap {
    padding-left: 0;
  }
  .galleryBlock .viewBtn {
    margin-top: 33px;
  }
  .printBlock .twoItem {
    margin-top: 30px;
  }
  .hamburger-navigation {
    min-width: 100%;
    top: 70px;
  }
  .hamburger-navigation .accordion {
    min-width: 100%;
  }
  .digitalBlock.desktop {
    display: none;
  }
  .mobile-digitalblock {
    display: block;
  }
  .storyBlock.mobile {
    display: block;
  }
  footer .contentLeft {
    padding-right: 40px;
  }
  footer .contentRight {
    padding-left: 20px;
  }
  .brandsPage .mainContainer .productItem {
    pointer-events: none;
  }
  .about-content .about-description p {
    font-size: 23px;
    text-align: justify;
  }
  .about-team .teamContainer .teamImg {
    display: flex;
    flex-direction: column;
    margin: auto !important;
  }
  .about-team .teamContainer .teamImg .team-social {
    position: relative;
    opacity: 1;
    background-color: transparent;
    padding-bottom: 0;
    order: 2;
  }
  .teamContainer .name, .teamContainer .designation {
    font-size: 18px;
    line-height: 20px;
  }
  .about-magazine .container .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 0;
    justify-content: center;
    text-align: center;
  }
  .pageNavigation .mobile-nav-container {
    display: block;
  }
  .pageNavigation .navbar {
    display: none;
  }
  .authorPage .authorImageContainer .authorImage {
    width: 40%;
  }
  .authorPage .authorImageContainer .authorDetails {
    width: 60%;
  }
  .digitalCoverPage .gridWrapper {
    gap: 25px;
  }
  .digitalCoverPage .gridWrapper .adBlock {
    grid-area: 1/2/span 2;
  }
  .digitalCoverPage .gridWrapper .gridItem {
    padding: 0;
  }
  .pronunciationPage .gridContainer {
    margin-bottom: 1rem;
  }
  .pronunciationPage .gridContainer:nth-child(4n), .pronunciationPage .gridContainer:nth-child(4n-1), .pronunciationPage .gridContainer:nth-child(4n-2) {
    position: relative;
  }
  .pronunciationPage .gridContainer:nth-child(4n)::before, .pronunciationPage .gridContainer:nth-child(4n-1)::before, .pronunciationPage .gridContainer:nth-child(4n-2)::before {
    display: none;
  }
  .pronunciationPage .gridContainer:nth-child(2n) {
    position: relative;
  }
  .pronunciationPage .gridContainer:nth-child(2n)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: black;
    left: 0;
    top: 0;
  }
  .pronunciationPage .gridContainer .pronunciation {
    color: grey;
  }
  .subscribe-plans .planContainer {
    padding: 0 25px;
  }
  .subscribe-plans .planContainer .plan .heading h1 {
    font-size: 25px !important;
  }
  .subscribe-plans .planContainer .plan .plan-description h2 {
    font-size: 25px !important;
  }
  .subscribe-plans .planContainer .plan .plan-description .plan-details {
    width: 100% !important;
  }
  .subscribe-plans .planContainer .plan .plan-description .plan-details .mainBtn {
    padding: 10px;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item .content {
    padding: 20px 5%;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item .content h2 {
    font-size: 38px;
    margin-bottom: 0.5rem !important;
  }
  .micrositeContaier .micrositeSlider .item .owl-carousel {
    right: 25px;
    bottom: 0;
    padding: 5px 3.5%;
  }
  .micrositeContaier .micrositeSlider .item .owl-theme .owl-nav .owl-next {
    right: 20px;
  }
  .micrositeContaier .micrositeSlider .item .owl-theme .owl-nav .owl-prev {
    left: 20px;
  }
  .micrositeContaier .micrositeSlider .item .owl-theme .owl-nav button {
    background-size: 10px !important;
  }
  .micrositeContaier .bottom-banner .container {
    margin: 20px 0;
  }
  .micrositeContaier .bottom-banner .container .imgWrap .text-container {
    max-width: 100%;
    bottom: 2%;
  }
  .micrositeContaier .bottom-banner .container .imgWrap .text-container .main__heading {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .micrositeContaier .bottom-banner .container .imgWrap .text-container p {
    margin-bottom: 0;
  }
  .brandsPage .mainContainer .productItem {
    pointer-events: none;
  }
}
@media screen and (max-width: 991px) {
  .subscribe-plans .row {
    flex-direction: column;
  }
  .subscribe-plans .row .planContainer {
    padding-bottom: 0px;
    position: relative;
    width: 100%;
  }
  .subscribe-plans .row .planContainer .plan .plan-description .plan-details {
    min-height: auto;
  }
  .subscribe-plans .row .planContainer::before {
    display: none;
  }
  .brandsPage .main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .brandsPage .main .sidebar {
    width: 25%;
    padding: 10px 30px;
    display: none;
  }
  .brandsPage .main .sidebar .sortby a {
    color: #000;
  }
  .brandsPage .main .sidebar .sortby a li {
    padding: 0.5rem 0;
  }
  .brandsPage .main .sidebar .filter, .brandsPage .main .sidebar .sortBy {
    padding-top: 30px;
  }
  .brandsPage .main .sidebar .filter .accordion-item, .brandsPage .main .sidebar .sortBy .accordion-item {
    border: 0;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-button, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-button {
    padding: 1rem 0;
    font-size: 23px;
    font-weight: bold;
    margin-top: 1rem;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-button:focus, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-button:focus {
    border-color: white;
    box-shadow: none;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-button:not(.collapse), .brandsPage .main .sidebar .sortBy .accordion-item .accordion-button:not(.collapse) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-body, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-body {
    padding: 0.5rem 0;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check-label, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check-label {
    text-transform: capitalize;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 5px;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check .form-check-input, .brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check .form-check-input {
    width: 12px;
    height: 12px;
    margin-right: 1rem;
    margin-left: 0;
    justify-self: flex-end;
  }
  .brandsPage .main .sidebar .filter .accordion-item .accordion-body .form-check .form-check-input[type=checkbox], .brandsPage .main .sidebar .sortBy .accordion-item .accordion-body .form-check .form-check-input[type=checkbox] {
    border-radius: 50%;
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show {
    max-height: 300px;
    overflow: auto;
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show::-webkit-scrollbar, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show::-webkit-scrollbar {
    width: 5px;
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show {
    /* Track */
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show::-webkit-scrollbar-track, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show {
    /* Handle */
  }
  .brandsPage .main .sidebar .filter .accordion-item .collapse.show::-webkit-scrollbar-thumb, .brandsPage .main .sidebar .sortBy .accordion-item .collapse.show::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px;
  }
  .brandsPage .main .mainContainer {
    width: 100%;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 {
    align-self: center;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem {
    overflow: hidden;
    padding: 10px 40px;
    box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 8px -4px rgba(0, 0, 0, 0.75);
    background-color: #f5f5f5;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem:hover .imgWrap {
    transform: translateX(140px);
    transition: 0.5s all ease;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    justify-content: center;
    align-items: center;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap img {
    max-height: 263px;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .name h4, .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .price h4, .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .watchDetail h4 {
    color: #000;
  }
  .brandsPage .main .mainContainer .col-lg-4.col-sm-6 .productItem .imgWrap .watchDetail {
    position: absolute;
    left: -150px;
  }
  .brandsPage .main .topbar-mobile {
    display: block;
    position: relative;
  }
  .brandsPage .main .topbar-mobile .btn-container {
    margin-bottom: 30px;
  }
  .brandsPage .main .topbar-mobile .btn-container .mainBtn {
    width: 50%;
  }
  .brandsPage .main .topbar-mobile .btn-container .sortby {
    border-right: 1px solid black;
  }
  .brandsPage .main .topbar-mobile .sidebar {
    position: absolute;
    top: 70px;
    left: -120%;
    width: 100%;
    z-index: 1000;
    transform: translateX(-120%);
    transition: 0.4s transform ease-in-out;
    display: block;
  }
  .brandsPage .main .topbar-mobile .sidebar .close-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .brandsPage .main .topbar-mobile .sidebar .close-btn-container button {
    border: none;
    background-color: transparent;
    margin-top: 20px;
  }
  .brandsPage .main .topbar-mobile .sidebar .sortBy {
    padding-top: 10px;
  }
  .brandsPage .main .topbar-mobile .active {
    left: 0%;
    transform: translateX(0%);
    transition: 0.4s transform ease-in-out;
  }
  .brandsPage .mainBtn {
    padding: 10px 53px;
  }
  .brandsPage .mapsContainer #map {
    height: 50%;
    margin: 50px 0;
  }
  .signupBlock {
    background-position-x: -500px;
  }
  .signupBlock .signupContent {
    margin-left: 450px;
  }
}
@media screen and (max-width: 768px) {
  .articlePage .container-left {
    padding-right: 0;
  }
  .articlePage .container-left .pageCategory {
    text-align: center;
  }
  .articlePage .main {
    flex-wrap: wrap;
  }
  .articlePage .main .sidebar-right {
    display: block;
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
  .articlePage .main .sidebar-right > *:not(.adContainer):not(.small-ad) {
    display: none;
  }
  .articlePage .main .sidebar-right .adContainer,
  .articlePage .main .sidebar-right .small-ad {
    width: auto;
    height: auto;
    background-color: transparent;
    margin: 20px auto;
    text-align: center;
  }
  /* §112: the base `.small-ad:empty` is (0,5,0) and outranks the (0,4,0) rule
     above regardless of the media query, so the unsold placeholder would
     otherwise reappear as 250px of blank space on a phone. */
  .articlePage .main .sidebar-right .adContainer:empty,
  .articlePage .main .sidebar-right .small-ad:empty {
    height: auto;
  }
  .articlePage .main .contentContainer {
    width: 100%;
  }
  .articlePage .main .contentContainer p {
    width: 100%;
  }
  .articlePage .specificationContainer {
    max-width: 100%;
  }
  .articlePage .specificationContainer .heading h1 {
    font-size: 38px !important;
    text-align: left;
  }
  .articlePage .specificationContainer .specification .watchDetails .detail {
    flex-direction: column;
  }
  .articlePage .specificationContainer .specification .watchDetails .detail p.description {
    width: 100%;
    font-size: 28px;
  }
  .articlePage .specificationContainer .specification .watchDetails .detail p.title {
    font-size: 33px;
    width: 100%;
  }
  .articlePage .specificationContainer .specification .watchDetails .detail:last-child p.description {
    font-weight: bold;
  }
  .articlePage .scoreContainer {
    max-width: 100%;
  }
  .articlePage .scoreContainer .score .scoreCategory .detail {
    flex-direction: column;
  }
  .articlePage .scoreContainer .score .scoreCategory .detail p.description {
    width: 100%;
    font-size: 28px;
  }
  .articlePage .scoreContainer .score .scoreCategory .detail p.title {
    font-size: 33px;
    width: 100%;
  }
  .articlePage .scoreContainer .score .scoreCategory .detail:last-child p.description {
    font-weight: bold;
  }
  .articleHeading .container-right .authorDetailContainer {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .articleHeading .container-right .authorDetailContainer .imgContainer {
    display: none;
  }
  .articleHeading .container-right .authorDetailContainer .detailsContainer {
    align-items: center;
    text-align: center;
  }
  .articleHeading .container-right .authorDetailContainer .detailsContainer .date {
    border-bottom: 1px solid black;
    width: 220%;
  }
  .articleHeading .container-right .authorDetailContainer .detailsContainer .date p {
    font-size: 23px;
  }
  .articleHeading .container-right .authorDetailContainer .detailsContainer .detail {
    margin-top: 10px;
  }
  .articleHeading .container-right .authorDetailContainer .detailsContainer .detail .designation, .articleHeading .container-right .authorDetailContainer .detailsContainer .detail .name {
    font-size: 23px;
  }
  .articleHeading .container-right .socialContainer {
    display: none;
  }
  .mobile-highlight-container {
    display: block;
  }
  .about-team .teamContainer {
    position: relative;
    width: 47%;
  }
  .digitalarticlePage .creditContainer .credit .creditDetails .detail {
    flex-direction: column;
  }
  .digitalarticlePage .creditContainer .credit .creditDetails .detail p.description {
    width: 100%;
    font-size: 28px;
  }
  .digitalarticlePage .creditContainer .credit .creditDetails .detail p.title {
    font-size: 33px;
    width: 100%;
  }
  .digitalarticlePage .titleContainer .authorContainer {
    text-align: center;
    border-bottom: 0.5px solid #000;
    padding: 5px 0;
  }
  .digitalCoverPage .gridWrapper {
    grid-template-columns: 1fr;
  }
  .digitalCoverPage .gridWrapper .adBlock {
    grid-area: 5/1/span 2;
    justify-self: center;
    margin: auto;
    height: auto;
  }
  .digitalCoverPage .gridWrapper .adBlock:empty {
    height: 250px;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item .content {
    padding: 10px 5%;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item .content h2 {
    font-size: 28px;
    margin-bottom: 0.5rem !important;
  }
  .micrositeContaier .micrositeSlider .item .owl-carousel {
    right: 25px;
    bottom: 0;
    padding: 5px 3.5%;
  }
  .micrositeContaier .micrositeSlider .item .owl-theme .owl-nav .owl-next {
    right: 20px;
  }
  .micrositeContaier .micrositeSlider .item .owl-theme .owl-nav .owl-prev {
    left: 20px;
  }
  .micrositeContaier .micrositeSlider .item .owl-theme .owl-nav button {
    background-size: 10px !important;
  }
  .brandsPage .mapsContainer .heading::before {
    content: "";
    width: 75%;
  }
  .contactPage .container .paragraph {
    border-bottom: 1px solid #000;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .adBlock {
    width: 300px;
  }
  .adBlock:empty {
    height: 250px;
  }
  .heading {
    margin-bottom: 10px !important;
  }
  .heading h1 {
    font-size: 28px !important;
  }
  .heading h2 {
    font-size: 24px !important;
  }
  .mobile-btn {
    display: flex !important;
  }
  .desktop-btn {
    display: none;
  }
  .gridWrapper {
    grid-template-columns: 1fr;
    grid-gap: 25px;
  }
  /* §108: height follows the creative — GPT's tower mapping has no 300x600
     below a 740px viewport, so a fixed 600px box left 320-550px of blank space.
     The :empty rule keeps the unsold-slot placeholder the adblock() mixin sets. */
  .gridWrapper .adBlock {
    grid-area: 5/1/span 1;
    width: 300px;
    height: auto;
    justify-self: center;
    margin: 0px 0px 40px 0;
  }
  .gridWrapper .adBlock:empty {
    height: 250px;
  }
  .gridWrapper .gridItem:nth-child(n+6) {
    display: none;
  }
  .archiveMore .gridWrapper .gridItem:nth-child(n+6) {
    display: block;
  }
  .gridWrapper .gridItem .imgWrap img {
    width: 100%;
  }
  .searchcontainer {
    display: none !important;
  }
  header .upperBlock .logoContainer .logo {
    max-width: 120px;
  }
  header .upperBlock .mobile-search-block {
    display: block;
  }
  .productItem .imgWrap img {
    width: 100%;
  }
  .galleryBlock .item .content {
    position: initial;
    background-color: transparent;
    color: #000;
    padding: 10px 0;
  }
  .galleryBlock .thumbWrap {
    padding-left: 0;
  }
  .printBlock .content {
    padding-right: 0;
    text-align: center;
  }
  .banner .container {
    padding: 0;
  }
  .banner .container .item .content {
    padding: 15px 10px;
  }
  .banner .container .item .content p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
  }
  .banner .container .item .content h2 {
    font-size: 20px;
  }
  .banner .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
  }
  .heading {
    text-align: center;
  }
  .trendingblock .col-sm-6:nth-child(n+5) {
    display: none;
  }
  .instagramSection {
    display: none;
  }
  .pageNavigation .mobile-nav-container {
    width: 80%;
  }
  .printBlock .owl-carousel .owl-item .title {
    font-size: 16px;
  }
  footer {
    padding-bottom: 0;
  }
  footer .container {
    text-align: center;
  }
  footer .container .contentLeft, footer .container .contentRight {
    padding: 10px;
    border-bottom: 0.5px solid white;
  }
  footer .container .contentLeft p, footer .container .contentRight p {
    text-align: justify;
  }
  footer .container .contentLeft .socialMedia, footer .container .contentRight .socialMedia {
    justify-content: center;
  }
  footer .container .contentLeft .socialMedia li a, footer .container .contentRight .socialMedia li a {
    width: 45px;
    height: 45px;
  }
  footer .container .contentLeft::after, footer .container .contentRight::after {
    display: none;
  }
  footer .container .contentRight.follow p {
    text-align: center;
    font-size: 23px;
  }
  footer .container .signupContent .form-control {
    margin: auto;
  }
  footer .container hr {
    display: none;
  }
  footer .container .upperSignup {
    display: none;
  }
  footer .container .lowerSignup {
    display: block;
  }
  .about-content .about-description p {
    font-size: 18px;
    text-align: justify;
  }
  .about-magazine .twoItem {
    padding-top: 10px;
  }
  .about-magazine .twoItem .owl-item .item .title {
    font-size: 16px;
  }
  .about-team .heading {
    margin-bottom: 30px !important;
  }
  .contactPage .container {
    position: relative;
  }
  .contactPage .container .videoContainer {
    position: initial;
  }
  .contactPage .container .videoContainer video {
    width: 100%;
  }
  .contactPage .container .form__container {
    width: 100%;
  }
  .contactPage .container .form__container .contact-form .field--user input,
  .contactPage .container .form__container .contact-form .field--email input {
    width: 100%;
  }
  .contactPage .container .form__container .contact-form .field--subject div label {
    padding: 0 10px;
    color: black;
    font-size: 16px;
    line-height: 16px;
  }
  .contactPage .container .form__container .contact-form .field--subject div input[type=radio] {
    width: 16px;
    height: 16px;
    position: relative;
    margin-top: 5px;
  }
  .contactPage .container .form__container .contact-form .field--subject div input[type=radio]:checked {
    width: 14px;
    height: 14px;
  }
  .contactPage .container .form__container .contact-form .field--subject div input[type=radio]:checked::before {
    content: "";
    width: 16px;
    height: 16px;
  }
  .contactPage .container .form__container .contact-form .field--textarea textarea {
    width: 100%;
  }
  .contactPage .container .form__container .contact-form .contact-btn {
    justify-content: center;
  }
  .contactPage .container .form__container .email__text {
    margin-top: 20px;
    text-align: center;
  }
  .contactPage .container .form__container .email__text::before {
    display: none;
  }
  .contactPage .container .form__container .email__text h1 {
    font-weight: bold;
    margin-top: 5px;
    line-height: 18px;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item {
    flex-direction: column;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item img {
    width: 100%;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item .content {
    padding: 10px 5%;
    width: 100%;
  }
  .micrositeContaier .micrositeSlider .mainSlide .slider-item .content h2 {
    font-size: 28px;
    margin-bottom: 0.5rem !important;
  }
  .micrositeContaier .micrositeSlider .item .owl-carousel {
    display: block;
    position: relative;
    width: 100%;
    right: 0;
    padding: 5px 5.5%;
  }
  .micrositeContaier .micrositeSlider .item .owl-carousel .owl-nav {
    display: block !important;
  }
  .micrositeContaier .micrositeSlider .item .owl-carousel .owl-nav .owl-next {
    right: -20px;
  }
  .micrositeContaier .micrositeSlider .item .owl-carousel .owl-nav .owl-prev {
    left: -20px;
  }
  .micrositeContaier .bottom-banner .container .imgWrap::after {
    height: 25%;
  }
  .micrositeContaier .bottom-banner .container .imgWrap .text-container {
    max-width: 100%;
    bottom: 0%;
    left: 0;
    padding: 10px;
  }
  .micrositeContaier .bottom-banner .container .imgWrap .text-container .main__heading {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .micrositeContaier .bottom-banner .container .imgWrap .text-container p {
    margin-bottom: 0;
    font-size: 16px;
  }
  .brandsPage .mapsContainer #map {
    height: 40%;
  }
  .brandsPage .mapsContainer .pincodeInputContainer {
    flex-direction: column;
  }
  .brandsPage .mapsContainer .pincodeInputContainer .pinCode {
    position: relative;
    margin-bottom: 20px;
  }
  .brandsPage .mapsContainer .pincodeInputContainer .pinCode input {
    padding: 5px;
    width: 300px;
  }
  .brandsPage .mapsContainer .pincodeInputContainer .pinCode svg {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .brandsPage .mapsContainer .pincodeInputContainer .mainBtn {
    width: 300px;
  }
  .signupBlock {
    background-position-x: -660px;
  }
  .signupBlock .signupContent {
    margin-left: 250px;
  }
}
@media screen and (max-width: 576px) {
  .galleryBlock .thumbWrap .col-sm-6:nth-child(3) {
    display: none;
  }
  .adBlock {
    width: 300px;
  }
  .adBlock:empty {
    height: 250px;
  }
  .singleSlider .item .content h2 {
    font-size: 16px;
  }
  .singleSlider .item .content p {
    font-size: 16px;
  }
  .flying-carpet.mobile {
    display: block;
  }
  .gridWrapper {
    grid-template-columns: 1fr;
    grid-gap: 25px;
  }
  /* §108: height follows the creative — GPT's tower mapping has no 300x600
     below a 740px viewport, so a fixed 600px box left 320-550px of blank space.
     The :empty rule keeps the unsold-slot placeholder the adblock() mixin sets. */
  .gridWrapper .adBlock {
    grid-area: 5/1/span 1;
    width: 300px;
    height: auto;
    justify-self: center;
    margin: 0px 0px 40px 0;
  }
  .gridWrapper .adBlock:empty {
    height: 250px;
  }
  .gridWrapper .gridItem:nth-child(n+6) {
    display: none;
  }
  .archiveMore .gridWrapper .gridItem:nth-child(n+6) {
    display: block;
  }
  .gridWrapper .gridItem .imgWrap img {
    width: 100%;
  }
  .singleSlider .item .content {
    padding: 10px;
  }
  .singleSlider .item .content p {
    line-height: 1.4;
  }
  .digitalBlock {
    display: none;
  }
  .common .flying-ad {
    display: block;
  }
  .common .mid-ad {
    display: block;
  }
  .mobile-digitalblock .imgWrap img {
    width: 100%;
  }
  .mobile-digitalblock .col-sm-6:nth-child(n+4) {
    display: none;
  }
  .pronunciationPage .gridContainer {
    margin-bottom: 1rem;
  }
  .pronunciationPage .gridContainer:nth-child(n+1) {
    position: relative;
  }
  .pronunciationPage .gridContainer:nth-child(n+1)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: black;
    left: 0;
    top: 0;
  }
  .subscribe-plans .planContainer {
    padding-bottom: 50px !important;
    position: relative;
  }
  .subscribe-plans .planContainer .plan {
    text-align: center;
  }
  .subscribe-plans .planContainer .plan .plan-description {
    text-align: center;
  }
  .subscribe-plans .planContainer .plan .plan-description h2 {
    font-size: 25px !important;
  }
  .subscribe-plans .planContainer .plan .plan-description .plan-details {
    min-height: auto;
  }
  .subscribe-plans .planContainer .plan .plan-description .plan-details .plan-btn__container {
    text-align: center;
  }
  .subscribe-plans .planContainer .plan .heading {
    display: inline-block;
  }
  .subscribe-plans .planContainer .plan .heading hr {
    width: 100%;
    margin: auto;
  }
  .subscribe-plans .planContainer:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80%;
    height: 1px;
    background-color: black;
    margin: auto;
    transform: translate(12%, 50%);
  }
  .subscribe-plans .planContainer::before {
    display: none;
  }
  .subscribe-threeItem .owl-item {
    padding: 0;
  }
  /* §109: the copy no longer sits beside the watch here. The path had lost its
     `../` and 404'd from scss/, so phones showed no watch at all; the 180px
     offset then pushed the copy past the viewport below 376px. Full-bleed
     backdrop, scrim for white text over bright steel, full-width centred copy. */
  .signupBlock {
    background-color: #161616;
    background-image: linear-gradient(rgba(22, 22, 22, 0.72), rgba(22, 22, 22, 0.72)), url(../assets/images/time.webp);
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: cover, cover;
    min-height: 280px;
  }
  .signupBlock .signupContent {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .signupBlock .signupContent p {
    margin-bottom: 5px;
  }
  /* §109: same two faults as .signupBlock above; orange scrim keeps the
     variant's colour, which on a phone has been flat #fcb751 since the 404. */
  .microsite.signupBlock {
    background-color: #fcb751;
    background-image: linear-gradient(rgba(252, 183, 81, 0.8), rgba(252, 183, 81, 0.8)), url(../assets/images/time.webp);
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: cover, cover;
    min-height: 280px;
  }
  .microsite.signupBlock .signupContent {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .microsite.signupBlock .signupContent p {
    margin-bottom: 5px;
  }
  .articlePage.bottomSection, .slider.bottomSection {
    display: none;
  }
  .mobile-bottomSection {
    display: block !important;
  }
  .mobile-bottomSection .heading h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .mobile-bottomSection .col-sm-6:nth-child(2n+1) {
    display: none;
  }
  .articlePage .container-left {
    padding-right: 0;
  }
  .articlePage .container-left .pageCategory {
    text-align: center;
  }
  .articlePage .main {
    flex-wrap: wrap;
  }
  .articlePage .main .sidebar-right {
    display: block;
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
  .articlePage .main .sidebar-right > *:not(.adContainer):not(.small-ad) {
    display: none;
  }
  .articlePage .main .sidebar-right .adContainer,
  .articlePage .main .sidebar-right .small-ad {
    width: auto;
    height: auto;
    background-color: transparent;
    margin: 20px auto;
    text-align: center;
  }
  /* §112: the base `.small-ad:empty` is (0,5,0) and outranks the (0,4,0) rule
     above regardless of the media query, so the unsold placeholder would
     otherwise reappear as 250px of blank space on a phone. */
  .articlePage .main .sidebar-right .adContainer:empty,
  .articlePage .main .sidebar-right .small-ad:empty {
    height: auto;
  }
  .articlePage .main .contentContainer {
    width: 100%;
  }
  .articlePage .main .contentContainer p {
    width: 100%;
  }
  .articlePage .specificationContainer {
    max-width: 100%;
  }
  .articlePage .specificationContainer .heading h1 {
    font-size: 28px !important;
    text-align: left;
  }
  .articlePage .specificationContainer .specification .watchDetails .detail {
    flex-direction: column;
  }
  .articlePage .specificationContainer .specification .watchDetails .detail p.description {
    width: 100%;
    font-size: 18px;
  }
  .articlePage .specificationContainer .specification .watchDetails .detail p.title {
    font-size: 22px;
    width: 100%;
  }
  .articlePage .specificationContainer .specification .watchDetails .detail:last-child p.description {
    font-weight: bold;
  }
  .articlePage .scoreContainer {
    max-width: 100%;
  }
  .articlePage .scoreContainer .score .scoreCategory .detail {
    flex-direction: column;
  }
  .articlePage .scoreContainer .score .scoreCategory .detail p.description {
    width: 100%;
    font-size: 28px;
  }
  .articlePage .scoreContainer .score .scoreCategory .detail p.title {
    font-size: 33px;
    width: 100%;
  }
  .articlePage .scoreContainer .score .scoreCategory .detail:last-child p.description {
    font-weight: bold;
  }
  .articleHeading .container-right .authorDetailContainer {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .articleHeading .container-right .authorDetailContainer .imgContainer {
    display: none;
  }
  .articleHeading .container-right .authorDetailContainer .detailsContainer {
    align-items: center;
    text-align: center;
  }
  .articleHeading .container-right .authorDetailContainer .detailsContainer .date {
    border-bottom: 1px solid black;
    width: 220%;
  }
  .articleHeading .container-right .authorDetailContainer .detailsContainer .date p {
    font-size: 23px;
  }
  .articleHeading .container-right .authorDetailContainer .detailsContainer .detail {
    margin-top: 10px;
  }
  .articleHeading .container-right .authorDetailContainer .detailsContainer .detail .designation, .articleHeading .container-right .authorDetailContainer .detailsContainer .detail .name {
    font-size: 23px;
  }
  .articleHeading .container-right .socialContainer {
    display: none;
  }
  .mobile-highlight-container {
    display: block;
  }
  .featuresSection {
    display: block !important;
  }
  .slide {
    height: 90vh;
    max-height: 90vh;
    overflow: auto;
  }
  .galleryAllGrid:nth-child(3n+1) {
    display: none;
  }
  .micrositeContaier .bottom-banner {
    max-width: 100%;
  }
  .micrositeContaier .bottom-banner .container .imgWrap::after {
    height: 35%;
  }
  .micrositeContaier .bottom-banner .container .imgWrap .text-container p {
    font-size: 14px;
  }
  .articleContainer .container .main .contentContainer .pullquote-left-cont {
    width: 90%;
    max-width: 90%;
    float: left;
    margin-right: 0px;
    position: relative;
    margin-left: 5%;
    margin-bottom: 36px;
  }
}
@media screen and (min-width: 992px) {
  .micrositeSlider .secondary-Slider .owl-nav button {
    top: -100%;
  }
  .micrositeSlider .secondary-Slider .owl-nav .owl-next {
    right: -12% !important;
  }
  .micrositeSlider .secondary-Slider .owl-nav .owl-prev {
    left: -87% !important;
  }
  .micrositeSlider .secondary-Slider .owl-dots {
    display: none;
  }
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 720px;
    margin: 9.75rem auto;
  }
  .termName .modal-dialog {
    max-width: 820px;
    margin: 25vh auto;
  }
  .mobile-PrintAndDigital {
    display: none;
  }
}

/* In-body image carousel (§79) — responsive. Only `height` bites; the inline
   width:100% on each slide beats the `width` below, on live as well. */
@media screen and (max-width: 991px) {
  .cl-carousel .ef-carousel .ef-carousel__items img {
    width: 800px;
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .cl-carousel .ef-carousel .ef-carousel__items img {
    width: 500px;
    height: 300px;
  }
}
@media screen and (max-width: 576px) {
  .cl-carousel .ef-carousel .ef-carousel__items img {
    width: 500px;
    height: 280px;
  }
}
@media screen and (max-width: 400px) {
  .cl-carousel .ef-carousel .ef-carousel__items img {
    width: 500px;
    height: 250px;
  }
}
@media screen and (max-width: 300px) {
  .cl-carousel .ef-carousel .ef-carousel__items img {
    width: 500px;
    height: 200px;
  }
}
/* §138: article pages, ≤768px — tower ad, "MORE ON …", box ad, "New On
   Watchtime.in". Last in the sheet on purpose: these equal-specificity rules
   must follow both copies of the §106 hide rule (768px and 576px blocks).
   `.sidebar-right--article` is set by single.php (§138) and single-gallery.php (§140). */
@media screen and (max-width: 768px) {
  .articlePage .main .sidebar-right.sidebar-right--article > .newsHighlight,
  .articlePage .main .sidebar-right.sidebar-right--article > .sidebar-newon {
    display: block;
  }
  .articlePage .main .sidebar-right.sidebar-right--article > .newsHighlight {
    margin-top: 0;
  }
  .articlePage .main .sidebar-right.sidebar-right--article > .newsHighlight h3 {
    font-size: 25px;
  }
  .articlePage .main .sidebar-right.sidebar-right--article > .sidebar-newon {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #000;
  }
  .articlePage .main .sidebar-right.sidebar-right--article > .sidebar-newon .heading h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .articlePage.article-newon-slider {
    display: none;
  }
  /* §139: Tags straight after "Also Read", above the ads; the desktop section steps aside. */
  .articlePage .main .article-tags-mobile {
    display: block;
    width: 100%;
  }
  .articlePage.article-tags-section {
    display: none;
  }
  /* §143: phone "New On" grids with Load More show all six cards, not every other one. */
  .mobile-bottomSection.newon-loadable .col-sm-6:nth-child(2n+1) {
    display: block;
  }
}

/* §144: category pages on phones — section grid, middle ad, four more from this
   section + Load More, bottom ad, Trending 3 + Load More, New On 3 + Load More.
   `.mobile-sectionMore` replaces the desktop continued grid below 768px. */
.mobile-sectionMore {
  display: none;
}
@media screen and (max-width: 767px) {
  .mobile-sectionMore {
    display: block;
  }
  .mobile-sectionMore ~ .archiveMore {
    display: none;
  }
  .mobile-digitalblock.newon-loadable .col-sm-6:nth-child(n+4) {
    display: block;
  }
}

/*# sourceMappingURL=style.css.map */