@media (min-width:990px) {
    .mob_highlight,
    .team {
        display: none
    }
}

@media(max-width:1440px) {
    .style-banner {
        padding: 3em 0 2em 0
    }
    .left-banner h4 {
        letter-spacing: -.1px;
        font-size: 20px
    }
    .left-banner p,
    .style-banner p {
        font-size: 1.2rem;
        line-height: 1
    }
    .about-two-grids {
        padding: 3em 3em 3em
    }
    .clients-ile-img {
        padding: 1.7em 1.3em
    }
    .table-mid-head {
        padding: 1.7em 1.5em
    }
    .address_mail_footer_grids iframe {
        height: 17em
    }
    .contact-forms textarea {
        height: 11em
    }
    .inner_page-banner {
        min-height: 256px
    }
    .gapbottomform {
        column-gap: 0
    }
    .ul_top,
    .ul_topup {
        width: 26rem
    }
    .popup_but1,
    .popup_but2 {
        width: 40%
    }
    .history-txt-data {
        padding: 2em 5em
    }
    .click-view {
        margin-left: 3rem
    }
}

@media(max-width:1366px) {
    .about-wthree-grids,
    .blog-wthree-grids,
    .color-img-three {
        padding: 2.2em 1.7em
    }
    .history-w3layouts-grid {
        min-height: 450px
    }
    .clients-txt-ile h4,
    h6 {
        font-size: 19px
    }
    .inner_page-banner {
        min-height: 225px
    }
}

@media(max-width:1280px) {
    .click-view {
        margin-left: 1rem
    }
    .left-banner p,
    .style-banner p {
        letter-spacing: 2px
    }
    h5.top-title {
        font-size: 20px
    }
    .clients-txt-ile h6 {
        font-size: 15px
    }
    .history-txt-data {
        padding: 2em 2em
    }
}

@media(max-width:1080px) {
    nav {
        margin-top: 0
    }
    .title {
        font-size: 27px
    }
    .about-wthree-grids,
    .blog-wthree-grids,
    .color-img-three {
        padding: 2em 1.4em
    }
    .about-wthree-grids h4,
    .blog-left-sub h4 a,
    .blog-wthree-grids h4 a,
    .features-left h4,
    .left-side-story h4,
    .ser-sevice-grid h4,
    .table-mid-head h4 {
        font-size: 15px
    }
    .address_mail_footer_grids iframe {
        height: 15em
    }
    .left-banner p,
    .style-banner p {
        font-size: 1.3rem;
        line-height: 1
    }
    .ul_top,
    .ul_topup {
        font-size: 1rem
    }
    .imgbanner {
        max-height: 430px;
        max-width: 660px;
        border: solid 4px;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        margin-left: auto;
        margin-right: auto
    }
    .style-banner {
        padding: 2em 0 1em 0
    }
    .outs_more-buttn1 {
        width: 64%
    }
}

@media(max-width:1050px) {
    .view-buttn a {
        font-size: 14px;
        padding: 8px 13px
    }
    .about-two-grids {
        padding: 2em 2em 2em
    }
    .table-wthree-price {
        padding: 0 0 1.7em
    }
    .inner_page-banner {
        min-height: 197px
    }
}

@media(max-width:1024px) {
    .outs_more-buttn a {
        font-size: 14px;
        padding: 8px 14px
    }
}

@media(max-width:991px) {
    .nav_main {
        margin-top: -4rem
    }
    .left-banner {
        padding-top: 0
    }
    .title {
        font-size: 26px
    }
    h5.top-title {
        font-size: 19px
    }
    .clients-ile-img {
        padding: 1.5em 1.1em
    }
    .about-two-grids {
        padding: 3em 2em 2em
    }
    .table-mid-head {
        padding: 1.5em 1.5em
    }
    .contact-forms textarea {
        height: 10em
    }
    .move {
        margin-bottom: 5rem
    }
    .style-banner {
        padding: 2em 3em 2em
    }
    .call-btn {
        display: none
    }
    .history-w3layouts-grid {
        margin-bottom: 2rem
    }
    .toggle {
        margin-top: 10px
    }
    .left-banner p,
    .style-banner p {
        font-size: 1.5rem;
        line-height: 1
    }
    .ul_top,
    .ul_topup {
        width: 65%;
        font-size: 1.3rem
    }
    .imgbanner {
        min-height: 230px;
        max-width: 660px;
        border: solid 4px;
        --tw-border-opacity: 1;
        border-color: rgba(255, 255, 255, var(--tw-border-opacity));
        margin-left: auto;
        margin-right: auto
    }
    .history-txt-data {
        margin-top: 1rem;
        padding: 2em 4em
    }
    .pad {
        padding-top: 8rem
    }
    .style-banner h4 {
        font-size: 1.6rem;
        line-height: 2rem
    }
    .outs_more-buttn1 {
        width: 67%
    }
    .imgbanner1,
    .paradise_logo {
        display: none
    }
    .abt_img {
        padding-bottom: 1rem
    }
    .footer-sunone-txt {
        padding-bottom: 1.5rem
    }
}

@media(max-width:900px) {
    .left-banner h4 {
        font-size: 25px;
        letter-spacing: 1px
    }
    .outs_more-buttn1 {
        width: 74%
    }
}

@media(max-width:800px) {
    .left-banner {
        min-height: 473px
    }
    .inner_page-banner {
        min-height: 183px
    }
    .outs_more-buttn1 {
        width: 83%
    }
}

@media(max-width:768px) {
    button.btn1 {
        padding: 6px 0;
        font-size: 15px
    }
    .newsletter input[type=email] {
        padding: 6px 15px
    }
    .outs_more-buttn1 {
        width: 87%
    }
}

@media(max-width:767px) {
    .history-w3layouts-grid {
        min-height: 363px
    }
    .clients-ile-img {
        padding: 1.3em 1.1em
    }
    .table-wthree-price {
        width: 60%;
        margin: 0 auto
    }
    .address_mail_footer_grids iframe {
        height: 13em
    }
    .popup_but2 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

@media(max-width:736px) {
    .about-wthree-grids,
    .blog-wthree-grids,
    .color-img-three {
        padding: 1.7em 1.2em
    }
    .about-wthree-grids h4,
    .blog-left-sub h4 a,
    .blog-wthree-grids h4 a,
    .features-left h4,
    .left-side-story h4,
    .ser-sevice-grid h4,
    .table-mid-head h4 {
        font-size: 15px
    }
    .outs_more-buttn1 {
        width: 91%
    }
}

@media(max-width:667px) {
    .left-banner h4 {
        font-size: 1.9em;
        letter-spacing: 1px
    }
    .left-banner {
        min-height: 416px
    }
    .table-wthree-price {
        width: 63%
    }
    .outs_more-buttn1 {
        width: 100%
    }
}

@media(max-width:640px) {
    .title {
        font-size: 25px;
        line-height: 29px
    }
    .table-mid-head {
        padding: 1.2em 1.2em
    }
    .table-wthree-price {
        padding: 0 0 1.5em
    }
    .contact-forms textarea {
        height: 9em
    }
}

@media(max-width:600px) {
    .style-banner {
        padding: 0 0 0
    }
    .left-banner h4 {
        font-size: 1.8em
    }
    .clients-ile-img {
        padding: 1.1em 1em
    }
    .popup_but1,
    .popup_but2 {
        width: 70%
    }
    .tbl-price {
        display: none
    }
    .view {
        height: 25rem
    }
}

@media(max-width:568px) {
    .left-banner {
        min-height: 369px;
        padding-top: 3rem
    }
    .address_mail_footer_grids iframe {
        height: 11em
    }
    .inner_page-banner {
        min-height: 165px
    }
    .ul_bottom {
        width: 90%
    }
    .history-txt-data {
        padding: 2em 1em
    }
    .ul_top,
    .ul_topup {
        width: 80%;
        font-size: .875rem
    }
    .container-fluid {
        padding-bottom: 2rem
    }
    .pad {
        padding-top: 3.5rem
    }
    .style-banner h6 {
        font-size: 15px
    }
}

@media(max-width:480px) {
    .left-banner h4 {
        font-size: 1.2em
    }
    .about-icon span,
    .service-icon span {
        font-size: 25px
    }
    .about-wthree-grids,
    .blog-wthree-grids,
    .color-img-three {
        padding: 1.5em 1.2em
    }
    .history-w3layouts-grid {
        min-height: 275px
    }
    .table-wthree-price {
        width: 70%
    }
    .bottom-footer p {
        letter-spacing: 1px
    }
    .move {
        margin-bottom: 3rem
    }
    .logohr {
        width: 80%
    }
    .left-banner p,
    .style-banner p {
        font-size: 1.2rem;
        letter-spacing: 1px
    }
    .history-txt-data h5 {
        font-size: 15px;
        line-height: 22px
    }
    .style-banner h4 {
        font-size: 1.3rem;
        line-height: 2rem
    }
    .title1 {
        font-size: 21px
    }
    .title2 {
        font-size: 25px
    }
}

@media(max-width:440px) {
    .cilent-item {
        width: 70%;
        margin: 0 auto
    }
    .history-w3layouts-grid {
        min-height: 231px
    }
    .table-wthree-price {
        padding: 0 0 1.3em
    }
}

@media(max-width:414px) {
    .toggle {
        padding: 5px 11px
    }
    .left-banner h4 {
        line-height: 39px
    }
}

@media(max-width:384px) {
    .left-banner {
        min-height: 300px
    }
    .cilent-item {
        width: 80%
    }
    .history-w3layouts-grid {
        min-height: 206px
    }
    .history-txt-data {
        padding: 2em 0
    }
}

@media(max-width:375px) {
    .left-banner h4 {
        font-size: 1em;
        line-height: 21px
    }
    nav ul ul li a {
        font-size: 13px
    }
}

@media(max-width:320px) {
    .style-banner {
        padding: 0 0 0
    }
    .left-banner {
        min-height: 250px
    }
    .cilent-item {
        width: 94%
    }
    .table-wthree-price {
        width: 90%
    }
    .about-para-txt {
        font-size: 14px
    }
    .title {
        width: 90%
    }
}

@media(max-width:240px) {
    .style-banner {
        padding: 1em 1.5em 0
    }
    .footer_btntxt_size {
        font-size: small
    }
}

@media (min-width:500px) {
    .logohr {
        width: 45%
    }
    .style-banner h4 {
        white-space: pre-line
    }
}

@media (min-width:990px) {
    nav {
        width: 41rem
    }
}

@media (min-width:1175px) {
    .table {
        width: 50%
    }
    .price_table {
        display: flex
    }
    .table1 {
        width: 83.333333%
    }
    .text_table {
        width: 100%
    }
    .text_table {
        font-size: .85rem;
        line-height: 1rem
    }
    div#logo {
        margin-left: 5rem
    }
}