@media only screen and (min-width: 992px) and (max-width: 1222px) {
     /* everything of main homepage */
     .header.main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 5555;
        padding: 30px 0;
        border-bottom: 1px solid rgba(255, 14, 31, 0.3);
    }
    .header .main-menu .navbar .navbar-nav .nav-item:last-child .nav-link {
        margin-right: 0;
    }
    .profo-container {
       width: 100%;
       padding-right: 30px;
       padding-left: 30px;
       margin-right: auto;
       margin-left: auto;
    }
    .banner.main {
        position: initial;
        height: auto;
    }
    .banner.main .slideshow {
        margin-top: 0;
    }
   .banner.main .boxnav .boxnav__item {
       height: 100px;
   }
   .banner.main .boxnav {
        right: auto;
        display: inline-flex;
        left: 50%;
        transform: translateX(-50%);
   }
   .header .main-menu .responsive-menu-button {
       display: none;
   }
   .banner .copyright {
       display: none;
   }
   .banner .slideshow .slide .slide__wrap .slide__title-wrap {
       text-align: center;
   }
   .banner .slideshow .slide .slide__wrap .slide__title-wrap .slide__title {
       margin-bottom: 20px;
   }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* banner */
    .banner-slider .banner-single-slide .banner-content h1 {
        font-size: 55px;
        line-height: 70px;
    }
    .about-2nd .part-img {
        height: 300px;
        overflow: hidden;
    }
    .about-2nd .part-count {
        padding: 100px 0;
    }

    /* everything of homepage-5 */

    /* banner */
    .banner-5 {
        border-radius: 0;
    }
    .banner-5:after {
        border-radius: 0;
    }
    .banner-5 .banner-content h1 {
        margin-top: -10px;
    }
    .banner-5 .banner-content {
        padding: 150px 0;
        margin-top: 126px;
    }

    /* header */
    .header.header-5 {
        border-bottom: 1px solid rgba(255, 14, 31, 0.4);
        padding: 50px 0;
    }

    /* service */
    .service .single-service {
        margin-bottom: 30px;
        padding-left: 80px;
        padding-right: 80px;
    }

    /* glitch portfolio */
    .portfolio .portfolio-area .content .slides.slides--contained.effect-2 {
        width: 100%!important;
    }
    .portfolio .portfolio-area .content .slides--contained .slide__text {
        transform: none;
        margin-left: 0;
    }
    .portfolio .portfolio-area .content .slides--contained .slide__img {
        height: 550px;
        width: 100%;
    }
    .portfolio .portfolio-area .content .glitch__img {
        width: 100%;
    }
    .portfolio .portfolio-area .content .slide--current .slide__title {
        font-size: 28px;
        color: #ff0e1f;
    }
    .portfolio .portfolio-area .content .slides--contained + .slide-nav {
        left: 50%!important;
        margin-left: 0!important;
        transform: translateX(-50%);
    }
    .portfolio .portfolio-area .content .slide-nav__button {
        color: #fff;
    }
    .portfolio .portfolio-area .content .slide-nav__button:last-child {
        margin-right: 0;
        color: #fff;
    }
    .portfolio .portfolio-area .content .slide-nav__button:last-child:hover {
        color: #ff0e1f;
    }

    /* blog */
    .header .main-menu .navbar .navbar-nav .nav-item .nav-link {
        margin-right: 40px;
    }

    .profo-breadcrumb .breadcrumb-content {
        margin-top: 124px;
    }
    
    /* hover js */
   .grid__item {
        height: 580px;
    }
    .about-2nd .hover-animation .content-on-img h2 {
        font-size: 24px;
    }

    .about-2nd .part-text .shadow-shape {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* header */
    .header.header-4 {
        padding: 0;
    }
    .header .main-menu {
        float: none;
        display: flex;
    }
    .header .main-menu .navbar.profo-navbar {
        width: 100%;
    }
    .header .main-menu .navbar .navbar-nav .nav-item .nav-link {
        margin-right: 0;
        padding: 15px 15px;
        border: 1px solid #1d1d1d;
        border-top: none;
    }
    .header .main-menu .navbar .navbar-nav .nav-item:last-child .nav-link {
        margin-bottom: 30px;
    }
    .header .main-menu .navbar .navbar-nav .nav-item:first-child .nav-link {
        border-top: 1px solid #1d1d1d;
    }
    .header .navbar-toggler {
        /* background: #fff; */
        border: 1px solid #ff0e1f;
        color: #ff0e1f;
        outline: none;
        padding: 0;
        width: 45px;
        height: 45px;
        font-size: 25px;
        float: right;
        margin: 15px 0;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: initial;
        top: 0;
        opacity: 1;
        visibility: visible;
        display: none;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        padding: 15px 15px 14px;
    }

    /* banner */
    .banner-slider .banner-single-slide .banner-content {
        padding: 120px 0;
    }
    .banner-slider .banner-single-slide .banner-content h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: -7px;
    }
    .banner-slider .banner-single-slide .banner-content a.hire-me {
        height: 50px;
        line-height: 48px;
    }
    .banner-slider .banner-single-slide .banner-content .social ul li a {
        margin-right: 12px;
    }
    .banner-slider .owl-controls {
        display: none;
    }

    /* about 2nd */
    .about-2nd .part-text {
        padding: 40px 30px;
    }
    .about-2nd .part-text h2 {
        font-size: 30px;
        line-height: 40px;
        margin-top: -8px;
    }
    .about-2nd .part-img .content-on-img {
        padding: 30px;
        align-items: center;
        justify-content: center;
    }
    .about-2nd .part-img .content-on-img h2 {
        font-size: 30px;
    }
    .about-2nd .part-count {
        padding: 40px 0 10px; 
    }
    .about-2nd .part-count .single-count {
        margin-bottom: 30px;
    }
    .about-2nd .part-count .single-count .icon {
        width: 80px;
        padding: 20px;
    }

    /* service */
    .service-2nd {
        padding-bottom: 90px;
    }
    .service-2nd .single-service {
        margin-bottom: 30px;
    }

    /* feature */
    .feature {
        padding: 100px 0 60px;
    }
    .feature:after {
        background: none;
    }
    .feature .shadow-shape,
    .feature .shadow-shape-2 {
        display: none;
    }
    .feature .part-img {
        display: none;
    }
    .feature .row .col-xl-4:last-child .single-feature:first-child,
    .feature .row .col-xl-4:first-child .single-feature:first-child {
        margin-bottom: 40px;
        padding: 0;
    }
    .feature .single-feature {
        margin-bottom: 40px;
        text-align: center;
        padding: 0 0px;
    }
    .feature .single-feature .part-icon {
        float: none;
        margin-left: 0;
        margin-bottom: 30px;
        width: 80px;
        display: inline-block;
    }
    .feature .single-feature .part-text {
        text-align: center;
    }
    .feature .row .col-xl-4:last-child .single-feature .part-icon {
        float: none;
        margin-right: 0;
    }
    .feature .row .col-xl-4:last-child .single-feature .part-text {
        text-align: center;
    }

    /* section title 2 */
    .section-title2 h2 {
        font-size: 30px;
        margin-top: -6px;
    }

    /* portfolio 2nd */
    .portfolio-2nd {
        background: #1d1d1d; 
        padding-top: 120px;
    }
    .portfolio-2nd .portfolio-menu .filterizr__controls li {
        border: 1px solid #ff0e1f;
        padding: 5px 10px;
        margin-bottom: 10px;
        margin-right: 6px;
    }
    .portfolio-2nd .portfolio-menu .filterizr__controls li:after {
        display: none;
    }
    .portfolio-2nd .filterizr__elements .filtr-item .single-portfolio .content-on-img .single_portfolio_title {
        font-size: 20px;
    }

    /* team */
    .team {
        background: black;
    }
    .team .single-member div[class=part-skill], .team .single-member div[class=part-img] {
        width: 100%;
        padding-right: 0;
        border-radius: 10px;
    }
    .team .single-member div[class=part-img] {
        margin-bottom: 20px;
    }
    .team .single-member,
    .team .single-member-parent:nth-child(4n+2) .single-member,
    .team .single-member-parent:nth-child(4n+4) .single-member {
        flex-direction: column-reverse;
    }
    .team .single-member-parent:nth-child(4n+2) .single-member div[class=part-skill] {
        padding-left: 0;
    }
    .team .single-member-parent:nth-child(4n+4) .single-member div[class=part-skill] {
        padding-left: 0;
    }
    .team .single-member {
        padding: 30px;
        border: 1px solid rgba(255, 14, 31, 0.4);
        border-radius: 10px;
    }
    .team .single-member-parent:nth-child(4n+4) .single-member .part-img,
    .team .single-member-parent:nth-child(4n+3) .single-member .part-img,
    .team .single-member-parent:nth-child(4n+2) .single-member .part-img {
        border-radius: 10px;
    }
    .team .single-member .part-skill .member_name {
        text-align: left;
    }

    /* clients */
    .clients {
        padding-top: 120px;
    }
    .clients .single-client-parent {
        border-bottom: 1px solid #2c2c2c!important;
        border-right: 1px solid #2c2c2c!important;
    }
    .clients .single-client-parent .single-client img {
        height: 50px;
    }
    .clients .single-client-parent:nth-child(2n+0) {
        border-right: none!important;
    }
    .clients .single-client-parent:nth-last-child(-n+1) {
        border-bottom: none!important;
    }

    /* news */
    .news {
        padding: 120px 0 90px;
        background: black;
    }
    .news .single-news {
        margin-bottom: 30px;
        background: #1d1d1d;
    }

    /* contact */
    .contact {
        background: #1d1d1d;
    }
    .contact .part-text h3.title {
        font-size: 30px;
    }
    .contact .part-form .profo_form .profo_input,
    .contact .part-form .profo_form .profo_textarea {
        background: black;
    }
    .contact .part-text {
        padding-right: 0;
        margin-bottom: 30px;
    }

    /* footer */
    .footer .about-widget {
        margin-bottom: 30px;
    }
    .footer .instagram-widget {
        margin-bottom: 30px;
    }
    .footer .address-widget .single-line:last-child {
        margin-bottom: 0;
    }

    /* header for homepage 3 */
    .header.header-3 {
        padding: 0;
    }

    /* header for homepage 4 */
    .header.header-4 {
        padding: 0;
        position: initial;
        background: black;
    }

    /* banner for homepage 4 */
    .banner-slider.hompage-4 .banner-single-slide .banner-content {
        margin-top: 0;
    }

    /* portfolio for homepage 4  */
    .portfolio-2nd.homepage-4 {
        background: black;
    }

    /* header for .portfolio-2nd.homepage-5 */
    .header.header-5 {
        padding: 0;
        position: initial;
    }

    /* banner for homepage 5 */
    .banner-5 {
        border-radius: 0;
    }
    .banner-5:after {
        border-radius: 0;
    }
    .banner-5 .banner-content {
        padding: 120px 0;
        margin-top: 0;
    }
    .banner-5 .banner-content h1 {
        font-size: 30px;
        line-height: 40px;    
        margin-top: -6px;
    }
    .banner-5 .banner-content .social ul li a {
        margin-right: 16px;
    }

    /* about area */
     .about .about-area {
        padding: 40px;
    }
   
    .about .about-area .about-content {
        padding-right: 20px;
    }
    .about .about-area .address-content {
        padding-left: 15px;
        padding-top: 20px;
    } 

    /* statics */
    .about .about-area .statics-area {
        position: initial;
        top: 0;
        margin-top: 40px;
        margin-bottom: 0;
        border-radius: 0;
        padding-bottom: 30px;
        border-radius: 0 0 5px 5px;
    }
    .about .about-area .statics-area .single-static .part-icon {
        height: 50px;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .about .about-area .statics-area .single-static {
        display: block;
        text-align: center;
    }
    .about .about-area .statics-area .single-static .part-text span.number {
        font-size: 28px;
        margin-bottom: 3px;
    }

    /* service */
    .service {
        padding: 120px 0 90px; 
        background: black;
    }
    .service .single-service {
        background: #1d1d1d;
        margin-bottom: 30px;
    }
    .service .single-service .part-icon {
        background: black;
    }

    /* section-title  */
    .section-title h2 {
        font-size: 28px;
        margin-top: -5px;
    }

    /* glitch portfolio */
    .portfolio {
        padding: 120px 0;
    }
    .portfolio .portfolio-area .content .slides.slides--contained.effect-2 {
        width: 100%!important;
    }
    .portfolio .portfolio-area .content .slides--contained .slide__text {
        transform: none;
        margin-left: 0;
    }
    .portfolio .portfolio-area .content .slides--contained .slide__img {
        height: 450px;
        width: 100%;
    }
    .portfolio .portfolio-area .content .glitch__img {
        width: 100%;
    }
    .portfolio .portfolio-area .content .slide--current .slide__title {
        font-size: 28px;
        color: #ff0e1f;
    }
    .portfolio .portfolio-area .content .slides--contained + .slide-nav {
        left: 50%!important;
        margin-left: 0!important;
        transform: translateX(-50%);
    }
    .portfolio .portfolio-area .content .slide-nav__button {
        color: #fff;
    }
    .portfolio .portfolio-area .content .slide-nav__button:last-child {
        margin-right: 0;
        color: #fff;
    }
    .portfolio .portfolio-area .content .slide-nav__button:last-child:hover {
        color: #ff0e1f;
    }

    /* testimonial */
    .testimonial {
        background: black;
    }
    .testimonial .testimonial-slider:before,
    .testimonial .testimonial-slider:after {
        background: black;
    }
    .testimonial .testimonial-slider .single-testimonial {
        background: #1d1d1d;
        padding: 62px 30px 40px;
    }

    /* news for homepage-5 */
    .news.homepage-5 {
        background: #1d1d1d;
    }
    .news.homepage-5 .single-news {
        background: black;
    }

    /* contact for homepage-5 */
    .contact.homepage-5 {
        background: black;
    }
    .contact.homepage-5 .part-form .profo_form .profo_input, .contact.homepage-5 .part-form .profo_form .profo_textarea {
        background: #1d1d1d;
    }

    /* menu button */
    .header .main-menu .responsive-menu-button {
        display: none;
    }

    /* breadcrump */
    .profo-breadcrumb .breadcrumb-content {
        margin-top: 0;
        padding: 60px 0;
    }
    .profo-breadcrumb .breadcrumb-content h2.breadcrumb_title {
        font-size: 30px;
    }

    /* blog */
    .header.blog-page {
        position: initial;
        background: black;
        padding: 0;
    }
    .blog .single-blog .part-text h3.blog_title {
        font-size: 20px;
        line-height: 30px;
    }
    .blog .single-blog .view-button {
        width: 140px;
        margin-left: -70px;
    }
    .blog .profo-pagination {
        margin-bottom: 50px;
        text-align: center;
    }
    .blog .profo-pagination .pagination {
         display: inline-flex;
     }

     /* sidebar */
     .sidebar .single-widget:last-child {
        margin-bottom: 0;
     }

     /* blog details */
     .blog.blog-details .single-blog .part-text .attached_img .single_img {
        margin-bottom: 30px;
    }
    .blog.blog-details .single-blog .part-text .attached_img {
        margin-bottom: 0;
    }
    .blog.blog-details .single-blog .part-text p.quote_special {
        padding: 25px;
        font-size: 16px;
        line-height: 25px;
    }
    .blog.blog-details .single-blog .part-text p.quote_special:after {
        display: none;
    }
    .blog.blog-details .tag-nd-social {
        display: block;
        text-align: center;
    }
    .blog.blog-details .tag-nd-social .tag {
        margin-bottom: 10px;
    }
    .blog.blog-details .tag-nd-social .tag .single_tag {
        margin-bottom: 10px;
    }
    .blog.blog-details .blog-comment-box form input {
        margin-bottom: 10px;
    }
    .blog.blog-details .blog-comment-box form textarea {
        margin-bottom: 10px;
    }
    .blog.blog-details .blog-comment-box form .swubmit-button {
        margin-top: 10px;
        margin-bottom: 50px;
    }
    /* everything of main homepage */
    .header.main {
        position: absolute;
        background: black;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 5555;
    }
    .profo-container {
       width: 100%;
       padding-right: 15px;
       padding-left: 15px;
       margin-right: auto;
       margin-left: auto;
    }
    .banner.main {
        position: initial;
        height: auto;
    }
    .banner.main .slideshow {
        margin-top: 0;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__title {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 10px;
        display: block;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__title:after {
        display: none;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__subtitle {
        font-size: 18px;
        line-height: 28px;
        max-width: 290px;
        display: inline-block;
        text-align: center;
    }
    .profo-container.banner-content {
        position: initial;
        top: 0;
        transform: none;
    }
    .banner.main .slide {
       height: auto;
       overflow: visible;
    }
    .banner.main .slide .slide__wrap {
       height: auto;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__img {
        height: 100%;
    }
    .banner .slideshow .slide .slide__wrap .slide__title-wrap {
        padding: 0 0;
        position: relative;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
   .banner.main .copyright {
       display: none;
   }
   .banner.main .boxnav .boxnav__item {
       height: 60px;
       flex: auto;
   }
   .banner.main .boxnav {
       right: 0;
       left: 0;
   }

   /* hover js */
   .grid__item {
        height: 300px;
    }
    .about-2nd .hover-animation .content-on-img {
        padding: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .about-2nd .hover-animation .content-on-img h2 {
        font-size: 24px;
    }

    /* prism slider */
    .prism-slider {
        width: 130%;
        max-width: none;
        height: 100vh;
        position: relative;
        margin-left: -15%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    /* header */
    .header.header-4 {
        padding: 0;
    }
    .header .main-menu {
        float: none;
        display: flex;
    }
    .header .main-menu .navbar.profo-navbar {
        width: 100%;
    }
    .header .main-menu .navbar .navbar-nav .nav-item .nav-link {
        margin-right: 0;
        padding: 15px 15px;
        border: 1px solid #1d1d1d;
        border-top: none;
    }
    .header .main-menu .navbar .navbar-nav .nav-item:last-child .nav-link {
        margin-bottom: 30px;
    }
    .header .main-menu .navbar .navbar-nav .nav-item:first-child .nav-link {
        border-top: 1px solid #1d1d1d;
    }
    .header .navbar-toggler {
        /* background: #fff; */
        border: 1px solid #ff0e1f;
        color: #ff0e1f;
        outline: none;
        padding: 0;
        width: 45px;
        height: 45px;
        font-size: 25px;
        float: right;
        margin: 15px 0;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: initial;
        top: 0;
        opacity: 1;
        visibility: visible;
        display: none;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        padding: 15px 15px 14px;
    }

    /* banner */
    .banner-slider .banner-single-slide .banner-content {
        padding: 120px 0;
    }
    .banner-slider .banner-single-slide .banner-content h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: -7px;
    }
    .banner-slider .banner-single-slide .banner-content a.hire-me {
        height: 50px;
        line-height: 48px;
    }
    .banner-slider .banner-single-slide .banner-content .social ul li a {
        margin-right: 12px;
    }
    .banner-slider .owl-controls {
        display: none;
    }

    /* about 2nd */
    .about-2nd .part-text {
        padding: 40px 30px;
    }
    .about-2nd .part-text h2 {
        font-size: 30px;
        line-height: 40px;
        margin-top: -8px;
    }
    .about-2nd .part-img .content-on-img {
        padding: 30px;
        align-items: center;
        justify-content: center;
    }
    .about-2nd .part-img .content-on-img h2 {
        font-size: 30px;
    }
    .about-2nd .part-count {
        padding: 40px 0 10px; 
    }
    .about-2nd .part-count .single-count {
        margin-bottom: 30px;
    }
    .about-2nd .part-count .single-count .icon {
        width: 80px;
        padding: 20px;
    }

    /* service */
    .service-2nd {
        padding-bottom: 90px;
    }
    .service-2nd .single-service {
        margin-bottom: 30px;
    }

    /* feature */
    .feature {
        padding: 100px 0 60px;
    }
    .feature:after {
        background: none;
    }
    .feature .shadow-shape,
    .feature .shadow-shape-2 {
        display: none;
    }
    .feature .part-img {
        display: none;
    }
    .feature .row .col-xl-4:last-child .single-feature:first-child,
    .feature .row .col-xl-4:first-child .single-feature:first-child {
        margin-bottom: 40px;
        padding: 0;
    }
    .feature .single-feature {
        margin-bottom: 40px;
        text-align: center;
        padding: 0 0px;
    }
    .feature .single-feature .part-icon {
        float: none;
        margin-left: 0;
        margin-bottom: 30px;
        width: 80px;
        display: inline-block;
    }
    .feature .single-feature .part-text {
        text-align: center;
    }
    .feature .row .col-xl-4:last-child .single-feature .part-icon {
        float: none;
        margin-right: 0;
    }
    .feature .row .col-xl-4:last-child .single-feature .part-text {
        text-align: center;
    }

    /* section title 2 */
    .section-title2 h2 {
        font-size: 30px;
        margin-top: -6px;
    }

    /* portfolio 2nd */
    .portfolio-2nd {
        background: #1d1d1d; 
        padding-top: 120px;
    }
    .portfolio-2nd .portfolio-menu .filterizr__controls li {
        border: 1px solid #ff0e1f;
        padding: 5px 10px;
        margin-bottom: 10px;
        margin-right: 6px;
    }
    .portfolio-2nd .portfolio-menu .filterizr__controls li:after {
        display: none;
    }
    .portfolio-2nd .filterizr__elements .filtr-item .single-portfolio .content-on-img .single_portfolio_title {
        font-size: 20px;
    }

    /* team */
    .team {
        background: black;
    }
    .team .single-member div[class=part-skill], .team .single-member div[class=part-img] {
        width: 100%;
        padding-right: 0;
        border-radius: 10px;
    }
    .team .single-member div[class=part-img] {
        margin-bottom: 20px;
    }
    .team .single-member,
    .team .single-member-parent:nth-child(4n+2) .single-member,
    .team .single-member-parent:nth-child(4n+4) .single-member {
        flex-direction: column-reverse;
    }
    .team .single-member-parent:nth-child(4n+2) .single-member div[class=part-skill] {
        padding-left: 0;
    }
    .team .single-member-parent:nth-child(4n+4) .single-member div[class=part-skill] {
        padding-left: 0;
    }
    .team .single-member {
        padding: 30px;
        border: 1px solid rgba(255, 14, 31, 0.4);
        border-radius: 10px;
    }
    .team .single-member-parent:nth-child(4n+4) .single-member .part-img,
    .team .single-member-parent:nth-child(4n+3) .single-member .part-img,
    .team .single-member-parent:nth-child(4n+2) .single-member .part-img {
        border-radius: 10px;
    }
    .team .single-member .part-skill .member_name {
        text-align: left;
    }

    /* clients */
    .clients {
        padding-top: 120px;
    }
    .clients .single-client-parent {
        border-bottom: 1px solid #2c2c2c!important;
        border-right: 1px solid #2c2c2c!important;
    }
    .clients .single-client-parent .single-client img {
        height: 50px;
    }
    .clients .single-client-parent:nth-child(2n+0) {
        border-right: none!important;
    }
    .clients .single-client-parent:nth-last-child(-n+1) {
        border-bottom: none!important;
    }

    /* news */
    .news {
        padding: 120px 0 90px;
        background: black;
    }
    .news .single-news {
        margin-bottom: 30px;
        background: #1d1d1d;
    }

    /* contact */
    .contact {
        background: #1d1d1d;
    }
    .contact .part-text h3.title {
        font-size: 30px;
    }
    .contact .part-form .profo_form .profo_input,
    .contact .part-form .profo_form .profo_textarea {
        background: black;
    }
    .contact .part-text {
        padding-right: 0;
        margin-bottom: 30px;
    }

    /* footer */
    .footer .about-widget {
        margin-bottom: 30px;
    }
    .footer .instagram-widget {
        margin-bottom: 30px;
    }
    .footer .address-widget .single-line:last-child {
        margin-bottom: 0;
    }

    /* header for homepage 3 */
    .header.header-3 {
        padding: 0;
    }

    /* header for homepage 4 */
    .header.header-4 {
        padding: 0;
        position: initial;
        background: black;
    }

    /* banner for homepage 4 */
    .banner-slider.hompage-4 .banner-single-slide .banner-content {
        margin-top: 0;
    }

    /* portfolio for homepage 4  */
    .portfolio-2nd.homepage-4 {
        background: black;
    }

    /* header for .portfolio-2nd.homepage-5 */
    .header.header-5 {
        padding: 0;
        position: initial;
    }

    /* banner for homepage 5 */
    .banner-5 {
        border-radius: 0;
    }
    .banner-5:after {
        border-radius: 0;
    }
    .banner-5 .banner-content {
        padding: 120px 0;
        margin-top: 0;
    }
    .banner-5 .banner-content h1 {
        font-size: 30px;
        line-height: 40px;    
        margin-top: -6px;
    }
    .banner-5 .banner-content .social ul li a {
        margin-right: 16px;
    }

    /* about area */
    .about .about-area {
        padding: 0;
    }
    .about .about-area .about-content {
        padding-right: 0;
        padding: 40px 30px;
    }
    .about .about-area .about-content h3 {
        font-size: 28px;
    }
    .about .about-area .address-content {
        padding-left: 0;
        padding: 0 30px;
    }

    /* statics */
    .about .about-area .statics-area {
        position: initial;
        top: 0;
        margin-top: 40px;
        margin-bottom: 0;
        border-radius: 0;
        padding-bottom: 30px;
        border-radius: 0 0 5px 5px;
    }
    .about .about-area .statics-area .single-static .part-icon {
        height: 50px;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .about .about-area .statics-area .single-static {
        display: block;
        text-align: center;
    }
    .about .about-area .statics-area .single-static .part-text span.number {
        font-size: 28px;
        margin-bottom: 3px;
    }

    /* service */
    .service {
        padding: 120px 0 90px; 
        background: black;
    }
    .service .single-service {
        background: #1d1d1d;
        margin-bottom: 30px;
    }
    .service .single-service .part-icon {
        background: black;
    }

    /* section-title  */
    .section-title h2 {
        font-size: 28px;
        margin-top: -5px;
    }

    /* glitch portfolio */
    .portfolio {
        padding: 120px 0;
    }
    .portfolio .portfolio-area .content .slides.slides--contained.effect-2 {
        width: 100%!important;
    }
    .portfolio .portfolio-area .content .slides--contained .slide__text {
        transform: none;
        margin-left: 0;
    }
    .portfolio .portfolio-area .content .slides--contained .slide__img {
        height: 350px;
        width: 100%;
    }
    .portfolio .portfolio-area .content .glitch__img {
        width: 100%;
    }
    .portfolio .portfolio-area .content .slide--current .slide__title {
        font-size: 28px;
        color: #ff0e1f;
    }
    .portfolio .portfolio-area .content .slides--contained + .slide-nav {
        left: 50%!important;
        margin-left: 0!important;
        transform: translateX(-50%);
    }
    .portfolio .portfolio-area .content .slide-nav__button {
        color: #fff;
    }
    .portfolio .portfolio-area .content .slide-nav__button:last-child {
        margin-right: 0;
        color: #fff;
    }
    .portfolio .portfolio-area .content .slide-nav__button:last-child:hover {
        color: #ff0e1f;
    }

    /* testimonial */
    .testimonial {
        background: black;
    }
    .testimonial .testimonial-slider:before,
    .testimonial .testimonial-slider:after {
        background: black;
    }
    .testimonial .testimonial-slider .single-testimonial {
        background: #1d1d1d;
        padding: 62px 30px 40px;
    }

    /* news for homepage-5 */
    .news.homepage-5 {
        background: #1d1d1d;
    }
    .news.homepage-5 .single-news {
        background: black;
    }

    /* contact for homepage-5 */
    .contact.homepage-5 {
        background: black;
    }
    .contact.homepage-5 .part-form .profo_form .profo_input, .contact.homepage-5 .part-form .profo_form .profo_textarea {
        background: #1d1d1d;
    }

    /* menu button */
    .header .main-menu .responsive-menu-button {
        display: none;
    }

    /* breadcrump */
    .profo-breadcrumb .breadcrumb-content {
        margin-top: 0;
        padding: 60px 0;
    }
    .profo-breadcrumb .breadcrumb-content h2.breadcrumb_title {
        font-size: 30px;
    }

    /* blog */
    .header.blog-page {
        position: initial;
        background: black;
        padding: 0;
    }
    .blog .single-blog .part-text .meta-info {
        display: none;
    }
    .blog .single-blog .part-text h3.blog_title {
        font-size: 20px;
        line-height: 30px;
    }
    .blog .single-blog .view-button {
        width: 140px;
        margin-left: -70px;
    }
    .blog .profo-pagination {
        margin-bottom: 50px;
        text-align: center;
    }
    .blog .profo-pagination .pagination {
         display: inline-flex;
     }

     /* sidebar */
     .sidebar .single-widget:last-child {
        margin-bottom: 0;
     }

     /* blog details */
     .blog.blog-details .single-blog .part-text .attached_img .single_img {
        margin-bottom: 30px;
    }
    .blog.blog-details .single-blog .part-text .attached_img {
        margin-bottom: 0;
    }
    .blog.blog-details .single-blog .part-text p.quote_special {
        padding: 25px;
        font-size: 16px;
        line-height: 25px;
    }
    .blog.blog-details .single-blog .part-text p.quote_special:after {
        display: none;
    }
    .blog.blog-details .tag-nd-social {
        display: block;
        text-align: center;
    }
    .blog.blog-details .tag-nd-social .tag {
        margin-bottom: 10px;
    }
    .blog.blog-details .tag-nd-social .tag .single_tag {
        margin-bottom: 10px;
    }
    .blog.blog-details .blog-comment-box form input {
        margin-bottom: 10px;
    }
    .blog.blog-details .blog-comment-box form textarea {
        margin-bottom: 10px;
    }
    .blog.blog-details .blog-comment-box form .swubmit-button {
        margin-top: 10px;
        margin-bottom: 50px;
    }

    /* everything of main homepage */
    .header.main {
        position: absolute;
        background: black;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 5555;
    }
    .profo-container {
       width: 100%;
       padding-right: 15px;
       padding-left: 15px;
       margin-right: auto;
       margin-left: auto;
    }
    .banner.main {
        position: initial;
        height: auto;
    }
    .banner.main .slideshow {
        margin-top: 0;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
        display: block;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__title:after {
        display: none;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__subtitle {
        font-size: 18px;
        line-height: 28px;
        max-width: 290px;
        display: inline-block;
    }
    .profo-container.banner-content {
        position: initial;
        top: 0;
        transform: none;
    }
    .banner.main .slide {
       height: auto;
    }
    .banner.main .slide .slide__wrap {
       height: auto;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__img {
        height: 100%;
    }
    .banner .slideshow .slide .slide__wrap .slide__title-wrap {
        padding: 0 0;
        position: relative;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
   .banner.main .copyright {
       display: none;
   }
   .banner.main .boxnav .boxnav__item {
       height: 60px;
   }
   .banner.main .boxnav {
       right: 0;
       left: 0;
   }

   /* hover js */
   .grid__item {
        height: 300px;
    }
    .about-2nd .hover-animation .content-on-img {
        padding: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .about-2nd .hover-animation .content-on-img h2 {
        font-size: 24px;
    }

    /* prism slider */
    .prism-slider {
        width: 180%;
        max-width: none;
        height: 100vh;
        position: relative;
        margin-left: -40%;
    }
}


@media only screen and (min-width: 480px) and (max-width: 575px) {
    /* header */
    .header.header-4 {
        padding: 0;
    }
    .header .main-menu {
        float: none;
        display: flex;
    }
    .header .main-menu .navbar.profo-navbar {
        width: 100%;
    }
    .header .main-menu .navbar .navbar-nav .nav-item .nav-link {
        margin-right: 0;
        padding: 15px 15px;
        border: 1px solid #1d1d1d;
        border-top: none;
    }
    .header .main-menu .navbar .navbar-nav .nav-item:last-child .nav-link {
        margin-bottom: 30px;
    }
    .header .main-menu .navbar .navbar-nav .nav-item:first-child .nav-link {
        border-top: 1px solid #1d1d1d;
    }
    .header .navbar-toggler {
        /* background: #fff; */
        border: 1px solid #ff0e1f;
        color: #ff0e1f;
        outline: none;
        padding: 0;
        width: 45px;
        height: 45px;
        font-size: 25px;
        float: right;
        margin: 15px 0;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: initial;
        top: 0;
        opacity: 1;
        visibility: visible;
        display: none;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        padding: 15px 15px 14px;
    }

    /* banner */
    .banner-slider .banner-single-slide .banner-content {
        padding: 120px 0;
    }
    .banner-slider .banner-single-slide .banner-content h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: -7px;
    }
    .banner-slider .banner-single-slide .banner-content a.hire-me {
        height: 50px;
        line-height: 48px;
    }
    .banner-slider .banner-single-slide .banner-content .social ul li a {
        margin-right: 12px;
    }
    .banner-slider .owl-controls {
        display: none;
    }

    /* about 2nd */
    .about-2nd .part-text {
        padding: 40px 30px;
    }
    .about-2nd .part-text h2 {
        font-size: 30px;
        line-height: 40px;
        margin-top: -8px;
    }
    .about-2nd .part-img .content-on-img {
        padding: 30px;
        align-items: center;
        justify-content: center;
    }
    .about-2nd .part-img .content-on-img h2 {
        font-size: 30px;
    }
    .about-2nd .part-count {
        padding: 40px 0 10px; 
    }
    .about-2nd .part-count .single-count {
        margin-bottom: 30px;
    }
    .about-2nd .part-count .single-count .icon {
        width: 100px;
    }

    /* service */
    .service-2nd {
        padding-bottom: 90px;
    }
    .service-2nd .single-service {
        margin-bottom: 30px;
    }

    /* feature */
    .feature {
        padding: 100px 0 60px;
    }
    .feature:after {
        background: none;
    }
    .feature .shadow-shape,
    .feature .shadow-shape-2 {
        display: none;
    }
    .feature .part-img {
        display: none;
    }
    .feature .row .col-xl-4:last-child .single-feature:first-child,
    .feature .row .col-xl-4:first-child .single-feature:first-child {
        margin-bottom: 40px;
        padding: 0 20px;
    }
    .feature .single-feature {
        margin-bottom: 40px;
        text-align: center;
        padding: 0 20px;
    }
    .feature .single-feature .part-icon {
        float: none;
        margin-left: 0;
        margin-bottom: 30px;
        width: 80px;
        display: inline-block;
    }
    .feature .single-feature .part-text {
        text-align: center;
        padding: 0 40px;
    }
    .feature .row .col-xl-4:last-child .single-feature .part-icon {
        float: none;
        margin-right: 0;
    }
    .feature .row .col-xl-4:last-child .single-feature .part-text {
        text-align: center;
    }

    /* section title 2 */
    .section-title2 h2 {
        font-size: 30px;
        margin-top: -6px;
    }

    /* portfolio 2nd */
    .portfolio-2nd {
        background: #1d1d1d; 
        padding-top: 120px;
    }
    .portfolio-2nd .portfolio-menu .filterizr__controls li {
        border: 1px solid #ff0e1f;
        padding: 5px 10px;
        margin-bottom: 10px;
        margin-right: 6px;
    }
    .portfolio-2nd .portfolio-menu .filterizr__controls li:after {
        display: none;
    }
    .portfolio-2nd .filterizr__elements .filtr-item .single-portfolio .content-on-img .single_portfolio_title {
        font-size: 20px;
    }

    /* team */
    .team {
        background: black;
    }
    .team .single-member div[class=part-skill], .team .single-member div[class=part-img] {
        width: 100%;
        padding-right: 0;
        border-radius: 10px;
    }
    .team .single-member div[class=part-img] {
        margin-bottom: 20px;
    }
    .team .single-member,
    .team .single-member-parent:nth-child(4n+2) .single-member,
    .team .single-member-parent:nth-child(4n+4) .single-member {
        flex-direction: column-reverse;
    }
    .team .single-member-parent:nth-child(4n+2) .single-member div[class=part-skill] {
        padding-left: 0;
    }
    .team .single-member-parent:nth-child(4n+4) .single-member div[class=part-skill] {
        padding-left: 0;
    }
    .team .single-member {
        padding: 30px;
        border: 1px solid rgba(255, 14, 31, 0.4);
        border-radius: 10px;
    }
    .team .single-member-parent:nth-child(4n+4) .single-member .part-img,
    .team .single-member-parent:nth-child(4n+3) .single-member .part-img,
    .team .single-member-parent:nth-child(4n+2) .single-member .part-img {
        border-radius: 10px;
    }
    .team .single-member .part-skill .member_name {
        text-align: left;
    }

    /* clients */
    .clients {
        padding-top: 120px;
    }
    .clients .single-client-parent {
        border: 1px solid #2c2c2c!important;
        border-top: none!important;
    }
    .clients .single-client-parent:first-child {
        border-top: 1px solid #2c2c2c!important;
    }
    .clients .single-client-parent .single-client img {
        height: 50px;
    }

    /* news */
    .news {
        padding: 120px 0 90px;
        background: black;
    }
    .news .single-news {
        margin-bottom: 30px;
        background: #1d1d1d;
    }

    /* contact */
    .contact {
        background: #1d1d1d;
    }
    .contact .part-text h3.title {
        font-size: 30px;
    }
    .contact .part-form .profo_form .profo_input,
    .contact .part-form .profo_form .profo_textarea {
        background: black;
    }
    .contact .part-text {
        padding-right: 0;
        margin-bottom: 30px;
    }

    /* footer */
    .footer .about-widget {
        margin-bottom: 30px;
    }
    .footer .instagram-widget {
        margin-bottom: 30px;
    }
    .footer .address-widget .single-line:last-child {
        margin-bottom: 0;
    }

    /* header for homepage 3 */
    .header.header-3 {
        padding: 0;
    }

    /* header for homepage 4 */
    .header.header-4 {
        padding: 0;
        position: initial;
        background: black;
    }

    /* banner for homepage 4 */
    .banner-slider.hompage-4 .banner-single-slide .banner-content {
        margin-top: 0;
    }

    /* portfolio for homepage 4  */
    .portfolio-2nd.homepage-4 {
        background: black;
    }

    /* header for .portfolio-2nd.homepage-5 */
    .header.header-5 {
        padding: 0;
        position: initial;
    }

    /* banner for homepage 5 */
    .banner-5 {
        border-radius: 0;
    }
    .banner-5:after {
        border-radius: 0;
    }
    .banner-5 .banner-content {
        padding: 120px 0;
        margin-top: 0;
    }
    .banner-5 .banner-content h1 {
        font-size: 30px;
        line-height: 40px;    
        margin-top: -6px;
    }
    .banner-5 .banner-content .social ul li a {
        margin-right: 16px;
    }

    /* about area */
    .about .about-area {
        padding: 0;
    }
    .about .about-area .about-content {
        padding-right: 0;
        padding: 40px 30px;
    }
    .about .about-area .about-content h3 {
        font-size: 28px;
    }
    .about .about-area .address-content {
        padding-left: 0;
        padding: 0 30px;
    }

    /* statics */
    .about .about-area .statics-area {
        position: initial;
        top: 0;
        margin-top: 40px;
        margin-bottom: 0;
        border-radius: 0;
        padding-bottom: 10px;
        border-radius: 0 0 5px 5px;
    }
    .about .about-area .statics-area .single-static .part-icon {
        height: 50px;
    }
    .about .about-area .statics-area .single-static {
        justify-content: flex-start;
        margin-bottom: 30px;
    }
    .about .about-area .statics-area .single-static .part-text span.number {
        font-size: 28px;
        margin-bottom: 3px;
    }

    /* service */
    .service {
        padding: 120px 0 90px; 
        background: black;
    }
    .service .single-service {
        background: #1d1d1d;
        margin-bottom: 30px;
    }
    .service .single-service .part-icon {
        background: black;
    }

    /* section-title  */
    .section-title h2 {
        font-size: 28px;
        margin-top: -5px;
    }

    /* glitch portfolio */
    .portfolio {
        padding: 120px 0;
    }
    .portfolio .portfolio-area .content .slides.slides--contained.effect-2 {
        width: 100%!important;
    }
    .portfolio .portfolio-area .content .slides--contained .slide__text {
        transform: none;
        margin-left: 0;
    }
    .portfolio .portfolio-area .content .slides--contained .slide__img {
        height: 350px;
        width: 100%;
    }
    .portfolio .portfolio-area .content .glitch__img {
        width: 100%;
    }
    .portfolio .portfolio-area .content .slide--current .slide__title {
        font-size: 28px;
        color: #ff0e1f;
    }
    .portfolio .portfolio-area .content .slides--contained + .slide-nav {
        left: 50%!important;
        margin-left: 0!important;
        transform: translateX(-50%);
    }
    .portfolio .portfolio-area .content .slide-nav__button {
        color: #fff;
    }
    .portfolio .portfolio-area .content .slide-nav__button:last-child {
        margin-right: 0;
        color: #fff;
    }
    .portfolio .portfolio-area .content .slide-nav__button:last-child:hover {
        color: #ff0e1f;
    }

    /* testimonial */
    .testimonial {
        background: black;
    }
    .testimonial .testimonial-slider:before,
    .testimonial .testimonial-slider:after {
        background: black;
    }
    .testimonial .testimonial-slider .single-testimonial {
        background: #1d1d1d;
        padding: 62px 30px 40px;
    }

    /* news for homepage-5 */
    .news.homepage-5 {
        background: #1d1d1d;
    }
    .news.homepage-5 .single-news {
        background: black;
    }

    /* contact for homepage-5 */
    .contact.homepage-5 {
        background: black;
    }
    .contact.homepage-5 .part-form .profo_form .profo_input, .contact.homepage-5 .part-form .profo_form .profo_textarea {
        background: #1d1d1d;
    }

    /* menu button */
    .header .main-menu .responsive-menu-button {
        display: none;
    }

    /* breadcrump */
    .profo-breadcrumb .breadcrumb-content {
        margin-top: 0;
        padding: 60px 0;
    }
    .profo-breadcrumb .breadcrumb-content h2.breadcrumb_title {
        font-size: 30px;
    }

    /* blog */
    .header.blog-page {
        position: initial;
        background: black;
        padding: 0;
    }
    .blog .single-blog .part-text .meta-info {
        display: none;
    }
    .blog .single-blog .part-text h3.blog_title {
        font-size: 20px;
        line-height: 30px;
    }
    .blog .single-blog .view-button {
        width: 140px;
        margin-left: -70px;
    }
    .blog .profo-pagination {
        margin-bottom: 50px;
        text-align: center;
    }
    .blog .profo-pagination .pagination {
         display: inline-flex;
     }

     /* sidebar */
     .sidebar .single-widget:last-child {
        margin-bottom: 0;
     }

     /* blog details */
     .blog.blog-details .single-blog .part-text .attached_img .single_img {
        margin-bottom: 30px;
    }
    .blog.blog-details .single-blog .part-text .attached_img {
        margin-bottom: 0;
    }
    .blog.blog-details .single-blog .part-text p.quote_special {
        padding: 25px;
        font-size: 16px;
        line-height: 25px;
    }
    .blog.blog-details .single-blog .part-text p.quote_special:after {
        display: none;
    }
    .blog.blog-details .tag-nd-social {
        display: block;
        text-align: center;
    }
    .blog.blog-details .tag-nd-social .tag {
        margin-bottom: 30px;
    }
    .blog.blog-details .tag-nd-social .tag .single_tag {
        margin-bottom: 10px;
    }
    .blog.blog-details .blog_comment .single_comment .part_img {
        float: none;
        margin-bottom: 20px;
    }
    .blog.blog-details .blog_comment .single_comment .part-text .reply-button {
        position: initial;
        margin-top: 20px;
        height: 35px;
        width: 100px;
    }
    .blog.blog-details .blog-comment-box form input {
        margin-bottom: 10px;
    }
    .blog.blog-details .blog-comment-box form textarea {
        margin-bottom: 10px;
    }
    .blog.blog-details .blog-comment-box form .swubmit-button {
        margin-top: 10px;
        margin-bottom: 50px;
    }


    /* everything of main homepage */
    .header.main {
        position: absolute;
        background: black;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 5555;
    }
    .profo-container {
       width: 100%;
       padding-right: 15px;
       padding-left: 15px;
       margin-right: auto;
       margin-left: auto;
    }
    .banner.main {
        position: initial;
        height: auto;
    }
    .banner.main .slideshow {
        margin-top: 0;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
        display: block;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__title:after {
        display: none;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__subtitle {
        font-size: 18px;
        line-height: 28px;
        max-width: 290px;
        display: inline-block;
    }
    .profo-container.banner-content {
        position: initial;
        top: 0;
        transform: none;
    }
    .banner.main .slide {
       height: auto;
    }
    .banner.main .slide .slide__wrap {
       height: auto;
    }
    .banner.main .slideshow .slide .slide__wrap .slide__img {
        height: 100%;
    }
    .banner .slideshow .slide .slide__wrap .slide__title-wrap {
       padding: 0 0;
       position: relative;
       height: 100vh;
       display: table-cell;
       vertical-align: middle;
       width: 100vh;
       text-align: center;
   }
   .banner.main .copyright {
       display: none;
   }
   .banner.main .boxnav .boxnav__item {
       height: 60px;
   }
   .banner.main .boxnav {
       right: 0;
       left: 0;
   }

   /* hover js */
   .grid__item {
        height: 300px;
    }
    .about-2nd .hover-animation .content-on-img {
        padding: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .about-2nd .hover-animation .content-on-img h2 {
        font-size: 24px;
    }

    /* prism slider */
    .prism-slider {
        width: 190%;
        max-width: none;
        height: 100vh;
        position: relative;
        margin-left: -45%;
    }
}


@media only screen and (min-width: 320px) and (max-width: 479px) {
    /* header */
    .header.header-4 {
        padding: 0;
    }
    .header .main-menu {
        float: none;
        display: flex;
    }
    .header .main-menu .navbar.profo-navbar {
        width: 100%;
    }
    .header .main-menu .navbar .navbar-nav .nav-item .nav-link {
        margin-right: 0;
        padding: 15px 15px;
        border: 1px solid #1d1d1d;
        border-top: none;
    }
    .header .main-menu .navbar .navbar-nav .nav-item:last-child .nav-link {
        margin-bottom: 30px;
    }
    .header .main-menu .navbar .navbar-nav .nav-item:first-child .nav-link {
        border-top: 1px solid #1d1d1d;
    }
    .header .navbar-toggler {
        /* background: #fff; */
        border: 1px solid #ff0e1f;
        color: #ff0e1f;
        outline: none;
        padding: 0;
        width: 45px;
        height: 45px;
        font-size: 25px;
        float: right;
        margin: 15px 0;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: initial;
        top: 0;
        opacity: 1;
        visibility: visible;
        display: none;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
    .header .main-menu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        padding: 15px 15px 14px;
    }

    /* banner */
    .banner-slider .banner-single-slide .banner-content {
        padding: 120px 0;
    }
    .banner-slider .banner-single-slide .banner-content h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: -7px;
    }
    .banner-slider .banner-single-slide .banner-content a.hire-me {
        height: 50px;
        line-height: 48px;
    }
    .banner-slider .banner-single-slide .banner-content .social ul li a {
        margin-right: 12px;
    }
    .banner-slider .owl-controls {
        display: none;
    }

    /* about 2nd */
    .about-2nd .part-text {
        padding: 40px 30px;
    }
    .about-2nd .part-text h2 {
        font-size: 30px;
        line-height: 40px;
        margin-top: -8px;
    }
    .about-2nd .part-img .content-on-img {
        padding: 30px;
        align-items: center;
        justify-content: center;
    }
    .about-2nd .part-img .content-on-img h2 {
        font-size: 30px;
    }
    .about-2nd .part-count {
        padding: 40px 0 10px; 
    }
    .about-2nd .part-count .single-count {
        margin-bottom: 30px;
    }
    .about-2nd .part-count .single-count .icon {
        width: 100px;
    }

    /* service */
    .service-2nd {
        padding-bottom: 90px;
    }
    .service-2nd .single-service {
        margin-bottom: 30px;
    }

    /* feature */
    .feature {
        padding: 100px 0 60px;
    }
    .feature:after {
        background: none;
    }
    .feature .shadow-shape,
    .feature .shadow-shape-2 {
        display: none;
    }
    .feature .part-img {
        display: none;
    }
    .feature .row .col-xl-4:last-child .single-feature:first-child,
    .feature .row .col-xl-4:first-child .single-feature:first-child {
        margin-bottom: 40px;
        padding: 0 20px;
    }
    .feature .single-feature {
        margin-bottom: 40px;
        text-align: center;
        padding: 0 20px;
    }
    .feature .single-feature .part-icon {
        float: none;
        margin-left: 0;
        margin-bottom: 30px;
        width: 80px;
        display: inline-block;
    }
    .feature .single-feature .part-text {
        text-align: center;
    }
    .feature .row .col-xl-4:last-child .single-feature .part-icon {
        float: none;
        margin-right: 0;
    }
    .feature .row .col-xl-4:last-child .single-feature .part-text {
        text-align: center;
    }

    /* section title 2 */
    .section-title2 h2 {
        font-size: 28px;
        margin-top: -6px;
    }
    .section-title2 h2 br {
        display: none;
    }

    /* portfolio 2nd */
    .portfolio-2nd {
        background: #1d1d1d; 
        padding-top: 120px;
    }
    .portfolio-2nd .portfolio-menu .filterizr__controls li {
        border: 1px solid #ff0e1f;
        padding: 5px 10px;
        margin-bottom: 10px;
        margin-right: 6px;
    }
    .portfolio-2nd .portfolio-menu .filterizr__controls li:after {
        display: none;
    }
    .portfolio-2nd .filterizr__elements .filtr-item .single-portfolio .content-on-img .single_portfolio_title {
        font-size: 20px;
    }

    /* team */
    .team {
        background: black;
    }
    .team .single-member div[class=part-skill], .team .single-member div[class=part-img] {
        width: 100%;
        padding-right: 0;
        border-radius: 10px;
    }
    .team .single-member div[class=part-img] {
        margin-bottom: 20px;
    }
    .team .single-member,
    .team .single-member-parent:nth-child(4n+2) .single-member,
    .team .single-member-parent:nth-child(4n+4) .single-member {
        flex-direction: column-reverse;
    }
    .team .single-member-parent:nth-child(4n+2) .single-member div[class=part-skill] {
        padding-left: 0;
    }
    .team .single-member-parent:nth-child(4n+4) .single-member div[class=part-skill] {
        padding-left: 0;
    }
    .team .single-member {
        padding: 30px;
        border: 1px solid rgba(255, 14, 31, 0.4);
        border-radius: 10px;
    }
    .team .single-member-parent:nth-child(4n+4) .single-member .part-img,
    .team .single-member-parent:nth-child(4n+3) .single-member .part-img,
    .team .single-member-parent:nth-child(4n+2) .single-member .part-img {
        border-radius: 10px;
    }
    .team .single-member .part-skill .member_name {
        text-align: left;
    }

    /* clients */
    .clients {
        padding-top: 120px;
    }
    .clients .single-client-parent {
        border: 1px solid #2c2c2c!important;
        border-top: none!important;
    }
    .clients .single-client-parent:first-child {
        border-top: 1px solid #2c2c2c!important;
    }
    .clients .single-client-parent .single-client img {
        height: 50px;
    }

    /* news */
    .news {
        padding: 120px 0 90px;
        background: black;
    }
    .news .single-news {
        margin-bottom: 30px;
        background: #1d1d1d;
    }

    /* contact */
    .contact {
        background: #1d1d1d;
    }
    .contact .part-text h3.title {
        font-size: 30px;
    }
    .contact .part-form .profo_form .profo_input,
    .contact .part-form .profo_form .profo_textarea {
        background: black;
    }
    .contact .part-text {
        padding-right: 0;
        margin-bottom: 30px;
    }

    /* footer */
    .footer .about-widget {
        margin-bottom: 30px;
    }
    .footer .instagram-widget {
        margin-bottom: 30px;
    }
    .footer .address-widget .single-line:last-child {
        margin-bottom: 0;
    }

    /* header for homepage 3 */
    .header.header-3 {
        padding: 0;
    }

    /* header for homepage 4 */
    .header.header-4 {
        padding: 0;
        position: initial;
        background: black;
    }

    /* banner for homepage 4 */
    .banner-slider.hompage-4 .banner-single-slide .banner-content {
        margin-top: 0;
    }

    /* portfolio for homepage 4  */
    .portfolio-2nd.homepage-4 {
        background: black;
    }

    /* header for .portfolio-2nd.homepage-5 */
    .header.header-5 {
        padding: 0;
        position: initial;
    }

    /* banner for homepage 5 */
    .banner-5 {
        border-radius: 0;
    }
    .banner-5:after {
        border-radius: 0;
    }
    .banner-5 .banner-content {
        padding: 120px 0;
        margin-top: 0;
    }
    .banner-5 .banner-content h1 {
        font-size: 30px;
        line-height: 40px;    
        margin-top: -6px;
    }
    .banner-5 .banner-content .social ul li a {
        margin-right: 16px;
    }

    /* about area */
    .about .about-area {
        padding: 0;
    }
    .about .about-area .about-content {
        padding-right: 0;
        padding: 40px 30px;
    }
    .about .about-area .about-content h3 {
        font-size: 28px;
    }
    .about .about-area .address-content {
        padding-left: 0;
        padding: 0 30px;
    }
    .about .about-area .about-content .skill .bars .jqbar.horizontal {
        display: block;
    }
    .about .about-area .about-content .skill .bars .jqbar.horizontal .bar-percent {
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }
    .about .about-area .about-content .skill .bars .jqbar.horizontal .bar-label {
        display: block;
        margin-bottom: 10px;
    }

    /* statics */
    .about .about-area .statics-area {
        position: initial;
        top: 0;
        margin-top: 40px;
        margin-bottom: 0;
        border-radius: 0;
        padding-bottom: 10px;
        border-radius: 0 0 5px 5px;
    }
    .about .about-area .statics-area .single-static .part-icon {
        height: 50px;
    }
    .about .about-area .statics-area .single-static {
        justify-content: flex-start;
        margin-bottom: 30px;
    }
    .about .about-area .statics-area .single-static .part-text span.number {
        font-size: 28px;
        margin-bottom: 3px;
    }

    /* service */
    .service {
        padding: 120px 0 90px; 
        background: black;
    }
    .service .single-service {
        background: #1d1d1d;
        margin-bottom: 30px;
    }
    .service .single-service .part-icon {
        background: black;
    }

    /* section-title  */
    .section-title h2 {
        font-size: 28px;
        margin-top: -5px;
    }

    /* glitch portfolio */
    .portfolio {
        padding: 120px 0;
    }
    .portfolio .portfolio-area .content .slides.slides--contained.effect-2 {
        width: 100%!important;
    }
    .portfolio .portfolio-area .content .slides--contained .slide__text {
        transform: none;
        margin-left: 0;
    }
    .portfolio .portfolio-area .content .slides--contained .slide__img {
        height: 350px;
        width: 100%;
    }
    .portfolio .portfolio-area .content .glitch__img {
        width: 100%;
    }
    .portfolio .portfolio-area .content .slide--current .slide__title {
        font-size: 28px;
        color: #ff0e1f;
    }
    .portfolio .portfolio-area .content .slides--contained + .slide-nav {
        left: 50%!important;
        margin-left: 0!important;
        transform: translateX(-50%);
    }
    .portfolio .portfolio-area .content .slide-nav__button {
        color: #fff;
    }
    .portfolio .portfolio-area .content .slide-nav__button:last-child {
        margin-right: 0;
        color: #fff;
    }
    .portfolio .portfolio-area .content .slide-nav__button:last-child:hover {
        color: #ff0e1f;
    }

    /* testimonial */
    .testimonial {
        background: black;
    }
    .testimonial .testimonial-slider:before,
    .testimonial .testimonial-slider:after {
        background: black;
    }
    .testimonial .testimonial-slider .single-testimonial {
        background: #1d1d1d;
        padding: 62px 30px 40px;
    }

    /* news for homepage-5 */
    .news.homepage-5 {
        background: #1d1d1d;
    }
    .news.homepage-5 .single-news {
        background: black;
    }

    /* contact for homepage-5 */
    .contact.homepage-5 {
        background: black;
    }
    .contact.homepage-5 .part-form .profo_form .profo_input, .contact.homepage-5 .part-form .profo_form .profo_textarea {
        background: #1d1d1d;
    }

    /* menu button */
    .header .main-menu .responsive-menu-button {
        display: none;
    }

    /* breadcrump */
    .profo-breadcrumb .breadcrumb-content {
        margin-top: 0;
        padding: 60px 0;
    }
    .profo-breadcrumb .breadcrumb-content h2.breadcrumb_title {
        font-size: 30px;
    }

    /* blog */
    .header.blog-page {
        position: initial;
        background: black;
        padding: 0;
    }
    .blog .single-blog .part-text .meta-info {
        display: none;
    }
    .blog .single-blog .part-text h3.blog_title {
        font-size: 20px;
        line-height: 30px;
    }
    .blog .single-blog .view-button {
        width: 140px;
        margin-left: -70px;
    }
    .blog .profo-pagination {
        margin-bottom: 50px;
        text-align: center;
    }
    .blog .profo-pagination .pagination {
         display: inline-flex;
     }

     /* sidebar */
     .sidebar .single-widget:last-child {
        margin-bottom: 0;
     }

     /* blog details */
     .blog.blog-details .single-blog .part-text .attached_img .single_img {
         margin-bottom: 30px;
     }
     .blog.blog-details .single-blog .part-text .attached_img {
         margin-bottom: 0;
     }
     .blog.blog-details .single-blog .part-text p.quote_special {
         padding: 25px;
         font-size: 16px;
         line-height: 25px;
     }
     .blog.blog-details .single-blog .part-text p.quote_special:after {
         display: none;
     }
     .blog.blog-details .tag-nd-social {
         display: block;
         text-align: center;
     }
     .blog.blog-details .tag-nd-social .tag {
         margin-bottom: 30px;
     }
     .blog.blog-details .tag-nd-social .tag .single_tag {
         margin-bottom: 10px;
     }
     .blog.blog-details .blog_comment .single_comment .part_img {
         float: none;
         margin-bottom: 20px;
     }
     .blog.blog-details .blog_comment .single_comment .part-text .reply-button {
         position: initial;
         margin-top: 20px;
         height: 35px;
         width: 100px;
     }
     .blog.blog-details .blog-comment-box form input {
         margin-bottom: 10px;
     }
     .blog.blog-details .blog-comment-box form textarea {
         margin-bottom: 10px;
     }
     .blog.blog-details .blog-comment-box form .swubmit-button {
         margin-top: 10px;
         margin-bottom: 50px;
     }

     /* everything of main homepage */
     .header.main {
         position: absolute;
         background: black;
         top: 0;
         left: 0;
         width: 100%;
         z-index: 5555;
     }
     .profo-container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
     }
     .banner.main {
         position: initial;
         height: auto;
     }
     .banner.main .slideshow {
         margin-top: 0;
     }
     .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__title {
         font-size: 30px;
         line-height: 40px;
         margin-bottom: 10px;
     }
     .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__title:after {
         display: none;
     }
     .banner.main .slideshow .slide .slide__wrap .slide__title-wrap .slide__subtitle {
         font-size: 18px;
         line-height: 28px;
         max-width: 290px;
         display: inline-block;
     }
     .profo-container.banner-content {
         position: initial;
         top: 0;
         transform: none;
     }
     .banner.main .slide {
        height: auto;
     }
     .banner.main .slide .slide__wrap {
        height: auto;
     }
     .banner.main .slideshow .slide .slide__wrap .slide__img {
         height: 100%;
     }
     .banner .slideshow .slide .slide__wrap .slide__title-wrap {
        padding: 0 0;
        position: relative;
        height: 100vh;
        display: table-cell;
        vertical-align: middle;
        width: 100vh;
        text-align: center;
    }
    .banner.main .copyright {
        display: none;
    }
    .banner.main .boxnav .boxnav__item {
        height: 60px;
    }
    .banner.main .boxnav {
        right: 0;
        left: 0;
    }

    /* hover js */
    .grid__item {
        height: 300px;
    }
    .about-2nd .hover-animation .content-on-img {
        padding: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .about-2nd .hover-animation .content-on-img h2 {
        font-size: 24px;
    }

    /* prism slider */
    .prism-slider {
        width: 160%;
        max-width: none;
        height: 340px;
        position: relative;
        margin-left: -30%;
    }
    .prism-slider canvas {
        height: 340px;
    }
}