/* =====================================
Template Name: Eshop
Author Name: Naimur Rahman
Author URI: http://www.wpthemesgrid.com/
Description: Eshop - eCommerce HTML5 Template.
Version:1.0
========================================*/
/* Tablet Screen */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section{
	padding:50px 0px;
}
.shop.single {
	padding: 30px 0 50px 0;
}
.section-title {
	margin-bottom: 50px;
	padding: 0px 109px;
}
.section-title h2 {
	font-size: 26px;
	margin-bottom: 20px;
}
.section-title p {
	font-size: 13px;
}
.shop-services.section {
	padding: 45px 0 0px 0;
}
.breadcrumbs {
	padding: 20px 0;
}
.blog-single.grid .pagination{
	float:none;
	text-align:center;
}
.header.shop .topbar .top-left{
	text-align:center;
}
.header.shop .topbar .right-content {
	text-align: center;
	float: none;
	margin-top: 8px;
}
.header.shop .right-bar .sinlge-bar .single-icon {
	font-size: 18px;
}
.header .shopping .shopping-item {
	top: 62px;
}
.header .shopping .dropdown-cart-header a {
	font-size: 12px;
}
.header .shopping .dropdown-cart-header span {
	font-size: 12px;
}
.header .shopping-list h4 a {
	font-weight: 500;
	font-size: 13px;
}
.header .shopping-item .total span {
	font-size: 12px;
	font-weight: 500;
}
.header .shopping-item .total .total-amount {
	font-size: 13px;
	font-weight: 500;
}
.header .shopping-item .bottom .btn {
	padding: 8px 20px;
}
.header.shop .search-bar {
	height: 45px;
}
.header.shop .nice-select {
	height: 44px;
	line-height: 44px;
	font-size: 13px;
}
.header.shop .nice-select .list li {
	font-size: 13px;
}
.header.shop .search-bar .btnn {
	height: 45px;
	line-height: 45px;
	font-size: 14px;
}
.header.shop .search-bar {
	width: 445px;
}
.header.shop .search-bar input {
	padding: 0 52px 0 20px;
	width: 264px;
	height: auto;
	font-size: 13px;
}
.header.shop .all-category {
	display: none;
}
.navbar-nav {
	display: inline-block !important;
}
.header.shop .nav li {
	display:inline-block;
	margin-right:2px;
}
.header.shop .nav li a {
	font-size: 14px;
	padding: 15px 15px;
}
.header .nav li a i {
	font-size: 8px;
}
.header.shop .nav li .new {
	font-size: 8px;
	left: 21px;
	top: 0px;
	font-weight: 500;
	height: 16px;
	line-height: 16px;
}
.header.shop .nav .dropdown li {
	display:block;
}
.hero-slider {
	height: 416px;
}
.hero-slider .hero-text {
	margin-top: 80px;
}
.hero-slider .hero-text h1 {
	font-size: 35px;
	margin-bottom: 5px;
}
.hero-slider .hero-text h1 span {
	font-size: 17px;
	margin-bottom: 0;
}
.hero-slider .hero-text .btn {
	padding: 12px 30px;
}
.hero-area2 .single-slider {
	height: 400px;
}
.hero-area2 .single-slider .content{
	padding:90px 0px 0px 0px;
}
.hero-area2 .single-slider .content .sub-title {
	font-size: 14px;
}
.hero-area2 .single-slider .content .title {
	font-size: 17px;
	margin-top: 7px;
	margin-bottom: 12px;
}
.hero-area2 .single-slider .content .des {
	color: #fff;
	line-height: 20px;
}
.hero-area2 .single-slider .content .button .btn {
	padding: 7px 18px;
	margin-top: 22px;
	font-size: 12px;
}
.hero-area3 .big-content {
	height: 400px;
	margin-top: 16px;
}
.hero-area3 .big-content .title {
	font-size: 25px;
	margin-bottom: 12px;
	line-height: 35px;
}
.hero-area3 .big-content .button {
	margin-top: 30px;
	display: block;
}
.hero-area3 .big-content .button .btn {
	color: #fff;
	padding: 10px 24px;
}
.hero-area3 .small-content {
	margin-top: 15px;
}
.hero-area3 .small-content.first {
	width: 49%;
	display: inline-block;
	margin-right: 10px;
}
.hero-area3 .small-content.secound {
	width: 49%;
	display: inline-block;
	float: right;
}
.hero-area4 .big-content {
	height: 400px;
	margin-top: 20px;
}
.hero-area4 .big-content .inner {
	padding: 0;
	padding-right: 30px;
}
.hero-area4 .big-content .title {
	font-size: 25px;
	margin-bottom: 20px;
	line-height: 30px;
}
.hero-area4 .big-content .des {
	font-size: 13px;
}
.hero-area4 .big-content .button {
	margin-top: 30px;
}
.hero-area4 .big-content .button .btn {
	padding: 10px 20px;
}
.small-banner {
	padding: 18px 0;	
}
.small-banner .single-banner.tab-height{
	height:300px;
}
.small-banner .single-banner{
	margin-bottom: 18px;
}
.modal-dialog .quickview-slider-active{
	width:720px;
}
.quickview-content {
	padding: 40px;
}
.quickview-content .size .title {
	margin-top: 16px;
}
.midium-banner .single-banner .content {
	padding: 35px;
}
.midium-banner .single-banner h3 {
	font-size: 20px;
	line-height: 24px;
}
.midium-banner .single-banner a {
	padding: 6px 20px;
	margin-top: 15px;
}
.most-popular .single-product {
	margin: 20px 15px 0 15px;
}
.shop-home-list .shop-section-title {
	margin-top: 20px;
}
.cown-down {
	height: auto;
}
.cown-down .padding-left {
	padding: 0;
}
.cown-down .padding-right {
	padding: 0;
}
.cown-down .content {
	padding: 50px 110px;
}
.cown-down .content .heading-block{
	padding: 0;
	position: relative;
}
.shop-blog .shop-single-blog {
	margin-bottom: 30px;
}
.shop-services{
	padding:50px 0;
}
.shop-services .single-service {
	padding: 12px 0 12px 65px;
}
.shop-newsletter .newsletter-inner input {
	width: 380px;
}
.shop-blog.grid .shop-single-blog {
	margin-top:0px;
}
.main-sidebar .side-tags .tag {
	margin-top: 30px;
}
.shopping-cart .table td {
	padding: 20px;
}
.shopping-cart .qty .button .btn {
	width: 38px;
}
.shopping-cart .table .qty{
	padding:0;
}
.shopping-cart .total-amount .left .coupon form .btn {
	display: inline-block;
	height: 48px;
	margin-left: 0px;
	width: 220px;
	margin-top: 10px;
	display:block;
}
.contact-us .form-main {
	padding: 30px;
}
.contact-us .form .button .btn {
	height: auto;
	padding: 15px 22px;
}
#myMap {
	height: 300px;
	width: 100%;
}
.contact-us .single-head {
	padding: 30px;
	margin-top: 30px;
}
.about-us .about-content {
	padding: 0;
	margin-bottom: 30px;
}
.error-page .error-inner h2 {
	font-size: 100px;
}
.footer .copyright .left {
	float:none;
	text-align:center;
}
.footer .copyright .right {
	float:none;
	text-align:center;
	margin-top:10px;
}
.footer .single-footer {
	padding:20px 0;
}





}
/* Mobile Screen */
@media only screen and (max-width: 767px) {
.breadcrumbs {
	padding: 90px 0 90px;
}
.breadcrumbs h2 {
	font-size: 28px;
}
.shop.single {
	padding: 0px 0 30px 0;
}
.shop-services.section {
	padding: 40px 0 0 0;
}
.blog-single.grid .pagination{
	float:none;
	text-align:center;
	margin-top: 12px;
}
.site-header .header-bottom {
	width: 100%;
	z-index: 333;
	position: absolute;
	position: relative;
	padding-bottom: 20px;
	background: #333;
}
.slicknav_menu{
	display:block;
}
.slicknav_menu {
	display: block;
	background: transparent;
	padding: 0;
}
.slicknav_btn {
	background: transparent;
	padding: 0;
	margin: 6px 0 0;
}
.slicknav_menu .slicknav_icon-bar{
	box-shadow:none;
}
.skill-image{
	display:none;
}
.slicknav_nav {
	clear: both;
	color: #fff;
	margin: 0;
	background: transparent;
	padding-top: 15px;
}
.slicknav_nav li a{
	margin: 0;
	color: #333;
	background: transparent;
	overflow: hidden;
}
.slicknav_nav li a i{
	display:none;
}
.slicknav_nav li:hover a{
	color:#F7941D;
	background:transparent;
}
.slicknav_nav li:hover{
	background:transparent;
}
.slicknav_nav li .dropdown li:hover{
	background:transparent;
}
.slicknav_nav li .dropdown li a{
	color:#555;
	background:transparent;
}
.slicknav_nav li .dropdown li a:hover{
	color:#F7941D;
	background:transparent;
}
.slicknav_nav li .slicknav_item{
	background:transparent;
}
.slicknav_nav .slicknav_row, .slicknav_nav a {
	padding: 0;
	margin: 0;
	padding: 6px 0;
	font-weight: 500;
}
.slicknav_nav li:last-child a{
	padding-bottom:0px;
}
.slicknav_menu .slicknav_icon-bar {
	background-color: #F7941D;
	box-shadow: none;
	text-shadow: none;
}
.slicknav_nav .slicknav_arrow{
	color:#F7941D;
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 25px;
	height: 3px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.25);
	box-shadow: 0 1px 0 rgba(0,0,0,.25);
}
.slicknav_nav li .slicknav_item:hover{
	background:transparent;
}
.slicknav_nav li .new {
	display:none !important;
}
.header.shop .search-bar-top {
	display: none;
}
.header.shop .right-bar {
	display: none;
}
.header .middle-inner{
	width:100%;
}
.header.shop .logo {
	margin: 0;
}
.header .logo img {
    max-height: 30px; /* Telefonlarda logo boyutunu küçültmek için eklendi */
}
.section{
	padding:50px 0px;
}
.section-title {
	margin-bottom: 30px;
	padding: 0px 20px;
}
.section-title h2 {
	font-size: 22px;
	margin-bottom: 20px;
}
.section-title p {
	font-size: 13px;
}
.breadcrumbs {
	padding: 20px 0;
}
.header.shop .topbar .top-left{
	text-align:center;
}
.header.shop .topbar .right-content {
	text-align: center;
	float: none;
	margin-top: 8px;
}
.header.shop .search-bar {
	width: 445px;
}
.header.shop .search-bar input {
	padding: 0 52px 0 20px;
	width: 264px;
}
.header.shop .all-category {
	display: none;
}
.hero-slider {
	height: auto; /* Make height flexible */
}
#Gslider .carousel-inner{
	height: 400px;
}
#Gslider .carousel-inner .carousel-caption {
	top: 50%;
	transform: translateY(-50%);
	bottom: auto;
	text-align: center !important;
}
#Gslider .carousel-inner .carousel-caption .banner-content {
	padding: 0 10px;
}
#Gslider .carousel-inner .carousel-caption h1 {
	font-size: 26px !important;
	line-height: 1.2;
	margin-bottom: 12px;
}
#Gslider .carousel-inner .carousel-caption .banner-description,
#Gslider .carousel-inner .carousel-caption .banner-description p,
#Gslider .carousel-inner .carousel-caption .banner-description span {
	font-size: 13px !important;
	line-height: 1.4;
	margin-bottom: 15px;
}
#Gslider .carousel-inner .carousel-caption .ws-btn {
	padding: 8px 22px !important;
	font-size: 13px !important;
}
.hero-slider .hero-text {
	margin-top: 30px; /* Adjust margin for hero text */
}
.hero-slider .hero-text h1 {
	font-size: 30px;
	margin-bottom: 0px;
}
.hero-slider .hero-text h1 span {
	font-size: 15px;
	margin-bottom: 0;
}
.hero-slider .hero-text p {
	color: #333;
	margin-bottom: 28px;
}
.hero-slider .hero-text .btn {
	padding: 10px 25px;
}
.hero-area2 .single-slider {
	height: 400px;
}
.hero-area2 .single-slider .content{
	padding:90px 0px 0px 0px;
}
.hero-area2 .single-slider .content .sub-title {
	font-size: 14px;
}
.hero-area2 .single-slider .content .title {
	font-size: 17px;
	margin-top: 7px;
	margin-bottom: 12px;
}
.hero-area2 .single-slider .content .des {
	color: #fff;
	line-height: 20px;
}
.hero-area2 .single-slider .content .button .btn {
	padding: 7px 18px;
	margin-top: 22px;
	font-size: 12px;
}
.hero-area3 .big-content {
	height: 300px;
	margin-top: 16px;
}
.hero-area3 .big-content .inner {
	padding: 0 25px 0 250px;
}
.hero-area3 .big-content .title {
	font-size: 20px;
	margin-bottom: 9px;
	line-height: 27px;
}
.hero-area3 .big-content .des {
	line-height: 22px;
	font-size: 13px;
}
.hero-area3 .big-content .button {
	margin-top: 30px;
	display: block;
}
.hero-area3 .big-content .button .btn {
	padding: 8px 18px;
	font-size: 13px;
}
.hero-area3 .small-content {
	margin-top: 15px;
}
.hero-area4 .big-content {
	height: 300px;
	margin-top: 20px;
}
.hero-area4 .big-content .inner {
	padding: 0;
	padding-right: 30px;
	background: #ffffffba;
	padding: 25px;
	left: 0;
	height:100%;
}
.hero-area4 .big-content .title {
	font-size: 20px;
	margin-bottom: 12px;
	line-height: 22px;
}
.hero-area4 .big-content .des {
	font-size: 13px;
	color: #333;
	line-height: 21px;
}
.hero-area4 .big-content .button {
	margin-top: 20px;
}
.hero-area4 .big-content .button .btn {
	padding: 6px 17px;
	font-size: 12px;
}
.hero-area4 .owl-carousel .owl-nav div {
	height: 32px;
	width: 35px;
	line-height: 32px;
	font-size: 11px;
	background:#3336;
}
.hero-area4 .owl-carousel .owl-nav {
	margin-top: -16px;
}
.product-area .nav-tabs .nav-item {
	margin-bottom: 10px;
}
.product-area .nav-main .btn {
	font-size: 12px; /* Smaller font for filter buttons */
	padding: 8px 12px;
	margin-bottom: 5px; /* Add some margin for stacking */
}
.product-area .nav-main .btn.how-active1 {
	font-size: 12px; /* Smaller font for active filter button */
	padding: 8px 12px;
}
.single-product .product-content h3 a {
	font-size: 14px; /* Smaller product title */
}
.single-product .product-price span {
	font-size: 14px; /* Smaller price */
}
.single-product .product-price del {
	font-size: 12px; /* Smaller old price */
}
.small-banner {
	padding: 18px 0;
	
}
.small-banner .single-banner{
	margin-bottom: 18px;
}
.modal-dialog .quickview-slider-active{
	width:720px;
}
.quickview-content {
	padding: 40px;
}
.quickview-content .size .title {
	margin-top: 16px;
}
.midium-banner .single-banner .content {
	padding: 20px; /* Adjust padding for smaller screens */
}
.midium-banner .single-banner{
	margin-bottom:15px;
}
.midium-banner .single-banner h3 {
	font-size: 18px; /* Smaller heading */
	line-height: 22px;
}
.midium-banner .single-banner a {
	padding: 5px 15px; /* Adjust button padding */
	margin-top: 10px;
	font-size: 12px;
}
.most-popular .single-product {
	margin: 20px 15px 0 15px;
}
.shop-home-list .shop-section-title {
	margin-top: 20px;
}
.shop-home-list .single-list .content {
	padding: 15px; /* Adjust padding */
	text-align: center;
}
.shop-home-list .single-list .content .title a {
	font-size: 14px; /* Smaller title */
}
.shop-home-list .single-list .content .price {
	font-size: 14px; /* Smaller price */
}
.shop.single .product-des .short h4 {
	font-size: 20px;
	font-weight: 500;
	margin-top: 0;
	line-height: 24px;
}
.shop.single .product-des {
	margin-top: 20px;
}
.shop.single .product-des .rating {
	margin-top: 6px;
}
.shop.single .product-des .price {
	font-size: 17px;
	margin-top: 10px;
}
.shop.single .product-des .short .description {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 11px;
}
.shop.single .product-des .color h4 {
	font-size: 15px;
	font-weight: 500;
}
.shop.single .add-to-cart .btn {
	height: 42px;
	padding: 0 35px;
	margin-right: 5px;
	margin-top: 6px;
}
.shop.single .form .form-group textarea {
	height: 150px;
}
.shop.single .product-des .color ul li a {
	margin-bottom: 8px;
}
.shop.single .quantity .input-number {
	height: 42px;
}
.shop.single .nav-tabs li a {
	padding: 8px 22px;
}
.shop.single .single-des p {
	font-size: 14px;
	font-weight: 400;
}
.shop.single .single-des {
	margin-top: 18px;
}
.shop.single .single-des ul li {
	margin-bottom: 4px;
}
.shop.single .rating-des {
	padding: 17px 20px 17px 107px;
}
.shop.single .form .form-group button {
	padding: 14px 40px;
}
.cown-down {
	height: auto;
}
.cown-down .content .title {
	font-size: 22px;
}
.cown-down .padding-left {
	padding: 0;
}
.cown-down .padding-right {
	padding: 0;
}
.cown-down .content {
	padding: 30px 20px;
}
.cown-down .content .price {
	margin-top: 22px;
	font-size: 28px;
}
.cown-down .content .price s {
	font-size: 20px;
}
.cown-down .content .heading-block{
	padding: 0;
	position: relative;
}
.shop-blog .shop-single-blog {
	margin-bottom: 30px;
}
.shop-services{
	padding:30px 0; /* Adjust section padding */
}
.shop-services .single-service {
	padding: 20px 0; /* Adjust padding */
	text-align: center;
}
.shop-services .single-service i {
	font-size: 20px; /* Smaller icon */
	height: 35px;
	width: 35px;
	line-height: 35px;
	margin-left: -17.5px; /* Adjust margin for centering */
}
.shop-services .single-service h4 {
	font-size: 14px; /* Smaller heading */
}
.shop-services .single-service p {
	font-size: 12px; /* Smaller paragraph */
}
.shop-services.home {
	padding: 25px 0;
}
.shop-newsletter .newsletter-inner input {
	width: 330px;
	height: 42px;
	padding:0 20px;
	border-radius: 30px;
	margin-bottom: 10px;
	display:block;
	text-align:center;
}
.shop-blog .shop-single-blog .content {
	padding: 20px; /* Adjust padding */
}
.shop-blog .shop-single-blog .content .date {
	font-size: 11px; /* Smaller date font */
}
.shop-blog .shop-single-blog .content .title {
	font-size: 16px; /* Smaller title font */
}
.shop-blog .shop-single-blog .content .more-btn {
	font-size: 12px; /* Smaller button font */
}
.shop-blog.grid .shop-single-blog{
	margin-top:0px;
}
.blog-single .blog-title {
	font-size: 22px;
	margin: 25px 0 15px 0;
}
.blog-single blockquote {
	padding: 20px 30px 20px 65px;
}
.main-sidebar {
	padding: 25px;
}
.main-sidebar .side-tags .tag {
	margin-top: 30px;
}
.blog-single .comments .single-comment.left {
	margin-left: 0;
}
.blog-single .reply form {
	padding: 0;
	border:none;
}
.blog-single .reply .form-group {
	margin-bottom: 15px;
}
.blog-single .reply .form-group input {
	height: 42px;
}
.blog-single .reply .form-group textarea {
	height: 120px;
}
.blog-single .reply .button .btn {
	height: 45px;
	border: none;
	padding: 0px 20px;
}
.cart-information .single-info h4 {
	font-size: 14px;
}
.shopping-summery thead {
	display: none;
}
.shopping-cart .table td {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #e9ecef;
	display: block;
	height: auto;
	text-align: left !important;
	padding-left: calc(50% + 20px) !important;
	width: 100%;
	position: relative;
	padding-left: 91px;
	margin-top: 5px;
}
.shopping-cart .qty .button .btn {
	padding: 0;
	width: 35px;
}
.shopping-cart .table td::before {
	content: attr(data-title);
	display: block;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	height: 100%;
	border-bottom: 1px solid #e6ebee;
	background: #F7941D;
	color: #fff;
	border: none;
}
.shopping-cart .table td {
	vertical-align: middle;
	padding: 10px;
	border-bottom: 1px solid #eee;
}
.shopping-summery thead tr th {
	padding: 10px;
}
.shopping-cart .total-amount .right {
	padding-left: 0px;
}
.shopping-cart .total-amount .left {
	margin-bottom: 30px;
}
.shopping-cart .total-amount {
	margin-top: 30px;
}
.shopping-cart .total-amount .left .coupon form .btn {
	display: inline-block;
	height: 48px;
	margin-left: 0px;
	width: 220px;
	margin-top: 10px;
	display:block;
}
.shop.login {
	padding:50px 0;
}
.shop.login .login-form h2 {
	font-size: 30px;
	margin-bottom: 10px;
	padding-bottom: 15px;
}
.pagination .pagination-list li a {
	padding: 4px 12px;
}
.pagination .pagination-list li a {
	padding: 4px 12px;
}
.shop-list .pagination{
	float:none;
	text-align:center;
}
.shop-list .list-content {
	margin-top: 30px;
}
.shop-list .list-content .btn {
	height: auto;
	line-height: auto;
	padding: 12px 32px;
}
.single-product {
	margin-top: 30px;
}
.error-page .error-inner h2 {
	font-size: 55px;
}
.error-page .error-inner h5 {
	font-size: 16px;
	font-weight: 500;
}
.error-page .error-inner p {
	line-height: 20px;
	font-size: 14px;
	padding: 0 20px;
}
.error-page .button .btn {
	padding: 8px 20px;
}
.contact-us .form-main {
	padding: 30px;
}
.contact-us .form .button .btn {
	height: auto;
	padding: 14px 20px;
}
.contact-us .form .form-group input {
	height: 45px;
}
.contact-us .title h3 {
	font-size: 23px;
}
#myMap {
	height: 300px;
	width: 100%;
}
.contact-us .single-head {
	padding: 30px;
	margin-top: 30px;
}
.contact-us .form .form-group input {
	height: 40px;
}
.about-us .about-content {
	padding: 0;
	margin-bottom: 30px;
}
.about-us .about-content h3 {
	font-size: 25px;
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.about-us .about-content p {
	line-height: 22px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 300;
	color:#333;
}
.about-us .about-content .button {
	margin-top: 30px;
}
.about-us .about-content .button .btn {
	margin-right: 10px;
	padding: 10px 22px;
	font-size: 13px;
}
.footer .footer-top{
	padding: 15px 0px;
}
.footer .copyright .left {
	float:none;
	text-align:center;
}
.footer .copyright .right {
	float:none;
	text-align:center;
	margin-top:10px;
}
.footer .single-footer {
	padding:20px 0;
}
.modal-dialog .quickview-slider-active {
	display: none;
}
.modal-dialog .modal-content .modal-header {
	right: 15px;
	top: 12px;
}
.quickview-content {
	padding: 30px;
}
.quickview-content h2 {
	font-size: 22px;
}
.quickview-content h3 {
	font-size: 17px;
	margin: 10px 0 10px;
}
.quickview-content .quickview-peragraph p {
	line-height: 22px;
}
.quickview-content .size .title {
	margin-top:10px;
}
.modal-dialog .modal-content .modal-header .close {
	font-size: 9px;
}
.quickview-content .quantity .input-group {
	margin-bottom: 10px;
}
.quickview-content .add-to-cart .btn {
	height: 42px;
	padding: 0 25px;
	line-height: 42px;
	font-size: 12px;
}
.quickview-content .add-to-cart .btn.min {
	line-height: 41px;
}




}
/* Restore the wishlist/cart icons on mobile & tablet (was hidden entirely by
   the theme's ".right-bar{display:none}" rules) and pin them to the top
   header row next to the hamburger button, matching the desktop layout. */
@media only screen and (max-width: 991px) {
	.header.shop .middle-inner .row {
		position: relative;
	}
	/* Bootstrap's own grid CSS makes every .col-* "position:relative", so the
	   right-bar's OWN column becomes its absolute-positioning anchor instead
	   of the row - and since columns stack on mobile, that anchor sits below
	   the logo row. Pull the column itself out of the stacked flow and pin it
	   to the same top row as the logo/search/hamburger instead. */
	.header.shop .middle-inner .row > .col-lg-2.col-md-3.col-12 {
		position: absolute;
		top: 0;
		right: 0;
		width: auto;
		padding: 0;
		/* This box's own empty padding area (used below to push the icons left,
		   clear of the search icon/hamburger) must not swallow clicks meant for
		   the hamburger button underneath it - only the icons themselves should
		   be clickable. */
		pointer-events: none;
	}
	.header.shop .right-bar {
		display: inline-block !important;
		position: static;
		float: none;
		padding-top: 8px;
		padding-right: 100px;
		margin: 0;
		pointer-events: none;
	}
	.header.shop .right-bar .sinlge-bar,
	.header.shop .right-bar .sinlge-bar a {
		pointer-events: auto;
	}
	.header.shop .right-bar .sinlge-bar {
		margin-right: 14px;
	}
	.header.shop .right-bar .sinlge-bar .single-icon {
		font-size: 19px;
	}
	.header.shop .right-bar .shopping-item {
		right: 0;
		left: auto;
		pointer-events: auto;
	}
}
@media only screen and (max-width: 360px) {
	.header.shop .right-bar {
		padding-right: 88px;
	}
	.header.shop .right-bar .sinlge-bar {
		margin-right: 10px;
	}
	.header.shop .right-bar .sinlge-bar .single-icon {
		font-size: 16px;
	}
}
/* Mobile + Tablet Nav: hide the desktop menu and show only the slicknav mobile menu
   below the navbar-expand-lg breakpoint (was previously only handled up to 450px,
   leaving 451px-991px devices showing both menus at once) */
@media only screen and (max-width: 991px) {
	.header .header-inner {
		display: none;
	}
	.header .mobile-nav {
		display: block;
	}
}
@media only screen and (min-width: 992px) {
	.header .mobile-nav {
		display: none;
	}
}
/* Mobile Screen */
@media only screen and (max-width: 450px) {
.site-header.sticky .header-bottom{
	position:absolute;
	z-index:999;
	top:initial;
	left:0;
	bottom:initial;
}
.site-header .header-bottom {
	width: 100%;
	z-index: 333;
	position: absolute;
	position: relative;
	padding-bottom: 20px;
	background: #333;
}
.slicknav_menu{
	display:block;
}
.slicknav_menu {
	display: block;
	background: transparent;
	padding: 0;
}
.slicknav_btn {
	background: transparent;
	padding: 0;
	margin: 6px 0 0;
}
.slicknav_menu .slicknav_icon-bar{
	box-shadow:none;
}
.skill-image{
	display:none;
}
.slicknav_nav {
	clear: both;
	color: #fff;
	margin: 0;
	background: transparent;
	padding-top: 15px;
}
.slicknav_nav li a{
	margin: 0;
	color: #333;
	background: transparent;
	overflow: hidden;
}
.slicknav_nav li a i{
	display:none;
}
.slicknav_nav li:hover a{
	color:#F7941D;
	background:transparent;
}
.slicknav_nav li:hover{
	background:transparent;
}
.slicknav_nav li .dropdown li:hover{
	background:transparent;
}
.slicknav_nav li .dropdown li a{
	color:#555;
	background:transparent;
}
.slicknav_nav li .dropdown li a:hover{
	color:#F7941D;
	background:transparent;
}
.slicknav_nav li .slicknav_item{
	background:transparent;
}
.slicknav_nav .slicknav_row, .slicknav_nav a {
	padding: 0;
	margin: 0;
	padding: 6px 0;
	font-weight: 500;
}
.slicknav_nav li:last-child a{
	padding-bottom:0px;
}
.slicknav_menu .slicknav_icon-bar {
	background-color: #F7941D;
	box-shadow: none;
	text-shadow: none;
}
.slicknav_nav .slicknav_arrow{
	color:#F7941D;
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 25px;
	height: 3px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.25);
	box-shadow: 0 1px 0 rgba(0,0,0,.25);
}
.slicknav_nav li .slicknav_item:hover{
	background:transparent;
}
.shop.single {
	padding: 20px 0 30px 0;
}
.header.shop .search-bar-top {
	display: none;
}
.header.shop .right-bar {
	display: none;
}
/* Header Search */
.header.shop .search-top {
	display:block;
	position: absolute;
	right: 50px;
	top: 4px;
}
.header.shop .logo {
	margin: 0;
}
.section{
	padding:50px 0px;
}
.section-title {
	margin-bottom: 30px;
	padding: 0px 20px;
}
.section-title h2 {
	font-size: 22px;
	margin-bottom: 20px;
}
.section-title p {
	font-size: 13px;
}
.breadcrumbs {
	padding: 20px 0;
}
.header.shop .topbar {
	background: #fff;
}
.header.shop .topbar .top-left{
	text-align:center;
}
.header.shop .topbar .right-content {
	text-align: center;
	float: none;
	margin-top: 8px;
}
.header.shop .list-main li {
	border: none;
	padding: 0;
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	text-align: left;
	color: #333;
}
.header.shop.v3 .topbar .inner-content {
	border:none;
	padding: 0;
}
.header.shop .list-main li a {
	color: #333;
}
.header.shop .list-main li a:hover{
	color:#fff;
	text-decoration:underline;
}
.header.shop .top-left .list-main li i {
	color: #fff;
}
.header.shop .list-main li i {
	color: #fff;
}
.header.shop .topbar .right-content {
	margin-top: 0px;
	border-top: 1px solid #ffffff87;
}
.header.shop .search-bar {
	width: 445px;
}
.header.shop .search-bar input {
	padding: 0 52px 0 20px;
	width: 264px;
}
.header.shop .all-category {
	display: none;
}
.header .header-inner{
	display:none
}
.header.shop .nav li .new {
	display:none !important;
}

.hero-slider {
	height: 350px;
}
.hero-slider .hero-text {
	margin-top: 60px;
}
.hero-slider .hero-text h1 {
	font-size: 30px;
	margin-bottom: 0px;
}
.hero-slider .hero-text h1 span {
	font-size: 15px;
	margin-bottom: 0;
}
.hero-slider .hero-text p {
	color: #333;
	margin-bottom: 28px;
}
.hero-slider .hero-text .btn {
	padding: 10px 25px;
}
.hero-area3 .big-content .inner {
	padding:30px;
}
.hero-area3 .small-content {
	height: 210px;
}
.hero-area3 .small-content .title {
	font-size: 16px;
}
.hero-area3 .small-content .button .btn {
	font-size: 12px;
}
.product-area .nav-tabs .nav-item {
	margin-bottom: 10px;
}
.small-banner {
	padding: 18px 0;
	
}
.small-banner .single-banner{
	margin-bottom: 18px;
}
.small-banner .single-banner p {
	font-size: 13px;
}
.small-banner .single-banner .content {
	padding: 12px 10px 10px 35px;
}
.small-banner .single-banner h3 {
	font-size: 17px;
}
.small-banner .single-banner a {
	margin-top: 15px;
	font-size: 11px;
}
.midium-banner .single-banner .content {
	padding: 15px 10px 10px 30px;
}
.midium-banner .single-banner{
	margin-bottom:15px;
}
.midium-banner .single-banner h3 {
	font-size: 17px;
	line-height: 22px;
}
.midium-banner .single-banner a {
	padding: 5px 20px;
	margin-top: 15px;
	font-size: 12px;
}
.most-popular .single-product {
	margin: 20px 15px 0 15px;
}
.shop-home-list{
	padding-top:0;
}
.shop-home-list .shop-section-title {
	margin-top: 20px;
}
.shop-home-list .single-list .content {
	padding: 0;
	padding: 20px;
	text-align: center;
}
.cown-down {
	height: auto;
}
.cown-down .content .title {
	font-size: 20px;
}
.cown-down .padding-left {
	padding: 0;
}
.cown-down .padding-right {
	padding: 0;
}
.cown-down .content {
	padding: 30px 20px;
}
.cown-down .content .price {
	margin-top: 22px;
	font-size: 25px;
}
.cown-down .content .price s {
	font-size: 20px;
}
.cown-down .content .heading-block{
	padding: 0;
	position: relative;
}
.shop-blog .shop-single-blog {
	margin-bottom: 30px;
}
.shop-services{
	padding:50px 0;
}
.shop-services .single-service {
	padding: 42px 0 18px 0;
	text-align: center;
}
.shop-services .single-service i {
	height: 40px;
	width: 40px;
	line-height: 40px;
	font-size: 24px;
	top: 0;
	left: 50%;
	margin-left:-20px;
}
.shop-services.home {
	padding: 25px 0;
}
.shop-newsletter .newsletter-inner input {
	width: 100%;
	height: 42px;
	padding: 0 12px 0 15px;
	border-radius: 30px;
	margin-bottom: 10px;
	display:block;
	text-align:center;
}
.shop-newsletter .newsletter-inner .btn {
	height: 42px;
	padding: 10px 15px;
	width: 100%;
	border-radius: 30px;
	left:0;
	display:block;
}
.shop-blog .shop-single-blog .content {
	padding: 28px;
}
.shop-blog.grid .shop-single-blog {
	margin-top:0px;
}
.shop.checkout .checkout-form h2 {
	font-size: 20px;
	font-weight:600;
}
.shop.checkout .checkout-form p {
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 25px;
}
.shop.checkout .single-widget.get-button .btn {
	height:auto;
	font-size: 13px;
	padding: 12px;
}
.shop.login .login-form h2 {
	font-size: 24px;
	margin-bottom: 8px;
	padding-bottom: 12px;
}
.shop.login .login-form p {
	font-size: 13px;
	margin-bottom: 30px;
	line-height: 18px;
}
.shop.login .form .btn {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.shop.login .login-form .lost-pass {
	margin-left: 0;
}
.shop .single-shorter label {
	margin: 8px 5px 0 0;
}
.shop .nice-select {
	width: 100%;
	display: inline-block;
	margin-top: 4px;
}
.shop .view-mode {
	float: right;
	float: none;
	display: block;
	width: 100%;	
}
.shop .view-mode li {
	display: inline-block;
	margin-right: 5px;
	margin-top: 4px;
}
.shop .view-mode li a {
	width: 80px;
	height: 32px;
	background: transparent;
	border: 1px solid #77777775;
	text-align: center;
	display: block;
	line-height: 32px;
	color: #888;
	border-radius: 0px;
	display: inline-block;
	margin-bottom: 10px;
}
.shop.single .rating-author {
	margin-right:0;
}
.shop.single .rating-des {
	padding: 17px 20px 17px 95px;
}
.blog-single .blog-title {
	font-size: 20px;
	margin: 20px 0 10px 0;
}
.blog-single blockquote {
	padding: 15px 15px 15px 60px;
}
.blog-single blockquote i {
	font-size: 25px;
}
.main-sidebar {
	padding: 25px;
}
.main-sidebar .side-tags .tag {
	margin-top: 30px;
}
.blog-single .comments .single-comment.left {
	margin-left: 0;
}
.blog-single .reply form {
	padding: 0;
	border:none;
}
.blog-single .reply .form-group {
	margin-bottom: 15px;
}
.blog-single .reply .form-group input {
	height: 42px;
}
.blog-single .reply .form-group textarea {
	height: 120px;
}
.blog-single .reply .button .btn {
	height: 45px;
	border: none;
	padding: 0px 20px;
	width: 100%;
}
.pagination .pagination-list li a {
	padding: 4px 12px;
}
.blog-single.grid .pagination{
	float:none;
	text-align:center;
	margin-top: 12px;
}
.error-page .error-inner h2 {
	font-size: 55px;
}
.error-page .error-inner h5 {
	font-size: 16px;
	font-weight: 500;
}
.error-page .error-inner p {
	line-height: 20px;
	font-size: 14px;
	padding: 0 20px;
}
.error-page .button .btn {
	padding: 8px 20px;
}
.contact-us .title h4 {
	font-size: 15px;
}
.contact-us .title h3 {
	font-size: 18px;
}
.contact-us .form-main {
	padding:0px;
	border:none;
	box-shadow:none;
}
.contact-us .single-head {
	padding:0px;
	border:none;
	box-shadow:none;
	margin-top: 40px;
}
.contact-us .single-info {
	text-align: center;
}
.contact-us .single-info i {
	display: inline-block;
}
.contact-us .single-info .title {
	font-size: 16px;
}
.contact-us .form .form-group textarea {
	height: 150px;
}
.contact-us .form .button .btn {
	width: 100%;
}
.mail-success .mail-inner h2 {
	font-size: 22px;
}
.mail-success .mail-inner p {
	line-height: 21px;
	font-size: 13px;
}
.mail-success .mail-inner .btn {
	padding: 8px 28px;
}
.footer .footer-top{
	padding: 12px 0px;
}
.footer .links ul li {
	margin-bottom: 5px;
}
.footer .single-footer h4 {
	margin-bottom: 12px;
}
.footer .copyright .left {
	float:none;
	text-align:center;
}
.footer .copyright .right {
	float:none;
	text-align:center;
	margin-top:10px;
}
.footer .single-footer {
	padding:12px 0;
}
.modal-dialog .quickview-slider-active {
	display: none;
}
.modal-dialog .modal-content .modal-header {
	right: 15px;
	top: 12px;
}
.quickview-content {
	padding: 30px;
}
.quickview-content h2 {
	font-size: 22px;
}
.quickview-content h3 {
	font-size: 17px;
	margin: 10px 0 10px;
}
.quickview-content .quickview-peragraph p {
	line-height: 22px;
}
.quickview-content .size .title {
	margin-top:10px;
}
.modal-dialog .modal-content .modal-header .close {
	font-size: 9px;
}
.quickview-content .quantity .input-group {
	margin-bottom: 10px;
}
.quickview-content .add-to-cart .btn {
	height: 42px;
	padding: 0 25px;
	line-height: 42px;
	font-size: 12px;
	margin-bottom: 8px;
}
.quickview-content .add-to-cart .btn.min {
	line-height: 41px;
}
.quickview-content .nice-select {
	height: 40px;
}
.quickview-content .quantity .input-number {
	height: 40px;
}
.quickview-content h2 {
	font-size: 18px;
	font-weight: 500;
}
.quickview-content .quickview-peragraph p {
	line-height: 21px;
	font-size: 13px;
	font-weight: 400;
}
.quickview-content h3 {
	font-size: 15px;
	margin: 10px 0 10px;
}
}