/************************************************************
** CONTENIDO INDEX 
*************************************************************/
.container-content h2 {
	float: left;
	width: 100%;
	color: #ffF;
	padding: 15px 20px;
	font-size: 16px;
	margin: 20px 0 0 0;
	background: #999;
	font-family: 'GothamHTF-Medium';
	cursor: pointer;
}
.container-content h2 .icon {
	float: right;
	font-size: 21px;
	line-height: 100%;
	margin-top: -2px;
}
@media (min-width: 767px){
	.container-content h2 {
		font-size: 18px;
	}
}
@media(min-width:1200px) {
	.container-content h2 {
		font-size: 21px;
		cursor: inherit;
	}
	.container-content h2 .icon {
		display: none;
	}
}
.container-content h2.type-2 {
background: #3d94cc
}
h2.type-3 {
	font-size: 21px;
	color: #545454;
	background: #ccc;
	padding: 40px 30px;
	float: left;
	width: 100%;
	margin: 0;
	margin-bottom: 40px;
}
.container-content .content {
	background: #e0e0e0;
	padding: 0px;
}

@media (max-width: 992px){
	.container-content .content .select_type_2 {
		margin: 15px 0;
	}
	.select_checkboxes {
		top: 50px;
	}
}

/* CREATE A DATA NARRATIVE */
.create-a-data-narrative .refine {
	padding: 15px 0;
}
.create-a-data-narrative .results {
	padding: 20px;
}

.create-a-data-narrative-title {
    margin-top: 15px;
    margin-left: 18px;
    color: #777777;
    font-size: 17px;
    text-transform: capitalize;
}


/* COUNTRIES AT A GLANCE */
.countries-at-glance .graphic {
	padding: 0;
}
.countries-at-glance .results {
	padding: 20px;
}
.countries-at-glance .results .refine {
	padding: 20px;
}
.countries-at-glance .results .refine  .see_more {
	display: block;
	margin-top: 10px;
}
.countries-at-glance .results ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.countries-at-glance .results ul li {
	float: left;
	width: 100%;
	list-style: none;
	list-style-image: none;
	margin: 5px 0;
	font-size: 13px;
}
.countries-at-glance .results .bullet {
	background: #7eb100;
	height: 20px;
	width: 20px;
	float: left;
	border-radius: 50%;
	margin-right: 5px;
}
.countries-at-glance .results .list {
    color: #666;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    text-transform: uppercase;
}
.countries-at-glance .results .green-1 { background: #7EB100; }
.countries-at-glance .results .green-2 { background: #5A903C; }
.countries-at-glance .results .green-3 { background: #56823F; }
.countries-at-glance .results .green-4 { background: #51743D; }
.countries-at-glance .results .green-5 { background: #4B663D; }
.countries-at-glance .results .green-6 { background: #44583C; }
.countries-at-glance .results .green-7 { background: #4B683D; }
.countries-at-glance .results .green-8 { background: #48603C; }
.countries-at-glance .results .green-9 { background: #43563C; }
.countries-at-glance .results .green-10 { background: #414F3A; }
.countries-at-glance .results .green-11 { background: #212121; }
.countries-at-glance .results .green-12 { background: #212121; }

/* POPULAR INDICATORS */
.container-content .content.popular-indicators {
	padding: 0;
	background: #ECECEC;
}
.popular-indicators .container-select {
	padding: 10px 20px;
}
.popular-indicators .container_info {
	padding: 0;
	text-align: center;
	background: #ECECEC;
}
.popular-indicators .info {
	background: #e0e0e0;
	padding: 20px;
	margin-bottom: 20px;
}
.popular-indicators .info span {
	float: left;
	width: 100%;
}
.popular-indicators .info .porcent {
	color: #0098e0;
	/*font-size: 74px;*/
    font-size: 54px;
	font-family: 'GothamNarrow-Bold';
}
.popular-indicators .info .indicator {
	color: #444;
	font-size: 17px;
	font-family: 'GothamNarrow-Bold';
}
.popular-indicators .info .description {
	color: #777;
	font-size: 17px;
}
@media(min-width:992px) {
	.graphic img.hidden-lg {
		max-width: inherit;
		width: 100%;
	}
	.popular-indicators .container_info {
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		background: #fff;
	}
	.popular-indicators .info {
		margin: 0;
		border: 20px solid #fff;
	}
}
@media(min-width:1200px) {
	.popular-indicators .container_info {
		padding: 0;
	}
	.popular-indicators .info {
		float: none;
		display: table-cell;
		vertical-align: top;
		border: none;
		border-right: 1px solid #fff;
	}
	.popular-indicators .info:last-child {
		border: none;
	}
}


/* Publication 
**************************************************/
/* Content Detail */
.detail .data-content h2 {
	font-family: "HelveticaNeueLTPro-MdCn";
	font-size: 21px;
	color: #666;
}
.detail .data-content .img {
	text-align: center;
}
.detail .data-content .img img {
	display: inline-block;
}
.detail .data-content .content_detail {
	color: #666;
	font-family: "HelveticaNeueLTPro-LtCn";
	font-size: 16px;
}
.detail .data-content .content_detail > div {
	padding: 10px 0;
	float: left;
	width: 100%;
	border-top: 1px solid #fff; 
}
.detail .data-content .content_detail .author,
.detail .data-content .content_detail .description,
.detail .data-content .content_detail .social_media {
	border: none;
}
.detail .data-content .content_detail .download ul {
	padding: 0;
	margin: 0;
}
.detail .data-content .content_detail .download ul li {
	display: inline-block;
	width: 100%;
}
.detail .data-content .content_detail .download ul li a {
	display: block;
	color: #1687C4;
	text-decoration: none;
	line-height: 21px; 
	vertical-align: middle;
}
.detail .data-content .content_detail .download ul li a .icon {
	font-size: 21px;
	vertical-align: middle;
}
.detail .data-content .content_detail .download ul li a .amount {
	color: #666;
}
.detail .data-content .content_detail .social_media {
	font-size: 32px; 
}
/* Related */
.related_publications {
	padding: 0;
}
.related_resources {
	background: #DDD;
	height:100vh;
	padding: 0;
}
.related_publications .content,
.related_resources .content {
	padding: 0 20px;
}
.related_publications h3,
.related_resources h3 {
	font-family: "HelveticaNeueLTPro-MdCn";
	font-size: 21px;
	color: #666;
	padding: 5px 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.related_publications .publication {
	float: left;
	width: 100%;
	padding: 15px 0;
}
.related_publications .publication span {
	float: left;
	width: 100%;
}
.related_publications .publication .title {
	font-size: 18px;
	color: #1586C4;
}
.related_publications .publication .downloads {
	font-size: 11px;
	color: #666;
}
.related_resources ul {
	margin: 0;
	padding: 0;
}
.related_resources ul li {
	display: inline-block;
	width: 100%;
	margin: 5px 0;
}
.related_resources ul li a {
	display: block;
	font-family: "HelveticaNeueLTPro-LtCn";
	color: #313132;
	text-transform: uppercase;
	padding: 5px 0;
	font-size: 16px;
}


/************************************************************
** INDICATORS 
*************************************************************/
.container-indicators .container-comparison {
	padding: 0;
}
.container-indicators .container-comparison .graphic {
	background-color: #E0E0E0;
	background-image: url('../img/bg-pattern-graphic.png');
	background-repeat: repeat;
}
.container-indicators .container-comparison .refine{
	background: #0079a5;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px; 
}

.container-indicators .container-comparison .no-graphic {
	margin: 100px auto;
	width: 60%;
	text-align: center;
	color: #999;
	padding: 5px;
	border: 1px solid #999;
	background: #e0e0e0;
	font-size: 21px;
}
@media(min-width:1200px) {
	.container-indicators .container-comparison .refine .social-media {
		float: right;
		width: auto;
	}
	.container-indicators .container-comparison .no-graphic {
		margin: 150px auto;
	}
}
.container-indicators .container-comparison .refine .social-media .icon{
	font-size: 32px;
	color: #ccc;
	margin: 0 10px 0 0;
	display: inline-block;
	text-decoration: none;
}
.container-indicators .container-comparison .refine .social-media .icon:hover {
	color: #fff;
}
@media(min-width:992px) {
	.container-indicators .container-comparison .refine .social-media .icon{
		margin: 0 10px 10px 0;
	}
	.container-indicators .container-comparison .refine .social-media .icon:last-child{
		margin: 0 10px 0 0;
	}
}
@media(min-width:1200px) {
	.container-indicators .container-comparison .refine .social-media .icon{
		margin: 0 10px 0 0;
	}
}
.container-indicators .container-comparison .refine .lbl {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 12px;
	text-align: left;
	margin: 30px 0 5px 0;
	font-family: 'GothamHTF-Medium';
}
@media(max-width:991px) {
	.container-indicators .container-comparison .refine .container_get_data {
		text-align: center;
		margin-top: 15px;
	}	
}
.container-indicators .container-comparison .refine .get_data {
	display: inline-block;
	font-size: 16px;
}
.get_data_new {
    	display: inline-block;
	font-size: 12px!important;
}


/* Slider
********************************************/
#slider {
	background: #fff;
	border: none;
	margin: 5px 10px 20px 10px;
	height: 22px;
	border-radius: 50px;
}
#slider, #slider_output {
	width: 95%;
	float: left;
	position: relative;
}
#slider .ui-slider-range {
	z-index: 101;
	position: relative;
	background: #e39500;
	border-radius: 0;
}
#slider .ui-slider-pip{
	height: 1em;
	line-height: 1em;
	position: absolute;
	font-size: 0.8em;
	color: #999;
	overflow: visible;
	text-align: center;
	top: 20px;
	left: 20px;
	margin-left: -1em;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 100;
}
#slider .ui-slider-pip .ui-slider-label {
	position: absolute;
	top: 10px;
	left: -10%;
	width: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
}
#slider .ui-slider-pip.active .ui-slider-label {
	color: #ffb108;
}
#slider .ui-slider-pip .ui-slider-line { 
	position: absolute;
	background: #ccc;
	width: 100%;
	height: 22px;
	z-index: 2;
	top: -20px;
}
#slider .ui-slider-pip-first .ui-slider-line{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
#slider .ui-slider-pip-last .ui-slider-line {
	width: 10%;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
#slider .ui-slider-pip-selected-initial-first,
#slider .ui-slider-pip-selected-initial-second{
	font-weight: normal;
}
#slider .ui-slider-pip-selected-first,
#slider .ui-slider-pip-selected-second{
	font-weight: bold;
}
#slider .ui-slider-handle {
	z-index: 102;
	border-radius: 50%;
	top: -4px;
	width: 30px;
	height: 30px;
	border: 5px solid #0096e8;
	background: #fff;
}

/* Table results
********************************************/
.table-results {
	background: #fff;
}
.table-results .table-responsive {
	overflow-x: auto;
	border: none;
}
.table-results .table-responsive .table {
	margin: 0;
}
.table-results .icon-arrow-left,
.table-results .icon-arrow-right {
	float: right;
	color: #0095e6;
	font-size: 18px;
}
.table-results .icon-arrow-right {
	float: left;
}
.table-results caption {
	padding: 30px 0 0 0;
}
.table-results ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 76%;
}
@media(min-width:992px) {
	.table-results .table-responsive .table { 
		margin-bottom: 15px;
	}
}
@media(min-width:1200px) {
	.table-results ul {
		margin-right: 20px;
	}
}

.table-results thead .year,
.table-results thead .icon {
	color: #0095e6;
}
.table-results table th.bg-checkbox {
	background: #0078a7 !important;
}
.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td {
	/*text-align: center;*/
	border: none;
	border-bottom: 1px solid #ddd;
}
.table>thead>tr:first-child>th {
	border: none;
}
.table-striped>tbody>tr.active>td, 
.table-striped>tbody>tr.active>th {
	background-color: #F2F9FD;
}
.table>tbody>tr>th.country,  
.table>tbody>tr>td.country {
	text-align: left;
	font-size: 13px;
	color: #00A9ED;
}
.table>thead>tr>th:last-child,
.table>tbody>tr>td:last-child {
	padding: 8px 0;
}
.table>thead>tr.encabezado>th {
	text-align: left;
	font-family: 'gotham-extra-narrow-book';
	color: #AAA;
	font-size: 12px;
}



/************************************************************
** INDICATOR PAGE
*************************************************************/
.container-indicator-page .container-comparison {
	background: #E0E0E0;
}
.container-comparison .graphic .closed-graph {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 200;
	font-size: 22px;
	cursor: pointer;
}


/************************************************************
** SELECT CHECBOXES
*************************************************************/
.selectBox {
	position: relative;
}
.selectBox select {
    width: 100%;
    font-weight: bold;
}
.overSelect {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
}
.select_checkboxes {
    display: none;
    position: absolute;
    background: #EEE;
    overflow-y: auto;
	max-height: 400px;
    left: 0;
    right: 0;
    z-index: 100;
}
.select_checkboxes .desc {
	float: left;
    width: 100%;
	padding: 10px;
	color: #868686;
	border-bottom: 1px solid #fff;
}
.select_checkboxes label {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px;
    color: #868686;
}
.select_checkboxes label input {
	margin-right: 5px;
}
.select_checkboxes label:hover {
    color: #fff;
	background: #00bdff;
}


/************************************************************
** DATA CATALOG
*************************************************************/
.data-catalog {
	padding: 0;
}
.data-catalog .search-publications {
	background: #ECECEC;
	margin: 0;
}
.data-catalog .search-publications .container_search {
	padding: 40px 15px 0 15px;
}
.data-catalog .left_column {
	background: #E5E5E5;
}
.data-catalog .title-label {
	padding-left: 40px;
}
.data-catalog .container_results {
	padding-left: 40px;
}

/* REFINE */
.container_results .refine {
	padding: 48px 0 0 0;
}
.container_results .refine .row {
	border-top: 1px solid #fff;
}
.container_results .refine .refine-your-search {
	border-top: 1px solid #FFF;
}
.container_results .refine .row h3 {
	font-size: 14px;
	border-bottom: 3px solid #666;
	padding: 0 15px 5px 15px;
	color: #666;
	margin: 10px 0;
	cursor: pointer;
}
.container_results .refine .row h3 .icon {
	font-size: 14px;
	float: right;
	color: #1687C4;
}
.container_results .refine .row .row-content ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 !important;
}
.container_results .refine .row .row-content ul ul {
	display: none;
}
    /*.container_results .refine .row .row-content ul ul li {
        border-bottom: 1px solid #fff;
    }*/
    .container_results .refine .row .row-content ul ul li .checkbox {
        margin-top:5px;
        margin-bottom:5px;
    }
.container_results .refine .row .row-content ul li {
	float: left;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: bottom;
	zoom: 1;
	*display: inline;
	width: 100%;
	font-size: 13px;
}
.container_results .refine .row .row-content .clear-filter { 
    padding-top: 15px; 
}
.container_results .refine .row .row-content ul li p,
.container_results .refine .row .row-content ul li p label,
.container_results .refine .row .row-content ul li span {
	color: #000;
	font-size: 13px;
	cursor: pointer;
	margin: 0;
}
.container_results .refine .row .row-content ul li p {
	font-family: 'gotham-extra-narrow-medium';
}
.container_results .refine .row .row-content ul li .icon, .container_results .refine .row .row-content ul li .glyphicon-remove-sign {
	font-size: 14px;
	margin-right: 5px;
	margin-top: 5px;
	color: #FFA900;
}

.container_results .refine .row .row-content ul li .glyphicon-remove-sign {
	color: #666;
}
.container_results .refine .row .row-content ul li .glyphicon-remove-sign.active {
    color: #FFA900;
}

.container_results .refine .row .row-content ul li .icon-icon-filter-open {
	color: #00A9EE;
}

.dataset-search-input {
    font: 14px Gotham-Medium;
    color: #555;
}

.container_results .refine .row .row-content ul li p {
	padding: 5px 15px !important;
	border-bottom: 1px solid #FFF;
}
.container_results .refine .row .row-content ul li.active p label {
	color: #FFA900;
}
.container_results .refine .row .row-content ul li p label {
	cursor: pointer;
}
/* 2nd level */
.container_results .refine .row .row-content ul li > ul li p {
	padding-left: 30px !important;
}
/* 3rd level */
.container_results .refine .row .row-content ul li > ul li > ul li p {
	padding-left: 45px !important;
}
/* 4th level */
.container_results .refine .row .row-content ul li > ul li > ul li > ul li p {
	padding-left: 60px !important;
}

/************************************************************
** ABOUT NUMBERS
*************************************************************/
.container-about-numbers .container-list {
	border-bottom: 40px solid #ECECEC;
	color: #666;
}

.container-about-numbers .container-list .left_column {
	padding: 40px;
	background: #E5E5E5;
}
.container-about-numbers .container-list .left_column .showcase {
	font-size: 30px;
	font-family: 'gotham-extra-narrow-book';
	margin-bottom: 30px;
}
.container-about-numbers .container-list .left_column h3 {
	font-family: 'gotham-extra-narrow-medium';
	font-size: 30px;
}	
.container-about-numbers .container-list .left_column .showcase_description {
	font-family: 'gotham-extra-narrow-book';
	font-size: 21px;
}
.container-about-numbers .container-list .left_column .number_description {
	font-family: 'gotham-extra-narrow-book';
	font-size: 18px;
}

.container-about-numbers .container-list .right_column {
	padding: 0;
	background: #F4F4F4;
}
.container-about-numbers .container-list .right_column h2 {
	padding: 10px 30px;
	margin: 0;
}
.container-about-numbers .container-list .right_column ul {
	float: left;
    width: 100%;
    margin: 20px 0;
    padding-left: 45px;
}
.container-about-numbers .container-list .right_column ul li {
	float: left;
    width: 100%;
    padding: 10px 0;
    list-style: disc;
    font-size: 21px;
    font-family: 'gotham-extra-narrow-book';
}

/************************************************************
** Countries at grance
*************************************************************/
.container-countries-at-glance ul.links {
	margin:20px 0;
	padding: 0;
}
.container-countries-at-glance ul.links li {
    width: 100%;
	display: inline-block;
	padding: 0 20px 0 0;
}
.container-countries-at-glance ul.links li a {
	padding: 0 10px 0 0;
	display: block;
	font-size: 14px;
	color:rgb(153,153,153);
}
.container-countries-at-glance ul.links li.active a {
	color:rgb(255,169,0);
}
.container-countries-at-glance .float_right{
	float: right;
	margin-top: 10px;
}

.container-countries-at-glance .tags {
	width: 100%;
	float: left;
	margin: 15px 0 30px 0; 
}
.container-countries-at-glance .tags .label {
	float: left;
	padding: 10px;
	font-size: 14px;
	border-radius: 0;
	margin-right: 10px;
}
.container-countries-at-glance .country {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	color:rgb(102,102,102);
}
.container-countries-at-glance .countries_at_glance_desc {
	float: left;
	width: 100%;
	font-family: 'gotham-extra-narrow-book';
	font-size: 18px;
	color:rgb(102,102,102);
}

.container-countries-at-glance .filters {
	float: left;
	width: 100%;
}
.container-countries-at-glance .filters .filter_btn {
	float: left;
	text-decoration: none;
	padding: 6px 10px;
	font-size: 22px;
	color: #fff;
	background: #00A9EE;
}
.container-countries-at-glance .filters .filter_btn.active,
.container-countries-at-glance .filters .filter_btn:hover {
	background: #FFA900;
}
.container-countries-at-glance .filters input {
	display: none;
	height: 40px;
	margin: 15px 0;
	background: #EEE;
	border: none;
}
@media(max-width:992px) {
	.container-countries-at-glance .filters .container_filter_btn,
	.container-countries-at-glance .filters .container_input {
		padding: 0;
	}
}
@media(min-width:992px) {
	.container-countries-at-glance ul.links li { width: inherit; }
	.container-countries-at-glance ul.links { margin:20px 0; }
	.container-countries-at-glance .filters { margin: 0 0 15px 0; }
	.container-countries-at-glance .filters input { margin: 0; }
}
@media(min-width:1200px) {
	.container-countries-at-glance .countries-at-glance { margin-top: -50px; }
}

/************************************************************
** Contextual Help
*************************************************************/
#contextual_help {
	z-index: 999;
	position: absolute;
	top: 620px;
	right: 0;
	width: 43px;
	height: 85px;
	text-indent: -999px;
	overflow: hidden;
	display: inline;
	display: inline-block;
	background: url('../../img/contextual-help.png?a') no-repeat 0 0;
	cursor: pointer;
}
#contextual_help:hover {
	background: url('../../img/contextual-help.png?a') no-repeat 0 -86px;
}

#contextual_help.indicators { top: 1120px; }
#contextual_help.home { top: 600px; }

@media(min-width:992px) {
	#contextual_help { top: 400px; }
	#contextual_help.indicators { top: 760px; }
	#contextual_help.home { top: 720px; }
}
@media(min-width:1200px) {
	#contextual_help { top: 400px; }
	#contextual_help.indicators { top: 640px; }
	#contextual_help.home { top: 880px; }
}

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .ipadwidth {
        width:50% !important;
    }
}


/************************************************************
** Multi-Indicator Report
*************************************************************/

     @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .cs-select-country-indicator {
        width:100% !important;

       
    }
}
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .ipad-close-icon{
        .form-control {
       
        background: #fff url('../Images/search-close.png') no-repeat right -15px center;
        border: 1px solid #999;
       
        /*padding: 3px 18px 3px 4px;*/
    }

        .form-control.x {
            background-position: right 50px center;
            cursor: pointer;
        }

        .form-control.onX {
            cursor: pointer;
        }

       
    }
}

 

     @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .cs-select-button-display {
        width:100% !important;

       
    }
}
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .popularIndicatorbackground {
        background: #FFF !important;
    }
}

      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {

    .displayOption {
      padding-top: 15px !important;
      padding-left:52px !important; 
      margin-top: -35px !important;
    }
}

      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {

    .ipad-border {
      border-radius:0px !important;
    }
}
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  and (orientation : landscape) {

    .cs-select-displayOption {
     padding-top: 15px !important; 
     font-size: 15PX !important; 
      white-space:nowrap !important;
     margin-left:-125px !important;
     padding-left:0px !important;
     margin-top: -35px !important;
    }
}
 
  
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {

    .refreshData {
     margin-left: -113px !important;
    }
}


     @media only screen and (min-device-width : 320px) and (max-device-width : 568px)  { 
 .iphone {
     border-radius:0px !important;
    }

}


    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {

    .indicatorname {
      
      padding-left:17px !important; 
     
    }
}  
 
 
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 
 .iphone-overflow {


text-overflow: ellipsis ;
  
    }

}

  



    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .spanbackground {
        background: #e0e0e0 !important;
    }

    .popular-indicators .info {
  background: #FFF !important;
  padding: 20px;
  margin-bottom: 1px !important;
}

.popular-indicators .info .description {
  color: #777;
  font-size: 17px;
  padding-bottom: 10px !important;
}
}