/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px) {

    .wrapper_boxed {
        width: 1060px;
    }

    .site_wrapper {
        width: 1060px;
    }

    .container {
        width: 1000px;
        margin: auto;
    }

    .features_sec7 .cont {
        width: 65%;
    }

    .features_sec9 {
        padding-bottom: 30px;
    }

        .features_sec9 i {
            font-size: 30px;
            line-height: 100px;
        }

        .features_sec9 .box {
            width: 220px;
            height: 220px;
        }

        .features_sec9 .image div {
            width: 100px;
            height: 100px;
        }

        .features_sec9 .box:hover .image div {
            width: 144px;
            height: 144px;
        }

            .features_sec9 .box:hover .image div i {
                margin-top: -15px;
                font-size: 25px;
            }

        .features_sec9 .text div h4 {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .features_sec9 .text {
            font-size: 13px;
            line-height: 18px;
        }

            .features_sec9 .text:hover div {
                bottom: 20%;
            }

    .features_sec13 img {
        width: 100%;
    }

    .features_sec18 li.text2 {
        width: 80%;
    }

    .features_sec21 .img_left {
        width: 100%;
    }

    .features_sec21 li.text {
        width: 80%;
        margin-left: 20px;
    }

    .features_sec23 .cont {
        width: 65%;
    }

    .features_sec24 ul.news li.left img {
        width: 90%;
    }

    .features_sec24 ul.news li.left {
        margin: 0px 10px 0px 0px;
    }

    .features_sec24 ul.news:hover,
    .features_sec24 ul.news.active {
        background-size: 90%;
    }

    .features_sec26 .box ul {
        margin: 0 0 0 25%;
    }

    .features_sec26 .box img {
        width: 100%;
    }

    .features_sec27 ul.blogs2 li img {
        width: 100%;
    }

    .features_sec27 ul.news2 li.text {
        width: 86%;
    }

    .features_sec29 .box img {
        width: 100%;
    }

    .features_sec30 .hvideo iframe {
        width: 80%;
        height: 400px;
    }

    .features_sec31 .img_left {
        width: 100%;
    }

    .features_sec31 ul {
        margin: 0px 20px 0px 0px;
    }

    .features_sec32 .left {
        float: left;
        width: 30%;
        background: url(../images/arrow-2.png) no-repeat right 40px;
    }

        .features_sec32 .left .cimage {
            width: 98px;
            height: 98px;
            border: 5px solid #fff;
            background-size: 100%;
        }

    .features_sec32 .clients li img {
        width: 100%;
    }

    .features_sec33 li.text {
        float: left;
        width: 73%;
        margin-left: 30px;
    }

    .features_sec35 .box ul {
        margin: 0 0 0 23%;
    }

    .features_sec39 .limage {
        width: 100%;
    }

    .features_sec39 .rightsection li.text {
        width: 75%;
    }

    .features_sec39 .rightsection ul.two {
        margin-top: 45px;
    }

    .features_sec39 .rightsection ul.three {
        margin-top: 40px;
    }

    .circle_img {
        width: 300px;
        height: 300px;
    }

    .skillgraph {
        width: 200px;
        height: 200px;
        font-size: 57px;
        line-height: 200px;
    }

        .skillgraph.one,
        .skillgraph.two,
        .skillgraph.three,
        .skillgraph.four {
            background-size: 100%;
        }

    h1.section_title_drakgray {
        width: 70%;
    }

    .newsletter .enter_email_input {
        width: 70%;
    }

    .punchline_text_box {
        width: 94%;
        padding: 25px 25px;
    }

        .punchline_text_box strong {
            font-size: 20px;
        }

        .punchline_text_box .left {
            width: 75%;
        }

        .punchline_text_box .right {
            width: 25%;
        }

    .post_info_content {
        padding: 0px;
        margin: 10px 0 0 11%;
        width: 89%;
        float: left;
    }

    .contactform_footer .sky-form .button {
        width: 89%;
    }

    .fnewsletter input.enter_email_input {
        width: 160px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 999px) {

    .wrapper_boxed {
        width: 768px;
    }

    .site_wrapper {
        width: 768px;
    }

    .container {
        width: 747px;
        margin: auto;
    }

    .menu_main {
        float: right;
        width: 68%;
        margin-top: 10px;
    }

    #trueHeader #logo {
        margin-top: 14px;
    }

    .features_sec4 .two_third {
        width: 100%;
    }

    .features_sec4 .one_third {
        width: 100%;
    }

    .features_sec6 .one_third img {
        width: 120%;
    }

    .features_sec6 .two_third {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .features_sec6 h2 {
        font-size: 27px;
    }

    .features_sec6 h1 {
        font-size: 50px;
    }

    .features_sec7 .cont {
        width: 90%;
    }

    .features_sec8 .vline {
        display: none;
    }

    .features_sec8 .left,
    .features_sec8 .center,
    .features_sec8 .right {
        float: left;
        width: 32%;
    }

    .features_sec9 {
        padding-bottom: 30px;
    }

        .features_sec9 i {
            font-size: 25px;
            line-height: 80px;
        }

        .features_sec9 .box {
            width: 175px;
            height: 175px;
            border-radius: 0%;
        }

        .features_sec9 .image div {
            width: 80px;
            height: 80px;
        }

        .features_sec9 .box:hover .image div {
            width: 98px;
            height: 98px;
        }

            .features_sec9 .box:hover .image div i {
                margin-top: -15px;
                font-size: 20px;
            }

        .features_sec9 .text div h4 {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .features_sec9 .text {
            font-size: 11px;
            line-height: 16px;
        }

            .features_sec9 .text:hover div {
                bottom: 10%;
            }

    .features_sec13 img {
        width: 100%;
    }

    .fun_facts li strong {
        font-size: 18px;
    }

    .fun_facts li i {
        font-size: 12px;
    }

    .features_sec18 li.icon {
        width: 18%;
    }

    .features_sec18 li.text {
        width: 82%;
    }

    .features_sec18 li.text2 {
        width: 70%;
    }

    .features_sec21 .img_left {
        width: 100%;
    }

    .features_sec21 li.text {
        width: 74.8%;
        margin-left: 20px;
    }

    .features_sec23 .cont {
        width: 90%;
    }

    .features_sec24 .latestnews {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 70px;
    }

    .features_sec24 .latestblogs {
        width: 100%;
    }

    .features_sec24 ul.news:hover,
    .features_sec24 ul.news.active {
        background: url(../images/site-img23.png) no-repeat 50px top;
    }

    .features_sec24 ul.news {
        width: 50%;
    }

    .features_sec25 .left {
        width: 28%;
    }

    .features_sec25 .right {
        width: 65%;
        padding: 2.6% 3.5%;
    }

    .features_sec26 .box ul {
        margin: 0 0 0 20%;
    }

    .features_sec26 .box img {
        width: 100%;
    }

    .features_sec27 ul.blogs2 li img {
        width: 100%;
    }

    .features_sec27 ul.news2 li.text {
        width: 83%;
    }

    .features_sec28 i {
        width: 172px;
        height: 174px;
        line-height: 140px;
        background-size: 80%;
    }

    .features_sec28 .center {
        width: 50%;
        padding: 120px 25% 0 25%;
        min-height: 382px;
    }

    .features_sec29 .box img {
        width: 100%;
    }

    .features_sec30 .hvideo iframe {
        width: 80%;
        height: 370px;
    }

    .features_sec31 .img_left {
        width: 100%;
    }

    .features_sec31 ul {
        margin: 0px 20px 0px 0px;
    }

    .features_sec32 .left {
        float: left;
        width: 30%;
        background: url(../images/arrow-2.png) no-repeat right 30px;
    }

        .features_sec32 .left .cimage {
            width: 68px;
            height: 68px;
            border: 4px solid #fff;
            background-size: 100%;
        }

    .features_sec32 .clients li img {
        width: 100%;
    }

    .features_sec33 {
        padding-bottom: 70px;
    }

        .features_sec33 .leftimg {
            width: 35%;
            margin-right: 3%;
        }

            .features_sec33 .leftimg img {
                width: 100%;
            }

        .features_sec33 .right {
            width: 62%;
        }

        .features_sec33 li.text {
            width: 70%;
            margin-left: 20px;
        }

    .features_sec35 .box ul {
        margin: 0 0 0 18%;
    }

    .features_sec39 .one_half {
        width: 100%;
    }

    .features_sec39 .limage {
        float: none;
        margin-top: 0px;
    }

    .features_sec39 .rightsection ul.two {
        margin-top: 87px;
    }

    .features_sec39 .rightsection ul.three {
        margin-top: 87px;
    }

    .features_sec39 .rightsection {
        float: left;
        width: 100%;
        padding-bottom: 50px;
    }

    .features_sec43 li.text {
        width: 82%;
    }

    .features_sec44 .img_right {
        width: 100%;
    }

    .circle_img {
        width: 220px;
        height: 220px;
    }


    .skillgraph {
        width: 170px;
        height: 170px;
        font-size: 45px;
        line-height: 170px;
    }

        .skillgraph.one,
        .skillgraph.two,
        .skillgraph.three,
        .skillgraph.four {
            background-size: 100%;
        }

    h1.section_title_drakgray {
        width: 90%;
    }


    .twitter_feed .right {
        float: left;
        width: 87%;
    }

    .error_pagenotfound {
        width: 70%;
    }

    .punchline_text_box {
        width: 92%;
        padding: 25px 25px;
    }

        .punchline_text_box strong {
            font-size: 20px;
        }

        .punchline_text_box .left {
            width: 70%;
        }

        .punchline_text_box .right {
            width: 30%;
        }

    .blog_post h3 {
        width: 83%;
    }

    ul.post_meta_links {
        float: right;
        width: 85%;
    }

    .post_info_content {
        padding: 0px;
        margin: 13px 0 0 15%;
        width: 85%;
        float: left;
    }

    .post_info_content_small {
        padding: 0px;
        margin: 0 0 0 2.5%;
        width: 51.7%;
        float: left;
    }

        .post_info_content_small a.date {
            float: left;
            margin: 0px 10px 0px 0px;
        }

        .post_info_content_small h3 {
            font-size: 18px;
            float: left;
            width: 70%;
        }

    ul.post_meta_links_small {
        float: left;
        margin: -15px 0px 12px 70px;
        padding: 0px 0px 0px 0px;
        width: 70%;
    }

    .blog_postcontent .video_frame iframe {
        height: 250px;
    }

    #site-searchform #s {
        width: 61%;
    }

    .adsbanner-list li {
        margin: 0px 5px 5px 0px;
        width: 90px;
        height: 90px;
    }

        .adsbanner-list li.last {
            margin: 0px;
            width: 90px;
            height: 90px;
        }

        .adsbanner-list li img {
            width: 100%;
            height: auto;
        }

    .contactform_footer .sky-form .button {
        width: 86%;
    }

    .fnewsletter input.enter_email_input {
        width: 107px;
    }

    .address_info {
        width: 86%;
    }
}




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

    /*Slider stilove*/
    .tp-banner-container .box {
        display: none;
    }

    .slide1 {
        min-width: 1080px !important;
    }

        .slide1 p {
            font-size: 14px !important;
            line-height: 12px !Important;
        }

    .slide2-first {
        min-width: 1080px !important;
        top: 28px !important;
        left: -184px !important;
    }

        .slide2-first p {
            font-size: 14px !important;
            line-height: 12px !Important;
        }

    .slide2 {
        min-width: 1080px !important;
        top: 109px !important;
        left: 201px !important;
    }

        .slide2 p {
            font-size: 10px !important;
            line-height: 12px !Important;
        }

    .wrapper_boxed {
        width: 480px;
    }

    .site_wrapper {
        width: 480px;
    }

    .container {
        width: 460px;
        margin: auto;
    }

    .content_left {
        float: left;
        width: 100%;
        padding: 59px 0px 0px 0px;
    }

    .right_sidebar {
        float: left;
        width: 100%;
        padding: 59px 0px 0px 0px;
    }

    .left_sidebar {
        float: left;
        width: 100%;
        padding: 59px 0px 0px 0px;
    }

    .content_right {
        float: left;
        width: 100%;
        padding: 59px 0px 0px 0px;
    }

    .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
        margin-right: 0%;
    }

    .one_half {
        width: 100%;
        margin-bottom: 40px;
    }

    .one_third {
        width: 100%;
        margin-bottom: 40px;
    }

    .one_fourth {
        width: 100%;
        margin-bottom: 40px;
    }

    .one_fifth {
        width: 100%;
        margin-bottom: 40px;
    }

    .two_third {
        width: 100%;
        margin-bottom: 40px;
    }

    .three_fourth {
        width: 100%;
        margin-bottom: 40px;
    }

    #trueHeader #logo {
        background-position: center;
    }

    .logo {
        width: 100%;
        margin-bottom: 20px;
        display: none;
    }

    .menu_main {
        float: none;
        width: 90%;
        margin: 0 auto;
    }



    .features_sec2 .one_third .margin_top7 {
        margin-top: 40px;
    }

    .features_sec3 .one_fourth {
        width: 100%;
        margin-right: 0%;
    }

    .features_sec5 .left {
        float: left;
        width: 100%;
    }

    .features_sec5 .right {
        float: left;
        width: 100%;
        margin-top: 40px;
    }

    .features_sec5 .left .circle {
        float: left;
        margin-left: 80px;
    }

    .features_sec5 .right .circle {
        float: left;
        margin-left: 80px;
    }

    .features_sec6 .two_third {
        padding-top: 50px;
    }

    .features_sec6 .one_third {
        margin-bottom: 0px;
    }

    .features_sec6 h2 {
        font-size: 27px;
    }

    .features_sec6 h1 {
        font-size: 50px;
    }

    .features_sec6 span {
        width: 100%;
    }

    .features_sec6 p {
        width: 100%;
    }

    .features_sec7 .cont {
        width: 90%;
    }

    .features_sec8 .vline {
        display: none;
    }

    .features_sec8 .left,
    .features_sec8 .center,
    .features_sec8 .right {
        width: 100%;
        padding-top: 0px;
    }

    .features_sec8 .content_box {
        border: none;
    }

    .features_sec12 .left {
        width: 80%;
        padding: 10%;
    }

    .features_sec12 .center {
        width: 100%;
    }

    .features_sec12 .right {
        width: 100%;
    }

    .features_sec13 img {
        width: 100%;
    }

    .features_sec19 .left {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .features_sec19 .center {
        width: 100%;
    }

    .features_sec19 .right {
        width: 100%;
    }

    .features_sec19 .left li.icon {
        float: none;
        margin-right: 20px;
        width: 100%;
        text-align: center;
    }

    .features_sec19 .left h3 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .features_sec19 .left li p {
        text-align: center;
    }

    .features_sec19 .left li {
        float: left;
        width: 100%;
    }

    .features_sec19 .right li.icon {
        float: none;
        margin-right: 20px;
        width: 100%;
        text-align: center;
    }

    .features_sec19 .right h3 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .features_sec19 .right li p {
        text-align: center;
    }

    .features_sec19 .right li {
        float: left;
        width: 100%;
    }

    .features_sec21 .img_left {
        width: 100%;
    }

    .features_sec21 li.text {
        width: 78%;
        margin-left: 30px;
    }

    .features_sec23 .cont {
        width: 90%;
    }

    .features_sec24 .latestnews {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 70px;
    }

    .features_sec24 .latestblogs {
        width: 100%;
    }

    .features_sec24 ul.news:hover,
    .features_sec24 ul.news.active {
        background: url(../images/site-img23.png) no-repeat 50px top;
    }

    .features_sec25 .left {
        width: 40%;
    }

    .features_sec25 .right {
        width: 53%;
        padding: 2.6% 3.5%;
    }

    .features_sec26 .box ul {
        margin: 0 0 0 35%;
    }

    .features_sec26 .box img {
        width: 100%;
    }

    .features_sec27 ul.blogs2 li img {
        width: 100%;
    }

    .features_sec27 ul.news2 li.text {
        width: 80%;
    }

    .features_sec28 .center {
        width: 50%;
        padding: 140px 25% 0 25%;
        min-height: 362px;
    }

    .features_sec29 .box img {
        width: 100%;
    }

    .features_sec30 .hvideo iframe {
        width: 90%;
        height: 300px;
    }

    .features_sec31 .img_left {
        width: 100%;
    }

    .features_sec31 ul {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

    .features_sec32 .left {
        float: left;
        width: 30%;
        background: url(../images/arrow-2.png) no-repeat right 30px;
    }

        .features_sec32 .left .cimage {
            width: 98px;
            height: 98px;
            border: 5px solid #fff;
            background-size: 100%;
        }

    .features_sec32 .clients li img {
        width: 100%;
    }

    .features_sec33 {
        padding-bottom: 70px;
    }

        .features_sec33 .leftimg {
            width: 100%;
            margin-right: 0%;
        }

            .features_sec33 .leftimg img {
                width: 100%;
            }

        .features_sec33 .right {
            width: 100%;
        }

        .features_sec33 li.text {
            width: 71%;
        }

    .features_sec35 .box ul {
        margin: 0 0 0 38%;
    }

    .features_sec39 .limage {
        width: 100%;
        float: none;
        margin-top: 0px;
    }

    .features_sec39 .rightsection ul.two {
        margin-top: 65px;
    }

    .features_sec39 .rightsection ul.three {
        margin-top: 65px;
    }

    .features_sec39 .rightsection {
        float: left;
        width: 100%;
        padding-bottom: 25px;
    }

        .features_sec39 .rightsection li.text {
            width: 75%;
        }

    .features_sec44 .img_right {
        width: 100%;
    }


    .circle_img {
        float: none;
        margin: 0 auto;
    }

    .biobox {
        float: left;
        width: 81%;
        padding: 8%;
    }

    h1.section_title_drakgray {
        width: 90%;
    }

        h1.section_title_drakgray em {
            line-height: 25px;
        }


    .pro_bar.inner {
        margin-top: 20px;
    }


    .less1 {
        width: 100%;
    }

    .less2 {
        width: 100%;
    }

    .footer1 {
        padding-bottom: 0px;
    }

    .twitter_feed .right {
        float: left;
    }

    ul.footer_social_links {
        float: left;
        margin-top: 20px;
    }

    .copyright_info .one_half {
        margin-bottom: 0px;
    }

    .error_pagenotfound {
        padding: 30px 20px 38px 20px;
        width: 80%;
    }

        .error_pagenotfound b {
            font-size: 30px;
            line-height: 40px;
        }

    .top_nav.two {
        float: left;
        width: 100%;
    }

        .top_nav.two .left {
            margin-bottom: 13px;
        }

    .menu_main.full {
        margin-top: 10px;
    }

    .punchline_text_box {
        width: 87%;
        padding: 25px 25px;
    }

        .punchline_text_box strong {
            font-size: 20px;
        }

        .punchline_text_box .left {
            width: 100%;
        }

        .punchline_text_box .right {
            width: 100%;
            float: left;
        }

            .punchline_text_box .right a.knowmore_but {
                float: left;
                margin-left: 0px;
                margin-top: 20px;
            }


    .blog_post h3 {
        font-size: 18px;
        float: left;
        width: 82%;
        line-height: 27px;
    }

    .blog_post a.date {
        float: left;
        margin-right: 15px;
    }

    .post_info_content {
        padding: 0px;
        margin: 0 0 0 0;
        width: 97%;
        float: left;
    }

    ul.post_meta_links {
        float: left;
        margin: -10px 0px 12px 72px;
        padding: 0px 0px 0px 0px;
        width: 80%;
    }

    .post_meta_links li.post_by {
        float: left;
        padding: 0px 0px 0px 18px;
        border-right: 1px solid #d3d3d3;
        background: url(../images/blog/icon-by-user.png) no-repeat 0px 5px;
    }

    .post_meta_links li.post_categoty {
        float: left;
        padding: 0px 0px 0px 25px;
        border-right: 1px solid #d3d3d3;
        background: url(../images/blog/icon-category.png) no-repeat 9px 6px;
    }

    .post_meta_links li.post_comments {
        float: left;
        padding: 0px 0px 0px 25px;
        background: url(../images/blog/icon-comments.png) no-repeat 9px 5px;
    }

    .post_meta_links li a {
        color: #a1a1a1;
        padding: 0px 10px 0px 0px;
        text-decoration: none;
        font-size: 11px;
    }

    .blog_postcontent .image_frame {
        float: left;
        width: 96%;
        border: 7px solid #eee;
        margin-bottom: 25px;
    }

    .blog_postcontent .video_frame iframe {
        float: left;
        width: 97%;
        height: 200px;
        border: 7px solid #ddd;
        margin-bottom: 25px;
    }

    .blog_postcontent .image_frame.small {
        float: left;
        width: 97%;
        border: 7px solid #ddd;
        margin-bottom: 25px;
    }

    .blog_postcontent .video_frame.small iframe {
        float: left;
        width: 97%;
        height: 200px;
        border: 7px solid #ddd;
        margin-bottom: 25px;
    }

    .post_info_content_small {
        padding: 0px;
        margin: 0;
        width: 99%;
        float: left;
    }

    ul.post_meta_links_small {
        float: left;
        margin: -15px 0px 12px 80px;
        padding: 0px 0px 0px 0px;
        width: 82%;
    }

    #site-searchform #s {
        width: 83%;
    }

    ul.adsbanner-list {
        width: 50%;
    }

    .adsbanner-list li {
        margin: 0px 10px 10px 0px;
        padding: 0px;
        float: left;
        width: 100px;
        height: 100px;
        list-style-type: none;
    }

        .adsbanner-list li.last {
            margin: 0px 0px 0px 0px;
            padding: 0px;
            float: left;
            width: 100px;
            height: 100px;
            list-style-type: none;
        }

        .adsbanner-list li img {
            width: 100%;
            height: auto;
        }

    .about_author {
        width: 90%;
    }

    .comment_form {
        float: left;
        width: 100%;
        margin-top: 30px;
    }

        .comment_form label {
            float: left;
            width: 90px;
            height: 15px;
            padding: 7px 10px;
            margin-bottom: 20px;
        }

    .comment_input_bg {
        float: left;
        width: 68%;
        height: 25px;
        padding: 7px 10px 0px 10px;
        border-top: 2px solid #e3e3e3;
        border-left: 2px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f9f9f9;
    }

    .comment_textarea_bg {
        float: left;
        width: 94%;
        height: 235px;
        padding: 7px 10px 0px 10px;
        margin-bottom: 20px;
        border-top: 2px solid #e3e3e3;
        border-left: 2px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f9f9f9;
    }

    .comment_checkbox {
        float: left;
        display: block;
        width: 94%;
        margin-top: 10px;
    }

    .address_info {
        width: 90%;
    }

    .google-map {
        width: 97%;
    }

    .google-map3 {
        width: 95%;
    }

    .pricing-tables {
        width: 24.5%;
    }

        .pricing-tables .title {
            font-size: 14px;
        }

        .pricing-tables .price {
            font-size: 20px;
        }

            .pricing-tables .price i {
                font-size: 9px;
                margin-top: 0px;
            }

    .pricing-tables-helight {
        position: relative;
        float: left;
        width: 24.5%;
    }

        .pricing-tables-helight .title {
            font-size: 14px;
        }

        .pricing-tables-helight .price {
            font-size: 20px;
        }

            .pricing-tables-helight .price i {
                font-size: 9px;
                margin-top: 0px;
            }

    .pricing-tables-two {
        width: 33%;
    }

        .pricing-tables-two .title {
            font-size: 14px;
        }

        .pricing-tables-two .price {
            font-size: 20px;
        }

            .pricing-tables-two .price i {
                font-size: 9px;
                margin-top: 0px;
            }

    .pricing-tables-helight-two {
        position: relative;
        float: left;
        width: 33%;
    }

        .pricing-tables-helight-two .title {
            font-size: 14px;
        }

        .pricing-tables-helight-two .price {
            font-size: 20px;
        }

            .pricing-tables-helight-two .price i {
                font-size: 9px;
                margin-top: 0px;
            }


    .contactform_footer {
        width: 95%;
    }

        .contactform_footer .sky-form .button {
            width: 88.5%;
        }

    .fnewsletter input.enter_email_input {
        width: 300px;
    }

    .cforms {
        float: left;
        width: 94%;
    }

    .portfolio_area_left {
        padding: 0px;
        margin: 0px 0px 30px 0px;
        width: 98%;
        float: left;
    }

    .portfolio_area_right {
        padding: 0px;
        margin: 0px 0px 0px 0px;
        width: 98%;
        float: left;
    }

    .project_details {
        padding: 0px;
        margin: 65px 0px 0px 0px;
    }

    .addto_favorites {
        float: left;
        margin: 15px 0px 0px 0px;
    }

        .addto_favorites:hover {
            float: left;
            margin: 15px 0px 0px 0px;
        }

    .portfolio_area_right ul.small_social_links {
        margin: 22px 0px 0px 170px;
    }

    .project_details span {
        padding: 4px 0px;
    }

    .project_details strong {
        width: 22%;
    }



    .features_sec1 {
        padding-bottom: 30px;
    }

    .features_sec39 {
        padding: 70px 0px 30px 0px;
    }

    .features_sec4 .one_half {
        margin-bottom: 0px;
    }

    .features_sec4 {
        padding: 70px 0px 0px 0px;
    }

    .features_sec8 {
        padding-bottom: 30px;
    }

    .features_sec9 {
        padding-bottom: 30px;
    }

    .features_sec10 {
        padding-bottom: 50px;
    }

    .features_sec11 {
        padding-bottom: 35px;
    }

    .features_sec14 .one_third.last {
        margin-bottom: 0px;
    }

    .features_sec16 {
        padding-bottom: 0px;
    }

    .footer1 .divider_line3 {
        padding-top: 0px;
    }

    .features_sec18 {
        padding-bottom: 30px;
    }

    .features_sec20 {
        padding-bottom: 0px;
    }

    .features_sec21 {
        padding-bottom: 30px;
    }

    .features_sec22 {
        padding-bottom: 30px;
    }

    .features_sec26 {
        padding-bottom: 25px;
    }

    .features_sec2 {
        padding-bottom: 30px;
    }

    .features_sec29 {
        padding-bottom: 30px;
    }

    .features_sec31 {
        padding-bottom: 30px;
    }

    .features_sec32 {
        padding-bottom: 0px;
    }

    .features_sec34 {
        padding-bottom: 25px;
    }

    .features_sec35 {
        padding-bottom: 25px;
    }

    .features_sec37 {
        padding-bottom: 25px;
    }

    .features_sec42 {
        padding-bottom: 0px;
    }

    .features_sec43 {
        padding-bottom: 0px;
    }

    .footer1.three {
        padding-bottom: 0px;
    }

    .features_sec28 {
        padding-bottom: 30px;
    }

    .features_sec4 .one_third {
        margin-bottom: 0px;
    }

    .features_sec2.lessmb .one_third.last {
        margin-bottom: 0px;
    }

    .features_sec42.two.three {
        padding-bottom: 0px;
    }

    .features_sec45 {
        padding-bottom: 0px;
    }



    .content_fullwidth .one_half.last,
    .content_fullwidth .one_third.last,
    .content_fullwidth .one_fourth.last,
    .content_fullwidth .two_third.last,
    .content_fullwidth .three_fourth.last,
    .content_fullwidth .one_fifth.last {
        margin-bottom: 0px;
    }

    .content_left .one_half.last,
    .content_left .one_third.last,
    .content_left .one_fourth.last,
    .content_left .two_third.last,
    .content_left .three_fourth.last,
    .content_left .one_fifth.last {
        margin-bottom: 0px;
    }

    .content_right .one_half.last,
    .content_right .one_third.last,
    .content_right .one_fourth.last,
    .content_right .two_third.last,
    .content_right .three_fourth.last,
    .content_right .one_fifth.last {
        margin-bottom: 0px;
    }


    .iframecontainer {
        width: 100%;
    }

    .top_nav .right li.link {
        margin-top: -2px;
    }
}





@media only screen and (max-width: 479px) {
    .logo {
        display: none;
    }

    .wrapper_boxed {
        width: 320px;
    }

    .site_wrapper {
        width: 320px;
    }

    .container {
        width: 300px;
        margin: auto;
    }

    .content_left {
        float: left;
        width: 100%;
        padding: 59px 0px 0px 0px;
    }

    .right_sidebar {
        float: left;
        width: 100%;
        padding: 59px 0px 0px 0px;
    }

    .left_sidebar {
        float: left;
        width: 100%;
        padding: 59px 0px 0px 0px;
    }

    .content_right {
        float: left;
        width: 100%;
        padding: 59px 0px 0px 0px;
    }

    .one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
        margin-right: 0%;
    }

    .one_half {
        width: 100%;
        margin-bottom: 40px;
    }

    .one_third {
        width: 100%;
        margin-bottom: 40px;
    }

    .one_fourth {
        width: 100%;
        margin-bottom: 40px;
    }

    .one_fifth {
        width: 100%;
        margin-bottom: 40px;
    }

    .two_third {
        width: 100%;
        margin-bottom: 40px;
    }

    .three_fourth {
        width: 100%;
        margin-bottom: 40px;
    }

    .top_nav .left {
        width: 100%;
    }

    .top_nav .right {
        width: 100%;
    }

        .top_nav .right ul {
            float: left;
        }

        .top_nav .right li {
            margin: 10px 5px 0px 0px;
        }

    #trueHeader #logo {
        background-position: center;
    }

    .logo {
        width: 100%;
        margin-bottom: 20px;
    }

    .menu_main {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    .features_sec2 .one_third .margin_top7 {
        margin-top: 40px;
    }

    .features_sec3 .one_fourth {
        width: 100%;
        margin-right: 0%;
    }

    .features_sec5 .left {
        float: left;
        width: 100%;
    }

    .features_sec5 .right {
        float: left;
        width: 100%;
        margin-top: 40px;
    }

    .features_sec5 .left .circle {
        float: left;
        margin-left: 4px;
    }

    .features_sec5 .right .circle {
        float: left;
        margin-left: 4px;
    }

    .features_sec6 .one_third img {
        width: 100%;
    }

    .features_sec6 .two_third {
        padding-top: 50px;
    }

    .features_sec6 .one_third {
        margin-bottom: 0px;
    }

    .features_sec6 h2 {
        font-size: 22px;
    }

    .features_sec6 h1 {
        font-size: 40px;
    }

    .features_sec6 span {
        width: 100%;
    }

    .features_sec6 p {
        width: 100%;
    }

    .features_sec7 .cont {
        width: 94%;
        margin-top: 0px;
    }

    .features_sec8 .vline {
        display: none;
    }

    .features_sec8 .left,
    .features_sec8 .center,
    .features_sec8 .right {
        width: 100%;
        padding-top: 0px;
    }

    .features_sec8 .content_box {
        border: none;
    }

    .features_sec12 .left {
        width: 80%;
        padding: 10%;
    }

    .features_sec12 .center {
        width: 100%;
    }

    .features_sec12 .right {
        width: 100%;
    }

    .features_sec13 img {
        width: 100%;
    }

    .features_sec18 li.text2 {
        width: 80%;
    }

    .features_sec19 .left {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .features_sec19 .center {
        width: 100%;
    }

    .features_sec19 .right {
        width: 100%;
    }

    .features_sec19 .left li.icon {
        float: none;
        margin-right: 20px;
        width: 100%;
        text-align: center;
    }

    .features_sec19 .left h3 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .features_sec19 .left li p {
        text-align: center;
    }

    .features_sec19 .left li {
        float: left;
        width: 100%;
    }

    .features_sec19 .right li.icon {
        float: none;
        margin-right: 20px;
        width: 100%;
        text-align: center;
    }

    .features_sec19 .right h3 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .features_sec19 .right li p {
        text-align: center;
    }

    .features_sec19 .right li {
        float: left;
        width: 100%;
    }

    .features_sec21 .img_left {
        width: 100%;
    }

    .features_sec21 li.text {
        width: 70%;
        margin-left: 20px;
    }

    .features_sec23 .cont {
        width: 94%;
        margin-top: 0px;
    }

    .features_sec24 .latestnews {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 70px;
    }

    .features_sec24 .latestblogs {
        width: 100%;
    }

    .features_sec24 ul.news:hover,
    .features_sec24 ul.news.active {
        background: url(../images/site-img23.png) no-repeat 50px top;
    }

    .features_sec25 .left {
        width: 100%;
        text-align: center;
        background: none;
        margin-bottom: 30px;
    }

    .features_sec25 .right {
        width: 82%;
        padding: 8% 9%;
    }

    .features_sec25 .left h5 {
        width: 40%;
        display: inherit;
        margin-top: 50px;
        text-align: center;
    }

        .features_sec25 .left h5 em {
            display: block;
        }

    .features_sec26 .box ul {
        margin: 0 0 0 27%;
    }

    .features_sec26 .box img {
        width: 100%;
    }

    .features_sec27 ul.blogs2 li img {
        width: 100%;
    }

    .features_sec27 ul.news2 li.text {
        width: 80%;
    }

    .features_sec28 .center {
        width: 60%;
        padding: 110px 20% 0 20%;
        min-height: 392px;
    }

    .features_sec29 .box img {
        width: 100%;
    }

    .features_sec30 .hvideo iframe {
        width: 94%;
        height: 200px;
    }

    .features_sec31 .img_left {
        width: 100%;
    }

    .features_sec31 ul {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

    .features_sec32 .left {
        float: left;
        width: 100%;
        background: none;
        margin-bottom: 20px;
    }

        .features_sec32 .left .cimage {
            float: none;
            width: 98px;
            height: 98px;
            border: 5px solid #fff;
            background-size: 100%;
            margin: 0 auto;
        }

    .features_sec32 .clients li img {
        width: 100%;
    }

    .features_sec32 .right {
        width: 90%;
        padding: 3% 5%;
    }

    .features_sec33 {
        padding-bottom: 70px;
    }

        .features_sec33 .leftimg {
            width: 100%;
            margin-right: 0%;
        }

            .features_sec33 .leftimg img {
                width: 100%;
            }

        .features_sec33 .right {
            width: 100%;
        }

        .features_sec33 li.text {
            width: 59%;
            margin-left: 20px;
        }

    .features_sec35 .box ul {
        margin: 0 0 0 31%;
    }

    .features_sec39 .limage {
        width: 100%;
        float: none;
        margin-top: 0px;
    }

    .features_sec39 .rightsection {
        float: left;
        width: 100%;
        padding-bottom: 0px;
        background: none;
    }

        .features_sec39 .rightsection li.text {
            width: 65%;
        }

        .features_sec39 .rightsection li.icon {
            margin-right: 20px;
        }

    .features_sec43 li.text {
        width: 79%;
    }

    .features_sec44 .img_right {
        width: 100%;
    }



    .pro_bar.inner {
        margin-top: 20px;
    }

    .circle_img {
        float: none;
        width: 290px;
        height: 290px;
        margin: 0 auto;
    }

    .biobox {
        float: left;
        width: 81%;
        padding: 8%;
    }

    h1.section_title_drakgray {
        font-size: 35px;
        width: 100%;
    }

        h1.section_title_drakgray em {
            line-height: 25px;
        }


    .readmore_but12 {
        padding: 10px 18px;
    }

    h2.section_title_whitebig {
        font-size: 30px;
    }

        h2.section_title_whitebig strong {
            font-size: 50px;
            line-height: 50px;
        }

    .less1 {
        width: 100%;
    }

    .less2 {
        width: 100%;
    }

    .footer1 {
        padding-bottom: 0px;
    }

    ul.footer_social_links {
        float: left;
        margin-top: 20px;
    }

    .copyright_info .one_half {
        margin-bottom: 0px;
    }

    .error_pagenotfound {
        width: 75%;
        padding-top: 25px;
    }

        .error_pagenotfound strong {
            font-size: 100px;
            margin-bottom: 0px;
        }

        .error_pagenotfound b {
            font-size: 20px;
            line-height: 30px;
        }

        .error_pagenotfound em {
            font-size: 14px;
            line-height: 22px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

    .top_nav.two {
        float: left;
        width: 100%;
    }

        .top_nav.two .left {
            margin-bottom: 4px;
        }

    .menu_main.full {
        margin-top: 10px;
    }

    .punchline_text_box {
        width: 80%;
        padding: 25px 25px;
    }

        .punchline_text_box strong {
            font-size: 20px;
        }

        .punchline_text_box .left {
            width: 100%;
        }

        .punchline_text_box .right {
            width: 100%;
            float: left;
        }

            .punchline_text_box .right a.knowmore_but {
                float: left;
                margin-left: 0px;
                margin-top: 20px;
            }


    .blog_post h3 {
        font-size: 18px;
        float: left;
        width: 71%;
        line-height: 25px;
    }

    .blog_post a.date {
        float: left;
        margin-right: 15px;
    }

    .post_info_content {
        padding: 0px;
        margin: 10px 0 0 0;
        width: 97%;
        float: left;
    }

    ul.post_meta_links {
        float: left;
        margin: -10px 0px 12px 72px;
        padding: 0px 0px 0px 0px;
        width: 70%;
    }

    .post_meta_links li.post_by {
        float: left;
        padding: 0px 0px 0px 18px;
        background: url(../images/blog/icon-by-user.png) no-repeat 0px 5px;
    }

    .post_meta_links li.post_categoty {
        float: left;
        padding: 0px 0px 0px 25px;
        background: url(../images/blog/icon-category.png) no-repeat 9px 6px;
    }

    .post_meta_links li.post_comments {
        float: left;
        padding: 0px 0px 0px 25px;
        background: url(../images/blog/icon-comments.png) no-repeat 9px 5px;
    }

    .post_meta_links li a {
        color: #a1a1a1;
        padding: 0px 10px 0px 0px;
        text-decoration: none;
        font-size: 10px;
    }

    .blog_postcontent .image_frame {
        float: left;
        width: 94%;
        border: 7px solid #eee;
        margin-bottom: 25px;
    }

    .blog_postcontent .video_frame iframe {
        float: left;
        width: 94%;
        height: 200px;
        border: 7px solid #ddd;
        margin-bottom: 25px;
    }

    .blog_postcontent .image_frame.small {
        float: left;
        width: 95%;
        border: 7px solid #ddd;
        margin-bottom: 25px;
    }

    .blog_postcontent .video_frame.small iframe {
        float: left;
        width: 95%;
        height: 200px;
        border: 7px solid #ddd;
        margin-bottom: 25px;
    }

    .post_info_content_small {
        padding: 0px;
        margin: 0;
        width: 95%;
        float: left;
    }

    ul.post_meta_links_small {
        float: left;
        margin: -15px 0px 12px 80px;
        padding: 0px 0px 0px 0px;
        width: 70%;
    }

    .pagination b {
        float: left;
        margin: 0px 0px 10px 0;
        padding: 0px 10px;
        font-weight: normal;
        color: #999;
        width: 90%;
    }

    #site-searchform #s {
        width: 74%;
    }

    ul.adsbanner-list {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        float: left;
        width: 50%;
    }

    .adsbanner-list li {
        margin: 0px 10px 10px 0px;
        padding: 0px;
        float: left;
        width: 110px;
        height: 110px;
        list-style-type: none;
    }

        .adsbanner-list li.last {
            margin: 0px 0px 0px 0px;
            padding: 0px;
            float: left;
            width: 110px;
            height: 110px;
            list-style-type: none;
        }

        .adsbanner-list li img {
            width: 100%;
            height: auto;
        }

    ul.adsbanner-list.two {
        margin: 0px 0px 0px 0px;
        float: left;
    }

    .about_author {
        width: 85%;
    }

    .comment_form {
        float: left;
        width: 100%;
        margin-top: 30px;
    }

        .comment_form label {
            float: left;
            width: 90px;
            height: 15px;
            padding: 7px 10px;
            margin-bottom: 20px;
        }

    .comment_input_bg {
        float: left;
        width: 52%;
        height: 25px;
        padding: 7px 10px 0px 10px;
        border-top: 2px solid #e3e3e3;
        border-left: 2px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f9f9f9;
    }

    .comment_textarea_bg {
        float: left;
        width: 90%;
        height: 235px;
        padding: 7px 10px 0px 10px;
        margin-bottom: 20px;
        border-top: 2px solid #e3e3e3;
        border-left: 2px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f9f9f9;
    }

    .comment_checkbox {
        float: left;
        display: block;
        width: 90%;
        margin-top: 10px;
    }


    .address_info {
        width: 84%;
    }

    .google-map {
        width: 95%;
    }

    .google-map3 {
        width: 94%;
    }

    .pricing-tables {
        width: 24%;
    }

        .pricing-tables .title {
            font-size: 12px;
        }

        .pricing-tables .price {
            font-size: 18px;
        }

            .pricing-tables .price i {
                font-size: 9px;
                margin-top: 0px;
            }

    .pricing-tables-helight {
        position: relative;
        float: left;
        width: 24%;
    }

        .pricing-tables-helight .title {
            font-size: 12px;
        }

        .pricing-tables-helight .price {
            font-size: 18px;
        }

            .pricing-tables-helight .price i {
                font-size: 9px;
                margin-top: 0px;
            }

    .pricing-tables-two {
        width: 32%;
    }

        .pricing-tables-two .title {
            font-size: 12px;
        }

        .pricing-tables-two .price {
            font-size: 18px;
        }

            .pricing-tables-two .price i {
                font-size: 9px;
                margin-top: 0px;
            }

    .pricing-tables-helight-two {
        position: relative;
        float: left;
        width: 33%;
    }

        .pricing-tables-helight-two .title {
            font-size: 12px;
        }

        .pricing-tables-helight-two .price {
            font-size: 18px;
        }

            .pricing-tables-helight-two .price i {
                font-size: 9px;
                margin-top: 0px;
            }

    .pricing-tables-main .ordernow .normalbut {
        padding: 10px 4px;
        font-size: 10px;
    }

    .pricing-tables-main .ordernow .colorchan {
        padding: 10px 4px;
        font-size: 10px;
    }

    .contactform_footer {
        width: 95%;
    }

        .contactform_footer .sky-form .button {
            width: 82.5%;
        }

    .fnewsletter input.enter_email_input {
        width: 220px;
    }

    .cforms {
        float: left;
        width: 94%;
    }

    .portfolio_area_left {
        padding: 0px;
        margin: 0px 0px 30px 0px;
        width: 98%;
        float: left;
    }

    .portfolio_area_right {
        padding: 0px;
        margin: 0px 0px 0px 0px;
        width: 98%;
        float: left;
    }

    .project_details {
        padding: 0px;
        margin: 65px 0px 0px 0px;
    }

    .addto_favorites {
        float: left;
        margin: 15px 0px 0px 0px;
    }

        .addto_favorites:hover {
            float: left;
            margin: 15px 0px 0px 0px;
        }

    .portfolio_area_right ul.small_social_links {
        margin: 22px 0px 0px 170px;
    }

    .project_details span {
        padding: 4px 0px;
    }

    .project_details strong {
        width: 30%;
    }


    .features_sec1 {
        padding-bottom: 30px;
    }

    .features_sec39 {
        padding: 70px 0px 30px 0px;
    }

    .features_sec4 .one_half {
        margin-bottom: 0px;
    }

    .features_sec4 {
        padding: 70px 0px 0px 0px;
    }

    .features_sec8 {
        padding-bottom: 30px;
    }

    .features_sec6 .readmore_but3 {
        margin-bottom: 10px;
    }

    .features_sec9 {
        padding-bottom: 30px;
    }

    .features_sec10 {
        padding-bottom: 50px;
    }

    .features_sec11 {
        padding-bottom: 35px;
    }

    .features_sec14 .one_third.last {
        margin-bottom: 0px;
    }

    .features_sec16 {
        padding-bottom: 0px;
    }

    .footer1 .divider_line3 {
        padding-top: 0px;
    }

    .features_sec18 {
        padding-bottom: 30px;
    }

    .features_sec20 {
        padding-bottom: 0px;
    }

    .features_sec21 {
        padding-bottom: 30px;
    }

    .features_sec22 {
        padding-bottom: 30px;
    }

    .features_sec26 {
        padding-bottom: 25px;
    }

    .features_sec2 {
        padding-bottom: 30px;
    }

    .features_sec29 {
        padding-bottom: 30px;
    }

    .features_sec31 {
        padding-bottom: 30px;
    }

    .features_sec32 {
        padding-bottom: 0px;
    }

    .features_sec34 {
        padding-bottom: 25px;
    }

    .features_sec35 {
        padding-bottom: 25px;
    }

    .features_sec37 {
        padding-bottom: 25px;
    }

    .features_sec42 {
        padding-bottom: 0px;
    }

    .features_sec43 {
        padding-bottom: 0px;
    }

    .footer1.three {
        padding-bottom: 0px;
    }

    .features_sec28 {
        padding-bottom: 30px;
    }

    .features_sec4 .one_third {
        margin-bottom: 0px;
    }

    .features_sec2.lessmb .one_third.last {
        margin-bottom: 0px;
    }

    .features_sec42.two.three {
        padding-bottom: 0px;
    }

    .features_sec45 {
        padding-bottom: 0px;
    }


    .content_fullwidth .one_half.last,
    .content_fullwidth .one_third.last,
    .content_fullwidth .one_fourth.last,
    .content_fullwidth .two_third.last,
    .content_fullwidth .three_fourth.last,
    .content_fullwidth .one_fifth.last {
        margin-bottom: 0px;
    }

    .content_left .one_half.last,
    .content_left .one_third.last,
    .content_left .one_fourth.last,
    .content_left .two_third.last,
    .content_left .three_fourth.last,
    .content_left .one_fifth.last {
        margin-bottom: 0px;
    }

    .content_right .one_half.last,
    .content_right .one_third.last,
    .content_right .one_fourth.last,
    .content_right .two_third.last,
    .content_right .three_fourth.last,
    .content_right .one_fifth.last {
        margin-bottom: 0px;
    }


    .iframecontainer {
        width: 100%;
    }

    .top_nav .right li.link {
        margin-top: 10px;
    }
}