@media (max-width: 991px){
    .toggle-search-box {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-left: auto;
        margin-right: 16px;
        display: block;
    }
    .site-offcanvas{
        display: none;
    }
}
@media (max-width: 1024px){
    .slide .slide-heading h2{
        font-size: 40px;
        line-height: 55px;
    }
}
@media (max-width: 767px){
    .consultation-bg .consultation-bg-text h2{
        font-size: 34px;
        line-height: 44px;
    }
    .about-counter-box {
        text-align: center;
        padding: 0px 26px;
        margin-bottom: 20px;
    }
    .mission-vision .mission-vision-box {
        padding-right: 0px;
    }
    .mission-vision .mission-vision-img-part .box1 {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 30px 0px;
    }
    .mission-vision .mission-vision-img-part .box3 {
        margin:0px 0px 30px 0px;
    }
    .section-background-img{
        padding: 30px 65px 60px 65px;
    }
    .section-background .section-heading h2{
        font-size: 28px;
        line-height: 42px;
    }
    .section-background-btn{
        text-align: left !important;
    }
    .about-counter-box span {
        font-size: 30px;
    }
    .about-counter-box h6:before{
        display: none;
    }
    .about-counter-box h6{
        font-size: 11px;
        padding-left: 0px
    }
    .what-do .what-do-box .what-we-do-part .what-we-do-item {
        display: inline-block;
        padding: 0px 5px 0px 0px;
    }
    .page-header{
        padding: 60px 0;
    }
    .page-header h2{
        font-size: 38px;
    }
    .page-header .bread{
        text-align: left !important;
        margin-top: 0px;
        font-size: 12px;
    }
    .team-upper h2{
        font-size: 36px;
    }
    .resume-form{
        padding: 0px;
    }
    .service-page .about-service{
        margin: 40px 0 0 0;
    }
    .section-heading span{
        font-size: 12px;
    }
    .section-heading h2{
        font-size: 27px;
        line-height: 38px;
    }
    .service-page-process .service-process{
        margin: 12px;
    }
    .service-page-process .service-process{
        padding: 120px 0px 30px 0px;
    }
    .contact-list .contact-page-info{
        width: 100%;
    }
    .contact-page .contact-form{
        padding: 60px 15px;
    }
    .navbar{
        padding: 10px 0;
    }
    .navbar-brand{
        margin-left: 26px;
        margin-right: 0px;
    }
}
@media only screen and (max-width: 480px){
    .service-process .service-process-tab .nav-process-list{
        display: block;
        margin-bottom: 10px;
    }
    .service-process .service-process-tab .nav-link-process{
        float: none;
        width: 100%;
        margin: 10px 0;
    }
}