@media (min-width:768px){
    .col-sm-3{width:25%;float:left;position:relative}
}

@media (max-width:767px){
    .hide-mobile{display:none}
    .hide-desk{display:block}
    .safespace-in{min-height:auto}
    .stop-lockdown-title{font-size:20px;margin:20px 0 0 0}
    .lists-info .stop-lockdown-title{font-size:20px;margin:0 0 30px 0}
}

@media (max-width:1260px){
    .right-solution ul li{margin-bottom:22px;font-size:15px;line-height:17px;padding-right:0}
}

@media (max-width:1050px){
    .success-rate .left-side{padding-left:0}
}

@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 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: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}
    .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}
}

@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:-62px;content:"";height:130px;left:24px;margin:0 auto;position:absolute;right:0;top:inherit;transform:rotate(90deg);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: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:16px;line-height:normal}
    .round-shape{background:-moz-linear-gradient(270deg,#eb5847 0,#b60370 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eb5847),color-stop(100%,#b60370));background:-webkit-linear-gradient(270deg,#eb5847 0,#b60370 100%);background:-o-linear-gradient(270deg,#eb5847 0,#b60370 100%);background:-ms-linear-gradient(270deg,#eb5847 0,#b60370 100%);background:linear-gradient(180deg,#eb5847 0,#b60370 100%)}
    .pop-msg{font-size:16px;padding:22px 50px;line-height:22px}
    .text-info{width:100%}
    .info-btn{width:100%;margin-top:20px}
}

@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:20px}
    .success-rate .left-side p{line-height:19px}
    .round-shape p strong{font-size:13px}
}

@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:18px}
    .address-part .service-right ul.add-logo li{margin-right:13px}
    .lists-info ul li{width:100%}
}

@media (max-width:767px){
    li .parsley-errors-list li{font-size:11px;bottom:inherit;top:35px}
    .from-wrap ul li textarea+.parsley-errors-list li{bottom:inherit;top:110px}
    .from-wrap ul li .select-wrapper select+.parsley-errors-list li{top:34px}
    .from-wrap ul li input[type=text]{margin-bottom:24px}
    .right-side{margin-top:0}
}

@media (max-width:480px){
    .from-wrap ul li textarea+.parsley-errors-list li{bottom:inherit;top:136px}
    .from-wrap ul li textarea{margin-top:25px}
}