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) {
    .home-banner-wrap {
        padding: 180px 0 100px 0;
    }

.secTwo-wrap {
        padding: 100px 0;
    }

.secFour-wrap .content .info {
        padding: 50px 50px;
    }

.secFour-wrap .content h2 {
        font-size: 40px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1444px) {
    .home-banner-wrap {
        padding: 180px 0 100px 0;
    }

.secTwo-wrap {
        padding: 100px 0;
    }

.secFour-wrap .content .info {
        padding: 50px 50px;
    }

.secFour-wrap .content h2 {
        font-size: 40px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    header .header-btm .navbar .navbar-brand .logo {
        min-width: 100px;
        max-width: 100px;
    }

header .header-btm .navbar .navbar-nav {
        gap: 15px;
    }

header .header-btm .navbar .navbar-nav .nav-item .nav-link {
        font-size: 17px;
        line-height: 17px;
    }

.testimonialSec-wrap .head h2,
    .secThree-wrap .head h2,
    .secTwo-wrap .content h2,
    .secOne-wrap .content h2,
    .home-banner-wrap .content h2 {
        font-size: 45px;
        line-height: 55px;
    }

.home-banner-wrap {
        padding: 150px 0 100px 0;
    }

footer .footer-top,
    .brandSec-wrap,
    .calenderSec-wrap,
    .testimonialSec-wrap,
    .secThree-wrap,
    .secTwo-wrap,
    .secOne-wrap {
        padding: 50px 0 !important;
    }

.secOne-wrap .content {
        padding: 0 30px;
    }

.productSec-wrap {
        padding: 0 0 50px 0;
        margin: -45px 0 0 0;
    }

.secFour-wrap .content .info {
        padding: 20px 30px;
    }

.secFour-wrap .content h2 {
        font-size: 30px;
    }

.secFour-wrap .content ul li {
        font-size: 16px;
        line-height: 20px;
    }

.secFour-wrap .main-img img {
        min-height: 450px;
        max-height: 450px;
    }

.testimonialSec-wrap .slider-main .gallery-top .user-review p {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 15px 0;
    }

.calenderSec-wrap .calender-box {
        gap: 20px;
    }

.calenderSec-wrap .calender-box .content-box {
        padding: 30px 20px;
    }

.calenderSec-wrap .calender-box .calendy-main {
        min-width: 50%;
        max-width: 50%;
    }

.treatmentSec-wrap .treatment-card .main-img img {
        min-height: 300px;
        max-height: 300px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .header-btm .navbar .navbar-brand .logo {
        min-width: 100px;
        max-width: 100px;
    }

header .header-btm .navbar .navbar-nav {
        gap: 15px;
    }

header .header-btm .navbar .navbar-nav .nav-item .nav-link {
        font-size: 17px;
        line-height: 17px;
    }

.home-banner-wrap {
        padding: 150px 0 100px 0;
    }

footer .footer-top,
    .brandSec-wrap,
    .calenderSec-wrap,
    .testimonialSec-wrap,
    .secThree-wrap,
    .secTwo-wrap,
    .secOne-wrap {
        padding: 50px 0 !important;
    }

.secOne-wrap .content {
        padding: 0 30px;
    }

.productSec-wrap {
        padding: 0 0 50px 0;
        margin: -45px 0 0 0;
    }

.secFour-wrap .content .info {
        padding: 20px 30px;
    }

.secFour-wrap .content h2 {
        font-size: 30px;
    }

.secFour-wrap .content ul li {
        font-size: 16px;
        line-height: 20px;
    }

.secFour-wrap .main-img img {
        min-height: 450px;
        max-height: 450px;
    }

.testimonialSec-wrap .slider-main .gallery-top .user-review p {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 15px 0;
    }

.calenderSec-wrap .calender-box {
        gap: 20px;
    }

.calenderSec-wrap .calender-box .content-box {
        padding: 30px 20px;
    }

.calenderSec-wrap .calender-box .calendy-main {
        min-width: 50%;
        max-width: 50%;
    }

.treatmentSec-wrap .treatment-card .main-img img {
        min-height: 300px;
        max-height: 300px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .btn-box .btn-wh {
        font-size: 16px;
        height: 45px;
        padding: 0 30px;
        line-height: 18px;
    }

footer .footer-top,
    .brandSec-wrap,
    .calenderSec-wrap,
    .testimonialSec-wrap,
    .secThree-wrap,
    .secTwo-wrap,
    .secOne-wrap {
        padding: 50px 0 !important;
    }

.secThree-wrap .head {
        margin: 0 0 20px 0;
    }

footer .footer-top .head h2,
    .calculationSec .caculator-box .head h2,
    .treatmentSec-wrap .treatment-card,
    .calenderSec-wrap .head h2,
    .testimonialSec-wrap .head h2,
    .secFour-wrap .content h2,
    .secThree-wrap .head h2,
    .secTwo-wrap .content h2,
    .secOne-wrap .content h2,
    .home-banner-wrap .content h2 {
        font-size: 30px;
        line-height: 40px;
    }

.treatmentSec-wrap .treatment-card .main-img img,
    .productSec-wrap .product-card .main-img img,
    .secThree-wrap .service-card .main-img img,
    .secOne-wrap .main-img img {
        min-height: 320px;
        max-height: 320px;
    }

.secFour-wrap .main-img img {
        min-height: 400px;
        max-height: 400px;
    }

.home-banner-wrap {
        padding: 170px 0 50px 0;
    }

header .header-btm .navbar .navbar-nav {
        gap: 10px;
        padding: 20px 0;
    }

header .header-btm .side-ul {
        justify-content: center;
    }

footer .footer-top .head {
        margin: 20px 0;
    }

footer .footer-top .quik-inks {
        margin: 0 0 20px 0;
    }

footer .footer-top .quik-inks h4 {
        margin: 0 0 10px 0;
    }

footer .footer-bottom {
        padding: 10px 0;
    }

.productSec-wrap .productSlides .owl-nav {
        position: relative;
        justify-content: center;
        transform: none;
        gap: 20px;
    }

.secOne-wrap .content {
        padding: 20px 20px;
    }

.secOne-wrap .content p {
        line-height: 26px;
    }

.secTwo-wrap .content p {
        font-size: 17px;
        line-height: 26px;
    }

.secThree-wrap .service-card {
        margin: 0 0 30px 0;
    }

.productSec-wrap {
        padding: 0 0 30px 0;
        margin: -20px 0 0 0;
    }

.secFour-wrap .content .info {
        padding: 20px 20px;
    }

.secFour-wrap .content ul {
        gap: 10px;
        margin: 10px 0 0 0;
    }

.secFour-wrap .content ul li {
        font-size: 16px;
        line-height: 20px;
        padding: 0 0 0 30px;
    }

.treatmentSec-wrap .treatment-card .info {
        padding: 10px 10px;
    }

.treatmentSec-wrap .treatment-card {
        margin: 0 0 30px 0;
    }

.calculationSec .caculator-box {
        padding: 20px 20px;
    }

.input-main .btn-box {
        flex-direction: row !important;
    }

/* testimonial */

.testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .info p,
    .testimonialSec-wrap .slider-main .gallery-thumbs .swiper-wrapper .swiper-slide .profile-card .info h2 {
        font-size: 14px;
        line-height: 15px;
        white-space: nowrap;
    }

.testimonialSec-wrap .slider-main .navs {
        margin: 10px 0 0 0;
    }

.testimonialSec-wrap .slider-main .gallery-top .user-review p {
        font-size: 17px;
        margin: 0 0 10px 0;
    }

/* testimonial */
    /* calender */
    .calenderSec-wrap .calender-box {
        flex-direction: column;
        gap: 10px;
    }

.calenderSec-wrap .calender-box .content-box {
        padding: 20px 20px;
    }

.calenderSec-wrap .calender-box .content-box .social-link .social-parent .timeHead .form-check {
        width: 50px;
        height: 25px;
    }

.calenderSec-wrap .calender-box .calendy-main {
        border-left: none;
        padding: 20px 20px;
        min-width: 100%;
        max-width: 100%;
    }

.calenderSec-wrap .calender-box .calendy-main h2 {
        font-size: 17px;
        line-height: 17px;
        margin: 0;
    }

.fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 10px;
    }

/* calender */
    .treatmentSec-wrap .treatment-card .info h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 5px 0;
    }
}

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

footer .footer-top,
    .brandSec-wrap,
    .calenderSec-wrap,
    .testimonialSec-wrap,
    .secThree-wrap,
    .secTwo-wrap,
    .secOne-wrap {
        padding: 30px 0 !important;
    }

.secThree-wrap .head {
        margin: 0 0 20px 0;
    }

.treatmentSec-wrap .treatment-card .main-img img,
    .secFour-wrap .main-img img,
    .productSec-wrap .product-card .main-img img,
    .secThree-wrap .service-card .main-img img,
    .secOne-wrap .main-img img {
        min-height: 320px;
        max-height: 320px;
    }

.home-banner-wrap {
        padding: 170px 0 50px 0;
    }

header .header-btm .navbar .navbar-brand .logo {
        min-width: 150px;
        max-width: 150px;
    }

header .header-btm .navbar .navbar-nav {
        gap: 10px;
        padding: 20px 0;
    }

header .header-btm .side-ul {
        justify-content: center;
    }

footer .footer-top .head {
        margin: 20px 0;
    }

footer .footer-top .quik-inks {
        margin: 0 0 20px 0;
    }

footer .footer-top .quik-inks h4 {
        margin: 0 0 10px 0;
    }

footer .footer-bottom {
        padding: 10px 0;
    }

.productSec-wrap .productSlides .owl-nav {
        position: relative;
        justify-content: center;
        transform: none;
        gap: 20px;
    }

.secOne-wrap .content {
        padding: 0 20px;
        margin: 20px 0 0 0;
    }