@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1260px) {
	.right-solution ul li { margin-bottom:22px; font-size: 15px; line-height: 17px; padding-right:0;} 
	
}
@media (max-width:1050px) {
/*.main {width: 90%;}*/

/*.round-shape { float:right;}*/
.success-rate .left-side { padding-left:0;}
/*.success-rate .right-side { width:52%;}*/
}
/*------------tablet portrait  view------*/
@media (max-width:1024px) {
	h4 { font-size:25px;}
	.wrapper{ padding:0 15px; max-width:100%;}
	.lists-info ul li label { font-size:44px;}
	.success-rate .right-side ul li { font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;}
	.success-rate .left-side span { font-size: 34px;
    line-height: 34px;}
	.success-rate .left-side h5 {  font-size: 23px;
    line-height: 34px;}
	.success-rate .left-side p { font-size:14px;}
	.content { width:auto; padding: 30px 20px;}
	.content  p { }
	.content br { display:none; }
	.left-solution h2 { line-height:40px;}
	.institution-sec .left-solution { padding:20px;} 
	.institution-sec .right-solution { padding:20px;}
	.right-solution ul li {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 16px;
    padding-right: 0;
}
.technology .right-solution { padding:20px;}
.left-techno ul li { margin-right:9px;}
.bottom-cont { padding:30px 0;}
.mid-part p { padding: 0;}
.round-shape { width:300px; height:300px; padding-top: 20px;

padding-bottom: 20px;

padding-left: 25px;

padding-right: 25px;} 
.success-rate .right-side ul::after { bottom: 8px; top: 12px;}
}

@media (max-width:991px) {
.technology .right-solution ul { width:47%;}	
}

@media (max-width:900px) {

.from-wrap{ margin-top:20px;} 
h2 {  font-size:36px; }
h4 {
    font-size: 23px;
}
	h5 { font-size:21px;}
	.mid-part h5 br { display:none;}
	.mid-part h5 { line-height:30px;}
	.success-rate .left-side {
    width: 51%;
}
.success-rate .right-side {
    width: 48%;
}

.success-rate .right-side ul::after {
    bottom: 8px;
    top: 20px;
}
.round-shape {  /*padding: 62px 44px;*/}
.success-rate .right-side ul li {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px;
}
.right-solution h4 { margin-bottom:15px; line-height:25px;}
.left-solution h2 {
    line-height: 34px;
}
.left-solution span { font-size:21px;}
.right-solution ul li {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 14px;
    padding-right: 0;
}
.left-techno ul li {
    margin-bottom: 7px;
    margin-right: 7px;
}
.address-part .service-right ul.add-logo li { margin-right:32px;}
.success-rate .right-side ul::after {
    bottom: 26px;
    top: 12px;
}

.technology .right-solution ul { width:46%;}
}
/*------------mobile landscape  view------*/
@media (max-width: 767px) {
h2 {
    font-size: 30px;
}
.from-wrap h2{
    font-size: 20px;
}
.femail-available h5{
    font-size: 18px;
}
h5 {
    font-size: 20px;
}
   .site-logo {
    float: none;
    margin: 0 auto;
    width: 250px;
}
.info-cont {
    float: none;
    margin: 15px 0;
    text-align: center;
    width: 100%;
}
.more-info { width:50%; font-size:13px;}
.info-cont a { width:50%; font-size:13px; padding:11.5px 9px;}
.from-wrap{ margin-top:20px; padding:20px;}
.from-wrap label { font-size: 16px;  margin-bottom: 14px;} 

.left-side {
    float: none;
    width: 100%;
}
.right-side {
    float: left;
    margin-top: 8px;
    width: 100%;
}
.from-wrap ul li input[type="text"] {   font-size: 14px;
  
    padding: 7px 10px;}
	.from-wrap ul li textarea {  font-size: 14px; min-height:110px;}
	.from-wrap form input[type="submit"] { width:240px; padding:10px 0;}
	.select-wrapper, .select-wrapper select { height:34px;}
	.mid-part { padding:25px 0;}
	
	.lists-info ul li {
    display: inline-block;
    float: none;
    margin-bottom: 25px;
    
   
    width: 49%;
}
.lists-info {  padding: 32px 0 18px;}

.round-shape::after {
    background: url("../images/round-img-rigth.png") repeat scroll 0 0;
    bottom: -62px;
    content: "";
    height: 130px;
    left: 24px;
    margin: 0 auto;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    top: inherit;
    transform: rotate(90deg);
    width: 38px;
}
.success-rate .left-side {
    float: none;
    text-align: center;
    width: 100%;
}
.round-shape {
    
    padding:65px;
    width: 100%;
	display:inline-block;
	height:auto;
	width:auto;
	margin:0 auto;
	float:none;
}

.success-rate .right-side ul::after { display:none;}
.success-rate .right-side { width:100%; float:none; margin-left:0; margin-top:50px;}
.left-program.right-side{margin-top: 0px;}
.success-rate .right-side ul { padding:0 0 0 26px;}
.success-rate .right-side ul li { float:none; display:inline-block; width:100%; vertical-align:top; font-size: 14px;
    line-height: 16px;
    margin-bottom: 16px; } 
	
	.institution-sec .left-solution {
    padding: 20px;
    width: 100%;
}
.left-solution h2 br, .left-solution span br { display:none;	}

.content {
    margin-top: 14px;
   padding:20px;

}
.content p { font-size:14px;}
	.left-solution h2 {
    line-height: normal;
	margin-bottom:10px;
}
.left-solution span {
    font-size: 16px;
}
.institution-sec .right-solution {
    padding: 20px;
    width: 100%;
}
.right-solution h4 br { display:none;}
.right-solution ul li {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
    padding-right: 0;
}
.right-solution h4 { line-height:normal;}
.left-techno {
    float: none;
    padding: 0;
    width: 100%;
}
.technology .right-solution { width:100%; float:left;}
body { font-size:14px;}
.bottom-cont p { line-height:20px;}
.bottom-cont { padding:15px 0;}
.address-part .service-left {
    text-align: center;
    width: 100%;
}
.address-part .service-right {
    text-align: center;
    width: 100%;
}
.address-part .service-left p {
    font-size: 11px;
    line-height: 18px;
}
.address-part { padding:20px 0;}
.address-part .service-left ul.social-icon {
    margin: 20px 0;
}
.address-part .service-left ul.social-icon li { float:none; display:inline-block;}
.review-part.part-fix { display:none;}
.mid-part p { font-size:14px; line-height:normal;}

.round-shape {     
    background: -moz-linear-gradient(270deg, rgba(130,65,183,1) 0%, rgba(106,133,242,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(130,65,183,1)), color-stop(100%, rgba(106,133,242,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(130,65,183,1) 0%, rgba(106,133,242,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(130,65,183,1) 0%, rgba(106,133,242,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(130,65,183,1) 0%, rgba(106,133,242,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(130,65,183,1) 0%, rgba(106,133,242,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5847', endColorstr='#b60370',GradientType=0 ); /* ie6-9 */ }
	
.technology .right-solution ul { width:100%; margin-bottom:15px;}
.technology .right-solution ul:nth-child(2) { margin-top:15px;}
}
/*------------mobile portrait view------*/
@media (max-width:640px) {
	
h2 {
    font-size: 20px;
}
h4 {font-size: 18px; }	
	h5 {
    font-size: 14px;
}

.mid-part h5 {
    line-height: 20px;
}
.success-rate .right-side ul li { width:100%;}
.left-techno ul li { width:100%;}
.left-techno ul li:nth-last-child(2) {
    margin-bottom: 7px;
}
.address-part .service-right ul.add-logo li {
    margin-right: 20px;
}
.lists-info ul li figure img { display:inline-block !important;}
.success-rate { padding:30px 0;}
.round-shape {
    padding: 40px;
	min-height: 150px;
}
.success-rate .left-side p {
   
    line-height: 19px;
}
.round-shape p strong {
    font-size: 20px;
	padding-top:15px;
   
}
.round-shape::after {
	bottom: -50px;
	content: "";
	height: 100px;
	left: 37px;
	right: 0;
	transform: rotate(88deg);
}
.lists-info ul li label {
    font-size: 1.8rem;
}

}
/*----------optional css------*/
@media (max-width:480px) {
	
	.more-info { width:100%; font-size:13px; border-right:1px solid #7c7c7c; border-radius:4px;}
	
.info-cont a {
	border-left:1px solid #7c7c7c; border-radius:4px;
    font-size: 13px;
    margin-top: 15px;
    padding: 12px 9px;
    width: 100%;
}
.from-wrap .right-side li:nth-child(1) { width:100%; float:left;}
.from-wrap .right-side li:nth-child(2) {
    float: left;
    width: 100%;
}
.from-wrap ul li textarea { margin-top:8px;}
.review-part a { padding: 12px 25px; font-size:18px;}
.from-wrap label {
    font-size: 15px;
    margin-bottom: 14px;
}
.select-wrapper select { background-size:6%;}
.lists-info ul li:last-child{ margin-bottom:0;}
.lists-info { padding:25px 0;}

.inquiryfor {
    padding-bottom: 20px;
    padding-top: 10px;
}
.inquiryfor span{
display: block;
padding: 0 0 10px;
}
.success-rate .right-side ul {
    padding: 0 0 0 26px;
	margin:0 0 26px;
    display: block;
    width: 100%;
	box-sizing: border-box;
}
.round-shape::after { left:40px; bottom: -51px;}
.address-part .service-right ul.add-logo li {
    margin-right: 13px;
}
.lists-info ul li { width:49%;}

/*---------use only when design is customise-----------*/

