.progress-new{

  position: relative;

  margin: 4px;

  float:left;

  text-align: center;

}

.progress-title1
{
	
	font-size: 32px;font-weight:800;

    margin-bottom: 5px;
	
	
}

.barOverflow{ /* Wraps the rotating .bar */

  position: relative;

  overflow: hidden; /* Comment this line to understand the trick */

  width: 180px; height: 90px; /* Half circle (overflow) */

  margin-bottom: -14px; /* bring the numbers up */

}

.bar{

  position: absolute;

  top: 0; left: 0;

  width: 180px; height: 180px; /* full circle! */

  border-radius: 50%;

  box-sizing: border-box;

  border: 25px solid #ccc;     /* half gray, */

  border-bottom-color: #2ba689;  /* half azure */

  border-right-color: #2ba689;

}





h2 span {

    display: block;

    padding: 0;

    font-size: 18px;

    opacity: 0.7;

    margin-top: 5px;

	text-transform:uppercase;

}



#float-right{

	float:right;	

}



.ScriptHeader {

    float: left;

    width: 100%;

    padding: 2em 0;

}

.rt-heading {

    margin: 0 auto;

	text-align:center;

}

.Scriptcontent{

    text-align: center;

	line-height:28px;	

}

.ScriptHeader h1{

	font-family: "brandon-grotesque", "Brandon Grotesque", "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;

  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

    color: #6a4aed;

    font-size: 26px;

    font-weight: 700;

    margin: 0;

    line-height: normal;



}

.ScriptHeader h2 {

    color: #312c8f;

    font-size: 20px;

    font-weight: 400;

    margin: 5px 0 0;

    line-height: normal;



}

.ScriptHeader h1 span {

    display: block;

    padding: 0;

    font-size: 22px;

    opacity: 0.7;

    margin-top: 5px;



}

.ScriptHeader span {

    display: block;

    padding: 0;

    font-size: 22px;

    opacity: 0.7;

    margin-top: 5px;

}









/* ******************************************************

	Live Demo

*********************************************************/











/* ******************************************************

	Responsive Grids

*********************************************************/



.rt-container {

	margin: 0 auto;

	padding-left:12px;

	padding-right:12px;

}

.rt-row:before, .rt-row:after {

  display: table;

  line-height: 0;

  content: "";

}



.rt-row:after {

  clear: both;

}

[class^="col-rt-"] {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -o-box-sizing: border-box;

  -ms-box-sizing: border-box;

  padding: 0 15px;

  min-height: 1px;

  position: relative;

}





@media (min-width: 768px) {

  .rt-container {

    width: 750px;

  }

  [class^="col-rt-"] {

    float: left;

    width: 49.9999999999%;

  }

  .col-rt-6, .col-rt-12 {

    width: 100%;

  }

    .progressbar-con{

        display: inline-block;

        max-width: 760px;

    }

}



@media (min-width: 1200px) {

	.rt-container {

		width: 1170px;

	}

	.col-rt-1 {

		width:16.6%;

	}

	.col-rt-2 {

		width:30.33%;

	}

	.col-rt-3 {

		width:50%;

	}

	.col-rt-4 {

		width: 67.664%;

	}

	.col-rt-5 {

		width: 83.33%;

	}

	



}



@media only screen and (min-width:240px) and (max-width: 768px){

	 .ScriptTop h1, .ScriptTop ul {

		text-align: center;

	}

	.ScriptTop h1{

		margin-top:0;

		margin-bottom:15px;

	}

	.ScriptTop ul{

		 margin-top:12px;		

	}

	

	.ScriptHeader h1,

	.ScriptHeader h2, 

	.scriptnav ul{

		text-align:center;	

	}

	.scriptnav ul{

		 margin-top:12px;		

	}

	#float-right{

		float:none;	

	}

	

}