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

@media screen and (max-width: 1023px){
.sf-menu li.first{padding-left: 13px;}
#site .popup{max-width: 95%;left: 50% !important;top: 50% !important;
transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
}
/*---------------*/
@media screen and (max-width:992px){
    .top-right {
    display: block;
} 
.make-an-enquiry {
    position: relative;
    top: 0;
    z-index: 99999;
    left: 0;
    width: 100%;
    display: block;
    margin: 20px 0;
}
div#header_wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
    left: 0;
    transition: all 0.3s ease;
}
.search_form_wrap {right: 0; top: 96px; }
#menu_wrapper .search_form_wrap {
    display: none !important;
}
div#header-left {max-width: 170px;}
div#social-bar {display: none; }
div#phone-number {display: none; }
div#header-left p a img {max-width: 100%; width: auto !important; height: auto !important; }
.call-icon a {background: url(../images/phone.png)no-repeat center center; display: inline-block; width: 25px; height: 25px; background-size: 20px; }
.search-icon {background: url(../images/magnify.png)no-repeat center center; width: 25px; height: 25px; display: block; background-size: 20px; }
.top-right {float: right; margin-top: 29px; }
.top-right ul {padding: 0; float: left; margin: 5px 0 0 0; }
.top-right ul li {list-style-type: none; float: left; padding-right: 16px; }
.top-right .menu_click {position: relative; margin-top: 0px; padding-right: 0; padding-left: 0; width: 40px; padding-top: 0; }
.top-right .menu_click span {background-color: #d0020b; right: 2px; }
#header,#header_wrapper {height: 96px; }
div#menu_wrapper {background-image: none; height: auto; }
div#menu_wrapper div#showLeftPush {display: none; }
#menu_wrapper .serach-icon {display: none; }


.make-an-enquiry a {
    background-color: #DA011A;
    display: inline-block;
    padding: 5px 20px;
    color: #fff;
    width:100%;
    text-align: center;
}
*{box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
div#site,#site.sub {background-image: none; background-color: #fff;}

#footer_bot{width: 100%;padding: 10px 15px;}
#footer_bot .top .right a {margin-left: 3px; margin-right: 3px;}
table tr td a img{max-width: 100% !important; height: auto !important;}
.personalButton{margin-bottom:10px;}
.mobileDisplayNone{height:0px;}
.mobileBulletPaddingLeft{padding-left:10px;}
#body-left #content table.associations-table tr td{width: auto; float: left;}
h2 img {max-width: 100%;height: auto !important;}
#body-left #content table{width: auto;}
#body-right table { width: 100% !important;}
.form,.form .form_footer{max-width: 100%;}
/*-----*/

#body_wrapper {padding-bottom: 200px;background-image: none;}
/*----*/



iframe {max-width: 100%;}
/*-------menu----------*/
.menu_click { float: right;height: 34px;width: 50px;padding: 8px;
    position: relative; margin-top:2px;}
.menu_click span {
    background: #fff;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    height: 4px;
    position: absolute;
    right: 15px;
    top: 8px;
    z-index: 9999;
    transition: all .35s ease 0s;
    width: 30px;
}
.menu_click span.middle {
    top: 16px;
}
.menu_click span.bottom {
    top: 24px;
}
.cbp-spmenu-push-toleft .top {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
}
.cbp-spmenu-push-toleft .middle {
    opacity: 0;
}
.cbp-spmenu-push-toleft .menu_click span.bottom {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
}
.cbp-spmenu-push-toleft div#header_wrapper {left: -240px;}
#menu .sf-menu li span {
    background: url(images/plus-icon.png) center center no-repeat rgba(0,0,0,0);
    display: block;
    float: right;
    left: 80%;
    margin-top: 3px;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    height: 30px;
    z-index: 9999;
    text-indent: 48px;
    top: 0;
    width: 44px;
}
#menu .sf-menu li span.minus_img{background-image:url(images/minus-icon.png); }

#menu .sf-menu li ul.cus-sub-menu{
    border: none;
    display: none;
    left: 0 !important;
    position: relative;
    top: 0;
    width: 100%!important;
    background: 0 0;
    padding: 0;
    visibility: visible !important;
}
#menu .sf-menu li ul.cus-sub-menu li a {
    background: #CC0C14;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    padding: 10px 18px;
}

#menu .sf-menu li ul.cus-sub-menu li a.selected{color: #131313;}
/*-----------*/
body,#menu{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
body {position: relative;left: 0;padding-top: 96px;}
.cbp-spmenu-push-toleft {left: -240px;}
#menu {background-color: #CC0C14;overflow: scroll;position: fixed;
    width: 240px;height: 100%;top: 0;z-index: 1000; right: -244px;}

body.cbp-spmenu-push-toleft #menu {right: 0px;}
#menu .sf-menu li{width: 100%; padding: 0;}
#menu .sf-menu li a{padding: 0 12px;border-bottom: 1px solid #ffffff;}

}
/*---------------*/
@media screen and (max-width:800px){


}
/*---------------*/

@media screen and (max-width:768px),screen and (max-height: 450px){
table{max-width: 100%; width: 100% !important;}

.container .container{width: 100%;padding: 0;}
#footer_bot{text-align: center;}
#footer_bot .top {padding-bottom: 0px;}
#footer_bot .top .left,#footer_bot .top .right {float: none;width: 100%;display: inline-block;padding-bottom:10px;}
#footer_bot .right{float: none;}

#home-box-1, #home-box-2, #body-left #home-box1, #body-left #home-box2{width: 100%;margin: 0;text-indent: unset;}
#banner{height: 250px;}
.privacy-statement,.privacy-statement-sidebar{width: 100%;max-width: 100%;}

#body-left .ps-menu, #body-left .ps-menu ul {padding: 0 0 0 12px;}
.common-table td{position: relative;}
p.iframe-box iframe {height: auto;margin-bottom: 20px;}
.sub #body-left{min-height: 0;}





/*---------------*/
@media screen and (max-width:640px){
#header {}
#social-bar{width: auto;}
#social-bar > .text{display: none;}
#social-link a img {width:34px !important;height:auto !important;}
#banner{height: 220px;}
#footer_bot .top .right a {margin-bottom: 5px;display: inline-block;}
#phone-number{padding: 0;}
.homePopupItem{padding-top: 30px;}
/*.homePopupItem td a {position: absolute;top: 5px;right: 10px;}*/
#body-right hr{display: none;}
}
/*---------------*/
@media screen and (max-width:480px){
.webform_step > div > div {padding: 0 0 5px !important;}
.webform_step > div > div input[type=submit]{margin: 10px 0 0;}
}
/*---------------*/
@media screen and (max-width:480px){
    body {padding-top: 77px;}
#header_wrapper{height: auto;}
.top-right {float: right; margin-top: 10px; }
.search_form_wrap {top:77px;}
#header {padding:8px 10px;height: 77px;}
#phone-number p{display: inline-block;font-size: 18px;}
#phone-number p strong{font-size: 18px;}
#header-left {width: 100%;text-align: center;padding: 0;}
/* #header-left img {max-width: 200px !important;height: auto !important;} */
#header-right {float: none;text-align: center; width: 100%; display: inline-block;}
#header-right #social-link > p{text-align: center !important;}
#banner{height: 200px;}
#footer_bot .right a {margin: 0 5px 5px;display: inline-block;}
#body-left table tr td{width: 100%; float: left;max-width: 100%;}
#body-left table.about-table tr td{width: auto; max-width: unset;}
.sub #banner_wrapper {height:150px !important;}
#body-left table.about-table tr td{max-width: unset !important; width: 50% !important;}
#body-left table tr.price_table_1 {position: absolute;}
#body-left table{position: relative;}
#body-left table tr.price_table_2 td {
    position: relative;
    padding-left: 60%;
    z-index: 99;
    background-color: transparent !important;
}
img.buysure-class {width: 100% !important;height: auto !important; margin: 0 0 20px !important;}
#body-left table.key-features-table tr td{width: auto !important;float: none;}
table.about-table a,table.three-column a {font-weight: 400;font-size: 12px;}
h2.for-space {margin: 10px 0 0;display: inline-block;}
}

/*--------------------*/
@media screen and (max-width:420px){
#body-left table tr td{width: 100% !important;}
#body-left table tr td.blank-td{display: none;}
#content img {max-width: 100%;height: auto !important;}
.sub #banner_wrapper {height:120px !important;}
#body-left table.student-table tr td {width: 48% !important;margin: 0 1%;}
table.student-table tr td img {width: 100% !important;margin: 8px 0;padding: 0 15px;background-color: #D6001F;}
#body-left table.three-column tr td {width: 33.33% !important;min-height: 58px;}
#body-left table.three-column tr:first-child td span {font-size: 12px !important;height: 58px; display:table;}
#body-left table.three-column tr:first-child td span strong {vertical-align: middle; display: table-cell;}
#body-left .contents-insurance-table tr{display: flex;flex-wrap: wrap;display: -webkit-flex; -webkit-flex-wrap: wrap;
display:-ms-flexbox;-ms-flex-wrap: wrap;}
#body-left .contents-insurance-table tr td{width:25% !important;}
#body-left .contents-insurance-table tr td:first-child{width:50% !important;}
#content p{margin: 0 0 8px;}
#content table p{margin:0;}
/*#body-left table.about-table tr td p{min-height: 42px;}*/
#body-left #content table.trades tr td p{min-height: 58px;}
}

