/* Enter Your Custom CSS Here */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#ninja-slider li.sl-cl2 {
  animation: none !important; 
}

#ninja-slider li.sl-sl2 {
 animation  : none !important;
}

.MagicZoom, .mz-figure {
   width: 100% !important;
   height: 100% !important;
}

.MagicZoom img {
    display: none !important;
}
}

@media only screen and (max-width : 320px) {
 #ninja-slider li.sl-cl2 {
  animation: none !important; 
}

#ninja-slider li.sl-sl2 {
 animation  : none !important;
}

.MagicZoom, .mz-figure {
   width: 100% !important;
   height: 100% !important;
}

.MagicZoom img {
    display: none !important;
}
} 

@media only screen and (max-width : 640px) {
 #ninja-slider li.sl-cl2 {
  animation: none !important; 
}

#ninja-slider li.sl-sl2 {
 animation  : none !important;
}

.MagicZoom, .mz-figure {
   width: 100% !important;
   height: 100% !important;
}

.MagicZoom img {
    display: none !important;
}
} 

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
   #ninja-slider li.sl-cl2 {
  animation: none !important; 
}

#ninja-slider li.sl-sl2 {
 animation  : none !important;
}

.MagicZoom, .mz-figure {
   width: 100% !important;
   height: 100% !important;
}

.MagicZoom img {
    display: none !important;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) { 
   #ninja-slider li.sl-cl2 {
  animation: none !important; 
}

#ninja-slider li.sl-sl2 {
 animation  : none !important;
}

.MagicZoom, .mz-figure {
   width: 100% !important;
   height: 100% !important;
}

.MagicZoom img {
    display: none !important;
}
}

.textwidget a {
    color: #401285;
}