/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.SliderPreviews
{
    position: relative; 
    bottom:-300px; 
    right:50px; 
    z-index: 10000; 
    width:100%;
}

.SliderPreviews div img
{
    cursor: pointer;
}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) 
 {
    .SliderPreviews
    {
        bottom:-30px; 
    }
 }

 /* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) 
 {
    .SliderPreviews
    {
        bottom:-30px; 
    }
 }
 
 /* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 768px) 
 {
    .SliderPreviews
    {
        bottom:-30px; 
    }
 }
 
 /* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {
    
 }
 
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 @media only screen and (min-width: 1200px) {
    .SliderPreviews
    {
        bottom:-200px; 
    }
 } 

 @media only screen and (min-width: 1600px) {
    .SliderPreviews
    {
        bottom:-400px; 
    }
 } 

 @media only screen and (min-width: 1700px) {
    .SliderPreviews
    {
        bottom:-500px; 
    }
 } 

 @media only screen and (min-width: 1800px) {
    .SliderPreviews
    {
        bottom:-600px; 
    }
 } 

 @media only screen and (min-width: 1900px) {
    .SliderPreviews
    {
        bottom:-600px; 
    }
 }