/* Extra Small */
@media(max-width:767px){
	.footerRight {
		font-family: "RobotoRegular";
		float: left; 
		padding-top: 15px;
		margin-right: 0px;		
	}

	/* custom menu display css */
	.menuViewDiv {
		width: 100%; 
		height: 35px;
		background-color: #302e2f;
		color: #ffffff;
		line-height: 35px;
	}

	.menuViewDivSpan {
		font-size: 1em;
		padding-left: 25px;
		color: #ceccca;
	}

	/*.relatedChartsPaddingNull {
		padding: 0px !important;
	}*/
	/* custom menu display css */

	/* chart right side menu css */
	#chartOptionsMenus {
		width: 60px;
	}
	#chartOptionsMenus a span {
		display: none;
	}
	#chartOptionsMenus a img {
		text-align: center;
	}
	#chartOptionsMenus a {
		height: 40px;
	}
	#aMinimizeMaximize {
		display: none;
	}
	/* chart right side menu css */

	.countryModelContent {
		font-family: 'RobotoLight'; 
		font-size: 18px;
		line-height: 30px;
	}
	h1,.h1 {  
	  font-size: 30px;
	}
	h2,.h2 {  
	  font-size: 30px;	
	}
	h3,.h3 {  
	  font-size: 30px;		
	}
	h4,.h4 {  
	  font-size: 24px;
	}
	h5,.h5 {  
	  font-size: 18px;
	}
	h6,.h6 {  
	  font-size: 14px;
	}
	/* position initian country model at the bottom */
	#countriesModel .modal-dialog{		
		margin-left: 5% !important;
	}
	#searchModel .modal-dialog{		
		margin-left: 5% !important;
	}
	.countryModelWidth {
		width: 90%;
	}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
	/* only for header navigation for displaying dropdown in full page width */
	#headerNavigationMenu .nav > li.dropdown.open { position: static; }
	#headerNavigationMenu .nav > li.dropdown.open .dropdown-menu {display:table; width: 100%; text-align: center; left:0; right:0; }
	#headerNavigationMenu .dropdown-menu>li { display: table-cell; }
	
	.header-heading-padding {
		padding-left: 27px;
		color: #b7b7b7;
	}

	.header-content-padding {
		padding: 0px 27px 0px 27px;
	}
	
	.exploreOurSectionsContentPadding {
		padding-left: 27px;
	}

	#countriesModel .modal-header .close {
	    margin: -220px 7px;
	}
	#searchModel .modal-header .close {
	    margin: -220px 7px;
	}

	.footerRight {
		font-family: "RobotoRegular";
		float: right; 
		padding-top: 15px;
		margin-right: 0px;
	}
	.footerLeft {
		margin-left: 0px;
	}
	#headerNavigationLinksDiv {
		margin-left: 0px;
		float: left;
	}
		
	#waitingModule {
		top: 25%;
		left: 25%;
	}

	/* custom menu display css */
	.paddingNull {
		padding: 0px !important;
	}

	/*.relatedChartsPaddingNull {
		padding: 0px !important;
	}*/

	.menuViewDiv {
		width: 100%; 
		height: 35px;
		background-color: #302e2f;
		color: #ffffff;
		line-height: 35px;
	}

	.menuViewDivSpan {
		font-size: 1em;
		padding-left: 25px;
		color: #ceccca;
	}

	.menuHeadingOptions {
		padding: 10px 0px 0px 20px;
	}

	.menuDropDown {
		background-color: #f7f6f7; 
		padding: 0px !important; 
		margin-top: -4px !important;
	}

	.menuCloseButton {
		float: right; 
		margin: 4px 30px 0px 0px;
	}
	/* custom menu display css */

	/* chart right side menu css */
	#chartOptionsMenus {
		width: 60px;
	}
	#chartOptionsMenus a span {
		display: none;
	}
	#chartOptionsMenus a img {
		text-align: center;
	}
	#chartOptionsMenus a {
		height: 40px;
	}
	#aMinimizeMaximize {
		display: none;
	}
	/* chart right side menu css */

	.countryModelContent {
		font-family: 'RobotoLight'; 
		font-size: 18px;
		line-height: 28px;
	}
	h1,.h1 {  
	  font-size: 30px;
	}
	h2,.h2 {  
	  font-size: 30px;	
	}
	h3,.h3 {  
	  font-size: 30px;		
	}
	h4,.h4 {  
	  font-size: 24px;
	}
	h5,.h5 {  
	  font-size: 18px;
	}
	h6,.h6 {  
	  font-size: 14px;
	}
	/* position initian country model at the bottom */
	#countriesModel .modal-dialog{
		margin-left: 5% !important;
	}
	#searchModel .modal-dialog{
		margin-left: 5% !important;
	}

	.countryModelWidth {
		width: 90%;
	}
}

/* Medium */
@media(min-width:992px) and (max-width:1399px){
	/* only for header navigation for displaying dropdown in full page width */
	#headerNavigationMenu .nav > li.dropdown.open { position: static; }
	#headerNavigationMenu .nav > li.dropdown.open .dropdown-menu {display:table; width: 100%; text-align: center; left:0; right:0; }
	#headerNavigationMenu .dropdown-menu>li { display: table-cell; }
	
	.header-heading-padding {
		padding-left: 27px;
		color: #b7b7b7;
	}

	.header-content-padding {
		padding: 0px 27px 0px 27px;
	}

	.exploreOurSectionsContentPadding {
		padding-left: 27px;
	}

	.footerRight {
		font-family: "RobotoRegular";
		float: right; 
		padding-top: 15px;
		margin-right: 0px;
	}

	/* custom menu display css */
	.paddingNull {
		padding: 0px !important;
	}

	.relatedChartsPaddingNull {
		padding: 0px !important;
	}

	.menuViewDiv {
		width: 100%; 
		height: 35px;
		background-color: #302e2f;
		color: #ffffff;
		line-height: 35px;
	}

	.menuViewDivSpan {
		font-size: 1em;
		padding-left: 25px;
		color: #ceccca;
	}

	.menuHeadingOptions {
		padding: 10px 0px 0px 20px;
	}

	.menuDropDown {
		background-color: #f7f6f7; 
		padding: 0px !important; 
		margin-top: -4px !important;
	}

	.menuCloseButton {
		float: right; 
		margin: 4px 30px 0px 0px;
	}
	/* custom menu display css */

	.countryModelContent {
		font-family: 'RobotoLight'; 
		font-size: 18px;
		line-height: 28px;
	}
	h1,.h1 {  
	  font-size: 30px;
	}
	h2,.h2 {  
	  font-size: 30px;	
	}
	h3,.h3 {  
	  font-size: 30px;		
	}
	h4,.h4 {  
	  font-size: 24px;
	}
	h5,.h5 {  
	  font-size: 18px;
	}
	h6,.h6 {  
	  font-size: 14px;
	}
	.countryModelHeight {
		height: 450px;
		overflow-y: auto;
	}
	/* position initian country model at the bottom */
	#countriesModel .modal-dialog{
		position: absolute;
		bottom: 0;
		padding-bottom: 25px;
		margin-left: 15% !important;
	}

	#searchModel .modal-dialog{
		position: absolute;
		bottom: 0;
		padding-bottom: 25px;
		margin-left: 15% !important;
	}
	.countryModelWidth {
		width: 70%;
	}

	#menuNavigation-1-container {
		float: right !important;
	}
	
	.headerContainerHeight {
		height: 225px;
	}
	.headerCountriesListWidth {
		width: 420px;
	}
	.headerCountriesHeadingLeftPadding {
		padding-left: 195px;
	}
	.headerCountriesListLeftPadding {
		padding-left: 215px;
	}
}

/* Large */
@media(min-width:1400px){
	#countriesModel .modal-header > .nav-justified > li {
		width: 0%;
	}
	/* position initian country model at the bottom */
	#countriesModel .modal-dialog{
		position: absolute;
		bottom: 0;
		padding-bottom: 25px;
		margin-left: 15% !important;
	}

	#searchModel .modal-header > .nav-justified > li {
		width: 0%;
	}
	/* position initian country model at the bottom */
	#searchModel .modal-dialog{
		position: absolute;
		bottom: 0;
		padding-bottom: 25px;
		margin-left: 15% !important;
	}

	#menuNavigation-1-container {
		float: right !important;
	}

	#waitingModule {
		top: 25%;
		left: 10%;
	}

	/* only for header navigation for displaying dropdown in full page width */
	#headerNavigationMenu .nav > li.dropdown.open { position: static; }
	#headerNavigationMenu .nav > li.dropdown.open .dropdown-menu {display:table; width: 100%; text-align: center; left:0; right:0; }
	#headerNavigationMenu .dropdown-menu>li { display: table-cell; }

	.header-content-padding {
		padding: 1em 15em 1em 15em;
	}

	.header-heading-padding {
		padding-left: 15em;
		color: #b7b7b7;
	}

	#chartDescriptionHeading {
		/*padding-left: 11.5em;*/
	}

	.exploreOurSectionsContentPadding {
		padding: 0em 15em 0em 15em;
	}

	.footerRight {
		font-family: "RobotoRegular";
		float: right; 
		padding-top: 15px;
		margin-right: 0px;
	}

	/* custom menu display css */
	.paddingNull {
		padding: 0px !important;
	}

	.relatedChartsPaddingNull {
		padding: 0px !important;
	}

	.menuViewDiv {
		width: 100%; 
		height: 35px;
		background-color: #302e2f;
		color: #ffffff;
		line-height: 35px;
	}

	.menuViewDivSpan {
		font-size: 1em;
		padding-left: 25px;
		color: #ceccca;
	}

	.menuHeadingOptions {
		padding: 10px 0px 0px 20px;
	}

	.menuDropDown {
		background-color: #f7f6f7; 
		padding: 0px !important; 
		margin-top: -4px !important;
	}

	.menuCloseButton {
		float: right; 
		margin: 4px 30px 0px 0px;
	}
	/* custom menu display css */

	.countryModelContent {
		font-family: 'RobotoLight'; 
		font-size: 22px;
		line-height: 34px;
	}
	h1,.h1 {  
	  font-size: 34px;
	}
	h2,.h2 {  
	  font-size: 34px;	
	}
	h3,.h3 {  
	  font-size: 34px;		
	}
	h4,.h4 {  
	  font-size: 28px;
	}
	h5,.h5 {  
	  font-size: 22px;
	}
	h6,.h6 {  
	  font-size: 18px;
	}
	.countryModelHeight {
		height: 450px;
		overflow-y: auto;
	}
	.countryModelWidth {
		width: 70%;
	}
	.headerContainerHeight {
		height: 225px;
	}
	.headerCountriesHeadingLeftPadding {
		padding-left: 195px;
	}
	.headerCountriesListLeftPadding {
		padding-left: 215px;
	}
}