@media only screen and (max-width: 600px) {
  /*body {
    background-color: lightblue;
  }*/
.carousel-indicators{
	height: 20px !important;
	border-radius: 0 !important;
}
  .carousel-caption {
    left: 20%;
    top: inherit;
    /*transform: translate(-50%, -50%);*/
}
#logo{
	width: 50%;
}
.menu ul li {
    margin-left: 0px;
}
#logo img {
    width: 70%;
}
.carousel-indicators button{
	width: 8px !important;
	height: 8px !important;
}
.carousel-caption h5{
	font-size: 10px;
}
.carousel-caption p{
	margin-bottom: 5px;
	font-size: 10px !important;
}
.menu ul li a{
	padding-left: 18px !important;
}
.me-4{
	margin-left: 0;
}
.footer{
/*	margin-top: 3%;*/
}
.footer img{
	width: 100%;
	padding: 2em;
}
.banner{
	height: 100px;
    width: 100%;
    padding-top: 0;
}
.start-image123 {
 text-align: center;
}
.start-image123 img{
/* height: 100px;*/
 width: 40%;
/* padding-top: 0;*/
}
.start-text{
	width: 100%;
	height: auto;
	/*padding-top: 0 !important;*/
}
.heading {
    font-size: 25px;
}
.projectFactsWrap .item p.number, .projectFactsWrap .item p {
    font-size: 15px;
}
/*.start-text h2{
	font-size: 22px;
	padding-top: 5%;
    text-align: center;
    color: #000066;
    font-family: serif;
}*/
/*.start p{
	font-size: 10px;
	padding: 0 10px;
}*/
.features .card{
	height: auto;
}
.p-res{
	text-align: justify !important;
}
br{
	display: none;
}
.about_contentbox {
    height: auto;
}
.content_box {
    min-height: auto;
    display: inline-block;
}
.img_scroll{
	margin-top: 5%;
}
.tool1{
	margin-top: 3%;
}
.content_box{
/*	margin-top: 3%;*/
}
.feature_content h4 {
    margin-top: 0;
}
.feature_content p{
	margin-bottom: 0;
} 
}


@media only screen and(min-width:768px)
{
 .carousel-indicators{
	height: 20px !important;
	border-radius: 0 !important;
}
  .carousel-caption {
    left: 20%;
    top: 1%;
    /*transform: translate(-50%, -50%);*/
}
.carousel-caption h5{
	font-size: 5px;
}
.carousel-caption p{
	margin-bottom: 5px;
	font-size: 8px !important;
}
.menu ul li a{
	padding-left: 18px !important;
}
.me-4{
	margin-left: 0;
}
.footer{
	margin-top: 3%;
}
.banner{
	height: 100px;
    width: 100%;
    padding-top: 0;
}
.start-image123 {
 text-align: center;
}
.start-image123 img{
 height: 100px;
 width: 40%;
 padding-top: 0;
}
.start-text{
	width: 100%;
	height: auto;
	/*padding-top: 0 !important;*/
}

.start-text h2{
	font-size: 22px;
	padding-top: 5%;
    text-align: center;
    color: #000066;
    font-family: serif;
}
.start p{
	font-size: 10px;
	padding: 0 10px;
}
.img_scroll{
	margin-top: 5%;
}
.tool1{
	margin-top: 3%;
}
.content_box{
	margin-top: 3%;
}
.feature_content h4 {
    margin-top: 0;
}
.feature_content p{
	margin-bottom: 0;
} 
}

@media only screen and(min-width:1200px)
{
 .carousel-indicators{
	height: 20px !important;
	border-radius: 0 !important;
}
  .carousel-caption {
    left: 20%;
    top: 1%;
    /*transform: translate(-50%, -50%);*/
}
.carousel-caption h5{
	font-size: 5px;
}
.carousel-caption p{
	margin-bottom: 5px;
	font-size: 8px !important;
}
.menu ul li a{
	padding-left: 18px !important;
}
.me-4{
	margin-left: 0;
}
.footer{
	margin-top: 3%;
}
.banner{
	height: 100px;
    width: 100%;
    padding-top: 0;
}
.start-image123 {
 text-align: center;
}
.start-image123 img{
 height: 100px;
 width: 40%;
 padding-top: 0;
}
.start-text{
	width: 100%;
	height: auto;
	/*padding-top: 0 !important;*/
}

.start-text h2{
	font-size: 22px;
	padding-top: 5%;
    text-align: center;
    color: #000066;
    font-family: serif;
}
.start p{
	font-size: 10px;
	padding: 0 10px;
}
.img_scroll{
	margin-top: 5%;
}
.tool1{
	margin-top: 3%;
}
.content_box{
	margin-top: 3%;
} 
.feature_content h4 {
    margin-top: 0;
}
.feature_content p{
	margin-bottom: 0;
} 
}
