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

    .slider {
        /* margin-top: -120px; */
    }

    .slider .swiper-slide {
        width: 100%;
        height: 600px;
    }

    .slider .swiper-slide .text {
        width: 100%;
        margin-left: 5%;
        margin-right: 5%;
        padding: 0;
    }

    .slider .swiper-slide .text h1 {
        font-size: 32px;
    }

    .slider .swiper-slide .text p {
        font-size: 16px;
    }

    .slider .swiper-slide .text button {
        font-size: 15px;
    }

    .slider .slider1 {
        background-size: 150% 100%;
    }

    .slider .slider2 {
        background-size: 150% 100%;
    }

    .slider .slider3 {
        background-size: 150% 100%;
    }

    .slider .slider4 {
        background-size: 150% 100%;
    }

    .slider .slider5 {
        background-size: 150% 100%;
    }

    .slider .slider6 {
        background-size: 150% 100%;
    }




    .icon-bar {
        padding: 10px 0px;
        justify-content: flex-start;

    }

    .icon-bar .box {
        width: 500px;
    }

    .icon-bar .box p {
        width: 150px;
    }


    .sec1-adv {
        padding: 40px 20px;
        height: auto;
        flex-wrap: wrap-reverse;
        padding-bottom: 30px;
    }

    .sec1-adv .text {
        width: 100%;
        margin-top: 20px;
    }

    .sec1-adv .text h1 {
        font-size: 28px;
    }

    .sec1-adv .text p {
        margin-top: 20px;
        text-align: justify;
        font-size: 15px;
    }


    .sec1-adv img {
        width: 100%;
        margin-top: 30px;
    }

    .sec1-adv .text button {
        font-size: 15px;
    }


    .sec2 h1 {
        font-size: 30px;
    }

    .sec2-container {
        width: 100%;
    }

    .sec2 .box {
        width: 100%;
    }
    .sec2 .box img{
        height: 200px;
    }

    .sec3{
        padding: 20px;
        margin-top: 20px;
    }
    .sec3b{
        padding: 20px;
        flex-wrap: wrap-reverse;
    }
    .sec3 .text{
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    
    .sec3 .text h1{
        font-size: 32px;
    }
    .sec3 .text h4{
        font-size: 20px;
    }
    .sec3 .text p{
        font-size: 16px;
        display: flex;
    }

    .sec3  img{
        width: 95%;
    }

    .sec6 {
        width: 100%;
        padding: 0;
    }

    .sec6-about {
        width: 100%;
        padding: 30px 20px;
        margin-top: 00px;
    }

    .sec6-text {
        width: 100%;
    }


    .about-img {
        width: 100%;
        margin-left: 30px;
        /* margin-top: 10px; */
        padding-top: 100px;
    }

    .sec6-box2 {
        height: 150px;
        margin-left: 100px;
        margin-top: 50px;
        /* display: none; */
    }

    .sec6-box3 {
        height: 200px;
        margin-left: -10px;
    }

    .about-img img {
        width: 80%;
        margin-left: 50px;
        height: 250px;
    }



    .sec6-text {
        width: 100%;
    }


    .about .img {
        width: 100%;
    }

    .about .img1 {
        height: 250px;
        margin-left: 50px;
    }

    .about .img2 {
        height: 150px;
        margin-left: 130px;
    }


    .about .text {
        width: 100%;
    }


    .banner {
        padding: 30px 0px;
        background-size: 150% 100%;
    }

    .banner .box {
        width: 90%;
        padding: 20px;
    }

    .box3 {
        padding: 50px 0;
        margin-top: 0;
        padding: 10px;
    }

    .sub-box3 .imgbox {
        margin-top: 20px;
    }

    .box3 .sub-box3 {
        column-gap: 10px;
    }

    .sub-box3 .imgbox .block1 img {
        width: 320px;
        height: 280px;
    }

    .sub-box3 .imgbox h3 {
        text-align: left;
    }

    .sec6-b-box .box1 {
        width: 100%;
    }

    .sec6-b-box .box2 {
        width: 100%;
        margin-top: 20px;
    }

    .sec6-b-box .box3 {
        width: 100%;
        margin-top: 20px;
    }


    .sec7 {
        padding: 50px 0;
    }

    .sec7 h1 {
        font-size: 35px;
    }

    .slide-box {
        height: 230px;
        margin-top: 170px;
    }

    .sec7-container {
        margin-top: 0;
        padding: 20px;
    }

    .sec7-container .box {
        width: 340px;
        margin-top: 50px;
    }


    .flag-container .flag {
        width: 45%;
        margin-top: 60px;
    }


    .arrow {
        display: none;
    }

    .mean-inputbox .input-box {
        width: 100%;
    }

    .sec11 {
        /* background-image: linear-gradient(rgba(0, 0, 0, 0.465),rgba(0, 0, 0, 0.722)), url(image/Tile\ &\ Flooring.avif); */
        background-position: center;
        background-size: 150% 100%;
        padding: 10px;
        padding-top: 50px;
        height: auto;
        padding-bottom: 30px;
    }

    .sec11 h1 {
        font-size: 20px;
    }

    .sec11 h2 {
        font-size: 25px;
    }

    .sec11 p {
        padding: 5px;
        letter-spacing: normal;
        line-height: 25px;
        font-size: 15px;
        margin-top: 0px;

    }

    .sec11 .sec11-box img {
        width: 150px;
        height: 150px;
    }

    .sec14 {
        padding: 0;
        margin-top: 30px;
    }

    .sec14-contaier1 img {
        width: 100%;
        height: 350px;

    }

    .sec14 .img {
        width: 100%;
        height: 400px;
    }

    .sec14 .img .box {
        width: 80%;

        margin-top: 80px;
        padding: 10px;
    }

    .sec14 .text {
        width: 100%;
        padding: 50px 20px;
    }

    .sec14 .text ul li img {
        margin-left: 0;
        height: 50px;
        width: 50px;
    }

    .sec14 .text h5 {
        margin-top: 0;
    }

    .sec14-contaier1 .text {
        width: 100%;
        margin-left: 0px;
        height: 350px;
        padding: 0;
        margin-top: 0;

    }



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


    .sec18 {
        padding: 10px;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .sec18 .img {
        width: 100%;
    }

    .sec18 .text {
        width: 100%;
        margin-top: 0;
    }

    .sec18 .text h1 {
        font-size: 40px;
        font-weight: 700;
    }

    .sec18 .text .icon {
        margin-top: 30px;
    }

    .sec18 .text .icon h2 {
        font-size: 12px;
        margin-top: 20px;
    }

    .sec18 .text .icon .box {
        width: 30%;
    }

    .sec18 .text .icon .box img {
        width: 60px;
    }


    .sec21 {
        padding: 30px 20px;
        margin-top: -10px;
        padding-bottom: 50px;
    }

    .sec21 .img {
        width: 90%;
        margin-top: 30px;
        margin-bottom: 30px;
        box-shadow: -15px -15px 0px rgb(0, 0, 0);
        margin-left: 10px;
    }

    .sec21 .text {
        width: 100%;

    }

    .sec23 {
        height: 550px;
        padding-bottom: 80px;
    }

    .sec23-text {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }

    .sec23-text h2 {
        font-size: 25px;
        padding: 8px 30px;
        margin-bottom: 40px;
    }
    .sec23-text p {
        font-size: 18px;
        margin-left: 5%;
        margin-top: 20px;
    }


    .sec24 h1 {
        font-weight: 600;
        font-size: 30px;
    }

    .sec24-container img {
        width: 45%;
    }

    .video-box {
        margin-top: 0;
    }

    .video-box video {
        border: 5px solid goldenrod;

    }



    .sec11-clients {
        padding: 50px 0px;

    }

    .sec11-boxes {
        justify-content: space-evenly;
        justify-content: space-evenly;
    }

    .sec11-box {
        width: 35%;
        padding: 10px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
        border-radius: 10px;
    }

    .mean-inputbox .input-box {
        width: 100%;
    }

    .sec11-clients {
        padding: 20px 0;
    }

    .sec11-clients h2 {
        margin: 0;
        margin-top: 10px;
    }

    .sec11-clients .sec11-box img {
        width: 150px;
        width: 100%;
        height: 80px;
    }



    .form-box .img {
        /* height: 400px; */
        font-size: 18px;
    }


    .form-box {
        padding: 50px 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .form-box .img {
        width: 100%;
        padding: 30px 10px;
        /* text-align: center; */
    }


    .main {
        width: 100%;
        /* height: 580px; */
        padding: 0;
        padding-bottom: 30px;
    }

    .main h2 {
        padding: 0 20px;
        margin-top: 20px;
    }





}






@media screen and (max-width: 400px) {
    .sec24-container img {
        width: 100%;
        height: 250px;
        /* margin-top: 10px; */
    }

    .sec22-container .box {
        width: 100%;
    }

    .sec19-container .box1 {
        width: 100%;
        height: 200px;
        padding: 20px;
    }

    .sec19-container .box2 {
        width: 100%;
        margin-top: 30px;
        height: 200px;
        padding: 20px;

    }
}




@media screen and (min-width: 2000px) {
    .sec1-adv img {
        width: 35%;
        height: fit-content;
        /* margin-top: -100px; */
    }
}