@media only screen and (max-width: 980px) and (min-width: 320px) {
.our-banner:after {
    display: none !important;
}
.dilivery-tec .container .col-sm-5 {
    margin: initial;
}
.dilivery-tec {
    text-align: center;
}

.dilivery-tec img {
    display: inline-block;
    margin: 13px 0;
}


    .menu li a:before{
        display: none;
    }
    section.our-banner.inner-banner.text-left.privacy-banner {
    background: #0b0014;
    height: 200px;
}
    .menu-bottom span:nth-child(2) {
        width: 70%;
    }
    .menu-bottom.click span:nth-child(1) {
        width: 0;
    }
    .menu-bottom.click span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        top: 9px;
        width: 100%;
    }
    .menu-bottom.click span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-bottom span:last-child {
        margin-bottom: 0;
    }
    .menu-bottom {
        width: 40px;
        height: 40px;
        padding: 5px;
        float: right;
        position: absolute;
        z-index: 999999;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        right: 15px;
        top: -46px;
    }
    .menu-bottom span {
        height: 3px;
        background: #d14b84;
        display: block;
        width: 100%;
        margin-bottom: 6px;
        position: relative;
    }
    .menu-bottom.click span {
        background: white;
    }
    .menu-bottom.click {
        top: -100px;
        position: fixed;
        top: 30px;
    }
    .main-menu{
        margin: 0;
        overflow: auto;
        position: fixed;
        right: -100%;
        width: 100%;
        top: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        background: -moz-linear-gradient(281deg, #1a1c4b 0%, #1a1c4b 1%, #033c92 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1c4b), color-stop(1%, #1a1c4b), color-stop(100%, #033c92));
        background: -webkit-linear-gradient(281deg, #1a1c4b 0%, #1a1c4b 1%, #033c92 100%);
        background: -o-linear-gradient(281deg, #1a1c4b 0%, #1a1c4b 1%, #033c92 100%);
        background: -ms-linear-gradient(281deg, #1a1c4b 0%, #1a1c4b 1%, #033c92 100%);
        background: linear-gradient(169deg, #1a1c4b 0%, #1a1c4b 1%, #033c92 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1c4b', endColorstr='#033c92',GradientType=0 );
        height: 100%;
        z-index: 9999;
        padding-top: 20px;
    }
    .main-menu ul {
        padding: 0 0;
        width: 100%;
    }
    .menu li {
        display: block !important;
        margin: 0;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #ffffff9c;
        position: relative;
        text-align: left;
    }
    .menu li a {
        font-size: 22px !important;
        padding-left: 0;
        color: #fff !important;
        font-weight: 500 !important;
        padding: 15px 0 15px 15px;
        text-align: left;
        display: block;
        width: 100%;
        letter-spacing: 0.5px;
        text-align: left;
        text-transform: uppercase;
    }
    .menu-open .main-menu {
        right: 0;
    }
    .menu-open .menu {
        transition-delay: 0.5s;
        opacity: 1;
    }
    header .menu {
        opacity: 0;
    }
    header {
        padding: 20px 0;
    }
    header .logo img {
        max-width: 130px;
    }




    header .get-call a {
        background: #0066ff;
    }
    header .get-call {display: none;}
    .our-banner h1 {
        font-size: 30px;
        margin: 0 0 5px;
    }
    .our-banner .btn-block a {
        font-size: 12px;
        padding: 13px 16px;
    }
    .our-banner .btn-block a i {margin-right: 6px;vertical-align: bottom;}
    [data-aos^=fade][data-aos^=fade] {
        opacity: 1 !important;
    }
    [data-aos=fade-up]{
        transform: translate3d(0,0,0);
    }
    [data-aos=fade-down]{
        transform: translate3d(0,0,0);
    }
    [data-aos=fade-right] {
        transform: translate3d(0,0,0);
    }
    [data-aos=fade-left] {
        transform: translate3d(0,0,0);
    }
    .our-banner {
        padding: 20px 0;
        height: auto;
        margin-top: -140px;
    }
    section{
        overflow: hidden;
    }
    h2{
        font-size: 28px;
    }

    .top-head {
        text-align: center;
        display: none;
    }





    .process-inspire:before, .process-inspire:after {
        display: none;
    }
    .inner-banner.contact-banner{
        padding: 0;
    }
    .process-inspire .process-story img {
        max-width: 200px;
    }
    header .logo {
        max-width: 40%;
    }
    .our-banner h3 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .our-banner p br {
        display: none;
    }
    .our-banner p {
        font-size: 14px;
        font-weight: 300;
        margin: 0 auto 10px;
    }
    .our-banner a {
        font-size: 16px;
        width: 100%;
        text-align: center;
        padding: 10px 4px;
        margin-bottom: 8px !important;
    }
    .our-banner .caption {
        height: 100%;
        display: block;
        position: absolute;
        top: 20%;
    }
    .our-about:after, .our-about .container:before{
        display: none;
    }
    .bundle-img{display: none !important;}

    .our-about {
        padding: 30px 0;
    }

    .our-about p {
        width: 100%;
    }

    .our-about .absolute-img {
        position: static;
    }

    .our-banner .container-fluid {
        width: 95%;
        margin-top: 120px;
        border-radius: 0;
        padding: 20px 0;
    }

    .our-banner ul {
    }

    .our-banner h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 8px;
    }

    .our-banner .container-fluid:after, .our-banner .container-fluid:before {
        display: none;
    }

    .our-banner .btns a {
        margin-right: 4px;
        letter-spacing: 0;
    }

    .our-banner .btns {
        margin-bottom: 30px;
    }
    .dilivery-tec .we-create {
        display: none;
    }

    .our-banner ul.ser-menu {
        display: none;
    }

    .dilivery-tec img.txt-img {
        margin-top: 20px;
    }

    .dilivery-tec .detail-img {
        margin: 0 0 30px 0;
    }

    .what-we-do {
        clear: both;
    }

    .what-we-do ul li {
        width: 100%;
    }

    .portfolio h2 {
        margin: 0 0 10px;
        font-size: 22px;
    }

    .portfolio p {
        margin: 0 0 20px;
        font-size: 13px;
    }

    .portfolio .col-sm-4 {
        width: 33%;
        height: 120px;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .custom-btn {}

    .portfolio .btn-block a {
        padding: 10px 40px;
    }
    .what-we-do img {
        max-width: 70%;
        margin: 0 auto 30px;
        display: block;
    }

    .what-we-do ul {
        margin:  10px 0;
    }

    .portfolio {padding: 20px 0 20px;background: #f1f0f0;}

    .our-pricing {
        padding: 25px 0;
    }

    .our-pricing h2 {
        font-size: 26px;
    }

    .our-pricing p {
        margin: 2px 0 0;
    }

    .our-pricing .owl-pricing {
        margin: 20px auto 0;
        width: 100%;
    }

    .lets-grow .circle-image {
        position: static;
        max-width: 50%;
        display: block;
        margin: 0 auto 0;
    }

    .lets-grow h2 {
        font-size: 26px;
        margin: 20px 0 10px;
    }

    .lets-grow h3 {
        font-size: 16px;
        margin: 0 0 10px;
    }

    .lets-grow .custom-btn {
        padding: 8px 30px;
        font-size: 13px;
    }

    .lets-grow .btn-block a img {
        max-width: 45%;
    }

    .lets-grow {padding: 20px 0;}

    .lets-grow:after {
        display: none;
    }

    .client-review {padding: 30px 0;}

    .mob-hidden{
        display: none;
    }
    header ul{
        background: transparent;
        border-radius: 0;
    }
    .dropdown .nav-link{
        padding: 15px 0 15px 15px;
    }
    footer .col-sm-2 {
        width: 50%;
        margin: 20px 0;
    }
    .dropdown-menu img.sub-image {
        display: none;
    }

    .dropdown-menu ul li a {
        font-weight: 300 !important;
        font-size: 13px !important;
        text-transform: capitalize;
        padding: 8px 50px;
    }

    .dropdown-menu ul li {
        width: 100%;
        margin: 0;
    }

    .dropdown-menu ul {
        margin: 0 0 0 0;
    }

    .dropdown-menu {
        min-width: calc(100% + 33px);
        left: -17px;
        padding: 0;
        background: #a545e8;
        position: static;
        margin-left: -17px;
        border-radius: 0;
        box-shadow: none;
    }

    .dropdown-menu .col-sm-6 {
        background: transparent;
    }

    .dropdown-menu:before {
        display: none;
    }


    .dropdown-menu.show {
        height: 217px;
    }

    .dropdown-menu ul li a {
        padding-left: 33px;
    }
    .dilivery-tec .white {
        display: none;
    }

    .about-banner .container-fluid img {
        position: static;
    }

    .passion h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .passion p {
        font-size: 13px;
    }

    .passion ul li {
        font-size: 30px;
        width: 40%;
        margin-right: 20px;
    }

    .passion ul li:after {
        width: 100%;
        left: 0;
    }

    .our-service p {
        margin-bottom: 40px;
    }

    .process h2 {
        font-size: 26px;
    }

    section.process {
        padding: 30px 0;
    }
    .contact-us-banner .tel {
        font-size: 28px;
        padding: 0;
    }

    .contact-us-banner ul li {
        float: none;
        display: block;
        margin: 15px 0 0;
    }

    .contact-us-banner ul {
        margin-bottom: 20px;
    }

    .contact-us-banner {
        padding: 170px 0 30px;
    }
    .contact-us-banner .form-control {
        padding-left: 10px;
    }

    header ul li.mobile-hide {
        border: none;
        margin: 30px 0 0;
        background: #032558;
        margin-left: -16px;
        width: calc(100% + 32px);
        padding: 20px 0;
        display: block;
    }

    header ul li.mobile-hide a.get-free.various {
        text-align: center;
        padding: 0;
        height: 50px;
        line-height: 50px;
        width: 70%;
        font-size: 17px !important;
        display: table;
        margin: auto;
    }

    header ul li.mobile-hide p {
        margin: 0 0 20px;
        text-align: center;
    }

    header ul li.mobile-hide p a.phone {
        padding: 0;
        text-align: center;
        color: #ff3800 !important;
    }

    header ul li.mobile-hide p:last-child {
        margin: 0;
    }

    header .phone-wrap{
        display: none;
    }

    .our-pricing .heading h2 {
        font-size: 24px;
        margin: 0;
    }

    .our-pricing .heading p {
        font-size: 14px;
        margin: 0;
    }

    .our-pricing .packages {
        margin: 10px auto 0;
    }

    .eror-pagee:after {
        display: none;
    }

    .four4 .box h2 {
        text-align: center;
        font-size: 20px;
    }

    .four4 .box p {
        font-size: 16px;
        text-align: center;
    }

    .four4 .box {padding: 50px 0;text-align: center;}

    .eror-pagee {
    }

    .custom-form img {
        display: none;
    }

    .custom-form {
        padding: 20px;
    }

    .custom-form h2 {
        margin: 10px 0px 10px;
        font-size: 20px;
    }

    .popupform {
        width: 97%;
        border-radius: 10px;
    }

    .custom-form p {
        font-size: 13px;
    }

    .custom-form .form-control {
        margin-bottom: 10px;
        border-radius: 4px;
    }

    .popupform .fancybox-close-small {
        background: #1a1c4b;
        padding: 0;
        position: absolute;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        opacity: 1;
        right: 11px;
        padding: 4px;
    }

    .popupform .fancybox-button svg path {
        fill: #fff;
    }

    .our-pricing-banner h3 img {
        display: none;
    }

    .our-pricing-banner h2 {
        width: 100%;
        margin: 0 0 20px;
    }

    .our-pricing-banner h2 br {
        display: none;
    }

    .our-pricing .packages {
        width: 100%;
    }

    .our-pricing-banner .our-pricing {
        padding: 0;
    }
    .our-combopack {
        margin: 0;
        padding: 15px 0;
    }

    .our-combopack h5 {
        font-size: 14px;
        line-height: 18px;
    }

    .our-combopack h2 {
        font-size: 32px;
        margin: 0 0 10px;
    }

    .our-combopack p {
        font-size: 13px;
        line-height: 22px;
    }

    .our-combopack .btn-pack a {
        width: 100%;
        text-align: center;
        margin: 0 0 20px;
        display: table;
        margin: 0 auto 20px;
        margin-left: 0;
    }

    .our-combopack .btn-pack .custom-btn.get-now:after {
        right: -10px;
    }

    .our-combopack img {
        max-width: 100%;
        position: static;
    }


}