@media all and (min-width:320px), all and (max-width: 320px) {
    #indexPage .slide.screens { height: auto; }
}
@media all and (min-width: 400px) {

}

@media all and (min-width: 600px) {
    #indexPage .slide.screens { height: auto; }
}
@media (max-width: 991px) {
    .navbar-header .collapse, .navbar-toggle {
     display: none !important;
    }
    .mobNotification, .mobSearch {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .main-panel {
        overflow-x: hidden;
    }
    .content {
        min-width: 100% !important;
    }
    .mobNotification, .mobSearch {
        display: none !important;
    }
}


@media all and (min-width: 850px) and (max-width: 1000px) {

}

@media all and (min-width: 1001px) {

}

@media all and (min-width:1000px) and (orientation: landscape) {
    #indexPage .slide.screens { height: auto; }
}

#indexPage .content {
    margin: 60px 0 0 0;
    max-width: none;
    padding: 0;
    width: 100%;
}

#indexPage .slide {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#indexPage .uppercase { text-transform: uppercase; }

/* --------------- screens slide starts ----------------- */

#indexPage .slide.screens {
    background: url("images/index/city.png") no-repeat 25% bottom #ffffff;
}

/*height changes start here*/
.height-20 {
    height: 20px;
}
.height-30 {
    height: 30px;
}
.height-50 {
    height: 50px;
}
.height-60 {
    height: 60px;
}
span.txt-style-orbyo {
    color: #ffaf23;
    font-weight: 600;
    font-size: 27px;
}
.hidden {
    display: none;
}

.margin-top-20 {
    margin-top: 20px;
}
.margin-top-40 {
    margin-top: 40px;
}
/*New container change start here*/

/*banner changes start here*/
span.txt-logo-banner img {
    width: 110px;
    position: relative;
    top: -6px;
}
span.txt-logo-blk img {
    width: 70px;
    position: relative;
    top: 0px;
}
span.txt-logo-blue img {
    width: 113px !important;
    position: relative;
    top: 2px;
}
span.txt-style-mid-bld {
    font-style: italic;
    font-weight: bold;
}
span.txt-style-mid-blue {
    font-style: italic;
    color: #243147;
}
span.txt-style-mid-rose {
    font-style: italic;
    color: #E848A1;
}
span.txt-style-o4e {
    color: #E848A1;
}
/*banner changes end here*/

.bg-1 {
    background: #f7f7f7;
    padding: 30px 15px;
    box-shadow: 8px 8px 0px 0px rgba(0,0,1,0.09);
}
h3.top-head {
    letter-spacing: 2px;
}
.orbyo-container,
.o4e-container,
.orbyo-dashboard-container,
.oma-container {
    margin: 40px 25px;
}
.orbyo-container p,
.o4e-container p,
.orbyo-dashboard-container p,
.oma-container p {
    color: #4a4a4a;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 1.2;
}
.orbyo-container a,
.o4e-container a,
.orbyo-dashboard-container a,
.oma-container a {
    color: #ffffff;
    padding: 10px 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 4;
    cursor: pointer;
}
.orbyo-btn-bg a  {
    background: #243147;
}
.orbyo-btn-bg a:hover  {
    background: #33435f;
}
.orbyo-container .txt-style-orbyo {
    color: #ffaf23;
    font-weight: 600;
    font-size: 27px;
}
.o4e-container .txt-style-orbyo {
    color: #25c06f;
    font-weight: 600;
    font-size: 27px;
}

.orbyo-dashboard-container .txt-style-orbyo {
    color: #188BEE;
    font-weight: 600;
    font-size: 27px;
}

.oma-container .txt-style-orbyo {
    color: #f95c19;
    font-weight: 600;
    font-size: 27px;
}

.mainText {
    line-height: 2;
}

.navbar-default .navbar-nav > li > a:not(.btn) {
    display: none;
}