@media only screen and (max-width: 1490px) {
         .nav-item{
            font-size: 13px;
        }

        .navbar-brand img {
            width: 150px;
        }

   } 

   @media only screen and (max-width: 1210px) {
         .nav-item{
            font-size: 11px;
        }

        .navbar-brand img {
            width: 120px; 
        }

   }


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

       body {
            font-family: 'Montserrat', sans-serif; 
            background-color: #f8f9fa; 
            width: 100%;
            margin-left: 0px;
        }


        .carouselh1{
            color: black;
            font-size: 41px;
            font-weight: 700;
        }

        .carouselinfo{
          z-index: 999999999999;
          position: absolute;
          top: 47px;
          height: 400px;
          left: 10px;
          width: 100%;
          paading:8px;
        }

        .navbar {
            background-color: white; 
            color: black; 
            padding: 15px 30px; 
        }
        .navbar-brand img {
            width: 250px; 
        }
        .carousel-item img {
            width: 100%; 
            height: 250px; 
        }

        .supportimages{
            width: 100%;
        }

        .boxbecome{
            border: 1px solid #CFCFCF;border-radius: 15px; 
        }

        .box{
            border: 1px solid #CFCFCF;border-radius: 15px; width: 100%;
        }

        #breadcrumb{
            margin-left: 5px;
        }

        .whitehead{
            margin-left: 5px;
            padding: 5px;
            margin-top: 20px;
        }

        .whiteboxtext{
            margin-left: 10px;
        }

        .role-container{
            margin-top: 25px;
        }

        .role {
          float:left;
          width: 100%;
          margin-bottom: 30px;

        }

        .name {
            width: 100%;
            display: inline-block;
        }
        .homep{
            font-size: 17px;
        }

        .homepbsmall{
            font-size: 15px;
            line-height: 25px;
        }

        .pagehead{
            font-weight: 700;
            font-size: 20px;
            line-height: 25px;
            text-align: center;

        }

        .login{
            border: 1px solid #07738F;
            color: #07738F;
            font-size: 16px;
            font-weight: 700;
            padding: 10px;
            vertical-align: bottom;
            border-radius: 5px;
            margin-left: 15px;
        }

        .bluecta{
            background-color: #07738F;
            border: 1px solid #07738F;
            padding: 15px;
            border-radius: 5px;
            color: white;
            font-size: 17px;
            line-height: 20px;
            font-weight: 700;
            width: 200px;
            height: 50px;
            margin: 10px;
        }

        .bluecta:hover{
            background-color: #07738F;
            color: white;
            opacity: 0.8;
        }
        .whitecta{
            background-color: white;
            border: 1px solid white;
            padding: 15px;
            border-radius: 5px;
            color: #07738F;
            font-size: 17px;
            line-height: 20px;
            font-weight: 700;
            width: 200px;
            height: 50px;
            margin: 10px;
            display: inline-block;
        }

        .whitecta:hover{
            background-color: white;
            color: #07738F;
            opacity: 0.8;
        }


    .mobilemenu{
      display: block;
      height: 49px;
      background-color: #fff;
      position: fixed;
      bottom: 0px;
      text-align: center;
      color: black;
      font-size: 12px;
      width: 100%;
      z-index: 1000;
      border-top: 1px solid #dfdfdf;
    }

    .mobilemenu a{
        color: black;
        width: 20%;
        display: inline-block;
    }

    .mobilemenu i{
        color: black;   
    }

        .mobilei{
        font-size: 19px;
        text-align: center;
        margin-right: 0px !important;
        margin-bottom: 3px;
        color: #469969 !important;
        margin-top: 5px;

    }

}