.swiper-container{
			text-align: left;
			max-width: 1300px;
			margin: 0 auto;
            width: 100%;
           height: auto;
		}
        .swiper-container .swiper-slide{
        width: 100%;
			height: auto;
		}
		.swiper-container .swiper-slide img{
			max-width: 100%;
			width: 100%;
			height: auto;
		}
		.prettyprint{
			border: none;
			background: #fafafa;
			color: #697d86;
		}
		
		.swiper-wrapper{
        width: 100%;
			height: auto;
		}

		#thumbs {
	        box-sizing: border-box;
	        padding: 5px 0 0 0;
	    }
	    #thumbs .swiper-slide {
	        width: 15%;
	       height: auto;
	        opacity: 0.2;
	        cursor: pointer;
            margin: 10px 5px 5px 5px;
	    }
        
        #thumbs .swiper-slide img{
			width: 100%;
			height: auto;
		}
        
        
	    #thumbs .swiper-slide-active {
	        opacity: 1;
	    }
        
        
        
@media screen and (max-width : 750px ){ 

.swiper-container{
           height: 25%;
           height: auto;
		}


#thumbs {
            height: auto;
	    }


	    #thumbs .swiper-slide {
	        width: 30%;
            height: auto;
            margin: 2px 1px 2px 1px;
	    }


}