/* ================================================================
 📜 NOTE: Extra large ≥1200px @media (min-width: 1200px) col-xl
=================================================================== */

/* ➡️ Extra large devices (large laptops, TV and desktops, 1200px and up)*/

@media only screen and (min-width: 1201px){
.disclaimer {
    width: 30%;
}
}


/* ================================================================ 
 📜 NOTE: Large ≥992px - 1200px @media (min-width: 992px) col-lg
=================================================================== */

/* ➡️ Desktops, large screens  {} */

@media only screen and (min-width: 1025px) and (max-width: 1200px){
.homeTopBanner.carousel {
    height: auto;
}
.disclaimer {
    width: 30%;
}
}

/* ➡️ Large devices (laptops/desktops, 992px and up)  */ 

@media only screen and (min-width: 993px) and (max-width: 1024px){
.disclaimer {
    width: 40%;
}
.galleryBox img {
    height: 210px;
}
}


/* ================================================================ 
 📜 NOTE: Medium ≥768px - 992px @media (min-width: 768px) col-md
=================================================================== */

/* ➡️ Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) and (max-width: 992px){
.logo {
    width: 75%;
}
.rightHead a {
    width: 85%;
}
.callHead i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}
.homeTopBanner.carousel{
    height: 70vh;
}
.homeTopBanner.carousel .carousel-item img{
    height: 70vh;
}
.product_info .paragraph {
    line-height: 17px;
}
.disclaimer {
    width: 40%;
}
.galleryBox img {
    height: 180px;
}
.whyBox {
    align-items: start;
}
}


/* ================================================================ 
 📜 NOTE: Small ≥576px - 768px @media (min-width: 576px) col-sm
=================================================================== */

/* ➡️ iPads, Tablets */

@media only screen and (min-width: 577px) and (max-width: 767px){
.logo {
    width: 95%;
}
.callHead i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 9px;
}
.callHead h5 {
    font-size: 10px;
}
.callHead h5 span {
    font-size: 9px;
}
.rightHead a {
    width: 95%;
}
.menubar {
    gap: 20px;
}
.menubar li a {
    font-size: 12px;
}
.homeTopBanner.carousel{
    height: 60vh;
}
.homeTopBanner.carousel .carousel-item img{
    height: 60vh;
}
.productCatBox{
    margin-bottom: 20px;
}
.product_info .paragraph {
    line-height: 17px;
}
.playstore_image{
    display: none;
}
.playstore_img img {
    width: 160px;
}
.disclaimer {
    width: 55%;
}
.galleryBox img {
    height: 170px;
}
.smallBanner:nth-child(1) {
    margin-bottom: 20px;
}
.welcome .aboutimg{
display: none;
}
.whyUs .aboutimg{
    text-align: center;
}
.whyUs .aboutimg img{
    width: 60%;
}
.homeWays .aboutimg{
    text-align: center;
}
.homeWays .aboutimg img{
    width: 60%;
}
.contactImage img{
    margin-bottom: 20px;
}
.contactBox {
    padding: 0px;
}
}



/* ================================================================
 📜 NOTE: Extra small <576px @media (max-width: 576px) col
=================================================================== */

/* ➡️ COMMON: Common css for mobile (portrait tablets and phones, 576px and below) */

@media screen and (max-width: 576px){
.containerBox {
    padding: 20px 10px;
}
.smallBanner:nth-child(1){
    margin-bottom: 20px;
}
.resourceBox {
    width: 100%;
}
.wayBox {
    align-items: flex-start;
}
.contactBox {
    padding: 0px;
}
.footerLogo {
    margin-bottom: 10px;
}
.footerBlock{
    margin-bottom: 20px;
}
.menubar, .callHead, .rightHead{
    display: none;
}
.logo {
    width: 30%;
}
.respoBar{
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.respoBar ion-icon {
    font-size: 30px;
    color: #5a7e10;
}
.respoSegment {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 70px;
}
.header {
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #ffce06;
}
.responsiveMenu {
    width: 100vw;
    position: fixed;
    top: 70px;
    bottom: 0;
    height: calc(100% - 70px);
    background-color: #fff;
    z-index: 9;
    display: block;
}
.sidemenu li {
    padding: 15px;
    border-bottom: solid 1px #ccc;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}
.sidemenu li a{
    color: #333;
}
.homeTopBanner, .subBanner{
    margin-top: 70px;
}
.subBanner {
    height: 100px;
    padding: 0 10px;
}
.mainHead {
    font-size: 20px;
}
.subBannerHead {
    font-size: 20px;
}
.priceCell {
    align-items: flex-start;
    flex-direction: column;
}
.priceBlock {
    padding: 2px 10px;
    margin-bottom: 8px;
}
.productBox {
    align-items: center;
    height: auto;
}
.category_inner img {
    width: 75px;
    height: 75px;
}
.category_name .miniPoint {
    font-size: 14px;
}
.category_name {
    margin: 10px 0 20px 0;
}
.contactImage{
    margin-bottom: 20px;
}
.homeTopBanner.carousel {
    height: auto;
}
.homeTopBanner.carousel .carousel-item img {
    height: auto;
}
.addCartText, .addWishText {
    font-size: 9px;
}
.product_info{
    height: auto;
}
.productDescription .addCartBottom {
    width: 100%;
}
.delivery_stripe {
    width: 100%;
}
.cart_image {
    width: 32%;
    padding-top: 20px;
    display: flex;
    align-items: center;
}
.cart_item_details .semiMidText {
    margin-top: 0px;
}
.miniPoint {
    font-size: 15px;
    margin-bottom: 5px;
}
.deletion_form_inputs{
    width: 100%;
        padding: 20px;
}
.deletion_form_image{
    display: none;
}
.flex_div {
    gap: 0px;
    flex-direction: column;
}
.deletion_form_inputs input[type=submit] {
    width: 50%;
}
.account_deletion_form {
    margin-top: 20px;
}
.playstore_image{
    display: none;
}
.playstore_button img {
    width: 40px;
}
.playstore_button {
    height: 55px;
    font-size: 18px;
}
.playstore_img img {
    width: 150px;
}
.welcome .aboutimg{
display: none;
}
.whyUs .aboutimg{
    text-align: center;
}
.whyUs .aboutimg img{
    width: 60%;
}
.homeWays .aboutimg{
    text-align: center;
}
.homeWays .aboutimg img{
    width: 60%;
}

}

/* @media only screen and (max-width: 576px) and (orientation:portrait){
.callHead i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 9px;
}
.callHead h5 {
    font-size: 10px;
}
.callHead h5 span {
    font-size: 9px;
}
} */

/* ➡️ Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 481px) and (max-width: 576px){
.logo {
    width: 20%;
}

.disclaimer {
    width: 70%;
}
.galleryBox img {
    height: 200px;
}
}

/* ➡️ Mobile devices */ 

@media only screen and (min-width: 421px) and (max-width: 480px){
.logo {
    width: 20%;
}
.disclaimer {
    width: 70%;
}
.galleryBox img {
    height: 150px;
}

}

@media only screen and (min-width: 361px) and (max-width: 420px){
.logo {
    width: 25%;
}
.disclaimer {
    width: 70%;
}
.galleryBox img {
    height: 140px;
}
}
@media only screen and (min-width: 321px) and (max-width: 360px){
.logo {
    width: 25%;
}
.homeTopBanner.carousel {
    height: 25vh;
}
.homeTopBanner.carousel .carousel-item img {
    height: 25vh;
}
.disclaimer {
    width: 75%;
}
.galleryBox img {
    height: 140px;
}
}

/* ➡️ Small Mobile devices */ 

@media only screen and (min-width: 281px) and (max-width: 320px){
.logo {
    width: 30%;
}
.homeTopBanner.carousel {
    height: 28vh;
}
.homeTopBanner.carousel .carousel-item img {
    height: 28vh;
}
.galleryBox img {
    height: 120px;
}
.disclaimer {
    width: 75%;
}
}




/* ➡️ Extra small devices */ 

@media only screen and (max-width: 280px){
.logo {
    width: 35%;
}
.category_inner img {
    width: 60px;
    height: 60px;
}
.category_name .miniPoint {
    font-size: 12px;
}
.homeTopBanner.carousel {
    height: 25vh;
}
.homeTopBanner.carousel .carousel-item img {
    height: 25vh;
}
.disclaimer {
    width: 75%;
}
.galleryBox img {
    height: 120px;
}
}





/* @media screen and (max-width: 540px){

} */






/* @media (min-width: 1400px)
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
}
@media (min-width: 1200px)
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}
@media (min-width: 992px)
.container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
}
@media (min-width: 768px)
.container, .container-md, .container-sm {
    max-width: 720px;
}
@media (min-width: 576px)
.container, .container-sm {
    max-width: 540px;
} */