@media(max-width: 999px){
.mobile-sub-menu li a {padding: 5px 05px;}
.mobile-sub-menu li a {padding: 5px 05px;}
#copyright {margin-bottom: 25px;}

.clear-block{}
.clear-block input[type="checkbox"]{width: 20px;display: inline-block;}
#theoryform1 .clear-block input[type="checkbox"]{width: 20px !important; display: inline-block;}
#main-start .form-number {display: inline-block;position: relative;top: 0;left: 0;}
#main-start label {padding: 0 0 5px;display:block;  /* min-width: 95%;	*/width: auto;}
#main-start label span{display: inline-block;}
#main-start label .required {display: inline-block;}


#main-start .clear-block {padding: 10px 10px 10px 10px;}
.mobile-menu ul li a {padding: 5px 05px;}
.theory-title {height: auto;padding: 10px 0 10px 0px;line-height: 1.4em;}
.books-image {box-sizing: border-box;padding: 10px;}
.listing-image {margin: 0 10px 20px;}
.listing-image img {max-height: 100px;}
#main-start .grey-block {
    width: 100%;
    min-height: auto;
    height: auto!important;
    margin: 0 auto;
    padding: 10px 0 10px 10px;}


#main-start-bottom .next,
#main-start-bottom .previous {width: auto;height: auto;margin: 8px 30px 0 30px;padding: 6px 20px 6px;text-transform: capitalize;}


div#address-right{    height: auto;}
#address-right span#postcode {
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    display: block;
    padding: 10px 0 0;}
.clear-block form#enquiry-form {margin: 00px;}



}


@media(min-width: 768px) and (max-width: 999px){
.mobile-header .logo {padding: 0px 10px;height: auto;}
.mobile-header .logo a{height: auto;}
.mobile-header .logo img {height: 35px;}



#leftcol a.prac-test, 
#leftcol a.callback {display: inline-block !important;}
#leftcol a.callback,	
#leftcol a.prac-test, 
#leftcol a.theory-test {width: 145px !important; height: 250px;margin: 0 0 12px;
						padding: 0;display: inline-block !important;float: unset !important;}
.cancellation{padding: 0 0 10px 0px !important; margin: 0px 0 0 0px !important;}
.listing-image {margin: 0 0px 0px;width: 20%;box-sizing: border-box;}
.listing-content {width: 80%;float: left;box-sizing: border-box;}
#content {width: 100% !important;}


#leftcol {width: 21%;margin: 0;padding: 0 0px 0 0;display: block;float: left;}
#leftcol a {}
#leftcol .status-bar a {margin: 05px auto !important;width: 100% !important;}
#rightcol {width: 78%;margin: 0;padding: 0;display: block;float: left;box-sizing: border-box;}
#rightcol #main-start{width: auto;max-width: 100%;    padding: 10px 0 0;}
#rightcol #main-start .heading {padding: 0 !important;margin: 10px !important;font-size: 17px;}
#rightcol #main-start .heading strong{    font-size: 21px;}
span.sublabel {min-width: 120px;}
/*#rightcol #main-start  *{width: auto;max-width: 100%;}*/
#main-start-bottom {width: auto;height: auto;min-height: 70px;padding: 10px 0;background-size: 100% 50px;}

#rightcol   #main-start
#main-start-bottom {height: 60px;padding: 5px 0 0;}
#main-start-bottom .next, 
#main-start-bottom .previous {width: auto;height: auto;margin: 0px 30px 0 30px;padding: 6px 20px 6px;}

.subContent > div {width: auto !important;max-width: 100% !important;    overflow: unset !important;}
.subContent > div table#markuptable{margin-top: 0px;max-width: 100%;overflow: auto;display: block;}

#leftcol .status-bar { display: block; }
.footer-safety a {padding: 0 14px;}


#main-start .heading{width: auto;max-width: 100%;}
#main-start  iframe{width: auto !important; max-width: 100% !important;}



}


@media(max-width: 767px){
.find-address { float: none !important;}
.mobile-cta {display: block;}
.mobile-cta ul li a {font-size: 10px;padding: 5px 8px;}
#rightcol #main-start {padding: 00px 0 0;}
.mobile-sub-menu li a {padding: 5px 05px;}
#footer-info .inner .half{width: 48% !important;}
.mobile-cta ul li a {font-size: 10px;}
#sidebar ul li ul li {padding: 0 0 00px 0;}
#footer .footer-safety {padding: 20px 0px 0px 0;position: relative;}
.footer-safety a {margin: 0px 0px;display: inline-block;width: 48%;box-sizing: border-box;padding: 0;margin: 0;}
.footer-safety a img{margin: auto;display: block;}
#copyright {padding: 15px 10px;text-align: center;}
p.site-title a {font-size: 24px !important;display: block;padding: 15px 0 0;line-height: 1.4em;}
.postmetadata {height: auto;display: inline-block;}
#main-start-bottom {background-size: 100% 40px;}

#main-start-bottom .previous {margin: 05px 0 0 30px;}
#main-start-bottom .next {margin: 05px 30px 0 0;}
#theoryform1{}
#main-start  #theoryform1 .clear-block {padding: 10px 10px 10px 10px;}
#main-start  #theoryform1 .clear-block .cancellation{margin: 0px 0 0 0px;}
.input-field, 
.tel-number-field, 
.textarea-field, 
.select-field{width: 100%;display: block;margin: 8px 0;}




div.find-address {float: none;width: auto;padding: 0 0 10px;}

#main-start .clear-block,
#main-start .grey-block {min-height: auto;height: auto!important;padding: 10px 10px;width: auto;}

div#address-right {float: none !important;margin:  0!important;height: auto;width: auto !important; }
div#address-right iframe{width: auto !important; max-width: 100% !important;}
#footer .footer-safety::after{display: block;content: "";clear: both;}
#address-right span#postcode {position: relative;top: 0;left: 0;display: block;}
.grey-block a img{float: none !important;}
span.book-now {font-size: 14px;line-height: 1.4em;}
#module-wrapper a.module2,
#module-wrapper a.module1,
#module-wrapper a.theory-test {font-size: 15px;}
#module-wrapper .mblock {margin: 0 0 0px 0;}
.mobile-cta ul{width: 100%;}
.mobile-cta ul li {border: solid 1px transparent;}
.mobile-cta ul li:nth-child(1){border-right: 1px solid #fff;}
#faq-block {padding: 0 0 0 0px;box-sizing: border-box;}
#faq-block a {margin: 5px 0px;}
.answer {width: 100%;margin: 0 0px;padding: 0px;}
a.code-arrow {margin: 0 0 5px 0px!important;}
.subContent{}
.subContent > div {width: auto !important;max-width: 100% !important;    overflow: unset !important;}
.subContent > div table#markuptable{margin-top: 0px;max-width: 100%;overflow: auto;display: block;}
.subContent h4{margin: 0;display: inline-block;}
#main-start .content-pad p,
#main-start .subContent  p {padding: 0px 0 10px;}
.content-pad ul,	
.ImageAndCaption_largeImage ul,
#main-start .subContent  ul {margin: 0 !important;padding: 5px 0 10px 20px;}
#main-start .subContent img{padding: 0 0 0 0px;}
.ImageAndCaption_largeImage img{padding: 0 0 0 0px;}
ul.subLinks {margin: 0 !important;padding: 5px 0 5px 25px;}
a.page-nav-next, 
a.page-nav-previous {height: auto;display: block;margin: 12px 0 10px 0px;padding: 0 0 0 5px!important;}
.cancellation{padding: 0 0 0px 0px !important; margin: 0px 0 0 0px !important;}
.clear-block form#enquiry-form {margin: 0px !important;}
#checkout-button {height: auto;width: auto;margin: 0;padding: 8px 25px;float: left;font-size: 14px;}
.listing-price {width: auto;}


#content {width: auto !important;max-width: 100% !important;padding: 0 15px;}
#leftcol {width: 100%;margin: 0;padding: 25px 0px 0 0;display: block;float: none;text-align: center;}
#leftcol a.prac-test, 
#leftcol a.callback {display: block;}

#leftcol .status-bar {width: 100%;}


#leftcol a{float: none;}

.left-col-contact {
    display: none !important;
}

.cancellation {
    display:none !important;
}

#leftcol .status-bar a{   width: auto !important;text-align: center;float: none;display: inline-block; margin: 00px auto !important;}

#rightcol {width: auto;display: block;float: none;max-width: 100%;}
#rightcol #main-start{width: auto;display: block;float: none;max-width: 100%;padding: 0 10px;}


#rightcol .heading{padding: 1px 10px !important;margin: 0px;    font-size: 16px;line-height: 1.4em;width: auto; }
#rightcol .heading strong{font-size: 21px;line-height: 1.4em; }
#main-start .heading h1 {
    font-size: 19px !important;
    padding: 4px;
    margin: 0;
}


/*#rightcol *{display: block;width: auto;max-width: 100%;}*/

#main-start-bottom {width: auto; height: 42px;margin: 0;padding: 1px 0 0;}

#practicalform1{}




#practicalform1 .grey-block textarea,
#practicalform1 .clear-block textarea,
#practicalform1 .grey-block select,
#practicalform1 .clear-block select,
#practicalform1 .grey-block input,
#practicalform1 .clear-block input{width:100% !important;max-width: 100%;box-sizing: border-box;}


#practicalform1 .grey-block span,
#practicalform1 .clear-block span{}

#main-start p {width: auto;padding: 10px 0 0 05px;}


.grey-block table,
.clear-block table{width: auto;}

.grey-block table tbody,
.clear-block table tbody{width: auto;display: block;}
.grey-block table tbody tr,
.clear-block table tbody tr{ width: auto;display: block;}
.grey-block table tbody tr td,
.clear-block table tbody tr td{ width: 100%;display: inline-block;max-width: 100%;}

.grey-block table tbody tr td textarea,
.clear-block table tbody tr td textarea{    width: auto;max-width: 100%;}

#pay_now {
    width: 100% !important;
    margin: 0 !important;
}
#pay_now_button {
  width: 100% !important;
}


#main-start{}
#main-start a{word-break: break-all;}

#main-start .heading{width: auto;max-width: 100%;}
#main-start  iframe{width: auto !important; max-width: 100% !important;overflow: auto;}


}


@media(max-width: 558px){
#test-wrap a#theory {padding: 100px 10px 0 10px;}

}


