@media (min-width: 2000px) and (max-width: 1500px) {
  .container {
    max-width: 1440px;
  }
}

@media only screen and (max-width: 1800px) {
}

@media only screen and (max-width: 1600px) {
    .stepLine {
    top: 30%;
    left: 44%;
}
}

@media only screen and (max-width: 1444px) {
  html {
    font-size: 14px;
  }
  .girl {
    margin: 0 -6rem -16rem;
}
.fancybox-navigation .fancybox-button--arrow_right {
    right: 20%;
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 25%;
}
.bSec {
    min-height: 52rem;
}
.signUpForm .form-control + i {
    top: 1.3rem;
    right: 2.2rem;
}
.oPremiumBox {
    padding: 5.3rem 3rem;
}
.fInput .phone-container input{
    padding-left: 7rem;
}
.rFormBox {
    min-height: 32rem;
}
}

@media only screen and (max-width: 1366px) {
    .wOurExtra .slick-dots {
    right: -2rem;
}
.fancybox-navigation .fancybox-button--arrow_right {
    right: 15%;
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 20%;
}
.mSec {
    background: url(../images/bg/16.webp) center center/cover no-repeat;
}
.oPremiumBox {
    padding: 4.6rem 3rem;
}
.rFormBox {
    min-height: 32rem;
}
}


@media only screen and (max-width: 1199px) {
  html {
    font-size: 12px;
  }

.mSec {
    background: url(../images/bg/16.webp) center center/cover no-repeat;
}
.wOurExtra .slick-dots {
    left: -3rem;
}
.girl {
    display: none;
}
.form {
    background: url(../images/bg/5.webp) top right/100% auto no-repeat;
    padding:3.5rem 1rem 10.5rem;
}
.form h3 {
    font-size: 2.5rem;
}
.oPremiumBox {
    margin-bottom: 2rem;
}
.yGradeMoneyPlus {
    margin-top: 2rem;
    padding-left: 2rem;
}
.yGradeMoney {
    margin-bottom: 10px;
}
.ySatisfactionSec .rounded , .tMuchCoursesSec .arrow {
    display: none;
}
.oVerSlide figure img {
    width: 100px;
}

.FQuentlySec .accordion {
    margin-bottom: 3rem;
}
.wOurExtra::after {
    display: none;
}

footer .btnWrap {
    margin-bottom: 2rem;
}
.wOurExtra::after {
    width: 72%;
}
.stepContnt h5 {
    margin-left: 1rem;
}
.stepLine {
    display: none;
}
.stepSec .row + .row {
    margin: 4rem 0;
}
.contactBg {
      height: auto !important;
    min-height: auto !important;
}
.fancybox-navigation .fancybox-button--arrow_right {
    right: 10%;
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 15%;
}
.yGradeMoneyPlus::before {
    left: 2rem;
}
.sUPSec #PhoneNumber21 {
    left: 0;
    top: 0;
}
}

@media only screen and (max-width: 991px) {
header .email{
    display:none;
}
.navbar-nav .nav-item .nav-link {
  font-size: 13px;
}
.navbar .logo img {
  width: 76%;
}
header .navbar .navbar-nav {
  gap: 1rem;
  padding-left: 0rem;
}
header .navbar .navbar-nav {
  gap: 1.5rem;
  padding-left: 3rem;
  display: flex;
  align-items: center;
  padding: 2rem 2rem;
}
header .navbar .navbar-nav .nav-item .nav-link {
  font-size: 1rem;
}
.trogleBtn a {
    display: block;
    font-size: 1.4rem;
    color: var(--black);
}

.trogleBtn {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.navbar-toggler {
    border: none;
    color: var(--black);
}

.navbar-toggler button:focus:not(:focus-visible) {
    box-shadow: none;
}


    .tMuchCoursesSec , .sUPSec , .cOnline {
    background: radial-gradient(circle, rgb(45 67 128) 0%, rgba(0,38,96,1) 100%);
}
    .tMuchCoursesSec , .tMuchCoursesSec .tMuchAchor {
    text-align: center;
}
.oStoryImg img {
    display: none;
}
.signUpForm .themeBtn {
    margin: 0px 0;
}

.signUpForm .form-control {
    margin: 10px 0;
}

.signUpForm .form-control + i {
    display: none;
}
.rForm h2::after{
       display: none;
}
.abtGirl {
    margin-bottom: -16rem;
}
.examContnt {
    justify-content: left;
    margin-bottom: 2rem;
}
.examContnt h4 {
    font-size: 1.5rem;
}

.examContnt img {
    width: 60px;
}
.handSec img{
       display: none; 
}
.blueBox {
    margin-left: 0;
    padding: 1rem;
}
.handSec {
    background: radial-gradient(circle, rgb(45 67 128) 0%, rgba(0,38,96,1) 100%);
}
.abtGirl , .handSec img {
    display: none;
}
.wOurExtra .slick-dots {
    display: none !important;
}
.sUPSec #PhoneNumber21 {
    height: 3.7rem;
    margin: 0 10px;
    width: 96%;
}
}

@media only screen and (max-width: 767px) {
     .cOnlineClassImageTwo {
         display: none;
 }
.cOnlineClassImage {
    margin-top: 2rem;
    text-align: center;
}
    .form {
    display: none;
}

.eForm {
    width: 100%;
    background: transparent;
    padding-top: 4rem;
}

.fInput {
    padding: 0;
}
.bSec {
    height: 100%;
    background: linear-gradient(0deg, rgba(0,19,52,1) 0%, rgb(0 41 106) 100%);
}
.oPremiumBoxTwo {
    min-height: auto;
}
.oPremiumBox h2 {
    font-size: 1.7rem;
}

.oPremiumBox {
    padding: 1rem;
}
h2 {
    font-size: 2rem;
}

.title h2:after {
    height: 2px;
    width: 60px;
}
section {
    padding: 2rem 0;
}
.mSec {
    background: radial-gradient(circle, rgb(45 67 128) 0%, rgba(0,38,96,1) 100%);
    padding: 2rem 0;
    text-align: center;
}
.signUpForm .form-control , .signUpForm .themeBtn {
    margin: 10px 0;
}

.sUPSec p {
    margin-bottom: 1rem;
}
.signUpForm .form-control + i {
    position: absolute;
    top: 2rem;
    
}
.wOurSlide .wOurimg {
    min-height: 20rem;
}
footer .btnWrap {
    display: none;
}
.footerList {
    gap: 8rem;
    margin-bottom: 2rem;
}
.copyRight ul {
    justify-content: center;
    margin-top: 1rem;
}

.copyRight p {
    text-align: center;
}

.star {
    display: none;
}
.listStyle li:before {
    background-size: 15px;
}
.cSecOnlineClass .themeBtn-red {
    width: 100%;
    text-align: center;
}
.oStory p {
    font-size: 14px;
}
.oStory h1 {
    font-size: 2rem;
}
.oLineBoxOne {
    padding: 2rem;
    min-height: auto;
        margin-top: 1rem;
}
.oLineWingSec {
    background: radial-gradient(circle, rgb(45 67 128) 0%, rgba(0,38,96,1) 100%);
    padding: 2rem 0;
}
.cOnline {
    padding: 10px;
}
.stepBox {
    padding: 1rem;
    width: 240px;
    height: 160px;
}
.stepBox img {
    width: 100px;
}
.rFormBox {
    padding: 1rem;
}

.rFormBox p {
    padding: 1rem 0;
}

.examSec{
    background: radial-gradient(circle, rgb(45 67 128) 0%, rgba(0,38,96,1) 100%);
}
.wOurExtra::after {
    display: none;
}
footer {
    background: var(--black);
}
.checkBox .btnSec a i {
    display: none;
}
.oLineExamHelp p {
    font-size: 13px;
}

.oLineExamHelp h2 {
    font-size: 2.3rem;
    font-weight: 700;
}

.oLineExamHelp h4 {
    font-size: 16px;
}

.listStyle li {
    font-size: 1.2rem;
}
.oLineExamHelp h4 br {
    display: none;
}
.cOnlineClassImage img {
    display: none;
}
.oPremiumBox {
    background: #ed4f4b;
}
.yGradeMoneyPlus {
    margin-top: 2rem;
    padding-left: 1rem;
}
.yGradeMoneyPlus::before {
    left: 0;
}
.sUPSec .iti--separate-dial-code .iti__selected-flag {
    margin-top: 1rem;
}
.sUPSec #PhoneNumber21 {
    margin:10px;
}
.signUpForm .themeBtn {
    margin-top: 2.4rem;
}
}

@media only screen and (max-width: 575px) {
.bSec {
    height: calc(100% - 3.5rem);
    min-height: auto;
}
    .fInput .themeBtn {
    width: 100%;
}
.title {
    margin-bottom: 1.5rem;
}
h2 {
    font-size: 1.8rem;
}
.oPremiumBoxTwo .strokeText, .oPremiumBox .strokeText {
    font-size: 8rem;
}
section {
    padding: 2rem 0;
}
.yGradeSec {
    background: radial-gradient(circle, rgb(45 67 128) 0%, rgba(0,38,96,1) 100%);
}
.yGradeMoneyPlus .yGradecentent h4 {
    font-size: 1.5rem;
}
.yGradeMoney figure {
    width: 100%;
    height: 9rem;
}

.wOurSlide .wOurimg {
    min-height: 22rem;
}
.wOurExtra {
    margin-bottom: 0;
}
.sUPSec h3 br {
    display: none;
}
footer {
    background: var(--black);
}
.stepBox {
    height: 80px;
    width: auto;
    display: table;
}
.stepBox img {
    width: 60px;
}
.stepContnt ul li {
    padding: 5px 0;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 400;
}
.navbar .logo img {
    width: 12rem;
}
.uStory img {
    width: 18px;
}
.uStory h4 {
    font-size: 14px;
}
.fancybox-navigation .fancybox-button--arrow_right {
    right: 20%;
    top: 87%;

}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 40%;
    top: 87%;
}
.fancybox-infobar {
    bottom: 1.25rem;
}
.sUPSec #PhoneNumber21 {
    width: 95%;
    margin-left: 10px;
    padding-left: 7rem
}
.fInput .phone-container input{
    padding-left: 8rem;
}
.cOnlineClassImage {
    display: none;
}
}