#alert-bar {
    width: 100%;
    margin: 0 auto;
    display: block;
    box-shadow: none;
    padding: 10px 0;
    background: #fcf8e3;
    color: #8a6d3b;
    height: 60px;
    border-bottom: 1px solid #FAEBCC;
}

#alert-bar img {
    margin: 0 20px 0 0;
    float: left;
    width: 46px;
}

#content .alert-bar-content {
	width: 980px;
	margin: 0 auto;
	display: block;
    position: relative;
    padding: 10px 0 20px 10px;
}

#content .alert-bar-content h1 {
    color: #8a6d3b;
    font-weight: bold;
    width: 79%;
    float: left;
}

#content .alert-bar-content p {
    margin: 0 20px 10px 0;
    color: #8a6d3b;
    width: 77%;
    float: left;
}

#content .alert-bar-content .red-btn {
    width: 110px;
    margin: -12px 0 0;
    float: left;
}
#content .alert-bar-content .close-btn {
	width: 12px;
    height: 12px;
    margin: 0px;
    position: absolute;
    top: 1px;
    right: 0px;
    float: none;
    cursor: pointer;
}

/*iphone 5 portrait*/
@media only screen and (max-width: 767px) and (min-width: 320px) and (orientation: portrait) {
	#alert-bar {
    	height: 205px;
	}
	#content .alert-bar-content {
		width: 100%;
	}

	#alert-bar img {
	    margin: 0 10px 0 10px;
	    float: left;
	    width: 26px;
	}

	#content .alert-bar-content h1 {
	    width: 79%;
	    font-size: 22px;
	}

	#content .alert-bar-content p {
        margin: 10px 10px 10px 0px;
    	width: 70%;
    	font-size: 15px;
	}
	#content .alert-bar-content .red-btn {
	    font-size: 14px;
	    width: 100px;
        margin: 0px 0 0 0px;
	}

	#content .alert-bar-content .close-btn {
	    top: 0px;
	    right: 10px;
	}
}
/*iphone 5 landscape*/
@media only screen and (max-width: 767px) and (min-width: 320px) and (orientation: landscape) {
	#content .alert-bar-content {
		width: 100%;
	}
	#alert-bar {
		height: 150px;
	}
	#alert-bar img {
		margin: 0 10px;
	}
	#content .alert-bar-content h1 {
		font-size: 22px;
		margin-bottom: 10px;
	}

	#content .alert-bar-content p {
	    width: 81%;
    	font-size: 18px;
	}

	#content .alert-bar-content .red-btn {
	    font-size: 14px;
	    width: 100px;
	    margin: 0px 0 0 65px;
	}
	#content .alert-bar-content .close-btn {
	    width: 14px;
    	height: 14px;
	    top: 5px;
    	right: 15px;
	}
}

@media only screen and (max-width: 667px) and (min-width: 375px) and (orientation: portrait) { 
	#content .alert-bar-content p {
	    margin: 10px 10px 20px 0px;
    	width: 80%;
	}
}
/*iphone 6 plus portrait */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio : 3) { 
	#alert-bar {
	    height: 145px;
	}
}

/*iphone 6 plus landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3) { 
	#content .alert-bar-content h1 {
    	font-size: 24px;
    }
	#content .alert-bar-content p {
        font-size: 18px;
    	margin-bottom: 20px;
	}
	#content .alert-bar-content .red-btn {
	    font-size: 16px;
	    width: 110px;
	    margin: 0px 0 0 65px;
	}
	#content .alert-bar-content .close-btn {
		right: 30px;
	}
}

/*ipaid portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 

}
/*ipaid landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 

}