@media only screen and (max-width:768px) {



.home {
    
    background-size: 100% 100%;
}


#search-resp-list {
    max-height: 400px;
    overflow-y: auto;
    position: absolute;
    top: 142px;
    left: 15px;
    z-index: 99999;
    background: #fff;
    width: 91.2%;
}


.search-results .search-item-title {
    color: #000;
    font-size: 12px;
    display: block;
    padding-top: -7px;
}


.shop_by_cat_menu .nav>li>a {
    position: relative;
    display: block;
    padding: 6px 11px;
    font-size: 15px;
}


.menu-sec .navbar {
    position: relative;
    min-height: 1px;
}

.banner-slider{
	margin-top: 10px;
}


.top_menu_container{
    margin: 6px 0px;
    background:none!important;
}


	.top-sec {display: none;}
	.top-right {text-align: left;}
	.top-right li {margin-left:2px;}
	.top-right li a {font-size:10px;}
	.top-icon li a{font-size: 12px;}
	.header-sec{padding: 0px;}
	.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;
	}
.cart-checkout .table > tbody > tr > td.product-thumbnail {
    float: left;
    width: auto;
    padding-left: 0px;
}
.cart-checkout .cart_table{box-shadow:none;}
.cart-checkout .cart_table .table-responsive{border:none;}
.cart-checkout .table > tbody > tr > td {
    padding: 0px 0px 5px 110px; border:none; font-size: 13px; white-space: initial;
}
.cart-checkout .order_checkout{padding: 0px;}
.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 0px 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:49%;padding-top:6px;background: none;}

	.menu-sec .navbar-toggle {margin-top: 1px;margin-right: 0px;margin-bottom: 0;border-radius: 0;border: 1px solid #fff;padding: 8px;position: absolute;right: -2px;top: -3px;}
	
	.menu-sec {}
	
	.menu-sec .navbar-nav {float: left;padding:12px;width: 100%;}
	.menu-sec .navbar-inverse .navbar-nav > li > a {font-size: 12px;padding: 8px 0px;border-bottom: 1px solid #2e3335;color: #fff;background: none!important;}
	.menu-sec .navbar-nav { margin: 0;}
	.menu-sec .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #484444;}


	.menu-sec .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #2f2a2a;
}



.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #000;
    background-color: transparent;
}


	.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 0px;}
	.happarel-sec {padding: 40px 0px;}
	.center-text h3 {font-size: 30px;}
	.center-text p {font-size:12px;}
	.center-text h3::before {top: 16px;left: 12%;width: 38px;}
	.center-text h3::after {top: 16px;right: 12%;width: 38px;}
	.center-text {margin-bottom: 30px;}
	.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 0px;}
	.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 0px;}
	.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 0px;}
	.happarel-sec.toys{padding:30px 0px;}
	.hemail .form-control{width:100%;}
	.hemail li h4{font-size:14px;}
	.footer-sec {padding: 30px 0px;}
	.footer-link .media-body a{font-size:12px;}
	.footer-link .media-body p{font-size:12px;}
	.footer-link .media-left, .media > .pull-left{margin-right:15px;}
	.copy-sec{padding-top:20px;}
	.copy-sec li{font-size:10px;}
	.copy-sec li a{font-size:10px;}
	.affix{padding:0px 15px;}
	.hbottom.affix .menu-sec {border-top: none;}
	.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 0px;}
	.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: 15px;}
	.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: 14px;}
	.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: .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;}
			
	}

	@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: 0px;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 0px;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:0px 15px;}
	.hbottom.affix .menu-sec .srch-btn{margin-bottom:10px;}
	.close-srch-btn{margin-left:0px;margin-top:10px;}
	.hbottom.affix .close-srch-btn{margin-left:0px;padding: 8px 0px;}
	.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 0px;}
	.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 0px;}
	.happarel-sec.bag-bg{padding:40px 0px;}
	.celebrate-sec{padding:40px 0px;}
	.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: 0px 0px;}
	.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 0px;}
	.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 0px 40px 0px;}
	.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;}
	}