body
{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    /*background: url(../images/bg-body.png);*/
     background: url(../images/bg_head.jpg) repeat-x center top;
}


.background
{
    background: url(../images/bg-background.jpg) repeat-x center top;
    
}
hand
#bg_head
{
    /*background: url(../images/bg_head.jpg) repeat-x center top;*/
    
}

.logo
{
   color: #FFFFFF;
	display: block;
	font-family: Geneva, Tahoma, Verdana, sans-serif;
	font-size: 30px;
	letter-spacing: 0.05em;
	margin: 0 0 35px;
	text-decoration: none;
	text-transform: uppercase;
	padding-top:15px;
	
   
}


#lib_name_bengali
{
    background-position: center top;
    width: 690px;
    height: 65px;
    display: block;
    background-image: url('../images/library_bengali_blue.jpg');
    background-repeat: no-repeat;
}


table td.td_hand
{
    background-image: url('../images/hand.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 50px;
    font-weight:bold;
    
}

 table td.td_circle
{
    background-image: url('../images/bullet2.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 50px;
    text-align: left;
}




.as_on
{
 font-weight:bold;
 font-size:small;
 color:Red;   
 float:right;
}

#header_advt
{
    /*background-color:#1C6480;  */
    /*background-color: #666666;*/
   /* background-color: #217798;*/
   background-color:#000000;
   
}

.tbl_header_advt

{
    height:30px;
    
    padding:0px;
}

.tbl_header_advt td a, .tbl_header_advt ul li a
{
    color: #FFFFCC;    
    font-weight: bold;    
    vertical-align: middle;
    text-align: center;
    border-style: none;
    border-width: 0px;
    padding: 5px;
    min-width:150px;
    display: block;
    text-decoration:none;
    background-color:#000000;
    margin-top:-20px;
    height:30px;
}
.tbl_header_advt td a:hover
{
    color: #996633;
    background-color: #CCFFFF;
}

 /*------------------------- Sidebar -------------------------*/
.sidebar {
	float:left;
	width:240px;
}
.sidebar ul
{
    list-style: none;
    margin: 0 0 05px 0;
    overflow: hidden;
    padding: 0;
}
.sidebar ul li {
	float:left;
	margin:0 20px 13px 0;
	width:100px;
	
	
	
}
.sidebar ul li a
{
    /*background:url(../images/bg-nav.png) repeat-x;*/
    border-color: #126663;
    
    border-style: none solid;
    border-width: 1px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 36px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100px;
    
    
    
    border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
   
    background-color: #000000;
    
    
}

.sidebar ul li a:hover,.sidebar ul li a:focus
{
    background-color: #FFFFCC;
    color: #ff0000;
}


/*-----------------------SideBar End-----------------------------------------*/


/*-----------------------Advertise Start-----------------------------------------*/


#tbl_advertise_left
{
}


div.advertise
{
    background-color: #f7f7f7;
    border: 1px solid #cec596;
    border-radius: 5px;
    margin: 0 5px 5px 0;
    padding: 5px;
    text-align:left;
}

td.advertise
{
    background-color: #f7f7f7;
    border: 1px solid #cec596;
    border-radius: 5px;
    margin: 0 20 5px 0;
    padding: 5px;
    text-align:left;
}

a.advertise,a.advertise:visited
{
    background-color: #f7f7f7;
    border: 1px solid #cec596;
    border-radius: 5px;
    margin: 0 20 5px 0;
    padding: 5px;
    text-align: left;
    display: block;
    text-decoration:none;
    color:Black;
}

a.advertise:hover, a.advertise:focus
{
    border: medium solid #FF9900;
    opacity: 0.7;
}

.advertise div
{
    background-color: #fff;
    border: 0;    
    margin: 0;
    padding: 5px 9px 5px 10px;
    width: auto;
}

.advertise_h3
{
 
 font-size:15px;
 padding:0px;  
}


.advertise_text
{
 
 font-size:small;
 padding:5px;  
}

.advertise_text_small
{
 
 font-size:9px;
 /*padding:5px;  */
 line-height:15px;
    height: 30px;
}

/*-----------------------Advertise End-----------------------------------------*/


/*-----------------------Feature Start-----------------------------------------*/


 .feature
{
    background: none #303943;
    height: 50px;
    width: 720px;
    padding: 15px 30px 0 20px;
    width: auto;
    color: #FFFFFF;
    font-family: Arial;
    font-size: large;
    text-align: left;
}


/*-----------------------Feature End-----------------------------------------*/


/*-----------------------Table Body-------------------------------------------*/

.table_body
{
    /*background-color:#f7f7f7;
	border:1px solid #cec596; 	
	margin:0 0 16px;
	padding:5px;
	min-height:250px;
    */
    width:100%;
	background-color:#f7f7f7;  
	text-align:justify; 
	/*min-height:950px;*/
}


.table_body td
{
    background-color:#f7f7f7;
	border:1px solid #cec596; 	
	margin:0 0 16px;
	padding:5px;	
    /*font-size:14px; */
    vertical-align:top; 
    text-align:justify;
	    
}


.table_body p,ul,td
{
 font-size:14px;   
}

.table_body ul
{
    line-height:25px;
}


/*
.table_body  div
{
    background-color: #fff;
     
    margin: 0;
    padding: 5px 5px 19px 5px;
    width: auto;
    height:auto;
    text-align:justify;
	   
}

*/


.table_body_noborder
{
    /*background-color:#f7f7f7;
	border:1px solid #cec596; 	
	margin:0 0 16px;
	padding:5px;
	min-height:250px;
    */
    width:100%;
	background-color:#f7f7f7;  
	text-align:justify; 
	border:none;
}


   


.table_body_noborder td
{
    background-color: #f7f7f7; /*border:1px solid #cec596; 	*/
    margin: 0 0 0px 0;
    padding: 5px;
    font-size: 14px;
    vertical-align: top;
    text-align: justify;
    vertical-align: text-top;
    border:none;
}

.table_body_noborder  div
{
    background-color: #fff;
    border: 0;    
    margin: 0;
    padding: 5px 5px 5px 5px;
    width: auto;
    height:auto;
    text-align:justify;
	   
}


.div_border
{
     background-color:#f7f7f7;
	border:1px solid #cec596; 	
	margin:0 0 16px;
	padding:5px;	
    font-size:14px; 
    vertical-align:top;
    width:100%; 
}

.div_border div
{
    background-color: #fff;
    border: 0;    
    margin: 0;
    padding: 5px 5px 39px 5px;
    width: auto;    
    text-align:left;  
}



 .background h4 {
	color:#334559;
	display:block;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:16px;
	font-weight:700;
	line-height:26px;
	margin:0;
	text-decoration:none;
}

.table_body h4 {
	/*color:#bca944;*/
	color:Teal;
	float:none;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:14px;
	margin:0;
	text-decoration:none;
	text-transform:uppercase;
}
.table_body h3 {
	color:#334559;
	display:block;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:16px;
	font-weight:700;
	line-height:26px;
	margin:0;
	text-decoration:none;
}
.table_body h2 {
	color:#334559;
	display:block;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:26px;
	margin:0;
	text-decoration:none;
}




.table_body .learn_more {
	background-color:#fff;
	border:1px solid #ccc392;
	border-radius:5px;
	clear:both;
	display:inline-block;
	float:left;
	margin:5px 0 0;
	padding:2px;
	
}
.table_body .learn_more a {
	background:url(../images/bullet.jpg) no-repeat 105px center #faf2c6;
	color:#8d7c20;
	display:block;
	float:none;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:14px;
	line-height:26px;
	margin:0;
	padding:0 25px 0 8px;
	text-decoration:none;
	text-shadow:0 1px 0 #fef9df;
	text-transform:uppercase;
}
.table_body .learn_more a:hover {
	background:url(../images/bullet.jpg) no-repeat 105px center #f4ed9f;
	color:#8d7c20;
	display:block;
	float:none;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:14px;
	line-height:26px;
	margin:0;
	padding:0 25px 0 8px;
	text-decoration:none;
	text-shadow:0 1px 0 #fef9df;
	text-transform:uppercase;
}


.our_services
{
    list-style: none;
    margin: 5 5 25 5;
    padding: 0;
}

 .our_services li
{
    background:url(../images/bullet2.png) no-repeat left center;
	padding:0 0 0 20px;
}

.our_services li a
{
    color:#6D737A;
	font-size:14px;
	line-height:24px;
	margin:0;
	text-decoration:none;
}


.table_list
{
   font-weight:bold;
   min-width:250px; 
}



.table_list td
{
    border-style: hidden;
    border-width: 0px;
    margin: 0 0 0px;
    font-size: 14px;
    vertical-align: top;
   
}





.table_list_outer_border
{
    background-color:#f7f7f7;
	border:1px solid #cec596; 	
	margin:0 0 16px;
	padding:5px;	
    font-size:14px; 
    vertical-align:top; 
	    
}

.table_list_outer_border  td
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background-color: #fff;
    margin: 0;
    padding: 5px 5px 5px 10px;
    height:auto;
    text-align:left;
	   
}


.text_area
{
  
    background-color: #fff;
    border: 0;    
    margin: 0;
    padding: 5px 5px 5px 5px;
    width: auto;
    height:auto;
    text-align:left;
    
	   
}


.highlight_box
{
    border-style: dashed;
    border-width: medium;
    width: 400px;
    text-align: center;
    height: 25px;
    /*padding-top: 20px;*/
    font-weight: bold;
    text-align:center;
    vertical-align:middle;
}


.highlight_box1
{
    padding: 10px;
    border-style: solid;
    border-width: thin;
    
    text-align: center;
    /*height: 25px; padding-top: 20px;*/
    font-weight: bold;
   
    vertical-align: middle;
    background-color: #DFDFDF;
}


.highlight_box2
{
    padding: 10px;
    border-style: solid;
    border-width: thin;
    
    text-align: center;
    /*height: 25px; padding-top: 20px;*/
    font-weight: bold;
    margin:5px;
    vertical-align: middle;
    background-color: #DFDFDF;
}


.highlight_box2:hover
{
    background-color: #999966;
}



.highlight_box_same_size
{
    padding:5px 10px 5px 10px;
    border-style: solid;
    border-width: thin;
    min-width:150px;
    display:inline-block;
    text-align: center;
    /*height: 25px; padding-top: 20px;*/
    font-weight: bold;
    margin:5px;
    vertical-align: middle;
    background-color: #DFDFDF;
}


.highlight_box_same_size:hover
{
    background-color: #999966;
}

/*-----------------------------------------Table Body End---------------------*/


.hand
{
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 70px;
    background-image: url('../images/hand.gif');
    background-attachment: scroll;
    height: 45px;
}


.hand a
{
    
 text-decoration:none;   
}
#page_right_arrow
{
    background-position: left;
    left: 0px;
    width: 61px;
    height: 200px;
    background-image: url('../images/right_arrow.gif');
    background-repeat: no-repeat;
    position: static;
   
}




#side_scroll
{
    height: 200px;
    width: 61px;
    float: left;
    color: #FFFFCC;
    font-size: medium;
    background-image: url('../images/right_arrow.gif');
    background-repeat: no-repeat;
    /*margin-top: 300px;*/
    /*margin-left: -20px;*/
    top:300px;
    z-index: 1000000;
    display: inline;
    position:absolute;
    text-align: center;
    vertical-align: middle;
    padding-top: 30px;
    padding-left: 5px;
    font-weight: bold;
    cursor:pointer;
}






#side_scroll  p
{
   display:none;
}


#side_scroll_hover
{
    border: thin ridge #000000;
    width: 100%;
    height: 300px;
    /*width:190px;height: 100px;*/
    float: left;
    color: #FFFF00;
    font-size: large;
    background-image: url('../images/bg_head.jpg');
    background-color:#000000;
    background-repeat: repeat-x;
    margin-top: 30px;
    z-index: 1000000;
    display: inline;
    position: fixed;
    text-align: left;
    vertical-align: middle;
    padding-top: 0px;
    padding-left: 0px;
    font-weight: bold;
    opacity:1;
    filter:alpha(opacity=100);
    color:White;
    overflow:hidden;
}

#side_scroll_problem_hover
{
    border: thin ridge #000000;
    width: 100%;
    height: 500px; /*width:190px;height: 100px;*/
    float: left;
    color: #FFFF00;
    font-size: large;
    background-image: url('../images/bg_head.jpg');
    background-color: #217798;
    background-repeat: repeat-x;
    margin-top: 30px;
    z-index: 1000000;
    display: inline;
    position: fixed;
    text-align: left;
    vertical-align: middle;
    padding-top: 0px;
    padding-left: 0px;
    font-weight: bold;
    opacity: 1;
    filter: alpha(opacity=100);
    color: White;
    overflow: hidden;
}


#side_scroll_problem
{
    /*position: fixed;*/
    height: 200px;
    width:61px;
    top: 300px;
    padding:0px;
    right:0px;
    background-image: url('../images/left_arrow.gif');
    background-repeat: no-repeat;
    position:absolute;
    cursor:pointer;
}


#side_scroll_problem:focus
{
    border: medium solid #FF9900;
    background-color: #CCFFFF;
}






/*
#side_scroll_hover:hover
{
    height: 315px;
    width:500px;
    opacity:0.9;
    filter:alpha(opacity=90);  
}
*/



/*#close_search
{
    opacity:0.2;
    filter:alpha(opacity=20);
}

#close_search:hover
{
    opacity:0.9;
    filter:alpha(opacity=90);
}

*/

#ebooks
{
 width:350px;
 overflow:hidden;   
}

#ebooks img
{
   width:100px;
   height:150px; 
}


.bxslider1 img
{
  width:100px;
   height:150px;    
}


#footer
{
    bottom: 0; /* height: 250px; Height of the footer */
    border: thin none #000000;
    background-image: url('images/head13.jpg');
    color: #FFFF99;
    text-align: center;
    background-color: #535353;
    height:320px;
    line-height:30px;
}


#footer a, #footer a:link, #footer a:visited
{
   color: #FFFF99; 
   line-height:30px;
   text-decoration:none;
}


#footer_links td
{
 vertical-align:top;
 text-align:left;   
}

#fixed
{
    position: fixed;
    top: 0;
    height: 30px; /* Height of the footer */ /*border: thin solid #000000;
    background-image: url('images/top_bar.jpg');*/
    width: 100%;
    text-align: center;
    background-color: Black; /*Black;    /* lightyellow;      /*White;       #217798;*/
    opacity: 1.0;
    padding: 0px;
    
}

#fixed a
{
 
 min-width:200px;
 height:30px;  
 text-decoration:none;
 padding:10px 50px 5px 50px;
 
 color:Orange;
 font-weight:bold;
 border:1px solid white;
 
 
}



.grad_advt
{
    background-position: center center;
    width: 200px;
    height: 50px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    font-family: verdana;
    background-image: url('../images/gradient2_1.jpg');
    background-repeat: no-repeat;
    background-color: #B6B6B6;
    display:block;
    padding-top:5px;
    text-decoration:none;
    border:thin solid Blue;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom:10px;
}

.pix_advt
{
  
    width: 200px;
    height: 50px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    font-family: verdana;
    
   
    background-color: #ffffff;
    display:block;
   
    text-decoration:none;
    border:medium solid Blue;
        border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    margin-bottom:10px;  
}



#img_eresources_crawler
{
    display:block;
    margin-bottom:0px;
    height:160px;
}


#img_eresources_crawler img
{
  max-width:200px;
  max-height:100px;  
}



#img_ebooks_crawler_container
{

       display:block;
       height:220px;
}


#img_ebooks_crawler_container img
{
  width:100px;
  height:150px;  
}


.a_noDecoration
{
    text-decoration:none;
}

.grad_bak1
{
 /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #9E9E9E 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #9E9E9E 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #9E9E9E 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #9E9E9E));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #9E9E9E 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #9E9E9E 100%);   
}



.normal_table
{
 
 background-color:transparent;
    
}

.normal_table td
{
 
 background-color:transparent;   
    
}

.td_center
{
    text-align:center;
}


.pwd_button
{
    border: thin solid White;
}

.pwd_button:focus, .pwd_button:hover
{
    border: Medium solid #FF0000;
}

#pwd_accissibility2
{
    /*position: fixed;*/
    
    width:205px;
    top: 30px;
    padding:0px;
    right:0px;
    background-color:Black;
    background-repeat: no-repeat;
    position:absolute;
    height:70px;
    text-align:left;
    padding-top:0px;
    line-height:20px;
    font-size:small;
    
}


#pwd_accissibility2 a,#pwd_accissibility2 a:link
{
    
    color:White;
}



/*          Alternet Row Style Start    */





	.alternet_row_style{
		width:100%; 
		border-collapse:collapse; 
	}
	.alternet_row_style td{ 
		padding:7px; border:#4e95f4 1px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.alternet_row_style tr{
		background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
	.alternet_row_style tr:nth-child(odd){ 
		background: #b8d1f3;
	}
	/*  Define the background color for all the EVEN background rows  */
	.alternet_row_style tr:nth-child(even){
		background: #dae5f4;
	}

    .alternet_row_style tr:first-child
    {
        
       background-image: url('images/diagonal_yellow.png'); 
    }







.alternet_row_style_no_border{
		width:100%; 
		border-collapse:collapse; 
	}
	.alternet_row_style_no_border td
{
    padding: 7px;
   
}
	/* provide some minimal visual accomodation for IE8 and below */
	.alternet_row_style_no_border tr{
		background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
	.alternet_row_style_no_border tr:nth-child(odd){ 
		background: #b8d1f3;
	}
	/*  Define the background color for all the EVEN background rows  */
	.alternet_row_style_no_border tr:nth-child(even){
		background: #dae5f4;
	}

    .alternet_row_style_no_border tr:first-child
    {
        
       background-image: url('images/diagonal_yellow.png'); 
    }






.alternet_row_style_yellow_sky{
		width:100%; 
		border-collapse:collapse; 
	}
	.alternet_row_style_yellow_sky td{ 
		padding:7px; border:#4e95f4 1px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.alternet_row_style_yellow_sky tr
{
    border: 1px solid #e69700;
    background: #EEEEEE repeat 50% 50%;
    font-weight: bold;
    color: Black;
}
	/*  Define the background color for all the ODD background rows  */
	.alternet_row_style_yellow_sky tr:nth-child(odd){ 
	border: 1px solid #e69700;
    background: #EEEEEE repeat 50% 50%;
    font-weight: bold;
    color: Black;
	}
	/*  Define the background color for all the EVEN background rows  */
	.alternet_row_style_yellow_sky tr:nth-child(even)
{
    border: 1px solid #e69700;
    background: #C5DDFC url('images/sky.png') repeat 50% 50%;
    font-weight: bold;
    color: Black;
}


.alternet_row_style_yellow_sky_withHeader{
		width:100%; 
		border-collapse:collapse; 
	}
	.alternet_row_style_yellow_sky_withHeader td{ 
		padding:7px; border:#4e95f4 1px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.alternet_row_style_yellow_sky_withHeader tr
{
    border: 1px solid #e69700;
    background: #EEEEEE repeat 50% 50%;
    
    color: Black;
}
	/*  Define the background color for all the ODD background rows  */
	.alternet_row_style_yellow_sky_withHeader tr:nth-child(odd){ 
	border: 1px solid #e69700;
    background: #EEEEEE repeat 50% 50%;
    
    color: Black;
	}
	/*  Define the background color for all the EVEN background rows  */
	.alternet_row_style_yellow_sky_withHeader tr:nth-child(even)
{
    border: 1px solid #e69700;
    background: #C5DDFC repeat 50% 50%;
    
    color: Black;
}


.alternet_row_style_yellow_sky_withHeader tr:first-child
{
    color: Orange;
}



/*           Alternet Row Style   End */





ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 0px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    font-size:medium;
    font-weight:bold;
    padding-top:5px;
    
    
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
   
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
   
}

.resp-tab-content
{
    display: none;
    padding: 15px;
    background-color: #DFEFFF;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
    background-color: #DFEFFF;
   
}

.resp-tab-active {
    border-bottom: none;
    /*background-color: #fff;*/
     background-color: #DFEFFF;
 
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 69%;
    min-height: 250px;
    border-radius: 5px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}



.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}