@media only screen and (min-width: 320px) and (max-width: 999px) {
    .topbar-sec .number-btn {
        display: none;
    }
    .topbar-sec {
        justify-content: center;
    }
    .navbar-toggler {
        border-color: #fff;
    }
    .navbar-toggler-icon:before {
        content: "\f0c9";
        font-family: 'FontAwesome';
        color: #fff;
        margin-top: 5px;
        display: block;
    }
    .navbar-nav {
        position: absolute;
        background: #78d1ad;
        width: 351px;
        margin-top: 2px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        margin: 0;
        text-align: center;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        color: #000;
    }
    .navbar-expand-lg .navbar-nav .dropdown:after {
        left: auto;
        right: 0;
        display: none;
    }
    .navbar-expand-lg .navbar-nav .dropdown ul.submenu {
        visibility: visible;
        opacity: 1;
        width: 100%;
        background: #78d2af;
    }
    .navbar-expand-lg .navbar-nav .dropdown ul.submenu .inner-dropdown ul.submenu {
    left: 0;
    opacity: 1;
    position: relative;
    top: 0;
}
    .navbar-expand-lg .navbar-nav .dropdown ul.submenu .inner-dropdown:after {
        display: none;
    }
    section.banner-row {
        padding: 100px 0;
        text-align: center;
    }
    section.banner-row .row {
        flex-direction: column-reverse;
    }
    .banner-sec h1 {
        width: 100%;
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .btns .clr-btn {
        margin: 0 5px;
    }
    .banner-sec .btns {
        margin-bottom: 20px;
    }
    .banner-sec ul li img {
        height: 29px;
    }
    .banner-sec ul li {
        margin: 0 12px 20px;
    }
    .banner-sec ul {
        margin-bottom: 20px;
    }
    .banner-shape-bottom {
        bottom: 0;
    }
    .banner-shape-bottom svg {
        height: 56px;
        width: 100%;
        left: 0;
        bottom: 50px;
    }
    div#balti_popup {
        width: 100%;
    }
    div#balti_popup h3 {
        font-size: 25px;
    }
    .balti_popup .fancybox-close-small {
        right: -6px;
    }
    .brands-sec img {
        height: 36px;
    }
    .w-sec h2 {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .services-head {
        margin-bottom: 20px;
    }
    .services-sec img {
        margin-bottom: 10px;
    }
    .services-sec h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .services-sec p {
        font-size: 14px;
    }
    .services-sec {
        margin-bottom: 20px;
    }
    section.about-row {
        text-align: center;
        padding-bottom: 50px;
    }
    .w-sec h3 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .w-sec p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .w-sec ul li {
        text-align: left;
        font-size: 14px;
        line-height: 24px;
    }
    .about-sec ul {
        margin-bottom: 40px;
    }
    section.approch-row {
        padding: 50px 0 100px;
    }
    .approch-head {
        margin-bottom: 30px;
    }
    .approch-head p {
        width: 100%;
    }
    section.approch-row .col {
        flex: 100%;
    }
    .approch-sec {
        padding: 20px 15px;
        height: auto;
        margin-bottom: 15px;
    }
    .approch-sec img {
        width: 70px;
        margin-bottom: 10px;
    }
    .approch-sec h3 {
        min-height: auto;
    }
    .approch-sec p {
        margin: 0;
    }
    section.packages-row {
        padding: 50px 0;
    }
    .packages-head {
        margin-bottom: 30px;
    }
    .pkg-name-box {
        padding: 20px 0;
    }
    .packages-sec i {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .packages-sec h3 {
        font-size: 22px;
    }
    .pkg-price h2 {
        font-size: 50px;
    }
    .price-box {
        padding: 25px 0;
    }
    .packages-sec {
        height: 500px;
        margin-bottom: 20px;
    }
    section.statistics-row {
        padding-bottom: 50px;
        text-align: center;
    }
    .statistics-lft-sec {
        margin-bottom: 40px;
    }
    .statistics-sec ul li {
        width: 43%;
        margin: 0 10px 15px;
        text-align: center;
    }
    .statistics-sec p {
        margin-bottom: 20px;
    }
    .statistics-sec ul li h3 {
        font-size: 45px;
        margin-bottom: 0;
    }
    section.testimonials-row {
        padding: 50px 0;
    }
    .testi-head {
        margin-bottom: 30px;
    }
    .test-lft-sec {
        display: none;
    }
    .testimonials-sec ul {
        margin-bottom: 10px;
    }
    .testimonials-sec p {
        width: 100%;
        font-size: 14px;
        line-height: 23px;
    }
    .testimonials-sec h4 {
        font-size: 18px;
    }
    footer.footer-row .container {
        padding: 30px 0 0;
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem);
    }
    footer.footer-row {
        text-align: center;
    }
    .footer-cont img {
        width: 50%;
        margin-bottom: 15px;
    }
    .footer-cont {
        margin-bottom: 30px;
    }
    .footer-cont ul {
        margin-left: 20px;
    }
    footer.footer-row h4 {
        margin-bottom: 10px;
    }
    footer.footer-row ul li {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .footer-links {
        margin-bottom: 30px;
    }
    .footer-details ul {
        margin-bottom: 10px;
    }
    footer.footer-row .footer-social-icons ul {
        margin: 20px 0 30px;
    }
    footer.footer-row .footer-social-icons ul li i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .copyright-sec p {
        width: 100%;
        font-size: 14px;
        margin-top: 5px;
    }
    .inner-banner-sec h1 {
        font-size: 30px;
        line-height: 30px;
    }
    section.inner-banner-row {
        padding: 100px 0 90px;
    }
    section.about-page-row {
        padding: 50px 0;
    }
    section.about-page-row .about-rgt-sec {
        margin-bottom: 30px;
    }
    .w-sec h3 br {
        display: none;
    }
    section.about-page-row .about-sec ul {
        margin: 0;
    }
    section.about-statistics-row {
        padding: 50px 0;
    }
    .about-statistics-head p {
        width: 100%;
    }
    .about-statistics-head {
        margin-bottom: 20px;
    }
    .about-statistics-sec h3 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 0;
    }
    .about-statistics-sec {
        margin-bottom: 10px;
    }
    section.overview-row {
        padding: 50px 0;
        text-align: center;
    }
    .overview-lft-sec img {
        width: 100%;
    }
    .overview-lft-sec {
        margin-bottom: 40px;
    }
    section.process-row {
        padding: 50px 0;
    }
    .process-head {
        margin-bottom: 20px;
    }
    .process-box {
        margin-bottom: 25px;
        display: block;
    }
    .time-sec {
        width: 70%;
        margin: 0 auto;
        top: 0;
    }
    .process-sec .process-text {
        margin: 0;
        width: 93%;
        margin: auto;
        margin-right: 0;
        padding: 15px 10px;
    }
    .process-sec {
        flex-direction: column;
        width: 89%;
        margin: auto;
        margin-right: 0;
    }
    .process-sec .icon-sec {
        left: -14px;
        right: 0;
    }
    .process-sec .process-text h3 {
        font-size: 18px;
    }
    .process-sec .process-text p {
        font-size: 14px;
    }
    .process-timeline-sec .middle-line {
        left: 24px;
        margin: 0;
        top: 130px;
        height: 78%;
    }
    .process-box.right-box .process-sec .icon-sec {
        right: auto;
        left: -17px;
    }
    .process-box .process-sec .process-text:before {
        content: "";
        border-width: 11px;
        top: 30%;
        border-left-color: #78d0ab;
        position: absolute;
        left: -22px;
        border-style: solid;
        transform: translateY(-50%);
        border-color: transparent;
        border-right-color: #78d0ab;
    }
    .process-box .process-sec .process-text:after {
        display: none;
    }
    .process-box.right-box .time-sec {
        top: 0;
        text-align: left;
        width: 65%;
    }
    section.contact-row {
        margin-top: 50px;
        padding: 50px 0;
        text-align: center;
    }
    .contact-lft-sec h2 {
        font-size: 28px;
        width: 100%;
        margin-bottom: 10px;
    }
    .contact-sec h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .contact-sec ul li {
        margin-left: 10px;
    }
    .contact-sec ul {
        margin-bottom: 10px;
    }
    .contact-sec .form-group {
        text-align: left;
    }
    .services-banner-sec {
        text-align: center;
    }
    .inner-banner-sec h1 {
        width: 100%;
        margin-bottom: 10px;
    }
    .services-banner-sec h2 {
        font-size: 17px;
        margin-bottom: 10px;
    }
    section.cta-row {
        padding: 70px 0;
        margin-bottom: 50px;
    }
    .cta-sec h2 {
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 40px;
    }
    section.services-choose-row {
        text-align: center;
        padding: 50px 0;
    }
    .services-choose-sec p {
        margin-bottom: 20px;
    }
    .services-choose-sec ul li strong {
        font-size: 18px;
    }
    .services-choose-sec ul {
        margin-bottom: 50px;
    }
    .faq-sec h2 {
        text-align: center;
    }
    .faq-sec h2:after {
        margin: 10px auto 20px !important;
    }
    section.services-process-row {
        padding: 0 0;
    }
    .ser-process-head {
        margin-bottom: 20px;
    }
    section.services-process-row .row .col {
        flex: 100%;
    }
    .ser-process-sec img {
        margin-bottom: 10px;
    }
    .ser-process-sec h3 {
        min-height: auto;
        font-size: 17px;
        margin-bottom: 10px;
    }
    .ser-process-sec {
        margin-bottom: 15px;
    }
    section.build-brand-row {
        padding: 50px 0;
        text-align: center;
    }
    .build-brand-sec h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .list-inners-sec .text {
        text-align: left;
        width: 80%;
    }
    .list-inners-sec .text h3 {
        font-size: 18px;
    }
    .list-inners-sec .text p {
        font-size: 14px;
    }
    .list-inners-sec .icon {
        height: 65px;
        width: 65px;
        line-height: 72px;
    }
    .brand-list-sec:before {
        top: 13px;
        left: 30px;
        height: 90%;
    }
    section.writing-category-row {
        padding: 50px 0;
        text-align: center;
    }
    .writing-head {
        margin-bottom: 20px;
    }
    section.writing-category-row .row .col {
        flex: 100%;
    }
    section.contact-page-row {
        padding: 50px 0;
        text-align: center;
    }
    .contact-page-lft-sec img {
        width: 100%;
    }
    .contact-page-sec {
        padding: 20px 30px;
    }
    .contact-page-sec h2 {
        width: 100%;
        font-size: 24px;
        margin-bottom: 10px;
    }
    .contact-page-sec h3 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
    }
    .contact-page-sec ul {
        margin-bottom: 14px;
    }
    .contact-page-sec ul li {
        font-size: 14px;
    }
    .contact-page-sec .form-group {
        text-align: left;
    }
    .contact-page-sec .form-group label {
        font-size: 14px;
    }
    .contact-page-sec .checkbox-container label {
        font-size: 14px;
        text-align: left;
    }
    .policy-sec {
        text-align: center;
    }
    .policy-sec h2 {
        font-size: 25px;
    }
    .policy-sec ul li {
        text-align: left;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    section#main {
        padding: 120px 0 120px 80px;
    }
    .banner-sec h1 {
        font-size: 35px;
        margin-bottom: 10px;
    }
    .banner-sec .btns {
        margin-bottom: 30px;
    }
    .btns .clr-btn {
        margin-right: 10px;
    }
    .banner-sec ul li {
        margin-bottom: 20px;
        margin-right: 30px;
    }
    .banner-sec ul li img {
        height: 50px;
    }
    .services-head {
        margin-bottom: 30px;
    }
    .services-sec h3 {
        margin-bottom: 10px;
    }
    section.about-row {
        padding-bottom: 80px;
    }
    .w-sec h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .w-sec h2 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 10px;
    }
    .w-sec p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .w-sec ul li {
        font-size: 15px;
    }
    .w-sec ul li:before {
        padding-top: 2px;
    }
    section.approch-row {
        padding: 80px 60px 120px;
    }
    .approch-head {
        margin-bottom: 30px;
    }
    section.approch-row .col {
        width: 25%;
        flex: 0 0 25%;
    }
    section.approch-row .row {
        justify-content: center;
    }
    .approch-sec {
        height: 330px;
        padding: 30px 20px 0px;
    }
    .approch-sec img {
        width: 70px;
        margin-bottom: 10px;
    }
    .approch-sec h3 {
        font-size: 17px;
    }
    .approch-sec p {
        margin: 0;
    }
    section.packages-row {
        padding: 80px 0;
    }
    .packages-head {
        margin-bottom: 30px;
    }
    section.statistics-row {
        padding-bottom: 70px;
    }
    .statistics-sec ul li {
        width: 45%;
    }
    .statistics-sec ul li h3 {
        font-size: 50px;
        line-height: 40px;
        margin-bottom: 5px;
    }
    section.testimonials-row {
        padding: 80px 0;
    }
    .testi-head {
        margin-bottom: 30px;
    }
    .testimonials-sec h4 {
        font-size: 18px;
    }
    footer.footer-row .container {
        padding: 30px 50px 0;
    }
    footer.footer-row .col-lg-3:nth-child(2) {
        padding-left: 90px;
    }
    footer.footer-row .footer-social-icons ul {
        margin-bottom: 30px;
    }
    footer.footer-row .footer-social-icons ul li i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    footer.footer-row .footer-social-icons ul {
        margin-bottom: 20px;
    }
    .copyright-sec p {
        margin-top: 5px;
    }
    .inner-banner-sec h1 {
        font-size: 45px;
        line-height: 45px;
    }
    section.about-page-row {
        padding: 80px 0;
    }
    section.about-statistics-row {
        padding: 80px 0;
    }
    .about-statistics-head {
        margin-bottom: 20px;
    }
    .about-statistics-sec h3 {
        font-size: 50px;
        line-height: 40px;
    }
    section.overview-row {
        padding: 80px 0;
    }
    section.process-row {
        padding: 80px 0;
    }
    .process-head {
        margin-bottom: 30px;
    }
    .process-timeline-sec .middle-line {
        top: 50px;
        height: 800px;
    }
    section.contact-row {
        margin-top: 70px;
        padding: 80px 0;
    }
    .contact-sec h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .contact-sec ul {
        margin-bottom: 20px;
    }
    .services-banner-sec h1 {
        font-size: 40px;
        margin-bottom: 15px;
    }
    .services-banner-sec h2 {
        font-size: 17px;
        margin-bottom: 10px;
    }
    section.cta-row {
        padding: 100px 0;
        margin-bottom: 70px;
    }
    .cta-sec h2 {
        width: 54%;
        margin: 0 auto 20px;
    }
    section.services-choose-row {
        padding: 80px 0;
    }
    .services-choose-sec ul li strong {
        font-size: 18px;
    }
    section.services-process-row {
        padding: 0 60px;
    }
    .ser-process-head {
        margin-bottom: 30px;
    }
    section.services-process-row .row .col {
        flex: 0 0 25%;
    }
    .ser-process-sec {
        margin-bottom: 20px;
    }
    .ser-process-sec img {
        margin-bottom: 15px;
        width: 80px;
        height: 80px;
    }
    .ser-process-sec h3 {
        font-size: 17px;
    }
    section.build-brand-row {
        padding: 80px 0;
    }
    section.writing-category-row {
        padding: 80px 0;
    }
    section.writing-category-row .row .col {
        flex: 0 0 33%;
    }
    section.writing-category-row .row {
        justify-content: center;
    }
    .writing-category-sec {
        padding: 20px 0;
        margin-bottom: 10px;
    }
    .writing-category-sec h3 {
        font-size: 16px;
    }
}