@media only screen and (max-width: 1048px) {
    .hero-1-img {
       display: none;
        
     }
     .hero-1-text-container{
         width: 100%;
     }

     .hero-1 {
         padding: 146px 20px 20px 20px;
         height: min-content;
     }
    .hero-2 , .hero-3 , .hero-4 , .hero-5 , .hero-6, .hero-7{
         padding: 20px 20px;
         height: min-content;
     }
    
     #header a.navbar-brand {
        margin: 0 auto;
     }
     .hero-headings-white {
        font-size: 36px;
     }

     .hero-1-btn {
        width: 100%;
        text-align: center;}
        
    .hero-1-signin {
        display: block;
        box-sizing: border-box;
        padding: 15px 20px;
        border-radius: 4px;
        color: #000;
        font-family: "Graphik Bold";
        font-size: 18px;
        letter-spacing: -0.75px;
        line-height: 18px;
        border: 1px solid white;
        text-align: center;
    }

    .hero-1-signin a{
        color: white;
        text-decoration: none;
    }

    .hero-2-desciption , .hero-3-desciption , .hero-4-desciption , .hero-5-desciption , .hero-6-desciption , .hero-7-desciption {
        width: 100%;
    }
    .search-form {
        width: 100%;
    }

    .hero-headings {
        font-size: 36px;
    }
    #author-carousel-mobile {
        display: block;
    }
    #author-carousel {
        display: none;
    }
    #author-carousel-mobile img {
        height: 128px;
      width: 128px;
      border-radius: 100px;
    }
    
    
    .author-name {
        color: #000;
      font-family: "Graphik Medium";
      font-size: 22px;
      letter-spacing: -0.92px;
      line-height: 22px;
    }
    
    #author-carousel-mobile .carousel-indicators > button {
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: #E0E0E0;
      }
     
    
      
    
      #author-carousel-mobile .carousel-indicators {
          bottom: -40px;
         
      }
    
    
      #author-carousel-mobile .carousel-indicators .active{
        background-color: #000;
    }

    /* .top-footer-section{ */
        /* height: min-content; */
    /* } */
    .search-form > button {
        display: none;
      }

      .bottom-footer-alm-logo {
       
        margin: 0 auto;
        display: block;
      }
	
      .desktop-only{
          display: none;
      }
      #get-started-form-section {
          height: min-content;
      }
}

/* @media only screen and (min-width: 1370px) and (max-width: 1450px) { */
    /* .hero-1-img{ */
        /* height: 450.9px; */
        /* width: 785px; */
        /* right: -80px; */
        
       
    /* } */
/* } */
/* @media only screen and (min-width: 1242px) and (max-width: 1370px) { */
    /* .hero-1-img{ */
        /* height: 450.9px; */
        /* width: 785px; */
        /* right: -80px; */
        
       
    /* } */
/* } */

/* @media only screen and (min-width: 1220px) and (max-width: 1242px) { */
    /* .hero-1-img{ */
        /* height: 400.9px; */
        /* width: 690px; */
        /* right: -30px; */
     /* } */
/* } */
/* @media only screen and (min-width: 1093px) and (max-width: 1220px) { */
    /* .hero-1-img{ */
    /* height: 400.9px; */
    /* width: 660px; */
    /* right: -100px; */
     /* } */
/* } */

/* @media only screen and (min-width: 1048px) and (max-width: 1093px) { */
    /* .hero-1-img{ */
        /* height: 350.9px; */
        /* width: 600px; */
        /* right: -100px; */
     /* } */
/* } */


@media only screen and (min-width: 1370px) and (max-width: 1450px) {
    .hero-1-img{
        height: 450.9px;
        width: 785px;
        right: -80px;
        
       
    }
}

@media only screen and (min-width: 1242px) and (max-width: 1370px) {
    .hero-1-img{
        height: 450.9px;
        width: 785px;
        right: -80px;
        
       
    }
}

@media only screen and (min-width: 1220px) and (max-width: 1242px) {
    .hero-1-img{
        height: 400.9px;
        width: 690px;
        right: -30px;
     }
}
 



@media only screen and (min-width: 1106px) and (max-width: 1220px) {
    .hero-1-img{
    height: 400.9px;
    width: 660px;
    right: -100px;
     }
}

@media only screen and (min-width: 1093px) and (max-width: 1106px) {
    .hero-1-img{
        height: 350.9px;
        width: 590px;
    right: -100px;
     }
}


@media only screen and (min-width: 1048px) and (max-width: 1093px) {
    .hero-1-img{
        height: 350.9px;
        width: 570px;
        right: -100px;
     }
}