@media all and (max-width: 1270px) {
    .header-area .main-menu-area ul li a {
        padding-left: 17px;
        padding-right: 17px;
    }
    .footer-top-area .single-footer .footer-social-media-area ul li {
        margin: 1px;
    }
    .footer-top-area .footer-four ul li i {
        margin: 3px;
    }
    .item-section-area .team-picure,
    .vc-post-slider-area .bg-image {
        display: none;
    }
    .vc-projects-tab-area .tab-content-area .latest-project::after {
        width: 86%;
    }
    .vc-projects-tab-area .section-title-area h2 {
        font-size: 23px;
    }
    .client-logo-area-wrap {
        margin: 0 40px;
    }
}
@media all and (max-width: 1169px) {
    .padding-up {
        padding: 0 30px 30px
    }
    .header-style-2 .header-area {
        margin-top: 0;
    }
    .header-style-2 .slider-content {
        margin-top: 60px;
    }
    .header-area .main-menu-area ul li ul.mega-menu-area {
        left: inherit !important;
        right: 0 !important;
    }
    .item-section-area .total-single-item-area .single-item-area .overley ul {
        top: 41%;
    }
    .item-section-area {
        padding-bottom: 0
    }
    .owl-custom-nav-bar {
        width: 64%;
    }
}
@media all and (max-width: 991px) {
    .padding-up {
        padding: 30px
    }
    .header-area .main-menu-area ul li a {
        padding-left: 7px;
        padding-right: 7px;
    }
    .header-area .search-box .search-text.active {
        left: -150px;
    }
    .footer-top-area .single-footer h3 {
        font-size: 19px;
    }
    .site-main .content-area-section .single-content-area .content-body h4 a {
        font-size: 19px;
    }
    .item-section-area .total-single-item-area .single-item-area .overley {
        display: none;
    }
    .item-section-area .total-single-item-area .single-item-area .overley ul {
        top: 41%;
    }
    .service-page-main-section-area .single-service-area h3 a {
        font-size: 14px;
    }
    .call-to-action-area .slider-bottom-text p {
        font-size: 22px;
        line-height: 1.5;
    }
    .call-to-action-area .slider-bottom .btn {
        font-size: 15px;
        margin-top: 20px;
    }
    .vc-projects-tab-area .tab-content-area .latest-project::after {
        width: 81%;
    }
    .item-section-area .section-title-area {
        float: none;
        position: relative;
    }
    .owl-custom-nav-title {
        margin-bottom: 10px;
        margin-right: 85px;
        width: inherit;
    }
    .owl-custom-nav {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    .owl-custom-nav-bar {
        display: none;
    }
    .main-comments ul.children {
        margin-left: 30px;
    }
    .comments-area .main-comments .imgholder {
        margin-bottom: 10px;
        max-width: 70px;
        padding-right: 15px;
    }
}
@media all and (max-width: 767px) {
    .padding-right {
        margin: 0;
        padding: 0;
    }
    .padding-left {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
    }
    #tophead,
    .header-area,
    .slider-content {
        display: none;
    }
    .page-header-area {
        padding: 60px 0;
    }
    .footer-top-area {
        padding: 30px 0 0;
    }
    .footer-top-area .footer-four ul li {
        margin-left: 5px;
    }
    .site-main .content-area-section .single-content-area .content-body {
        padding: 20px 0;
    }
    .right-sidebar .page-sidebar-area {
        margin-top: 35px;
    }
    .single-content-area .media-left,
    .media > .pull-left {
        float: none;
    }
    .single-content-area .media-left,
    .media > .pull-left img {
        width: 100%;
    }
    .single-team-featured-image {
        margin-bottom: 30px;
        text-align: center;
    }
    .main-single-item-area .main-single-team-content .single-team-social-media {
        margin: 65px auto;
        text-align: center;
    }
    .tab-list-area {
        margin-bottom: 80px;
    }
    .video-content {
        margin-bottom: 50px;
    }
    #respond input {
        margin-right: 0 !important;
    }
    .right-side select {
        width: 100px;
    }
    .button-area button.button {
        font-size: 11px;
    }
    .table-button-left {
        width: 30%;
    }
    .new-featured-image img {
        width: 100%;
    }
    .nav-tabs>li {
        float: none !important;
        margin-bottom: 0 !important;
        display: block !important;
    }
    .item-section-area .total-single-item-area .single-item-area .overley ul {
        top: 35%;
    }
    .call-to-action-area .slider-bottom-text p {
        margin: 0
    }
    .call-to-action-area .slider-bottom {
        text-align: center;
    }
    .call-to-action-area .slider-bottom .btn {
        bottom: 0;
        display: inline-block;
        left: 0;
        margin: 21px auto;
        right: 0;
        text-align: center;
        top: 0;
    }
    .call-to-action-area .slider-bottom-text {
        margin: 20px 0 0;
    }
    .vc-projects-tab-area .tab-content-area .latest-project::after {
        width: 75%;
    }
    .item-section1 .total-single-item-area .content {
        margin-top: 10px;
        padding-bottom: 10px;
    }
    .item-section1 .total-single-item-area .content h3 {
        margin-bottom: 0;
    }
    .project-single-thumbnail,
    .project-single-gallery {
        margin-bottom: 30px;
    }
    .service-infotext-area {
        text-align: center;
    }
    .gtbuilder-cta-widget {
        padding: 20px 0;
    }
    .each-comment {
        padding: 20px 0;
    }
    .comments-area .main-comments .comments-body p {
        margin-bottom: 5px;
    }
    .main-comments ul.children {
        margin-left: 30px;
    }
}
@media all and (max-width: 480px) {
    .page-header-area {
        padding: 35px 0;
    }
    .page-header-area h1 {
        font-size: 28px;
        margin: 0;
    }
    .site-main .content-area-section .single-content-area .content-body {
        padding: 10px 0 0;
    }
    .video-content {
        margin-bottom: 50px;
        text-align: center;
    }
    .pagination-area ul li a {
        height: 35px;
        line-height: 35px;
        width: 35px;
    }
    .table-button-left {
        float: none;
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
    .contact-text > h3 {
        font-size: 14px;
    }
    .testimonial-area .testimonial .single-testimonial p.content {
        margin: 40px 0 20px;
    }
    .project-page .tab-content-area .latest-project-page .single-project {
        float: none;
        overflow: hidden;
        position: relative;
        text-align: center;
        width: 100%;
    }
    .table-button-right {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .table-button-right ul li {
        display: block;
        margin: 5px auto;
        padding: 0;
        text-align: center;
    }
    .project-single-thumbnail,
    .project-single-gallery {
        margin-bottom: 25px;
    }
    .item-section-area .section-title-area {
        position: relative;
    }
    .main-comments ul.children {
        margin-left: 10px;
    }
}
@media all and (max-width: 320px) {
    .site-main .content-area-section .single-content-area .content-body {
        padding: 20px 0 0;
    }
    .nivo-directionNav a {
        top: 20%;
    }
}