@media (max-width: 991px) {
    .logo-banner-area{
        top: 27%;
    }
    .cbo-pac-btn {
        font-size: 14px;
    }

    .sec-pricing .cdiv .cbtm h5.sm {
        text-align: left;
    }

    .header-contact-detail a:first-child {
        margin-right: 15px;
    }

    .menu-button {
        width: auto;
    }

    .menu-open .main-menu-btns,
    .menu-close .main-menu-btns {
        height: 46px;
        width: 46px;
    }

    .header-contact-detail a {
        font-size: 15px;
    }

    .menu-open span,
    .menu-close span {
        font-size: 16px;
    }

    .banner-para {
        font-size: 16px;
    }

    .menu-button {
        top: -10px;
    }

    .header-contact-detail a i {
        margin-right: 2px;
    }

    .port-tabs .nav-link {
        padding: 10px 3px;
        font-size: 14px;
    }

    .box .num {
        font-size: 50px;
    }

    .box .serv {
        font-size: 20px;
    }

    .footer-form .green-btn {
        margin-right: 5px;
        padding: 6px 9px;
    }

    .services-box-wrap {
        margin-top: 20px;
    }

    .inner-pg-banner .banner-para br {
        display: none;
    }

    .content-wri-img {
        right: -12%;
        width: 45%;
    }

    .web-banner-img img {
        width: 70%;
    }

    .contact-pg-form-wrapper input.form-control {
        height: 50px;
    }

    .contact-pg-form-wrapper textarea {
        height: 130px;
    }

    .contact-pg-form-wrapper .green-btn {
        height: 50px;
    }

    .double-heading {
        overflow: visible;
    }

    .inner-page .inner-pg-banner .banner-logo-text img {
        width: 50%;
    }

    .anim-image {
        right: -14%;
        width: auto;
    }

    .popup-images-wrap {
        display: none;
    }

    .popup-form-box-wrap {
        position: relative;
        right: 0;
        top: 0;
        transform: none;
        width: 100%;
        margin: 0 auto;
    }

    .popup-box-wrap:before {
        display: none;
    }

    .popup-box-wrap {
        padding: 0;
    }

    .popup_form .modal-dialog {
        max-width: 500px;
    }

    .banner-form-btn {
        margin-top: 15px;
    }

    .main_nav-list li {
        margin: 0px 0px 0px 30px;
    }

    .menu-serv-wrapper img {
        flex: 0 0 175px;
        max-width: 175px;
    }

    .main_nav-list a span {
        line-height: 80px;
        margin-left: 15px;
    }

    .menu-serv-content {
        margin-left: 12px;
    }

    .menu-serv-content p {
        font-size: 14px;
    }

    .web-ban-img img {
        width: auto;
    }

    .smm-img {
        right: -13%;
        width: 51%;
    }

    .pack-ban-img {
        right: -8%;
        width: 49%;
    }

    .ecommerce-img {
        right: -14%;
        width: auto;
    }

    .seo-img {
        right: -40%;
        top: 28%;
    }

    .seo-img img {
        width: 50%;
    }

    .port-img {
        top: 7%;
        right: -45%;
    }

    .port-img img {
        width: auto;
    }

    .branding-img {
        right: -16%;
        width: auto;
    }

    .logo-banner-area {
        right: 0%;
    }

    .webportal-image {
        right: -18%;
        width: auto;
    }

    header .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 30.666667%;
        max-width: 30.666667%;
    }

    header .col-md-6 {
        -ms-flex: 100%;
        flex: 68%;
        max-width: 100%;
    }

    .main-cta-new {
        height: auto;
    }

    .main-cta-new:before {
        opacity: 0;
    }

    .main-cta-new .cta-btn .banner-btn {
        margin-right: 10px;
        font-size: 14px;
        padding: 0 20px;
        line-height: 10px;
    }

    .green-btn i {
        height: 17px;
        width: 17px;
        font-size: 9px;
    }

    .main-cta-new .cta-text h3 {
        font-size: 24px;
    }
    .box1 {
        width: 216px;
        margin-bottom: 20px;
    }
    .box2 {
        width: 326px;
        margin: auto;
    }
    .serv-img1.serv-img, .serv-img2.serv-img,
    .serv-img4.serv-img {
        width: 45%;
    }

}

@media (max-width: 768px) {
    .section-title{
        line-height: 46px;
    }
    .service-left-image{
        margin-top: 20px;
    }
    .sec-pricing .cdiv .cbtm ul.mrgn {
        margin-bottom: 30px;
    }

    .sec-pricing .cdiv .cbtm h5 {
        margin: 0 0 20px;
    }

    .sec-pricing .cdiv .cbtm h3 {
        margin: 20px 0 20px;
    }

    .sec-pricing .cdiv .cbtm h5 {
        display: block;
    }

    .scrollbar {
        height: 130px;
        margin-bottom: 35px !important;
    }

    .medium-3 {
        width: 100%;
    }

    .over-animation {
        background-image: linear-gradient(270deg, transparent 0%, aqua 100%);
    }

    /* .menu-bg-black {
        padding-top: 50px;
        padding-left: 45px;
        position: absolute;
        bottom: -100%;
        width: 100%;
        height: 100%;
        transition: all 1s ease-in-out;
    } */

    .serv-menu-heading {
        font-size: 40px;
        padding-bottom: 0;
        position: absolute;
        top: -69px;
        width: auto;
        left: 16px;
        text-align: center;
        padding: 10px 50px;
        display: table;
        border-radius: 50px 50px 0px 0px;
        background-color: #000;
    }

    .other-services {
        position: relative;
        width: 100%;
        max-height: 89vh;
        padding: 0px 40px;
        margin-top: 0;
    }

    .open-services {
        bottom: 0;
        padding: 0;
    }

    .open-services .serv-menu-heading {
        top: 0;
        position: relative;
        bottom: 0;
    }

    .banner-slider {
        position: relative;
        display: none;
    }

    .banner-heading {
        font-size: 12.13vw;
    }

    .green-heading {
        font-size: 13.34vw;
    }

    .ban-sm- {
        font-size: 8.75vw;
    }

    .serv-img {
        width: 48%;
    }

    .port-tabs .nav-link {
        padding: 10px 6px;
        font-size: 15px;
    }

    .cta-detail {
        font-size: 22px;
    }

    /* .paralx-img {
        display: none;
    } */
    .spo-in-hv {
        width: 100%;
        margin: 0 auto;
    }

    .spot-item-hvr {
        left: 8%;
    }

    .spo-in-hv p {
        font-size: 15px;
        line-height: 30px;
    }

    .cta-detail {
        justify-content: space-around;
    }

    .content-wri-img {
        top: auto;
        bottom: -50px;
    }

    .inner-pg-banner .green-heading {
        font-size: 7.69vw;
    }

    .web-banner-img {
        display: none;
    }

    .double-heading .serv-heading {
        top: -7px;
    }

    .portfolio {
        padding: 50px 0 0;
    }

    .sec-heading {
        font-size: 4.5vw;
    }

    .double-heading .serv-heading {
        font-size: 13.81vw;
    }

    .simpler-sol {
        padding: 60px 0 30px;
    }

    .logo-banner-area {
        display: none;
    }

    .services .row .col-md-6:nth-child(1) {
        order: 1;
    }

    .services .row .col-md-6:nth-child(2) {
        order: 2;
    }

    .services .row .col-md-6:nth-child(3) {
        order: 4;
    }

    .services .row .col-md-6:nth-child(4) {
        order: 3;
    }

    .pack-tabs {
        padding: 10px 5px;
    }

    .serv-img6 {
        width: 24%;
    }

    .header-contact-detail {
        margin-right: 0;
    }

    .mr-login {
        margin: 0 44px 0 15px;
    }

    .header-contact-detail a {
        font-size: 14px !important;
    }

    .menu-button {
        top: -14px;
    }

    .main-cta-new {
        padding: 20px 0 30px;
    }

    .main-cta-new .cta-img {
        display: none;
    }

    .main-cta-new .cta-contact {
        align-items: center;
    }

    .main-cta-new .cta-text {
        align-items: center;
        margin-right: 0;
        margin-bottom: 30px;
        display: none;
    }

    .main-cta-new .cta-contact h3 {
        font-size: 30px;
        text-align: center;
    }
    .box2 {
        margin: 0;
        width: 245px;
    }
    .box4 {
        margin: 0;
    }
    .box1 {
        width: 245px;
    }
}

@media (max-width: 575px) {
    header .col-md-6 {
        flex: 45%;
        max-width: 100%;
    }

    header .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
    }

    .inner-page .home-banner {
        padding: 0;
        height: 100vh;
    }

    .header-contact-detail a span {
        display: none;
    }

    .header-contact-detail a:first-child {
        margin-right: 25px;
    }

    .inner-pg-banner .banner-para {
        font-size: 16px;
    }

    .spot-item {
        padding: 0 15px;
    }

    .spo-in-hv {
        width: 100%;
        height: auto;
    }

    .content-wri-img {
        display: none;
    }

    .main-cta {
        padding: 6.15vh 0 6.15vh;
    }

    .popup_form .modal-dialog {
        max-width: 380px;
    }

    .spo-in-hv {
        padding: 15px 20px;
    }

    .spot-item-hvr {
        bottom: 0;
        width: 85%;
        height: 72%;
        left: 8%;
    }

    .spo-in-hv p {
        font-size: 13px;
        line-height: 25px;
    }

    .inner-pg-banner .banner-heading {
        font-size: 8vw;
    }

    .header-contact-detail a i {
        font-size: 22px;
    }

    .pack-tabs-area {
        top: 0px;
    }
    .box1 {
        width: 253px;
    }
    .box2 {
        width: 253px;
    }
    .serv-img1.serv-img{
        right: -70px;
    }
}

@media screen and (max-width: 1200px) {
    .pack-box .header-contact-detail{
        padding: 10px 35px 0;
    }
    .pack-box .header-contact-detail a{
        font-size: 12px;
    }
    .pack-name{
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .cta-detail{
        padding: 10px 5px;
    }
    .pack-box .header-contact-detail{
        padding: 20px 130px 0;
    }
    .inner-logo{
        width: 100% !important;
    }
    .mega-nav{
        height: 60% !important;
    }
    .other-services img{
        display: none;
    }
    .other-services{
        width: 75%;
    }
    .menu-close{
            height: 86px;

    }
    .home-banner {
        padding: 20vh 4.41vw 11vh;
    }

    .navbar-light .navbar-toggler-icon {
        margin-left: -2px;
    }

    .sec-heading {
        font-size: 5.5vw;
    }

    .header-contact-detail a i {
        font-size: 22px;
    }

    .serv-img {
        width: 54%;
        right: -40px;
        top: 0;
        right: 0;
    }

    .serv-box-wrap {
        padding: 6% 20% 6% 5%;
        height: 350px;
    }

    .services-box-wrap {
        margin-top: 10px;
        flex-direction: column;
    }

    .ftr-services {
        padding-top: 5px;
    }

    .ftr-serv-heading {
        visibility: visible !important;
    }

    .cta-text-area .footer-cta-text {
        padding-top: 10px;
        font-size: 14px;
    }

    .footer-logo {
        padding-top: 0vh;
    }

    .footer-logo p {
        padding-top: 10px;
    }

    .sec-pad {
        padding: 6.23vh 0;
    }

    .testi-wrapper {
        margin: 7vh 0 0 0vw;
    }

    .footer-cta {
        padding-bottom: 4vh;
    }

    .center-main-slider .item a img {
        width: 82%;
        margin: 0 auto;
    }

    .inner-pg-banner .green-heading {
        font-size: 10.69vw;
    }

    .main_nav-list li strong {
        font-size: 4vw;
    }

    .main_nav-list a span {
        font-size: 10vw;
    }

    .mega-nav {
        width: 100%;
    }

    .other-services {
        left: -355px;
    }

    .serv-menu-heading {
        top: -68px;
    }

    .header-contact-detail a:first-child {
        margin-right: 30px;
    }

    .animation-elm {
        height: 80vh;
    }

    .inner-page .home-banner {
        height: 87vh;
    }

    .div-rotate {
        height: 60vh;
    }

    .spo-in-hv p {
        font-size: 18px;
    }

    .paralx-img {
        transform: scale(0.7);
    }

    .menu-serv-content p {
        font-size: 13px;
    }

    .menu-serv-content h6 {
        font-size: 17px;
    }

    .pack-tabs {
        font-size: 14px;
    }

    .serv-img6 {
        width: 32%;
        right: -10px;
        top: -10px;
    }

    .serv-img1.serv-img {
        right: -90px;
        top: -30px;
    }

    .serv-img4 {
        right: -35px;
        top: -10px;
    }

    .serv-img3.serv-img {
        right: -30px;
        top: -30px;
    }

    /* Sticky Form  CSS*/

    .floatingform-sec {
        width: 312px;
        right: -270px;
    }

    .floatingform-sec .banner-form {
        width: 270px;
        padding: 15px;
    }

    .floatingform-sec .outer-show {
        width: 42px;
        height: 220px;
    }

    .floatingform-sec .outer-show p {
        left: -44px;
        bottom: 97px;
        font-size: 16px;
    }
    .box1 {
        width: 182px;
    }
    .box2 {
        width: 184px;
    }
    .service-btn-view{
        bottom: 7px;
    }
    .serv-para{
        font-size: 14px;
    }
}

@media (max-width: 414px) {
    .main-header .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 50.666667%;
        max-width: 49.666667%;
    }

    .header-contact-detail a:first-child {
        margin-right: 20px;
    }

    .inner-page .home-banner {
        padding: 21vh 0vw;
    }

    .serv-name {
        font-size: 25px;
    }

    .center-main-slider .item a img {
        width: 71%;
    }

    .cta-detail {
        font-size: 15px;
    }

    .icon i {
        font-size: 9px;
        height: 20px;
        width: 20px;
    }

    .serv-box-wrap {
        padding: 6% 12% 6% 5%;
        height: 350px;
    }

    .cta-text-area .footer-cta-text {
        padding-top: 10px;
        font-size: 11px;
    }

    .serv-menu-heading {
        top: -63px;
        font-size: 36px;
    }

    .main_nav-list a span {
        margin-left: 5px;
    }

    .other-services {
        padding: 0px 3px;
        max-height: 50vh;
    }

    .popup_form .modal-dialog {
        max-width: 350px;
    }

    .pack-tabs-area {
        justify-content: center;
    }

    .pack-tabs {
        padding: 10px 10px;
    }
    .box .num {
        font-size: 40px;
    }
    .box .serv {
        font-size: 18px;
    }
    .box1 {
        width: 162px;
    }
    .box2 {
        width: 164px;
    }
    .serv-img{
        display: none;
    }
    .serv-box-wrap{
        justify-content: flex-start;
    }
}

@media (max-width: 360px) {
    .header-contact-detail a i {
        font-size: 17px;
    }
    .box1 {
        width: 154px;
    }
    .box2 {
        width: 157px;
    }
}