/* XL Device :1200px. */

@media (min-width: 1200px) and (max-width: 1500px) {
    .hero-form {
        padding: 25px;
    }
    .header-top.style-2:before {
        width: 350px;
    }
    .slide-content-wrapper-1 {
        margin-left: 120px;
    }
    .single-service-style-2 .service-content h3 {
        font-size: 24px;
    }
    .section-title h2 {
        font-size: 40px;
    }
    .single-project-img-content {
        left: 44px;
    }
    .subscribe-form i {
        right: 41%;
    }
}


/* LG Device :992px. */

@media (min-width: 992px) and (max-width: 1200px) {
    .main-menu ul li {
        margin-left: 25px;
    }
    .hero-form.ml-90 {
        margin-left: 50px;
    }
    .hero-wrapper h1 {
        font-size: 60px;
    }
    .footer-widget-1 {
        padding-right: 50px;
    }
    .footer-widget-4 {
        padding-left: 20px;
    }
    .footer-title h4 {
        font-size: 20px;
    }
    .newsletter-style-1 input {
        width: 64%;
    }
    .single-project-img-content {
        left: 38px;
    }
    .section-title h2 {
        font-size: 34px;
        line-height: 54px;
    }
    .portfolio-content-2 {
        padding: 40px 25px;
    }
    .service-details .pr-50,
    .project-details .pr-50 {
        padding-right: 12px;
    }
    .subscribe-form i {
        right: 38%;
    }
    .blog-list .pr-50 {
        padding-right: 12px;
    }
    .single-team-content-style-1 .team-social-style-1 a {
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin-right: 2px;
        font-size: 14px;
    }
    .header-top.style-2:before {
        width: 350px;
    }
}


/* MD Device :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    .header-info ul {
        margin-bottom: 12px;
        text-align: center;
    }
    .header-social {
        text-align: center;
        margin-bottom: 15px;
    }
    .header-btn {
        margin-right: 100px;
    }
    .header-call-btn {
        margin-right: 100px;
    }
    .main-menu {
        display: none;
    }
    .side-menu-icon {
        margin-top: -23px;
    }
    .side-menu-icon i {
        top: 66px;
    }
    .hero-form.ml-90 {
        margin-left: 10px;
    }
    .hero-wrapper h1 {
        font-size: 40px;
        line-height: 60px;
    }
    .hero-form .theme-btn-1 {
        padding: 20px 25px;
    }
    .about-text-wrapper {
        padding-top: 90px;
    }
    .about-area .pl-110 {
        padding-left: 0;
    }
    .single-counter p {
        font-size: 17px;
    }
    .section-title h2 {
        font-size: 32px;
        line-height: 52px;
    }
    .single-project-content.pt-60.pb-30.pl-40.pr-40 {
        padding: 60px 20px 30px 20px;
    }
    .single-project-img-content {
        left: 26px;
    }
    .post-meta li {
        margin-bottom: 8px;
    }
    .newsletter-style-1 h2 {
        color: #fff;
        margin-bottom: 25px;
        text-align: center;
    }
    .newsletter-style-1 {
        bottom: -125px;
    }
    .footer-widget-1,
    .footer-widget-2,
    .footer-widget-3,
    .footer-widget-4 {
        margin-bottom: 50px;
    }
    .footer-widget-1 {
        padding-right: 30px;
    }
    .footer-widget-4 {
        padding-left: 0;
    }
    .service-details .pr-50,
    .project-details .pr-50 {
        padding-right: 12px;
        margin-bottom: 60px;
    }
    .portfolio-menu button {
        margin-left: 0;
        margin-right: 15px;
    }
    .portfolio-content-2 {
        padding: 40px 32px;
    }
    .vime-pagination {
        margin-bottom: 60px;
    }
    .blog-details-area .pr-50 {
        padding-right: 12px;
    }
    .comments-form {
        margin-bottom: 60px;
    }
    .single-team-style-1 {
        margin-bottom: 25px;
    }
    .header-top.style-2:before {
        width: 100%;
    }
    .header-top.style-2 .header-social {
        margin-bottom: 35px;
    }
    .header-top.style-2 .header-info ul {
        margin-bottom: 0;
    }
    .faq-area .pr-50 {
        padding-right: 12px;
    }
    .faq {
        margin-bottom: 60px;
    }
    .contact-form {
        margin-bottom: 60px;
    }
    .header-top.style-3 .header-social {
        text-align: center;
    }
    .contact-form.pr-70 {
        padding-right: 12px;
    }
    .about-block-img-1 a {
        left: 46%;
    }
}


/* Extra small Device. */

@media (max-width: 767px) {
    .header-info {
        text-align: center;
    }
    .header-info ul li {
        margin-bottom: 10px;
    }
    .header-btn,
    .header-call-btn {
        display: none;
    }
    .header-social {
        margin-bottom: 15px;
    }
    .section-title h2 {
        font-size: 32px;
        line-height: 52px;
    }
    .logo {
        padding: 25px 0;
    }
    .main-menu {
        display: none;
    }
    .hero-form.ml-90 {
        margin-left: 0;
    }
    .hero-wrapper h1 {
        font-size: 35px;
        line-height: 50px;
        margin-top: 230px;
    }
    .header-social {
        text-align: center;
    }
    .hero-wrapper p {
        font-size: 17px;
    }
    .about-img {
        margin-top: 150px;
    }
    .about-area .pl-110 {
        padding-left: 15px;
    }
    .about-text-wrapper.pt-30 {
        padding-top: 100px;
    }
    .single-counter {
        margin: 20px 0;
    }
    .project-btn {
        text-align: left;
        margin-bottom: 70px;
    }
    .why-choose-img-3 {
        margin-top: 25px;
    }
    .why-choose-img-group.pl-90 {
        padding-left: 0;
    }
    .section-title.text-left.mb-70 {
        margin-bottom: 130px;
    }
    .testimonial-style-1 .slick-prev,
    .testimonial-style-1 .slick-next {
        top: -90px;
    }
    .testimonial-style-1 .slick-prev {
        left: 20px;
    }
    .testimonial-style-1 .slick-next {
        left: 90px;
    }
    .post-meta li {
        margin-bottom: 12px;
    }
    .newsletter-style-1 {
        bottom: -140px;
        padding: 0 10px;
    }
    .newsletter-style-1 .pt-60.pb-60.pl-60.pr-60 {
        padding: 60px 0;
    }
    .newsletter-style-1 h2 {
        text-align: center;
        margin-bottom: 25px;
    }
    .newsletter-style-1 input {
        width: 69%;
    }
    .footer-widget-1,
    .footer-widget-2,
    .footer-widget-3,
    .footer-widget-4 {
        margin-bottom: 50px;
    }
    .footer-widget-1 {
        padding-right: 0;
    }
    .footer-widget-4 {
        padding-left: 0;
    }
    .copyright {
        text-align: center;
        margin-bottom: 15px;
    }
    .service-details .pr-50,
    .project-details .pr-50 {
        padding-right: 12px;
        margin-bottom: 60px;
    }
    .portfolio-menu button {
        margin-left: 0;
        margin-right: 15px;
    }
    .subscribe-form i {
        right: 31%;
    }
    .blog-details-area .pr-50 {
        padding-right: 12px;
    }
    .post-share {
        text-align: left;
        margin-top: 30px;
    }
    .previous-post {
        margin-bottom: 30px;
    }
    .post-author-avatar {
        margin-bottom: 30px;
        width: 120px;
    }
    .comments-form {
        margin-bottom: 60px;
    }
    .about-img img {
        padding-right: 20px;
    }
    .about-img:before {
        top: 20px;
        left: 6px;
    }
    .about-award {
        right: 46px;
    }
    .single-team-style-1 {
        margin-bottom: 25px;
    }
    .header-top.style-2:before {
        width: 100%;
    }
    .header-top.style-2 .header-social {
        margin-bottom: 35px;
    }
    .header-top.style-2 .header-info ul {
        margin-bottom: 0;
    }
    .cta-style-1 h2 {
        font-size: 26px;
        line-height: 46px;
    }
    .cta-style-1 span {
        font-size: 22px;
        line-height: 42px;
    }
    .cta-style-1 span a {
        font-size: 24px;
        line-height: 48px;
    }
    .faq-area .pr-50 {
        padding-right: 12px;
    }
    .faq {
        margin-bottom: 60px;
    }
    .contact-form {
        margin-bottom: 60px;
    }
    .about-block-img-1 a {
        left: 45%;
    }
    .quote-area-img {
        display: none;
    }
    .quote-area .ml-65 {
        margin-left: 0;
    }
}


/* SM Small Device :550px. */

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