.timeline{width:25%;margin:0;padding:0;position:relative}
.timeline-text{font-size:60px;color:#2bb6e0;margin-bottom:0px}
.timeline-position{position:absolute;left:10px;top:60px;text-align:left}
#jam{margin-top:70px;}
.brd{border:solid 1px blue}
/*.award-static{display:none}
/*mobile and desktop responsive*/
@media (min-width:0px) and (max-width:250px){	
	.timeline{width:100%;margin:0;padding:0;position:relative;padding:10px}
	.crop {width: 200px;height: 150px;overflow: hidden;}
	.crop img {margin: 0px 0 0 -100px;}	
	.timeline-text2{color:#fff}
	.div-timeline{bottom:0;padding:0;}
	#jam{margin-top:280px;}
}	
@media(min-width:251px) and (max-width:320px){
	.timeline{width:100%;margin:0;padding:0;position:relative;padding:10px}
	.crop {width: 200px;height: 150px;overflow: hidden;}
	.crop img {margin: 0px 0 0 -100px;}	
	.timeline-text2{color:#fff}
	.div-timeline{bottom:0;padding:0;}
	#jam{margin-top:280px;}
}
@media(min-width:321px) and (max-width:480px){
	.timeline{width:100%;margin:auto;position:relative;padding:10px;}
	.crop {width: 200px;height: 150px;overflow: hidden;}
	.crop img {margin: 0px 0 0 -100px;}	
	.timeline-text2{color:#fff}
	.div-timeline{bottom:0;padding:0;}
	#jam{margin-top:280px;}
}
@media (min-width:481px) and (max-width:640px){	
	.timeline{width:50%;margin:0;padding:0;position:relative;padding:10px}
	.crop {width: 200px;height: 150px;overflow: hidden;}
	.crop img {margin: 0px 0 0 -100px;}	
	.timeline-text2,.timeline-text1{color:#fff}	
	.div-timeline{bottom:0;padding:0;}
	#jam{margin-top:180px;}
}
@media (min-width:641px) and (max-width:1000px){
	.timeline{width:50%;margin:0;padding:0;position:relative;padding:10px}
	.crop {width: 200px;height: 150px;overflow: hidden;}
	.crop img {margin: 0px 0 0 -100px;}	
	.div-timeline{padding:0;}
	#jam{margin-top:180px;}
}
@media (min-width:641px) and (max-height:480px){
	.timeline-text2,.timeline-text1{color:#fff}	
}
@media (min-width:1001px) and (max-width:1024px){
	.btm1{bottom:45px;}
	.btm2{bottom:75px;}
	.btm3{bottom:125px;}
	.btm4{bottom:95px;}
	.div-timeline{position:absolute;bottom:0;padding:0;}
}
@media (min-width:1025px) and (max-width:1152px){
	.btm1{bottom:45px;}
	.btm2{bottom:65px;}
	.btm3{bottom:135px;}
	.btm4{bottom:90px;}
	.div-timeline{position:absolute;bottom:0;padding:0;}
}
@media (min-width:1153px) and (max-width:1280px){
	.btm1{bottom:45px;}
	.btm2{bottom:55px;}
	.btm3{bottom:125px;}
	.btm4{bottom:75px;}
	.div-timeline{position:absolute;bottom:0;padding:0;}
}
@media (min-width:1281px) and (max-width:1366px){
	.btm1{bottom:45px;}
	.btm2{bottom:65px;}
	.btm3{bottom:135px;}
	.btm4{bottom:90px;}
	.div-timeline{position:absolute;bottom:0;padding:0;}
}
@media (min-width:1367px){
	.div-timeline{position:absolute;} 
	/*
	.btm1{bottom:0}
	.btm2{bottom:0}
	.btm3{bottom:0}
	.btm4{bottom:0}
	
	.btm1{margin-bottom:3.5%;bottom:0;position:relative;float:left;overflow:auto;height:auto}
	.btm2{margin-bottom:5.5%;bottom:0;position:relative;float:left;overflow:auto;height:auto}
	.btm3{margin-bottom:11.5%;bottom:0;position:relative;float:left;overflow:auto;height:auto}
	.btm4{margin-bottom:7.5%;bottom:0;position:relative;float:left;overflow:auto;height:auto}
	.div-timeline{position:absolute;padding:0;bottom:0}
	/*.div-timeline{position:absolute;top:120px;margin-top:50px;} */
}
/*
@media (height:1024px)  and (width:768px){
	.timeline-text2,.timeline-text1{color:#000}	
}

/*mac responsive*/
@media (width:1152px) and (max-height:720px){
	.btm1{bottom:35px;}
	.btm2{bottom:85px;}
	.btm3{bottom:135px;}
	.btm4{bottom:115px;}
	.div-timeline{bottom:0;padding:0;}	
}
@media (width:1024px) and (height:768px){
	.btm1{bottom:45px;}
	.btm2{bottom:95px;}
	.btm3{bottom:155px;}
	.btm4{bottom:130px;}
	.div-timeline{bottom:0;padding:0;}	
}
@media (width:1024px) and (height:1366px){
	.btm1{bottom:170px;}
	.btm2{bottom:240px;}
	.btm3{bottom:290px;}
	.btm4{bottom:290px;}
	.div-timeline{bottom:0;padding:0;}	
}
@media (width:1366px) and (height:1024px){
	.btm1{bottom:70px;}
	.btm2{bottom:140px;}
	.btm3{bottom:210px;}
	.btm4{bottom:195px;}
	.div-timeline{bottom:0;padding:0;}	
}
@media (width:1280px) and (max-height:768px){
	.btm1{bottom:50px;}
	.btm2{bottom:65px;}
	.btm3{bottom:135px;}
	.btm4{bottom:80px;}
	.div-timeline{bottom:0;padding:0;}	
}
@media (width:1280px) and (min-height:769px) and (max-height:800px){
	.btm1{bottom:50px;}
	.btm2{bottom:70px;}
	.btm3{bottom:140px;}
	.btm4{bottom:105px;}
	.div-timeline{bottom:0;padding:0;}	
}
@media (width:1280px) and (min-height:801px) and(max-height:1024px){
	.btm1{bottom:60px;}
	.btm2{bottom:120px;}
	.btm3{bottom:190px;}
	.btm4{bottom:165px;}
	.div-timeline{bottom:0;padding:0;}	
}
@media (width:1344px){
	.btm1{bottom:45px;}
	.btm2{bottom:90px;}
	.btm3{bottom:155px;}
	.btm4{bottom:130px;}
	.div-timeline{bottom:0;padding:0;}		
}
@media (width:1440px){
	.btm1{bottom:45px;}
	.btm2{bottom:90px;}
	.btm3{bottom:165px;}
	.btm4{bottom:125px;}
	.div-timeline{bottom:0;padding:0;}		
}
@media (width:1600px){
	.btm1{bottom:45px;}
	.btm2{bottom:95px;}
	.btm3{bottom:165px;}
	.btm4{bottom:130px;}
	.div-timeline{bottom:0;padding:0;}	
}
@media(width:1920px){
	.btm1{bottom:70px;}
	.btm2{bottom:145px;}
	.btm3{bottom:200px;}
	.btm4{bottom:180px;}	
	.div-timeline{bottom:0;padding:0;}	
}

*/
#clock_5 img,#clock_4 img,#clock_3 img,#clock_2 img,#clock_1 img{height:130px;width:130px;}
.jcgmt-clockHolder {
    width:130px;
    margin:0 auto;
    position:relative;
    overflow: hidden;
	height:150px;
}
.jcgmt-rotatingWrapper {
    position:absolute;
    width:130px;
    height:130px;
}