@media all and (max-width: 1050px) and (min-width: 600px) { /* smaller screens */

/*General styles*/
header{
    position:relative;
    margin:0px;
    padding:0px;
}
#mainBorder{
  margin-top: 0px;
  background-image:none;
}
#backButton{
    display:none;
} 
#logo{
   left:0px;
   width: 96px!important;
   height:60px!important;
}
#header, #mainBorder, #footer, #mainContent #columnOne, #footerContent, #mainContent{
  display:block;
  float:none;
  clear:both;
  width:100%;
  height:auto;
}
#mainContent{
  overflow:visible;
  min-height: unset;
  margin-top: 0px;
  height:auto!important;
  width:100%;
}
body{
 margin-bottom: 0px;
 padding-bottom: 0px;
}
h1, h3, p, .sendmsg{
  margin-left: 6px;
  padding-left: 0px;
}
.page h1{
  margin-left: 0px;
}
.mainNavContent h3{
  margin:0px;
}
#mainNav ul{      
  top:0px!important;
}
.mainNavContent h3{
  padding:0px;
}
#columnTwo h1, #columnTwo p{
  margin-left:0px;
}
.page, .page_100{
 padding:2%;
 width:100%!important;
}
.page_100{
  display:none;
}
#mainNavPages .mainNavContent, #mainNavPages .mainNavAccount{
  display:block;
  float:none;
  clear:both;
  font-size: 1em;
  margin-bottom: 15px;
  margin-left: 0px;
  top:7px;
  width:98%;
}
.mainNavContent{
  padding-top: 10px;
}
.playSampleButton{
  background-color: #3E3C3D;
  color:white;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
  width:40px;
  background-image:none;
  top:35%;
  opacity: .9;
}
.playSampleButton i{
  padding: 20px 8px;
  font-size: 32px;
}
#columnOne{
  padding-top: 20px;
}
.homeBlock p, .homeBlockButton a{
  font-size: 12px;
}
h2{
  font-size: 16px;
}
#mainContent #backButton, .newsItem .newsDate{
 padding:5px 20px;
}
#columnOne{
  min-height:0px!important;
}
#columnTwo{
  height:auto!important;
  width:97%;
  border-left: none;
}
.page2{
  min-height: 0px!important;
  padding-left:10px;
}
.homeVideo #vp2, .homeVideo #vp1{
  width:unset!important;
}
/*Front page promo stuff*/
#promoText{
  left:5%;
  top:20%;
  width:40%;
}
#promoText h1{
  font-size: 2em;
  line-height: unset;
}
#promoContent{
  height:100%!important;
}
#promoImage img{
  width:100%;
}
/*Main Menu*/
#mainNavAccount{
  display:none;
}
#mainNavPages li{
  width:98%;
}
#mainMenu ul{
 float:right;
 margin:0px 0px 0px 10%;
 padding:0px;
 right:0px;     
}
#mainMenu li{
 overflow:hidden;
}
#mainMenu{
 width:100%;
 float:none;
 clear:both;
 margin:0px;
 padding:0px;
}
#mainNav{
 height:auto;
 margin-top: 0px;
 padding-top: 0px;
 top:60px;
 border-bottom:6px;
 width:100%;
}
#mainNavPages{
  padding-bottom: 5px;
  width:96%;
}
/*Front Page*/
.headingDivider{
  width:100%;
  text-align: center;
}
.headingDivider h1:before, .headingDivider h1:after, #footerContent h1:before, #footerContent h1:after{
 display:none;
}
.headingDivider{
  width:96%;
  text-align: left;
}
.headingDivider h1{
  text-align: center;
}
.homeVideo{
  margin: 2px auto 40px;
  float:none;
  height:auto;
}
/*Footer*/
.footerDisc{
 height:70px;
 width:70px;
 margin-top: 5px;
}
.footerDisc i{
 font-size: 35px;
 top:14px;
}
#footerContent h1{
 width:90%;
 margin:0px auto;
 padding:0px;
}
#footerContent h3, #footerContent p{
  font-size: 14px;
}
#footerContent .contact{
  margin:0px auto;
  padding:0px;
  width:33%;
}
#footer{
 min-height:15%;
}

/*Contact Page*/
#captchaLabel{
  margin:0px;
  padding-left: 0px;
}
.errorMsg{
  padding:2px 10px;
  right:2px;
}
/*Preview Resources*/
#previewResourceTable .resourcePrevText h5{
  margin:0px;
}
/*Login*/
#loginContainer{
  width:98%;
  max-width:500px;
}
#mainContent .homeBlock{
  height:auto!important;
  padding-bottom: 30px;
  width:100%;
}
#mainContent .homeBlockButton{
  height:30px;
}
/*Visit us*/
#map_canvas{
 width: auto;
 margin:0px;
}
#visitMap{
  float:none;
}
#visitInfo{
  clear:both;
  position:relative;
  top:0px;
  margin: 30px 3px;
  width:99%;
}
/*Member profile*/
#memberProfile #userMessage{
 left:0px;
 display:none;  
 padding:0px;
 width:250px;
 top:-30px;
}
/*Video and Document Preview*/
#resourcePrevList{
  height:100%;
  overflow-y: visible;
}
#previewCategories .previewTable{
 width:96%;
 margin:0px 0px 4px 4px;
 padding:6px;
 border-radius:6px;
}
#previewSelectIcon i{
  color: #f18228;
  font-size: 17px;
  font-weight: bold;
}
#previewSelectIcon{
  display:inline;
  margin:8px;
}
#previewSelectIcon span{
  float:right;
  margin-right:15px;
}
#previewCategoryTable h4{
  display:inline;
  margin-top: 6px;
}
#previewCategoryTable{
  min-height: 0px;
}
/*Video play*/
#videoBorder{
 width:100%;
 margin:0px;
 padding:4px;
 left:0px;
}
#videoPlayer{
  width:96%!important;
  height: unset!important;
  min-height: 200px;
}
/*Video Index and Search*/
#resourceTable{
  width:96%;
  height:auto;
  background-color: #FFFFFF;
 }
#resourceList1{
  width:98%;
  background:#282828;
  margin-top: 40px;
  overflow:hidden;
  margin-left: 9px;
}
#resourceList2{
  width:100%;
  margin-top: 5px;
  display:none;
}
#CPDDirMenu{
  left:26px;
  margin-top: 0px;  
  position:absolute;
  z-index:1000;
  display:inline;
  width:15%;
  padding: 7px 10px!important;
}
#searchResources button{
  padding: 7px 20%!important;
}
#searchResources i{
  padding:0px;
  margin:0px;
}
.btn-group{
  width:100%;
}
#CPDDirMenu i{
  padding:0px;
  margin:0px 0px 0px 9px;
  font-size: 20px;
  position:absolute;
  top:7px;
}
#subCategoryList i{
  display:none;
}
#categoryList i{
  top:14px;
}
#selectDir{
  margin-left: -15px;
}
#resourceSearch input{
  border-radius: 0px;
  width:100%;
  padding: 7px 30px;
}
#resourceSearch{
  width:100%;
  right:unset;
  top:10px;
}
#subCategoryList .catImgBox{
  display:none;
}
#resourceList3{
  width:96%;
  height:unset;
  overflow:visible;
  margin: 0px 2%;
}
#categoryList li{
  color:white;
  margin:0px;
}
#categoryList li:hover{
  background-color: #323232;
}
#categoryList .resourceSelected, #categoryList .resourceSelected > i{
  background-color: #323232;
  color:#F18228!important;
}
#subCategoryList{
  width:95%;
}
#subCategoryList li{
  background-color: #323232;
  border:0px;
  border-bottom:1px solid #5f6163;
  padding:5px 5px 15px 5px;
  height:unset;
  margin-left:5%;
}
.subCatTitle{
  height:2%;
  width:unset;
}
.subCatTitle h5{
  color:white;
}
#subCategoryList li:hover, #subCategoryList li:hover h5{
  background-color: #F18228;
}
#searchText{
  display:none;
}
#searchResources .floatLeft{
  width:67%;
}
#resourceSearch button{
  float:left;
  padding: 7px auto;
  text-align: center;
}
.searchButtons{
  width:18%;
  right:18px
}
.searchButtons .btn-group button{
  width:48%!important;
}
#searchResults{
  width:66%;
  right:17%;
  top:44px;
  padding-bottom: 0px;
}
.videoStatus{
  font-size: 90%;
}
.resourcePrevText{
  width:75%;
  height:52%;
  padding-left: 2%;
}
.resourcePrevText p{
  margin: 0px;
}
#subCatHeadingDiv{
  display:inline-block;
  margin-top: 30px;
  margin-left: 2%
}
/*Document View*/
#documentBorder{
  width:282px;
  left:0px;
  margin-left: 0px;
}
.documentViewerSlide img{
  width:272px;
  margin-left:4px;
}
#documentView a.right, #documentView a.left{
  top:50px;
  height:40px;
}
#documentSlidesBorder a.right, #documentSlidesBorder a.left, #videoChapterBorder a.left, #videoChapterBorder a.right{
  top:114px;
  height:40px;
}
a.right i, a.left i{
  top:12px;
}
#documentSlidesBorder, #videoChapterBorder{
  left:0px;
  width:100%;
  overflow:hidden;
}
#pdfBorder{
  left:0px;
}
#pdfControls{
  font-size: 78%;
}
#savePdfText, #zoomText, #next, #prev{
  display:none;
}
#the-canvas{
  height:unset;
}
h1, .documentHeading i{
  font-size: 18px;
}
#pageNo, #savePdf, #zoom{
  width:22%;
}
#pdfBorder{
  margin:0px;
}
.controlButton{
  width:17%;
}
#documentInfo h3{

}
/*Document and Video View*/
#jumpToQuestions{
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    height:24px;
    text-decoration: none;
    display:inline;
}
#jumpToQuestions a, #jumpToQuestions i{
  font-size: 11px;
  color:white;
  text-decoration: none;
}
#jumpToQuestions:hover i, #jumpToQuestions:hover a{
  color:#F18228;
  text-decoration: none;
}
/*Member cpd reg*/
#cpdListButtons span{
 display:none;
}
#dp1, #dp2{
  width:50%;
}
#cpdListButtons{
  width:32%;
  right:17px;
}
.cpdListOptions{
  width:70%;
}
#cpdOptions input{
  width:72%;
  font-size: 95%;
  margin:0px;
  float:left;  
}
#cpdList{
  padding: 15px 6px;
}
#cpdList h4{
  font-size: 14px;
}
#cpdListButtons div{
  width: 30%;
}
#entryDate1, #entryDate2{
  margin: 0px;
  width:28%;
}
#entryDate1 i, #entryDate2 i{
  width:unset!important;
}
#cpdOptions{
  width:90%;
  padding:0px auto;
}
.subCatDetails{
  padding: 0px 2%;
  margin-left: 0px;
  width:100%;
}
.heading .inactive{
  display:none;
}
}

/*Phone Size Screens*/
@media all and (max-width: 600px) and (min-width: 300px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
/*General styles*/
body{
 margin-bottom: 0px;
 padding-bottom: 0px;
}
h1, p, .sendmsg{
  margin-left: 6px;
  padding-left: 0px;
}
.page, .page_100{
 padding:4px;
 width:96%!important;
}
.page_100{
  display:none;
}
#mainContent{
 overflow:visible;
 margin-left: 5px;
 height:100%;
 min-height: unset;
 margin-top: 0px;
 height:unset!important;
}
#mainNavPages .mainNavContent, #mainNavPages .mainNavAccount{
  display:block;
  float:none;
  clear:both;
  font-size: 1em;
  margin-bottom: 15px;
  margin-left: 0px;
  top:7px;
  width:98%;
}
header{
    position:relative;
    margin:0px;
    padding:0px;
}
#backButton{
  display:none;
}
#columnOne{
  padding-top: 20px;
}
.homeBlock p, .homeBlockButton a{
  font-size: 12px;
}
h2{
  font-size: 16px;
}
#columnOne{
  min-height:0px!important;
}
#columnTwo{
  height:auto!important;
  width:97%;
  border-left: none;
}
.page2{
  min-height: 0px!important;
}
/*Promo on main page*/
#promoContent, #promoText h1, #promoImage img{
  display:none;
  height:0px;
}
/*Main Page*/
#mainContent .playSampleButton{
  top:35%;
  margin-top: 0px;
}
#mainContent .homeBlock{
  height:auto!important;
  padding-bottom: 30px;
  width:96%;
}
#mainContent .homeBlockButton{
  height:30px;
}
#header, #mainBorder, #footer, #mainContent #columnOne, #footerContent, #mainContent{
  display:block;
  float:none;
  clear:both;
  width:100%;
  height:auto;
}
#mainContent .videoPlayer{
  width:100%;
}
.homeVideo{
  height:auto;
  max-width:96%;
}
.playSampleButton{
  background-color: #3E3C3D;
  color:white;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
  width:40px;
  background-image:none;
  top:30px;
  margin-top: 40px;
  opacity: .9;
}
.playSampleButton i{
  padding:20px 8px;
  font-size: 32px;
}
.headingDivider{
  width:96%;
  text-align: center;
  margin:0px;
}
.headingDivider h1{
  margin-left: 0px;
}
.headingDivider h1:before, .headingDivider h1:after, #footerContent h1:before, #footerContent h1:after{
 display:none;
}
#previewResourceTable .resourcePrevText h5{
  margin:0px;
}
#mainNavPages li{
  width:95%;
}
.homeBlock p{
  margin-left: 0px;
}
.homeBlockButton a{
  right:30px;
}
/*Footer*/
.footerDisc{
 height:70px;
 width:70px;
 margin-top: 5px;
}
.footerDisc i{
 font-size: 35px;
 top:14px;
}
#footerContent h1{
 width:90%;
 margin:0px auto;
 padding:0px;
 font-size: 16px;
}
#footerContent h3, #footerContent p{
  font-size: 12px;
}
#footerContent .contact{
  margin:0px auto;
  padding:0px;
  width:30%;
}
#footer{
 min-height:15%;
}
/*Main Menu*/
#mainMenu ul{
 float:right;
 margin:0px 0px 0px 10%;
 padding:0px;
 right:0px;     
}
#mainMenu li{   
 overflow:hidden;
}
#mainMenu a{
 display:none;
}
#mainMenu{
 width:100%;
 float:none;
 clear:both;
 margin:0px;
 padding:0px;
}
#mainNav{
 height:auto;
 margin-top: 0px;
 padding-top: 0px;
 top:60px;
 width:100%;
 border-bottom:0px;
}
#mainNavPages{
 padding-left: 0px;
 width:96%;
 position:relative;
}
#memberControl li i{
  font-size: 60px;
}
#mainNav #mainNavAccount{
  display:none;
}
#mainNav ul{      
  top:0px!important;
}
#mainBorder{
  margin-top: 0px;
  background-image:none;
}
#logo{
       left: 12px;
    width: 104px !important;
    top: 3px !important;
    height: 78px !important;
}
/*Login Page*/
#loginContainer{
  width:98%;

}
/*Contact Page*/
#captchaLabel{
  margin:0px;
  padding: 0px;
}
#contactform input, #contactform textarea{
  width:96%;
}
#contactform label{
  width:90%;
}
.errorMsg{
  padding:2px 10px;
  right:2px;
}
#contactform{
  width:98%;
}
#mainContent .captchaArea img{
  width:91%;
}
/*News*/
.latestNewsCol{
  display:none!important;
}
.featureNewsImage{
  width:60%;
  margin:0px;
}
.defaultNewsImage, .featureNewsImage div{
  width:100%;
}
/*Member Control*/
#memberControl li{
 width:100%;
 margin:0px; 
}
#memberControl h4, #memberControl p{
 z-index:1000;
 margin-left: 0px;
}
#memberControl:hover i{
 z-index: 10;
}
#memberProfile #userMessage{
 left:0px;
 display:none;  
 padding:0px;
 width:250px;
 top:-25px;
}
.floatingField{
  clear:both;
  width:92%;
}
.subCatDetails{
  margin-left: 3px;
  width:98%;
}
/*Member profile*/
#memberProfile .memberForm .userForm{
  margin-left: 15px;
  padding-top: 0px;
}
#memberProfile{
  top:0px;
  padding: 25px 10px 14px;
}
/*Member cpd reg*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot  > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding:5px 2px;
}
#dp1, #dp2{
  width:50%;
}
#dp2 input{
  border-bottom-right-radius: 40px;
  border-top-right-radius: 40px;
}
#cpdOptions input{
  width:72%;
  font-size: 95%;
  margin:0px;
  float:left;  
}
#cpdListButtons{
  right:130px;
  position:relative;
  width:111%;
  right:0px;
  clear:both;
  top: 1px;
}
#cpdList{
  padding: 20px 6px;
  font-size: 12px;
}
#cpdList h4{
  font-size: 14px;
}
#cpdListButtons span{
 display:none;
}
#cpdListButtons div{
  width: 30%;
}
.cpdListOptions{
  width:100%;
}
.headingRow .cpdTitle, .headingRow .cpdRow{
  width:90px!important;
}
#entryDate1, #entryDate2{
  margin: 0px;
  width:28%;
}
#cpdOptions{
  width:90%;
}
#entryDate1 i, #entryDate2 i {
    width: unset !important;
}
.heading .inactive{
  display:none;
}
/*Visit us*/
#map_canvas{
 width: auto;
 min-height:250px;
 height:100%;
 margin:0px;
}
#visitMap{
  float:none;
}
#visitInfo{
  clear:both;
  position:relative;
  top:0px;
  margin: 30px 3px;
  width:96%;
}
/*Video and Document Preview*/
#resourcePrevList{
  height:100%;
  overflow-y: visible;
}
#previewCategories .previewTable{
 width:96%;
 margin:0px 0px 4px 4px;
 padding:6px;
 border-radius:6px;
}
#previewSelectIcon i{
  color: #f18228;
  font-size: 17px;
  font-weight: bold;
}
#previewSelectIcon{
  display:inline;
  margin:5px;
}
#previewSelectIcon span{
  float:right;
  margin-right:8px;
}
#previewCategoryTable h4{
  display:inline;
  margin-top: 6px;
}
#previewCategoryTable{
  min-height: 0px;
}
#subCategoryList i{
  display:none;
}
/*Video play*/
#videoBorder{
 width:98%;
 margin:0px;
 padding:4px;
 left:0px;
}
#videoPlayer{
  width:96%!important;
  height: unset!important;
  min-height: 200px;
}
/*Video Index and Search*/
#resourceTable{
  width:96%;
  height:auto;
  background-color: #FFFFFF;
 }
#resourceList1{
  width:97%;
  background:#282828;
  margin-top: 40px;
  overflow:hidden;
  margin-left: 1px;
}
#resourceList2{
  width:100%;
  margin-top: 5px;
  display:none;
}
#CPDDirMenu{
  left:18px;
  margin-top: 0px;  
  position:absolute;
  z-index:1000;
  display:inline;
  width:12%;
  padding: 7px 10px!important;
  min-width: 84px;
}
#selectDir{
  margin-left: 10%;
}
#searchResources button{
  padding: 7px 16%!important;
}
#searchResources i{
  padding:0px;
  margin:0px;
}
.btn-group{
  width:100%;
}
#CPDDirMenu i{
  padding:0px;
  font-size: 20px;
  position:absolute;
  top:7px;
  margin-left:5%;
}
#resourceSearch input{
  border-radius: 0px;
  width:100%;
}
#resourceSearch{
  width:100%;
  right:6px;
  top:10px;
}
#subCategoryList .catImgBox{
  display:none;
}
#resourceList3{
  width:98%;
  display:none;
  overflow:visible;
}
#categoryList li{
  color:white;
  margin:0px;
}
#categoryList li:hover{
  background-color: #323232;
}
#categoryList .resourceSelected, #categoryList .resourceSelected > i{
  background-color: #323232;
  color:#F18228!important;
}
#subCategoryList li{
  background-color: #323232;
  border:0px;
  border-bottom:1px solid #5f6163;
  padding:5px 5px 15px 5px;
  height:unset;
  margin-left: 5%;
}
#subCategoryList{
  width:95%;
}
.subCatTitle{
  height:2%;
  width:unset;
}
.subCatTitle h5{
  color:white;
}
#subCategoryList li:hover, #subCategoryList li:hover h5{
  background-color: #F18228;
}
#searchText{
  display:none;
}
#searchResources .floatLeft{
  width:67%;
}
#resourceSearch button{
  float:left;
  padding: 7px auto;
  text-align: left;
}
.searchButtons{
  width:20%;
  right:18px
}
.searchButtons .btn-group button{
  width:49%!important;
}
#searchResults{
  width:72%;
  top:44px;
  right:64px;
  padding-bottom: 0px;
}
.videoStatus{
  font-size: 90%;
}
.resourcePrevText{
  width:52%;
  height:50%;
  padding-left: 2%;
}
.resourcePrevText p{
  margin: 0px;
}
#subCatHeadingDiv{
  display:inline-block;
  margin-top: 30px;
}
/*Document View*/
#documentBorder{
  width:282px;
  left:0px;
  margin-left: 0px;
}
.documentViewerSlide img{
  width:272px;
  margin-left:4px;
}
#documentView a.right, #documentView a.left{
  top:50px;
  height:40px;
}
#documentSlidesBorder a.right, #documentSlidesBorder a.left, #videoChapterBorder a.left, #videoChapterBorder a.right{
  top:114px;
  height:40px;
}
a.right i, a.left i{
  top:12px;
}
#documentSlidesBorder, #videoChapterBorder{
  left:-5px;
  width:98%;
  overflow:hidden;
}
#pdfBorder{
  left:0px;
}
#pdfControls{
  font-size: 78%;
}
#savePdfText, #zoomText, #next, #prev{
  display:none;
}
#the-canvas{
  height:unset;
}
h1, .documentHeading i{
  font-size: 18px;
}
#pageNo, #savePdf, #zoom{
  width:22%;
}
#pdfBorder{
  margin:0px;
}
.controlButton{
  width:17%;
}
/*Document and Video View*/
#jumpToQuestions{
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    height:24px;
    text-decoration: none;
    display:inline;
}
#jumpToQuestions a, #jumpToQuestions i{
  font-size: 11px;
  color:white;
  text-decoration: none;
}
#jumpToQuestions:hover i, #jumpToQuestions:hover a{
  color:#F18228;
  text-decoration: none;
}
.mcqText{
  width:230px;
}

}/* end of small screen */