@media(max-width: 556px){
    .navbar-brand{
        margin-left: unset;
    }
    .dropdown-toggle::after{
        display: inline-block;
    }
    .but{
        padding: 10px 20px;
        margin-top: 28px;
    }
    
    .fugiat h3{
        width: unset;
    }
    .fugiat{
        padding-left: unset !important;
    }
    .city{
        background-position-x: center;
    }
    /* .login {
        height: 38px;
        width: 145px; 
        left: 81vw; 
        top: 17vh; 
        transform: translate(-50%, -50%); 
    }  */
    .astro-head{
        width: unset;
        margin: unset;
        margin-bottom: 30px;
    }
    .astro-head h1{
        font-size: 30px;
    }
    .astro-card{
        margin-bottom: 20px;
    }
    .how_it_works_heading h2{
        font-size: 35px;
    }
    .create_account, .payment_information, .advisor, .start_chat{
        margin-bottom: 20px;
    }
    .why-choose-astrosumi-left-part{
        width: unset;
        display: unset;
        text-align: center;
    }
    .why-choose-astrosumi-right-part{
        width: unset;
    }
    .why-choose-astrosumi-left-part h2{
        font-size: 25px;
    }
    .why-choose-astrosumi-left-part p{
        font-size: 15px;
    }
    .people-love-us-card-1, .people-love-us-card-2, .people-love-us-card-3{
        width: unset;
    }
    .love-container{
        width: 81%;
    }
    .people-love-us-heading h2{
        font-size: 30px;
    }
    .aboutus-section_heading{
        width: unset;
        margin: unset;

    }
    .aboutus-section_heading h2{
        font-size: 18px;
    }
    .reading-works-container{
        width: unset;
    }
    .reading-works-content{
        width: unset;
        margin-left: unset;
    }
    .reading-works-heading h2{
        font-size: 20px;
    }
    .aboutus-section-content{
        width: unset;
        margin: unset;
      }
      .view-cart-btn{
        margin-left: unset;
        margin-bottom: 10pxs;
      }
      .insight-store-card-section-container{
        padding: 30px;
      }
    
}

@media(min-width:557px) and (max-width: 768px){
    /* .login {
        height: 38px;
        width: 145px; 
        left: 90vw; 
        top: 13vh; 
        transform: translate(-50%, -50%); 
    }
    .login p{
      margin-left: 40px;
    } */
    .view-cart-btn{
        margin-bottom: 10px;
        margin-left: unset;
    }
    .insight-store-card-section-container{
        padding: 30px;
    }
    .astro-head{
        width: unset;
    }
    .astro-card{
        margin-bottom: 20px;
    }
    .create_account, .payment_information, .advisor, .start_chat{
        margin-bottom: 20px;
       
    }
    .why-choose-astrosumi-left-part{
        text-align: center;
        width: unset;
    }
    .why-choose-astrosumi-right-part{
        width: unset;
    }
    .mnm{
        justify-content: center !important;
    }
    .love-container{
        width: 81%;

    }
    .love-container .row{
        justify-content: center;
    }
    .aboutus-section_heading{
        width: unset;
        margin: unset;

    }
    .reading-works-container{
        width: unset;
    }
    .aboutus-section-content{
        width: unset;
        margin: unset;
      }
}

@media(min-width: 769px) and (max-width: 992px){
    /* .login {
        height: 38px;
        width: 145px; 
        left: 89vw; 
        top: 11vh; 
        transform: translate(-50%, -50%); 
    } */
    .navbar-brand{
        margin: unset;
     }
    /* .login p{
      margin-left: 40px;
    } */ */
    .astro-head{
        width: unset;
    }
    .astro-card{
        margin-bottom: 20px;
    }
    .create_account, .payment_information, .advisor, .start_chat{
        margin-bottom: 20px;
       
    }
    .why-choose-astrosumi-left-part{
        text-align: center;
        width: unset;
    }
    .why-choose-astrosumi-right-part{
        width: unset;
    }
    .mnm{
        justify-content: center !important;
    }

    .love-container{
        width: 81%;

    }
    .love-container .row{
        justify-content: center;
    }
    .aboutus-section_heading{
        width: unset;
        margin: unset;
    }
    .reading-works-container{
        width: unset;
    }
    .aboutus-section-content{
        width: unset;
        margin: unset;
      }
}

@media(min-width:993px) and (max-width: 1200px){
    .navbar-brand{
        margin-left: 25px;
    }
    /* .login{
        left: 121.7vh;
        top: 67vh;
    } */
    .create_account, .payment_information, .advisor, .start_chat{
        padding: unset;
    }
    .why-choose-astrosumi-left-part{
        width: unset;
    }
    .why-choose-astrosumi-right-part{
        width: unset;
    }
    .love-container{
        width: 81%;
    }
  
}