@font-face {
  font-family: 'ColesHaptic-Regular';
  src: url('../fonts/ColesHaptic-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/ColesHaptic-Regular.woff') format('woff'), url('../fonts/ColesHaptic-Regular.ttf')  format('truetype'), url('../fonts/ColesHaptic-Regular.svg#ColesHaptic-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
	margin:0px;
	padding:0px;
	box-sizing: border-box;
}

.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

body {
	background:#EEEEEE;
	font-family: 'ColesHaptic-Regular';
}

.Coles-top {
	background: #333;
	height: 30px;
}

.Coles-gradient {
    background-repeat: repeat;
    background-size: contain;
    background-color: #e60000;
    background: #e60000;
    background: -webkit-linear-gradient(#e60000, #980000);
    background: -o-linear-gradient(#e60000, #980000);
    background: -moz-linear-gradient(#e60000, #980000);
    background: linear-gradient(#e60000, #980000);
    border-bottom: 1px solid #E01A22;
}

.coles-middle {
	width: 1440px;
	margin: auto;
}

.coles-logo {
	padding: 17px 0px;
	width: 340px;
}

.coles-inner-section {
	padding: 30px 0px 200px;
}

.coles-inner-shadowBox {
	width: 1000px; 
	margin: auto;
}

.coles-inner-shadowBox {
	box-shadow: 1px 1px 5px #999;
	padding: 75px 25px;
	background:#FFF;
}

.Alarm {
	text-align: center;
}

.coles-inner-shadowBox h2 {
	margin-top: 30px;
	text-align:center;
	color:#e60000;
	font-size: 25px;
	line-height: 30px;
	font-weight: normal;
	font-family: 'ColesHaptic-Regular';
}

.coles-inner-shadowBox p {
	color:#333;
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	font-family: 'ColesHaptic-Regular';
	text-align:center;
	margin-top: 5px;
}

footer {
	background:#333;
}

.coles-footer-text {
	border-bottom: 1px solid #999;
	line-height: 29px;
    color: #d4d4d4;
    margin: 0;
    font-size: 13px;
	text-align:center;
	padding: 25px 0px;
}

.coles-pull-right {
	float: right;
	margin: 30px 0px;
}

.coles-footer-list ul li {
	list-style: none;
	float: left;
	margin: 0 0 0 30px;
}

.coles-footer-list ul li a {
	color: #d4d4d4;
    font-size: 15px;
    line-height: 24px;
	text-decoration: none;
}

.desktop-view {
	display: inline-block;
}

.device-view {
	display: none;
}




@media(max-width : 1440px){
	.coles-middle {
		width: 1000px;
	}
	
	.coles-inner-shadowBox {
		width: 800px; 
	}
}

@media(max-width : 1024px){
	
	.desktop-view {
	display: none;
}

.device-view {
	display: inline-block ;
}

.device-view a {
	color: #333;
	text-decoration: none;
}
	
	.coles-middle {
		width: 95%;
	}
	
	.coles-inner-shadowBox {
		width: 80%; 
	}
	
	.coles-footer-list ul li {
		margin: 0 0 0 15px;
	}
	
	.coles-inner-shadowBox p {font-size: 19px;}
}

@media(max-width : 767px){
	.coles-pull-right {
		float: left;
	}
	.coles-footer-list ul li {
		float: none;
		margin: 10px 0px;
	}
	.coles-inner-shadowBox {
		width: 95%;
	}
	.coles-inner-shadowBox p {
		font-size: 16px;
	}
}


@media(max-width : 568px){
	.coles-footer-text{
		font-size: 12px;
	}
	.coles-inner-shadowBox p {
		font-size: 18px;
	}
	
}

@media(max-width :414px){
	.coles-inner-shadowBox p {
		font-size: 16px;
	}
}

@media(max-width :320px){
	.coles-inner-shadowBox p {
		font-size: 17px;
	}
}