/* iPad */
@media only screen and (max-width: 768px) {
	.wrapper{width: 100% !important; margin: 0; padding: 0;}
	.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c10, .c11, .c12{width: 95% !important; margin: 10px 0 !important; padding: 0 2.5% !important;}

	div.blmslideshow.indexpage{padding: 0 !important; margin: 0 2.5% !important;}

	.segment-homepage .c6 div{width: calc(100% - 5%) !important; margin: 0 2.5% !important;}
}

/* iPhone */
@media only screen and (max-width: 640px) {
	.wrapper{width: 100% !important; margin: 0; padding: 0;}
	.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c10, .c11, .c12{width: 95% !important; margin: 10px 0 !important; padding: 0 2.5% !important;}

	a[href^=tel]{color:inherit !important; text-decoration:none !important;}
	
	/* Header container */
	.header-container{height: auto; text-align: center; padding-top: 30px;}
	.header-container .wrapper img.logo {display: inline-block; position: relative; left: auto; margin-left: 0; top: auto;}
	.header-container .wrapper{height: auto;}
    .header-container .telephone-display .wrapper p{text-align: center;}

  	.header-container #topmenu {padding:0; margin:0 !important; position: relative; bottom: auto; left: auto;}
  	.header-container #topmenu li {display:inline-block; width:100%; padding:0 !important; margin:0 0 2px 0 !important}
	.header-container #topmenu li.last-item {margin-bottom:0}
  	.header-container #topmenu li a {display:block; width: auto; margin:0 !important; border-radius:0}
  
	.header-container #searchclickmenu{cursor: pointer; position: absolute; top: 4px; right: 10px; padding: 2px; color: #fff; text-decoration: none;}
	.header-container #submenumobile{display: block; background-color: #488EEA; margin: 0; padding: 5px 0;}
	.header-container #submenumobile li{float: left; border-right: 1px solid #FFF; padding: 2px 10px; margin-bottom: 0;}

	/* Header container - Mobile Menu - Lines or Down arrow for the icon */
	.header-container #mobileclickmenu{background: #395153 url("../images/mobile-menu-lines.png") no-repeat 2px 3px; border-bottom: 1px solid #5C5C5C; height: 28px; width: 92%; cursor: pointer; position: absolute; top: 0px; left: 0px; padding: 3px 0 0 8%; color: #fff; text-align: left;}
	/*.header-container #mobileclickmenu{background: #0576BC url("../images/mobile-menu-arrow.png") no-repeat 0 7px; border-bottom: 1px solid #5c5c5c; height: 28px; width: 92%; cursor: pointer; position: absolute; top: 0px; left: 0px; padding: 6px 0 0 8%; color: #fff; text-align: left;}*/

	/* Header container - Logo */
	.header-container .wrapper #logo{position: relative; top: auto; left: auto; max-width: 100%;}

	.header-container ul li#menu_consultancy-home a {background:#2f378a; color: #fff; font-size: 0.7rem; font-weight: 400;}
	.header-container ul li#menu_equipment-home a {background:#50b8a4; color: #fff; font-size: 0.7rem; font-weight: 400;}

	/* Header container - Main menu */
	.header-container .c12{width: 100% !important; padding: 0 !important;}
	#mainmenu{z-index: 100; height:auto; width: auto; position: relative; top: auto; left: 0; margin: 0 0 0 0; padding: 0; border-top: 1px solid #CCC;}
	#mainmenu li{width: 100%; float: none; top: auto; display: block; margin: 0 !important; text-align: center; border: none; border-bottom: 1px solid #CCC; padding: 0;}
	#mainmenu li a{display: block; cursor: pointer; padding: 10px 0; border-radius: 0; color: #fff}
	#mainmenu li:hover a{text-align: center; color: #fff; background-color: #2f378a;}
	#mainmenu li ul{position: relative; top: auto; z-index: 1000;}
	#mainmenu li ul li a{text-align: center; color: #fff; }
	#mainmenu li:hover ul li a{background-color: #636DB2;}

	/* Level 2 */
	#mainmenu li ul{margin: 0; padding: 0; left: 0;}
	#mainmenu li ul li{display: block; width: auto; margin: 0; padding: 0; z-index: 1001; }
	#mainmenu li ul li ul {position: relative; top: auto; left: auto; width: 100%;}

	/* Level 3 */
	#mainmenu li.selected ul li.hover ul{visibility: visible; opacity: 1; margin-left: 0px; z-index: 1000;}
	#mainmenu li.selected ul li.hover ul li{padding: 5px 0; width: 100%; height: 30px; background-color: #454545; color: #fff;}
	#mainmenu li.selected ul li.hover ul li a{background-color: #454545; color: #fff;}

	#mainmenu li.hover ul {display:block !important;}

   .product-list .product .viewmore {position:static;}
  
	/* Contact form */
	.contact-form .c4-left{width: 95%; margin: 0 2.5%;}
	.contact-form .c8-right{width: 95%; margin: 0 2.5%;}
	.contact-form textarea{min-height: 150px; max-height: 150px;}

	/* Footer container */
	.footer-container .wrapper{text-align: center; color: #FFF; font-size: 1em;}
	.footer-container .wrapper .middle h3 {margin-left: 0;}
	.footer-container .wrapper .middle p {margin-left: 0;}
	.footer-container .wrapper .right h3 {margin-left: 0;}
	.footer-container .wrapper .right p {margin-left: 0;}
	.footer-container .date-display .wrapper p{text-align: center;}

	body.page-index .footer-container .wrapper{height: auto;}
	body.page-index .footer-container .wrapper .middle h3{margin: 0;}
	body.page-index .footer-container .wrapper .middle p{margin: 0;}
	body.page-index .footer-container .wrapper .right h3{margin: 0;}
	body.page-index .footer-container .wrapper .right p{margin: 0;}
	body.page-index .footer-container .date-display .wrapper p{text-align: center;}
	
	aside{display: none;}

    .desktophidden{display: block;}
    .mobilehidden{display: none;}

	/* Cookie container - Cookie Specifics */
	.cookie-container .wrapper{padding: 1% !important; width: 98% !important;}
	.cookie-container aside{display: block !important; font-size: 0.8rem}
	.cookie-container aside p{display: inline-block !important; line-height: 1rem}
	.cookie-container aside div{display: inline-block !important;}
	.cookie-container aside #cookiespopupclose{text-align: right; display: inline-block !important; position: static !important; top: auto !important; right: auto !important; margin-left: 1% !important; width: 98% !important}
}