/* 47 */
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/_variables/variables.css ******/
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/footer-links.css ******/
div.footer-links{
width: 100%;
max-width: 14%;
margin: 1%;
}
div.footer-links h2{
font-size: 15px;
margin: 10% 0;
}
div.footer-links li{
font-size: 13px;
}
div.footer-links#block-item-7 p a{
display:inline-block;
width:30%;
margin:0 1% 5px;
}
div.footer-links#block-item-7 p a img{
width:100%;
}
@media only screen and (max-width: 750px) and (min-width: 641px) {
div.footer-links#block-item-7 p a{
width:47%;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
div.footer-links{
max-width: 96%;
margin: 2%;
}
div.footer-links h2{
font-size: 20px;
margin: 2% 0;
text-align: center;
}
div.footer-links li{
text-align: center;
}
div.footer-links li a{
display: block;
padding:6px;
}
div.footer-links p{
text-align: center;
}
div.footer-links#block-item-7 p a{
width:auto;
margin:0 1px 5px;
}
div.footer-links#block-item-7 p a img{
width:50px;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/home-banner.css ******/
#banners-latest-1 .collection{
max-width: 1200px;
margin:auto;
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/home-block.css ******/
.home-block{
clear:both;
}
.home-block h2 {
position: relative;
font-size: 24px;
z-index: 1;
overflow: hidden;
text-align: center;
line-height: 50px;
margin: 20px 0 0 0 ;
font-family: 'Calibre-Semibold', Arial, Helvetica, sans-serif;
}
.home-block h2:before,
.home-block h2:after {
position: absolute;
top: 51%;
overflow: hidden;
width: 49%;
height: 1px;
content: '\a0';
background-color: #333;
}
.home-block h2:before {
margin-left: -51%;
text-align: right;
}
.home-block h2:after {
margin-left:2%;
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/ie-message.css ******/
.ie-message{
width:100%;
max-width: 1200px;
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/instagram-grid-BK-08-09-2017.css ******/
.instagram-grid{
margin-bottom: 20px;
}
.instagram-grid li{
width:20%;
display: block;
float: left;
overflow: hidden;
margin:0;
padding:0;
}
.instagram-grid li img{
width: 100%;
height:auto;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.instagram-grid li{
width: 50%;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/instagram-grid.css ******/
.instagram-grid{
margin-bottom: 20px;
}
.instagram-grid li{
width:20%;
display: block;
float: left;
overflow: hidden;
margin:0;
padding:0;
}
.instagram-grid li img{
width: 100%;
height:auto;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.instagram-grid li{
width: 50%;
}
}
/* CSS ADDED BY SATISH */
.instagram-grid .js-hover > span {
display: block;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover!important;
}
/* END CSS ADDED BY SATISH */
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/knog-blog.css ******/
.knog-blog-wrap{
max-width: 1200px;
margin:auto;
}
.knog-blog .collection .item-wrap{
display: table;
}
.knog-blog .col{
display: table-cell;
width: 50%; /* depends on the number of columns */
vertical-align: middle;
max-height: 480px;
}
.knog-blog .image img{
width:100%;
height:auto;
}
.knog-blog .description{
width:50%;
background-color: #222222;
padding: 1% 5% 0 5% ;
display:table-cell;
}
.knog-blog .description *{
color:#fff;
}
.knog-blog .description h3{
text-transform: uppercase;
font-size: 34px;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
padding: 0;
line-height: 30px;
font-family: 'Calibre-Semibold', Arial, Helvetica, sans-serif;
}
.knog-blog .description h4{
text-transform: uppercase;
font-size: 24px;
}
.knog-blog .description p{
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
margin:20px 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.knog-blog .description{
padding:3%;
}
.knog-blog .description h3{
font-size: 28px;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px) {
.knog-blog .description h3{
font-size: 28px;
}
.knog-blog .description h4{
font-size: 18px;
}
.knog-blog .description p{
font-size: 12px;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px), only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px) {
.knog-blog .description{
padding-top:5%;
}
.knog-blog .collection .item-wrap{
display:block;
}
.knog-blog .col{
width:100%;
display: block;
box-sizing: border-box;
max-height:9999px;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.knog-blog .description{
padding-bottom:5%;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/knog-folk.css ******/
.knog-folk .collection .item-wrap{
display: table;
}
.knog-folk .col{
display: table-cell;
width: 50%; /* depends on the number of columns */
vertical-align: middle;
max-height: 480px;
}
.knog-folk .image img{
width:100%;
height:auto;
}
.knog-folk .description{
width:50%;
background-color: #222222;
padding: 1% 5% 0 5% ;
display:table-cell;
}
.knog-folk .description *{
color:#fff;
}
.knog-folk .description h3{
text-transform: uppercase;
font-size: 34px;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
padding: 0;
line-height: 30px;
font-family: 'Calibre-Semibold', Arial, Helvetica, sans-serif;
}
.knog-folk .description h4{
text-transform: uppercase;
font-size: 24px;
}
.knog-folk .description p{
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
margin:20px 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
.knog-folk .description{
padding:3%;
}
.knog-folk .description h3{
font-size: 28px;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px) {
.knog-folk .description h3{
font-size: 28px;
}
.knog-folk .description h4{
font-size: 18px;
}
.knog-folk .description p{
font-size: 12px;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px), only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px) {
.knog-folk .description{
padding-top:5%;
}
.knog-folk .collection .item-wrap{
display:block;
}
.knog-folk .col{
width:100%;
display: block;
box-sizing: border-box;
max-height:9999px;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.knog-folk .description{
padding-bottom:5%;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/layered-nav-filter.css ******/
div.mb-top-layered-navigation {
border-bottom: solid 1px #DDDDDD;
border-top: solid 1px #DDDDDD;
margin: 20px 0;
padding: 0 10px;
text-align: center;
}
div.mb-top-layered-navigation .block-content {
margin: 0;
}
#narrow-by-list > div {
/*height: 40px;*/ /* CWD (AP) 20170828 */
height: 26px; /* CWD (AP) 20170828 */
text-align: center;
}
#narrow-by-list > div > dl {
border-right: solid 1px #DDDDDD;
display: inline-block;
float: none;
/*height: 40px;*/ /* CWD (AP) 20170828 */
height: 28px; /* CWD (AP) 20170828 */
}
#narrow-by-list > div > dl:last-child {
border-right: none;
}
#narrow-by-list > div > dl dt {
background: none;
box-sizing: border-box;
color: #333333;
font-family: 'Calibre-Medium', Arial, Helvetica, sans-serif; /* CWD (AP) 20170828 */
/*height: 40px;*/ /* CWD (AP) 20170828 */
height: 28px; /* CWD (AP) 20170828 */
line-height: 22px;
margin: 0;
/*padding: 10px 30px 10px 10px;*/ /* CWD (AP) 20170828 */
padding: 5px 10px 5px 10px; /* CWD (AP) 20170828 */
text-align: left;
text-transform: uppercase;
}
#narrow-by-list > div > dl dt:after {
content: url('images/menu-arrow.png');
}
#narrow-by-list > div > dl dd {
background: #EFEFEF;
border-bottom: none;
border-top: solid 1px #DDDDDD;
opacity: 1;
padding: 10px 0;
text-align: left;
}
#narrow-by-list > div > dl dd li {
padding: 0px 10px;
text-align: left;
text-transform: uppercase;
}
#narrow-by-list ol {
margin-bottom: 0;
}
#narrow-by-list ol.m-filter-item-list li a,
#narrow-by-list ol.m-filter-css-checkboxes li a.m-checkbox-unchecked,
#narrow-by-list ol.m-filter-css-checkboxes li a.m-checkbox-checked {
background-position: left 1px!important;
display: block;
text-decoration: none!important;
}
div.mb-top-layered-navigation .block-content > .actions {
margin-top: -12px;
top: 50%;
z-index: 999;
}
/* CWD (AP) 20170828 - Start */
div.mb-top-layered-navigation.m-topmenu.m-wide dl {
height: 28px;
}
/* CWD (AP) 20170828 - End */
@media (max-width: 640px) {
div.mb-top-layered-navigation {
margin-top: 30px;
padding: 0;
}
div.mb-top-layered-navigation .block-content > .actions {
margin-top: 0;
top: -27px;
}
#narrow-by-list > div {
height: auto;
}
body .mb-top-layered-navigation.one-filter-column dl dt,
body .mb-top-layered-navigation.one-filter-column .block-subtitle {
border-top: none;
padding: 10px 5px 5px 5px !important;
}
#narrow-by-list > div > dl {
border-right: none;
display: block;
float: left;
height: auto;
margin: 0;
}
#narrow-by-list > div > dl dt:after {
display: none;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/logo-main.css ******/
div.logo-main{
margin:4px;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
div.logo-main{
margin:20px 5px;
}
div.logo-main a,
div.logo-main a:visited{
height:42px;
background-size: contain;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/mini-banner.css ******/
.mini-banner{
max-width: 32%;
width: 100%;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.mini-banner{
max-width: 100%;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/mobile-links.css ******/
@media only screen and (max-width: 1024px) {
.mobile-links {
float: right;
margin: 25px 5px;
}
.mobile-links a {
display: inline-block;
padding: 0 6px;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/multistore-switcher.css ******/
header > div > div.form-language {
text-align: right;
float: right;
padding-top: 7px;
/* display: none */
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
header > div > div.form-language {
clear: both
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/navigation-main.css ******/
.navigation-main {
left: 180px;
}
.navigation-main-wrap #nav > li > a {
font-size: 15px;
font-family: 'Calibre-Medium', Arial, Helvetica, sans-serif;
}
.navigation-main li.wide {
width: auto;
}
.navigation-main ul.level-2 {
padding-top: 0;
}
.navigation-main li h2 {
background-color: #CCCCCC;
margin-bottom: 10px;
padding: 10px 15px;
}
@media only screen and (max-width: 1024px) {
.navigation-main {
background: #ECEEEF;
bottom: auto;
clear: both;
display: none;
float: none;
left: auto;
position: relative;
right: auto;
top: auto;
}
.navigation-main.active {
display: block;
}
.navigation-main .level-1 > li {
padding: 5px 10px;
}
.navigation-main-wrap > .level-1 > li > a {
font-weight: bold;
}
.navigation-main .level-1 > li.last > ul {
width: 100%
}
.navigation-main li h2 {
font-size: 16px;
margin: 15px 0 0 0;
}
.navigation-main li {
float: none;
font-size: 16px;
}
.navigation-main ul ul {
position: relative;
}
.navigation-main li.wide > ul {
float: none;
}
}
/* UPDATED VERS */
@media (min-width:1025px){
.navigation-main ul.level-1 > li:hover > ul{
display:block;
}
.navigation-main ul.level-1 > li:hover > a {
background: #EFEFEF;
}
}
.navigation-main ul ul {
background: #FFFFFF;
left: auto!important;
min-width: 170px;
padding-top: 10px!important;
}
.navigation-main ul ul ul {
display: none;
}
.navigation-main ul.level-1 > li {
padding: 0;
}
.navigation-main ul.level-1 > li > a {
color: inherit!important;
padding: 0 35px 0 10px;
}
.navigation-main ul.level-1 > li.menu-showing > a {
background: #EFEFEF;
}
#nav > li.parent > a:after {
content: url('images/menu-arrow.png');
}
.navigation-main ul.level-2 > li > a {
padding: 0 10px;
}
.navigation-main .level-1 > li.last > ul {
width: auto!important;
}
@media (max-width: 700px) {
.navigation-main ul.level-1 > li {
width: 100%;
}
.navigation-main ul ul {
position: relative!important;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/pagination.css ******/
div.toolbar img{
width:auto;
height:auto;
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/pwr-banner.css ******/
div.pwr-banner {
position: relative;
}
div.pwr-banner img {
height: auto;
max-width: 100%;
}
div.pwr-banner-wrap > div > a {
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
color: #FFFFFF;
display: block;
font-size: 15px;
line-height: 50px;
position: absolute;
text-decoration: none!important;
text-transform: uppercase;
transition: all 500ms ease;
width: 280px;
}
div.pwr-banner-wrap > div > a:hover {
background-color: #EF514E;
}
div.pwr-banner-wrap > div > a > img {
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
background: #EF514E;
padding: 10px;
transition: all 500ms ease;
}
div.pwr-banner-wrap > div > a:hover img {
-ms-transform: rotate(180deg);
/* IE 9 */
-webkit-transform: rotate(180deg);
/* Chrome,
Safari,
Opera */
transform: rotate(180deg);
}
div.pwr-banner-wrap > div > a > span {
display: block;
line-height: 1em;
padding-top: 20px;
}
div.pwr-banner-wrap > div > a.learn-more {
left: 0;
padding-right: 20px;
}
div.pwr-banner-wrap > div > a.learn-more img {
float: left;
margin-right: 20px;
}
div.pwr-banner-wrap > div > a.configurator {
padding-left: 20px;
right: 0;
text-align: right;
}
div.pwr-banner-wrap > div > a.configurator img {
float: right;
margin-left: 20px;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
div.pwr-banner-wrap > div > a {
box-sizing: border-box;
width: 50%;
}
}
@media (max-width: 550px) {
div.pwr-banner-wrap > div > a {
width: 100%;
}
div.pwr-banner-wrap > div > a.learn-more {
/*bottom: 50px;
*/ /* CWD(AP) 20170814 */
}
div.pwr-banner-wrap > div > a.configurator {
padding-left: 0;
padding-right: 20px;
text-align: left;
display: none;
/* CWD(AP) 20170814 */
}
div.pwr-banner-wrap > div > a.configurator img {
float: left;
margin-left: 0;
margin-right: 20px;
}
div.pwr-banner-wrap > div > a:hover img {
-ms-transform: rotate(0deg);
/* IE 9 */
-webkit-transform: rotate(0deg);
/* Chrome,
Safari,
Opera */
transform: rotate(0deg);
}
}
.category-pwr-range .category-title {
display: none;
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/search-mini.css ******/
.search-mini {
float: right;
width: 380px;
z-index: 9999;
}
.search-mini form {
float: left;
width: 68%;
}
.search-mini #search_mini_form input {
margin-right: 10px;
padding: 5px;
}
.search-mini #search_mini_form > .form-search > label {
display: none;
}
a.cart-top-link,
a.cart-top-link:hover,
a.cart-top-link:active,
a.cart-top-link:visited,
a.cart-top-link:focus {
/*background: url('./images/ico-cart-desktop.jpg') no-repeat left center;
*/
background: url('./images/ico-cart.png') no-repeat left center;
line-height: 32px;
text-decoration: none;
padding-left: 34px;
margin-left: 5px;
display: inline-block;
vertical-align: middle;
}
a.account-top-link,
a.account-top-link:hover,
a.account-top-link:active,
a.account-top-link:visited,
a.account-top-link:focus {
text-decoration: none;
/* padding-left: 34px;
*/
margin-left: 5px;
display: inline-block;
width: 31px;
}
a.cart-top-link span,
a.cart-top-link:hover span,
a.cart-top-link:active span,
a.cart-top-link:visited span,
a.cart-top-link:focus span {
display: none;
}
@media only screen and (max-width: 1024px) {
.search-mini .cart-link {
display: none;
}
.search-mini {
bottom: auto;
clear: both;
display: none;
position: relative;
right: auto;
width: 100%;
}
.search-mini.active {
display: block;
}
.search-mini #search_mini_form input {
box-sizing: border-box;
font-size: 20px;
margin: 5% 2%;
padding: 10px;
width: 96%;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/subscribe.css ******/
div.subscribe{
background: #e0e0e0;
}
div.subscribe-wrap{
width: 100%;
max-width: 1200px;
margin: auto;
padding: 10px 0;
}
div.block-subscribe{
margin:0;
}
div.subscribe .block-title{
display: none;
}
div.subscribe .form-subscribe-header label{
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
}
div.subscribe .form-subscribe-header,
div.subscribe .input-box,
div.subscribe .actions{
float: none;
display:inline-block;
position: relative;
vertical-align:middle;
margin:0;
}
div.subscribe .actions{
top: auto;
right: auto;
}
div.block-subscribe button{
text-indent: 0px;
border: 2px solid #111;
width:auto;
background: none;
color:#111;
font-size:18px;
height:auto;
max-height:999px;
padding: 8px 10px 3px;
}
div.block-subscribe button:hover{
background: #111;
color:#FFF;
}
div.block-subscribe input{
box-sizing: border-box;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius:0;
max-width:100%;
font-size: 18px;
padding: 10px 0 5px 10px;
margin:0 10px 0 0;
}
@media only screen and (min-width: 779px){
div.subscribe form{
width:720px;
margin:0 auto;
}
div.subscribe .form-subscribe-header label{
margin:6px 10px 0 0;
}
div.block-subscribe input{
width:300px;
}
}
@media only screen and (max-width: 778px){
div.subscribe form{
width:100%;
margin:0 auto;
}
div.subscribe div.block-content{
text-align:center;
}
div.subscribe .form-subscribe-header{
width:100%;
text-align:center;
}
div.block-subscribe input{
width:300px;
}
}
@media only screen and (max-width: 450px){
div.subscribe .form-subscribe-header,
div.subscribe .input-box,
div.subscribe .actions{
width:100%;
text-align:center;
}
div.subscribe .form-subscribe-header label{
font-size:20px;
}
div.block-subscribe input{
width:90%;
margin:0 auto 10px;
text-align:center;
}
div.block-subscribe button{
width:90%;
margin:0 auto;
float:none;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/the-goods.css ******/
.the-goods .the-goods{
max-width: 1200px;
margin: auto;
}
.the-goods .collection .item{
width:24%;
margin: 0 0.65%;
float:left;
overflow:hidden;
}
.the-goods .collection .item:first-child{
margin-left:0;
}
.the-goods .collection .item:last-child{
margin-right: 0;
}
.the-goods .collection p.image{
margin:0;
}
.the-goods .collection .item img{
width:100%;
height:auto;
}
.the-goods .collection .item a{
position:relative;
}
.the-goods .collection .item .title{
position: absolute;
bottom: -100px;
display: block;
background: rgba(1, 1, 1, 0.5);
width: 100%;
opacity: 0;
}
.the-goods .collection .item a:hover .title{
bottom: 0;
opacity:1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.the-goods .collection .item .title .title-sub{
color: #fff;
font-size: 24px;
text-transform: uppercase;
padding: 21px;
display: block;
word-spacing: 99999px;
line-height: 25px;
}
.the-goods .collection .item .title .button{
background: #fff;
padding: 5px 10px 1px 10px;
text-transform: uppercase;
position: absolute;
right: 5%;
bottom: 9%;
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
vertical-align: middle;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.the-goods .collection .item{
width:49%;
margin: 0 1% 2%;
}
body .the-goods .collection .item:nth-child(odd){
margin-left:0;
}
body .the-goods .collection .item:nth-child(even){
margin-right:0;
}
.the-goods .collection .item .title{
bottom:-5px;
opacity:1;
}
.the-goods .collection .item .title .button{
display: none
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/top-links.css ******/
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/upsell-products.css ******/
#upsell-product-table {
width: auto;
}
#upsell-product-table td{
padding: 0 3%;
text-align: center;
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/vimeo.css ******/
.vimeo-banner{
width: 100%;
clear: both;
float:none;
}
.vimeo-banner iframe{
width: 100%;
min-height: 650px;
max-width: 1200px;
margin: auto;
display: block;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.vimeo-banner iframe{
width: 100%;
min-height:200px;
height: auto !important;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/welcome-message.css ******/
.welcome-msg
{
display:none;
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/blocks/zzz.css ******/
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/global/form-crystal.css ******/
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.crystalform input[type=text] ,
.crystalform textarea ,
.crystalform select {
width: 100% !important;
}
.crystalform .input-group,
.crystalform .input-group > .item{
width: 100% !important;
float: none
}
.crystalform label{
width: 100% !important;
float: none
}
.crystalform button{
margin:auto !important;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/global/global.css ******/
.std img{
width:100%;
height: auto;
}
.desktop-hide{
display: none;
}
@media only screen and (max-width: 1199px){
div.page-title h1{
margin:1%;
}
div.std iframe{
max-width:100%;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px){
div{
box-sizing: border-box;
}
div.std iframe{
width:100%;
height:auto;
min-height: 300px;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
body{
font-size: 15px;
}
h1{
font-size: 18px;
}
div.std iframe{
width:100%;
height:auto;
min-height: 300px;
}
div.page-title{
text-align:left;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/global/tables.css ******/
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
body.cms-page-view .std table td.cell-1,
body.cms-page-view .std table td.cell-2{
width:99%;
display: block;
padding: 0;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/global/template-parts.css ******/
div.container div.container-wrap {
width: 100%;
}
div.content-main div.content-main-wrap {
margin: auto;
max-width: 1200px;
min-height: 450px;
width: 100%;
}
header.template {
border-bottom: 1px solid #333333;
}
header.template div.header-wrap {
border: none;
margin: auto;
max-width: 1200px;
position: relative;
width: 100%;
}
body.two-columns-left section.template ,
body.two-columns-right section.template {
box-sizing: border-box;
max-width: none;
width: 70%;
}
body.two-columns-left aside.left,
body.two-columns-right aside.right {
box-sizing: border-box;
width: 30%;
}
footer.template {
margin-top: 0;
background:#222222;
}
footer.template h2,
footer.template a{
color:#fff;
}
footer.template div.footer-wrap {
max-width: 1200px;
width: 100%;
}
.container {
margin: 0 auto;
}
.push {
display: none
}
footer,
.push {
height: auto
}
.std img {
height: auto;
width: 100%;
}
.desktop-hide {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.std {
margin: 1%;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px) {
.std {
margin: 1%;
}
}
@media only screen and (max-width: 1024px) {
.mobile-hide {
display: none
}
.desktop-hide {
display: block;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
body.two-columns-left aside.left,
body.two-columns-right aside.right {
clear: both;
float: none;
width: 100%;
}
body.two-columns-left aside.left div.aside-wrap,
body.two-columns-right aside.right div.aside-wrap {
min-height: 100%;
width: 100%;
}
body.two-columns-right section.template ,
body.two-columns-left section.template {
width: 100%;
}
body.two-columns-right section.template div.section-wrap,
body.two-columns-left section.template div.section-wrap {
margin: 10px;
}
body aside.right {
clear: both;
width: 100%;
}
body aside.right div.aside-wrap {
margin: 0 1%;
width: 98%;
}
.std {
margin: 1%;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/global/zzz.css ******/
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/account-pages.css ******/
body.customer-account-edit div.category-side-nav,
body.customer-account-index div.category-side-nav,
body.customer-address-index div.category-side-nav,
body.sales-order-history div.category-side-nav,
body.review-customer-index div.category-side-nav,
body.wishlist-index-index div.category-side-nav,
body.newsletter-manage-index div.category-side-nav,
body.wishlist-index-share div.category-side-nav{
display:none;
}
div.block.block-cart,
div.block.block-compare{
display:none;
}
body.customer-account-login div.page-title h1 {
margin: 30px 0;
border-bottom: 3px solid #eee;
}
body.customer-account-login form#login-form {
margin:0 auto;
}
body.customer-account-login form#login-form p.required{
font-size:12px;
}
body.customer-account-login div.account-login .buttons-set a {
margin-top:5px;
float:right;
}
body.customer-account-login div.account-login .buttons-set button {
float:left;
}
div.dashboard .box-title{
background:#bfbfbf;
}
div.dashboard .box-title h3{
color:#525252;
}
body.customer-account-index div.content-main-wrap div.box-content h4{
color:#525252;
}
body.customer-account-login .section-wrap,
body.customer-account-forgotpassword .section-wrap,
body.customer-account-create .section-wrap{
padding: 0 5px;
}
form#form-validate ul li{
clear:both;
}
body.customer-account-login div.content-main div.content-main-wrap,
body.customer-account-forgotpassword div.content-main div.content-main-wrap{
max-width: 900px;
margin: auto;
}
body.customer-account-create div.account-create{
width:auto;
max-width: 900px;
margin: auto;
}
body.customer-account-create form#form-validate,
body.customer-account-forgotpassword form#form-validate{
margin:0 auto;
}
form#form-validate select{
font-size:14px;
}
body.customer-account-forgotpassword form#form-validate input{
width:90%;
}
div.block.block-reorder{
display:none;
}
table.data-table .product-name{
color:#025E85;
}
body.customer-account-create div.page-title h1,
body.customer-account-create div.page-title h1,
body.customer-account-forgotpassword div.page-title h1{
margin: 30px 0;
border-bottom: 3px solid #eee;
}
@media (min-width: 768px) and (max-width: 1023px), only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px), only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
body.customer-account-login form#login-form {
width:100%;
}
div.block div.block-content li strong{
width:auto;
}
div.block div.block-content a{
width:100%;
box-sizing:border-box;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
div.account-login div.col-1{
margin-bottom:30px;
padding-bottom:30px;
border-bottom:solid 1px #BFBFBF;
}
div.account-login div.col-1,
div.account-login div.col-2{
width:100%;
float:left;
clear:both;
}
form#form-validate{
max-width:400px;
width:100%;
}
div.addresses-list .col-1,
div.addresses-list .col-2{
width:100%;
}
/*---Order table---(may need to revisit for IE?)----*/
div.my-account div.box-recent #my-orders-table th:nth-child(3),
div.my-account div.box-recent #my-orders-table td.cell-3,
div.my-account div.box-recent #my-orders-table td.last span.separator,
div.my-account div.box-recent #my-orders-table td.last a:last-child{
display:none;
}
div.my-account div.box-recent #my-orders-table th,
div.my-account div.box-recent #my-orders-table td{
padding:3px 6px 3px 6px;
}
body.sales-order-history div.my-account #my-orders-table th:nth-child(3),
body.sales-order-history div.my-account #my-orders-table td.cell-3,
body.sales-order-history div.my-account #my-orders-table td.last span.separator,
body.sales-order-history div.my-account #my-orders-table td.last a:last-child{
display:none;
}
body.sales-order-history div.my-account #my-orders-table th,
body.sales-order-history div.my-account #my-orders-table td{
padding:3px 6px 3px 6px;
}
body.sales-order-view #my-orders-table th:nth-child(2),
body.sales-order-view #my-orders-table tbody td.cell-2,
body.sales-order-invoice .data-table th:nth-child(2),
body.sales-order-invoice .data-table tbody td.cell-2,
body.sales-order-shipment .data-table th:nth-child(2),
body.sales-order-shipment .data-table tbody td.cell-2{
display:none;
}
body.sales-order-view #my-orders-table tbody td,
body.sales-order-invoice .data-table tbody td,
body.sales-order-shipment .data-table tbody td{
vertical-align:middle;
}
body.sales-order-view #my-orders-table h3,
body.sales-order-invoice .data-table h3,
body.sales-order-shipment .data-table h3{
text-align:left;
font-size:14px;
}
body.sales-order-view #my-orders-table tbody td.a-right.last,
body.sales-order-view #my-orders-table tfoot td.a-right,
body.sales-order-invoice .data-table tbody td.a-right.last,
body.sales-order-invoice .data-table tfoot td.a-right,
body.sales-order-shipment .data-table tbody td.a-right.last,
body.sales-order-shipment .data-table tfoot td.a-right{
text-align:right;
}
}
@media only screen and (max-width: 450px){
form#form-validate li,
div.account-create #form-validate li{
float: left;
width: 100%;
margin:0
}
form#form-validate li div.field{
width:100%;
}
form#form-validate li label{
width:100%;
clear:both;
}
form#form-validate li.control label{
width:auto;
clear:none;
}
form#form-validate li input,
div.account-create #email_address,
form#form-validate li.wide input,
form#form-validate li.wide textarea,
body.customer-account-forgotpassword form#form-validate input{
width:100%;
clear:both;
box-sizing:border-box;
padding:5px;
margin-bottom:10px;
}
form#form-validate select{
width:auto;
padding:5px;
margin-bottom:10px;
}
form#form-validate button{
margin-right:0;
}
/*--Orders--*/
div.my-account div.box-recent #my-orders-table th:nth-child(2),
div.my-account div.box-recent #my-orders-table td.cell-2,
body.sales-order-history div.my-account #my-orders-table th:nth-child(2),
body.sales-order-history div.my-account #my-orders-table td.cell-2,
body.sales-order-history div.my-account #my-orders-table th:nth-child(4),
body.sales-order-history div.my-account #my-orders-table td.cell-4,
div.my-account div.box-recent #my-orders-table th:nth-child(4),
div.my-account div.box-recent #my-orders-table td.cell-4{
display:none;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/blog.css ******/
@media only screen and (min-width: 1021px) and (max-width: 1199px){
body.blog-post-view section.template,
body.blog-index-list section.template,
body.blog-cat-view section.template{
margin-left:1%;
}
}
@media only screen and (max-width: 1020px){
body.blog-post-view section.template,
body.blog-index-list section.template,
body.blog-cat-view section.template{
width:100%;
max-width:100%;
}
body.blog-post-view section.template div.section-wrap,
body.blog-index-list section.template div.section-wrap,
body.blog-cat-view section.template div.section-wrap{
width:98%;
max-width:100%;
margin:0 1%;
}
body.blog-post-view aside div.aside-wrap,
body.blog-index-list aside div.aside-wrap,
body.blog-cat-view aside div.aside-wrap{
width:98%;
max-width:100%;
margin:0 1%;
}
.blog-index-list .postContent,
.blog-post-view .postContent{
width:100%;
max-width:100%;
}
.postContent img{
max-width:600px;
width:100%;
height:auto;
}
body.blog-index-list .postWrapper{
margin-bottom:10px;
padding-bottom:10px;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.postContent iframe{
width:100%;
height:auto;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/cart.css ******/
/** CWD, 22-11-2016, Harry, corss sell block changes **/
.crosssell{
margin-top: 30px !important;
}
ul#crosssell-products-list li{
padding-left: 0;
}
/****/
@media only screen and (max-width: 1199px){
body.checkout-cart-index div.cart form{
margin:0 1%;
}
body.checkout-cart-index div.cart div.cart-collaterals{
margin:0 1% 20px;
}
}
@media only screen and (max-width: 900px){
body.checkout-cart-index a.btn-remove{
display:none;
}
}
@media only screen and (max-width: 500px){
body.checkout-cart-index div.cart button.btn-continue{
display:none;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
body.checkout-cart-index div.cart div.cart-collaterals > div{
width:100%;
clear:both;
}
body.checkout-cart-index div.cart div.cart-collaterals > div.col2-set{
text-align:center;
}
form#discount-coupon-form{
width:100%;
margin:10px 0 25px;
}
body.checkout-cart-index div.cart div.totals #shopping-cart-totals-table{
min-width:200px;
width:auto;
float:right;
}
body.checkout-cart-index div.cart ul.checkout-types{
float:right;
clear:both;
}
#crosssell-products-list li.item{
padding:0;
}
#crosssell-products-list ul.add-to-links li{
padding:0;
}
#crosssell-products-list ul.add-to-links span.separator{
display:none;
}
div.cart .btn-proceed-checkout{
padding: 20px 20px 15px;
font-size: 20px;
max-height: 1000px;
}
}
@media only screen and (max-width: 400px){
body.checkout-cart-index div.cart ul.checkout-types{
width:100%;
}
body.checkout-cart-index div.cart ul.checkout-types li{
text-align:center;
}
}
@media only screen and (max-width: 360px){
body.checkout-cart-index div.cart button.btn-empty{
display:none;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/cloudiq.css ******/
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
#cloudIqOverlay{
display: none !important;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/distributors.css ******/
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.distributor-search label{
display: block;
margin:10px 0;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/find-dealers.css ******/
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.cms-find-dealers-html .store-locator-helper #map{
width: 100%
}
.cms-find-dealers-html .store-locator-helper #storeList{
width: 100%
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/ftpportal-press.css ******/
@media only screen and (min-width: 640px) and (max-width: 767px), only screen and (min-device-width: 640px) and (max-device-width: 767px), only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.cms-ftpportal-press .accordian li,
.cms-ftpportal-press .accordian li.last-level{
margin-bottom: 5px;
font-size:14px;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/home.css ******/
@media only screen and (max-width: 1219px){
body.cms-index-index div.section-wrap{
padding:0 10px;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/instagram.css ******/
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.instagram-helper img{
width: 100% !important;
height:auto !important;
}
.instagram-helper .col-center,
.instagram-helper .col-right,
.instagram-helper .col-left{
width: 100% !important;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/onestepcheckout.css ******/
.onestepcheckout-index-index #shipping_address .input-address{
clear: both;
padding-top: 10px;
}
@media only screen and (max-width: 620px) , ( max-width : 600px) , ( max-width : 599px) , ( max-width : 699px) , ( max-width : 740px) , ( max-width : 850px) {
div.onestepcheckout-threecolumns {
width: 100%;
min-width: 320px;
}
.main {
width: 93%;
min-width: 320px;
margin: 0;
}
.onestepcheckout-column-padright {
padding: 10px 15px 10px 0px;
}
.onestepcheckout-column-padleft {
padding: 10px 0px 10px 0px;
}
.knogcomau div.onestepcheckout-threecolumns div.onestepcheckout-column-right {
clear: both;
float: none;
background: none;
width: 100%;
}
.knogcomau div.onestepcheckout-threecolumns div.onestepcheckout-column-left {
width: 50%;
}
.knogcomau div.onestepcheckout-threecolumns div.onestepcheckout-column-middle {
width: 49%;
background: none;
float: right;
}
div.onestepcheckout-place-order-wrapper {
margin: 20px 0px 13px 0px;
text-align: center;
}
table.onestepcheckout-summary td.name {
width: 85%;
}
}
@media only screen and (max-width: 320px) , ( max-width : 420px) , ( max-width
: 450px) , ( max-width : 479px) , ( max-width : 499px) , (
max-width : 520px) , ( max-width : 535px) {
div.onestepcheckout-threecolumns {
width: 100%;
min-width: 295px;
}
.main {
width: 90%;
min-width: 285px;
margin: 0;
}
.onestepcheckout-column-padleft, .onestepcheckout-column-padright {
padding: 10px 0px 10px 0px;
}
.knogcomau div.onestepcheckout-threecolumns div.onestepcheckout-column-middle,
.knogcomau div.onestepcheckout-threecolumns div.onestepcheckout-column-left,
.knogcomau div.onestepcheckout-threecolumns div.onestepcheckout-column-right {
float: none;
background: none;
width: 100%;
}
div.onestepcheckout-place-order-wrapper {
margin: 20px 0px 13px 0px;
text-align: center;
}
div#onestepcheckout-login-popup.login-modal {
min-width: 300px;
max-width: 300px;
}
.input-slotpicker {
width: 33%;
}
#addressreview_shippinga, #addressreview_payment,
#addressreview_billinga, #addressreview_shipping {
width: 100%;
float: none;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
/* crystal customisations */
.knogcomau div.onestepcheckout-place-order-wrapper{
margin:0;
text-align: center;
}
.knogcomau div.onestepcheckout-place-order-wrapper button{
padding: 10px 20px;
max-height: none;
font-size: 18px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* crystal customisations */
.knogcomau div.onestepcheckout-threecolumns div.onestepcheckout-column-middle{
width: 40%;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/product-list.css ******/
body.catalog-category-view .category-title{
display:none;
}
ul.products-grid li.item{
width: 100%;
margin: 1%;
max-width: 32%;
}
ul.products-grid li.item img{
width: 100%;
max-width: 300px;
height: auto;
}
.category-image img{
width: 100%;
height: auto;
}
/* IMAGE SWAPPING */
ul.products-grid a.product-image{
position: relative;
max-width: 300px;
margin:0 auto;
}
ul.products-grid li.item img.img-2{
position: absolute;
left: 0;
top: 0;
opacity:0;
-webkit-transition: opacity 500ms ease;
-moz-transition: opacity 500ms ease;
-o-transition: opacity 500ms ease;
transition: opacity 500ms ease;
}
ul.products-grid li.item a.product-image:hover img.img-2{
opacity:1;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
ul.products-grid li.item{
max-width: 98%;
}
ul.products-grid li.item img{
width: 90%;
}
ul.products-grid .short-description a{
padding: 6px;
display: inline-block;
}
ul.products-grid .product-name a{
padding: 6px;
display: inline-block;
}
/* IMAGE SWAPPING */
ul.products-grid li.item img.img-2{
left: 5%;
}
}
/* TEMP */
.catalogsearch-result-index div.sorter,
.catalog-category-view div.sorter {
/* display: block; */ /* CWD(AP) 20170913 */
display: none; /* CWD(AP) 20170913 */
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/product-view-tabs.css ******/
.product-view-tabs h2{
background: none;
text-align: center;
font-size: 24px;
border: 0;
}
.product-view-tabs h2 a{
display: inline-block;
background: white;
padding: 2% 3%;
}
.product-view-tabs h2:hover{
background: 0;
}
.product-view-tabs > div{
display: block
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/product-view.css ******/
.catalog-product-view .content-main h2 {
position: relative;
font-size: 30px;
z-index: 1;
overflow: hidden;
text-align: center;
line-height: 70px
}
.catalog-product-view .content-main h2:before,
.catalog-product-view .content-main h2:after {
position: absolute;
top: 51%;
overflow: hidden;
width: 49%;
height: 1px;
content: '\a0';
background-color: #333;
}
.catalog-product-view .content-main h2:before {
margin-left: -51%;
text-align: right;
}
.catalog-product-view .content-main h2:after {
margin-left:2%;
}
.catalog-product-view div.product-view div.product-shop{
width: 46%;
}
.catalog-product-view div.product-view div.product-options{
width: 46%;
margin:0;
}
.catalog-product-view div.product-view div.product-options-bottom{
width: 46%;
margin:0;
}
a.video-link{
display:none;
}
#product-tabs-instructions{
background: #eee;
padding: 35px 0 0 0;
margin-bottom: 20px;
}
#product-tabs-instructions iframe{
width:100%;
height:auto;
min-height: 300px;
}
#product-tabs-video iframe{
width:100%;
height:auto;
min-height: 560px;
}
.description-holder{
max-width: 920px;
margin: auto
}
#product-tabs-video .description-holder{
max-width:100%;
}
.description-holder table td{
width:42%;
padding: 0% 8% 0% 0%;
}
.description-holder table td.cell-2{
padding: 0%;
}
.spec-icons a{
text-decoration:none!important;
}
.spec-desc{
margin:10px;
}
body div.product-view .product-img-box {
position:static;
}
body div.product-view-tabs #product-tabs-video{
padding:0 0 10px 0;
}
@media only screen and (min-width: 1025px){
div.images-swipe-container{
display:none;
}
}
@media only screen and (max-width: 1120px) and (min-width: 1025px){
.catalog-product-view div.product-view div.product-shop,
.catalog-product-view div.product-view div.product-options,
.catalog-product-view div.product-view div.product-options-bottom{
width:40%;
clear:right;
}
}
@media only screen and (max-width: 1024px){
div.product-view .video-link{
display:none;
}
.catalog-product-view div.product-view div.product-shop,
.catalog-product-view div.product-view div.product-options,
.catalog-product-view div.product-view div.product-options-bottom{
clear:right;
}
div.product-view .product-img-box .product-img-box {
width:100%;
}
div.product-view form > .product-img-box{
width:50%;
}
div.product-img-box-wrap{
display:none;
}
div.images-swipe-container{
display:block;
margin:0 auto;
}
button.slick-arrow{
position:absolute;
top:40%;
left:0;
z-index:99;
width:50px;
height:50px;
text-indent:-9999em;
background:url('images/template/arrow-prev.png') no-repeat center center transparent;
border:none;
}
button.slick-arrow.slick-next{
right:0;
left:auto;
background-image:url('images/template/arrow-next.png');
}
ul.slick-dots{
text-align:center;
}
ul.slick-dots li{
display:inline-block;
float:none;
margin:5px;
padding:0;
}
ul.slick-dots li button{
width:10px;
height:10px;
text-indent:-9999em;
background:#a8a9ad;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
border:none;
padding:0;
}
ul.slick-dots li.slick-active button{
background:#000;
}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.zoomContainer{
display: none !important;
}
.catalog-product-view div.product-name h2{
text-align: left;
font-size: 20px;
}
.catalog-product-view div.product-view div.product-actions{
float:none;
width: 96%;
margin: auto;
text-align: left
}
.catalog-product-view div.product-view div.product-shop{
float:none;
width: 96%;
margin: auto;
}
.catalog-product-view div.product-view div.product-options{
float:none;
width: 96%;
margin: auto;
display: inline-block;
}
.catalog-product-view div.product-view div.product-options-bottom{
float:none;
width: 96%;
margin: auto;
display: inline-block;
}
.catalog-product-view .category-products div.item{
float: none;
width: 96%;
text-align: center;
margin: auto;
}
a.MagicZoom{
width: 100% !important;
height:auto;
}
a.MagicZoom img{
width: 100% !important;
height:auto;
}
div.product-view .product-img-box{
position: relative;
}
p.product-image.product-image-zoom{
width: 100% !important;
height:auto !important;
}
/* TOUCH SWIPER EXTRA */
div.product-view form > .product-img-box{
width:100%;
}
.catalog-product-view #product-tabs-video iframe{
min-height: 200px;
}
.catalog-product-view .description-holder table td{
width:99%;
display: block;
}
.catalog-product-view .spec-icons {
text-align: center;
}
.catalog-product-view .spec-icons a{
width: 24%;
display: inline-block;
}
.catalog-product-view #product-tabs-instructions .description-holder{
padding:10px;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/reviews.css ******/
@media only screen and (min-width: 641px) and (max-width: 1000px){
body.cms-reviews-html section.template,
body.cms-reviews-html section.template div.section-wrap,
body.crystalnews section.template,
body.crystalnews section.template div.section-wrap,
body.cms-reviews-html aside,
body.crystalnews aside{
width:100%;
max-width:100%;
}
body.cms-reviews-html aside div.aside-wrap,
body.crystalnews aside div.aside-wrap{
width:98%;
max-width:100%;
margin:0 1%;
}
body.crystalnews .news-wrap .item, body.crystalnews .std .item,
body.cms-reviews-html .std .item{
width:100%;
max-width:100%;
}
.news .item .intro-img{
max-width:600px;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/video-list.css ******/
.video-collection .item iframe{
width:100%;
/* min-height: 680px; */
margin-bottom: 10px;
}
.video-thumb-collection .item{
margin-right: 1%;
cursor: pointer;
width: 18%;
margin-left: 1%;
min-height: 145px;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.video-thumb-collection .item{
width: 31%;
min-height: 120px;
}
.video-collection .item iframe{
width:100%;
min-height: 250px;
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/warranty.css ******/
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px){
.cms-warranty-and-returns-html .crystalform .submit button{
margin-left: 0;
}
.cms-warranty-and-returns-html .input-group{
width:100%;
float: none
}
}
/****** /home/knogstag/public_html/skin/frontend/magentocrystalcom/knogcomau/css/pages/zzz.css ******/
button.slick-arrow {
background: url('images/arrow-prev.png') no-repeat center center transparent;
border: none;
height: 50px;
left: 0;
position: absolute;
opacity: 0.5;
text-indent: -9999em;
top: 45%;
width: 50px;
z-index: 99;
}
button.slick-arrow.slick-next {
background-image: url('images/arrow-next.png');
left: auto;
right: 0;
}
button.slick-arrow:hover {
opacity: 1;
}
ul.slick-dots {
text-align: center;
}
ul.slick-dots li {
display: inline-block;
float: none;
margin: 5px;
padding: 0;
}
ul.slick-dots li button {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #A8A9AD;
border-radius: 50%;
border: none;
height: 10px;
padding: 0;
text-indent: -9999em;
width: 10px;
}
ul.slick-dots li.slick-active button {
background: #000000;
}