/* Normal desktop :1700px. */
@media (min-width: 1500px) and (max-width: 1700px) {
    .h1-skills-area {
        padding-right: 205px;
    }
}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .banner-style-two .banner-content {
        margin-left: 0;
    }

    .banner-style-two .banner-content h2 {
        font-size: 65px;
    }

    .custom-container-three {
        max-width: 1300px;
    }

    .cta-rotate-img.cri-one {
        left: 5%;
    }

    .cta-rotate-img.cri-two {
        left: 5%;
    }

    .cta-rotate-img.cri-three {
        right: 5%;
    }

    .cta-rotate-img.cri-one img,
    .cta-rotate-img.cri-two img,
    .cta-rotate-img.cri-three img {
        width: 200px;
    }

    .h1-skills-area {
        padding-right: 125px;
    }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .header-action>ul>li.header-btn {
        display: none;
    }

    .header-style-three .header-action>ul {
        margin-left: 0;
    }

    .team-details-info ul li {
        width: 80%;
    }

    .banner-bg-two {
        min-height: 795px;
        padding-top: 300px;
    }

    .transparent-header.header-style-two .logo img {
        width: 200px;
    }

    .transparent-header.header-style-two ul li a {
        padding: 21px 20px;
    }

    .newsletter-form form input {
        width: 240px;
    }

    .banner-style-two .banner-content {
        margin-left: 0;
    }

    .cta-rotate-img.cri-one {
        left: 5%;
    }

    .cta-rotate-img.cri-two {
        left: 5%;
    }

    .cta-rotate-img.cri-three {
        right: 5%;
    }

    .cta-rotate-img.cri-one img,
    .cta-rotate-img.cri-two img,
    .cta-rotate-img.cri-three img {
        width: 200px;
    }

    .blog-post-item.bp-style-one {
        display: block;
    }

    .bp-style-one .blog-post-thumb {
        max-width: 100%;
    }

    .bp-style-one .blog-post-thumb img {
        width: 100%;
    }

    .testimonial-thumb {
        display: none;
    }

    .testimonial-content {
        padding-left: 120px;
    }

    .trend-news-area {
        display: none !important;
    }

    .h1-skills-area {
        padding-right: 30px;
    }

    .about-style-four {
        margin: 0 auto;
        text-align: center;
    }

    .featured-skill-wrap {
        margin-top: 0px;
    }

    .slider-x-margin {
        margin: 0 30px;
    }
}

@media screen and (max-width: 1200px) {
    .header-action>ul>li.header-btn {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .transparent-header.header-style-two .logo img {
        width: 200px;
    }

    .newsletter-form form input {
        width: 240px;
    }

    .skill-overlay-img {
        bottom: 30px;
        margin-left: 40px;
        top: 0;
    }

    .h1-skills-area {
        padding-right: 30px;
        padding-left: 30px;
        margin-top: 30px;
    }

    .about-me-info {
        margin-left: 210px;
        margin-top: -133px;
        margin-right: 15px;
    }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .sticky-header2 {
        position: fixed;
    }

    .transparent-header.header-style-two .logo>a img {
        max-width: 200px;
    }

    .menu-area .mobile-nav-toggler {
        display: block;
    }

    .team-details-img {
        margin-bottom: 50px;
    }

    .team-details-content {
        padding-left: 0px;
    }

    .team-details-area .section-title .title {
        font-size: 45px;
    }

    .team-details-info ul li {
        width: 100%;
    }

    .advice-call-area .free-quote-content {
        text-align: center;
    }

    .cta-rotate-img.cri-one,
    .cta-rotate-img.cri-two,
    .cta-rotate-img.cri-three {
        display: none;
    }

    .banner-bg-two {
        min-height: 740px;
        padding-top: 300px;
    }

    .testimonial-thumb {
        display: none;
    }

    .testi-bg {
        width: 100%;
    }

    .testi-avatar-info {
        display: none;
    }

    .testi-avatar-content h4,
    .testi-avatar-info h4 {
        font-size: 24px;
        color: #fff;
    }

    .testi-avatar-content span,
    .testi-avatar-content h4 {
        color: #fff;
    }

    .testi-quote-icon {
        margin-left: 5px;
        margin-top: 7px;
    }

    .banner-style-two .banner-content {
        margin-left: 0;
        padding: 45px 55px 55px 55px !important;
    }

    .banner-style-two .banner-content h2 {
        font-size: 60px !important;
    }

    .about-me-info {
        margin-left: 20px;
        margin-right: 0px;
    }

    .slider-x-margin {
        margin: 0px;
    }

    .slider-content h2 {
        font-size: 140px;
    }

    .trend-news-area {
        display: none !important;
    }

    .about-style-four {
        margin-left: 50px;
        margin-right: 50px;
        margin: 0 auto;
        text-align: center;
    }

    aside.blog-sidebar.sidebar-default {
        margin-top: 81px;
    }

    .blog-post-item.bp-style-one {
        display: block;
    }

    .bp-style-one .blog-post-thumb {
        max-width: 100%;
    }

    .blog-post-item.bp-style-one .blog-post-content p {
        margin-bottom: 25px;
    }

    .blog-post-item.bp-style-one .blog-post-content {
        padding: 30px 25px;
    }

    .bp-style-one .blog-post-thumb img {
        width: 100%;
    }

    .free-quote-content {
        padding: 60px 70px 30px 70px;
        text-align: center;
    }

    .free-quote-icon {
        left: 50%;
        transform: translate(-50%, 0);
        top: 35%;
    }

    .cta-form2 .cta-main-wrap {
        flex-wrap: wrap;
    }

    .cta-form2 .cta-main-wrap .form-grp {
        width: 46%;
        margin: 0 10px 20px 10px;
    }

    .cta-form2 .cta-main-wrap h5 {
        width: 100%;
        text-align: center;
    }

    .cta-main-wrap p {}

    .h1-skills-area {
        padding-right: 30px;
        padding-left: 30px;
        margin-top: 0;
    }

    .cta-form2 .btn {
        margin: 0 10px 20px 10px;
        padding: 25px 35px 25px 35px;
    }

    .skill-overlay-img {
        position: unset;
        width: 690px;
        height: 540px;
        margin: 0 auto 60px;
    }

    .brand-item-two {
        text-align: center;
    }

    aside.services-sidebar {
        margin-top: 90px;
    }

    .newsletter-form form input {
        width: 475px;
    }

    .newsletter-title {
        margin-bottom: 30px;
        display: block;
        text-align: center !important;
    }

    .copyright-form {
        display: none;
    }

    .copyright-area .scroll-top {
        right: 0;
    }

    .featured-skill-wrap {
        margin-top: 0px;
    }
}

/* 991 to avobe :768px. */
@media (max-width: 991px) {
    .custom-container-three {
        max-width: 720px;
    }
}

@media (max-width: 782px) {
    .admin-bar .transparent-header.header-style-two {
        top: 45px;
    }
}

/* small mobile :767px. */
@media (max-width: 767px) {

    .admin-bar .header-top-area.menu-area.sticky-header,
    .admin-bar .main-header.menu-area.sticky-header {
        margin-top: 45px;
    }

    .sticky-header2 {
        position: fixed;
    }

    .banner-bg-two {
        min-height: auto;
        padding-top: 200px;
        padding-bottom: 130px;
    }

    .banner-content h2 {
        font-size: 45px;
    }

    .header-style-three .main-header.menu-area .mobile-nav-toggler,
    .default-header .main-header.menu-area .mobile-nav-toggler {
        margin-top: 10px;
    }

    .slider-x-margin {
        margin: 0px;
    }

    .slider-content h2 {
        font-size: 85px;
    }

    .logo img {
        width: 190px;
    }

    .transparent-header.header-style-two .logo>a img {
        max-width: 200px;
    }

    .menu-area .mobile-nav-toggler {
        display: block;
    }

    .breadcrumb-bg {
        width: 100%;
    }

    .about-style-two {
        padding-left: 75px;
        padding-right: 50px;
    }

    .h1-skills-area {
        padding-right: 15px;
        padding-left: 15px;
    }

    .cta-rotate-img.cri-one,
    .cta-rotate-img.cri-two,
    .cta-rotate-img.cri-three {
        display: none;
    }

    .testimonial-thumb {
        display: none;
    }

    .testi-bg {
        width: 100%;
    }

    .testi-avatar-info {
        display: none;
    }

    .featured-skill-wrap {
        margin-top: 0px;
    }

    .testimonial-content h2 {
        font-size: 28px;
    }

    .trend-news-area {
        display: none !important;
    }

    .testi-avatar-content h4,
    .testi-avatar-info h4 {
        font-size: 24px;
        color: #fff;
    }

    .testi-avatar-content span,
    .testi-avatar-content h4 {
        color: #fff;
    }

    .testi-quote-icon {
        margin-left: 5px;
        margin-top: 7px;
    }

    .about-me-wrap {
        padding-left: 100px;
        padding-right: 100px;
    }

    .skill-overlay-img {
        bottom: -65px;
    }

    aside.blog-sidebar.sidebar-default {
        margin-top: 81px;
    }

    .blog-post-item.bp-style-one {
        display: block;
    }

    .bp-style-one .blog-post-thumb {
        position: relative;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .blog-post-item.bp-style-one .blog-post-content p {
        margin-bottom: 25px;
    }

    .blog-post-item.bp-style-one .blog-post-content {
        padding: 30px 25px;
    }

    .bp-style-one .blog-post-thumb img {
        width: 100%;
    }

    .faq-img-wrap .top-img {
        left: 10px;
    }

    .blog-post-item.bp-style-one .blog-post-content h2 {
        font-size: 22px;
    }

    .footer-area .footer-widget .fw-post-content h4 {
        font-size: 15px;
    }

    .overlay-banner-bg {
        width: 100%;
    }

    .banner-style-two .banner-content {
        margin-left: 0;
    }

    .banner-style-two .banner-content {
        padding: 50px !important;
    }

    .banner-style-two .banner-content h2 {
        font-size: 45px;
    }

    .brand-item-two {
        text-align: center;
    }

    .team-thumb img {
        width: 100%;
    }

    .cta-contact-list .content h2 {
        font-size: 50px;
    }

    .newsletter-title {
        margin-bottom: 30px;
        display: block;
        text-align: center !important;
    }

    .newsletter-form form {
        display: block;
        text-align: center;
    }

    .newsletter-form form button {
        margin-top: 20px;
    }

    .newsletter-title .icon {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .newsletter-form form input {
        width: 100%;
    }

    .faq-img-wrap .bottom-img {
        right: 30px;
    }

    .services-style-three-item .services-content {
        padding: 30px;
    }

    .about-style-two .about-exp-box {
        padding: 30px;
    }

    .about-style-two .about-exp-content h2 {
        font-size: 55px;
    }

    .free-quote-content {
        padding: 30px 20px 30px 20px;
        text-align: center;
    }

    .free-quote-area .free-quote-icon {
        display: none;
    }

    .team-details-img {
        margin-bottom: 50px;
    }

    .team-details-content {
        padding-left: 0px;
    }

    .team-details-area .section-title .title {
        font-size: 38px;
    }

    .team-details-info ul li {
        width: 100%;
    }

    .cta-form {
        padding: 30px;
    }

    .advice-call-area .free-quote-icon {
        display: none;
    }

    .advice-call-area .free-quote-content {
        padding: 35px 30px 35px 30px;
        text-align: center;
    }

    .copyright-text {
        text-align: center;
        float: none;
        width: 100%;
    }

    .copyright-right-wrap {
        float: none;
        width: 100%
    }

    .copyright-form form input {
        width: 300px;
    }

    .name-extra-class h2.elementor-heading-title {
        margin-top: 35px !important;
    }

    blockquote p {
        font-size: 18px;
    }

    blockquote.wp-block-quote {
        padding: 40px 50px !important;
    }

    blockquote cite {
        margin-top: 10px;
    }

    .bd-comment-box .comment-text blockquote p {
        line-height: 32px;
    }

    .single-comment .comments-avatar {
        float: none;
        width: 100px;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .skill-container-p {
        padding-right: 30px;
        padding-left: 30px;
    }

    .skill-overlay-img {
        width: 95%;
        height: 300px;
        margin: 0 auto 60px;
        margin-right: 15px;
        margin-left: 15px;
    }

    .breadcrumb-content .breadcrumb ol.breadcrumb li {
        margin-bottom: 5px;
    }

    .breadcrumb-content .breadcrumb ol.breadcrumb li:last-child {
        margin-bottom: 0;
    }

    .cta-form2 .cta-main-wrap {
        flex-wrap: wrap;
    }

    .cta-form2 .cta-main-wrap .form-grp {
        width: 100%;
        margin: 0 0px 20px 0px;
    }

    .cta-form2 .cta-main-wrap h5 {
        width: 100%;
        text-align: center;
    }

    .cta-main-wrap p {
        width: 100%;
        text-align: center;
    }

    .skill-overlay-img {
        margin: 0 auto 60px;
        top: auto;
    }

    .about-style-four .about-wrapper .row [class*="col-"]:last-child .about-img {
        margin-top: 0;
    }

    .about-style-four .about-wrapper img {
        width: 100%;
    }

    aside.services-sidebar {
        margin-top: 90px;
    }

    .comment-text blockquote::before {
        display: none;
    }

    .copyright-area {
        padding-bottom: 30px;
    }

    .copyright-form {
        display: none;
    }

    .copyright-text {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .copyright-right-wrap .scroll-top {
        float: none;
        margin: 15px auto 0;
        text-align: center;
    }

    .scroll-top {
        height: 50px;
        line-height: 50px;
        width: 50px;
    }

    .default-copyright-text {
        padding-bottom: 0;
    }

}

/* End 767px */

/* Large Mobile :576px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

    .breadcrumb-content .title {
        font-size: 35px;
    }

}

/* End 576px */

@media (max-width: 600px) {

    .admin-bar .header-top-area.menu-area.sticky-header,
    .admin-bar .main-header.menu-area.sticky-header {
        margin-top: 0;
    }

    .admin-bar .main-header.wrapper.menu-area.sticky-header2 {
        top: 0;
    }

    .breadcrumb-content .title {
        font-size: 35px;
    }

    .newsletter-form form input {
        width: 100%;
    }

    .fact-item {
        text-align: center;
    }

    .fact-top-wrap {
        justify-content: center;
    }

    .about-style-two {
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-me-wrap {
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }

    .about-me-info {
        margin-left: 100px;
    }

    blockquote {
        padding: 30px 40px;
    }

}

/* End 600px */

@media (max-width: 575px) {

    .about-me-wrap {
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }

    .about-me-info {
        margin-left: 100px;
    }

}

/* End 575px */

@media (max-width: 480px) {
    .breadcrumb-content .title {
        font-size: 35px !important;
    }

    .newsletter-form form input {
        width: 100%;
    }

    .fact-item {
        text-align: center;
    }

    .fact-top-wrap {
        justify-content: center;
    }

    .about-style-two {
        padding-left: 0px;
        padding-right: 0px;
    }

    .best-features-item {
        padding: 20px;
    }

    .newsletter-title .section-title.full-white-title h2 {
        font-size: 38px;
        letter-spacing: 0;
    }

    .name-extra-class h2.elementor-heading-title {
        margin-top: 20px !important;
    }

    .cta-contact-list .content h2 {
        font-size: 35px;
    }

    blockquote.wp-block-quote.is-style-large p {
        font-size: 18px;
        line-height: 28px;
    }

    blockquote.wp-block-quote.is-style-large p {
        font-size: 18px;
        line-height: 28px;
    }

    blockquote.has-text-color.has-light-gray-color p {
        font-size: 18px;
    }

    .breadcrumb-content .breadcrumb ol.breadcrumb li {
        margin-bottom: 5px;
    }

    .breadcrumb-content .breadcrumb ol.breadcrumb li:last-child {
        margin-bottom: 0;
    }

    figure.wp-block-pullquote {
        padding: 0 !important;
    }

    .extra-remove {
        display: none !important;
    }

    .about-me-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .about-me-wrap .about-me-info {
        margin-left: 75px;
        margin-right: 0px;
    }

    .b-readmore {
        float: none;
    }

    .comment-form button {
        font-size: 15px;
        padding: 15px 15px;
    }

}

/* End 480px */

@media (max-width: 320px) {
    a.default-logo {
        font-size: 36px;
        letter-spacing: -2px;
    }

    .fallbackcd-menu-item a.fallbackcd {
        margin-right: 30px;
    }

    .single-contact-box-two .contact-box-two-content h4 {
        font-size: 25px;
    }

    .breadcrumb-content .title {
        font-size: 35px !important;
    }

    .newsletter-form form input {
        width: 100%;
    }

    .about-me-wrap .about-me-info {
        margin-left: 0px;
        margin-right: 0px;
    }

    .banner-style-two .banner-content {
        padding: 35px !important;
    }

    .fact-item {
        text-align: center;
    }

    .fact-top-wrap {
        justify-content: center;
    }

    .about-style-two {
        padding-left: 0px;
        padding-right: 0px;
    }

    .best-features-item {
        padding: 20px;
    }

    .newsletter-title .section-title.full-white-title h2 {
        font-size: 32px;
        letter-spacing: 0;
    }

    .name-extra-class h2.elementor-heading-title {
        margin-top: 10px !important;
    }

    blockquote.wp-block-quote.is-style-large p {
        font-size: 18px;
        line-height: 28px;
    }

    blockquote.wp-block-quote.is-style-large p {
        font-size: 18px;
        line-height: 28px;
    }

    blockquote.has-text-color.has-light-gray-color p {
        font-size: 18px;
    }

    .breadcrumb-content .breadcrumb ol.breadcrumb li {
        margin-bottom: 5px;
    }

    .breadcrumb-content .breadcrumb ol.breadcrumb li:last-child {
        margin-bottom: 0;
    }

    figure.wp-block-pullquote {
        padding: 0 !important;
    }

    .cta-contact-list .content h2 {
        font-size: 35px;
    }

    .extra-remove {
        display: none !important;
    }

    .b-readmore {
        float: none;
    }

}

/* End 480px */