@media only screen and (max-width : 2000px){
    .wrap-services-items {
        padding: 0;
    }
    .wrap-services-item {
        width: 100%;
        height: 380px;
        padding: 30px;
    }
    .wrap-slider .owl-carousel .owl-dots {
        top: 17dvh;
    }
}
@media only screen and (max-width : 1900px){

}
@media only screen and (max-width : 1800px){
    .warap-project-page .img img {
        transform: rotate(48deg);
    }

}
@media only screen and (max-width : 1700px){
    .wrap-services-item {
        width: 95;
        height: 370px;
    }
    .wrap-project-items-bottom a {
        width: 240px;
        height: 50px;
    }
    .wrap-tehnolodgy img {
        transform: rotate(50deg);
        left: -326px;
    }
}
@media only screen and (max-width : 1600px){
    .warap-project-page .img img {
        left: -323px;
    }
    .main-holder {
        max-width: 1296px;
    }
    .wrap-soc a {
        width: 40px;
        height: 40px;
        font-size: 28px;
    }
    .wrap-lang {
        height: 50px;
    }
    .wrap-lang a {
        width: 40px;
        height: 40px;
        font-size: 17px;
    }
    .wrap-item-slide-text {
        width: 453px;
    }
    .wrap-item-slide-text h2 {
        font-size: 50px;
    }
    .wrap-items-sliders .owl-carousel .owl-dots {
        top: 94px;
        left: -2%;
        font-size: 40px;
        height: 50px;
    }
    .wrap-item-slide-img {
        width: 570px;
        /* width: 650px; */
    }
    .wrap-services-item {
        width: 100%;
        height: 362px;
        padding: 20px;
    }
    .wrap-project-items-bottom a {
        width: 230px;
    }
    .wrap-slider .owl-carousel .owl-dots {
        top: 19dvh;
        height: 50px;
    }
    .box-not-found .imgpng {
        width: 68%;
    }
    .box-404 {
        top: -31%;
    }
}
@media only screen and (max-width : 1500px){
    .warap-project-page .img img {
        transform: rotate(47deg);
        left: -29%;
    }
    .wrap-item-slide-img{
        width: 490px;
    }
    .wrap-tehnolodgy img {
        width: 66%;
    }
    .wrap-services-item {
        width: 100%;
        height: 50dvh;
        padding: 20px 8px;
    }
    .box-404 {
        top: 0;
    }
    .wrap-services-item-icon img {
        height: 133px;
    }
    .wrap-projects-img-bg {
        left: -16%;
    }
    .main-holder {
        max-width: 1196px;
    }
    .wrap-item-slide-text {
        width: 423px;
    }
    .wrap-item-slide-text h2 {
        font-size: 46px;
    }
    .wrap-item-slide-text p {
        font-size: 18px;
    }
    .wrap-screen-text h2 {
        font-size: 41px;
    }
    .wrap-img-top {
        width: 320px;
        height: 400px;
    }
    .wrap-img-bottom {
        width: 320px;
        height: 400px;
    }
    .wrap-order-a-consultation-text h3 {
        font-size: 37px!important;
    }
    .wrap-order-a-consultation-botton a {
        font-size: 20px;
    }
    .wrap-services-item-icon img {
        height: 120px;
    }
    .wrap-service-item-text {
        font-size: 17px;
    }
    .wrap-advantages-item-bottom p {
        font-size: 18px;
    }
    .wrap-advantages-item-top-h4 h4 {
        font-size: 18px;
    }
    .wrap-services h2::after {
        width: 350px;
    }
    .wrap-services h2 {
        font-size: 40px!important;
    }
    .wrap-services h2::after {
        width: 350px;
    }
}
@media only screen and (max-width : 1400px){
    .wrapper-box-contact{
        left: 5%;
    }
    .wrap-project-page-box .wrap-box-text{
        width: 60%;
    }
    .wrap-project-page-box .wrap-box-info{
        width: 35%;
    }
    .wrap-tehnolodgy img {
        width: 62%;
        top: 1%;
        left: -30%;
    }
    .wrap-service-item-text {
        font-size: 16px;
    }
    .wrap-services-item-icon {
        height: 120px;
    }
    .wrap-services-item-icon img {
        height: 110px;
    }
    .wrapper-content {
        margin-top: -5%;
    }
}
@media only screen and (max-width : 1300px){
    .wrap-projects-items-item {
        height: 45dvh;
    }
    .wrap-projects-items-item div {
        height: 45dvh;
    }
    .main-holder {
        max-width: 1096px;
    }
    .wrap-item-slide-img {
        width: 550px;
    }
    .wrap-slider .owl-carousel .owl-dots {
        /* top: 26dvh; */
        top: 21dvh;
    }
    .wrap-screen-text h2 {
        font-size: 38px;
    }
    .wrap-screen-text p {
        font-size: 17px;
    }
    .wrap-img-top {
        width: 310px;
        height: 410px;
    }
    .wrap-img-bottom {
        width: 310px;
        height: 410px;
    }
    .wrap-order-a-consultation-text h3 {
        font-size: 34px!important;
    }
    .wrap-order-a-consultation-text {
        width: 69%;
    }
    .wrap-services-item {
        /* width: 200px; */
        /* height: 290px; */
        height: 43dvh;
        border-radius: 15px;
    }
    .wrap-service-item-text {
        font-size: 16px;
    }
    .wrap-advantages-item-top-h4 h4 {
        font-size: 18px;
    }
    .wrap-advantages-item-bottom p {
        font-size: 18px;
    }
    .wrap-projects-items-item {
        border-radius: 15px;
    }
}
@media only screen and (max-width : 1200px){
    .wrap-order-a-consultation-img-bg {
        left: -32%;
    }
    .wrap-bg-contact {
        padding: 18px 96px;
    }
    .wrap-bg-contact h2 {
        font-size: 40px !important;
    }
    .wrap-contact-content-info-text {
        width: 55%;
    }
    .wrap-projects-items-item {
        height: 40dvh;
    }
    .wrap-project-page-box .wrap-box-text {
        width: 57%;
    }
    .wrap-project-page-box .wrap-box-info {
        width: 37%;
    }
    .warap-project-page .img img {
        transform: rotate(47deg);
        left: -34%;
    }
    .wrap-services-item {
        height: 40dvh;
        /* height: 45dvh; */
    }
    .wrap-footer-top-icon a {
        width: 25%;
    }
    .main-holder {
        max-width: 996px;
    }
    .wrap-item-slide {
        margin-left: 5px;
    }
    .wrap-item-slide-text {
        width: 320px;
    }
    .wrap-item-slide-text h2 {
        font-size: 38px;
    }
    .wrap-item-slide-text p {
        font-size: 17px;
    }
    .wrap-item-slide-img {
        width: 500px;
    }
    .wrap-img-top {
        width: 260px;
        height: 345px;
    }
    .wrap-img-bottom {
        width: 260px;
        height: 345px;
    }
    .wrap-screen-text h2 {
        font-size: 34px!important;
    }
    .wrap-order-a-consultation-text h3 {
        font-size: 30px!important;
    }
    .wrap-order-a-consultation-botton {
        width: 35%;
    }
    .wrap-advantages-items {
        gap: 19px;
    }
    .wrap-projects-img-bg {
        left: -19%;
    }
    .wrap-contact .img {
        width: 662px;
    }
    .box-dia {
        width: 297px;
    }
}
@media only screen and (max-width : 992px){
    .wrap-box-all-project .masonry .grid__tag {
        padding: 5px 14px;
    }
    #loftloader-wrapper.pl-imgloading #loader {
        max-width: 35vw !important;
    }
    .box-flex-single table>tbody>tr{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .box-flex-single table>tbody>tr>td:nth-child(1){
        width: 47%!important;
        order: 2;
        margin-right: 3%;
    }
    .box-flex-single table>tbody>tr>td:nth-child(2){
        width: 100%!important;
        margin-bottom: 5%;
    }
    .box-flex-single table>tbody>tr>td:nth-child(3){
        width: 47%!important;
        order: 2;
    }
    .wrap-item-slide-text h2 {
        font-size: 34px !important;
    }
    .__bg_contact {
        width: 100dvw;
        transform: rotate(45deg);
        left: 1%;
    }
    .wrap-header .wrap-menu-soc-lang .nav {
        display: initial;
    }
    .wrap-project-page-box .wrap-box-info .box-holder ul .list-attribute {
        width: 60%;
    }
    .box-dia {
        text-align: center;
        width: 100%;
        margin-top: 5%;
    }
    .wrap-box-all-project .masonry .grid img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .wrap-box-all-project .masonry .grid {
        width: 100%;
        height: 30dvh;
    }
    .wrap-box-all-project .masonry .grid__title {
        font-size: 20px;
    }
    .warap-project-page .wrap-box-text-h1 h1 {
        font-size: 30px;
    }
    .wrap-project-page-box {
        flex-wrap: wrap;
        padding: 0px;
    }
    .wrap-project-page-box .wrap-box-info {
        width: 100%;
        margin-top: 41px;
        margin-bottom: 36px;
    }
    .warap-project-page .owl-nav .owl-prev {
        left: 0px;
    }
    .wrapper-project-page .wrap-box-text {
        font-size: 31px;
        padding: 0 4%;
    }
    .wrapper-box-contact{
        padding: 1% 3%;
        left: 0;
    }
    .wrapper-box-contact .wrap-box-text {
        text-align: center;
        justify-content: center;
    }
    .wrapper-box-contact .title-contact {
        margin: -22px 0;
        max-width: 100%;
    }
    .__wrap-box-contact .box-info-con {
        width: 100%;
        position: relative;
        bottom: 0;
        top: initial;
    }
    .wrapper-box-contact .wrap-contact {
        width: 100%;
    }
    .wrapper-box-contact .wrap-contact .box-form {
        max-width: 96%;
    }
    .__wrap-box-contact .box-info-con h3 {
        text-align: center;
    }
    .wrap-project-page-box .wrap-box-text {
        width: 100%;
    }
    .wrap-box-all-project {
        margin-top: 0;
    }
    .wrap-box-all-project .masonry .grid__body {
        padding: 30px 13px;
    }
    .wrapper-service-page .wrap-service-all {
        grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
    }
    .box-not-found {
        height: auto;
        justify-content: center;
        align-items: flex-start;
    }    
    .box-not-found .imgpng {
        width: 100%;
        position: relative;
        order: 2;
        margin-top: 42%;
        margin-bottom: 5%;
    }
    .box-404 {
        top: -22%;
        left: 0;
        width: 100%;
        
    }
    .box-404 p {
        margin-top: -30%;
    }
    .wrap-projects-items-item div {
        height: 100%;
    }
    .wrap-menu-soc-lang {
        justify-content: center;
    }
    /***mob menu start***/
    #menu {
        background-color: #000000;
        height: 100%;
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: fixed;
        text-align: center;
        display: block;
        top: 0;
        transition: all 0.7s ease-in-out;
        visibility: hidden;
        width: 100%;
        z-index: 1100;
    }
    #menu.open {
        opacity: 1;
        visibility: visible;
    }
    #menu.open li:nth-child(1) {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }
    #menu.open li:nth-child(2) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
    #menu.open li:nth-child(3) {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    #menu.open li:nth-child(4) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }
    #menu.open li:nth-child(5) {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }
    #menu.open li:nth-child(6) {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }
    #menu.open li:nth-child(7) {
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
    }
    #menu.open li:nth-child(8) {
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }
    #menu.open li:nth-child(9) {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }
    #menu.open li:nth-child(10) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }
    #menu.open li {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }
    #menu ul:hover a {
        opacity: 0.5;
    }
    #menu ul a {
        -webkit-transform: translateZ(0);
        transition: opacity 0.3s ease-in-out;
    }
    #menu ul a:hover {
        opacity: 1;
    }
    #menu .main-nav {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    #menu .main-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #menu .main-nav a {
        color: #ffffff;
        display: block;
        font-size: 2.5rem;
        font-weight: 600;
        padding: 1rem 1rem;
        text-decoration: none;
        text-transform: uppercase;
    }
    #menu .main-nav a:first {
        padding-top: 0;
    }
    #menu .menu-footer {
        padding: 2rem;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
    }
    #menu .menu-footer ul {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #menu .menu-footer ul li {
        display: inline;
        margin: 0 1rem;
    }
    #menu .menu-footer a {
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
    }

    .toggle-menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: inline-block;
        float: right;
        right: 1%;
        /*height: 50px;*/
        outline: none;
        padding: 0;
        pointer-events: initial;
        position: fixed;
        /*position: relative;*/
        vertical-align: middle;
        width: 50px;
        z-index: 1110;
    }
    .toggle-menu span {
        background-color: #000000;
        content: "";
        display: block;
        height: 2px;
        left: calc(50% - 13px );
        position: absolute;
        top: calc(50% - 1px );
        transform-origin: 50% 50%;
        transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
        /*width: 26px;*/
        width: 20px;
    }
    .toggle-menu span:before, .toggle-menu span:after {
        background-color: #000000;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        transform-origin: 50% 50%;
        transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
        width: 26px;
    }
    .toggle-menu span:before {
        top: 7px;
    }
    .toggle-menu span:after {
        top: -7px;
    }
    .toggle-menu.active span {
        background-color: transparent;
        transition: background 0.2s ease-out;
    }
    .toggle-menu.active span:before, .toggle-menu.active span:after {
        transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
    }
    .toggle-menu.active span:before {
        background-color: #ffffff;
        top: 0;
        transform: rotate3d(0, 0, 1, -45deg);
    }
    .toggle-menu.active span:after {
        background-color: #ffffff;
        top: 0;
        transform: rotate3d(0, 0, 1, 45deg);
    }
    .wrap-menu{opacity: 0;display: none;}
    /***mob menu end***/
    .wrapper-content {
        margin-top: -6%;
    }
    .wrap-lang {
        width: 42%;
    }
    .wrap-soc {
        width: 39%;
        gap: 5%;
    }
    .wrap-slider .owl-carousel .owl-dots {
        top: 130px;
        left: -4%;
    }
    .main-holder {
        max-width: 996px;
    }
    .wrap-item-slide {
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 10px;
        top: 11dvh;
    }
    .wrap-item-slide-text {
        /* width: 553px; */
        width: 100%;
        margin-top: 2%;
        text-align: center;
    }
    .wrap-item-slide-img {
        width: 100%;
        position: relative;
        top: -16%;
    }
    .wrapper-header {
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
    .wrap-screen-2-content {
        flex-wrap: wrap;
    }
    .wrap-slider .owl-carousel .owl-dots {
        bottom: 60%;
        top: initial;
        left: -10%;
    }
    .wrap-item-slide {
        width: 75vw;
        margin-left: 12%;
        top: 4dvh;
    }
    .wrap-tehnolodgy img {
        left: -334px;
    }
    .wrap-screen-2-img {
        width: 95%;
        order: 2;
        margin-top: -11%;
    }
    .wrap-screen-text {
        width: 95%;
        order: 1;
    }
    .wrap-screen-2 {
        margin-top: 50px;
    }
    .wrap-screen-text h2 {
        font-size: 33px;
        text-align: center;
    }
    .wrap-img-top {
        left: 44%;
        width: 50%;
        height: auto;
        top: 68px;
    }
    .wrap-order-a-consultation-text h3 {
        font-size: 31px;
    }
    .wrap-img-bottom {
        /* width: 310px; */
        /* height: 410px; */
        left: 11%;
        width: 50%;
        height: auto;
    }
    .wrap-order-a-consultation {
        height: auto;
    }
    .wrap-order-a-consultation-img-bg {
        left: -414px;
        top: -45%;
        /* top: -37%; */
    }
    .wrap-order-a-consultation-content {
        justify-content: center;
        flex-wrap: wrap;
    }
    .wrap-order-a-consultation-text {
        width: 95%;
    }
    .wrap-order-a-consultation-botton {
        width: 95%;
        height: auto;
        margin-right: -56%;
        margin-top: 7%;
    }
    .wrap-services-item {
        width: 95%;
        margin-left: 2%;
        height: 42dvh;
    }
    .wrap-advantages-items {
        justify-content: center;
    }
    .wrap-advantages-item {
        width: 95%;
        padding: 0;
    }
    .wrap-projects-img-bg {
        left: -53%;
    }
    .wrap-projects-items-item {
        /*width: 90%;
        height: auto;
        margin-left: 5%;*/
        width: 100%;
        height: 377px;
        margin-left: 0%;
    }
    .wrap-project-items-bottom {
        justify-content: center;
    }
    .wrap-project-items-bottom a {
        width: 100%;
    }
    .wrap-contact .img img {
        right: -54%;
        transform: rotate(226deg);
    }
    .wrap-service-item-text {
        font-size: 22px;
    }
    .wrap-services-item-icon {
        height: 182px;
    }
    .wrap-services-item-icon img {
        height: 150px;
    }
    .wrap-contact-content {
        width: 100%;
    }
    .wrap-contact-content-info-text {
        padding: 0 0 0 15px;
    }
    .wrap-contact-content-info-text-item-text {
        font-size: 16px;
    }
    .wrap-bg-contact {
        /*width: 100%;
        left: 0%;
        padding: 27px 165px;*/
        width: 100%;
        left: 0%;
        padding: 27px 162px;
    }
    .wrap-bg-contact h2 {
        font-size: 34px!important;
        font-weight: 600;
    }
    .wrap-ffoter-top-text {
        font-size: 19px;
        max-width: 79%;
    }
    .wrap-footer-top-icon a {
        width: 35%;
    }
    .modal {
        left: 3%;
    }
    .wrap-services h2 {
        font-size: 38px;
    }
    .wrap-services h2::after {
        width: 310px;
    }
    .wrap-advantages-h2 {
        font-size: 38px;
    }
    .wrap-advantages-h2::after {
        width: 310px;
    }
    .wrap-projects-h2 {
        font-size: 38px;
    }
    .wrap-projects-h2::after {
        width: 310px;
    }
    .wrap-contact-h2 {
        font-size: 38px;
    }
    .wrap-contact-h2::after {
        width: 310px;
    }
    .wrapper-footer p {
        flex-wrap: wrap;
    }
    .box-logo {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wrap-soc a {
        height: 36px;
        font-size: 25px;
    }
    .wrap-services .owl-nav .owl-prev {
        left: 0px;
    }
    .wrap-projects .owl-nav .owl-prev {
        left: 0px;
    }
    .modal-overlay-explorer .modal-content .orders .order-form input {
        width: 100%;
    }
    .wrapper-footer .box-footer {
        flex-wrap: wrap;
        justify-content: center;
        padding: 4% 0;
        gap: 5%;
    }
    .wrapper-footer .box-footer .nav-menu-footer {
        margin: 4% 0;
    }
    .warap-project-page .img img {
        left: -49%;
    }
    .wrap-footer-top-icon .hr {
        height: 110px;
    }
    .box-flex-single h2{
        font-size: 25px !important;
    }
    .box-flex-single h3{
        font-size: 24px !important;
        margin: 2% 0;
    }
    .box-flex-single h3 span{
        font-size: 24px !important;
    }
    .box-flex-single h2 span{
        font-size: 25px !important;
    }
    .box-flex-single p{
        font-size: 16px !important;
    }
    .box-flex-single p span{
        font-size: 16px !important;
    }
    .box-flex-single ul li span{
        font-size: 16px !important;
    }
}
@media only screen and (max-width : 768px){
    .wrap-ffoter-top-text {
        font-size: 18px;
    }
    .wrapper-box-contact .wrap-contact .box-form {
        max-width: 92%;
    }
    .warap-project-page .img img {
        transform: rotate(134deg);
        left: 4%;
        top: -11%;
    }
    .wrap-project-page-box .wrap-box-info .box-holder ul .list-attribute {
        width: 52%;
        font-style: 16px;
    }
    .wrap-project-page-box .wrap-box-info .box-holder ul li {
        font-size: 16px;
    }
    .wrap-order-a-consultation-img-bg {
        left: -103%;
        /* left: -358px; */
    }
    .wrap-slider .owl-carousel .owl-dots {
        bottom: 40%;
        top: initial;
    }
    .wrap-projects-items-item {
        width: 92%;
        height: 500px;
        margin: 0 auto;
    }
    .wrap-services-item-icon img {
        height: 88px;
    }
    .wrap-services-item-icon {
        height: 105px;
    }
    .wrap-services-item {
        width: 98%;
    }
    .box-not-found .imgpng {
        width: 100%;
        margin-top: 56%;
        margin-bottom: 16%;
    }
    .wrap-screen-text h2 {
        font-size: 19px;
        font-size: 25px!important;
    }
    .wrap-order-a-consultation-botton a {
        font-size: 19px;
    }
    .wrap-service-item-text {
        font-size: 18px;
        text-align: center;
    }
    .wrap-order-a-consultation-text h3 {
        font-size: 24px!important;
        font-weight: 600;
    }
    .wrap-services-item {
        width: 91%;
        margin-left: 5%;
    }
    .wrap-tehnolodgy img {
        left: -199px;
    }
    .wrap-order-a-consultation-botton {
        margin-right: -21%;
        text-align: center;
    }
    .wrap-projects-img-bg {
        left: -94%;
        transform: rotate(404deg);
    }
    .wrap-projects-items-item:hover::after{
        height: 100%;
    }
    .wrap-contact-content-info {
        flex-wrap: wrap;
    }
    .wrap-contact-content-info-text {
        width: 100%;
    }
    .wrap-contact-content-info-text-item-icon {
        font-size: 40px;
    }
    .wrap-contact-content-info-hr {
        transform: rotate(90deg);
        margin: -30% 0;
    }
    .wrap-contact-content-info-logo {
        width: 100%;
        padding: 30px 35px;
    }
    .wrap-bg-contact {
        padding: 27px 16px;
    }
    .wrap-bg-contact h2 {
        font-size: 25px!important;
    }
    .wrap-footer-top-icon a {
        padding: 28px;
    }
    .wrap-item-slide-img {
        width: 100%;
        position: relative;
        top: -5%;
    }
    .wrap-services h2 {
        /* font-size: 30px; */
        font-size: 34px !important;
    }
    .wrap-services h2::after {
        width: 240px;
    }
    .wrap-advantages-h2 {
        font-size: 34px !important;
        /* font-size: 30px; */
    }
    .wrap-advantages-h2::after {
        width: 240px;
    }
    .wrap-projects-h2 {
        font-size: 34px !important;
        /* font-size: 30px; */
    }
    .wrap-projects-h2::after {
        width: 240px;
    }
    .wrap-contact-h2 {
        font-size: 34px !important;
        /* font-size: 30px; */
    }
    .wrap-contact-h2::after {
        width: 240px;
    }
    .progress-wrap {
        right: 25px;
        bottom: 25px;
    }
    .wrap-advantages-item {
        width: 100%;
    }
    .box-404 h1 {
        font-size: 216px;
    }
    .box-404 {
        top: -13%;
        left: 0;
        width: 100%;
    }
}
@media only screen and (max-width : 576px){
    .wrap-order-a-consultation-botton {
        width: 100%;
        margin-right: -3%;
    }
    .wrap-projects-img-bg {
        left: -146%;
        transform: rotate(416deg);
    }
    .wrap-contact-content-info-hr {
        transform: rotate(90deg);
        margin: -44% 0;
    }
    .wrap-bg-contact {
        padding: 37px 20px;
        height: auto;
    }
    .wrap-bg-contact h2 {
        font-size: 22px!important;
        margin-top: -26px;
        margin: 0 auto;
    }
    .wrap-ffoter-top-text {
        max-width: 95%;
        left: 1%;
    }
    .wrap-footer-top-icon a {
        padding: 19px;
    }
    .wrapper-footer p {
        font-size: 16px;
    }
}
@media only screen and (max-width : 480px){
/* add styles for max-width: 480px here */
}
@media only screen and (max-width : 375px){
    /* add styles for max-width: 375px here */
}