/* Responsive CSS Styles */
@media only screen and (min-width: 1000px) and (max-width: 1169px) {

    a.logo {
        margin: 1px 0px 0px 50px;
    }

    .team-box1:hover .hover-box,
    .team-box1.active .hover-box {
        top: 82px;
    }

    .team-box1 .hover-box {
        top: 320px;
    }

    .social-icons-1 li.first {
        margin-left: 12px;
    }

    .pricetable-holder .arrow {
        display: none;
    }

    .feature-box2 .content-box {
        padding: 31px 0px 0px;
    }

    .feature-box2 .content-box .arrow-left {
        top: 84px;
    }

    .feature-box4 .iconbox-mtiny {
        top: 149px;
    }

    .team-holder2 .img-holder .icon-box {
        top: 261px;
    }

    .team-holder2:hover .icon-box {
        top: 206px;
    }

    .team-holder2 .social-icons-1 {
        margin: 2px 0px 0px;
    }

    .team-holder2 .social-icons-1 li.first {
        margin-left: 0px;
    }

    .post-author-image {
        top: 193px;
    }

    .blog-holder2 .text-box-right.more-padding-1 {
        padding: 0px 0px 0px 0;
    }

    .search-smallicon2 {
        top: 20px;
        right: -800px;
    }

    .blog-holder3 .blog-img-holder .overlay .post-info {
        padding: 112px 0 0 44px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 234px 0 0 30px;
    }

    .testimonials5 .social-icons-2 li:first-child a {
        margin-left: 15px;
    }

    .feature-box12 .iconcircle-small {
        left: 109px;
    }

    .email_input {
        width: 86%;
    }

    .blog-holder4 .post-infoicon {
        margin-bottom: 8px;
    }

    .team-holder4 .icon-holder .social-icons-2 li:first-child {
        margin-top: 20px;
    }

    .team-holder4 .icon-holder {
        min-height: 233px;
    }

    div.demo {
        width: 100%;
    }

    .feature-box4 .iconbox-xtiny {
        top: 0;
    }

    .team-holder5:hover .image-holder .hover-box {
        top: 80px;
    }

    .header-inner.two .overlay {
        height: 160px;
    }

    .header-inner .title {
        padding: 52px 0 0;
    }

    .header-inner.two {
        height: 160px;
    }

    .feature-box31 .image-holder .price {
        left: 75px;
        top: 170px;
    }
}

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

    .sticky-wrapper {
        height: 500px;
    }

    .container {
        width: 94%;
    }

    .bmargin {
        margin-bottom: 40px;
    }

    .section-side-image .image-holder.two {
        width: auto;
    }

    .team-box1 {
        width: 80%;
        margin: 0 auto;
    }

    .team-box1:hover .hover-box,
    .team-box1.active .hover-box {
        top: 160px;
    }

    .team-box1 .hover-box {
        top: 361px;
    }

    .sub-title {
        width: 70%;
    }

    .pricetable-holder .arrow {
        display: none;
    }

    .feature-box2 .content-box {
        padding: 74px 0px 0px;
    }

    .colmargin {
        margin: 0 0 70px 0;
    }

    .feature-box4 .iconbox-mtiny {
        top: 213px;
    }

    .team-holder2 .img-holder .icon-box {
        top: 405px;
    }

    .team-holder2:hover .icon-box {
        top: 350px;
    }

    .team-holder2 .social-icons-1 {
        margin: 2px 0px 0px;
    }

    .team-holder2 .social-icons-1 li.first {
        margin-left: 0px;
    }

    .post-author-image {
        top: 222px;
    }

    .socialicon-holder {
        padding: 20px 0px 0px 237px;
    }

    .contact-info-holder {
        margin-bottom: 30px;
    }

    .contact-info-holder .sideline {
        display: none;
    }

    .feature-box7 {
        margin-bottom: 30px;
    }

    .item-holder {
        margin-bottom: 30px;
    }

    .sec-topmargin {
        margin-top: 0px;
    }

    .search-smallicon2 {
        top: 20px;
        right: -580px;
    }

    .client-list2 .col-md-4 {
        border-right: none;
    }

    .blog-holder3 .blog-img-holder,
    .blog-holder3.two .blog-img-holder {
        margin: 0 0 30px 0;
    }

    .testimonials5 .social-icons-2 li:first-child a {
        margin-left: 80px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .background-imgholder-full.img1,
    .background-imgholder-full.img2 {
        background: none;
        height: auto;
    }

    .feature-box12 {
        margin-bottom: 80px;
    }

    .feature-box12 .iconbox-small {
        left: 310px;
    }

    .email_input {
        width: 80%;
    }

    .team-holder4 .icon-holder .social-icons-2 li:first-child {
        margin-top: 20px;
    }

    .team-holder4 .icon-holder {
        min-height: 341px;
    }

    .pricetable-holder2 th .title-header.first {
        margin-top: 28px;
    }

    .pricetable-holder2 a.btn2 {
        padding: 10px 20px;
    }

    .pricetable-holder2 a.btn13 {
        padding: 10px 20px;
    }

    .col-divider-margin {
        margin-top: 0px;
    }

    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 0px;
    }
}



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

    .container {
        width: 94%;
    }

    .bmargin {
        margin-bottom: 40px;
    }

    .section-side-image .text-inner {
        padding: 80px 80px 80px 40px;
    }

    .section-side-image .text-inner.two {
        padding: 0px 80px 80px 40px;
    }

    .sub-title {
        width: 80%;
    }

    .team-box1 {
        width: 50%;
        top: 391px;
        margin: 0 auto;
    }

    .team-box1:hover .hover-box,
    .team-box1.active .hover-box {
        top: 150px;
    }

    .team-box1 .hover-box {
        top: 361px;
    }

    .pricetable-holder .arrow {
        display: none;
    }

    .sec-padding {
        padding: 60px 0px;
    }

    .sec-tpadding {
        padding: 60px 0 0 0;
    }

    .sec-bpadding {
        padding: 0 0 60px 0;
    }

    .feature-box2 .content-box {
        position: relative;
        padding: 39px 0px 49px;
    }

    .colmargin {
        margin: 0 0 60px 0;
    }

    .feature-box4 .iconbox-mtiny {
        display: none;
    }

    .team-holder2 .img-holder .icon-box {
        top: 559px;
    }

    .team-holder2:hover .icon-box {
        top: 494px;
    }

    .team-holder2 .social-icons-1 {
        margin: 2px 0px 0px;
    }

    .team-holder2 .social-icons-1 li.first {
        margin-left: 0px;
    }

    .item-holder {
        margin-bottom: 30px;
    }

    .tabs-content {
        width: 100%;
        padding: 0% 0% 0%;
    }

    .video-wrapper {
        margin-bottom: 30px;
    }

    .post-author-image {
        top: 416px;
    }

    .contact-info-holder {
        margin-bottom: 30px;
    }

    .socialicon-holder {
        padding: 20px 0px 0px 176px;
    }

    .contact-info-holder .sideline {
        display: none;
    }

    .img-holder {
        margin-top: 30px;
    }

    .section-side-image .text-inner {
        padding: 80px 15px 80px 15px;
    }

    .blog-holder2 .img-holder {
        margin-top: 0px;
    }

    .sec-topmargin {
        margin-top: 0px;
    }

    .search-smallicon2 {
        top: 20px;
        right: -450px;
    }

    .client-list2 .col-md-4 {
        border-right: none;
    }

    .blog-holder3 .blog-img-holder,
    .blog-holder3.two .blog-img-holder {
        margin: 0 0 30px 0;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .testimonials5 .social-icons-2 li:first-child a {
        margin-left: 180px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .background-imgholder-full.img1,
    .background-imgholder-full.img2 {
        background: none;
        height: auto;
    }

    .feature-box12 {
        margin-bottom: 80px;
    }

    .feature-box12 .iconbox-small {
        left: 246px;
    }

    .email_input {
        width: 74%;
    }

    .team-holder4 .icon-holder .social-icons-2 li:first-child {
        margin-top: 100px;
    }

    .team-holder4 .image-holder.lesswidth2 {
        width: 70%;
    }

    .team-holder4 .icon-holder {
        min-height: 550px;
        width: 30%;
    }

    .team-holder4 .icon-holder .social-icons-2 {
        width: 30%;
        margin-left: 70px;
    }

    .team-holder4 .icon-holder .social-icons-2 li a {
        font-size: 28px;
        margin-bottom: 30px;
    }


    .team-holder9 .icon-holder .social-icons-2 li:first-child {
        margin-top: 100px;
    }

    .team-holder9 .image-holder.lesswidth2 {
        width: 70%;
    }

    .team-holder9 .icon-holder {
        min-height: 550px;
        width: 30%;
    }

    .team-holder9 .icon-holder .social-icons-2 {
        width: 30%;
        margin-left: 70px;
    }

    .team-holder9 .icon-holder .social-icons-2 li a {
        font-size: 28px;
        margin-bottom: 30px;
    }


    .pricetable-holder2 a.btn2 {
        padding: 6px 5px;
    }

    .pricetable-holder2 a.btn13 {
        padding: 6px 0px;
    }

    .feature-box21 .text-box {
        padding: 60px;
    }

    .feature-box22.margin-bottom {
        margin-bottom: 60px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 35px 0 0 30px;
    }

    .feature-box20 {
        margin-bottom: 80px;
    }

    .feature-box20 .iconbox-tiny {
        left: 258px;
    }

    .col-divider-margin {
        margin-top: 0px;
    }

    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 0px;
    }

    .sub-title-2 {
        width: 90%;
    }
}

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

    .container {
        width: 94%;
    }

    .section-side-image .text-inner {
        padding: 80px 80px 80px 40px;
    }

    .section-side-image .text-inner.two {
        padding: 0px 80px 80px 40px;
    }

    .sub-title {
        width: 100%;
    }

    .team-box1 {
        width: 60%;
        margin: 0 auto;
    }

    .team-box1:hover .hover-box,
    .team-box1.active .hover-box {
        top: 150px;
    }

    .team-box1 .hover-box {
        top: 320px;
    }

    .pricetable-holder .arrow {
        display: none;
    }

    .sec-padding {
        padding: 40px 0px;
    }

    .sec-tpadding {
        padding: 40px 0 0 0;
    }

    .sec-bpadding {
        padding: 0 0 40px 0;
    }

    .feature-box2 .content-box {
        padding: 53px 0px 53px;
    }

    .colmargin {
        margin: 0 0 50px 0;
    }

    .tabs-content1 .padding-left-3 {
        padding: 0px 0px 0px 0px;
    }

    .feature-box4 .iconbox-mtiny {
        display: none;
    }

    .team-holder2 .img-holder .icon-box {
        top: 559px;
    }

    .team-holder2:hover .icon-box {
        top: 435px;
    }

    .team-holder2 .social-icons-1 {
        margin: 2px 0px 0px;
    }

    .team-holder2 .social-icons-1 li.first {
        margin-left: 0px;
    }

    .team-holder2 {
        margin-bottom: 30px;
    }

    .item-holder {
        margin-bottom: 30px;
    }

    .video-wrapper {
        margin-bottom: 30px;
    }

    .contact-info-holder {
        margin-bottom: 30px;
    }

    .socialicon-holder {
        padding: 20px 0px 0px 110px;
    }

    .contact-info-holder .sideline {
        display: none;
    }

    .img-holder {
        margin-top: 30px;
    }

    .section-side-image .text-inner {
        padding: 80px 15px 80px 15px;
    }

    .blog-holder2 .img-holder {
        margin-top: 0px;
    }

    .sec-topmargin {
        margin-top: 0px;
    }

    .search-smallicon2 {
        top: 20px;
        right: -300px;
    }

    .client-list2 .col-md-4 {
        border-right: none;
    }

    .blog-holder3 .blog-img-holder,
    .blog-holder3.two .blog-img-holder {
        margin: 0 0 30px 0;
    }

    .blog-holder3 .blog-img-holder .overlay .post-info {
        padding: 79px 0 0 44px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 177px 0 0 30px;
    }

    .blog-holder3 .blog-img-holder .post-info .post-infoicon {
        margin-bottom: 5px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .testimonials5 .social-icons-2 li:first-child a {
        margin-left: 100px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .background-imgholder-full.img1,
    .background-imgholder-full.img2 {
        background: none;
        height: auto;
    }

    .feature-box12 {
        margin-bottom: 80px;
    }

    .feature-box12 .iconbox-small {
        left: 171px;
    }

    .bmargin {
        margin-bottom: 40px;
    }

    .email_input {
        width: 60%;
    }

    .blog-holder4 .post-infoicon {
        margin-bottom: 8px;
    }

    .blog-holder4 .col-xs-6 {
        width: 100%;
    }

    .team-holder4 .icon-holder .social-icons-2 li:first-child {
        margin-top: 60px;
    }

    .team-holder4 .icon-holder {
        min-height: 434px;
    }

    .team-holder4 .icon-holder .social-icons-2 {
        width: 16%;
        margin-left: 30px;
    }

    .team-holder4 .icon-holder .social-icons-2 li a {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .team-holder9 .icon-holder .social-icons-2 li:first-child {
        margin-top: 60px;
    }

    .team-holder9 .icon-holder {
        min-height: 434px;
    }

    .team-holder9 .icon-holder .social-icons-2 {
        width: 16%;
        margin-left: 30px;
    }

    .team-holder9 .icon-holder .social-icons-2 li a {
        font-size: 28px;
        margin-bottom: 30px;
    }


    .pricetable-holder2 a.btn2 {
        padding: 6px 0px;
    }

    .pricetable-holder2 a.btn13 {
        padding: 6px 0px;
    }

    .pricetable-holder2 th .title-header {
        font-size: 10px;
        padding: 8px;
    }

    .topbar-left-items {
        width: 100%;
    }

    .topbar-middle-logo {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .topbar-right-items {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .feature-box20 {
        margin-bottom: 80px;
    }

    .feature-box20 .iconbox-tiny {
        left: 186px;
    }

    .feature-box21 .text-box {
        padding: 50px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 35px 0 0 30px;
    }

    .col-divider-margin {
        margin-top: 0px;
    }

    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 0px;
    }

    .sub-title-2 {
        width: 90%;
    }

}

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

    .container {
        width: 94%;
    }

    .btn {
        padding: 10px 15px;
        margin-bottom: 20px;
    }

    .text-box-right {
        float: left;
        margin: 20px 0 20px 0;
        padding: 0;
        text-align: left;
        width: 100%;
    }

    .text-box-left {
        float: left;
        margin: 20px 0 20px 0;
        padding: 0;
        text-align: left;
        width: 100%;
    }

    .text-box-right.more-padding-1 {
        padding: 0 0 0 0px;
    }

    .text-box-right.more-padding-3 {
        padding: 0 0 0 0px;
    }

    .text-box-right.more-padding-4 {
        padding: 0 0 0 0px;
    }

    .sub-title {
        width: 100%;
    }

    .section-title {
        font-size: 32px;
    }

    .section-side-image .text-inner {
        padding: 80px 80px 80px 40px;
    }

    .section-side-image .text-inner.two {
        padding: 0px 80px 80px 40px;
    }

    .team-box1 {
        width: 80%;
        margin: 0 auto;
    }

    .team-box1:hover .hover-box,
    .team-box1.active .hover-box {
        top: 120px;
    }

    .team-box1 .hover-box {
        top: 320px;
    }

    .pricetable-holder .arrow {
        display: none;
    }

    .sec-padding {
        padding: 35px 0px;
    }

    .sec-tpadding {
        padding: 35px 0 0 0;
    }

    .sec-bpadding {
        padding: 0 0 35px 0;
    }

    .feature-box2 .content-box {
        padding: 30px 0px 30px;
    }

    .colmargin {
        margin: 0 0 50px 0;
    }

    .tabs-content1 .padding-left-3 {
        padding: 0px 0px 0px 0px;
    }

    .feature-box4 .iconbox-mtiny {
        display: none;
    }

    .tabs-content1 .btn5 {
        margin-bottom: 20px;
        float: left;
    }

    .team-holder2 .img-holder .icon-box {
        top: 315px;
    }

    .team-holder2:hover .icon-box {
        top: 260px;
    }

    .team-holder2 .social-icons-1 {
        margin: 2px 0px 0px;
    }

    .team-holder2 .social-icons-1 li.first {
        margin-left: 0px;
    }

    .team-holder2 {
        margin-bottom: 30px;
    }

    .item-holder {
        margin-bottom: 30px;
    }

    .video-wrapper {
        margin-bottom: 20px;
    }

    .post-author-image {
        top: 178px;
    }

    .contact-info-holder {
        margin-bottom: 30px;
    }

    .socialicon-holder {
        padding: 20px 0px 0px 25px;
    }

    .contact-info-holder .sideline {
        display: none;
    }

    .team-holder3 .text-box-right {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    .btn3.green2 {
        padding: 8px 15px;
    }

    .btn5.green2 {
        padding: 8px 15px;
    }

    .img-holder {
        margin-top: 30px;
    }

    .section-side-image .text-inner {
        padding: 80px 15px 80px 15px;
    }

    .blog-holder2 .img-holder {
        margin-top: 0px;
    }

    .sec-topmargin {
        margin-top: 0px;
    }

    .search-smallicon2 {
        top: 20px;
        right: -100px;
    }

    .client-list2 .col-md-4 {
        border-right: none;
    }

    .blog-holder3 .blog-img-holder,
    .blog-holder3.two .blog-img-holder {
        margin: 0 0 80px 0;
    }

    .blog-holder3 .blog-img-holder .overlay .content-box {
        padding: 14px 0 0 50px;
    }

    .blog-holder3 .blog-img-holder .overlay .post-info {
        padding: 57px 0 0 44px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 185px 0 0 4px;
    }

    .blog-holder3 .blog-img-holder .post-info .post-infoicon {
        margin-bottom: 5px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .testimonials5 .social-icons-2 li:first-child a {
        margin-left: 25px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .background-imgholder-full.img1,
    .background-imgholder-full.img2 {
        background: none;
        height: auto;
    }

    .feature-box12 {
        margin-bottom: 80px;
    }

    .feature-box12 .iconbox-small {
        left: 101px;
    }

    .bmargin {
        margin-bottom: 40px;
    }

    .email_input {
        width: 63%;
        height: 55px;
    }

    .email_submit {
        padding: 15px 12px;
    }

    .blog-holder4 .post-infoicon {
        margin-bottom: 8px;
    }

    .blog-holder4 .col-xs-6 {
        width: 100%;
    }

    .team-holder4 .icon-holder {
        min-height: 279px;
    }

    .pricetable-holder2 a.btn2 {
        padding: 6px 0px;
    }

    .pricetable-holder2 a.btn13 {
        padding: 6px 0px;
    }

    .pricetable-holder2 th .title-header {
        font-size: 10px;
        padding: 8px;
    }

    .pricetable-holder2 th .price {
        font-size: 14px;
    }

    .pricetable-holder2 .table {
        overflow-x: auto;
        display: block;
    }

    .topbar-left-items {
        width: 100%;
    }

    .topbar-middle-logo {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .topbar-right-items {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .feature-box20 {
        margin-bottom: 80px;
    }

    .feature-box20 .iconbox-tiny {
        left: 110px;
    }

    .feature-box21 .text-box {
        padding: 30px;
    }

    .feature-box22 .text-box-right {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 150px 0 0 0;
    }

    .feature-box22 .iconbox-xlarge {
        margin-right: 90%;
    }

    .video-wrapper {
        margin-bottom: 30px;
    }

    .text-box-right.less-padding-1 {
        padding: 0;
    }

    .team-holder3.two .image-left {
        padding: 0 0 0 0;
    }

    div.demo {
        width: 237px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 35px 0 0 30px;
    }

    .btn.appstore {
        margin-bottom: 15px;
    }

    .col-divider-margin {
        margin-top: 0px;
    }

    .text-box-right.more-padding-2 {
        padding: 0 0 0 0;
    }

    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 0px;
    }

    .sub-title-2 {
        width: 90%;
    }

    .sec-dummy-top-padding {
        padding-top: 30px;
    }
}