/*
 * Globals
 */



/* 
##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

body{
    background-color: white !important;

}
.c-wrapper{
    border:none !important;
    box-shadow: none !important;
}
#mainCategorySelect{
    max-width:100%;
}

#contacts{
    display:block;
}

#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; }

#form26 button,#form27 button{
    display: none !important;
}

.fastPendingVerificationValue {
    
        font-family: 'Open Sans', sans-serif-Semibold;
    font-size: 15px;

}

#successMessage{
        display: none;
    color: #027294;
    color: #155724;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
    /* z-index: 10000; */
    margin-top: 100px;
    /* height: 50px; */
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    width: 700px;
}

.wd-name-separator{
    border: 1px solid black;
    width: 10px;
}

.releaseNotesTable thead{
        background-color: #007193;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
}
.projectsTable thead{
        background-color: #007193;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
}
.projects2Table thead{
        background-color: #007193;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.releaseNotesTable{

    
}

.file-upload input{
    width: auto !important;
}

.fm-form .wd-choice {
    align-items: flex-start !important;
}

.checkBoxIcon label{
    word-break: break-word !important;
}

.nationalComExtra input, .employerComExtra input, .networkComExtra input{
    display: none;
}

#addNationalCom,#addEmployerCom,#addNetworkCom{
    cursor: pointer;
    width: 15px;
    margin-right: 20px;
}

.removeNationCom,.removeEmployerCom,.removeNetworkCom{
    cursor:pointer;
    width:15px;
        margin-left: 10px;
}
.addNationalComDiv input,.addEmployerComDiv input,.addNetworkComDiv input{
    display: block;
    margin-bottom: 10px;
}

.addNationalComDiv,.addEmployerComDiv,.addNetworkComDiv{
    display: block !important;
}

.comExpireDate{
    display: none;
}
.rtoHiddenCategoryInput input{
    display: none;
}
.cardIssuesP{
    display: none;
}

#rtoCategorySelect,#cardIssuesSelect{
    margin-left: 20px;
}
.serviceRequestForm{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif-Semibold;
    margin-top: 20px;
}
.serviceRequestForm .button-submit{
        background-color: #ebf6e3;
    border: 0;
    height: 40px;
    font-size: 15px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    color: #027294;
    cursor: pointer;
    border-radius: 7px;
    width: 100%;
}
#rtoCategoryDiv, #cardIssuesDiv{
    margin-top: 20px;
}

.defaultHidden{
    display: none;
}

.manualSelect{
    height: 35px;
    line-height: 35px;
}





#appleLink, #googleLink{
        width: 100%;
        text-align: left;
}

#appleImg{
    width:60%;

}

#googleImg{
    width:70%;
}

#downloadAppsDiv{
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 40px;
}

#loginIcon{
    height: 55%;
    margin-right: 33px;
    margin-left: 23px;
}
.dropbtn {
  display: flex;/*flex*/
  align-items: center;
  justify-content: center;
  height: 100%;
}

.dropbtnMobile{
    display: none;/*flex*/
  align-items: center;
  justify-content: center;
  height: 100%;
}

.dropdown {
  position: relative;
  display: inline-block;
  height: 100%;
}

.dropdown-content {
  display: none;
  /*position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;*/
      background: white;
    /* list-style: none; */
    position: absolute;
    /* left: -9999px; */
    z-index: 10000;
    min-width: 100%;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #007193;
  padding: 17px 16px;
  text-decoration: none;
  display: block;

  border-bottom:solid 1px #c3c3c3;
  border-top: 0;
}

.dropdown-content a{
    font-family: 'Open Sans', sans-serif;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover, .dropdown-content a:active {
    font-family: 'Open Sans', sans-serif-Semibold;
    background-color: #e2e2e2;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content, .dropdown:active .dropdown-content {
    display: block;
}

.dropdown:hover .border-top, .dropdown:active .border-top
{
    border-top: 4px solid #006e94;
    display: block !important;
    width:100% !important;
}

#faqRightPanel2 {
}
.faqBlocks {
}

.hrf-entry-10questions p{
    display: block !important;
}

.grecaptcha-badge{
    visibility: collapse !important;  
}

#backText p{
    margin-bottom: 0;
}

.indentP{
    padding-left: 45px;
    text-indent: -45px;
}

.logoLinks{
    display: initial !important;
}

.emailHide1{
    display: none !important;
}

.nestedList ol { counter-reset: item }
.nestedList li{ display: block ;}
.nestedList .numbers:before { content: counters(item, ".") " "; counter-increment: item }

.alphaLower:before{
    list-style-type: lower-alpha !important;
}

.wdform-label-section,.wdform-element-section{
    width: 100% !important;
}
.formMenus {
    width: 50%;
}
.wdform-field{
    padding-left: 0 !important;
}

input, select{
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    font-size: 15px !important;
}

.wdform-label{
    font-size: 15px !important;
}
.checkbox-div label{
    margin-left: 0 !important;
}
.n2-section-smartslider p{
        font-size: 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    line-height: 1.25 !important;
    margin-top: 30px !important;
}

#contactUsDiv2 input{
    width: 100%;
}

#contactUsDiv3 .button-submit{
        background-color: #ebf6e3;
    border: 0;
    height: 40px;
    font-size: 15px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    color: #027294;
    cursor: pointer;
    border-radius: 7px;
    width: 100%;
}
.wdform-label{
   
}

#contactUsDiv2 .button-submit{
        background-color: #ebf6e3;
    border: 0;
    height: 40px;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    color: #027294;
    cursor: pointer;
    border-radius: 7px;
    width: 100%;
}

.wdform-label{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif-Semibold;
}

.fm-form *{
    background-color: white;
}

.fa-check{
    color: #007193;
}

.checkbox-div{
    margin-left: 0 !important;
}

.change-color{
    text-align: center;
}

#processImg{
    width: 70%;
    height: auto;
}
.wp-block-image figure{
    text-align: center;
}

#queenAboutLogo{

}

#publicAboutLogo{

}
#veritasLogo{
    margin-left: 10%;
    width: 50%;
}

#ocmsLogo{
    margin-left: 6%;
    width: 38%;
}

#kineoLogo{
    width: 45%;
}

#placardLogo{
    margin-left: 6%;
    width: 45%;
}

#vlineAboutLogo{
    width: 36%;
}

#johnAboutLogo{
    width: 39%;
}

#ARTCAboutLogo{
    width:42%;
}

#metroAboutLogo{
    width: 23%;
}

.customP{
    margin-bottom: 0;
    margin-top: 0;
}
div#n2-ss-4 .n2-ss-slider-1{
        background-color: #ededed;
}

div#n2-ss-5 .n2-ss-slider-1{
        background-color: #ededed;
}

#left1{
    height: 90%;margin-left: 60px;
}

#faqlogo1{
        margin-top: 30px !important;
        margin-right: 50px;
}
#faqlogo2{
          width: 25%;
    margin-top: 30px !important;
}
#faqlogo3{
            margin-top: 17px;
            margin-right: 50px !important;
}
#faqlogo4{
            width: 23%;
    margin-top: 28px !important;
    margin-right: 0 !important;
}
#livelogo4{
           width: 21%;
    margin-top: 38px !important;
    margin-right: 0 !important;
}
#faqlogo5{
    margin-top: 20px;
    width: 17%;
    margin-left: 20px !important;
}
#faqlogo6{
    margin-top: 30px !important;
    width: 9%;
    margin-left: 4% !important;
}
#livelogo6{
        margin-top: 10px !important;
    width: 7%;
    margin-left: 7% !important;
}
#faqlogo7{
    margin-top: 35px;
    width: 19%;
    margin-left: 40px !important;
    margin-right: 20px !important;
}
#livelogo7{
     margin-top: 20px;
    width: 17%;
    margin-left: 30px !important;
    margin-right: 20px !important;
}
#faqlogo8{
        margin-top: 50px !important;
    width: 20%;
    /* margin-right: 0 !important; */
    margin-left: 10px !important;
}
#livelogo8{
       margin-top: 75px !important;
    width: 20%;
    margin-right: 0 !important;
    margin-left: 10px !important;
}
#faqlogo9{
        margin-top: 30px;
    margin-bottom: 20px;
    width: 18%;
    margin-right: 0px !important;
}
#livelogo9{
        margin-top: 40px;
    margin-bottom: 20px;
    width: 16%;
}
#faqlogo10{
    margin-top: 40px;
    width: 12%;
    margin-left: 10px !important;
}

#livelogo10{
    margin-top: 50px;
    width: 10%;
    margin-left: 40px !important;
}
#faqlogo1,#faqlogo3{
    width: 17%;
}

#livelogo1,#livelogo3{
    width: 13%;
}
#livelogo1 {
    margin-top: 30px !important;
}

.liveLogos{
    width: 100%;
    height: auto !important;
}


.hrf-entry p{
    margin-top: 0;
    display: block;
    flex-wrap: wrap;
    height: 100%;
}



.wpcf7{
    width: 50%;
}
.wpcf7 input,textarea{
    width: 80%;
}

.wpcf7-submit{
    background-color: #ebf6e3;
    border: 0;
    height: 40px;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    color: #027294;
    cursor: pointer;
    border-radius: 7px;
}

#contactUsDiv{
    display: flex;
    margin-top: 20px;
}
#contactUsDiv2{
    display: flex;
    margin-top: 20px;
}
#contactUsDiv3{
    display: flex;
    margin-top: 20px;
}

.contactDetailIcons{
    width: 30px;
    margin-right: 15px;
}

#contactDetail{
    width: 30%;
}

#contactUsDiv{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif-Semibold;
}
#contactUsDiv2{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif-Semibold;
}
#contactUsDiv3{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif-Semibold;
}
#powerVerticalHr{
        border-left: 1px solid #7c7c7c;
    height: 120px;
    margin-left: 60px;
    margin-top: 70px;
}

#faqlogosdiv img {
    margin-left: 0;
    margin-right: 40px;
    object-fit: cover;
    height: 10%;
}

#faqlogosdiv a{
    margin-left: 20px ;
    margin-right: 40px;
    object-fit: cover;
    height: 10%;
}

#cusTable1{
       height: 300px;
    object-fit: contain;
    max-width: 100%;
}
.wp-block-table{
    width: 100%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
    font-size: 14px;
    color: #58595B;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    font-size: 14px;
    color: #58595B;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.dataTables_wrapper .dataTables_info {
    font-size: 14px;
    color: #58595B;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.ahpDownload{
    height: 60px;
    line-height: 60px;
    text-align: left;
    background-color: #ebf6e3;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
        display: flex;
    justify-content: space-between;
    align-items: center;

    margin-top: 45px;
    width: 650px;
}
.ahpDownload2{
height: 60px;
    line-height: 60px;
    text-align: left;
    background-color: #ebf6e3;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
        display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    width: 550px;
}
.ahpDownload3{
height: 60px;
padding-right: 20px;
    text-align: left;
    background-color: #ebf6e3;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
        display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    width: 100%;
}

.hrf-entry2{
    border: none !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0;
    min-height: 50px;
    /* line-height: 50px; */
    margin-top: 7px;
}
.ahpDownload4{
height: 45px;
padding-right: 20px;
    text-align: left;
    background-color: #ebf6e3;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
        display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    width: 100%;
}
#downloadText{
    width: 100%;
    margin-left: 20px;
}

#AHPTable_wrapper{
    margin-top: 45px;
}

#ApprovedRTOTable_wrapper{
    margin-top: 45px;
}


#downloadahpLink{
        width: 650px;
    display: block;
}

#downloadahpLink2{
        width: 550px;
    display: initial;
}

#downloadIconDiv{
            background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/download.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left;
    height: 70%;
    min-width: 6%;
    margin-left: 10px;
}

.expandedTr{
    background-color: #a6cdd9 !important;
        height: 20px;
}

td.details-control {
    background: url('https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/searchOpen2.png') no-repeat center center;
    cursor: pointer;
        background-size: 17px;
}
tr.shown td.details-control {
    background: url('https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/searchClose2.png') no-repeat center center;
        background-size: 17px;
}
table#AHPTable tbody tr:hover td{
    background-color: #a6cdd9;
}

table#ApprovedRTOTable tbody tr:hover td{
    background-color: #a6cdd9;
}

.tableSearchInputs{
        border: 1px solid #aaaaaa;
    width: 100%;
    height: 42px;
    border-radius: 5px;
    line-height: 42px;
    font-size: 14px;
    color: #58595B;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
}

.open .tableSearchInputs{
    display: none;
}

.tableSearchColumns{
    flex-wrap: wrap;
}

.tableSearchColumns.open span.tableSearchIcons{
    background-size: contain;
    background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/searchOpen.png);
    background-repeat: no-repeat;
    margin-right: 20px;
    background-position-y: center;
    min-width: 16px;
    height: 50px;
}

.tableSearchColumns span.tableSearchIcons{
    background-size: contain;
    background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/searchClose.png);
    background-repeat: no-repeat;
    margin-right: 20px;
    background-position-y: center;
    min-width: 16px;
    height: 50px;
}

.tableSearchColumns2 span.tableSearchIcons{
    background-size: contain;
    background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/tableSearch.png);
    background-repeat: no-repeat;
    margin-right: 20px;
    background-position-y: center;
    min-width: 20px;
    height: 50px;
}‘’ 

#searchBtnDiv{
    
}

.tableSearchBlock{
    background-color: #F5F5F5;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* align-items: center; */
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 40px;
}

.tableSearchColumns span{
    margin-left: 20px;
}
.tableSearchColumns2 span{
    margin-left: 20px;
}

.tableSearchColumns,.tableSearchColumns2{
    cursor: pointer;
    width: 24%;
   
    height: 48px;
    height: 48px;
    line-height: 48px;
    margin-top: 15px;
        -webkit-box-shadow: 1px 1px 3px -1px #adadad;
    -moz-box-shadow: 1px 1px 3px -1px #adadad;
    box-shadow: 1px 1px 3px -1px #adadad;
    border-radius: 5px;

    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;

        display: flex;
    justify-content: space-between;
    align-items: center;
}
.tableSearchColumns{
     background-color: white;
}

#AHPTable thead{
        background-color: #007193;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
}

#ApprovedRTOTable thead{
        background-color: #007193;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
}

#searchBtnDiv{
    margin-bottom: 15px;
    background-color: #007193;
    color: white;
}

table.dataTable thead .sorting_asc {
background-image: url("https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/sort1.png") !important;
    background-size: auto 18%;
}
table.dataTable thead .sorting_desc {
background-image: url("https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/sort2.png") !important;
    background-size: auto 18%;
}
table.dataTable thead .sorting {
background-image: url("https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/sortboth.png") !important;
    background-size: auto 45%;
}
tbody{
    font-size: 14px;
    color: #58595B;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
table#AHPTable{
        border-collapse: separate !important;
    border-spacing: 0 5px !important;
    width: 100% !important;
}
table#ApprovedRTOTable{
        border-collapse: separate !important;
    border-spacing: 0 5px !important;
    width: 100% !important;
}
tbody tr:nth-of-type(even){
    background-color:#e6e6e6 ;
}
tbody tr:nth-of-type(odd){
    background-color:#F5F5F5 ;
}
tbody tr{
        height: 50px;
    margin-top: 5px;
    cursor: pointer;
}
.dataTables_length{
    display: none;
}

.leftAlign td{
    padding-left: 8px;
    padding-right: 8px;
}

.leftAlign{
    text-align: left;
}

.links{
    font-family:'Open Sans', sans-serif-Semibold;
    font-size:14px;
    color:#007193;
    text-decoration: none;
    display:inline-block;
    text-indent: 0px;
 /*   word-break: break-all;
    word-break: break-word;*/
}

.logoHeading{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 30px;
}

.aboutlogoImgs{
    width: 50%;
    margin-left: 10%;
}
.aboutLogoBlock{
    background-color: #f5f5f5;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.25;
    padding: 35px;
    display: flex;
}
.leftLogoBlock{
    width: 37%;
}
.rightTextBlock{
    width: 63%;
}
.yellowHeading{
    font-family:'Roboto Slab', serif;
    font-size:18px;
    line-height:1.25;
    color:#77c043;
    margin-top:60px;
}

#regisHeading{

}

.nextend-thumbnail-inner{
    margin-top: 40px;
}

#poweredByText{
    text-align: center; 
    font-size: 12pt;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 40px
}

.logoImg{
    height: 100%;
}

.normalText2{
    font-size: 17px;
    color: #77c043;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.25;
}

.blueBlock{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    background-color: #dfedf1;
    padding: 32px;
        border: 1px solid rgba(0, 113, 147, 0.4);
}

.blueBlock2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    background-color: #dfedf1;
    padding: 16px;
    margin-top: 30px;
}

.blueBlock3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    background-color: #edf5f7;
    padding: 16px;
    margin-top: 5px;
}

.greyBlock2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    background-color: #ececec;
    padding: 16px;
    margin-top: 30px;
    color:#58595b;
}

.greyBlock3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    background-color: #f5f5f5;
    padding: 16px;
    margin-top: 5px;
    color:#58595b;
}

.yellowBlock2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    background-color: #e5f3db;
    padding: 16px;
    margin-top: 30px;
    color:#77c043;
}
.yellowBlock3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    background-color: #f5faf1;
    padding: 16px;
    margin-top: 5px;
    color:#77c043;
}
.yellowBlock{
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    background-color: #eef7e8;
    padding: 32px;
        border: 1px solid rgba(120, 193, 67, 0.4);
}

#backTextMobile{
    display: none;
}

.SeconaryNormalText{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color:black;
    line-height: 1.25;
}

.SeconaryNormalHeading{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif-Semibold;
    color:black;
    line-height: 1.25;
    margin-top: 25px;
}

.SeconaryNormalTextBlue{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color:#027294;
    line-height: 1.25;
    

}

.secondaryMainText{
    font-family: 'Roboto Slab', serif;
    font-size: 17px;
    color: #77c043;
        line-height: 1.25;
    
}

.secondarySubheadings{
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 20px;
    color: #027294;
    line-height: 1.25; 
    margin-top: 30px;
    margin-bottom: 30px;
}

.secondarySubheadings2{
    font-family: RobotoSlab;
    font-size: 20px;
    color: #027294;
    line-height: 1.25; 
}

.cropHeadingText{
    max-width: 53%;
}

.pageContentDiv{
        margin-top: -14vh;
    font-size: 20px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    color: #027294;
    margin-left: 15%;
    margin-right: 15%;
        margin-bottom: 80px;
}

.secondaryHeadingImg{
        width: 100%;
}
.secondaryHeading{
    position: absolute;
    font-family: 'Roboto Slab', serif;
    font-size: 34px;
    color: white;
   /* line-height: 33px;
    margin-left: 15%;*/
   /* margin-top: 7%;*/
           max-width: 65%;

}
.secondaryHeading h1{
        font-size: 34px;
        max-width: 65%;
}

.secondaryLongHeading{
    position: absolute;
    font-family: 'Roboto Slab', serif;
    font-size: 23px;
    color: white;
   /* line-height: 33px;
    margin-left: 15%;*/
   /* margin-top: 7%;*/
           max-width: 65%;
}
.secondaryLongHeading h1{
        font-size: 23px;
        max-width: 65%;
}


.secondPageStripeDiv{
   /* background-image: url(images/SecondaryHeading1.png);
    background-size: contain;
    background-repeat: no-repeat;
    
    background-position: right;*/
    height: 37vh;
    position: relative;
}

#stripeBackDiv{
    background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/stripeBackground.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25vh;

        display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

#logoLine{
    display: inline-flex;
    align-items: center; 
    height: 58px;
    margin-top: 28px;
    margin-bottom: 100px;
    margin-left: 10%;
    margin-right: 10%;
}

#footerCombinedMobile{
    display: none;
}
#footerSupportMobileDiv{
    display: none;
}

#footerDiv2{
    display: flex; 
    padding-top: 36px;
    margin-left: 5px;
}

#trainingDivMobile{
    display: none;
}

#trainingNavi{

}

.textLink{
        color: #007193;
    text-decoration: none;
}
#burgerIcon{
    cursor: pointer;
}
.siderBarLevel2Items{
    line-height: unset;
    height: 6.5vh;
   /* line-height: 6.5vh;*/
    padding-left: 40px;
    color: #007193;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    padding-top: 0;
    padding-right: 10px;
}
.siderLines2{
    height: 1px;
    border: 0;
    border-top: 1px solid #b5b5b5;
    margin: 1px 0;
    padding: 0;
}
.siderBarLevel2ItemsText{
position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.siderBarLevel2Items:hover{
font-family: opensans-semibold;
border-left: 6px solid #007193;
}
.backBtnLevel2{
    position: absolute;
    bottom: 0;
    padding-left: 40px;
    margin-bottom: 2vh;
    color: white;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif-Semibold;
}
.level2Group1{
    height: 16vh;
    background-color: #77c043;
    position: relative;
    display: none;
}
.level2Group2{
    display: none;
}



.iconWhite{
    display: none;
}

#siderBarItemsGroup{
    margin-top: 9vh;
}

.siderLines{
        height: 1px;
    border: 0;
    border-top: 1px solid white;
    margin: 1px 0;
    padding: 0;
}

.siderBarItems{
        height: 7.5vh;
    display: flex;
    padding-left: 40px;
    color: white;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;

    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.siderBarItems:hover{
    border-left: 6px solid #007193;
    background-color: #70b53e;
}

#leftSideBar{
        background-color: #77c043;
    height: 200vh;
    width: 25vw;
    z-index: 1000;
    position: fixed;
    margin-left: -70%;
    margin-top: 6px;
    cursor: pointer;
    top: 0;

    display: none;
}
#combinepower{
    height: 120px;
}


#loginLink{
    margin-right: 40px;
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 13pt;
}

#poweredByDiv{
        text-align: center;
    }

    #wholeNavi{
        display: flex;
        height: 12.5vh;
        border-top: 6px solid #006e94;
        z-index: 10000;
        margin-bottom: -10px;
        max-height: 100px;
    }
#loginNavi{
    position: absolute;
    z-index: 9000;
    width: 100%;
    height: 12vh;
    background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/naviCombined.png);
    background-position: center;
    background-size: 100% 120%;
    background-repeat: no-repeat;
    max-height: 100px;
}
#stripeBack{
    content:url("https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/stripeBackground.png");
    width: 100%; 
    height: 300px;
}

#burgerIcon{
    background-image: url("https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/burger.png");
}

#logoCorner{
    height:100%;
    width: 100%;
    display: block;
}

#logoCornerTablet{
    height:100%;
    width: 100%;
    display: none;
}

#blockImgDiv{
    margin-top: 45px;
    height:38%
}

    #countdownClock{
        background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/clockBackground.png);
            background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    margin-top: 45px;
    height:38%
    }

    #countdownClockLayer{
        background-color: rgba(167, 221, 246, 0.8);     
        width: 100%;
        height: 100%;
    }

    .clockNumbers{
            width: 80%;
    display: flex;
    margin:  auto;
    padding-top: 20px;

    justify-content: space-between;
    align-items: center;
    }

.clockLabels{
            width: 80%;
    display: flex;
    margin: auto;
    margin-top: 0px;
    background-color: rgb(2, 114, 148);
    margin-top: 20px;
        border-radius: 10px;
    }

    #days, #hours, #minutes{
            width: 28%;
    background-color:rgb(2, 114, 148);
    height: 105px;
    border-radius: 10px;
    line-height: 105px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: white;
    font-size: 40pt;
    text-align: center !important;
    }



    #daysLabel, #hoursLabel, #minutesLabel{
            width: 28%;
    height: 38px;
    border-radius: 10px;
    line-height: 38px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: white;
    font-size: 16pt;
    text-align: center !important;
    }

    #logoBottom{
        height: 96px;
    }

#rightFooterText{
    margin-left: 24px;
    margin-top: -5px;
}

    #supportTeam{
        color: #52c2f0;
        font-family: 'Open Sans', sans-serif;
    font-weight: 600;
        font-size: 18pt;
    }

    #contacts{
        display: flex;
        font-family: 'Open Sans', sans-serif;
    font-weight: 600;
        font-size: 14pt;
        color: white;
        margin-top: 16px;
    }

    #contactsRight{
        margin-left: 40px
    }

    #footerLogoDiv{
        width: 30%;
        text-align: center;
        margin-left: 5%;
    }

    #chatBox{
        width: 23%;
        height: 100%;
    }

    #firstFooter{
    width: 20%;
    text-align: center;
    margin-left: 2%;
    margin-right: 20px;
   /* margin-top: 25px;*/

    }

#secondFooter{
    width: 24%;
    text-align: center;
    margin-top: 50px;
}

#footerSupportDiv{
    width: 30%;
    text-align: left;
    margin-top: 25px;
}
    .expandNavi{
        font-family: 'Open Sans', sans-serif;
    font-size: 13pt;

    }
.blockText{
        margin-top: 20px;
    font-size: 13pt;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -0.3px;
    line-height: 1.25;
}

.readMoreDiv{
     text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 13.5pt;
    color: #007193;
    margin-bottom: 33px;
    /* margin-top: 15px; */
    /* position: absolute; */
    /* bottom: 0; */
    height: 66px;
    border: 1px solid #007193;
    border-radius: 33px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 50%;
    /* margin-left: 25%; */
    margin: 0 auto;
    margin-bottom: 33px;
    margin-top: 15px;
    position: absolute;
    bottom: 0;
    margin-left: 25%;
}

#firstScreen{
    height: 103vh;
}

    #backText{
    font-size: 32px;
    font-family: 'Roboto Slab', serif;
    color: white;
    /* left: 80px; */
    line-height: 39px;
    /* margin-top: 50px; */
    max-width: 44%;
    margin-left: 7%;

    margin-top: -20px;
    }

.cut {
width: 100%;
  min-height: 100px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 66% 100%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 66% 100%, 100% 0);
  background: white;
  position: fixed;
  box-shadow:         4px 4px 6px -1px #adadad;

}



.cut2{
width: 25%;
position: absolute;
filter: drop-shadow(3px -2px 3px #6d6d6d);
z-index: 1000
}

.nav ul {
    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
    z-index: 10000;

    min-width:100%;
}
.nav {
    list-style: none;
    margin-bottom: 10px;
    float: left; /* Clear floats */
    width: 100%;
}

.nav li {
    float: left;
    margin-right: 10px;
    position: relative;
    flex: auto;
}


.nav li .navHeading{
    display: block;
    padding: 5px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 13.5px;
    color: white;
    text-decoration: none;

    line-height: 14px;
        letter-spacing: 1px;
}


.nav li a{
    display: block;
    padding: 8px;
    
    color: white;
    text-decoration: none;
    padding-left: 20px;
    line-height: 1.25;
}
.nav a:hover {
    color: white;
    /*background-color: #71b12c;*/
    text-decoration: none;
}

/*--- DROPDOWN ---*/
.nav ul {
    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style: none;
    position: absolute;
    padding-left: 0;
    margin-top: 0;
     background-color: white;
    color: #006e94;


    left: -9999; /* Hide off-screen when not needed (this is more accessible than display: none;) */
}
.nav ul li {
    padding-top: 0; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
    margin-right: 0;

    line-height: 30px;
    vertical-align: middle;
}
.nav ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
    text-align: left;
}
.nav li:hover ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
}
.nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    text-decoration: none;
}

.nav li:hover ul li a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    text-decoration: none;
    background-color: white;
    color: #006e94;

}

.nav li:hover ul li { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
  border-bottom:solid 1px #c3c3c3;
  border-top: 0;
}

.nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
}
.nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color: #e2e2e2;
    font-family: 'Open Sans', sans-serif-Semibold;

}
.subMenuItem{
        height: 40px;
    display: table-cell;
    vertical-align: middle;
}

.nav li:hover .border-top{
        border-top: 6px solid #006e94;
display: block !important;
width:60% !important;
}

.border-top{
display: none;
}


.navHeading {
        font-family: 'Open Sans', sans-serif;
        font-size:15px;
        color:white;
        text-decoration: none;
    }

    .text {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color:#007193;
        padding-bottom:20px;
        display: block;

        margin-left: 2%;
        margin-right: 2%;
         
    }

    #logo {
        /*display: inline-block;*/
    position: absolute;
    height: 8vh;
    margin-top: 20px;
    width: auto;
    margin-left: 3vw;
    max-height: 75px;
    }

    #searchBox input{

              /* padding: 0; */
    /* margin: 0; */
    border: 0;
    /* display: none; */
    background-color: #e5f1f4;
    line-height: 100%;
    /* color: #e5f1f4ff; */
    /* position: absolute; */
    /* top: 0px; */
    height: 98%;

    color: black;
        width: 75%;
        text-align: left;

            font-family: RobotoSlab;
    font-size: 15pt;
  /*  padding-left: 15px;*/
    }

    #searchBox{
        cursor: pointer;

        height: 100%;
        background-color: #e5f1f4;
        width: 20vw;
       /* margin-right: 20px;*/
        background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/search.png);
            background-repeat: no-repeat;
    background-size: 30px;
    background-position-x: 20px;
    background-position-y: center;

        text-align: right;
    display: flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    }

    #logoNaviBar {
        margin-top: 1%;
        margin-left: 5%;
    }

    #navDiv {
        vertical-align: top;
        display: flex;
        height: 51%;
            float: right;
    align-items: center;
    justify-content: center;
    }


    .videoDiv iframe{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .navLink {
        font-family: 'Open Sans', sans-serif-Semibold;
        color: #006e94;
        text-decoration: none;
    }

    #stripe {
    margin-top:13px;
    }

    #trainingDiv {
        text-align: justify;
        display: flex;
        align-items: center;
        justify-content: center;

/*        margin-top: -29vh;
        position: relative;*/
        z-index: 10000;
        margin-top: 38vh;
    }

    #slidesDiv {
        background-color: #f5f5f5ff;
        text-align: justify;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 8%;
        padding-right: 8%;

        padding-top: 45px;
        padding-bottom: 53px;

        margin-top: -3vh;

       /* border-bottom:2px solid #e8e8e8;*/
    }

.slides {
    height: 580px;
        background-color: white;
 -webkit-box-shadow: 4px 4px 6px -1px #adadad;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 6px -1px #adadad;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 6px -1px #adadad;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

    border-radius: 7px;
    width:32vw;
    position: relative;

    border-top: solid 1.5px #a5a5a540;
    border-left: solid 1.5px #a5a5a540;

    margin-left: 9px;
    margin-right: 9px;
    padding: 17px;
    }

    .blockheading1{
        font-family: 'Roboto Slab', serif;
    font-weight: 600;
        font-size: 14pt;
        line-height: 1.25;
        color:#77c043ff;
    }

    .blockheading2{
       margin-top: 12px;
       color:rgb(0, 104, 140);
       font-size: 18.5pt;
       font-family: 'Open Sans', sans-serif;
       letter-spacing: -0.3px;
    }

     .blockheading2Soft{
          margin-top: 30px;
    color: rgb(0, 104, 140);
    font-size: 24pt;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    letter-spacing: -0.3px;
    text-align: center !important;
    line-height: 1.1;

    margin-left: 10px;
    margin-right: 10px;
    }

        #slidesDiv div {
            display: -moz-inline-box;
            *display: inline; /* For IE7 */
            zoom: 1; /* Trigger hasLayout */
            text-align: left;
            

        }

        #trainingDiv div {
            display: -moz-inline-box;
            *display: inline; /* For IE7 */
            zoom: 1; /* Trigger hasLayout */

        }

    .mainNavDiv {
        height: 80px;
        margin-top: 5px;
        background-color: #006e93;
        padding-left: 7%;
        padding-right: 7%;
        text-align: justify;
        display: flex;
        align-items: center;
        justify-content: center;
    }

     #mainNavDiv {
     /*   background-color: #71b12c;*/
            text-align: justify;
    display: flex;
    align-items: center;
    justify-content: center;

    height: 55%;
    margin-top: 0;
    margin-bottom: 0;
        padding-left: 18%;

      width: 82%;
    }



        #mainNavDiv div {
            display: inline-block;
            display: -moz-inline-box;
            *display: inline; /* For IE7 */
            zoom: 1; /* Trigger hasLayout */
            
            text-align: center;
            font-size:15px;
     
        }

        #aboutDiv, #businessDiv{
            
            width: 7% !important;
     
        }

    
    #mainNavBar {
        margin-left: 7%;
        margin-right: 7%;
        height: 60%;
        top: 20%;
        bottom: 20%;
        position: absolute;
        display: inline-block
    }

    a {
    text-align:center
    }
        a span {
            display: block;
        }

    .mainNavDiv div a {
        font-family: 'Open Sans', sans-serif;
        font-size:14px;
        color:white;
        text-decoration: none;
    }

    #footerDiv{
       background-image: url('https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/footerBackground.png');
       height: 470px;
       background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    
    }

    #backImg {
        background-image: url('https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/homeImageNew.jpg');
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        max-height: 100%;
        width: auto;
        height: 91.4vh;
    }

    .tileIcon{
        height: 66px;
        margin-top: 12%;
    }
    .tileIcon2{
        height: 80px;
        margin-top: 12%;
    }
     .training {
        background-color: white;
        margin-right:10px;
        width: 15.5vw;
            height:10.5vw;
            border-radius: 7px;

    margin-left: 10px;
    margin-right: 10px;
    }

    .heading {
            font-family: 'Open Sans', sans-serif;
            font-weight: 800;
    font-size: 17.5px;
    color: #007193;
    display: block;
    margin-top: 4%;
    }

    .training:hover {
        background-color: #007193;

    }

    .training:hover .iconBlue{
        display: none;
    }
    .training:hover .iconWhite{
        display: inline;
    }

    .training:hover .heading{
        color: white;
    }

    #training1 {
        background-color: #00a19a;
        margin-right:10px;
    }

    #training2 {
        background-color: #52c3f1;
        margin-left: 10px;
        margin-right: 10px;
    }

    #training3 {
        margin-left: 10px;
        background-color: #00688e;
    }


    .search-form{
        position: relative;
    }

    .search-form .search-submit{
        bottom: :3px;
    }

    #backSlide{
        width:100%;
        max-height: :500px;
        z-index: -10000;
    }

    a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.partnerLogoDiv{
    padding-right: 10%;
        display: flex;
    align-items: center;
    z-index: 2000;
}

.footerLink{
    text-decoration: none;
    color: white;
    line-height: 2;
}

.footerLinkDiv{
    text-align: left;
        font-family: 'Open Sans', sans-serif;
    font-size: 11pt;
    line-height: 2;
    margin-bottom: 8px;
}

#secondFooter{
    margin-left: 12%;
}

#stripeImg{
        width: 100%;
    height: 12px;
}

#logoDiv{
    /*z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%*/
    width:100%;
z-index: 7000;
}

#burgerIcon{
    display: none;
}
#lastNaviTab{
        margin-left: -7.5vw;
    }
/* End of 
##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1601px) and(max-width: 2000px){
    .training {
    height: 10.5vw;
}
.tileIcon{
        height: 72px;
    margin-top: 13%;
}
.tileIcon2{
        height: 85px;
    margin-top: 13%;
    }
.heading{
    font-size: 18px;
}


}

@media (min-width: 1501px) and(max-width: 1600px) {
    #days, #hours, #minutes{
        height: 95px;
        line-height: 95px;
    }
    #lastNaviTab{
        margin-left: -10vw;
    }

#backText {
        margin-left: 7%;
}

.tileIcon{
        height: 72px;
    margin-top: 13%;
}
.tileIcon2{
        height: 85px;
    margin-top: 13%;
}
}

@media (min-width: 1359px) and (max-width: 1500px) {

#stripeBackDiv{
    height: 21vh;
}
#backText{
    font-size: 30px;
}
#trainingDiv{
    margin-top: 43vh;
}

    #days, #hours, #minutes{
        height: 90px;
        line-height: 90px;
    }
    #lastNaviTab{
        margin-left: -12vw;
    }
/*
    #logo{
        margin-top: 1.2%;
        width: 11%;
        left: 3.2%;
    }
*/

     .training {
        width: 16vw;
            height:12vw;
    }

    .heading {
    font-size: 17px;
    margin-top: 2%;
    line-height: 17px;
    }
}
@media (min-width: 1280px) and (max-width: 1358px) {
#stripeBackDiv{
    height: 21vh;
}
#backText{
    font-size: 30px;
}
#trainingDiv{
    margin-top: 42vh;
}

     #days, #hours, #minutes{
        height: 90px;
        line-height: 90px;
    }
    #lastNaviTab{
        margin-left: -9vw;
    }
    .heading{
        font-size:  16px;
    }

/*
    #logo{
    margin-top: 2.2%;
    left: 28px;
    width: 13%;
    left: 3%;
    }
*/
    .slides{
        height: 500px;
    } 

    .training {
        width: 16vw;
            height:12vw;
    }

    .heading {
    font-size: 17px;
​
    margin-top: 2%;
    line-height: 17px;
    }
}
@media (min-width: 1212px) and (max-width: 1279px) {
.n2-section-smartslider p{
        font-size: 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
}

#stripeBackDiv{
    height: 21vh;
}
#backText{
    font-size: 30px;
}
#trainingDiv{
    margin-top: 42vh;
}
     #days, #hours, #minutes{
        height: 85px;
        line-height: 85px;
    }
    #lastNaviTab{
        margin-left: -10vw;
    }

     .slides{
        height: 500px;
    }
#mainNavDiv{
    height: 45%;
}

.training {
        width: 16vw;
            height:12.5vw;
    }

    .heading {
    font-size: 16px;
    line-height: 17px;
    }

    #loginNavi{
    background-size: 100% 100%;
}
#logo{
    height: 7vh;
    margin-top: 2.5vh;
    margin-left: 3.5%;
}

}
@media (min-width: 1189px) and (max-width: 1211px) {
.n2-section-smartslider p{
        font-size: 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
}

    #stripeBackDiv{
    height: 21vh;
}
#backText{
    font-size: 30px;
}
#trainingDiv{
    margin-top: 42vh;
}

.tileIcon{
    height: 56px;
}
.tileIcon2{
        height: 65px;
}
#mainNavDiv{
    height: 45%;
}

#loginNavi{
    background-size: 100% 100%;
}
#logo{
    height: 7vh;
    margin-top: 2.5vh;
    margin-left: 3.5%;
}

    #days, #hours, #minutes{
        height: 85px;
        line-height: 85px;
    }
    #lastNaviTab{
        margin-left: -11vw;
    }

     .slides{
        height: 500px;
    }


    .training {
        width: 16vw;
            height:12.5vw;
    }

    .heading {
    font-size: 16px;
    line-height: 17px;
    }
}
@media (min-width: 1156px) and (max-width: 1188px) {
.n2-section-smartslider p{
        font-size: 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
}

#stripeBackDiv{
    height: 21vh;
}
#backText{
    font-size: 30px;
}
#trainingDiv{
    margin-top: 42vh;
}

.tileIcon{
    height: 56px;
}
.tileIcon2{
        height: 65px;
}
#mainNavDiv{
    height: 45%;
}

    #days, #hours, #minutes{
        height: 85px;
        line-height: 85px;
    }
    #lastNaviTab{
        margin-left: -11vw;
    }

     .slides{
        height: 520px;
    }
#loginNavi{
    background-size: 100% 100%;
}
#logo{
    height: 7vh;
    margin-top: 2.5vh;
    margin-left: 3.5%;
}

.training {
        width: 16vw;
            height:12.5vw;
    }

    .heading {
    font-size: 15px;
    line-height: 16px;
        margin-top: 0;

    }
}
@media (min-width: 1068px) and (max-width: 1155px) {
.n2-section-smartslider p{
        font-size: 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
}

#stripeBackDiv{
    height: 21vh;
}
#backText{
    font-size: 30px;
}
#trainingDiv{
    margin-top: 42vh;
}

.tileIcon{
    height: 56px;
}
.tileIcon2{
        height: 65px;
}
#mainNavDiv{
    height: 45%;
}

#loginNavi{
    background-size: 100% 100%;
}
#logo{
    height: 7vh;
    margin-top: 2.5vh;
    margin-left: 3.5%;
}

    #days, #hours, #minutes{
        height: 85px;
        line-height: 85px;
    }
    .expandNavi{
        font-size: 12pt;
    }
    #lastNaviTab{
        margin-left: -11vw;
    }
    .nav li a{
        padding-left: 10px;
    }

 .slides{
        height: 520px;
    }

     /*#logo{
        height: auto;
    width: 14%;
    top: 37px;
    left: 2.5%;
    }*/

    .training {
        width: 16vw;
            height:12.5vw;
    }

    .heading {
    font-size: 15px;
    line-height: 16px;
            margin-top: 0;
    }
}
@media (min-width: 1025px) and (max-width: 1067px) {
.n2-section-smartslider p{
        font-size: 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
}

#stripeBackDiv{
    height: 21vh;
}
#backText{
    font-size: 30px;
}
#trainingDiv{
    margin-top: 42vh;
}

.tileIcon{
    height: 56px;
}
.tileIcon2{
        height: 65px;
}
#mainNavDiv{
    height: 45%;
}

#loginNavi{
    background-size: 100% 100%;
}
#logo{
    height: 7vh;
    margin-top: 2.5vh;
    margin-left: 4.5%;
}

 .slides{
        height: 520px;
    }

.readMoreDiv{
    height: 50px;
    border-radius: 25px;
}

    #days, #hours, #minutes{
        height: 80px;
        line-height: 80px;
    }
  .expandNavi{
        font-size: 11.5pt;
    }
    #lastNaviTab{
        margin-left: -11vw;
    }
    .nav li a{
        padding-left: 10px;
    }


.training {
            width: 16.5vw;
    height: 14vw;
    }

    .heading {
        font-size: 14.5px;
    line-height: 15.5px;
    margin-top: 2%;
    }

}

@media (min-width: 1169px) and (max-width: 1338px){
#faqlogo2{
          width: 24%;
}
#faqlogo4{
            width: 22%;
    margin-top: 28px !important;
    margin-right: 0 !important;
}
#faqlogo5{
    margin-top: 20px;
    width: 16%;
        margin-left: 35px !important;
    margin-right: 0 !important;
}
#faqlogo7{
        margin-top: 40px;
    width: 19%;
    margin-left: 20px !important;
    margin-right: 20px !important;
}
#faqlogo8{
        margin-top: 55px !important;
    width: 22%;
    margin-right: 0 !important;
}
#faqlogo9{
    margin-top: 40px;
    margin-bottom: 20px;
    width: 16%;
    margin-left: 25px !important;
}
#faqlogo10{
    margin-top: 40px;
    width: 13%;
    margin-left: 10px !important;
}
#faqlogo1,#faqlogo3{
    width: 16%;
}
#faqlogosdiv img{
        margin-right: 35px;
}

#faqlogosdiv a{
        margin-right: 35px;
}
}

@media (min-width: 680px) and (max-width: 1168px){
.n2-section-smartslider p{
        font-size: 13px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
}

#faqlogo4{
    margin-right: 20px !important;
}

    #faqlogo10{
        margin-top: 40px;
    width: 14% !important;
    margin-left: 10px !important;
}
#faqlogo8{
    margin-top: 45px !important;
    width: 23% !important;
    margin-right: 20px !important;
    margin-left: 20px !important;
}

#faqlogo9{
    margin-top: 30px;
    margin-bottom: 20px;
    width: 17%;
}

#faqlogo5{
    margin-top: 20px;
    width: 17%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#faqlogo7 {
        margin-top: 40px;
    width: 17% !important;
    margin-left: 25px !important;
    margin-right: 25px !important;
}

#faqlogo6{
    margin-top: 30px !important;
    width: 9% !important;
    margin-left: 4% !important;
}

#faqlogosdiv img {
    margin-right: 25px;
}
}




/*
@media (min-width: 1235px) and (max-width: 1279px) {
    .heading{
        font-size: 16px;
    }
}
@media (min-width: 1134px) and (max-width: 1234px) {
    .heading{
        font-size: 13.5pt;
        letter-spacing: -1px;
    }
}
@media (min-width: 1036px) and (max-width: 1133px) {
    .heading{
        font-size: 13.5pt;
        letter-spacing: -1px;
    }
    .training{
        width: 16.5%;
    }
}
@media (min-width: 1025px) and (max-width: 1035px) {
    .heading{
        font-size: 13.5pt;
        letter-spacing: -1px;
    }
    .training{
        width: 17%;
    }
}*/

@media (min-width: 1405px) and (max-width: 1438px) {
    .aboutlogoImgs{
    width: 55%;
}


    .blockheading2{
        font-size: 18pt;
    }
    .blockheading2Soft{
      font-size: 23pt;
    }
}
@media (min-width: 1338px) and (max-width: 1404px) {
    .aboutlogoImgs{
    width: 60%;
}
    .blockheading2{
        font-size: 17pt;
    }
     .blockheading2Soft{
        font-size: 23pt;
    }
}
@media (min-width: 1267px) and (max-width: 1337px) {
    .aboutlogoImgs{
    width: 60%;
}
    .blockheading2{
        font-size: 16pt;
    } 
    .blockheading2Soft{
        font-size: 23pt;
    }
    .blockheading1{
        font-size: 13pt;
    }
    .blockText{
        font-size: 12pt;
    }
    .readMoreDiv{
        font-size: 12.5pt;
    }
}
@media (min-width: 1162px) and (max-width: 1266px) {
    .aboutlogoImgs{
    width: 60%;
}
    .blockheading2{
        font-size: 16pt;
    }
     .blockheading2Soft{
        font-size: 22pt;
    }
    .blockheading1{
        font-size: 13pt;
    }
    .blockText{
        font-size: 12pt;
    }
    .readMoreDiv{
        font-size: 12.5pt;
    }
    #slidesDiv{
        padding-left: 4%;
        padding-right: 4%;
    }
}
@media (min-width: 1090px) and (max-width: 1161px) {
    .aboutlogoImgs{
    width: 60%;
}
    .blockheading2{
        font-size: 16pt;
    }
     .blockheading2Soft{
        font-size: 22pt;
    }
    .blockheading1{
        font-size: 13pt;
    }
    .blockText{
        font-size: 12pt;
    }
    .readMoreDiv{
        font-size: 12.5pt;
    }
    #slidesDiv{
        padding-left: 1%;
        padding-right: 1%;
    }
}
@media (min-width: 1025px) and (max-width: 1089px) {
    .aboutlogoImgs{
    width: 60%;
}
    .blockheading2{
        font-size: 15pt;
    }
     .blockheading2Soft{
        font-size: 21pt;
    }
    .blockheading1{
        font-size: 12pt;
    }
    .blockText{
        font-size: 11.5pt;
    }
    .readMoreDiv{
        font-size: 12pt;
    }
    #slidesDiv{
        padding-left: 1%;
        padding-right: 1%;
    }
    .slides{
        padding: 15px;
    }
}

@media (min-width: 1168px) and (max-width: 1406px){
#footerLogoDiv{
    margin-left: 0;
}
#footerSupportDiv{
    width: 28%;
    text-align: left;
    margin-top: 25px;
    margin-left: 7px;
}
#chatBox{
    width: 25%;
    height: 100%;
}
}

@media (min-width: 1025px) and (max-width: 1167px){
#footerLogoDiv{
    margin-left: 0;
}
#footerSupportDiv{
    width: 21%;
    text-align: left;
    margin-top: 25px;
}
#chatBox{
    width: 33%;
    height: 100%;
}
.footerLinkDiv{
    font-size: 10.5pt;
}
#logoBottom{
    height: 86px;
}

#rightFooterText{
    margin-left: 5px;
}

#supportTeam{
    font-size: 17pt;
}
#secondFooter{
    margin-left: 12%;
}
#contacts{
    font-family: 'Open Sans', sans-serif-Semibold;
    font-size: 12.5pt;
    margin-top: 14px;
}
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1068px) and (max-width: 1280px) {
  
#loginNavi{
    height: 12.5vh;
}
    .nav li .navHeading{
        font-size: 13px;
        line-height: 12px;
    }
/*
    #logo{
        height: auto;
    width: 13.5%;
    top: 29px;
    left: 2.7%;
    }*/

    #backText{
        font-size: 28px;
        line-height: 38px;
    } 
}
/* End of
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/


@media (min-width: 1025px) and (max-width: 1067px){
#backText{
        font-size: 26.5px;
        line-height: 36px;
    } 

    #loginNavi{
    height: 12.5vh;
}



    /*#logo{
        height: auto;
    width: 14.5%;
    top: 29px;
    left: 2%;
    }*/

    .nav li .navHeading{
        font-size: 13px;
    line-height: 12px;
    letter-spacing: 0.5px;
    }
}

@media (min-width: 882px) and (max-width: 1024px) and (min-height: 771px){
    #contacts {
    font-size: 10pt;
}
    #backImg{
        background-position: right -160px top;
    }
}

@media (min-width: 882px) and (max-width: 1024px) and (max-height: 770px){
    #contacts {
    font-size: 10pt;
}
    #backImg{
        background-position: right top;
    }
}

@media (min-width: 680px) and (max-width: 881px){
     #downloadIconDiv{
        height: 60%;
    }
}

@media (min-width: 680px) and (max-width: 881px) and (max-height: 678px){
    
    #contactsRight{
        margin-left: 10px;
    }
    #contacts{
            font-size: 8.5pt;
    }
    #chatBox{
        width: 18%;
    }

    #backImg{
        background-position: right top;
    }

    #stripeBackDiv {
    height: 21vh !important;
}
#trainingDiv{
    margin-top: 42vh;
}
#loginNavi{
        background-size: 40% 100% !important;
}
#logo {
    margin-left: 7.5% !important;
}
#backText{
    margin-top: -10px;
}

} 

@media (min-width: 680px) and (max-width: 1210px) {
#googleImg{
    width:100%;
}
#appleImg{
    width: 90%;
}

}

@media (min-width: 482px) and (max-width: 679px) {
#searchBox input{
    width: 85%;
}

    #downloadIconDiv{
        height: 50%;
    }

    #contacts {
    font-size: 7pt;
}
#footerSupportDiv{
    margin-left: 0 !important;
}
#contactsRight{
    margin-left: 10px;
}
#logoBottom{
    height: auto !important;
}
#chatBox {
width: 17%;
}
#trainingDivMobile{
        padding-top: 90px !important;
}
}


@media (min-width: 680px) and (max-width: 881px) and (min-height: 679px){

    #contactsRight{
        margin-left: 10px;
    }
    #contacts{
            font-size: 8.5pt;
    }
    #chatBox{
        width: 18%;
    }
    #footerSupportDiv{
        margin-left: 0 !important;
    }

    #backImg{
        background-position: right -160px top;
    }

    #stripeBackDiv {
    height: 21vh !important;
}
#trainingDiv{
    margin-top: 52vh;
}
#loginNavi{
        background-size: 40% 100% !important;
}
#logo {
    margin-left: 7.5% !important;
}
} 

@media(max-width: 1024px) {
#backText{
    height: 50%;
}

.formMenus {
    width: 100%;
}

    .whiteHeading{
        display: none;
    }

    #processImg{
    width: 100%;
    height: auto;
}
}

@media(max-width: 1024px) and (max-height:772px){
.formMenus {
    width: 100%;
}

    .whiteHeading{
        display: none;
    }

    #processImg{
    width: 100%;
    height: auto;
}
}

@media (min-width: 482px) and (max-width: 1024px) {


#stripeBackDiv{
    height: 26vh;
}

.secondaryHeading{
    font-size: 28px;
  /*  margin-left: 7%;*/
}
.secondaryHeading h1{
    font-size: 28px;
  /*  margin-left: 7%;*/
}

.secondaryLongHeading{
    font-size: 14px;
  /*  margin-left: 7%;*/
}
.secondaryLongHeading h1{
    font-size: 14px;
  /*  margin-left: 7%;*/
}

.pageContentDiv{
    margin-top: -10vh;
}
.cropHeadingText {
    max-width: 60%;
  /*  margin-top: 40px;
    margin-bottom: 0;*/
}

#leftSideBar{
    display: block;
}

#stripeBackDiv {
    background-position: 0px -2px;
}

  #stripeBack{
    content:url("https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/stripeBackground2.png");
    /*height: auto;*/
        height: 22%;
    width: 100%;
}
#loginNavi{
        position: absolute;
    z-index: 9000;
    width: 100%;
    height: 10vh;
    background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/leftCornerTablet.png);
    background-position-y: center;
    background-size: 26% 100%;
    background-repeat: no-repeat;
    background-position-x: left;
}

#logo{
height: 6vh;
margin-top: 1.8vh;
margin-left: 5.5%;
}

    #logoCorner{
        width: 26%;
        height: 8vh;
        display: none;
    }

    #logoCornerTablet{
        width: 26%;
        height: 8vh;
        display: block;
    }
 #navDiv{
    height: 55%;
 }
  #mainNavDiv{
    display: none;
  }
  #wrapper{
  }
/*
  #logo{
      top: 2.4vh;
    left: 58px;
    height: auto;
    position: absolute;
    width: 12%;
  }*/
  #burgerIcon{
        top: 32px;
    left: 20px;
    z-index: 9000;
    height: 1.8vh;
    position: absolute;
    display: block;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
  }
  #wholeNavi{
    height: 5.5vh;
    margin-bottom: 0;
  }

  #backText{
    font-size: 24px;
    line-height: 32px;
    max-width: 48%;
    margin-left: 4%;
  }

  #searchBox{
    background-size: 22px;
  }

  #loginLink{
    font-size: 11pt;
  }
  .training{
    width:16.5%;
    height: 143px;
  }
  .tileIcon {
    height: 50px;
    margin-top: 17px;
}
.tileIcon2{
        height: 60px;
        margin-top: 17px;
}
    .heading{
        font-family: 'Open Sans', sans-serif;
            font-weight: 800;
        font-size: 11.5pt;
        padding-top: 0;
        letter-spacing: -0.8px;
    }

    .text{
        height: 50%;
    /* line-height: 100%; */
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    }

    #backImg{
        height: 67vh;
    }


    #firstScreen{
        height: 105vh;
    }
    #backImg{
        height: 95vh;
    }
    #searchBox form{
        height: auto;
    }

    .tabletRemovedBlock{
        display: none;
    }

    .slides{
        height: 500px;
        width: 50%;
    }
    #slidesDiv{
        padding-left: 6%;
        padding-right: 6%;
        margin-top: -5vh;
    }
    .blockheading2Soft {
        margin-top: 21px;
    }
#blockImgDiv, #countdownClock{
        margin-top: 20px;
        height: 48%
}
.readMoreDiv {
    margin-bottom: 20px;
}
.footerLinkDiv{
    font-size: 10.5pt;
}
#supportTeam{
    font-size: 14.5pt;
}
#footerLogoDiv {
    margin-left: 6%;
    width: 22%;
}
#logoBottom{
        width: 100%;
        height: auto;
}
#rightFooterText {
    margin-left: 10px
}


#footerSupportDiv{
    margin-left: 15px;
}
#secondFooter{
    margin-left: 12%;
}
#loginNavi{
    z-index: 2000;
    position: absolute;
}
}


@media (min-width: 482px) and (max-width: 873px){
    #logoCorner{
        width: 32%;
    }
    #logoCornerTablet{
        width: 32%;
    }
    #stripeBack{
        width: auto;
    }
    #searchBox{
        width: 25vw;
    }
    #backText{
        font-size: 20px;
        max-width: 50%;
        line-height: 26px;
    }
.siderBarItems{
    font-size: 13.5px;
    letter-spacing: 0.5px;
}

    #stripeBackDiv{
        background-size: 103% 100%;
    }

    .tileIcon{
        height: 42px;
    }
    .tileIcon2{
        height: 50px;
}
    .training {
    width: 16%;
    height: 16vw;
}
.heading{
    font-size: 12px;
}
}

@media (min-width: 482px) and (max-width: 725px){
.heading{
    font-size: 11px;
        line-height: 13px;
        margin-top: 0;
}
}

@media (min-width: 482px) and (max-width: 682px){
    #backImg{
      background-size: 120% auto;
    /* background-position-x: right; */
    background-position: right top 26vh;
}


    #logo{
        height: 4.5vh;
            left: 7.5%;
    }
    #burgerIcon{
        height: 1.5vh;
    }
    #searchBox {
        width: 25vw;
    }
}

@media (max-width: 1094px){
    .wpcf7{
        width: 100%;
            margin-left: 30px !important;
    }


    .tableSearchColumns, .tableSearchColumns2{
        width: 100%;
    }
    #downloadahpLink,.ahpDownload{
        width: 100%;
    }

     table.dataTable thead .sorting_asc{
            background-size: auto 12%;
    }

    table.dataTable thead .sorting {
    background-size: auto 32%;
}
table.dataTable thead .sorting_desc{
        background-size: auto 12%;
}
}
    

@media (min-width: 482px) and (max-width: 679px){
    
    .slides{
        height: 550px;
    }
}

@media (max-width: 482px){
    ul.dash > li:before{
    display: none !important;
}
    #contacts{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}
}

@media (max-width: 679px) {
.dropdown-content a{
        border-right: solid 1px #c3c3c3;
}

.dropdown-content{
    right: 0px;
}

#loginLink{
    margin-right: 0;
}
#loginIcon{
    margin-right: 10px;
    margin-left: 10px;
}
.dropbtn {
  display: none !important;
}
.dropbtnMobile{
    display: flex !important;
}

#contactUsDiv{
    display: block;
}
#contactDetail{
        width: 100%
    }
.wpcf7{
        margin-left: 0 !important;
    }

.n2-section-smartslider p{
        font-size: 10px !important;
        margin-top: 1px !important;
}   


#faqlogo1, #faqlogo3{
    width: 18%;
}
#faqlogo2 {
    margin-top: 33px;
}
#faqlogo3 {
    margin-top: 25px;
    margin-right: 30px !important;
}
#faqlogo4 {
    margin-right: 10px !important;
}

#faqlogo5 {
    margin-top: 25px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#faqlogo6{
    margin-top: 20px;
    margin-right: 40px !important;
}
#faqlogo7{
    margin-left: 0 !important;
    margin-top: 30px;
}
#faqlogo8{
    margin-top: 35px !important;
}
#faqlogo9{
    margin-top: 20px;
    margin-bottom: 20px;
    width: 19%;
    margin-left: 0px !important;
}
#faqlogo10 {
    margin-top: 30px;
    width: 14%;
    margin-left: 0px !important; 
}


#faqlogosdiv img{
    margin-right: 20px;
}

#stripeBackDiv{
    background-size: 250% 100%;
    height: 31vh;
}

#leftSideBar{
    display: block;
        margin-top: 0;
    width: 58vw;
}
#burgerIcon {
    left: 15px;
}


#navDiv {
    height: calc(4.8vh + 10px);
}

#logo{
        position: absolute;
    height: 5.5vh;
    margin-top: 2vh;
    width: auto;
    margin-left: 56px;
}

.blockheading2Soft{
margin-top: 20px;
    font-size: 20pt;
}

#blockImgDiv {
        margin-top: 25px;
}

.slides{
    height: 460px;
}
#days, #hours, #minutes {
height: 75px;
line-height: 75px;
    font-size: 33pt;
}

#daysLabel, #hoursLabel, #minutesLabel {
    height: 30px;
        font-size: 14pt;
        line-height: 30px;
}

.clockLabels {
    margin-top: 14px;
}

#countdownClock{
    margin-top: 25px;
}

.logoImg {
    height: 70%;
}
#logoLine{
    margin-left: 5%;
}

#poweredByText{
    font-size: 16px;
}

#logoLine{
        margin-top: 20px;
    margin-bottom: 75px;
}

#left1{
    margin-left: 30px;
}
#powerVerticalHr{
    margin-left: 30px;
}

#logoBottom {
    height: 66px
}


#supportTeam{
    font-size: 18px;
}

.footerLinkDiv {
    line-height: 1.5;
    font-size: 13px;
}

#loginNavi{
    position: absolute;
    z-index: 9000;
    width: 100%;
    height: 10vh;
    background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/leftCornerTablet.png);
    background-position-y: center;
    background-size: 60% 100%;
    background-repeat: no-repeat;
    background-position-x: left;
}

 .slides{
        margin-bottom: 30px;
    }
#searchBox {
    height: 100%;
    background-color: #e5f1f4;
    width: 30vw;
   /* margin-right: 15px;*/
    background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/icons/search.png);
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: center;
    text-align: right;
    display: flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-size: 16px 18px;
}

#searchBox form{
       width: 70%;
       height: 98%;
}

#loginLink{
    display: none;
}

    #wholeNavi{
        border-top: 0;
    }
#stripeBack {
    content: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/lines.png);
    height: auto;
    width: 100%;
}
    #logoCorner{
        display: none;
        width:45%;
        height: 8vh;
    }

    #logoCornerTablet{
        display: block;
            width:45%;
        height: 8vh;
    }

  #mainNavDiv{
    display: none;
  }
  #wrapper{
    margin-top: -3.5vh;
  }
/*
  #logo{
       top: 10px;
    left: 50px;
    height: 5vh;
  }*/
  #burgerIcon{
        top: 25px;
    left: 20px;
    z-index: 12000;
    height: 1.5vh;
    position: absolute;
    display: block;


        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
  }
  #wholeNavi{
    height: 8vh;
  }

  #backText{
display: none;
            font-size: 21pt;
    top: -27vh;
    line-height: 1.3;
    max-width: 94%;
    margin-left: 6%;
  }

  #backTextMobile{
    display: block;
    font-size: 25px;
    top: -27vh;
    line-height: 1.1;
    max-width: 94%;
    margin-left: 8%;
    font-family: 'Roboto Slab', serif;
    color: white;
    margin-right: 4%;
  }

  #loginLink{
    font-size: 11pt;
  }
  .training{
    width:16.5%;
    height: 143px;
  }
  .tileIcon {
    height: 50px;
    margin-top: 17px;
}
.tileIcon2{
        height: 55px;
        margin-top: 17px;
}
    .heading{
        font-family: 'Open Sans', sans-serif;
            font-weight: 800;
        font-size: 11.5pt;
        padding-top: 0;
        letter-spacing: -0.8px;
    }

    .text{
        height: 50%;
    /* line-height: 100%; */
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    }

    #backImg{
        height: 67vh;
    }
    #trainingDiv{
        margin-top: -24vh;
    }

    #firstScreen{
        height: 105vh;
    }
    #backImg{
        height: 58vh;
    }
    #searchBox form{
        height: auto;
    }
    #loginIcon{
    height: 45%;
    margin-right: 15px;
}

#slidesDiv{
    margin-top: 0;
    margin-bottom: 0;
}

#secondBlock{
    display: none;
}

.slides{
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
#slidesDiv{
    display: block;
}
#moreText{
    display: none;
}
#lessText{
    display: contents;
}

#burgerIcon{
    z-index: 12000;
}

#backText{
}

#firstScreen {
    height: 110vh;
}

.tabletRemovedBlock{
    display: none;
}
#trainingDivMobile{
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 50px;
    background-color: #f5f5f5ff;
}
.mobileIcons{
    height: 25px;
    width: 30px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.mobileTrainingItems{
    display: flex;
        height: 5vh;
    background-color: white;
    -webkit-box-shadow: 4px 4px 6px -1px #adadad;
    -moz-box-shadow: 4px 4px 6px -1px #adadad;
    box-shadow: 4px 4px 6px -1px #adadad;
    border-radius: 7px;
    /* width: 32%; */
    position: relative;
    border-top: solid 1.5px #a5a5a540;
    border-left: solid 1.5px #a5a5a540;
        margin-bottom: 15px;
}
.mobileIconText{
    position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #007193;
    font-size: 12px;
}
.mobileIconTextParent{
    margin-left: 5%;
    margin-right: 3%;
}

#trainingDiv{
    display: none;
}
#trainingDivMobile{
    display: block;
}
.mobileTrainingItems{
            height: 6.5vh;
    }
.siderBarItems{
    font-size: 12.5px;
}

}

@media (max-width: 486px){
    #faqlogo8 { 
        margin-left: 0 !important;
        margin-right: 10px !important;
    }
}

@media (max-width: 481px){
    #searchBox input{
        width: 85%;
    }

    #cusTable1{
        height: 180px;
    }

    h3.hrf-title{
        font-size: 16px !important;
    }

    .aboutLogoBlock{
        display: block;
    }
    .leftLogoBlock{
        width: 80%;
    }
    .aboutlogoImgs{
        width: 80%;
        margin-left: 0;
    }

    .rightTextBlock {
    width: 100%;
}

    #wholeNavi{
        margin-bottom: 10px;
    }

    .logoHeading {
    margin-top: 30px;
}

    #backImg{
           background-size: 120% auto;

    background-position: right top 24vh;
}

    .siderBarItems {
    font-size: 11px;
}
}

@media (max-width: 370px){
    #backTextMobile {
    font-size: 22px;
}
.mobileIconText {
    font-size: 11.5px;
}
}

@media (max-width: 520px){
    table.dataTable thead .sorting_asc{
            background-size: auto 12%;
    }

    table.dataTable thead .sorting {
    background-size: auto 32%;
}
table.dataTable thead .sorting_desc{
        background-size: auto 12%;
}

    .tableSearchColumns, .tableSearchColumns2{
        width: 100%;
    }

    .ahpDownload{
        width: 100%;
    }

    #downloadIconDiv{
            height: 50%;
    min-width: 9%;
    }

    #downloadahpLink{
        width: 100%;
    }

    .ahpDownload2{
        width:100%;
    }

    .ahpDownload3{
        width:100%;
    }

    #downloadText{
            font-size: 13px;
            line-height: 1.25;
            margin-right: 10px;
    }

    .cropHeadingText{
        max-width: 100%;
    }
    .pageContentDiv{
        margin-top: 0;
    }
.secondaryHeading {
       position: absolute;
    font-family: 'Roboto Slab', serif;
    font-size: 17px;
    color: white;
        margin-left: 10px !important;
    /* line-height: 33px; 
    margin-left: 20px;*/
   /* margin-top: 5px;*/
    /* margin-bottom: 5px; */
    max-width: 55%;
  /*  line-height: 22px;*/
}
.secondaryHeading h1{
    font-family: 'Roboto Slab', serif;
    font-size: 17px;
    color: white;
    /* line-height: 33px; 
    margin-left: 20px;*/
   /* margin-top: 5px;*/
    /* margin-bottom: 5px; */
  /*  line-height: 22px;*/
}

.secondaryLongHeading {
       position: absolute;
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    color: white;
        margin-left: 10px !important;
    /* line-height: 33px; 
    margin-left: 20px;*/
   /* margin-top: 5px;*/
    /* margin-bottom: 5px; */
    max-width: 66%;
  /*  line-height: 22px;*/
}
.secondaryLongHeading h1{
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    color: white;
    /* line-height: 33px; 
    margin-left: 20px;*/
   /* margin-top: 5px;*/
    /* margin-bottom: 5px; */
    line-height: 22px !important;
}

.secondaryMainText{
    font-size: 17px;
}
#footerDiv2{
    display: block;
}
#footerSupportDiv{
    display: none;
}
#footerSupportMobileDiv{
        width: 70%;
    margin-left: 10px;
        margin-top: 20px;
        display: block;
}


#footerCombinedMobile{
    display: flex;
    padding-left: 10px;
    padding-bottom: 28px
}


#secondFooter,#firstFooter{
    width: auto;
    display: none;
}
.mobileHideFooter{
width: auto;
    display: none;
}
#footerCombinedMobile #secondFooter{
    margin-top: 10px;
    display: block;
}
#footerCombinedMobile #firstFooter{
    display: block;
}
#footerDiv{
    height: auto;
}
}


/* iPad 1,2, mini and air */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  #loginNavi { 
    background-size: 36% 100%;
   } 

   #contacts{
    font-size: 9.5pt;
   }
   .footerLinkDiv {
    font-size: 9.5pt;
   }

   #contactsRight{
    margin-left: 20px;
   }

   .slides{
    height: 450px;
   }

   #logo{
    height: 5.5vh;
    margin-top: 2vh;
    margin-left: 8%;
   }
   #leftSideBar{
        width: 35vw;
   }
}

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
#stripeBackDiv{
    height: 22vh;
}
#stripeBackDiv {
    background-size: 120% 100%;
}

#backImg{

}

#backText{
        font-size: 28px;
    line-height: 38px;
    max-width: 55%;
    margin-left: 8%;
}

#trainingDiv {
    margin-top:  47vh;
}

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
#logo{
    position: absolute;
    height: 5.6vh;
    margin-top: 1.8vh;
    width: auto;
    margin-left: 14%;
}

#burgerIcon {
    top: 30px;
    left: 15px;
    z-index: 12000;
    height: 2vh;
    position: absolute;
    display: block;
    width: 10%;
}

#navDiv{
    height: calc(5.2vh + 10px);
}

#stripeBackDiv {
    background-image: url(https://www.riw.net.au/wp-content/themes/MTAThemeV1/images/lines@3x.png);
    height: 28vh;
}

#wrapper {
    margin-top: -2.8vh;
}

}

@media (min-width: 900px){
    #searchBox input{
        width: 15vw;
    }
}
    
/*    laptops      */
@media (max-width: 1980px) and (min-width: 1750px){
    .nav li .navHeading{
    font-size:15px;
    line-height: 16px;
    }

    #stripeBackDiv{
        height:28vh;
    }

    #backText{
        font-size: 35px;
            line-height: 43px;
            margin-left: 5%;
    }
    #trainingDiv{
        margin-top: 30vh;
    }
    #logo{
        margin-left: 3.5%;
    }
}

@media (max-width: 1749px) and (min-width: 1650px){
    .nav li .navHeading{
    font-size:15px;
        line-height:16px;
    }

    #stripeBackDiv{
        height:28vh;
    }

    #backText{
        font-size: 33px;
    }
    #trainingDiv{
        margin-top: 34vh;
    }
    #logo{
        margin-left: 3.5%;
    }
}

@media (max-width: 1500px) and (min-width: 1359px) and (max-height: 900px) 
{
    #stripeBackDiv {
    height: 26vh;
    }

    #trainingDiv {
    margin-top: 34vh;
    }
    #backText {
    font-size: 29px;
    line-height: 34px;
    }
    .training {
    width: 14.5vw;
    height: 11vw;
    }
    .nav li .navHeading {
    font-size: 12.5px;
    line-height: 13px;
    letter-spacing: 0.3px;
    }
    #logo{
        margin-left: 4%;
    }
    #mainNavDiv {
        margin-top: -2px;
    }
}

@media (min-width: 1280px) and (max-width: 1358px) and (max-height: 870px) 
{
    #stripeBackDiv {
    height: 25vh;
    }
    .nav li .navHeading {
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 0.3px;
    }
    #logo{
        margin-left: 4%;
    }
    #backText {
    font-size: 25px;
    line-height: 31px;
    margin-left: 7%;
    width: 43%;
    }
    #trainingDiv {
    margin-top: 34vh;
    }
    .training {
    width: 15vw;
    height: 11.5vw;
        margin-left: 12px;
    margin-right: 12px;
    }
    .tileIcon {
        height: 55px;
    }
    .tileIcon2{
        height: 65px;
}
    .heading {
        font-size: 15px;
    }
    #mainNavDiv{
        margin-top: -2px;
    }

}

@media (min-width: 1068px) and (max-width: 1279px) and (max-height: 840px) 
{
    #stripeBackDiv {
    height: 25vh;
    }
    .nav li .navHeading {
    font-size: 8.6px;
    line-height: 9px;
    letter-spacing: 0.5px;
    }
    #logo{
        margin-left: 4%;
    }
    #backText {
    font-size: 23px;
    line-height: 26px;
    margin-left: 8%;
    width: 43%;
    }
    #trainingDiv {
    margin-top: 34vh;
    }
    .training {
    width: 15vw;
    height: 11.5vw;
        margin-left: 12px;
    margin-right: 12px;
    }
    .tileIcon {
        height: 48px;
    }
    .tileIcon2{
        height: 55px;
}
    .heading {
        font-size: 14px;
    }
    #mainNavDiv{
        margin-top: 0;
    }

}



@media (min-width: 1025px) and (max-width: 1067px) and (max-height: 780px) 
{
    #stripeBackDiv {
    height: 25vh;
    }
    .nav li .navHeading {
    font-size: 8px;
    line-height: 9px;
    letter-spacing: 0.5px;
    }
    #logo{
        margin-left: 4%;
    }
    #backText {
    font-size: 23px;
    line-height: 26px;
    margin-left: 8%;
    width: 43%;
    }
    #trainingDiv {
    margin-top: 34vh;
    }
    .training {
    width: 15vw;
    height: 11.8vw;
        margin-left: 12px;
    margin-right: 12px;
    }
    .tileIcon {
        height: 46px;
    }
    .tileIcon2{
        height: 54px;
}
    .heading {
        font-size: 13px;
    }
    #mainNavDiv{
        margin-top: 2px;
    }

}