@media screen and (min-width: 1600px) and (max-width: 1920px) {
}

@media only screen and (min-width: 1500px) {
    .topbar-section.section-fluid {
        padding-right: 55px;
        padding-left: 55px
    }

    .topbar-section.section-fluid .container, .topbar-section.section-fluid .container-fluid {
        max-width: 100%
    }

    .section-fluid {
        padding-right: 55px;
        padding-left: 55px
    }

    .section-fluid > .container, .section-fluid > .container-fluid {
        max-width: 100%
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66666%;
        -ms-flex: 0 0 41.66666%;
        flex: 0 0 41.66666%;
        max-width: 41.66666%
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66666%;
        -ms-flex: 0 0 66.66666%;
        flex: 0 0 66.66666%;
        max-width: 66.66666%
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66666%;
        -ms-flex: 0 0 91.66666%;
        flex: 0 0 91.66666%;
        max-width: 91.66666%
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xxl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xxl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xxl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xxl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xxl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xxl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xxl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xxl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xxl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xxl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xxl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
}

/* XL Device :1920px. */
@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .home3-slider {
        height: 380px;
    }
}

@media screen and  (min-width: 1380px) {
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .home5-slide-collection, .home5-slide-sale {
        left: 40px
    }

    .home5-slide-sale {
        right: 40px
    }

    .home5-slide-shop-link {
        right: 40px
    }

    .home5-slide2-content .sub-title {
        font-size: 90px
    }

    .home5-slide2-content .title {
        font-size: 50px
    }

    .home5-slide-item {
        padding: 0 100px
    }

    .home2-slide-item .slide-pointer {
        width: 30px;
        height: 30px
    }

    .home2-slide-item .slide-pointer span {
        font-size: 36px;
        margin-top: -5px
    }

    .home2-slide-item .slide-product {
        width: 180px;
        padding: 30px
    }

    .home2-slide-item .slide-product .image {
        height: 140px;
        margin-bottom: 20px
    }

    .home2-slide-item .slide-product .title {
        font-size: 16px
    }

    .home2-slide-item .slide-product .price {
        font-size: 14px
    }

    .home8-slide-content .sub-title {
        font-size: 50px
    }

    .home8-slide-content .title {
        font-size: 50px
    }

    .sale-banner6 .inner .content .title {
        font-size: 60px
    }

    .sale-banner6 .inner .content img.icon {
        height: 50px
    }

    .sale-banner6 .inner .content img.price {
        height: 50px;
        margin-bottom: 20px
    }

    .video-banner {
        height: 600px
    }

    .video-banner .content {
        margin-top: 100px
    }

    .parallax-banner-4 .content {
        margin-left: 5%
    }

    .product-images.vertical {
        padding-left: 140px
    }

    .product-thumb-slider-vertical {
        width: 125px;
        padding-bottom: 60px
    }

    .home2-slide3-image {
        right: 25%;
        max-width: 450px
    }

    .home2-slide1-image {
        max-width: 500px
    }

    .home2-slide2-image {
        max-width: 700px
    }

    .header2-search form input[type="text"] {
        width: 135px
    }

    .offcanvas.offcanvas-header {
        width: 300px
    }

    .home2-slider {
        height: 550px
    }

    .topbar-section.section-fluid {
        padding-right: 35px;
        padding-left: 35px
    }

    .topbar-section.section-fluid .container, .topbar-section.section-fluid .container-fluid {
        max-width: 100%
    }

    .section-fluid {
        padding-right: 35px;
        padding-left: 35px
    }

    .section-fluid > .container, .section-fluid > .container-fluid {
        max-width: 100%
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    body.offside-header-left {
        margin-left: 300px
    }

    blockquote.learts-blockquote, .learts-blockquote {
        padding: 50px
    }

    blockquote.learts-blockquote .inner .title, .learts-blockquote .inner .title {
        font-size: 36px
    }
}

@media only screen and (max-width: 1024px) {
    .header-logo {
        margin-right: 45%;
    }
}

/* LG Device :992px. */
@media only screen and (min-width: 1200px) {
    .sticky-header.header-menu-center .row > [class*="col"]:first-child, .sticky-header.header-menu-center .row > [class*="col"]:last-child {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 210px;
        -ms-flex: 1 0 210px;
        flex: 1 0 210px;
        max-width: 300px
    }

    .container {
        max-width: 1200px
    }
}

@media screen and  (max-width: 1200px) {
}

@media only screen and (min-width: 992px) {
    .quickViewModal .modal-dialog .modal-content .product-summery {
        position: absolute;
        right: 15px;
        left: 15px;
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .sale-banner9 .inner .content .cuppon {
        font-size: 70px;
    }

    .parallax-banner-1 .content .sub-title {
        font-size: 100px
    }

    .parallax-banner-1 .content .title {
        font-size: 44px
    }

    .parallax-banner-2 .content .title {
        font-size: 44px
    }

    .parallax-banner-2 .content .sub-title {
        font-size: 56px
    }

    .parallax-banner-3 .content .title {
        font-size: 44px
    }

    .parallax-banner-4 .content {
        max-width: 420px;
        margin-left: 5%
    }

    .parallax-banner-4 .content .sub-title {
        font-size: 60px
    }

    .parallax-banner-4 .content .title {
        font-size: 40px
    }

    .shop-product-filter {
        margin: 0 -15px -10px
    }

    .shop-product-filter button {
        font-size: 16px;
        margin: 0 15px 10px
    }

    .shop-toolbar-controls {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .home4-slider {
        overflow: hidden
    }

    .home4-slider [class*="swiper-button"] {
        color: #7e7e7e
    }

    .home4-slider [class*="swiper-button"] i {
        font-size: 30px
    }

    .home4-slider .swiper-button-prev {
        left: -40px
    }

    .home4-slider .swiper-button-next {
        right: -40px
    }

    .home4-slider:hover .swiper-button-prev {
        left: 0
    }

    .home4-slider:hover .swiper-button-next {
        right: 0
    }

    .home4-slider .swiper-pagination {
        margin-top: 30px
    }

    .sale-banner6 .inner .content .title {
        font-size: 60px
    }

    .sale-banner6 .inner .content img.icon {
        height: 40px
    }

    .sale-banner6 .inner .content img.price {
        height: 30px;
        margin-bottom: 15px
    }

    .sale-banner3-1 .content .title {
        font-size: 32px
    }

    .sale-banner4 .inner .content .sub-title {
        font-size: 20px;
        margin-bottom: 20px
    }

    .sale-banner4 .inner .content .title {
        font-size: 60px;
        margin-bottom: 30px
    }

    .sale-banner5 .inner .content {
        bottom: 40px;
        left: 40px
    }

    .sale-banner5 .inner .content .title {
        font-size: 32px;
        margin-bottom: 15px
    }

    .category-banner3 .inner .content {
        padding-bottom: 35px
    }

    .sale-banner7 .inner .content .title {
        font-size: 60px
    }

    .sale-banner7 .inner .content .sub-title {
        font-size: 24px
    }

    .video-banner {
        height: 500px
    }

    .video-banner .content {
        margin-top: 80px
    }

    .video-banner .content .title {
        margin-bottom: 50px
    }

    .video-banner2 {
        height: 500px
    }

    .product-info-tab-list {
        margin-right: -15px;
        margin-left: -15px
    }

    .product-info-tab-list li {
        padding-right: 15px;
        padding-left: 15px
    }

    .product-info-tab-list li a {
        font-size: 30px
    }

    .home8-slide-content .sub-title {
        font-size: 50px
    }

    .home8-slide-content .title {
        font-size: 40px
    }

    .home8-slide-pages {
        font-size: 44px
    }

    .home8-slide-pages .border {
        width: 50px
    }

    .page-title .title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .sale-banner1 .inner {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

    .sale-banner3 .title {
        font-size: 32px
    }

    .sale-banner3 .title::before {
        font-size: 80px
    }

    .sale-banner8 .content .title {
        font-size: 30px
    }

    .sale-banner8 .content .link {
        font-size: 14px
    }

    .home5-slide3-content .title {
        font-size: 50px
    }

    .about-us .inner .title {
        font-size: 28px
    }

    .home4-slide-content {
        left: 50px
    }

    .home4-slide-content .category {
        margin-bottom: 25px
    }

    .home4-slide-content .title {
        font-size: 40px;
        margin-bottom: 30px
    }

    .home3-slide-content .sub-title {
        font-size: 44px;
        margin-bottom: 20px
    }

    .home3-slide-content .title {
        font-size: 40px
    }

    .home3-slider {
        height: 336px
    }

    .home3-slider [class*="swiper-button"] {
        bottom: 12px;
    }

    .home3-slider [class*="swiper-button"] {
        left: 35px;
    }

    .home2-slide3-image {
        right: 20%;
        max-width: 350px
    }

    .home2-slide2-image {
        max-width: 550px
    }

    .home2-slide1-image {
        max-width: 400px
    }

    .home2-slider {
        height: 450px
    }

    .topbar-section.section-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .topbar-section.section-fluid .container {
        max-width: 960px
    }

    .product-deal-content .title {
        font-size: 34px
    }

    .product-deal-content .countdown1 {
        margin-bottom: 45px
    }

    .product-thumb-slider-vertical {
        width: 95px;
        padding-bottom: 60px
    }

    .product-images.vertical {
        padding-left: 110px
    }

    .home6-slide1-content .sub-title {
        font-size: 70px
    }

    .home6-slide1-content .title {
        font-size: 56px
    }

    .page-title-section {
        padding: 80px 0
    }

    .home5-slide-collection, .home5-slide-sale {
        left: 40px
    }

    .home5-slide-sale {
        right: 40px
    }

    .home5-slide-shop-link {
        right: 40px
    }

    .home5-slide2-content .sub-title {
        font-size: 90px
    }

    .home5-slide2-content .title {
        font-size: 50px
    }

    .home5-slide-item {
        padding: 0 100px
    }

    .home2-slide-item .slide-pointer {
        width: 30px;
        height: 30px
    }

    .home2-slide-item .slide-pointer span {
        font-size: 36px;
        margin-top: -5px
    }

    .home2-slide-item .slide-product {
        width: 180px;
        padding: 30px
    }

    .home2-slide-item .slide-product .image {
        height: 140px;
        margin-bottom: 20px
    }

    .home2-slide-item .slide-product .title {
        font-size: 16px
    }

    .home2-slide-item .slide-product .price {
        font-size: 14px
    }

    body.offside-header-left {
        margin-left: 0
    }

    .section-padding {
        padding-top: 35px;
        padding-bottom: 35px;
        margin: 10px 0 0 0;
    }

    .section-fluid {
        padding-right: 25px;
        padding-left: 25px
    }

    .section-fluid > .container, .section-fluid > .container-fluid {
        max-width: 100%
    }

    .home2-slide-content .sub-title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .home2-slide-content .title {
        font-size: 36px
    }

    .home2-slide-content .link a {
        font-size: 14px
    }

    .offcanvas-search-form input[type="text"], .offcanvas-search-form .select2 {
        font-size: 36px
    }

    .offcanvas-search-form .select2 .selection .select2-selection {
        height: 59px !important
    }

    .home2-slide-pages {
        font-size: 44px
    }

    .home2-slide-pages .border {
        width: 50px
    }

    .offcanvas.offcanvas-header {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .offcanvas.offcanvas-header.offcanvas-open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 991px) {
}

/* MD Device :768px. */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .parallax-banner-1 .content .sub-title {
        font-size: 100px
    }

    .parallax-banner-1 .content .title {
        font-size: 44px
    }

    .parallax-banner-2 .content .title {
        font-size: 44px
    }

    .parallax-banner-2 .content .sub-title {
        font-size: 56px
    }

    .parallax-banner-3 .content .title {
        font-size: 44px
    }

    .parallax-banner-4 .content {
        max-width: 420px;
        margin-left: 5%
    }

    .parallax-banner-4 .content .sub-title {
        font-size: 60px
    }

    .parallax-banner-4 .content .title {
        font-size: 40px
    }

    .shop-product-filter {
        margin: 0 -15px -10px
    }

    .shop-product-filter button {
        font-size: 16px;
        margin: 0 15px 10px
    }

    .shop-toolbar-controls {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .home4-slider {
        overflow: hidden
    }

    .home4-slider [class*="swiper-button"] {
        color: #7e7e7e
    }

    .home4-slider [class*="swiper-button"] i {
        font-size: 30px
    }

    .home4-slider .swiper-button-prev {
        left: -40px
    }

    .home4-slider .swiper-button-next {
        right: -40px
    }

    .home4-slider:hover .swiper-button-prev {
        left: 0
    }

    .home4-slider:hover .swiper-button-next {
        right: 0
    }

    .home4-slider .swiper-pagination {
        margin-top: 30px
    }

    .sale-banner3-1 .content .title {
        font-size: 32px
    }

    .sale-banner1 .inner {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }

    .sale-banner1 .inner .link {
        font-size: 20px
    }

    .instagram-banner1 .content .sub-title {
        font-size: 14px
    }

    .instagram-banner1 .content .title {
        font-size: 24px
    }

    .video-banner {
        height: 500px
    }

    .video-banner .content {
        margin-top: 80px
    }

    .video-banner .content .title {
        margin-bottom: 50px
    }

    .video-banner2 {
        height: 500px
    }

    .product-info-tab-list {
        margin-right: -15px;
        margin-left: -15px
    }

    .product-info-tab-list li {
        padding-right: 15px;
        padding-left: 15px
    }

    .product-info-tab-list li a {
        font-size: 30px
    }

    .home6-slide1-content .sub-title {
        font-size: 70px
    }

    .home6-slide1-content .title {
        font-size: 56px
    }

    .page-title-section {
        padding: 80px 0
    }

    .home5-slide-collection, .home5-slide-sale {
        font-size: 14px;
        left: 20px
    }

    .home5-slide-sale {
        right: 20px
    }

    .home5-slide-shop-link {
        right: 30px;
        bottom: 30px
    }

    .home5-slide-shop-link {
        right: 30px;
        bottom: 30px
    }

    .home8-slide-pages {
        font-size: 40px;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .home8-slide-pages .border {
        width: 40px;
        margin-right: 10px;
        margin-left: 10px
    }

    .video-banner .content .title {
        font-size: 30px;
        margin-bottom: 40px
    }

    .product-tab-list li a {
        font-size: 24px
    }

    .category-banner2 .inner .content .title {
        font-size: 24px
    }

    .category-banner2 .banner-desc {
        display: none
    }

    .category-banner3 .inner .content .title {
        font-size: 24px
    }

    .products {
        margin-bottom: -50px
    }

    .products .product {
        margin-bottom: 50px
    }

    .product-thumb .add-to-wishlist {
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .product-options {
        display: none
    }

    .product-info .title, .product-info .price, .product-info .product-buttons {
        visibility: visible !important;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1 !important
    }

    .product-info .product-buttons {
        position: static;
        margin-top: 15px
    }

    .product2-info {
        position: static;
        margin-top: 28px;
        padding: 0;
        text-align: center
    }

    .product2-info .title, .product2-info .price {
        visibility: visible !important;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1 !important
    }

    .product2-buttons {
        position: static;
        visibility: visible !important;
        margin-top: 15px;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1 !important
    }

    .footer1-subscribe {
        margin-bottom: 40px
    }

    .footer1-social {
        margin-bottom: 30px
    }

    .cart-totals {
        width: 100%
    }

    .myaccount-tab-list {
        margin-right: 0
    }

    .section-404 {
        min-height: calc(100vh - 70px)
    }

    .home5-slide3-content .sub-title {
        font-size: 55px
    }

    .home5-slide3-content .title {
        font-size: 40px
    }

    .home5-slide-item {
        padding: 0 50px;
        background-color: #f4f3ec;
        background-image: none
    }

    .product-images.vertical {
        padding-left: 155px
    }

    .product-thumb-slider-vertical {
        width: 140px;
        padding-bottom: 60px
    }

    .home4-slide-content {
        left: 40px
    }

    .home4-slide-content .category {
        font-size: 14px;
        margin-bottom: 20px
    }

    .home4-slide-content .title {
        font-size: 32px;
        margin-bottom: 25px
    }

    .home4-slide-content .link .btn {
        padding: 10px 30px
    }

    .home3-slider {
        height: 265px
    }

    .home3-slider [class*="swiper-button"] {
        bottom: 12px;
        width: 60px;
        height: 60px;
        left: 30px;
    }

    .home3-slider .swiper-button-prev {
        right: 60px
    }

    .home3-slide-content .sub-title {
        font-size: 36px;
        margin-bottom: 15px
    }

    .home3-slide-content .title {
        font-size: 30px
    }

    .home3-slide-content .link .btn {
        padding: 10px 30px
    }

    .home2-slide2-product2 .slide-product {
        margin-left: 20px
    }

    .home2-slide3-image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-block;
        max-width: 300px;
        margin: 0 auto 20px
    }

    .home2-slide2-product1 .slide-product {
        right: auto;
        left: 100%;
        margin-right: 0;
        margin-left: 20px;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%)
    }

    .home2-slide2-image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-block;
        max-width: 600px;
        margin: 0 auto 20px
    }

    .home2-slide1-product1 .slide-product {
        right: 100%;
        left: auto;
        margin-right: 20px;
        margin-left: 0
    }

    .home2-slide1-image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-block;
        max-width: 600px;
        margin: 0 auto
    }

    .home2-slide-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .home2-slide-item .slide-product {
        width: 180px;
        padding: 30px
    }

    .home2-slide-item .slide-product .image {
        height: 140px;
        margin-bottom: 20px
    }

    .home2-slide-item .slide-product .title {
        font-size: 16px
    }

    .home2-slide-item .slide-product .price {
        font-size: 14px
    }

    .offcanvas.offcanvas-search .inner .offcanvas-close {
        width: 40px;
        height: 40px
    }

    .offcanvas.offcanvas-search .inner .offcanvas-close::before, .offcanvas.offcanvas-search .inner .offcanvas-close::after {
        width: 40px
    }

    .slick-slider {
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px
    }

    .icon-box3 .inner {
        padding: 40px 15px
    }

    .topbar-section.section-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .topbar-section.section-fluid .container {
        max-width: 720px
    }

    .home7-slide2-content .sub-title {
        font-size: 60px
    }

    .home7-slide2-content .title {
        font-size: 50px
    }

    .home8-slide-image {
        max-width: 70%
    }

    .home8-slide-content {
        left: 70%
    }

    .home8-slide-content .sub-title {
        font-size: 40px
    }

    .home8-slide-content .title {
        font-size: 30px;
        margin-bottom: 10px
    }

    .home8-slide-content .link a {
        font-size: 14px
    }

    .section-title .sub-title {
        font-size: 60px
    }

    .section-title .title {
        font-size: 44px
    }

    .section-title4 .title {
        font-size: 60px
    }

    .page-title .title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .about-us2 .inner .title {
        font-size: 60px
    }

    .instafeed-grid .instafeed-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 33.3333%;
        -ms-flex: 1 0 33.3333%;
        flex: 1 0 33.3333%;
        max-width: 33.3333%
    }

    .home7-slide1-content .name {
        font-size: 90px
    }

    .home7-slide1-content .title {
        font-size: 44px;
        letter-spacing: 15px
    }

    .home7-slider {
        height: 650px
    }

    .coming-soon-content .countdown3 .count {
        min-width: 100px
    }

    .coming-soon-content .countdown3 .count span.amount {
        font-size: 80px
    }

    .home5-slide2-content .sub-title {
        font-size: 50px;
        margin-bottom: 10px
    }

    .home5-slide2-content .title {
        font-size: 34px
    }

    .home5-slide2-content .btn {
        padding: 10px 30px
    }

    .home5-slide-collection, .home5-slide-sale {
        font-size: 14px;
        left: 20px
    }

    body.offside-header-left {
        margin-left: 0
    }

    body.offcanvas-open {
        padding-right: 0
    }

    body.offcanvas-open .sticky-header {
        right: 0
    }

    blockquote.learts-blockquote, .learts-blockquote {
        padding: 50px
    }

    blockquote.learts-blockquote .inner .title, .learts-blockquote .inner .title {
        font-size: 32px
    }

    body.homepage-bg1.offcanvas-open {
        padding-right: 15px !important
    }

    .section-padding {
        padding-top: 35px;
        padding-bottom: 35px;
        margin: 10px 0 0 0;
    }

    .section-fluid {
        padding-right: 25px;
        padding-left: 25px
    }

    .section-fluid > .container, .section-fluid > .container-fluid {
        max-width: 100%
    }

    .home2-slide-content {
        position: static;
        width: 100%;
        text-align: center
    }

    .offcanvas-search-form input[type="text"], .offcanvas-search-form .select2 {
        font-size: 36px;
        width: 100%
    }

    .offcanvas-search-form .select2 .selection .select2-selection {
        height: 59px !important
    }

    .home2-slide-pages {
        display: none
    }

    .offcanvas.offcanvas-header {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .offcanvas.offcanvas-header.offcanvas-open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

/* Extra small Device. */
@media screen and (max-width: 767px) {
    .pagination .text-perv {
        display: none;
    }

    .pagination .text-next {
        display: none;
    }

    .pagination .page-item:first-child {
      padding-bottom: 3px;
    }

    .text-sm-center {
        text-align: center;
    }

    .sale-banner9 .inner .content .title {
        font-size: 75px;
    }

    .sale-banner9 .inner .content .cuppon {
        font-size: 65px;
    }

    .parallax-banner-1 .content .sub-title {
        font-size: 100px
    }

    .parallax-banner-1 .content .title {
        font-size: 44px
    }

    .parallax-banner-2 .content .title {
        font-size: 44px
    }

    .parallax-banner-2 .content .sub-title {
        font-size: 56px
    }

    .parallax-banner-3 .content .title {
        font-size: 44px
    }

    .parallax-banner-4 .content {
        max-width: 420px;
        margin-left: 5%
    }

    .parallax-banner-4 .content .sub-title {
        font-size: 60px
    }

    .parallax-banner-4 .content .title {
        font-size: 40px
    }

    .shop-product-filter {
        margin: 0 -15px -10px
    }

    .shop-product-filter button {
        font-size: 16px;
        margin: 0 15px 10px
    }

    .shop-toolbar-controls {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .home4-slider {
        overflow: hidden
    }

    .home4-slider [class*="swiper-button"] {
        color: #7e7e7e
    }

    .home4-slider [class*="swiper-button"] i {
        font-size: 30px
    }

    .home4-slider .swiper-button-prev {
        left: -40px
    }

    .home4-slider .swiper-button-next {
        right: -40px
    }

    .home4-slider:hover .swiper-button-prev {
        left: 0
    }

    .home4-slider:hover .swiper-button-next {
        right: 0
    }

    .home4-slider .swiper-pagination {
        margin-top: 30px
    }

    .sale-banner6 .inner .content .title {
        font-size: 60px
    }

    .sale-banner6 .inner .content img.icon {
        height: 40px
    }

    .sale-banner6 .inner .content img.price {
        height: 30px;
        margin-bottom: 15px
    }

    .home5-slide-collection, .home5-slide-sale {
        font-size: 14px;
        left: 20px
    }

    .home5-slide-sale {
        right: 20px
    }

    .home5-slide-shop-link {
        right: 30px;
        bottom: 30px
    }

    .home5-slide-shop-link {
        right: 30px;
        bottom: 30px
    }

    .home8-slide-pages {
        font-size: 40px;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .home8-slide-pages .border {
        width: 40px;
        margin-right: 10px;
        margin-left: 10px
    }

    .category-banner2 .inner .content .title {
        font-size: 24px
    }

    .category-banner2 .banner-desc {
        display: none
    }

    .category-banner3 .inner .content .title {
        font-size: 24px
    }

    .products {
        margin-bottom: -50px
    }

    .products .product {
        margin-bottom: 50px
    }

    .product-thumb .add-to-wishlist {
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .product-options {
        display: none
    }

    .product-info .title, .product-info .price, .product-info .product-buttons {
        visibility: visible !important;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1 !important
    }

    .product-info .product-buttons {
        position: static;
        margin-top: 15px
    }

    .product2-info {
        position: static;
        margin-top: 28px;
        padding: 0;
        text-align: center
    }

    .product2-info .title, .product2-info .price {
        visibility: visible !important;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1 !important
    }

    .product2-buttons {
        position: static;
        visibility: visible !important;
        margin-top: 15px;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1 !important
    }

    .footer1-subscribe {
        margin-bottom: 40px
    }

    .footer1-social {
        margin-bottom: 30px
    }

    .cart-totals {
        width: 100%
    }

    .myaccount-tab-list {
        margin-right: 0
    }

    .section-404 {
        min-height: calc(100vh - 70px)
    }

    .home5-slide3-content .sub-title {
        font-size: 55px
    }

    .home5-slide3-content .title {
        font-size: 40px
    }

    .home5-slide-item {
        padding: 0 50px;
        background-color: #f4f3ec;
        background-image: none
    }

    .home2-slide2-product2 .slide-product {
        margin-left: 20px
    }

    .home2-slide3-image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-block;
        max-width: 300px;
        margin: 0 auto 20px
    }

    .home2-slide2-product1 .slide-product {
        right: auto;
        left: 100%;
        margin-right: 0;
        margin-left: 20px;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%)
    }

    .home2-slide2-image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-block;
        max-width: 600px;
        margin: 0 auto 20px
    }

    .home2-slide1-image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-block;
        max-width: 600px;
        margin: 0 auto
    }

    .home2-slide-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .home2-slide-item .slide-product {
        width: 180px;
        padding: 30px
    }

    .home2-slide-item .slide-product .image {
        height: 140px;
        margin-bottom: 20px
    }

    .home2-slide-item .slide-product .title {
        font-size: 16px
    }

    .home2-slide-item .slide-product .price {
        font-size: 14px
    }

    .slick-slider {
        margin-right: -20px;
        margin-left: -20px;
        padding-right: 20px;
        padding-left: 20px
    }

    .home5-slide-collection, .home5-slide-sale {
        font-size: 14px;
        left: 20px
    }

    .home6-slide1-content .sub-title {
        font-size: 50px
    }

    .home6-slide1-content .title {
        font-size: 40px
    }

    .home6-slide1-content .title:not(:last-child) {
        margin-bottom: 30px
    }

    .home6-slide1-content .link .btn {
        padding: 10px 30px
    }

    .home5-slide1-image {
        max-width: 300px;
        margin: 0 auto
    }

    .home7-slide1-image .price {
        font-size: 10px;
        left: 20px;
        width: 60px;
        height: 60px
    }

    .home7-slide1-image .price .amount {
        font-size: 18px
    }

    .home7-slide2-content .sub-title {
        font-size: 50px
    }

    .home7-slide2-content .title {
        font-size: 40px;
        margin-bottom: 30px
    }

    .home8-slide-image {
        max-width: 100%
    }

    .home8-slide-content {
        position: relative;
        right: 0;
        left: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-top: -80px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .home8-slide-content .sub-title {
        font-size: 40px
    }

    .home8-slide-content .title {
        font-size: 30px;
        margin-bottom: 10px
    }

    .home8-slide-content .link a {
        font-size: 14px
    }

    .home8-slide-pages {
        font-size: 30px;
        right: 5px;
        bottom: 5px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .home8-slide-pages .border {
        width: 30px
    }

    .home12-slide-item {
        height: 550px
    }

    .home12-slide1-content {
        max-width: 450px
    }

    .home12-slide1-content .sub-title {
        font-size: 50px
    }

    .home12-slide1-content .title {
        font-size: 36px
    }

    .home12-slide2-content {
        width: 400px;
        height: 400px
    }

    .home12-slide2-content .title {
        font-size: 60px
    }

    .home12-slide2-content .link a {
        font-size: 14px
    }

    .home12-slide3-content {
        margin-top: 60px
    }

    .home12-slide3-content .title {
        font-size: 70px;
        margin-bottom: 20px
    }

    .home12-slide3-content .sub-title {
        font-size: 36px;
        margin-bottom: 25px
    }

    .home12-slide3-content .price {
        font-size: 14px
    }

    .section-title {
        margin-bottom: 60px
    }

    .section-title .sub-title {
        font-size: 50px
    }

    .section-title .title {
        font-size: 30px
    }

    .section-title2 {
        margin-bottom: 60px
    }

    .section-title2 .sub-title {
        font-size: 50px
    }

    .section-title2 .title {
        font-size: 22px
    }

    .section-title2 p {
        margin-top: 15px
    }

    .section-title3 {
        margin-bottom: 60px
    }

    .section-title3 .sub-title {
        font-size: 50px
    }

    .section-title3 .title {
        font-size: 32px
    }

    .section-title3 p {
        margin-top: 15px
    }

    .page-title .title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .sale-banner9 .inner .content .offer {
        font-size: 80px;
        margin-bottom: 25px
    }

    .parallax-banner .content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%
    }

    .parallax-banner-1 .content .sub-title {
        font-size: 80px
    }

    .parallax-banner-1 .content .title {
        font-size: 40px;
        letter-spacing: 10px
    }

    .parallax-banner-4 .content {
        max-width: 350px
    }

    .section-title4 {
        margin-bottom: 60px
    }

    .section-title4 .title {
        font-size: 50px
    }

    .page-title-section {
        padding: 60px 0
    }

    .video-banner {
        height: 400px
    }

    .video-banner .content {
        margin-top: 50px
    }

    .video-banner .content .title {
        font-size: 30px;
        margin-bottom: 40px
    }

    .video-banner2 {
        height: 400px
    }

    .product-tab-list {
        margin-bottom: 20px
    }

    .product-tab-list li {
        margin: 0 10px 10px
    }

    .product-tab-list li a {
        font-size: 20px
    }

    .product-tab-list li a::after {
        display: none
    }

    .product-deal-content .title::after {
        display: none
    }

    .product-images.vertical {
        padding-left: 110px
    }

    .product-thumb-slider-vertical {
        width: 95px;
        padding-bottom: 60px
    }

    .product-nav {
        display: none
    }

    .product-info-tab-list {
        margin-right: -10px;
        margin-bottom: 30px;
        margin-left: -10px
    }

    .product-info-tab-list li {
        padding-right: 10px;
        padding-left: 10px
    }

    .product-info-tab-list li a {
        font-size: 24px
    }

    .product-review-list {
        margin-bottom: 50px
    }

    .testimonial-carousel.slick-slider {
        margin-right: -10px;
        margin-left: -10px;
        padding-right: 10px;
        padding-left: 10px
    }

    .testimonial {
        text-align: center
    }

    .testimonial p {
        line-height: 1.5
    }

    .testimonial .author {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .testimonial2 p {
        font-size: 20px
    }

    .testimonial2 .author img {
        width: 80px;
        height: 80px
    }

    .instafeed-carousel {
        overflow: hidden
    }

    .instafeed-carousel .slick-slider {
        margin-right: -10px;
        margin-left: -10px;
        padding-right: 10px;
        padding-left: 10px
    }

    .instafeed-grid .instafeed-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        max-width: 50%
    }

    .portfolio .content {
        position: absolute;
        z-index: 9;
        top: 50%;
        left: 0;
        padding: 20px;
        -webkit-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
        text-align: center;
        opacity: 0;
        opacity: 0
    }

    .portfolio .content .title {
        margin-bottom: 10px
    }

    .portfolio .content .desc {
        margin-bottom: 10px
    }

    .widget-menu li {
        font-size: 14px
    }

    .widget-subscibe input[type="email"] {
        width: 510px
    }

    .footer1-logo {
        margin-bottom: 40px
    }

    .cart-wishlist-table thead {
        display: none
    }

    .cart-wishlist-table tbody tr td {
        display: block;
        width: 100% !important;
        margin-bottom: 15px;
        padding: 0;
        text-align: center
    }

    .cart-wishlist-table tbody tr td:not(:first-child) {
        border-top: 0
    }

    .cart-wishlist-table tbody tr td.thumbnail {
        padding-top: 20px
    }

    .cart-wishlist-table tbody tr td .product-quantity {
        margin: auto
    }

    .cart-wishlist-table tbody tr td.remove {
        position: absolute;
        z-index: 9;
        top: 0;
        right: 0;
        width: auto !important
    }

    .cart-wishlist-table tbody tr:first-child td:first-child {
        border-top: 0
    }

    .about-us2 .inner .title {
        font-size: 50px
    }

    .about-us4 .title {
        font-size: 40px
    }

    .home7-slide1-content .name {
        font-size: 70px;
        margin-bottom: -15px
    }

    .home7-slide1-content .title {
        font-size: 36px;
        letter-spacing: 10px
    }

    .contact-map {
        height: 350px
    }

    .content-404 {
        padding: 100px 0 60px
    }

    .content-404 .title {
        font-size: 80px
    }

    .content-404 .sub-title {
        font-size: 50px
    }

    .home7-slider {
        height: 550px
    }

    .coming-soon-content .logo {
        margin-bottom: 60px
    }

    .coming-soon-content .title {
        font-size: 44px;
        margin-bottom: 30px
    }

    .coming-soon-content .countdown3 {
        margin-bottom: 60px
    }

    .coming-soon-content .countdown3 .count {
        min-width: 80px
    }

    .coming-soon-content .countdown3 .count span.amount {
        font-size: 60px
    }

    .coming-soon-content .countdown3 .count span.period {
        font-size: 14px
    }

    .home5-slide3-image {
        max-width: 90%;
        margin: 0 auto
    }

    .home5-slide2-content .sub-title {
        font-size: 80px;
        margin-bottom: 10px
    }

    .home5-slide2-content .title {
        font-size: 40px
    }

    .home5-slide2-content .btn {
        padding: 10px 30px
    }

    .home5-slide2-image {
        max-width: 300px;
        margin: 0 auto
    }

    .home5-slide1-content .sub-title {
        font-size: 50px;
        margin-bottom: 10px
    }

    .home4-slide-content {
        left: 30px
    }

    .home4-slide-content .category {
        font-size: 12px;
        margin-bottom: 15px
    }

    .home4-slide-content .title {
        font-size: 24px;
        margin-bottom: 20px
    }

    .home4-slide-content .link .btn {
        font-size: 14px;
        padding: 8px 20px
    }

    .home5-slider {
        height: 700px
    }

    .home5-slider .swiper-pagination {
        bottom: 25px;
        left: 30px
    }

    .home3-slide-content .sub-title {
        font-size: 30px;
        margin-bottom: 10px
    }

    .home3-slide-content .title {
        font-size: 24px
    }

    .home3-slide-content .link .btn {
        font-size: 14px;
        padding: 8px 25px
    }

    .home3-slider {
        height: 223px
    }

    .home3-slider [class*="swiper-button"] {
        width: 50px;
        height: 50px;
        bottom: 2px;
    }

    .home3-slider [class*="swiper-button"]::after {
        font-size: 14px
    }

    .home3-slider .swiper-button-prev {
        right: 50px
    }

    .home2-slide3-product1 .slide-product {
        right: auto;
        left: 100%;
        margin-right: auto;
        margin-left: 20px
    }

    .home2-slide3-product2 .slide-product {
        right: 100%;
        left: auto;
        margin-right: 20px;
        margin-left: auto
    }

    .home2-slide1-product1 .slide-product {
        right: 100%;
        left: auto;
        margin-right: 20px;
        margin-left: 0
    }

    .home1-slide1-content {
        width: 400px;
        height: 400px
    }

    .home1-slide1-content .icon img {
        height: 100px
    }

    .home1-slide1-content .title {
        font-size: 54px
    }

    .home1-slide1-content .sub-title {
        font-size: 24px;
        margin-bottom: 20px
    }

    .home1-slide1-content .link a {
        font-size: 14px
    }

    .offcanvas.offcanvas-search .inner {
        padding-right: 40px
    }

    .offcanvas.offcanvas-search .inner .offcanvas-close {
        width: 30px;
        height: 30px
    }

    .offcanvas.offcanvas-search .inner .offcanvas-close::before, .offcanvas.offcanvas-search .inner .offcanvas-close::after {
        width: 30px
    }

    .icon-box3 .inner {
        padding: 50px 15px
    }

    body.offside-header-left {
        margin-left: 0
    }

    body.offcanvas-open {
        padding-right: 0
    }

    body.offcanvas-open .sticky-header {
        right: 0
    }

    .offcanvas.offcanvas-header {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .offcanvas.offcanvas-header.offcanvas-open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    blockquote.learts-blockquote, .learts-blockquote {
        padding: 40px
    }

    blockquote.learts-blockquote .inner .title, .learts-blockquote .inner .title {
        font-size: 30px
    }

    body.homepage-bg1.offcanvas-open {
        padding-right: 15px !important
    }

    .home2-slide-content .sub-title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .home2-slide-content .title {
        font-size: 44px
    }

    .home2-slide-content .link a {
        font-size: 14px
    }

    .home2-slide-content {
        position: static;
        width: 100%;
        text-align: center
    }

    .offcanvas-search-form input[type="text"], .offcanvas-search-form .select2 {
        font-size: 30px;
        width: 100%
    }

    .offcanvas-search-form .select2 .selection .select2-selection {
        height: 51px !important
    }

    .home1-slider {
        height: 550px
    }

    .home1-slide2-content {
        width: 400px;
        height: 400px
    }

    .home1-slide2-content .title {
        font-size: 54px;
        margin-bottom: 20px
    }

    .home1-slide2-content .sub-title {
        font-size: 28px;
        margin-bottom: 20px
    }

    .home1-slide2-content .link a {
        font-size: 14px
    }

    .home1-slide3-content {
        margin-top: 60px
    }

    .home1-slide3-content .title {
        font-size: 70px;
        margin-bottom: 20px
    }

    .home1-slide3-content .sub-title {
        font-size: 36px;
        margin-bottom: 25px
    }

    .home1-slide3-content .link a {
        font-size: 14px
    }

    .home2-slide-pages {
        display: none
    }

    .section-padding {
        padding-top: 30px;
        padding-bottom: 30px;
        margin: 10px 0 0 0;
    }
}

@media screen and (min-width: 521px) and (max-width: 768px) {
}

/* SM Small Device :550px. */
@media screen and (max-width: 576px) {
    .icon-box5 .content {
        padding-right: 8px;
        padding-left: 0;
    }

    h6 {
        font-size: .8rem;
    }

    .text-small {
        font-size: 10px;
    }

    .sale-banner4 .inner .content .sub-title {
        font-size: 20px;
        margin-bottom: 20px
    }

    .sale-banner4 .inner .content .title {
        font-size: 60px;
        margin-bottom: 30px
    }

    .sale-banner5 .inner .content {
        bottom: 40px;
        left: 40px
    }

    .sale-banner5 .inner .content .title {
        font-size: 32px;
        margin-bottom: 15px
    }

    .category-banner3 .inner .content {
        padding-bottom: 35px
    }

    .sale-banner7 .inner .content .title {
        font-size: 60px
    }

    .sale-banner7 .inner .content .sub-title {
        font-size: 24px
    }

    .home6-slide1-content .sub-title {
        font-size: 40px
    }

    .home6-slide1-content .title {
        font-size: 36px
    }

    .home6-slide1-content .title:not(:last-child) {
        margin-bottom: 25px
    }

    .home7-slide2-content .sub-title {
        font-size: 40px
    }

    .home7-slide2-content .title {
        font-size: 30px;
        margin-bottom: 30px;
        padding: 0
    }

    .home7-slide2-content .title::before, .home7-slide2-content .title::after {
        display: none
    }

    .home12-slide-item {
        height: 500px
    }

    .home12-slide2-content {
        width: 350px;
        height: 350px
    }

    .home12-slide2-content .icon {
        height: 60px;
        margin-bottom: 20px
    }

    .home12-slide2-content .title {
        font-size: 48px
    }

    .home12-slide2-content .price {
        height: 60px
    }

    .home12-slide3-content {
        margin-top: 60px
    }

    .home12-slide3-content .title {
        font-size: 54px
    }

    .home12-slide3-content .sub-title {
        font-size: 30px;
        margin-bottom: 20px;
        padding: 0 50px
    }

    .home12-slide3-content .sub-title img {
        height: 16px;
        margin-top: -8px
    }

    .section-title {
        margin-bottom: 50px
    }

    .section-title .sub-title {
        font-size: 40px
    }

    .section-title .title {
        font-size: 24px
    }

    .section-title .title::before, .section-title .title::after {
        display: none !important
    }

    .section-title2 {
        margin-bottom: 50px
    }

    .section-title2 .sub-title {
        font-size: 40px
    }

    .section-title2 .title {
        font-size: 18px
    }

    .section-title2 .title::before, .section-title2 .title::after {
        display: none !important
    }

    .section-title2 p {
        margin-top: 10px
    }

    .section-title3 {
        margin-bottom: 50px
    }

    .section-title3 .sub-title {
        font-size: 40px
    }

    .section-title3 .title {
        font-size: 24px
    }

    .section-title3 p {
        margin-top: 10px
    }

    .section-title4 {
        margin-bottom: 50px
    }

    .section-title4 .title {
        font-size: 40px
    }

    .section-title4 .title::before, .section-title4 .title::after {
        display: none !important
    }

    .page-title .title {
        font-size: 20px
    }

    .sale-banner2 .inner .image {
        margin-bottom: 20px
    }

    .sale-banner8 .content .title {
        font-size: 24px
    }

    .sale-banner8 .content .link {
        font-size: 14px
    }

    .product-tab-list li a {
        font-size: 18px
    }

    .product-deal-content .title {
        font-size: 34px
    }

    .product-deal-content .countdown1 {
        margin-bottom: 40px
    }

    .product-images.vertical {
        padding-left: 95px
    }

    .product-thumb-slider-vertical {
        width: 80px;
        padding-bottom: 75px
    }

    .product-thumb-slider-vertical .slick-arrow {
        right: 0;
        left: 0;
        width: 100% !important
    }

    .product-thumb-slider-vertical .slick-arrow.slick-prev {
        bottom: 35px
    }

    .product-thumb-slider-vertical {
        width: 65px;
        padding-bottom: 50px
    }

    .product-thumb-slider-vertical .slick-arrow {
        height: 20px
    }

    .product-thumb-slider-vertical .slick-arrow.slick-prev {
        bottom: 25px
    }

    .product-title {
        font-size: 36px
    }

    .product-variations table tbody tr td.label {
        width: 120px
    }

    .product-sizes a {
        font-size: 18px
    }

    .product-meta table tbody tr td.label {
        width: 120px
    }

    .single-blog .title {
        font-size: 24px
    }

    .single-blog .desc blockquote {
        margin: 30px 0 30px 30px
    }

    .blog-author .content {
        width: 100%;
        padding-top: 20px;
        padding-right: 0;
        padding-left: 0
    }

    .child-comment .comment {
        padding-left: 0
    }

    .comment .content {
        width: 100%;
        padding-top: 20px;
        padding-right: 0;
        padding-left: 0
    }

    .testimonial2 p {
        font-size: 18px
    }

    .portfolio-content .title {
        font-size: 24px
    }

    .widget-subscibe input[type="email"] {
        width: 420px
    }

    .shop-product-filter {
        margin: 0 -10px -10px
    }

    .shop-product-filter button {
        font-size: 14px;
        margin: 0 10px 10px
    }

    .coupon-form form {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .coupon-form form .btn {
        width: 100%
    }

    .order-tracking {
        padding: 40px
    }

    .about-us .inner .title {
        font-size: 28px
    }

    .about-us .inner .title::before, .about-us .inner .title::after {
        display: none
    }

    .about-us2 .inner .title::before, .about-us2 .inner .title::after {
        display: none
    }

    .about-us3 .title {
        font-size: 30px
    }

    .about-us3 .desc {
        margin-bottom: 20px
    }

    .about-us4 .title {
        font-size: 30px
    }

    .user-login-register {
        padding: 40px
    }

    .lost-password {
        padding: 40px
    }

    .home7-slide1-content .name {
        font-size: 50px;
        margin-bottom: 0
    }

    .home7-slide1-content .title {
        font-size: 30px;
        letter-spacing: 5px
    }

    .content-404 .title {
        font-size: 60px
    }

    .content-404 .sub-title {
        font-size: 40px
    }

    .home7-slider {
        height: 500px
    }

    .home5-slide3-content .sub-title {
        font-size: 45px
    }

    .home5-slide3-content .title {
        font-size: 30px
    }

    .home5-slide2-content .sub-title::before, .home5-slide2-content .sub-title::after {
        display: none
    }

    .home4-slider .swiper-pagination {
        margin-top: 20px
    }

    .home3-slider {
        height: 165px
    }

    .home3-slider [class*="swiper-button"] {
        width: 40px;
        height: 40px;
        bottom: 2px;
    }

    .home3-slider .swiper-button-prev {
        right: 40px
    }

    .home2-slide-item .slide-pointer {
        display: none
    }

    .home2-slider {
        height: 650px
    }

    .home1-slide1-content {
        width: 350px;
        height: 350px
    }

    .home1-slide1-content .icon img {
        height: 80px
    }

    .home1-slide1-content .title {
        font-size: 48px
    }

    .home1-slide1-content .sub-title {
        font-size: 20px
    }

    .header-tools > div {
        margin-left: 0;
        margin-right: 15px;
    }

    .header-logo {
        margin-right: auto;
    }

    blockquote:not(.learts-blockquote):not(.learts-blockquote2) {
        margin-left: 0
    }

    .container {
        max-width: 450px
    }

    .home2-slide-content .title {
        font-size: 36px
    }

    .offcanvas.offcanvas-search {
        padding: 30px
    }

    .offcanvas.offcanvas-overlay-menu {
        padding: 30px
    }

    .offcanvas.offcanvas-search {
        padding: 30px
    }

    .offcanvas.offcanvas-overlay-menu {
        padding: 30px
    }

    .home1-slider {
        height: 500px
    }

    .offcanvas-search-form input[type="text"], .offcanvas-search-form .select2 {
        font-size: 24px
    }

    .offcanvas-search-form .select2 .selection .select2-selection {
        height: 42px !important
    }

    .overlay-menu {
        margin: 0 -30px
    }

    .overlay-menu > ul {
        padding: 0 30px
    }

    .home1-slide2-content {
        width: 350px;
        height: 350px
    }

    .home1-slide2-content .title {
        font-size: 48px
    }

    .home1-slide2-content .sub-title {
        font-size: 24px
    }

    .home1-slide3-content {
        margin-top: 60px
    }

    .home1-slide3-content .title {
        font-size: 54px
    }

    .home1-slide3-content .sub-title {
        font-size: 30px;
        margin-bottom: 20px;
        padding: 0 50px
    }

    .home1-slide3-content .sub-title img {
        height: 16px;
        margin-top: -8px
    }
}

@media screen and (min-width: 481px) and (max-width: 520px) {
}

@media screen and (max-width: 480px) {
    .section-padding {
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 10px 0 0 0;
    }

    .display-sm-none {
        display: none;
    }

    .sale-banner9 .inner .content .cuppon {
        font-size: 50px;
    }

    .text-large {
        font-size: 15px;
    }

    .text-extra-small {
        font-size: 8px;
        letter-spacing: 3px !important;
    }
    .sale-banner1 .inner {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }

    .sale-banner1 .inner .link {
        font-size: 20px
    }

    .instagram-banner1 .content .sub-title {
        font-size: 14px
    }

    .instagram-banner1 .content .title {
        font-size: 24px
    }

    .home7-slide2-content .sub-title {
        font-size: 26px
    }

    .home7-slide2-content .title {
        font-size: 24px
    }

    .home7-slide1-image .price {
        top: -10px
    }

    .home5-slide-shop-link {
        right: 20px;
        bottom: 20px
    }

    .home5-slide-shop-link::before {
        display: none
    }

    .home5-slide-shop-link a {
        font-size: 14px
    }

    .home5-slide-collection, .home5-slide-sale {
        font-size: 12px;
        left: 10px
    }

    .home5-slide-sale {
        right: 10px
    }

    .home6-slide1-content .sub-title {
        font-size: 30px
    }

    .home6-slide1-content .title {
        font-size: 30px
    }

    .home6-slide1-content .title:not(:last-child) {
        margin-bottom: 20px
    }

    .home6-slide1-content .link .btn {
        font-size: 14px;
        padding: 8px 25px
    }

    .home8-slide-content {
        margin-top: -40px
    }

    .home8-slide-content .sub-title {
        font-size: 36px
    }

    .home8-slide-content .title {
        font-size: 24px
    }

    .home12-slide-item {
        height: 450px
    }

    .home12-slide1-content .sub-title {
        font-size: 40px
    }

    .home12-slide1-content .title {
        font-size: 30px
    }

    .home12-slide2-content {
        width: 300px;
        height: 300px
    }

    .home12-slide2-content .title {
        font-size: 40px
    }

    .home12-slide2-content .price {
        height: 50px
    }

    .home12-slide2-content .link a {
        font-size: 12px
    }

    .home12-slide3-content .title {
        font-size: 40px
    }

    .home12-slide3-content .sub-title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .home12-slide3-content .price {
        font-size: 12px
    }

    .page-title-section {
        padding: 50px 0
    }

    .page-title .title {
        font-size: 20px;
        margin-bottom: 10px
    }

    .sale-banner3-1 .content .special-title {
        font-size: 44px
    }

    .sale-banner3-1 .content .title {
        font-size: 28px
    }

    .sale-banner4 .inner .content {
        top: 12%
    }

    .sale-banner4 .inner .content .sub-title {
        font-size: 18px;
        margin-bottom: 15px
    }

    .sale-banner4 .inner .content .title {
        font-size: 40px;
        margin-bottom: 20px
    }

    .sale-banner4 .inner .content .button-banner img {
        height: 16px
    }

    .sale-banner5 .inner .content {
        left: 20px
    }

    .sale-banner5 .inner .content .title {
        font-size: 22px;
        margin-bottom: 5px
    }

    .sale-banner5 .inner .content .price {
        font-size: 14px
    }

    .sale-banner6 .inner .content .title {
        font-size: 40px;
        margin-bottom: 10px
    }

    .sale-banner6 .inner .content img.icon {
        height: 30px
    }

    .sale-banner6 .inner .content img.price {
        height: 20px;
        margin-bottom: 10px
    }

    .sale-banner7 .inner .content .title {
        font-size: 40px
    }

    .sale-banner7 .inner .content .sub-title {
        font-size: 20px
    }

    .sale-banner8 .content {
        left: 20px
    }

    .sale-banner8 .content .title {
        font-size: 18px;
        margin-bottom: 6px
    }

    .sale-banner8 .content .link {
        font-size: 12px
    }

    .sale-banner9 .inner .content .offer {
        font-size: 60px
    }

    .category-banner3 .inner .content {
        padding: 0 25px 20px
    }

    .parallax-banner-2 .content .title {
        font-size: 36px
    }

    .parallax-banner-2 .content .sub-title {
        font-size: 44px
    }

    .parallax-banner-3 .content .title {
        font-size: 36px
    }

    .parallax-banner-4 .content .sub-title {
        font-size: 50px
    }

    .parallax-banner-4 .content .title {
        font-size: 36px
    }

    .video-banner .content {
        margin-top: 40px
    }

    .video-banner .content .title {
        font-size: 24px;
        margin-bottom: 30px
    }

    .product-deal-content .title {
        font-size: 28px
    }

    .product-images.vertical {
        padding-left: 75px
    }

    .product-title {
        font-size: 30px
    }

    .group-product-list table tbody tr td.price .pro-price span {
        display: block
    }

    .product-buttons {
        margin-right: -5px;
        margin-left: -5px
    }

    .product-buttons .btn {
        margin-right: 5px;
        margin-left: 5px
    }

    .product-buttons .btn-icon {
        width: 50px;
        padding: 12px
    }

    .product-buttons .btn:not(.btn-icon) {
        padding: 12px 30px
    }

    .quickViewModal .modal-dialog .modal-content {
        padding: 20px
    }

    .product-review {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-review .content {
        padding-top: 20px;
        padding-left: 0
    }

    .countdown1 .count span.amount {
        font-size: 30px;
        margin-bottom: 15px
    }

    .countdown1 .count span.period {
        font-size: 12px
    }

    .instafeed-grid .instafeed-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%
    }

    .countdown2 .count {
        margin-right: 20px;
        padding-right: 10px
    }

    .countdown2 .count span.amount {
        font-size: 30px;
        margin-bottom: 15px
    }

    .countdown2 .count span.amount::after {
        margin-right: -15px
    }

    .countdown2 .count span.period {
        font-size: 12px
    }

    .widget-subscibe input[type="email"] {
        width: 100%;
        padding-right: 20px;
        text-align: center
    }

    .widget-subscibe .btn {
        position: static;
        width: 100%;
        margin-top: 10px
    }

    .order-tracking {
        padding: 30px
    }

    .user-login-register {
        padding: 30px
    }

    .lost-password {
        padding: 30px
    }

    .home7-slider {
        height: 450px
    }

    .coming-soon-content .logo {
        margin-bottom: 40px
    }

    .coming-soon-content .title {
        font-size: 30px;
        margin-bottom: 30px
    }

    .coming-soon-content .countdown3 {
        margin-bottom: 40px
    }

    .coming-soon-content .countdown3 .count {
        min-width: 60px;
        margin: 0 5px
    }

    .coming-soon-content .countdown3 .count span.amount {
        font-size: 40px
    }

    .coming-soon-content .countdown3 .count span.period {
        font-size: 12px;
        letter-spacing: 0
    }

    .home5-slide3-content .sub-title {
        font-size: 40px
    }

    .home5-slide3-content .title {
        font-size: 24px;
        letter-spacing: 5px
    }

    .home5-slide2-content .sub-title {
        font-size: 40px
    }

    .home5-slide2-content .title {
        font-size: 30px;
        margin-bottom: 20px
    }

    .home5-slide2-content .btn {
        font-size: 14px;
        padding: 8px 20px
    }

    .home5-slide1-content .sub-title {
        font-size: 40px
    }

    .home4-slide-content {
        left: 20px
    }

    .home4-slide-content .category {
        font-size: 10px;
        margin-bottom: 10px
    }

    .home4-slide-content .title {
        font-size: 18px;
        margin-bottom: 10px
    }

    .home4-slide-content .link .btn {
        font-size: 12px;
        padding: 3px 15px
    }

    .home3-slide-content .sub-title {
        font-size: 24px;
        margin-bottom: 5px
    }

    .home3-slide-content .title {
        font-size: 20px;
        margin-bottom: 10px
    }

    .home3-slide-content .link .btn {
        font-size: 12px;
        padding: 3px 20px
    }

    .home3-slider {
        height: 143px
    }

    .home3-slider [class*="swiper-button"] {
        width: 30px;
        height: 30px;
        bottom: 0px;
        left: 30px;
    }

    .home3-slider .swiper-button-prev {
        right: 60px;

    }

    .container {
        max-width: 350px
    }

    blockquote.learts-blockquote, .learts-blockquote {
        padding: 30px
    }

    blockquote.learts-blockquote .inner .title, .learts-blockquote .inner .title {
        font-size: 24px
    }

    .home2-slide-content .sub-title {
        font-size: 14px
    }

    .home2-slide-content .title {
        font-size: 30px
    }

    .home2-slide-content .link a {
        font-size: 12px
    }

    .home1-slider {
        height: 450px
    }

    .home1-slide1-content {
        width: 300px;
        height: 300px
    }

    .home1-slide1-content .icon img {
        height: 60px
    }

    .home1-slide1-content .title {
        font-size: 40px
    }

    .home1-slide1-content .sub-title {
        font-size: 18px;
        margin-bottom: 15px
    }

    .home1-slide1-content .link a {
        font-size: 12px
    }

    .offcanvas {
        width: 300px
    }

    .offcanvas.offcanvas-search {
        padding: 20px
    }

    .offcanvas.offcanvas-overlay-menu {
        padding: 20px
    }

    .offcanvas-search-form input[type="text"], .offcanvas-search-form .select2 {
        font-size: 20px
    }

    .offcanvas-search-form .select2 .selection .select2-selection {
        height: 37px !important
    }

    .home1-slide3-content .title {
        font-size: 40px
    }

    .home1-slide3-content .sub-title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .home1-slide3-content .link a {
        font-size: 12px
    }

    .home1-slide2-content {
        width: 300px;
        height: 300px
    }

    .home1-slide2-content .icon {
        margin-bottom: 15px
    }

    .home1-slide2-content .title {
        font-size: 40px
    }

    .home1-slide2-content .sub-title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .home1-slide2-content .link a {
        font-size: 12px
    }

    .overlay-menu {
        margin: 0 -20px
    }

    .overlay-menu > ul {
        padding: 0 20px
    }
}