.showtr,.hidetr{ display:none;}
@media screen and (max-width: 768px) {
.footnav { text-align: center; }
.footnav li { font: 400 18px/30px "Roboto", sans-serif; padding: 10px 20px }
#nav { padding: 2.5em 0 }
.single-tutorials { margin-bottom: 40px; }
.blkspace { display: none; }
.tutorialssec .panel-heading h4 { font: 400 26px/30px "Roboto", sans-serif; }
.faqsection .panel-body p { font: 400 18px/30px "Roboto", sans-serif; }
.showtr,.hidetr{ display:block;}

}
 @media screen and (max-width: 767px) {
.tophead nav[role=navigation] .navbar-collapse { border: 0; }
.tophead .navbar-nav > li { border-left: 0px; border-top: 0px solid rgba(0, 0, 0, 0.1); margin-bottom: 5px; }
.tophead .navbar-nav > li > a { font: 400 20px/30px "Roboto"; }
.bootnav .navbar-header { text-align: center; }
.bootnav .navbar-header a.navbar-brand { display: inline-block; float: none; margin: 10px 0 0 0; padding: 0 }
a[href="#nav"] { font: 400 34px/40px "Roboto"; }
.featurecontentLF { float: none; width: 100%; padding: 30px 20px 0 }
.featurecontentLF h2 { font: 400 24px/34px "Roboto", sans-serif }
.featureimgRT { width: 100%; text-align: center; float: none; }
.articalrow img.img-responsive { display: inline-block; }
.contentstyle ul li { width: 100%; }
.row { margin: 0; padding: 0 }
.footnav li { font: 400 16px/30px "Roboto", sans-serif; padding: 10px 5px }
.single-tutorials { text-align: center }
.fh5co-table { margin: 0; padding: 0 }
.fh5co-intro h1 { font: 400 60px/70px "Roboto", sans-serif }
.ourfeatures { padding: 18% 0 3% }
.contactus { padding: 20px }
.fh5co-intro h2 { font: 400 30px/40px "Roboto", sans-serif }
.loginbtn { margin: 0 5px; float: left; }
.clubsname { position: relative; color: #000; top: 0; margin: 10px 0 0 0; text-align: center; }
.clubsname h3 { color: #000; font: 600 38px/44px 'Roboto' }
.navbar { border-bottom: 0px; }
.app-heading h3 { width: auto; }
.residentialaddlf { width: 100%; }
.residentialaddrt { width: 100%; }
.app-colem .row { width: 100%; }
.tableGridmember > tbody > tr > td:first-child { display: block; width: 100%; text-align: left; background: none; border-bottom: 0; font: 600 14px/24px "Open Sans", sans-serif }
.tableGridmember > tbody > tr > td:first-child.customheading { border-bottom: 1px solid #e1e0e0 }
.tableGridmember > tbody > tr > td:nth-child(2) { width: 100%; display: block; padding-bottom: 5px; }
.app-colem .row > div.requiredinp select { width: 90%; }
.row { border-bottom: 0px; }
.app-colem .row { border-bottom: 1px solid #e1e0e0 }
.modalPopup input[type=submit] { margin: 0; }
.joinclub { margin: 15px 0px 0 0; float: none; display: inline-block; vertical-align: top; }
.clublogin { float: none; display: inline-block; vertical-align: top }
.navmenu { position: absolute; left: 0; top: 17px; margin: 0; padding: 0 }
.navmenu a[href="#nav"] { font-size: 0px; }
.navmenu a[href="#nav"]::before { font-size: 34px; margin: 0 }
.manageclubsgrid thead { display: none }
.manageclubsgrid { display: block; border: 0; }
.manageclubsgrid tr { display: block; border-bottom: 1px solid #ddd; position:relative}
table.manageclubsgrid tbody { width: 100%; display: block; }
table.manageclubsgrid tbody td { display: inline-block; border: 0px; position: relative; padding: 5px; }
table.manageclubsgrid tbody td:nth-child(2) { display: block; padding-left: 23%; word-wrap: break-word;padding-right: 20px;}
table.manageclubsgrid tbody td:nth-child(2):before { content: "Club Name"; position: absolute; left: 10px; top: 3px; font-size: 16px; font-weight: 600; width: 23%; }
table.manageclubsgrid tbody td:nth-child(3) { padding-left: 23%; word-wrap: break-word; width: 49%; display:none;}
table.manageclubsgrid tbody td:nth-child(3):before { content: "Suburb"; position: absolute; left: 10px; top: 3px; font-size: 16px; font-weight: 600; width: 42%; }
table.manageclubsgrid tbody td:nth-child(4) { padding-left: 23%; word-wrap: break-word; width: 49%; display:none;}
table.manageclubsgrid tbody td:nth-child(4):before { content: "State"; position: absolute; left: 10px; top: 3px; font-size: 16px; font-weight: 600; width: 42%; }
table.manageclubsgrid tbody td:nth-child(5) { padding-left: 23%; word-wrap: break-word; display: none; width: 100% }
table.manageclubsgrid tbody td:nth-child(5):before { content: "Email"; position: absolute; left: 10px; top: 3px; font-size: 16px; font-weight: 600; width: 23%; text-align: left; }
table.manageclubsgrid tbody td:nth-child(6) { display: inline-block; text-align: center; }
table.manageclubsgrid tbody td:nth-child(7) { display: inline-block; text-align: center; }
.clientLogo { display: none !important; }
.entry-stage { min-height: 100% }
.showtr,.hidetr { position:absolute; right:5px; top:5px}
.showtr i,.hidetr i{ font-size:20px;}
#banner h3{ font:400 27px/40px 'Roboto'}
}
 @media screen and (max-width: 480px) {
.pagehead h1 { font: 600 33px/70px "Roboto"; }
table.manageclubsgrid tbody td:nth-child(2) {padding-left: 33%; }
table.manageclubsgrid tbody td:nth-child(2):before {width: 33%; }
table.manageclubsgrid tbody td:nth-child(3) { padding-left: 33%;}
table.manageclubsgrid tbody td:nth-child(4) { padding-left: 33%;}
table.manageclubsgrid tbody td:nth-child(5) { padding-left: 33%; }
.field-validation-error{ position:relative; left:0; right:0;}
.contactus > section textarea{ height:100px; resize:none}
table.manageclubsgrid tbody td:nth-child(3),table.manageclubsgrid tbody td:nth-child(4){width: 89%;}
}