@media only screen and (max-width: 770px) and (min-width: 550px){

	.navbar-nav>li {
		margin-left: 3px;
	}
	.slider .carousel-inner img {
		width: 100%;
		height: 353px;
	}
	#feature {
		padding-top: 40px;
		background: #fff;
		padding-bottom: 50px;
	}
	#feature h4 {
		font-size: 23px;
		margin-top: -1%;
		font-weight: 600;
		border-bottom: 2px solid rebeccapurple;
		width: 37%;
		padding-bottom: 1%;
		margin-left: 34%;
		margin-bottom: 3%;
	}
	#feature .features-inner2 img {
		width: 43%;
		height: 300px;
		margin: 5% 2% 0% 3%;
		float: right;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border: 1px solid #d8d8d8;
	}
	#feature .features-inner2 p {
		padding-top: 1%;
		padding-left: 4%;
		width: 100%;
	}
	#feature .features-inner3 img {
		width: 38%;
		height: 240px;
		margin: 3% 2% 0% 4%;
		float: left;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border: 1px solid #d8d8d8;
	}
	#feature p {
		text-align: justify;
		margin-top: -1%;
	}
	#gallery img {
		border-radius: 8px;
		width: 96%;
		height: 120px;
	}
	.team p{
		text-align: justify;
	}
	#our-clients {
		padding-top: 6%;
		margin-bottom: 6%;
	}
	#our-clients h3 {
    padding: 6.3% 0% 1% 0%;
    margin: 0% 0% 5% 41%;
    border-bottom: 2px solid #325C6A;
    width: 19%;
	}
	#contact {
		background: #DCDCDC;
		padding-top: 0%;
		padding-bottom: 80px;
	}
	#contact h3.h3 {
    padding: 2% 0% 1% 0%;
    margin: 0% 0% 0% 37%;
    border-bottom: 2px solid #325C6A;
    width: 23%;
	}

	#contact ul.ul1 div {
		border-bottom: 2px solid #325C6A;
		padding-bottom: 3%;
		width: 52%;
		margin-bottom: 5%;
		padding-left: 1%;
		margin-top: 10%;
	}
	#contact ul.ul1 h3 {
		font-size: 20px;
		padding-bottom: 1%;
		padding-left: 2.5%;
		position: absolute;
		top: 12%;
		left: 21%;
	}
	#contact ul.ul2 div {
		border-bottom: 2px solid #325C6A;
		padding-bottom: 3%;
		margin-bottom: 5%;
		margin-top: 8%;
		padding-left: 1%;
		width: 57%;
	}
	#contact ul.ul2 h3 {
		font-size: 20px;
		padding-bottom: 1%;
		padding-left: 2.5%;
		position: absolute;
		top: 9%;
		left: 28%;
	}
	#contact .form h2 {
		color: #000;
		margin-bottom: 30px;
		font-size: 25px;
		text-align: center;
	}
	.form-control {
		display: block;
		width: 66%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #909090;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		margin-left: 17.5%;
	}
	#contact .btn {
		display: inline-block;
		padding: 2% 5%;
		margin-left: 17.5%;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: none;
		border-radius: 0;
		background-color: #325C6A;
	}
	#contact {
		background: #DCDCDC;
		padding-top: 0%;
		padding-bottom: 50px;
	}
	.social-icon {
		text-align: center;
		margin-bottom: 5px;
	}
	.social-network i {
		width: 7%;
		height: 47px;
		padding: 1.5%;
	}
	.copyright {
		color: white;
		padding-bottom: 2%;
		font-size: 18px;
	}
	.copyright em{
		font-size: 22px;
	}
}


@media only screen and (max-width: 420px){
	.navbar .navbar-collapse{
		background: slategray;
	}

	.navbar-fixed-top {
		border: none;
		background: #325C6A;
		height: 60px;
	}
	.navbar-header a.navbar-brand img {
		width: 72px;
		height: 52px;
		margin-top: -39%;
		border-radius: 5%;
	}
	.navbar-header a.navbar-brand h5 {
    position: absolute;
    top: 23%;
    left: 29%;
    color: white;
	}
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: -1.4%;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	#carousel-slider .carousel-control.right i {
		right: 8px;
		top: calc(50% - 25px);
		height: 40px;
		width: 40px;
	}
	.fa-angle-right:before {
		content: "\f105";
		position: absolute;
		top: 7%;
		right: 32%;
	}
	#carousel-slider .carousel-control.left i {
		left: 4px;
		top: calc(50% - 25px);
		width: 40px;
		height: 40px;
	}
	.fa-angle-left:before {
		content: "\f104";
		position: absolute;
		top: 7%;
		left: 31%;
	}

	#carousel-slider {
		position: relative;
		margin-top: -3%;
	}
	.visible-xs {
		display: none!important;
	}
	.slider .carousel-inner img {
		width: 100%;
		height: 203px;
	}
	#feature {
		padding-top: 15px;
		background: #fff;
		padding-bottom: 40px;
	} 
	#feature .features-inner2 {
		margin-top: 15%;
		margin-bottom: 3%;
	} 
	#feature h4 {
		font-size: 23px;
		margin-top: -1%;
		font-weight: 600;
		border-bottom: 2px solid rebeccapurple;
		width: 88%;
		padding-bottom: 1.5%;
		margin-left: 5%;
		margin-bottom: 6%;
	}
	#feature .features-inner1 img {
		width: 100%;
		height: 169px;
		margin: 0% 2% 4% 0%;
		/* float: left; */
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border: 1px solid #d8d8d8;
	}
	#feature .features-inner2 img {
		width: 98%;
		height: 167px;
		margin: 3% 3% 4% 2%;
		/* float: right; */
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border: 1px solid #d8d8d8;
	}
	#feature .features-inner2 p {
		padding-top: 1%;
		padding-left: 0%;
		width: 100%;
	}
	#feature .features-inner3 img {
		width: 100%;
		height: 154px;
		margin: 0% 0% 3% -2%;
		/* float: left; */
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border: 1px solid #d8d8d8;
	}
	#feature .features-inner4 img {
		width: 100%;
		height: 165px;
		margin: 1% 0% 3% 0%;
		/* float: right; */
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border: 1px solid #d8d8d8;
	}
	#gallery h3.h3 {
    padding: 0% 0% 1% 0%;
    margin: -1% 0% -10% 34%;
    border-bottom: 2px solid #325C6A;
    width: 36%;
	}
	#gallery img {
		border-radius: 8px;
		width: 98%;
		height: 98px;
		margin-bottom: 20%;
	}
	.gallery {
		margin-top: 0px;
		/* margin-bottom: 23px; */
	}
	#our-team .row-row .founder img{
		width: 65%;
		margin-top: -18%;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border: 1px solid #d8d8d8;
		border-radius: 5%;
		height: 190px;
		margin-left: 17.5%;
	}
	#our-team .row-row .others img{
		width: 95%;
		height: 130px;
		margin-top: -30%;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border: 1px solid #d8d8d8;
		border-radius: 5%;
		margin-left: 1%;
	}
	#our-team .row .text-center p{
		text-align: justify;
	}
	#our-team .tea, .row .text-center img{
		width: 95%;
		height: 130px;
		margin-top: -30%;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border: 1px solid #d8d8d8;
		border-radius: 5%;
	}
	#our-clients {
		padding-top: 0%;
	}
	#our-clients h3 {
    padding: 6.3% 0% 2% 0%;
    margin: 1% 0% 6% 30%;
    border-bottom: 2px solid #325C6A;
    width: 41%;
	}
	#our-clients img {
		width: 100%;
		height: 39px;
		margin: 11% 0%;
		border: 1px solid black;
	}
	#our-clients button.btn-lg{
		width: 48%;
		height: 39px;
		margin: 4% 0% 8% 0%;	
		padding: 1%;
		background: #325C6A;
		border: none;
		font-size: 14px;
	}
	#our-clients button.btn-lg:hover{
		background: white;
		border: 1px solid black;
		color: black;
	}
	#our-clients .modal-header {
		max-height: 55px;
		background: #325C6A;
		/* padding: 15px; */
		/* border-bottom: 1px solid #e5e5e5; */
	}
	#our-clients .modal-header h4 {
		font-size: 25px;
		color: white;
		text-align: left;
		margin: -1% 4%;
	}
	#our-clients .modal-footer{
		max-height: 55px;
	}
	#our-clients .modal-footer .btn-default{
		background: #325C6A;
		color: white;
		margin-top: -2%;
	}
	#contact h3.h3 {
    padding: 15% 0% 2% 0%;
    margin: 0% 0% 0% 21%;
    border-bottom: 2px solid #325C6A;
    width: 67%;
	}
	#contact .text-center {
		padding-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	#contact .container .text-center{
		width: 70%;
		margin-left: 14%;
	}
	#contact .address {
		padding-left: 2%;
	}
	#contact ul.ul1 div {
		border-bottom: 2px solid #325C6A;
		padding-bottom: 3%;
		width: 55%;
		margin-bottom: 5%;
		padding-left: 1%;
		margin-top: 10%;
	}
	#contact ul.ul1 h3 {
		font-size: 20px;
		padding-bottom: 1%;
		padding-left: 2.5%;
		position: absolute;
		top: 1%;
		left: 23%;
	}
	#contact ul.ul2 div {
		border-bottom: 2px solid #325C6A;
		padding-bottom: 3%;
		margin-bottom: 5%;
		margin-top: 8%;
		padding-left: 1%;
		width: 65%;
	}
	#contact ul.ul2 h3 {
		font-size: 20px;
		padding-bottom: 1%;
		padding-left: 2.5%;
		position: absolute;
		top: 0%;
		left: 30%;
	}
	#contact {
		background: #DCDCDC;
		padding-top: 0%;
		padding-bottom: 50px;
	}
	.social-icon {
		text-align: center;
		margin-bottom: 5px;
	}
	.social-network i {
		width: 17%;
		height: 34px;
		padding: 2%;
		margin-left: -12%;
	}
	.copyright {
		color: white;
		padding-bottom: 3%;
		line-height: 18px;
	}
	.copyright em{
		font-size: 16px;
	}
}