/********************************
************Media query************
************************************/
@media (min-width: 1400px) and (max-width: 1700px){
  
}

@media (max-width: 1400px) {
    .expert .item { width: 100%;}
}

@media (max-width: 1200px) {

}
  
@media (max-width: 991px) {
    h2 {font-size: 28px;}
    .topBar .rt .icon{width:15px;height:15px;fill:var(--green);display:inline-block;vertical-align:top;margin:3px 1px 0}
    .logo a{display:inline-block;width:180px}
    .topBar .rt{font-size:12px;margin:0 0 20px}
    .banner{background: none;}
    .banner h1{font-size:33px}
    .banner h2{font-size:26px; margin:0 0 20px;}
    .navbar-nav{margin-top:0!important}
    .subServ{margin:40px 0 0;padding:20px}
    .expert .item{width:100%}
    .navbar-collapse {
        position: fixed;
        background: #ddd;
        width: 190px;
        z-index: 99;
        top:65px;
        text-align: left;
        padding: 10px 10px 15px;
        right: -200px;
        margin: 0 auto;
        height: 100%; transition: ease all 1s;
    }
    .fixMenu {right: 0;}
    .navbar-nav li {
        border-bottom: solid 1px #ccc;
        margin: 0 0 8px;
    }
    .allExp {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .allExp .smlHd {
        font-size: 18px;
        margin: 0 0 0 0;
        text-align: left;
        color: #000;
        width: 70%;
    }

    .allExp a {
        background: var(--yellow);
        color: #000;
        display: inline-block;
        margin: 20px 0 0 0;
        width: 210px;
        padding: 8px 0;
        font-size: 18px;
        border-radius: 5px;
    }

    .hire {
        margin: 40px 0 0;
    }
    .menu_fixed img {
        width: 210px;
    }

/*****************************Services Page*******************************/
.banner.service-ban h1 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 0 0 20px;
}

.servicesPage {
    text-align: center;
}
.servicesPage h3 {
    font-size: 21px;
}
.servicesPage p {
    font-size: 14px; width: 100%;
}
.servicesPage img {
    display: inline-block;
    vertical-align: top;
    width: 70%;
}

.servicesPage .rtText {
    text-align: center;
}

.servicesPage ul li span {
    width: 80%; text-align: left;
}


.contPageFrm {
    padding: 30px 0 0;
}

.teamPage h1 {
    font-size: 37px;
    margin: 0 0 60px;
    padding: 0;
}
.team h2 {
    margin: 0 0 40px;
}
.service h2 { font-size: 50px; margin: 10px 0px 40px 20px;}
.service .subHdTxt {font-size: 15px;margin: 10px 0 10px;}
.allExp .smlHd {font-size: 17px; width: 70%;}
.subjectTxt small {
    font-size: 18px;
    color: #666;
}
.subjectTxt span {
    width: 100%;
    display: inline-block;
    font-size: 27px;
    line-height: 32px;
    margin: 16px 0 0;
}
.subLinks { font-size: 17px; margin: 20px 0 30px; line-height: 28px;}
.service .icon { width: 40px; height: 40px;}

.whyus h2 { font-size: 28px;}
.whyus h3 {
    font-size: 28px;
    letter-spacing: 1px;
}
.whyus h4 { margin: 0 0 30px;}
.whyus p {font-size: 17px;}

.learn ul{text-align: center;}
.learn ul li {
    font-size: 17px;
    padding: 0 7px;
    border-right: solid 1px var(--nblue);
    line-height: 20px;
    margin: 0 0 15px;
}
.learn {
    padding: 30px 0 50px;
    margin: 9% 0;
    text-align: center;
}

.learn h5 {
    font-size: 30px;
    color: #000;
    margin: 10px 0 40px;
    font-weight: 700;
    text-align: center;
}
.career-ban nav{margin: 0}
.career h2 {
    text-align: center;
    font-size: 28px;
    margin: 0 0 20px;
}

.career p {
    font-size: 17px;}

    .career .usp {
        font-size: 18px;
        line-height: 30px;}

.career .usp strong {
            font-size: 18px;
            margin: 15px 0 10px;
        }

        .career a {
            margin: 0px 0 0;
        }
        .subscribe h4 {
            color: #fff;
            font-size: 16px;
            text-align: center;
        }

        .subscribe h4 span {font-size:18px;}
        .orderNow .modal-title {
            font-size: 23px;
        }
       
        .orderNow .modal-body {
            padding: 5px;
        }
        .orderNow .modal-header {
            padding: 5px 0 0;
        }
        .orderNow .modal-dialog {
            top: 30px;
        }
        .orderNow .form-control {
            height: 40px;
        }
        .orderNow .modal-header .close {
            padding: 0px;
            margin: 10px 10px 0 0;
            background: var(--dpink);
            opacity: 1;
            box-shadow: none;
            text-shadow: none;
            color: #fff;
            width: 22px;
            height: 22px;
            line-height: 10px;
            border-radius: 30px;
            font-size: 21px;
            position: absolute;
            right: 0;
        }
        .banner ul li p {
            font-size: 16px;
        }
        .testimonial .owl-carousel {
            padding: 0 20px; margin: 0;
        }
        .subscribe{text-align: center}
        .subscribeCta {
            float: none;
            display: inline-block;
        }



}

@media (max-width: 767px) {
    body{padding:70px 0 0}
.logo{text-align:left}
.logo a {
    display: inline-block;
    width: 210px;
    margin: 10px 0;
}
.topBar .rt{display:none;}
.topBar .mail{margin:0 0 0 10px}
.topBar .rt a{display:inline-block;vertical-align:top; margin: 0;}
.login{display:none}
.navbar-toggler{position:fixed;top:15px;right:20px;background:var(--yellow);padding:5px;z-index:100}
.navbar-toggler .icon{width:24px;height:24px}
.navbar{padding:0; margin: 0;}

.topBar{padding:10px 0;position:fixed;background:#fff;z-index:98;top:0;box-shadow:0 0 20px -9px #666;width:100%}
.banner h1{font-size:31px;margin:0 0 20px}
.banner h2 {
    font-size: 26px;
}
.banCta {
    margin: 30px 0 50px;
    display: inline-block;
    width: 100%;
}
.banCta a {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0;
    font-size: 16px;
}
.stats p{margin:0 0 20px}
.stats{margin:40px 0 0}
.expert .owl-stage-outer{text-align:center}
.whyus img{padding:0 40px 40px;width:100%}
.career img{padding:20px 0;width:100%}
.social{margin:0 0 20px}
footer h3{font-size:20px;margin:20px 0 5px}
.learnWith ul li span {
    display: inline-block;
    width: 85%;
    vertical-align: top;
}
.learnWith .quotes {
    text-align: center;
    font-size: 15px;
    font-style: italic;
    margin: 80px 0 0;
    color: #efaa2f;
    font-weight: normal;
}

}



@media (max-width: 480px){
  
}