h2 {
  margin: 2em auto 0;
  text-align: center;
}
.news-title{
font-size: 18px;
}
.brdss{
   border: 1px solid #4761ff;
    padding: 5px;
    margin: 5px;
}
.content{
    background: #2e3192;
    padding: 7px;
    color: #fff;
    height:120px;
}
.f-w{
    font-weight:600;
}
.tbs-area{
    padding: 10px 22px !important;
}
.tabbed-contents {
  background: #fff;
  box-shadow: 1px 1px 6px #ccc;
   padding: 1em;
  margin: 1em auto;
}

.tabs ul {
  margin: 0;
  padding: 0 0 1em 0;
  font-weight: bold;
}
.tabs ul li {
  background: #eee;
}
.tabs ul li a {
  padding: 0.5em 1em;
}
.tabs ul li a:hover, .tabs ul li a.active {
  background: #444;
  color: #eee;
}

.item {
  margin-bottom: 2px;
}
.item::before {
  cursor: pointer;
  font-weight: bold;
  background: #eee;
  padding: 0.5em;
  display: block;
}
.item.active::before {
  background: #444;
  color: #eee;
}
.item.active .item-content {
  padding: 1em;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media all and (min-width: 800px) {
  .item.active .item-content {
    padding-top: 0;
  }

  .tabs-side .tabs li {
    margin-bottom: 2px;
  }
}
/* 
The project specific CSS starts here
This is the minimum CSS that you will need in order for this to work
*/
.tabbed-contents .tabs {
  display: none;
}
.tabbed-contents .item {
 /* min-height: 2em;*/
}
.tabbed-contents .item::before {
  content: attr(data-title);
}
.tabbed-contents .item .item-content {
  opacity: 0;
  visibility: hidden;
  /*height: auto;*/
}
.tabbed-contents .item.active .item-content {
  opacity: 1;
  visibility: visible;
  /*height: auto;*/
}

@media all and (min-width: 800px) {
  .tabbed-contents .tabs {
    display: block;
  }
  .tabbed-contents .tabs li {
    display: inline-block;
  }
  .tabbed-contents .tabs li a {
    display: block;
  }
  /*.tabbed-contents .item {
    min-height: 0;
  }*/
  .tabbed-contents .item::before {
    display: none;
  }
  .tabbed-contents.tabs-side .tabs {
    width: 150px;
    float: left;
  }
  .tabbed-contents.tabs-side .tabs li {
    display: block;
  }
  .tabbed-contents.tabs-side .item {
    margin-left: 150px;
  }
}

/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
       .upcom{
			width:50%;
	   }
		.prevev{
			width:50%;
		}	
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
			 .upcom{
			width:50%;
	   }
		.prevev{
			width:50%;
		}	
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		
		 .upcom{
			width:50%;
	   }
		.prevev{
			width:50%;
		}	

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }