/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .single-hero-area {
        padding: 110px 0 300px 0;
    }
    .header-top-area ul li {
        margin-right: 12px;
    }
    .hero-content h4 {
        font-size: 16px;
    }
    .hero-content h1 {
        font-size: 60px;
    }
    .single-hero-features {
        padding: 20px;
    }
    .about-text h3 {
        font-size: 24px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .single-job h3 {
        font-size: 24px;
    }
    .dr-sm-img {
        left: 15px;
    }
    .course-title a {
        font-size: 18px;
    }
    /* .boxed-content h2 {
        font-size: 19px;
        margin-bottom: 20px;
    } */
    .text-event {
        padding-right: 0;
    }
    .text-event h3 {
        font-size: 30px;
    }
    /* .t-btn {
        background-color: var(--tp-theme-2);
        padding: 15px 18px;
    } */
    /* .footer-widget-title {
        font-size: 24px;
    } */
    .f-post-cont {
        padding-right: 0;
    }
    .footer-widget .f-post li .f-post-cont a, .footer-widget .f-cont li {
        font-size: 13px;
    }
    .about-1-text {
        max-width: 400px;
    }
    .course-widget-plan{
        overflow: hidden;
    }
    .course-widget-plan li {
        float: left;
        width: 33%;
    }
    .single-event-3 {
        flex-direction: column;
    }
    .event-img-3 {
        padding-right: 0;
        width: 100%;
    }
    .event-content-3 {
        width: 100%;
        padding: 30px;
    }
}

/* My Responsive */
@media (max-width: 1920px){
    .hero-content {
        padding: 7rem 16% 7rem 20rem;
    }
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 3rem;
        height: 3rem;
    }
}
@media (max-width: 1370px){
    .hero-content {
        padding: 7rem 20% 7rem 7rem;
    }
    .section-title h2 {
        font-size: 45px;
    }
}
@media (max-width: 1024px){
    .approval_popup .inner_app {
        left: 25%;
    }
    .breadcrumb-area.pt-150.pb-150.theme-overlay {
        height: 19rem;
        padding: 102px 0px;
    }    
    #back-to-top {
        bottom: 9%;
        left: 22px;
    }
    #header-sticky img{
        width: 118%;
    }
    .main-menu {
        margin-left: 0px;
    }
    .header-top-area {
       padding: 8px 0;
    }
    .section-title h2 {
        font-size: 38px;
    }
    .t-btn {
        padding: 9px 19px;
    }
    .lates-article h2{
        font-size: 47px;
    }
    .single-about-us {
        padding: 25px 23px;
        min-height: 18rem;
    }
    .about-text h3 {
        font-size: 23px;
    }
    .about-text p{
        font-size: 15px;
    }
    .text {
       font-size: 24px;
    }
    .student_review p {
        font-size: 16px;
        font-weight: 400;
        line-height: 27px;
        color: #e3ecfb;
    }
    .student_review .student_review_tittle h2 {
        font-size: 50px;
        line-height: 58px;
        margin-bottom: 71px;
        font-weight: 700;
    }
    .student_review {
        height: 24rem;
    }
    .scroll-h3 {
        font-size: 38px;
    }
    .footer-widget-logo img {
        width: 100%;
    }
    .redbtm {
        margin-left: 5rem;
        margin-right: 5rem;
        color: white;
    }
    .article-content p {
        color: white;
        text-align: center;
        margin-top: 42px;
        line-height: 30px;
        z-index: 99;
    }
    .container-fluid.text-light.py-4.bottom-footer {
        margin-top: 3rem;
    }

    .bottom-footer p {
        font-size: 15px;
    }
    /* .progress-wrap {
        position: fixed;
        right: 79px;
        bottom: 9%;
        z-index: 99;
    } */
    .center h2 {
        font-size: 37px;
    }
    .cont-box {
        color: white;
        background: #051b46;
        text-align: center;
        padding: 25px 12px;
        height: 13rem;
        word-wrap: break-word;
    }
}
@media (max-width: 768px){
    .approval_popup .inner_app {
        left: 25%;
    }
    .contact-area iframe {
        width: 100%;
        margin-top: 30px;
    }
    .adm-enter h4 {
        font-size: 25px;
    }
    .fista {
        font-size: 23px;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: black;
        line-height: 35px;
    }
    .bot {
        margin-left: 82.4%;
    }
    a.admison-button {
        margin-left: 76.4%;
    }
    .breadcrumb-area.pt-150.pb-150.theme-overlay {
        height: 16rem;
        padding: 80px 0px;
    }
    .breadcrumb-content h1 {
        color: var(--tp-text-white);
        font-size: 47px;
    }
    .progress-wrap {
        right: 28px;
        bottom: 25px;
    }
    .bottom-footer p {
        font-size: 14px;
        text-align: center;
        line-height: 25px;
    }
    .mbox{
        display: none;
    }
    .mean-container a.meanmenu-reveal {
        top: 16px;
    }
    .hero-content h1 {
        font-size: 49px;
        line-height: 57px;
    }
    .hero-content {
        padding: 5rem 13% 5rem 6rem;
    }
    .hero-content p {
        padding-right: 17%;
    }
    .carousel-item {
        height: 100%;
    }
    #header-sticky img {
        width: 100%;
        margin-top: 8px;
    }
    .our-site {
        padding: 60px 0px;
    }
    .about-us {
        padding: 65px 0px 28px;
    }
    .btn-style-two {
        font-size: 12px;
        line-height: 25px;
        padding: 10px 31px;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .lates-article h2 {
        font-size: 37px;
    }
    .text {
        font-size: 18px;
    }
    .lates-article {
        padding: 55px 0px;
    }
    .student_review p {
        font-size: 15px;
        font-weight: 400;
        line-height: 26px;
    }
    .student_review .student_review_tittle h2 {
        font-size: 37px;
        line-height: 46px;
        margin-bottom: 71px;
        font-weight: 700;
    }
    .student_review .student_review_content img {
        max-width: 58px;
        margin-right: 22px;
    }
    .student_review .student_review_content p {
        font-size: 15px;
        line-height: 25px;
    }
    .student_review .student_review_content h4 {
        font-size: 19px;
        line-height: 17px;
        margin-bottom: 3px;
    }
    .student_review {
        height: auto;
        padding-bottom: 55px;
    }
    .article-content {
        padding: 44px 10px !important;
    }
    .redbtm {
        margin-left: 7rem;
        margin-right: 5rem;
        color: white;
    }
    .section-title h2 {
        font-size: 35px;
    }
    .drem-job {
        display: none !important;
    }
    .job-part.pt-75.pb-70 {
        padding: 65px 0px;
    }
    .scroll-h3 {
        font-size: 35px;
    }
    footer.footer-area.pt-110 {
        padding-top: 66px;
    }
    .center h2 {
        font-size: 33px;
    }
}
@media (max-width: 480px){
    .adm-enter h4 {
        font-size: 19px;
        line-height: 32px;
    }
    .admison-left img {
        width: 100%;
    }
    .bot {
        margin-left: 78.4%;
    }
    a.admison-button {
        margin-left: 70.4%;
        background: #cd2122;
        padding: 8px 13px;
        border-radius: 3px;
        font-weight: 600;
        display: block;
        text-align: center;
        color: white !important;
    }
    .admison-box {
        background: white;
        padding: 33px 20px 5px 20px;
        margin-top: 22px;
    }
    .courses td {
        border: 1px solid black;
        padding: 5px;
        font-size: 12px;
    }
    .tablist li {
        font-size: 15px;
        color: black;
        line-height: 23px;
        font-weight: 500;
        position: relative;
        margin-left: 20px;
        margin-top: 10px;
    }
    .breadcrumb-area.pt-150.pb-150.theme-overlay {
        height: 14rem;
        padding: 80px 0px;
    }
    .breadcrumb-content h1 {
        font-size: 40px;
    }
    .bottom-footer p {
        font-size: 14px;
        text-align: center;
        line-height: 12px;
        letter-spacing: 0.1px;
    }
    .hero-content {
        padding: 4rem 6% 4rem 2.7rem;
    }
    .hero-content h1 {
        font-size: 33px;
        line-height: 45px;
    }
    .hero-content p {
        padding-right: 3%;
        font-size: 15px;
        font-weight: 400;
        line-height: 23px;
    }
    .hero-content {
        margin-bottom: 0px;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 2.5rem;
        height: 2rem;
    }
    .redbtm {
        margin-left: 9rem;
        margin-right: 5rem;
        color: white;
        margin-top: 32px;
    }
    .bg-primary.d-flex.flex-column.p-4 {
        height: 300px !important;
    }
    .hero-content h4 {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .t-btn {
        font-size: 13px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .sticky .logo {
        padding-left: 10px;
    }
    .sticky a.meanmenu-reveal {
        right: 12px !important;
    }
    .mean-container a.meanmenu-reveal {
        top: 20px;
        height: 19px;
        width: 19px;
    }
    .single-about-us:hover .about-icon i {
        left: 192px;
    }
    .about-icon i {
        font-size: 40px;
        color: var(--tp-theme-1);
        position: absolute;
        left: 207px;
        top: 10px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .single-about-us{
        text-align: center;
    }
    .single-about-us {
        padding: 25px 23px;
        min-height: auto;
    }
    .absolute-bg-left .boxed-content {
        margin-left: 0px !important;
        background: rgba(5,27,70,.8);
        padding: 20px;
    }
    .boxed-content {
        background: rgba(5,27,70,.8);
        padding: 20px;
    }
    .our-site {
        padding: 60px 0px;
        margin-top: 19px;
    }
    .site-wrap {
        padding: 50px 0px;
    }
    .btn-style-two {
        font-size: 11px;
        line-height: 25px;
        padding: 9px 23px;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .lates-article h2 {
        font-size: 30px;
    }
    .text {
        font-size: 16px;
    }
    .lates-article {
        padding: 40px 0px;
    }
    .section-title.mb-40.text-left.wow.fadeInUp {
        text-align: center;
    }
    .student_review .student_review_tittle h2 {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .student_review .student_review_tittle h2 br{
        display: none;
    }
    .col-xl-6.col-lg-6.col-md-8.solution-innner.wow.fadeInLeft {
        padding-top: 27px;
    }
    .student_review {
        height: auto;
        padding: 40px 0px;
        text-align: center;
    }
    .student_review .student_review_content {
        margin-left: 118px;
    }
    .student_info {
        text-align: start;
    }
    .scroll-h3 {
        font-size: 30px;
    }
    .job-part p{
        font-size: 15px;
        font-weight: 400;
        line-height: 24px;
    }  
    .scroll-box img {
        margin: 0 18px;
        width: 89px;
        height: auto;
    } 
    footer.footer-area.pt-110 {
        padding-top: 57px;
    }
    i.fa-brands.fa-whatsapp {
        font-size: 31px;
        color: white;
    }
    #back-to-top {
        height: 51px;
        width: 51px;
    }
    .center h2 {
        font-size: 28px;
    }
    .admison-left {
        display: block;
        height: 220px;
        width: 50rem;
        border: 4px solid white;
        transition: all 0.2s linear;
    }
    .admison-right {
        margin-left: 15px;
        width: 45rem;
    }
}
@media (max-width: 360px){
    .admison-right {
        margin-left: 0px;
        width: 45rem;
    }
    .bot {
        margin-left: 71.4%;
    }
    a.admison-button {
        margin-left: 60.4%;
        background: #cd2122;
        padding: 8px 13px;
        border-radius: 3px;
        font-weight: 600;
        font-size: 13px;
        display: block;
        text-align: center;
        color: white !important;
    }
    .fista {
        font-size: 20px;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: black;
        line-height: 33px;
    }
    .admison-box {
        background: white;
        padding: 33px 14px 5px 14px;
        margin-top: 22px;
    }
    /* .progress-wrap {
        padding: 6px 0px 0px 0px;
        height: 2.5rem;
        width: 2.5rem;
        text-align: center;
    } */
    .breadcrumb-area.pt-150.pb-150.theme-overlay {
        height: 13rem;
        padding: 74px 0px;
    }
    .breadcrumb-content h1 {
        color: var(--tp-text-white);
        font-size: 35px;
        margin-bottom: 0px;
    }
    #back-to-top {
        height: 47px;
        width: 47px;
    }
    i.fa-brands.fa-whatsapp {
        font-size: 29px;
        color: white;
    }
    .mean-container a.meanmenu-reveal {
        padding: 6px 7px;
        height: 20px;
        width: 20px;
    }
    .hero-content h1 {
        font-size: 29px;
        line-height: 39px;
    }
    .hero-content {
        text-align: center;
        padding: 4rem 0% 3rem 0rem;
    }
    .hero-content p {
        font-size: 14px;
    }
    h3.text-white.mb-3 {
        font-size: 20px;
    }
    h3.cours-h3 {
        font-size: 20px;
    }
    .redbtm {
        margin-left: 6rem;
        margin-right: 5rem;
        margin-top: 32px;
    }
    .article-content p {
        font-size: 14px;
    }
    .article-content {
        height: auto !important;
        padding: 30px 10px !important;
    }
    .section-title h2 {
        font-size: 25px;
    }
    .single-about-us {
        padding: 17px 14px;
        min-height: auto;
    }
    .about-text h3 {
        font-size: 21px;
    }
    .single-about-us:hover .about-icon i {
        left: 132px;
    }
    .about-icon i {
        font-size: 40px;
        color: var(--tp-theme-1);
        position: absolute;
        left: 159px;
        top: 10px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .about-text h3 {
        font-size: 22px;
    }
    .about-us {
        padding: 47px 0px 18px;
    }
    .site-wrap {
        padding: 40px 0px;
    }
    .boxed-content p {
        color: var(--tp-text-white);
        font-size: 13px;
        margin-bottom: 25px;
        line-height: 23px;
    }
    .lates-article h2 {
        font-size: 23px;
    }
    .text {
        font-size: 15px;
    }
    .student_review .student_review_tittle h2 {
        font-size: 25px;
    }
    .student_review .student_review_content p {
        font-size: 13px;
    }
    .student_review .student_review_content h4 {
        font-size: 17px;
    }
    .student_review .student_review_content img {
        max-width: 50px;
        margin-right: 13px;
        margin-top: -20px;
    }
    .student_review .student_review_content {
        margin-left: 61px;
    }
    .scroll-h3 {
        font-size: 25px;
    }
    .scroll-box img {
        margin: 0 18px;
        width: 58px;
        height: auto;
    }
    .bottom-footer p {
        font-size: 12px;
        text-align: center;
        line-height: 12px;
        letter-spacing: 0.6px;
    }
    .center h2 {
        font-size: 25px;
    }
}
@media (max-width: 320px){
    .fista {
        font-size: 17px;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: black;
        line-height: 28px;
    }
    .bot {
        margin-left: 67.4%;
    }
    .courses td {
        border: 1px solid black;
        padding: 2px;
        font-size: 12px;
    }
    .breadcrumb-content h1 {
        color: var(--tp-text-white);
        font-size: 32px;
        margin-bottom: 0px;
    }
    .breadcrumb-area.pt-150.pb-150.theme-overlay {
        height: 10rem;
        padding: 48px 0px;
    }
    .hero-content h1 {
        font-size: 25px;
        line-height: 32px;
    }
    .hero-content p {
        font-size: 13px;
        padding-right: 0%;
    }
    .t-btn {
        font-size: 12px;
        padding: 7px 16px;
    }
    .article-content {
        height: auto !important;
        padding: 22px 0px !important;
    }
    .article-content p {
        font-size: 13px;
        line-height: 23px;
    }
    .redbtm {
        margin-left: 6rem;
        margin-right: 5rem;
        margin-top: 8px;
    }
    .about-icon span {
        width: 49px;
        height: 48px;
    }
    .about-icon i {
        font-size: 35px;
        color: var(--tp-theme-1);
        position: absolute;
        left: 140px;
        top: 10px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }
    .mean-container a.meanmenu-reveal span {
        height: 2px;
        margin-top: 3px;
    }
    .mean-container a.meanmenu-reveal {
        padding: 5px 6px;
        height: 18px;
        width: 18px;
    }
    .mean-container a.meanmenu-reveal {
        top: 27px;
    }
}









 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .header-area {
        padding: 5px 15px;
    }
    .single-hero-area {
        padding: 100px 0 150px 0;
    }
    .single-hero-features {
        margin-bottom: 20px;
    }
    /* .hero-content h4 {
        font-size: 16px;
    } */
    /* .hero-content h1 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 14px;
    } */
    .article-img img {
        width: 100%;
    }

    /* .hero-content {
        padding-right: 0;
        margin-bottom: 430px;
    } */
    .hero-features {
        bottom: 80px;
    }
    /* .section-title h2 {
        font-size: 30px;
    } */
    .job-ct-2 {
        left: 0;
    }
    .course-title a {
        font-size: 20px;
    }
    .video-overlay {
        width: 100%;
    }
    .single-video-box i {
        position: relative;
    }
    .single-video-box {
        padding-right: 0;
        padding-left: 0;
    }
    .features-video-box.text-center {
        margin-top: 32px;
    }
    .boxed-content {
        padding-left: 15px;
        padding-right: 0px;
    }
    /* .boxed-content h2 {
        font-size: 17px;
        margin-bottom: 8px;
    } */
    .absolute-bg-left .boxed-content {
        margin-left: 15px;
    }
    .text-event {
        padding-right: 0;
    }
    .text-event h3 {
        font-size: 19px;
    }
    .date-event {
        padding: 30px;
    }
    .event-content {
        width: 100%;
    }
    .date-event h3 {
        font-size: 40px;
        margin: 0;
    }
    .pricing-wrap {
        display: grid;
        grid-template-columns: 1fr;
    }
    .choose-course-input input,
     .choose-course-input select,
     .choose-course-input input[type='submit'],
     .choose-course-input .nice-select {
        width: 100%;
        margin-bottom: 10px;
    }
    .home-3 {
        padding: 100px 0 100px 0;
    }
    .home-3 .hero-content {
        margin-bottom: 0;
    }
    .solution-text {
        padding-left: 0;
    }
    .single-event-3 {
        flex-direction: column;
    }
    .event-img-3 {
        padding-right: 0;
        width: 100%;
    }
    .event-content-3 {
        width: 100%;
        padding: 30px;
    }
    .post-conment ul li:nth-child(2) {
        padding-left: 0;
    }

}

 
/* small mobile :320px. */
@media (max-width: 767px) {
    .hero-btn .t-btn {
        margin-bottom: 15px;
    }
    /* .section-title h2 {
        font-size: 23px;
    } */
    .about-text h3 {
        font-size: 24px;
    }
    .single-job {
        padding-right: 0;
    }
    /* .hero-content {
        margin-bottom: 450px;
    } */
    /* .hero-content {
    margin-bottom: 450px;
    } */
    /* .about-us {
        padding: 50px 0;
    } */
    .job-part {
        padding: 50px 0;
    }
    .single-job h3 {
        font-size: 19px;
    }
    .drem-job {
        padding-left: 0;
    }
    .job-ct-3 {
        bottom: 0;
    }
    .section-absolute-bg {
        width: 100%;
    }
    .section-absolute-bg:before {
        display: none;
    }
    .boxed-content:before {
        display: none;
    }
    .choose-course-input input, .choose-course-input .nice-select {
        margin-right: 0;
    }


}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {


/* .drem-job {
    padding-left: 0;
    padding-bottom: 0;
}
.dr-sm-img {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    bottom: 0;
}
.job-item {
    margin-bottom: 30px;
    position: relative;
    left: 0;
}
.job-ct-3 {
    bottom: 0;
}
.job-ct-2.job-item .job-ct-icon {
    position: relative;
    left: 0;
    top: 0;
} */

 
}