/*=====================================
idap-pro css
======================================*/
@media (max-width: 1199px) {
    /* footer css */
    .f-logo ul.footer-ul li.footer-li p {
        max-width: 100%;
    }
    .f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li.footer-info {
        width: calc(100% - 20px);
        margin-right: 20px;
    }
}

/*=====================================
ipad css
======================================*/
@media (max-width: 991px) {
    .pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item {
        margin-left: 50px;
    }
    .pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link {
        padding: 10px 20px;
    }

    /* section title css */
    .section-title h2 {
        margin-bottom: 40px;
    }
    /* btn style css */
    .btn-style1 {
        padding: 8px 25px;
    }
    /* slider css */
    .slider .home-slider .img-back .h-s-content {
        bottom: 35%;
        width: 60%;
        transform: translateY(35%);
    }
    .slider .home-slider .img-back .h-s-content.slide-c-r {
        left: 8%;
    }
    .slider .home-slider .img-back .h-s-content h1 {
        font-size: 35px;
        margin-top: 9px;
    }
    .slider .home-slider .img-back .h-s-content a {
        margin-top: 16px;
    }
    /* carousel button css */
    .slider .home-slider .owl-nav button.owl-prev {
        left: 20px;
    }
    .slider .home-slider .owl-nav button.owl-next {
        right: 20px;
    }
    .h-t-products1 .trending-products .owl-nav button.owl-prev,
    .testimonial-bg1 .testi-m.owl-carousel .owl-nav button.owl-prev {
        right: -10px;
    }
    .h-t-products1 .trending-products .owl-nav button.owl-next,
    .testimonial-bg1 .testi-m.owl-carousel .owl-nav button.owl-next {
        left: -10px;
    }
    /* grid banner css */
    .t-banner1 .home-offer-banner .o-t-banner .o-t-content {
        right: 15px;
    }
    /* trending product css */
    .h-t-products1 .trending-products .owl-nav button.owl-prev {
        right: -10px;
    }
    .h-t-products1 .trending-products .owl-nav button.owl-next {
        left: -10px;
    }
    .tred-pro .pro-icn {
        bottom: 10px;
    }
    .tred-pro .pro-icn a.w-c-q-icn i {
        opacity: 1;
        visibility: visible;
    }
    .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
    .tred-pro .pro-icn a.w-c-q-icn:first-child {
        transform: translateX(0px);
        margin-left: 5px;
    }
    .tred-pro:hover .pro-icn a.w-c-q-icn:last-child,
    .tred-pro .pro-icn a.w-c-q-icn:last-child {
        transform: translateX(0px);
        margin-right: 5px;
    }
    .caption .rating {
        margin-top: 10px;
    }
    /* deal countdown css */
    .home-countdown1 .back-img {
        height: 350px;
    }
    .home-countdown1 .back-img .deal-content span.deal-c {
        font-size: 14px;
    }
    .home-countdown1
        .back-img
        .deal-content
        ul.contdown_row
        li.countdown_section
        span.countdown_timer {
        font-size: 24px;
    }
    /* blog css */
    .blog1 .home-blog .blog-start .blog-content {
        padding: 20px;
    }
    /* new letter css */
    .news-letter1 .news-img {
        background-position: top;
    }
    .news-letter1 .home-news {
        width: 70%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .news-letter1 .home-news .news h2.news-title {
        font-size: 20px;
    }
    /*--------------------------
    footer css
    ---------------------------*/
    /* service css */
    .footer-service ul.service-ul li.service-li {
        flex-direction: column;
    }
    .footer-service ul.service-ul li.service-li a {
        margin-left: 0;
        margin-bottom: 15px;
    }
    .footer-service ul.service-ul li.service-li a::before {
        right: 0;
        bottom: 0px;
        width: 2px;
        height: 15px;
        margin: 0 auto;
    }
    .footer-service ul.service-ul li.service-li:hover a::before {
        left: 0;
        bottom: -15px;
    }
    /* company detail css */
    .f-logo ul.footer-ul {
        align-items: center;
        margin-right: -15px;
        margin-top: -20px;
    }
    .f-logo ul.footer-ul li.footer-li {
        width: calc(50% - 15px);
        margin-top: 20px;
        margin-right: 15px;
        display: flex;
        align-items: center;
    }
    .f-logo ul.footer-ul li.footer-li.footer-logo {
        width: calc(50% - 15px);
        margin-top: 20px;
        text-align: center;
        padding-left: 0px;
    }
}

/*=====================================
iphone css
======================================*/
@media (max-width: 767px) {
    /*--------------------------
        Footer css
    ---------------------------*/
    /* service css */
    .footer-service ul.service-ul {
        margin-top: -15px;
    }
    .footer-service ul.service-ul li.service-li {
        width: calc(50% - 15px);
        margin-top: 15px;
        flex-direction: row;
    }
    .footer-service ul.service-ul li.service-li a {
        margin-bottom: 0;
        margin-left: 15px;
    }
    .footer-service ul.service-ul li.service-li a::before {
        right: auto;
        bottom: 50%;
        width: 15px;
        height: 2px;
        margin: 0 auto;
    }
    .footer-service ul.service-ul li.service-li:hover a::before {
        left: -15px;
        bottom: auto;
    }
    /* company detail css */
    .f-logo ul.footer-ul li.footer-li {
        width: calc(50% - 15px);
        padding-left: 0px;
    }
    .f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li h6 {
        font-size: 14px;
    }
}

@media (max-width: 479px) {
    .footer-service ul.service-ul li.service-li {
        width: calc(100% - 15px);
    }
    /* footer bottom css */
    .f-logo ul.footer-ul {
        margin-right: 0px;
    }
    .f-logo ul.footer-ul li.footer-li.footer-logo {
        width: 100%;
        margin-right: 0px;
    }
    .f-logo ul.footer-ul li.footer-li {
        width: 100%;
        margin-right: 0px;
    }
    .footer-link {
        margin-top: 0px;
    }
    .footer-link .f-link {
        width: calc(100% - 15px);
        margin-top: 15px;
    }
    .footer-link .f-link:first-child {
        margin-top: 0px;
    }
    .footer-link .f-link h2.h-footer {
        display: none;
    }
    .footer-link .f-link a.h-footer {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .footer-link .f-link a.h-footer[aria-expanded="true"] i::before {
        content: "\f106";
    }
    .footer-link .f-link .collapse:not(.show) {
        display: none;
    }
    .footer-link .f-link ul.f-link-ul {
        padding-top: 10px;
    }
}