@media screen and (max-width: 1024px)

	{
	
	
	
	p.signature img {width:50px !important;}
	.doc-container {width: 80% !important; font-size:50% !important;}
	.doc-container .header {min-height: 50px !important;}
	.header .logo {height: auto !important;}
	.header .logo img {width:50px !important; }
		
		.ui-dialog .ui-dialog-content {overflow:initial !important;}
		
		.ui-popup-container, .ui-popup {
    height: 98%;
    width: 100%;
    position: absolute;
    top: 0;
    left:0;
}
		
		
		
		h3{font-size:120%;}
		.jcmp4u {width:auto;}
		.pcsearch input {width:auto;}

	body {margin: 0 !important}

	#badge-250 {margin: auto;}
	.inner, .jcm-right-pane, .jcm-left-pane, .webpage-form {width:auto !important; display: block !important; float:none !important;}
	.jcm-left-pane {border:0;}
	.top-tree ul li {align-items: end;}
.jcm-button-pane {padding: 20px 10px;}

.box-hh {background:linear-gradient(110deg, rgb(40, 108, 150) 27%, rgb(0, 161, 180) 100%, rgba(40,108,150,0) 100%);}
.quote-types .hh-head {background: transparent;}

	input.jcm-field-currency {width: auto;}
	.jcmHoverHelp {position: relative; top:0;right:0; margin: 0 10px 10px 0px;}
	.jcmField.jcmFocus 	.jcmHoverHelp {	 display:block;}
	.jcm-pseudo-radio label {margin-bottom: 10px;}

	.checklist li {width:auto; display:block;}

	.strapline {line-height: initial; text-align:center; padding:0; width: 100%; font-size:110%;}
	.inner nav {float:none;}
	.menu-items {padding: 0; text-align: center;}
	.inner .menu-items li {margin:10px; display:inline-block;}

	.box-hh .button-bottom {position:static; text-align:center; width: inherit;}

	.quote-types .hh-head {padding:10px;}

	select {margin-bottom: 10px;}

	#menu {display:none;}

	.boxes .info-box {width:auto; text-align:center;}



	.talk {background-position: -250px;}
	.talk p {width: auto;}
	/*.talk h3 {text-align:center;}*/
	.quote-types .box-hh, .quote-types .box-over, .quote-types .box-static {width:100%; height:280px;}


	/* ------------    */

	.footer {position:static !important; height:auto !important;padding-bottom:30px; text-align:center;}
	.footer .sitemap {padding:0 !important; margin:20px 0 0 0 !important; float:none;}
	.footer .sitemap a {display:block;}

	.footer .sitemap ul {padding:0; margin-top:10px;}

	.footer .sitemap-copy {width:auto !important;margin-top:20px;}

	.reviews-link {display:block;}
	
	.jcm-table-quote-list .jcm-button, .jcm-divider .jcm-button { text-align: center;}
	.jcm-button-pane {    padding: 30px 10px;	}

	@media screen and (max-width: 500px) {
		.ui-dialog select { width:100%; }
		.jcm-table-quotes thead{display:none;}
		.jcm-table-quotes tr {border:solid 1px #ccc; display:block;  margin:10px;}
		.jcm-table-quotes td{display:block; width:auto;max-width:none !important;text-align:center;}
		.jcm-table-quotes td.jcm-invisible,.jcm-table-quotes td.jcm-inputid{display:none;}
		.jcm-table-quotes td.jcm-field-logo ,  .jcm-table-quotes td.jcm-field-table-image {width:70%; margin:auto;}
		.pair{ width:100% ;}
		.pair span:first-child {width:auto;}
		.jcm-prem-when {
			text-align: center;
			display: block;
		}
		.jcm-table-options tr {background-color:#F3F6F7;}
		
	.jcm-field-premium {padding: 10px 0px;}
				
			
		.jcm-table-quotes td:before {
			float: left;
			display: block;
			width: 100%;
			text-align: center;
			font-weight: 700;
			margin-bottom: 10px;
			content: attr(data-label);
		}
		
		.jcm-table-quote-list tbody tr td {
			background-image: none;
			height: auto;
		}
		
		.jcm-pay-method {width:90%;}
			.top-tree ul li p {display:none;}
	}

	@media screen and (max-width: 340px)

	{

	.quote-types .box-hh, .quote-types .box-over, .quote-types .box-static { height:160px;}
	.strapline {}
	.section-wrap {font-size: 75%;}
	.logo img {	width:100px;}
	.contact {margin:0;}
.inner, .inner-footer, .jcm-right-pane, .jcm-left-pane {/*padding:10px;*/}
	.strapline {display:none;}

	.box-hh .button-bottom {position:static; text-align:center; width: inherit;}
	.box-hh {background:linear-gradient(110deg, rgb(40, 108, 150) 27%, rgb(0, 161, 180) 100%, rgba(40,108,150,0) 100%);}
	.quote-types .hh-head {background: transparent;}
.jcm-button-pane {padding: 20px 10px;}
	#badge-250 {margin: auto;}

	.top-tree ul li {align-items: end;}

}


}