@media screen and (max-width:1700px){
    html {font-size: 54%;}
}

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

    /* html {font-size: 40%;} */
    p{font-size: 20px;}
    .sec-banner .banner-slider .slider-child h1{font-size: 3rem;}
}

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

    /* html {font-size: 34%;} */
    .nav-ul a{font-size: 2.2rem;}

}

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

    html {font-size: 40%;}
    .sec-wwd h3{font-size: 2.5rem;}
    p{font-size: 18px;}
    .sec-banner .banner-slider .slider-child {height: 65vh;}
    .sec-banner .banner-slider .slider-child h1{width: 80vw;}
    .sec-banner .banner-slider .slider-child img{object-fit: cover;height: 100%;}
}

@media screen and (max-width:765px){
    main{margin-top: 80px;}
    .menu-btn {z-index: 10;position: absolute;right: 0;top: 50%;width: 27px;transform: translateY(-50%);background: none;border: none;border-bottom: solid 2px #000;cursor: pointer;display: block;}
    .menu-btn:before, .menu-btn:after {content: '';display: block;width: 100%;height: 2px;background: #000;margin: 5px 0;transform-origin: 8px 1px;transition: ease .3s all;}
    .menu-btn.active {border-bottom: none;}
    .menu-btn.active:before, .menu-btn.active:after{transform-origin: 8px 1px;}
    .menu-btn.active:before{transform: rotate(45deg);width: 26px;}
    .menu-btn.active:after {transform: rotate(-45deg);width: 26px;}

    .nav-list{    position: fixed;
        background-color: #ceceff ;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9;
        transition: .2s ease-in-out all;
        transform: translateX(100%);
        padding: 14rem 5rem;
    }

    .nav-list.active{transform: translateX(40%);}

    .nav-ul{flex-direction: column;row-gap: 4rem;}
    .nav-ul a{font-size: 4.2rem;}

    .head36{font-size: 4.2rem;}
    .head36::after{left: -34px;font-size: 4.6rem;}
    .sec-vision p{padding: 0rem 2rem;}
    .sec-mission p{padding: 0rem 2rem;}
    .sec-wwd ul{margin-left: 3rem;}
    .sec-choose ul{margin-left: 3rem;}
    .sec-other_services .services-box{grid-template-columns: 1fr;padding: 6rem;}
    .utech-footer .foot-content{flex-direction: column-reverse;row-gap: 7rem;}
    .utech-footer .footer-logo{width: 24rem;}
    .sec-other_services{background-position-x: -260px;}
    .utech-footer .footer-left{display: flex;flex-direction: column-reverse;row-gap: 4rem;}
    .utech-footer .footer-social {margin-top: 0px;}
    .utech-footer .foot-content {flex-direction: column-reverse;row-gap: 3rem;}
}