@media only screen and (max-width: 767px) {
    body {
        font-size: 15px
    }

    .ptb-100 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pt-100 {
        padding-top: 60px
    }

    .pb-100 {
        padding-bottom: 60px
    }

    .pt-70 {
        padding-top: 30px
    }

    .pb-70 {
        padding-bottom: 30px
    }

    .mb-50 {
        margin-bottom: 30px
    }

    .default-btn {
        font-size: 14px;
        padding: 12px 20px;
        line-height: 23px;
        font-weight: 500
    }

    .default-btn i {
        position: relative;
        top: 1px
    }

    .default-btn.btn-rounded-0 {
        padding: 10px 17px
    }

    .read-more {
        font-size: 14px
    }

    .form-control {
        height: 50px
    }

    .form-control::placeholder {
        font-size: 14px
    }

    .shape {
        /*display: none*/
    }

    .container-fluid {
        max-width: 540px !important;
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .banner-area.bg-3 {
        padding-top: 113px;
        padding-bottom: 60px
    }

    .banner-content {
        padding-top: 113px;
        padding-bottom: 60px
    }

    .banner-content .top-title {
        margin-bottom: 15px;
        font-size: 14px;
        padding-left: 0
    }

    .banner-content h1 {
        font-size: 28px;
        line-height: 40px
    }

    .banner-content .banner-btn .default-btn {
        margin-bottom: 20px;
        padding: 12px 35px
    }

    .banner-content .banner-btn .default-btn:last-child {
        margin-bottom: 0
    }

    .banner-content.style-two {
        padding-top: 113px;
        padding-bottom: 60px
    }

    .banner-content.style-two h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px
    }

    .banner-content.style-two .search-wrap {
        padding: 20px
    }

    .banner-content.style-two .search-wrap h2 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .banner-content.style-two .search-wrap .search-icon {
        display: none
    }

    .banner-content.style-two .search-wrap .search-form-warp .search-form .form-control {
        padding-left: 20px
    }

    .banner-content.style-two .search-wrap .search-form-warp .search-form .form-control::placeholder {
        font-size: 14px
    }

    .banner-content.style-two .search-wrap .search-form-warp .search-form .generate {
        font-size: 15px
    }

    .banner-content.style-two .chat-info {
        padding: 20px
    }

    .banner-content.style-two .info-warp p {
        font-size: 14px
    }

    .banner-content.style-two .control-btn li {
        margin-right: 5px
    }

    .banner-content.style-two .control-btn li button img {
        width: 20px
    }

    .banner-content.style-two .control-btn li button span {
        margin-left: 3px;
        font-size: 14px
    }

    .banner-content.style-three {
        margin-bottom: 30px
    }

    .banner-content.style-three h1 {
        font-size: 30px
    }

    .banner-content.style-three .form-control {
        padding: 15px;
        height: 80px
    }

    .banner-img-wrap {
        margin-left: 0
    }

    .banner-img-wrap .banner-img-content {
        margin-left: 0;
        padding: 20px;
        margin-bottom: 30px
    }

    .banner-img-wrap .banner-img-content p {
        font-size: 16px
    }

    .banner-img-wrap .banner-img-content::before {
        display: none
    }

    .page-banner-content {
        padding-top: 107px;
        padding-bottom: 70px
    }

    .page-banner-content h1 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .page-banner-content ul li {
        font-size: 14px
    }

    .top-title {
        padding-left: 0;
        font-size: 14px;
        margin-bottom: 10px
    }

    .top-title::before {
        display: none
    }

    .section-title {
        margin-bottom: 30px
    }

    .section-title h2 {
        font-size: 25px;
        line-height: 38px
    }

    .global-content h2 {
        font-size: 25px;
        line-height: 38px
    }

    .global-content .standards-list li {
        padding: 16px
    }

    .global-content .standards-list li span {
        font-size: 15px
    }

    .global-content .generate-list li span {
        font-size: 16px
    }

    .single-powerful {
        border: 1px solid rgba(255, 255, 255, .08) !important;
        padding: 20px !important
    }

    .single-powerful h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px
    }

    .powerful-content::before {
        display: none
    }

    .about-img {
        margin-right: 0;
        margin-bottom: 30px;
    }
    
    .main-img {
        margin-top: -70px;
}

    .single-services {
        padding: 20px
    }

    .single-services h3 {
        font-size: 20px
    }

    .single-services p {
        margin-bottom: 20px
    }

    .services-wrap .services-title {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-right: 0
    }

    .services-wrap .services-title h2 {
        font-size: 25px;
        line-height: 38px
    }

    .single-services-item {
        padding: 0 !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .single-services-item h3 {
        font-size: 20px;
        line-height: 30px
    }

    .services-wrap.left-border {
        border: none
    }

    .generate-img {
        margin-left: 0;
        margin-top: 30px
    }

    .generate-content {
        margin-right: 0
    }

    .instruction-area {
        background-size: cover
    }

    .single-instruction {
        margin-bottom: 30px;
        height: auto
    }

    .single-instruction h3 {
        font-size: 20px
    }

    .instruction-btn {
        margin-top: 0
    }

    .instruction-btn .default-btn {
        margin-bottom: 15px;
        padding: 12px 35px
    }

    .instruction-btn .default-btn:last-child {
        margin-bottom: 0
    }

    .single-pricing {
        padding: 20px
    }

    .single-pricing .pricing-header h3 {
        font-size: 20px
    }

    .single-pricing .pricing-header p {
        margin-bottom: 30px
    }

    .single-pricing .pricing-header h1 {
        font-size: 40px
    }

    .single-pricing .features-list li {
        margin-bottom: 10px
    }

    .single-pricing .features-list li p {
        font-size: 15px
    }

    .standard-content h2 {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .standard-content .info h4 {
        font-size: 17px
    }

    .standard-slide .swiper-controller img {
        width: 20px
    }

    .increase-btn .default-btn {
        margin-right: 0;
        margin-bottom: 15px;
        padding: 12px 35px
    }

    .increase-btn .default-btn:last-child {
        margin-bottom: 0
    }

    .increase-content {
        padding-left: 20px;
        padding-right: 20px
    }

    .increase-content p {
        font-size: 16px
    }

    .trusted-content {
        margin-bottom: 30px
    }

    .trusted-content h2 {
        font-size: 25px;
        line-height: 38px
    }

    .single-unlock h3 {
        font-size: 20px
    }

    .single-unlock .unlock-grid {
        padding: 20px
    }

    .review-area.bg-1 {
        padding-top: 0;
        padding-bottom: 0
    }

    .review-area.bg-1::before {
        width: 100%
    }

    .single-review1 {
        padding: 20px
    }

    .review-slide .swiper-pagination1 {
        position: unset;
        margin-top: 30px;
        padding-right: 0;
        text-align: center !important
    }

    .single-feedback {
        padding: 20px
    }

    .single-blog {
        padding: 20px
    }

    .single-blog .date-tag {
        margin-bottom: 10px
    }

    .single-blog h3 {
        margin-bottom: 20px
    }

    .single-blog h3 a {
        font-size: 20px;
        line-height: 20px
    }

    .services-area.bg-color-e9ffe8.overflow-hidden {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .single-services-item {
        border: 2px solid #e8e8eb;
        padding: 30px !important;
        margin-bottom: 30px
    }

    .single-services-item::before {
        display: none
    }

    .single-services-item.style-two::before {
        display: none
    }

    .services-title {
        border: none;
        padding: 0 !important
    }

    .single-contact-info {
        padding: 20px
    }

    .map-wrap {
        margin-top: 60px
    }

    .map-wrap iframe {
        height: 300px
    }

    .contact-form-wrap {
        padding: 20px;
        margin-bottom: 60px
    }

    .contact-form-wrap .form-group label {
        font-size: 14px
    }

    .faq-content .accordion .accordion-item {
        padding: 20px
    }

    .member-account {
        padding: 20px
    }

    .member-account h3 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .member-account p {
        margin-bottom: 20px
    }

    .member-account .or {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .member-account .member-form .form-group {
        margin-bottom: 20px
    }

    .member-account .member-form .form-group label {
        font-size: 14px
    }

    .details-content .blog-details-part {
        padding: 20px
    }

    .details-content .blog-info li {
        margin-right: 10px;
        padding-right: 10px
    }

    .details-content .blog-info li .user span {
        display: none
    }

    .details-content h2 {
        font-size: 25px
    }

    .details-content h3 {
        font-size: 20px
    }

    .details-content blockquote {
        padding: 20px
    }

    .details-content blockquote img {
        margin-bottom: 10px
    }

    .details-content blockquote h4 {
        margin-top: 15px
    }

    .details-content .tag-social .tag li {
        margin-bottom: 10px
    }

    .details-content .tag-social .social-link li a {
        padding: 5px 7px
    }

    .details-content .comments .comment-list h4 {
        font-size: 16px
    }

    .sidebar-widget-wrap {
        margin-top: 30px
    }

    .sidebar-widget-wrap .single-sidebar-widget {
        padding: 20px
    }

    .sidebar-widget-wrap .single-sidebar-widget h3 {
        font-size: 20px
    }

    .sidebar-widget-wrap .single-sidebar-widget .author-img {
        padding-top: 20px
    }

    .sidebar-widget-wrap .single-sidebar-widget .category-list li {
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .single-services-item.style-details .count {
        font-size: 60px;
        top: 30px;
        right: 30px
    }

    .single-services-item.style-details.style-two .count {
        right: 30px
    }

    .main-content-text h3 {
        font-size: 20px
    }

    .error-content h1 {
        font-size: 100px;
        margin-top: -13px
    }

    .error-content h3 {
        font-size: 20px
    }

    .error-content p {
        margin-bottom: 20px
    }

    .pb-50 {
        padding-bottom: 30px
    }

    .single-powerful.mb-50 {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 576px)and (max-width: 767px) {
    .banner-content .banner-btn .default-btn {
        margin-bottom: 0
    }

    .increase-btn .default-btn {
        margin-bottom: 0
    }

    .instruction-btn .default-btn {
        margin-bottom: 0
    }

    .single-powerful.style-two h3 {
        font-size: 19px
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    body {
        font-size: 15px
    }

    .ptb-100 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .pt-100 {
        padding-top: 70px
    }

    .pb-100 {
        padding-bottom: 70px
    }

    .pt-70 {
        padding-top: 40px
    }

    .pb-70 {
        padding-bottom: 40px
    }

    .mb-50 {
        margin-bottom: 30px
    }

    .default-btn {
        font-size: 14px;
        padding: 12px 20px;
        line-height: 23px;
        font-weight: 500
    }

    .read-more {
        font-size: 14px
    }

    .form-control {
        height: 50px
    }

    .form-control::placeholder {
        font-size: 14px
    }

    .shape {
        /*display: none*/
    }

    .container-fluid {
        max-width: 720px !important;
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    .banner-content {
        padding-top: 113px;
        padding-bottom: 60px
    }

    .banner-content .top-title {
        margin-bottom: 15px;
        font-size: 14px;
        padding-left: 0
    }

    .banner-content h1 {
        font-size: 35px;
        line-height: 48px
    }

    .banner-content .banner-btn .default-btn {
        padding: 12px 35px
    }

    .banner-content.style-two {
        padding-top: 113px;
        padding-bottom: 60px
    }

    .banner-content.style-two h1 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 30px
    }

    .banner-content.style-two .search-wrap {
        padding: 20px
    }

    .banner-content.style-two .search-wrap h2 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .banner-content.style-two .search-wrap .search-icon {
        display: none
    }

    .banner-content.style-two .search-wrap .search-form-warp .search-form .form-control {
        padding-left: 20px
    }

    .banner-content.style-two .search-wrap .search-form-warp .search-form .form-control::placeholder {
        font-size: 14px
    }

    .banner-content.style-two .search-wrap .search-form-warp .search-form .generate {
        font-size: 15px
    }

    .banner-content.style-two .chat-info {
        padding: 20px
    }

    .banner-content.style-two .info-warp p {
        font-size: 14px
    }

    .banner-content.style-two .control-btn li {
        margin-right: 5px
    }

    .banner-content.style-two .control-btn li button img {
        width: 20px
    }

    .banner-content.style-two .control-btn li button span {
        margin-left: 3px;
        font-size: 14px
    }

    .banner-content.style-three {
        margin-bottom: 30px
    }

    .banner-content.style-three h1 {
        font-size: 35px;
        max-width: 100%
    }

    .banner-content.style-three p {
        max-width: 100%
    }

    .banner-content.style-three .form-control {
        padding: 15px;
        max-width: 100%
    }

    .banner-img-wrap {
        margin-left: 0
    }

    .banner-img-wrap .banner-img-content {
        margin-left: 0;
        padding: 20px;
        margin-bottom: 30px
    }

    .banner-img-wrap .banner-img-content p {
        font-size: 16px
    }

    .banner-img-wrap .banner-img-content::before {
        display: none
    }

    .page-banner-content {
        padding-top: 107px;
        padding-bottom: 70px
    }

    .page-banner-content h1 {
        font-size: 35px;
        margin-bottom: 10px
    }

    .page-banner-content ul li {
        font-size: 15px
    }

    .top-title {
        padding-left: 0;
        font-size: 14px;
        margin-bottom: 10px
    }

    .top-title::before {
        display: none
    }

    .section-title {
        margin-bottom: 30px
    }

    .section-title h2 {
        font-size: 30px;
        line-height: 38px
    }

    .global-content h2 {
        font-size: 30px;
        line-height: 38px
    }

    .global-content .standards-list li {
        padding: 16px
    }

    .global-content .standards-list li span {
        font-size: 15px
    }

    .global-content .generate-list li span {
        font-size: 16px
    }

    .single-powerful {
        border: 1px solid rgba(255, 255, 255, .08) !important;
        padding: 20px !important
    }

    .single-powerful h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px
    }

    .powerful-content::before {
        display: none
    }

    .about-img {
        margin-right: 0;
        margin-bottom: 30px
    }

    .single-services {
        padding: 20px
    }

    .single-services h3 {
        font-size: 20px
    }

    .single-services p {
        margin-bottom: 20px
    }

    .services-wrap .services-title {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-right: 0
    }

    .services-wrap .services-title h2 {
        font-size: 25px;
        line-height: 38px
    }

    .single-services-item {
        padding: 30px !important;
        padding-left: 0 !important
    }

    .single-services-item h3 {
        font-size: 20px;
        line-height: 30px
    }

    .single-services-item.style-two {
        padding-left: 30px !important;
        padding-right: 0
    }

    .generate-img {
        margin-left: 0;
        margin-top: 30px
    }

    .generate-content {
        margin-right: 0
    }

    .instruction-area {
        background-size: cover
    }

    .single-instruction {
        margin-bottom: 30px;
        height: auto
    }

    .single-instruction h3 {
        font-size: 20px
    }

    .instruction-btn {
        margin-top: 0
    }

    .instruction-btn .default-btn {
        padding: 12px 35px
    }

    .single-pricing {
        padding: 20px
    }

    .single-pricing .pricing-header h3 {
        font-size: 20px
    }

    .single-pricing .pricing-header p {
        margin-bottom: 30px
    }

    .single-pricing .pricing-header h1 {
        font-size: 40px
    }

    .single-pricing .features-list li {
        margin-bottom: 10px
    }

    .single-pricing .features-list li p {
        font-size: 15px
    }

    .standard-content h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .standard-content .info h4 {
        font-size: 17px
    }

    .standard-slide .swiper-controller img {
        width: 20px
    }

    .increase-btn .default-btn {
        padding: 12px 35px
    }

    .increase-content {
        padding-left: 20px;
        padding-right: 20px
    }

    .increase-content p {
        font-size: 16px
    }

    .trusted-content {
        margin-bottom: 30px
    }

    .trusted-content h2 {
        font-size: 30px;
        line-height: 38px
    }

    .single-unlock h3 {
        font-size: 20px
    }

    .single-unlock .unlock-grid {
        padding: 20px
    }

    .review-area.bg-1 {
        padding-top: 0;
        padding-bottom: 0
    }

    .review-area.bg-1::before {
        width: 100%
    }

    .single-review1 {
        padding: 20px
    }

    .review-slide .swiper-pagination1 {
        position: unset;
        margin-top: 30px;
        padding-right: 0;
        text-align: center !important
    }

    .single-blog {
        padding: 20px
    }

    .single-blog .date-tag {
        margin-bottom: 10px
    }

    .single-blog h3 {
        margin-bottom: 20px
    }

    .single-blog h3 a {
        font-size: 20px;
        line-height: 20px
    }

    .single-contact-info {
        padding: 20px
    }

    .map-wrap iframe {
        height: 433px
    }

    .contact-form-wrap {
        padding: 20px;
        margin-bottom: 60px
    }

    .contact-form-wrap .form-group label {
        font-size: 14px
    }

    .details-content .blog-details-part {
        padding: 20px
    }

    .details-content h2 {
        font-size: 25px
    }

    .details-content h3 {
        font-size: 20px
    }

    .details-content blockquote {
        padding: 20px
    }

    .details-content blockquote img {
        margin-bottom: 10px
    }

    .details-content blockquote h4 {
        margin-top: 15px
    }

    .details-content .tag-social .tag li {
        margin-bottom: 10px
    }

    .details-content .comments .comment-list h4 {
        font-size: 16px
    }

    .sidebar-widget-wrap {
        margin-top: 30px
    }

    .sidebar-widget-wrap .single-sidebar-widget {
        padding: 20px
    }

    .sidebar-widget-wrap .single-sidebar-widget h3 {
        font-size: 20px
    }

    .sidebar-widget-wrap .single-sidebar-widget .author-img {
        padding-top: 20px
    }

    .sidebar-widget-wrap .single-sidebar-widget .category-list li {
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .error-content h1 {
        font-size: 100px;
        margin-top: -13px
    }

    .error-content h3 {
        font-size: 20px
    }

    .error-content p {
        margin-bottom: 20px
    }

    .pb-50 {
        padding-bottom: 30px
    }

    .single-powerful.mb-50 {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .banner-content h1 {
        font-size: 60px;
        line-height: 80.1px
    }

    .banner-content.style-three h1 {
        font-size: 45px
    }

    .shape.shape-9 {
        height: 795px
    }

    .banner-img-wrap .banner-img-content {
        margin-left: 0;
        padding: 15px
    }

    .banner-img-wrap .banner-img-content p {
        font-size: 16px
    }

    .about-content h2 {
        font-size: 39px
    }

    .single-services h3 {
        font-size: 20px
    }

    .single-services.style-two h3 {
        font-size: 19px;
        line-height: 30px
    }

    .instruction-area {
        background-size: cover
    }

    .pricing-content h2 {
        font-size: 38px
    }

    .single-pricing {
        padding: 20px
    }

    .single-pricing .features-list li p {
        font-size: 16px
    }

    .standard-content h2 {
        font-size: 55px
    }

    .trusted-content h2 {
        font-size: 36px
    }

    .powerful-content::before {
        display: none
    }

    .single-powerful h3 {
        font-size: 20px
    }

    .single-blog {
        padding: 20px
    }

    .single-blog .date-tag {
        margin-bottom: 10px
    }

    .single-blog h3 {
        margin-bottom: 20px
    }

    .single-blog h3 a {
        font-size: 20px;
        line-height: normal;
        font-size: 19px
    }

    /*.follow-us ul li {*/
    /*    padding: 12px 12px*/
    /*}*/

    .follow-us ul li .infos h3 {
        /*margin-left: 8px;*/
        /*margin-right: 8px;*/
        font-size: 12px
    }

    .single-contact-info {
        padding: 15px
    }

    .map-wrap iframe {
        height: 410px
    }

    .details-content h2 {
        font-size: 35px
    }

    .details-content .tag-social .social-link li a {
        padding: 5px
    }

    .sidebar-widget-wrap .single-sidebar-widget {
        padding: 20px
    }

    .sidebar-widget-wrap .single-sidebar-widget .tag-grid li {
        margin-right: 5px
    }

    .review-area.bg-1 {
        background-size: cover;
        padding-top: 100px;
        padding-bottom: 100px
    }

    .single-instruction h3 {
        font-size: 20px
    }
}

@media only screen and (min-width: 1200px)and (max-width: 1399px) {
    .single-powerful h3 {
        font-size: 23px
    }

    .instruction-area {
        background-size: cover
    }

    .powerful-content::before {
        right: -60px
    }

    .single-unlock .unlock-grid {
        padding: 30px 20px
    }

    .single-blog .date-tag {
        margin-bottom: 12px
    }

    .single-blog h3 {
        margin-bottom: 20px
    }

    .single-blog h3 a {
        font-size: 22px
    }

    .banner-content.style-three h1 {
        font-size: 56px
    }

    .banner-img-wrap .banner-img-content {
        margin-left: 0;
        padding: 20px
    }

    .global-content.style-two .standards-list li {
        padding: 10px 0
    }

    .follow-us ul li .infos h3 {
        margin-left: 15px;
        margin-right: 15px
    }

    .review-area.bg-1 {
        background-size: cover;
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 740px) {
    .my-height{
        height: 720px !important;
}
}
@media only screen and (max-width: 530px) {
    .my-height{
        height: 720 !important;
    }
}
@media only screen and (max-width: 489px) {
    .my-height{
        height: 940px !important;
    }
}
@media only screen and (max-width: 400px) {
    .my-height{
        height: 1030px !important;
    }
}
@media only screen and (max-width: 370px) {
    .my-height{
        height: 1060px !important;
    }
}
@media only screen and (max-width: 350px) {
    .my-height{
        height: 1100px !important;
    }
}
@media only screen and (max-width: 343px) {
    .my-height{
        height: 1100px !important;
    }
}

/*# sourceMappingURL=responsive.css.map */