/* iPad */
@media only screen and (max-width: 768px) {
	.mobilehidden{display: none;}

	.wrapper{width: 100% !important; margin: 0; padding: 0;}
	.menu-container ul li a{padding:10px;}
	.menu-container ul li ul li a{text-align: center; width: 180px;}

	.segment-section-c8-c4 .c8{margin-bottom: 10px;}
	.segment-section-c4-white .c4{min-height: 180px;}

	.segment-section h2{margin-top: 20px;}
	
	.small-calendar table td, .small-calendar table th{padding:10px 9px}

	#resultholder {width:91.2%; margin:0; left:10px; border-radius:0; top: 40px;}
	#resultholder #overlaycontent {width:100% !important;}
	
	.footer-container .c3{font-size: 0.7rem;}
	.footer-container .c3 p{font-size: 0.7rem;}
}

/* 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;}

	/* Header container */
	.header-container{height: auto; text-align: center; padding-top: 30px;}
	.header-container .wrapper{height: auto;}
	.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 white; padding: 2px 10px; margin-bottom: 0;}

	/* Header container - Mobile Menu - Lines or Down arrow for the icon */
	.header-container #mobileclickmenu{background: #9fb9a9 url("../images/mobile-menu-lines.png") no-repeat 5px 6px; 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 #catmobileclickmenu{background: #9fb9a9 url("../images/mobile-menu-lines.png") no-repeat 5px 6px; border-bottom: 1px solid #5c5c5c; height: 28px; width: 62%; cursor: pointer; position: absolute; top: 0; left: 30%; padding: 6px 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 {text-align: center;}
	.header-container .wrapper .logo {margin-top:10px; margin-bottom:10px}
	/* .header-container .wrapper #logo{position: relative; top: auto; left: auto; max-width: 100%;} */
	
	.header-container .wrapper .c12 ul {display:none;}
	.header-container .wrapper ul#mainmenu {}
	.header-container .wrapper .menu-icon {display:none;}
	.header-container .wrapper .catalogue-menu-icon {display:none;}
	
	/* Header container */
	.header-container .wrapper .tel{position: relative; top: auto; right: auto; text-align: center; font-size: 0.9rem;}
	.header-container .wrapper .email{position: relative; top: auto; right: auto; text-align: center; font-size: 0.9rem;}

	/* Main menu */
	.header-container .menu-container {position:relative;}
	.header-container .menu-container .c12{width: 100% !important; padding: 0 !important}
	.header-container .menu-container ul{z-index: 100; height: auto; width: 100%; position: absolute; top: 3px !important; right:auto !important; left:0 !important; margin: 0; padding: 0; border-top: 1px solid #fff;}
	.header-container .menu-container ul li{width: 100%; float: none; top: auto; display: block; margin: 0 !important; text-align: center; border-bottom: 1px solid #fff; padding: 0;}
	.header-container .menu-container ul li a {display:block; padding: 10px 0; height: auto !important; cursor: pointer; border: none !important;}
	.header-container .menu-container ul li ul{position: relative; top: auto; z-index: 1000; width: 100%}
	.header-container .menu-container ul li ul li{width: 100%}
	.header-container .menu-container ul li ul li a{text-align: center; width: 100%}	

	/* Catalogue menu */
	.header-container .catalogue-menu-container {position:relative;}
	.header-container .catalogue-menu-container .c12{width: 100% !important; padding: 0 !important}
	.header-container .catalogue-menu-container ul{z-index: 100; height: auto; width: 100%; position: absolute; top: 3px !important; right:auto !important; left:0 !important; margin: 0; padding: 0; border-top: 1px solid #fff;}
	.header-container .catalogue-menu-container ul li{width: 100%; float: none; top: auto; display: block; margin: 0 !important; text-align: center; border-bottom: 1px solid #fff; padding: 0;}
	.header-container .catalogue-menu-container ul li a {display:block; padding: 10px 0; height: auto !important; cursor: pointer; border: none !important;}
	.header-container .catalogue-menu-container ul li ul{position: relative; top: auto; z-index: 1000; width: 100%}
	.header-container .catalogue-menu-container ul li ul li{width: 100%}
	.header-container .catalogue-menu-container ul li ul li a{text-align: center; width: 100%}	

	/* Header Container */
	.banner-container{min-height: 100px;}
	.index .banner-container{min-height: 100px;}

	.main-container{padding: 0;}

	/* Lots list */
	.sale-lots ul li{padding-left: 0;}
	.sale-lots ul li img{position: relative; left: auto; top: auto; float: left; margin-right: 10px;}
	.sale-lots ul li p{line-height: 1.3rem}

	/* 3 white boxes */
	.segment-section-c4-white .c4{margin: 0 !important; border-bottom: 1px solid #516698}
	.segment-section-c4-white .c4 .content-summary{padding: 20px 0}

	/* 2 column - c8 c4 */
	.segment-section-c8-c4 .c8{padding: 20px 2.5% !important; margin: 0 !important;}
	.segment-section-c8-c4 .c4{padding: 20px 2.5% !important; margin: 0 !important;}

	.segment-2col-c7-c5 .c5 .right-col-sale {text-align:center; border-left:0; padding-left:0;}
	
	.saleslist .sale {margin-bottom:20px !important;}
	
	#lot-info .lotthumbnailswrapper {width:100%;}
	
	.segment-2col-c7-c5 .c7{border: none;}
	
	/* 3 box with white border */
	.segment-steps div{border-width: 2px 0 !important; height: auto;}
	.segment-steps div h3{margin: 10px;}
	.segment-steps div p{margin: 10px;}

	.saleslist .sale {width: 100%; border-right:0; padding-right: 0; margin-right: 0;}
	
	#resultholder {width:91.2%; margin:0; left:0px; border-radius:0; top: 40px;}
	#resultholder #overlaycontent {width:100% !important;}
	#resultholder img#closebutton {top:5px !important; right:5px !important;}
	
	/* 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;}

	/* Blog */
	.blog-list-container .blog-list-item .blog-summary{width: 100%;}
	.blog-list-container .blog-list-item .blog-summary p.date-author{margin-bottom: 0;}
	
	/* Sub Footer */
	.footer-container .twitter-container h3{margin: 0;}
	.footer-container .twitter-container .latest-tweet{margin-left: 0;}
	
	/* Footer */
	.footer-container .wrapper{text-align: center; color: white; font-size: 1em;}
	.footer-container .wrapper div ul li {margin:10px 0}
	.footer-container .wrapper div ul li a{padding: 5px 0 !important; display: block;}
	.footer-container .wrapper div{border: none; text-align: center; min-height: 10px;}

	.footer-container-second .wrapper div{height:auto; width: auto; border: none; text-align: center;}
	.footer-container-second .c4 form div.mc-field-group{text-align: left;}
	
	.footer-container-second h3.calendar{width: 100%;}

	.footer-container-second .c4 {}
  	.footer-container-second .c4:first-child {}
	
	.footer-container .c6:first-child ul{padding-top: 0;}
	.footer-container .c6:first-child ul li a img{position: relative; left: -5px;}
	
	.footer-container .twitter-container p{margin: 0;}
	
	.small-calendar table{width: 106%;}

	aside{display: none;}

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

	/* Cookie Specifics */
	.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}
}