/*===============================================
	[SASS DIRECTORY ]
	
    [1] MODULE DEFAULT
    [2] BLOCK SEARCH
    [3] SOCIAL FOOTER
	
==============================================*/

.extension-mobile-home.mobilelayout-2{
	.navbar-logo{padding: 0;
    
		img{width:95px;}
	}	
	.menu_custom{ background: $background;}
	
    #content{ margin: 0; }
   
    .mobile-bn1-h1{
        margin: 0 -5px 10px;
        padding: 0;
    }
    .module.sohomepage-slider {
        margin: 10px 0 10px;
    }
    .menu-link{ margin-bottom: 5px;
	 a{ color: #fff; }
    }
    .section_mobile_1{ background: #183543;; }
    .resp-listing-container{
        margin: 0 -5px ;
        .item-product-cat {
            float: $left;
            width: 33.333%;
            padding: 0 5px;
            margin-bottom: 10px;
            .item-content {
                display: block;
                padding: 9px 0;
                background-color: #f2f2f2;
                text-align: center;
                h3 {
                    font-size: 13px;
                    color: #222;
                    text-transform: capitalize;
                    font-weight: 500;
                    margin-bottom: 0;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }
            }
        }
        .btn-loadmore {
            clear: both;
            display: block;
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-weight: 700;
            font-size: 11px;
            text-transform: uppercase;
            color: #222;
            background-color: #f2f2f2;
            border-radius: 20px;
            margin-bottom: 20px;
			&:focus{background: $background; color: white;}
        }
    }
    
    .mobile-bn3-h2{
        margin: 15px -5px 0; 
        .banners{
            float: $left;
            width: 50%;
            padding: 0 5px;
            margin-bottom: 10px;
        }
    }
    
    .mobile_listing{ margin: 0;
		.so-listing-tabs{margin: 0;}
        .so-listing-tabs  .ltabs-items-container .ltabs-items .ltabs-item .item-inner{
            margin: 0;
        }
		.ltabs-wrap {
			.ltabs-tabs-container{margin: 0;}
			.owl2-controls .owl2-nav .owl2-prev,
			.owl2-controls .owl2-nav .owl2-next{border: none;background: transparent;color:#666; font-weight: 700; z-index: 9;}
			.products-list.grid .product-layout .product-item-container{margin: 0;padding: 0;}
		}
		.so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap span.ltabs-tab-arrow, 
		.so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap span.ltabs-tab-selected{
            display: none;
		}
		.so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .ltabs-tabs{
            position: relative;
            top: auto;
            border: none;
            border-bottom: 1px solid #f0f0ed;
            margin-bottom: 10px;
            display: block;
            width: 100%;
		 }
		.so-listing-tabs .ltabs-tabs-container .ltabs-tab span{  padding: 0; display: block; background: none; color: $gray-dark; line-height: 20px;}
		.so-listing-tabs .ltabs-tabs-container .ltabs-tabs li.tab-sel{ background: transparent; 
			span{color: $linkColor; position: relative; background: transparent;
				&:before {
				    content: '';
				    width: 100%;
				    height: 1px;
				    background-color: $background;
				    position: absolute;
				    bottom: -5px;
				    #{$left}: 0;
				}
			}
		}
        .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap .ltabs-tabs li{ display: inline-block; border: none;padding: side-values( 0 15px 0 0);   margin-bottom: 5px;}
        .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap{ display: block; }
        .so-listing-tabs .ltabs-tabs-container .ltabs-tabs li.tab-sel{ background: transparent!important; }
	   
    }
}