body 
{
    padding:0%;
	width:100%;
	margin:0%;
	font-size:16px;
  line-height:26px !important;
  font-family: 'Open Sans', sans-serif;
  background:urll('../images/2682.jpg');
}
.date_time{
	text-align: middle;
	vertical-align: center;
  font-size:12px !important;
}
.blue
{
	background-color:#fff !important;
	color::#0d2d62 !important;
  border-bottom:0px solid #eaeaea;
}
.blue1
{
	background-color:#0d2d62 !important;
	color:#fff !important;
	border-bottom:4px solid #fde494;
}
.blue22
{
  background:#eaeaea;
}
.red
{
	color:#b80924;
	font-weight:bold;
}
img
{
	max-width:100%;
}
h3
{
font-weight:normal !important;
}
.carousel
{
margin-bottom:0px !important;
}
.img{
	padding:0px;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
}
.img1{
	padding:0px;
	width:100%;
	border-bottom:0px solid #fde494;
	
}
.img2{
	display:block;
	margin:auto;
  vertical-align:middle;
 
	margin-top:0px !important;
}
.img3{
vertical-align:top;
}
h2{
	font-size:23px;
	color:#226699 !important;
	text-align:left;
  
}
h2::before
.date {
    position: relative;
    top: 10px;
    vertical-align: middle;
}
footer h2
{
color:#28c4f1 !important;
}
.about_main{
	margin:15px 0px;
}

.about{
	text-align:left;
	font-size:16px;
	font-family: "Helvetica";
	line-height: 26px;
  text-align:justify;
}
.right
{
	text-align:right;
}
.center{
    text-align:center;
}
.button{
	
	color:#fff;
	padding:10px;
	vertical-align: left !important;
	
	border:none !important;
}
.button:hover{
	background-color:#fff;
	color:#b80924;
	font-weight:bold;
}

.affix {
      top: 0;
      width: 80.5%;
  max-width:1500px;
      z-index: 9999 !important;
  }

  .affix + .container-fluid {
      padding-top: 70px;
  }

.navbar{
	background-color:#0d2d62 !important;
	color:#fff !important;
	margin:0px !important;
	display:block !important;
	padding:0px !important;
	min-height:auto !important;
  border:0px solid red;
}
.navbar-inner{
	background-color:#226699 !important;
	color:#fff !important;
	display:block !important;
	border:0px !important;
	background-image:none !important;
  border-radius:0px !important;
}
.navbar .nav > li > a{
background-color:transparent !important;
	color:#fff !important;
  padding:15px;
  font-size:18px;
  text-align:center;
}
.nav > li
{
text-align:center;
}
/*.navbar .nav > li > a:hover {
	background-color:#28c4f1 !important;
}*/
.fullpage
{
    max-height: auto;
    position: relative;
  width:90%;
  max-width:1500px;
  margin:auto;
  background:#fff;
  border-left:10px solid #226699;
  border-right:10px solid #226699;
   /*box-shadow:0px 0px 50px rgba(50, 50, 50, 0.47);*/
}
.fullpage .fullpage
{
width:100%;
   border-left:0px solid #226699;
  border-right:0px solid #226699;
}
input[type=text]
{
    width: 200px;
    box-sizing: border-box;
   vertical-align: middle;
    border-radius:0px;
    font-size: 16px;
	margin-top: 3px;
 margin-bottom: 3px;
    background-color: white;
    background-image: url('../images/search2.png');
    background-position: 5px 2px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
 
}
input[type=text].input-sm
{
font-size:12px !important;
}
.collapse {
    display: block !important; 
}
.comman1{
	margin:auto;
	font-weight:bold;
	padding:2px;
	margin-top:5px;
	margin-bottom:5px;
}
.comman{
	color:#fff;
	vertical-align:middle;
	margin:auto;
	padding-top:35px;
	font-weight:bold;
	margin:5px;
	min-height:180px;
    transition:all 0.3s ease;
}
.comman:hover
{
       -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
            transform: scale(0.8);
  opacity:0.8;
}
.green{
	background-color: #40d29c;
	
}
.studio{
	background-color: #ff765a;
	
}
.edusat{
	background-color: #9d7cc3;
	
}
.ict{
	background-color: #f36174;
	
}
.dth{
	background-color: #f1c52f;
	
}
.library{
	background-image: url('../images/background.png');
	padding-top:80px;
	padding-bottom:80px;
}
.news{
	background-color:#fff;
	text-align:left;
	color:#900218;
   padding-left:10px;
	margin-top:0px;
	margin-bottom:0px !important;
	font-weight:bold;
	height:30px;
	line-height:30px;
}
.play
{
	background-image: url('../images/bg_play.png');
}
#about-us
{
margin-top:30px;
padding-bottom:30px;
}
.toolbar
{

	position:relative;
	top:2px;
}
.toolbar span
{

	position:relative;
	top:4px;
}
.news-holder
{
	padding-top:70px;
	padding-bottom:70px;

}
.news-holder img
{
}
.news-holder .col-sm-4
{

	height:300px;
	overflow:hidden;
}
.news-holder .nav-tabs > li > a
{

	padding-top:4px !important;
	padding-bottom:4px !important;
	border-radius:0px !important;
	background:#fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
	border-radius:0px !important;
    text-align: center;
    color: #900218;
    font-weight: bold;
}
.news-holder .nav-tabs1 > li > a
{

	padding-top:4px !important;
	padding-bottom:4px !important;
	border-radius:0px !important;
	background:#fff;
}
.nav-tabs1>li.active>a, .nav-tabs1>li.active>a:focus, .nav-tabs1>li.active>a:hover
{
	border-radius:0px !important;
    text-align: center;
    color: #900218;
    font-weight: bold;
}
.announcements .nav
{
	padding:0px !important;
	background:#fff;
	margin-bottom:0px;
}
.nav-tabs
{
	background:#f0f0f0;
}
.nav-tabs1
{
	background:#000;
}
.announcements .tab-content
{
	background:#fff;
	height:270px;
	color:#333;
  overflow:hidden !important;
}
.announcements.extra-gap .tab-content
{

	padding:10px;
}
.black
{
	background:#000;

}
.schemes
{
background:#e1e1e1;

}



.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 88%; /*Width of Carousel Viewer itself*/
height:155px; /*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:auto;
margin-top:20px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

span.paginatecircle{ /* CSS for paginate circle spans. Required */
background: white;
border: 2px solid black;
border-radius: 10px;
width: 6px;
height: 6px;
cursor: pointer;
display: inline-block;
margin-right: 4px;
}

span.paginatecircle:hover{
background: gray;
}

span.paginatecircle.selected{
background: black;
}
marquee ul li
{

	margin-bottom:15px;
}
.white-space h2
{
	margin:auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.contact-icon
{
	display:block;
  color: #28c4f1 !important;
}
.contact-text
{
	display:inline;
	float:left;
	margin-bottom:10px;
}
.clear
{
	clear:both;
}
footer
{
	margin:20px 0px;
    padding-top: 40px;
  padding-bottom:40px;
  margin-bottom:0px;
  background:#023963;
  border-top:7px solid #28c4f1 !important;
}
#inner-pages footer
{
width:90%;
  margin:auto;
  max-width:1500px;  
  border-left:10px solid #226699;
  border-right:10px solid #226699;
}
#copyright
{
background-color:#023963;
  text-align:center;
  font-size:12px;
  width:90%;
  max-width:1500px;
  margin:auto;
  border-left:10px solid #226699;
  border-right:10px solid #226699;
  color:#aeaeae;
  padding-bottom:30px;
}

#about-ciet-txt .container
{
padding:0px !important;
  padding-bottom:30px !important;
}
#about-ciet-txt .form-group .container
{
padding-bottom:0px !important;
}
.form-group .form-group
{
margin-bottom:0rem !important;
}

@media screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
		display: block;
	}
	.dropdown-menu{
		margin-top: 0;
	}
	.dropdown-toggle{
		margin-bottom: 2px;
	}
	.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
		margin-bottom: 0;
	}
}
.dropdown-menu{
 background:#f7941d ;
  border:none !important;
  webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
    -webkit-box-shadow: none;

}
.dropdown-submenu {
    position: relative;

}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0px;
    -moz-border-radius:0px;
    border-radius:  0px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
  background:#0d2d62;
}
.dropdown-menu::before{
display:none !important;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
    
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #000;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a
{
background:#0d2d62;
}
.dropdown-menu > li > a {
color:#fff;
}

.navbar .nav > li > .dropdown-menu:after{
border:none !important;
}
<!--slider css-->

.bs-slider{
    overflow: hidden;
    max-height: 700px;
    position: relative;
    background: #000000;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.01);
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/

.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}






/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 60px;
    height: 60px;
    z-index: 100;
    border:none !important;
  
     -webkit-border-radius: 0px;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
  -webkit-border-radius:0px;
    border-radius: 0px;
  
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}





/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{
    right: 45%;
    bottom: 3%;
   
    width: 100%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(158, 158, 158);
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    margin: 1px 5px 1px 1px;
   
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.indicators-line > .carousel-indicators .active:before{
    transform: scale(0.5);
    background-color: #fff;
    content:"";
    position: absolute;
    left:-1px;
    top:-1px;
    width:15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.carousel-indicators {
    position: absolute;
   text-align: right;
   top:auto;
    z-index: 15;  
margin-bottom: 8px;	
    
    list-style: none;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background:#28c4f1;
    width: 40px;
    height: 40px;
  text-align:center;
    display: block;
    text-decoration: none;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  color:#fff !important;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  text-align:center !important;
}
#return-to-top:hover {
    background:#089de3;
  color:#fff;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

#top
{
text-align:center;
  font-weight:bold;
  line-height:40px;
  font-size:20px;
}
.grey-bg
{
background:#CCB877;
}
.links span
{
color:#b80924;
}
#logo-holder
{
background:#fff;
}
footer .links a
{
color:#eaeaea !important;
}
footer p, footer div
{
color:#eaeaea !important;
}
.navbar-inverse .btn-navbar
{
background-image: linear-gradient(to bottom, #b80924, #b80924) !important;
}
.dropdown-menu
{
font-size:1em !important;
}

.resizer form
{
display:inline !important;
}

.resizer form
{
display:inline !important;
}
a
{
color:#226699 !important;
}
.navbar
{
border-radius:0px;
  border-bottom:7px solid #28c4f1 !important;
  border-top:7px solid #28c4f1 !important;
}
.carousel-inner
{
border-bottom:7px solid #28c4f1 !important;
}
footer .fa
{
color: #28c4f1 !important;
}


.nav-collapsel ul li a {
  position: relative;
}
.nav-collapse ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '';
  color: transparent;
  background: #aaa;
  height: 1px;
}
.nav-collapse ul li a {
  transition: all 2s;
}

.nav-collapse ul li a:after {
  text-align: left;
  content: '';
  margin: 0;
  opacity: 0;
}
.nav-collapse ul li a:hover {
  color: #fff;
  z-index: 1;
}
.nav-collapse ul li a:hover:after {
  z-index: -10;
  animation: fill 0.5s forwards;
  -webkit-animation: fill 0.5s forwards;
  -moz-animation: fill 0.5s forwards;
  opacity: 1;
}

@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
    background:transparent;
  }
  50% {
    width: 100%;
    height: 1px;
    background:transparent;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #28c4f1;
  }
}
.yt-thumbnail .col-sm-4
{
margin-bottom:40px;
 display: inline-table;
    float: none !important; 
}
.topic-card
{
  min-height:330px;
  border:1px solid #aeaeae;
  width:100%;
  overflow:hidden;
}
.topic-card a
{
    overflow: hidden;
    width: 100%;
    height: 220px;
    /* border: 1px solid red; */
    display: block;
}
.topic-card a img
{
 width: 120%;
    height: 250px;
    max-width: 115% !important;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
}
#total_res
{
  min-height:400px;
  background:#023963;
  border-bottom:7px solid #28c4f1;
  padding-bottom:20px;
}
#total_res h1
{
font-size:20px;
  color:#fff;
  background:#28c4f1;
  padding-left:20px;
  margin:0px;
}
#total_res ul
{
margin-top:20px;
  margin-left:20px;
}
#total_res ul li 
{
color:#fff;
list-style:none;
  line-height:28px;
}
#total_res ul li i
{
color:#28c4f1;
}
#total_res hr
{
border-top:0px solid red !important;
border-bottom:1px solid #6588a2;
}
.metadata
{
padding:10px !important;
}
.unit-name
{
color:#28c4f1;
font-weight:bold;
}
.metadata p
{
margin:0px;
}
fieldset
{
    padding: 10px;
    margin: 0px;
  border:1px solid #28c4f1;
}
.form-group
{
padding:0px 15px;
  padding-bottom:5px;
}
legend
{
display: block;
    width: auto;
    padding: 0;
    margin-bottom: 0px;
    font-size: 21px;
    line-height: 20px;
    color: #1da4cb;
    border: 0;
    border-bottom: 0px solid #e5e5e5;
}
.form-group
{

margin-bottom:0rem !important;
}
.form-gap.col-sm-12, .yt-thumbnail .col-sm-3
{
padding-left:0px !important;
}
.form-group .col-sm-3 select
{
height:auto !important;
margin-bottom:0px !important;
}
.form-group .col-sm-3 .form-group
{
padding-bottom:0px !important;
}
.single-resource h2
{
margin-top:0px !important;
padding-top:0px !important;
}
hr
{
border-top: 1px solid #28c4f1 !important;
}
.single-resource hr
{
margin-top:0px !important;
margin-bottom:30px !important;
}
.panel-title>a
{
display:block !important; 
}
.panel-title a:hover, .panel-title a:active, .panel-title a:focus , .panel-title a:focus:hover
{
text-decoration:none !important;
}
.panel-default
{
border-color:transparent !important;
}
h4.panel-title a i
{
height: 50px;
  width: 50px;
  border-radius: 25px;
  background: #023963;
  border: 5px solid #28c4f1;
  text-align: center;
  line-height: 40px;
  color: #fff !important;
}
#total_res img
{
text-align:center;
}
#total_res h4
{
color:#28c4f1 !important;
}
#doc-frame
{
width:100%;
height:600px;
}
.menu-head
{
position:relative;
  top:5px !important;
}
@media (min-width: 769px) { 
.menu-head
  {
  display:none !important;
  }

}

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (min-width: 1024px) and (max-width: 1024px) { 
.topic-card a {
    height: 120px;
} 
  .row {
    margin-left: 0px !important;
}
 .yt-thumbnail .col-sm-4 {
    margin-bottom: 20px !important;
    width: 32.9%;
    max-width: 100% !important;
}
  .topic-card a img {
    height: 180px;
    margin-left: -13px;
}
  .topic-card {
    min-height: 240px;
  }
  .container
  {
  max-width:100% !important;
  }
}
@media (max-width: 991px) {
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
   .container
  {
  max-width:100% !important;
  }
}


@media (max-width: 979px) and (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 5%;
  }
 .topic-card a {
    height: 120px;
} 
  .row {
    margin-left: 0px !important;
}
 .yt-thumbnail .col-sm-4 {
    margin-bottom: 20px !important;
    width: 49%;
    max-width: 100% !important;
}
  .topic-card a img {
    height: 180px;
    margin-left: -13px;
}
  .topic-card {
    min-height: 240px;
  }
.span2 {
    width: 18% !important;
}
  #about-us, .about_main
  {
  margin-top:0px !important;
  margin-bottom:0px !important;
  }
  .library, .news-holder
  {
  padding-top:20px !important;
  padding-bottom:20px !important;
  }
  .stepcarousel
  {
  width:75% !important;
  }
  .container
  {
  max-width:100% !important;
  }
}
@media (min-width: 1200px)
{
.container {
	width: 95% !important;
	max-width: 1500px !important;
}
.span2 {
    width: 19% !important;
}
}

/* Landscape phones and down */
@media (max-width: 480px) {
.affix
{
    top: 0;
    right: 7.5% !important;
    left: 7.5% !important;
    width:auto !important;
}
  p#date
  {
  margin-bottom:0px !important;
  width:100% !important;
  }
  .date_time .col-sm-4 p
  {
  margin:0px !important;
  }
#about-ciet-txt .container, #about-ciet-txt .col-sm-12 {
    padding: 0px 15px !important;
}
.mygallery_navbutton
  {
  display:none !important;
  }
  .row
  {
  margin-right:0px !important;
  }
  .date_time .col-sm-8.right
  {
  text-align: left !important;
  }
  #about-us, .about_main
  {
  margin:0px !important;
  }
  .library, .news-holder
  {
  padding-top:20px !important;
  padding-bottom:20px !important;
  }
   .extra-gap
  {
  margin-top:20px;
  margin-bottom:20px; 
  }
  .stepcarousel
  {
  width:80% !important;
  }
  .footer-border
  {
  border:0px solid red !important;
  }
  #about-ciet-txt .container {
    padding: 0px 0px !important;
}
  #about-ciet-txt #no-space .col-sm-12 {
    padding: 0px 0px !important;
}
 .yt-thumbnail .col-sm-3
  {
  padding-right:0px !important;
    margin-bottom:20px;
  }
  .topic-card a {
    height: 100px;
  }
  .topic-card a img
  {
   height: 130px;
    margin-left: -10px;
  }
  .topic-card
  {
  min-height:auto !important;
  }
  .yt-thumbnail .col-sm-4 {
    margin-bottom: 10px;
    width: 49%;
    display: inline-block;
    padding: 0px 5px;
}
  form {
    margin: 0 0 10px;
}
.form-group .col-sm-3
{
min-height:auto;
}
  .yt-thumbnail .col-sm-9
  {
  padding:0px !important;
  }
}

@media (min-width: 576px)
  {
.col-sm-4 {
    max-width: 33.0% !important;
}
  }

.ssp-title
{
color:#226699 !important;
  text-align:center;
  line-height:40px;
  font-size:25px;
  font-weight:600;
  background: linear-gradient(141deg, #fff 0%, #eaeaea 51%, #fafafa 75%);
}
@media (min-width: 768px) and (max-width: 979px) {
.affix
{
    top: 0;
    right: 7.5% !important;
    left: 7.5% !important;
    width:auto !important;
}

}