@media only screen and (max-width: 768px) {
    .dt-pg-item {
    width: 100%;
    margin-bottom: 15px;
}
.liboxss li{font-size: 13px; line-height: 17px; min-height: 81px;}
    .navbar-brand > img {
    width: 110px;
    margin-top: 0px;
    margin-left:20px;
}
    .navbar-brand {
        padding: 0;
        float: none;
        display: inline-block;
        height: auto;
    }
    .happarel-sec button.owl-next{right: 10px;}
    .happarel-sec button.owl-prev{left: 10px;}
    .top-right li:nth-child(2) {
        display: none;
    }
    #navigation.small-screen #menu-button {
        display: block;
        padding: 0;
        color: #000;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        border-top: 0;
        margin-top: 0;
        width: 20px;
        position: absolute;
        right: 10px;
        height: 20px;
        top: -40px;
    }
    .htop {
        border-bottom: 2px solid #484444;
        padding-bottom: 10px;
        margin-bottom: 8px;
    }
    .srch-btn img {
        display: block;
    }
    .top-sec {
      
    }
    .top-sec .close-btn{display:none;}
    .top-right {
        text-align: left;
    }
    .top-right li {
        margin-left: 2px; margin-right: 17px;
    }
    .bradcurmb-sec .breadcrumb li a{font-size: 16px;}
    .top-right li a {
        font-size: 14px; font-weight: 600;
    }
    .top-icon li a {
        font-size: 12px;
    }
    .header-sec {
        padding: 0;
    }
    .top-right li .btn.btn-info.btn-lg {
        font-size: 10px;
    }
    .cart-checkout .thead-default {
        display: none;
    }
    .cart-checkout .table > tbody > tr > td.cart-subtotal {
        display: none;
    }
    .sidebar {
        position: fixed;
        z-index: 99999999;
        display: block;
        transition: 0.7s;
        left: -305px;
        background: #fff;
        top: 0;
        overflow-y: scroll;
        height: 100%;
        padding: 5px 15px;
        box-shadow: #ccc 1px 5px 5px;
        width: 300px;
    }
    #filter{
        padding-right:15px;
    }
    .sidebar.opfixed {
        left: 0;
    }
    .lmoreblock {
        width: 100%;
    }
    .scls-btn {
        display: block;
        background: #f80000;
        color: #fff;
        border: 0;
        font-weight: 600;
        font-size: 30px;
        position: absolute;
        right: 5px;
        top: 2px;
        padding: 5px 16px 10px;
    }
    .selec-sec .mfilt-btn {
        display: inline-block;
        float: none;
    }
    .selec-sec .form_filter {
        display: none;
    }
    .wshmodel .modal-dialog {
        width: 94%;
    }
    .cart-checkout .table > tbody > tr > td.product-thumbnail {
        float: left;
        width: auto;
        padding-left: 0;
    }
    .cart-checkout .cart_table {
        box-shadow: none;
    }
    .cart-checkout .cart_table .table-responsive {
        border: 0;
    }
    .cart-checkout .table > tbody > tr > td {
        padding: 0 0 5px 110px;
        border: 0;
        font-size: 13px;
        white-space: initial;
    }
    .cart-checkout .order_checkout {
        padding: 0;
    }
    .cart-checkout .order_checkout table tr th {
        font-size: 17px;
    }
    .cart-checkout .order_checkout .table > tbody > tr > td {
        padding: 5px 10px;
    }
    .cart-checkout .direct_transfer p {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .hemail li:last-child {
        float: left;
        margin: 0;
    }
    .hemail .btn.btn-default {
        padding: 8px 10px;
    }
    .cart-checkout .product-thumbnail img {
        width: 90px;
    }
    .cart-checkout .table tbody td {
        display: block;
    }
    .cart-checkout .table-striped > tbody > tr {
        padding: 7px 0 3px;
        display: block;
        width: 100%;
        clear: both;
        border-bottom: #eaeaea 1px solid;
    }
    .top-right li a img {
        margin-right: 6px;
        margin-top: -2px;
        width: 12px;
    }
    .menu-sec .navbar-brand img {
        width: 70%;
        padding-top: 6px;
    }
    .menu-sec .navbar-toggle {
        margin-top: 9px;
        margin-right: 0;
        margin-bottom: 0;
        border-radius: 0;
        border: 1px solid #fff;
        padding: 8px;
    }
    .menu-sec {
        border-top: 2px solid #484444;
    }
    .menu-sec .navbar-nav {
        float: left;
        padding: 0;
        width: 100%;
    }
    .menu-sec .navbar-inverse .navbar-nav > li > a {
        font-size: 12px;
        padding: 8px 0;
        border-bottom: 1px solid #53575a;
    }
    .menu-sec .navbar-nav {
        margin: 0;
    }
    .menu-sec .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #484444;
    }
    .srch-btn {
        margin-top: 10px;
        margin-left: 0;
        display: none;
    }
    .banner-slider .carousel-indicators {
        display: none;
    }
    .menu-sec #myNavbar .dropdown-menu > li > a {
        color: #fff;
        font-size: 14px;
        padding-left: 12px;
    }
    .close-srch-btn {
        margin-top: 10px;
        margin-left: 0;
    }
    .banner-slider .carousel-caption a {
        border: 2px solid #fff;
        padding: 6px 6px;
        font-size: 12px;
    }
    .banner-slider .carousel-caption {
        bottom: 10%;
    }
    .banner-slider .carousel-control {
        bottom: 38%;
        opacity: 1;
    }
    .banner-slider .carousel-control i {
        width: 34px;
        height: 34px;
        padding: 5px 0;
    }
    .happarel-sec {
        padding: 25px 0 40px;
    }
    .center-text h3 {
        font-size: 25px;
        text-align:center;
        border-bottom:0px;
        padding-bottom:0px;
    }
    .yt-sec {
    padding: 50px 0 30px;
}

.section-heading {
    text-align: center;
    margin-bottom: 35px;
}
.section-heading h2 {
    font-size: 30px;
    
}
.big-title {
    font-size: 30px;
}
.main-title-box {
    margin-bottom: 15px;
}
.news-section {
    padding: 40px 0 30px;
}
/*    .footer-logo img {*/
/*    max-width: 100px;*/
/*    margin-bottom: 25px;*/
/*}*/
    .center-text p {
        font-size: 12px;
    }
    .center-text h3::before {
        top: 16px;
        left: -3%;
        width: 38px;
    }
    
    .ftn-logo img {
    width: 30%;
    border-radius: 8px;
}
    .center-text h3::after {
        top: 16px;
        right: -3%;
        width: 38px;
    }
    .happarel-sec .center-text {
        margin-bottom: 10px;
    }
    .slid-colm-text a {
        font-size: 14px;
    }
    .slid-colm-text {
        padding: 30px;
    }
    .happarel-sec .owl-nav button {
        width: 30px;
        height: 30px;
        font-size: 20px !important;
    }
    #simple_arc span {
        font-size: 20px;
    }
    .makeover-text-img img {
        margin-top: -8px;
        width: 26%;
    }
    #simple_arc::before {
        display: none;
    }
    #simple_arc::after {
        display: none;
    }
    .makeover-text-img a {
        font-size: 10px;
        letter-spacing: 2px;
    }
    .makeover-right h2 {
        font-size: 30px;
    }
    .makeover-right h2 span {
        line-height: 34px;
    }
    .makeover-right {
        margin-top: 40px;
    }
    .makeover-right a {
        font-size: 10px;
        letter-spacing: 2px;
    }
    .makeover-bottom {
        margin-top: 30px;
    }
    .makeover-bottom li {
        width: 25%;
    }
    .makeover-bottom li a {
        font-size: 10px;
    }
    .happarel-sec.bag-bg {
        padding: 40px 0;
    }
    .happarel-sec.bag-bg .center-text h3::before {
        top: 16px;
        left: 12%;
        width: 38px;
    }
    .happarel-sec.bag-bg .center-text h3::after {
        top: 16px;
        right: 12%;
        width: 38px;
    }
    .celebrate-left h2 {
        font-size: 30px;
    }
    .celebrate-left p {
        font-size: 30px;
        line-height: 30px;
    }
    .celebrate-left h3 {
        font-size: 20px;
    }
    .celebrate-sec {
        padding: 40px 0;
    }
    .celebrate-left {
        padding-top: 0;
    }
    .celebrate-left a {
        font-size: 10px;
    }
    .celebrate-right {
        margin-top: 30px;
    }
    .celebrate-right-img-text h2 {
        font-size: 30px;
    }
    .celebrate-right-img-text a {
        font-size: 10px;
        letter-spacing: 1px;
    }
    .recently-sec .center-text h3::before {
        top: 16px;
        left: 2%;
        width: 22px;
    }
    .recently-sec .center-text h3::after {
        top: 16px;
        right: 2%;
        width: 22px;
    }
    .recently-sec .carousel-control span {
        width: 30px;
        height: 30px;
        font-size: 20px;
        padding: 0;
    }
    .happarel-sec.toys {
        padding: 0px 0px 30px;
    }
    .hemail .form-control {
        width: 100%;
    }
    .hemail li h4 {
        font-size: 14px;
    }
    .footer-sec {
        padding: 30px 0;
    }
    .footer-link .media-body a {
        font-size: 14px;
    }
    .footer-link .media-body p {
        font-size: 14px;
    }
    .footer-link .media-left,
    .media > .pull-left {
        padding-right: 15px;
    }
    .copy-sec {
        padding-top: 20px;
    }
    .copy-sec li {
        font-size: 14px;
    }
    .copy-sec li a {
        font-size: 14px;
    }
    .affix {
        padding: 0 15px;
    }
    .hbottom.affix .menu-sec {
        border-top: 0;
    }
    .hbottom.affix .menu-sec .srch-btn {
        margin-bottom: 10px;
    }
    .top-right li a .badge {
        font-size: 10px;
        margin-top: -16px;
        width: 16px;
        height: 16px;
        padding: 3px 0;
    }
    .menu-sec .navbar-inverse .navbar-nav > li > a::before {
        display: none;
    }
    .recently-sec .carousel-caption .viewall {
        font-size: 12px;
        margin-top: -351px;
    }
    .recently-sec .carousel-control.left {
        left: 18%;
    }
    .recently-sec .carousel-control.right {
        right: 18%;
    }
    .detail-sec .col-xs-2.pagerSlider.pagerVertical {
        padding-right: 0;
    }
    .b-detail__main-info-images-small-one {
        width: 43px !important;
    }
    .detail-right {
        margin-top: 30px;
    }
    .recently-sec {
        display: none;
    }
    .redio-btn {
        width: 70%;
    }
    .redio-btn li .checkbox,
    .radio {
        margin-bottom: 8px;
    }
    .redio-btn .input-group {
        width: 58%;
    }
    .enter-code .input-group {
        width: 234px;
    }
    .add-cart {
        font-size: 12px;
        width: 49%;
    }
    .buynow-btn {
        font-size: 12px;
        width: 48%;
    }
    .acrodation-sec .accordion {
        font-size: 16px;
        padding: 10px;
    }
    .selec-sec {
        margin-top: 5px;
        text-align: right;
        /*border-bottom: #ccc 2px solid;*/
    }
    .add-by-btn .add-cart {
        padding: 7px 18px;
        width: auto;
    }
    .add-by-btn .buynow-btn {
        padding: 7px 18px;
        width: auto;
    }
    .accordion-sec {
        padding: 14px 0 0 0;
    }
    #detail_carousel2.flexslider {
        overflow: hidden;
    }
    .list-colm {
        margin-bottom: 30px;
    }
    .view-cart-vis {
        width: 22%;
        /*top: 0;*/
    }
    .hemail li:last-child {
        float: left;
        margin: 0;
    }
    .list-right-text a {
        font-size: 17px; margin-bottom: 9px;
    }
    .enter-code p {
    font-size: 14px;
    color: #595959; margin-top: 8px;
}
    .list-right-text smail {
    font-size: 16px;
}
.header-sec .dropdown.default-dropdown.open > .custom-menu{transform: none;}
.header-sec .dropdown.default-dropdown > .custom-menu{left:0px;}
    .contact-left {
        margin-bottom: 20px;
    }
    .blog-right .media-left,
    .media > .pull-left {
        padding-right: 0;
        display: block;
        margin-bottom: 20px;
    }
    .blog-right .media-left.media-middle img {
        width: 100% !important;
    }
    .blog-right .media-body h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .blog-right .media {
        margin-top: 30px;
    }
    .blog-detail-right {
        margin-top: 30px;
    }
    .blog-detail-right h4 {
        font-size: 18px;
        line-height: 24px;
    }
    table#cart tbody td .form-control {
        width: 20%;
        display: inline !important;
    }
    .actions .btn {
        margin: 1.5em 0;
    }
    .actions .btn-info {
        float: left;
    }
    .actions .btn-danger {
        float: right;
    }
    table#cart thead {
        display: none;
    }
    table#cart tbody td {
        display: block;
        padding: 0.6rem;
        min-width: 320px;
    }
    table#cart tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 8rem;
    }
    table#cart tfoot td {
        display: block;
    }
    table#cart tfoot td .btn {
        display: block;
    }
    .feat-right {
        width: calc(100% - 98px);
        width: -o-calc(100% - 98px);
        width: -moz-calc(100% - 98px);
        width: -webkit-calc(100% - 98px);
    }
    .cart_table table,
    .cart_table table tr td,
    .cart_table table tr,
    .cart_table table tbody {
        display: block;
    }
    .cart_table thead.thead-default {
        display: none;
    }
    .cart_table table tr td {
        border: 1px solid #ddd;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-width: 1px 0 0;
        width: 100%;
        padding: 10px 10px 10px 160px;
        position: relative;
    }
    .cart_table table tr td strong {
        position: absolute;
        left: 30px;
        font-size: 15px;
        top: 10px;
    }
    button.dlt-btn {
        margin-right: 0;
    }
    .right-deshboard .panel-default .panel-body {
        padding: 20px;
        padding-top: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .top-text p {
        font-size: 10px;
    }
    .top-right li {
        margin-left: 15px;
    }
    .menu-sec .navbar-toggle {
        margin-top: 5px;
        margin-right: 0;
        margin-bottom: 0;
        border-radius: 0;
        border: 1px solid #fff;
        padding: 8px;
    }
    .menu-sec .navbar-nav > li {
        float: unset;
        display: block;
    }
    .menu-sec .navbar-header {
        float: none;
        margin-bottom: 10px;
    }
    .menu-sec .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .menu-sec .navbar-toggle {
        display: block;
    }
    .menu-sec .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: none;
    }
    .menu-sec .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .menu-sec .navbar-collapse.collapse {
        display: none !important;
    }
    .menu-sec .navbar-nav {
        float: none !important;
        padding: 0;
    }
    .menu-sec .navbar-nav > li {
        float: none;
    }
    .menu-sec .collapse.in {
        display: block !important;
        z-index: 999999999;
    }
    .menu-sec .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #484444;
    }
    .menu-sec .navbar-inverse .navbar-nav > li > a {
        font-size: 12px;
        padding: 8px 0;
        border-bottom: 1px solid #53575a;
    }
    .menu-sec .navbar-inverse {
        padding: 0;
        z-index: 999;
    }
    .menu-sec .navbar-nav > li::before {
        display: none;
    }
    .menu-sec .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background: #000;
    }
    .srch-btn {
        margin-top: 7px;
        margin-left: 0;
    }
    .affix {
        padding: 0 15px;
    }
    .hbottom.affix .menu-sec .srch-btn {
        margin-bottom: 10px;
    }
    .close-srch-btn {
        margin-left: 0;
        margin-top: 10px;
    }
    .hbottom.affix .close-srch-btn {
        margin-left: 0;
        padding: 8px 0;
    }
    .banner-slider .carousel-caption a {
        border: 2px solid #fff;
        padding: 8px 12px;
        text-decoration: none;
        font-size: 15px;
    }
    .banner-slider .carousel-caption {
        bottom: 15%;
    }
    .happarel-sec {
        padding: 40px 0;
    }
    .center-text h3 {
        font-size: 35px;
    }
    .center-text h3::before {
        top: 19px;
        left: 24%;
    }
    .center-text h3::after {
        top: 19px;
        right: 24%;
    }
    .slid-colm-text {
        padding: 30px;
    }
    .happarel-sec .owl-nav button {
        width: 30px;
        height: 30px;
        color: #595959 !important;
        font-size: 18px !important;
    }
    .banner-slider .carousel-control {
        bottom: 40%;
        opacity: 1;
    }
    #simple_arc span {
        font-size: 20px;
    }
    .makeover-text-img img {
        margin-top: -8px;
        width: 26%;
    }
    #simple_arc::before {
        display: none;
    }
    #simple_arc::after {
        display: none;
    }
    .makeover-text-img a {
        font-size: 10px;
    }
    .makeover-right h2 {
        font-size: 30px;
    }
    .makeover-right h2 span {
        line-height: 35px;
    }
    .makeover-sec .makeover-bottom li {
        width: 26%;
    }
    .makeover-bottom {
        margin-top: 20px;
    }
    .makeover-right {
        margin-top: 40px;
    }
    .happarel-sec.bag-bg .center-text h3::before {
        top: 18px;
        left: 28%;
    }
    .happarel-sec.bag-bg .center-text h3::after {
        top: 18px;
        right: 28%;
    }
    .makeover-sec .makeover-sec {
        padding: 40px 0;
    }
    .happarel-sec.bag-bg {
        padding: 40px 0;
    }
    .celebrate-sec {
        padding: 40px 0;
    }
    .celebrate-left h2 {
        font-size: 30px;
    }
    .celebrate-left p {
        font-size: 30px;
        line-height: 30px;
    }
    .celebrate-left h3 {
        font-size: 22px;
    }
    .celebrate-right-img-text h2 {
        font-size: 30px;
    }
    .celebrate-right-img-text a {
        font-size: 10px;
    }
    .celebrate-left a {
        font-size: 10px;
    }
    .recently-sec .center-text h3::before {
        left: 16%;
        top: 18px;
    }
    .recently-sec .center-text h3::after {
        right: 16%;
        top: 18px;
    }
    .recently-sec .makeover-bottom li a {
        font-size: 10px;
    }
    .recently-sec .makeover-bottom li {
        width: 20%;
    }
    .recently-sec .carousel-control span {
        width: 30px;
        height: 30px;
        font-size: 22px;
        padding: 0;
    }
    .recently-sec .center-text {
        margin-bottom: 40px;
    }
    .recently-sec .carousel-control.left {
        left: 34%;
    }
    .recently-sec .carousel-control.right {
        right: 34%;
    }
    .recently-sec .carousel-control {
        bottom: 2%;
    }
    .slid-colm-text a {
        font-size: 12px;
    }
    .happarel-sec.toys {
        padding: 40px 0;
    }
    .footer-logo p {
        font-size: 12px;
    }
    .footer-link li a {
        font-size: 12px;
    }
    .footer-link .media-left,
    .media > .pull-left {
        padding-right: 14px;
    }
    .footer-link .media-body a {
        font-size: 11px;
    }
    .footer-link .media-body h5 {
        font-size: 12px;
        margin-bottom: 2px;
    }
    .footer-link .media-body p {
        font-size: 11px;
    }
    .ftr-pay {
        margin-top: 26px;
    }
    .footer-sec {
        padding: 40px 0 40px 0;
    }
    .menu-sec .navbar-inverse .navbar-nav > li > a::before {
        display: none;
    }
    .detail-sec .col-xs-2.pagerSlider.pagerVertical {
        padding-right: 0;
    }
    .b-detail__main-info-images-small-one {
        width: 42px !important;
    }
    .redio-btn {
        width: 72%;
    }
    .enter-code .input-group {
        width: 253px;
    }
    .add-cart {
        width: 49%;
        font-size: 16px;
    }
    .buynow-btn {
        width: 49%;
        font-size: 16px;
    }
    .acrodation-sec .accordion {
        font-size: 16px;
    }
    .redio-btn .input-group {
        width: 50%;
    }
    .view-cart-vis {
        top: 0;
    }
    .list-right-text a {
        font-size: 14px;
    }
    .blog-right .media-left,
    .media > .pull-left {
        padding-right: 0;
        display: block;
        margin-bottom: 20px;
    }
    .blog-right .media-left.media-middle img {
        width: 100% !important;
    }
    .blog-right .media-body h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .cart-sec .table-condensed > tbody > tr > td,
    .table-condensed > tbody > tr > th,
    .table-condensed > tfoot > tr > td,
    .table-condensed > tfoot > tr > th,
    .table-condensed > thead > tr > td,
    .table-condensed > thead > tr > th {
        padding: 8px;
    }
    .recently-absolute {
        top: 2%;
    }
    .recently-colm a {
        font-size: 14px;
    }
    .recently-sec .owl-prev {
        width: 30px;
        height: 30px;
    }
    .recently-sec .owl-next {
        width: 30px;
        height: 30px;
    }
    .recently-sec .owl-nav {
        margin-top: -15px;
    }
    .rec-all {
        margin-top: -14px;
    }
    .recently-sec .rec-all a {
        font-size: 12px;
    }
}