@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: 18px;
    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;}
}

@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:43%; }
	.success-rate .right-side {
    width: 47%;
}

.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;}
}
/*------------mobile landscape  view------*/
@media (max-width: 767px) {
	h2 {
    font-size: 30px;
}
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: -68px;
    content: "";
    height: 130px;
    left: 14px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: inherit;
    transform: rotate(89deg);
    width: 38px;
}
.success-rate .left-side {
    float: none;
    text-align: center;
    width: 100%;
}
.round-shape {
    
    padding:35px;
    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;}
.success-rate .right-side ul { padding:0 0 0 26px;}
.success-rate .right-side ul li { float:none; display:inline-block; width:48%; 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;}
}
/*------------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;}
}
/*----------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;}
}
/*---------use only when design is customise-----------*/