@media (max-width: 1920px) {
  .events {
    min-height: 530px;
  }
}
@media (max-width: 1280px) {
  .other-story .story-img {
    width: 110px;
    height: 110px;
  }
  div.music_player input[type="range"] {
    width: 80px;
  }
}
@media (max-width: 1120px) {
  header div.col-md-4 h3 {
    padding: 0px 5px;
  }
  header div.socials {
    padding: 7px 0px;
  }
  div.featured span {
    width: 25%;
  }
  nav a {
    padding: 0px 10px;
  }
  img.logo-jpg {
    height: 25px;
  }
  section.banner-inner-product .banner-details {
    z-index: 99999999;
    width: 50%;
    height: 100%;
    margin-left: 55%;
    margin-top: -55%;
  }
  section.banner-inner-product .img-banner {
    height: 75%;
  }
  section.banner-inner {
    height: 540px;
  }
  .main-menu span {
    font-size: 16px;
  }
  div.img-slider {
    display: block;
    width: 60%;
    position: relative;
    float: left;
  }
  video.ad-player {
    width: 300px;
    height: 200px;
  }
}
@media (max-width: 1100px) {
  .carousel-caption.type-2 h4 {
    width: 100%;
  }
  .carousel {
    border-radius: 0px;
  }
  img.logo-jpg {
    height: 20px;
  }
  div.container {
    width: 100%;
    margin: 0%;
  }
  header div.col-md-4 h3 {
    padding: 0px 10px;
    line-height: 55px;
  }
  nav a {
    line-height: 55px;
  }
  header img.logo {
    width: auto !important;
    height: 55px;
  }
  header.fixed img.logo {
    width: auto;
    height: 60px;
  }
  .ad-container-box {
    width: 250px;
    height: 250px;
  }
  .sect-100,
  .sect-150,
  .sect-200,
  .sect-250,
  .sect-300,
  .sect-350,
  .sect-400,
  .sect-450,
  .sect-500,
  .sect-550,
  .sect-600,
  .sect-700,
  .sect-800,
  .sect-900,
  .sect-1000 {
    height: auto;
    overflow: auto;
  }
  .ht-500 {
    height: auto;
    overflow: auto;
  }
  div.ht-500 {
    height: auto;
    overflow: auto;
  }
  div.tv-box.tv-sml {
    height: 115px;
    width: 110px;
  }
  .story-content a h4 {
    font-size: 14px;
  }
  header ul.right {
    position: absolute;
    right: 0;
    z-index: 100000;
  }
  .height-100 {
    height: auto;
    width: 65%;
    float: left;
    display: block;
    position: relative !important;
    margin-left: 35%;
  }
  div.music_player input[type="range"] {
    width: 60px;
  }
  .bordered-left {
    border-left: none;
  }
  .pad-left-1 {
    padding-left: 0px;
  }
  div.content-preview-container {
    padding: 10px;
  }
  div.bordered-left {
    border-left: none;
  }
  div.pad-left-1 {
    padding-left: 0px;
  }
  p.bordered-left {
    border-left: none;
  }
  p.pad-left-1 {
    padding-left: 0px;
  }
  span.bordered-left {
    border-left: none;
  }
  span.pad-left-1 {
    padding-left: 0px;
  }
  .carousel-caption.type-2 h4 {
    font-size: 18px;
  }
  .carousel-caption div, .carousel-caption a, .carousel-caption ul li a{
      color: #fff;
  }
}
@media (max-width: 1080px) {
  header div.col-md-4 h3 {
    padding: 0px 8px;
    line-height: 56px;
  }
  nav a {
    padding: 0px 7px;
  }

  nav a {
    font-size: 14px;
  }
  video.ad-player {
    width: 300px;
    height: 220px;
  }
}

@media (max-width: 1000px) {
  ul.mega-menu-wrap li.hide-mobile {
    display: none;
  }
  div.hide-mobile {
    display: none;
  }
  .hide-mobile {
    display: none;
  }
  .mobile-wide {
    width: 100%;
  }
  .shw-mobile {
    display: block;
  }
  header div.col-md-4 h3 {
    padding: 0px 5px;
    line-height: 55px;
  }
  nav a {
    padding: 0px 7px;
    font-size: 12px;
  }
  section.double-col div.col-md-6 {
    min-height: 435px;
  }
  section.double-col a {
    width: 72%;
  }
  header img.logo {
    width: auto;
    margin-top: 0px;
  }
  section.product {
    height: auto;
  }
  div.img-slider {
    display: block;
    width: 55%;
    margin: 0px;
    height: 100%;
    float: left;
  }
  #myCarousel .carousel-caption {
    right: 0%;
    height: 100%;
    bottom: 0%;
    text-align: left;
    padding: 0px;
    text-shadow: none;
    width: 45%;
    left: auto;
  }
  .carousel-caption div.banner-content {
    background: transparent;
  }
  div.item {
    background: #404040;
  }
  .carousel-caption h4 {
    width: 100%;
    letter-spacing: 0px;
    margin-top: 120px;
  }
  .carousel-caption.type-2 p {
    font-size: 14px;
    width: 100%;
    color: #fff;
  }
  .user-menu ul li {
    float: left;
    width: 100%;
    padding: 0px 15px;
    padding-right: 0px;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
  }
}
@media (max-width: 960px) {
  header div.col-md-3 {
    top: 0;
    width: 200px;
    left: auto;
    right: 5%;
    z-index: 1000000;
    position: absolute;
  }
  ul.mega-menu-wrap li {
    display: inline-block;
  }
  ul.mega-menu-wrap li.menu-bars {
    display: block;
  }
  div.site-logo {
    width: 35%;
  }
  nav {
    margin-top: 20px;
  }
  nav ul {
    display: none;
  }
  ul.mega-menu-wrap li.site-cat {
    display: none;
  }
  #logIn div.secondary-background {
    display: none;
  }
  #logIn div.pad-5 {
    padding: 20px 10px;
  }
  div.main-menu {
    display: none;
  }
  nav {
    display: none;
  }

  .carousel-control {
    font-size: 60px;
  }
  div.col-md-6.pull-right.socials {
    position: relative;
    right: 0;
    top: 0;
  }
  div.media-box {
    height: 200px;
  }
  .carousel-inner > .item > a > img,
  .carousel-inner > .item > img {
    height: 100%;
    width: auto !important;
  }

  #myCarousel .carousel-caption {
    padding: 10%;
  }
  .carousel-caption h4 {
    font-size: 17px;
    margin: 7px 0px;
    margin-bottom: 0px;
    color: #fff;
    margin-top: 10px;
  }
  .carousel-caption span.call-to-action {
    background: #f47416;
    height: 35px;
    line-height: 1;
  }
  .carousel-caption span.call-to-action i.fa {
    line-height: 15px;
    font-size: 10px;
  }
  span.call-to-action a {
    line-height: 15px;
    margin: 0px;
  }
  .sect-100,
  .sect-150,
  .sect-200,
  .sect-250,
  .sect-300,
  .sect-350,
  .sect-400,
  .sect-450,
  .sect-500,
  .sect-550,
  .sect-600,
  .sect-650,
  .sect-700,
  .sect-750,
  .sect-800,
  .sect-850,
  .sect-900,
  .sect-950,
  .sect-1000 {
    height: auto;
  }
  .pad-10,
  .pad-20,
  .pad-30,
  .pad-40,
  .pad-50,
  .pad-60,
  .pad-70,
  .pad-80,
  .pad-90 {
    padding: 0%;
  }

  div.booking-modal input.book-btn {
    top: auto;
    bottom: -32%;
  }

  section.banner-inner img {
    height: auto;
    width: 100%;
  }

  section.banner-inner div {
    margin-top: 85%;
  }

  ul.social li {
    float: none;
    margin: 2px auto;
  }

  div.mag-30-minus {
    margin: 20px 0px;
    padding: 0px;
  }

  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    width: 100%;
    float: left;
  }

  .height-100 {
    height: auto;
    width: 65%;
    float: left;
    display: block;
    position: relative !important;
    margin-left: 35%;
  }

  .ht-300,
  .ht-350,
  .ht-400,
  .ht-450,
  .ht-500 {
    height: auto;
  }

  div.ht-300,
  div.ht-350,
  div.ht-400,
  div.ht-450,
  div.ht-500 {
    height: auto;
  }

  .form-group.col-md-6 {
    padding: 0px;
  }

  div.col-md-12.setOffTop {
    margin-top: 0px;
    padding: 0px 10px;
  }

  div.modal-container-fx form label {
    display: block;
  }

  .no-margin-mobile {
    margin: 0px;
  }

  div.dy-input img.inline-wide-ad {
    width: 100%;
    height: auto;
  }

  div.ht-auto-mobile {
    height: auto !important;
  }

  div.modal-container form {
    padding: 0px 10px;
  }

  .carousel {
    width: 100%;
    margin: 0%;
    border-radius: 0px;
  }

  .carousel-caption.type-2 h4 {
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    width: 100%;
    margin: 10px 0px;
    margin-top: 45px;
  }

  .carousel-caption p {
    font-weight: 300;
    color: #fff;
    padding: 0px;
  }

  .banner-details h3 {
    font-size: 28px;
  }

  .banner-details p {
    font-size: 14px;
  }

  div.img-slider img {
    width: 100%;
    border-radius: 0px;
  }

  ul.dropdown li:last-child {
    background: #f4f1f1;
  }
  li.mag-off-15-mobile {
    margin-top: 0px;
    line-height: 45px;
  }
  .justify-center {
    width: 90%;
    font-size: 16px;
    margin-bottom: 40px;
  }
  div.sml-no-curve {
    border-radius: 0%;
  }
  section.page div.col-md-8 {
    padding: 0px 15px;
    margin-bottom: 40px;
  }
  section.page div.col-md-8:after {
    display: none;
  }
  div.img-slider {
    z-index: -1;
  }
  ul.mega-menu {
    width: 105%;
  }
  span.pos-abs-left {
    float: left;
    position: relative;
    border-radius: 0px;
    margin: 0px;
    width: 100%;
  }
  div.img-slider {
    display: block;
    width: 55%;
    margin: 0px;
    height: 100%;
    float: left;
  }
  #page-content.col-md-7 {
    width: 100%;
  }
  #page-content.col-md-9 {
    width: 100%;
    background: transparent;
  }
  #myCarousel .carousel-caption {
    right: 0%;
    height: 100%;
    bottom: 0%;
    text-align: left;
    padding: 0px;
    text-shadow: none;
    width: 45%;
    left: auto;
  }
  .carousel-caption div.banner-content {
    background: transparent;
  }
  div.item {
    background: #404040;
  }
  .carousel-caption h4 {
    width: 100%;
    letter-spacing: 0px;
    margin-top: 35px;
  }
  .child-story .story-content {
    width: 65%;
  }
  .feeds .story-content {
    width: 100%;
  }
  .feeds .story-content p {
    display: block;
  }
  div.tv-box {
    width: 150px;
    height: 150px;
    float: left;
  }
  div.tv-box img.base-img {
    height: 100%;
    width: auto;
  }
  .media-grp {
    width: auto;
  }
  section.mag-top-10 {
    margin-top: 60px;
  }
  div.wide-ad-container {
    height: auto;
  }
  span.header-span {
    margin: 10px 5%;
  }
  .myMenubox {
    right: 50px;
    top: 60px;
  }
  .notification {
    right: 20px;
    top: 60px;
  }
  .notification::before {
    margin-right: 7.5%;
  }
  #page-content {
    padding: 0px;
  }
  .vblog-articles {
    margin: 10px 7px;
  }
  .vblog-contributions {
    width: 100%;
    padding: 7px;
  }
  section.pad-sides-10 {
    padding: 0px 10px;
  }
  ul.comments {
    width: 105%;
  }
  .no-margin-mobile {
    margin: 0px 0px;
  }
  div.no-margin-mobile {
    margin: 0px 0px;
  }
  section.no-margin-mobile {
    margin: 0px 0px;
  }
  #page-content.col-md-10 {
    width: 100%;
  }
  img.list-img {
    width: 50px;
    height: auto;
  }
  span.user-actions {
    background: #fff;
  }
  ul.list-block li:hover span.user-actions {
    background: linear-gradient(
      264deg,
      #19023d,
      rgb(54, 3, 68) 21.01%,
      rgb(89, 62, 131) 51.26%,
      #17023c
    );
  }
  div.item {
    height: auto;
  }
  video.ad-player {
    width: 260px;
    height: 200px;
  }
}

@media (max-width: 736px) {
  div.upper-feat {
    display: none;
  } /*div.mobile-menu .logo{width: 10.4%;}*/

  span.info-icon {
    padding: 0px 7px;
  }
  .carousel-caption h4 {
    margin-top: 55px;
  }

  section.feat p {
    padding-left: 75px;
  }
  div.featured span {
    width: 20%;
    height: 100px;
  }
  .buy-box {
    margin-top: 50%;
  }
  .vblog-screen {
    height: auto;
  }
  input[type="range"] {
    width: 35px;
  }
  progress {
    display: none;
  }
  img.base-img-sqr {
    height: 100%;
    width: auto;
  }
  div.pad-2 {
    padding: 5px;
  }
  .main-story .story-img {
    height: auto;
  }

  #signUp div.secondary-background {
    display: none;
  }
  #signUp div.pad-5 {
    padding: 20px 10px;
  }
  div.news-update {
    padding-left: 0%;
    padding-top: 10%;
    margin-left: -15px;
  }
  div.news-update span {
    padding: 5px 12px;
  }
  .simple-ticker {
    width: 100%;
    margin-left: 0px;
  }
  span.breaking {
    font-size: 50px;
    font-weight: 100;
    padding: 0px;
  }
  div.postings div {
    float: left;
  }
  div.head-banner {
    height: 60px;
    width: 100%;
  }
  div.ad-banner-1 {
    height: 60px;
    width: 100%;
  }
  div.mk-green {
    min-height: 100px;
  }
  div.ad-banner-2 {
    width: 98%;
    position: relative;
    margin: 10px 0px;
    display: block;
    float: left;
  }
  div.cls-vid-thumb {
    display: none;
  }
  div.cls-vid-thumb:first-child {
    display: block;
  }
  div.booking-modal {
    top: 55px;
  }
  div.booking-modal input.book-btn {
    bottom: -18%;
  }
  .current {
    display: block;
    width: 90%;
    margin: 5%;
  }
  .all-caps {
    font-size: 25px;
  }
  section.banner-inner {
    height: auto;
  }
  section.banner-inner h4 {
    font-size: 32px;
  }
  section.banner-inner div {
    margin-top: 180px;
  }
  div.icon-detail {
    border-bottom: 40px solid #2bd1a3;
  }
  section.banner-inner-product {
    height: auto;
  }
  .buy-box {
    margin-top: 20%;
  }
  section.banner-inner-product .banner-details {
    position: relative;
    float: left;
    margin: 0px;
    padding-bottom: 25px;
  }
  section.banner-inner-product:after {
    width: 203%;
    height: 178%;
    left: -55%;
  }
  div.form-box {
    margin: 0px;
    width: 100%;
  }
  div.success-msg h3 {
    font-size: 28px;
  }
  .listing-cont .product-box {
    width: 100%;
    float: left;
  }
  div.btn1 {
    display: none;
  }
  div.btn2 {
    display: none;
  }
  div.tv-box {
    width: 120px;
    height: 120px;
    float: left;
  }
  div.tv-box i.fa {
    line-height: 50px;
  }
  div.item {
    height: auto;
  }
  .child-story .story-img {
    width: 120px;
    height: 120px;
    float: left;
  }
  .child-story .story-img img {
    height: 100%;
    width: auto;
  }
  .story-content p {
    display: none;
  }
  section.mag-top-10 {
    margin-top: 65px;
  }
  div.footer {
    padding: 10px 10px;
  }
  div.user-profile-img {
    width: 95px;
    height: 95px;
  }
  i.user-dummy {
    line-height: 100px;
    font-size: 95px;
  }
  div.user-profile-container div.col-md-4 {
    width: auto;
  }
  div.user-profile-container div.col-md-8 {
    width: 220px;
    margin-left: 5px;
    min-height: 200px;
  }
}
@media (max-width: 720px) {
  .carousel-caption h4 {
    margin-top: 20px;
    font-size: 15px;
  }
  .carousel {
    background: linear-gradient(#8023c1, #310748);
  }
  .main-story .story-content a h4 {
    font-size: 25px;
    height: auto;
    max-height: 250px;
  }
}
@media (max-width: 640px) {
  .ht-auto-mobile {
    height: auto !important;
  }
  span.welcome-body {
    width: 90%;
    margin: 2.5% 5%;
    text-align: left;
  }
  span.welcome-body p {
    font-size: 12px;
    font-family: "roboto";
    text-align: left;
  }
  span.welcome-header {
    width: 90%;
    color: #333;
    font-weight: 600;
    font-size: 17px;
    margin: 0% 5%;
  }
  span.welcome-header h4 {
    text-transform: capitalize;
    font-size: 18px;
  }
  i.fa.clsModal {
    right: 3%;
    top: 6.5%;
  }
  span.content-info {
    width: 85%;
  }
  ul.comments li h5 {
    margin: 0px;
  }
  .carousel-caption h4 {
    margin-top: 0px;
    font-size: 14px;
  }
  .carousel-caption p {
    font-size: 10px;
  }
  .carousel-caption span.call-to-action {
    padding: 7px;
  }
  header li a {
    display: block;
    line-height: 55px;
    font-size: 9px;
  }
  div.wide-ad-container {
    height: auto;
    width: 100%;
  }
  .modal-container-fx {
    width: 90%;
    left: 5%;
  }
  a.special-list {
    line-height: 18px;
  }
  i.fas.clsModal {
    right: 5%;
    top: 5.5%;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .modal-container-fx {
    width: 90%;
    left: 5%;
  }
  .modal-container i.fa.clsModal {
    right: 0%;
    top: 0.5%;
    z-index: 9999999;
  }
  .mag-top-7-mobile {
    margin-top: 50px;
  }
  div.mag-top-7-mobile {
    margin-top: 50px;
  }
  section.mag-top-7-mobile {
    margin-top: 50px;
  }
  .myMenubox {
    right: 15px;
    top: 70px;
  }
  .notification {
    top: 70px;
    right: 10px;
  }
  .notification::before {
    margin-right: 10px;
  }
  .icon-fx {
    padding: 10px;
  }
  img.base-img {
    top: -10px;
    left: -10px;
  }
  .main-story img.base-img {
    top: auto;
    left: auto;
    position: relative;
    margin-top: -130px;
  }
  div.content-preview-container div.col-md-1 {
    width: 0.5%;
  }
  div.content-preview-container div.col-md-7 {
    width: 70%;
    padding-right: 0px;
  }
  .carousel-caption.type-2 h4 {
    margin-top: 10px;
  }

  li.mag-off-15-mobile {
    margin-top: -15px;
    line-height: 1;
  }
  .vblog-contribute {
    border: 0px;
    padding: 0px;
    margin: 0px;
  }
  .vblog-articles p {
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 20px;
  }
  .vblog-header h5 {
    font-weight: 18px;
  }
  .vblog-articles {
    padding: 0px;
  }
  .carousel-inner {
    height: auto;
  }

  div.item {
    background: transparent;
  }
  #myCarousel .carousel-caption {
    right: auto;
    width: 100%;
    bottom: 0%;
    text-align: left;
    padding: 10px;
    text-shadow: none;
    height: 200px;
    left: auto;
    position: relative;
    float: left;
    padding-top: 0px;
  }
  div.img-slider {
    width: 100%;
  }
  .carousel-caption h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
  }
}
@media (max-width: 460px) {
  header li a.cls-btn {
    background: #820a77;
    color: #fff;
    border-radius: 7px;
    line-height: 23px;
    margin: 10px 0px;
  }
  #imageBox,
  #videoBox {
    width: 100%;
    left: 0;
  }
  .hide-desktop {
    display: block;
  }
  p.content-preview {
    display: none;
  }
  div.content-preview-container span.info-icon {
    display: block;
    margin: 0px;
    margin-right: 1px;
    padding: 0px 4px;
  }
  div.content-preview-container a.img-thumb {
    height: auto;
  }
  div.item {
    background: transparent;
  }
  span.header-span {
    margin: 10px 5%;
  }
  h5.title-header {
    margin-top: 0px;
    font-size: 14px;
  }
  #myCarousel .carousel-caption {
    right: auto;
    width: 100%;
    bottom: 0%;
    text-align: left;
    padding: 10px;
    text-shadow: none;
    height: 200px;
    left: auto;
    position: relative;
    float: left;
    padding-top: 0px;
  }
  video#player.ad-player {
    width: 280px;
    height: 180px;
  }
  div.img-slider {
    width: 100%;
  }
  .carousel-caption h4 {
    color: #333;
  }
  .carousel-caption div.banner-content span.post-details {
    color: #333;
  }
  .carousel-caption div.banner-content span.post-details li:hover {
    color: #333;
  }
  header div.col-md-6 {
    float: left;
  }
  header div.container {
    padding: 0px 20px;
    width: 100%;
    margin: 0px;
  }
  .main-menu {
    display: none;
  }
  div.mobile-menu .logo {
    width: auto;
    height: 75px;
  }
  header div.col-md-4 h3 {
    line-height: 56px;
    font-size: 18px;
  }
  div.tv-box.tv-sml {
    height: 120px;
    width: 120px;
    display: block;
    position: relative;
  }
  .carousel-caption span.call-to-action {
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 0px;
  }
  .carousel-caption h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
  }
  section.product div.col-md-3 {
    border-radius: 0px !important;
  }
  header div.socials {
    display: none;
  }
  section.product {
    height: auto;
  }
  div.mobile-menu div.menu {
    margin: 0px !important;
    width: 100% !important;
    left: 0px;
    top: 0px;
    position: absolute;
  }
  div.mobile-menu ul {
    margin-top: 0px;
  }
  div.mobile-menu ul li {
    line-height: 32px;
    font-size: 18px;
  }
  .carousel-caption span.call-to-action {
    height: auto;
  }

  section.content div.left-bar {
    display: none;
  }
  section.content div.text-cont {
    width: 100%;
  }

  div.footer div.col-md-6 {
    padding: 15px 0px;
    font-size: 12px;
  }
  i.fa.media-btn {
    display: block;
    width: 35px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
  }
  button.btn {
    margin-right: 2px;
  }
  .feeds .story-content {
    width: 100%;
  }
  .carousel-caption div.banner-content {
    width: 100%;
    padding-bottom: 30px;
    bottom: 0px;
    border-radius: 0px;
    position: relative;
    left: 0px;
    padding: 10px 0px;
  }
  .carousel-caption p {
    display: block;
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: none;
  }
  .current h4 {
    text-align: center;
    width: 70%;
    margin: 0% 15%;
    font-size: 16px;
  }
  .current h4:after {
    margin: 10px auto;
  }
  .ad-container-box {
    height: 285px;
    width: 285px;
    margin: 10px auto;
    float: none;
  }

  .carousel-inner > .item > a > img,
  .carousel-inner > .item > img {
    height: auto;
    width: 100% !important;
    top: 20%;
  }
  #myCarousel .carousel-controls {
    width: 100%;
    top: 70px;
    height: 60px;
    position: absolute;
    left: 0;
  }
  .carousel-control {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .carousel-control i.fa {
    line-height: 40px;
  }
  #myCarousel div.img-slider {
    height: 200px;
  }
  div.img-slider {
    height: auto;
  }
  header li a {
    padding: 0px 5px;
  }
  img.inline-rectangle-ad {
    margin: 0px;
    width: 100%;
    height: auto;
  }
  .story-content a h4 {
    font-size: 14px;
    margin-top: 0px;
  }
  .child-story .story-img {
    width: 100px;
    height: 100px;
    float: left;
  }
  .child-story .story-img i.media-btn {
    line-height: 12px;
  }
  .vblog-articles p.drop-cap:first-letter {
    margin-top: 0.2em;
    font-size: 55px;
    line-height: 55px;
  }
  .carousel-inner {
    height: auto;
  }
  .carousel {
    border-bottom: 1px solid #bfbcc6;
  }
  .mag-top-10 {
    margin-top: 70px;
  }
  header div.container {
    padding: 0px 0px;
    margin: 0px;
  }
  section div.container {
    padding: 0%;
  }
  img.logo-jpg {
    height: 15px;
  }
  div.ht-350 {
    height: auto;
  }
  ul.comments {
    width: 100%;
  }
  img.inline-wide-ad {
    width: 420px;
    height: auto;
  }
  div.content-preview-container div.col-md-7 {
    width: 65%;
    padding-right: 0px;
  }
}
@media (max-width: 375px) {
  img.inline-wide-ad {
    width: 370px;
    height: auto;
  }
  div.mobile-menu .logo {
    width: auto;
    height: 56px;
  }
  .breadcrumbs {
    display: none;
  }
  .carousel-inner > .item > a > img,
  .carousel-inner > .item > img {
    height: auto;
    width: 100% !important;
  }
  section.banner-inner div {
    margin-top: 140px;
  }
  header li a {
    padding: 0px 7px;
    line-height: 50px;
    font-size: 11px;
    font-weight: 500;
  }
  header i.fa {
    padding: 0px 12px;
    line-height: 50px;
  }
  header i.menu-bars {
    font-size: 22px;
  }
  div.tv-box {
    width: 100px;
    height: 100px;
    float: left;
  }
  div.tv-box i.fa {
    line-height: 100px;
  }
  .story-content a h4 {
    font-size: 13px;
    max-height: 45px;
    overflow: hidden;
  }
  div.tv-box.tv-sml {
    height: 95px;
    width: 95px;
    display: block;
    position: relative;
  }
  div.tv-box.tv-sml i.fa {
    line-height: 50px;
  }
  div.tv-smal img {
    height: 100%;
    width: auto;
  }
  img.logo-jpg {
    height: 20px;
  }
  ul.mega-menu-wrap li.site-cat {
    display: none;
  }
  img.logo-jpg {
    height: 10px;
  }
  i.fa.media-btn {
    display: block;
    width: 25px;
    height: 25px;
    font-size: 10px;
    line-height: 25px;
  }
  div.content-preview-container img.base-img {
    position: relative;
  }

  .modal-container h4.center-align {
    font-size: 14px;
  }
  .author-bio h4 {
    margin: 0px;
    line-height: 30px;
    font-size: 13px;
  }
  span.author-abbrv {
    float: left;
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 360px) {
  img.inline-wide-ad {
    width: 355px;
    height: auto;
  }
  video.ad-player {
    width: 300px;
    height: 200px;
  }
}
@media (max-width: 320px) {
  img.inline-wide-ad {
    width: 310px;
    height: auto;
  }
  video.ad-player {
    width: 260px;
    height: 160px;
  }
}