@media only screen and (min-width :320px) and (max-width :992px) {
    .blog-posts.timeline .post-item:nth-child(even), .blog-posts.two-column .post-item:nth-child(even) {
        margin-left: 0
    }

    .post-item .post-bullet, .timeline .post-item:before, .timeline .post-item:nth-child(even):before, .timeline:before {
        display: none
    }

    .Webhosting h1, .seosite h1 {
        font-size: 2.5em;
        right: 20px
    }

    ..Webhosting h3, .seosite h3 {
        font-size: 2em;
        right: 20px
    }

    .blog-posts.two-column .post-item {
        width: 100%
    }

    .logo-items li .client-logo {
        width: 100%;
        height: auto
    }

    .blog-posts.timeline .post-item {
        width: 100%
    }

    .experience-item .name-designation {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0
    }

    .experience-item .stay-time {
        position: relative;
        left: auto;
        top: auto;
        margin: 17px auto
    }

    .experience-item .comments {
        float: none;
        width: 100%
    }

    .contact-form .form-input-group {
        -moz-column-count: auto;
        -moz-column-gap: 10px;
        -webkit-column-count: auto;
        -webkit-column-gap: 10px;
        column-count: auto;
        column-gap: 10px
    }

    .header-content {
        padding-top: 35px
    }

    .social-link {
        margin-top: 0;
        padding-top: 0
    }

    .site-title {
        margin-bottom: 0
    }

        .site-title .site-name {
            font-size: 35px
        }

        .site-title .site-designation {
            font-size: 20px
        }

    .site-slogan {
        font-size: 18px
    }

    .social-profiles .item a {
        width: 32px;
        height: 32px;
        padding-top: 2px
    }

    .main-navigation .nav {
        height: 100%;
        overflow: auto;
        padding-bottom: 80px
    }

    .carousel .right.testislider-control {
        right: 10%
    }

    .carousel .left.testislider-control {
        left: 10%
    }
}

@media only screen and (max-width :400px) {
    .main-navigation .nav {
        height: 100%;
        overflow: auto;
        padding-bottom: 80px
    }
}

@media only screen and (min-width :768px) and (max-width :1024px) {
    .logo-items li .client-logo {
        width: 165px;
        height: auto
    }

    .testimonial-slider .item .client-img {
        width: 125px;
        height: auto
    }

    .profile-photo .profile-image {
        width: 100%;
        height: auto
    }
}

@media only screen and (min-width :768px) and (max-width :1024px) and (orientation :portrait) {
    .blog-posts.timeline .post-item:nth-child(even), .blog-posts.two-column .post-item:nth-child(even) {
        margin-left: 0
    }

    .post-item .post-bullet, .timeline .post-item:before, .timeline .post-item:nth-child(even):before, .timeline:before {
        display: none
    }

    .experience-item .stay-time {
        top: 10px
    }

    .experience-item .comments {
        width: 45%
    }

    .logo-items li .client-logo {
        width: 215px
    }

    .blog-posts.timeline .post-item, .blog-posts.two-column .post-item {
        width: 100%
    }
}

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

    .lightb-back {
        margin: 15px 10px 0px;
    }

    .mod_login_box {
        display: none;
        width: 0;
        height: 0
    }

    .header-content {
        padding-bottom: 0
    }

    .site-title {
        width: 300px;
        height: 146px
    }

    .bgimg-1, .bgimg-2, .bgimg-3, .weblog {
        min-height: 250px
    }

    .Webhosting, .about {
        min-height: 200px
    }

        .Webhosting h1, .seosite h1 {
            font-size: 1.7em;
            right: 20px
        }

        .Webhosting h3, .seosite h3 {
            font-size: 1em;
            right: 20px
        }

    .min-wid-item a, .min-wid-item a img {
        font-size: 11px !important
    }

    .min-wid-item {
        width: 49%;
        display: inline-block;
        box-sizing: border-box;
        text-align: left
    }

        .min-wid-item a img {
            width: 30px !important
        }

    .circlebox1, .circlebox2 {
        font-size: 12px;
        margin-right: 17px
    }

    .top11, .top12, .top13 {
        position: absolute;
        top: 15px;
        color: #CCC;
        font-size: 18px
    }

    .top11 {
        left: 100px
    }

    .top12 {
        left: 130px
    }

    .top13 {
        left: 160px
    }
}

@media screen and (max-width:968px) {
    .blog-container {
        margin-bottom: 60px
    }
}

@media screen and (max-width:767px) {
    .ds_box {
        width: 48%
    }

    .loginbox {
        padding-right: 30px !important;
    }
}

@media screen and (max-width:500px) {
    .ds_box_div a, .ds_box_div a:hover {
        font-size: 11px !important
    }

    .input_login_box {
        width: 80%
    }

    .comment-section .author-image {
        display: none
    }

    .comment-section .comment-content {
        margin-left: 0
    }

    .box-header-single {
        min-height: 110px;
        display: inline-block
    }

    .top11, .top12, .top13 {
        top: 60px
    }

    .shopcart {
        top: 60px;
        position: absolute;
        width: 90%;
        right: 1%;
        margin-right: 0
    }

    .boxupload {
        position: absolute;
        right: 10%
    }

    .ds_box {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%
    }

    .ds_box_div {
        border-style: none;
        width: 100%;
        box-sizing: border-box;
        left: 0;
        position: relative;
        top: 2px
    }

        .ds_box_div a {
            width: 98%;
            padding-right: 1%;
            padding-left: 1%
        }
}

@media screen and (max-width:767px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 2px;
        padding-left: 2px
    }

    .txtcomentwide {
        width: 98%;
        height: 40px
    }

    .txtcomentwidelarg {
        width: 98%;
        height: 150px
    }
}

@media (min-width:1000px) and (max-width:1200px) {
    .container {
        width: 100%
    }
}

.navi1 {
    float: unset;
    background-color:#f9f9f9;
}

    ul .navi1 li:before {
    color: #F93;
    font-family: FontAwesome;
    margin-left: 10px;
    display: none !important; {
}