@media only screen and (max-width: 900px) and (min-width: 320px) {
.popupform ul {
    margin: 0;
}
    section.our-published {
        padding: 30px 0;
    }

    section.our-published p {
        font-size: 13px;
        line-height: 26px;
    }

    section.our-published p br {
        display: none;
    }

    section.our-published .col-md-4 {
        width: 48%;
        display: inline-block;
    }

    section.our-published h4 {
        font-size: 11px;
    }
    section.our-published img {
        max-width: 54px;
    }


    section.our-published a {
        font-size: 12px;
    }

    section.own-book {
        padding: 20px 0;
    }

    section.own-book h2 span {
        font-size: 13px;
        line-height: 24px;
    }

    section.own-book h2 {
        font-size: 19px;
        line-height: 29px;
        margin: 0 0 10px;
    }

    section.own-book a {
        font-size: 14px;
    }

    section.new-process h2:after {
        display: none;
    }

    section.new-process ul li:nth-child(4), section.new-process ul li:nth-child(8) {
        margin-right: inherit;
        /* border-right: 1px solid #ccc; */
        border: 1px solid #e5e5e5;
    }

    div#testimonails-slider .item {
        width: 100%;
    }
    section.pricing-sec [class^="col-md-4"]>div>div.title-pkg {margin: 0;}

    section.pricing-sec [class^="col-md-4"]>div a {
        width: 80%;
        font-size: 13px;
    }

    section.pricing-sec [class^="col-md-4"]>div ul, section.pricing-sec [class^="col-md-4"]>div h5 {
        padding: 0 20px;
        font-size: 13px;
    }

    section.pricing-sec [class^="col-md-4"]>div>div.title-pkg h3 {
        font-size: 16px;
    }

    section.pricing-sec [class^="col-md-4"]>div>div.title-pkg span {
        font-size: 15px;
    }

    section.new-process h2 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
    }
    section.pricing-sec [class^="col-md-4"]>div>div.title-pkg h4 {
        font-size: 27px;
    }
    section.new-process ul:after {
        display: none;
    }
    div#grad1 {
        display: none;
    }
    section.new-process ul li h3 {
        display: block;
        font-size: 10px;
        padding: 0;
        line-height: 17px;
    }

    section.new-process ul li i img {
        max-width: 30px;
    }
    section.pricing-sec [class^="col-md-4"]>div {
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
        padding: 0;
        padding-bottom: 20px;
    }

    section.pricing-sec [class^="col-md-4"]:last-child>div {
        margin: 0 auto;
        margin-top: 70px;
    }

    section.pricing-sec {
        padding: 20px;
    }

    section.pricing-sec h2 {
        font-size: 31px;
        margin: 10px 0;
    }

    section.pricing-sec h2+p {
        font-size: 15px;
    }

    .pricing-sec .col-md-12.megapkg {
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
        text-align: center;
    }

    .pricing-sec .col-md-12.megapkg>div {
        padding: 30px 0 20px;
    }

    .megapkg #grad1 {
        display: none;
    }

    .pricing-sec .col-md-12.megapkg>div h3, .pricing-sec .col-md-12.megapkg>div h4, .pricing-sec .col-md-12.megapkg>div h5 {
        margin-bottom: 10px;
        display: block;
    }

    .pricing-sec .col-md-12.megapkg>div h3 {font-size: 46px;display: block;}

    .pricing-sec .col-md-12.megapkg img {
        display: block;
        margin: 0 auto;
    }

    .pricing-sec .col-md-12.megapkg>div h4 {
        font-size: 30px;
    }

    .pricing-sec .col-md-12.megapkg>div h4 span {
        font-size: 15px;
    }

    .pricing-sec .col-md-12.megapkg>div h5 {
        padding: 20px 30px;
        font-size: 34px;
    }

    .pricing-sec .col-md-12.megapkg>div h5 span {
        text-align: center;
        font-size: 10px;
    }

    .pricing-sec .col-md-12.megapkg>div a {display: block;padding: 10px 20px;margin: 0 auto;width: 80%;font-size: 12px;}

    section.new-process {
        text-align: center;
        padding: 20px 0;
    }

    section.new-process ul li {
        width: 48%;
        margin: 5px auto 0;
        display: inline-block;
        border: 1px solid #e5e5e5;
    }






    header ul {
        display: none;
    }
    div#bouncepopupform {
        width: 98%;
        margin: 0;
        left: 4px;
    }

    div#CountDownTimerMini {
        display: none;
    }

    div#bouncepopupform h2 {
        text-align: left;
        font-size: 17px;
        padding-right: 22px;
        line-height: 22px;
    }

    div#bouncepopupform h6 {
        text-align: left;
        margin-bottom: 9px;
    }
    header {
        padding: 10px 0;
        text-align: center;
    }

    section.banner {
        padding: 110px 0 0px;
        text-align: center;
        background-position: -110% center;
        position: relative;
    }

    section.banner h1 {
        font-size: 20px;
    }

    div#CountDownTimer {
        width: 250px;
    }

    section.banner p {
        font-size: 16px;
        font-weight: 600;
    }

    ul.banner-features {
        margin-top: 14px;
    }
section.banner a.various+a {
    margin: 0 0 14px !important;
    width: 90%;
}
    ul.banner-features li {
        display: block;
        font-size: 12px;
        margin-bottom: 7px;
        width: 100%;
    }

    ul.banner-features+a {
        font-size: 16px;
        margin: 24px 0 0;
        width: 90%;
        margin-bottom: 10px;
    }

    ul.banner-logos {
        margin-top: 30px;
        padding: 10px 0;
    }

    ul.banner-logos li {
        margin: 0 11px 8px;
    }

    ul.banner-logos li img {
        max-width: 91px;
    }

    section.banner-btm [class^="col-"] {
        width: 46%;
        float: none;
        padding: 11px;
        height: 160px;
        display: inline-block;
        border: 1px solid #ccc !important;
        margin: 0 5px 15px;
    }

    section.banner-btm [class^="col-"] h6 {
        font-size: 12px;
        text-align: center;
        line-height: normal;
        text-transform: uppercase;
        padding: 0;
        float: none;
        width: 100%;
        display: block;
    }

    section.banner-btm [class^="col-"] h6 span {
        font-size: 10px;
        line-height: 16px;
        margin-top: 5px;
    }

    section.banner-btm [class^="col-"] i {
        display: block;
        width: 100%;
        margin: 0 auto 10px;
        float: none;
    }

    img {
        max-width: 100%;
    }

    section.hm-about {
        padding: 20px 0;
        text-align: center;
        line-height: 25px;
        font-size: 12px;
    }

    section.hm-about ul {
        text-align: center;
        padding-left: 40px;
    }

    section.hm-about h2 {
        line-height: normal;
        font-size: 18px;
    }

    section.hm-about a {
        margin-top: 0;
        margin-bottom: 23px;
    }

    section.hm-about ul li {
        text-align: left;
        margin-bottom: 9px;
        font-size: 12px;
    }

    section.portfolio {
        padding: 10px 0;
        text-align: center;
    }

    section.portfolio h2 {
        font-size: 19px;
        margin-bottom: 10px;
        line-height: 30px;
    }

    section.portfolio h2+p {
        font-size: 12px;
        padding: 0;
        margin-bottom: 17px;
        line-height: 25px;
    }

    section.portfolio .btn {
        font-size: 10px;
        margin: 0 1px 5px;
        letter-spacing: 0.5px;
    }

    section.portfolio .toolbar.mb2.mt2 {
        margin-bottom: 13px;
    }

    div#portfolio .tile {
        margin-bottom: 1px;
        padding: 6px;
    }

    div#portfolio .tile img {
        width: 100%;
    }

    section.features-col {
        padding: 30px 0;
    }

    section.features-col h2 {
        font-size: 17px;
        line-height: normal;
        margin-bottom: 40px;
    }

    section.cta-book img {
        max-width: 200px;
        margin-top: -76px;
    }

    section.cta-book {
        text-align: center;
        padding-top: 0;
        margin-top: 93px;
    }

    section.cta-book h2 {
        font-size: 25px;
    }

    section.cta-book .col-md-7 {
        padding-bottom: 33px;
        padding-top: 20px;
    }

    section.cta-book ul {
        display: none;
    }

    section.testimonail {
        text-align: center;
        padding: 30px 0;
    }

    section.testimonail .col-md-6:nth-child(1) {
        padding: 0 15px;
    }

    section.testimonail h2 {
        font-size: 24px;
        line-height: normal;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 10px;
    }

    section.testimonail .col-md-6:nth-child(1):before {
        visibility: hidden;
    }

    section.testimonail h2+p {
        font-size: 15px;
        margin-bottom: 33px;
    }


    section.brands {
        margin-top: 7px;
    }


    footer i.fa.fa-phone {
        font-size: 22px;
    }
    .popupform {
        width: 94%;
        padding: 18px;
    }

    .popupform h2 {
        font-size: 21px;
    }

    .popupform h2+p {
        line-height: 17px;
        font-size: 12px;
    }

    .popupform ul li {
        width: 98%;
        margin-bottom: 0;
    }

    .popupform .fancybox-close-small {
        right: -7px;
        top: -21px;
        padding-top: 0;
    }

    section.brands ul li {
        padding: 14px 5px;
        width: 27%;
    }

    img {
        max-width: 100%;
    }

    footer {
        text-align: center;
        padding: 20px 0 0 0;
        font-size: 12px;
    }

    footer ul {
        float: none;
        text-align: center;
        margin-top: 18px;
    }

    footer ul li {
        text-align: center;
        font-size: 15px;
        padding: 0;
        margin-bottom: 7px;
    }

    footer ul li i {
        display: inline-block;
    }
    section.sponsers-list [class^="col-"] {
        border: 0;
        width: 48%;
        display: inline-block;
        padding-left: 72px !important;
    }

    section.sponsers-list [class^="col-"] i img {
        max-width: 60%;
    }

    section.sponsers-list [class^="col-"] h4 {
        font-size: 21px;
    }

    section.sponsers-list [class^="col-"] p {font-size: 13px;top: 60px;width: 82%;}

    section.sponsers-list [class^="col-"] i {
        left: 30px;
    }
}