img {max-width: 100%;}
#map_canvas img {max-width: none !important;}


@media only screen and (min-device-width : 768px) and (max-device-width : 1025px) and (orientation : landscape) {
	
	nav ul li.cmsnavpageitem_influencing a {
		padding: 12px 24px;
	}
}

/* #Tablet (Portrait) Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	nav ul li a {
		padding: 12px 11px!important;
	}

	/* gallery */
	.gallery h3 {
		min-height: 60px;
		font-size: 13px;
	}

	/* shop page */
	.ecommerce-wrapper .s-search {
		width: 68%;	
	}
	.ecommerce-wrapper .s-search input[type="text"] {
		width: 82%;
	}
	#cd .four.columns.omega.upb-top-right {
		width: 419px;
		margin-left: 0px;
	}
	#cd .user-profile-box .upb-top .upb-top-img {
		border: 0px;
	}
	#cd .user-profile-box .three.columns.alpha.upb-top-left.clearfix {
	  	margin-left: 132px;
	}
	.header-left {
		width: 457px;
	}
}



/* #Mobile (Portrait) Design for a width of 320px */
@media only screen and (max-width: 767px) {
	
	/* navigetions of page and fix */
	.main-body-wrapper {background: #fff;}

	header {
		padding: 5px 0;
		height: 208px;
	}
	.contact_button {
		width: 25%;
		float: right;
		border: none;
		background-color: transparent;
		padding: 0 0 0 25px;
		line-height: normal;
	    margin-bottom: 9px;
	}
	.status {
		width: 50%;
		float: left;
		border: none;
		background-color: transparent;
		margin-left: 5%;
		padding: 0 0 0 20px;
		line-height: normal;
		margin-bottom: 9px;
	}
	.status ul.cms-dashboard li a.login-box, div.status a.register-link {
		float: left;
		background: none;
		margin: 0;
		pading-left: 0;
	}
	div.status a.register-link {
		padding-left: 7px;
		padding-right: 15px;
		margin-left: 4px;
		background: url(/images/bgnd-slash.png) 100% 50% no-repeat;
		margin-right: 0;
	}
	.status p {
		display: none;
	}
	div.header-left {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	div.header-left a.logo {
		display: none;
	}
	.header-right {
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
	}
	.social {
		text-align: center;
		padding-bottom: 6px;
	}
	.search-box {
	    float: none;
	    margin-left: 19.7%;
	}
	.mobile-logo {
		display: block;
		text-align: center;
	}
	.mobile-logo img {
		width: 170px;
		margin-bottom: 5px;
	}
	.dashboard-header-actions #dev-dashboard-tags, .dashboard-header-actions #dev-dashboard-portlets {
		margin-bottom: 10px;
	}
	/* Navigation */
	ul.navigation, ul.navigation ul, .calendar-subnav, .gallery-navigation {
		position: relative;
		display: none;
		width: 100%;
	}
	nav ul li:hover ul,  nav ul li:hover ul,  nav ul li:hover ul li:hover ul,  
	aside ul.navigation li:hover ul,  aside ul.navigation li:hover ul,  
	aside ul.navigation li:hover ul li:hover ul {
		display: none;
	}
	nav ul ul,  nav ul ul ul,  nav ul ul,  nav ul ul ul ul,  
	nav ul.navigation ul,  nav ul.navigation ul li.dir:hover ul {
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
		width: 100%;
	}
	.mobile-nav-menu, .mobile-aside-menu, 
	.calendar-mobile-menu, .mobile-gallery-menu {
		cursor: pointer;
		display: block;
		text-align: center;
		color: #fff;
		padding: 10px 0;
		text-transform: uppercase;
		font-size: 16px;
	}
	.mobile-nav-menu {
		background-color: #025562;
	}
	.mobile-aside-menu, .calendar-mobile-menu, .mobile-gallery-menu {
		background-color: #003366;
	}
	.mobile-aside-menu span,
	.calendar-mobile-menu span,
	.mobile-gallery-menu span  {
		font-weight: bold;
		display: block;
		height: 14px;
		font-size: 14px;
	}	
	aside #sidebar span.menu-header {
		display: none;
	}
	aside .general-aside-menu,
	aside .gallery-navigation {
		border-top: none;
		color: #fff;
		padding: 0px;
		background: #007a90 none;
		margin-bottom: 40px;
	}
	aside .general-aside-menu ul.navigation,
	aside .gallery-sidebar ul.gallery-navigation {
		border: none;
	}
	aside .general-aside-menu ul.navigation li,
	aside .gallery-sidebar ul.gallery-navigation li {
		margin: 0;
		padding: 0;
		border: 1px solid #ccc;
		border-top: none;
	}
	aside .general-aside-menu ul.navigation li a,
	aside .gallery-sidebar ul.gallery-navigation li a {
		margin: 0;
		padding: 9px 10px;
		border-bottom: none;
		background: #fff;
	}		
	aside .general-aside-menu ul.navigation li:hover a,
	aside .gallery-sidebar ul.gallery-navigation li:hover a {
		color: #008294;
	}
	aside .general-aside-menu ul.navigation li.current a,
	aside .gallery-sidebar ul.gallery-navigation li.current a {
		color: #008294;
		background-color: #F0F0F0;
	}
	aside #sidebar .portlet-content p span {height: 100%;}

	aside .general-aside-menu .inner {
	    padding: 0px;
	    margin: 0;
	    border-right: 0px solid #008294;
	}

	.navigation li, ul.calendar-subnav li {
		float: none;
		text-align: center;
		margin: 1px 0 0 0;
		overflow: hidden;
	}

	ul.calendar-subnav li a {
		background-color: #F0F0F0;
		padding: 13px 12px;
	}
	ul.calendar-subnav li.active a {
		background: #008294 !important;
		color: #fff !important;
	}
	ul.calendar-subnav li:hover a {
		color: #008294;
		background-color: #F0F0F0;
	}
	/* remove coloured menu */
		
		
	/* Set a default colour of cyan for nav items */
	nav ul li a,
	nav ul li ul,
	nav ul li.cmsnavpageitem_home a,
	nav ul li.cmsnavpageitem_home ul,
	nav ul li.cmsnavpageitem_influencing a,
	nav ul li.cmsnavpageitem_influencing ul,
	nav ul li.cmsnavpageitem_informing a,
	nav ul li.cmsnavpageitem_informing ul,
	nav ul li.cmsnavpageitem_networking a,
	nav ul li.cmsnavpageitem_networking ul,
	nav ul li.cmsnavpageitem_aboutus a,
	nav ul li.cmsnavpageitem_aboutus ul,
	nav ul li.cmsnavpageitem_aboutus ul li,
	nav ul li.cmsnavpageitem_aboutus ul ul,
	nav ul li.cmsnavpageitem_membersjoinus a,
	nav ul li.cmsnavpageitem_membersjoinus ul {
		background-color: #008294;
	}
	nav ul li, nav ul li.cmsnavpageitem_home,
	nav ul li.cmsnavpageitem_influencing,
	nav ul li.cmsnavpageitem_informing,
	nav ul li.cmsnavpageitem_networking,
	nav ul li.cmsnavpageitem_aboutus,
	nav ul li.cmsnavpageitem_aboutus li.cmsnavpageitem_aboutus,
	nav ul li.cmsnavpageitem_membersjoinus {
		border-bottom: none;
	}
	/* ends */

	/*** aside nav ***/
	aside ul.navigation {
		padding: 0;
	}
	.left-column {
		float: none;
		width: 100%;
		overflow: hidden;
		margin-top: 20px;
	}
	.right-column {
		float: none;
		width: 100%;
		overflow: hidden;
		margin-top: 20px;
	}
	.homepage h2.sm.title {
		margin-top: 20px;
	}
	/* subpage */

	img.cms_paragraph_image.left {
		margin: 3px 10px 5px 0;
	}
	img.cms_paragraph_image.right {
		margin: 3px 0 5px 10px;
	}
	article .cms_paragraph_image {
		max-width: 95%;
	}
	/* sitemap */

	.sitemap .navigation li {
		text-align: left;
	}
	/* calendar */

	.tabcontent {
		margin: 25px 0 0 0;
	}

	table.week tr th, 
	table.week tr td {
		font-size: 11px;
	}
	.calendarevents .events table {}
	.calendarevents .events table thead {
		display: none;
	}
	.calendarevents .events table tr td,
	.calendarevents .events table tr th {}
	.event-description table tr th.label-col,
	.event-description table tr td.required-col,
	.event-description table tr td.content-col {
		display: inline-block;
		width: auto;
	}
	.event-description table tr td.content-col {
		display: block;
	}
	.event-description table tr td .map {
		width: 300px !important;
	}
	.event-description table tr th,
	.event-description table tr td {}
	.event-description table tr th {}
	.event-description table tr td.content-col {}
	.event-description table tr td.required-col em {
		display: inline-block;
	}
	.event-description table .help-col {
		display: block;
	}
	#form1_row_ td {
		display: block;
	}
	#form1_row_ td.content-col {
		display: block;
	}
	.checkout-products table tr td,
	.checkout-products table tr th {}
	.map {
		height: auto;
	}
	input#start-day,
	input#start-week {
		width: 76%;
	}

	/* register */
	.register-page .steps span {
		display: block;
	}

	/* profile */
	.user-forum-feed,
	.user-news-feed {
		float: none;
		width: 100%;
	}
	.user-news-feed #news .portlet-news-post img {
		margin: 0 10px 15px 0;
	}
	.filter-area form div,
	table.field-filter {
		width: 70% !important;
	}
	.address-table {
		float: none;
		width: 100%;
	}
	.user-details-wrapper table.scaffold tr th,  .user-details-wrapper table.scaffold tr td {
		border-bottom: 0px solid #D7D7D7;
		padding: 0;
		display: block;
	}
	.user-details-wrapper table.scaffold tr th  .user-details-wrapper table.scaffold tr td.content-col {
		overflow: hidden;
	}
	.user-details-form-box table tr td input,  .user-details-form-box table tr td textarea {
		max-width: 93%;
		width: 93%;
	}
	/* user search */

	form#scaffold_form .event-description table.list tr th,  form#scaffold_form .event-description table.list tr td {
	}

	/* poll */
	.poll-results .chart .poll_results li span {
		display: block;
		float: none;
	}
	.poll-results .chart .poll_results li span.option_percentage {
		padding: 0;
	}
	.option_bar div, .chart-bar {
		margin: 3px 0 0;
	}
	/* forum */

	.forum-search {
		width: 300px;
	}
	ul.forum-moderator-options li {
		float: none;
	}
	ul.forum-moderator-options li a {}
	.forum-mod-section .f-mod-btn a {}
	.forum-mod-section ul.fms-list li.f-check-box {
		float: left;
		width: 10%;
	}
	.forum-mod-section ul.fms-list li.f-threads {
		float: right;
		width: 88%;
	}
	.forum-list-box {
		width: 100%;
	}
	.forum-report-filters .column {
		width: 99% !important;
	}
	.forum-con-all-wrapper table tr td.f-controls-box a.btn-f-delete {
		display: inline-block;
	}
	/* Search */
	#search_tabs table th,
	#search_tabs table td.page,
	#search_tabs table td.news,
	#search_tabs table td.event,
	#search_tabs table td.spreadsheet,
	#search_tabs table td.PDF,
	#search_tabs table td.product{
		display: none;
	}

	footer {
		background-image: none;
	}
	.breadcrumb,
	#search_tabs ul.tabs-nav,
	h2.members title, div.members-wrapper,
	div#logoParade, article.boutique-wrapper,
	div.cms-slider-container,
	div.cms-slider-container-base,
	img.banner-image {
		display: none;
	}
	footer .four {
		padding: 10px 0;
	}	

	.centric-website #cd div.box.row.companies-list-az div.box-content ul li {margin: 0 10px 10px 0;}
		

	.sg-img-box {
  		float: none;
    	margin: 0 0 20px 0;
    	width: 100%;
	}

	/* shop page */
	.ecommerce-wrapper .ew-top-options {
		padding: 10px;	
	}
	.ecommerce-wrapper .s-search {
		width: 100%;
		display: block;
		margin-bottom: 25px;	
	}
	.ecommerce-wrapper .s-search input[type="text"] {
		width: 79%;	
	}
	.ecommerce-wrapper .s-basket-controls {
		display: block;
		width: 100%;
		float: none;
		margin: 0;	
	}
	.ecommerce-wrapper .s-basket-buttons input[type="submit"] {
		width: 49%;
	}
	.ecommerce-wrapper .mobile-aside-menu {
		display: none;
	}
	.ecommerce-wrapper aside .sidebar {
		margin-bottom: 30px;
	}

	/* product page */
	.ecommerce-wrapper .s-content .s-product-details-image img {
		max-width: 100px;
	}

	#cd td[data-col-title]:before, #cd td[title]:before {
		position: relative;
		white-space: nowrap;
		font-weight: bold;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		clear: both;
		top: 0;
		left: 0;
	}
	#cd .checkout-wrapper .ecom-checkout-details .six.columns {
    	width: 100%;
	}
	.subpage.enquiry-page .constrain-width {
	    width: 59%;
	}
	
} /* end */

/* #Mobile (Landscape) Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* calendar */
	.event-description table tr td .map {
		width: 420px !important;
	}
	input#start-day,  input#start-week {
		width: 82%;
	}
	/* Slider */
	h2.members title, div.members-wrapper,  div#logoParade, article.boutique-wrapper, 
	div.cms-slider-container, div.cms-slider-container-base {
		display: none;
	}

} /* end */

@media only screen and (max-width: 480px) {

	/* shop page */
	.ecommerce-wrapper .s-search input[type="text"] {
		width: 69%;
	}
	.search-box {
    	margin-left: 7.7%;
	}
	.subpage.enquiry-page .constrain-width {
	    width: 65%;
	}

}