/******CSS added by Four Foot Websites********/

/******Removing the title from pages as its wrapped in a link *******/
/*#im-mainContent h1 a {display:none;
}*/


#header {
    height: 250px!important;
}

.phoneContainer {
  max-width:980px!important;
  margin-left:auto;
  margin-right:auto;
}

.topPhone {
  float: right;
  color: #FFF;
  font-size: 25px;
}

.topPhone a{
  color: #FFCE00!important;
}

.meta-sep {display:none;}

@media screen and (max-width: 768px) {

.topPhone {
    float:none;
    text-align: center;
    font-size: 20px;
}
  
}

.bottomBar {display:none;}
 
/********end of four foot Customisations*********/

  @media screen and (max-width: 1024px) {
   p {text-align:justify;}
}

@media screen and (max-width: 768px) {
  .topBar {width:98%;}
  #header {/*background-image:url(http://fourfoot.com.au/dev-machinery/wp-content/uploads/2017/01/logo-720.png)!important;*/
height: 185px !important;width: 96% !important;background-size:100%!important;}
  .menu-primary {background-image:url(http://machinerytraining.com.au/wp-content/uploads/2016/02/completeNavBg-768.png);width:99%;}
  #access a {padding:0 7px;}
  .menu-primary li a {font-size: 87%;
   top: 1%;}
  .im-header {width:98%;min-height:121px;}
  .im-frame {width:98%;}
  .im-topNav {width:94%;}
  .socshadow {width: 100%;}
   .page-id-753 .im-mainContent {width:93%!important;}
    .line {width: 95%!important;}
    .im-footer {width:95%!important;}
    .im-lowerWidgets {width:100%!important;}
    .lowerWidget {width:31%!important;}
    .bottomBarNoLogo {width:98%!important;}
    .im-lowerFrame {width:98%!important;}
    .im-lowerFooter {width:100%!important;}
    .lowerNav {width:40%!important;}
    .copyright {width:40%!important;}
    #access {width: 100%;}
  .bottomBar {width: 98%;}
  .im-sidebar {width: 35%;border-left:0;} 
  .im-mainContent {width: 60%;}
  .sidebar ul {width: 100%;}
  .wp-image-87 {width: 98%; height:100%;}
  .wp-image-85 {width: 98%; height:100%;}
  .wp-image-90 {width: 98%; height:100%;}
  .wp-image-82 {width: 98%; height:100%;}
  .wp-image-205 {width: 45%; height:100%;}
  .wp-image-207 {width: 45%; height:100%;}
  .wp-image-214 {width: 45%;}
  .wp-image-213 {width: 45%;}
  h1 {font-size:11pt;}
  h2 {font-size:10pt;}
  h3 {font-size:9pt;}
  td {
    text-align: justify;
}
  .post h1 {font-size:15pt;}
   .post h2 {font-size:13pt;}
  .post h3 {font-size:11pt;}
  /*.page-id-753 .entry img {width: 33%;} */
  .page-id-753 .entry li img {width: 50%;}
}


@media screen and (max-width: 736px) {
  #wprmenu_menu ul li a, #wprmenu_menu ul li a:hover{padding: 4px 14px;}
}

@media screen and (max-width: 603px) {
td {float:left;width:100%;}
  .im-wrapper {
    width: 98%;}
  .im-mainContent {
    width: 90%;padding: 11px;border-right:0;left:20px!important;}
  .im-sidebar {
    clear: left;
    width: 94%;}
   .page-id-753 .im-mainContent {width:88%!important;}
  .im-header {
    min-height: 90px;}
  td h1 {
    font-size: 125%;
    text-align: justify;
}
  td h2 {
    font-size: 115%;
    text-align: justify;
}
 h1 {
    padding-right: 10px;}
  h1 {font-size:155%;}
  h2 {font-size:145%;}
  h3 {font-size:120%;}
  .post h1 {font-size:160%;}
   .post h2 {font-size:140%;}
  .post h3 {font-size:120%;}
 
  .post img {
    padding: 10px;}
  .page-id-753 .entry li img {
    width: 40%;}
}

@media screen and (max-width: 480px)
{
  #header{width: 94% !important;height: 100px !important;}
  td {float:left;width:100%;}
  .im-wrapper {
    width: 98%;}
  .im-mainContent {
    width: 90%;padding: 11px;border-right:0;left:20px!important;}
  .im-sidebar {
    clear: left;
    width: 94%;}
   .page-id-753 .im-mainContent {width:88%!important;}
  .im-header {
    min-height: 90px;}
  td h1 {
    font-size: 100%;
    text-align: justify;
}
  td h2 {
    font-size: 100%;
    text-align: justify;
}
 h1 {
    padding-right: 10px;}
  h1 {font-size:120%;}
  h2 {font-size:130%;}
  h3 {font-size:100%;}
  .post h1 {font-size:160%;}
   .post h2 {font-size:140%;}
  .post h3 {font-size:120%;}
 
  .post img {
    padding: 10px;}
  
}


@media screen and (max-width: 414px)
{
  .im-topNav {width:87%;}
  #header {
    width: 93% !important;height: 85px !important;
}
   .im-header {
    min-height: 60px;}
 h1 {font-size:110%;}
  h2 {font-size:100%;}
  h3 {font-size:90%;}
  .post h1 {font-size:140%;}
   .post h2 {font-size:130%;}
  .post h3 {font-size:110%;}
}



@media screen and (max-width: 375px)
{
  #header {
    width: 90% !important;}
  .im-mainContent {left:10px!important;}
  .wp-image-211 {float:left;}
  ul {
    margin: 5px 5px 10px 15px;}
   h1 {font-size:100%;}
  h2 {font-size:94%;}
  h3 {font-size:88%;}
.post h1 {font-size:125%;}
   .post h2 {font-size:130%;}
  .post h3 {font-size:104%;}

}