@media only screen and (max-width: 767px) {
    p {
        width: 100%;
        font-size: 13px;
    }
	.modal .check-opt p{
		width:auto;
	}
    .pad-right {
        padding-right: 15px;
    }
    .left-part h1,.mobile-app-info h2, .mobile-app-info h3, .mobile-app-info h4, .mobile-app-info h5, .types-head h6, .mobile-app-info h6 {
        font-size: 32px;
        line-height: 46px;
    }
    .mobile-banner,.specialize-section,.service-section{
        height: auto;
        background-position: center;
    }
    .left-part,.revenue-section .mobile-app-info{
        padding-top: 0;
    }
    .right-part img {
        width: 90%;
        margin: 0 auto;
        display: block;
        position: relative;
        top: -40px;
    }
    .mobile-app-img {
        padding-top: 10%;
    }
    .mobile-all-apps img {
        width: 80px;
        height: 80px;
    }
    .perfect-build-section .mobile-app-info .purple-square {
        right: 10px;
    }
    .mobile-banner::before {
        height: 300px;
        bottom: 12%;
        background-size: 100% 100%;
    }
    .technology-section::before, .service-section::before, .client-section::before {
        width: 100px;
        height: 100px;
    }
    .tech-card {
        min-height: auto;
    }
    .service-card {
        padding: 20px;
    }
    .tech-card p,.tech-app-info p  {
        width: 100%;
    }
    .service-card p,.service-card h6{
        min-height: auto;
    }
    .choose-section .types-head p, .expert-section .types-head p, .tech-section .types-head p {
        width: 90%;
    }
    .client {
        width: 20%;
        margin: 15px 5px;
    }
    .client img {
        width: 100%;
    }
    .tech {
        width: 35%;
    }
    .choose-section .purple-square {
        bottom: -10px;
    }
    .gratified-client-section .purple-square {
        top: 107px;
        left: 10%;
    }
    .grat-client {
        padding: 20px 20px 0 20px;
    }
    .grat-client-img {
        width: 160px;
        margin: 0 auto;
    }
    .service-section .types-head .purple-square {
        right: 10%;
        top: 20px;
    }
    .mobile-app-img > img.purple-square {
        right: 10px;
    }
    .grat-client-info {
        text-align: center;
    }
    .grat-client-info > img{
        margin: 0 auto;
    }
    .feed-left {
        width: 60%;
        margin: 0 auto;
        float: unset;
    }
    .feed-right,.feed-right p{
        width: 100%;
    }
    .choose-card {
        width: 95%;
        margin: 0 auto;
        padding: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .mobile-banner,.specialize-section {
        height: auto;
        background-size: cover;
        background-position: center;
    }
    .mobile-banner,.specialize-section,.service-section{
        height: auto;
        background-position: center;
    }
    .right-part img {
        width: 75%;
        margin: 0 auto;
        display: block;
        position: relative;
        top: -45px;
    }
    .left-part,.perfect-build-section .mobile-app-info,.revenue-section .mobile-app-info{
        padding: 0;
    }
    .mobile-all-apps img {
        width: 75px;
        height: 75px;
    }
    .tech-app-info p,.tech-card p,.feed-right p{
        width: 100%;
    }
    .choose-section .types-head p, .expert-section .types-head p, .tech-section .types-head p {
        width: 80%;
    }
    .gratified-client-section .purple-square {
        left: 20%;
    }
    .service-section{
        height: auto;
    }
    .tech {
        width: 20%;
    }
    .tech-card {
        min-height: 285px;
    }
    .tech-card.service-card {
        min-height: 250px;
    }
    .tech-card.choose-card {
        width: 95%;
        margin: 0 auto 10px;
        min-height: 300px;
    }
    .client-box {
        padding: 15px;
    }
    .client {
        width: 22%;
    }
    .client img {
        width: 100%;
    }
    .grat-client-info {
        padding: 0 0 5% 0;
    }
    .expert-card {
        width: 85%;
    }
    #new-client .owl-stage-outer {
        padding: 20px 0;
        height: 430px;
    }
    .mobile-app-img > img.purple-square {
        right: 0;
    }
    .pad-right {
        padding-right: 15px;
    }
}