BossBey File Manager

Editing: responsive.css

@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

@media only screen and (min-width: 1445px) and (max-width: 1599px) {}

@media only screen and (min-width: 1400px) and (max-width: 1444px) {}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    header .header-btm .main-header .head-btn .side-ul .sd-li a i {
        font-size: 17px;
        margin: 0px 0px 7px;
    }

header .header-btm .main-header .head-btn .side-ul .sd-li a span {
        font-size: 14px;
        line-height: 20px;
    }

header .header-btm .main-header .navbar-brand img {
        height: 70px;
    }

header .header-btm .main-header .head-btn .side-ul .sd-li a .cont {
        height: 16px;
        width: 16px;
        right: 24%;
        top: -12%;
    }

header .header-btm .main-header .head-btn .side-ul .sd-li {
        width: 58px;
    }

header .header-btm .head-btn {
        width: 27%;
    }

header .header-btm .main-header .search-box .form-group {
        width: 560px;
    }

header .header-btm .main-header .search-box .form-group .search-control {
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

header .header-btm .main-header .search-box .form-group .select-box .form-select {
        font-size: 13px;
        width: 124px;
    }

header .header-btm .main-header .search-box .form-group .search-control::placeholder {
        font-size: 14px;
        color: #808080;
        font-weight: 400;
    }

.made-by-sec .bee-pro .product-box .main-img img {
        height: 180px;
    }

.made-by-sec .bee-pro .product-box .main-img {
        margin: 0px 0px 10px;
    }

.made-by-sec .bee-pro .product-box .star {
        margin: 0px 0px 10px;
    }

.made-by-sec .bee-pro .product-box h4 {
        font-size: 18px;
        margin: 0px 0px 4px;
    }

.made-by-sec .bee-pro .product-box h6 {
        margin: 8px 0px 0px;
        font-size: 14px;
    }
    .food-beverages-sec .main-box .head h2,
    .shop-categories-sec .bee-pro .head h2,
    .made-by-sec .bee-pro .head h2 {
        font-size: 25px;
    }

.made-by-sec .bee-pro .product-box .add {
        margin: 15px 0px 0px;
    }
    .food-beverages-sec .owl-carousel .owl-nav button.owl-next,
     .food-beverages-sec .owl-carousel .owl-nav button.owl-prev,
      .owl-carousel button.owl-dot,
    .shop-categories-sec .bee-pro .owl-carousel .owl-nav button.owl-next,
    .shop-categories-sec .bee-pro .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot,
    .made-by-sec .bee-pro .owl-carousel .owl-nav button.owl-next,
    .made-by-sec .bee-pro .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        height: 40px;
        width: 40px;
    }
    .food-beverages-sec button.owl-prev {
        top: -10%;
        right: 45px;
    }
    .food-beverages-sec button.owl-next {
        top: -10%;
        right: 0;
    }

.made-by-sec .bee-pro button.owl-prev {
        top: -13%;
        right: 46px;
    }

.shop-categories-sec .bee-pro button.owl-prev {
        right: 46px;
    }

.shop-categories-sec .bee-pro .product-box h4 {
        font-size: 17px;
        line-height: 22px;
    }

.made-by-sec .bee-pro button.owl-next {
        top: -13%;
    }

.made-by-sec .bee-pro .product-box .add .add-btn {
        padding: 8px 15px;
        font-size: 14px;
    }

.made-by-sec .bee-pro {
        padding: 19px 23px;
    }
    .food-beverages-sec .main-box .head,
    .made-by-sec .bee-pro .head {
        width: 84%;
        margin: 0px 0px 11px;
    }

header .head-bottom .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }

header .head-bottom .navbar .navbar-nav {
        gap: 20px;
    }

.home-banner-wrap .banner-box h2 {
        font-size: 50px;
        margin: 0px 0px 15px;
        line-height: 1.2;
    }

.home-banner-wrap .banner-box .content {
        padding: 90px 0px 0px 96px;
    }

.home-banner-wrap .banner-box h3 {
        font-size: 25px;
        margin: 0px 0px 26px;
    }

.buy .buy-btn {
        padding: 8px 38px;
    }

.home-banner-wrap .banner-box .main-img img {
        height: 476px;
    }

.made-by-sec .gray-box .shop .shop-btn {
        padding: 10px 24px;
    }

.made-by-sec .gray-box h5 {
        font-size: 22px;
        margin: 0px 0px 10px;
    }

.made-by-sec .gray-box h4 {
        font-size: 28px;
        line-height: 34px;
    }

.made-by-sec .gray-box ul {
        margin: 0px 0px 19px;
    }

.made-by-sec.selling-products-sec .bee-pro .head {
        width: 90%;
    }

.six-one .fitness .main-img img {
        height: 160px;
        object-fit: contain;
    }

.six-one .fitness.personal .main-img img {
        height: 200px;
        object-fit: cover;
    }

.six-one .fitness {
        padding: 15px 48px 25px;
    }

.six-one .fitness h4 {
        font-size: 22px;
        margin: 0px 0px 10px;
        line-height: 25px;
    }

.six-one .fitness h4 span {
        font-size: 13px;
        line-height: 19px;
    }

.six-one .fitness .buy-btn {
        padding: 6px 22px;
        font-size: 13px;
    }

.six-one .fitness p {
        margin: 20px 0px 10px;
        font-size: 13px;
    }

.six-one .fitness.personal p {
        padding: 15px 0px 0px 0px;
    }
    .baby-sec,
    .food-beverages-sec,
    .six-one,
    .selling-products-sec,
    .shop-categories-sec {
        padding: 60px 0px 0px;
    }

.selling-products-sec .gray-box .main-img img {
        height: 257px !important;
    }
    .food-beverages-sec .main-box .product-box h4, .made-by-sec .bee-pro .product-box h4 {
        font-size: 16px;
    }
    
    .food-beverages-sec .main-box .product-box h6, .made-by-sec .bee-pro .product-box h6 {
        margin: 15px 0px 0px;
    }
    
    .food-beverages-sec .main-box .product-box .add, .made-by-sec .bee-pro .product-box .add {
        margin: 15px 0px 0px;
    }
    .food-beverages-sec .main-box .product-box p {
        font-size: 11px;
    }
    
    .food-beverages-sec .main-box .product-box h6 {
        font-size: 13px;
        margin: 10px 0px 0px;
    }
    
    .food-beverages-sec .main-box .product-box .add .add-btn {
        font-size: 13px;
    }
    
    .food-beverages-sec .main-box .product-box .star {
        margin: 0px 0px 8px;
    }
    
    .food-beverages-sec .main-box .product-box h4 {
        margin: 0px 0px 6px;
        padding: 14px 0px 0px;
    }
    
    .food-beverages-sec .main-box .product-box .main-img img {
        height: 208px;
    }
    .food-beverages-sec .gray-box h5, .made-by-sec .gray-box h5 {
        font-size: 18px;
    }
    
    .food-beverages-sec .gray-box .shop .shop-btn, .made-by-sec .gray-box .shop .shop-btn {
        font-size: 14px;
        padding: 8px 24px;
    }
    
    .food-beverages-sec .gray-box .main-img img {
        height: 399px;
        margin: 0px 0px 0px;
        object-fit: cover;
    }
    .made-by-sec .gray-box .main-img img {
        height: 310px;
    }
    .baby-sec .gray-box {
        height: 541px;
    }
    footer .footer-top .quik-inks h4 {
        font-size: 15px;
        margin: 32px 0 15px 0;
    }

footer .footer-top .quik-inks ul {
        gap: 12px;
    }

footer .footer-top .quik-inks ul li a {
        font-size: 13px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 576px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 575px) {}

Cancel