/*

Mobile phone mode.
Dan Huby, Montala, May 2016

*/

body {
    overflow: hidden;
    overflow-y: auto;
}

.home-page, .hero {
    width: 100%;
}

.hero
  {
  background-position: bottom right;
  }

.home-page p a img {max-width:50%;height:auto;}
.home-page h2, .testimonial p {font-size:18px;}
.jobs-page .col-4 img {max-width:90%;height:auto;}
.jobs-page .col-12 {width:80%;}

.page-section-inner {
    padding: 0;
    width: 90%;
}

.header-wrapper {
    position: static;
}

.home-page .primary-content-header img {
    width: 90%;
}

.header-wrapper {
    min-width: 100%;
}

.hero,body,.slide,.slide-image,.slide-inner {
    width: 100%;
}

.grid-wrap {
    margin: 0;
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
    width: 100%;
}

.home-page .col-4 {
    width: 80%;
}

.grid-col {
/* Centre feature boxes */
    margin-left: auto;
    margin-right: auto;
    float: inherit;
}

.slide,.testimonials-nav-wrapper {
/* Hide the video */
    display: none;
}

.main-nav ul {
    margin: 0;
}

.main-nav li {
    display: block;
    float: left;
    clear: left;
    margin-left: 0;
    padding: 8px 0;
    border-top: 1px solid #555;
    width: 100%;
}

.main-nav li a {
    padding-left: 15px;
    font-size: 20px;
}

.main-nav {
    width: 100%;
}

.page-header {
    padding: 8px;
}

.page-header img {
    padding: 15px 0 15px 15px;
}

.page-header-right {
    float: left;
    clear: left;
    width: 100%;
}

.page-header-right .btn {
    margin-top: 40px;
    padding: 0 0 0 15px;
    background: none;
    border: none;
    text-shadow: none;
    box-shadow: none;
    font-size: 20px;
}

.footer-meta-copyright {
    width: 100%;margin-top:10px;
}

.footer-nav {
    display: none;
}

.footer-wrapper {
    padding: 0;
    margin-top: 20px;
}

img {
    max-width: 80%;
    height:auto;
}

.hero {
    padding-top: 20px;
}

h1 {
    font-size: 40px;
}

.responsive-menu-icon {
    display: block;
    border: 1px solid #fff;
    border-radius: 4px;
    width: 38px;
    height: 38px;
    background-image: url(../img/menu.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    float: right;
    margin: 10px 20px 10px 0;
}

.main-nav {
    display: none;
}

.trialform {
    width: 90%;
    margin-bottom: 30px;
}

.primary-content {
    padding: 20px 0 0;
}

.feature {
    padding: 0;
}

.feature-image {
    float: inherit;
    margin: 0 auto;
}

.feature-inner {
    display: block;
    clear: both;
}

.testimonial,.testimonials-page-footer .testimonial {
    padding: 0 0 0 2.2rem;
}

.testimonial-logo,.testimonials-page-footer .testimonial-logo {
    margin: 20px auto 10px;
    float: inherit;
}

.testimonial blockquote {
    clear: both;
}

.testimonials-page-footer .testimonial-wrapper:first-child .testimonial:before {
    background: none;
}

.secondary-nav .active a:before {
    background: none;
}

.secondary-nav .active a:after {
    background: none;
}

.secondary-nav-wrapper {
    padding: 10px;
}

.secondary-nav li {
    margin: 0;
}

.secondary-nav a {
    font-size: 17px;
    xborder: 1px solid #888;
    padding: 4px 10px;
    xborder-radius: 4px;
    margin: 3px;
}

.navsearch input[type="search"] {
    height: 35px;
    margin: 3px;
    background-position: 5px 5px;
    width: 100%;
}

.navsearch {
    float: inherit;
}

.home-page .slide,.home-page .hero {
    height: 300px;
}

.hero-feature {
    display: none;
}

.home-page .slide {
    min-width: 0;
}


.home-page .hero .page-section-inner,.slide-inner {
    width: 90%;
}

.home-page .hero-details {
    position: static;
    width: 80%;
    margin-top: 20px;
}

.slide-inner p {
    margin-top: 15px;
    font-size: 24px;
}

.footer-meta-translate {
    clear: both;
    float: inherit;
    padding-top: 10px;
}

.pricing-page .hero {
    padding-left: 20px;
}

.pricing-options th:before,.pricing-options th:after {
    border: none;
}

.pricing-options {
    overflow: scroll;
}

.pricing-options .getintouch {
    display: none;
}

.page-cta {
    margin: 10px 0;
    padding: 10px;
}

.page-cta a,.testimonials-page-footer btn {
    display: block;
    xfloat: left;
    margin: 20px;
}

.download-info {
    margin-left: 0;
    margin-bottom: 15px;
}

.products-wrapper {
    margin-left: 0;
    margin-right: 0;
}

.product-options {
    display: none;
}

.product-options-responsive {
    display: block;
}

.product-options-responsive p {
    font-size: 18px;
    padding: 5px;
}

.pricing-responsive-colour-3 {
    xbackground: #D6F2FF !important;
}

.pricing-responsive-colour-4 {
    xbackground: #BFEBFF !important;
}

.pricing-responsive-colour-5 {
    xbackground: #9BE1FF !important;
}

.pricing-responsive-colour-6 {
    xbackground: #FFD5A5 !important;
}

.responsive-price {
    text-align: right;
}

.pricing-options__prices {
    font-size: 34px;
}

.pricing-page .hero {
    height: 1962px;
}

.pricing-page .primary-content {
    margin-top: -1904px;
}

.testimonials-page-footer header .btn {
    display: block;
    float: inherit;
    clear: left;
    margin: 0;
    text-align: center;
}

hr {
    margin: 15px 0 30px;
}

.side-nav {
    display: none;
}

.video-js
  {
  width: 300px !important;
  height: 150px !important;
  }

.page-header
  {
  background: #191E32 !important;
  }

.footer-logo
	{
	display:none;
	}
.footer-meta-translate
	{
	float:left;text-align:left;
	}
.home-page .products-wrapper
	{
	display:none;
	}

.bookwrap
	{
	margin-left: auto;
	margin-right: auto;
	}

.home-page .hero {
    xdisplay: none;
}


/* Reversal of Alin's hack to push the footer to the bottom on small pages */
html, body {height: auto;}
#container {min-height: inherit; position: inherit;}
.primary-content {padding-top: 0; padding-bottom: 0; /*This is the footer height*/}
.home-page .primary-content {
  padding-bottom: 0px;
}
.footer-wrapper {background: #1A1E33; position: inherit; bottom: 0;}
.footer-meta { padding: 20px 0 5px;}
/* End of Alin's hack */

.map
  {
  width: 100%;
  }

.who-portrait,.who
    {
    float: none;margin:0;padding:0;
    }
.who-portrait img
    {
    display: block;margin-left:auto;margin-right:auto;
    }

.image-right
	{
	float: none;
	}
.rslogo,.strapline,.noresponsive {display:none;}

.slide {padding-top:20px;}
.primary-content-header {max-width:85%}

video
  {
  width: 100% !important;
  height: 200px; important;
  }
  
.userlistbox 
{
margin:0;padding:0;
}

.logofloat
    {
    max-width:20%;height:auto;
    }
    
.tel-numbers
    {
    font-size:17px;
    }
    
.officecartoon
    {
    height:200px !important;
    }
    
.infotablescroll {overflow:scroll;}

.home-page .primary-content-header
  {
  margin-top:0;
  }

.footerlogos .grid-col {padding:10px;margin:0 !important;text-align:center !important;}