@media screen and (max-width: 767px){
  .menu-items.active{
    display: block;
  }
  .main-content-block  .menu-title{
    border: 1px solid #d9d9d9;
  }
  .menu .list-group{
    box-shadow: none;
  }
  .main-content-block .menu-items li,.tab .nav-content li{
    background-color: #fafafa;
  }
  #tabmenu ul {
    background:#fafafa;
  }
  .menu-items ul,
  #MainMenu .list-group{
    padding-left:0;
  }
  .wide .small-device{
    margin-top: 20px;
    padding-left: 0;
  }
  .small-device .nav-content{
    overflow: hidden;
  }
  .small-device .nav-content li{
    float: left;
  }
  .small-device .nav-content li a{
    border-right: 1px solid #ccc;
    padding-right: 12px;
  }
  .small-device .nav-content li:last-child a{
    border-right:0;
  }
  .small-device .nav-content li a .arrow-img{
    background: none;
  }
  .small-device a.list-group-item{
    clear: both;
  }
  .small-device  .list-group-item-success{
    background-color: #fff;
    padding-right: 18px;
  }
  .small-device  .list-group-item-success:hover,
  .small-device  .list-group-item-success:focus{
    background-color:#e41231;
    color: #fff;
  }
  .small-device  #tabmenu .list-group > a{
    border-right:0;
    border-radius:0;
  }
  .tab .nav-content{
    border:0;
  }
  #periodDiv {
    padding: 0;
  }
  #tabmenu a[aria-expanded="true"] .menu-title-img{
    background-position: -318px -13px;
  }
  #MainMenu .menu-heading:last-child a{
    border-bottom:0;
  }
  .tab-content .nav-content li{
    padding: 16px 8px 13px 0;
  }
  .tab-content .nav-content li .arrow-img{
    display: none;
  } 
  .tab-content .nav-content li a{
    border-right: 1px solid #ccc;
    padding-right: 10px;
  }
  .tab-content .nav-content li:last-child a{
     border-right:0;
  }
  .wide .tab-content, .wide .nav-pills {
    padding-left: 15px;
    padding-right: 15px;
  }
  .nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 15px;
  }
  #mapLegends{
    border-top: 1px solid #ccc;
    height: auto;
    margin-top: 20px;
    overflow: hidden;
  }  
  .content-details {
    padding: 6px 11px 20px 6px;
  }
  #graphcontent .menu-heading .submenu-heading {
    font-size: 18px;
  }
  #cmpRgnMenue {
    padding: 0;
  }
  #cmpRgnMenue #cmp-area-notify {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 0;
  }
  #cmpRgnMenue .list-group > .menu-heading > a{
    font-size: 15px;
  }
  .choose-country-title{  
    font-size: 12px;
  }
  #cmpRgnMenue #rgnMenu .list-group-item.compChkBox, #cmpRgnMenue #natMenue .list-group-submenu .compChkBox, 
  #cmpRgnMenue #cntMenue .list-group-submenu .compSubChkBox,
  .region-section #selection-made-list li,#selection-made-list li{
    display: block;
    width: 50%;
  }
  .compare {
    margin: 15px auto 0 !important;
  }
  .year-left-img,
  .year-right-img{
    margin-top: 5px;
  }
  .legendsContainer .yearSlider{
     margin-top: 12px;
  }
  #selectedYear, #cmp-selecetedYear{
    margin-top: -1px;
    padding-top: 0;
  }
  #natMenue > .menu-heading > a, #cntMenue .menu-heading > a{
    font-size: 14px;
  }
  #graphcontent .list-group-item {
    padding: 7px 20px !important;
  }
  #cmpRgnMenue #rgnMenu {
    padding: 0 0 10px;
  }
  #cmp-selecetedYear label {
    font-size: 19px;
  }
  #cmpRgnMenue .title-img-expand {
    margin-top: -26px;
  }
  .choose-country-title{
    margin-top: -29px;
    margin-left: 135px; 
  }
	.typeahead-search {
		padding-left: 0;
	}
	#ds-countryName {
		font-size: 14px;
		width: 84%;
	}
	/*body.no-layout .div-factsheet-bottomline {
		margin-left: 6px;
	}*/
	.rgn-cntr-factsheet.factsheet-type .ql-selected-area{
		font-size: 16px;
	}
	.tab-content-block .nav-pills>li{
		width:100%;
		display: none;
		border-left:1px solid #D2D2D2;
	}
	.tab-content-block .nav-pills>li.active,
	.tab-content-block .nav-pills>li.active.selected{
		display: block !important;
		
	}
	.tab-content-block .nav-pills>li.active .title-img-arrow{
			background: url(../images/spriteImage.png) no-repeat scroll -296px -13px transparent;
		    background-position: -346px -76px;
			position: absolute;
			z-index: 999;
			top: 8px;
			right: 17px;
			width:20px;
			height: 20px;
			cursor: pointer;
	}
	/*.tab-content-block .nav-pills>li.active .title-img-collapse{
		background: url(../images/spriteImage.png) no-repeat scroll -296px -13px transparent;
		display: block;
		float: right;
		 position: absolute;
			z-index: 999;
			top: 8px;
			right: 17px;
			width:20px;
			height:20px;
	}*/
	.popup-countries li{
		width: 100% !important;
	}
  .quicklinks-content-table table.quicklinks-data-table tbody tr td {
	padding-left: 5px;
	font-size: 14px;
  }
  .map-content-block #map-ind-name {
	padding-left: 0px;
  }
  .percent-change-graph-div {
	padding-left: 20px;
	padding-bottom: 15px;/*19/07/18*/
  }
  .percent-change-graph-div .percent-change-label {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 5px;
  }
  .percent-change-graph-div .percent-change-value {
	font-size: 20px;
  }
  
  
  .scorecard-matrix-graph th>.row {
		transform: /* Magic Numbers */ translate(9%, 18px) /* 45 is really 360 - 45 */ rotate(269deg);
		transform: translate(6%, 0px) rotate(270deg) !important;
		width: 200px;
   }
   .scorecard-matrix-graph th>.row>div{
	   min-width: 205px;
   }
	/*19/07/2018*/
	.area-chart+div {
		height: auto;
	}
	.popup-content li a {
		margin-bottom: 6px;
		margin-top: 6px;
	}
	.main-content-block {
		clear: both;
	}
	/***********/
	/*20/07/2018*/
	.additional-menu-dropdown-content {
		display: none!important;
		width: 100%;
		position: relative;
		border: 0;
		right: auto;
		left: auto;
		background-color: #fff;
	}
	.additional-menu-dropdown {
		display: block;
	}
	.additional-menu-dropbtn {
		background: #fff;
		font-size: 14px;
	}
	/************/
	/***23/07/18***/
	.additional-menu-dropdown.open .additional-menu-dropdown-content {
		display: block!important;
	}
	#graphcontent .collapse {
		min-height: auto;
	}
	/**************/
	
	.footer-right {
		display: block;
		float: left;
		padding-left: 18px;
	}	
	.footer-abt-collab-wrapper .footer-abt-wrapper{
		padding: 10px 15px;
		justify-content: space-evenly;
	}
	.footer-collab-right,
	.footer-info-scam-wrapper {
		padding: 10px 0;
	}
	.footer-abt-collab-wrapper .footer-collab-wrapper, 
	.unaids-logo-catalog-container, .unaids-main-menu-container {
		padding: 0 15px;
	}
	.unaids-main-menu-container ul{
		display: block;
	}
	.logo-catalog-container {
		padding-top: 0;
	}
	.responsive-menu{
		height: 20px;
		width: 30px;
		float: right;
		float: right;
		position: absolute;
		top: 42px;
		right: 15px;
	}
	.responsive-menu .icon-bar{
		background-color: #e41231;
		display: block;
		width: 28px;
		height: 3px;
		border-radius: 1px;
		margin-bottom: 7px;
	}
	.unaids-main-menu-container{
		display: none;
		position: absolute;
		top: 84px;
		z-index: 99999;
		background: #fff;
		width: 100%;
		border-bottom: 1px solid red;
		padding-top: 10px;
	}
	.logo-catalog-container ul li {
		margin-left: 0;
		margin-right: 10px;
	}
	.logo-catalog-container{
		float: left;
	}
	.unaids-main-menu-container ul li {
		padding-bottom: 15px;
	}
	.footer-collab-right .txt-collab{
		display: block;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	.footer-collab-right a {
		display: block;
		width: 95px;
		height: 20px;
		background-size: 80%;
	}
	.footer-wrapper ul {
		display: block;
	}
	.footer-collab-right li {
		margin-right: 0;
		margin-left: 0;
	}
	.footer-left{
		padding-left: 28px;
		margin-bottom: 5px;
	}
	.footer-collab-wrapper{
		padding-top: 10px !important;
	}
	.footer-collab-right{
		margin-bottom: 10px;
	}
	.footer-collab-right ul{
		display: inline-block;
		margin: 0 auto;
	}
	.footer-block .AIDSinfo-text {
		width: 72px;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	.footer-collab-right li {
		display: inline-block;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.footer-right li:first-child{	
		margin-left: 10px;
	}
	.unaids-caption {
		font-size: 11px;
	}
	.unaids-logo-catalog-container{
		padding: 0;
	}
  /*Menu Fix #327655*/
  .unaids-main-menu-container,
  .unaids-main-menu-container>div{
    height: auto;
    margin: 0;
  }
  header{
    z-index:1000;
  }
  /*remove Hscroll*/
  .footer-block{
    margin-left:0;
    margin-right:0;
  }
  /*Menu Fix end #327655*/
}
@media screen and (max-width: 320px){
  .tab-content-block .nav-pills > li a {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 370px){
  ul.social-media{
    float: left !important;
    padding-top: 15px;
  }
}
@media screen and (max-width: 515px){
  .export-share-block{
    clear: both;
    float: left;
    margin-bottom: 15px;
    margin-left: 4px;
 }
  .graph-content-inner .overlay {
    top: 152px;
  }
}
@media screen and (max-width: 540px){
  .tab-content-block .nav-pills > li a {
    font-size: 14px;
    padding: 9px 8px;
  }
  .main-content-block .tab-content-block{
      /*padding-left:5px;
    padding-right:5x;*/
  }
  /*.list-group.panel{
    padding-left:5px;
    padding-right:5px;
  }*/
}
@media screen and (min-width: 400px) and (max-width: 570px){
  #selectedYear{
    margin-left: -3%; 
  }
}
@media screen and (min-width: 570px) and (max-width: 768px){
   #selectedYear{
    margin-left: -6%;
  }
}
@media screen and (max-width: 400px){
  #cmpRgnMenue #rgnMenu .list-group-item.compChkBox, 
  #cmpRgnMenue #natMenue .list-group-submenu .compChkBox, 
  #cmpRgnMenue #cntMenue .list-group-submenu .compSubChkBox,
  .region-section #selection-made-list li,
  #selection-made-list li{
    display: block;
    clear:both;
    width: 100%;
  } 
} 
@media screen and (max-width: 720px){
  .data-table-block #periodDiv {
    width: auto !important;
  }
  .datasheet-yearselector .year-block {
    clear: both;
  }
}