.desktopImg {
    max-height: 100%;
    height: 85.5vh;
}

.awardFirstImg,
.awardSecondImg,
.middleImage {
    width: auto !important;
    margin-left: auto;
    margin-right: auto
}

.awardFirstImg {
    height: 130px !important;
    margin-top: 23px
}

.middleImage {
    height: 170px !important
}

.awardSecondImg {
    height: 150px !important;
    margin-top: 7px
}

.awardFirstDiv,
.awardLeftMarDiv,
.awardSecondDiv {
    margin-left: 45px !important
}

.awardFirstDiv {
    padding-top: 4.5% !important
}

.awardSecondDiv {
    padding-top: 3% !important
}

.col-md-2 {
    width: 17%
}

.col-custom-md-4 {
    width: 29.5%;
    float: left
}

.col-custom-md-10 {
    width: 87%;
    float: left
}

.phylosophyImg {
    width: 51%;
    height: auto;
    float: left;
    margin-right: 15px
}

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

    .awardFirstImg,
    .awardSecondImg,
    .middleImage {
        height: 100% !important;
        width: 100% !important
    }

    .awardFirstImg,
    .awardSecondImg {
        margin-top: 0
    }

    .awardFirstDiv,
    .awardSecondDiv {
        margin-left: 0 !important;
        padding-top: auto !important
    }

    .awardLeftMarDiv {
        margin-left: 0 !important
    }

    .col-md-2 {
        width: 100%
    }

    .phylosophyImg {
        width: 100%;
        height: auto
    }

    .col-custom-md-2 {
        width: 11%;
        clear: both;
        margin-right: 14px
    }

    .col-custom-md-10 {
        width: 87%;
        clear: both
    }
}

@media only screen and (min-width:1098px) and (max-width:3340px) {

    .leftoverImg,
    .rightoverImg,
    .treeImg {
        position: absolute;
        bottom: 0
    }

    .leftoverImg:hover,
    .rightoverImg:hover {
        filter: drop-shadow(-5px 8px 4px #a6abb5)
    }

    .desktopImg {
        max-height: 100%;
        height: 85.5vh;
        flex-direction: row
    }

    .treeImg {
        height: 90% !important;
        left: 50%
    }

    .titleMain {
        position: absolute;
        width: 40%;
        top: 18%;
        left: 4%
    }

    .rightoverImg {
        height: 33%;
        right: 17%
    }

    .rightoverImg:hover {
        height: 33.3%
    }

    .mainbackground {
        position: absolute;
        height: 100%;
        width: 100%
    }

    .leftoverImg {
        height: 36%;
        left: 41%
    }

    .leftoverImg:hover {
        height: 36.3%
    }

    .mobileImg {
        display: none
    }
}

@media only screen and (min-width:1024px) and (max-width:1097px) {

    .leftoverImg,
    .rightoverImg,
    .treeImg {
        position: absolute;
        bottom: 0
    }

    .leftoverImg:hover,
    .rightoverImg:hover {
        filter: drop-shadow(-5px 8px 4px #a6abb5)
    }

    .desktopImg {
        max-height: 100%;
        /* display: flex; */
        height: 85.2vh;
        flex-direction: row
    }

    .treeImg {
        height: 90% !important;
        left: 50%
    }

    .titleMain {
        position: absolute;
        width: 40%;
        top: 18%;
        left: 4%
    }

    .rightoverImg {
        height: 33%;
        right: 10%
    }

    .rightoverImg:hover {
        height: 33.3%
    }

    .mainbackground {
        position: absolute;
        height: 100%;
        width: 100%
    }

    .leftoverImg {
        height: 36%;
        left: 41%
    }

    .leftoverImg:hover {
        height: 36.3%
    }

    .mobileImg {
        display: none
    }
}

@media only screen and (min-width:968px) and (max-width:1024px) {

    .leftoverImg,
    .rightoverImg,
    .treeImg {
        position: absolute;
        bottom: 0
    }

    .leftoverImg:hover,
    .rightoverImg:hover {
        filter: drop-shadow(-5px 8px 4px #a6abb5)
    }

    .desktopImg {
        max-height: 100%;
        /* display: flex; */
        height: 85.2vh;
        flex-direction: row
    }

    .treeImg {
        height: 90% !important;
        left: 50%
    }

    .titleMain {
        position: absolute;
        width: 40%;
        top: 18%;
        left: 4%
    }

    .rightoverImg {
        height: 33%;
        right: 6%
    }

    .rightoverImg:hover {
        height: 33.3%
    }

    .mainbackground {
        position: absolute;
        height: 100%;
        width: 100%
    }

    .leftoverImg {
        height: 36%;
        left: 37%
    }

    .leftoverImg:hover {
        height: 36.3%
    }

    .mobileImg {
        display: none
    }
}

@media only screen and (min-width:918px) and (max-width:968px) {

    .leftoverImg,
    .rightoverImg,
    .treeImg {
        position: absolute;
        bottom: 0
    }

    .leftoverImg:hover,
    .rightoverImg:hover {
        filter: drop-shadow(-5px 8px 4px #a6abb5)
    }

    .desktopImg {
        max-height: 100%;
        /* display: flex; */
        height: 85.2vh;
        flex-direction: row
    }

    .treeImg {
        height: 90% !important;
        left: 50%
    }

    .titleMain {
        position: absolute;
        width: 40%;
        top: 18%;
        left: 4%
    }

    .rightoverImg {
        height: 33%;
        right: 4%
    }

    .rightoverImg:hover {
        height: 33.3%
    }

    .mainbackground {
        position: absolute;
        height: 100%;
        width: 100%
    }

    .leftoverImg {
        height: 36%;
        left: 36%
    }

    .leftoverImg:hover {
        height: 36.3%
    }

    .mobileImg {
        display: none
    }

    .sticky-menu .logo {
        height: 50px;
    }
}

@media only screen and (min-width:890px) and (max-width:918px) {

    .leftoverImg,
    .rightoverImg,
    .treeImg {
        position: absolute;
        bottom: 0
    }

    .leftoverImg:hover,
    .rightoverImg:hover {
        filter: drop-shadow(-5px 8px 4px #a6abb5)
    }

    .desktopImg {
        max-height: 100%;
        /* display: flex; */
        height: 85.2vh;
        flex-direction: row
    }

    .treeImg {
        height: 90% !important;
        left: 50%
    }

    .titleMain {
        position: absolute;
        width: 40%;
        top: 18%;
        left: 4%
    }

    .rightoverImg {
        height: 33%;
        right: 3%
    }

    .rightoverImg:hover {
        height: 33.3%
    }

    .mainbackground {
        position: absolute;
        height: 100%;
        width: 100%
    }

    .leftoverImg {
        height: 36%;
        left: 36%
    }

    .leftoverImg:hover {
        height: 36.3%
    }

    .mobileImg {
        display: none
    }
    .sticky-menu .logo {
        height: 50px;
    }
}

@media only screen and (min-width:834px) and (max-width:890px) {

    .leftoverImg,
    .rightoverImg,
    .treeImg {
        position: absolute;
        bottom: 0
    }

    .leftoverImg:hover,
    .rightoverImg:hover {
        filter: drop-shadow(-5px 8px 4px #a6abb5)
    }

    .desktopImg {
        max-height: 100%;
        /* display: flex; */
        height: 79.6vh;
        flex-direction: row
    }

    .treeImg {
        height: 80% !important;
        left: 50%
    }

    .titleMain {
        position: absolute;
        width: 40%;
        top: 18%;
        left: 4%
    }

    .rightoverImg {
        height: 33%;
        right: 20%
    }

    .rightoverImg:hover {
        height: 33.3%
    }

    .mainbackground {
        position: absolute;
        height: 100%;
        width: 100%
    }

    .leftoverImg {
        height: 36%;
        left: 36%
    }

    .leftoverImg:hover {
        height: 36.3%
    }

    .mobileImg {
        display: none
    }
    .sticky-menu .logo {
        height: 50px;
    }
}

@media only screen and (min-width:790px) and (max-width:834px) {

    .leftoverImg,
    .rightoverImg,
    .treeImg {
        position: absolute;
        bottom: 0
    }

    .leftoverImg:hover,
    .rightoverImg:hover {
        filter: drop-shadow(-5px 8px 4px #a6abb5)
    }

    .desktopImg {
        max-height: 100%;
        /* display: flex; */
        height: 79.5vh;
        flex-direction: row
    }

    .treeImg {
        height: 90% !important;
        left: 50%
    }

    .titleMain {
        position: absolute;
        width: 40%;
        top: 18%;
        left: 4%
    }

    .rightoverImg {
        height: 33%;
        right: 15%
    }

    .rightoverImg:hover {
        height: 33.3%
    }

    .mainbackground {
        position: absolute;
        height: 100%;
        width: 100%
    }

    .leftoverImg {
        height: 36%;
        left: 35%
    }

    .leftoverImg:hover {
        height: 36.3%
    }

    .mobileImg {
        display: none
    }

    .sticky-menu .logo {
        height: 50px;
    }
}

@media only screen and (max-width:767px) {
    /* .mobileImg {
        height: calc(100vh - 236px)
    } */
    .sticky-menu .logo {
        height: 50px;
    }
}

@media only screen and (min-width:768px) and (max-width:790px) {
    .sticky-menu .logo {
        height: 50px;
    }
    .leftoverImg,
    .rightoverImg,
    .treeImg {
        position: absolute;
        bottom: 0
    }

    .leftoverImg:hover,
    .rightoverImg:hover {
        filter: drop-shadow(-5px 8px 4px #a6abb5)
    }

    .desktopImg {
        max-height: 100%;
        /* display: flex; */
        height: 85.2vh;
        flex-direction: row
    }

    .treeImg {
        height: 90% !important;
        left: 50%
    }

    .titleMain {
        position: absolute;
        width: 40%;
        top: 18%;
        left: 4%
    }

    .rightoverImg {
        height: 33%;
        right: 7%;
    }

    .rightoverImg:hover {
        height: 33.3%
    }

    .mainbackground {
        position: absolute;
        height: 100%;
        width: 100%
    }

    .leftoverImg {
        height: 36%;
        left: 35%
    }

    .leftoverImg:hover {
        height: 36.3%
    }

    .mobileImg {
        display: none
    }
}

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

    .mobiletitleMain,
    .treemobile {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .mobileImg {
        display: none;
        position: relative
    }

    .desktopImg {
        display: block
    }

    .backgroundImg {
        height: 100%;
        width: 100% !important
    }

    /* .treemobile {
				position: absolute;
				bottom: 0;
				height: 64%;
				width: auto !important;
				left: 0;
				right: 0
			} */

    .mobileleftoverImg,
    .mobilerightoverImg {
        width: auto !important;
        bottom: 0;
        height: 25%;
        position: absolute
    }

    .mobileleftoverImg {
        left: 20% !important;
    }

    .mobilerightoverImg {
        right: 17% !important;
    }

    .mobiletitleMain {
        position: absolute;
        height: auto;
        width: 85% !important;
        left: 0;
        right: 0;
        top: 18%
    }
}



/* Add pop css */
.img-rounded {
    border-radius: 5px;
}

#digitalModal .close {
    font-size: 30px;
}

#digitalModal .modal-content {
    position: relative;
}

#digitalModal1 .close {
    font-size: 30px;
}

#digitalModal1 .modal-content {
    position: relative;
}

.modal-lg .modal-body {
    padding: 135px 150px;
}

.addadmfor {
    font-size: 1.75rem;
    font-weight: bold;
    color: #0a4d95;
}

.addgrdfor {
    font-size: 1.75rem;
    font-weight: bold;
    color: red;
}

.addyrsfor {
    font-size: 1rem;
    font-weight: bold;
}

.mobileviewtitleimg {
    animation: shake 0.5s;
    animation-iteration-count: 5;
}

@keyframes shake {
    0% {
        transform: translate(-5% -5%) rotate(0deg);
    }

    10% {
        transform: translate(-4.8%, -4.8%) rotate(-0.5deg);
    }

    20% {
        transform: translate(-4%, -4%) rotate(1deg);
    }

    30% {
        transform: translate(-5% -5%) rotate(0deg);
    }

    40% {
        transform: translate(-4.8% -4.8%) rotate(1deg);
    }

    50% {
        transform: translate(-4%, -4%) rotate(-0.5deg);
    }

    60% {
        transform: translate(-5%, -5%) rotate(0deg);
    }

    70% {
        transform: translate(-4.8% -4.8%) rotate(-0.5deg);
    }

    80% {
        transform: translate(-4%, -4%) rotate(1deg);
    }

    90% {
        transform: translate(-5% -5%) rotate(0deg);
    }

    100% {
        transform: translate(-4.8% -4.8%) rotate(-0.5deg);
    }
}

/* Media query for dimensions exactly 360 by 429 */


@media (max-width:767px) {

    .treemobile {
        position: absolute !important;
        bottom: 0 !important;
        height: 64%;
        /* right: 0% !important; */
        left: 6% !important;
    }

    .mobiletitleMain {
        height: auto !important;
        left: 27px !important;

    }

    .mobileImg {
        display: block;
        position: relative
    }

    .desktopImg {
        display: none
    }

    .backgroundImg {
        height: 100%;
        width: 100% !important
    }

    .treemobile {
        position: absolute;
        bottom: 0;
        height: 64%;
        width: auto !important;
        left: 0;
        right: 0
    }

    .mobileleftoverImg,
    .mobilerightoverImg {
        width: auto !important;
        bottom: 0;
        height: 25%;
        position: absolute
    }

    .mobileleftoverImg {
        left: 5%
    }

    .mobilerightoverImg {
        right: 2px
    }

    .mobiletitleMain {
        position: absolute;
        height: auto;
        width: 85% !important;
        left: 0;
        right: 0;
        top: 18%
    }

  

    .icon-bar {
        bottom: 0 !important;
    }
}
@media (min-width: 600px){
   .mobileImg {
        height: 191px;
    }
    .treemobile{
        height: 50%;
    }
    .mobiletitleMain{
        width: 39% !important;
        top: 26%;
        left: 9% !important;
    
    }
    .mobilerightoverImg{
        right: 35% !important;

    }
    .mobileleftoverImg{
        left: 41%;
    }
}
@media (max-width: 767px) {
    .mobileImg{
      /* height: 445px !important; */
    }
    
  
      .addadmfor {
          font-size: 1.2rem !important;
      }
  
      .addgrdfor {
          font-size: 1.2rem !important;
  
      }
  
      .mobileCss {
          top: 11% !important;
      }
  }
  
  .icon-bar {
      bottom:0 !important;
  }
  

@media (min-width: 767px) and (max-width:991) {

    .mobiletitleMain,
    .treemobile {
        position: absolute !important;
        bottom: 0 !important;
        height: 64% !important;
        /* right: 0% !important; */
        left: 15% !important;
    }

    .mobileleftoverImg {
        left: 3%;
    }

    .treemobile {
        position: absolute;
        bottom: 0% !important;
        left: 15% !important;
        height: 65% !important;
    }

    .mobiletitleMain {
        height: auto !important;
    }

    .icon-bar {
        bottom: 0 !important;
    }

}

@media (min-width: 480px) and (max-width:767px) {
    .mobileleftoverImg {
        left: 35% !important;
    }

    .mobilerightoverImg {
        right: 30% !important;
    }
    .treemobile {
        height: 90%;
    }

    .mobiletitleMain{
        width: 39% !important;
        top: 10%;
        left: -52% !important;
    }
}

#mobilecontactnumbersheader1 .mobilmnus1{
    display:none;
}
#mobilecontactnumbersheader .mobilmnus1{
    display:none;
}

@media(min-width:480px){
    .mobileview .mobilemnus{
        width:auto !important;
        display: block;
        float:right;
    }
    .mobilemnus{
        display: none;
    }
    #mobilecontactnumbersheader .header-top-panel{
        display:none;
    }
    .icon-bar{
        z-index:0 !important;
    }
}
@media(max-width:480px){
    .mobilemnus{
        display: none;
    }
    #mobilecontactnumbersheader1 .mobilmnus1{
        display:block;
    }
    #mobilecontactnumbersheader .mobilmnus1{
        display:block;
    }
    #mobilecontactnumbersheader1,
    #mobilecontactnumbersheader{
        width: 100%;   
        display: block;
    }
}


@media screen and (min-width: 768px){
    .icon-bar {
        font-size: 16px !important;
    }
}