@media(max-width:1440px) {}

@media(max-width:1366px) {}

@media(max-width:1024px) {}

@media(max-width:991px) {
    .container {
        width: 100%;
    }

    .wrapper {
        overflow-x: hidden;
    }
}

@media(max-width:768px) {
    .main-head .h-extra ul {
        display: none;
    }

    .main-head .h-extra .op-menu {
        display: inline-block;
    }

    .hero-s .item {
        padding: 30px 0;
        height: 350px;
    }

    .hero-s .item:after {
        display: none;
    }

    .hero-s .item .cap h3 {
        font-size: 20px;
    }

    .hero-s .item .cap p {
        font-size: 13px;
    }

    .hero-s .item .cap {
        padding: 20px;
    }

    .hero-s .item:before {
        width: 100%;
    }

    .hero-s .owl-nav,
    .hero-s .owl-dots {
        left: 15px;
    }

    .hero-s .owl-dots:before,
    .hero-s .owl-dots .owl-dot.active:before {}

    .hero-s .owl-dots .owl-dot {
        background-color: rgba(0, 0, 0, 0.37);
    }


    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 18px;
    }

    .hero-s .owl-dots {
        bottom: 70px;
    }

    .about-s {
        padding: 50px 0;
    }

    .g-head h3 {
        font-size: 20px;
    }

    .g-head {
        margin-bottom: 50px;
    }

    .about-s .ab-img {
        height: 250px;
        margin-bottom: 10px;
    }

    .about-s .ab-data {
        padding: 0;
    }

    .train-s .tr-img {
        height: 200px;
        margin-bottom: 30px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .train-s .tr-data h3 {
        font-size: 21px;
    }

    .train-s .tr-data {
        padding: 0 15px !important;
    }

    .train-s:before {
        transform: skewX(15deg);
        border-top-left-radius: 70px;
        border-bottom-left-radius: 70px;
    }

    .g-head p {
        max-width: 100%;
    }

    .service-s .item .it-data {
        padding: 0;
    }

    .service-s .item .it-img {
        height: 250px;
        margin-bottom: 20px;
        margin-top: 60px;
    }

    .service-s .item .it-data h3 {
        font-size: 20px;
    }

    .train-s.indust .g-head {
        padding: 0;
    }

    .train-s.indust:before {
        transform: skewX(-15deg);
        border-top-right-radius: 70px;
        border-bottom-right-radius: 70px;
    }

    .train-s.indust .tr-img {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        transform: skewX(15deg);
    }

    .train-s .tr-img img {
        transform: skewX(15deg);
    }

    .train-s.indust .tr-img img {
        transform: skewX(-15deg);
    }

    .indust .owl-nav {
        right: 0;
        left: auto;
        top: -90px;
        transform: rotate(90deg);
    }

    .indust .owl-nav button.owl-next {
        margin-left: 10px;
    }

    .g-head a {
        position: relative;
        top: 0;
        margin-top: 20px;
    }

    .btn {
        height: 40px;
        line-height: 40px;
        padding: 0 30px;
    }

    .cases .item .item-data {
        left: 0;
        position: relative;
        right: auto;
        margin: 0;
    }

    .cases .g-body {
        padding: 0 !important;
    }

    .cases .item .item-data h3 {
        font-size: 21px;
    }

    .cases .item .item-data p {
        margin: 0;
    }

    .cases .item .item-img {
        margin-top: 50px;
        transform: none !important;
        height: 200px;
        padding: 20px;
    }

    .cases .owl-nav {
        right: 0;
    }

    .cases .item {
        padding-top: 5px;
    }

    .cases .owl-carousel .owl-stage-outer {
        padding: 0;
    }

    .cases {
        padding: 50px 0;
    }

    .main-footer {
        padding: 50px 0 0 0;
    }

    .conts .form-group .btn {
        height: 45px;
        line-height: 45px;
        font-size: 12px;
    }

    .conts {
        padding-bottom: 50px;
    }

    .f-top {
        padding: 0 0 50px;
    }

    .f-top .f-item {
        margin-bottom: 30px;
    }

    .f-top .f-item:last-of-type {
        margin: 0;
    }

    .f-bottom p {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .f-bottom .social {
        float: none;
    }

    .f-bottom {
        text-align: center;
        padding: 20px 0;
    }

    .toTop {
        bottom: 20px;
    }

    .our-comp {
        padding: 50px 0;
        margin: 50px 0;
    }

    .our-comp:before {
        right: -32%;
        width: 100%;
        transform: skewX(15deg);
    }

    .our-comp .our-img img {
        transform: skewX(15deg);
    }

    .our-comp .our-img .inner {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        transform: skewX(-15deg);
    }

    .our-comp .our-img {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .our-comp .our-img:before {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        transform: skewX(-15deg);
    }

    .our-comp .our-data h3,
    .vis .block h3,
    .we-ara .our-data h3,
    .bus-cover .co-head h3,
    .help .h-data h3 {
        font-size: 20px;
    }

    .our-comp .our-data p,
    .vis .block p {
        font-size: 13px;
    }

    .our-comp:after {
        width: 250px;
        height: 250px;
        right: -95px;
        bottom: -110px;
    }

    .vis .block {
        padding: 20px;
    }

    .vis:after {
        width: 250px;
        height: 250px;
        left: -95px;
        bottom: -75px;
    }

    .we-ara:before {
        left: -38%;
        width: 100%;
        transform: skewX(15deg);
    }

    .we-ara .our-img .inner {
        transform: skewX(15deg);
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .we-ara .our-img:before {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        transform: skewX(15deg);
    }

    .we-ara .our-img {
        margin-bottom: 30px;
    }

    .we-ara .our-data {
        padding: 0 20px;
    }

    .we-ara .our-data h3 b {
        font-size: 18px;
    }

    .bus-cover:before {
        right: -110px;
        width: 250px;
        height: 250px;
        top: -60px;
    }

    .bus-cover .co-head {
        position: relative;
        z-index: 1;
    }

    .bus-cover .co-img {
        height: 250px;
        max-width: 83%;
        margin-bottom: 30px;
    }

    .bus-cover .co-data {
        padding: 0 20px;
    }

    .bus-cover .co-data ul li {
        list-style-position: inside;
        font-size: 13px;
    }

    .help:before {
        width: 250px;
        height: 250px;
        left: -114px;
        top: -180px;
    }

    .help .h-img .inner {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        transform: skewX(15deg);
    }

    .help .h-img img {
        transform: skewX(-15deg);
    }

    .help .h-img {
        padding-top: 20px;
        margin-bottom: 30px;
    }

    .help .h-data {
        padding: 0 20px;
    }

    .dyn-courses:before {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        right: -40%;
        width: 95%;
        transform: skewX(15deg);
    }

    .dyn-courses .d-img:before {
        width: 98%;
        left: -75px;
        transform: skewX(-15deg);
        top: 0;
        height: calc(100% + 30px);
    }

    .dyn-courses .d-img {
        margin-bottom: 100px;
    }

    .dyn-courses .d-img .inner {
        width: 100%;
        transform: skewX(-15deg);
        left: -85px;
        margin: 30px 0;
    }

    .dyn-courses .d-img .inner1 {
        top: 0;
        width: 100%;
        left: auto;
        right: -50px;
        transform: skewX(-15deg);
    }

    .dyn-courses .d-img .inner img,
    .dyn-courses .d-img .inner1 img {
        transform: skewX(15deg);
    }

    .dyn-courses .d-data {
        padding: 0 20px;
    }

    .dyn-courses .d-data ul li {
        list-style-position: inside;
        font-size: 13px;
    }

    .dyn-courses .d-data h3,
    .offers .of-head h3 {
        font-size: 20px;
    }

    .dyn-courses {
        padding: 50px 0;
        margin: 50px 0;
    }

    .contact-wrap {
        padding: 50px 0;
    }

    .contact-wrap .contact-in .cont-head h3 {
        font-size: 22px;
    }

    .contact-wrap .contact-in .cont-head {
        margin-bottom: 50px;
    }

    .contact-wrap .contact-in .cont-body {
        padding: 20px;
        float: left;
        z-index: 1;
    }

    .contact-wrap .contact-in .cont-body .conts {
        padding: 0;
    }

    .contact-wrap .contact-in .cont-body .conts-data {
        padding-top: 20px;
    }

    .latest-projects {
        margin: 50px 0;
        padding: 50px 0;
    }

    .latest-projects .p-head h3 {
        font-size: 22px;
    }

    .latest-projects .p-head {
        margin-bottom: 40px;
    }

    .latest-projects:before {
        right: -63%;
        width: 100%;
        transform: skewX(15deg);
    }

    .industs {
        padding: 50px 0 20px;
        margin: 50px 0 0;
    }

    .industs .in-head h3 {
        font-size: 22px;
    }

    .industs .block {
        padding: 15px;
    }

    .we-ara.busin {
        margin: 50px 0;
    }

    .we-ara:before {
        border-radius: 0;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .benfits:before {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        transform: skewX(15deg);
    }

    .benfits {
        padding: 50px 0;
    }

    .benfits .block .inner {
        min-height: 0;
    }

    .we-ara.sol-are.manage-are {
        padding: 0 0 50px;
    }

    .we-ara.sol-are.manage-are .our-img {
        margin-bottom: 70px;
    }

    .sol-extra {
        padding: 50px 20px 0;
    }

    .sol-extra .extra-head h3 {
        max-width: 100%;
    }

    .sol-extra .block .inner {
        min-height: 0;
    }

    .manage {
        margin-top: 0;
        text-align: center;
        padding: 50px 0;
    }

    .manage .m-img {
        text-align: center;
        margin-bottom: 30px;
    }

    .manage .m-data p b {
        font-size: 25px;
    }

    .manage .m-data p {
        font-size: 17px;
    }
	
	.dyn-courses:before {
    right: 0;
    width: 100%;
    transform: none;
}
	.help:before {
    display: none;
}

.help {
    padding-top: 0;
}
	
	.we-ara:before {
    transform: none;
    left: auto;
    right: auto;
}

.help:before {
    display: none;
}

.help {
    padding-top: 0;
}
	.contact-wrap1 .cont-head h3 {
    font-size: 22px;
}

.contact-wrap1 p {
    max-width: 100%;
}

.contact-wrap1 {
    padding: 50px 0;
}
	.offers .block .inner {
    min-height: 0;
}

.offers .block .inner h3 {
    min-height: 0;
    max-height: none;
}
}

@media(max-width:600px) {}

@media(max-width:425px) {}

@media(max-width:375px) {}

@media(max-width:320px) {}