/* -------------------------------------------------
  max-width: 1800px
---------------------------------------------------*/
@media only screen and (max-width: 1800px) {
    .shape1 img {
        max-width: 250px;
    }

    .shape2 img {
        max-width: 450px;
    }

    .shape3 img {
        max-width: 650px;
    }

    .ol-shape17 {
        left: 0%;
    }

    .ol-shape18 {
        right: 0%;
    }

    .shape22 {
        left: 3%;
    }

    .shape23 {
        left: 18%;
    }

    .shape24 {
        left: 40%;
    }

    .shape26 {
        left: 8%;
    }

    .shape25 {
        left: 38%;
    }
}

/* -------------------------------------------------
  max-width: 1600px
---------------------------------------------------*/
@media only screen and (max-width: 1600px) {
    .shape1 {
        left: 3%;
    }

        .shape1 img {
            max-width: 200px;
        }

    .shape2 img {
        max-width: 400px;
    }

    .shape3 img {
        max-width: 500px;
    }

    .shape7 img {
        max-width: 300px;
    }

    .shape8 img {
        max-width: 400px;
    }

    .ol-shape1 img {
        max-width: 130px;
    }

    .ol-shape7 img {
        max-width: 150px;
    }

    .ol-shape11 {
        top: 15%;
        right: 3%;
    }

    .ol-shape12 {
        top: 40%;
        right: 2%;
    }

    .ol-shape13 {
        right: 4%;
    }

    .ol-shape14 {
        right: 5%;
    }

    .ol-shape8 {
        left: 3%;
    }

    .ol-shape9 {
        left: 5%;
    }

    .ol-shape10 {
        left: 2%;
    }

    .ol-shape15 {
        bottom: 0;
    }

        .ol-shape15 img {
            max-width: 200px;
        }

    .ol-shape16 img {
        max-width: 230px;
    }

    .ol-shape17 img {
        max-width: 180px;
    }

    .ol-shape18 img {
        max-width: 200px;
    }

    .ol-shape19 img {
        max-width: 300px;
    }

    .ol-shape20 img {
        max-width: 350px;
    }

    .ol-shape19 {
        left: 2%;
    }

    .ol-shape20 {
        right: 1%;
    }

    .ol-shape21 {
        left: 3%;
    }

    .ol-shape22 {
        bottom: 12%;
        left: 1%;
    }

    .ol-shape23 {
        right: 1%;
        top: 4%;
    }

    .ol-shape24 {
        right: 1%;
    }

    .shape18 img,
    .shape21 img {
        max-width: 120px;
    }

    .shape19 img,
    .shape20 img {
        max-width: 200px;
    }

    .shape22 {
        left: 1%;
    }

    .shape23 {
        left: 16%;
    }

    .shape24 {
        left: 38%;
    }

    .shape26 {
        left: 6%;
    }

    .shape25 {
        left: 36%;
    }
}

/* -------------------------------------------------
  max-width: 1500px
---------------------------------------------------*/
@media only screen and (max-width: 1500px) {
    .banner-content-pad {
        padding-left: 50px;
    }
}

/* -------------------------------------------------
  max-width: 1400px
---------------------------------------------------*/
@media only screen and (max-width: 1400px) {
    .shape1 {
        left: 2%;
    }

        .shape1 img {
            max-width: 150px;
        }

    .shape2 img {
        max-width: 300px;
    }

    .shape3 img {
        max-width: 400px;
    }

    .banner-content h2 {
        font-size: 72px;
        margin-bottom: 30px;
    }

    .banner-content p {
        margin-bottom: 30px;
    }

    .shape8 img {
        max-width: 350px;
    }

    .shape10 {
        left: 5%;
    }

    .shape11 {
        left: 3%;
    }

    .shape12 img {
        max-width: 250px;
    }

    .shape14 img {
        max-width: 350px;
    }

    .shape15 {
        right: 10%;
    }

    .shape17 img {
        max-width: 220px;
    }

    .ol-shape2 {
        top: 20%;
        left: 20%;
    }

    .ol-shape5 img,
    .ol-shape16 img,
    .ol-shape15 img {
        max-width: 150px;
    }

    .banner-content3 h2 {
        font-size: 52px;
        margin-bottom: 20px;
        line-height: 70px;
    }

    .heading-s3 .sub-heading {
        font-size: 110px;
    }
}

/* -------------------------------------------------
  min-width: 1200px
---------------------------------------------------*/
@media only screen and (min-width: 1200px) {
    /*Theme Option Css*/
    .boxed-layout {
        background-attachment: fixed;
        background-size: cover;
        background-position: center center;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        max-width: 1200px;
        margin: 30px auto;
        position: relative;
        width: 100%;
    }

        .boxed-layout .header-wrap.nav-fixed {
            max-width: 1200px;
            margin: 0 auto;
        }

    .footer-img-2 {
        float: left !important;
        left: 15px !important;
    }
}
/* -------------------------------------------------
  (min-width: 991px) and (max-width: 1199px)
---------------------------------------------------*/
@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .banner-img {
        max-width: 140px;
    }

    .icon-bar {
        position: fixed;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 999;
        right: 0px;
    }

    .footer-img-2 {
        float: left !important;
        left: 8px !important;
        width: 135px !important;
    }

    .footer-img-1 {
        float: left !important;
        width: 135px !important;
    }
}
/* -------------------------------------------------
  (min-width: 767px) and (max-width: 991px)
---------------------------------------------------*/
@media only screen and (min-width: 767px) and (max-width: 991px) {
    .about-wrapper .main-text {
        width: 100% !important;
    }

    .scrollbar {
        height: 186px !important;
    }

    .banner-img {
        position: relative;
        top: 0;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
        margin-top: 20px;
    }

    .banner-box-style1 .banner-img {
        bottom: -25px;
        margin-top: -5px;
        right: -10px;
    }

    .shopping-info .icon-box-style2 {
        text-align: center;
        display: block;
    }

        .shopping-info .icon-box-style2 .box-icon {
            float: none;
            margin: 0 auto 10px;
        }

    .product-thumbnail img {
        max-width: 80px;
    }

    .bg-footer .pl-5 {
        padding-left: 0 !important;
    }
}

/* -------------------------------------------------
  max-width: 1199px
---------------------------------------------------*/
@media only screen and (max-width: 1199px) {
    section, .top-footer {
        padding: 50px 0 50px 0;
    }

        section.small-pt,
        .small-pt,
        .top-footer.small-pt {
            padding-top: 40px;
        }

        section.small-pb,
        .small-pb,
        .top-footer.small-pb {
            padding-bottom: 40px;
        }

        section.pb-20, .pb-20 {
            padding-bottom: 10px;
        }

        section.pb-70, .pb-70 {
            padding-bottom: 50px;
        }

    .h1, h1 {
        font-size: 34px;
    }

    .h2, h2 {
        font-size: 30px;
    }

    .h3, h3 {
        font-size: 26px;
    }

    .h4, h4 {
        font-size: 22px;
    }

    .h5, h5 {
        font-size: 18px;
    }

    .large-divider {
        height: 80px;
    }

    .medium-divider {
        height: 40px;
    }

    .small-divider {
        height: 20px;
    }

    .medium-padding {
        padding: 40px;
    }

    .page-title h1 {
        font-size: 40px;
    }

    .heading-s1 h1, .heading-s2 h1, .heading-s3 h1 {
        font-size: 36px;
    }

    .heading-s1 h2,
    .heading-s2 h2,
    .heading-s3 h2 {
        font-size: 30px;
    }

    .heading-s3 .sub-heading {
        font-size: 100px;
    }
    /* .banner-slider:not(.full-screen), .banner-slider:not(.full-screen) .carousel-item, */
    /* .banner-section:not(.full-screen) .banner-content-wrap,.banner-section:not(.full-screen) .banner-content-wrap .carousel-item  { */
    /* height: 800px; */
    /* } */
    .banner-content h2 {
        font-size: 68px;
    }

    .banner-content2 h2 {
        font-size: 50px;
        margin-bottom: 20px;
    }

    .banner-content3 h2 {
        font-size: 42px;
        line-height: 60px;
    }

    .banner-content2 p {
        margin-bottom: 25px;
    }

    .shape2 {
        top: 30px;
    }

    .ol-shape4 img {
        max-width: 80px;
    }

    .ol-shape7 img,
    .ol-shape5 img,
    .ol-shape25 img,
    .ol-shape26 img,
    .ol-shape28 img {
        max-width: 100px;
    }

    .ol-shape1 img,
    .ol-shape27 img {
        max-width: 90px;
    }

    .ol-shape30 img {
        max-width: 80px;
    }

    .ol-shape31 img {
        max-width: 60px;
    }

    .lr-form {
        padding: 30px;
    }

    .boxed-layout {
        background-image: none !important;
    }

    .shape4 img {
        max-width: 80px;
    }

    .shape5 img {
        max-width: 170px;
    }

    .shape6 {
        top: 8%;
    }

    .shape7 {
        top: 10%;
    }

        .shape7 img {
            max-width: 200px;
        }

    .shape11 img {
        max-width: 150px;
    }

    .shape10 {
        bottom: 150px;
    }

        .shape10 img {
            max-width: 160px;
        }

    .shape9 img {
        max-width: 200px;
    }

    .shape8 img {
        max-width: 280px;
    }

    .shape12 img {
        max-width: 200px;
    }

    .shape13 img,
    .shape16 img {
        max-width: 120px;
    }

    .shape14 img {
        max-width: 300px;
    }

    .shape15 img {
        max-width: 250px;
    }

    .shape17 img {
        max-width: 200px;
    }

    .ol-shape19 img,
    .ol-shape20 img {
        max-width: 250px;
    }

    .shape18 img, .shape21 img {
        max-width: 100px;
    }

    .shape19 img, .shape20 img {
        max-width: 150px;
    }

    .shape22 {
        left: -2%;
    }

    .shape23 {
        left: 10%;
    }

        .shape23 img {
            max-width: 60px;
        }

    .shape22 img {
        max-width: 50px;
    }

    .shape25 img,
    .shape26 img,
    .shape24 img {
        max-width: 100px;
    }

    .shape26 {
        left: 2%;
        bottom: 12%;
    }

    .icon-box-style1 .box-icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    footer .widget-title {
        font-size: 16px;
    }

    .icon-box-style2 .box-icon {
        max-width: 70px;
        height: 70px;
        line-height: 70px;
        margin: 0px 10px 0px 0px;
    }

        .icon-box-style2 .box-icon i {
            font-size: 30px;
            line-height: 70px;
        }

    .testimonial-bg {
        background-size: cover !important;
    }

    .btn-page .btn {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 992px) {
    .heading-s1.text-lg-left::before {
        margin: 0;
        right: auto;
    }

    .heading-s1.text-lg-center::before {
        margin: 0 auto;
        right: 0;
    }

    .heading-s1.text-lg-right::before {
        margin: 0;
        right: 0;
        left: auto;
    }

    .navbar .navbar-nav .dropdown-menu .dropdown-menu {
        left: 100%;
        top: 0;
    }

    .navbar .navbar-nav .dropdown-menu li:hover .dropdown-menu {
        margin-top: -1px !important;
    }

    .navbar .navbar-nav li > .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
        margin-top: 20px;
    }

    .navbar .navbar-nav li:hover > .dropdown-menu, .overlay-menu .navbar .navbar-nav li:hover > .dropdown-menu.cart-box {
        display: block;
        opacity: 1;
        visibility: visible;
        margin: 0;
    }

    .navbar .navbar-nav .dropdown-menu .dropdown-menu.dropdown-reverse {
        left: auto;
        right: 100%;
    }

    .navbar .navbar-nav li:hover > .dropdown-menu.cart-box {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .header-dropdown li:hover .dropdown-menu {
        display: block;
    }

    .header-dropdown .dropdown-menu {
        display: none;
    }
}
/* -------------------------------------------------
  max-width: 991px
---------------------------------------------------*/
@media only screen and (max-width: 991px) {
    .btn-default, .btn-black, .btn-white, .btn-outline-black, .btn-outline-default {
        padding: 8px 20px;
    }

    .footer-img-2 {
        float: left !important;
        left: 15px !important;
    }

    .app4-btn .btn-default {
        text-align: left;
        font-size: 11px !important;
    }

    .btn-group-sm > .btn, .btn-sm {
        padding: 7px 15px;
    }

    .btn-xs {
        padding: 3px 12px;
    }

    .padding-eight-all {
        padding: 5%;
    }

    .heading-s3 .sub-heading {
        font-size: 70px;
        margin-bottom: -20px;
    }

    #navbarSupportedContent .navbar-nav {
        max-height: 80vh;
        overflow-y: auto;
    }

    .header-wrap .navbar {
        display: block;
    }

        .header-wrap .navbar .navbar-nav.attr-nav {
            display: block;
            float: right;
        }

    .navbar .navbar-nav.attr-nav li {
        float: left;
    }

    .navbar-brand {
        vertical-align: top;
        margin: 0;
    }

    .navbar .attr-nav li .nav-link {
        padding: 28px 10px !important;
    }

    .header-wrap .navbar-collapse {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 10000000000;
        top: 55px;
    }

    .header-wrap.light-skin .navbar-collapse::before {
        border-top: 1px solid rgba(255,255,255,0.2);
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
    }

    .header-wrap.dark-skin .navbar-collapse {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .header-wrap #navbarSupportedContent .navbar-nav:not([class*="bg-"]):not([class*="bg-"]) {
        background-color: #343a40;
    }

    .header-wrap.dark-skin #navbarSupportedContent .navbar-nav:not([class*="bg-"]):not([class*="bg-"]) {
        background-color: #fff;
    }

    .navbar .navbar-nav > li > .nav-link, .nav-fixed .navbar .navbar-nav > li > .nav-link, .bottom-header .navbar .navbar-nav > li > .nav-link {
        padding: 10px 15px;
    }

    .navbar .attr-nav li.cart-wrap .nav-link {
        padding: 27px 10px !important;
    }

    .mega-menu-col {
        border-right: 0;
        padding: 0;
    }

    .navbar .navbar-nav .dropdown-header {
        padding: 8px 8px 0px;
    }

    .mega-menu {
        padding: 0;
    }

    .navbar .navbar-nav li .dropdown-menu {
        margin: 0 15px;
    }

        .navbar .navbar-nav li .dropdown-menu .dropdown-menu {
            margin-bottom: 15px;
        }

    .navbar .navbar-nav li .cart-box.dropdown-menu {
        margin: 0;
    }

    .cart-count {
        top: 18px;
        right: 3px;
    }

    .dark-skin .navbar-nav .dropdown-menu {
        box-shadow: none;
        border: 0;
        margin-top: 0;
    }

    .dropdown-toggle::after, .dropdown-toggler::after {
        float: right;
        margin-top: 5px;
    }

    .navbar-nav li.show .dropdown-toggle::after,
    .navbar-nav li .dropdown-menu li.show .dropdown-toggler::after {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dropdown-toggler::after {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .navbar .attr-nav li .search-trigger::before {
        content: normal;
    }

    .navbar .navbar-nav li.show > .dropdown-menu.cart-box {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    /* .banner-slider:not(.full-screen), .banner-slider:not(.full-screen) .carousel-item, */
    /* .banner-section:not(.full-screen) .banner-content-wrap,.banner-section:not(.full-screen) .banner-content-wrap .carousel-item  { */
    /* height: 700px; */
    /* } */
    .banner-content h2 {
        font-size: 60px;
    }

    .banner-content3 h2 {
        font-size: 30px;
        line-height: 48px;
    }

    .shape1 {
        left: 1%;
    }

        .shape1 img {
            max-width: 80px;
        }

    .shape2 img {
        max-width: 200px;
    }

    .shape3 img {
        max-width: 300px;
    }

    .shape4 {
        top: 10%;
        left: 30px;
    }

    .shape7 {
        top: 5%;
        right: 2%;
    }

    .shape10 {
        bottom: 100px;
    }

        .shape10 img {
            max-width: 140px;
        }

        .shape10 img {
            max-width: 140px;
        }

    .shape11 {
        left: 2%;
        bottom: 30px;
    }

    .shape8 img {
        max-width: 200px;
    }

    .shape12 img {
        max-width: 150px;
    }

    .shape14 img {
        max-width: 200px;
    }

    .shape15 {
        right: 5%;
        bottom: 10%;
    }

        .shape15 img {
            max-width: 200px;
        }

    .shape17 img {
        max-width: 160px;
    }

    .ol-shape2 {
        top: 10%;
        left: 15%;
    }

    .ol-shape8 img,
    .ol-shape10 img,
    .ol-shape11 img,
    .ol-shape13 img {
        max-width: 100px;
    }

    .ol-shape9 img,
    .ol-shape12 img,
    .ol-shape14 img {
        max-width: 80px;
    }

    .ol-shape19 img, .ol-shape20 img {
        max-width: 150px;
    }

    .ol-shape21 img {
        max-width: 150px;
    }

    .ol-shape22 img {
        max-width: 150px;
    }

    .ol-shape23 img {
        max-width: 100px;
    }

    .ol-shape24 img {
        max-width: 150px;
    }

    .shape18 {
        left: 5%;
        top: 8%;
    }

    .shape20 {
        right: 5%;
        top: 7%;
    }

    .shape19 {
        left: 5%;
        bottom: 5%;
    }

    .shape21 {
        right: 7%;
        bottom: 5%;
    }

    .border-shape::before {
        top: -30px;
        left: 15%;
        right: 15%;
        bottom: -30px;
    }

    .deal-content {
        padding: 0;
    }

    .circle-bg1 {
        height: 350px;
        width: 350px;
    }

    .md-height-300 {
        height: 300px !important;
    }

    .testimonial-img img {
        max-width: 60px;
    }

    .testi-meta {
        overflow: visible;
    }

    .counter-text {
        font-size: 30px;
    }

    .box-counter p {
        font-size: 16px;
    }

    .newsletter-form button {
        right: 0;
        top: 0;
        padding: 15px 30px;
        font-size: 14px;
    }

    .newsletter-form input, .newsletter-form input:focus {
        height: 50px;
    }

    .overlap-bottom {
        margin-bottom: 0;
    }

    .contact-info-box {
        padding: 20px;
    }

        .contact-info-box .icon-box {
            margin-top: 15px;
        }

    .product-list .product-info h6 {
        font-size: 14px;
    }

    .shopping-info div[class*="col-"]::before {
        height: 80%;
    }

    .footer-payment {
        margin-bottom: 15px;
    }

    .shop-cart-table tfoot .btn + .btn {
        margin-left: 5px;
    }

    .shop-cart-table tfoot .btn {
        padding: 7px 15px;
    }

    .toggle-info {
        padding: 12px;
        margin-bottom: 20px;
        font-size: 13px;
    }

    .login-form, .coupon-form {
        padding: 15px;
    }

    .quantity .qty {
        width: 50px;
    }

    .quantity {
        margin-right: 10px;
    }

    .cart-btn .add-wishlist, .cart-btn .add-compare {
        margin-left: 5px;
    }

    .nav-top-right2.owl-theme .owl-nav [class*="owl-"] {
        top: -55px;
    }

    .work-col3 > li {
        width: 50%;
    }

    .work-col4 > li {
        width: 33.33%;
    }

    .error-txt {
        font-size: 200px;
    }

    .price-tage h2 {
        font-size: 34px;
    }

    .counter-content p {
        font-size: 14px;
    }
}
/* -------------------------------------------------
  min-width: 768px
---------------------------------------------------*/
@media only screen and (min-width: 768px) {
    .heading-s1.text-md-left::before {
        margin: 0;
        right: auto;
    }

    .heading-s1.text-md-center::before {
        margin: 0 auto;
        right: 0;
    }

    .heading-s1.text-md-right::before {
        margin: 0;
        right: 0;
        left: auto;
    }
}
/* -------------------------------------------------
  max-width: 767px
---------------------------------------------------*/
@media only screen and (max-width: 767px) {
    .h1, h1 {
        font-size: 32px;
    }

    .footer-img-2 {
        float: left !important;
        left: 15px !important;
        width: 135px !important
    }

    .footer-img-1 {
        float: left !important;
        width: 135px !important
    }

    .h2, h2 {
        font-size: 28px;
    }

    .h3, h3 {
        font-size: 24px;
    }

    .h4, h4 {
        font-size: 20px;
    }

    .btn + .btn {
        margin-left: 5px;
    }

    section, .top-footer {
        padding: 15px 0;
    }

        section.small-pt,
        .small-pt,
        .top-footer.small-pt {
            padding-top: 25px;
        }

        section.small-pb,
        .small-pb,
        .top-footer.small-pb {
            padding-bottom: 25px;
        }

        section.pb-70, .pb-70 {
            padding-bottom: 35px;
        }

    .large-divider {
        height: 50px;
    }

    .medium-divider {
        height: 25px;
    }

    .small-divider {
        height: 15px;
    }

    .medium-padding {
        padding: 25px;
    }

    .scrollup {
        font-size: 20px;
        height: 40px;
        line-height: 40px;
        right: 10px;
        width: 40px;
    }

    .heading-s1 h1, .heading-s2 h1, .heading-s3 h1 {
        font-size: 30px;
    }

    .heading-s1 h2,
    .heading-s2 h2,
    .heading-s3 h2 {
        font-size: 26px;
    }

    .heading-s1,
    .heading-s2,
    .heading-s3 {
        margin-bottom: 30px;
    }

        .heading-s3 .sub-heading {
            font-size: 50px;
        }

    .navbar .navbar-nav > li > .nav-link, .nav-fixed .navbar .navbar-nav > li > .nav-link, .bottom-header .navbar .navbar-nav > li > .nav-link {
        padding: 5px 10px;
    }

    .navbar .navbar-nav .dropdown-header {
        padding: 5px 10px 0;
    }

    .navbar .navbar-nav .dropdown-item {
        padding: 5px 10px;
    }
    /* .banner-slider:not(.full-screen), .banner-slider:not(.full-screen) .carousel-item, */
    /* .banner-section:not(.full-screen) .banner-content-wrap,.banner-section:not(.full-screen) .banner-content-wrap .carousel-item  { */
    /* height: 600px; */
    /* } */
    .banner-content p br,
    .banner-content2 p br,
    .ol-shape26 {
        display: none;
    }

    .banner-content2 h2 {
        font-size: 40px;
    }

    .shape2 img {
        max-width: 150px;
    }

    .shape3 img {
        max-width: 250px;
    }

    .shape4 {
        top: 7%;
    }

        .shape4 img {
            max-width: 60px;
        }

    .shape5 img {
        max-width: 120px;
    }

    .shape6 {
        top: 6%;
    }

        .shape6 img {
            max-width: 30px;
        }

    .shape7 img {
        max-width: 150px;
    }

    .shape8 img {
        max-width: 150px;
    }

    .shape9 {
        bottom: 30px;
    }

        .shape9 img {
            max-width: 150px;
        }

    .shape10 {
        bottom: 80px;
    }

        .shape10 img,
        .shape11 img {
            max-width: 100px;
        }

    .shape17 img {
        max-width: 160px;
    }

    .shape13 img, .shape16 img {
        max-width: 80px;
    }

    .shape12 {
        left: 1%;
        top: 10px;
    }

    .shape14 {
        right: 2%;
        top: 2%;
    }

    .shape15 {
        right: 2%;
        bottom: 8%;
    }

    .ol-shape1 {
        top: 0px;
    }

    .ol-shape5 {
        top: -30px;
    }

    .ol-shape4 {
        bottom: -10px;
    }

    .ol-shape7 {
        bottom: -10px;
        right: 5%;
    }

    .ol-shape19 img, .ol-shape20 img {
        max-width: 100px;
    }

    .shape19 img, .shape20 img {
        max-width: 120px;
    }

    .shape18 img, .shape21 img {
        max-width: 80px;
    }

    .ol-shape25 {
        top: 8%;
    }

    .banner-content h2 {
        font-size: 52px;
    }

    .border-shape::before {
        left: 8%;
        right: 8%;
    }

    .ol-shape29 {
        top: 2%;
        right: 5%;
    }

    .overlap-box {
        margin: 0;
    }

    .banner-text {
        max-width: 50%;
    }

    .banner-box {
        margin-top: 15px;
    }

        .banner-box:hover {
            -moz-transform: translate3d(0,0px, 0);
            -webkit-transform: translate3d(0,0px, 0);
            transform: translate3d(0,0px, 0);
        }

    .content-box,
    .blog-post {
        margin-bottom: 25px;
    }

    .sm-height-300 {
        height: 300px !important;
    }

    .box-counter {
        margin-top: 20px;
    }

    [class*="col-"]:nth-child(-n+2) .box-counter {
        margin-top: 0;
    }

    .content-meta li {
        padding-right: 10px;
        font-size: 14px;
    }

    .page-title h1 {
        font-size: 30px;
    }

    .countent-detail-meta li {
        float: none;
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
        clear: both;
        text-align: center;
        margin-bottom: 15px;
    }

    .contact-map iframe {
        height: 300px;
    }

    .icon-box-style1.icon-box:hover {
        -moz-transform: translate3d(0,0px, 0);
        -webkit-transform: translate3d(0,0px, 0);
        transform: translate3d(0,0px, 0);
    }

    .product-content .nav-tabs {
        margin-top: 5px;
    }

    .nav-tabs li.nav-item a {
        padding: 5px 15px;
        font-size: 14px;
    }

    .list-border::before {
        content: normal;
    }

    .single-menu-product {
        margin-top: 15px;
    }

    .counter-text {
        font-size: 26px;
    }

    .box-counter p {
        font-size: 14px;
    }

    .team-style1 .hover-info {
        padding: 10px;
    }

    .contact-map {
        position: relative;
        top: 0;
        padding-top: 50px;
    }

    .icon-box {
        margin-top: 15px;
    }

    .icon-box-style2 {
        margin-top: 15px;
    }

    .bottom-footer {
        padding: 25px 0;
    }

    .icon-box-style2 .box-icon img {
        max-width: 40px;
        height: 40px;
    }

    .icon-box-style2 .box-icon {
        margin-right: 15px;
    }

    .banner-content-pad {
        padding: 0px;
    }

    .btn-big {
        font-size: 20px;
        font-weight: bold;
        padding: 15px 30px;
    }

    .btn img {
        max-width: 24px;
    }

    .blog-title {
        margin-bottom: 10px;
    }

    .blog-meta {
        margin-bottom: 5px;
    }

    .blog-content p {
        margin-bottom: 5px;
    }

    .blog-list .blog-content {
        padding: 15px 0 0 0px;
    }

    .blog-list .blog-img {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    blockquote {
        padding: 20px;
    }

    .author-img img {
        max-width: 70px;
    }

    .user-img img {
        max-width: 60px;
    }

    .single-post .blog-post-footer {
        padding: 30px 0;
    }

    .related-post, .comment-area, .comment-form {
        margin-top: 30px;
    }

    .single-post .comment-list {
        margin-bottom: 30px;
    }

    .single-post .post-navigation {
        margin: 30px 0;
    }

    .comment-content p {
        font-size: 14px;
    }

    .comment-list > li.comment-info {
        padding: 20px 0;
    }

    .children-comment {
        padding-top: 20px;
        margin-top: 20px;
    }

    .deal-content .countdown-time {
        margin: 10px 0 10px;
    }

    .countdown-content {
        padding: 5px;
    }

    .countdown-box .countdown {
        font-size: 40px;
    }

    .countdown-content::before {
        font-size: 32px;
    }

    .contact-form {
        padding: 20px 0px;
    }

    .product-info {
        padding: 15px;
    }

    .pr-detail {
        font-size: 14px;
        margin-top: 30px;
    }

    .mfp-ajax-holder .ajax-quick-view {
        padding: 30px 15px;
    }

    .deal-content {
        margin-bottom: 50px;
    }

    .deal-img-wrap {
        max-width: 300px;
        margin: 0 auto;
    }

    .nav-top-right.owl-theme .owl-nav [class*="owl-"],
    .nav-top-right2.owl-theme .owl-nav [class*="owl-"] {
        top: 0;
        -moz-transform: none;
        -webkittransform: none;
        transform: none;
        position: relative;
        margin: 5px 5px 0px 5px;
    }

    .nav-top-right.owl-theme .owl-nav .owl-prev,
    .nav-top-right2.owl-theme .owl-nav .owl-prev {
        right: auto;
    }

    footer .instafeed li {
        width: 33.33%;
    }

    .insta-icon {
        font-size: 16px;
    }

    .shopping-info div[class*="col-"]::before {
        content: normal;
    }

    .shopping-info .icon-box {
        padding: 15px 0;
    }

    .about-img {
        margin-bottom: 50px;
    }

    footer .widget-title2 {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .overlap-section {
        margin-top: 0;
    }

    .testimonial-style3 .testi-desc::before {
        top: -20px;
        font-size: 80px;
    }

    .shop-cart-table thead {
        display: none;
    }

    .shop-cart-table td {
        display: block;
        width: 100%;
        text-align: right;
    }

        .shop-cart-table td.product-name {
            text-align: right;
        }

        .shop-cart-table td::before {
            content: attr(data-title) " ";
            float: left;
            text-transform: capitalize;
        }

        .shop-cart-table td.product-thumbnail,
        .shop-cart-table td.product-add-to-cart {
            text-align: center;
        }

    .product-quantity .quantity {
        margin-right: 0;
    }

    .comments li {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .list-view .product-img {
        width: 35%;
    }

    .pr-desc p {
        font-size: 14px;
    }

    .work-col4 > li {
        width: 50%;
    }

    .blog-list .blog-post {
        display: block;
        padding-bottom: 15px;
    }

    .error-txt {
        font-size: 160px;
    }

    .cs-content-box .countdown-time {
        padding-top: 10px;
    }

    .gallery-slider .owl-nav {
        margin-top: 10px;
    }
}
/* -------------------------------------------------
  max-width: 640px
---------------------------------------------------*/
@media only screen and (max-width: 640px) {
    .shape1 {
        display: none;
    }

    .testimonial-wrap {
        margin: 0 15px;
    }

    .nav-style1.owl-theme .owl-nav .owl-prev {
        left: -40px;
    }

    .nav-style1.owl-theme .owl-nav .owl-next {
        right: -40px;
    }

    .testimonial-style3 .testimonial-box {
        margin: 15px;
        padding: 15px;
        box-shadow: 0 0 20px rgba(0,0,0,0.10);
    }
}
/* -------------------------------------------------
  max-width: 580px
---------------------------------------------------*/
@media only screen and (max-width: 580px) {
    .btn-default,
    .btn-black,
    .btn-white,
    .btn-outline-black,
    .btn-outline-default {
        font-size: 12px;
    }

    .btn-outline-black {
        padding: 8px 25px;
    }

    .btn-group-sm > .btn, .btn-sm {
        padding: 7px 15px;
    }

    .btn-group-lg > .btn, .btn-lg {
        padding: 15px 40px;
    }

    .btn-xs {
        padding: 4px 15px;
        font-size: 12px;
    }

    .btn-md {
        padding: 10px 25px;
        font-size: 16px;
    }

    .btn-lg {
        padding: 10px 25px;
        font-size: 18px;
    }

    .btn.btn-xs i {
        font-size: 12px;
    }

    .btn.btn-lg i {
        font-size: 24px;
    }

    .cart-btn .add-wishlist, .cart-btn .add-compare {
        margin-left: 5px;
    }

    .banner-content h2 {
        font-size: 46px;
    }

    .banner-content2 h2 {
        font-size: 34px;
    }

    .shape12 img {
        max-width: 120px;
    }

    .shape15 img,
    .shape14 img {
        max-width: 150px;
    }

    .shape17 img {
        max-width: 120px;
    }

    .ol-shape1 img,
    .ol-shape4 img {
        max-width: 60px;
    }

    .ol-shape2,
    .ol-shape15,
    .ol-shape16 {
        display: none;
    }

    .ol-shape7 img, .ol-shape5 img {
        max-width: 70px;
    }
}

/* -------------------------------------------------
  max-width: 576px
---------------------------------------------------*/
@media only screen and (min-width: 576px) {
    .heading-s1.text-sm-left::before {
        margin: 0;
        left: 0;
    }

    .heading-s1.text-sm-left::after {
        margin: 0;
    }

    .heading-s1.text-sm-center::before {
        margin: 0 auto;
        left: -10px;
        right: 0;
    }

    .heading-s1.text-sm-center::after {
        margin: 0 auto;
        right: 0;
    }

    .heading-s1.text-sm-right::before {
        margin: 0;
        right: 0;
        left: auto;
    }

    .heading-s1.text-sm-right::after {
        margin: 0;
        left: auto;
        right: 10px;
    }

    .ol-shape22 {
        bottom: 30%;
    }
}

/* -------------------------------------------------
  max-width: 575px
---------------------------------------------------*/
@media only screen and (max-width: 575px) {
    .breadcrumb {
        padding-top: 10px;
    }

    .product {
        margin-bottom: 15px;
    }

    .ol-shape17,
    .ol-shape18 {
        display: none;
    }

    .ol-shape19 {
        left: 2%;
        top: -20px;
    }

    .ol-shape20 {
        right: 1%;
        top: auto;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
        bottom: -20px;
    }

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

    footer .instafeed li {
        width: 25%;
    }

    .sidebar-menu {
        padding: 15px;
        width: 300px;
        right: -300px;
    }

    .widget-text {
        font-size: 14px;
    }

    .newsletter-form2 .form-control {
        height: 46px;
    }

    footer .widget-title2 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .slide-content-wrap {
        position: relative;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
        top: auto;
    }

    .banner-slider-img {
        margin-top: 50px;
        text-align: center;
    }

        .banner-slider-img img {
            max-width: 300px;
        }

    .banner-slide-half.banner-slider:not(.full-screen), .banner-slide-half.banner-slider:not(.full-screen) .carousel-item, .banner-slide-half.banner-section:not(.full-screen) .banner-content-wrap, .banner-slide-half.banner-section:not(.full-screen) .banner-content-wrap .carousel-item {
        height: auto;
    }

    .shape23 {
        left: 5%;
        top: -3%;
    }

        .shape23 img {
            max-width: 50px;
        }

    .shape24 {
        top: -2%;
    }

        .shape25 img, .shape26 img, .shape24 img {
            max-width: 70px;
        }

    .shape25 {
        left: auto;
        right: 5%;
    }

    .team-box {
        margin-bottom: 15px;
    }

    .list-grid-icon {
        margin-top: 10px;
    }

    .grid-filter li {
        margin: 0 3px;
    }

        .grid-filter li a {
            padding: 3px 15px;
        }

    .pr-categories a {
        font-size: 12px;
    }

    .btn-page .btn {
        display: table;
        margin: 0 auto 10px !important;
        text-align: center;
    }

    .cta-section-small {
        padding: 40px;
    }
}

/* -------------------------------------------------
  max-width: 480px
---------------------------------------------------*/
@media only screen and (max-width: 480px) {
    body {
        font-size: 14px;
    }

    .h1, h1 {
        font-size: 24px;
    }

    .h2, h2 {
        font-size: 22px;
    }

    .h3, h3 {
        font-size: 20px;
    }

    .h4, h4 {
        font-size: 18px;
    }

    .h5, h5 {
        font-size: 16px;
    }

    .h6, h6 {
        font-size: 14px;
    }

    section,
    .top-footer {
        padding: 30px 0;
    }

        section.small-pt,
        .small-pt,
        .top-footer.small-pt {
            padding-top: 15px;
        }

        section.small-pb,
        .small-pb,
        .top-footer.small-pb {
            padding-bottom: 15px;
        }

        section.pb-20, .pb-20 {
            padding-bottom: 0;
        }

        section.pb-70, .pb-70 {
            padding-bottom: 15px;
        }

    .large-divider {
        height: 30px;
    }

    .medium-divider {
        height: 15px;
    }

    .small-divider {
        height: 10px;
    }

    .medium-padding {
        padding: 15px;
    }

    .padding-ten-all {
        padding: 30px;
    }

    .heading-s1 h1, .heading-s2 h1, .heading-s3 h1 {
        font-size: 26px;
    }

    .heading-s1 h2,
    .heading-s2 h2,
    .heading-s3 h2 {
        font-size: 25px;
    }

    .heading-s3 .sub-heading {
        font-size: 40px;
    }

    .btn-group-sm > .btn, .btn-sm {
        padding: 7px 15px;
    }

    .btn-group-lg > .btn, .btn-lg {
        padding: 15px 40px;
    }

    .btn-xs {
        padding: 4px 15px;
        font-size: 12px;
    }

    .btn-md {
        padding: 11px 22px;
        font-size: 14px;
    }

    .btn-lg {
        padding: 10px 22px;
        font-size: 16px;
    }

    .btn i {
        font-size: 18px;
    }

    .btn.btn-lg i {
        font-size: 22px;
    }

    .navbar .attr-nav li .nav-link {
        padding: 24px 10px !important;
    }

    .navbar-toggler {
        margin: 10px 0 10px 10px;
    }

    .navbar-brand img {
        max-width: 150px;
    }

    .navbar .attr-nav li.cart-wrap .nav-link {
        padding: 23px 10px !important;
    }

    .contact-detail > li a, .header-list > li a {
        font-size: 13px;
    }

    .contact-detail i {
        font-size: 14px;
    }

    .contact-detail > li, .header-list > li {
        padding: 2px 5px;
    }
    /* .banner-slider:not(.full-screen), .banner-slider:not(.full-screen) .carousel-item, */
    /* .banner-section:not(.full-screen) .banner-content-wrap,.banner-section:not(.full-screen) .banner-content-wrap .carousel-item  { */
    /* height: 500px; */
    /* } */
    .shape2 {
        top: 15px;
    }

    .shape3 {
        bottom: 15px;
    }

        .shape3 img {
            max-width: 200px;
        }

    .shape7 img {
        max-width: 100px;
    }

    .shape6 {
        right: 35%;
    }

        .shape6 img {
            max-width: 20px;
        }

    .shape5 {
        top: 3%;
        left: 23%;
    }

        .shape5 img {
            max-width: 100px;
        }

    .shape4 {
        top: 5%;
        left: 20px;
    }

        .shape4 img {
            max-width: 40px;
        }

    .shape8 img {
        max-width: 100px;
    }

    .shape9 img {
        max-width: 110px;
    }

    .shape10 {
        bottom: 60px;
    }

    .shape11 {
        bottom: 20px;
    }

        .shape10 img, .shape11 img {
            max-width: 80px;
        }

    .shape17 img {
        max-width: 100px;
    }

    .shape13 img, .shape16 img {
        max-width: 60px;
    }

    .shape16 {
        left: 40%;
        bottom: 10%;
    }

    .shape15 img, .shape14 img {
        max-width: 120px;
    }

    .shape12 img {
        max-width: 90px;
    }

    .ol-shape4,
    .ol-shape7 {
        display: none;
    }

    .shape18 {
        top: 7%;
    }

    .shape19 {
        bottom: 4%;
    }

    .shape21 {
        bottom: 3%;
    }

    .shape26 {
        bottom: 4%;
    }

    .shape25 {
        right: 3%;
        bottom: 30%;
    }

    .shape18 img, .shape21 img {
        max-width: 60px;
    }

    .shape19 img, .shape20 img {
        max-width: 80px;
    }

    .border-shape::before {
        left: 5%;
        right: 5%;
        border: 8px solid #fff;
    }

    .banner-content h2 {
        font-size: 38px;
    }

    .banner-content2 h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .banner-content3 h2 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .banner-content p,
    .banner-content2 p,
    .banner-content3 p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .why-choose-img {
        top: 40px;
        max-width: 240px;
        margin: 0 auto;
    }

    .carousel-control-next, .carousel-control-prev {
        font-size: 16px;
        height: 40px;
        width: 40px;
    }

    .box-counter img {
        max-width: 50px;
    }

    .custome-checkbox .form-check-label {
        font-size: 14px;
    }

    .page-title h1 {
        font-size: 24px;
        margin: 0;
    }

    .nav-tabs li.nav-item {
        margin-right: 0;
    }

        .nav-tabs li.nav-item a {
            padding: 5px;
        }

    .nav-tabs [class*="pr-"] {
        display: inline-block;
        margin: 0 5px 0 0;
        vertical-align: middle;
    }

    .accordion .card-body {
        padding: 0 10px;
    }

    .accordion .card-header a {
        padding: 15px 4px 15px 40px;
        font-size: 14px;
        line-height: 24px;
    }

        .accordion .card-header a::after {
            left: 15px;
            top: 16px;
        }

    .countdown-box .countdown,
    .countdown-box::before {
        font-size: 30px;
    }

    .countdown-content::before {
        font-size: 28px;
        top: 12px;
    }

    .countdown-time .cd-text {
        font-size: 14px;
    }

    .post-navigation span {
        font-size: 14px;
    }

    .box-icon img {
        max-width: 40px;
    }

    .single-menu-product .menu-product-img::after {
        width: 70px;
        height: 70px;
    }

    .top-header .custome-dropdown .ddChild {
        min-width: 100%;
    }

    .newsletter-form input, .newsletter-form input:focus {
        padding: 15px 130px 15px 20px;
    }

    .newsletter-form button {
        right: 6px;
        top: 5px;
        padding: 10px 20px;
    }

    .newslatter-wrap {
        margin-top: 30px;
    }

    .tags a {
        padding: 7px 12px;
    }

    .border-bottom-dash > li {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }

    .widget-categories a {
        font-size: 14px;
    }

    .widget-categories ul li, .widget-archive ul li {
        padding-bottom: 5px;
    }

    .author-img img {
        max-width: 50px;
    }

    .comment-info.reply {
        margin-left: 40px;
    }

    .single-post .blog-post-footer {
        padding: 20px 0;
    }

    .author-intro {
        margin-bottom: 5px;
    }

    .author-block {
        padding: 15px;
    }

    .author-img {
        padding-right: 15px;
    }

    .post-navigation a {
        padding: 6px 12px;
    }

    .single-post .post-navigation {
        margin: 20px 0;
    }

    .related-post, .comment-area, .comment-form {
        margin-top: 20px;
    }

    .posts-title * {
        margin-bottom: 15px;
    }

    .content-info {
        padding: 15px;
    }

    .newsletter-form .form-control {
        height: 50px;
        font-size: 14px;
        padding: 10px 20px;
    }

    .newsletter-form .btn {
        padding: 10px 20px 10px 15px;
    }

    .sidebar-menu {
        width: 280px;
        right: -280px;
    }

    .testimonial-style3 .testi-desc::before {
        top: -10px;
        font-size: 70px;
    }

    .testimonial-img {
        margin-right: 10px;
    }

    .tab-style1 .nav-tabs .nav-item {
        margin-right: 0px;
    }

    .tab-style1 .nav-tabs li.nav-item a {
        font-size: 13px;
    }

    .comment-img img {
        max-width: 60px;
    }

    .children-comment {
        padding-left: 30px;
    }

    .comment-block {
        padding-left: 75px;
    }

    .comment-date::before {
        margin: 0 7px;
    }

    .list-view .product-img {
        float: none;
        width: 100%;
    }

    .list-view .product-action-box li {
        margin: 0 5px 0 0;
    }

    .pagination li {
        margin-right: 5px;
    }

    .pagination .page-item a, .page-item.disabled .page-link {
        height: 34px;
        width: 34px;
        line-height: 34px;
        font-size: 16px;
    }

        .pagination .page-item a i {
            font-size: 24px;
        }

    .work-col3 > li,
    .work-col4 > li {
        width: 100%;
    }

    .gutter-medium > li {
        padding: 0px 15px 15px 15px;
    }

    .error-txt {
        font-size: 120px;
    }

    .cs-content-box .countdown-time, .cs-content-box .newsletter-form {
        margin-bottom: 15px;
    }

    .logo-wrap img {
        max-width: 140px;
    }

    .logo-wrap {
        margin-bottom: 20px;
    }

    .grid-filter {
        margin-bottom: 15px;
    }

        .grid-filter li {
            display: block;
            margin: 3px 0;
            width: 100%;
        }

    .post-all-btn a {
        font-size: 20px;
    }

    .quote-style2::before {
        font-size: 40px;
        left: 15px;
        top: 20px;
    }

    .quote-style2 {
        padding-left: 60px;
    }

    .cta-section-small {
        padding: 20px;
    }

    .about-counter {
        padding: 10px 0;
    }

    .list-item li {
        padding: 0 10px;
    }
}

/* -------------------------------------------------
  max-width: 380px
---------------------------------------------------*/
@media only screen and (max-width: 380px) {
    .btn-borderd {
        padding: 8px 15px !important;
    }

    .navbar-brand {
        padding: 28px 0;
    }

        .navbar-brand img {
            max-width: 120px;
        }

    .light-skin .header-list li a {
        font-size: 14px;
    }

    .navbar .navbar-nav.attr-nav li {
        position: static;
    }

    .navbar-toggler {
        margin: 10px 0 0 5px;
    }

    .navbar .attr-nav li.cart-wrap .nav-link {
        padding: 22px 10px !important;
    }

        .navbar .attr-nav li.cart-wrap .nav-link i {
            font-size: 26px;
        }

    .navbar .attr-nav li .nav-link {
        padding: 21px 5px !important;
    }

    .shape4 {
        left: 10px;
    }

    .shape5 img {
        max-width: 80px;
    }

    .shape7 img {
        max-width: 70px;
    }

    .shape9 {
        display: none;
    }

    .shape15 {
        right: -10%;
        bottom: 5%;
    }

    .cart-count {
        top: 14px;
    }

    .border-list::before {
        content: normal;
    }

    .btn-login li a {
        padding: 7px 15px;
    }

    .countdown-box .countdown {
        font-size: 26px;
    }

    .countdown-box::before {
        font-size: 22px;
    }

    .countdown-time .cd-text {
        font-size: 12px;
    }

    .comment-content .comment-reply {
        padding: 2px 8px;
    }

    .user-img img {
        max-width: 40px;
    }

    .comment-info.reply {
        margin-left: 20px;
    }

    .content-title {
        font-size: 16px;
    }

    .border-list li::before {
        content: normal;
    }

    .banner-content h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .banner-content2 h2 {
        font-size: 22px;
    }

    .banner-img {
        max-width: 165px;
    }

    .banner-text p {
        font-size: 14px;
    }

    .comment-time {
        display: block;
    }

        .comment-time::before {
            content: normal;
        }

    .comment-content {
        padding-left: 15px;
    }

    .comment-list > li.comment-info {
        padding: 15px 0;
    }

    .children-comment {
        padding-top: 15px;
        margin-top: 15px;
    }

    .meta-data {
        margin-bottom: 5px;
    }

        .meta-data h5 {
            margin-bottom: 5px;
        }

    .cart-extra {
        display: block;
    }

    .quantity {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .shop-cart-table tfoot .btn + .btn {
        margin-left: 0;
        margin-top: 10px;
    }

    .shop-cart-table tfoot .btn {
        display: block;
        width: 100%;
    }

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

        .login-footer > a {
            float: none;
        }

    .breadcrumb li a, .breadcrumb li {
        font-size: 14px;
    }

    .children-comment {
        padding-left: 20px;
    }

    .comment-time {
        font-size: 12px;
    }
}

@media (min-width:200px) and (max-width:767px) {

    .crown-president .col-md-3 {
        max-width: 50%;
        text-align: center;
    }

    .first-crown-banner {
        padding: 100px 0px;
    }

    .details-blog {
        margin-top: -80px;
    }

    .second-crown-banner {
        padding: 100px;
    }

    .blog-recent-txt {
        margin-top: 20px;
    }
}