@media only screen and (max-width: 600px) {
    .header-main {
        display: none;
    }
    .header-mobile {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        background: #fff;
        z-index: 99999;
    }
    .mobile-logo {
        float: left;
        width: 35%;
    }
    .mobile-logo a img {
        padding: 10px;
        width: 100%;
    }
    .mobile-menu {
        float: right;
        width: 60%;
        text-align: right;
        margin-top: 35px;
        padding-right: 20px;
    }
    .carousel-inner {
    position: relative;
    width: 100%;
    height: 28vh;
    overflow: hidden;
}
    .carousel {
    position: relative;
    float: left;
    width: 100%;
}
    .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
    .carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 100px;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    height: 50px;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}
    
    .hmenu {
        display: block;
    }
    .header-top-right {
        display: none;
    }
    .header-bottom {
        display: none;
    }
    .header-top-middle .logo-main {
        
    }
    .todaydate {
        display: none;
    }
    .logo-main a img {
        width: 100%;
        margin-top: 10px;
    }
    .slider {
    float: left;
    width: 100%;
    height: 300px;
    overflow: hidden;
    }
    .slider img {
    width: 100%;
    height: 300px;
}
    
    .slider-caption {
    position: absolute;
    top: 180px;
    left: 0px;
    padding: 40px;
    width: 80%;
}
    .slider-caption span {
    font-size: 16px !important;
    font-weight: 600;
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
    .slider-caption a {
    float: left;
    background: #F5BF68;
    color: #333;
    text-decoration: none;
    padding: 6px 0px 6px 10px;
    font-size: 12px;
}
    .slider-caption a img {
    width: 15% !important;
    height: auto !important;
}
    
    .section {
    float: left;
    width: 100%;
    height: auto;
    background: #fff;
    /* border-bottom: 1px solid #ccc; */
    padding: 20px;
}
   .portfolio-card {
    overflow: hidden;
    position: relative!important;
    background: #000;
    cursor: pointer;
    margin-bottom: 30px;
} 
.ourportfolio {
    background: #F9FAF8;
}    
  .section h1 {
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin-right: 20px;
    margin-bottom: 10px;
}  
   .business-card-lg .img-lg {
    width: 100%;
    height: 330px;
    overflow: hidden;
    margin-bottom: 10px;
}
    .insights-card {
        margin-bottom: 30px;
    }
    .products {
    background: #000;
}
    .products h1 {
    color: #fff;
}
    .insights {
    background: #F9FAF8;
}
    
    .over-text {
    position: relative;
    top: 250px;
    padding: 30px;
    width: 100%;
    float: left;
}
    .products-card-lg {
    float: left;
    width: 100%;
    height: 440px;
    overflow: hidden;
    background: url(../images/products-img01.png);
    background-size: cover;
    margin-bottom: 30px;
}
    .product-list .list-img {
    float: left;
    width: 100px;
    height: auto;
    margin-right: 20px;
}
    .product-list .list-text h5 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}
    .product-list .list-text p {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
}
    .product-list {
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #555;
    padding-bottom: 0px;
    margin-bottom: 20px;
}
    .footer {
    background: #444444;
}
    .business-card-lg img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
    .img-sm {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 10px;
}
    .section .seeall {
    float: left;
    text-decoration: none;
    color: #999;
    /* line-height: 40px; */
    font-size: 16px;
    font-weight: 400;
    margin-top: 0px;
}
    .products-card-lg h5 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}
    .products-card-lg p {
    color: #cacaca;
    font-size: 12px;
    margin-bottom: 30px;
}
    .playvideo {
    float: left;
    width: 100%;
    height: 30vh;
    padding: 0px;
}
    .playvideo #videoframe {
    width: 100%;
    height: 30vh;
    background: #000;
    }
    .tiles-section {
    background: url(../images/bg01.png) no-repeat center fixed;
    background-size: cover;
    transition: 0.4s ease;
}
    
    .section-title-center h2 {
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}
    .section-title-center p {
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 70px;
}
    .item span {
    font-size: 12px;
}
    
    .m-auto {
    margin: auto!important;
    width: 100%;
}
    .owl-carousel .owl-stage-outer {
    margin-bottom: 0px !important;
}
    .card {
        width: 100%;
    }
    .item {
        width: 100%;
    }
    .readmore-btn {
    margin-top: 30px;
    margin-bottom: 100px;
    float: left;
    width: 100%;
}
    
    .shape01 {
    position: relative;
    left: 0px;
    top: -20px;
}
    .shape02 {
    position: relative;
    right: -200px;
    top: -230px;
}
    .shape03 {
    position: relative;
    left: -160px;
    top: -460px;
}
    .shape04 {
    position: relative;
    left: 60px;
    top: -430px;
}
    .footer-copyright {
        text-align: center;
    }
    .footer-social-icon {
        text-align: center;
    }
    .footer-sublist ul li a {
        font-size: 14px;
    }
    .download-apps h5 {
    color: #fff;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    margin-top: 15px;
}
    .download-apps img {
    width: 30%;
    margin-bottom: 20px;
}
    .footer-sublist ul {
    list-style: none;
    margin: 0px -10px;
    padding: 0;
    text-align: center;
}
    .footer-sublist ul li {
        float: left;
    }
    .carousel-indicators {
        display: none;
    }
    .row-bottom {
    margin-bottom: 20px;
    margin-top: 60px;
}
    .mySidenav {
        display: block;
    }
    #signin {
        background: #fff;
        padding: 10px 50px;
        color: #3441B4;
        float: left;
        margin-left: 30px;
        margin-top: 20px;
        border-radius: 5px;
    }
    
    .footer {
    background: url(../images/bg02.png) center fixed #222963;
    background-size: cover;
    padding: 40px 20px 15px 20px;
}
    .bg-bg02 {
    background: url(../images/bg02.jpg) fixed #f0f6ff;
    background-size: cover;
}
    .bg-lime {
    background: #e8fef1;
}
.bg-yellow {
    background: #FFFAE2;
}
.bg-sky {
    background: #e0effb;
}
.bg-pink {
    background: #fff3f3;
}
.bg-exploremore {
    background: #f3f3f3;
}
.bg-lightgreen {
    background: #f1faf9;
}
.bg-lightblue {
    background: #f0f6ff;
}
.bg-bg02 {
    background: url("../images/bg02.jpg") fixed #f0f6ff;
    background-size: cover;
}
.bg-bg02 h1 {
    color: #E6A048;
}
.bg-bg02 p {
    color: #fff;
}
.bg-bg03 {
    background: url("../images/bg002.png") fixed #b5b5f0;
    background-size: cover;
}
    .signupbox {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .seemorecard .content {
        margin-left: 10px;
    }
    .seemorecard p {
        font-size: 12px;
    margin-bottom: 10px;
}
    .seemorecard h5 {
    font-size: 16px;
    font-weight: 600;
}
    .section h5 {
    margin-bottom: 5px;
}
    .seemorecard a {
    color: #DD3833;
    border-bottom: 1px solid #DD3833;
    font-size: 12px;
}
    .about-bg {
  width: 100%;
  height: 200px;
  background: url("../images/slider-img01.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-advertisewithus {
  width: 100%;
  height: 200px;
  background: url("../images/slider-img01.jpg") no-repeat 100% 70%;
  background-size: cover;
}

.about-classifieds {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-classifieds.png") no-repeat 100% 70%;
  background-size: cover;
}

.about-community {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-communityconnect.png") no-repeat 100% 70%;
  background-size: cover;
}

.about-peoplehelp {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-peoplehelpcenter.png") no-repeat 100% 70%;
  background-size: cover;
}

.about-mediacenter {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-mediacenter.png") no-repeat 100% 70%;
  background-size: cover;
}

.about-booktalent {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-booktalent.png") no-repeat 100% 70%;
  background-size: cover;
}

.about-partner {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-partner.png") no-repeat 100% 70%;
  background-size: cover;
}

.about-coworking {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-coworkingspace.png") no-repeat 100% 70%;
  background-size: cover;
}
    .about-brand {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-brand.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-course {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-course.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-technology {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-technology.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-contentapp {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-contentapp.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-whitelabelapp {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-whitelabel.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-digitalvideo {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-digitalvideo.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-podcast {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-podcast.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-livetv {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-livetv.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-minitv {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-minitv.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-ottchannels {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-ottchannels.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-affiliates {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-affiliates.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-imwevents {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-imwevents.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-features {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-features.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-imwprotects {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-imwprotects.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-volunteer {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-volunteer.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-marketcities {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-marketcities.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-callforpilots {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-callforpilots.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-petitions {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-petitions.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-grievances {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-grievances.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-shopping {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-shopping.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-programs {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-programs.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-lawjustice {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-lawjustice.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-careers {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-careers.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-awareness {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-awareness.jpg") no-repeat 100% 70%;
  background-size: cover;
}
    .about-coupondeals {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-coupondeals.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-polls {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-polls.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-votershub {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-vote.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-discussionroom {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-discussionroom.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-ottguide {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-ottguide.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-startup {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-startup.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-supportcauses {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-supportcauses.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-campaigns {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-campaign.jpg") no-repeat 40% 70%;
  background-size: cover;
}
.about-listenmusic {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-listenmusic.jpg") no-repeat 50% 70%;
  background-size: cover;
}
.about-jobmarket {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-jobmarket.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-betterhalf {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-betterhalf.jpg") no-repeat 50% 70%;
  background-size: cover;
}
.about-emagazine {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-emagazine.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-cartooncorner {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-cartooncorner.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-reviews {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-reviews.jpg") no-repeat 0% 70%;
  background-size: cover;
}
.about-ratings {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-ratings.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-rankings {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-rankings.jpg") no-repeat 100% 70%;
  background-size: cover;
}
.about-default {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-default.png") no-repeat 100% 70%;
  background-size: cover;
}
.about-investor {
  width: 100%;
  height: 200px;
  background: url("../images/inner-banner-investor.jpg") no-repeat 100% 70%;
  background-size: cover;
}
    
    
    
    .product-listitem h3 {
    margin-bottom: 0px;
    font-size: 18px;
}
    .product-listitem a {
    float: left;
    width: 100%;
    color: #333;
    text-decoration: none;
    padding: 20px;
    border-bottom: 1px solid #333;
    background: url(../images/arrow-right-lg.svg) #ffffff no-repeat right 5px;
    padding-left: 0px;
    margin-bottom: 0px !important;
    margin-top: 10px;
    transition: 0.4s ease;
}
    .partnercard .content {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 10px;
}
    .partnercard a {
    color: #DD3833;
    border-bottom: 1px solid #DD3833;
    font-size: 12px;
}
    .form-box {
    float: left;
    width: 100%;
    height: auto;
    background: #f4f4f4;
    padding: 20px;
    border-radius: 10px;
    margin-top: 50px;
}
    .bullet-circle {
        margin: 0px;
    padding: 0px;
    }
    .backmenu a, img {
    color: #667080;
    margin-right: 0px;
    transition: 0.4s ease;
    padding-right: 0px;
}
    .section p {
    color: #555;
    margin-bottom: 10px;
}
    .login-img {
        display: none;
    }
    .login-content {
    float: left;
    width: 100%;
    height: 100vh;
    padding: 50px;
}
    .login-img1 {
        display: none;
    }
    .location-card {
        width: 100%;
    }
    .features-card {
    float: left;
    width: 100%;
    height: 220px;
        margin-bottom: 0px;
}
    .features-card a img {
        height: 210px;
    }
    .fcard-group span {
        font-size: 14px;
        font-weight: 500;
    }
    .innerslider-mask {
        height: 200px;
    }
    .innerslider .slider-caption {
    position: relative;
    top: 60px;
    left: 20px;
    padding: 40px 0px;
    width: 100%;
}
    .section-title-center p {
        color: #fff;
    }
    .advertise-img {
    float: left;
    width: 100%;
    height: 72.5vh;
    background: url(../images/ads-bg.jpeg) center right;
    background-size: cover;
}
    .imgbox {
        padding: 40px;
        width: 90%;
        position: relative;
        top: 20px;
    }
    .advertise-content {
    float: right;
    width: 100%;
    height: 100vh;
    padding: 50px 40px;
}
    
    .carousel-item {
        height: 27vh;
    }
    .carousel-item span {
    position: absolute;
    top: 32%;
    left: 5%;
    padding: 40px 40px 0px 40px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    float: left;
    }
    .page-logo {
    float: left;
    width: 100px;
    height: auto;
    padding: 5px;
    background: #fff;
    position: absolute;
    z-index: 999;
    top: 290px;
    box-shadow: 0px 10px 10px rgb(0 0 0 / 12%);
}
    .page-logo-pos {
    margin-bottom: 100px;
}
    
    .banner-logo {
    float: left;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20%;
    left: 15%;
}
   .banner-video {
    float: left;
    width: 100%;
    height: 30vh !important;
    position: relative;
    left: 0;
    top: 0;
    display: block;
} 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}