@media(max-width: 1199px){
    .home-about .content-box{
        padding-left: 2rem;
    }
    .home-about{
        padding-bottom: 0;
    }
    .home-services .box .content {
        min-height: 130px;
    }   
    footer .flex-box {
        gap: 1rem;
    }
    .tp-page-wrapper{
        margin-bottom: 332px;
    }
    .ser-list .box .flex-box {
        display: block;
    }
    .ser-list .box {
        min-height: 590px;
    }
}



@media(max-width:992px){

    #menu-btn{
        display: inline-block;
        color: #fff;
        font-size: 20px;
    }
    header .menu{
        position: absolute;
        top:100%; 
        right:-100%;

        background: rgba(0,0,0,.6);
        width: 100%;
        min-height: 100vh;
        -webkit-transition: all 0.3s 0s ease-out;
        -moz-transition: all 0.3s 0s ease-out;
        -ms-transition: all 0.3s 0s ease-out;
        -o-transition: all 0.3s 0s ease-out;
        transition: all 0.3s 0s ease-out;
    }

    header .menu.active{
        right: 0%;
        top:100% ;
        z-index: 777;
    }
    header nav.menu ul{
        display: block;
        font-size: 30px;
        padding: 3rem 0;
    }
    header{
        background-color: #fff;
    }
    .res-media{
        display: flex;
        justify-content: center;
        gap: 0.5rem;
    }



    .home-about {
        padding: 5rem 0 5rem;
    }
    .home-about .content-box{
        padding-left: 0rem;
        padding-bottom: 4rem;
    }
    .home-about p{
        max-width: 100%;
    }
    .home-services {
        padding: 4rem 0;
    }
    .home-services .box .content {
        min-height: 115px;
    }
    .home-contact .flex-box {
        padding: 4rem 0rem;
    }
    footer .social-media{
        padding-bottom: 2rem;
    }
    .about-sec-two .box{
        padding: 1rem;
    }

    footer{
        position: relative;
        z-index: 1;
    }
    .tp-page-wrapper{
        margin-bottom: 0;
    }

    .inner-contact .flex-box{
        flex-wrap: wrap;
    }
    .ser-list .box .flex-box {
        display: flex;
    }
    .ser-list .box {
        min-height: 570px;
    }

    .contact-two .box .content-box{
        padding: 0 0 3rem 0;
    }


}





@media(max-width:768px){
    header .logo{
        padding-left: 1rem;
    }
    header .social-media{
        padding-right: 1rem;
    }
    .about-sec-two .box{
        padding: 1.5rem;
    }
    .about-sec-two img{
        margin-top: 1.5rem;
    }
    .main-head{
        font-size: 40px;
    }
    .ser-list .box {
        min-height: auto;
    }
}



@media(max-width:574px){
    header .social-media a{
        display: none;
    }
    #menu-btn{
        display: inline-block;
        color: #fff;
        font-size: 30px;
    }
    .main-head{
        font-size: 36px;
    }
    footer .flex-box{
        display: block;
    }
    .about-box .text-box{
        top: 0;
        left: 0;
    }
    .about-box .text-box::after{
        border: none;
    }
    .about-box .image-2{
        max-width: 227px;
        width: 100%;
    }
    .img-box{
        display: none;
    }
    .about-box .shape-1{
        right: 0;
    }
}