body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body>main {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

/*** HEADER ***/
.top-header {
  background: #00ccff;
  height: 48px;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
}

.top-header a, .top-header .link-block-styled {
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 16px 15px;
  position: relative;
  top: 14px;
  border-right: 1px solid #92d9ef;
}

.top-header a.login, .top-header .login.link-block-styled {
  background: url(/svg/user-alt.svg) 5px no-repeat;
  padding-left: 35px;
}

.top-header a.create-account, .top-header .create-account.link-block-styled {
  background: url(/svg/settings.svg) 10px no-repeat;
  padding-left: 35px;
}

.top-header a:last-child, .top-header .link-block-styled:last-child {
  border-right: none;
}

.main-header .logo {
  margin: 2.0865354539392em 0 3em;
  float: left;
}

.main-header form {
  margin-bottom: 10px;
}
.main-header .search-input-group {
  width: 100%;
}
.main-header .search-input-group img {
  max-width: none;
}
.main-header input[type="search"] {
  font-family: "Roboto", Georgia, Times, serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
  padding:8px 13px;
  border: 1px solid #d0d0d0;
  border-radius: 1px 0 0 1px;
  width: 100%;
}
.main-header .btn {
	font-size: 16px;
	padding: 6px 10px 7px;
}
.main-header .search-input-group .dropdown-toggle {
	max-height: 34px;
}

/*** MENU ***/
#menu {
  display: none;
  z-index: 100;
}


/*** PRE-FOOTER ***/
.promo {
  background: #00ccff;
  color: white;
    text-align: center;
}

.promo a.view-all {
    background: white;
    padding: 10px 20px;
}

.promo .promo-graphic {
  background: white;
  padding: 20px;
  border: 1px solid gainsboro;
  margin: 10px;
  text-align: center;
}

.promo.new-one{
  width:100%;
  padding: 0 0 30px 0;
  margin-top: auto;
}


/*** FOOTER ***/
footer {
  background-color: #292f33;
  color: #ffffff;
}

footer address {
  margin-bottom: 30px;
}

.footer-container h3 {
  font-size: 20px;
  text-transform: uppercase;
}

.newsletter-signup {
  font-family: "Roboto", Georgia, Times, serif;
  font-weight: 300;
}

.newsletter-signup input[type="email"] {
  width: 80%;
  float: left;
  border: 1px solid #ffffff;
  padding: 10px;
}

.newsletter-signup input[type="button"],
.newsletter-signup input[type="submit"],
.newsletter-signup button[type="submit"] {
  width: 20%;
  float: right;
  background: url(/svg/forma.svg) 50% 50% no-repeat #f79100;
  border: 1px solid #f79100;
  padding: 10px;
}

.social-cards-nav {
  margin-bottom: 35px;
  display: inline-block;
}

.social-cards-nav .cards {
  float: left;
  padding-right: 20px;
}

.social-cards-nav .social {
  float: right;
  padding-left: 20px;
}

.social-cards-nav .social li {
  display: inline-block;
  padding: 0 0 0 20px;
}

.bottom-content {
  clear: both;
}

.identity {
  float: left;
}

.bottom-nav {
  float: right;
  margin-bottom: 35px;
}

.bottom-nav li {
  float: left;
  padding: 10px 15px;
}

.bottom-nav li:last-child {
  padding-right: 0;
}

.bottom-nav li a, .bottom-nav li .link-block-styled {
  color: #ffffff;
}

.bottom-nav li:first-child a, .bottom-nav li:first-child .link-block-styled {
  color: #f79100;
}

.terms-condition {
  text-align: center;
  margin-bottom: 20px;
  clear: both;
}

.terms-condition a, .terms-condition .link-block-styled {
  color: #ffffff;
  font-size: 13px;
}


/*** BANNER (CAROUSEL) ***/
.banner h2 {
  font-size: 95%;
}

.banner p {
  font-size: 80%;
}

.banner a.btn, .banner .btn.link-block-styled {
  width: 100%;
}
.banner.new_custom{
  float:left;
  width:100%;
  background-color:#eaeaea;
}
.banner.new_custom .carousel-indicators{
  bottom:45px;
}
.banner.new_custom .carousel{
  padding:0 0 10px;
}
.inner-banner-part{
  position:absolute;
  width:100%;
  z-index:9999;
  top:20%;
  left:3%;
}
.inner-banner-part h2{
  font-size:44px;
  margin:0px;
  padding:15px 0 0;
  color:#fff;
      text-shadow: 0px 1px 0px #000;
}
.inner-banner-part p {
  font-size: 14px;
  font-weight: bold;
  padding-right: 125px;
  padding-top: 7px;
  width:100%;
  color:#fff;
      text-shadow: 0px 1px 0px #000;
}
.item-btn{
  float:left;
  width:auto;
  display:inline-block;
  margin-right:7px;
}

.item-btn .btn,.second-item .btn{
  font-size:18px;
  text-transform:uppercase;
}

.second-item{
  float:left;
  width:auto;
  display:inline-block;
}

.carousel {
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
}

.carousel-control {
  left: -12px;
}
.carousel-control.right {
  right: -12px;
}

.carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}

.carousel-indicators li {
  background: #c0c0c0;
}

.carousel-indicators .active {
background: #333333;
}

.slider-part-here{
  float:left;
  width:100%;
  display:none;
}

.main-inner-head{
  float:left;
  width:100%;
  border:1px solid #ddd;
  position:relative;
  background-color:#fff;
  min-height:380px;

}

.main-inner-head p{
  font-size:13px;
  margin:0px;
  padding:65px 15px 0 15px;
}

.main-inner-head .title-view{
  float:left;
  width:100%;
  text-align:right;
  padding:10px 15px;
  text-transform:uppercase;
  color:#f79100;
  font-size:15px;
}

.over-text-head{
  position:absolute;
  width:88%;
  float:left;
  background-color:#fff;
  top:37%;
  right:6%;
  text-align:center;
  border:1px solid #ddd;
  min-height:90px;
}

.over-text-head p{
  padding:5px 0px;
  font-size:12px;
}

.over-text-head h4{
  text-align:center;
  font-size:13px;
  text-transform:capitalize;
  font-weight:bold;
  margin:0px;
  padding:15px 5px 10px;

}

.carousel-control.left,.carousel-control.right{
  background-image:none;

}

.carousel-control{
  top:30%;
  font-size:60px;
  opacity:1;
}

.carousel-control.right{
	right: -40px;
    top: 220px;
}

.carousel-control.left{
	left:-40px;
    top: 220px;
}


/******custom-css*******/
.middle-content-here{
  flex-grow:1;
  width:100%;
  padding:20px 0;
}

.in-videos{
  float:left;
  width:100%;
  padding:20px 0;
  text-align:center;
  height:540px;
  cursor:pointer;
}
.in-videos:hover {
	background:#faf9f9;
}
.in-videos h2{
  margin:0px;
  padding:10px 0;
  font-size:30px;
}

.in-videos p{
  padding:0 0 20px;
  font-size:16px;
  color:#9a9a9a;
  margin:0px;

}

.learn-bt{
  float:left;
  width:100%;
}

.learn-bt .btn{
  background-color:transparent;
  color:#f79100;
  font-size:16px;
  text-transform:uppercase;
  border-width:2px;
  font-weight:bold;
  padding:7px 20px;
  bottom: 10px;
    position: absolute;
    left: 120px;
}

.learn-bt .btn:hover {
  background: #f79100;
  color:white;
  border:solid 2px #f79100;
}



.our-collection-part{
  float:left;
  width:100%;
  background-color:#fff;
}

.our-collection-part h3{
  font-weight:bold;
}

.subject-list li a{
  text-decoration:none;
}

.footer-part{
  float:left;
  width:100%;
  background-color: #292f33;
  color: #ffffff;
  padding-top:20px;
}



.our-collection-part aside {
  padding: 10px 0 30px;
}
.social .fa{
  color:#7b7b7b;
  font-size:20px;
}


.footer-container{
  width:23%;
}

.result-row {display:flex; flex-wrap:wrap; }
.result { width:50%; overflow:hidden; padding:10px 14px; font-size:12px; color:#666; position:relative; }
@media (min-width: 640px) { .result { width:33%; } }
@media (min-width: 992px) { .result { width:25%; } }
@media (min-width: 1200px) { .result { width:20%; } }
.result:hover { background:#fff; }
.result img { width:auto; height:100%; cursor:pointer; }
.result a.thumb-link { display:block; /*height: 137px;*/ text-align:center; aspect-ratio:16/11; padding-top:calc(100% * (11 / 16)); background-repeat:no-repeat,no-repeat; background-size:cover,cover; background-position:50% 50%,50% 50%; }
.result span.detail { color:#bebebe !important; display:block;}
.result h2 { font-size:16px; margin:0 0 2px 0; color:#333; }
.result a.minibluebutton { background:#ccc; color:white; text-transform:uppercase; padding:6px 12px; font-size:10px; text-decoration:none; display:block; text-align:center; bottom:20px; position:absolute; }
.result a.minibluebutton:hover, .minibluebutton_hover { background:#f79100; }

.result a.minidelbutton { background:#ff3333; color:white; text-transform:uppercase; padding:6px 12px; font-size:10px; text-decoration:none; display:block; text-align:center; bottom:20px; position:absolute; left:130px; }
.result a.minidelbutton:hover, .minibluebutton_hover { background:#cc3333; }


.form_table tr td { border:none; }
.bluebutton { width:300px; color:white; border:none; background:#f79100; padding:10px; cursor:pointer; }
.bluebutton:hover { background:#da8205; text-decoration:none; color:white; }
.bluebutton:disabled,
.bluebutton[disabled] { opacity: 0.5;cursor: not-allowed;background-color: #a0a0a0;border-color: #a0a0a0; color:#ffffff; }
.input_form { max-width:500px; margin-bottom:2px; }

header { border-bottom:solid 8px #eaeaea; }

.video-box {  position:relative; }
@media (min-width: 768px) { #title-extra { float:right; } }
#title-extra .minibluebutton { max-width:300px; color:white; border:none; background:#f79100; padding:10px; cursor:pointer; margin:20px 0 0 0; }
#title-extra .minibluebutton:hover { background:#da8205; text-decoration:none; color:white; }
#title-extra a.request { display:block; text-align:center;max-width:300px; color:white; border:none; background:#02b3df; padding:10px; cursor:pointer; margin:10px 0 0 0; }
#title-extra a.request:hover { background:#05b5e1; text-decoration:none; color:white; }
#title-extra a.request[disabled] { background: transparent; color: unset; padding: 0; }
#title-extra .playlistbuilderbutton { display:block; text-align:center;max-width:300px; color:white; border:none; background:#a3a3a3; padding:10px; cursor:pointer; margin:10px 0 0 0; }
#title-extra .playlistbuilderbutton:hover { background:#aaa; text-decoration:none; color:white; }

#title-text { max-width:700px; font-size:15px;  }

.no-video { width:100%; border:solid 4px #e2e1e1; padding-top:64.3%; }
#pagination { display:block; clear:both; }
#pagination a { padding:5px; }
#pagination a.pagecurrent { color:#000; font-weight:bold; }

.catalogues-box { width:270px; height:338px; margin:0 22px 35px 0; float:left; border:solid 3px #f3f2f2; }
.subjects-box { width:auto; margin:0; font-size:16px; }
.subjects-box ul {columns:1; column-gap: 30px; list-style-position: inside; }

.submit-playlist { width:200px; text-align:center; color:white; border:none; background:#f79100; padding:10px; cursor:pointer; margin:0 0 10px 0; display:block;}
.submit-playlist:hover { background:#da8205; text-decoration:none; color:white; }

.mc-info { text-align:center; font-size:16px; color:#666; }
.mc-info h3 { text-align:center; font-size:22px; margin:0 0 5px 0; color:#333; }

/* ----- intro ----- */
.intro {float: left;width: 100%;background-color: #fff;padding: 50px 0;}
.intro h2 {padding: 0;margin: 0;font-size: 39px;width: 80%;color: #333333;}
.intro h4 {font-size: 18px;color: #d12a2f;padding: 0;margin: 0;padding-bottom: 15px;font-weight: bold;}
.inro-txt {padding: 0;}
.intro-points {float: left;width: 100%;margin: 30px 0;}
.intro-points li {background-image: url("../img/check.png");background-position: left -1px;background-repeat: no-repeat;float: left;line-height: 22px;padding-bottom: 10px;padding-left: 45px;color: #333333;font-size: 14px;width: 100%;}
.intro-img {float: left;padding: 0;padding-left: 150px;}
.intro-img p {float: left;font-size: 14px;color: #333333;width: 100%;margin-bottom: 0;}
.intro-img span {margin: 0 10px;}
.website {float: left;width: 100%;}

/* ----- benifits ----- */
.benifits {float: left;width: 100%;padding: 50px 0;background-color: #efefef;}
.benifits-points {padding: 0;}
.benifits-points h4 {font-size: 20px;color: #d12a2f;font-weight: bold;padding: 0;}
.benifits-points ul {list-style-type: disc;padding-left: 30px;float: left;width: 100%;}
.benifits-points ul li {line-height: 26px;font-size: 16px;color: #68686d;width: 100%;}

/* ----- play-list -----*/
.playlist-info-main {float: left;width: 100%;padding: 50px 0;}
.sidebar{background: url("../img/mm-sidebar-border.png");background-repeat: no-repeat;float: left;padding: 30px 0;}
.sidebar-imgs {float: left;width: 100%;padding-left: 50px;text-align: center;}
.sidebar-imgs a img {float: left;margin-bottom: 10px;width: 100%;}

.ca-ban-center .item-btn {
    text-align: center;
}

.oncore-click { display:block; background:#efefef; padding:15px; text-align:center; cursor:pointer; }
.oncore-click:hover { background:#eae9e9;text-decoration:none; }
.oncore-click p  { color:black; margin:0px; }
.section-more { padding:30px 0; clear:both; }
.streaming-hosting { background:url(/img/V1.jpg) center no-repeat; }
.streaming-hosting h4 { margin:0px; padding:0px; color:#099abf; }
.streaming-hosting p { color:#333; font-weight:300; }
.streaming-hosting p.desktop { max-width:380px; }
.streaming-hosting p strong { font-weight:bold; color:#343131; }
.streaming-hosting ul { margin:20px 0; list-style:disc; max-width:380px;}
.streaming-hosting ul li { margin:0 0 0 30px; }


td.right { text-align:right; }
input#promo { display:inline-block; margin:0 10px; }
#cart-pop { display:none; width:400px; position:absolute; top:40px; z-index:1000; background:white; padding:20px; right:0px;
-webkit-box-shadow: 0px 2px 4px 0px #666;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 2px 4px 0px #666;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 2px 4px 0px #666;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
 }
#cart-pop th, #cart-pop td { font-size:12px; }
.browseall { text-align:center; display:block; color:white; background:orange; width:200px; margin:0 auto; padding:10px; text-transform:uppercase; }
.browseall:hover { background:#e18207;text-decoration:none; color:white;}
section.quality { padding:30px 0 20px 0; clear:both; }
span.italic { font-style:italic; }
span.bold { font-weight:bold; }
.infobase-box { margin:25px 0 0 0; padding:0px; }
.infobase-box h3 { font-size:40px; font-weight:bold; margin:0 0 10px 0; padding:0px; }

#title-text ul li { list-style:disc !important; margin:0 0 0 20px; }
#exTab2 { margin-top: 20px; }
#exTab2 .tab-content { padding-top: 15px; }
.video-box .tab-pane { padding: 20px; }
.video-box .tab-pane ul { margin:0 0 20px 0; }
.video-box .tab-pane ul li { list-style:disc; margin:0 0 0 20px; }

.infocontact { font-size:20px; text-align:center; margin:50px 0; }
.errorMessage { color:red; font-weight:bold; margin:0 0 100px; }
.failed { color:red; font-weight:bold; margin:0 0 30px 0; }
#success { color:green; font-weight:bold; font-size:18px; margin:0 0 40px 0; background:#eafaeb; padding:10px; }
.show-desktop { display:visible; }
.hide-desktop { display:none; }

table.order_table td.label { color:#333 !important; font-size:15px; font-weight:400; line-height:100%; border:none; text-align:left;border-radius:0px !important; display:inline-block; vertical-align:none; margin:0px; }
table.order_table td { border:none; padding:8px 0px; }
table.order_table tr { border-bottom:solid #e5e5e5 1px; }


/* Media Queries */

@media(max-width:359px){
	.banner.new_custom .carousel-indicators {
	  bottom: 42px;
	}

	.item-btn{
	  margin-right:5px;
	}

	.banner.new_custom .carousel-indicators {
	  bottom: 31px;
	}
}
@media(min-width:360px){
	.subjects-box ul { columns:2; }
}
@media(max-width:400px){
	.inner-banner-part h2 {
	  font-size: 15px;
	  padding-top:5px;
	}

	.inner-banner-part p {
	  font-size: 9px;
	  font-weight: 300;
	  margin-bottom: 5px;
	}
}
@media(max-width:530px){
	.footer-container {
		float: left;
		width:100%;
	}

	.promo .promo-graphic{
	  width:100%;
	  margin:10px 0;
	}

	.inner-banner-part h2{
	  font-size:24px;
	}

	.item-btn{
	  margin-bottom:10px;
	}

	.promo .promo-graphic{
	  padding-top:15%;
	}

	.inner-banner-part p{
	  font-size:10px;
	  margin-bottom:5px;
	}
	.inner-banner-part h2 {
	  font-size: 20px;
	}

	.banner.new_custom .carousel-indicators {
	  bottom: 50px;
	}

	.item-btn .btn, .second-item .btn {
	  font-size: 10px;
	}
}

@media(max-width:580px){
  .inner-banner-part{
    top:0%;
  }
}

@media(max-width:639px){
	.inner-banner-part p{
	  padding-right:0px;
	}
}

@media screen and (min-width: 640px) {
   .top-header {
    text-align: right;
  }

  .top-header a.login, .top-header .login.link-block-styled {
    background-position: 10%;
  }

  .top-header a, .top-header .link-block-styled {
    padding: 17px 25px;
  }

   .main-header .logo {
    width: 300px;
	margin-right: 2rem;
  }

   .main-header input[type="search"] {
    float: right;
    margin-top:1.5844586872656em;
  }

  .slicknav_menu {
      display: none;
    }

  #menu {
    display: inline-block;
    margin: 0;
  }

  #menu li {
    float: left;
  padding-left:13px;
  padding-right:13px;
  }

  #menu li:last-child{
    padding-right:10px;
  }

  #menu li .current-page {
    border-bottom: 8px solid #f79100;
  }

  #menu li a, #menu li .link-block-styled {
    text-transform: uppercase;
    color: #666666;
    font-size: 14px;
    padding-top: 20px;
  padding-bottom:10px;

  }

  #menu li a:hover, #menu li .link-block-styled:hover, #menu li .link-block:hover .link-block-styled, .link-block:hover #menu li .link-block-styled {
    text-decoration: none;
    border-bottom: 8px solid #f79100;
  }

 .newsletter-signup input[type="button"] {
    background-position: 22px 50%;
  }

  .terms-condition {
    float: right;
    text-align: right;
  }

  .banner p {
    font-size: 88%;
    width: 70%;
  }

  .main-headlines article header {
    width: 90%;
  }

  .featured-item {
    margin-bottom: 40px;
  }

  .featured-img:nth-child(2) {
    float: left;
    margin-bottom: 30px;
  }

  .subjects-box ul { columns:3; }
}


@media (min-width: 640px) {
  #menu {
    position: relative;
    bottom: 6px;
  }
}

@media screen and (min-width: 640px) {
	#menu li a, #menu li .link-block-styled {
		padding: 10px 0px 15px;
	}
	.main-header .search-input-group {
		margin-top: 44px;
		width: auto;
	}
	.main-header input[type="search"] {
		margin-top: 0;
	}
}

@media (min-width: 640px) and (max-width:991px) {
	.main-header .search-input-group .dropdown-toggle img { height:10px }
	.main-header .search-input-group .dropdown-toggle {
	    font-size: 10px;
		line-height: 19px;
		padding: 6px 8px 7px;
	}
}

@media (min-width: 768px) {
  #menu {
    bottom: 7px;
  }
}

@media(max-width:767px){
	.show-desktop { display:none; }
	.hide-desktop { display:visible; }
	.carousel-control.right{right: 10px;top: 70px;font-size: 42px;}
	.carousel-control.left{left:10px;top: 70px;font-size: 42px;}
	.carousel-control{width:7%;}
	.main-inner-head{margin:10px 0;}
	.learn-bt .btn{font-size:12px;}
	.bottom-nav li {padding: 10px;}
	.inner-banner-part{background-size:cover;}
	.inner-banner-part h2{font-size:24px;}
	.inner-banner-part p{font-size:12px;padding-right:0px;}
	.item-btn .btn, .second-item .btn{font-size:14px;}
	#menu li{padding-left:10px;padding-right:10px;}
	.in-videos h2{font-size:20px;}
	.in-videos p{font-size:14px;}
	#menu li a, #menu li .link-block-styled{font-size:12px;}
	.footer-container {float: left;width: 48%;}
	.main-inner-head img{width:100%;}
	.carousel {margin-bottom: 0;padding: 0 0 30px;}
	.banner.new_custom .carousel-indicators {bottom: 15px;}
	.intro {padding: 30px 0;}
	.intro h2 {font-size: 27px;width: 100%;margin-bottom: 8px;}
	.intro h4 {font-size: 14px;}
	.intro-img {padding: 0;width: 100%;text-align: center;}
	.benifits {padding: 30px 0;}
	.benifits-points {width: 100%;}
	.playlist-info-main {padding: 30px 0;}
	.playlist-info-main a {float: none;display: inline-block;}
	.sidebar {background: none;}
	.sidebar-imgs {padding-left: 0px;}
}

@media(min-width:768px) and (max-width:991px){
	.inner-banner-part h2{font-size:26px;}
	.inner-banner-part{top:9%;}
	.carousel{padding:0px 0px 30px;}
	.over-text-head h4{font-size:11px;}
	.over-text-head p{font-size:11px;}
	.over-text-head{min-height:95px;top:18%;}
	.carousel-control.right{right:-40px;}
	.carousel-control.left{left:-40px;}
	.carousel-control{width:10%;}
	.in-videos h2{font-size:20px;}
	.in-videos p{font-size:14px;}
	.promo .promo-graphic{padding-top:8%;}
	.footer-container {float: left;width: 48%;}
	.bottom-nav li{padding: 10px 20px;}
	.learn-bt .btn{font-size:12px;}

	.intro h2 {margin-bottom: 10px;}
	.intro-img {padding-left: 40px;}
	.playlist-info-main {padding: 30px 0;}
}

@media screen and (min-width: 960px) {

  .footer-container {
    /*width: 45%;*/
    float: left;
    margin: 30px 0;
  }

  .featured-img {
    width: 50%;
    float: left;
    height: 300px;
    margin-right: 22px;
  }

  .top-header a:last-child, .top-header .link-block-styled:last-child {
    border-right: 1px solid #92d9ef;
  }

  .main-header .logo {
    width: 350px;
  }

  .featured-item article {
    position: relative;
    left: 30px;
  }

}
@media(min-width:992px) and (max-width:1199px){
	.inner-banner-part h2{
	  font-size:38px;
	}

	.inner-banner-part{
	  top:13%;
	}

	.carousel{
	  padding:0px 0px 30px;
	}

	.over-text-head{
	  top:29%;
	}

	.over-text-head h4{
	  font-size:12px;
	}

	.over-text-head p{
	  font-size:11px;
	}

	.in-videos h2{
	  font-size:22px;
	}

	.in-videos p{
	  font-size:14px;
	}

	.promo .promo-graphic{
	  padding-top:7%;
	}

	.carousel-control.right{
	  right:-40px;

	}
	.carousel-control.left{
	  left:-40px;

	}

	.carousel-control{
	  width:10%;
	}

	.social-cards-nav .social{
	  padding:0px;
	}

	.social-cards-nav .cards{
	  padding-right:4px;
	}

}

@media screen and (min-width: 1200px) {
  #menu {
	float: right;
    position: relative;
    left: 10px;
    bottom: -13px;
  }

  .subjects-box ul { columns:4; }
}

@media screen and (min-width: 1280px) {
  .banner {
    background-size: cover;
    height:auto;
    float:left;
  }
  .banner p {
    font-size: 150%;
    width: 80%;
  }

  .main-headlines {
    padding: 20px 20px 0 10px;
  }

  .featured-item article {
    padding: 0 150px;
  }

  .featured-img {
    margin-right: 30px;
  }

  .footer-container {
    width: 23%;
    margin: 10px;
  }

}
.bg-contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.d-flex{display:flex;flex-wrap:wrap}
.justify-content-center { justify-content:center; }

pre, xmp {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 11px;
    line-height: 1.42857143;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: pre-line;
}
kbd {
    background-color: unset;
    color: unset;
}