@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

@media(max-width: 991px) {
    .header .caption .slider-text>.slider-text-inner .desc {
        bottom: -40px;
        padding: 0;
    }
    .header .caption .slider-text>.slider-text-inner h1 {
        font-size: 33px;
    }
    .gal-box-center .img-gal-center img {
        margin: 15px 0;
    }
    .about-c {
        padding-left: 0;
    }
}

@media(max-width: 575px) {
    .logo-wrapper {
        padding: 0;
    }
    .logo-img {
        width: 200px;
    }
    .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .slider-fade .item.bg-img1 {
        background-position: 33%;
    }
    .slider-fade .item.bg-img2 {
        background-position: 25%;
    }
    .header .caption .slider-text>.slider-text-inner .desc {
        bottom: -120px;
        padding: 20px 30px;
        background: #fff;
    }
    .header .caption .slider-text>.slider-text-inner h1 {
        color: #0c160e;
        font-size: 26px;
    }
    .header .caption .slider-text>.slider-text-inner h1 span {
        color: #0c160e;
    }
    .header .caption .slider-text>.slider-text-inner .btn-banner a {
        padding: 12px 30px;
        font-size: 16px;
    }
    .navbar .navbar-collapse {
        border-top: 1px solid #ddd;
    }
    .navbar {
        position: absolute;
        background-color: #fff;
    }
    .header {
        margin-top: 88px;
    }
    .plr-10 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-box-left {
        overflow: hidden;
        position: relative;
        margin-bottom: 10px;
    }
    .col-box-left .con h3,
    .col-box-left .con h3 a {
        font-size: 25px;
        max-width: 218px;
    }
    .col-box-left .con h3 a span {
        font-size: 30px;
    }
    .col-box-left2 .con h3,
    .col-box-left2 .con h3 a {
        font-size: 20px;
        margin-bottom: 2px;
    }
    .col-box-left2 .con h3 a span {
        font-size: 25px;
    }
    .new-arr {
        /* padding: 30px;
        height: 520px;
        display: flex;
        align-items: center; */
        height: 395px;
    }
    .arr-box {
        padding: 20px 20px 40px;
        background: #fff;
        max-width: 435px;
        position: absolute;
        top: 115px;
        left: 15px;
        right: 15px;
        box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    }
    .arr-box h2 {
        font-size: 26px;
    }
    .arr-box p {
        font-size: 18px;
        line-height: 30px;
    }
    .arr-box .arr-btn a {
        padding: 15px 20px;
        font-size: 16px;
    }
    .shop-online {
        padding: 40px 20px;
        background-position: 80%;
        height: 450px;
        margin-bottom: 200px;
    }
    .arr-box2 {
        margin-top: 200px;
        box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px;
        top: 50px;
        left: 35px;
        right: 35px;
        padding: 20px 20px 40px;
        background: #fff;
        max-width: 435px;
        position: absolute;
    }
    .arr-box2 .logo-notch img {
        max-width: 200px;
    }
    .arr-box2 p {
        margin-bottom: 25px;
    }
    .about-c {
        padding-left: 15px;
    }
    .section-title {
        font-size: 25px;
    }
    .about-c p {
        color: #484848d1;
        font-size: 18px;
    }
    .gal-masonry-wrapper {
        margin-bottom: 0 !important;
    }
    .gallery-home2 {
        padding: 70px 0;
    }
    .brands-area {
        padding: 40px 0;
    }
    .brand-head h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .footer-logo,
    .footer-mail {
        margin-bottom: 25px;
        text-align: center;
    }
    .footer-logo img {
        max-width: 280px;
        margin: 0 auto;
    }
    .adres-p {
        border-bottom: 1px solid rgba(116, 129, 115, 0.2);
        padding-bottom: 15px;
    }
    .adres-p:last-child {
        border-bottom: none;
    }
    .footer-bottom-copy-right {
        font-size: 15px;
        color: #7a7a7a;
        margin: 0;
        line-height: 28px;
        text-align: center;
    }
    .footer-bottom {
        padding: 20px 0;
    }
    .footer-top {
        padding-bottom: 15px;
    }
    .gal-box-center .text {
        padding: 45px 20px;
    }
    .about-banner {
        height: 350px;
        margin-top: 80px;
    }
    .banner-head {
        padding-left: 0;
    }
    .banner-head h2 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 0;
    }
    .about-area-ab {
        padding: 70px 0;
    }
    .head-ab {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 25px;
    }
    .about-area-ab p {
        margin-bottom: 18px;
        font-size: 16px;
    }
    .about-history .his-text p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .about-history {
        background: #eff5f5;
        padding: 70px 0;
        height: auto;
    }
    .bra-text {
        padding-left: 0;
    }
    .bra-img {
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .bra-img img {
        max-width: 250px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .bra-text .counts {
        flex-wrap: wrap;
    }
    .bra-text h2 {
        font-size: 40px;
        line-height: 1;
    }
    .bra-text p {
        font-size: 19px;
    }
    .bra-text .counts h1 {
        font-size: 50px;
    }
    .bra-text .counts p {
        font-size: 17px;
    }
    .bra-text .counts div {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }
    .bra-ad-box {
        padding: 40px 30px;
        margin-bottom: 30px;
        min-height: auto;
    }
    .row-branch {
        display: none;
    }
    .collection-baner {
        margin-top: 90px;
    }
    .sidebar {
        margin-bottom: 40px;
    }
    .product-view {
        padding-left: 0;
    }
    .content-collection {
        padding-bottom: 2rem !important;
    }
    .contact-form {
        padding-left: 0;
        margin-top: 30px;
        padding-top: 45px;
        border-top: 1px solid #90909054;
    }
    .offer-slider {
        margin-top: 88px;
    }
    .d-none-576 {
        display: none !important;
    }
    .d-block-576 {
        display: block !important;
    }
    .offer-cols {
        padding: 40px 0;
    }
    .ofr-col-box {
        margin-bottom: 20px;
    }
    .pic-details span {
        font-size: 12px;
    }
    .pic-details h3 {
        line-height: 16px;
        font-size: 16px;
    }
    .d-none-mobile {
        display: none !important;
    }
    .sidebar .accordion-box {
        display: block !important;
    }
    .video-gal,
    .photo-gal {
        padding: 80px 0;
    }
    .gal-box-last {
        margin-top: 40px;
    }
    .gal-box-last a {
        min-height: 75px;
    }
    .branch-cont-overlay {
        position: absolute;
        background-color: #22254e99;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .bra-text-1 {
        padding-left: 0;
    }
    .bra-text-1 h1 {
        color: #fff;
        font-size: 40px;
        font-weight: 500;
        line-height: 48px;
        margin-bottom: 50px;
    }

    .rk-banner-desktop{
        display: none;
    }

    .rk-banner-mobile{
        display: block;
    }

    .slider-fade .owl-item {
        height: 450px;
        position: relative;
    }
    
    .slider-fade .item {
        position: absolute;
        top: 0;
        left: 0;
        height: 450px;
    }
}