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

}

@media (max-width: 1400px) {
.expert .item { width: 100%;}
.navbar .nav-link {font-size: 14px;}
}

@media (max-width: 1200px) {
  .navbar{padding:10px 0}
  .navbar .nav-link{font-size:14px}
  .banner h1 strong{margin:10px 0 0}
  .sec2{background:url(../images/sec2-1.webp) 2% 2% /12% no-repeat,url(../images/sec2-2.webp) 20% 80% /10% no-repeat,url(../images/sec2-3.webp) 85% center /15% no-repeat}
  .about h2 strong{font-size:63px}
  .orderForm h2 strong{padding:0 15%}
}

@media (max-width: 991px) {
p{font-size:14px}
h4{font-size:17px}
.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}
.navbar{padding:10px 0}
.navbar .nav-link{font-size:12px;padding:6px 8px!important}
.navbar .nav-item.login a{width:60px;line-height:15px;font-size:13px;margin:1px 0 0 20px}
.fixMenu{right:0}
.menu_fixed img{width:210px}
.navbar-toggler{position:fixed;top:15px;right:20px;background:var(--yellow);padding:5px;z-index:100;display:block}
.banner{padding:40px 0 50px}
.banner h1{color:#fff;font-size:20px;margin:0 0 10px}
.banner h1 strong{font-size:35px;line-height:37px;margin:10px 0 0; min-height: 80px;}
.banner p{font-size:14px}
.banner .lft img{max-width:310px}
.subusp img{width:60px}
.subusp p{font-size:14px}
.sec2{padding:35px 0 60px;background:url(../images/sec2-1.webp) 2% 5% /12% no-repeat,url(../images/sec2-2.webp) 20% 80% /10% no-repeat,url(../images/sec2-3.webp) 95% center /15% no-repeat}
.sec2 h2 strong{font-size:35px;line-height:37px;margin:10px 0 0}
.sec2 p{font-size:14px}
.wNew h2 strong{font-size:35px;line-height:37px;margin:10px 0 0}
.wNew p{font-size:14px}
.wNew .rt img{max-width:310px}
.wNew{padding:40px 0}
.learn{padding:40px 0 60px}
.learn h2 strong{font-size:35px;line-height:37px;margin:10px 0 0}
.about .rt img{max-width:310px}
.about h2 strong{font-size:35px;line-height:37px;margin:10px 0 0}
.about p{font-size:14px}
.about{padding:40px 0 60px}
.subjects{padding:40px}
.subjects h2 strong{font-size:35px;line-height:37px;margin:10px 0 0}
.orderForm{padding:10px 0 40px;background:url(../images/form-bg.webp) 10% 0 /80px no-repeat,url(../images/form-bg1.webp) 90% 0 / 70px no-repeat}
.orderForm h2 strong{font-size:35px;line-height:37px;margin:10px 0 0}
.testimonial{padding:40px}
.testimonial h2 strong{font-size:33px;line-height:37px;margin:10px 0 0}
.verified li{margin:0 20px}
.verified li img{width:110px}

}

@media (max-width: 767px) {
  body{padding:60px 0 0}
  .logo{text-align:left}
  .logo a{display:inline-block;width:210px;margin: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-collapse{position:fixed;background:#ddd;width:190px;z-index:99;top:62px;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}
  .navbar .nav-link{font-size:16px}
  .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}
  .navbar .nav-link{color:var(--dblu)}
  .topBar{padding:10px 0;position:fixed;z-index:98;top:0;width:100%}
  .banner .lft img{display:none}
  .banner{text-align:center;padding:40px 0 60px}
  .banner h1{text-align:center}
  .banner h1 strong{font-size:50px;line-height:56px}
  .banner h1{font-size:30px}
  .subusp{margin:0 0 40px}
  .sec2 h2 strong{font-size:50px;line-height:56px}
  .sec2{padding:40px 0;background:url(../images/sec2-1.webp) 15% -15px /100px no-repeat,url(../images/sec2-2.webp) 5% 80% /80px no-repeat}
  .sec2 p{width:100%}
  .wNew{text-align:center;padding:40px 0}
  .wNew h2 strong{font-size:47px;line-height:56px;text-align:center}
  .wNew .rt img{max-width:210px;margin:30px 0 0;height:auto}
  .learn{padding:40px 0}
  .learn ul{padding:0 0 0 35px}
  .learn h2 strong{font-size:47px;line-height:56px;text-align:center;margin:10px 0 40px}
  .testimonial{padding:40px 0;text-align:center}
  .testimonial h2 strong{font-size:50px;max-width:none}
  .orderForm{background:none;padding:10px 0 20px}
  .orderForm h2 strong{font-size:50px;line-height:56px}
  .about .rt img{max-width:260px;height:auto}
  .about{padding:40px 0;text-align:center}
  .about h2 strong{font-size:50px;line-height:56px;text-align:center}
  .about p{text-align:center}
  .subjects{padding:40px 0;text-align:center}
  .subjects h2 strong{font-size:50px;line-height:56px;text-align:center}
  .verified li img{width:80px;display:inline-block;height:auto}
  .verified li{margin:0 10px}
}

@media (max-width: 480px){
  .banner h1{font-size:22px}
  .banner h1 strong,.sec2 h2 strong,.wNew h2 strong,.learn h2 strong,.about h2 strong,.subjects h2 strong,.orderForm h2 strong,.testimonial h2 strong{font-size:33px;line-height:40px}
  .learn li{font-size:14px}
  .wNew .rt img{max-width:170px}
  .subjectSlider{margin:10px 0 0}
  .about .rt img{max-width:150px}
  .orderForm h2 strong{padding:0 5%}
  .subjects{padding:40px 0 0}
  .verified li img{width:72px}
  .testimonial{padding:20px 0 0}
  footer p{font-size:12px}
}