.ces300.row-height 		 { display:table; table-layout:fixed; height:100%; width:100%; padding-bottom:20px;}
	.ces300 .col-sm-height   { display:table-cell; float:none; height:100%; width:50%; background-color: #ececec; 
								-webkit-border-bottom-left-radius: 50px;
									-moz-border-radius-bottomleft: 50px;
									    border-bottom-left-radius: 50px;}
	.ces300 .box-pos		 { padding:20px 20px 40px 20px}
	.ces300 .col1 			 {	border-right:20px solid #fff;
									box-sizing: border-box;
							   -moz-box-sizing: border-box;
						    -webkit-box-sizing: border-box; }



	.ces300 ul li 	{ list-style:none; margin:0; border-bottom:1px solid #dedede; padding:10px 0 5px 20px; text-indent:-16px; transition: all 0.3s ease-out; color:#333}
	.ces300 ul li:before  { content: url('images/dot-blue.svg'); padding-right:10px;}

	.ces300 ul li:hover { text-decoration:none; color:#125ba6; background-color:#d7d7d7; cursor:pointer; text-indent:-10px; 
							-webkit-border-top-left-radius: 20px;
						-webkit-border-bottom-right-radius: 20px;
							    -moz-border-radius-topleft: 20px;
							-moz-border-radius-bottomright: 20px;
									border-top-left-radius: 20px;
								border-bottom-right-radius: 20px;}

	.realtime 	  { background-color:#e8edf3; padding:5px 10px;
					-webkit-border-radius: 5px;
					   -moz-border-radius: 5px;
					        border-radius: 5px; }

    .red 	{ background-color:#fc4a45;}
    .green 	{ background-color:green}
    .red, .green { font-weight:normal; color:#fff; padding: 3px 5px;
    		  				-webkit-border-radius: 5px;
                               -moz-border-radius: 5px;
                                    border-radius: 5px;}

	/* ==========================================================================
		Media Styles
	============================================================================= */
	
	@media only screen and (max-width: 767px) {
	.ces300.row-height 		 { display:block; table-layout:inherit; height:auto;}
	.ces300 .col-sm-height   { display:block; float:left; height:auto; width:100%;
								-webkit-border-bottom-left-radius: 20px;
									-moz-border-radius-bottomleft: 20px;
									    border-bottom-left-radius: 20px;}

	.ces300 .col1 			  {	border-right:none; margin-bottom:30px}

	.ces300 ul li:hover { text-indent:-16px; 
							-webkit-border-top-left-radius: 0px;
						-webkit-border-bottom-right-radius: 0px;
							    -moz-border-radius-topleft: 0px;
							-moz-border-radius-bottomright: 0px;
									border-top-left-radius: 0px;
								border-bottom-right-radius: 0px;}

	}