.banner{ display:none;}

#canvas{
                width:100%;
                height:650px;
                overflow: hidden;
                position:fixed;
                top:0;
                left:0;
                background:#2d3843; z-index:-2;               
            }
            .canvas-wrap{
                 position:relative;height:650px; 
            }
		.bannerprop{left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0, 0, 0.5);opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.8s 0s, visibility 0s 0.8s;
  -moz-transition: opacity 0.8s 0s, visibility 0s 0.8s;
  transition: opacity 0.8s 0s, visibility 0s 0.8s; position:absolute; z-index:-1;}	
  
  .bannerprop.is-visible{
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.8s 0s, visibility 0.8s 0s;
  -moz-transition: opacity 0.8s 0s, visibility 0.8s 0s;
  transition: opacity 0.8s 0s, visibility 0.8s 0s;

}
	@media (max-width: 768px) { 
	#canvas{display:none;
                width:100%;
                height:200px;
                overflow: hidden;
                position:absolute;
                top:0;
                left:0;
                background:#2d3843; z-index:-111;   
				           
            }
            .canvas-wrap{
                 position:relative;height:200px;  overflow: hidden;
            }
			.canvas-wrap{ display:none;}
			.banner{ display:block; width:100%; height:auto; margin-top:60px;}
			#carousel-banner ul,#carousel-banner ul li{ width:100%; height:auto; background:#306}
#carousel-banner img{ width:100%; height:auto;}
	}