@media screen and (max-width:1920px) {

    .header {
        padding  : 20px;
    }

    .contact {
        margin  : 100px 0;
        height  : auto !important;
    }

    .EntrySec {
        .leftCol {
            .textRow1 {
                font-size  : 123px;
                height     : 150px;

            }

            .textRow2 {
font-size: 60px;
        height: 50px;
            }
        }
    }
}


@media screen and (max-width: 760px) {

    #loader {

        .rightCol {

            transform  : scale(.3);

            .absoluteContainer {}
        }
    }
.EntrySec {
    .MainWrapper {
         .customerReviews {
            .reviewsSwiper {
                 .reviewCard {
                    .user {
                        .date {
                            font-size:10px;
                        }
                        .userLeft {
                            .info {
                                .name {
                                    font-size:12px;
                                }
                                .nick {
                                    font-size:12px;
                                }
                            }
                        }
                    }
                 }
            }
         }
    }
}

    .mt-m-5 {
            margin-top: 3rem !important;
    }


    @keyframes heartbeat {
        0% {
            transform  : scale(0.8);
        }

        14% {
            transform  : scale(0.95);
        }

        28% {
            transform  : scale(0.85);
        }

        42% {
            transform  : scale(0.7);
        }

        70% {
            transform  : scale(0.9);
        }

        100% {
            transform  : scale(0.95);
        }
    }

    .myServices {
        .servicesList {
            li {
                color  : #fff;

                &:after {
                    display  : none;
                }

                .serviceTitle {
                    justify-content  : normal;

                    .number {
                        margin-right  : 15px;
                        width         : 60px;
                    }

                    div {
                        justify-content  : normal;
                        color            : #fff;

                        &:nth-child(3) {
                            display  : none;
                        }

                        &:nth-child(1) {
                            width  : auto;
                        }

                        &:nth-child(2) {
                            width  : auto;
                        }
                    }
                }

                .desc {
                    width       : auto;
                    text-align  : justify;
                }
            }
        }
    }


    /*
          .servicesList{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;

    padding:0;
    margin:0;
    list-style:none;

    scrollbar-width:none;
  }

  .servicesList::-webkit-scrollbar{
    display:none;
  }

  .servicesList li{
    min-width:100%;
    flex:0 0 100%;
    scroll-snap-align:start;
  }

    .orangeTopLeft,
    .OrangeBottomRight {
        opacity  : .4;
    }

    */


    .EntrySec {
        .leftCol {
            .textRow2:after {
                content     : '|';
                position    : absolute;
                right       : -10px;
                animation   : blink 1s step-end infinite;
                background  : #ffd3b2;
                font-size   : 27px;
                width       : 2px;
            }

            .textRow1 {
                font-size  : 55px;
                height     : 50px;
            }

            .textRow2 {
                height     : 60px;
                font-size  : 30px;
                        margin: auto;
            }
        }

        &::before {
            width  : fit-content;
        }

        .MainWrapper {
            .desc1 {
                margin  : auto;
                width   : 90%;
            }

            .text {
                .textRow1 {
                    font-size  : 40px;
                    height     : 50px;
                }

                .textRow2 {
                    font-size  : 50px;
                    height     : 50px;
                }

                .platform {
                    ul {
                        li {
                            margin-bottom  : 10px;
                            width          : 60px;
                            height         : 60px;
                        }
                    }
                }
            }

            .packWrapper {
                flex-wrap        : wrap;
                justify-content  : center;

                .pack {
                    width          : 90%;
                    margin-bottom  : 20px;
                }
            }

            .customerReviews {
                .title {
                    font-size  : 20px;
                }
            }
            .customerReviews {
                .reviewsSwiper {
                    justify-content: center;
                    .reviewCard {
                        margin-bottom:10px;
                        width:90%;
                    }
                }
            }
            .keywords {
                width:90%;
                margin:30px auto;
            }
        }
    }




    .letswork {
        margin  : 50px 0;

        .container {
            padding  : 50px 0;
        }

        .textRow1 {
            font-size  : 45px;
            height     : 30px;

            .longOLight {
                height  : 30px;
                width   : 60px;
            }
        }

        .textRow2 {
            font-size  : 60px;
            height     : 60px;
        }

        .textRow3 {
            font-size  : 40px;
            height     : 30px;
        }
    }

    .dontForget {
        .dontForgetWrapper {
            .textRow {
                font-size  : 50px;
            }
        }
    }


    .slide-right,
    .slide-left {
        animation  : unset !important;
    }

    .contact {
        .titleRow {
            .title {
                font-size  : 50px;
            }

            .topText,
            .subText {
                font-size  : 40px;
            }
        }

        .contactWrapper {
            flex-wrap   : wrap;
            margin-top  : -25px;

            .contactForm {
                margin-right  : 0;
            }

            .contactFormRight {
                width       : 100%;
                margin-top  : 10px;
            }

            .contactForm,
            .quickInfoContact,
            .quickInfoContact ul {
                width  : 100%;
            }
        }
    }

    .dontForget {
        .dontForgetWrapper {
            .textRow2 {
                font-size  : 37px;
                height     : 40px;

                .longOOrange {
                    height  : 40px;
                    width   : 100px;
                }
            }

            .textRow1 {
                font-size  : 30px;
                height     : 40px;

                .longOOrange {
                    width   : 80px;
                    height  : 30px;
                }
            }

            .textRow3 {
                height     : 40px;
                font-size  : 30px;
            }
        }
    }

    section,
    .contact {
        height  : auto !important;
    }

    .mySkills {
        .skillsList {
            ul {
                flex-wrap  : wrap;

                li {
                    width  : 100%;
                }
            }
        }
    }



    .EntrySec {
        height  : auto;

        .rightColWrapper {
            order       : -1;
            height      : 320px;
            margin-top  : 90px;
        }

        .leftCol {
            .textRow3 {
                width       : 100%;
                text-align  : center;
            }
        }
    }

    .bottomMenu {
        bottom  : 15px;

        .menuWrapper {
            padding        : 0 10px;
            border-radius  : 50px;

            ul {
                li {
                    margin   : 0 5px;
                    padding  : 10px;
                }
            }
        }
    }

    .myPortfolio {
        .myPortfolioList {
            .myPortfolioTopSelect {
                ul {
                    flex-wrap  : wrap;

                    li {
                        margin-bottom  : 10px;
                        font-size      : 12px;
                    }
                }
            }

            .myPortfolioTopItemWrapper {
                .item {
                    height  : 230px;
                    width   : 100%;

                    .itemBottom {
                        .infoWrapper {
                            width  : 95%;
                        }
                    }
                }

            }

            .slick-next,
            .slick-prev {
                top  : 140px;
            }

            .slick-next {
                right        : -5px;
                content      : '\f104';
                font-family  : fontAwesome;

                &::before {
                    content      : '\f054';
                    font-family  : fontAwesome;

                }
            }

            .slick-prev {
                left     : -5px;
                z-index  : 999;

                &::before {
                    content      : '\f104';
                    font-family  : fontAwesome;

                }
            }
        }
    }

    .allPortfolio {
        .myPortfolioList {
            .myPortfolioTopItemWrapper {
                .item {
                    width  : 100%;

                    .itemBottom {
                        z-index  : 0;

                        .infoWrapper {
                            padding  : 5px;

                            .left {
                                width             : 30%;
                                background-color  : transparent;
                                margin-right      : 10px;

                            }

                            .right {
                                .row1 {
                                    font-size  : 14px;
                                }

                                .row3,
                                .row2 {
                                    font-size  : 12px;
                                }
                            }

                        }
                    }
                }
            }
        }
    }

    .btnRow {
        position         : fixed;
        bottom           : 15px;
        z-index          : 99999;
        display          : flex;
        justify-content  : center;
        align-items      : center;
        width            : 100%;
        left             : 0;

        .btnbackToHome {
            border-radius        : 50px;
            border               : 1px solid rgba(255, 255, 255, 0.1);
            box-shadow           : 5px 0px 20px -10px #051B1E;
            backdrop-filter      : blur(7.5px);
            color                : #fff;
            font-size            : 16px;
            padding              : 10px 20px;
            user-select          : none;
            background-position  : -5px;
            margin               : 0 5px;
        }
    }

    .socialLinks {
        ul {
            li {
                width  : fit-content;

                a {
                    .ico {
                        margin  : 0;
                    }

                    .text {
                        display  : none;
                    }
                }
            }
        }
    }

    .animated-circle-text {
        width   : 380px;
        height  : 400px;
        top     : -50px;

    }

    .absoluteContainer {
        img {
                width: 340px;
        }
    }

    .circleOrange1 {
        height  : 320px;
    }

.absoluteContainer2 {
        width: 100%;
        height: 99%;
        left: 0px;
        top: 7px;
    }
    
.animated-circle-text svg {
    left: -20px;
    top: 20px;
    width: 110%;
    height: 100%;
}
}