@media only screen and (max-width: 980px) and (min-width: 320px) {
    
    .our-banner0 .what-we-do {padding-bottom: 0; }    
    
    .bgb {
        padding: 24px 0px;
    }
    header a.get-free{
        display: none;
    }
    .fa-caret-right:before {
        content: "\f0da";
        /* padding-left: 18px; */
        position: absolute;
        left: 1px;
        top: 4px;
        font-size: 21px;
        /* margin-left: 11px; */
    }
    .mainvideo {
    
        display: none;
    }
    section.about_sec:after{
        display:none;
    }    
    .about_sec .abt-l {
        position: static;   
        max-width: 100%;
        height: auto;
    }
     .hsd {
        font-size: 27px;
        font-weight: 600;
        color: white;
        text-transform: uppercase;
    }   
    footer .copy{
        
            margin: 5px 0 0;
    }
    .ytza{
        
        font-size: 18px;
        font-weight: 600;
    
    }
    body .element-item { left: 0 !important;   width: 100% !important;    height: auto;}
        
    section.new-pf{  text-align: center; }    
    
    section.our-banner.our-portfolio {    padding: 0;}
     
    section.our-banner.our-portfolio img {  display: none; }    
    
    section.our-banner.web-ser-banner {    padding-top: 0;}
    
    section.our-banner.web-ser-banner .container-fluid {    width: 100%;}
    
    .what-we-do.txtt h1 {    font-size: 26px;    line-height: normal; }
    
    .our-banner.contact-us-banner h3 {    margin-bottom: 10px;    font-size: 26px;    }    
        
    section.our-banner.contact-us-banner:before{ width: 100%; }    
        
    .floating-form-wrap{ display:none !important; }    
        
    body li.anim-slide.s2 {   background: #ffda2a;   }    
    
    body li.anim-slide.s1 {    background: #fd6d81;  } 
    
    body .des {    left: 0;    font-size: 60px;      line-height: normal;        text-align: center;    width: 100%;    right: 0;       top: 20px;}
    
    body .anim-slide h1#slider {    font-size: 60px;    margin: 0 auto;    width: 100%;  }
    
    body .anim-slide h2#plugin {    min-width: auto;    max-width: none;    left: 0;    right: 0;    text-align: center;    top: 90px;      line-height: normal;    min-height: auto;       margin: 0 auto;  }
    
    body .rto {    text-align: center; width: 100%;  }
    
    body .anim-slide h3#license {    min-width: auto;   max-width: none;    font-size: 40px;    line-height: 40px;     top: 130px;   left: 0;  right: 0;    width: 100%;        text-align: center;  }
    
    body .rto2 {    width: 100%; }
    
    body .anim-slide img#css32 {    display: none;   }    
    
    body .anim-slide .yuy , body .anim-slide img#css3 {    display: none;    }
    
    body .anim-slide h3#todo {top: 6%;left: 0;font-size: 60px;line-height: normal;text-align: center;right: 0;margin: 0 auto;}
    
    body .anim-slide h3#aim {    top: 36%;       left: 0;    font-size: 40px;        right: 0;       margin: 0 auto;     line-height: normal;        text-align: center;}
    
    body .our-pricing [class*='col-'] {    flex: 0 0 100%;    max-width: 100%;    margin-bottom: 1em;   }    
        
    body .lets-grow .col-sm-7 { flex: 0 0 100%;  max-width: 100%;}
    
    body .our-banner .col-sm-6 {    max-width: 100%;    flex: 0 0 100%;  }
    
    body section.our-service {margin-top: 0;padding-top: 2em;}
    
    body section.our-service h4 {   position: static;    font-size: 30px;     margin-bottom: 0; }
         
    body ul.anim-slider {height: 220px;}   
    
    body .col-md-6.hi1 {    display: none; }
        
    body .qodef-row-background-text-holder {    display: none;  }    
        
    body footer .info li {     width: auto;          display: table;     margin-left: auto;     margin-right: auto; }    
    
    body .vc_none{display:none !important;}
    
    body .animated-logo a {    /* display: block; */    float: left; }
    
    body .desk-menu {    display: inline-block; }
    
    body header .animated-logo img.logo {    max-width: 160px;}
    
    body .what-we-do.txtt h2 {
        font-size: 20px !important;
        margin-top: 0;
    }
    body section.our-pricing {
        /* text-align: center; */
        padding-top: 0;
    }
    body .our-pricing .pack .price {
        display: table;
        margin: 0 auto;
    }
    body .col-sm-3.side {
        margin-top: 2em;
    }
    body .pos-r {
        padding: 3em 0;
    }
    section.testimonial-section .container {
        border: 0px dashed black;
        border-radius: 0px;
        padding: 0px;
    }
    body section.numbers .col-md-3 h3 {
        font-size: 40px;
    }
    
    body section.numbers {
        padding: 3em  0;
    }
    
    body .vc_custom_1509008121661 {
        padding: 3em 0px 1em;
    }
    
    body .client-review .vc_custom_1509008121661 .wpb_column:first-child {
        display: none;
    }
    
    body .qodef-eh-item-content.qodef-eh-custom-8768 {
        padding-right: 0 !important;
    }
    
    body footer {
        text-align: center;
    }
    
    
    .our-banner:after {
        display: none !important;
    }
    
    .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: -35px;
        }
        .menu-bottom span {
            height: 3px;
            background: #ffffff;
            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, #f3174a 0%, #ff0018 1%, #bd1717 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3174a), color-stop(1%, #1a1c4b), color-stop(100%, #bd1717));
            background: -webkit-linear-gradient(281deg, #f3174a 0%, #ff0018 1%, #bd1717 100%);
            background: -o-linear-gradient(281deg, #f3174a 0%, #ff0018 1%, #bd1717 100%);
            background: -ms-linear-gradient(281deg, #f3174a 0%, #ff0018 1%, #bd1717 100%);
            background: linear-gradient(169deg, #f3174a 0%, #ff0018 1%, #bd1717 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: 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;
            padding: 3em 0;
        }
        h2{
            font-size: 28px !important;
        }
    
        .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 .animated-logo {
            max-width: none;
            width: 100%;
        }
        .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:100%;
            margin-top: 0;
            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: 0px;
        }
        .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;
            padding-top: 3em !important;
        }
    
        .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: 100%;
            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;
            display: none;
        }
    
        .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;text-align: center;}
    
        .lets-grow:after {
            display: none;
        }
    
        .client-review {padding: 30px 0 0;border-bottom: none;}
    
        .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: 30px 0;
            /*text-align: center;*/
        }
        .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: 40px 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;
        }
    li.half-li {
        width: 100%;
    }
    
    .custom-form .col-md-5 {
        display: none;
    }
        .popupform {
            width: 97%;
            border-radius: 10px;
            height: 580px;
        }
    
        .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:4em 0 2em 0;
        }
        .our-combopack {
            margin: 0;
            padding: 3em 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;
        }
    
    
    }