.banner {
    width:  960px;
    height: 380px;
    padding-left: 30px;
    padding-top: 30px;
    box-sizing: border-box;
}

#slider1_container {
    position: relative;
    width:  900px !important;
    height: 350px !important;
}

#slider1_container > div  {
    width:  900px;
    height: 350px;
}

.caption {
    position: absolute; 
    top: 300px !important; 
    left: 0px; 
    width: 900px !important; 
    height: 50px !important;
}

.black {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 50px; 
    background-color: #2b2623;
    opacity: 0.6; 
    filter: alpha(opacity=60);
}

.banner .text {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 50px; 
    color: white; 
    font-size: 16px; 
    font-weight: normal; 
    font-family: Arial;
    line-height: 50px; 
    text-align: center;
}

.banner .slides {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 900px;
    height: 350px;
    overflow: hidden;
}

.slides img {
    width: 900px;
    height: 350px;
}
    



/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {
       
    
    }
    
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        .banner  {
            width:  768px;
            height: 305px;
        }
        
        #slider1_container,
        #slider1_container > div {
            max-width: 708px !important;
            max-height: 275px !important;
        }
    
        .slides {
            max-width: 708px !important;
            max-height: 275px !important;
        }
    
        img.image {
            max-width: 708px !important;
            max-height: 275px !important;
        }

        .caption {
            max-width: 708px !important;
            top: 225px !important;
        }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
        .banner {
            padding: 0px;
            width:  420px;
            height: 170px;
        }
    
        #slider1_container,
        #slider1_container > div {
            max-width: 420px !important;
            max-height: 170px !important;
        }

        .slides {
            max-width: 420px !important;
            max-height: 170px !important;
        }
    
        img.image {
            max-width: 420px !important;
            max-height: 170px !important;
        }

        .caption {
            max-width: 420px !important;
            top: 120px !important;
        }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
       
        
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .banner {
            padding: 0px;
            width:  300px;
            height: 117px;
        }
    
        #slider1_container,
        #slider1_container > div {
            max-width: 300px !important;
            max-height: 117px !important;
        }

    
        .slides {
            max-width: 300px !important;
            max-height: 117px !important;
        }

        img.image {
            max-width: 300px !important;
            max-height: 117px !important;
        }

        .caption {
            max-width: 300px !important;
            top: 87px !important;
            height: 30px;
            
        }
    
        .black {
            height: 30px !important; 
        }
        
        .banner .text {
            height: 30px; 
            color: White; 
            font-size: 11px !important;
            line-height: 30px; 
        }

	}