@media only screen and (max-width: 768px) {

.featured-grid {
    grid-template-columns: repeat(2, 1fr);
}
.homebanner-grid {
    grid-template-columns: 1fr;
}
.icon-box {
    margin-bottom: 20px;
}
.home-slider-img {
    height: 400px;
}
.slide-caption {
    font-size: 30px;
}
#homeSliderSection {
    min-height: 400px;
}
img.become-img {
    display: none;
}
.blog-card {
    margin-bottom: 30px;
}
.subscribe-text {
    margin-bottom: 15px;
}
.subscribe-line {
    font-size: 21px;
}
.footer-1st, .footer-2nd {
    margin-bottom: 25px;
}
.footer-mail {
    margin: 7px 0;
    font-size: 15px;
}
.footer-phone {
    font-size: 16px;
}
.footer-phone .fa {
    font-size: 18px;
}
.footer-title {
    font-size: 18px;
    margin-bottom: 10px;
}
#mainMenu .nav-link {
    padding: .4rem 1rem;
}
.top-call, .top-offer {
    display: none;
}
.top-search {
    display: none;
}
.gallery-grid {
    grid-template-columns: repeat(2, 1fr);
}
.star-grid {
    grid-template-columns: repeat(2, 1fr);
}
table#cartTable{
    display: block;
    overflow-x: scroll !important;
}
.your-order {
    margin-top: 20px;
    padding: 15px;
}
.order-list {
    padding: 25px 20px;
}

}

@media only screen and (max-width: 425px) {

.featured-grid {
    grid-template-columns: repeat(1, 1fr);
}
span.topbar-txt {
    font-size: 8px;
    margin-left: 10px;
}
.top-right-menu a {
    font-size: 17px;
    margin: 0 6px;
}
#siteLogo {
    width: 90px;
}
.home-slider-img {
    height: 220px;
}
#homeSliderSection {
    min-height: 220px;
}
#homeSliderSection .owl-nav {
    display: none;
}
.slide-txt {
    font-size: 10px;
    margin-bottom: 5px;
}
.slide-caption {
    font-size: 15px;
    margin-bottom: 10px;
}
a.slider-btn {
    padding: 4px 10px;
    font-size: 11px;
}
.icon-box {
    margin-bottom: 20px;
}
.home-section {
    padding: 40px 0;
}
.home-banner1 img, .home-banner2 img {
    height: 320px;
}
.homebanner1-caption, .homebanner2-caption {
    font-size: 30px;
}
.home-banner1, .home-banner2 {
    height: 320px;
}
h1.home-section-titles {
    font-size: 30px;
}
.left-tabs.nav-tabs {
    border-bottom: none;
}
.tab-content {
    padding: 10px 0;
}
.icon-box {
    font-size: 10px;
}
.icon-img {
    width: 30px;
    height: 30px;
}
.icon-below-bar {
    display: none;
}
.page-title-banner {
    padding: 50px 0;
}
.gallery-grid {
    grid-template-columns: repeat(1, 1fr);
}
.star-grid {
    grid-template-columns: repeat(1, 1fr);
}
.your-order {
    padding: 8px;
}
.order-list {
    padding: 20px 15px;
}

}