/* Mobile Responsive */
@media(max-width:900px){
    .main-txt-div{
        width: 100%;
        margin: auto;
    }
    .main-txt{
        font-size: 24px;
    }
    .main-txt.black{
        color: white !important;
    }
    .book-div{
        width: 85%;
        bottom: 115px;
    }
    .book-in-box{
        width: 100%;
    }
    .story-bg{
        height: 100%;
        background: none;
    }
    .width-75,.custom-width{
        width: 100%;
    }
    .m-top-55{
        margin-top: 15px;
    }
    .banner-content-div {
        top: 10px;
    }
    .banner-title {
        font-size: 25px;
    }
    .banner-text {
        font-size: var(--font-size-20);
        line-height: 24px;
        padding: 0 20px;
    }
    .banner-icon{
        width: 18%;
    }
    .m-top-80 {
        margin-top: 25px;
    }
    .curve-content-txt{
        text-align: center;
    }
    .main-img-bg {
        background: none;
        height: unset;
    }
    .main-mobile-bg{
        position: relative;
        background-image: url("../../images/banners/aer.png");
        background-size: 100%;
        width: 100%;
        height: 283px;
        background-repeat: no-repeat;
    }
    .main-mobile-opacity{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 50%);
        right: 0;
    }
    .main-logos-div{
        position: unset;
    }
    .row-mobile{
        align-items: center;
        height: 100%;
    }
    .margin-right-0{
        margin-right: 0;
    }
    .margin-left-0{
        margin-left: 0;
    }
    .padding-right-0{
        padding-right: 0;
    }
    .padding-left-0{
        padding-left: 0;
    }
    .m-70{
        margin-top: 120px;
    }
    .flex-logo,.org-logos{
        width: 80%;
    }
    .flex-mob-logo{
        width: 60%;
    }
    .org-box, .org-box:hover{
        height: 150px;
        transform: scale(1) !important;
        transition: unset !important;
        padding: 0 10px;
    }
    .m-left-6{
        margin-left: 6px;
    }
    .logo-org-div{
        width: 65%;
        height: 75px;
    }
    .lisan-div,.maktab-div{
        width: 100%;
    }
    .mati-div {
        width: 85%;
    }
    .org-box-title{
        line-height: 24px;
    }
    .logo-img-link, .logo-img-link:hover{
        width: 85%;
    }
    .footer-txt{
        color: white !important;
    }
    .main-books-div,.nav-book-pills{
        height: auto;
    }
    .book-pos-div{
        top: unset;
    }
    .nav-book-pills{
        height: 120px;
    }
    .book-pos-li{
        top: 11px;
    }
    .book-in-box{
        width: 85%;
        margin: auto;
    }
}

/* End Mobile Responsive */
@media(min-width: 1800px) and (max-width: 2000px){
    .main-img-bg {
        background-size: 43% !important /*70%*/;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .container{
        max-width: 1140px !important;
    }
    .main-txt-div {
        margin: 90px 102px 0 auto !important;
    }
    .m-big-top{
        margin-top: 1% !important; /*9%*/
    }

}


/* Responsive Screen (1400 - 1900) */
@media (min-width: 1400px) and (max-width: 1900px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
    }
    .main-img-bg{
        background-size: 40%;
        background-position: top left;
    }
  /*  .mt-md-5 ,.mt-5{
        margin-top: 120px !important;
    }*/
    .mt-md-4 ,.mt-4{
        margin-top: 30px !important;
    }
    .m-top-80{
        margin-top: 120px !important;
    }
    .nav-pills .nav-link.active:after{
        height: 3px;
    }
    :root{
        --main-title-font-size: 32px !important;
        --section-title-font-size: 30px;
        --section-inside-title-font-size: 30px;
        --section-text-font-size: 21px;
        --font-size-16: 18px;
        --font-size-17: 21px;
        --font-size-18: 22px;
        --font-size-20: 25px;
    }
    .book-div,.book-inside-div{
        bottom: 104px !important;
    }
    .main-txt-div {
        margin: 90px 145px 0 auto;
    }
    .org-box-title{font-size: 17px;}
    .org-logos{
        width: 100%;
    }
    .check-know-btn,.check-know-btn:hover{
        width: 155px;
        height: 48px;
    }
    .footer-link-title{font-size: 19px !important;}
    .footer-link, .footer-link:hover, .contact-txt{
        font-size: 17px !important;
    }
    .mark-title,.count-div p,.levels-box-txt{
        font-size: 23px !important;
    }
    .book-name,.level-title{
        font-size: 27px !important;
    }
    .dropdown-item {
        font-size: 17px !important;
        width: 100%;
        padding: 18px 25px !important;
    }
    .section-text {
        line-height: 30px;
    }
    .m-big-top{
        margin-top: 13% !important;
    }
}
/* End Responsive Screen (1300 - 1900) */

/* Responsive Screen (1400 - 1600) 90% */
@media (min-width: 1400px) and (max-width: 1600px) {
    :root{
        --main-title-font-size: 38px !important;
        --section-title-font-size: 30px !important;
        --section-text-font-size: 20px !important;
        --font-size-16: 17px !important;
        --font-size-17: 19px !important;
        --font-size-18: 18px !important;
        --font-size-20: 22px !important;
    }
    .main-txt-div {
        margin: 13% 11% 0 auto !important;
    }
    .org-box-title{font-size: 16px !important;}
    .org-logos{
        width: 85% !important;
    }
    .hand-wave{
        width: 8% !important;
    }
    .section-text{
        line-height: 32px;
    }
    .width-75{
        width: 92% !important;
    }
    .mt-md-5 ,.mt-5{
        margin-top: 55px !important;
    }
    .mt-md-4 ,.mt-4{
        margin-top: 25px !important;
    }
}
/* End  Responsive Screen (1400 - 1600) 90% */



/* Responsive Screen (1600 - 1700)*/
@media (min-width: 1600px) and (max-width: 1700px) {
    :root{
        --main-title-font-size: 42px !important;
        --section-title-font-size: 30px !important;
        --section-text-font-size: 23px !important;
        --font-size-16: 17px !important;
        --font-size-17: 21px !important;
        --font-size-20: 22px !important;
    }
    .m-big-top{
        margin-top: 13% !important;
    }
    .mt-md-4 ,.mt-4{
        margin-top: 45px !important;
    }
    .main-txt-div {
        margin: 14% 23% 0 auto !important;
    }
    .main-img-bg{
        background-size: 51%; /*43%*/
        width: 100%;
        height: 88vh !important;
    }
    .check-know-btn, .check-know-btn:hover {
        font-size: 21px !important;
        width: 175px;
        height: 55px;
    }
    .section-text{
        font-size: 23px !important;
        line-height: 34px !important;
    }
    .hand-wave {
        width: 8%;
    }
    .path-img {
        width: 45px;
    }
    .more-link,.more-link:hover{
        font-size: 17px !important;
        width: 155px !important;
        height: 45px !important;
    }
    .logo-org-div{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 88px;
    }
}
/* End Responsive Screen (1600 - 1700) */




/* Responsive Screen (1700 - 1800) 75% */
@media (min-width: 1700px) and (max-width: 1900px) {
    :root{
        --main-title-font-size: 40px !important;
        --section-title-font-size: 30px !important;
        --section-text-font-size: 21px !important;
        --font-size-16: 17px !important;
        --font-size-17: 21px !important;
        --font-size-20: 22px !important;
    }
    .section-text {
        line-height: 32px !important;
    }
    .main-txt-div {
        margin: 18% 30% 0 auto;
    }
    .main-img-bg{
        background-size: 40%; /*43%*/
        width: 100%;
        height: 87vh !important;
    }
    .hand-wave {
        width: 8%;
    }
    .m-big-top{
        margin-top: 13% !important;
    }
    .mt-4{
        margin-top: 50px !important;
    }
}
/* End Responsive Screen (1700 - 1800) 75% */

/* Responsive Screen (1900 - 2000) 67% */
@media (min-width: 1900px) and (max-width: 2000px) {
    :root{
        --main-title-font-size: 40px !important;
        --section-title-font-size: 35px !important;
        --section-text-font-size: 24px !important;
        --font-size-16: 17px !important;
        --font-size-17: 21px !important;
        --font-size-20: 22px !important;
    }
    .section-text {
        line-height: 35px !important;
    }
    .main-txt-div {
        width: 67% !important;
        margin: 18% 44% 0 auto;
    }
    .main-img-bg{
        background-size: 40%;
        width: 100%;
        height: 87vh !important;
    }
    .hand-wave {
        width: 8%;
    }
    .m-big-top{
        margin-top: 8% !important;
    }
    .mt-4{
        margin-top: 50px !important;
    }
    .check-know-btn, .check-know-btn:hover {
        width: 185px;
        height: 55px;
        font-size: 23px !important;
        padding-top: 1px;
    }
    .path-img {
        width: 45px;
    }
    .right-path .right-path-txt {
        font-family: ElMessiri-Bold,sans-serif;
        font-size: 22px !important;
        line-height: 28px;
        color: var(--main-black-color);
    }
}

/* Responsive Screen (2000 - 2200) 67% */
@media (min-width: 2000px) and (max-width: 2200px) {
    .main-img-bg{
        background-size: 43%;
        width: 100%;
        height: 88vh !important;
    }
}