/* =========================================
   RESPONSIVE MEDIA QUERIES
   ========================================= */
html{
    overflow-x: hidden;
}
/* Extra Small Devices - Mobile Portrait
   0px - 575px
----------------------------------------- */
@media (max-width: 575px) {
    

    .newsletter-form p {
    flex-flow: wrap;
}
.newsletter-form input {
    width: 100%;
}
.banner-img {
    opacity: .4;
}
.trend-thumb {
    width: 100%;
    height: 160px;
}
.scroll-side .trend-item {
    padding: 30px 0;
    flex-direction: column;
}
.cover-story-card .ph {
    aspect-ratio: auto;
}
.insight-thumb {
    width: 100%;
}
.full-leader-right {
    padding-left: 0;
    border-left: none;
}
.interview-excutive .section-title-row {
    margin-top: 60px;
}
.interview-excutive .section-title-row h2 {
    color: #000;
}
.content-heading {
    font-size: 30px;
}
.trend-sticky .trend-item {
    flex-flow: wrap;
}
.trend-sticky {
    margin-top: 50px;
}

}


/* Small Devices - Mobile Landscape
   576px - 767px
----------------------------------------- */
@media (min-width: 576px) and (max-width: 767px) {

    /* Your CSS */

}


/* Tablets
   768px - 991px
----------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {

    /* Your CSS */

}


/* Small Laptop / Large Tablet
   992px - 1199px
----------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {

    /* Your CSS */

}


/* Laptop / Desktop
   1200px - 1399px
----------------------------------------- */
@media (min-width: 1200px) and (max-width: 1399px) {

    /* Your CSS */

}


/* Large Desktop
   1400px - 1599px
----------------------------------------- */
@media (min-width: 1400px) and (max-width: 1599px) {

    /* Your CSS */

}


/* Extra Large Desktop
   1600px+
----------------------------------------- */
@media (min-width: 1600px) {

    /* Your CSS */

}