@media (max-width:1024px) and (min-width:990px) {
        .tLink {
            padding-top: 40px;
        }

        h1 {
            font-size: 20px;
        }

        h2 {
            font-size: 15px;
            line-height: 1.8;
            margin-top: 10px;
            margin-bottom: 20px;
        }

        .fDemo {
            padding-top: 50px;
            height: 630px;
        }

        .lDemo img {
            max-width: 80%;
            margin-bottom: 40px;
        }

        .contlbg {
            padding-top: 40px;
        }

        .conIn h1 {
            margin-top: 0;
        }

        .contlbg hr {
            margin-top: 110px;
        }

        .conIn {
            margin: 30px auto
        }

        .contl {
            padding-top: 30px;
        }
    }

    @media (max-width:990px) and (min-width:768px) {
        .tLink {
            padding-top: 0px;
        }

        h1 {
            font-size: 20px;
        }

        h2 {
            font-size: 15px;
            line-height: 1.8;
            margin-top: 10px;
            margin-bottom: 20px;
        }

        .fDemo {
            padding-top: 50px;
            height: 510px;
        }

        .lDemo img {
            max-width: 80%;
            margin-bottom: 20px;
        }

        .headerAbout,
        .headerDemo {
            height: 300px;
        }

        .lapimg {
            width: auto;
            float: none;
        }

        .aboutIn img {
            margin: 50px auto 0px;
        }

        .aboutIn .abtdata {
            width: auto;
            padding-bottom: 40px;
        }

            .aboutIn .abtdata a {
                margin-left: 0;
                margin-right: 20px;
                margin-top: 20px;
            }

        .contlbg hr {
            margin-top: 70px;
        }

        .conIn .contForm.contdemo form h1 {
            margin-top: 0;
        }

        .conIn h1 {
            margin-top: 0;
        }

        .contlbg {
            padding-top: 38px;
        }

        .contForm form {
            max-width: 100%;
        }

        .conIn {
            margin: 20px auto
        }

        .contl {
            padding-top: 30px;
        }
    }

    @media (max-width:767px) {
        .headerIn {
            width: 100%;
            left: 0;
            margin-left: 0;
        }

        .lDemo img {
            max-width: 90%;
            margin-bottom: 20px;
        }

        h1 {
            font-size: 16px;
        }

        h2 {
            font-size: 14px;
            line-height: 1.5;
        }

        .headerHome {
            padding-top: 66%
        }

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

        .fDemo {
            padding-top: 30px;
            height: 310px;
        }

        .headerAbout,
        .headerDemo,
        .headerContact {
            height: 250px;
        }

        .aboutIn .abtdata {
            text-align: center;
            padding-bottom: 35px;
        }

            .aboutIn .abtdata a {
                margin-top: 15px;
            }

        .aboutIn img {
            max-width: 90%;
            margin: 50px auto 0;
        }

        .contlbg {
            padding-top: 5px;
        }

            .contlbg hr {
                margin-top: 50px;
            }

        .contForm form {
            max-width: 100%;
            margin-top: 0 !important;
            padding-bottom: 30px;
        }

        .loginIn {
            margin: 100px auto;
        }

            .loginIn .col-sm-2 {
                width: 16.66666667%;
                float: left;
            }

            .loginIn p {
                margin: 20px auto 15px;
            }

        .headerContact:after {
            background-position-y: 0
        }

        .conIn {
            margin: 10px auto 20px;
        }
    }