/* Add here all your css styles (customizations) */

.clear-both{clear:both;}

#productPage div.productDisplay table.buyProductForm td span.inventoryDetails, #productPage div.productRowDisplay table.buyProductForm td span.inventoryDetails {
    color: #12b729;
}

.featuredProductsGrid .itemListing .tableNode {
    float: left;
    width: 33%;
}

#outerPageContainer #header #storeHeader #headerTop .column_1 {
    float: left;
    width: 30%;
}

#outerPageContainer #header #storeHeader #headerTop .column_2 {
    float: right;
    width: 70%;
}

.cat-img img {
    width:30px;
    display: inline-block;
    height:30px;
    vertical-align:top;
}

/* 23 feb 2018 */

.cat-img a{display:inline-block!important; width:calc(100% - 30px);}
div.simpleCategoryListWidget .category > li.cat-img{margin-bottom:10px;}
.zone .col-md-4:nth-child(4n){clear:both;}
.descriptionWrapper iframe{width:100%;}
.headerzone .socialMediaLinksDialog { display:none;}

.leftSidebarLayout .simpleCategoryListWidget{display:none;}
.nav-mb-category{padding:0; cursor:pointer;}
.nav-mb-category ul{margin-left:0; padding-left:0;}
.nav-mb-category ul li{ list-style-type:none;}
.nav-mb-category ul li a{color:#777; text-decoration:none; padding:8px 63px;}
.nav-mb-category ul li a:hover{color:#000;}
.mb-sub-anc{background:#eee url(../../images/toggle-black.png); background-repeat:no-repeat; background-position:right; background-size:auto 19px;}
.mb-sub-anc:hover{background:#eee url(../../images/toggle-black.png); background-repeat:no-repeat; background-position:right; background-size:auto 19px;}
.mb-sub-anc1{background:#f4f4f4 url(../../images/toggle-black.png); background-repeat:no-repeat; background-position:right; background-size:auto 19px;}
.mb-sub-anc1:hover{background:#f4f4f4 url(../../images/toggle-black.png); background-repeat:no-repeat; background-position:right; background-size:auto 19px;}
.subnest-cat{background:#f4f4f4;}
.mb-sub-list{background:#fff;}
.navigation .search{position:absolute; right:15px; top:1px;}

@media only screen and (min-width:768px) and (max-width:991px) {
div.simpleCategoryListWidget .category > li.cat-img{float:left; width:49%; min-height:50px;}
.text-cnter-hd h2{text-align:center;}
#leftColumn  .simpleCategoryListWidget{display:none;}
.zone .col-md-4:nth-child(4n){clear:inherit;}
.zone .col-md-4:nth-child(odd){clear:both;}
.leftSidebarLayout .simpleCategoryListWidget{display:block;}
.navigation .search { right:12px;  width:29%;}
}

@media only screen and (min-width:320px) and (max-width:767px) {
div.simpleCategoryListWidget .category > li.cat-img{float:left; width:50%; min-height:50px;}
#storeHeader .navigation .navbar-brand{padding: 2px 10px;}
.navbar-brand > img{height:70px;}
.headerzone .socialMediaLinksDialog{display:block; text-align:center; border:1px solid #ddd; margin-left:-15px; margin-right:-15px; border-radius:0; margin-bottom:0;}
.headerzone .socialMediaLinksDialog span{margin:7px 24px; display:inline-block; text-align:center; vertical-align:middle;}
.headerzone .socialMediaLinksDialog span img{display:inline-block;}
.socialMediaLinksDialog{display:none;}
.text-cnter-hd h2{text-align:center;}
#leftColumn{display:none;}
.zone .col-md-4:nth-child(4n){clear:inherit;}
.zone .col-md-4:nth-child(odd){clear:both;}
.leftSidebarLayout .simpleCategoryListWidget{display:block;}
.mobile-banner {padding:0 0 10px 0; text-align:center;}
.mobile-banner img{display:inline-block;}
.text-cnter-hd .center-block{padding-top:15px;}
.socialMediaLinksDialog .content{display:inline-block;}
.headerzone .socialMediaLinksDialog span iframe{width:63px!important;}
.socialMediaLinksDialog .content{padding:0!important;} 
.socialMediaLinksDialog .content img{width:100px;}
.socialMediaLinksDialog .content .youtb img {width:70px;}
.banner-visa{padding:0 10px;}
.navbar{margin-bottom:0;}
.navigation .search{position:relative; right:0;}
.common-product-list .itemListingContainer .thumbnail{height:120px;}
.common-product-list .itemContainer div.detailsArea{vertical-align:top; display:inline-block; margin-top:15px; width:100%;}
.common-product-list .itemContainer div.actionsArea{margin-top:10px; display:table; width:100%;}
}

@media only screen and (min-width:240px) and (max-width:480px) {
.headerzone .socialMediaLinksDialog span{margin:7px 14px;}   
.headerzone .socialMediaLinksDialog span iframe{width:63px!important;}
.socialMediaLinksDialog .content{display:inline-block;}
}

@media only screen and (min-width:240px) and (max-width:479px) {
.headerzone .socialMediaLinksDialog span{margin:7px 2px;} 
.socialMediaLinksDialog .content img{width:70px;}
.socialMediaLinksDialog .content .youtb img {width:50px;}
}
/*End*/

.add-cart-popup{display:none;}

@media only screen and (max-width:767px) {
.featuredProductsGrid .itemListing .tableNode{width: 50%; height: 350px !important; margin-bottom: 40px;}
.featuredProductListing .clear-both{display:none;}
.add-cart-popup {position: fixed; background: rgba(0,0,0,.5); width: 100%; height: 100%; float: left; top: 0px; z-index: 9999; left: 0; padding: 10px;}
.pop-inner-div {padding: 17px; background: #FFF; top: 2%; width: 100%; box-sizing: border-box;} 
.add-cart-popup{display:block;}

#ctl00_ctl00_NestedMaster_PageHeader_StoreHeader_H_SocialMediaLinksDialogRight_phPinterest span{
        position: absolute;
        right: -7px;
        top: -18px;
        width: 25px;
        border-radius: 100%;
        border: 1px solid #ccc;
        padding: 0;
        margin:0;
        height: auto;
        line-height: auto;
        display: inline-block;
        height: 22px;
    }   
 #ctl00_ctl00_NestedMaster_PageHeader_StoreHeader_H_SocialMediaLinksDialogRight_phPinterest span:before {display: none;}
}

.popup-description{ background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; padding: 12px; margin-bottom: 15px; width:100%;}
.popupbtn{color: #fff; background-color: #0984e3 !important; border-color: #0984e3; display: block; border-radius: 6px; padding: 10px; text-transform: uppercase;}
.popupbtn.redbtn{ background-color: #d63031 !important; border-color: #d63031;}
.popupbtn:hover{color: #fff; }



@media only screen and (max-width:480px) {
.buyProductForm{width:100%;}
table.buyProductForm .rowHeader, table.buyProductForm td, table.buyProductForm th{clear:none;}
table.buyProductForm .rowHeader, table.buyProductForm th{width: 50% !important;}
}