@media screen and (max-width:1380px){
    #sign-up-btn{
        padding: 5px 25px;
    }
}
@media screen and (max-width:1080px){
    #header .menu ul li{
        padding: 5px 5px;
    }
    #sign-up-btn{
        padding: 5px 15px;
    }
}
@media screen and (max-width:991px){
    #work,#platform,#software,#information,#plan,#client,#email,footer,#copyright{
        padding:50px 50px;
    }
    #main-section{
        padding: 10px 50px;
    }
    #plan .bottom .cards{
        width:70%;
        margin:10px auto;
    }

    #work .cards{
        width:65%;
        margin:0 auto;
        margin-top: 20px;
    }
    #header .menu ul li{
        padding: 5px 5px;
    }
    #sign-up-btn{
        padding: 5px 5px;
    }
    #main-section .fixed{
        width:100%;
    }



}

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

    #click{
        display:block;
    }
   
    /* menu design */
    #main-section .fixed{
        width:100%;
        left:0;
        right:0;
        margin: auto;
        padding:5px 45px;
    }
    #main-section{
        padding:5px 50px;
    }
    #header .menu{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        position: fixed;
        width: 100%;
        margin: 0 auto;
        display: block;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 5;
}
#header .menu ul{
    width:100%;
    background:#000;
    position:fixed;
    left:-100%;
    right:0;
    top:48px;
    transition:0.3s ease    ;
    -webkit-transition:0.3s ease    ;
    -moz-transition:0.3s ease    ;
    -ms-transition:0.3s ease    ;
    -o-transition:0.3s ease    ;
    height:46%
}
   



    #header .menu .show{
        left:0;
    }
    #header .menu ul li{
      display:block;
    }
    #header .menu ul li a{
      color:#fff;
    }
    #sign-up-btn{
        padding:3px 15px;
    }
    #click{
       background:none;
       border:none;
       outline:none;
       text-align:center;
       width:0px;
       height:0px;
       margin-top:8px;
       float:right;
       cursor:pointer;
    }
    #click i{
        font-size:30px;
       
    }
    #header .sign-up .design{
        display:none;
        font-size:30px;
        background:none;
        border:none;
        outline:none;
    }
    .hide{
        display:none;
    }
    .showing{
        display:block;
    }





    /* ---------------- */
    #advanced .right img{
        width:100%;
        height:100%;
        padding-left:0;
        padding-top:40px;
         }
         #advanced .left h2{
             padding-top:0;
         }
    #work .cards{
        margin-top:20px;
        width:100%;
        margin:10px auto;
    }
    #platform .right{
        padding-left:0;
    }
    #platform .right p{
        width:100%;
    }
    #information .left{
        text-align:center;
    }
    #information .left span{
        padding-top:0;
    }
    #information .left p{
        width:100%;
    }
    #information .right img {
        height: 100%;
        width: 100%;
        padding-top: 40px;
    }
    #plan .bottom .cards{
        margin-top:15px;
        width:100%;
    }
    #client .right h4{
        padding-top:30px;
    }
    #client .slider-two .slides{
        width:33%;
    }
    #email .mail h4{
        width:100%;
    }
    #email .submit{
        margin-top:15px;
    }
    footer .first p{
        width:100%;
    }

}