@media (max-width:320px) {
    .index-logo a,
    .index-logo a span,
    .index-logo a:hover {
        font-size: 28px;
        font-family: erasMedium;
        color: #00a1ed
    }
    .index-logo a,
    .navbar-nav {
        text-align: center
    }
    .navbar-brand>img {
        display: block;
        margin-top: 25px;
        margin-left: 0
    }
    .dropdown-menu {
        position: relative;
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }
    .banner-mail p {
        text-align: right;
        margin-top: 20px;
        margin-right: -1px
    }
    .index-logo a span {
        text-align: center;
        font-weight: 700
    }
    .index-logo a:hover {
        text-align: center;
        text-decoration: none
    }
    .banner-content p {
        font-family: PoppinsRegular;
        text-align: center;
        font-size: 24px
    }
    .sitemap a,
    .sitemap-sub a {
        text-decoration: none;
        font-size: 14px;
        text-align: justify;
        position: relative;
        font-family: PoppinsRegular
    }
    .banner-content p span {
        font-size: 24px;
        font-family: PoppinsSemiBold
    }
    .serviceBox .service-img {
        color: #fff;
        line-height: 64px;
        font-size: 33px;
        text-align: center;
        float: left;
        margin-right: 15px;
        margin-bottom: 14px
    }
    .instant-quote-btns a.instance-quote i {
        color: #01a1ec !important;
        font-size: 18px;
        display: none
    }
    footer .get-in-touch {
        background-image: linear-gradient(to right, #41ca85, #01a2eb);
        color: #fff;
        float: left;
        padding: 20px 10px;
        -webkit-box-shadow: 5px 5px 14px 1px #ccc;
        -moz-box-shadow: 5px 5px 14px 1px #ccc;
        box-shadow: 5px 5px 14px 1px #ccc;
        margin-top: -40px;
        margin-bottom: 50px
    }
    .instant-quote-btns a.view-our-services {
        color: #fff !important;
        border: 2px solid #fff;
        padding: 5px;
        margin-right: 2px
    }
    .instant-quote-btns a.view-our-services:hover {
        color: #000 !important;
        border: 2px solid #fff;
        padding: 5px;
        margin-right: 2px;
        background: #fff
    }
    .instant-quote-btns a.instance-quote:hover {
        color: #fff !important;
        padding: 5px;
        background: 0 0;
        border: 2px solid #fff
    }
    .instant-quote-btns a.instance-quote {
        color: #000 !important;
        padding: 5px;
        background: #fff;
        border: 2px solid transparent
    }
    #backtotop,
    #backtotop:hover {
        font-size: 20px;
        width: 40px;
        height: 40px;
        position: absolute;
        top: -154px;
        right: 13px;
        padding: 8px 10px 6px 6px;
        border-radius: 50%;
        display: none;
        color: #fff
    }
    footer {
        background: url(../img/footer.png) 0 0/cover #f5f5f5;
        margin-left: -9px;
        padding: 70px 10px 30px 20px
    }
    .testimonial {
        margin: 0 35px 43px
    }
    #backtotop:hover {
        background: #1ab6ff;
        line-height: 10px
    }
    #backtotop {
        background: #00a1ed;
        line-height: 8px
    }
    .services-inner-page table {
        margin-left: -13px
    }
    .sitemap-sub a {
        color: #fff;
        list-style: none;
        margin-bottom: 10px
    }
    .sitemap a {
        color: #fff;
        margin-bottom: 3px;
        text-transform: capitalize
    }
    .image-container {
        position: relative;
        height: 282px !important;
        margin-top: 22px
    }
    .request-inner-page,
    .sitemap-page-inner {
        float: left;
        margin-top: 40px;
        margin-bottom: 40px
    }
    .after img {
        position: absolute;
        top: 73px !important;
        left: 31px !important
    }
    .sitemap-page-inner {
        background: rgba(0, 0, 0, .7);
        padding: 0;
        width: 100%
    }
    .services-page .image-container img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        margin-bottom: 20px
    }
    .services-page .after img {
        position: absolute;
        top: 106px;
        left: 125px;
        background: #00a1ed
    }
    .services-page .image-container:hover .after {
        display: block;
        background: 0 0 !important
    }
    .capt-rfrshreq {
        position: absolute;
        right: 1px;
        top: 0
    }
    .cap-t {
        width: 85px;
        height: 34px
    }
    .request-inner-page {
        font-family: PoppinsRegular;
        background: rgba(0, 0, 0, .5);
        padding: 5px;
        width: 100%
    }
    .instant-quote-btns a {
        margin-top: 30px;
        display: block;
        text-align: center
    }
}

@media only screen and (min-width:345px) and (max-width:700px) {
    .index-logo a,
    .index-logo a span,
    .index-logo a:hover {
        font-size: 36px;
        font-family: erasMedium;
        color: #00a1ed
    }
    .navbar-brand>img {
        display: block;
        margin-top: 25px;
        margin-left: 0
    }
    .dropdown-menu {
        position: relative;
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }
    .banner-mail p {
        text-align: right;
        margin-top: 20px;
        margin-right: -1px
    }
    .index-logo a span {
        text-align: center;
        font-weight: 700
    }
    .index-logo a {
        text-align: center
    }
    .index-logo a:hover {
        text-align: center;
        text-decoration: none
    }
    .banner-content p {
        font-family: PoppinsRegular;
        text-align: center;
        font-size: 15px
    }
    .sitemap a,
    .sitemap-sub a {
        font-family: PoppinsRegular;
        text-decoration: none;
        font-size: 14px;
        text-align: justify;
        position: relative
    }
    .banner-content p span {
        font-size: 24px;
        font-family: PoppinsSemiBold
    }
    .serviceBox .service-img {
        color: #fff;
        line-height: 64px;
        font-size: 33px;
        text-align: center;
        float: left;
        margin-right: 15px;
        margin-bottom: 14px
    }
    .instant-quote-btns a.instance-quote i {
        color: #01a1ec !important;
        font-size: 18px;
        display: none
    }
    footer .get-in-touch {
        background-image: linear-gradient(to right, #41ca85, #01a2eb);
        color: #fff;
        float: left;
        padding: 20px 10px;
        -webkit-box-shadow: 5px 5px 14px 1px #ccc;
        -moz-box-shadow: 5px 5px 14px 1px #ccc;
        box-shadow: 5px 5px 14px 1px #ccc;
        margin-top: -40px;
        margin-bottom: 50px
    }
    .instant-quote-btns a.view-our-services:hover {
        color: #000 !important;
        border: 2px solid #fff;
        padding: 2px;
        margin-right: 2px;
        background: #fff
    }
    .instant-quote-btns a.instance-quote:hover {
        color: #fff !important;
        padding: 2px;
        background: 0 0;
        border: 2px solid #fff
    }
    .instant-quote-btns a.view-our-services {
        color: #fff !important;
        border: 2px solid #fff;
        padding: 2px;
        margin-right: 2px
    }
    .instant-quote-btns a.instance-quote {
        color: #000 !important;
        padding: 2px;
        background: #fff;
        border: 2px solid transparent
    }
    #backtotop,
    #backtotop:hover {
        font-size: 20px;
        width: 40px;
        height: 40px;
        position: absolute;
        top: -154px;
        right: 13px;
        padding: 8px 10px 6px 6px;
        border-radius: 50%;
        display: none;
        color: #fff
    }
    footer {
        background: url(../img/footer.png) 0 0/cover #f5f5f5;
        margin-left: -9px;
        padding: 70px 10px 30px 20px
    }
    .testimonial {
        margin: 0 35px 43px
    }
    #backtotop:hover {
        background: #1ab6ff;
        line-height: 10px
    }
    #backtotop {
        background: #00a1ed;
        line-height: 8px
    }
    .services-inner-page table {
        margin-left: -13px
    }
    .sitemap-sub a {
        color: #fff;
        list-style: none;
        margin-bottom: 10px
    }
    .sitemap a {
        color: #fff;
        margin-bottom: 3px;
        text-transform: capitalize
    }
    .image-container {
        position: relative;
        height: 282px !important;
        margin-top: 22px
    }
    .after img {
        position: absolute;
        top: 94px;
        left: 49px
    }
    .sitemap-page-inner {
        background: rgba(0, 0, 0, .7);
        padding: 0;
        float: left;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px
    }
    .services-page .image-container img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        margin-bottom: 20px
    }
    .services-page .services-page .after img {
        position: absolute;
        top: 106px;
        left: 125px;
        background: #00a1ed
    }
    .services-page .image-container:hover .after {
        display: block;
        background: 0 0 !important
    }
    .capt-rfrshreq {
        position: absolute;
        right: -3px;
        top: 0
    }
    .cap-t {
        width: 86px;
        height: 34px
    }
    .banner_left {
        padding-left: 0
    }
    .business-expertisee-inn img {
        width: 15rem
    }
    .ma {
        margin: 0 20px
    }
    .jc {
        display: block
    }
    .id1,
    .id2 {
        height: auto
    }
    .achieveimg img {
        height: auto;
        width: 25rem
    }
    .mglr {
        margin: 0 35px 0 15px
    }
    .identify-ecomm-in img {
        width: 20%;
        margin: 0 auto 20px
    }
    .mghlr {
        margin: 0 25px 0 10px
    }
    .mghlrd {
        margin: 0 25px
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
        background-color: #2e3b4c;
        margin-top: 19px;
        z-index: 100
    }
    .navbar-nav {
        margin: 0 !important;
        float: left !important;
        text-align: left;
        width: 100% !important;
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
}