body {
    font-family: 'Roboto', sans-serif;
    /* font-weight: 300;*/
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
.hide-overflow{
    overflow:hidden !important;
}
.container {
    /* padding-bottom: 15px;
    padding-top: 15px; */
    width: 1400px;
    max-width: 100%;
}

#mobile_table::-webkit-scrollbar {
    width: 10px;
  }
  
  #mobile_table::-webkit-scrollbar-thumb {
    background-color: red;
  }
.pt-20px {
    padding-top: 20px;
}

.row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.center-container {
    padding: 50px;
    width: 100%;
}

.center-container1,
.center-container2 {
    /*border: 1px solid #487eae;*/
    padding: 40px 40px;
}

.center-container2 .div1 h1 {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    margin-top: 0px;
    font-family: sans-serif;
}

.center-container2 .div1 p {
    color: #14A5E4;
    font-size: 20px;
    font-weight: 600;
}

.center-container2 .div2 p {
    color: #fff;
}

.center-container2 .div2 p {
    font-size: 16px;
}

.center-container2 .div2 .p1 {
    margin-top: 0;
    font-size: 25px;
    font-weight: bold;
    font-family: sans-serif;
    margin-bottom: 25px;
    line-height: 1.3;
    color: #fff;
}

h2 {
    font-family: TitlingGothicFB Medium Bold;
}

p {
    margin-bottom: 15px;
}

.ml-auto {
    margin-left: auto;
}

img {
    max-width: 100%;
}




.section1container {
    margin-left: 15%;
}


.sales-value-div{
    z-index: 3;
    position: relative;
  
}
.divlineblue {
    position: absolute;
    z-index: 0;
    width: 15%;
    height: 30%;
    left: -5px;
    bottom: 10%;
    background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/v1675131982/Real%20Estate%20Business/top-50-agents-2023/SA/line_blue_rfuyww.png);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}

.div_image_2 {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    bottom: 0;
    background-image: url("https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_700/v1675213142/Real%20Estate%20Business/top-50-agents-2023/all_2x_zizsuv.webp");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

.div_image_1 {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    bottom: 0;
    background-image: url("https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_700/v1675131982/Real%20Estate%20Business/top-50-agents-2023/SA/SA-rectangle_ljtxmw.webp");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}



@media screen and (max-width: 767px) {
    #section8 .item-scroll {
        text-align: center !important;
        font-size: 14px !important;
    }
    #section10 .chart-choices .chart-choice {
        font-size: 1em;
    }
    #formModal .modal-dialog {
        width: auto !important;
    }
    #formModal {
        padding: 0;
    }
}


/*section9*/

#section9 {
    background: transparent linear-gradient(180deg, #3763B7 0%, #040472 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

#section9 .center-container2 {
    /* margin-bottom: 15% !important; */
}


/* #section9 .div1,
    #section9 .div2 {
    margin-top: -12%;
    } */

#section9 h1 {
    font-size: 96px !important;
    text-align: left;
    font: normal normal medium 96px/96px TitlingGothicFB;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

#section9 .p1 {
    font-family: TitlingGothicFB Narrow;
    font-weight: 300;
    font-size: 36px;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

#section9 .div2 .p2,
#section9 .div2 .p3,
#section9 .div2 .p4,
#section9 .div2 .p5,
#section9 .div2 .p6 {
    font-size: 20px !important;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}


/*  
     #section9 {
     z-index: 5;
     } */


/*  
     #section9 img.img3 {
     position: absolute;
     top: -100px;
     left: 50px;
     width: 500px;
     max-width: 100%;
     }
     
     #section9 .div1 h1 {
     font-size: 96px;
     }
     
     #section9 .div1 p {
     font-size: 36px;
     color: #fff;
     font-family: TitlingGothicFB Narrow;
     }
     
     #section9 .center-container2 {
     transition: all 1.2s;
     transform: translate3d(0, 0, 0);
     border: 0;
     opacity: 1;
     }
     
     #section9 .right {
     background-color: #342F58;
     z-index: 99;
     height: 100%;
     position: absolute;
     width: 50%;
     top: 0;
     transition: all 1s;
     }
     
     #section9 .agent-name {
     padding-left: 10px;
     } */

#section1 .center-container2,
#section2 .center-container2,
#section4 .center-container2,
#section5 .center-container2,
#section11 .center-container2,
#section6 .center-container2,
#section9 .center-container2 {
    transition: all 1.2s;
    transform: translate3d(0, 20%, 0);
    border: 0;
}

#section5 .center-container2,#section11 .center-container2 {
    transition: all 1.2s;
    transform: translate3d(0, 10%, 0);
    border: 0;
}


/* section6 */

#section12 {
    background-color: #322c6a !important;
    color: #fff;
    margin-top: 0px;
}

#section12 img.img3 {
    /*right: -70%;*/
    width: 500px;
    max-width: 100%;
    margin: auto;
    /*position: absolute;
    transition: all 1.3s ease-in;*/
}

#section12 .container {
    position: relative;
}

#section12 .center-container2 h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 25px;
    line-height: 1.3;
}

#section12 p {
    font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

#section12 .images {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
}

#section12 img.img-2b {
    position: absolute;
    height: 100%;
    right: 100%;
    top: 0;
    transition: all 1s;
}

#section12 img.img-path_3 {
    width: 250px;
    position: absolute;
    bottom: 0;
    right: 35%;
    transition: all 1.3s ease-in;
    max-height: 0;
    object-fit: cover;
    object-position: bottom;
}

#section12 .border {
    border: 1px solid #00AEEF;
    position: absolute;
    width: 150%;
    height: 95%;
    transform: skew(-30deg);
    right: -150%;
    transition: all 1s;
    opacity: 0;
}


/* section11 */

#section11 {
    background-color: #342F58 !important;
    color: #fff;
    margin-top: 0px;
}

#section11 .center-container2 {
    transition: all 1.2s;
    transform: translate3d(0, 20%, 0);
}


/* section12 */


/* #section12 {
    padding: 0 60px;
    } */

#section12 .img-path_2 {
    width: 120px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.7s;
}


/* section13 */


/* 
div.data-table-row>div:nth-of-type(odd) {
    background: #eee;
} */

#section13 .table {
    height: 560px;
}

#section13 table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}

#section13 table thead {
    /* head takes the height it requires, 	
    and it's not scaled when table is resized */
    flex: 0 0 auto;
    width: calc(100% - 0.9em);
}

#section13 table tbody {
    /* body takes all the remaining available space */
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
}

#section13 table tbody tr {
    width: 100%;
}

#section13 table thead,
#section13 table tbody tr {
    display: table;
    table-layout: fixed;
}

#section13 .table-wrap {
    background: #fff;
    padding: 0px 20px 0px 20px;
    width: 100%;
    height: 100%;
    margin: auto;
    overflow-y: hidden;
    padding-top: 20px;
    word-break: break-word;
}




.pagination>.active>span:hover {
    background: #00AEEF;
    border-radius: 30px;
    color: #fff;
}



#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #00AEEE;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #000000;
}

.fixed-table-container tbody td .th-inner,
.fixed-table-container thead th .th-inner {
    white-space: normal !important;
    line-height: 1.3 !important;
}

.bootstrap-table .table>thead>tr>th {
    vertical-align: top !important;
}

div#mobile_table {
    color: #000;
    width: 100%;
    height: 60vh;
    padding: 5px 20px;
    overflow-y: scroll;
}

.data-table-row {
    width: 100%;
    margin: auto;
}

#section13 .row {
    border: none !important;
    margin-top: 30px;
    align-items: center;
}



#section13 .cardtitle {
    border: 1px solid #f00;
    margin: 0;
    width: 100% !important;
}

#section13 .cardtitle h4 {
    color: #020F3F;
    font: normal normal bold 18px Roboto;
}

#section13 .cardrank {
    width: 20%;
    margin: 0;
}

#section13 .cardname {
    width: 70%;
    margin: 0;
}

#section13 .carddetails {
    margin: 0;
    /* margin-bottom: 20px; */
}

#section13 .carddetails h5 {
    color: #000;
    font: normal normal regular 13px Roboto;
}

#section13 .card-md {
    width: 40%;
    margin: 0;
}

#section13 .card-sm {
    width: 20%;
    margin: 0;
}


/* top 50 agents - initial page css */

#wa_column {
    background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_700/v1709691750/Real%20Estate%20Business/rankings/common/top-50-agents-portal/WA_hcblfw_n52owh.webp);
}

#qld_column {
    background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_700/v1709691751/Real%20Estate%20Business/rankings/common/top-50-agents-portal/QLD_ufdsod_pd6l0n.webp);
}

#vic_column {
    background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_700/v1709691748/Real%20Estate%20Business/rankings/common/top-50-agents-portal/VIC_h66gdn_dte8bp.webp);
}

#nsw_column {
    background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_700/v1709691750/Real%20Estate%20Business/rankings/common/top-50-agents-portal/NSW_ycsmf0_evdzon.webp);
}

#sa_column {
    background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_700/v1709691749/Real%20Estate%20Business/rankings/common/top-50-agents-portal/SA_j3ln5g_bzkhpd.webp);
}
.div5column {
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 20%;
    /*( width: 384px; )*/
    height: 100vh;
    /* min-height: 1080px; */
    position: relative;
    transition: 500ms;
}

.div5column:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #FAFAFA 0%, #306D98 100%) 0% 0% no-repeat padding-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.8;
}

.div5column:hover:after {
    content: ' ';
    /* background: transparent linear-gradient(180deg, #000000A6 0%, #00000000 100%) 0% 0% no-repeat padding-box; */
    opacity: 0;
}

.div5column:hover .btnviewstate {
    display: block;
    animation-name: fadeFromtop;
    -webkit-animation-name: fadeFromtop;
    animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.div5column:hover .div1container .available h1 {
    text-align: center;
    /* margin-top: -20px;  */
    animation-name: fadeFromBottom;
    -webkit-animation-name: fadeFromBottom;
    animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@keyframes fadeFromBottom {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(-25px);
    }
}

@keyframes fadeFromtop {
    0% {
        opacity: 0;
        transform: translateY(-5px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.div1container {
    z-index: 1;
    /* width: 250px;
    height: 32px; 
    position: absolute;
    top: 70%;
    left: 50%;
    padding:0;
    margin: 0;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
}

.div1container .available h1,
.div1container .comingsoon h1 {
    text-align: center;
    /* font: normal normal bold 26px/1.2 Lato; */
    font: normal normal bold 1.354vw/1 Lato;
    font-family: Lato;
    font-size: 1.354vw;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #00000066;
    text-transform: uppercase;
    transition: all 0.5s ease;
    margin: 0 !important;
    width: 100% !important;
    text-shadow: 0px 1px 2px #00000066;
}

.comingsoon {
    /*margin-top: -20px !important;*/
    margin: auto;
}

.div1container .comingsoon p {
    text-align: center;
    font-size: 26px;
    font-family: Lato;
    font: normal normal bold 1.354vw/1 Lato;
    font-weight: 400 !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    text-shadow: 0px 1px 2px #00000029;
    /*margin-top: 0.365vw !important;*/
    margin-bottom: 0;
}

.div1container .comingsoon h1 {
    /*height: 50px !important;*/
    /* width: 235px !important; */
    /* border-bottom: 4px solid #00AEEF; */
    /* padding-bottom: 7px; */
    /*margin-bottom: 0.365vw !important;*/
}
.div1container .available h1 {
    margin-top: 1.354vw !important;
}
.viewstate {
    width: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.btnviewstate {
    display: none;
        transition: bottom 1s ease-in;
    /* margin-bottom: -15%; */
    /* bottom: -190%; */
    z-index: 1;
    /* position: absolute; */
    /* line-height: 45px; */
    /* left: 50%; */
    /* width: 207px; */
    /* height: 58px; */
    background: #00AEEF 0% 0% no-repeat padding-box;
    border: 1px solid #00AEEF;
    border-radius: 5px;
    opacity: 1;
    text-align: center;
    font-size: 0.938vw;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    padding: 0.938vw 1.563vw;
}

.btnviewstate:hover {
    color: #FFF;
}

.reb_intro {
    position: absolute;
    pointer-events: none;
    /* right: 45%; */
    top: 0%;
    z-index: 1;
    left: 80px;
}

.reb_intro #mainlogo {
    width: 20.57292vw;
    height: auto;
    margin-bottom: 2.5vw;
}

.reb_intro .reb_intro_logo {
    /*-webkit-filter: drop-shadow(5px 5px 5px #2222226b);
    filter: drop-shadow(5px 5px 5px #2222226b);*/
    /* top: 150px;
       left: 180px; */
    /*  top: 50px; */
    /* left: 380px; */
    /* margin-top: 20px;
    margin-left: 5%; */
    /*  background: transparent url(/templates/custom/images/top50agents2023/assets/reb-logo-group.png) 0% 0% no-repeat padding-box; */
    opacity: 1;
    transition: all 1s;
    max-width: 100%;
    max-height: 100%;
}

.reb_intro .reb_intro_pp {
    -webkit-filter: drop-shadow(5px 5px 5px #2222226b);
    filter: drop-shadow(5px 5px 5px #2222226b);
    /* top: 30px;
       left: 1080px; */
    margin-top: -205px;
    /* left: 500px; */
    margin-left: 110%;
    margin-right: 7% !important;
    /*  height: 122px; */
    /*  background: transparent url(/templates/custom/images/top50agents2023/assets/PP.png) 0% 0% no-repeat padding-box; */
    opacity: 1;
}

.reb_intro_txt {
    /* margin-left: 5%; */
}

.reb_intro_txt h1 {
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    font-family: Roboto;
    letter-spacing: 0px;
    color: #2E3192;
    opacity: 1;
}

.reb_intro_txt .p1 {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    font-family: Roboto;
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
}

.reb_intro_txt .p2 {
    text-align: justify;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Open Sans';
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
    width: 674px;
    height: 83px;
}

#content {
    z-index: 100;
    position: relative;
}

#content img {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 300px !important
}

.fixed-bottom {
    z-index: 100;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #000;
    color: white;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
}
/*
#slctmenu {margin:0}
#footerdiv {
    margin: 0 !important;
}
#selectstate {
    padding: 0;
}*/
.footerlogo {
    padding: 0;
    /*top: 5px;
    height: 30px;
    padding: 0;*/
    /* bottom: -10px;
    left: 140px;
    width: 28px;
    height: 19px;
    background: transparent url(/templates/custom/images/top50agents2023/assets/reb-logo.png) 0% 0% no-repeat padding-box; */
}

.footerspan1 {
    font-family: Roboto;
    text-align: center;
    font: normal normal medium 14px/52px Roboto;
    letter-spacing: -0.32px;
    color: #FFFFFF;
}

.footerp1 {
    padding-right: 7.292vw;
    /*bottom: 5px;*/
    text-align: right;
    /*bottom: 5px;*/
    /* left: 60%; */
    text-align: right;
    font-family: Montserrat;
    font: normal normal 600 14px/52px Montserrat;
    letter-spacing: -0.32px;
    color: #FFFFFF;
    padding-left: 0;
}

.footerp1 p {
    margin-bottom: 0;
}

.footerspan {
    text-align: center;
    font: normal normal 600 14px/52px Montserrat;
    letter-spacing: -0.32px;
    color: #FF8F6C;
}

.div1container {
    width: calc(100% - 15px);
    /* height: 32px; */
    /* margin-left: -15px; */
    position: absolute;
    /* top: 81%; */
    top: 80vh;
    /* left: 50%; */
    padding: 0;
    margin: 0;
    /*margin-left: -15px;*/
    /*-ms-transform: translate(-50%, -50%);*/
    /* transform: translate(-50%, -50%);*/
}
.hr-commingsoon {
    background: #00AEEF;
    margin: 0.365vw 3.906vw;
    border: 2.5px solid #00AEEF;
}

.div1container h1 {
    /* text-align: center;
    font: normal normal bold 26px/104px Lato;
    font-family: Lato;
    font-size: 26px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #00000066;
    text-transform: uppercase; */
    opacity: 1;
}

#rebtop50 img {
    position: relative;
    bottom: 15px;
    width: 196px;
    vertical-align: middle;
    opacity: 1;
}

#reb_nav {
    top: -3px !important;
    z-index: 5;
    margin-bottom: -2px;
    margin-left: -2px;
    margin-right: -2px;
    border: 1px solid #000;
    height: 62px;
    text-align: center;
    padding-left: 9%;
    background: hsl(0, 0%, 0%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.navbar-nav {
    width: 80%;
}

.navbar-nav>li,
.navbar-nav {
    float: left !important;
}

.navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
}

.navbar-right {
    float: right !important;
}

.navbar-nav li {
    height: 59px;
    /* border: 1px solid rgba(255, 255, 255, 0.118); */
    border-right: 1px solid rgba(255, 255, 255, 0.118);
}

.menu-item {
    /* border: 1px solid rgba(255, 255, 255, 0.118); */
    width: 20%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.menu-item a,
.menu-item a:hover,
.menu-item a:focus,
.menu-item a:active {
    color: #FFFFFF;
    height: 62px;
    /* border: 1px solid rgba(255, 255, 255, 0.118); */
    /* margin-top: -2px; */
}

.menu-item a:hover,
.menu-item a:focus,
.menu-item a:active {
    transition-delay: 500ms !important;
    background: #00AEEF 0% 0% no-repeat padding-box !important;
}

.menuactive {
    margin-top: -1px !important;
    transition-delay: 500ms !important;
    background: #00AEEF 0% 0% no-repeat padding-box !important;
}

.withmenuspan a {
    pointer-events: none;
    /* margin-top: -7px;
    height: 60px; */
}

.menuspan {
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font: normal normal medium 12px/104px Roboto;
    letter-spacing: 0px;
    color: #00AEEF;
    text-transform: uppercase;
    opacity: 1;
}


/* #formpage{
    background-image: url(/templates/custom/images/top50agents2023/assets/state-based-bg.jpg); 
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    } */

.formpage {
    /* margin-top: -2%; */
    border: 1px solid #55367D;
    background: transparent url('/templates/custom/images/top50agents2023/assets/state-based-bg.jpg') 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    height: 100%;
    width: 100%;
    opacity: 1;
    background-size: cover;
}


/* #subformpage {
    bottom: -5px;
    right: 0;
    left: 1129px;
    min-width: 791px !important;
    min-height: 1016px !important;
    width: 100%;
    height: 100%;
    background: transparent url('/templates/custom/images/top50agents2023/assets/WA/WA_deco.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    background-position: right bottom;
    } */


/* #subformpage {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 93%;
    height: 93%;
    background: url('/templates/custom/images/top50agents2023/assets/WA/WA_deco.png') 0% 0% no-repeat padding-box;
    background-size: contain;
    background-position: right bottom;
    } */

.logoreb {
    width: 733px;
    height: 207px;
}

.div2container {
    z-index: 1;
}

.div2container h1 {
    font: normal normal bold 26px/104px Lato;
    font-family: Lato;
    font-size: 26px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 0px 1px 2px #00000066;
    text-transform: uppercase;
    opacity: 1;
}

img.logoreb {
    top: 177px;
    left: 140px;
    width: 733px;
    height: 207px;
}

img.logoreb_scltdstate {
    top: 384px;
    left: 91px;
    opacity: 1;
}

img.logoreb_pp {
    top: 514px;
    left: 140px;
    opacity: 1;
}

#folderhandle {
    display: none;
}

.modal-backdrop {
    z-index: 1040 !important;
}

.modal-content {
    margin: 2px auto;
    z-index: 1100 !important;
    height: 700px;
}


/* // FABRIK FORM ########################################################################################################################################## // */

#formModal .modal-dialog {
    width: 65%;
}

.popover {
    display: none !important;
}

.form_top50agents2023 {
    padding: 50px 18%;
    text-align: center;
}

a#backtoportal {
    position: relative;
    /*top: -70px;*/
    /*left: 55%;*/
    z-index: 9999;
    text-decoration: underline;
    width: 127px;
    height: 21px;
    text-align: left;
    font: normal normal normal 16px/26px Roboto;
    letter-spacing: 0px;
    color: #9D9D9D;
    text-transform: uppercase;
    opacity: 1;
}

.form_top50agents2023 legend.legend {
    display: none;
}

.form_top50agents2023 .row-fluid {
    width: calc(100%/2 - 10px);
}

.form_top50agents2023 .fabrikGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form_top50agents2023 .row-fluid:nth-child(16),
.form_top50agents2023 .row-fluid:nth-child(17),
.form_top50agents2023 .row-fluid:nth-child(18),
.form_top50agents2023 .row-fluid:nth-child(19),
.form_top50agents2023 .row-fluid:nth-child(20),
.form_top50agents2023 .row-fluid:nth-child(21) {
    width: 100%;
}

.form_top50agents2023 .row-fluid:nth-child(16) {
    margin-top: 15px;
}

.fabrikActions.form-actions .row-fluid,
div#top_50_agents_in_real_estate_2023___term .row-fluid,
#top_50_agents_in_real_estate_2023___are_you_a_business_owner_executive_or_director_ .row-fluid,
.media-release {
    width: 100%;
}

.media-release {
    text-align: center !important;
    color: #f00;
}

.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___firstname"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___lastname"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___are_you_a_robot"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___term"] {
    display: none !important;
}

.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___firstname"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___lastname"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___position"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___emailaddress"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___mobile"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___company"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___company_size"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___organisation_type"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___term"] {
    color: #fff;
}

.form_top50agents2023 legend.legend {
    display: none;
}

.form_top50agents2023 .row-fluid {
    width: calc(100%/2 - 10px);
}

.form_top50agents2023 .fabrikGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form_top50agents2023 .row-fluid:nth-child(12),
.form_top50agents2023 .row-fluid:nth-child(13),
.form_top50agents2023 .row-fluid:nth-child(14),
.form_top50agents2023 .row-fluid:nth-child(15) {
    width: 100%;
}

.form_top50agents2023 .row-fluid:nth-child(14),
.form_top50agents2023 .row-fluid:nth-child(13),
.form_top50agents2023 .row-fluid:nth-child(12) {
    padding-top: 20px;
}

.form_top50agents2023 .row-fluid:nth-child(15) {
    padding-bottom: 20px;
}

.form_top50agents2023 .row-fluid:nth-child(16) {
    margin-top: 15px;
}

.fabrikActions.form-actions .row-fluid,
div#top_50_agents_in_real_estate_2023___term .row-fluid,
#top_50_agents_in_real_estate_2023___are_you_a_business_owner_executive_or_director_ .row-fluid {
    width: 100%;
}

#top_50_agents_in_real_estate_2023___are_you_a_business_owner_executive_or_director_ .row-fluid {
    display: flex;
    justify-content: center;
    width: 100%;
}

#top_50_agents_in_real_estate_2023___are_you_a_business_owner_executive_or_director_ .row-fluid {
    display: flex;
    justify-content: center;
    width: 100%;
}

.g-recaptcha>div {
    margin: auto;
}

#top_50_agents_in_real_estate_2023___are_you_a_business_owner_executive_or_director_ .fabrikgrid_radio.span3 {
    width: 100px;
    float: left;
}

.form_top50agents2023 .fabrikElement input[type="text"],
.form_top50agents2023 .fabrikElement select {
    height: 40px;
    border-radius: 0px !important;
}

#contenthome,
#reb_nav_menu_tabletmobile {
    display: none;
}

.image-tablet {
    display: none !important;
}

.div_image_1-2 {
    display: none !important;
}

.form_top50agents2023 {
    background: #fff;
    padding: 50px 15%;
    text-align: center;
}

.form_top50agents2023 p {
    font-size: 22px;
    font-weight: 400;
    margin: 0 !important;
}

.form-actions {
    width: 100px;
    margin: auto !important;
}

.popover {
    display: none !important;
}

button#fabrikSubmit_58,[id^="fabrikSubmit_"]  {
    /* margin-top: 10px; */
    background: #000;
    border: none;
    font-size: 18px;
    padding: 10px 25px;
    border-radius: 20px;
}

button#fabrikSubmit_58,[id^="fabrikSubmit_"]  {
    /* top: 20px; */
    margin-left: -27%;
    width: 191px;
    height: 60px;
    background: #000000;
    padding: 18px 63px;
    border-radius: 62px;
    text-align: center;
    font-family: Roboto;
    color: #FFFFFF;
    text-transform: uppercase;
}

.fabrikActions.form-actions .row-fluid,
div#top_50_agents_in_real_estate_2021___term .row-fluid,
#top_50_agents_in_real_estate_2021___are_you_a_business_owner_executive_or_director_ .row-fluid,
.media-release {
    width: 100%;
}

div#top_50_agents_in_real_estate_2021___term .row-fluid {
    margin-left: -50%;
}

.media-release {
    text-align: center !important;
    color: #f00;
}

.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___firstname"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___lastname"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___are_you_a_robot"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___term"] {
    display: none !important;
}

.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___firstname"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___lastname"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___position"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___emailaddress"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___mobile"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___company"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___company_size"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___organisation_type"],
.form_top50agents2023 label[for="top_50_agents_in_real_estate_2023___term"] {
    color: #fff;
}

.form_top50agents2023 legend.legend {
    display: none;
}

.form_top50agents2023 .row-fluid {
    width: calc(100%/2 - 10px);
}

.form_top50agents2023 .fabrikGroup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form_top50agents2023 .row-fluid:nth-child(12),
.form_top50agents2023 .row-fluid:nth-child(13),
.form_top50agents2023 .row-fluid:nth-child(14),
.form_top50agents2023 .row-fluid:nth-child(15) {
    width: 100%;
}

.form_top50agents2023 .row-fluid:nth-child(12) {
    padding-top: 20px;
}

.form_top50agents2023 .row-fluid:nth-child(15) {
    padding-bottom: 20px;
}

.form_top50agents2023 .row-fluid:nth-child(16) {
    margin-top: 15px;
}

.fabrikActions.form-actions .row-fluid,
div#top_50_agents_in_real_estate_2023___term .row-fluid,
#top_50_agents_in_real_estate_2023___are_you_a_business_owner_executive_or_director_ .row-fluid {
    width: 100%;
}

#top_50_agents_in_real_estate_2023___are_you_a_business_owner_executive_or_director_ .row-fluid {
    display: flex;
    justify-content: center;
    width: 100%;
}

div#top_50_agents_in_real_estate_2023___term .row-fluid {
    /*         margin-left: -50%; */
}

.g-recaptcha>div {
    margin: auto;
}

#top_50_agents_in_real_estate_2023___are_you_a_business_owner_executive_or_director_ .fabrikgrid_radio.span3 {
    width: 100px;
    float: left;
}

.form_top50agents2023 .fabrikElement input[type="text"],
.form_top50agents2023 .fabrikElement select {
    height: 40px;
    border-radius: 0px !important;
}


/* // MEDIA QUERIES #################################################################################################################################### */


/* // MEDIA QUERIES #################################################################################################################################### */

@media (max-width: 1700px) {
    #section5 .div2,#section11 .div2 {
        bottom: -20% !important;
    }
}

@media (max-width: 1400px) {
    .center-container {
        padding: 5% !important;
    }
    .reb_intro .center-container {
        padding: 50px !important;
    }
    .div1container h1,
    .div1container .comingsoon p {
        font-size: 20px !important;
    }
    .comingsoon {
        /*width: 80% !important;*/
    }
}

@media (max-width: 1350px) {
    .withmenuspan a {
        height: 64px;
    }
    .menuspan {
        font-size: 9px;
    }
    .menu-item {
        font-size: 14px;
    }
    /* #section5 .btn {
    margin-left: -20%;
    margin-top: 300px !important;
    padding-top: 20px;
    width: 200px;
    height: 60px;
    } */
}
/* qa screen */
@media screen and (max-width: 1367),
        screen and (max-height: 685px) {

    .reb_intro_txt .p1 {
        font-size: 19px !important;
        /* color:green !important; */
    }
    .reb_intro_txt .p2 {
        font-size: 15px !important;
        /* color:green !important; */
    }
}
@media screen and (max-width: 1367),
        screen and (min-height: 685px) {

    .reb_intro_txt .p1 {
        font-size: 21px !important;
        /* color:red !important; */
    }
    .reb_intro_txt .p2 {
        font-size: 17px !important;
        /* color:red !important; */
    }
}
@media screen and (max-width: 1367),
       screen and (min-height: 720px)
     {

    .reb_intro_txt .p1 {
        font-size: 24px !important;
        /* color:yellow !important; */
    }
    .reb_intro_txt .p2 {
        font-size: 20px !important;
        /* color:yellow !important; */
    }
}

/* laptop size  */

@media screen and (max-width: 1367),
screen and (min-height: 700) and (max-height: 712px) {
    .reb_intro_txt .p1 {
        font-size: 20px !important;
        /* color:red; */
    }
    .reb_intro_txt .p2 {
        font-size: 17px !important;
        /* color:red; */
    }
    /*.reb_intro {
        margin-top: -4%;
    }
    .reb_intro .reb_intro_txt {
        margin-top: -30px !important;
    }
    .div5column {
        margin-top: -34px;
    }*/
}

@media screen and (max-width:1480px),
screen and (max-width:1280px),
screen and (max-height:650px) {
    #section13 .table {
        /*height: 420px;*/
    }
    #section13 .table-wrap {
        /*height: 500px;*/
        /*font-size: 10px;*/
        /*padding: 20px 20px 470px 20px;*/
    }
    #section13 .table-wrap h2 {
        /*font-size: 20px;
        margin-top: 5px;
        margin-bottom: 5px;*/
    }
    #section13 .r1 {
        /*margin-top: -90px;*/
    }
    #section13 .r2 {
        /*margin-top: 20px;*/
    }
    #section13 .r3 {
        /*margin-top: -90px;*/
    }
    .center-container2,
    .center-container1 {
        /*margin: auto !important;
        padding: 0 !important;*/
        /*width: 90%;*/
    }
    .reb_intro {
        /*margin-top: 10px;*/
    }
    .reb_intro .reb_intro_logo {
        /*width: 70% !important;*/
    }
    .reb_intro .reb_intro_pp {
        /*width: 30%;
        margin-top: -20%;
        margin-left: 100% !important;*/
    }
    .reb_intro_txt h1 {
        /*font-size: 13px !important;*/
    }
    .reb_intro_txt .p1,
    .reb_intro_txt .p2 {
        /* font-size: 15px !important; */
    }
    .div5column:hover .btnviewstate,
    .btnviewstate,
    .btnviewstate:hover {
        /*font-size: 15px !important;
        height: 30px !important;
        width: 60% !important;
        margin-bottom: -2%;*/
    }
    .btnviewstate {
        /*line-height: 20px;*/
        /*margin-left: 30px;*/
    }
    .div5column .div1container .available h1,
    .div5column .div1container .comingsoon h1,
    .div5column .div1container .comingsoon p {
        /*font-size: 18px !important;*/
    }
    /* SECTION 1 ====================================== */
    #section1 .div2 {
        /*bottom: -30vh;*/
    }
    .section1container {
        /*margin-left: 15%;
        margin-top: 5%;*/
    }
    #section1 img.img-a {
        /*width: 80% !important;*/
    }
    #section1 img.img-b {
        /*width: 20% !important;*/
    }
    #section1 img.img-c1 {
        /*width: 30% !important;*/
    }
    #section1 .div2 {
        /*top: -20%;*/
    }
    /* ========================== */
    /* ========================== */
    /* SECTION 3 ===============
    ======================= */
    #section3 .container {
        /*margin-top: -40px;*/
    }
    #section3 .chart-choices {
        /*margin-top: 20px;
        margin-bottom: 20px;*/
    }
    /* ========================== */
    /* ========================== */
    /* SECTION 5 ===============
    ======================= */
    /* #section5 .div1 {
     margin-top: -10%;
    margin-left: -5%;
    }
    */
    #section5 .div2 {
        /*bottom: 0 !important;
        top: 20%;*/
    }
    #section5 h2,#section11 h2 {
        font-size: 24px;
    }
    #section5 p, #section11 p {
        /* font-size: 16px; */
        /* margin-top: 15px !important; */
        /*font-size: 16px;
        font-weight: 300;*/
    }
    /* ========================== */
    /* ========================== */
}

@media screen and (max-width:1281px) {
    .reb_intro #mainlogo {
        /*width: 100%;*/
    }
    /* #section13 .r1 {
        margin-top: -140px;
    } */
    #section13 .table {
        /* height: 300px; */
    }
    /* #section13 .table-wrap {
        height: 400px;
        font-size: 10px;
        padding: 20px 20px 0px 20px;
    } */
    /* #section13 .r2 {
        margin-top: 10px;
    }
    #section13 .r3 {
        margin-top: -140px;
    } */
}

@media (max-width: 1199px) {
    #section5 .div5container,#section11 .div5container {
        width: 60%;
    }
    #section4 {
        height: auto;
    }
    #section4 .div1 {
        margin-bottom: 0;
    }
    .divlineblue {
        display: none;
    }
    .div_image_1-1 {
        display: none !important;
    }
    .div_image_1-2 {
        display: block !important;
        background-position: bottom;
        z-index: -1;
    }
    .div_image_2 {
        width: 40%;
        margin-right: -60px;
    }
    .image-tablet {
        display: block !important;
    }
    .image-desktop {
        display: none !important;
    }
    html,
    body {
        overflow-x: hidden !important;
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }
    body {
        background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_1000/v1675142898/Real%20Estate%20Business/top-50-agents-2023/tablet_state-based_bg_3x_mnm9bt.png);
        background-size: cover;
        /* background-position: center; */
        height: 100vh;
        margin: 0;
        padding: 0;
    }
    .center-container2 {
        padding: 40px 60px !important
    }
    #selectstate {
        bottom: 0;
        margin: 0 8% 1% 8%;
        /* margin-left: 8%; */
    }
    /*================ menu ================*/
    /*================ menu ================*/
    #reb_nav {
        width: 101%;
        position: fixed;
    }
    .navbar-header {
        position: absolute !important;
        left: 0;
    }
    #rebtop50 img {
        width: 20vw !important;
        vertical-align: middle !important;
    }
    .navbar-nav {
        margin-top: 0px;
        position: absolute !important;
        right: 0;
    }
    .menu-item {
        font-size: 1.2vw !important;
    }
    .menuspan {
        font-size: 1vw !important;
    }
    /*================ menu ================*/
    #slctmenu {
        /* margin-bottom: 50px !important; */
        margin-bottom: 50px !important;
    }
    .div5column,
    .div5column:after,
    .div5column:hover:after,
    .div5column:hover,
    .div1container,
    .div1container .available,
    .div1container .comingsoon,
    .div1container h1,
    .div1container .available h1,
    .div1container .comingsoon h1,
    .div1container .comingsoon p,
    .available,
    .comingsoon,
    .btnviewstate,
    .btnviewstate:hover,
    .div5column:hover .btnviewstate,
    .div5column:hover .div1container .available h1,
    .div1 {
        content: ' ';
        all: revert;
    }
    #content img {
        height: 200px;
    }
    #sa_column {
        background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_1000/v1675143819/Real%20Estate%20Business/top-50-agents-2023/SA_tablet_state_bg_3x_k0kaxh.png);
        /*  box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75); */
        /* box-shadow: inset 1px 4px 9px -6px #fff;
     border-radius: 6px 6px 0 0; */
    }
    #wa_column {
        background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_1000/v1675143814/Real%20Estate%20Business/top-50-agents-2023/WA_tablet_state_bg_3x_jot4my.png);
    }
    #qld_column {
        background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_1000/v1675143824/Real%20Estate%20Business/top-50-agents-2023/QLD_tablet_state_bg_3x_blbwio.png);
    }
    #vic_column {
        background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_1000/v1675143827/Real%20Estate%20Business/top-50-agents-2023/VIC_tablet_state_bg_3x_fd5fah.png);
    }
    #nsw_column {

        background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_1000/v1675143831/Real%20Estate%20Business/top-50-agents-2023/NSW_tablet_state_bg_3x_o0xkdj.webp);
    }
    #sa_column,
    #wa_column,
    #qld_column,
    #vic_column,
    #nsw_column {
        background-size: cover;
        background-position: center;
        width: 100%;
        /* height: 110px; */
        height: 8.78906vh;
        border-width: 0.5px;
        border-style: solid;
        border-image: linear-gradient(to right, #ffffff00, white 50%, #ffffff00 100%);
        border-radius: 6px 6px 0 0;
        border-image-slice: 1;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .comingsoon {
        width: 100% !important;
    }
    .div5column .div1container .available h1,
    .div5column .div1container .comingsoon h1,
    .div5column:hover .div1container .available h1,
    .div5column:hover .div1container .comingsoon h1 {
        /*height: 108px !important;*/
        text-align: center;
        font-family: 'Lato';
        font-size: 20px;
        font-weight: 600;
        color: #FFFFFF;
        letter-spacing: 0px;
        text-shadow: 0px 1px 2px #00000066;
        text-transform: uppercase;
        transition: all 0.5s ease;
        line-height: 22px;
    }
    .div5column .div1container .comingsoon p,
    .div5column:hover .div1container .comingsoon p {
        width: 100%;
        margin: auto;
        /*border-top: 3px solid #00AEEF !important;*/
        color: #fff !important;
        text-align: center !important;
        font-family: Lato !important;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 24px;
    }
    .col3 {
        width: 35%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .col5 {
        /*width: 30%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;*/
    }
    .div5column:hover .btnviewstate,
    .btnviewstate,
    .btnviewstate:hover {
        display: block;
        position: absolute;
        z-index: 3;
        margin-top: -13vh;
        text-decoration: none;
        width: 84vw !important;
        height: 13vh !important;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
    .fixed-bottom {
        z-index: 100;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 40px;
        background-color: #000;
        color: white;
        text-align: center;
        padding: 0;
    }
    .footerlogo {
        /*top: 5px;
        padding-left: 20px;
        height: 30px;*/
    }
    .footerp1 {
        /*bottom: 5px;*/
        text-align: right;
        font: normal normal 600 14px/52px Montserrat;
        letter-spacing: -0.32px;
        color: #FFFFFF;
    }
    .footerspan {
        text-align: center;
        font: normal normal 600 14px/52px Montserrat;
        letter-spacing: -0.32px;
        color: #FF8F6C;
    }
    #folderhandle {
        display: block;
        width: 100%;
        padding: 0 190px;
    }
    #slctstate {
        margin-top: 20px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 6px 6px 0 0;
    }
    #slctstate h1 {
        font-size: 20px !important;
        text-align: center;
        font-family: Lato;
        color: #FFFFFF;
        letter-spacing: 0px;
        text-shadow: 0px 1px 2px #00000073;
        text-transform: uppercase;
        margin-bottom: 0;
        padding: 5px 0;
    }
    /* //################################## */
    .reb_intro,
    .fp-auto-height-responsive,
    .reb_intro_logo,
    .center-container,
    .reb_intro_pp,
    .reb_intro_txt {
        content: ' ';
        all: revert;
    }
    .reb_intro {
        position: relative;
        pointer-events: none;
        right: 0;
        /*top: 0%;*/
        /*left: 5%;*/
        z-index: 1;
        margin: 0;
        padding: 0;
    }
    .center-container {
        padding-left: 7%;
        margin-bottom: 3px;
    }
    .reb_intro {
        /*margin-top: -6%;*/
    }
    .reb_intro #mainlogo {
        width:100%;
    }
    .reb_intro .reb_intro_logo {
        margin-top: 70px;
        margin-left: 0;
        width: 540px;
        margin-right: 50%;
    }
    .reb_intro .reb_intro_pp {
        width: 30%;
        margin-top: 0;
        margin-left: 0% !important;
    }
    .reb_intro_txt h1,
    .reb_intro_txt p {
        text-align: justify;
        width: 80% !important;
    }
    /* SECTION 1 ====================================== */
    #section1 .div1 {
        margin-top: 1% !important;
    }
    #section1 .div2 {
        position: static;
        height: 38% !important;
    }
    #section1 .div2 img.img-d {
        margin-top: -60% !important;
        margin-left: 45vw !important;
        width: 80%;
    }
    #section1 img.img-a,
    #section1 img.img-b {
        /*-webkit-filter: drop-shadow(5px 5px 5px #22222270);
        filter: drop-shadow(5px 5px 5px #22222270);*/
    }
    #section1 img.img-a {
        /*width: 60% !important;*/
        /* margin-left: 2% !important; */
    }
    #section1 .div-img-a {
        width: 100%;
        height: 100%;
    }
    #section1 img.img-b {
        width: 20% !important;
        margin-left: -3% !important;
    }
    #section1 img.img-c1 {
        display: none;
    }
    #section1 .div1 h1 {
        /*margin-top: 9% !important;*/
    }
    #section1 .div1 h1,
    #section1 .div1 .p1,
    #section1 .div1 .p2 {
        width: 50% !important;
    }
    /* ==SECTION 2 ================================== */
    #section2 h1 {
        font-size: 46px !important;
    }
    #section2 .div2 {
        /*margin-left: -2% !important;*/
        padding: 0;
    }
    #section2 .div1,
    #section2 .div2 {
        width: 100%;
    }
    #section2 h2,
    #section2 .p1 {
        font-size: 24px !important;
    }
    #section2 .p2,
    #section2 .p3 {
        font-size: 16px !important;
    }
    /* ==SECTION 4 ================================== */
    #section4 .div1,
    #section4 .div2 {
        margin-top: 0 !important;
    }
    #section4 .div2 {
        /*margin-left: -2% !important;*/
    }
    /* SECTION 4 IPAD */
    #section4 .div1,
    #section4 .div2 {
        width: 100%;
    }
    #section4 h1 {
        font-size: 46px !important;
    }
    #section4 h2,
    #section4 .p1 {
        font-size: 24px !important;
    }
    #section4 .p2 {
        font-size: 16px !important;
    }
    /* SECTION 5 ====================================== */
    /* #section5 .div1 {
    margin-top: 0px;
    margin-left: -60px;
    } */
    #section5 h2,
    #section5 p,
    #section11 h2,
    #section11 p {
        margin-bottom: 20px !important;
        width: 80%;
    }
    #section5 .div2,#section11 .div2 {
        position: static;
        height: 38% !important;
    }
    #section5 .div2 img.img-d,  #section11 .div2 img.img-d  {
        margin-top: -11% !important;
        margin-left: 53vw !important;
        width: 80%;
    }
    /* ========================== */
    /* SECTION 9 ===============
    ======================= */
    #section9 .div1,
    #section9 .div2 {
        width: 100%;
    }
    /* #section9 .div1 {
    margin-top: -15vh !important;
    } */
    /* #section9 .center-container2 { 
    margin-bottom: -15px !important;
    height: auto !important;
    } */
    #section9 .div2 {
        /* margin-top: 0 !important;
    margin-bottom: 15vh !important; */
        /*margin-left: -2% !important;*/
    }
    /* SECTION 4 IPAD */
    #section9 h1 {
        font-size: 46px !important;
        margin-bottom:25px;
    }
    #section9 h2,
    #section9 .p1 {
        font-size: 24px !important;
    }
    #section9 .p2 {
        font-size: 16px !important;
    }
    /* ========================== */
    #section3 .container {
        margin-top: 0px;
    }
    .center-container2 h2 {
        font-size: 20px;
    }
    /* SECTION  6 =============== */
    #section6 .img1 {
        width: auto !important;
    }
    #section6 .div1,
    #section6 .div2 {
        margin-top: 0 !important;
        width: 100% !important;
    }
    #section6 .div1 {
        margin-bottom: 10% !important;
    }
    /* ========================== */
    #section2 .div1,
    #section2 .div2 {
        margin-top: 10px !important;
    }
}

@media (max-width: 1050px) {
    .footerp1 {
        padding-right: 20px;
    }
}

@media(max-width: 1024px) {
    #section10 .top-border {
        margin-top: 0;
    }
    #section13 .bootstrap-table {
        display: none;
    }
    #section13 .mobile-chart {
        display: block !important;
    }
    #section13 .r2 {
        /* margin-bottom: 15px !important; */
        /* width:100%; */
    }
    #section13 .r1,
    #section13 .r2,
    #section13 .r3 {
        margin: 0;
        padding: 0;
        margin-top: 0px;
    }
    #section13 {
        bottom: 0;
    }
    #section13 .r1 {
        height: auto;
        /* margin-top: 60px; */
    }
    #section13 .table-wrap {
        height: auto;
        padding: 20px 50px 50px 50px;
    }
    #section13 .table-wrap h2 {
        margin-bottom: 10px;
        padding: 0;
    }
    #section10 .container {
        padding: 30px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }
    #section10 .div1 {
        padding: 0;
        position: relative;
        float: left;
        margin: 0;
        width:100%;
    }
    #section10 h2 {
        letter-spacing: 0px;
    }
    #section10 .chartjs-render-monitor {
        float: left;
        width: 100% !important;
    }
    #section10 .chart-container {
        padding: 0;
        margin: 0;
    }
    #section10 .chartjs-render-monitor {
        margin: 0;
    }
    #section8 .container {
        padding: 30px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }
    #section8 .page-title {
        width: 100%;
        padding-left: 0;
    }
    .top-agent-rankname {
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
    }
    #section8 .page-content .agent-details span.ofclst {
        color: #00AEEF;
    }
    #section8 .img-agent {
        height: 300px !important;
        margin-bottom: 140px;
    }
    #section8 .img-container-btn {
        margin-left: calc(-50% + 100px);
        position: relative;
        margin-bottom: 0;
        margin-top: 50px;
    }
    #section8 .page-content .agent-details span.bigger {
        font-size: 23px;
    }
    #section8 .page-content .agent-name {
        font-size: 36px;
        width: 70%;
        margin-left: 40px;
        top: 0px;
        position: absolute;
    }
    #section7 img.image_3 {
        margin-bottom: 81px;
    }
    #section1 .div-img-a {
        /*width: 302px;
         height: 274px; 
        height: 100%;*/
    }
    #section1 img.img-a {
        width: 100% !important;
    }
    #section1 .div1 h1 {
        margin-top: 55px!important;
    }
    #section1 .div1 {
        margin-top: 126px !important;
        margin-bottom: 234px;
    }
    .div_image_2,
    .div_image_1 {
        width: 405px;
        height: 469px;
        bottom:148px;
    }
    #section1 {
        background-image: url(https://res.cloudinary.com/momentum-media-group-pty-ltd/image/upload/c_fill,q_auto:best,f_auto,e_unsharp_mask:80,c_scale,w_1000/v1675142898/Real%20Estate%20Business/top-50-agents-2023/tablet_state-based_bg_3x_mnm9bt.png);
    }
    #section4 .p1 {
        margin-bottom: 60px;
    }
    #section4 h2 {
        margin-bottom: 30px !important;
    }
    #section13 .r3 p {
        font-size:16px;
    }
    #section13 .r3 .btn,
    #section13 .r2 p {
        font-size: 14px;
    }
    #section10 h2 {
        /* font-family: TitlingGothicFB Narrow Bold; */
        font-size:46px;
        width:50%;
        float:left;
        margin-top:0;
    }
    #section10 h2 span {
        font-size:46px;
        font-family: TitlingGothicFB Narrow Bold ;
        width:50%;
        float:left;
    }
    #section10 .chart-choices{
        margin-top:0;
    }
    #section10 .div1 {
        margin-bottom:70px;
    }
    #section3 .div1 {
        width:100%;
    }
    #section3 .chart-choices {
        display:flex;
        margin-top:45px;
    }
    #section3 .chart-choices .left,
    #section3 .chart-choices .right {
        width:50%;
    }
    #section3 .chart-container {
        width:100%;
    }
    #section3 h2 {
        font-size: 50px;
    }
    #section5 .div5container,#section11 .div5container {
        width:100%;
    }
    #section5 .center-container2,#section11 .center-container2 {
        padding-bottom:350px !important;
    }
    
}
/* end 1024 */

@media (max-width: 991px) {

    #section13 p {
        margin-left:20px;
        margin-right: 20px;
    }
    #section10 .chartjs-render-monitor {
        position: relative;
    }
    #section10 .chart-choices {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /* #section10 h2 span {
        font-size: 58px;
    } */
    div#section10 .container {
        padding: 30px;
    }
    #section8 .item-scroll {
        text-align: left !important;
        padding: 30px 0 !important;
    }
    #section8 .page-title h2 {
        font-size: 40px;
    }
    #section8 .agent-rank {
        text-align: left !important;
        font-size: 100px;
        line-height: 100px;
    }
    #section8 .agent-details {
        padding: 0;
    }
    #section8 .page-content .agent-details .agent-detail-sm {
        flex-direction: column;
        margin-top: 0;
    }
    #section8 .page-content .agent-details {
        margin-bottom: 30px;
        width: 100%;
    }
    .table-wrap {
        padding: 15px;
        width: 100%;
    }
    div#section8 .container {
        padding: 30px;
    }
    #section3 .chartjs-render-monitor {
        position: relative;
    }
    #section3 .chart-choices {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media(min-width: 1025px) {
    #section13 .row.r2 {
        margin-top: 10px;
    }
}

@media(min-width: 900px) {
    .container.center-container2 {
        align-items: center !important;
        /* display: flex !important; */
    }
}

@media(max-width: 899px) {
    #section6 .div1 {
        margin-top: 10px;
    }
    #section6 .div2 {
        margin-top: 0;
    }
  
}

@media (max-width: 800px) {
    .reb_intro_logo {
        /*width: 60% !important;*/
    }
    .reb_intro_pp {
        width: 30% !important;
    }
}

@media(max-width: 768px) {
    .bktoportal {
        margin-top: 0 !important;
    }
    .section1container {
        /*margin-left: 45px !important;*/
    }
    .fb_el_top_50_agents_in_real_estate_2023___firstname {
        margin-bottom: 20px;
    }
    button#fabrikSubmit_57 {
        top: 0;
    }
    a#backtoportal {
        /*top: -60px;*/
    }
    #section1 .div1,
    #section3 .div1,
    #section4 .div1,
    #section5 .div1,
    #section11 .div1,
    #section6 .div1,
    #section7 .div1,
    #section8 .div1,
    #section9 .div1,
    #section10 .div1,
    #section13 .div1,
    #section1 .div2,
    #section3 .div2,
    #section4 .div2,
    #section5 .div2,
    #section11 .div2,
    #section6 .div2,
    #section7 .div2,
    #section8 .div2,
    #section9 .div2,
    #section10 .div2 {
        margin: 0;
        padding: 0;
    }
    #section10 .top-border {
        margin-top: 0;
    }
    #section3 .div1,
    #section3 .div2,
    #section5 .div1,
    #section5 .div2,
    #section11 .div1,
    #section11 .div2,
    #section6 .div1,
    #section6 .div2,
    #section7 .div1,
    #section7 .div2,
    #section10 .div1,
    #section10 .div2 {
        width: 100%;
    }
    #section7 .div2,
    #section10 .div2,
    #section10 .div1 {
        margin: 0;
        padding: 0;
    }
    #section13 .r1 {
        margin-top: -30px;
    }
    #section13 .table-wrap {
        box-shadow: 0px 3px 6px #00000029;
    }
    #section13 .r1,
    #section13 .r2,
    #section13 .r3 {
        margin-top: 10px;
    }
    #section13 .r2 p {
        margin: auto;
    }
    #section10 .chartjs-render-monitor {
        margin-top: 0;
    }
    #section8 .agent-rank {
        font-family: 'TitlingGothicFB Medium Bold';
        margin-top: 0;
        font-size: 60px;
        margin-bottom: 25px;
        line-height: 1;
        transform: scale(1);
    }
    #section8 .page-content .agent-name {
        font-size: 25px;
        margin-bottom: 25px;
        float: left;
        margin-left: 40px;
        position: relative;
        line-height: 1;
        width: 70%;
        height: auto;
        flex: 1 1 10%;
        margin-top: 0;
    }
    #section8 .agent-detail.agent-consitencyscore {
        font-size: 20px;
    }
    #section8 .page-content .agent-details .agent-detail.agent-consitencyscore span.bigger {
        font-size: 42px;
    }
    #section8 .page-content .agent-details .agent-detail-sm {
        flex-direction: row;
    }
    #section8 .agent-detail.agent-consitencyscore {
        margin-top: 25px;
    }
    #section8 .page-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        flex-flow: row wrap;
    }
    .overlay-blue {
        width: 100%;
    }
    #section8 .img-agent {
        height: 300px !important;
        margin-bottom: 0;
    }
    #section8 .container {
        width: 100%;
        padding-top: 115 !important;
    }
    #section8 .img-container-btn {
        margin-left: calc(-50% + 100px);
        position: relative;
        margin-bottom: 0;
    }
    #section8 .page-content .agent-details span.ofclst {
        color: #00AEEF;
    }
    div#top_50_agents_in_real_estate_2023___term .row-fluid {
        margin-left: 0 !important;
    }
    .center-container,
    .center-container2 {
        border: unset;
    }
    #section3 .chart-choices .chart-choice {
        font-size: 1em;
    }
    .overlay-blue {
        width: 100%;
    }
    .center-container2 .div2 .p1 {
        font-size: 16px;
    }
    .center-container2 .div2 p {
        font-size: 14px;
    }
    .form_top50agents2023 {
        padding: 15px;
    }
    .form_top50agents2023 .row-fluid {
        width: 100%;
    }
    #section2 .div1,
    #section2 .div2 {
        width: 100%
    }
    #section4 .div1,
    #section4 .div2 {
        width: 100%;
    }
    #section9 .div1,
    #section9 .div2 {
        width: 100%;
    }
    /* #slctmenu {
        margin-bottom: 150px !important
    } */
    #rebtop50 img {
        margin-top: .5vh;
    }
}

@media (max-width: 699px) {
    .menuactive {
        margin-top: 1vh !important;
    }
    .menu-item {
        margin-top: -1vh;
        font-size: 1.3vw !important;
    }
}

/* /*@media ADD ALL 767 MAX HERE  */
@media (max-width: 767px) {
    .center-container {
        margin-bottom: 10px;
    }
    #slctstate {
        /*margin-top: 45px;*/
    }
    #slctstate h1 {
        font-size: 19px !important;
    }
    .div5column .div1container .available h1,
    .div5column .div1container .comingsoon h1,
    .div5column .div1container .comingsoon p {
        font-size: 17px !important;
    }
    .col3 {
        width: 25%;
    }
    .col5 {
        width: 50%;
    }
    #section1 .div2 {
        margin: 0 !important;
        padding: 0 !important;
        width: 700px !important;
    }
    #section1 .div2 img.img-d {
        margin-top: -70px !important;
        margin-left: 3vw !important;
        /* margin-bottom: -2vh !important; */
        width: 80vw;
    }
    #section1 img.img-a {
        width: 80% !important;
    }
    #section1 img.img-b {
        width: 20% !important;
    }
    #section1 .div1 h1,
    #section1 .div1 .p1,
    #section1 .div1 .p2 {
        width: 75% !important;
    }
    #section5 .div2,#section11 .div2 {
        margin: 0 !important;
        padding: 0 !important;
        width: 700px !important;
    }
    #section5 .div2 img.img-d, #section11 .div2 img.img-d {
        margin-top: -70px !important;
        margin-left: 3vw !important;
        width: 80vw;
    }
    .div_image {
        /*padding-top: 60vh !important;*/
        position: relative;
        width:100%;
    }
    .div_image2 {
        padding-top: 120% !important;
    }
    .div_image_1,.div_image_2 {
        width: 320px;
        height: 350px;
        right:-90px;
        bottom: 0px;
        position: absolute;
        background-position:right;
    }
    #section5 .div5container,#section11 .div5container {
        width: 100%;
    }
}
/* @END767 */
/*@media (max-width: 591px) {*/
@media (max-width: 767px) {
    .section1container {
        margin-left: 0 !important;
        padding: 45px 30px;
        padding-bottom: 0;
    }
    #section1 .div1 {
        margin-top: 0 !important;
    }
    button#fabrikSubmit_57 {
        padding: 15px 60px;
        font-size: 14px;
        width: 170px;
        top: 0;
    }
    a#backtoportal {
        /*top: -60px;
        left: 60%;*/
    }
    #section13 h2 {
        font-size: 20px;
        /* text-indent: -9999px;
    background: url(/templates/custom/images/top50salesoffices2023/Mobile/REB_DEALMAKERS_2021.svg) no-repeat; */
    }
    #section13 .r3 {
        margin-bottom: 20px;
    }
    #section13 .r3 .btn {
        margin-bottom: 20px;
    }
    #section13 .r3 .col-md-6 {
        width: 100%;
    }
    #section13 .r3 p {
        text-align: center;
    }
    #section13 p {
        padding: 0;
        margin: 0;
    }
    #section13 {
        padding: 0 !important;
        margin: 0 !important;
    }
    #section13 .r3 {
        text-align: center;
    }
    #mobile_table::-webkit-scrollbar {
        /* display: none; */
    }
    #section13 .table-wrap {
        height: auto;
        padding: 20px 20px 30px 20px;
    }
    #section10 .container .top-border {
        width: 100%;
        /* margin-top: 77px; */
    }
    #section10 h2 span,
    #section10 h2 {
        font-size: 33px;
    }
    #section10 .chart-container {
        padding: 0;
        width: 100%;
    }
    #section10 .container {
        width: 100%;
    }
    #section8 .agent-rank,
    #section8 .agent-name {
        margin-bottom: 0;
    }
    #section8 .page-content .agent-name {
        font-size: 24px;
    }
    #section8 .page-content .agent-details span {
        font-size: 16px;
    }
    #section8 .page-content .agent-details span.bigger {
        font-size: 20px;
    }
    #section8 h2 {
        text-align: center;
        font-size: 30px !important
    }
    #section8 .page-title {
        padding: 0;
    }
    #section8 .page-title h2 {
        padding: 0;
        /* text-align:center; */
    }
    #section8 .page-content {
        /*margin-top: -60px;*/
    }
    #section8 .agent-rank {
        width: 17px;
        height: 60px;
        font-size: 40px;
        color: #00AEEF;
    }
    #section8 .agent-name {
        font-size: 36px;
        margin-left: 50px;
        margin-top: -20px;
    }
    #section8 .page-title h2 {
        /* display: none !important; */
    }
    /* #section3 .page-title h2 {
        display: none !important;
    } */
    #section8 .page-content .agent-details span.ofclst {
        color: #00AEEF;
    }
    #section8 .agent-detail.agent-office-listing {
        margin-top: 20px;
        margin-bottom: 20px
    }
    #section8 .page-content .agent-details .agent-detail-sm {
        justify-content: space-between;
    }
    .top-agent-rankname {
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
    }
    #section8 .page-content .agent-details .agent-detail-sm div {
        margin-right: 0;
        padding: 10px 0;
    }
    #section8 .page-title {
        border: none;
    }
    #section8 .page-title {
        display: flex;
    }
    #section8 .page-title h2 span {
        width: 100%;
    }
    .dp-none {
        display: block !important;
    }
    .dp-sm-none {
        display: none !important;
    }
    /* #section8 .img-agent {
    margin-bottom: 30px;
    } */
    #section8 .img-container-btn {
        margin-left: 0;
        text-align: center;
        justify-content: center;
        margin: 0 auto;
    }
    #section8 .img-container-btn .row {
        justify-content: center
    }
    #section8 .agent-detail.agent-consitencyscore {
        padding-bottom: 30px;
    }
    #section5 h2,
    #section5 p,
    #section11 h2,
    #section11 p  {
        width: 100%;
    }
    #section6 .div2 {
        padding: 0 !important;
    }
    .center-container2 {
        padding: 60px 30px !important;
    }
    .reb_intro .center-container {
        padding: 30px !important;
    }
    .div5column .div1container .available h1,
    .div5column .div1container .comingsoon h1,
    .div5column:hover .div1container .available h1,
    .div5column:hover .div1container .comingsoon h1 {
        line-height: 1;
    }
    .menuactive {
        margin-top: 0 !important;
        right: 8% !important;
    }
    /* menu======================================== */
    #reb_nav_menu_tabletmobile {
        z-index: 999;
        display: block;
        position: fixed;
        right: -5px;
        bottom: 35%;
        margin: 0;
    }
    #reb_nav_menu_tabletmobile ul li {
        background-color: #000;
        border-radius: 8px !important;
        text-align: center;
    }
    #reb_nav_menu_tabletmobile ul li.notavailable {
        opacity: 0.6;
    }
    #reb_nav_menu_tabletmobile ul li.notavailable a {
        color: #404040;
        pointer-events: none;
    }
    #reb_nav_menu_tabletmobile ul li a {
        text-decoration: none;
        color: #fff;
    }
    #reb_nav_menu_tabletmobile ul li a:hover {
        background-color: #00AEEF;
    }
    #contenthome {
        display: block;
        z-index: 100;
        position: relative;
    }
    #contenthome img {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    #reb_nav {
        /*display: none;*/
    }
    /* menu */
    #slctstate {
        /*margin-top: 45px;*/
    }
    #slctstate h1 {
        font-size: 14px !important;
    }
    #section5 .btn,#section11 .btn {
        /*padding-top: 15px;
        width: 160px;
        height: 50px;*/
        padding: 20px 30px;
        height: auto;
        font-size: 16px;
    }
    .div5column .div1container .available h1,
    .div5column .div1container .comingsoon h1,
    .div5column .div1container .comingsoon p {
        font-size: 16px !important;
    }
    #section7 img.image_3 {
        width: 307px;
        height: 42px;
    }
    #section7 img.image_3 {
        margin-bottom: 56px;
    }
}

/*@media (max-width: 570px) {*/
@media (max-width: 767px) {
    #selectstate {
        margin: 0 0 0 0 !important;
    }
    .div5column {
        height: 70px !important;
    }
    #slctmenu {
        /*  margin-top:20px !important; */
        margin-bottom: 7% !important;
    }
    #slctstate {
        /*margin-top: 30px;
        height: 30px !important;
        margin-bottom: 10px;*/
    }
    #folderhandle div#slctstate h1 {
        margin-top: 0 !important;
    }
}

/*@media (max-width: 569px) {*/
@media (max-width: 767px) {
    .div5column:hover .btnviewstate,
    .btnviewstate,
    .btnviewstate:hover {
        margin-top: -11.5vh;
        text-decoration: none;
        width: 100vw !important;
        height: 10% !important;
    }
    .reb_intro .reb_intro_logo {
        width: 80vw !important;
    }
    .reb_intro .reb_intro_pp {
        width: 40vw !important;
    }
    .reb_intro_txt h1 {
        font-size: 1em !important;
    }
    .reb_intro_txt .p1 {
        font-size: 1.2em !important;
    }
    .reb_intro_txt .p2 {
        font-size: 1em !important;
    }
}

/*@media (max-width: 561px) {*/
@media (max-width: 767px) {
    #folderhandle {
        /*margin-bottom: -30px !important;*/
    }
}

/*@media (max-width: 555px) {*/
@media (max-width: 767px) {
    #slctmenu {
        /*margin-top: -20px !important;*/
    }
    #section5 .div1, #section11 .div1 {
        margin-left: -1px !important;
    }
    div#mobile_table {
        height: 60vh!important;
    }
}

/*@media (max-width: 457px) {*/
@media (max-width: 767px) {

    .div_image {
        display: block;
        /* padding-top: 70vh !important; */
    }
    /* .div5column .div1container .available h1,
    .div5column .div1container .comingsoon h1 {
        margin-top: -15px !important;
    } */
    .div5column .div1container .comingsoon p {
        width: 100% !important;
    }
    #slctmenu {
        /*margin-top: 5px !important;*/
    }
    div#mobile_table {
        height: 55vh!important;
    }
}

/*@media (max-width: 420px) {*/
@media (max-width: 767px) {

    .footerp1,
    .footerspan {
        font-size: 8px;
    }
    .reb_intro {
        /*margin-top: -25%;*/
    }
    .reb_intro_logo {
        width: 80% !important;
    }
    .reb_intro_pp {
        width: 40% !important;
    }
    .reb_intro_txt h1,
    .reb_intro_txt p {
        width: 100% !important;
        margin-bottom: 10px;
    }
   
}

@media (max-width: 380px) {
    .div_image {
        display: none;
        /* padding-top: 70vh !important; */
    }
}
/*super small mobile like iphone se* to iphone 12 */
@media (min-width:391px) and (max-width:767px){
    #slctstate h1 {
        padding: 5px 48px !important;
    }
}
@media (max-width: 390px) {
    #slctstate h1 {
        padding: 5px 40px !important;
    }
    
    .center-container2 {
        padding: 60px 14px !important;
    }
    div#mobile_table {
        height: 55vh !important;
    }
    /* .reb_intro {
        margin-top: -20%;
    } */
    #folderhandle h1 {
        font-size: 15px !important;
    }
    #section8 div {
        font-size: 10px !important;
    }
}

@media (max-width: 355px) {
    .reb_intro {
        top: 104%;
    }
}

@media (max-width: 320px) {
    .div_image {
        padding-top: 100vh !important;
    }
}

@media (max-width: 280px) {
    .g-recaptcha>div {
        width: 100px !important;
        font-size: 12px !important;
        margin-left: -15px !important;
    }
}

@media (min-width:1481px) {
    .reb_intro_txt h1 {
        font-size: 0.885vw;
    }
    .reb_intro_txt .p1 {
        font-size: 1.250vw
    }
    .reb_intro_txt .p2 {
        font-size: 1.072vw
        
    }
}
/*tablet phone*/
@media (max-width: 1199px) {
    #reb_nav {
        display: none;
    }
    #reb_nav_menu_tabletmobile {
        z-index: 999;
        display: block;
        position: fixed;
        right: -5px;
        bottom: 35%;
        margin: 0;
    }
    #reb_nav_menu_tabletmobile ul li {
        background-color: #000;
        border-radius: 8px !important;
        text-align: center;
    }
    #reb_nav_menu_tabletmobile ul li.notavailable {
        opacity: 0.6;
    }
    #reb_nav_menu_tabletmobile ul li.notavailable a {
        color: #404040;
        pointer-events: none;
    }
    #reb_nav_menu_tabletmobile ul li a {
        text-decoration: none;
        color: #fff;
    }
    #reb_nav_menu_tabletmobile ul li a:hover {
        background-color: #00AEEF;
    }
    .hr-commingsoon {
        width: 170px;
        margin: 2px auto;
        border: 1px solid #00AEEF;
    }
    .reb_intro .center-container {
        padding: 0 60px !important;
    }
    .reb_intro #mainlogo {
        margin-bottom:10px;
    }
    .reb_intro_txt h1, .reb_intro_txt .p2 {
        font-size: 14px !important;
    }
    .reb_intro_txt .p1{
        font-size: 16px;
    }
     .container.center-container2 {
        flex-direction: column;
    }  
}
/*end tablet pc max width1199px*/

/*tablet*/
@media (max-width:1199px) and (min-width:768px){
   
}
#fullpage
{
    top: -1px;
}
/* scrolling on lower height */
/* Applied only on responsive */

/* laptop size  */
@media screen and (min-width:1366px) {
   
}
/* smaller phone */
@media screen and (min-width:370px) {
    .div_image_1 {
        /* display: none !important; */
      }


}
/* small 2 */
@media screen and (max-width:442px) {
 
}

/*phone*/
@media (max-width:767px) {
    .reb_intro .center-container {
        padding: 0 !important;
    }
    .reb_intro .reb_intro_logo {
        margin-top: 0;
        margin-left: 0;
    }
    .reb_intro {
        padding: 34px 30px 0;
        height: auto;
    }
    #folderhandle {
        padding:0;
        text-align:center;
        justify-content:center;
        align-items:center;
        height:auto !important;
    display: flex;}
    #slctstate {
        margin-top:0;
    }
    .reb_intro_txt .p2 {
        height: auto;
    }
    .comingsoon .col5 {
        width: 100%;
    }
    .comingsoon .col3 {
        display:none;
    }
   
    .image-tablet {
        display:none !important;
    }
    .image-desktop {
        display:block !important;
    }
    .reb_intro .reb_intro_logo {
        width:175px !important;
    }
    

}
.bktoportal {
    background: #fff;
    border: 1px solid #fff;
    margin-top: -40px;
    position: relative;
    text-align: center;
}