@media screen and (max-width: 1499px) {

:root
{
    --size-18:17px;
    --size-24:20px;
    --size-30:25px;
    --size-36:30px;
    --size-40:35px;
    --size-60:45px;
}
.container
{
    max-width: 1140px;
}
.headersec .navbar-nav .nav-item .nav-link
{
    padding: 0 10px;
}
a.redbut
{
    padding: 0 25px;
}
.sglecoursesec
{
    padding-bottom: 40px;
}
a.coursebut
{
    width: 300px;
    height: 75px;
    line-height: 75px;
}
a#floating-box
{
    width: 40px;
    height: 133px;
}

}


@media screen and (max-width: 1399px) {

:root
{
    --size-18:15px;
    --size-24:18px;
    --size-30:20px;
    --size-36:25px;
    --size-40:30px;
    --size-60:40px;
}





}

@media screen and (max-width: 1199px) {

:root
{
    --size-16:15px;
    --size-24:18px;
    --size-30:22px;
    --size-36:28px;
    --size-40:34px;
    --size-60:38px;
}
.headersec .navbar-nav .nav-item .nav-link
{
    padding: 0 6px;
}
.sglestudybox
{
    padding: 35px 15px;
}
.sglecoursesec
{
    padding-bottom: 32px;
}
a.coursebut
{
    width: 250px;
    height: 63px;
    line-height: 63px;
}
.ftrlogo
{
    width: 202px;
    height: 73px;
    padding: 15px;
}


.innercontsec h1, .innercontsec h2{ font-size:var(--size-40);}
.innercontsec h3, .innercontsec h4{ font-size:var(--size-36);}
.innercontsec h5{ font-size:var(--size-30);}
.innercontsec h6{ font-size:var(--size-24); }




}

@media screen and (max-width: 991px) {

:root
{
    --size-24:16px;
    --size-30:20px;
    --size-36:25px;
    --size-40:30px;
    --size-60:35px;
}
.navbar-toggler
{
    padding: 0;
    border: 0;
    background: url(../images/hamburger.webp) no-repeat left top;
    width: 32px;
    height: 22px;
    background-size:100% 100%;
    border-radius: 0;
}
.navbar-toggler span
{
    font-size: 0;
}
.navbar-toggler:focus
{
    box-shadow: none;
}
.navbar-collapse
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 61px;
    z-index: 9;
    background: #fff;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-bottom: 15px;
}
.headersec .navbar-nav .nav-item .nav-link
{
    padding: 0;
    line-height: 40px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.headersec .navbar-nav .nav-item:last-child
{
    padding-bottom: 20px;
}
.headersec .navbar .navbar-brand
{
    max-width: 175px;
}
.leftbannerpart
{
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 20px 0 0;
}
.rightbannerpart {
    flex: 0 0 40%;
    max-width: 40%;
}
.hmefstcontsec, .hmesndcontsec, .hmefrthcontsec
{
    padding: 50px 0;
}
.hmethrdcontsec
{
    padding: 50px 0 0 0;
}
.sglediv
{
    padding: 15px;
}
a.coursebut
{
    width: 200px;
    height: 50px;
    line-height: 50px;
}
.coursethumb
{
    height: 200px;
}
.postthumb
{
    height: 120px;
}
.topftrsec
{
    padding-bottom: 30px;
}

}

@media screen and (max-width: 767px) {

:root
{
    --size-24:15px;
    --size-30:18px;
    --size-36:20px;
    --size-40:22px;
    --size-60:25px;
}
.headersec .navbar .navbar-brand
{
    max-width: 150px;
}
.leftbanneralignpad
{
    gap: 12px;
}
.bannersec h1
{
    font-weight: bold;
}
.leftbannerpart
{
    padding-right: 10px;
}
.rightbanneralignpad p
{
    flex: 0 0 55%;
    max-width: 55%;
    line-height: 1.3;
}
.bannerimg
{
    flex: 0 0 45%;
    max-width: 45%;
}
.hmefstcontsec h2
{
    padding-top: 30px;
    padding-bottom: 10px;
}
.hmesndcontsec h2
{
    padding: 0 0 10px 0;
}
.coursethumb, .postthumb
{
    height: auto;
}
.sglecoursesec
{
    padding-bottom: 25px;
}
.hmethrdcontsec p
{
    text-align: center;
}

#user-registration.vertical .user-registration-MyAccount-navigation{ max-width: 100% !important; margin-bottom: 20px;}
.logged-in .reg-form-sec #user-registration.vertical .user-registration-MyAccount-content {
  padding: 20px 0;
  text-align: left;
}


.hmethrdcontsec .col-md-3 {
  padding: 0 5px;
  width: 50%;
}
 .sglecoursesec {
    padding-bottom: 0px;
  }


}

@media screen and (max-width: 479px) {

.leftbannerpart, .rightbannerpart
{
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}
.rightbannerpart
{
    order: 1;
}
.leftbannerpart
{
    order: 2;
    margin: 25px 0 0 0;
}
.topftrsec ul li
{
    font-size: 14px;
}
.topftrsec ul li a
{
    padding: 0 10px;
}

}

@media screen and (max-width: 400px) {

.hmethrdcontsec .col-md-3 {
  padding: 0 5px;
  width:100%;
}







}