@media(min-width: 1000px) and (max-width:1600px) {
    .banner-form.flotform h3 {
        font-size:20px
    }

    .banner-form.flotform .ban-form input {
        height: 40px;
        margin: 0 0 10px
    }

    .banner-form.flotform .ban-form #countryCode {
        height: 40px!important
    }

    .banner-form.flotform .ban-form textarea {
        height: 50px
    }

    .banner-form.flotform .ban-form input[type=submit],.banner-form.flotform .ban-form textarea,.cmxform select {
        margin: 10px 0 0
    }

    .banner-form.flotform {
        padding: 20px 30px
    }

    .floatbutton {
        top: 23%
    }

    body {
        overflow-x: hidden
    }

}

@media screen and (max-width: 768px) {
    .largebox .leftarea,.largebox .rightarea,.portfoliowrp .navwrp ul li {
        display:inline-block
    }

    .main-mob-app {
        padding: 0;
        background-color: #F46511
    }

    .leftarea img {
        width: 250px
    }

    .largebox {
        font-size: 0;
        padding: 20px 35px 45px;
        border-radius: 3px;
        width: 100%;
        margin: 0 auto;
        height: 100%;
        border: none
    }

    .form-wrap .uper-head img {
        width: 40%
    }

    .clintwrp .counterwrp ul li {
        margin: 0 10px
    }

    .largebox .rightarea {
        width: 100%;
        padding-top: 32px
    }

    .largebox .leftarea {
        width: 100%;
        text-align: center;
        vertical-align: top;
        margin-right: 20px;
        margin-top: 62px
    }

    footer .bdgemainwrp {
        display: block;
        text-align: center
    }

    footer .bdgemainwrp>a {
        display: inline-block;
        margin: 10px 0
    }
}

@media (min-width: 0px) and (max-width:769px) {
    .btn-1,.btn-2 {
        font-size:12px;
        text-align: center
    }

    .home-bnerwrp .txtwrp h4 {
    font-size: 14px;
}

    .portfoliowrp {
    background: #1c2127;
}

    .btn-1,.pkagwerp .navwrp ul li,.portfoliowrp .navwrp ul li {
        display: block;
        margin: 10px 0 0
    }

    .btn-1,.btn-2,footer .bdrwrp .navwrp ul.socialwrp,footer .bdrwrp .txtdiv p {
        text-align: center
    }

    .mobile-nav a img {
        width: 150px
    }

    .home-bnerwrp .imgmain ul li img {
        width: 70px
    }

    .aboutwrp .imgwrp img,.belowform .mfig img,.col-md-3.my-auto.text-right,.floatbutton .clickbutton,.form-box-main form input[type=checkbox]:not(old)+label,.home-bnerwrp video,.home_cta .imgwrp img,.main-combpwrp .imgwrp img,.offerwrp .btnwrp .btn-c,.subservicewrp .mainimg img,header .btm-line:after,header .navwrp ul li a,header.header-main.showmenu .main-nav,input[type=radio]:not(old)+label {
        display: none
    }

    .aboutwrp .head-list p,.portfoliowrp .main-pera.prtwrp,.portfoliowrp .port-box ul li,.subservicewrp .tabwp ul li,section.home_cta p {
        width: 100%
    }

    .home-bnerwrp .txtwrp ul li {
        width: 100%;
        font-size: 14px
    }

    .pkagwerp .pakge-box .pkge-name h2 span:before {
        top: 23px
    }

    .btn-2 {
        margin: 15px 0 0;
        display: block
    }

    .form-wrap {
        width: 100%;
        margin: 0 auto
    }

    .clintwrp .counterwrp ul li .mainwrp span,.companieswrp .companywrp .txtwrp h3,.form-box-main h2,.main-heading {
        font-size: 28px
    }

    section.home-bnerwrp.homewrp {
        padding-bottom: 20px;
        padding-top: 60px;
    }

    .slick-dots {
        bottom: 10px
    }

    .formTop {
        margin-top: 20px
    }

    .clintwrp .counterwrp ul li .mainwrp h4 {
        font-size: 11px
    }

    .main-pera {
        font-size: 13px
    }

    .srv-info-sec .srv-info-wrap .srv-item-content h5,.srv-info-sec .srv-info-wrap .srv-item-content p {
        font-size: 10px
    }

    .srv-info-sec .srv-info-wrap .srv-item-content h3 {
        font-size: 18px
    }

    .offerwrp .offer-chat h3,.pkagwerp .pakge-box .pkge-name h4 {
        font-size: 20px
    }

    .pkagwerp {
        padding: 70px 0 30px
    }

    .cta_inner h1.custom_size {
        font-size: 28px;
        line-height: 37px
    }

    section.home_cta {
        padding-bottom: 30px
    }

    .testiwrp .txtdiv h4 {
        font-size: 32px
    }

    .testiwrp .txtdiv p {
        font-size: 14px
    }

    .testiwrp .txtdiv h6 {
        font-size: 22px
    }

    .home-bnerwrp .txtwrp h1,.pkagwerp .pakge-box .pkge-name h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .home-bnerwrp .col-lg-5 .formTop {
    margin-bottom: 30px;
}

    .form-wrap h1,.home-bnerwrp .txtwrp p {
        font-size: 15px
    }

    .quest-title,.roleswrp .row.bodrbtm span {
        font-size: 12px
    }

    .aboutwrp {
        padding: 60px 20px
    }

    .aboutwrp .head-list h3 {
        font-size: 20px;
        width: 100%
    }

    .workwrp .txtwrp {
        padding: 25px 20px
    }

    .companieswrp .companywrp.hyt,.companywrp.hytwrp {
        height: auto
    }

    .mobile-nav-btn span,.mobile-nav-btn span:after,.mobile-nav-btn span:before {
        background-color: #fff!important
    }

    .mobile-nav-btn {
        z-index: 11111;
        top: 20px
    }

    .form-wrap h1 {
        text-align: left;
        line-height: 30px
    }

    .testiwrp .imgwrp img {
        margin: 0 0 20px;
        height: 200px;
    }

    footer .bdrwrp img {
        margin: 10px 0
    }

    footer .bdrwrp {
        margin: 40px 0 0
    }

    footer .bdrwrp .txtdiv ul {
        text-align: center;
        margin: 20px 0 0
    }

    .home-bnerwrp .txtwrp {
        margin: 50px 0 0
    }

    .form-wrap h1 span {
        width: 97%
    }

    .bnr-inpfild input#free_cons_phone1 {
        width: 66%
    }

    .pkagwerp:after {
        height: 100%
    }

    .form-box-main form input#free_cons_phone1 {
        margin: 0 0 20px 13px!important;
        width: 65%
    }

    .form-box-main #countryCode {
        margin: 0 0 0 16px!important
    }

    .srv-info-sec {
        padding: 40px 0
    }

    .clintwrp .counterwrp ul li {
        width: 36%
    }

    .ordernow-form.serve-form input#free_cons_phone1 {
        width: 66%!important
    }

    .offerwrp .offerimg img {
        padding: 0 0 20px
    }

    .order-pg header {
        height: 70px
    }
}

@media (min-width: 320px) and (max-width:375px) {
    .form-wrap .uper-head img {
        width:70px
    }

    .form-wrap h1 {
        line-height: 20px
    }

    .form-wrap h1 span {
        width: 100%
    }

    .col-md-3.my-auto.text-right,.subservicewrp .mainimg img,header .btm-line:after,header.header-main.showmenu .main-nav {
        display: none
    }

    .srv-info-sec {
        padding: 40px 0
    }

    .ordernow-form.serve-form input#free_cons_phone1 {
        width: 66%!important
    }

    .order-pg header {
        height: 70px
    }
}