/*Laptop Device :1200*/

@media (min-width: 1200px) and (max-width: 1500px) {
    /*Index page css*/
    .wrapper-box {
        padding: 0 30px;
    }

    .main-menu > li > a {
        padding: 5px 4px 5px 4px;
    }

    .mega-menu {
        width: 785px;
        left: -70px;
    }
}

/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1199px) {
    /*index page css*/
    .wrapper-box {
        padding: 0 30px;
    }

    .main-menu > li > a {
        padding: 5px 5px 5px 5px;
    }

    .mega-menu {
        width: 770px;
        left: -187px;
    }

    .product-content > h4 > a {
        font-size: 12px;
    }

    /*Shop Page CSS*/
    .product-action > ul > li > a, .product-list-action ul li a {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 22px;
    }
}

/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    /*Index Page css*/
    .wrapper-box {
        padding: 0 30px;
    }

    .logo-area {
        padding: 30px 0;
    }

    .product-tab-menu > ul > li {
        margin-right: 16px;
    }

    .product-description {
        line-height: 25px;
    }


    .footer-copyright {
        text-align: center;
    }

    .custom-link-footer {
        text-align: center;
        margin-top: 10px;
    }

    /*Shop Page CSS*/
    .product-action > ul > li > a, .product-list-action ul li a {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 22px;
    }

    /*Single Product Page CSS*/
    .product-details-left {
        padding-bottom: 50px;
        overflow: hidden;
    }
}
/* small mobile :767. */

@media screen and (min-device-width: 321px) and (max-device-width: 767px) {
    .product-pagination > ul > li > a {
        height: 24px;
        line-height: 24px;
        width: 22px;
        font-size: 12px;
        padding: 0px;
    }
}

@media (max-width: 320px) {
    .product-pagination > ul > li > a {
        height: 22px;
        line-height: 22px;
        width: 20px;
        font-size: 12px;
        padding: 0px;
    }
}

@media (max-width: 767px) {
    .feature-video .container {
        width: auto !important;
    }

    .banner-area .banner-item {
        margin-top: 10px;
    }

    #slider .img .item {
        width: 100%;
        height: 360px;
    }

    #slider .navigation {
        position: absolute;
        top: 30%;
        cursor: pointer;
    }

    #metbex-arasi .modal-area .slider {
        position: absolute;
        width: 90%;
        height: 50%;
        left: 5%;
        top: 30%;
    }

    .homept {
        padding-top: 2.5rem !important;
    }

    .container__absolute {
        position: relative;
    }

    .product-tab-menu > ul > li > a {
        font-size: 12px !important;
    }

    /*Section Spacing Css*/
    .feature-area.pt-80.pb-50 {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .section-title {
        margin-top: 55px;
    }

    .product-area.pt-20.pb-35 {
        padding-top: 0;
        padding-bottom: 15px;
    }

    /*.list-product-area.pt-80.pb-30 {
        padding-top: 60px;
        padding-bottom: 10px;
    }*/

    .brand-area.pt-70 {
        padding-top: 50px;
    }

    .blog-area.pt-10.pb-75 {
        padding-top: 0;
        padding-bottom: 55px;
    }

    .feature-area.pb-45 {
        padding-bottom: 25px;
    }

    .brand-area.pb-70 {
        padding-bottom: 50px;
    }

    .slider-area-and-banner-area-3 {
        padding-bottom: 90px;
    }

    .slider-area-and-banner-area-4 {
        padding-bottom: 0;
    }

    .indecor-about .section-title {
        margin-top: 7px;
    }

    .about-area.pt-10.pb-30 {
        padding-bottom: 10px;
    }

    .product-area.pt-30.pb-35 {
        padding-top: 0;
        padding-bottom: 15px;
    }

    .about-area.about-bg.mt-80 {
        margin-top: 60px;
    }

    .product-area.pt-30.pb-5 {
        padding-top: 0;
    }

    .single-banner-image.mt-30.single-marge {
        margin-top: 10px;
    }

    .blog-area.pt-20.pb-80 {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .feature-area.pb-50 {
        padding-bottom: 30px;
    }

    .breadcrumb-area.pb-80 {
        padding-bottom: 60px;
    }

    .shop-area.pb-35 {
        padding-bottom: 15px;
    }

    .shop-area.pb-40 {
        padding-bottom: 20px;
    }

    .single-product-area.pb-70 {
        padding-bottom: 20px;
    }

    .related-products-area.pb-35 {
        padding-bottom: 15px;
    }

    .single-product-area.pb-40 {
        padding-bottom: 20px;
    }

    .blog-area.pb-50 {
        padding-bottom: 30px;
    }

    .blog-area.pb-35 {
        padding-bottom: 15px;
    }

    .blog-area.pb-30 {
        padding-bottom: 15px;
    }

    .about-us-area.pb-50 {
        padding-bottom: 40px;
    }

    .contact-us-area.pb-55 {
        padding-bottom: 35px;
    }

    .footer-top-area.footer-bg.pt-80.pb-40 {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    /*Index page CSS*/
    .wrapper-box {
        padding: 0;
    }

    .header-sticky.is-sticky {
        position: static;
        animation: none;
        box-shadow: none;
    }

    .logo-area {
        padding: 30px 0;
        text-align: center;
    }

    .currency-dropdown {
        right: -185px;
        min-width: 280px;
        height: 250px;
        overflow-y: auto;
    }

    .single-feature-area .feature-content h3 {
        padding-left: 35px;
    }

    .product-tab-menu {
        margin-right: 0;
        padding-left: 0;
    }

    .product-description {
        line-height: 25px;
    }

    .product-content > h4 > a {
        font-size: 14px;
    }

    .product-price {
        font-size: 16px;
    }

    .about-des {
        line-height: 25px;
    }

    .footer-title h3 {
        margin-bottom: 15px;
    }

    .footer-copyright p {
        font-size: 13px;
        text-align: center;
    }

    .custom-link-footer {
        text-align: center;
        margin-top: 10px;
    }

    /*.grid-list-option > ul.nav {
        justify-content: center;
    }*/

    .show-product {
        text-align: center;
    }

    /*about page css*/
    .about-title {
        font-size: 26px;
        margin-bottom: 20px;
    }
}

/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*Index Page CSS*/
    .currency-dropdown {
        right: -200px;
    }
}

@media (min-width: 1200px) {
    product-slider .owl-nav > div {
        top: -50px;
    }
}