img {max-width: 100%;}
#map_canvas img {max-width: none !important;}
#form1_row_latlng_coordinates_map img {
	max-width: none !important;
} 
@media only screen and (min-width: 1024px) and (max-width: 1250px) {
	div.bx-controls {
		top: 55%;
	}
	
	div.cms-slider-page-block-container p {
		margin-top: 10px;	
		line-height: normal;
	}
	.banner{
		height: 285px;		
	}

	div.cms-slider-container {
		height: 280px;	
		width: 100%;
		overflow: hidden;
	}
	nav ul li a {
	    padding: 2px 3.4px;

	}
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
	div.bx-controls {
		top: 55%;
	}
	div.cms-slider-page-block-container p {
		margin-top: 10px;	
		line-height: normal;
	}
	.banner{
		height: 255px;		
	}
	div.cms-slider-container {
		height: 250px;	
		width: 100%;
		overflow: hidden;
	}
	.albums-wrapper.video-wrapper.clearfix .gallery-img-box {
		width: 293px;
	}
	#cd #portlet_custom_user_details .box-header h3 {
		word-wrap: break-word !important;
		width: 135px !important;
	}
	#cd #premierapp_portlet_user_company_overview .box-header h3 {
		width: 91px;
		word-wrap: break-word;	
	}
	#cd #premierapp_registration_portlet_registrations .box-header h3 {
		width: 74px !important;
		word-wrap: break-word;	
	}

}
@media only screen and (min-width: 767px) {
	nav ul.portlet-navigation {
		display: none !important;
	}
	
}
/* #Tablet (Portrait) Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container #cd .container,
	.container #cd .twelve.columns,
	.container {
		min-width: 748px;
	}
	nav ul li a {
		font-size: 11px;
    	padding: 2px 2px;
		margin: 11px 0;		
	}
	nav ul li.cmsnavpageitem_usefullinks {
		display: none;
	}
	.search-box {
		width: 155px;
		padding: 20px 0 15px 0;		
	}

	/* header portlets */
	.dcjq-mega-menu ul.menu li .sub-container {
		left: -239px !important;
		width: 747px;
	}
	.dcjq-mega-menu ul.menu li .sub {
		width: 690px;
		padding: 10px 25px 15px 10px;
	}
	.col1 {
		width: 120px;
	}
	.col2 {
		width: 260px;
	}
	.col3 {
		width: 260px;
	}
	.col2 p, .col3 p {
		line-height: 18px;
	}
	.dcjq-mega-menu ul.menu li .sub {
		height: 380px;
	}
	.dcjq-mega-menu ul.menu li .sub .col2 li ul li,
	.dcjq-mega-menu ul.menu li .sub .col3 li ul li {
		width: auto;
	}
	.centric-website #cd #premierapp_portlet_user_redesigned .col:last-child {
	    margin: 0 32px 0 161px;
	}
	.centric-website #cd #premierapp_portlet_user_redesigned .col {
		width: 330px;
	}
	div.search-box input[type="text"],
	div.search-box input#search-query.search {
		width: 100px;
	}
	.container .three.logo-wrapper {
		width: 95px;
		position: relative;
		top: 18px;
		margin-left: 10px;	
	}
	.dcjq-mega-menu ul.menu li:first-child {
		margin-left: 0;
	}

	div.bx-controls {
		top: 40%;
	}
	div.cms-slider-page-block-container p {
		margin-top: 10px;	
		line-height: normal;
	}
	.banner{
		height: 205px;		
	}

	div.cms-slider-container {
		height: 200px;	
		width: 100%;
		overflow: hidden;
	}	
	div.cms-slider-page-block-container p {	
		font-size: 14px;
	}

	.dcjq-mega-menu ul.menu li.sub-container,
	.dcjq-mega-menu ul.menu,
	.dcjq-mega-menu ul.menu li a.hover {
		width: 109px;
		display: inline;
	}
	.dcjq-mega-menu ul.menu li a span {
		display: inline;
		width: 96px;
		padding: 10px 0 0;
	}
	.dcjq-mega-menu ul.menu li a.hover,
	.dcjq-mega-menu ul.menu li a.dc-mega:hover {
		font-size: 15px;
		background: none;
		height: 140px;
	}

	a.logo {
		width: 100%;
	}
	.dcjq-mega-menu {
		padding: 0;
	    padding-top: 32px !important;
	}
	.dcjq-mega-menu ul.menu {
		margin: 0;
		padding: 0;
	}
	.dcjq-mega-menu ul.menu li {
		margin-left: 5px;
		margin-right: 0;
	}
	div.top-toggle ul li.tm-li a, div.top-toggle ul li a {
		background-image: none;
	    padding-left: 0px; 
	}
    div.top-toggle ul li.tm-li.cpd-tab a {
        background-image: none;
        padding-left: 0;
    }
	div.top-toggle ul.status-links {
		margin:0px;
	}
	.top-toggle-wrapper, div.top-toggle, div#slickbox {
		width: auto;
	}
	.top-menu li {padding: 10px 0 10px 11px;}
	.banner-box {padding: 33px 0 0 0;}
	.portlet-one .portlet-event-list div.clearfix {margin: 0 10px 20px 0; width: 168px;}
	.portlet-two .portlet-content .portlet-news-post {margin: 0 10px 20px 0; width: 168px;}

	/* register */
	.membership-type-wrapper {width: 330px; padding: 0 10px 0 0;}

	/* gallery */

	.ig-list .clearfix .clearfix .gallery-img-box,
	.vg-list .clearfix .clearfix .gallery-img-box {
		margin: 0 10px 10px 0; 
		width: 175px; 
		padding: 0;
	}
	.albums-wrapper .gallery-img-box {width: 235px;}
	.gallery.ig-list .gallery-img-box h3,
	.gallery.vg-list .gallery-img-box h3 {height: 43px; min-height: 43px;}

	/* calendar */
	.event-description table tr td .map {width: 550px !important;}
	ul.calendar-subnav li a {padding: 20px 7px;}
	.calendar-sidebar .calendar-buttons a.btn-clear {margin: 5px 0 0 0;}

	.albums-wrapper.video-wrapper.clearfix .gallery-img-box {
	  width: 229px;
	}

	/* profile page */
	#cd article.profile-wrapper .tabs-content {
		width: 568px;
	}
	#cd article.profile-wrapper #scaffold-edit-content .box-content	{
		width: 545px;
	}
	#cd article.profile-wrapper #scaffold-edit-content .box-content .box-content {
		width: 503px;
	}
	#cd #portlet_custom_user_details .box-header h3 {
		word-wrap: break-word !important;
		width: 135px !important;
	}
	#cd #premierapp_portlet_user_company_overview .box-header h3 {
		width: 91px;
		word-wrap: break-word;	
	}
	#cd #premierapp_registration_portlet_registrations .box-header h3 {
		width: 74px !important;
		word-wrap: break-word;	
	}

	/* shop page */
	.ecommerce-wrapper .s-search {
		width: 68%;	
	}
	.ecommerce-wrapper .s-search input[type="text"] {
		width: 62%;
	}
	/******membership*****/
	.container #cd #simple-filters-box .inner-three {
		width: 190px !important;
	}
	.container #cd #simple-filters-box .inner-three.omega {
		margin-left: 0px;
	}
	/**dashboard***/
	#cd .dashboard-portlets .dashboard-portlet {
  		width: 360px;
	}
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable.ui-dialog-buttons {
  		left: 10% !important;
		}
	#cd .dt-buttons a.dt-four {
	    padding: 34px 0 24px 3%;
		}
	#cd .dt-buttons a.dt-one, #cd .dt-buttons a.dt-two, #cd .dt-buttons a.dt-three {
	    padding: 34px 0 40px 3%;
	}
	#cd .dt-buttons a.dt-two {
	    margin: 0 0 0 23.4%;
	}
	.calendar-sidebar .current-box #current-month, 
	.calendar-sidebar .current-box #current-week, 
	.calendar-sidebar .current-box #current-day {
		font-size: 11px;
		font-weight:normal;
	}
	.calendar-sidebar .current-box a {
	    font-size: 11px;
	}
	ul.f-social li {
	    margin: 0 7px 0 0;
	}
	/**table**/
	.table-scroll {
	    overflow-x: scroll;
	}
	footer {
	    height: 100%;
	}

} /* end */

/* #Mobile (Portrait) Design for a width of 320px */

@media only screen and (max-width: 767px) {
	#cd .container {
	  min-width: 300px;
	}
	.banner{
		height: 255px;		
	}

	div.cms-slider-container {
		height: 250px;	
		width: 100%;
		overflow: hidden;
	}
	.dashboard-header-actions {
    	margin: 0px 0;
	}
	#dev-dashboard-portlets.button {
	    margin-bottom: 12px;
	}
	a:active {background: #000; color: #fff;}
	.button:active, button:active, .btn:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {background: #000; color: #fff;}

	.mobile-logo{
		display: block;
		width: 100%;
		height: auto;
		text-align:center;
	}
	.mobile-logo a.logo {	
		float: none;
		height: auto;		
		margin: 15px auto 10px auto;		
		background: transparent;
	}
	.logo-wrapper, .logo-wrapper a.logo{
		display: none;	
		padding-top: 2px;
	}
	ul.status-links.mobile{
		margin-top: 20px;	
	}
	ul.status-links.mobile li{
		padding: 1% 2%;
		background-color: #1f4774;
		display: inline;
	    margin-right: 4px;
	}
	ul.status-links.mobile li a{
		color: #fff;
		font-weight: bold;
	}
	.sub-container{
		display: none;
	}
	#cd .cd-mainnav li ul, #cd .cd-mainnav li ul:hover {
	    margin: 0 !important;
	}
	.main-menu-bg/*, .container*/{
		width: 100%;
		height: auto;
		background-image: none;
		background: none;
		padding: 0;
		margin: 0;
	}
	div.main-menu-bg nav.mainnav{
		width: auto;
		height: auto;
	}

/* Toggle tab */
	.top-toggle, .toggle-tab, .toggle-tab ul, .toggle-tab ul li, .toggle-tab ul li a{
		background-color: #1b4471;
		width: 100%;
		background-image :none;
		float: none;
		padding: 0 0 0 0;
		display: inline;
		height: 40px;
		display: none;
	}

	.search-box, #slickbox, a#slick-toggle, 
	#slickbox .area, div.top-toggle div#slickbox form table.login-home {
		display: none;	
	}
	section.banner-wrapper {
		background-color: #fff;
		background-image: none;
	}
	header .top-menu.three, .header-txt, .banner{
		display: none;
	}
	section.portlet-one.calendar {
		margin: -30px 0 0 0;
		padding: 0;
	}
	/* portlet calendar list */
	section.portlet-one.calendar .section-heading-wrapper /*h3.section-heading a*/{
		background-image: none;
	}
	section.portlet-one.calendar .section-heading-wrapper  h3.section-heading{
		width: auto;
		display: block;
		float: none;
		margin: 0;
	}
	.portlet-one .portlet-event-list,
	.portlet-one .portlet-event-list div.clearfix .pel-txt,
	.portlet-one .portlet-event-list div.clearfix h3{
		height:auto; 
		margin: 0;
		padding-top: 0;
	}
	.portlet-one .portlet-event-list .pel-date-top{
		margin: 0;
		padding: 0;
		height: auto;
	}
	.portlet-one.calendar div.calendar-concise div#calendar.portlet-wrapper {
		background-color: #fff;	
	}
	.portlet-one .portlet-event-list div.clearfix {
		margin: 0 0 0 10px;
	}

	/* end */
	/* portlet menu */
	div.dcjq-mega-menu{
		display: none;	
	}

	article.enquiry-page form table {width: 99%;}

	/* navigetions of page and fix */
    ul.navigation, ul.navigation ul, .calendar-subnav, .gallery-navigation, ul.cd-mainnav
    {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 {
	    background: #1f4774;
	    color: #fff;
	    cursor: pointer;
	    display: block;
	    font-weight: 700;
	    padding: 20px 0 19px 0;
	    text-align: center;
	    text-transform: uppercase;
		height: auto;
	}
	#cd nav.cd-main-nav {
		height: auto;
	    padding-bottom: 0;	
	}
	.mobile-nav-menu {
		background: #1f4774 url(/images/PWI-brochure-crossing.jpg) no-repeat 0px -125px;
		padding: 70px 0 10px 0;
		font-size: 25px;
	}

	.navigation li, 
	ul.calendar-subnav li {
		float: none; 
		text-align: center; 
		margin: 0 0 0 0; 
		height: auto;
		 }
	#cd .cd-mainnav li a:hover, #cd .cd-mainnav li a.nav-double:hover {
    	background: #1F466E;
	}
	nav ul li a:hover, 
	nav ul li.current a, 
	nav ul li ul li a:hover {  
	    border-top: 1px solid #fff;
	    color: #fff;
	}

	nav ul li a, 
	ul.calendar-subnav li a, 
	ul.calendar-subnav li a:hover {
	    border-top: 1px solid #fff;
	    padding: 16px 0 14px;
	    background: #1c659d;
	    color: #fff;
		margin: 0;
	}
	nav ul li.portlet-darkblue a {
		background: #204871;
	}
	nav ul li.portlet-purple a {
		background: #A072AF;
	}
	nav ul li.portlet-blue a {
		background: #8CA7EE;
	}
	nav ul li.portlet-orange a {
		background: #F78058;
	}
	nav ul li.portlet-yellow a {
		background: #FED064;
	}	
	nav ul li ul li {background: #1c659d; padding: 0; margin: 0;}
	nav ul li.current ul li a, nav ul li.current ul li a:hover,
	nav ul li ul li a {border-bottom: 0px solid #fff; color: #fff; padding: 14px 0 12px 0; margin: 0; background: #1c659d;}
	nav ul li.current a {background: #13466d url(../images/gradient-bottom.png) bottom left repeat-x;}
	nav ul.navigation li.cmsnavpageitem_sections:hover ul.sub-navigation,
	nav ul li.cmsnavpageitem_sections:hover ul.sub-navigation li,
	nav ul li.cmsnavpageitem_sections:hover ul.sub-navigation li a{
		width: auto;
		float: none;
	}

	/*** aside nav ***/
	aside ul.navigation {padding: 0;}
		
	aside ul.navigation, 
	aside .gallery-navigation {
	    background: none;
	    border: 0px solid #fff;
	    padding: 0;
	}

	aside ul.navigation li, 
	aside .gallery-navigation li {
		border-bottom: 0px solid #fff;
		border-top: 1px solid #fff;
		padding: 0;
	}

	aside ul.navigation li a, aside .gallery-navigation li a,
	aside ul.navigation li a:hover, aside .gallery-navigation li a:hover,
	aside ul.navigation li.current a, .gallery-navigation li.current a {
	    background: #065089;
	    color: #fff;
	    padding: 13px 0 11px 0;
	    display: block;
	}

	.left-sidebar, .gallery-sidebar, .calendar-sidebar {margin: 0 0 10px 0;}
	.right-sidebar, .blog-sidebar {margin: 20px 0 0 0;}

	/* home page */

	.home-intro .three {padding: 15px 0 0 0;}
	.portlet-one .portlet-event-list div.clearfix,
	.portlet-two .portlet-content .portlet-news-post {
    	float: none;
   		padding: 15px 0 0 0;
    	width: 95%;
	}

	.comercial-box .one-third {padding: 10px 0 0 0;}
	.slide-in-box {padding: 10px 0 12px 0;}
	.slide-in-box div {
		text-align: left;
		padding: 5px 0;
	}

	.status ul li {float: left; padding: 2px 5px 2px 0;}
	.slide-in-box .search-box input.search {width: 65%;}
	.slide-in-box-btn span {padding: 7px 14px 8px 14px;}

	/* breadcrumb */
	.breadcrumb{
		display: none;	
	}
	/* subpage */
	section.subpage-wrapper { 
		border: none;
		padding-top: 0;
	}
	.aside-content-left {margin: 10px 0 0 0;}
	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%;}

	/**table**/
	.table-scroll {
	    overflow-x: scroll;
	}
	.team-box img {
		max-width: 93%;
		padding: 3%;
		margin: 0;
	}

	/* news */

	.nl-thumbnail, .np-thumbnail {float: none; margin: 0 0 10px 0;}

	/* footer */
	.footer-links{
		text-align: left;
		padding: 0;
		margin: 0;
	}
	footer .sixteen div {padding: 15px 0 0 0;}
	footer .footer-terms {border: none; padding: 15px 0 0 0; text-align: left;}
	.footer-terms span {padding: 10px 0 0 0; display: block;}

	/* blog */

	.bp-meta {display: block;} 
	.comments-reply-form-wrapper {padding: 15px;}
	.comments-reply-form-wrapper form,
	.comments-form-wrapper form {width: 100%; max-width: 100%;}
	.comments-reply-form-wrapper .captcha-box .halfandhalf input,
	.comments-form-wrapper .captcha-box .halfandhalf input {max-width: 99%;}
	.halfandhalf {font-size: 12px;}
	.comments-reply-form-wrapper .captcha-box .halfandhalf input {width: 40%;}

	/* sitemap */

	.sitemap ul.navigation,
	.sitemap ul.navigation ul {
		display: block; 
		color: #999;
		background: transparent;
	}

	.sitemap ul.navigation a,
	.sitemap ul.navigation ul a {
		background: transparent;
		color: #444;
		border: 0px solid #fff;
	}

	.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 thead, .calendarevents .events table td.upcomingevents-details{display: none;}
	.calendarevents .events table tr td,

	.calendarevents .events table td.upcomingevents-title a{width: 100%;}
	.calendarevents .events table td.upcomingevents-start_date,div.calendarevents td.upcomingevents-end_date{
		width: 25%	
	}
	.calendar-box .tabcontent.month{
		overflow: auto;
	}

	.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; 
		border-bottom: 1px solid #ccc;
	}

	.event-description table tr td .map {width: 300px !important;}
	.event-description table tr th, 
	.event-description table tr td {border-bottom: 0px solid #fff; padding: 0;}
	.event-description table tr th {padding: 7px 0;}
	.event-description table tr td.content-col {padding: 0 0 8px 0;}
	.event-description table tr td.required-col em {display: inline-block; padding: 5px 0 0 0;}
	.event-description table .help-col {padding: 3px 0 7px 0; display: block;}
	#form1_row_ td {display: block;}
	#form1_row_ td.content-col {display: block; border-bottom: 0px solid #fff;}
	.checkout-products table tr td, .checkout-products table tr th {padding: 4px;}
	.map {height: auto;}

	input#start-day,
	input#start-week {width: 76%;}

	/* register */

	.register-page .steps span {display: block; padding: 3px 0;}
	.membership-type-wrapper {
		padding: 0;
		width: 99%;
		float: none;
		margin: 15px 0 20px 0;
	}

	.checkout-details {width: 100%;} 

	/* profile */

	.user-forum-feed, .user-news-feed {margin: 30px 0 0 0; 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 {padding: 6px 0;}
	.user-details-wrapper table.scaffold tr td.content-col {padding: 0 0 12px 0; border-bottom: 1px solid #ccc; overflow: hidden;}
	.user-details-wrapper table.scaffold tr td.help-col .desc
	.user-details-wrapper hr {margin: 5px 0;}
	.user-details-form-box table label {padding: 4px 0;}
	.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 {
		padding: 6px 4px;
		border-bottom: 1px solid #d7d7d7;
		font-size: 13px;
	}


	/* gallery */

	.ig-list .clearfix .clearfix .gallery-img-box,
	.vg-list .clearfix .clearfix .gallery-img-box {float: none; margin: 0 0 15px 0; width: 100%;}
	.albums-wrapper .gallery-img-box {float: none; margin: 0 0 15px 0; width: 100%;}

	.gallery h3 {font-size: 16px; line-height: 15px; height: 16px; min-height: 16px;}

	/* poll */

	.poll-results .chart .poll_results li span {display: block; float: none;}
	.poll-results .chart .poll_results li span.option_percentage {padding: 0; color: #777;}	

	.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 {
		text-align: center;
		padding: 10px 0;
		border-right: 0px solid #0c63a7;
		border-bottom: 1px solid #0c63a7;
		}

	.forum-mod-section .f-mod-btn a {margin: 5px 3px 0 0;}
	.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;}
	.f-function-buttons a {margin: 5px 5px 0 0;}
	.forum-con-all-wrapper table tr th,
	.forum-con-all-wrapper table tr td {padding: 5px;}
	.forum-con-all-wrapper table tr th {padding: 10px 5px;}
	.forum-con-all-wrapper table tr td.f-controls-box a.btn-f-delete {
    	margin: 10px 0 0 0;
    	display: inline-block;
	}

	.forum-advanced-search .fas-search input {width: 40%;}
	
	/* SHOP */	
	div.s-shell, div.p-basket-view-wrapper{
		margin: 0;	
	}
	.s-shell .sidebar .s-search, .s-product, .s-product-image {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}
	div.s-shell .left-sidebar,
	div.s-shell .left-sidebar .s-search,
	div.s-shell .left-sidebar .s-search form,
	div.s-shell .left-sidebar .s-search form .s-search input.field{
		width: 100%;	
	}
	.s-shell .left-sidebar h2, h1#s-featured-title {
		text-align: center;
	}
	.s-shell .left-sidebar ,
	.s-shell .left-sidebar div.section.tree ul,
	.s-shell .left-sidebar div.section.tree ul li,
	.s-shell .left-sidebar div.section.tree ul li a {
		text-align: center;
		float: none;
	}
	div.s-shell div#sidebar.left-sidebar .s-search{
		margin: 20px 0 20px 0;
			width: 100%;	
		}
	.s-search form input.field{
		margin: 0;
		width: 65%;
		float: none;
		padding: 1%;
		}
	.s-search form input.sub-button{
		width: 31%;	
		padding: 1%;
		margin: 0;
		float: none;
		}
	.s-basket-buttons form{ text-align: center; margin: 0 0 10px 0;}
	div.s-basket-controls, div.s-basket-info {float: none; width: 100%; margin: 10px 0; padding: 0;text-align: center;}
	div.s-basket-info{ font-weight: bold; margin-bottom: 10px;}


	/*div.s-product,*/
	div.s-content, .s-colfix {
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
		height: auto;
	}
	div.s-product{
		width: auto;
		padding: 0;
		float: none;
		margin: 10px 10px 0px 10px;	
		height: auto;
		display: inline;
		border: none;
	}

	.s-product-image img{
		width: 100px;
		height: auto;
		margin: 10px 0;
		padding: 0;
	}

	div.s-wrapper,
	div.s-wrapper div.s-price div.other-price span.label,
	div.s-wrapper div.s-price div.main-price span.label,
	div.s-wrapper div.s-id,
	div.s-wrapper div.s-name{
		margin: 0 0 10px 0;
		float: none;
		clear: none;
		padding: 0;
		text-align: center;
	}
	div.s-product-footer{
		clear:both;
	}
	div.s-product-footer input.quantity{
		float: none;
	}
	div.s-product-footer input.button{
		margin: 0 20% 0 0;
		float: none;	
	}
	/* basket page */
	div.p-basket-view-wrapper{
		width: 100%;
		overflow: hidden;
	}
	#cd div.p-basket-view-wrapper .p-basket-content .button {
		float: none;
		margin: 0;
	}
	#cd div.p-basket-view-wrapper .p-basket-content input[type="text"] {
		display: block;
		float: none;
	}
	#cd div.p-basket-view-wrapper .p-basket-content tr td {
		border-bottom: 0;
		text-align: left;
		padding: 5px 10px 5px 10px;
	}
	#cd div.p-basket-view-wrapper .p-basket-content tr td:first-child,
	#cd div.p-basket-view-wrapper .p-basket-content tr td:last-child {
		padding: 10px;
	}
	#cd div.p-basket-view-wrapper .p-basket-content tr td:first-child {
		border-top: 1px solid #ccc;
	}
	#cd div.p-basket-view-wrapper .p-basket-content img {
		display: block;
	}
	#cd div.p-basket-view-wrapper .p-basket-content tbody tr:last-child {
		border: 0;
	}
	#cd div.p-basket-view-wrapper .p-basket-content tbody tr:last-child td {
		background: #fff;
	}
	#cd div.p-basket-view-wrapper .p-basket-content tbody tr:last-child td:first-child,
	#cd div.p-basket-view-wrapper .p-basket-content tbody tr:last-child td:nth-child(3),
	#cd div.p-basket-view-wrapper .p-basket-content tbody tr:last-child td:nth-child(5),
	#cd div.p-basket-view-wrapper .p-basket-content tbody tr:last-child td:last-child {
		display: none;
	}
	table.p-basket-content thead tr th,
	table.p-basket-content tbody  td img {
		display: none;	
	}
	form#enquiry_form tr th,
	form#enquiry_form tr td {
		padding: 1px 0;
		display: block;
	}

	form#enquiry_form tr td {
		padding: 0 0 4px 0;
	}


	.twitter #twitter.portlet-wrapper,
	div.portlet-content div.home-tweet{
		width: 100%;
		background-color: transparent;
		text-align:center;
		margin: 0;
		padding: 0;
	}

	.portlet-two .shop table td {
		float: left;
		padding-bottom: 10px;
	}

	.portlet-two .linkto a{
		display: none;	
	}
	.portlet-two .portlet-news-post h4{
		padding-left: 0;
		margin-left: -2px;
	}
	div#twitter-widget-0.root.timeline.ltr.customisable-border.twitter-timeline.var-narrow.not-touch.twitter-timeline-rendered.var-narrow {
		display: none;	
	}
	#cms-admin-bar{
		display: none;	
	}

	#cd div.membership-type-panel .button {
		float: none;
		position: initial;
		margin: 8px 0 0 0;
		display: block;		
	}
	#cd .steps li:last-child, #cd .steps span:last-child {
		border-bottom: 1px solid #ccc;
	}
	#cd .tabs-content .ui-sortable .options-right {
		padding: 7px 7px 0 0;
	}

	#cd .tabs-menu a:hover,
	#cd .tabs-menu li.active a:hover {
		width: 100%;
	}

	/* checkout page */
	.checkout-wrapper, article.checkout-page h1	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	/* profile page */
	article.profile-wrapper {
		margin: 0;	
	}
	#cd article.profile-wrapper #scaffold-edit-content .box-content	{
		width: 100%;
	}
	#cd article.profile-wrapper #scaffold-edit-content .box-content .box-content {
		width: 100%;
		padding: 10px 0;
		background: #fff;
  		border: none;
	}
	#cd article.profile-wrapper #scaffold-edit-content .box-content .box {
		border: none;
	}
	/* 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: 61%;	
	}
	.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;
	}
	.ecommerce-wrapper article .s-product {
		border: 1px solid #ccc;
		padding: 10px;
		display: block;
	    margin: 0 0 20px 0 !important;
	} 
	/* search page */
	div#search_tabs table td {
		font-size: 11px;
	}
	div#search_tabs table tr td:first-child {
		padding-right: 34px !important;
	}
	div#search_tabs table tr td:nth-child(2) a {
		display: inline-block;
		width: 120px;
		white-space: pre;
		word-wrap: break-word;
	}
	/**cpd dashboard**/
	#cd .dt-buttons a.dt-four {
	    padding: 34px 0 24px 3%;
		}
	#cd .dt-buttons a.dt-one, #cd .dt-buttons a.dt-two, #cd .dt-buttons a.dt-three {
	    padding: 34px 0 40px 3%;
	}
	#cd .dt-buttons a {
	    font-size: 15px;
	}
	#cd .dt-buttons a.dt-two {
    	margin: 0 0 0 23.3%;
	}
	#cd .dt-buttons {
		margin-bottom: 100px;
	}
	ul.status-links.mobile li.cpd-tab {
		margin-left: 3.5px;
	}
	#cd table.es.calendar.month-concise {
	    display: table;
	}
	#cd .es.calendar.month-concise thead {
		display: table-header-group; 
	}
		    
	#cd .es.calendar.month-concise th, #cd .es.calendar.month-concise td {
    	display: table-cell;
	}
	#cd .es.calendar.month-concise tr {
	    display: table-row;
	}
	#cd .es.calendar.month-concise tbody {
	    display: table-row-group;
	}
	#cd table.calendar thead tr, #cd table.calendar thead tr td {
		display: table-row;
	}
	.centric-website #cd .nav-wrapper {
    	margin: 0 auto;
    	width: 420px;
	}
	footer {
	    height: 100%;
	}
}	
		/* end */

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


@media only screen and (min-width: 480px) and (max-width: 767px) {
	#cd .container {
		min-width: 420px;
	}
	
	/* calendar */
	.calendar-box .tabcontent.month {
		overflow-x: scroll;
	}
	.event-description table tr td .map {width: 420px !important;}
	input#start-day,
	input#start-week {width: 82%;}
	.delivery-address {width: 390px;}

	/* member search */

	.filter-area form div, table.field-filter {width: 90% !important;}

	/* forum */

	.forum-search {width: 400px;}
	
	.calendarevents .events table td.upcomingevents-details{display: table-cell;}
	.calendarevents .events table td.upcomingevents-title a{width: 100%;}

	article.enquiry-page form table {width: 99%;}
	.albums-wrapper.video-wrapper.clearfix .gallery-img-box {
	  	width: 400px;
	}
	.container #cd #simple-filters-box .inner-three {
  		width: 100%;
	}
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable.ui-dialog-buttons {
		left: 2% !important;
		width: auto !important;
		}
} /* end */


@media only screen and (max-width: 480px) {
	
	.mobile-nav-menu {
		background: #1f4774 url(/images/PWI-brochure-crossing.jpg) no-repeat -58px -125px;
	}
	.albums-wrapper.video-wrapper.clearfix .gallery-img-box {
	  	width: 293px;
	}

	/* shop page */
	.ecommerce-wrapper .s-search input[type="text"] {
		width: 58%;
	}
	.container #cd #simple-filters-box .inner-three {
  		width: 100%;
	}
	/****Register page***/	
	.asmContainer span.ui-combobox input.ui-state-default.ui-combobox-input {
		width: 149px;
	}
	.asmContainer span.ui-combobox a.ui-button {
 		left: 150px;
 	}
 	.asmContainer span.ui-combobox input.ui-combobox-add {
  		margin-left: 28px !important;
	}
	article#commentSection .captcha-box {
		width: 416px;
		position: relative;
		top: 0px;
		left: 0px;
	}
	article#commentSection .box p {
		margin: 0;	
	}
	/***dashboard***/
	#cd .dt-buttons a.dt-one, #cd .dt-buttons a.dt-two, 
	#cd .dt-buttons a.dt-three, #cd .dt-buttons a.dt-four {
		margin: 0;
	}
	#cd .dt-buttons a {
		position: relative;
		width: 47%;
	}
	#cd .dt-buttons a.dt-two {
	    margin: 0 0 0 -3.2% !important;
	    padding-left: 15px !important;
	}
	#cd .dt-buttons {
    	margin-bottom: 15px;
	}
	/* search page */
	div#search_tabs ul.tabs-nav li a {
		padding: 20px 3px;
	}
	div#search_tabs table tr th:first-child,
	div#search_tabs table tr td:first-child {
		display: none;
	}
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-resizable.ui-dialog-buttons {
		left: 2% !important;
		width: auto !important;
	}
	.mobile-logo a.logo {
		width: 90%;
	}
	.container .one.column, .container .one.columns, 
	.container .two.columns, .container .three.columns, 
	.container .four.columns, .container .five.columns, 
	.container .six.columns, .container .seven.columns, 
	.container .eight.columns, .container .nine.columns, 
	.container .ten.columns, .container .eleven.columns, 
	.container .twelve.columns, .container .thirteen.columns, 
	.container .fourteen.columns, .container .fifteen.columns, 
	.container .sixteen.columns, .container .one-third.column, 
	.container .two-thirds.column, .centric-website #cd .container, 
	.centric-website #cd .twelve.columns, .centric-website #cd .eleven.columns, 
	.centric-website #cd .ten.columns, .centric-website #cd .nine.columns, 
	.centric-website #cd .eight.columns, .centric-website #cd .seven.columns, 
	.centric-website #cd .six.columns, .centric-website #cd .five.columns, 
	.centric-website #cd .four.columns, .centric-website #cd .three.columns, 
	.centric-website #cd .two.columns, .centric-website #cd .one.columns, .centric-website #cd .one-third.columns {
		width: 90%;
	}
	.container #cd .twelve.columns .tabs-content, #cd .tabs-content {
    	width: 270px;
	}
	#cd .filter-area .box-header h3.options-left {
    	width: 220px;
	}
	.mobile-logo a.logo, 
	div.p-basket-view-wrapper, footer .container, 
	footer h3, footer .portlet-wrapper, footer p, footer span  {
		width: 90%;
	}
	.main-menu-bg .mainnav, footer .container .sixteen,
	 footer, footer h2, .container .sixteen.columns {
		width: 100%;
	}
	.twitter #twitter.portlet-wrapper, div.portlet-content div.home-tweet {
		width: 86% !important;
	}
	footer h3 {
		padding-right: 0px;
	}
	.centric-website #cd .nav-wrapper {
	    margin: 0 auto;
	    width: 300px;
	}
	#dev-dashboard-tags.button, #dev-dashboard-portlets.button {
		padding: 6px 4px;
	}
}
@media only screen and (max-width: 300px) {
	/**header**/
	.mobile-logo a.logo, 
	div.p-basket-view-wrapper, footer .container {
		width: 90%;
	}
	.main-menu-bg .mainnav, footer .container .sixteen {
		width: 100%;
	}

	footer p, footer span, footer h3 {
		padding-right: 20px;
	}
	.container .one.column, .container .one.columns, 
	.container .two.columns, .container .three.columns, 
	.container .four.columns, .container .five.columns, 
	.container .six.columns, .container .seven.columns, 
	.container .eight.columns, .container .nine.columns, 
	.container .ten.columns, .container .eleven.columns, 
	.container .twelve.columns, .container .thirteen.columns, 
	.container .fourteen.columns, .container .fifteen.columns, 
	.container .sixteen.columns, .container .one-third.column, 
	.container .two-thirds.column, .centric-website #cd .container, 
	.centric-website #cd .twelve.columns, .centric-website #cd .eleven.columns, 
	.centric-website #cd .ten.columns, .centric-website #cd .nine.columns, 
	.centric-website #cd .eight.columns, .centric-website #cd .seven.columns, 
	.centric-website #cd .six.columns, .centric-website #cd .five.columns, 
	.centric-website #cd .four.columns, .centric-website #cd .three.columns, 
	.centric-website #cd .two.columns, .centric-website #cd .one.columns, .centric-website #cd .one-third.columns {
		width: 90%;
	}
}