/* Header styling */
@media (min-width: 970px)
    {
    .header-inner {position:absolute; width:100%;  }
    .mainnav .navbar-nav > li > a {  }
    .sticky.is-sticky { position: absolute;  height: auto;    }
    .is-sticky .header-logo-wrap .logo-company img { width:auto; height:auto;}
    }
/*** Grid ***/
.cols3 { padding:0 0 10px 0; }
.cols3 .assetitem { padding:4px 0 0 0; margin:0;}
.link-grid .assetitem .inner { position:relative;  }
.link-grid .assetitem .inner .home-link {display:block; opacity:0; position:absolute; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255,0.5); width:100%; height:100%; top:0; left:0; -webkit-transition:all 0.7s ease-out; transition:all 0.7s ease-out; text-align:center; line-height:100%; }
.link-grid .assetitem .inner:hover .home-link {opacity:1}
.link-grid .assetitem .inner .home-link h3 { font-size:40px; color:#000; font-weight:bold; font-style:italic; text-transform:uppercase; line-height:40px; padding:60px 0 0 0;}
@media (min-width: 420px)
    {
        .cols4 .assetitem { padding:2px;}
        .cols4 .col1 { padding-left:0; }
        .cols4 .col2 { padding-right:0; }
        .cols4 .col3 { padding-left:0; }
        .cols4 .col4 { padding-right:0; }
        .link-grid .assetitem { width:50%; float:left; }
    } 
@media (min-width: 960px)
    {
        .link-grid .assetitem { width:33.3%; float:left; }
        .cols4 .assetitem { padding:2px;}
        .cols4 .col1 { padding-left:0; }
        .cols4 .col4 { padding-right:0; }
    }
/*** CONTENT ASSETS ***/
    .txtimg .inner .slogan { width:90%; float:left; color:#FFF;  text-shadow: 1px 1px 2px #000;  }
    .txtimg .inner .slogan h1 {font-size:20px;  color:#FFF; text-align:right; font-style:italic;}
    .txtimg .inner .slogan h2 { font-size: 16px; }
    .txtimg .inner .slogan h1 span {display:inline-block; width:100%;}
    .txtimg .inner .slogan h2, .txtimg .inner .slogan p { text-align:right; } 
    .txtimg .inner .slogan img {max-width:40%; display:inline-block;}
    .book-banner {display:block; min-height:300px; background-image:url(/Images/custom/book.jpg); background-size:cover; background-attachment:fixed; background-position:-300px left;}
    @media (max-width: 320px)
    {
        .txtimg .inner .slogan h1 {font-size:16px; }
        .txtimg .inner .slogan h2 { font-size: 14px; }
        .txtimg .inner .slogan p { font-size: 12px; }
    }  
    @media (max-width: 420px)
    {
        .txtimg .inner .slogan { position:absolute; bottom:20px; right:20px;  }
        .txtimg .inner img { width:100%; }
		.book-banner { display:none; }
    }  
    
    @media (min-width: 420px)
    {
        .txtimg .inner .slogan { width:50%; }
        .txtimg .inner .slogan h1 {font-size:16px; }
        .txtimg .inner .slogan h2 {font-size:14px; }
        .txtimg .inner  img {max-width:50%!important; display:inline-block;}
    }    
    @media (min-width: 768px)
    {
        .txtimg .inner .slogan { padding:20px 0 0 0; position:absolute; bottom:40px;  }
        .txtimg .inner .slogan h1 {font-size:30px; }
        .txtimg .inner .slogan h2, .txtimg .inner .slogan p { text-align:right; padding-left:50px; }
    }
    @media (min-width: 1100px)
    {
        .txtimg .inner .slogan {  }
        .txtimg .inner .slogan h1 {font-size:50px; }
        .txtimg .inner .slogan h2 {font-size:30px; }
        .txtimg .inner .slogan p {font-size:18px; line-height:20px; }
        .txtimg .inner .slogan h2, .txtimg .inner .slogan p { padding-left:30%; }
    }
    .cart-wrap { padding:0 15px; text-align:right; white-space:nowrap; position:relative; width:60px; height:60px; line-height:50px; border-radius:30px; }
    .cart-qty { bottom:10px; }