@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 .navbar .navbar-brand .logo {
        height: 80px;
    }

    header .header-btm .navbar .navbar-nav .nav-item .nav-link {
        font-size: 13px;
    }

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

    header .header-btm .navbar {
        padding: 15px 0;
        width: 95%;
    }

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

    .home-banner-wrap .content h1 {
        font-size: 50px;
    }

    .motorcycle-sec .main-img.big-img img {
        height: 520px;
    }

    .motorcycle-sec .main-img img {
        height: 250px;
    }

    .motorcycle-sec .logo-group img {
        height: 55px;
        object-fit: contain;
    }

    .motorcycle-part-sec .main-box .part-box .part-img {
        height: 220px;
    }

    .motorcycle-part-sec .main-box .part-box .part-img img {
        height: 220px;
    }

    .motorcycle-part-sec .main-box .part-box .part-content h3 {
        font-size: 13px;
        margin: 0px 0px 5px;
    }

    .together-sec .main-img img {
        height: 300px;
    }

    .together-sec .txt h2 {
        font-size: 38px;
        line-height: 50px;
    }

    .together-sec .txt p {
        font-size: 16px;
        line-height: 24px;
    }

    .triumph-sec .main-img img {
        height: 520px;
    }

    .triumph-sec .triumph-box h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .triumph-sec .triumph-box .main-img img {
        height: 305px;
        object-fit: contain;
    }

    .offcanvas.search-bar .offcanvas-body .search-h {
        margin: 0 0 15px 0;
        font-size: 30px;
    }

    .home-banner-wrap .content p {
        font-size: 19px;
    }

    .motorcycle-sec .main-img h3 {
        font-size: 15px;
    }

    .together-sec .main-img .circle-box .cir1 {
        top: 27%;
        right: 24%;
        height: 30px;
        width: 30px;
    }

    .together-sec .main-img .circle-box.circle-box-3 .cir1 {
        left: 15%;
        top: 52%;
    }

    .together-sec .main-img .circle-box.circle-box-2 .cir1 {
        right: 48%;
        top: 55%;
    }

    .together-sec .main-img .circle-box .para p {
        font-size: 14px;
        line-height: 22px;
    }

    .together-sec .main-img .circle-box .para {
        width: 251px;
        top: -18%;
        right: 10%;
    }

    .together-sec .main-img .circle-box.circle-box-2 .para {
        right: 34%;
        top: 11%;
    }

    .together-sec .main-img .circle-box.circle-box-3 .para {
        left: -5%;
        top: 7%;
    }

    .together-sec .owl-carousel .owl-stage-outer {
        overflow: visible;
    }

    .triumph-sec .owl-carousel .owl-nav button.owl-next,
    .triumph-sec .owl-carousel .owl-nav button.owl-prev,
    .triumph-sec .owl-carousel button.owl-dot {
        height: 30px;
        width: 30px;
        font-size: 15px;
    }

    .about-page-sec {
        padding: 209px 0px 130px;
    }

    h1 {}

    .about-page-sec .content h1 {
        font-size: 40px;
    }

    .about-koss .content h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .about-koss .content p {
        font-size: 16px;
        line-height: 25px;
        margin: 0px 0px 19px;
        width: 86%;
    }

    .about-koss .main-img img {
        height: 500px;
    }

    .about-koss {
        padding: 60px 0px;
    }

    footer .footer-top .quik-inks h4 {
        font-size: 20px;
    }
}

@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) {}