@media (max-width: 1113px) {

        .navbar ul li a {
            
            padding: 25px 8px;}
    }


@media (max-width: 1000px) {

    .navbar {
        flex-direction: column;
        background-color: #ffffff;
        height: 412px;
        overflow: hidden;
        transition: all 1.2s;
    }

    .h-nav-resp {
        height: 300px;
    }

    .navlist {
        flex-direction: column;
        align-items: center;
    }

    .h-nav-resp {
        height: 60px;
        transition: all .9s ease-in-out;
    }

    .navbar ul li a {
        padding: 20px 390px;
        width: 1015px;
        text-align: center;
    }

    .clients {
        padding: 40px 38px;
    }

    .burger {
        display: block;
    }

    .Line,
    .line_two,
    .line_three {
        transition: all .5s;
       
    }

   

    .logos::before {

        background: linear-gradient(to right, #ffffff00 0%, transparent);

    }

    .logos::after {

        background: linear-gradient(to left, #ffffff00 0%, transparent);
    }

    .logo_slide img {
        height: 130px;
        /* margin: 0 10px; */
    }

    .line_rotate {
        transform: rotate(45deg);
        margin: 20px 0;
        transition: all .5s;
    }

    .line_two_rotate {
        width: 36px;
        transform: rotate(-45deg);
        margin: -25px 0;
        transition: all .5s;
    }

    .line_three_hide {
       display: none;
       margin: 20px 0;
    }
    .navbar img {
        width: 54px;
        /* margin: 5px 88px; */
      }
}




@media (max-width: 890px) {

    .priview_containor h1{
        font-size: 25px;
        margin: 0 61px;
        font-size: 14px;
    }
    .social {
        display: none;
    }
   
    .navbar {
        background-color: #ffffff;
        /* height: 375px; */
    }

    .h-nav-resp {
        height: 60px;
        transition: all .9s ease-in-out;
    }

    .fa-envelope {
        display: none;
    }

    #animated-title {
        font-size: 35px;
    }
    .preview { 
        width: 485px;}
        .priview_containor img {
            width: 498px;
           
        }

        .row {
            opacity: 1;
            transform: translateY(5px);
            transition: all 0.6s ease-in-out;
        }
        
        .row.animate {
            opacity: 1;
            transform: translateY(0);
        }
}
@media (max-width: 515px) {
    .preview {
        width: 335px;
    }

    .priview_containor img {
        width: 338px;
    }
    .priview_containor p {
        margin: 6px 30px;
        font-size: 14px;
    }

}
@media (max-width: 378px) {
    .fa-phone {
        font-size: 13px;
    }
    .row {

        overflow: hidden;
    }


}