html {
    height: 100%;
}

body {
    line-height: 1.44;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    box-sizing: border-box overflow-x: hidden;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    font-family: Lato, sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    outline: 0;
}

.max-width-class {
    max-width: 1150px;
    z-index: 99;
    padding: 0 10px;
    margin: 0 auto;
    position: relative
}

.mobile-show {
    display: block;
}

.mobile-hide {
    display: none;
}

.wrapper {
    position: relative;
}


/* Header Starts */

.kotak-header {
    /*position: sticky;*/
    width: 100%;
    /*top:0;z-index: 9999;*/
}

.nav-bar {
    background-color: #da251c;
    position: sticky;
    top: 0;
    z-index: 999;
}

.kotak-header .top-bar {
    height: 30px;
    filter: drop-shadow(-0.651px 1.891px 0.5px rgba(15, 33, 54, 0.35));
    background-color: #ebebeb;
    line-height: 1.6;
    text-align: right;
    padding: 0 10px;
}

.top-bar .back-to {
    font: 500 12px/16px 'Roboto';
    letter-spacing: 0px;
    color: #1e1e1e;
}

.m {
    color: #55af47;
}

.c {
    color: #036ca4;
}

.logo-section {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}

.navbar-left {
    width: 100%;
    background-color: #da251c;
}

.navbar-left .menus {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.player_size {
    width: 100%;
    height: 400px;
}

#iframeVideos {}

.menus li {
    padding: 15px 20px;
}

.menus li a {
    font: 500 21px/12px 'Roboto';
    color: #ffffff;
}

.menus li:hover {
    background-color: #c42119;
}

.navbar-right {
    background-color: #08315f;
    width: 375px;
}

.menus li.navbar-right:hover {
    background-color: #08315f;
}

.navbar-right a {
    font: 500 21px/12px 'Roboto';
    color: #ffffff;
}

.navbar-left {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

.menu-icon {
    cursor: pointer;
    display: inline-block;
    padding: 12px;
    position: relative;
    color: #fff;
}

.article-sect .article-list .r-article {}

.menu-icon .navicon {
    background: #fff;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.menu-icon .navicon:before,
.menu-icon .navicon:after {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.menu-icon .navicon:before {
    top: 5px;
}

.menu-icon .navicon:after {
    top: -5px;
}

.menu-btn {
    display: none;
}

.menu-btn:checked~.navbar-left {
    max-height: 240px;
}

.menu-btn:checked~.menu-icon .navicon {
    background: transparent;
}

.menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg);
}

.menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
    top: 0;
}


/* Header Ends */


/* Banner Starts */

.banner {
    background: url('http://images.moneycontrol.com/assets/images/ms/kotak/investmentor-header.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 310px;
    width: 100%;
}

.banner-text {
    width: 50%;
    position: relative;
}

.banner-text .heading {
    position: absolute;
    right: 0;
    width: 570px;
    top: 80px;
}

.banner .title {
    color: #fff;
    font: 700 28px/32px 'Roboto';
    text-transform: uppercase;
}

.banner .sub-title {
    color: #fff;
    font: 100 19px/43px 'Roboto';
}

.banner .sub-title span {
    overflow: hidden;
}

.banner .sub-title:before {
    content: " ";
    background-color: #da251c;
    border: 3px solid #da251c;
    margin-right: 10px;
    float: left;
    height: 29px;
}


/* Banner Ends */

.clear {
    clear: both;
}

.dn {
    display: none;
}


/* Featured Starts */

.featured {
    padding-top: 180px;
}

.featured-section {
    background: url('http://images.moneycontrol.com/assets/images/ms/kotak/f_bg.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 380px;
    padding-top: 20px;
    padding-bottom: 40px;
}

.featured-related-articles {
    /* display: flex;
    justify-content: space-between; */
}

.featured-sect {
    position: absolute;
    left: 10px;
    top: -176px;
    width: calc(100% - 340px);
}

.featured-sect .head {
    color: #242020;
    font: 300 40px/60px 'Roboto';
    text-transform: uppercase;
    position: relative;
}

.featured-sect .head:before {
    content: " ";
    background-color: #da251c;
    border: 2px solid #da251c;
    width: 80px;
    position: absolute;
    bottom: 0;
}

.featured-video {
    background-color: #fff;
    padding: 10px 10px 15px 10px;
    margin-top: 15px;
    box-shadow: 0 0 6px -3px #000;
    border: 1px solid #acadae;
    position: relative;
}

.featured-video img {
    max-width: 100%;
}

.f-title {
    color: #242020;
    font: 300 23px/28px 'Roboto';
    padding-top: 7px;
}

.related-articles-sect {
    padding: 10px 20px;
    width: 300px;
    margin-left: 30px;
    float: right;
}

.featured .related-articles-sect {
    padding: 0;
}

.related-articles-sect .head {
    color: #242020;
    font: 300 26px/50px 'Roboto';
    text-transform: uppercase;
    position: relative;
}

.related-articles-sect .head:before {
    content: " ";
    background-color: #da251c;
    border: 2px solid #da251c;
    width: 80px;
    position: absolute;
    bottom: 0;
}

.r-article {
    background-color: #fff;
    padding: 10px 10px 15px 10px;
    margin-top: 15px;
    box-shadow: 0 0 6px -3px #000;
    border: 1px solid #acadae;
}

.r-article img {
    width: 100%;
}

.r-article .r-text {
    font: 400 15px/22px 'Roboto';
    color: #242020;
    padding-top: 7px;
}

.featured-video .label {
    background-color: #ff1e28;
    padding: 3px 15px;
    color: #ffffff;
    font: 900 20px/24px 'Roboto';
    position: absolute;
    left: 0;
    bottom: 20%;
    text-transform: uppercase;
}

.featured-video .play-icon {
    background: url('http://images.moneycontrol.com/assets/images/ms/kotak/video-icon.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 35%;
    left: 48%;
    cursor: pointer;
}

.r-article .label {
    background-color: #ff1e28;
    padding: 3px 15px;
    color: #ffffff;
    font: 900 20px/24px 'Roboto';
    position: absolute;
    left: 0;
    bottom: 34%;
    text-transform: uppercase;
}


/* Featured Ends */


/* Article and Banner Starts */

.art_vide_page {
    background: url(http://images.moneycontrol.com/assets/images/ms/kotak/f_bg.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 360px;
    margin-top: 150px;
}

.art_vide_page .lead_story_sec .tabs {
    margin-bottom: 20px;
}

.lead_story_sec {
    position: relative;
    padding-top: 30px;
}

.lead_story_sec .img_wrap_sec {
    display: inline-block;
    width: 640px;
    flex-basis: 640px;
    position: absolute;
    top: -130px;
    left: 10px;
}

.lead_story_sec .img_wrap_alink {
    position: relative;
}

.lead_story_sec .img_wrap_alink img {
    width: 100%;
    max-width: 100%;
}

.lead_story_sec a {
    display: block;
}

.lead_story_sec .txt_wrap_sec {
    width: calc(100% - 670px);
    flex-basis: calc(100% - 670px);
    margin-left: 30px;
    float: right;
}

.articles {
    margin-top: 60px;
}

.article-sect .head {
    color: #242020;
    font: 300 40px/60px 'Roboto';
    text-transform: uppercase;
    position: relative;
}

.article-sect .current .head:before {
    content: " ";
    background-color: #da251c;
    border: 2px solid #da251c;
    width: 80px;
    position: absolute;
    bottom: 0;
}

.article-list {
    display: flex;
    flex-wrap: wrap;
}

.article-list a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
    flex: 0 0 31%;
    margin: 10px;
}

.art_vide_page .video-list {
    margin-bottom: 0;
}

.article-list .r-article {
    margin-top: 0;
}

.article-list .r-article .label {
    bottom: 29%;
}

.more-articles {
    display: none;
}

.view-more {
    letter-spacing: 3px;
    color: #ffffff;
    font: 400 15px/46px 'Roboto';
    background-color: #094074;
    width: 275px;
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}

.view-more svg {
    margin-left: 20px;
}

.kotak-banner {
    margin: 60px auto 30px auto;
}

.kotak-banner img {
    display: block;
    margin: 0 auto;
}

.tabs {
    display: flex;
    overflow: auto;
}

.tabs .tab-link {
    margin-right: 35px;
    cursor: pointer;
}

.tab-content {
    display: none;
    opacity: 0;
}

.tab-content.current {
    margin: 0 -10px;
    display: block;
    opacity: 1;
}


/* Article and Banner Ends */


/* Kotak about Starts */

.about_kotak_sec {
    padding-top: 40px;
}

.about-kotak {
    background: url('http://images.moneycontrol.com/assets/images/ms/kotak/BG.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 50px;
}

.abt-sec-kotak {
    position: relative;
}

.about-kotak .head {
    color: #242020;
    font: 300 40px/60px 'Roboto';
    text-transform: uppercase;
    position: relative;
}

.about-kotak .head:before {
    content: " ";
    background-color: #da251c;
    border: 2px solid #da251c;
    width: 80px;
    position: absolute;
    bottom: 0;
}

.about-kotak .about-us {
    display: flex;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.35));
    border: 1px solid #acadae;
    background-color: #fff;
    padding: 30px 50px;
    margin: 25px 0;
}

.abt-desc {
    margin-left: 30px;
}

.about-kotak .about-us p {
    color: #242020;
    font: 400 17px/25px 'Roboto';
    margin-bottom: 30px;
}

.abt-btn {
    letter-spacing: 3px;
    color: #ffffff;
    font: 400 15px/46px 'Roboto';
    background-color: #094074;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    width: 330px;
}

.abt-btn svg {
    margin-left: 20px;
}

.about-us img {
    width: 240px;
    height: 120px;
}


/* Kotak about Ends */


/*Article Details Start */

.article-detail-section {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
}

.art-detail {
    width: 74%;
}

.trend-art {
    width: 24%;
    position: relative;
}

.d-img {
    margin-bottom: 15px;
    width: 700px;
    max-width: 100%;
    height: auto
}

.detailed-info .title {
    color: #242020;
    font: 400 35px/43px 'Roboto';
    width: 100%;
}

.detailed-info .desc {
    color: #242020;
    font: 300 18px/22px 'Roboto';
    margin-bottom: 20px;
}

.detailed-info .desc_strong {
    color: #242020;
    font: 300 18px/22px 'Roboto';
}

.detailed-info .desc_strong strong {
    color: #242020;
    font: 400 18px/22px 'Roboto';
}

.tags {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 375px;
}

.tag {
    color: #3b3b3b;
    font: 700 16px/22px 'Roboto';
}

.t-data {
    color: #3b3b3b;
    font: 400 16px/22px 'Roboto';
    margin-left: 3px;
}

.prev-next-sec {
    margin: 40px 0;
}

.prev-next {
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(15, 33, 54, 0.35);
    border-bottom: 1px solid rgba(15, 33, 54, 0.35);
}

.prev-next a {
    color: #272727;
    font: 400 16px/22px 'Roboto';
}

.prev-next a img.prev {
    margin-right: 10px;
}

.prev-next a img.next {
    margin-left: 10px;
}

.trend-sect {
    position: sticky;
    top: 55px;
    margin-bottom: 40px;
}

.trend-sect .head {
    color: #242020;
    font: 700 26px/23px 'Roboto';
    text-transform: uppercase;
    position: relative;
}

.trend-sect .head:before {
    content: " ";
    background-color: #da251c;
    border: 2px solid #da251c;
    width: 80px;
    position: absolute;
    bottom: -14px;
}

.trending-art.first {
    margin-top: 30px;
}

.trending-art {
    margin-top: 15px;
    display: flex;
    color: #404141;
    font: 400 16px/18px 'Roboto';
}

.trending-art .date {
    color: #404141;
    font: 400 14px/26px 'Roboto';
}

.date-share {
    margin: 10px 0 0 0;
    display: flex;
    position: relative;
}

.date-share .date {
    color: #404141;
    font: 400 15px/26px 'Roboto';
}

.date-share .share {
    color: #404141;
    font: 400 15px/26px 'Roboto';
    cursor: pointer;
}

.date-share span {
    display: inline-block;
    vertical-align: text-bottom;
    padding-left: 10px;
}

.trn {
    margin-right: 15px;
}

.tooltiptext {
    display: none;
    background-color: #da251c;
    border-radius: 6px;
    padding: 3px 10px;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.35));
    border: 1px solid #acadae;
    width: auto;
    position: absolute;
    top: 40px;
}

.del {
    cursor: pointer;
}


/*Article Details Ends */


/* Video Listing Starts */

.video-list {
    margin-bottom: 60px;
    margin-top: 30px;
}

.video-list .r-article {
    position: relative;
}

.video-list .r-article .r-text {
    font: 400 15px/22px 'Roboto';
}

.video-list .detailed-info {
    margin-top: 30px;
    position: relative;
}

.video-sec {
    background: url('http://images.moneycontrol.com/assets/images/ms/kotak/f_bg.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 430px;
    position: absolute;
    top: 18%;
}

.video-list .article-list {
    margin-top: 50px;
}

.video-list .article-sect .current .head {
    color: #242020;
    font: 300 40px/60px 'Roboto';
    text-transform: uppercase;
    position: relative;
}

.video-list .detailed-info .play-icon {
    background: url('http://images.moneycontrol.com/assets/images/ms/kotak/video-icon.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    cursor: pointer;
}

.video-list .r-article .play-icon {
    background: url('http://images.moneycontrol.com/assets/images/ms/kotak/video-icon.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(41% - 25px);
    left: 45%;
    cursor: pointer;
}


/* Video Listing Ends */


/* Footer Starts */

.kotak-footer {
    background-color: #da251c;
}

.about-social-footer {
    padding: 25px 0 35px 0;
    display: flex;
    justify-content: space-between;
}

.about-social-footer .text {
    width: 70%;
}

.about-social-footer .text p {
    color: #ffffff;
    font: 300 12px/16px'Roboto';
}

.about-social-footer .text p.copyright {
    color: #ffffff;
    font: 400 13px/16px'Roboto';
    margin-top: 20px;
}

.social {
    width: 30%;
    position: relative;
}

.social-icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.social-icons a {
    margin-right: 20px;
}

.social-icons a:last-child {
    margin-right: 0;
}

.links {
    position: absolute;
    bottom: 0;
    right: 0;
}

.links a {
    color: #ffffff;
    font: 400 11px/16px'Roboto';
    padding-right: 5px;
    border-right: 1px solid #fff;
}

.links a:last-child {
    margin: 0;
    border: 0;
}

.tooltiptext:before {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #da251c;
    left: 7%;
    top: -10px;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.35));
}

.desktop-logo {
    display: block;
}

.mobile-logo {
    display: none;
}

.about-social-footer .text a {
    color: #fff;
    text-decoration: underline;
}


/* Footer Ends */

.ebook_left_block {
    background: url("http://images.moneycontrol.com/assets/images/ms/kotak/ebook_bg.png") no-repeat;
    background-position: bottom 5px left 12px;
    width: 340px;
    height: 162px;
}

.ebook_left_block .ebook_columns {
    display: inline-block;
    vertical-align: top;
    margin: -4px 0 0 40px;
}

.ebook_left_block .ebook_columns:first-of-type {
    position: relative;
    left: 30px;
}

.ebook_left_block .ebook_columns a {
    display: block;
}

.ebook_left_block .ebook_columns img {
    width: 95px;
    height: 132px;
}

.ebook_left_block .ebook_columns img:hover {
    transform: scale(1.2);
    transition: transform .2s;
}

.bluebtns {
    margin-right: 20px;
}

.bluebtns img {
    width: 120px;
    height: 35px;
}

.ebook_container {
    display: flex;
}

.ebook_right_block {
    margin-left: 30px;
}

.ebook_right_block p {
    margin-top: 25px;
    font-size: 20px !important;
    line-height: 40px !important;
    margin-bottom: 0 !important;
}

.trend-art .Rightblock {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 120px;
}

.trend-art .Rightblock .bottom_block p {
    color: #242020;
    font: 400 20px/25px 'Roboto';
    margin-bottom: 5px;
}

.trend-art .bluebtns {
    margin-right: 16px;
}

@media screen and (max-width: 1279px) {
    .banner {
        background-position: 55% 100%;
    }
    .banner-text .heading {
        left: 100px;
    }
    .featured-sect {}
    .social-icons a {
        margin-right: 10px;
        width: 30px;
    }
    .social-icons img {
        display: block;
        width: 100%;
        height: auto;
    }
}

@media(max-width: 980px) {
    .art_vide_page {
        height: auto;
        margin-top: 0;
    }
    .lead_story_sec .img_wrap_sec {
        position: static;
        width: 100%;
        flex-basis: 100%;
    }
    .lead_story_sec .txt_wrap_sec {
        width: 100%;
        flex-basis: 100%;
        margin-left: 0;
        float: none;
    }
    .lead_story_sec .img_wrap_alink {
        margin-bottom: 10px;
    }
    .art_vide_page .video-list {
        margin-top: 0px;
    }
    .video-list .detailed-info {
        margin-top: 0;
    }
    .lead_story_sec {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .video-list .article-list {
        margin-top: 20px;
    }
    .d-img {
        width: 100%;
        margin-bottom: 15px;
    }
    #iframeVideos {
        height: 200px;
    }
    .player_size {}
    .about-us img {
        width: 200px;
        height: 110px;
        margin: 0 auto;
    }
    .max-width-class {
        max-width: 100%;
        padding: 0 10px;
    }
    .logo-section {
        /* flex-direction: column; */
        padding: 10px 0;
    }
    .logo-section.mobile-logo a:last-of-type {
        margin: 5px 10px 5px 5px !important;
    }
    .logo-section .logo {
      /*  width: 190px;*/
    }
    .logo-section .mc-log {
        /* margin-top: 20px; */
    }
    .banner {
        background: url('http://images.moneycontrol.com/assets/images/ms/kotak/investmentor-header.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        height: 204px;
        width: 100%;
        background-position: 0% 100%;
    }
    .r-article img {}
    .banner-text {
        width: 100%;
    }
    .banner-text .heading {
        position: absolute;
        right: 33px;
        width: 80%;
        top: 50px;
        left: 30px;
    }
    .banner .title {
        font: 400 24px/27px 'Roboto';
        margin-bottom: 10px;
    }
    .banner .sub-title {
        font: 100 16px/22px 'Roboto';
        text-align: left;
        display: flex;
    }
    .featured {
        padding-top: 0;
    }
    .featured-related-articles {
        flex-direction: unset;
    }
    .featured-section {}
    .articles {
        margin-top: 20px;
    }
    .article-sect {
        padding: 0 10px;
    }
    .r-article {
        box-shadow: 0 0 5px -3px #000;
    }
    .featured-sect {
        width: 100%;
        position: static;
        margin-bottom: 20px;
    }
    .related-articles-sect {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .r-article .r-text {
        font: 400 17px/22px 'Roboto';
    }
    .video-list .r-article .r-text {
        font: 400 17px/22px 'Roboto';
    }
    .f-title {
        font: 300 16px/23px 'Roboto';
    }
    .r-article .label {
        font: 900 16px/22px 'Roboto';
        bottom: 27%;
    }
    .featured-video .label {
        font: 900 16px/18px 'Roboto';
        bottom: 27%;
    }
    .kotak-banner img {
        width: 100%;
    }
    .abt-btn {
        width: 100%;
    }
    .article-list {
        flex-direction: unset;
        width: 100%;
    }
    .article-list a {
        width: calc(50% - 15px);
        margin-right: 4px;
    }
    .more-articles {
        flex-direction: column;
    }
    .kotak-banner {
        padding: 0 10px;
        margin: 30px auto 0px auto;
    }
    .about-kotak {
        height: auto;
        margin: 0;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .abt-sec-kotak {
        top: unset;
    }
    .about-kotak .about-us {
        flex-direction: column;
        padding: 10px;
        margin: 20px 0 20px 0;
    }
    .abt-desc {
        margin: 0;
    }
    .about-kotak .about-us p {
        font: 400 14px/22px 'Roboto';
        margin-top: 20px;
    }
    .about-social-footer {
        flex-direction: column;
        padding: 10px;
    }
    .about-social-footer .text {
        width: 100%;
    }
    .social {
        width: 100%;
        margin-top: 10px;
    }
    .social-icons {
        justify-content: flex-start;
    }
    .links {
        display: none;
    }
    .about-kotak .head,
    .article-sect .head,
    .related-articles-sect .head,
    .featured-sect .head,
    .trend-sect .head {
        font: 300 26px/50px 'Roboto';
        display: inline-block;
        white-space: nowrap;
        overflow: auto;
    }
    .article-list .r-article {
        margin-top: 15px;
    }
    .menus li {
        padding: 9px;
        display: inline-block;
        border-bottom: 1px dashed #fff;
        margin: 0 10px;
    }
    .menus li.navbar-right {
        border-bottom: 0;
        margin: 0;
    }
    .menus li:nth-child(3) {
        border-bottom: 0;
    }
    .menus li a {
        font: 400 17px/32px 'Roboto';
        color: #ffffff;
    }
    .navbar-right {
        width: auto;
        background-color: transparent;
    }
    .navbar-left .menus {
        justify-content: unset;
        overflow: unset;
        white-space: unset;
        flex-direction: column;
        align-items: inherit;
    }
    .navbar-left {
        display: none;
    }
    .menu-btn:checked~.navbar-left {
        display: block;
    }
    .article-detail-section {
        flex-direction: column;
        padding: 0 10px;
    }
    .art-detail {
        width: 100%;
    }
    .trend-art {
        width: 100%;
        position: relative;
    }
    .trend-sect {
        position: unset;
        top: unset;
        margin-bottom: 40px;
    }
    .detailed-info .desc {
        color: #242020;
        font: 300 16px/20px 'Roboto';
        margin-bottom: 20px;
    }
    .detailed-info .desc_strong {
        color: #242020;
        font: 300 16px/20px 'Roboto';
    }
    .detailed-info .desc_strong strong {
        color: #242020;
        font: 400 16px/20px 'Roboto';
    }
    .art-detail .kotak-banner {
        margin: 20px 0;
    }
    .tags {
        width: 100%;
        margin-top: 10px;
    }
    .detailed-info .title {
        font: 600 25px/30px 'Roboto';
        width: auto;
    }
    .trend-sect .head:before {
        bottom: 0;
    }
    .trending-art {
        margin-top: 15px;
    }
    .article-detail-section {
        margin-top: 25px;
    }
    .tooltiptext {
        width: auto;
    }
    .tooltiptext .social-icons {
        justify-content: space-between;
    }
    .tooltiptext:before {
        left: 30%;
    }
    .video-list .article-sect .current .head {
        font: 300 26px/50px 'Roboto';
    }
    .video-sec {
        top: 3%;
        height: 408px;
    }
    .video-list .detailed-info .play-icon {
        top: calc(25% - 25px);
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .featured-video .play-icon {
        top: 25%;
        left: 43%;
    }
    .nav-bar {
        background-color: #da251c;
        position: sticky;
        top: 0;
        z-index: 999;
    }
    .menu-name {
        display: inline-block;
    }
    .on {
        display: none;
    }
    .menu-btn:checked~.navbar-left .navbar-right {
        background-color: #08315f;
    }
    .banner .sub-title:before {
        height: 36px;
    }
    .kotak_wrapper {
        width: 100%;
        padding: 0 20px;
    }
    .kotak_left_wrapper {
        width: 100%;
        padding-right: 0;
    }
    .speakers_list li {
        margin: 0 auto 20px;
    }
    .speakers_list {
        display: block;
    }
    .desc img {
        width: 100%;
    }
    .desktop-logo {
        display: none;
    }
    .mobile-logo {
        display: block;
    }
    .article-sect .article-list .r-article {
        width: 100%;
    }
    .ebook_container {
        display: block;
    }
    .ebook_left_block {
        background-size: 100%;
        width: 100%;
        background-position: bottom -4px left 0px;
        text-align: center;
    }
    .ebook_left_block .ebook_columns {
        margin: 0px 15px 0 15px;
    }
    .bluebtns img {
        width: 120px;
        height: 35px;
    }
    .bluebtns {
        margin: 0;
    }
    .ebook_right_block {
        margin: 0 0 15px 0;
        text-align: center;
    }
    .about-kotak .about-us p {
        text-align: center;
        margin-top: 10px
    }
    .trend-art .Rightblock {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
}

@media (min-width: 769px) {
    .navbar-left {
        clear: none;
        max-height: none;
    }
    .menu-icon {
        display: none;
    }
}

@media(max-width: 767px) {
    .vjs-ios-skin .vjs-big-play-button {
        width: 40px !important;
        height: 40px !important;
    }
    .vjs-ios-skin .vjs-big-play-button>.vjs-button-icon {
        left: 1px !important;
    }
    .banner {
        background: url("http://stat2.moneycontrol.com/assets/images/ms/kotak/mobile-banner.jpeg");
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 449px;
    }
    .featured-section {
        height: auto;
    }
    .featured-related-articles {
        flex-direction: column;
    }
    .player_size {
        width: 100%;
        height: 200px
    }
    .article-list {
        flex-direction: column;
    }
    .article-list a {
        margin: 0;
        width: 100%;
    }
    .video-list .detailed-info .play-icon {}
}

@media (max-width: 375px) {
    .featured-video .label {
        bottom: 33%;
    }
}

@media (max-width: 360px) {
    .tooltiptext .social-icons a {
        margin-right: 8px;
    }
    .tooltiptext:before {
        left: 3%;
    }
    .featured-section {
        padding-top: 10px;
    }
    .view-more {
        width: 90%;
    }
    .logo-section .logo {
        width: 160px;
    }
    .logo-section.mobile-logo .mc_log {
        width: 80px;
    }
}

@media (max-width: 320px) {
    .featured-video .label {
        bottom: 36%;
    }
    .r-article .label {
        bottom: 30%;
    }
    .tooltiptext .social-icons a {
        margin-right: 10px;
    }
}