/*Add Css Custom Here*/
.box-review-brand-row {
    position: relative;
}
.box-review-brand-row .brand {
    position: absolute;
    right: 0;
    top: 0;
}
div.tshirtecommerce-btn-group{
	display: inline-block; 
	background-color: #ff3c20;
    border-radius: 3px;
    margin: 0 5px;
    padding: 0 10px;
   
    width: auto;
    vertical-align: top;
}
div.tshirtecommerce-btn-group > a{ color: white; text-transform: uppercase;}
/*====== Fix bugs Megamenu not showing icon font (26/1/2018) =====*/
@media (min-width: 992px)  {
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:before,
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern:after{display: none;}
	.common-home .navbar-compact.typeheader-1 .container-megamenu.vertical .vertical-wrapper{
      visibility: hidden;
      opacity: 0;
    }   
    .common-home .navbar-compact.typeheader-1 .container-megamenu.vertical:hover .vertical-wrapper{
      visibility: visible;
      opacity: 1;
      top: 40px; } 
}
@media (min-width: 992px){
	/*.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {    padding: 9px 0; line-height: 24px; height: auto;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i,
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
	    display: inline-block;
	}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before{display: none;} */
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img{position: static; transform: inherit;}

}

.typeheader-12 .navbar-logo .logo{
	min-height: 40px;
}


header .container-megamenu.horizontal .menu-layouts .sub-menu ul li a{ line-height: 30px; padding: 0; }
header .container-megamenu.horizontal .shoppage .title-shoppage {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    color: #222;
    font-size: 16px;
    line-height: 100%;
    padding-bottom: 12px;
    margin-bottom: 6px;
    border-bottom: 1px solid #eaeaea;
}
header .container-megamenu.horizontal .content-feature li a, 
header .container-megamenu.horizontal ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a, 
header .container-megamenu.horizontal ul.megamenu li .sub-menu .content .html a.subcategory_item, 
header .container-megamenu.horizontal ul.megamenu .sub-menu .content .hover-menu .menu ul a.main-menu{
	color: #666;
}
header .container-megamenu.horizontal .shoppage ul li:hover{ padding: 0; }
body .container-megamenu.vertical{ z-index: 99; }
header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i.fa{ width: 30px; padding: 0; text-align: center; }
header .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore{ padding-left: 46px; }

.layout-17.common-home #content .module.so_newletter_custom_popup .modcontent{ border: none; }

body .container-megamenu.vertical {
    z-index: 99;
}
@media (max-width: 767px)  {
	.typeheader-1 .container-megamenu.vertical{
		z-index: 9;
	}	
}
.search-header-w {
    padding-right: 20px;
}
.product-filter.product-filter-top.filters-panel .view-mode .list-view {
    display: none;
}
#header.typeheader-33 .header-middle .search-header-w {
    width: 55%;
}
div#tab-tags a {
    margin: 2px 0;
}
/* Image popup close button: lib.css places it at top:35px, but magnific-popup.css's
   .mfp-close:active { top: 1px } made it jump up on mousedown, so the click never landed. */
.mfp-image-holder .mfp-close:active {
    top: 35px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .form-control, select {
    font-size: 14px !important;
}/* Product listing: always a 3 column grid (2 on small tablets, 1 on phones).
   Applied in CSS too so the products don't render as 4 columns before listing.twig's script runs. */
@media (min-width: 768px) {
    .products-category .products-list .product-layout {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

.banners.banners2 {
    margin-top: 30px;
}
.typeheader-33 .telephone ul li:last-child:after {
    height: 0 !important;
}
.product-layout .product-item-container img {
    transition: all 0.5s ease;
}
.product-layout .product-item-container:hover img {
    transform: scale(1.1);
    transition: all 0.5s ease;
}
.search input.autosearch-input.form-control {
    color: #444 !important;
}
.product-filter.product-filter-top.filters-panel .form-group.product-compare,
.product-view .content-product-right .box-info-product .add-to-links li.compare {
    display: none;
}

.header-middle .midde-right .compare {
    display: none;
}
/* Header: user icon on the left, "Hello, {first name}" over "Account ▾" on the right (logged-in customers) */
#my_account > a.account-logged .account-text {
	display: block;
}
#my_account .account-label {
	white-space: nowrap;
}


.header-top-right #my_account i.icom-user1,
.header-top-right #my_account::after {
    display: none;
}
.header-top-right #my_account .account-text .account-hello {
    margin-right: 20px;
}
.header-top-right #my_account .account-logged .account-text {
    font-size: 14px;
    font-weight: 500;
}
.header-top-right #my_account .account-text span.hidden-xss {
    margin-right: 4px;
}
.header-top-right {
    display: flex;
    justify-content: end;
    align-items: center;
}
.account-hello {
    font-size: 14px;
}
li#my_account ul.dropdown-menu a {
    font-size: 14px;
}
.information-information #content h3 {
    font-size: 30px;
    font-weight: bold;
}
.information-information #content h4 {
    margin-bottom: 12px;
    margin-top: 30px;
    font-size: 22px;
}
.information-information #content {
    color: #333333;
}
.information-information #content {
    font-size: 16px;
    text-align: justify;
}
.information-information #content li {
    list-style-type: disc;
}
.information-information #content ul {
    margin-left: 25px;
    margin-bottom: 15px;
}
.information-information #content strong {
    font-weight: 600;
}
.header-middle .logo img {
    max-width: 250px;
}