/*============ responsive css ==============*/

/* For small devices */

@media screen and (max-width: 340px){
    
    /*======= Home Page =======*/

    .carousel-caption h5 {
        font-size: 17px;
        position: relative;
        top: 10px;
    }

    .carousel-caption p {
        
        display: none;
    }

    .course-btn {
        display: none;
    }

    .home-about-us {
        padding: 15px 10px 15px;
    }

    .about-img {
        padding-bottom: 10px;
    }

    .home-about-us .about-text h2 {
        font-size: 25px;
    }

    .about-section-title .exam-title {
        position: relative;
        top: 20px;
        font-size: 26px;
    }

    .program-des {
        margin-bottom: 17px;
    }

    .home-gallery-section {
        padding: 15px 10px 15px;
    }

    .home-gallery-section .section-title .gallery-title  {
        position: relative;
        font-size: 26px;
    }

    .gallery-btn {
        margin-top: 0px;
        padding: 20px;
    }

    .button-round-primary {
        padding: 16px 17px;
        font-size: 12px;
    }

    .home-counter-section {
        padding: 15px 10px 15px;
    }

    .sec-title .title {
        font-size: 27px;
        padding-bottom: 30px;
        padding-top: 42px;
    }

    .sec-title .contact-btn {
        padding: 14px 17px;
        font-size: 12px;
        position: relative;
        bottom: 3px;
    }

    .count-sec {
        margin-bottom: 35px;
    }

    .home-counter-section .counter-list {
        margin-left: 0px;
    }

    .home-testimonial-section {
        padding: 15px 10px 15px;
    }

    .client-testimonial .text {
        font-size: 14px;
    }

    .client-testimonial .main-btn {
        line-height: 38px;
    }

    .site-footer .top-footer {
        padding-top: 45px;
        padding-bottom: 30px;
    }

    .site-footer .footer-social-links {
        margin-top: 16px;
        margin-bottom: 10px;
    }

    .footer-news-letter input {
        width: 69%;
    }

    .footer-news-letter button {
        width: 31%;
    }

    /*======= About Page =======*/

    .about-section {
        padding: 15px 10px 15px;
        margin-bottom: 15px;
    }

    .about-section .about-title {
        position: relative;
        font-size: 20px;
    }

    .academy-section {
        padding: 15px 10px 15px;
        margin-bottom: 15px;
    }

    .academy-section .inner-academy-image {
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .academy-section .academy-content {
        padding: 14px;
    }

    .academy-section .academy-content .academy-title {
        margin-top: 20px;
        font-size: 20px;
    }

    .experience-section {
        padding: 15px 10px 15px;
        margin-bottom: 15px;
    }

    .experience-section .experience-content {
        padding: 14px;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .experience-section .experience-content .experience-title {
        margin-top: 20px;
        font-size: 20px;
    }

    /*======= Nursing Page =======*/

    .nursing-exam-section {
        padding: 15px 10px 15px;
        margin-bottom: 15px;
    }

    .nursing-exam-section .inner-exam-wrap .post .nursing-content h4 {
        font-size: 19px;
    }

    /*======= Study Abroad Page =======*/

    .country-section {
        padding: 15px 10px 15px;
        margin-bottom: 15px;
    }

    .country-section .right-sidebar .countries-wrap {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 30px;
    }

    .enq-form-wrap {
        padding: 13px 13px;
    }

    .enq-form-wrap .enq-title {
        font-size: 20px;
    }

    .enq-form-wrap p {
        font-size: small;
    }

    .enq-form-wrap input[type=submit] {
        padding: 14px 17px;
        font-size: 12px;
        position: relative;
    }

    .feature-section {
        padding: 15px 10px 15px;
        margin-bottom: 15px;
    }

    .feature-section .feature-title {
        font-size: 20px;
        margin-bottom: 17px;
    }


    .feature-section .feature-wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 40px;
    }

    .feature-section .feature-wrapper .feature-type {
        padding: 40px 25px 40px;
    }

    .feature-section .feature-wrapper .feature-type .feature-icon i {
        font-size: 45px;
    }

    .feature-section .feature-wrapper .feature-type .feature-head {
        font-size: 20px;
    }

    .feature-section .feature-wrapper .feature-type .feature-info {
        padding: 10px;
    }

    .faq-page-section {
        padding: 15px 10px 15px;
        margin-bottom: 15px;
    }

    .faq-page-container .section-head .faq-title {
        /*margin-top: 20px;*/
        font-size: 20px;
    }

    .faq-page-container .accordion .card {
        margin-bottom: 10px;
    }


    /*======= Contact Page =======*/

    .contact-page-section {
        padding: 15px 10px 15px;
        margin-bottom: 15px;
    }

    .contact-page-section .contact-form-inner {
        margin-top: 40px;
    }

    .contact-detail-container {
        padding-bottom: 20px;
    }

    .contact-detail-container .section-head .section-title {
        font-size: 26px;
    }

    .contact-detail-container .contact-details-list {
        margin-right: 0px;
        margin-top: 20px;
    }

    .contact-detail-container .contact-details-list ul li {
        padding: 10px 15px 10px 15px;
        margin-bottom: 15px;
    }

    .contact-detail-container .contact-details-list ul li .icon {
        margin-right: 10px;
    }

    .contact-detail-container .contact-details-list ul li .icon i {
        width: 55px;
        height: 55px;
        line-height: 58px;
        font-size: 25px;
    }

    .contact-details-list ul li .details-content h5 {
        font-size: 15px;
    }

    .contact-details-list ul li .details-content span {
        font-size: 13px;
    }

    .contact-form-inner .contact-form-wrap {
        padding: 15px 15px 15px 15px;
    }

    .contact-form-inner .contact-form-wrap .contact-form {
        margin-left: -11px;
        margin-right: -11px;
    }

    .contact-form-inner .contact-form-wrap .contact-form p {
        width: 50%;
        padding: 25px 5px;
        margin-bottom: 0px;
    }

    .contact-form-wrap .contact-form p input {
        padding: 10px 10px;
        font-size: 13px;
    }

    .contact-form-wrap .contact-form p textarea {
        font-size: 13px;
    }

    /*======= Gallery Page =======*/
    
    .gallery-section {
        padding: 15px 10px 15px;
    }

    .gallery-section .gallery-container {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 23px;
    }

    /*======= placement page =======*/

    /*======= placement detail page =======*/

    /*======= service page =======*/

    .service-left-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .service-right-col {
        flex: 0 0 100%;
        max-width: 100%;

        padding: 20px 25px 30px;
        margin-left: 0px;
    }

    .service-form-wrapper {
        padding: 20px 10px 22px;
        margin-left: 0px;
    }



    

    /*======= online courses page =======*/

    .exam-detail-section {
        padding: 15px 10px 15px;
        margin-bottom: 15px;
    }

    .exam-description .exam-tag h5 {
        font-size: 20px;
    }

    .tab-wrapper {
        margin-bottom: 20px;
    }

    .tab-box {
        display: block;
    }

    .exam-detail-section .sidebar .widget-post-thumb {
        padding: 25px 17px 0px 17px;
    }

    .sidebar .widget-bg .bg-title {
        font-size: 15px;
    }

    .widget-post-thumb ul li figure {
        margin-right: 15px;
    }

    .widget-post-thumb li a {
        font-size: 13px;
    }

    /*======= Study Page =======*/

    .inner-banner-container {
        padding: 55px 0;
    }

    .single-country-section {
        padding: 15px 10px 15px;
        margin-bottom: 15px;
    }

    .country-details__content {
        padding-right: 0px;
    }

    .single-country-info .single-country-heading {
        font-size: 20px;
    }

    .single-country-sidebar .banner-widget .widget-content {
        padding: 20px 17px 20px 22px;
    }

    .single-country-sidebar .banner-widget .widget-content .shape {
        height: 100%;
        width: 227px;
    }

    .single-country-sidebar .banner-widget .widget-content .content-box {
        max-width: 168px;
    }

    .single-country-sidebar .banner-widget .widget-content .content-box .icon-box {
        width: 45px;
        height: 45px;
        line-height: 46px;
        font-size: 31px;
    }

    .single-country-sidebar .banner-widget .widget-content .content-box h3 {
        line-height: 30px;
        font-size: 19px;
    }

    .single-country-sidebar .banner-widget .widget-content .content-box .contact-btn {
        font-size: 12px;
        line-height: 28px;
        padding: 7px 28px;
    }

    

    

    .single-course-list {
        display: block;
        padding: 30px 0;
    }

    .single-course-list .course-content {
        padding-left: 0px;
    }



}


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

    /*======= Home Page =======*/
    

    .carousel-caption h5 {
        font-size: 17px;
        position: relative;
        top: 10px;
    }

    .carousel-caption p {
        
        display: none;
    }

    .course-btn {
        display: none;
    }

    .program-des {
        margin-bottom: 17px;
    }


    /*======= service page =======*/

    .service-left-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .service-right-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .service-form-wrapper {
        padding: 45px 45px 50px;
        margin-left: 0px;
    }


    /*======= Country-detail Page =======*/

    .single-course-list {
        display: block;
        padding: 30px 0;
    }

}









    /* For medium devices */

@media screen and (min-width: 576px){ 

    /*======= Home Page =======*/

    

    .carousel-caption h5 {
        font-size: 28px;
        position: relative;
        
    }

    .carousel-caption p {
        display: none;
        
    }

    .course-btn {
        margin-top: 6px;
        padding: 8px 15px;
        position: relative;
        
        font-size: 13px;
    }

    .home-about-us {
        padding: 18px 11px 17px;
    }

    .about-img {
        padding-bottom: 13px;
    }

    .home-about-us .about-text h2 {
        font-size: 30px;
    }

    .about-section-title .exam-title {
        position: relative;
        top: 14px;
        font-size: 28px;
    }

    .home-about-us .wel-text-box .wel-text {
        padding: 100px 9px 19px;
    }

    .wel-title {
        font-size: 18px;
        padding-bottom: 9px;
    }

    .wel-desc {
        font-size: 13px;
    }

    .program-des {
        margin-bottom: 17px;
    }

    .home-gallery-section {
        padding: 18px 11px 17px;
    }

    .home-gallery-section .section-title .gallery-title  {
        font-size: 28px;
    }

    .home-gallery-section .home-gallery {
        padding: 20px 2%;
    }

    .home-gallery-section .home-gallery .gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 23px;
    }

    .gallery-btn {
        margin-top: 0px;
        padding: 20px;
    }

    .button-round-primary {
        padding: 16px 17px;
        font-size: 13px;
    }

    .home-counter-section {
        padding: 18px 11px 17px;
    }

    .sec-title .title {
        font-size: 33px;
        padding-bottom: 41px;
        padding-top: 20px;
    }

    .sec-title .contact-btn {
        padding: 12px 23px;
        font-size: 14px;
        position: relative;
        bottom: 3px;
    }

    .count-sec {
        margin-bottom: 44px;
    }

    .home-counter-section .counter-list .count-text .count-number .count {
        font-size: 43px;
    }

    .home-counter-section .counter-list .count-text .title {
        font-size: 17px;
    }

    .home-testimonial-section {
        padding: 18px 11px 17px;
    }

    .client-testimonial .text {
        font-size: 15px;
    }

    .client-testimonial .main-btn {
        line-height: 40px;
    }

    .site-footer .top-footer {
        padding-top: 47px;
        padding-bottom: 33px;
    }

    .site-footer .footer-social-links {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .footer-news-letter input {
        width: 72%;
    }

    .footer-news-letter button {
        width: 28%;
    }


    /*======= About Page =======*/

    .about-section {
        padding: 18px 11px 17px;
        margin-bottom: 20px;
    }

    .inner-banner-container {
        padding: 75px 0;
    }

    .about-section .about-title {
        font-size: 28px;
    }

    .academy-section {
        padding: 18px 11px 17px;
        margin-bottom: 20px;
    }

    .academy-section .inner-academy-image {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .experience-section {
        padding: 18px 11px 17px;
        margin-bottom: 20px; 
    }

    .experience-section .experience-content {
        margin-bottom: 20px; 
    }

    /*======= Nursing Page =======*/

    .nursing-exam-section {
        padding: 18px 11px 17px;
        margin-bottom: 20px; 
    }

    .nursing-exam-section .inner-exam-wrap .post .nursing-content h4 {
        font-size: 21px;
    }

    /*======= Study Abroad Page =======*/ 

    .country-section {
        padding: 18px 11px 17px;
        margin-bottom: 20px; 
    }

    .enq-form-wrap {
        margin-top: 42px;
    }

    .enq-form-wrap .enq-title {
        font-size: 30px;
    }

    .feature-section {
        padding: 18px 11px 17px;
        margin-bottom: 20px; 
    }

    .feature-section .feature-wrapper {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 30px;
    }

    .feature-section .feature-wrapper .feature-type {
        padding: 65px 30px 65px;
    }

    /*======= Contact Page =======*/

    .contact-page-section {
        padding: 18px 11px 17px;
        margin-bottom: 20px; 
    }

    .contact-page-section .contact-form-inner {
        margin-top: 45px;
    }

    .contact-detail-container {
        padding-bottom: 40px;
    }

    .contact-detail-container .section-head .section-title {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .contact-detail-container .contact-details-list {
        margin-top: 30px;
        margin-right: 0px;
    }

    .contact-detail-container .contact-details-list ul li .icon i {
        font-size: 36px;
        width: 75px;
        height: 75px;
    }

    /*======= Gallery Page =======*/

    .gallery-section {
        padding: 18px 11px 17px;
        margin-bottom: 20px; 
    }

    .gallery-section .gallery-container {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 23px;
    }

    /*======= service page =======*/

    .service-left-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .service-right-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .service-form-wrapper {
        padding: 45px 45px 50px;
        margin-left: 0px;
    }

    /*======= Course-detail Page =======*/

    .exam-detail-section {
        padding: 18px 11px 17px;
        margin-bottom: 20px;
    }

    .tab-wrapper {
        padding-bottom: 5%;
    }

    .tab-box .content {
        margin-top: 10px;
    }

    /*======= Country-detail Page =======*/

    .single-country-section {
        padding: 18px 11px 17px;
        margin-bottom: 20px;
    }

    .country-details__content {
        padding-right: 0px;
    }

     

    .single-course-list {
        display: block;
        padding: 30px 0;
    }

    .single-course-list .course-content {
        padding-left: 0px;
    } 
}







@media screen and (min-width: 768px) {  

    /*======= Home Page =======*/

    

    .carousel-caption {
        bottom: 40px;
    }

    .carousel-caption h5 {
        font-size: 28px;
    }

    .carousel-caption p {
        /*display: none;*/
        margin: auto;
        font-size: 14px;
        line-height: 1.9;
        display: block;
    }

    .course-btn {
        padding: 7px 16px;
        font-size: 13px;
    }

    .home-about-us {
        padding: 20px 13px 20px;
    }

    .program-des {
        margin-bottom: 17px;
    }

    .home-gallery-section {
        padding: 20px 13px 20px;
    }

    .home-gallery-section .home-gallery {
        min-height: 53vh;
    }

    .home-gallery-section .home-gallery .gallery {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 23px;
    }

    .home-counter-section {
        padding: 20px 13px 20px;
    }

    /*======= About Page =======*/

    .inner-banner-container {
        padding: 85px 0;
    }

    .about-section {
        padding: 20px 13px 20px;
    }

    .academy-section {
        padding: 20px 13px 20px;
    }

    .experience-section {
        padding: 20px 13px 20px;
    }

    /*======= Nursing Page =======*/

    .nursing-exam-section {
        padding: 20px 13px 20px;
    }

    /*======= Study Abroad Page =======*/

    .country-section {
        padding: 20px 13px 20px;
    }

    .feature-section {
        padding: 20px 13px 20px;
    }

    .faq-page-section {
        padding: 20px 13px 20px;
    }

    /*======= Contact Page =======*/

    .contact-page-section {
        padding: 20px 13px 20px;
    }

    /*======= Gallery Page =======*/

    .gallery-section {
        padding: 20px 13px 20px;
    }

    .gallery-section .gallery-container {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 23px;
    }

    /*======= service page =======*/

    

    .post-list li a {
        font-size: 16px;
    }

    /*======= Course-detail Page =======*/

    .exam-detail-section {
        padding: 20px 13px 20px;
    }

    /*======= Country-detail Page =======*/

    .single-country-section {
        padding: 20px 13px 20px;
    }

    .single-course-list {
        display: flex;
        padding: 50px 0;
    }

    .single-course-list .course-content {
        padding-left: 30px;
        flex-grow: 1;
    }
}


    /* For large devices */

@media screen and (min-width:1023px) {  

    .dropstart:hover > .dropdown-menu {
        position: absolute;
        top: 0;
        right: 100%;
        
    }

    .dropend:hover > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
    }

    /*======= Home Page =======*/


    .carousel-caption {
        bottom: 50px;
        
    }

    .carousel-caption h5 {
        font-size: 45px;
    }

    .carousel-caption p {
        font-size: 18px;
        display: block;
    }

    .program-des {
        margin-bottom: 17px;
    }

    /*======= About Page =======*/

    .inner-banner-container {
        padding: 100px 0;
    }

    .academy-section .inner-academy-image {
        margin-right: 0px;
        margin-bottom: 0px;
    }

    /*======= Study Abroad Page =======*/

    .enq-form-wrap {
        margin-top: 0px;
    }

    .feature-section .feature-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    /*======= service page =======*/

    .service-left-col {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .service-right-col {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .service-form-wrapper {
        padding: 50px 60px 60px;
        margin-left: 70px;
    }   

    .post-list li a {
        font-size: 18px;
    }



    /*======= Footer =======*/

    .footer-news-letter input {
        width: 70%;
    }

    .footer-news-letter button {
        width: 30%;
    }

    .scrollup {
        padding: 10px
    }
}