

/* Resposive Design Start */

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

    }*/
	.menu-toggle{
		display: none;
	}
	.inputbox, #sm2EMSubscribe select, .inputboxselect{
		padding: 4px;
		margin: 3px 0 3px 0px;
	}
	#left {
		border-right:1px solid #f5f5f5;
	}
	
	#footer {
		padding:0;
	}
	.introlabel{
		background-size: contain;
	}
	.k-icon-account-login:before, .k-icon-account-logout:before, .k-icon-action-redo:before, .k-icon-action-undo:before, .k-icon-align-center:before, .k-icon-align-left:before, .k-icon-align-right:before, .k-icon-aperture:before, .k-icon-arrow-bottom:before, .k-icon-arrow-circle-bottom:before, .k-icon-arrow-circle-left:before, .k-icon-arrow-circle-right:before, .k-icon-arrow-circle-top:before, .k-icon-arrow-left:before, .k-icon-arrow-right:before, .k-icon-arrow-thick-bottom:before, .k-icon-arrow-thick-left:before, .k-icon-arrow-thick-right:before, .k-icon-arrow-thick-top:before, .k-icon-arrow-top:before, .k-icon-audio-spectrum:before, .k-icon-audio:before, .k-icon-badge:before, .k-icon-ban:before, .k-icon-bar-chart:before, .k-icon-basket:before, .k-icon-battery-empty:before, .k-icon-battery-full:before, .k-icon-beaker:before, .k-icon-bell:before, .k-icon-bluetooth:before, .k-icon-bold:before, .k-icon-bolt:before, .k-icon-book:before, .k-icon-bookmark:before, .k-icon-box:before, .k-icon-briefcase:before, .k-icon-british-pound:before, .k-icon-browser:before, .k-icon-brush:before, .k-icon-bug:before, .k-icon-bullhorn:before, .k-icon-calculator:before, .k-icon-calendar:before, .k-icon-camera-slr:before, .k-icon-caret-bottom:before, .k-icon-caret-left:before, .k-icon-caret-right:before, .k-icon-caret-top:before, .k-icon-cart:before, .k-icon-chat:before, .k-icon-check:before, .k-icon-chevron-bottom:before, .k-icon-chevron-left:before, .k-icon-chevron-right:before, .k-icon-chevron-top:before, .k-icon-circle-check:before, .k-icon-circle-x:before, .k-icon-clipboard:before, .k-icon-clock:before, .k-icon-cloud-download:before, .k-icon-cloud-upload:before, .k-icon-cloud:before, .k-icon-cloudy:before, .k-icon-code:before, .k-icon-cog:before, .k-icon-collapse-down:before, .k-icon-collapse-left:before, .k-icon-collapse-right:before, .k-icon-collapse-up:before, .k-icon-command:before, .k-icon-comment-square:before, .k-icon-compass:before, .k-icon-contrast:before, .k-icon-copywriting:before, .k-icon-credit-card:before, .k-icon-crop:before, .k-icon-dashboard:before, .k-icon-data-transfer-download:before, .k-icon-data-transfer-upload:before, .k-icon-delete:before, .k-icon-dial:before, .k-icon-document:before, .k-icon-dollar:before, .k-icon-double-quote-sans-left:before, .k-icon-double-quote-sans-right:before, .k-icon-double-quote-serif-left:before, .k-icon-double-quote-serif-right:before, .k-icon-droplet:before, .k-icon-eject:before, .k-icon-elevator:before, .k-icon-ellipses:before, .k-icon-envelope-closed:before, .k-icon-envelope-open:before, .k-icon-euro:before, .k-icon-excerpt:before, .k-icon-expand-down:before, .k-icon-expand-left:before, .k-icon-expand-right:before, .k-icon-expand-up:before, .k-icon-external-link:before, .k-icon-eye:before, .k-icon-eyedropper:before, .k-icon-file:before, .k-icon-fire:before, .k-icon-flag:before, .k-icon-flash:before, .k-icon-folder:before, .k-icon-fork:before, .k-icon-fullscreen-enter:before, .k-icon-fullscreen-exit:before, .k-icon-globe:before, .k-icon-graph:before, .k-icon-grid-four-up:before, .k-icon-grid-three-up:before, .k-icon-grid-two-up:before, .k-icon-hard-drive:before, .k-icon-header:before, .k-icon-headphones:before, .k-icon-heart:before, .k-icon-home:before, .k-icon-image:before, .k-icon-inbox:before, .k-icon-infinity:before, .k-icon-info:before, .k-icon-italic:before, .k-icon-justify-center:before, .k-icon-justify-left:before, .k-icon-justify-right:before, .k-icon-key:before, .k-icon-laptop:before, .k-icon-layers:before, .k-icon-lightbulb:before, .k-icon-link-broken:before, .k-icon-link-intact:before, .k-icon-list-rich:before, .k-icon-list:before, .k-icon-location:before, .k-icon-lock-locked:before, .k-icon-lock-unlocked:before, .k-icon-loop-circular:before, .k-icon-loop-square:before, .k-icon-loop:before, .k-icon-magnifying-glass:before, .k-icon-map-marker:before, .k-icon-map:before, .k-icon-media-pause:before, .k-icon-media-play:before, .k-icon-media-record:before, .k-icon-media-skip-backward:before, .k-icon-media-skip-forward:before, .k-icon-media-step-backward:before, .k-icon-media-step-forward:before, .k-icon-media-stop:before, .k-icon-medical-cross:before, .k-icon-menu:before, .k-icon-microphone:before, .k-icon-minus:before, .k-icon-monitor:before, .k-icon-moon:before, .k-icon-move:before, .k-icon-musical-note:before, .k-icon-paperclip:before, .k-icon-pencil:before, .k-icon-people:before, .k-icon-person:before, .k-icon-phone:before, .k-icon-pie-chart:before, .k-icon-pin:before, .k-icon-play-circle:before, .k-icon-plus:before, .k-icon-power-standby:before, .k-icon-print:before, .k-icon-project:before, .k-icon-pulse:before, .k-icon-puzzle-piece:before, .k-icon-question-mark:before, .k-icon-rain:before, .k-icon-random:before, .k-icon-reload:before, .k-icon-resize-both:before, .k-icon-resize-height:before, .k-icon-resize-width:before, .k-icon-rss-alt:before, .k-icon-rss:before, .k-icon-script:before, .k-icon-share-boxed:before, .k-icon-share:before, .k-icon-shield:before, .k-icon-signal:before, .k-icon-signpost:before, .k-icon-sort-ascending:before, .k-icon-sort-descending:before, .k-icon-spreadsheet:before, .k-icon-star:before, .k-icon-sun:before, .k-icon-tablet:before, .k-icon-tag:before, .k-icon-tags:before, .k-icon-target:before, .k-icon-task:before, .k-icon-terminal:before, .k-icon-text:before, .k-icon-thumb-down:before, .k-icon-thumb-up:before, .k-icon-timer:before, .k-icon-transfer:before, .k-icon-trash:before, .k-icon-underline:before, .k-icon-vertical-align-bottom:before, .k-icon-vertical-align-center:before, .k-icon-vertical-align-top:before, .k-icon-video:before, .k-icon-volume-high:before, .k-icon-volume-low:before, .k-icon-volume-off:before, .k-icon-warning:before, .k-icon-wifi:before, .k-icon-wrench:before, .k-icon-x:before, .k-icon-yen:before, .k-icon-zoom-in:before, .k-icon-zoom-out:before, .k-icon-close:before, .k-icon-disabled:before, .k-icon-document-archive:before, .k-icon-document-audio:before, .k-icon-document-default:before, .k-icon-document-document:before, .k-icon-document-folder:before, .k-icon-document-image:before, .k-icon-document-pdf:before, .k-icon-document-spreadsheet:before, .k-icon-document-video:before, .k-icon-documents:before, .k-icon-enabled:before, .k-icon-filter:before, .k-icon-folder-closed:before, .k-icon-folder-opened:before, .k-icon-menu-closed:before, .k-icon-menu-opened:before, .k-icon-open:before{
		line-height: 8px;
	}
	.k-ui-namespace .k-toolbar .btn{
		font-size: 11px !important;
		line-height: 8px !important;
		margin: 13px 2px !important;
		width: auto;
	}
	.koowa .docman_download__button, .k-ui-namespace .docman_download__button{
		width:100%;
	}
	.k-ui-namespace .btn{
		line-height: 12px !important;
	}
	.k-ui-namespace a.btn.btn-small.btn-danger.docman-deletable {
	    padding-left: 5px;
	}
	#advSearchTable input, #advSearchTable textarea, #advSearchTable select{
		height: 20px;
		border: 1px solid #ccc;
	}
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		#wrapper{
			/*background: green !important;*/
			padding-top: 20px;
		}
		#container {
		    width: 98%;
		}
		.right-menu-item,.left-menu-item {
		    width: auto;
		}

		#toolbar ul.menu {
    		width: auto;
    		margin-left: 10px;
    	}
    	#header ul li a:link, #header ul li a:visited{
    		padding: 0 17px;
    	}
    	#left {
		    float: left;
		    width: 20%;
		}
    	#content {
		    float: left;
		    padding: 0px 0;
		    margin: 0 0 0 1%;
		    width: 58%;
		}
		#right {
		    float: right;
		    width: 20%;
		}
    	.introbox{
    		width:auto;
    	}
		#left form select,
		#right form select{
			width:100% !important;
		}
		#wrapper {
			background-image: none;
		}
		#right .button {
		    margin-left: 45px;
		    width: 100px !important;
		}
		#left form input,
		#right form input {
		    width: 94% !important;
		}
		#left .button {
		    margin-left: 0;
		}
		/*.ctrlfixed {
		    margin-top: 100px;
		    position: absolute;
		    width: 165px;
		    margin-left: 0px;
		}*/
		.enFacts {
		    background-size: contain;
		}
		#advancedSearch{

		}
		#frmAdvSearch #advSearchTable{
			width: 100% !important;
		}
		#frmAdvSearch #advSearchTable select,
		#frmAdvSearch #advSearchTable input{
			max-width: 90%;
    		width: 90% !important;
		}
		#frmAdvSearch #advSearchTable input#formdate,
		#frmAdvSearch #advSearchTable input#todate,
		#frmAdvSearch #advSearchTable input#txtId{
			float: left;
		}
		#frmAdvSearch #advSearchTable input#advSearch{
			width:60px !important;
			float: left;
		}
	}
	@media only screen and (max-width : 950px) {
		.charts .introlabel {
		    position: relative;
		}
		.ctrlfixed {
		    /*margin-top: 100px;*/
		    position: absolute;
		    width: auto;
		    margin-left: 0px;
		    z-index: 1000;
		    cursor: pointer;
			bottom: 75px;
		}
		.jcarousel-skin-tango .jcarousel-clip-horizontal {
		    padding-bottom: 100px;
		}
		
    }
    
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		#wrapper{
			/*background: blue !important;*/
			display: flex;
    		flex-direction: column;
		}
		#container {
		    width: 96%;
		    margin: 0 auto;
		}
		#header ul li {
		    color: #000;
		    display: block;
		    text-align: center;
		}
		#header ul li a:link, #header ul li a:visited{
			color: #048DD4;
		}
		#toolbar ul.menu{
			width:auto;
		}
		#left,#content,#right {
		    float: none;
		    width: 100%;
		    overflow: hidden;
		    margin: 0 auto;
		}
		#left{
			order: 2;
		} 
		#content
		{
			order: 1;
		}
		#right {
		    order: 3;
		}
		#content > .item-page{
			padding: 0 15px;
		}
		.left-menu-item {
		    width: 100%;
		}
		.right-menu-item{
			position: absolute;
    		top: -1px;
    		right: 10px;
		}
		#toolbar{
			display: block;
		}
		#toolbar .menu-item{
			display: none;
		}
		.menu-toggle{
			display: block;
			cursor: pointer;
		    width: 100%;
		    text-align: left;
			font-size: 17px;
			height: 26px;
			line-height: 28px;
			border-bottom: 2px solid #ffffff;
			padding-left: 10px;
		}
		#toolbar {
		    background: #e8921e;
		    padding-top: 0;
		    height: 100%;
		    text-align: center;
		    color: #fff;
		    position: relative;
		}
		#toolbar >h1{
			border-bottom: 2px solid #048DD4;
		}
		
		#toolbar ul.menu {
			width:100%;
		    margin-left: 0px;
		}
		#header ul li a:link, #header ul li a:visited {
		    padding: 0 17px;
		    display: block;
		    background: none;
		}
		#header ul li a:hover{
			color:#e8921e;
		}
		#header .right-menu-item ul li{
			padding: 5px 0;
			display: inline-block;
		}
		#toolbar .right-menu-item ul.lang-inline {
		    margin-left: 0px;
		    line-height: 22px;
		    text-align: center;
    		border-top: 1px solid #f1f1f1;
		}
		/*.ctrlfixed {
		    margin-top: 100px;
		    position: absolute;
		    width: auto;
		    margin-left: 0px;
		}*/
		.charts .introlabel_fr, .charts .introlabel_es,
		.charts .introlabel {
		    position: relative;
		    background-size: contain;
		}
		.ctrlfixed {
		    /*margin-top: 100px;*/
		    position: absolute;
		    width: auto;
		    margin-left: 0px;
		    z-index: 1000;
		    cursor: pointer;
			bottom: 75px;
		}
		.jcarousel-skin-tango .jcarousel-clip-horizontal{
			padding-bottom: 100px;
		}
		.facts .introlabel_fr, .facts .introlabel_es, 
		.introbox, .facts .introlabel, .charts .introlabel {
		    background-size: contain;
		}
		#logo img{
			max-width: 100%;
		}
		#left .button {
		    margin-left: 0px;
		}
		#left form input,
		#right form input {
		    width: 100% !important;
		}
		#left .inputbox, #right .inputbox {
		    width: 98% !important;
		}
		.moduletable.sitesearch{
			position: relative;
			margin-top: 0px;
			text-align: center;
			margin: 0 auto;
			width: 80%;
			max-width: 180px;
		}
		#header input#mod_search_searchword{
			border: 1px solid #2a8bda;
		}
		#short_references dl.references{
			padding-top: 20px;
		}
		#short_references dl.references dd{
			 padding-bottom: 10px;
		}
		.enFacts {
		    background-size: contain;
		}
		.enFacts div#handlers.noprint{
			padding: 10px 17px 17px 17px !important;
    		clear: both;
		}
		.enFacts div#block_country_selected.noprint{
			clear: both;
    		float: left !important;
		}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		
		#container {
		    width: 100%;
		    margin: 0 auto;
		}
		#wrapper{
			/*background: red !important;*/
			width: 94%;
    		margin: 0 auto;
		}
		#left form select, #left form input,
		#right form select, #right form input{
			width:100% !important;
			margin: 10px auto;
			display:block;
			margin-left: 0px !important;
			padding-left: 0;
			padding-right: 0;
		}
		.charts .introlabel {
		    position: relative;
		}
		.ctrlfixed {
		    /*margin-top: 100px;*/
		    position: absolute;
		    width: auto;
		    margin-left: 0px;
		    z-index: 1000;
		    cursor: pointer;
			bottom: 50px;
		}
		.jcarousel-skin-tango .jcarousel-clip-horizontal{
			padding-bottom: 150px;
		}
		.introlabel a.buttonlink{
			padding-left: 160px;
		}
		#footer .moduletablemenu li{
			display:block;
			line-height: 25px;
			font-size: 14px;
		}
		
		#content > table, #content > p {
		    width: 94% !important;
		    margin: 0 auto;
		}
		#left, #content, #right {
		    float: none;
		    width: 100%;
		    overflow: hidden;
		    margin: 0 auto;
		}
		.chartmonitor .jcarousel-container ul#mycarousel{
			overflow: visible !important;
		}
		.chartmonitor .jcarousel-container{
			position: relative;
		}
		.chartmonitor .jcarousel-container .jcarousel-item img{
			/*width:250px;*/
			float: left;
		}
		.chartmonitor .jcarousel-container .jcarousel-item h5,
		.chartmonitor .jcarousel-container .jcarousel-item h4{
			clear: both;
			max-width:80%;
			word-wrap: break-word;
		}
		.chartmonitor .jcarousel-container .jcarousel-skin-tango .jcarousel-item{
			width: 100%;
		}
    }
	@media only screen and (max-width : 396px) {
		.introlabel a.buttonlink{
			padding-left: 160px;
			line-height: 18px;
		}
    }

    /* Custom, iPhone Retina */ 
    

