@charset "UTF-8";
/* CSS Document */

/* Smartphones (portrait and landscape)
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) {
    /* Styles */
    /*} 
	----------- */

    /* Smartphones (landscape) ----------- */
    @media only screen 
    and (min-width : 321px) {
    /* Styles */
	.slick-slide img {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	
    }

    /* Smartphones (portrait) ----------- */
    @media only screen 
    and (max-width : 320px) {
    /* Styles */
	.slick-slide img {width: 100%;
			margin-left: auto;
			margin-right: auto;
		}
	.slick-prev {
			left: -5%;
			z-index: 100;	
	}
	.slick-next {
    		right: -5%;
			z-index: 100;	
	}
    }
	
	
    /* iPhone6 (portrait) ----------- */
    @media only screen 
    and (max-width : 375px) {
    /* Styles */
	.slick-slide img {width: 100%;
			margin-left: auto;
			margin-right: auto;
		}
	.slick-prev {
			left: -5%;
			z-index: 100;	
	}
	.slick-next {
    		right: -5%;
			z-index: 100;	
	}
    }

    /* Tablets, iPads (portrait and landscape)
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) {
    /* Styles */
   /* }------*/
	

    /* Tablets, iPads (landscape) ----------- */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape) {
    /* Styles */
	.slick-slide img {
		width: 60%;
		height:auto;
		margin-left: auto;
		margin-right: auto;
	}
    }

    /* Tablets, iPads (portrait) ----------- */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait) {
    /* Styles */
	.slick-slide img {
		width: 85%;
		height:auto;
		margin-left: auto;
		margin-right: auto;
	
	}
    }

    /* Desktops and laptops ----------- */
    @media only screen 
    and (min-width : 1224px) {
    /* Styles */
	.slick-slide img {
		width: 50%; 
		height:auto;
		margin-left: auto;
		margin-right: auto;
	}
    }

    /* Large screens ----------- */
    @media only screen 
    and (min-width : 1824px) {
    /* Styles */
	.slick-slide img {
		width: 70%; 
		height:auto;
		margin-left: auto;
		margin-right: auto;
	}
    }

    /* iPhone 4
    @media
    only screen and (-webkit-min-device-pixel-ratio : 1.5),
    only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
    /*}
	 ----------- */