/*
Template:  The Corps - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Version: 2.1
Design and Developed by: potenzaglobalsolutions.com

*/

/*****************
================================================
 (  Media Queries  )
================================================
 *******************/

/*************************
       1700px
*************************/

@media (max-width: 1700px) {
    /*home-2*/
    .portfolio-2 .portfolio-info {
        overflow: hidden;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay span {
        font-size: 15px;
    }
    /*home-3*/
    .feature-9 {
        min-height: 280px;
    }
    /*home-4  */
    .our-blog .blog-box-image {
        max-height: 286px;
    }
    .our-blog .blog-box-info {
        max-height: 286px;
    }
    .parallax-banner .layer:nth-child(4) img {
        width: 40%;
    }
}

@media (max-width: 1500px) {
    /*home-4  */
    .our-blog .blog-box-image {
        max-height: 262px;
    }
    .our-blog .blog-box-info {
        max-height: 262px;
    }
    .blog-box-image .portfolio-caption .port-tag li a {
        font-size: 12px;
    }
    .custom-content-3.hello-content {
        overflow: hidden;
    }
    .slider-fade-carousel {
        height: 100%;
    }
    .tree-image {
        display: none;
    }
    .objects-left {
        display: none;
    }
    .objects-right {
        display: none;
    }
    .our-service {
        padding-bottom: 180px;
    }
    .mega-menu .drop-down.grid-col-5 {
        width: 51.666667%;
    }
}

@media (max-width: 1400px) {
    /*home-1*/
    .rev-slider a.button.button-white span {
        padding: 8px 10px !important;
    }
    .rev-slider a.button span {
        padding: 8px 10px !important;
    }
    /*home-2*/
    .portfolio-2 .portfolio-info p {
        display: none;
    }
    .portfolio-2 .portfolio-info .button-border-white {
        margin-top: 20px;
        display: block;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay p {
        bottom: 11%;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay span a {
        font-size: 13px;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        margin-left: 6px;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay a.link {
        display: none;
    }
    .awesome-features-device img {
        left: -250px;
        top: 100px;
        width: 63%;
    }
    /*home-3*/
    .feature-9 {
        min-height: 305px;
    }
    .feature-9:hover .feature-9-icon {
        right: 32%;
    }
    /*portfolio*/
    .portfolio-3 .portfolio-item .portfolio-overlay span a {
        font-size: 13px;
    }
    .rev-slider-2 a.button.button-black span {
        padding: 8px 10px !important;
    }
    .rev-slider-2 a.button span {
        padding: 8px 10px !important;
    }
    .rev-slider-3 a.button.button-black span {
        padding: 8px 10px !important;
    }
    .rev-slider-3 a.button span {
        padding: 8px 10px !important;
    }
    /*home-4  */
    .our-blog .blog-box-image {
        max-height: 240px;
    }
    .our-blog .blog-box-info {
        max-height: 240px;
    }
    .our-blog .blog-box-info p.pb-20.pt-30 {
        padding: 10px 0 !important;
    }
    .custom-content-3.hello-content .custom-content-3-image img {
        margin-top: 150px;
        vertical-align: bottom;
        width: 100%;
    }
    .our-blog .blog-box-info span.text-white {
        display: none;
    }
    /*contact*/
    .contact-3-info .contact-add {
        text-align: center;
    }
    .contact-3-info .contact-add i {
        float: none;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    .contact-3-info .contact-add p {
        display: block;
        margin-top: 15px;
    }
    /*home-9*/
    .image-holder-2-bg {
        height: 700px;
    }
}

@media (max-width: 1272px) {
    /*home-1*/
    .footer .footer-useful-link {
        margin-top: 30px;
    }
    /*home-2*/
    /*our portfolio*/
    .portfolio-2 .portfolio-info h3 {
        font-size: 20px;
    }
    .owl-carousel-8 .owl-nav .owl-prev {
        left: 36%;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay span a {
        font-size: 12px;
    }
    .portfolio-2 .portfolio-item:hover img {
        transform: translate3d(0px, -62px, 0px);
        -webkit-transform: translate3d(0px, -62px, 0px);
        -o-transform: translate3d(0px, -62px, 0px);
        -ms-transform: translate3d(0px, -62px, 0px);
        -moz-transform: translate3d(0px, -62px, 0px);
    }
    /*home-3*/
    /*header*/
    .language {
        float: left;
    }
    .top-news .owl-carousel-14 {
        width: 210px;
    }
    .top-news {
        width: 320px;
    }
    .feature-9 {
        min-height: 328px;
    }
    .feature-9:hover .feature-9-icon {
        right: 23%;
    }
    /*portfolio*/
    .portfolio-3 .portfolio-item .portfolio-overlay span a {
        font-size: 12px;
    }
    .portfolio-3 .portfolio-item .portfolio-overlay a {
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    .portfolio-3 .portfolio-item .portfolio-overlay a i {
        font-size: 12px;
        padding-left: 0px;
    }
    .portfolio-3 .portfolio-item:hover img {
        transform: translate3d(0px, -70px, 0px);
        -webkit-transform: translate3d(0px, -70px, 0px);
        -o-transform: translate3d(0px, -70px, 0px);
        -ms-transform: translate3d(0px, -70px, 0px);
        -moz-transform: translate3d(0px, -70px, 0px);
    }
    .portfolio-3 .portfolio-item .portfolio-overlay p {
        padding: 0 10px;
    }
    /*custom-content*/
    .why-custom.custom-content p {
        display: none;
    }
    .action-box-3 .action-box-button.mt-40 {
        margin-top: 25px !important;
    }
    .feature-9-title-2-right h2 {
        font-size: 32px;
    }
    .contact-5 .contact-form .section-field input {
        width: 100%;
    }
    /*home-4*/
    /*slider*/
    .header-4 .mega-menu .menu-links>li:last-child {
        padding-right: 58px;
        border-bottom: 0px;
    }
    .header-4 .mega-menu img {
        height: 40px;
        margin: 6px 0px;
    }
    .header-4 .mega-menu .menu-links>li>a {
        padding: 0 10px;
    }
    .slider-fade-carousel .slider-contents h1 {
        line-height: 70px;
    }
    .custom-content-3.hello-content .custom-content-3-image img {
        margin-top: 260px;
    }
    .happy-clients .tab-2 ul.nav-tabs li a {
        margin: 0 16px 0 0;
    }
    .happy-clients .tab-2 ul.nav-tabs li a img {
        width: 106px;
    }
    .news-letter .section-field input {
        width: 70%;
    }
    .our-blog .blog-box-image {
        max-height: 185px;
    }
    .our-blog .blog-box-info {
        max-height: 185px;
    }
    .our-blog .blog-box-image .portfolio-caption .port-tag li {
        margin-top: 0px;
    }
    .our-blog .blog-box-image .portfolio-caption .button-border span {
        margin-top: 10px;
        padding: 4px 10px;
        font-size: 11px;
    }
    .our-blog .blog-box-info a.button.button-white span {
        padding: 6px 16px;
    }
    .our-blog .blog-box-info a.button.button-white i {
        padding: 11px;
    }
    .our-blog .blog-box-info h1 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .our-blog .blog-box-info p {
        font-size: 14px;
    }
    .our-blog .blog-box-info {
        padding: 15px 20px;
    }
    /*home-5*/
    .team-3 .team-social-icon a i {
        font-size: 12px;
        height: 30px;
        line-height: 31px;
        width: 30px;
    }
    /*about-1 page*/
    .our-history .history-content {
        padding: 125px 20px;
    }
    /*about me*/
    .about-me .maintenance-progress-bar .progress-bar {
        margin: 0 15px;
    }
    /*blog-grid-2-column*/
    .blog-grid .blog-entry-audio {
        padding: 107px 20px;
    }
    /*blog timeline*/
    .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge {
        left: -50px;
    }
    /*error*/
    .error-search-box {
        width: 91%;
    }
    .entry-title h4 {
        line-height: 30px;
    }
    .entry-title i {
        line-height: 28px;
    }
    .service-page-tab #tabs .tabs li {
        font-size: 13px;
        padding: 10px;
    }
    /*home-6*/
    #animated-slider .slider-content h1 {
        font-size: 50px;
    }
    .custom-content-5 .skills-2 li {
        margin-right: 50px;
    }
    .custom-content-6 .left-slide {
        padding: 127px 30px;
    }
    /*home-7*/
    #animated-slider-2 .slider-content h1 {
        font-size: 50px;
        line-height: 70px;
    }
    .feature-16 .feature-16-contant h4 {
        font-size: 20px;
    }
    /*home-8*/
    .image-holder-content .content {
        padding: 0px 70px;
    }
    .custom-content-8 #tabs {
        padding: 0px 70px;
    }
    /*home-10*/
    .parallax-banner .layer:nth-child(1) img {
        width: 70%;
    }
    .parallax-banner .layer:nth-child(2) img {
        width: 70%;
    }
    .parallax-banner .layer:nth-child(5) img {
        width: 70%;
    }
    .parallax-banner .layer:nth-child(6) img {
        width: 70%;
    }
    .parallax-banner .banner-content {
        padding: 0 15%;
    }
    .mega-menu .drop-down.grid-col-5 {
        width: 61.666667%;
    }
}

@media (max-width: 1025px) {
    /*home -1*/
    .footer-useful-link {
        margin-top: 30px;
    }
    /*home-2*/
    .move-carousel .slider-contents.slide-1 h1 {
        line-height: 55px;
    }
    /*our portfolio*/
    .portfolio-2 .portfolio-item .portfolio-overlay a {
        width: 20px;
        height: 20px;
        font-size: 10px;
        line-height: 20px;
        margin-left: 6px;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay i {
        padding-left: 0;
    }
    .portfolio-2 .portfolio-item:hover img {
        transform: translate3d(0px, -55px, 0px);
        -webkit-transform: translate3d(0px, -55px, 0px);
        -o-transform: translate3d(0px, -55px, 0px);
        -ms-transform: translate3d(0px, -55px, 0px);
        -moz-transform: translate3d(0px, -55px, 0px);
    }
    /*home-3*/
    .why-custom.custom-content li {
        line-height: 22px;
    }
    .portfolio-3 .portfolio-item .portfolio-overlay p {
        padding: 0 8px;
    }
    /*feature-9*/
    .feature-9:hover .feature-9-icon {
        right: 10%;
    }
    /*home-4*/
    .header-4 .mega-menu .menu-links>li:last-child {
        padding-right: 12px;
    }
    .header-4 .mega-menu .menu-links>li>a {
        padding: 0 7px;
    }
    .happy-clients .tab-2 ul.nav-tabs li a {
        margin: 0 13px 0 0;
    }
    .happy-clients .tab-2 ul.nav-tabs li a img {
        width: 107px;
    }
    /*footer*/
    .footer-4 .office-hours {
        margin-bottom: 40px;
    }
    .footer-4 .footer-useful-link {
        margin-top: 10px;
    }
    /* ----------  inner page ------------ */
    .entry-quote p {
        font-size: 16px;
        line-height: 28px;
    }
    .entry-quote {
        padding: 20px;
    }
    /*blog-grid-2-column-left-sidebar*/
    .blog-grid-3-column .blog-entry-audio {
        padding: 61px 20px 88px;
    }
    /*blog timeline*/
    .blog .timeline>li>.timeline-badge {
        right: -66px;
    }
    .blog .timeline>li.timeline-inverted>.timeline-badge {
        left: -63px;
    }
    /*careers*/
    .careers-from h3 {
        font-size: 26px;
    }
    /*contact*/
    .get-in-touch.mt-100 {
        margin-top: 50px !important;
    }
    /*error*/
    .error-search-box {
        width: 100%;
        text-align: center;
    }
    /*faq*/
    .faq-form h3 {
        font-size: 22px;
    }
    /*service*/
    .service-1 .tab-1 li {
        margin-right: 5px;
    }
    .features13 {
        padding-bottom: 30px;
    }
    .team .team-social-icon a i {
        margin: 0px;
    }
    .our-blog .blog-box h4 {
        line-height: 30px;
    }
    /*home-6*/
    .header-6 .mega-menu .menu-links>li>a i.fa.fa-indicator {
        padding-left: 0px;
    }
    .header-6 .mega-menu .menu-links>li>a {
        padding: 0 10px;
    }
    /*home-7*/
    #animated-slider-2 .slider-content h1 {
        font-size: 40px;
        line-height: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
    .container {
        width: 96%;
    }
}

@media( max-width:992px) {
    h3 {
        font-size: 22px;
    }
    /*home-1*/
    /*header*/
    .header {
        padding: 0;
    }
    .topbar {
        display: block;
        position: relative;
        height: 0;
    }
    .topbar-left {
        display: none;
    }
    .topbar-right ul li {
        display: none;
    }
    .topbar-right ul li:last-child {
        display: block;
        position: absolute;
        right: 50px;
        top: 22px;
        z-index: 99999;
    }
    .search-open {
        padding: 2px 10px 10px 20px;
        background: #000;
    }
    .search-open input {
        font-size: 25px;
    }
    /*menu*/
    .mega-menu .menu-links {
        margin-top: 10px;
    }
    .mega-menu .menu-logo>li>a {
        padding: 0;
    }
    .mega-menu>section.menu-list-items {
        padding: 10px 0;
    }
    .mega-menu img {
        height: 40px;
        margin: 5px 0;
    }
    .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
        color: #323232;
    }
    .mega-menu .drop-down-multilevel li:hover>a i.fa {
        color: #323232;
    }
    .mega-menu .drop-down-multilevel a {
        display: block;
    }
    .mega-menu .mobileTriggerButton {
        z-index: 1;
    }
    .mega-menu .drop-down-multilevel,
    .mega-menu .drop-down,
    .mega-menu .drop-down-tab-bar {
        border-top: 0px !important;
    }
    /*slider*/
    .rev-slider a.button.button-white i {
        padding: 5px !important;
    }
    .rev-slider a.button i {
        padding: 5px !important;
    }
    /*special-feature*/
    .special-feature .feature {
        margin-bottom: 30px;
    }
    /*awesome-features*/
    .awesome-features .feature-mob {
        display: none;
    }
    /*.about*/
    .about img.right-block {
        display: none;
    }
    /*who-we-are-right*/
    .who-we-are .who-we-are-right h3 {
        margin-top: 30px;
    }
    /*counter-info*/
    .main-counter h5 {
        margin-bottom: 30px;
    }
    /*video-background*/
    #video-background {
        height: 600px;
    }
    #video-background .jqbar {
        margin: 30px 0 0;
    }
    .our-skills {
        padding: 80px 0 60px;
    }
    .footer-instagram.footer-hedding {
        margin-top: 20px;
    }
    /*owl-carousel-2*/
    .owl-carousel-2 .owl-item img {
        width: 100%;
    }
    .footer-gallery {
        margin-top: 20px;
    }
    /*home-2*/
    /*menu*/
    .header-2 .mega-menu .menu-links>li>a {
        line-height: inherit;
    }
    .header-2 .mega-menu img {
        margin: 15px 0;
    }
    .header-2 .mega-menu .menu-mobile-collapse-trigger {
        top: 15px;
        width: 40px;
    }
    .header-2 .mega-menu {
        min-height: 70px;
    }
    .header-2 .mega-menu .menu-links {
        margin-top: 1px;
    }
    .header-2 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
        color: #323232;
    }
    .header-2 .mega-menu .menu-links {
        padding-right: 0px;
    }
    /*search*/
    .search-2 {
        right: 60px;
    }
    .search-2 a {
        padding: 25px 0 21px 10px;
    }
    .search-2-open {
        height: 68px;
    }
    .search-2-open input {
        height: 46px;
        font-size: 22px;
    }
    .search-2-open .search-2-close {
        right: 0px;
        top: 15px;
    }
    /*slider*/
    .move-carousel .slider-contents.slide-3 h1 {
        line-height: 60px;
    }
    /*key-features*/
    .key-features-device {
        display: none;
    }
    /*portfolio-2*/
    .portfolio-2 .portfolio-info {
        display: none;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay span a {
        width: inherit;
        background: inherit;
        height: inherit;
        font-size: 15px;
        color: #fff;
        float: left;
        display: inline-block;
        text-align: left;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay span a:hover {
        background: none;
        color: #00a9da;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay a {
        background: #fff;
        border-radius: 50%;
        color: #363636;
        display: inline-block;
        font-size: 15px;
        height: 35px;
        width: 35px;
        line-height: 36px;
        text-align: center;
        margin-left: 10px;
        float: right;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay i {
        padding-left: 2px;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay a:hover {
        background: #00a9da;
        color: #fff;
    }
    .portfolio-2 .portfolio-item .portfolio-overlay p {
        text-transform: none;
        font-size: 16px;
        opacity: 0;
        color: #fff;
        padding: 0 20px;
        margin: 0;
        display: inline-block;
        left: 0;
        position: absolute;
        text-align: center;
        bottom: 8%;
        transform: translateY(-50%);
        width: 100%;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0, 22px, 0);
        transform: translate3d(0, 22px, 0);
    }
    .portfolio-2 .portfolio-item:hover img {
        -webkit-transform: translate3d(0, -80px, 0);
        -moz-transform: translate3d(0, -70px, 0);
        -ms-transform: translate3d(0, -70px, 0);
        -o-transform: translate3d(0, -70px, 0);
        transform: translate3d(0, -70px, 0);
    }
    .portfolio-2 .portfolio-item:hover .portfolio-overlay p {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .portfolio-2 .portfolio-item .portfolio-overlay p {
        bottom: 16px;
    }
    .awesome-features-device img {
        display: none;
    }
    /*owl-carousel-8*/
    .owl-carousel-8 .owl-nav .owl-next {
        background: #323232;
        right: 50%;
    }
    .owl-carousel-8 .owl-nav .owl-prev {
        background: #323232;
        left: 50.5%;
    }
    .owl-carousel-8 .owl-nav i:hover {
        color: #00a9da;
    }
    /*team*/
    .team-2 .team-2-box {
        margin-bottom: 30px;
    }
    /*work-process*/
    .work-process .feature6 {
        margin-bottom: 30px;
    }
    /*service*/
    .service-image-holder {
        height: 296px;
    }
    .contact.contact-2 #contactform {
        margin-bottom: 50px;
    }
    /*home-3*/
    /*menu*/
    .header-3 .mega-menu img {
        margin: 12px 0px;
    }
    .header-3 .mega-menu .menu-mobile-collapse-trigger::before,
    .header-3 .mega-menu .menu-mobile-collapse-trigger::after,
    .header-3 .mega-menu .menu-mobile-collapse-trigger span {
        background: #323232;
    }
    .header-3 .mega-menu .menu-mobile-collapse-trigger {
        top: 22px;
    }
    .header-3 .mega-menu .menu-links>li>a {
        line-height: 38px;
    }
    .header-3 .mega-menu .menu-logo {
        padding: 0;
    }
    .header-3 .mega-menu .menu-mobile-collapse-trigger {
        top: 12px;
    }
    .header-3 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
        color: #323232;
    }
    .search-3 {
        padding: 32px 0 20px;
        float: none;
        width: 100%;
        text-align: right;
        position: relative;
    }
    .search-3 .search-btn {
        line-height: 0;
        width: 34px;
        position: absolute;
        right: 0;
    }
    .search-3.search-3-open .search-3-box {
        top: 45px !important;
    }
    .search-3-box {
        width: 100%;
        padding: 15px 15px 15px 10px;
    }
    .header-3 .mega-menu {
        min-height: 65px;
    }
    .header-3 .topbar {
        display: none;
    }
    /*custom-content*/
    .why-custom.custom-content {
        padding-bottom: 60px;
    }
    .why-custom.custom-content img.women {
        display: none;
    }
    .why-custom.custom-content li {
        line-height: 25px;
    }
    .counter-main h5 {
        margin-bottom: 30px;
    }
    .rev-slider a.button.button-white i {
        padding: 5px !important;
    }
    .rev-slider a.button i {
        padding: 5px !important;
    }
    /*portfolio*/
    .portfolio-3 .portfolio-item .portfolio-overlay a.link {
        display: none;
    }
    .portfolio-3 .portfolio-item .portfolio-overlay p {
        padding: 0 5px;
    }
    .portfolio-3 .portfolio .portfolio-item .portfolio-overlay a i {
        font-size: 10px;
        padding-left: 0;
    }
    .portfolio-3 .portfolio-item .portfolio-overlay a {
        margin-left: 5px;
    }
    .portfolio-3 .portfolio-item:hover img {
        transform: translate3d(0px, -50px, 0px);
        -webkit-transform: translate3d(0px, -50px, 0px);
        -ms-transform: translate3d(0px, -50px, 0px);
        -o-transform: translate3d(0px, -50px, 0px);
        -moz-transform: translate3d(0px, -50px, 0px);
    }
    .portfolio-3 .full-screen .portfolio-item .portfolio-overlay {
        top: -8px;
    }
    /*pricing*/
    .pricing-2 .pricing-table.active {
        margin-bottom: 12px;
    }
    /*feature-9*/
    .feature-9 {
        min-height: 248px;
    }
    .feature-9:hover .feature-9-icon {
        right: 60%;
    }
    /*contact-form*/
    .contact-3 .contact-form .section-field input {
        width: 100%;
        margin-right: 0;
    }
    .footer-3 .tags {
        margin-top: 30px;
    }
    .footer-3 .footer-widget p {
        font-size: 12px;
    }
    /*home-4*/
    .header-4 {
        padding: 0;
    }
    .header-4 .mega-menu .menu-links>li>a {
        padding: 10px;
    }
    .header-4 .mega-menu .menu-links {
        margin-top: 10px;
        padding: 10px;
        background: #fff;
        float: none;
    }
    .header-4 .mega-menu>section.menu-list-items {
        padding: 15px 0;
    }
    .header-4 .search-3 .search-btn {
        color: #323232;
    }
    .header-4 .mega-menu .menu-links>li:last-child {
        padding-right: 12px;
    }
    .header-4 .search-3 .search-btn {
        line-height: 3px;
    }
    .header-4 .search-3.search-3-open .search-3-box {
        margin-left: 0;
        top: 37px !important;
    }
    .header-4 .search-3 .search-3-box {
        padding: 10px 10px 20px 10px;
    }
    .header-4 .search-3.search-3-open i {
        right: 23px;
        top: 26px;
    }
    .header-4 #menu-toggle {
        display: none;
    }
    .header-4 #menu {
        display: none;
    }
    /*slider*/
    .slider-fade-carousel {
        height: inherit;
        overflow: inherit;
    }
    .slider-fade-carousel .owl-carousel .owl-item img {
        width: 100%;
    }
    .slider-fade-carousel .slider-contents.slide-1 h1 {
        font-size: 38px;
        line-height: 50px;
    }
    .slider-fade-carousel .slider-contents.slide-2 h1 {
        font-size: 38px;
        line-height: 50px;
    }
    .slider-fade-carousel .slider-contents.slide-3 h1 {
        font-size: 38px;
        line-height: 50px;
    }
    .creativity h1 {
        font-size: 45px;
    }
    .custom-content-3.hello-content {
        padding-bottom: 80px;
    }
    .custom-content-3.hello-content .custom-content-3-image img {
        display: none;
    }
    #video-background.video-content {
        height: 400px;
    }
    .video-content .video-bg h1 {
        font-size: 42px;
    }
    /*our-clients */
    .happy-clients .tab-2 ul.nav-tabs li a img {
        width: 69px;
    }
    .happy-clients .tab-2 ul.nav-tabs li a {
        margin: 0 14px 0 0;
    }
    .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded {
        height: 390px;
    }
    .owl-custom .owl-carousel-12.owl-carousel.owl-theme .item img {
        display: none;
    }
    .our-blog .blog-box-image img {
        max-height: inherit;
    }
    .news-letter .section-field input {
        width: 82%;
    }
    .custom-content-3.hello-content .custom-content-3-info {
        margin-bottom: 20px;
    }
    /*home-5*/
    .header-5 {
        padding: 15px 20px 0;
    }
    .header-5 .mega-menu .menu-links>li {
        line-height: 40px;
    }
    .header-5 .mega-menu .drop-down-multilevel a {
        padding: 5px 20px;
    }
    .header-5 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
        color: #323232;
    }
    .header-5 .logo img {
        height: 40px;
    }
    .header-5 #menu:before {
        background: none;
    }
    .header-5 #menu {
        background: none;
        padding: 40px 0;
        width: 100%;
        left: -1000px;
    }
    .header-5 #menu-toggle {
        top: 0px;
    }
    .header-5 .mega-menu .menu-links>li>a {
        padding: 10px 15px;
    }
    .header-5 .mega-menu .drop-down a,
    .header-5 .mega-menu .drop-down-tab-bar a {
        padding: 0px;
    }
    .rev-slider-3 a.button.button-white i {
        padding: 5px !important;
    }
    .rev-slider-3 a.button i {
        padding: 5px !important;
    }
    .built-tab {
        margin-top: 30px;
    }
    .built-tab #tabs .tabs {
        margin: 0 auto;
    }
    .built-tab ul.tabs {
        margin: 0 auto;
        float: none;
    }
    .team-3 .team-social-icon a i {
        font-size: 14px;
        height: 40px;
        line-height: 41px;
        width: 40px;
    }
    .why-choose-us .custom-content {
        margin-bottom: 30px;
    }
    /*about */
    .header-5 .logo img {
        height: 40px;
    }
    .about .feature-11 {
        margin-bottom: 20px;
    }
    .search-4 {
        margin: 1px 0px;
    }
    .search-4 {
        width: 216px;
    }
    .search-4 input {
        width: 216px;
    }
    /*contact*/
    .contact-6 .feature-8 {
        text-align: center;
    }
    .contact-6 .feature-8-title {
        display: inline-block;
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }
    /*footer*/
    .footer-5 .footer-flickr {
        margin-top: 20px;
    }
    .footer-5 .footer-Newsletter {
        margin-top: 20px;
    }
    /*about-1 page*/
    .who-we-are-left .owl-carousel-2 {
        margin-top: 40px;
    }
    /*about-3 page*/
    .about .js-video {
        margin-top: 30px;
    }
    .testimonial-info p {
        padding: 40px 0 20px;
    }
    /*about me page*/
    .about.about-me img.mike-images {
        display: none;
    }
    .about-me .maintenance-progress-bar .progress-bar {
        margin: 0 25px 80px;
    }
    .about-me .maintenance-progress-bar .progress-bar:nth-child(3) {
        margin-bottom: 0px;
    }
    .about-me .maintenance-progress-bar .progress-bar:nth-child(4) {
        margin-bottom: 0px;
    }
    /*slide bar*/
    .sidebar-widget .recent-post-image img {
        height: 50px;
        width: 50px;
    }
    /*blog full width*/
    .share .share-button {
        font-size: 14px;
        padding: 9px 12px;
    }
    .share ul {
        padding: 4px 11px;
        right: 14px;
        width: 130px;
    }
    .share ul li a {
        padding: 3px 4px;
    }
    .blog a.button span {
        font-size: 13px;
        padding: 9px 18px;
    }
    .blog a.button i {
        font-size: 16px;
        width: 42px;
        padding: 11px;
    }
    .blog.blog-grid-3-column .blog-entry-audio {
        padding: 61px 20px 68px;
    }
    a.button-small {
        margin-right: 0;
    }
    .share.small ul li a {
        padding: 4px 3px;
    }
    .share.small ul {
        width: 120px;
        padding: 3px 10px;
    }
    .masonry.columns-3 .masonry-item {
        padding: 5px;
        width: 50%;
    }
    .blog.blog-single .blog-entry.entry-content img {
        margin-bottom: 20px;
    }
    .blog.blog-single .port-post-info p {
        display: inline-block;
    }
    /*blog timeline*/
    .blog .timeline>li>.timeline-badge {
        right: -55px;
    }
    .blog .timeline>li.timeline-inverted>.timeline-badge {
        left: -55px;
    }
    .blog.timeline-sidebar .timeline::before {
        left: 36px;
    }
    .careers-from .button-border span:hover {
        box-shadow: -800px 0 0 #00a9da inset;
    }
    .careers-from {
        margin-top: 50px;
    }
    /*coming soon*/
    .coming-soon-form input {
        width: 72%;
    }
    /*contact*/
    .contact.contact-2 a.button {
        margin-bottom: 30px;
    }
    .contact-3 .contact-3-info {
        height: auto;
    }
    .contact-3 .contact-map iframe {
        height: 400px;
    }
    .error-block {
        background-size: 90%;
    }
    .error-block p {
        font-size: 26px;
    }
    .error-search-box p {
        font-size: 19px;
        line-height: 35px;
    }
    /*faq*/
    .faq .tab-1 {
        margin-bottom: 50px;
    }
    /*maintenance*/
    .maintenance-main h1.mb-50 {
        font-size: 34px;
        margin-bottom: 10px !important;
    }
    .maintenance-main i {
        font-size: 60px;
    }
    .maintenance-main p {
        font-size: 20px;
    }
    .maintenance-form {
        width: 100%;
    }
    .maintenance-progress-bar span {
        font-size: 24px;
    }
    /*portfolio*/
    .portfolio-sidebar.portfolio-block.columns-3 .grid-item {
        width: 50%;
    }
    .portfolio-fullwidth.portfolio-block.columns-4 .grid-item {
        width: 50%;
    }
    .portfolio-sidebar.portfolio-block.columns-4 .grid-item {
        width: 50%;
    }
    .full-screen.columns-3 .grid-item {
        width: 50%;
    }
    .full-screen.columns-4 .grid-item {
        width: 50%;
    }
    .full-screen.columns-5 .grid-item {
        width: 50%;
    }
    .masonry .grid-sizer,
    .masonry.columns-3 .masonry-item {
        width: 50%;
    }
    .masonry .grid-sizer,
    .masonry.columns-4 .masonry-item {
        width: 50%;
    }
    .masonry.full-screen .masonry-item {
        width: 50%;
    }
    .packetry .item {
        width: 50%;
    }
    .packetry .portfolio-item .portfolio-caption a {
        font-size: 12px;
        height: 20px;
        width: 20px;
        line-height: 20px;
    }
    .packetry .portfolio-item .portfolio-overlay a i {
        font-size: 13px;
    }
    .packetry .portfolio-item .portfolio-overlay ul.port-tag {
        margin-bottom: 0px;
    }
    /*portfoli single*/
    .single-portfolio-post .who-we-are-left .owl-carousel-2 {
        margin-top: 0px;
    }
    /*service*/
    .service .feature-4,
    .service-1 .feature-4 {
        margin-bottom: 30px;
    }
    .service-page-tab #tabs {
        margin-bottom: 30px;
    }
    .service-1 .pricing-table.active {
        margin-top: 20px;
    }
    .pricing .container .row [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .premium-features img {
        display: none;
    }
    .premium-features {
        margin-bottom: 70px;
    }
    .service .feature-11 {
        margin-bottom: 30px;
    }
    .service-3 .features13 {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .our-team .team {
        margin-bottom: 30px;
    }
    .coming-soon-2 .logo img {
        height: 40px;
    }
    .our-activities .skills-2 li:last-child {
        margin-bottom: 55px;
    }
    .our-blog .blog-box {
        margin-bottom: 30px;
    }
    /*action-box*/
    .action-box {
        text-align: center;
    }
    .action-box .action-box-button {
        text-align: center;
    }
    /*action-box*/
    .action-box-2 {
        text-align: center;
    }
    .action-box-2 .action-box-button {
        text-align: center;
        margin-top: 20px !important;
    }
    .action-box-3 {
        text-align: center;
    }
    .action-box-3 .text-right.action-box-button {
        text-align: center;
    }
    .footer-widget {
        text-align: center;
    }
    .footer-widget-social {
        text-align: center;
        margin-top: 20px;
    }
    /*home--6*/
    .header-6 {
        position: relative;
        padding: 0px;
    }
    .header-6 .mega-menu>section.menu-list-items {
        float: none;
    }
    .header-6 .menu-list-items .container-fluid {
        padding: 0 20px;
    }
    .header-6 .mega-menu .menu-mobile-collapse-trigger:before,
    .header-6 .mega-menu .menu-mobile-collapse-trigger:after,
    .header-6 .mega-menu .menu-mobile-collapse-trigger span {
        background: #00a9da;
    }
    .header-6 .mega-menu .menu-mobile-collapse-trigger {
        top: 4px;
    }
    .header-6 .mega-menu .menu-links>li>a {
        padding: 10px;
    }
    .header-6 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
        color: #323232;
    }
    .header-6 .mega-menu .menu-links>li:last-child>a {
        display: none;
    }
    .header-6 .login-1 {
        display: none;
    }
    .header-6 .mega-menu .menu-links>li:last-child {
        margin: 0px;
        border-bottom: 0px;
    }
    .header-6 .mega-menu .menu-links>li.search {
        border-bottom: 0px;
        margin: 0px;
    }
    .header-6 .search-3.search-3-open .search-3-box {
        top: 34px !important;
    }
    .header-6 .search-3 {
        margin: 0px;
    }
    #animated-slider .slider-content h1 {
        font-size: 30px;
        line-height: 50px;
    }
    #animated-slider .slider-content p {
        padding: 0 30px;
    }
    #animated-slider .slider-content {
        top: 50%;
    }
    #animated-slider .slider-content a.button span {
        padding: 6px 16px;
        font-size: 12px;
    }
    #animated-slider .slider-content a.button.button-black span {
        padding: 6px 16px;
        font-size: 12px;
    }
    .custom-content-5 .section-title-1 p {
        font-size: 22px;
        padding: 0px;
    }
    .custom-content-5 img {
        display: none;
    }
    .feature-15 .feature-15-content h4 {
        font-size: 20px;
    }
    .portfolio-4 .columns-3 .grid-item {
        width: 50%;
    }
    .custom-content-6 .left-slide {
        padding: 95px 30px;
    }
    .team-4-main .team-4 {
        margin: 20px 0;
    }
    .custom-content-7 p {
        padding: 0px;
    }
    .custom-content-7.page-section-ptb {
        padding-top: 0px;
    }
    .footer-4 .footer-flickr {
        margin-top: 20px;
    }
    .footer-4 .footer-Newsletter {
        margin-top: 20px;
    }
    .footer-4 .recent-post {
        margin-bottom: 50px;
    }
    .custom-content-5 .skills-2 li:last-child {
        margin-bottom: 20px;
    }
    /*home-7*/
    #animated-slider-2 .slider-content h1 {
        font-size: 30px;
        line-height: 45px;
    }
    #animated-slider-2 .slider-content p {
        font-size: 14px;
    }
    .header-7 .mega-menu .menu-links>li>a {
        padding: 10px 30px;
        color: #fff;
    }
    .header-7 .mega-menu .menu-links {
        background: transparent;
        margin-top: 20px;
    }
    .header-7 .mega-menu .menu-links>li {
        border-bottom: 0px;
    }
    .header-7 .mega-menu .menu-links>li.active a {
        color: #00a9da;
    }
    .header-7 .mega-menu .menu-links>li.active .drop-down-multilevel a:hover {
        color: #323232;
    }
    /*feature-16*/
    .feature-16 {
        padding: 0px;
    }
    .key-features-2 .features-device {
        display: none;
    }
    .key-features-2 {
        padding-bottom: 60px;
    }
    .footer-4 .tags {
        margin-top: 30px;
    }
    .key-features-2 .feature-10 {
        margin-bottom: 30px;
    }
    /*home-8*/
    .header-8 .mega-menu .menu-logo {
        padding: 13px 0px;
    }
    .header-8 .mega-menu .menu-mobile-collapse-trigger {
        top: 18px;
    }
    .header-8 .mega-menu .menu-links>li>a {
        padding: 10px 13px;
    }
    .header-8 .search-3 .search-btn {
        color: #626262;
        line-height: 0px;
    }
    .header-8 .search-3.search-3-open .search-3-box {
        top: 37px !important;
    }
    .header-8 .mega-menu .menu-links>li:last-child {
        border-bottom: 0px;
    }
    .image-holder-bg {
        height: 500px;
    }
    .image-holder-content .content {
        padding: 0px 30px;
    }
    .image-holder .image-holder-content h2 {
        font-size: 35px;
    }
    .custom-content-8 #tabs {
        padding: 0px;
    }
    .custom-content-8 #tabs .tabs li {
        padding: 10px 20px;
    }
    .custom-content-9 h2 {
        font-size: 26px;
    }
    .section-title-3 p {
        padding: 0px;
    }
    /*home-9*/
    .header-9 .mega-menu .menu-logo {
        padding: 13px 0px;
    }
    .header-9 .mega-menu .menu-mobile-collapse-trigger {
        top: 18px;
    }
    .header-9 .mega-menu .menu-links>li>a {
        padding: 10px 13px;
    }
    .header-9 .mega-menu .menu-mobile-collapse-trigger:before,
    .header-9 .mega-menu .menu-mobile-collapse-trigger:after,
    .header-9 .mega-menu .menu-mobile-collapse-trigger span {
        background: #323232;
    }
    .image-holder-2-bg {
        height: 500px;
    }
    .experience h1 {
        font-size: 130px;
        line-height: 230px;
    }
    .testimonial-9 .item {
        padding: 0 100px;
    }
    .feature-20 {
        padding: 10px 0;
    }
    /*home-10*/
    .header-10 .header {
        position: relative;
    }
    .header-10 .mega-menu .menu-logo {
        padding: 6px 0px;
    }
    .header-10 .mega-menu .menu-mobile-collapse-trigger:before,
    .header-10 .mega-menu .menu-mobile-collapse-trigger:after,
    .header-10 .mega-menu .menu-mobile-collapse-trigger span {
        background: #323232;
    }
    .header-10 .mega-menu .menu-mobile-collapse-trigger {
        top: 11px;
    }
    .header-10 .mega-menu .menu-links>li>a {
        padding: 10px 13px;
    }
    .header-10 .search-3 .search-btn {
        color: #626262;
        line-height: 0px;
    }
    .header-10 .search-3.search-3-open .search-3-box {
        top: 37px !important;
    }
    .header-10 .mega-menu .menu-links>li:last-child {
        border-bottom: 0px;
    }
    .parallax-banner .banner-content {
        padding: 0 5%;
    }
    .parallax-banner .layer:nth-child(1) img {
        width: 50%;
    }
    .parallax-banner .layer:nth-child(2) img {
        width: 50%;
    }
    .parallax-banner .layer:nth-child(4) img {
        width: 40%;
    }
    .parallax-banner .layer:nth-child(5) {
        right: -330px;
    }
    .parallax-banner .layer:nth-child(5) img {
        width: 50%;
    }
    .parallax-banner .layer:nth-child(6) {
        right: 0px;
    }
    .parallax-banner .layer:nth-child(6) img {
        width: 50%;
    }
    .testimonial-4 .item {
        padding: 0 50px;
    }
    .highlights-phone {
        width: 50%;
    }
    .mobile-slider .row {
        width: 26.777777%;
        padding-top: 0 !important;
        padding-bottom: 0px !important;
    }
    .footer-8 .get-in-touch {
        margin-bottom: 30px;
    }
    .footer-8 .office-hours {
        margin-bottom: 30px;
    }
    .footer-8 .footer-useful-link {
        margin-top: 0px;
    }
    .contact-4 .contact-social ul li {
        margin-bottom: 10px;
    }
}

@media( max-width:767px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 26px;
    }
    /*h3 { font-size: 30px; }
h4 { font-size: 30px; }
h5 { font-size: 30px; }*/
    .page-section-ptb {
        padding: 50px 0;
    }
    .page-section-pt {
        padding: 50px 0 0;
    }
    .page-section-pb {
        padding: 0 0 50px;
    }
    .section-title-1 {
        margin-bottom: 40px;
    }
    .section-title-1 p {
        font-size: 16px;
    }
    .section-title-1 .title-line::before {
        width: 180px;
    }
    /*home-1*/
    /*slider*/
    .rev-slider a.button.button-white span {
        padding: 3px 6px !important;
    }
    .rev-slider a.button span {
        padding: 2px 6px !important;
    }
    .rev-slider-3 a.button.button-white span {
        padding: 5px !important;
    }
    .rev-slider-3 a.button span {
        padding: 2px 6px !important;
    }
    /*portfolio*/
    .snap-scrolling-example .portfolio .portfolio-item {
        width: 370px;
    }
    /*video bg*/
    #video-background {
        height: 1060px;
    }
    /*custom content*/
    .about .custom-content-2 h1 {
        font-size: 30px;
        overflow: hidden;
    }
    .about .custom-content-2 strong {
        font-size: 22px;
    }
    /*testimonial*/
    .testimonial-info p {
        padding: 40px 10px 20px;
    }
    /*footer */
    .footer-logo img {
        width: 35%;
    }
    .footer .recent-post {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .footer .footer-instagram {
        margin-top: 30px;
    }
    .footer-2 .recent-post {
        margin: 40px 0px;
    }
    /*home-2*/
    /*move slider*/
    .move-carousel .slider-contents h1 {
        font-size: 26px;
        line-height: 40px;
    }
    .move-carousel .slider-contents p {
        font-weight: 400;
    }
    .move-carousel .slider-contents.slide-1 h1 {
        line-height: 40px;
    }
    .move-carousel .slider-contents.slide-2 h1 {
        line-height: 40px;
    }
    .move-carousel .slider-contents.slide-3 h1 {
        line-height: 40px;
    }
    .move-carousel .slider-contents a.button-border span {
        font-size: 13px;
        padding: 7px 15px;
    }
    /*move slider*/
    .move-carousel .slider-contents h1 {
        font-size: 30px;
    }
    /*team*/
    .team-2 .team-2-box img {
        width: 100%;
    }
    .work-process.page-section-ptb {
        padding: 50px 20px;
    }
    /*action-box-2*/
    .action-box-2 p {
        margin-bottom: 20px;
        display: block;
    }
    /*home-3*/
    .container-fluid.fluid-padd {
        padding: 0 15px;
    }
    /*slider*/
    .rev-slider-2 a.button.button-black span {
        padding: 3px 6px !important;
    }
    .rev-slider-2 a.button span {
        padding: 2px 6px !important;
    }
    /*feature*/
    .feature-8-main .feature-8 {
        padding: 60px 0 40px;
    }
    /*custom-content*/
    .why-custom.custom-content img {
        display: none;
    }
    /*portfolio*/
    .portfolio-3 .full-screen.columns-5 .grid-item {
        padding: 0;
        width: 50%;
    }
    .portfolio-3 .portfolio-item .portfolio-overlay a.link {
        display: block;
    }
    .portfolio-3 .portfolio-item .portfolio-overlay p {
        padding: 0 20px;
    }
    .portfolio-3 .portfolio-item .portfolio-overlay span a {
        font-size: 16px;
    }
    .portfolio-3 .portfolio-item .portfolio-overlay a {
        font-size: 15px;
        height: 35px;
        width: 35px;
        line-height: 36px;
        text-align: center;
        margin-left: 10px;
        margin-right: 0;
    }
    .portfolio-3 .portfolio-item .portfolio-overlay a i {
        font-size: 16px;
        padding-left: 0;
    }
    .portfolio-3 .portfolio-item:hover img {
        -webkit-transform: translate3d(0, -80px, 0);
        -ms-transform: translate3d(0, -80px, 0);
        -o-transform: translate3d(0, -80px, 0);
        -moz-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0);
    }
    .portfolio-3 .full-screen .portfolio-item .portfolio-overlay {
        top: -19px;
    }
    .portfolio-3 .portfolio-item {
        width: 100%;
    }
    /*pricing*/
    .pricing-2 .pricing-table.active {
        margin-top: 20px;
    }
    /*footer*/
    .footer-3 .footer-widget p {
        font-size: 16px;
    }
    .footer-3 .recent-post {
        margin-top: 30px;
    }
    /*slider*/
    .slider-fade-carousel .slider-contents.slide-1 h1 {
        font-size: 28px;
        line-height: 30px;
    }
    .slider-fade-carousel .slider-contents.slide-2 h1 {
        font-size: 28px;
        line-height: 30px;
    }
    .slider-fade-carousel .slider-contents.slide-3 h1 {
        font-size: 28px;
        line-height: 30px;
    }
    .slider-fade-carousel .owl-carousel-1 .slider-contents {
        top: 56%;
    }
    .slider-fade-carousel .slider-contents p {
        font-size: 16px;
    }
    a.button.button span {
        padding: 10px 14px;
        font-size: 13px;
    }
    a.button.button i {
        font-size: 16px;
        padding: 11px;
    }
    .happy-clients .tab-2 ul.nav-tabs li a {
        margin: 0 14px 20px 7px;
    }
    .happy-clients .tab-2 ul.nav-tabs li a img {
        width: 138px;
    }
    .creativity h1 {
        font-size: 37px;
        line-height: 50px;
    }
    #video-background.video-content {
        height: 350px;
    }
    .social-full li a {
        height: 60px;
        font-size: 20px;
        line-height: 60px;
    }
    .our-blog .blog-box-info {
        max-height: 293px;
    }
    .news-letter .section-field input {
        width: 80%;
    }
    .footer-4 .footer-widget {
        text-align: center;
    }
    .footer-4 .footer-widget .text-right {
        text-align: center;
    }
    .footer-4 .office-hours {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .footer-4 .footer-useful-link {
        margin-top: 20px;
    }
    /*home-5*/
    /*menu*/
    .header-5 .logo img {
        height: 40px;
    }
    .header-5 #menu:before {
        background: none;
    }
    .header-5 #menu {
        background: none;
        padding: 40px 0;
        width: 100%;
        left: -1000px;
    }
    .search-4 {
        width: 150px;
    }
    .search-4 input {
        width: 150px;
    }
    .header-5 #menu-toggle {
        top: 0px;
    }
    .search-4 a {
        line-height: 21px;
        font-size: 15px;
    }
    .header-5 .mega-menu .menu-links>li>a {
        padding: 10px 15px;
    }
    .about .feature-11 .feature-11-info h4::before {
        left: 45%;
    }
    .custom-portfolio .portfolio-text-box {
        background: #f6f7f9;
        padding: 60px 25px;
    }
    .awesome-features {
        display: none;
    }
    .contact .feature-8 {
        margin: 20px 0;
    }
    .contact .feature-8-info {
        display: block;
        text-align: center;
    }
    .contact-5 h2 {
        margin-top: 50px;
    }
    .contact-6 .feature-8 {
        margin: 20px 0;
    }
    .contact-6 .feature-8-info {
        display: block;
        text-align: center;
    }
    .contact-6 .feature-8-title {
        margin-right: 0px;
    }
    .key-features .feature-10 {
        margin-bottom: 30px;
    }
    /*about-1 page*/
    .our-history .history-content {
        padding: 125px 30px;
    }
    /*about-2 page*/
    .about .feature-3 {
        margin-bottom: 30px;
    }
    /*our-history .timeline*/
    .our-history .timeline {
        overflow: hidden;
    }
    .our-history .timeline>li>.timeline-panel {
        width: 100%;
        text-align: left;
        padding: 10px 20px 20px 130px;
    }
    .our-history ul.timeline>li {
        left: none;
        clear: none;
    }
    .our-history .timeline::before {
        left: 40px;
    }
    .our-history .timeline>li>.timeline-badge {
        left: 40px;
    }
    .our-history .timeline>li>.timeline-panel::before {
        left: 60px;
    }
    .our-history .timeline .timeline-arrow {
        left: 32px;
        text-align: left;
    }
    .our-history .timeline>li.timeline-inverted>.timeline-panel::before {
        left: 58px;
    }
    /*about-me page*/
    .about-me .contact-me {
        margin-top: 20px;
    }
    /*slidebar*/
    .sidebar-widget .widget-archives {
        margin-bottom: 40px;
    }
    .sidebar-widget .widget-search {
        margin-top: 40px;
    }
    /* blog timeline */
    .blog ul.timeline:before {
        left: 40px;
    }
    .blog ul.timeline>li {
        margin-bottom: 20px;
        position: relative;
        width: 100%;
        float: left;
        clear: left;
    }
    .blog ul.timeline>li>.timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }
    .blog ul.timeline>li>.timeline-badge {
        left: 12px;
        margin-left: 0;
        top: 16px;
    }
    .blog ul.timeline>li>.timeline-panel {
        float: right;
    }
    .blog ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    .blog ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .blog .timeline>li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .blog .timeline>li.timeline-inverted>.timeline-badge {
        left: 12px;
    }
    .blog .timeline-panel img {
        width: 100%;
    }
    .blog .timeline li.entry-date-bottom {
        text-align: left;
    }
    .blog .timeline li.entry-date-bottom a {
        font-size: 13px;
        padding: 8px 10px;
    }
    .blog .timeline li.entry-date {
        text-align: left;
    }
    .blog .timeline li.entry-date span {
        font-size: 13px;
        padding: 8px 10px;
    }
    .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge {
        left: 9px;
    }
    .blog .timeline>li:nth-child(2) {
        margin-top: 0;
    }
    .blog .timeline>li.timeline-inverted {
        margin-top: 10px;
    }
    .blog.timeline-sidebar .timeline>li.timeline-inverted {
        margin-bottom: 20px;
    }
    .blog.timeline-sidebar .timeline>li.timeline-inverted:nth-child(2) {
        margin-bottom: 0px;
    }
    .blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li {
        width: 100%;
    }
    /* Coming soon page */
    .coming-soon-main i {
        font-size: 70px;
    }
    .coming-soon-countdown ul.countdown li span {
        font-size: 60px;
    }
    .coming-soon-countdown ul.countdown li p {
        font-size: 16px;
    }
    .coming-soon-main p {
        font-size: 18px;
        line-height: 26px;
    }
    .coming-soon-main h1 {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .coming-soon-form input {
        width: 67%;
    }
    /*contact */
    .contact .contact-box {
        margin-bottom: 20px;
    }
    .contact .feature-3 {
        margin-bottom: 20px;
    }
    .contact-3-info {
        padding: 40px 20px;
    }
    .footer-5 .recent-post {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    /*error*/
    .error-search-box input {
        width: 73%;
    }
    .error-block p {
        font-size: 20px;
    }
    .error-block h1 {
        font-size: 80px;
    }
    .error-404-2 .error-block h1 {
        font-size: 290px;
    }
    /*faq*/
    .faq .nav-tabs li {
        float: none;
        overflow: hidden;
    }
    .faq a.button-border span:hover {
        box-shadow: -800px 0 0 #00a9da inset;
    }
    .maintenance-progress-bar .progress-bar {
        display: block;
        margin: 0 auto 90px;
    }
    .maintenance-progress-bar {
        margin: 30px 0 60px;
    }
    .maintenance-form input {
        width: 70%;
    }
    .maintenance-main p {
        font-size: 18px;
    }
    /*portfolio-classic*/
    .portfolio-classic .grid-item h3 {
        margin-top: 20px;
    }
    .portfolio-block .grid-item {
        margin-bottom: 15px;
    }
    .portfolio-fullwidth.portfolio-block.columns-3 .grid-item {
        width: 50%;
    }
    .packetry .item {
        width: 100% !important;
    }
    /*packetry*/
    .packetry .portfolio-item .portfolio-overlay a {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 16px;
    }
    /*portfoli single*/
    .single-portfolio-post .who-we-are-left .owl-carousel-2 {
        margin-bottom: 30px;
    }
    .single-portfolio-post.post-2 .who-we-are-left .owl-carousel-2 {
        margin-bottom: 0px;
    }
    .single-portfolio-post.post-2 .port-info {
        margin-top: 30px;
    }
    /*service*/
    .like-what img {
        display: none;
    }
    .service-3 {
        margin: 0 auto;
        width: 60%;
    }
    .service-3 img {
        margin: 20px 0;
    }
    .service-3 .features13 {
        padding-top: 0px;
    }
    .features13.left b {
        top: 43px;
    }
    .our-team .team .team-images img {
        width: 100%;
    }
    .custom-content-4 {
        margin-top: 20px;
    }
    /*home-6*/
    .custom-content-5 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .our-services .feature-15 {
        margin-bottom: 30px;
    }
    .our-services .row.mt-30 {
        margin-top: 0px !important;
    }
    .custom-content-6 .right-slide img {
        width: 100%;
        margin-bottom: 15px;
    }
    .custom-content-6 .left-slide {
        padding: 50px 20px;
    }
    .team-4-main .team-4 {
        margin: 40px 0px;
    }
    /*home-7*/
    .header-7 {
        padding: 10px 10px;
        position: relative;
        background: #323232;
    }
    .header-7 .logo img {
        height: 40px;
    }
    .header-7 #menu-icon {
        right: 12px;
        top: -3px;
    }
    #animated-slider-2 .slider-content h1 {
        font-size: 20px;
        line-height: 30px;
    }
    #animated-slider-2 .slider-content p {
        font-size: 13px;
    }
    #animated-slider-2 .slider-content {
        top: 50%;
    }
    .our-service .row {
        margin-top: 0px !important;
    }
    .our-service .feature-16 {
        margin-bottom: 30px;
    }
    .our-service.page-section-ptb {
        padding-bottom: 130px;
    }
    .work-process-2 .feature-17 {
        margin-bottom: 40px;
    }
    .key-features-2 {
        margin-bottom: 60px;
    }
    .key-features-2 .row.mt-40 {
        margin-top: 0px !important;
    }
    .contact-4 .contact-form {
        margin-bottom: 40px;
    }
    .footer-4 .office-hours {
        margin-top: 30px;
    }
    .footer-4 .footer-widget .text-right {
        text-align: center;
    }
    .feature-18 {
        margin-bottom: 30px;
    }
    .bg-15.page-section-ptb .row {
        margin-top: 0px !important;
    }
    /*home-8*/
    .image-holder .image-holder-content h2 {
        font-size: 30px;
    }
    .custom-content-9 .feature-19 {
        margin-bottom: 30px;
    }
    .testimonial-3 .item {
        padding: 0px;
    }
    /*home-9*/
    .image-holder-2 .image-holder-2-content span {
        margin-bottom: 20px;
    }
    .image-holder-2 .image-holder-2-content h1 {
        font-size: 40px;
        margin-bottom: 10px;
        line-height: 40px;
    }
    #typer h2 {
        font-size: 22px;
    }
    .our-services .feature-20 {
        margin: 30px;
        padding: 20px;
    }
    .our-services .row.mt-30 {
        margin-top: 0px !important;
    }
    .testimonial-4 .item {
        padding: 0px;
    }
    .footer-7 .footer-about p {
        padding: 0px;
    }
    /*home-10*/
    .custom-content-11-info {
        padding: 0px;
    }
    .mobile-slider .row {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .left-row .highlight-title {
        text-align: center;
    }
    .right-row .highlight-title {
        text-align: center;
    }
    .highlights-phone {
        width: 100%;
        margin-top: 30px;
    }
    .testimonial-5 .row {
        margin-top: 0px !important;
    }
    .testimonial-5 .testimonial-block {
        margin-bottom: 40px;
    }
    .footer-8 .footer-useful-link {
        margin-top: 30px;
    }
    .footer-8 .text-right {
        text-align: center;
    }
}

@media( max-width:600px) {
    h3 {
        font-size: 22px;
    }
    .section-title-2 p {
        font-size: 16px;
    }
    .section-title-2 {
        margin-bottom: 40px;
    }
    .search-open input {
        width: 95%;
    }
    .search-open input {
        font-size: 20px;
    }
    /*home-1*/
    /*portfolio*/
    .snap-scrolling-example .portfolio .portfolio-item {
        width: 350px;
    }
    /*custom content*/
    .about .custom-content-2 h1 {
        font-size: 24px;
        overflow: hidden;
    }
    .about .custom-content-2 strong {
        font-size: 15px;
    }
    /*counter*/
    .main-counter .counter-info span.counter {
        font-size: 40px;
    }
    /*action-box*/
    .action-box {
        text-align: center;
    }
    .action-box .action-box-button {
        text-align: center;
    }
    /*owl-carousel-4*/
    .owl-carousel-4 .owl-nav .owl-prev {
        left: 66%;
    }
    .owl-carousel-4 .owl-nav .owl-next {
        right: 66%;
    }
    /*footer*/
    .footer-logo img {
        width: 45%;
    }
    .footer .footer-instagram {
        margin-top: 40px;
    }
    /*home-2*/
    /*search*/
    .search-2-open input {
        width: 95%;
    }
    /*action-box*/
    .action-box-2 {
        text-align: center;
    }
    .action-box-2 .action-box-button {
        text-align: center;
    }
    /*testimonial*/
    .testimonial-2 .testimonial-avatar {
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }
    .testimonial-2 .testimonial-info p {
        margin-bottom: 20px;
        text-align: center;
    }
    .our-services .feature7 {
        text-align: center;
    }
    .our-services .feature7 .feature7-icon {
        float: none;
        display: inline-block;
        margin-bottom: 20px;
    }
    .services-text-box {
        padding: 90px 20px 40px;
    }
    /*home-3*/
    /*portfolio*/
    .feature-8-main .owl-carousel-10 .owl-item {
        padding: 0;
    }
    .portfolio-3 .full-screen.columns-5 .grid-item {
        padding: 0;
        width: 100%;
    }
    .portfolio-3 .isotope-filters {
        margin-bottom: 0;
        text-align: center;
    }
    /*custom-content*/
    .dropping-words-main .custom-content-2 h1 {
        font-size: 26px;
    }
    .dropping-words-main .custom-content-2 strong {
        font-size: 18px;
    }
    .feature-8-main .feature-8 {
        text-align: center;
    }
    .feature-8-main .feature-8-title {
        display: block;
        float: none;
        margin-bottom: 20px;
        text-align: center;
        margin-right: 0px;
    }
    .feature-main .feature-9:hover .feature-9-icon {
        right: 40%;
    }
    /*home-4*/
    /*slider*/
    .slider-fade-carousel .slider-contents p {
        display: none;
    }
    .slider-fade-carousel .slider-contents a.button {
        display: none;
    }
    .slider-fade-carousel .slider-contents.slide-1 h1 {
        line-height: 50px;
    }
    .slider-fade-carousel .slider-contents.slide-2 h1 {
        line-height: 50px;
    }
    .slider-fade-carousel .slider-contents.slide-3 h1 {
        line-height: 50px;
    }
    .happy-clients .tab-2 ul.nav-tabs li a img {
        width: 174px;
    }
    .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded {
        height: 450px;
    }
    .our-blog .blog-box-info {
        max-height: 323px;
    }
    .news-letter .section-field input {
        width: 73%;
    }
    .happy-clients .tab-2 ul.nav-tabs li a {
        margin: 0 9px 20px;
    }
    #tabs .tabs li img {
        width: 120px;
    }
    /*home 5*/
    .header-5 .logo img {
        height: 30px;
    }
    .header-5 .col-xs-4.logo-xs {
        padding: 0px;
    }
    .search-4 input {
        margin-top: 15px;
        width: 100%;
        background: #000;
        font-size: 12px;
    }
    .custom-portfolio .portfolio-text-box {
        background: #f6f7f9;
        padding: 60px 15px;
    }
    .custom-portfolio .portfolio-text-box a.button.mt-30 {
        margin-top: 15px !important;
    }
    .about .feature-11 .feature-11-info h4::before {
        left: 42%;
    }
    .team-3-main .owl-carousel-11 .owl-item img {
        width: 100%;
    }
    .team-3-device {
        display: none;
    }
    .built-tab .tab-content {
        margin-top: 0;
    }
    .feature-item {
        overflow: hidden;
    }
    /*footer*/
    .footer-5 .footer-flickr {
        margin-top: 30px;
        display: inline-block;
    }
    .footer-5 .footer-Newsletter {
        margin-top: 30px;
    }
    /*about-1 page*/
    .our-history .history-5 {
        margin-left: 21%;
    }
    .our-history .history-6 {
        margin-left: 44%;
    }
    .our-history .timeline .timeline-arrow {
        bottom: -27px;
    }
    /*about-me page*/
    .about-me .maintenance-progress-bar .progress-bar:nth-child(3) {
        margin-bottom: 70px;
    }
    /*blog full width */
    .blog-entry-grid .grid-post li {
        border-bottom: 14px solid #fff;
        width: 100%;
    }
    .contact-form .section-field {
        margin-right: 0;
        width: 100%;
    }
    /*coming soon*/
    .coming-soon-form input {
        width: 60%;
    }
    .inner-intro {
        height: 330px;
    }
    /*error*/
    .error-block {
        padding: 30px 0px;
    }
    .error-block h1 {
        font-size: 70px;
    }
    .error-404-2 .error-block h1 {
        font-size: 200px;
        line-height: 200px;
    }
    .error-404-2 .error-block p {
        font-size: 16px;
    }
    /*faq*/
    .faq .accordion-1 .panel-title a {
        font-size: 16px;
    }
    .faq .panel-body li {
        font-size: 13px;
    }
    .faq .panel-body p {
        font-size: 13px;
    }
    .faq .panel-body.faq-content h5 {
        font-size: 16px;
    }
    .faq .nav-tabs li a {
        font-size: 15px;
    }
    /*maintenance*/
    .maintenance-main h1.mb-50 {
        font-size: 28px;
    }
    .maintenance-main p {
        font-size: 16px;
        line-height: 25px;
    }
    .maintenance-form input {
        width: 50%;
    }
    .maintenance-2 .maintenance-main h1 {
        font-size: 32px;
    }
    /*clients*/
    .clients-box {
        text-align: center;
    }
    .clients-photo {
        float: none;
        display: inline-block;
        margin-bottom: 20px;
    }
    /*portfolio*/
    .portfolio-fullwidth.portfolio-block.columns-2 .grid-item {
        width: 100%;
    }
    .portfolio-sidebar.portfolio-block.columns-2 .grid-item {
        width: 100%;
    }
    .portfolio-fullwidth.portfolio-block.columns-3 .grid-item {
        width: 100%;
    }
    .portfolio-sidebar.portfolio-block.columns-3 .grid-item {
        width: 100%;
    }
    .portfolio-fullwidth.portfolio-block.columns-4 .grid-item {
        width: 100%;
    }
    .portfolio-sidebar.portfolio-block.columns-4 .grid-item {
        width: 100%;
    }
    .full-screen.columns-2 .grid-item {
        width: 100%;
    }
    .full-screen.columns-3 .grid-item {
        width: 100%;
    }
    .full-screen.columns-4 .grid-item {
        width: 100%;
    }
    .full-screen.columns-5 .grid-item {
        width: 100%;
    }
    .masonry .grid-sizer,
    .masonry.columns-2 .masonry-item {
        width: 100%;
    }
    .masonry .grid-sizer,
    .masonry.columns-3 .masonry-item {
        width: 100%;
    }
    .masonry .grid-sizer,
    .masonry.columns-4 .masonry-item {
        width: 100%;
    }
    .masonry.full-screen .masonry-item {
        width: 100%;
    }
    .packetry .item {
        width: 100%;
    }
    /*service*/
    .service-3 {
        margin: 0 auto;
        width: 70%;
    }
    .login-2-social ul li {
        margin-bottom: 10px;
    }
    .login-3 .login-with h3 {
        font-size: 17px;
    }
    /*home-6*/
    #animated-slider .slider-content p {
        display: none;
    }
    #animated-slider .slider-content h1 {
        font-size: 22px;
    }
    #animated-slider .carousel-indicators {
        bottom: 10px;
    }
    .custom-content-5 h4 {
        line-height: 33px;
    }
    .custom-content-5 .skills-2 li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 80px;
    }
    .portfolio-4 .columns-3 .grid-item {
        width: 100%;
    }
    .portfolio-4 .isotope-filters-3 button {
        margin: 5px 10px;
    }
    /*home-8*/
    .image-holder .image-holder-content h2 {
        font-size: 20px;
        line-height: 40px;
    }
    .custom-content-8 #tabs .tabs li {
        font-size: 18px;
    }
    .image-holder .image-holder-content span {
        font-size: 12px;
    }
    .news-content .meta {
        margin-bottom: 20px;
    }
    .news-content .meta.pull-left {
        float: none !important;
    }
    .news-content .button.pull-right {
        float: none !important;
    }
    .clients-partner .clients-logo li {
        width: 50%;
    }
    /*home-10*/
    .parallax-banner .banner-content h1 {
        font-size: 24px;
    }
    .parallax-banner .layer:nth-child(3) {
        top: 35%;
    }
    .contact-4 .contact-form input {
        width: 100%;
        margin-right: 0px;
    }
}

@media( max-width:479px) {
    /*home-1*/
    .mega-menu img {
        height: 40px;
    }
    .topbar-right ul li:last-child {
        top: 20px;
    }
    /*slider*/
    .tp-caption img {
        display: none;
    }
    .rev-slider a.button.button-white span {
        padding: 2px 3px !important;
    }
    .rev-slider a.button span {
        padding: 2px 3px !important;
    }
    .rev-slider-3 a.button.button-white span {
        padding: 2px 3px !important;
    }
    .rev-slider-3 a.button span {
        padding: 2px 3px !important;
    }
    .tp-caption.black-align-center,
    .black-align-center {
        padding: 0px 10px !important;
    }
    /*portfolio*/
    .snap-scrolling-example .portfolio .portfolio-item {
        width: 320px;
    }
    .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        width: 100%;
    }
    /*who-we-are*/
    .who-we-are .who-we-are-right-button .button {
        margin-bottom: 20px;
    }
    .about .custom-content-2 h1 {
        font-size: 22px;
        overflow: hidden;
    }
    /*footer*/
    .footer-widget {
        text-align: center;
    }
    .footer-widget p {
        margin-bottom: 10px;
    }
    .footer-widget-social {
        text-align: center;
    }
    .popup-contact {
        display: none;
    }
    .header-2 .mega-menu img {
        margin: 16px 0;
    }
    /*slider*/
    .rev-slider-2 a.button.button-black span {
        padding: 2px 3px !important;
    }
    .rev-slider-2 a.button span {
        padding: 2px 3px !important;
    }
    /*custom-content*/
    .dropping-words-main .custom-content-2 h1 {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 10px;
        width: 70%;
    }
    .dropping-words-main .custom-content-2 strong {
        font-size: 16px;
    }
    .feature-main .feature-9-title-2-right h2 {
        font-size: 30px;
    }
    .feature-main .feature-9 {
        min-height: 358px;
    }
    .feature-main .feature-9:hover .feature-9-icon {
        right: 10%;
    }
    /*action-box*/
    .action-box-3 .action-box h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .action-box-3 .action-box p {
        font-size: 12px;
    }
    /*home-4*/
    /*slider*/
    .slider-fade-carousel .slider-contents.slide-1 h1 {
        line-height: 30px;
        font-size: 20px;
    }
    .slider-fade-carousel .slider-contents.slide-2 h1 {
        line-height: 30px;
        font-size: 20px;
    }
    .slider-fade-carousel .slider-contents.slide-3 h1 {
        line-height: 30px;
        font-size: 20px;
    }
    .header-4 .mega-menu img {
        height: 40px;
        margin: 2px 0px;
    }
    .creativity h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .creativity .button.mt-50 {
        margin-top: 20px !important;
    }
    .happy-clients .tab-content {
        margin-top: 0px;
    }
    .happy-clients .tab-2 ul.nav-tabs li a img {
        width: 94px;
    }
    .video-content .video-bg h1 {
        font-size: 34px;
    }
    .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded {
        height: 600px;
    }
    .owl-custom .custom-content li {
        line-height: 32px;
    }
    .our-blog .blog-box-info {
        max-height: 433px;
    }
    .our-blog .blog-box-image .portfolio-caption a {
        font-size: 18px;
    }
    .our-blog .portfolio-item .portfolio-caption {
        padding: 20px;
    }
    .our-blog .blog-box-image .portfolio-caption .port-tag li a {
        font-size: 11px;
    }
    .our-blog .blog-box-image .portfolio-caption .button-border span {
        margin-top: 12px;
    }
    .news-letter .section-field input {
        width: 58%;
    }
    .social-full li a {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }
    .header-5 .logo img {
        height: 22px;
        margin-top: 3px;
    }
    .team-3-main .owl-carousel-11 {
        margin-bottom: 0px;
    }
    .built-tab #tabs .tabs li.customization {
        right: 60px;
    }
    .built-tab #tabs .tabs li.support {
        left: 76px;
        top: 130px;
    }
    .built-tab #tabs .tabs li.update {
        bottom: 70px;
        right: 130px;
    }
    .built-tab #tabs ul.tabs {
        width: 100%;
        height: 380px;
        background-size: 90%;
    }
    .built-tab.page-section-ptb {
        padding-bottom: 0px;
    }
    /*about-1 page*/
    .our-history .history-1 {
        left: 5px;
    }
    .our-history .history-5 {
        margin-left: 16%;
    }
    /*about-2 page*/
    .our-history .timeline::before {
        left: 25px;
    }
    .our-history .timeline>li>.timeline-badge {
        left: 25px;
    }
    .our-history .timeline>li>.timeline-panel::before {
        width: 22px;
        left: 42px;
    }
    .our-history .timeline>li.timeline-inverted>.timeline-panel::before {
        left: 42px;
    }
    .our-history .timeline>li>.timeline-panel {
        padding: 10px 20px 20px 75px;
    }
    .our-history .timeline .timeline-arrow {
        left: 17px;
    }
    /*about-3 page*/
    .custom-content b {
        font-size: 16px;
    }
    .owl-carousel-6 .owl-nav i {
        padding: 8px;
    }
    /*blog all page*/
    .blog-grid-3-column .blog-entry-audio {
        padding: 61px 20px 58px;
    }
    /*single ppst blog*/
    .blog.blog-single .port-post-photo {
        width: 90px;
    }
    .blog.blog-single .port-post-info {
        padding-left: 110px;
    }
    .blog.blog-single .port-photo {
        width: 94px;
    }
    .blog.blog-single .port-arrow {
        height: 57px;
    }
    .blog.blog-single .port-arrow i {
        line-height: 57px;
    }
    .blog.blog-single .comments-1.comments-2 {
        padding-left: 47px;
    }
    .blog.blog-single .share.small.mt-30 {
        margin-top: 0px !important;
    }
    .blog.blog-single .comments-info>p {
        display: inline-block;
    }
    .blog .timeline>li>.timeline-badge {
        font-size: 15px;
        height: 44px;
        line-height: 12px;
        width: 44px;
    }
    .blog ul.timeline:before {
        left: 27px;
    }
    .blog ul.timeline>li>.timeline-badge {
        left: 5px;
    }
    .blog ul.timeline>li>.timeline-panel {
        width: 100%;
    }
    .blog .timeline li.entry-date span {
        display: none;
    }
    .blog ul.timeline::before {
        display: none;
    }
    .blog ul.timeline>li>.timeline-badge {
        display: none;
    }
    .blog ul.timeline>li>.timeline-panel::before {
        display: none;
    }
    .blog ul.timeline>li>.timeline-panel::after {
        display: none;
    }
    .blog .timeline li.timeline-inverted .timeline-panel::after {
        display: none;
    }
    .blog .timeline li.timeline-inverted .timeline-panel::before {
        display: none;
    }
    .blog.timeline-sidebar .timeline li {
        width: 100%;
    }
    .masonry .masonry-item {
        width: 100% !important
    }
    /*coming soon*/
    .coming-soon-main h1 {
        font-size: 34px;
    }
    .coming-soon-countdown ul.countdown li span {
        font-size: 32px;
    }
    .coming-soon-countdown ul.countdown li {
        width: 20%;
    }
    .coming-soon-countdown ul.countdown li p {
        font-size: 13px;
    }
    .coming-soon-countdown ul.countdown {
        margin: 20px 0;
    }
    .coming-soon-main p {
        margin-bottom: 45px;
        font-size: 16px;
    }
    .coming-soon-form {
        width: 100%;
    }
    .coming-soon-form input {
        width: 100%;
        margin-bottom: 20px;
    }
    .coming-soon-form input {
        width: 62%;
    }
    .coming-soon-form a.button-border span {
        padding: 11px 8px;
    }
    /*contact*/
    .contact-3-info {
        padding: 30px 15px;
    }
    /*error*/
    .error-block h1 {
        font-size: 50px;
    }
    .error-block p {
        font-size: 18px;
    }
    .error-block h1.mb-40 {
        margin-bottom: 10px !important;
    }
    .error-search-box p {
        font-size: 16px;
        line-height: 32px;
    }
    .error-search-box input {
        width: 60%;
    }
    .error-404-2 .error-block h1 {
        font-size: 150px;
        line-height: 150px;
    }
    /*maintenance*/
    .maintenance-main p {
        font-size: 15px;
    }
    .maintenance-2 .maintenance-main h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .maintenance-contant.mt-150 {
        margin-top: 30px !important;
    }
    .maintenance-form.mt-100 {
        margin-top: 30px !important;
    }
    /*portfolio single*/
    .single-portfolio-post .port-meta li {
        font-size: 14px;
    }
    .single-portfolio-post .port-meta li b {
        width: 57px;
    }
    .single-portfolio-post .port-photo {
        height: 56px;
        width: 94px;
    }
    .single-portfolio-post .port-arrow {
        height: 56px;
    }
    .single-portfolio-post .port-arrow i {
        line-height: 56px;
    }
    .single-portfolio-post .port-post-photo {
        width: 90px;
    }
    .single-portfolio-post .port-post-info {
        padding-left: 110px;
    }
    /*service 1 */
    .service-page-tab #tabs .tabs li {
        width: 100%;
        margin-bottom: 1px;
    }
    .service-3 {
        margin: 0 auto;
        width: 100%;
    }
    .features13 b {
        top: 61px;
    }
    .features13.left b {
        top: 89px;
    }
    .custom-content-4 .social li a {
        margin-bottom: 10px;
        margin-left: 2px;
    }
    .login-3 .login-with h3 {
        font-size: 13px;
    }
    /*home-6*/
    #animated-slider .slider-content h1 {
        font-size: 18px;
        line-height: 20px;
    }
    #animated-slider .slider-content .button {
        display: none;
    }
    .portfolio-4 .isotope-filters-3 button {
        padding: 5px 8px;
    }
    /*home-7*/
    .header-7 .logo img {
        height: 30px;
    }
    .header-7 #menu-icon {
        right: 10px;
        top: -9px;
    }
    #animated-slider-2 .slider-content p {
        display: none;
    }
    #animated-slider-2 .carousel-indicators {
        bottom: 10px;
    }
    .frequently .accordion .accordion-title a {
        font-size: 12px;
    }
    /*home-8*/
    .latest-news .news .meta a {
        font-size: 20px;
    }
    .latest-news .news {
        padding: 30px 50px 40px 40px;
    }
    /*home-9*/
    .image-holder-2-bg {
        background-position: -500px !important;
    }
    .image-holder-2 .image-holder-2-content a {
        margin-top: 50px;
    }
    .footer-7 .footer-about ul.social li a {
        margin: 5px 3px;
    }
    /*home-10*/
    .parallax-banner .layer:nth-child(3) {
        top: 25%;
    }
    .parallax-banner .banner-content span {
        padding: 7px 14px;
        font-size: 10px;
    }
    .parallax-banner .banner-content h1 {
        line-height: 30px;
    }
    .phone-holder {
        left: -23px;
    }
    .mobile-slider {
        padding: 0px;
    }
    .custom-content-11 h2 {
        line-height: 32px;
    }
}

@media (max-width: 1240px) {
    .boxed-layout .page-wrapper {
        width: inherit;
    }
    .boxed-layout.page-wrapper {
        width: inherit;
    }
}

@media (max-width: 1199px) {
    .boxed-layout .page-wrapper .mega-menu.desktopTopFixed .menu-list-items {
        width: 100%;
        padding: 0px;
    }
}

@media (max-width: 992px) {
    .boxed-layout .page-wrapper .mega-menu.desktopTopFixed .menu-list-items {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .boxed-layout.page-wrapper .mega-menu.desktopTopFixed .menu-list-items {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .boxed-layout.page-wrapper .mega-menu.desktopTopFixed .menu-list-items {
        width: 100%;
    }
}