/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1800px){
    .facilities-section .container{max-width: 1712px;}  
}

@media (min-width: 1600px){
    .container{ max-width: 1550px; }
    .profile-section .container{max-width: 1575px;}
}

@media (min-width: 1600px) and (max-width: 1699px){
    .principles-block .row{margin: 0 -32px;}
    .principles-block .row>*{padding: 0 32px;}

    /* contact section  */
    .contact-form .row{margin: 0 -25px;}
    .contact-form .row>*{padding: 0 25px;}
    /* contact section  */
}

@media (min-width: 1500px) and (max-width: 1599px){
    /* common style */
    .section-title{font-size: 60px;}
    .container{ max-width: 1450px; }
    /* common style */

    /* header */
    .dropdown-menu {width: 200px;}
    .dropdown-item{font-size: 17px;}
    /* header */

    /* banner */
    .epistem-teachers-logo{max-width: 500px; margin-left: auto;}
    /* banner */

    /* Highlighted Projects */
    .highlighted-project{padding: 200px 0 60px;}
    .national-highlighted-project{ padding: 44px 0 130px; }
    .highlighted-project-list ul li{font-size: 36px;}
    .highlighted-project-list ul li a{font-size: 36px;}
    /* Highlighted Projects */

    /* principles section */
    .principles-block .row{margin: 0 -32px;}
    .principles-block .row>*{padding: 0 32px;}
    .principles-section{padding: 100px 0;}
    .principle-list{max-width: 100%;}
    /* principles section */
    
    /* ticker section */
    .ticker-text *{font-size: 80px;}
    /* ticker section */

    /* about section  */
    .about-section{padding: 100px 0 50px;}
    .about-step-info .common-detail{font-size: 20px;}
    .about-step-title *{font-size: 32px;}
    .about-detail-block{margin: 10px 35px 0 auto;}
    /* about section  */

    /* mission section  */
    .mission-section{padding: 50px 0 100px;}
    .mission-title-block .section-title{ font-size: 60px; }
    /* mission section  */

    /* vision section */
    .vision-section { padding-bottom: 100px; }
    .vision-part{padding: 90px;}
    /* vision section */

    /* events section */
    .events-block{margin: 80px 0 0;}
    .events-detail *{font-size: 36px;}
    .events-detail span{font-size: 28px;}
    .events-detail figure{width: 100%; max-width: 80px;}
    /* events section */

    /* profile section */
    .profile-detail-block{margin: 0;}
    /* profile section */

    /* gallery section */
    .gallery-image{height: 210px;}
    .gallery-info{height: calc(100% - 221px);}
    /* gallery section */

    /* contact section  */
    .contact-form .row{margin: 0 -25px;}
    .contact-form .row>*{padding: 0 25px;}
    /* contact section  */

    /* register section */
    .register-section{padding: 100px 0;}
    /* register section */

    /* welcome section */
    .welcome-content{padding: 100px 150px;}
    /* welcome section */

    /* application process  */
    .application-process-image{height: 740px;}
    .application-process-image-block{max-width: 650px;}
    .application-form-btn .common-btn{min-width: 600px;}
    .application-process-step-title *{font-size: 26px;}
    .application-process-step .common-detail{font-size: 18px; line-height: 145%;}
    .application-process-step{padding: 20px;}
    .application-process-step .common-detail ul li{font-size: 18px;}
    .apllication-process-step-block{margin: 0;}
    /* application process  */

    /* .global-block .development-information-title{max-width: 583px;} */

    /* local-stem-teaching-resources */
    .local-stem-teaching-resources{padding: 75px 0 100px;}
    /* local-stem-teaching-resources */

    /* footer */
    .footer-logo{max-width: 300px;}
    .footer-center .row>*:nth-child(2):after { right: 0 !important; }
    .footer-center .row>*:nth-child(2)>* {right: 0; }
    /* footer */

    /*development-research-work*/
    .development-research-work .development-information-title { max-width: 681px; }
    /*development-research-work*/

    /*usefull link*/
    .usefullinks-block .small-title br{display: none;}
    .usefullinks-block .small-title * { font-size: 37px; }
    /*usefull link*/

    /*vacancy detail*/
    .share-vacancy-wrap { max-width: 1044px; padding: 38px 0; }
    /*vacancy detail*/

    /*typography*/
    .typography-content ul li , .typography-content ol li { font-size: 21px; } 
    .typography-title {margin-bottom: 30px;}
    .typography-title h1 {font-size: 55px; line-height: 55px}
    .typography-content h1 { font-size: 45px; line-height: 50px;  }
    .typography-content h2 { font-size: 40px; line-height: 45px;  }
    .typography-content h3 { font-size: 35px; line-height: 40px;  }
    .typography-content h4 { font-size: 30px; line-height: 35px;  }
    .typography-content h5 { font-size: 25px; line-height: 30px;  }
    .typography-content h6 { font-size: 23px; line-height: 27px;  }
    /*typography*/

    /**career-mathway*/
    .career-mathways-resource .resources-detail .common-detail * { font-size: 22px; }
    /**career-mathway*/

}

@media (min-width: 1400px) and (max-width: 1499px){
    /* common style */
    .section-title{font-size: 54px;}
    .block-title{font-size: 36px;}
    /* common style */

    /* header */
    .header{padding: 35px 0 20px 0;}
    .dropdown-menu {width: 200px;}
    .dropdown-item{font-size: 17px;}
    .navbar .navbar-nav .nav-item .nav-link {font-size: 20px;}
    .dropdown-menu li:not(:last-child){margin-bottom: 9px;}
    .dropdown-menu{padding: 22px 0 22px;}
    .dropdown-submenu .dropdown-menu{top: -5px !important;}
    /* header */

    /* banner */
    .banner-image{height: 550px;}
    .gallery-detail-banner .banner-image{height: 300px;}
    .form-part{max-width: 550px;}
    .common-form .form-group{margin-bottom: 35px;}
    .forgot-password{margin: -35px 0 25px 30px;}
    .epistem-teachers-logo{max-width: 500px; margin-left: auto;}
    /* banner */

    /* Highlighted Projects */
    .highlighted-project{padding: 150px 0 50px;}
    .national-highlighted-project{ padding: 44px 0 100px; }
    .highlighted-project-list ul li{font-size: 36px;}
    .highlighted-project-list ul li a{font-size: 36px;}
    /* Highlighted Projects */

    /* STEM Research & Events */
    .stem-research-events-section{padding: 50px 0 100px;}
    .stem-research-events-right-part{padding-left: 20px;}
    /* STEM Research & Events */

    /* principles section */
    .principles-section{padding: 100px 0;}
    .principle-list{max-width: 100%;}
    .principles-block .row{margin: 0 -32px;}
    .principles-block .row>*{padding: 0 32px;}
    /* principles section */

    /* ticker section */
    .ticker-text *{font-size: 80px;}
    /* ticker section */

    /* about section  */
    .about-section{padding: 80px 0 40px;}
    .about-step-info .common-detail{font-size: 18px;}
    .about-step-title *{font-size: 30px;}
    .about-detail-block{margin: 10px 35px 0 auto;}
    /* about section  */

    /* mission section  */
    .mission-section{padding: 40px 0 80px;}
    .mission-title-block .section-title{ font-size: 54px; }
    /* mission section  */

    /* vision section */
    .vision-section { padding-bottom: 60px; }
    .vision-part{padding: 80px;}
    .vision-title-block .section-title{font-size: 54px;}
    .vision-list-detail{padding: 30px;}
    .vision-list-detail-title{font-size: 34px;}
    .vision-block{padding: 190px 0;}
    /* vision section */

    /* events section */
    .events-block{margin: 80px 0 0;}
    .events-detail *{font-size: 32px;}
    .events-detail span{font-size: 24px;}
    .events-detail figure{width: 100%; max-width: 70px;}
    /* events section */

    /* profile section */
    .profile-detail-block{margin: 0;}
    .profile-image{height: 445px;}
    /* profile section */

    /* gallery section */
    .gallery-image{height: 210px;}
    .gallery-info{height: calc(100% - 221px);}
    .gallery-block .row{margin: 0 -20px;}
    .gallery-block .row>*{padding: 0 20px;}
    /* gallery section */

    /* development section */
    .development-section{padding: 70px 0 100px;}
    .development-sub-title *{font-size: 40px;}
    .development-information-block>*:not(:last-child){margin-right: 80px;}
    .development-information-title *{font-size: 40px;}
    .development-info-detail{height: calc(100% - 128px);}
    .development-info-child-detail *{font-size: 30px;}
    .development-information-block{margin: 80px 0 0;}
    /* development section */

    /* contact section  */
    .contact-form .row{margin: 0 -25px;}
    .contact-form .row>*{padding: 0 25px;}
    .pdf-block-content{max-width: 1100px;}
    /* contact section  */

     /* register section */
    .register-section{padding: 100px 0;}
    .register-login-block{ margin: 0; }
    .register-left-part{max-width: 545px;}
    .register-login-block .forgot-password { margin: -50px 0 25px 30px; }
    .register-login-block .form-part{padding: 100px 70px 70px;}
    .register-left-part .sub-title *{font-size: 30px;}
    .register-form .password-info{line-height: 130%;}
/* register section */

    /* welcome section */
    .welcome-content{padding: 100px 150px;}
    .stem-teaching-resources{padding: 636px 0 100px;}
    /* welcome section */

    /* resources team */
    .resources-team{padding: 95px 0;}
    .resources-team-list{margin: 70px 0 0;}
    /* resources team */

    /* facilities section */
    .facelities-wrp .small-title{font-size: 24px;}
    .facelities-wrp .common-detail{font-size: 20px; line-height: 150%;}
    /* facilities section */

    /* terms and conditions */
    .terms-and-conditions-section{padding: 80px 0;}
    .terms-and-conditions-list ul li{font-size: 22px; padding: 0 50px 0 0;}
    /* terms and conditions */

    /* tabbing-section */
    .tabbing-name-block{max-width: 375px;}
    .tabbing-name-detail *{font-size: 28px;}
    .tabbing-name-detail span{font-size: 20px;}
     /* tabbing-section */

    /* application process  */
    .application-process-image{height: 740px;}
    .application-process-image-block{max-width: 600px;}
    .application-form-btn .common-btn{min-width: 500px;}
    .application-process-step-title *{font-size: 26px;}
    .application-process-step .common-detail{font-size: 18px; line-height: 145%;}
    .application-process-step{padding: 20px;}
    .application-process-step .common-detail ul li{font-size: 18px;}
    .apllication-process-step-block{margin: 0;}
    .application-form-btn .common-btn{font-size: 24px;}
    .application-process{padding: 40px 0 100px;}
    /* application process  */

    /* global section */
    .global-block .development-info-detail{max-width: 580px;}
    .global-block .develoment-information-title{max-width: 583px;}
    /* global section */

    /* local-stem-teaching-resources */
    .local-stem-teaching-resources{padding: 75px 0 100px;}
    /* local-stem-teaching-resources */

    /* footer */
    .footer-logo{max-width: 250px;}
    .footer-center .row>*:nth-child(2):after { right: 0 !important; }
    .footer-center .row>*:nth-child(2)>* {right: 0; }
    .footer-menu ul li:not(:last-child){margin-right: 40px;}
    .footer-menu ul li{font-size: 19px;}
    /* footer */

    /*forgot-password*/
    .forgot-password-inner .form-group { margin: 0 10px 0 0; }
    /*forgot-password*/

    
    /*development-research-work*/
    .development-research-work .development-information-title { max-width: 640px; }
    .development-research-work .development-info-detail { max-width: 637px; margin: 0 0 0 auto; }
    /*development-research-work*/

    /*usefull link*/
    .usefullinks-block .small-title br{display: none;}
    .usefullinks-block .small-title * { font-size: 37px; }
    /*usefull link*/

    /*irish development*/
    .irish-right .development-info-detail { margin-top: 23px; padding: 22px 30px; }
    .irish-right .cern-wrap .cern-flx { margin-right: 30px; }
    /*irish development*/

    /*visitors page*/
    .visitors-section .profile-block { margin-bottom:50px; padding-bottom: 50px; }
    /*visitors page*/


    /*vacancy detail*/
    .share-vacancy-wrap {max-width: 915px; padding: 33px 0; } 
    .vacancy-detail-content .vacancy-detail-flx { margin-bottom: 30px; }
    /*vacancy detail*/

    /*typography*/
    .typography-content ul li , .typography-content ol li { font-size: 21px; } 
    .typography-title {margin-bottom: 30px;}
    .typography-title h1 {font-size: 50px; line-height: 55px}
    .typography-content h1 { font-size: 45px; line-height: 50px;  }
    .typography-content h2 { font-size: 40px; line-height: 45px;  }
    .typography-content h3 { font-size: 35px; line-height: 40px;  }
    .typography-content h4 { font-size: 30px; line-height: 35px;  }
    .typography-content h5 { font-size: 25px; line-height: 30px;  }
    .typography-content h6 { font-size: 23px; line-height: 27px;  }
    /*typography*/

    /**career-mathway*/
    .career-mathways-resource .resources-detail .common-detail * { font-size: 20px; }
    .career-pathway-block { height: Calc(100% - 60px); margin: 0 0 60px 0; }
    /**career-mathway*/
}

@media (max-width: 1399px){
    #logo-container .logo-animation-block{ transform:scale(0.8) ; -webkit-transform:scale(0.8) ; -moz-transform:scale(0.8) ; -ms-transform:scale(0.8) ; -o-transform:scale(0.8) ; }
}

@media (min-width: 1300px) and (max-width: 1399px){
    /* common style */
    .section-title{font-size: 46px;}
    .section-block-title{font-size: 44px;}
    body{font-size: 22px;}
    .green-btn{padding: 18px 34px; font-size: 20px;}
    .lightgreen-btn{padding: 18px 34px; font-size: 20px;}
    .block-title{font-size: 32px;}
    /* common style */

    /* header */
    .dropdown-menu {width: 180px;}
    .dropdown-item{font-size: 16px;}
    .dropdown-menu li:not(:last-child){margin-bottom: 6px;}
    .dropdown-menu{padding: 22px 0 22px;}
    .dropdown-submenu .dropdown-menu{top: -7px !important;}
    .dropdown-item {padding: 5px 15px;}
    /* header */

    /* header */
    .navbar .navbar-nav .nav-item:not(:last-child){margin-right: 35px;}
    .home-icon{margin: -4px 35px 0 0;}
    .navbar .navbar-nav .nav-item{font-size: 18px;}
    .header{padding: 35px 0 20px 0;}
    .navbar-brand{max-width: 225px;}
    .header-top-right-logo{max-width: 400px;}
    /* header */

    /* banner */
    .banner-image{height: 500px;}
    .gallery-detail-banner .banner-image{height: 300px;}
    .form-part{max-width: 500px;}
    .common-form .form-group{margin-bottom: 35px;}
    .forgot-password{margin: -35px 0 25px 30px;}
    .form-part-logo{width: 100%; max-width: 350px; margin-left: auto;}
    .login-title *{font-size: 26px;}
    .form-btn-group>*{min-width: 180px;}
    .epistem-teachers-logo{max-width: 440px; margin-left: auto;}
    .banner-logo-block img{max-width: 85%;}
    /* banner */

    /* ticker section */
    .ticker-text *{font-size: 70px;}
    /* ticker section */

    /* Highlighted Projects */
    .highlighted-project{padding: 140px 0 50px;}
    .national-highlighted-project{ padding: 44px 0 80px; }
    .highlighted-project-list ul li a{font-size: 32px; padding: 15px 12px 15px 20px;}
    /* Highlighted Projects */

/* STEM Research & Events */
    .stem-research-events-section{padding: 50px 0 100px;}
    .stem-research-events-right-part{padding-left: 20px;}
    .stem-research-events-link-block{padding: 30px; min-height: 160px;}
    .stem-research-events-info span{font-size: 30px;}
    /* STEM Research & Events */

    /* resources section */
    .resources-detail{padding: 35px 40px 30px 35px;}
    .resources-section{padding: 90px 0;}
    .resources-video{ height: 580px; }
    .resources-video-block{margin: 80px 0 0;}
    /* resources section */

    /* principles section */
    .principles-block{margin: 70px 0 0;}
    .principles-section{padding: 80px 0;}
    .principle-list{max-width: 100%;}
    .principles-block .row{margin: 0 -30px;}
    .principles-block .row>*{padding: 0 30px;}
    .principle-block-title *{font-size: 32px;}
    .principle-list ul li{font-size: 22px;}
    .principle-list ul li a{font-size: 22px;}
    /* principles section */

    /* about section  */
    .about-section{padding: 80px 0 40px;}
    .about-step-info .common-detail{font-size: 18px;}
    .about-step-title *{font-size: 30px;}
    .about-detail-block{margin: 10px 35px 0 auto;}
    .about-counter-info{padding: 30px 20px; right: 74px;}
    .about-counter-info ul li span{font-size: 40px;}
    .about-counter-info ul li{font-size: 13px;}
    .about-image{height: 400px;}
    /* about section  */

    /* mission section  */
    .mission-section{padding: 40px 0 80px;}
    .mission-title-block .section-title{ font-size: 46px; }
    /* mission section  */

    /* vision section */
    .vision-section { padding-bottom: 40px; }
    .vision-part{padding: 70px;}
    .vision-title-block .section-title{font-size: 46px;}
    .vision-list-detail{padding: 30px;}
    .vision-list-detail-title{font-size: 30px;}
    .vision-block{padding: 170px 0;}
    .vision-list-detail figure{width: 100%; max-width: 50px;}
    /* vision section */

    /* events section */
    .events-block{margin: 70px 0 0;}
    .events-detail *{font-size: 28px;}
    .events-detail span{font-size: 20px; margin: 10px 0 0;}
    .news-events-section .events-detail span {font-size: 20px;}
    .events-detail figure{width: 100%; max-width: 60px;}
    .events-detail>*:first-child{padding-right: 30px;}
    .events-discover-more-btn{margin: 60px 0 0;}
    .events-btn-group .green-btn{padding: 14px 30px; font-size: 20px;}
    .events-btn-group>*:last-child{padding: 14px 30px; font-size: 20px;}
    .events-btn-group>*:not(:last-child){margin-right: 35px;}
    /* events section */

    /* profile section */
    .profile-detail-block{margin: 0;}
    .profile-image{height: 365px;}
    .profile-detail-block ul li{font-size: 22px;}
    .profile-info-list ul li{font-size: 19px;}
    .profile-info-list ul li strong{font-size: 28px;}
    /* profile section */

    /* gallery section */
    .gallery-image{height: 170px;}
    .gallery-info{height: calc(100% - 181px);}
    .gallery-block .row{margin: 0 -20px;}
    .gallery-block .row>*{padding: 0 20px;}
    .gallery-list ul li button, .gallery-list ul li a , .gallery-list ul li .common-filter-btn{font-size: 18px; padding: 15px 18px;}
    .gallery-title *{font-size: 20px;}
    .gallery-info-detail *{font-size: 16px;}
    .gallery-wrp{margin-bottom: 60px; height: calc(100% - 60px);}
    /* gallery section */

    /* development section */
    .development-section{padding: 70px 0 100px;}
    .development-sub-title *{font-size: 40px;}
    .development-information-block>*:not(:last-child){margin-right: 80px;}
    .development-information-title *{font-size: 40px;}
    .development-info-detail{height: calc(100% - 128px);}
    .development-info-child-detail *{font-size: 30px;}
    .development-information-block{margin: 80px 0 0;}
    .development-info-detail{padding: 35px;}
    .development-block-right h3{font-size: 28px;}
    .development-block-right{padding-left: 30px;}
    /* development section */

    /* contact section  */
    .contact-form .row{margin: 0 -25px;}
    .contact-form .row>*{padding: 0 25px;}
    .map-block {height: 550px;}
    .contact-section{padding: 60px 0;}
    .pdf-block-content{max-width: 1000px;}
    .pdf-block-content a{min-width: 270px; padding: 15px; font-size: 20px;}
    /* contact section  */

    /* register section */
    .register-section{padding: 100px 0;}
    .register-login-block{ margin: 0; }
    .register-left-part{max-width: 500px;}
    .register-login-block .forgot-password { margin: -40px 0 25px 30px; }
    .register-login-block .form-part{padding: 100px 70px 70px;}
    .register-left-part .sub-title *{font-size: 26px;}
    .register-login-block .common-form .form-group{ margin-bottom: 40px; }
    .register-logo-title *{font-size: 36px;}
    .register-login-block .login-title *{font-size: 32px;}
    .register-form .form-group{margin-bottom: 40px;}
    .register-form .form-group .form-control{padding: 18px 30px;}
    .register-form .password-info{line-height: 130%; margin: -30px 0 40px;}
    .register-form .form-check-label{font-size: 22px;}
    /* register section */

    /* welcome section */
    .welcome-content{padding: 100px 150px;}
    /* welcome section */

    /* STEM Teaching Resources */
    .stem-teaching-resources-content .row { margin: 0 -35px; }
    .stem-teaching-resources-content .row>* { padding: 0 35px; }
    .stem-teaching-resources{padding: 636px 0 100px;}
    /* STEM Teaching Resources */

    /* resources team */
    .resources-team{padding: 95px 0;}
    .resources-team-list{margin: 70px 0 0;}
    .resources-team-list ul{margin: 0 -50px;}
    .resources-team-list ul li{padding: 0 50px;}
    /* resources team */

    /* folder structure */
    .resources-education-info-title *{font-size: 40px;}
    .resources-education-info *{font-size: 25px;}
    .folder-structure-content .load-more-btn .common-btn{min-width: 200px;}
    /* folder structure */

     /* folder structure */
    .resources-education-info-title *{font-size: 34px;}
    .resources-education-info *{font-size: 20px;}
    .folder-structure-content .load-more-btn .common-btn{min-width: 200px;}
    .accordion-button{font-size: 20px; padding: 20px;}
    .accordion-sub .accordion-button{padding: 20px 20px 20px 45px;}
    .accordion-arrow{width: 16px;}
    .icon{width: 60px;}
    .accordion-button span.icon{margin-right: 15px; padding-left: 30px;}
    .file-item{padding: 20px 20px 15px 80px; font-size: 20px;}
    .folder-structure-content .load-more-btn{margin: 50px 0 0;}
     /* folder structure */

    /* appoinments section */
    .appoinments-left-title *{font-size: 38px;}
    .appoinments-section{padding: 70px 0 35px;}
    .appoinments-block{margin: 50px 0 0;}
    .appoinments-left .common-detail{max-width: 500px;}
    .appoinments-right .common-detail{max-width: 500px;}
    /* appoinments section */

    /* facilities section */
    .facelities-wrp .small-title{font-size: 22px; padding-bottom: 12px;}
    .facelities-wrp .common-detail{font-size: 20px; line-height: 150%;}
    .facelities-part .row{margin: 0 -35px;}
    .facelities-part .row>*{padding: 0 35px;}
    .facelities-block .section-block-title{max-width: 540px;}
    .facelities-wrp{margin-bottom: 60px; height: calc(100% - 60px);}
    /* facilities section */

    /* terms and conditions */
    .terms-and-conditions-section{padding: 70px 0;}
    .terms-and-conditions-list ul li{font-size: 20px; padding: 0 40px 0 0;}
    /* terms and conditions */

    /* tabbing-section */
    .tabbing-name-block{max-width: 320px;}
    .tabbing-name-detail *{font-size: 24px;}
    .tabbing-name-detail span{font-size: 18px;}
    .tabbing-list ul li{font-size: 18px;}
    .tabbing-name-contact-info ul li a{font-size: 18px;}
    .tabbing-discover-more-btn{margin: 50px 0 0;}
    .search-box .form-control::placeholder {font-size: 26px;}
    .tabbing-name-image{max-width: 140px; height: 160px;}
    .tabbing-research-section .tabbing-name-image{height: 197px;}
    /* tabbing-section */

    /* application process  */
    .application-process-image{height: 650px;}
    .application-process-image-block{max-width: 500px;}
    .application-form-btn .common-btn{min-width: 300px;}
    .application-process-step-title *{font-size: 20px;}
    .application-process-step .common-detail{font-size: 16px; line-height: 140%;}
    .application-process-step{padding: 15px;}
    .application-process-step .common-detail ul li{font-size: 16px;}
    .apllication-process-step-block{margin: 0;}
    .application-form-btn .common-btn{ font-size: 20px; padding: 10px 30px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ;-ms-border-radius:10px ; -o-border-radius:10px ; }
    .application-process{padding: 40px 0 90px;}
    .apllication-process-title *{font-size: 38px;}
    .apllication-process-title{max-width: 440px;}
    .application-process-step.active{ border-radius:18px ; -webkit-border-radius:18px ; -moz-border-radius:18px ; -ms-border-radius:18px ; -o-border-radius:18px ; }
    .application-process-block { margin: 15px 0 0 !important; }
    .application-form-btn .common-btn figure{max-width: 30px;}
    .application-form-btn{margin: -30px 0 0;}
    /* application process  */

    /* link section */
    .link-list-block .link-list ul li{padding: 0 70px; font-size: 44px;}
    /* link section */

    /* global section */
    .global-block .development-info-detail{max-width: 580px;}
    .global-right-info{left: 0;}
    .global-block .development-information-title{max-width: 583px;}
    .global-main-block > *:not(:last-child){ margin-bottom: 100px; }
    /* global section */

    /* local-stem-teaching-resources */
    .local-stem-teaching-resources{padding: 75px 0 100px;}
    /* local-stem-teaching-resources */

    /* interface section */
    .interface-submit-btn{margin: 60px 0 0;}
    .interface-section{padding: 50px 0 80px;}
    .dropdown-options{padding: 0 50px 0 14px;}
    .minus-icon{padding: 22px;}
    /* interface section */

    /* footer */
    .footer-logo{max-width: 200px;}
    .footer-center .row>*:nth-child(2):after { right: 0 !important; }
    .footer-center .row>*:nth-child(2)>* {right: 0; }
    .footer-menu ul li:not(:last-child){margin-right: 30px;}
    .footer-menu ul li{font-size: 17px;}
    .footer-contact-main-block{padding: 50px 0 30px;}
    .footer-contact-info a, .footer-contact-info p{font-size: 18px;}
    .footer-contact-icon{width: 50px; height: 50px;}
    .footer-contact-info a{display: flex; margin: 12px 0 0;}
    .footer{padding: 100px 0 0;}
    .footer-bottom{padding: 30px 0 50px;}
    /* footer */

    /*forgot-password*/
    .forgot-password-inner .form-group { margin: 0 10px 0 0; }
    /*forgot-password*/

    /*gallery detail*/
    .gallery-detail-block .gallery-detail-img { height: 400px; width: 100%; }
    .gallery-detail-block-wrp .row > * { padding-left: 35px; padding-right: 35px; }
    .gallery-detail-block-wrp .row { margin-left: -35px; margin-right: -35px; }
    .gallery-detail-block { height: Calc(100% - 70px); margin-bottom: 70px; }
    .gallery-detail-content h3 { font-size: 36px; line-height: 35px; }
    /*gallery detail*/
    
    /*development-research-work*/
    .development-research-work .development-information-title { max-width: 548px; }
    .development-research-work .development-info-detail { max-width: 545px; margin: 0 0 0 auto; }
    /*development-research-work*/

    /*numeracy-meets-main*/
    .numeracy-meets-main .stem-teaching-resources-content .row > * { padding: 0 35px; }
    .numeracy-meets-main .stem-teaching-resources-content .row { margin: 0 -35px; }
    .numeracy-meets-main .stem-teaching-resources-block { height: calc(100% - 70px); margin-bottom: 70px; }
    /*numeracy-meets-main*/

    /*usefull link*/
    .usefullinks-block .small-title br{display: none;}
    .usefullinks-block .small-title * { font-size: 33px; }
    /*usefull link*/

    /*irish development*/
    .irish-right .development-info-detail { margin-top: 23px; padding: 22px 30px;         min-height: auto;}
    .irish-right .cern-wrap .cern-flx { margin-right: 30px; }
    .irish-right .development-info-detail img { width: 30px; }
    .irish-right .cern-wrap { row-gap: 33px; }
    /*irish development*/

    /*visitors page*/
    .visitors-section .profile-block { margin-bottom:50px; padding-bottom: 50px; }
    /*visitors page*/

    /*stint section*/
    .stint-section .development-info-detail { height: calc(100% - 149px); }
    /*stint section*/
    
    /*vacancy detail*/
    .share-vacancy-wrap {max-width: 734px; padding: 33px 0; } 
    .vacancy-detail-content .vacancy-detail-flx { margin-bottom: 30px; }
    .share-vacancy-wrap .common-btn { margin-right: 20px; }
    /*vacancy detail*/

    
    /*typography*/
    .typography-content ul li , .typography-content ol li { font-size: 21px; } 
    .typography-title {margin-bottom: 30px;}
    .typography-title h1 {font-size: 48px; line-height: 50px}
    .typography-content h1 { font-size: 45px; line-height: 50px;  }
    .typography-content h2 { font-size: 40px; line-height: 45px;  }
    .typography-content h3 { font-size: 35px; line-height: 40px;  }
    .typography-content h4 { font-size: 30px; line-height: 35px;  }
    .typography-content h5 { font-size: 25px; line-height: 30px;  }
    .typography-content h6 { font-size: 23px; line-height: 27px;  }
    /*typography*/

    .tabbing-name-detail sup { font-size: 18px; }

    /*footer*/
    .footer-bootom-link-list ul > *:first-child { padding-right: 0px; }
    .footer-bootom-link-list ul li { font-size: 16px; }
    .social-media-title { margin-right: 19px; }
    .footer-bootom-link-list ul li img { max-width: 120px; }
    /*footer*/
        /**career-mathway*/
    .career-mathways-resource .resources-detail .common-detail * { font-size: 20px; }
    .career-pathway-block { height: Calc(100% - 60px); margin: 0 0 60px 0; }
    /**career-mathway*/

}

@media (min-width: 1200px) and (max-width: 1299px){
     /* common style */
    .section-title{font-size: 46px;}
    body{font-size: 22px;}
    .green-btn{padding: 18px 34px; font-size: 20px;}
    .lightgreen-btn{padding: 18px 34px; font-size: 20px;}
    .block-title{font-size: 32px;}
    .section-block-title{font-size: 44px;}
     /* common style */

     /* header */
    .dropdown-menu {width: 180px;}
    .dropdown-item{font-size: 16px;}
    .dropdown-menu li:not(:last-child){margin-bottom: 6px;}
    .dropdown-menu{padding: 22px 0 22px;}
    .dropdown-submenu .dropdown-menu{top: -7px !important;}
    .dropdown-item {padding: 5px 15px;}
    /* header */

     /* header */
    .navbar .navbar-nav .nav-item:not(:last-child){margin-right: 35px;}
    .home-icon{margin: -4px 35px 0 0;}
    .navbar .navbar-nav .nav-item{font-size: 18px;}
    .header{padding: 35px 0 20px 0;}
    .navbar-brand{max-width: 225px;}
    .header-top-right-logo{max-width: 400px;}
    /* header */

     /* banner */
    .banner-image{height: 500px;}
    .gallery-detail-banner .banner-image{height: 250px;}
    .form-part{max-width: 500px;}
    .common-form .form-group{margin-bottom: 35px;}
    .forgot-password{margin: -35px 0 25px 30px;}
    .form-part-logo{width: 100%; max-width: 350px; margin-left: auto;}
    .login-title *{font-size: 26px;}
    .form-btn-group>*{min-width: 180px;}
    .epistem-teachers-logo{max-width: 440px; margin-left: auto;}
    .banner-logo-block img{max-width: 85%;}
    /* banner */

    /* ticker section */
    .ticker-text *{font-size: 70px;}
    /* ticker section */

    /* Highlighted Projects */
    .highlighted-project{padding: 140px 0 50px;}
    .national-highlighted-project{ padding: 44px 0 80px; }
    /* .highlighted-project-list ul li{font-size: 32px; padding: 15px 12px 15px 20px;} */
    .highlighted-project-list ul li a{font-size: 32px; padding: 15px 12px 15px 20px;}
    /* Highlighted Projects */

    /* STEM Research & Events */
    .stem-research-events-section{padding: 50px 0 100px;}
    .stem-research-events-right-part{padding-left: 20px;}
    .stem-research-events-link-block{padding: 30px; min-height: 160px;}
    .stem-research-events-info span{font-size: 30px;}
    /* STEM Research & Events */

    /* resources section */
    .resources-detail{padding: 35px 40px 30px 35px;}
    .resources-section{padding: 90px 0;}
    .resources-video{ height: 580px; }
    .resources-video-block{margin: 80px 0 0;}
    /* resources section */

    /* principles section */
    .principles-block{margin: 70px 0 0;}
    .principles-section{padding: 80px 0;}
    .principle-list{max-width: 100%;}
    .principles-block .row{margin: 0 -30px;}
    .principles-block .row>*{padding: 0 30px;}
    .principle-block-title *{font-size: 32px;}
    .principle-list ul li{font-size: 22px;}
    .principle-list ul li a{font-size: 22px;}
    /* principles section */

    /* about section  */
    .about-section{padding: 80px 0 40px;}
    .about-step-info .common-detail{font-size: 18px;}
    .about-step-title *{font-size: 30px;}
    .about-detail-block{margin: 10px 35px 0 auto;}
    .about-counter-info{padding: 30px 20px; right: 74px;}
    .about-counter-info ul li span{font-size: 40px;}
    .about-counter-info ul li{font-size: 13px;}
    .about-image{height: 400px;}
    /* about section  */

    /* mission section  */
    .mission-section{padding: 40px 0 80px;}
    .mission-title-block .section-title{ font-size: 46px; }
    /* mission section  */

    /* vision section */
    .vision-section { padding-bottom: 40px; }
    .vision-part{padding: 70px;}
    .vision-title-block .section-title{font-size: 46px;}
    .vision-list-detail{padding: 30px;}
    .vision-list-detail-title{font-size: 30px;}
    .vision-block{padding: 170px 0;}
    .vision-list-detail figure{width: 100%; max-width: 50px;}
    /* vision section */

    /* events section */
    .events-block{margin: 70px 0 0;}
    .events-detail *{font-size: 28px;}
    .events-detail span{font-size: 20px; margin: 10px 0 0;}
     .news-events-section .events-detail span {font-size: 20px;}
    .events-detail figure{width: 100%; max-width: 60px;}
    .events-detail>*:first-child{padding-right: 30px;}
    .events-discover-more-btn{margin: 60px 0 0;}
    .events-btn-group .green-btn{padding: 14px 30px; font-size: 20px;}
    .events-btn-group>*:last-child{padding: 14px 30px; font-size: 20px;}
    .events-btn-group>*:not(:last-child){margin-right: 35px;}
    /* events section */

    /* profile section */
    .profile-detail-block{margin: 0;}
    .profile-image{height: 365px;}
    .profile-detail-block ul li{font-size: 22px;}
    .profile-info-list ul li{font-size: 19px;}
    .profile-info-list ul li strong{font-size: 28px;}
    /* profile section */

    /* gallery section */
    .gallery-image{height: 170px;}
    .gallery-info{height: calc(100% - 181px);}
    .gallery-block .row{margin: 0 -20px;}
    .gallery-block .row>*{padding: 0 20px;}
    .gallery-list ul li button, .gallery-list ul li a , .gallery-list ul li .common-filter-btn{font-size: 18px; padding: 15px 18px;}
    .gallery-title *{font-size: 20px;}
    .gallery-info-detail *{font-size: 16px;}
    .gallery-wrp{margin-bottom: 60px; height: calc(100% - 60px);}
    /* gallery section */

    /* development section */
    .development-section{padding: 70px 0 100px;}
    .development-sub-title *{font-size: 40px;}
    .development-information-block>*:not(:last-child){margin-right: 80px;}
    .development-information-title *{font-size: 40px;}
    .development-info-detail{height: calc(100% - 128px);}
    .development-info-child-detail *{font-size: 30px;}
    .development-information-block{margin: 80px 0 0;}
    .development-info-detail{padding: 35px;}
    .development-block-right h3{font-size: 28px;}
    .development-block-right{padding-left: 30px;}
    /* development section */

    /* contact section  */
     .contact-form .row{margin: 0 -25px;}
     .contact-form .row>*{padding: 0 25px;}
     .map-block {height: 550px;}
     .contact-section{padding: 60px 0;}
     .pdf-block-content{max-width: 1000px;}
     .pdf-block-content a{min-width: 270px; padding: 15px; font-size: 20px;}
     /* contact section  */

    /* register section */
    .register-section{padding: 80px 0;}
    .register-login-block{ margin: 0; }
    .register-left-part{max-width: 500px;}
    .register-login-block .forgot-password { margin: -40px 0 25px 30px; }
    .register-login-block .form-part{padding: 100px 70px 70px;}
    .register-left-part .sub-title *{font-size: 26px;}
    .register-login-block .common-form .form-group{ margin-bottom: 40px; }
    .register-logo-title *{font-size: 36px;}
    .register-login-block .login-title *{font-size: 32px;}
    .register-form .form-group{margin-bottom: 40px;}
    .register-form .form-group .form-control{padding: 18px 30px;}
    .register-form .password-info{line-height: 130%; margin: -30px 0 40px;}
    .register-form .form-check-label{font-size: 22px;}
    .register-form .register-submit-btn .common-btn{min-width: auto;}
    /* register section */

    /* welcome section */
    .welcome-content{padding: 100px 150px;}
    /* welcome section */

      /* STEM Teaching Resources */
    .stem-teaching-resources-content .row { margin: 0 -30px; }
    .stem-teaching-resources-content .row>* { padding: 0 30px; }
    .stem-teaching-resources{padding: 636px 0 100px;}
     /* STEM Teaching Resources */

    /* resources team */
    .resources-team{padding: 95px 0;}
    .resources-team-list{margin: 70px 0 0;}
    .resources-team-list ul{margin: 0 -30px;}
    .resources-team-list ul li{padding: 0 30px;}
    /* resources team */

    /* folder structure */
    .resources-education-info-title *{font-size: 40px;}
    .resources-education-info *{font-size: 25px;}
    .folder-structure-content .load-more-btn .common-btn{min-width: 200px;}
    /* folder structure */

    /* folder structure */
    .resources-education-info-title *{font-size: 34px;}
    .resources-education-info *{font-size: 20px;}
    .folder-structure-content .load-more-btn .common-btn{min-width: 200px;}
    .accordion-button{font-size: 20px; padding: 20px;}
    .accordion-sub .accordion-button{padding: 20px 20px 20px 45px;}
    .accordion-arrow{width: 16px;}
    .icon{width: 60px;}
    .accordion-button span.icon{margin-right: 15px; padding-left: 30px;}
    .file-item{padding: 20px 20px 15px 80px; font-size: 20px;}
    .folder-structure-content .load-more-btn{margin: 50px 0 0;}
    /* folder structure */

    /* appoinments section */
    .appoinments-left-title *{font-size: 38px;}
    .appoinments-section{padding: 70px 0 35px;}
    .appoinments-block{margin: 50px 0 0;}
    .appoinments-left .common-detail{max-width: 500px;}
    .appoinments-right .common-detail{max-width: 500px;}
    /* appoinments section */

    /* facilities section */
    .facelities-wrp .small-title{font-size: 22px; padding-bottom: 12px;}
    .facelities-wrp .common-detail{font-size: 20px; line-height: 150%;}
    .facelities-part .row{margin: 0 -35px;}
    .facelities-part .row>*{padding: 0 35px;}
    .facelities-block .section-block-title{max-width: 540px;}
    .facelities-wrp{margin-bottom: 60px; height: calc(100% - 60px);}
    /* facilities section */

    /* terms and conditions */
    .terms-and-conditions-section{padding: 70px 0;}
    .terms-and-conditions-list ul li{font-size: 20px; padding: 0 40px 0 0;}
    /* terms and conditions */

    /* tabbing-section */
    .tabbing-name-block{max-width: 320px;}
    .tabbing-name-detail *{font-size: 24px;}
    .tabbing-name-detail span{font-size: 18px;}
    .tabbing-list ul li{font-size: 18px;}
    .tabbing-name-contact-info ul li a{font-size: 18px;}
    .tabbing-discover-more-btn{margin: 50px 0 0;}
    .search-box .form-control::placeholder {font-size: 26px;}
    .tabbing-name-image{max-width: 140px; height: 160px;}
    .tabbing-research-section .tabbing-name-image{height: 197px;}
    .tabbing-name-detail sup { font-size: 18px; }
    /* tabbing-section */

     /* application process  */
     .application-process-image{height: 650px;}
     .application-process-image-block{max-width: 500px;}
     .application-form-btn .common-btn{min-width: 300px;}
     .application-process-step-title *{font-size: 20px;}
     .application-process-step .common-detail{font-size: 16px; line-height: 140%;}
     .application-process-step{padding: 15px;}
     .application-process-step .common-detail ul li{font-size: 16px;}
     .apllication-process-step-block{margin: 0;}
     .application-form-btn .common-btn{ font-size: 20px; padding: 10px 30px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
     .application-process{padding: 40px 0 90px;}
     .apllication-process-title *{font-size: 38px;}
     .apllication-process-title{max-width: 440px;}
     .application-process-step.active{ border-radius:18px ; -webkit-border-radius:18px ; -moz-border-radius:18px ; -ms-border-radius:18px ; -o-border-radius:18px ; }
     .application-process-block { margin: 15px 0 0 !important; }
     .application-form-btn .common-btn figure{max-width: 30px;}
     .application-form-btn{margin: -30px 0 0;}
     /* application process  */

     /* link section */
     .link-list-block .link-list ul li{padding: 0 70px; font-size: 44px;}
     /* link section */

     /* global section */
     .global-block .development-info-detail{max-width: 580px;}
     .global-right-info{left: 0;}
     .global-block .development-information-title{max-width: 583px;}
      .global-main-block > *:not(:last-child){ margin-bottom: 100px; }
     /* global section */

      /* local-stem-teaching-resources */
     .local-stem-teaching-resources{padding: 75px 0 100px;}
     /* local-stem-teaching-resources */

     /* interface section */
     .interface-submit-btn{margin: 60px 0 0;}
     .interface-section{padding: 50px 0 80px;}
     .dropdown-options{padding: 0 50px 0 14px;}
     .minus-icon{padding: 22px;}
     /* interface section */

    /* footer */
    .footer-logo{max-width: 200px;}
    .footer-center .row>*:nth-child(2):after { right: 0 !important; }
    .footer-center .row>*:nth-child(2)>* {right: 0; }
    .footer-menu ul li:not(:last-child){margin-right: 30px;}
    .footer-menu ul li{font-size: 17px;}
    .footer-contact-main-block{padding: 50px 0 30px;}
    .footer-contact-info a, .footer-contact-info p{font-size: 18px;}
    .footer-contact-icon{width: 50px; height: 50px;}
    .footer-contact-info a{display: flex; margin: 12px 0 0;}
    .footer{padding: 100px 0 0;}
    .footer-bottom{padding: 30px 0 50px;}
    /* footer */

    
    /*forgot-password*/
    .forgot-password-inner .form-group { margin: 0 10px 0 0; }
    /*forgot-password*/
       /*gallery detail*/
   .gallery-detail-block .gallery-detail-img { height: 300px; width: 100%; }
   .gallery-detail-block-wrp .row > * { padding-left: 25px; padding-right: 25px; }
   .gallery-detail-block-wrp .row { margin-left: -25px; margin-right: -25px; }
   .gallery-detail-block { height: Calc(100% - 50px); margin-bottom: 50px; }
   .gallery-detail-content h3 { font-size: 33px; line-height: 35px; }
   /*gallery detail*/

    /*development-research-work*/
    .development-research-work .development-information-title { max-width: 548px; }
    .development-research-work .development-info-detail { max-width: 545px; margin: 0 0 0 auto; }
    /*development-research-work*/

    /*typography*/
    .typography-content ul li , .typography-content ol li { font-size: 21px; } 
    .typography-title {margin-bottom: 30px;}
    .typography-title h1 {font-size: 48px; line-height: 50px}
    .typography-content h1 { font-size: 45px; line-height: 50px;  }
    .typography-content h2 { font-size: 40px; line-height: 45px;  }
    .typography-content h3 { font-size: 35px; line-height: 40px;  }
    .typography-content h4 { font-size: 30px; line-height: 35px;  }
    .typography-content h5 { font-size: 25px; line-height: 30px;  }
    .typography-content h6 { font-size: 23px; line-height: 27px;  }
    /*typography*/
   
    /*numeracy-meets-main*/
    .numeracy-meets-main .stem-teaching-resources-content .row > * { padding: 0 35px; }
    .numeracy-meets-main .stem-teaching-resources-content .row { margin: 0 -35px; }
    .numeracy-meets-main .stem-teaching-resources-block { height: calc(100% - 70px); margin-bottom: 70px; }
    /*numeracy-meets-main*/

    /*usefull link*/
    .usefullinks-block .small-title br{display: none;}
    .usefullinks-block .small-title * { font-size: 33px; }
    /*usefull link*/

    /*irish development*/
    .irish-right .development-info-detail { margin-top: 23px; padding: 22px 30px;         min-height: auto;}
    .irish-right .cern-wrap .cern-flx { margin-right: 30px; }
    .irish-right .development-info-detail img { width: 30px; }
    .irish-right .cern-wrap { row-gap: 33px; }
    /*irish development*/

    
    /*visitors page*/
    .visitors-section .profile-block { margin-bottom:50px; padding-bottom: 50px; }
    /*visitors page*/

    /*stint section*/
    .stint-section .development-info-detail { height: calc(100% - 149px); }
    .stint-section .development-block-right .development-info-detail { min-height: 129px; }
    .stint-section .development-block-right .development-information-title h3, .stint-section .development-block-right .development-information-title * { font-size: 40px; line-height: normal; }
    /*stint section*/

    /*vacancy detail*/
    .share-vacancy-wrap {max-width: 734px; padding: 33px 0; } 
    .vacancy-detail-content .vacancy-detail-flx { margin-bottom: 30px; }
    .share-vacancy-wrap .common-btn { margin-right: 20px; }
    /*vacancy detail*/

    /*footer*/
    .footer-bootom-link-list ul > *:first-child { padding-right: 0px; }
    .footer-bootom-link-list ul li { font-size: 16px; }
    .social-media-title { margin-right: 19px; }
    .footer-bootom-link-list ul li img { max-width: 120px; }
     /*footer*/
    /**career-mathway*/
    .career-mathways-resource .resources-detail .common-detail * { font-size: 20px; }
    .career-pathway-block { height: Calc(100% - 60px); margin: 0 0 60px 0; }
    /**career-mathway*/
    }

@media (min-width: 992px) and  (max-width: 1199px){
    /* common style */
    .section-title{font-size: 40px;}
    body{font-size: 20px;}
    .green-btn{padding: 12px 24px; font-size: 18px;}
     .lightgreen-btn{padding: 18px 34px; font-size: 20px;}
    .block-title{font-size: 28px;}
    .section-block-title{font-size: 40px;}
    /* common style */

     #logo-container .logo-animation-block{ transform:scale(0.7) ; -webkit-transform:scale(0.7) ; -moz-transform:scale(0.7) ; -ms-transform:scale(0.7) ; -o-transform:scale(0.7) ; }

     /* header */
    .dropdown-menu {width: 180px;}
    .dropdown-item{font-size: 15px;}
    .dropdown-menu li:not(:last-child){margin-bottom: 6px;}
    .dropdown-menu{padding: 22px 0 22px;}
    .dropdown-submenu .dropdown-menu{top: 50% !important;}
    .dropdown-item {padding: 5px 15px;}
    .dropend .dropdown-menu { left: 50% !important; }
    .dropstart .dropdown-menu { right: 50% !important; }
    /* multilevel dropdown */
    /* header */

     /* header */
     .navbar .navbar-nav .nav-item:not(:last-child){margin-right: 25px;}
     .home-icon{margin: -4px 25px 0 0;}
     .navbar .navbar-nav .nav-item{font-size: 16px;}
     .header{padding: 30px 0 20px 0;}
     .navbar-brand{max-width: 185px;}
     .header-top-right-logo{max-width: 300px;}
     .desktop-burger span:not(:last-child){margin-bottom: 6px;}
     .desktop-burger-block.is-active .desktop-burger span:nth-child(1){ -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); -moz-transform: translateY(7px) rotate(45deg); }
     .menu-box ul li{font-size: 18px;}
     .menu-box ul li:not(:last-child){margin-bottom: 20px;}
     .desktop-burger span{width: 28px;}
     .banner-logo-block img{max-width: 80%;}
     /* header */

    /* banner */
    .banner-image{height: 450px;}
    .gallery-detail-banner .banner-image{height: 250px;}
    .form-part{max-width: 400px; margin: -350px 0 0;}
    .common-form .form-group{margin-bottom: 25px;}
    .forgot-password{margin: -20px 0 25px 25px;}
    .form-part-logo{width: 100%; max-width: 270px; margin-left: auto;}
    .login-title *{font-size: 22px;}
    .form-btn-group>*{min-width: 150px;}
    .login-title{padding-right: 5px;}
    .common-form .form-group .form-control{padding: 14px 30px;}
    .form-part{padding: 35px;}
    .form-btn-group>*{padding: 14px 20px;}
    .epistem-teachers-logo{max-width: 360px; margin-left: auto;}
    /* banner */

    /* ticker section */
    .ticker-text *{font-size: 60px;}
    /* ticker section */

     /* Highlighted Projects */
     .highlighted-project{padding: 120px 0 40px;}
     .national-highlighted-project{ padding: 44px 0 70px; }
     /* .highlighted-project-list ul li{font-size: 28px; padding: 12px 12px 12px 20px;} */
     .highlighted-project-list ul li a{font-size: 28px; padding: 12px 12px 12px 20px;}
     /* Highlighted Projects */

      /* STEM Research & Events */
    .stem-research-events-section{padding: 40px 0 80px;}
    .stem-research-events-right-part{padding-left: 20px;}
    .stem-research-events-link-block{padding: 25px; min-height: 140px;}
    .stem-research-events-info span{font-size: 26px;}
    .stem-research-events-info span{margin-bottom: 15px;}
    .stem-research-events-link-block figure{max-width: 30px;}
    /* STEM Research & Events */

    /* resources section */
    .resources-detail{padding: 25px;}
    .resources-section{padding: 80px 0;}
    .resources-wrp .row{margin: 0 -10px;}
    .resources-wrp .row>*{padding: 0 10px;}
    .resources-icon{width: 100%; max-width: 60px;}
    .resources-detail .common-detail{margin: 80px 0 0;}
    .resources-wrp .row>*:nth-child(2) .resources-detail{min-height: 290px;}
    .resources-wrp .row>*:nth-child(3) .resources-detail{min-height: 340px;}
    .resources-video{ height: 500px;    margin: 35px 0 0; }
    .resources-video-block{margin: 80px 0 0; }
    /* resources section */

    /* principles section */
    .principles-block{margin: 50px 0 0;}
    .principles-section{padding: 60px 0;}
    .principle-list{max-width: 100%;}
    .principles-block .row{margin: 0 -20px;}
    .principles-block .row>*{padding: 0 20px;}
    .principle-block-title *{font-size: 28px;}
    .principle-list ul li{font-size: 20px; align-items: flex-start;}
    .principle-list ul li a{font-size: 20px; align-items: flex-start;}
    .principle-title-block .section-title{font-size: 36px;}
    /* principles section */

    /* about section  */
    .about-section{padding: 60px 0 35px;}
    .about-step-info .common-detail{font-size: 16px;}
    .about-step-title *{font-size: 26px;}
    .about-detail-block{margin: 10px 35px 0 auto;}
    .about-counter-info{ padding: 20px; right: 50%; transform:translateX(50%) ; -webkit-transform:translateX(50%) ; -moz-transform:translateX(50%) ; -ms-transform:translateX(50%) ; -o-transform:translateX(50%) ; min-width: 380px;}
    .about-counter-info ul li span{font-size: 26px;}
    .about-counter-info ul li{font-size: 12px; padding: 0 20px;}
    .about-image img{ border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; }
    .about-step-child-block figure{width: 45px; height: 45px; padding: 12px;}
    .about-step-child-block .about-step-info::after{top: 58px; left: -24px;}
    .about-step-info{padding-left: 18px;}
    .about-image{height: 400px;}
    /* about section  */

    /* mission section  */
    .mission-section{padding: 30px 0 60px;}
    .mission-title-block .section-title{ font-size: 40px; }
    .mission-detail-block{margin: 0 0 0 auto;}
    /* mission section  */

    /* vision section */
    .vision-section { padding-bottom: 30px; }
    .vision-part{padding: 50px;}
    .vision-title-block .section-title{font-size: 40px;}
    .vision-list-detail{padding: 25px; margin-bottom: 20px; height: calc(100% - 20px);}
    .vision-list-detail-title{font-size: 26px;}
    .vision-block{padding: 160px 0 130px;}
    .vision-list-detail figure{width: 100%; max-width: 40px;}
    .vision-list-wrp .row { margin: 0 -10px; }
    .vision-list-wrp .row>* { padding: 0 10px; }
    .vision-list-block{margin: -50px 0 0;}
    /* vision section */

    /* events section */
    .events-block{margin: 60px 0 0;}
    .events-detail *{font-size: 24px;}
    .events-detail span{font-size: 18px; margin: 10px 0 0;}
     .news-events-section .events-detail span {font-size: 18px;}
    .events-detail figure{width: 100%; max-width: 50px;}
    .events-detail>*:first-child{padding-right: 25px;}
    .events-discover-more-btn{margin: 50px 0 0;}
    .events-btn-group .green-btn{padding: 12px 24px; font-size: 18px;}
    .events-btn-group>*:last-child{padding: 12px 24px; font-size: 18px;}
    .events-btn-group>*:not(:last-child){margin-right: 35px;}
    /* events section */

    /* profile section */
    .profile-detail-block{margin: 0;}
    .profile-image{height: 295px;}
    .profile-detail-block ul li{font-size: 18px;}
    .profile-info-list ul li{font-size: 16px;}
    .profile-info-list ul li strong{font-size: 24px;}
    .profile-info{padding: 35px 0 0;}
    .profile-info .block-title{padding-bottom: 15px;}
    .profile-detail-block .common-detail{font-size: 18px;}
    .profile-detail-block ul{padding-left: 2rem;}
    .profile-section{padding: 40px 0;}
    .profile-info-block { padding: 0 17px 45px; }
    /* profile section */

    /* gallery section */
    .gallery-image{height: 195px;}
    .gallery-info{height: calc(100% - 206px);}
    .gallery-block .row{margin: 0 -15px;}
    .gallery-block .row>*{padding: 0 15px;}
    .gallery-list ul li button, .gallery-list ul li a , .gallery-list ul li .common-filter-btn{font-size: 16px; padding: 12px 14px;}
    .gallery-title *{font-size: 18px;}
    .gallery-info-detail *{font-size: 16px;}
    .gallery-wrp{margin-bottom: 60px; height: calc(100% - 60px);}
    .gallery-list ul li:not(:last-child){margin-right: 20px;}
    /* gallery section */

    /* development section */
    .development-section{padding: 70px 0 90px;}
    .development-sub-title *{font-size: 34px;}
    .development-information-block>*:not(:last-child){margin-right: 40px;}
    .development-information-title *{font-size: 34px;}
    .development-info-detail{height: calc(100% - 112px);}
    .development-info-child-detail *{font-size: 26px;}
    .development-information-block{margin: 80px 0 0;}
    .development-info-detail{padding: 35px;}
    .development-block-right h3{font-size: 24px;}
    .development-block-right{padding-left: 30px;}
    .development-block-left .small-title *{font-size: 25px;}
    .development-block-left a{font-size: 20px;}
    .development-info-child-detail span{font-size: 20px;}
    .development-info-child-detail a{font-size: 20px;}
    .development-info-detail figure{width: 100%; max-width: 29px; margin: 0 17px 0 0; }
    /* development section */

    /* contact section  */
     .contact-form .row{margin: 0 -18px;}
     .contact-form .row>*{padding: 0 18px;}
     .map-block {height: 500px;}
     .contact-section{padding: 60px 0;}
     .pdf-block-content a{min-width: 220px; padding: 15px; font-size: 20px;}
      .pdf-block-content{max-width: 700px;}
      .contact-list ul li{font-size: 20px;}
      .contact-list ul li figure{max-width: 25px;}
      .contact-form .form-group{margin-bottom: 50px;}
      .contact-form .form-group .form-control::placeholder {font-size: 20px;}
      .contact-form .form-group .form-control{font-size: 20px;}
     /* contact section  */

     /* register section */
     .register-section{padding: 80px 0;}
     .register-login-block{ margin: 0; }
     .register-left-part{max-width: 430px;}
     .register-login-block .forgot-password { margin: -25px 0 25px 30px; }
     .register-login-block .form-part{padding: 80px 40px 50px;}
     .register-left-part .sub-title *{font-size: 24px;}
     .register-login-block .common-form .form-group{ margin-bottom: 30px; }
     .register-logo-title *{font-size: 30px;}
     .register-login-block .login-title *{font-size: 28px;}
     .register-form .form-group{margin-bottom: 35px;}
     .register-form .form-group .form-control{padding: 15px 25px;}
     .register-form .password-info{line-height: 130%; margin: -30px 0 40px; font-size: 16px}
     .register-form .form-check-label{font-size: 18px; margin-left: 15px;}
     .register-form .register-submit-btn .common-btn{min-width: auto;}
     .register-login-block .common-form{margin: 30px 0 0;}
     .register-form .form-group .form-control::placeholder{font-size: 18px;}
     .register-form .form-check-input{width: 25px; height: 25px;}
     /* register section */

     /* welcome section */
     .welcome-content{padding: 80px 100px;}
     /* welcome section */

    /* STEM Teaching Resources */
    .stem-teaching-resources-content .row { margin: 0 -20px; }
    .stem-teaching-resources-content .row>* { padding: 0 20px; }
    .stem-teaching-resources{padding: 636px 0 80px;}
    .stem-teaching-resources-image{height: 281px;}
    .stem-teaching-resources-detail{height: calc(100% - 299px); padding: 7px 20px 30px 9px;}
    .stem-teaching-resources-title *{font-size: 30px;}
     /* STEM Teaching Resources */

     /* resources team */
     .resources-team{padding: 80px 0;}
     .resources-team-list{margin: 50px 0 0;}
     .resources-team-list ul{margin: 0 -22px;}
     .resources-team-list ul li{padding: 0 22px;}
     .resources-team-content .section-title{max-width: 560px;}
     .resources-team-list ul li a{font-size: 20px;}
     /* resources team */

     /* folder structure */
     .resources-education-info-title *{font-size: 34px;}
     .resources-education-info *{font-size: 20px;}
     .folder-structure-content .load-more-btn .common-btn{min-width: 200px;}
     .accordion-button{font-size: 20px; padding: 20px;}
    .accordion-sub .accordion-button{padding: 20px 20px 20px 45px;}
    .accordion-arrow{width: 16px;}
    .icon{width: 60px;}
    .accordion-button span.icon{margin-right: 15px; padding-left: 30px;}
    .file-item{padding: 20px 20px 15px 80px; font-size: 20px;}
    .folder-structure-content .load-more-btn{margin: 50px 0 0;}
     /* folder structure */

     /* appoinments section */
     .appoinments-left-title *{font-size: 30px;}
     .appoinments-section{padding: 60px 0 30px;}
     .appoinments-block{margin: 50px 0 0;}
     .appoinments-left .common-detail{max-width: 430px;}
     .appoinments-right .common-detail{max-width: 430px;}
     /* appoinments section */

     /* facilities section */
     .facelities-wrp .small-title{font-size: 20px; padding-bottom: 10px;}
     .facelities-wrp .common-detail{font-size: 17px; line-height: 150%;}
     .facelities-part .row{margin: 0 -20px;}
     .facelities-part .row>*{padding: 0 20px;}
     .facilities-content{padding: 60px 40px 30px;}
     .facelities-block .section-block-title{max-width: 490px;}
     .facelities-wrp{margin-bottom: 55px; height: calc(100% - 55px);}
     /* facilities section */

      /* terms and conditions */
     .terms-and-conditions-section{padding: 60px 0;}
     .terms-and-conditions-list ul li{font-size: 18px; padding: 0 40px 0 0;}
     /* terms and conditions */

     /* tabbing-section */
     .tabbing-name-block{max-width: 250px;}
     .tabbing-name-detail *{font-size: 20px;}
     .tabbing-name-detail span{font-size: 15px;}
     .tabbing-list ul li{font-size: 16px;}
     .tabbing-name-contact-info ul li a{font-size: 16px;}
     .tabbing-discover-more-btn{margin: 40px 0 0;}
     .search-box .form-control::placeholder {font-size: 22px;}
     .tabbing-name-image{max-width: 120px; height: 140px;}
     .search-icon{max-width: 30px;}
     .tabbing-name-contact-info {margin: 10px 0 0;}
     .tabbing-name-info{padding: 25px 20px 20px;}
     .tabbing-main-name *{font-size: 25px;}
     .tabbing-section{padding: 80px 0;}
     .tabbing-name-block>*:not(:last-child){margin-bottom: 45px;}
     .tabbing-found-info{font-size: 20px;}
      .tabbing-research-section .tabbing-name-image{height: 170px;}
      .tabbing-research-section .tabbing-name-detail span{font-size: 18px;}
      .tabbing-research-section .tabbing-name-info{padding: 25px;}
      .tabbing-research-section .tabbing-name-faculty-publications-info-block  .tabbing-name-info{padding: 15px 20px;}
      .tabbing-name-detail sup { font-size: 16px; }
      /* tabbing-section */

     /* application process  */
     .application-process-image{height: 650px;}
     .application-process-image-block{max-width: 435px;}
     .application-form-btn .common-btn{min-width: 300px;}
     .application-process-step-title *{font-size: 20px;}
     .application-process-step .common-detail{font-size: 16px; line-height: 140%;}
     .application-process-step{padding: 15px;}
     .application-process-step .common-detail ul li{font-size: 16px;}
     .apllication-process-step-block{margin: 0;}
     .application-form-btn .common-btn{ font-size: 20px; padding: 10px 30px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
     .application-process{padding: 40px 0 90px;}
     .apllication-process-title *{font-size: 30px;}
     .apllication-process-title{max-width: 360px;}
     .application-process-step.active{ border-radius:18px ; -webkit-border-radius:18px ; -moz-border-radius:18px ; -ms-border-radius:18px ; -o-border-radius:18px ; }
     .application-process-block { margin: 15px 0 0 !important; }
     .application-form-btn .common-btn figure{max-width: 30px;}
     .application-form-btn{margin: -30px 0 0;}
     /* application process  */

     /* link section */
     .link-list-block .link-list ul li{padding: 0 60px; font-size: 36px;}
     .link-list-block{padding: 30px 70px;}
     /* link section */

     /* global section */
     .global-block .development-info-detail{max-width: 580px;}
     .global-right-info{left: 0;}
     .global-block .development-information-title{max-width: 470px;}
     .global-block .development-information-title{margin-bottom: 40px;}
     .global-block .development-info-child-detail *{font-size: 20px;}
      .global-main-block > *:not(:last-child){ margin-bottom: 80px; }
     /* global section */

      /* local-stem-teaching-resources */
     .local-stem-teaching-resources{padding: 75px 0 80px;}
     /* local-stem-teaching-resources */

     /* interface section */
     .interface-submit-btn{margin: 30px 0 0; min-width: auto;}
     .interface-section{padding: 50px 0 80px;}
     .dropdown-options{padding: 0 50px 0 14px;}
     .minus-icon{padding: 22px;}
     .interface-block{margin: 50px 0 0;}
     .select-title *{font-size: 20px;}
     .dropdown-selected{padding: 15px 50px 15px 25px;}
     .interface-step-block .form-group .form-control{padding: 15px 20px;}
     .custom-file{padding: 10px 20px;}
     .minus-icon{height: 62px; padding: 14px;}
     .add-resoureces-btn{min-width: auto;}
     .custom-dropdown{font-size: 17px;}
     .dropdown-options li{font-size: 17px;}
     .custom-dropdown::after{top: 12px;}
     .select-block{margin-bottom: 30px;}
     /* interface section */

     /* footer */
    .footer-logo{max-width: 150px;}
    .footer-center .row>*:nth-child(2):after { right: 0 !important; }
    .footer-center .row>*:nth-child(2)>* {right: 0; }
    .footer-menu ul li:not(:last-child){margin-right: 20px;}
    .footer-menu ul li{font-size: 16px;}
    .footer-contact-main-block{padding: 50px 0 30px;}
    .footer-contact-info a, .footer-contact-info p{font-size: 16px;}
    .footer-contact-icon{width: 45px; height: 45px; padding: 13px;}
    .footer-contact-info a{display: flex; margin: 10px 0 0;}
    .footer{padding: 80px 0 0;}
    .footer-bottom{padding: 30px 0 50px;     flex-direction: column;}
    .footer-contact-title{font-size: 16px}
    .footer-top{padding-bottom: 25px;}
    .footer-contact-info p{max-width: 230px;}
    .footer-bootom-link-list ul li{font-size: 16px;}
    .footer-bootom-link-list ul > *:first-child { padding-right: 0px; }
    .social-media-title { margin-right: 19px; }
    .footer-bootom-link-list ul li img { max-width: 90px; }
    .social-media-list ul li { padding: 0 9px; }
    /* footer */
    /*forgot-password*/
    .forgot-password-inner .form-group { margin: 0 10px 0 0; }
    /*forgot-password*/
    .register-form-part .toggle-password { right: 10px; top: 18px; }
    .form-check #consent_contact-error.error, .form-check #agree_policy-error.error { margin: 0 0 0 11px; }

           /*gallery detail*/
   .gallery-detail-block .gallery-detail-img { height: 300px; width: 100%; }
   .gallery-detail-block-wrp .row > * { padding-left: 25px; padding-right: 25px; }
   .gallery-detail-block-wrp .row { margin-left: -25px; margin-right: -25px; }
   .gallery-detail-block { height: Calc(100% - 50px); margin-bottom: 50px; }
   .gallery-detail-content .small-title { font-size: 21px; line-height: 26px; }
   .gallery-detail-content h3 { font-size: 33px; line-height: 35px; }
   
   .typography-title {margin-bottom: 30px;}
   .typography-content ul li , .typography-content ol li { font-size: 21px; } 
   .typography-title h1 {font-size: 48px; line-height: 50px}
   .typography-content h1 { font-size: 45px; line-height: 50px;  }
   .typography-content h2 { font-size: 40px; line-height: 45px;  }
   .typography-content h3 { font-size: 35px; line-height: 40px;  }
   .typography-content h4 { font-size: 30px; line-height: 35px;  }
   .typography-content h5 { font-size: 25px; line-height: 30px;  }
   .typography-content h6 { font-size: 23px; line-height: 27px;  }
   /*typography*/  
   /*gallery detail*/

    /*development-research-work*/
    .development-research-work .development-information-title { max-width:405px; }
    .development-research-work .development-info-detail { max-width: 448px; margin: 0 0 0 auto; }
    /*development-research-work*/

    /*numeracy-meets-main*/
    .numeracy-meets-main .stem-teaching-resources-content .row > * { padding: 0 35px; }
    .numeracy-meets-main .stem-teaching-resources-content .row { margin: 0 -35px; }
    .numeracy-meets-main .stem-teaching-resources-block { height: calc(100% - 70px); margin-bottom: 70px; }
    .numeracy-meets-main .stem-teaching-resources-image { height: 285px; }
    .numeracy-meets-main .stem-teaching-resources-detail { height: calc(100% - 304px); }
    .numeracy-meets-main .stem-teaching-resources-title * { font-size: 35px;}
    /*numeracy-meets-main*/

    /*useful-links*/
    .usefullinks-block { margin-bottom: 40px; padding-bottom: 40px; } 
    .cern-wrap .cern-flx { margin-right: 19px; } 
    .usefullinks-block .development-info-detail .development-info-child-detail * { font-size: 19px; line-height: 22px; } 
    .usefullinks-block .development-info-detail { padding: 18px 25px; } 
    .usefullinks-block .development-info-detail img { height: 30px; } 
    .usefullinks-block .development-info-detail figure { margin-right: 6px; } 
    .cern-flx p { line-height: normal; max-width: 429px; }
    /*useful-links*/

    /*usefull link seminar series*/
    .usefullinks-block .small-title br{display: none;}
    .usefullinks-block .small-title * { font-size: 27px; }
    .usefullinks-block .development-info-detail .development-info-child-detail br {display: none;}
    /*usefull link seminar series*/

    /*irish development*/
    .irish-right .development-info-detail { margin-top: 23px; padding: 22px 30px;         min-height: auto;}
    .irish-right .cern-wrap .cern-flx { margin-right: 30px; }
    .irish-right .development-info-detail img { width: 30px; }
    .irish-right .cern-wrap { row-gap: 33px; }
    .irish-block .irish-inner { margin-bottom: 45px; padding-bottom: 45px; }    
    .irish-right .development-info-detail .development-info-child-detail * { font-size: 22px; line-height: 23px; }
    /*irish development*/

        
    /*visitors page*/
    .visitors-section .profile-block { margin-bottom:50px; padding-bottom: 35px; }
    /*visitors page*/

    /*vacancies*/
    .vacancies-main .events-detail span { font-size: 18px; }
    /*vacancies*/

    
    /*stint section*/
    .stint-section .development-info-detail { height: calc(100% - 149px); }
    .stint-section .development-block-right .development-info-detail { min-height: auto; padding: 25px; height: auto; }
    .stint-section .development-block-right .development-information-title h3, .stint-section .development-block-right .development-information-title * { font-size: 40px; line-height: normal; }
    /*stint section*/

    /*vacancy detail*/
    .share-vacancy-wrap { max-width: 640px; padding: 25px 0; } 
    .vacancy-detail-content .vacancy-detail-flx { margin-bottom: 30px; }
    .share-vacancy-wrap .common-btn { margin-right: 20px; }
    .vacancy-detail-content .vacancy-detail-flx .small-title { max-width: 290px; font-size: 25px; } 
    .vacancy-further-info .development-info-detail { min-height: auto; height: auto;}
    /*vacancy detail*/

    .search-box .form-control { font-size: 20px; }
    .common-wrp-link-list ul li a{ width: 100px; height: 86px; padding: 13px;}
    .common-wrp-link-list ul li a img{max-width: 60%; margin: 0 auto;}
    .common-wrp-link-list ul li a figure{display: flex; justify-content: center; align-items: center;}


    .visitors-section .profile-info-list ul li { margin-bottom: 18px; }

    /**career-mathway*/
    .career-mathways-resource .resources-detail .common-detail * { font-size: 20px; }
    .career-pathway-block { height: Calc(100% - 60px); margin: 0 0 60px 0; }
    .career-mathways-resource .resources-icon { max-width: 120px; } 
    /**career-mathway*/
}

@media (min-width: 992px){
    .nav-item.dropdown .dropdown-menu { display: none; opacity: 0; transition: opacity 0.3s ease; }
    .nav-item.dropdown:hover > .dropdown-menu { display: block; opacity: 1; }
    .nav-item.dropdown:hover .nav-link{text-shadow: 0.4px 0 0 var(--green), -0.3px 0 0 var(--green) !important;}
    .navbar .navbar-nav{align-items: center;}

    /* multilevel dropdown */
    .dropdown-submenu { position: relative; }
    .dropdown-submenu .dropdown-menu { display: none; position: absolute; top: -20px; left: 70%; margin-top: -1px; opacity: 0; transition: opacity 0.3s ease; }
    .dropdown-submenu:hover > .dropdown-menu { display: block; opacity: 1;  }
    .dropdown-submenu:hover > .dropdown-item{font-weight: 700; color: var(--secondgreen);}
    .dropend .dropdown-menu { left: 70%; right: auto; }
    .dropstart .dropdown-menu { left: auto; right: 70% !important; top: 100% !important;}
    /* multilevel dropdown */

    .resend-flex .form-control { padding: 18px 31px 18px 18px; font-size: 20px; }
    .resend-flex button , .forgot-password-v2 button { padding: 16px 26px; }
}

@media (max-width: 991px) {
    /* button-start */

    button.navbar-toggler {
        border: none;
    }
    
    .navbar-toggler {
        right: 0;
        top: 0;
        padding: 0;
    }
    
    .navbar-toggler {
        position: absolute;
        z-index: 99;
        right: 0;
        border: none;
        background-color: transparent;
        position: relative;
        z-index: 9999;
        right: 0;
    }
    
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: -100%;
        max-width: 100%;
        width: 100%;
        bottom: 0;
        height: 100%;
        overflow: auto;
        /* padding: 90px 25px 30px; */
        padding: 90px 15px 90px;

        background-color: #FFF;
        transition: 0.5s;
        z-index: 999;
    }
    
    .navbar-collapse.show {
        right: 0;
        height: auto;
    }
  
    
    .navbar-collapse.show::before {
        right: 0;
    }
    
    .navbar-collapse::before {
        content: "";
        position: fixed;
        width: 100%;
        height: 80px;
        top: 0;
        right: -100%;
        background-color: #ffffff;
        transition: 0.5s;
        z-index: 999;
    }
    
    .navbar .navbar-nav {
        position: relative;
        top: 0;
    }

    .navbar-toggler span {
        background-color: var(--green);
        width: 28px;
        height: 4px;
        display: block;
        margin-bottom: 6px;
        transition: all 0.5s;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
}
    
    .navbar-toggler.open span:first-child {
	    -webkit-transform: translateY(7px) rotate(45deg);
	    -ms-transform: translateY(7px) rotate(45deg);
	    -o-transform: translateY(7px) rotate(45deg);
	    transform: translateY(7px) rotate(45deg);
	    -moz-transform: translateY(7px) rotate(45deg);
}
    
    .navbar-toggler.open span:nth-child(2) {
        opacity: 0;
    }
    
    .navbar-toggler.open span:last-child {
        -webkit-transform: translateY(-13px) rotate(-45deg);
	    -ms-transform: translateY(-13px) rotate(-45deg);
	    -o-transform: translateY(-13px) rotate(-45deg);
	    transform: translateY(-13px) rotate(-45deg);
	    -moz-transform: translateY(-13px) rotate(-45deg);
    }

    .navbar-toggler span:last-child{margin-bottom: 0;}

    .navbar-toggler:focus { box-shadow: none; }
    /* button-end */

    /* header */
    .header .container{max-width: 100%;}
    .navbar .navbar-nav .nav-item:not(:last-child){margin-right: 0;}
    .home-icon{margin: -4px 25px 0 0;}
    .navbar .navbar-nav .nav-item{font-size: 16px; text-align: left;}
    .header{padding: 25px 0 10px;}
    .navbar-brand{max-width: 130px;}
    .header-top-right-logo{max-width: 220px;}
    .desktop-burger span:not(:last-child){margin-bottom: 6px;}
    .desktop-burger-block.is-active .desktop-burger span:nth-child(1){ -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); -moz-transform: translateY(7px) rotate(45deg); }
    .menu-box ul li{font-size: 18px;}
    .menu-box ul li:not(:last-child){margin-bottom: 20px;}
    .desktop-burger span{width: 28px;}
    .desktop-burger-block{display: none;}
    .header-top{justify-content: space-between; margin-bottom: 0;}
    .navbar{width: 100%; justify-content: flex-end;}
    .home-icon{display: none;}
    /* .navbar .navbar-nav > .nav-item{border-bottom: 1px solid var(--green);} */
    .navbar .navbar-nav .nav-item .nav-link{padding: 15px; width: 90%;}
    .navbar .navbar-nav .nav-item a{position: relative;}
    .navbar .navbar-nav .nav-item a::before{position: absolute; content: ""; background: var(--green); left: 0; right: -9vw; height: 1px; bottom: 0; display: block !important;}
    .navbar .navbar-nav .nav-item .nav-link:hover{color: var(--darkpink);}
    .navbar .navbar-nav .nav-item .nav-link.active{color: var(--darkpink);}
    .menu-arrow { position: absolute; background-image: url('../images/select-dropdoen-arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 12px; right: 20px; top: 50%; border: none; transition: 0.4s; transform: translateY(-115%); -webkit-transform: translateY(-115%); -moz-transform: translateY(-115%); -ms-transform: translateY(-115%); -o-transform: translateY(-115%); z-index: 99; }
    .menu-arrow.rotate-arrow{ transition: 0.3s; transform:translateY(0%) rotate(180deg) ; -webkit-transform:translateY(0%) rotate(180deg) ; -moz-transform:translateY(0%) rotate(180deg) ; -ms-transform:translateY(0%) rotate(180deg) ; -o-transform:translateY(0%) rotate(180deg) ; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
    .dropdown-menu.show + .menu-arrow{transition: 0.3s; transform:translateY(0%) rotate(180deg) ; -webkit-transform:translateY(0%) rotate(180deg) ; -moz-transform:translateY(0%) rotate(180deg) ; -ms-transform:translateY(0%) rotate(180deg) ; -o-transform:translateY(0%) rotate(180deg) ; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
    .navbar-nav .nav-item.show .nav-link{color: var(--darkpink);}
    .navbar-nav .nav-item .dropdown-menu .nav-item.show > .dropdown-item{color: var(--secondgreen)}
    .menu-arrow{cursor: pointer; right: 10px;}
    .navbar-nav .nav-item .nav-link{position: relative; display: inline-block;}
    .navbar-nav .nav-item{width: 100%;}
    .navbar-nav .nav-item .nav-link.dropdown-toggle.show{border: none;}
    .dropdown-menu{width: 100%;}
    .navbar-nav .nav-item .nav-link{border: none; width: 90%;}
    .dropdown-item:focus{background-color: transparent;}
    .navbar-nav .nav-item .nav-link.dropdown-toggle.show{color: var(--secondgreen);}
    .navbar-nav .nav-item .nav-link:before{display: none;}
   .menu-arrow{ top: 23px; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }
   .dropdown-submenu .menu-arrow{top: 12px;}
   .dropdown-submenu a{width: 90%;}
   .dropdown-menu{padding: 10px 0 10px 16px; background: var(--white);padding: 8px 0 4px 12px; }
   .dropdown-item{font-size: 16px;  width: 90%; padding:15px 10px;}
   .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .nav-item { margin-bottom: 0; }
    /* header */

    /* gallery section */
    .gallery-image{height: 225px;}
    .gallery-info{height: calc(100% - 236px);}
    .gallery-block .row{margin: 0 -15px;}
    .gallery-block .row>*{padding: 0 15px;}
    .gallery-list ul li button, .gallery-list ul li a , .gallery-list ul li .common-filter-btn{font-size: 16px; padding: 12px 20px; color: var(--green); text-align: left;}
    .gallery-title *{font-size: 18px;}
    .gallery-info-detail *{font-size: 16px;}
    .gallery-wrp{margin-bottom: 30px; height: calc(100% - 30px);}
    .gallery-list ul li:not(:last-child){margin-right: 0;}
    .gallery-dropdown-toggle { display: flex; align-items: center; cursor: pointer; border-radius: 0; padding: 10px 20px; background: var(--green); color: var(--white); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .gallery-list ul { display: none; flex-direction: column; gap: 0; border: 1px solid var(--darkpink);  background: #fff; position: relative; z-index: 99; }
    .gallery-list ul.show { display: flex; }
    .gallery-list ul li a ,.gallery-list ul li .common-filter-btn { border: none; border-bottom: 1px solid var(--darkpink); border-radius: 0; width: 100%;justify-content: flex-start; }
    .gallery-list ul li:last-child a , .gallery-list ul li:last-child .common-filter-btn { border-bottom: none; }
    .gallery-dropdown-toggle figure{width: 100%; max-width: 30px; display: flex; margin-right: 20px;}
    .gallery-list ul li button:hover, .gallery-list ul li a:hover ,.gallery-list ul li .common-filter-btn:hover{background: var(--extralightkpink); color: var(--darkpink);}
    .gallery-list ul li button.active, .gallery-list ul li a.active , .gallery-list ul li .common-filter-btn.active{background: var(--extralightkpink); color: var(--darkpink);}
    /* gallery section */

    .tabbing-research-section .tabbing-name-faculty-publications-info-block  .tabbing-name-info{padding: 15px 20px;}

    .application-process-image-block{position: relative; z-index: 99;}
    .application-process-block { position: relative; min-height: 100%; overflow: hidden; }
    .application-process-image.image-sticky { position: relative; z-index: 9;}
    .application-process-step { background: var(--extralightkpink); border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; -ms-border-radius: 27px; -o-border-radius: 27px;}
    .application-process-step .application-process-step-title * { color: var(--lightpink); }
    .application-process-step .common-detail { color: var(--lightpink); }
    .application-process-step .common-detail ul li { color: var(--lightpink); }
    /* .application-process{padding-bottom: 80px; margin-bottom: 80px;} */
    /* .apllication-process-step-block > *:last-child{margin-bottom: 40px;} */

    .news-events-section .gallery-list ul{row-gap: 0;}

    .appoinments-left-title{text-align: center;}
    .appoinments-left-title{margin: 35px 0 0;}

    .national-highlighted-project{ padding: 40px 0 60px !important; }
    .highlighted-project-title-block .section-title{margin-bottom: 30px;}
    .highlighted-project-list ul li a span{padding-right: 25px;}

      /* local-stem-teaching-resources */
     .local-stem-teaching-resources{padding: 50px 0!important;}
     .local-stem-teaching-resources .stem-teaching-resources-content{margin: 40px auto 0;}
     /* local-stem-teaching-resources */

     .banner-logo-block img{max-width: 80%;}
     .banner-logo-block{padding: 70px 20px;}


     .form-check #consent_contact-error.error, .form-check #agree_policy-error.error { margin: 0 0 0 7px; } 
     .register-form-part label.error { font-size: 16px; line-height: 16px; padding-top: 5px; } 
     .register-form .form-check { margin-bottom: 38px !important; } 
     .register-form-part .toggle-password { right: 10px; top: 18px; }
    .forgot-password-wrapper .error-msg { font-size: 16px;  line-height: 20px; margin-top: 15px;}


    /*cpd resource*/
    .cpd-resources-section .gallery-list { padding: 0; margin: 0 0 10px 0;}
    .cpd-resources-section .gallery-list ul li button{ border: none; border-bottom: 1px solid var(--darkpink); border-radius: 0; width: 100%; justify-content: flex-start; } 
    .cpd-resources-section .gallery-list ul li:not(:last-child) { margin-right: 0; } 
    .cpd-resources-section .gallery-list ul.show { display: flex ;        border-bottom: 0px; } 
    .cpd-resources-section .gallery-list ul li button:hover , .cpd-resources-section .gallery-list ul li button.is-checked{ background: var(--extralightkpink); color: var(--darkpink); } 
    .cpd-resources-section .events-info { width: 100%; margin: 0 0 17px 0; }

    /*cpd resource*/

    /* .dropdown-menu  .dropend .dropdown-item {padding: 15px;} */
    .dropdown-menu  .dropend .menu-arrow {top: 18px;}

    /*typography*/
    .typography-title { margin-bottom: 29px; }
    .typography-wrp { padding: 60px 0; }
    .error-page .common-detail { margin: 10px 0 30px; }
    .error-page .block-title {font-size: 19px; padding: 10px 0 0 0;}
    .typography-content h1 { font-size: 45px; line-height: 50px;  }
    .typography-content h2 { font-size: 40px; line-height: 45px;  }
    .typography-content h3 { font-size: 35px; line-height: 40px;  }
    .typography-content h4 { font-size: 30px; line-height: 35px;  }
    .typography-content h5 { font-size: 25px; line-height: 30px;  }
    .typography-content h6 { font-size: 23px; line-height: 27px;  }
    /*typography*/  

    /*development-research-work*/
    .development-research-work .development-information-child-block { justify-content: center; }    
    .development-research-work .development-information-title { text-align: center; }
    .development-research-work .development-information-block { margin: 0 0 60px 0; }
    .development-research-work .development-info-detail { margin: 0 auto; }
    /*development-research-work*/


    /*usefullinks*/
    .usefullinks-block .small-title * { font-size: 27px; }
    .usefullinks-block { margin-bottom: 25px; padding-bottom: 25px; }
    .usefullinks-block .development-info-detail { margin-top: 13px; }
    /*usefullinks*/

    /*irish development*/
    .irish-right .development-info-detail { margin-top: 13px; padding: 17px; min-height: auto;}
    .irish-right .cern-wrap .cern-flx { margin-right: 30px; }
    .irish-right .development-info-detail img { width: 30px; }
    .irish-right .cern-wrap { row-gap: 33px; }
    .irish-block .irish-inner { margin-bottom: 30px; padding-bottom: 30px; }    
    .irish-right .development-info-detail .development-info-child-detail * { font-size: 22px; line-height: 23px; }
    .irish-left .small-title { font-size: 23px; margin-bottom: 20px;}
    .irish-main .section-title { margin-bottom: 30px; }
    .irish-block > *:last-child {padding-bottom: 0;}
    /*irish development*/

    /*stint section*/
    .stint-section { padding: 50px 0 !important; }
    /*stint section*/

    /*profile*/
    .back-to-search a { font-size: 20px; }
    /*profile*/

    .navbar-nav { overflow-y: auto; height: Calc(100vh - 90px); }
    .tabbing-name-block { margin-bottom: 0; }
    .search-box .form-control { font-size: 20px; }
    .tabbing-name-detail sup { font-size: 16px; }

    .social-media-title { margin-right: 19px; }
    .footer-bootom-link-list ul li img { max-width: 90px; }
    .social-media-list ul li { padding: 0 9px; }
    .footer-bootom-link-list ul > *:first-child { padding-right: 0px; }

    .vacancy-uploaded-img figure { max-width: 20px; margin: 0 10px 0 0; }
    .vacancy-uploaded-date p { font-size: 16px; }

    .development-block-right .gallery { justify-content: center; }
    /**career-mathway*/
    .career-mathways-resource .resources-detail .common-detail * { font-size: 20px; }
    .career-pathway-block { height: Calc(100% - 30px); margin: 0 0 30px 0; }
    /**career-mathway*/

    .resend-flex button , .forgot-password-v2 button{
     margin: 40px auto 0 auto;
    }    

}

@media (min-width: 768px) and (max-width: 991px){
    /* common style */
    .section-title{font-size: 36px;}
    .section-block-title{font-size: 30px;}
    body{font-size: 20px;}
    .green-btn{padding: 12px 24px; font-size: 18px;}
    .lightgreen-btn{padding: 18px 34px; font-size: 20px;}
    .block-title{font-size: 26px; line-height: normal;}
    .small-title{font-size: 26px;line-height: normal;}
    /* common style */

     #logo-container .logo-animation-block{ transform:scale(0.5) ; -webkit-transform:scale(0.5) ; -moz-transform:scale(0.5) ; -ms-transform:scale(0.5) ; -o-transform:scale(0.5) ; }

    /* banner */
    .banner-block .container{max-width: 100%;}
    .banner-image{height: 425px;}
    .gallery-detail-banner .banner-image{height: 250px;}
    .form-part{max-width: 400px; margin: -350px 0 0;}
    .common-form .form-group{margin-bottom: 25px;}
    .forgot-password{margin: -20px 0 25px 25px;}
    .form-part-logo{width: 100%; max-width: 270px; margin-left: auto;}
    .login-title *{font-size: 22px;}
    .form-btn-group>*{min-width: 150px;}
    .login-title{padding-right: 5px;}
    .common-form .form-group .form-control{padding: 14px 30px;}
    .form-part{padding: 35px;}
    .form-btn-group>*{padding: 14px 20px;}
     .epistem-teachers-logo{max-width: 300px; margin-left: auto;}
    /* banner */

    /* ticker section */
    .ticker-text *{font-size: 50px;}
    /* ticker section */

     /* Highlighted Projects */
     .highlighted-project{padding: 120px 0 30px;}
     /* .highlighted-project-list ul li{font-size: 24px; padding: 12px 12px 12px 20px;} */
     .highlighted-project-list ul li a{font-size: 24px; padding: 12px 12px 12px 20px;}
     /* Highlighted Projects */

    /* STEM Research & Events */
    .stem-research-events-section{padding: 30px 0 60px;}
    .stem-research-events-right-part{padding-left: 0; padding-top: 30px; margin: 0 auto;}
    .stem-research-events-link-block{padding: 25px; min-height: 140px;}
    .stem-research-events-info span{font-size: 24px;}
    .stem-research-events-info span{margin-bottom: 15px;}
    .stem-research-events-link-block figure{max-width: 30px;}
    .stem-research-events-left-part{text-align: center;}
    .stem-research-events-left-part .common-detail{margin: 30px 0 0;}
    .stem-research-events-right-part>*:not(:last-child){margin-bottom: 30px;}
    /* STEM Research & Events */

    /* resources section */
    .resources-detail{padding: 20px;}
    .resources-section{padding: 60px 0;}
    .resources-wrp .row{margin: 0 -7px;}
    .resources-wrp .row>*{padding: 0 7px;}
    .resources-icon{width: 100%; max-width: 50px;}
    .resources-detail .common-detail *{font-size: 16px;}
    .resources-wrp .row>*:nth-child(2) .resources-detail{min-height: 230px;}
    .resources-wrp .row>*:nth-child(3) .resources-detail{min-height: 280px;}
    .resources-wrp{margin: 40px 0 0;}
    .resources-detail .common-detail{margin: 60px 0 0;}
    .resources-video{ height: 450px; }
    .resources-video-block{margin: 70px 0 0;}
    /* resources section */

    /* principles section */
    .principles-block{margin: 50px 0 0;}
    .principles-section{padding: 60px 0;}
    .principle-list{max-width: 100%; margin-top: 30px;}
    .principles-block .row{margin: 0 -20px; row-gap: 0px;}
    .principles-block .row>*{padding: 0 20px;}
    .principle-block-title *{font-size: 28px;}
    .principle-list ul li{font-size: 20px; align-items: flex-start;}
    .principle-list ul li a{font-size: 20px; align-items: flex-start;}
    .principle-description{text-align: center;}
    .principle-info{margin-top: 35px;}
    .principle-detail-block{margin: 30px 0 0 ;}
    .principle-child-detail{height: auto; margin-bottom: 25px;}
    /* principles section */

    /* about section  */
    .about-section{padding: 60px 0 35px;}
    .about-step-info .common-detail{font-size: 18px;}
    .about-step-title *{font-size: 24px;}
    .about-title-block .section-title{text-align: center;}
    .about-detail-block{margin: 30px 0 0; text-align: center; max-width: 100%;}
    .about-counter-info{ padding: 20px; right: 50%; transform:translateX(50%) ; -webkit-transform:translateX(50%) ; -moz-transform:translateX(50%) ; -ms-transform:translateX(50%) ; -o-transform:translateX(50%) ; min-width: 380px;}
    .about-counter-info ul li span{font-size: 26px;}
    .about-counter-info ul li{font-size: 12px; padding: 0 20px;}
    .about-image img{ border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; }
    .about-step-child-block figure{width: 45px; height: 45px; padding: 12px;}
    .about-step-child-block .about-step-info::after{top: 58px; left: -24px;}
    .about-step-info{padding-left: 18px;}
    .about-image{height: 400px;}
    .about-image-part{margin-top: 100px;}
    /* about section  */

    /* mission section  */
    .mission-section{padding: 30px 0 60px; text-align: center;}
    .mission-title-block .section-title{ font-size: 40px; }
    .mission-detail-block{margin: 30px 0 0; max-width: 100%;}
    /* mission section  */

    /* vision section */
    .vision-section { padding-bottom: 30px; }
    .vision-part{padding: 50px; text-align: center;}
    .vision-title-block .section-title{font-size: 40px; margin-bottom: 30px;}
    .vision-list-detail{padding: 25px; margin-bottom: 20px; height: calc(100% - 20px);}
    .vision-list-detail-title{font-size: 26px;}
    .vision-block{padding: 160px 0 130px;}
    .vision-list-detail figure{width: 100%; max-width: 40px;}
    .vision-list-wrp .row { margin: 0 -10px; }
    .vision-list-wrp .row>* { padding: 0 10px; }
    .vision-list-block{margin: -50px 0 0;}
    /* vision section */

    /* events section */
    .events-block{margin: 50px 0 0;}
    .events-detail *{font-size: 22px;}
    .events-detail span{font-size: 17px; margin: 10px 0 0;}
     .news-events-section .events-detail span {font-size: 17px;}
    .events-detail figure{width: 100%; max-width: 40px;}
    .events-detail>*:first-child{padding-right: 25px;}
    .events-discover-more-btn{margin: 50px 0 0;}
    .events-btn-group .green-btn{padding: 12px 24px; font-size: 18px;}
    .events-btn-group>*:last-child{padding: 12px 24px; font-size: 18px;}
    .events-btn-group>*:not(:last-child){margin-right: 35px;}
    /* events section */

    /* profile section */
    .profile-detail-block{margin: 0;}
    .profile-image{height: 500px;}
    .profile-detail-block ul li{font-size: 18px;}
    .profile-info-list ul li{font-size: 18px;}
    .profile-info-list ul li strong{font-size: 24px;}
    .profile-info{padding: 35px 0 0;}
    .profile-info .block-title{padding-bottom: 15px;}
    .profile-detail-block .common-detail{font-size: 18px;}
    .profile-detail-block ul{padding-left: 2rem;}
    .profile-section{padding: 40px 0;}
    .profile-info-block{max-width: 100%; margin: 0 auto 30px; padding: 0 50px 40px; max-width: 500px;}
    .profile-info-list{max-width: 100%;}
    .back-to-search{padding-left: 50px;}
    .resources-logged-in-section .back-to-search{padding-left: 0;}
    /* profile section */

     /* contact section  */
     .contact-form .row{margin: 0 -18px;}
     .contact-form .row>*{padding: 0 18px;}
     .map-block {height: 450px;}
     .contact-section{padding: 60px 0;}
     .pdf-block-content a{min-width: 130px; padding: 12px; font-size: 15px;}
      .pdf-block-content{max-width: 530px;}
      .contact-list ul li{font-size: 20px;}
      .contact-list ul li figure{max-width: 25px;}
      .contact-form .form-group{margin-bottom: 50px;}
      .contact-form .form-group .form-control::placeholder {font-size: 20px;}
      .contact-form .form-group .form-control{font-size: 20px;}
      .contact-form-part{margin: 40px 0 0;}
      .pdf-block-content a figure{max-width: 30px; margin-right: 10px;}
      .pdf-block-section{margin: -25px 0 0;}
     /* contact section  */

    /* gallery section */
    .gallery-image{height: 225px;}
    .gallery-info{height: calc(100% - 236px);}
    .gallery-block .row{margin: 0 -15px;}
    .gallery-block .row>*{padding: 0 15px;}
    .gallery-list ul li button, .gallery-list ul li a , .gallery-list ul li .common-filter-btn{ font-size: 16px; padding: 12px 20px; color: var(--green);}
    .gallery-title *{font-size: 18px;}
    .gallery-info-detail *{font-size: 16px;}
    .gallery-wrp{margin-bottom: 30px; height: calc(100% - 30px);}
    .gallery-list ul li:not(:last-child){margin-right: 0;}
    .gallery-dropdown-toggle { display: flex; align-items: center; cursor: pointer; border-radius: 0; padding: 10px 20px; background: var(--green); color: var(--white); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .gallery-list ul { display: none; flex-direction: column; gap: 0; border: 1px solid var(--darkpink);  background: #fff; position: relative; z-index: 99; }
    .gallery-list ul.show { display: flex; }
    .gallery-list ul li a ,  .gallery-list ul li .common-filter-btn { border: none; border-bottom: 1px solid var(--darkpink); border-radius: 0; width: 100%;justify-content: flex-start; }
    .gallery-list ul li:last-child a { border-bottom: none; }
    .gallery-dropdown-toggle figure{width: 100%; max-width: 30px; display: flex; margin-right: 20px;}
    .gallery-list ul li button:hover, .gallery-list ul li a:hover , .gallery-list ul li .common-filter-btn:hover{background: var(--extralightkpink); color: var(--darkpink);}
    .gallery-list ul li button.active, .gallery-list ul li a.active ,.gallery-list ul li .common-filter-btn.active{background: var(--extralightkpink); color: var(--darkpink);}
    /* gallery section */

    /* development section */
    .development-section{padding: 70px 0 90px;}
    .development-sub-title *{font-size: 28px;}
    .development-information-block>*:not(:last-child){margin-right: 40px;}
    .development-information-title *{font-size: 28px;}
    .development-info-detail{height: calc(100% - 99px);}
    .development-info-child-detail *{font-size: 22px;}
    .development-information-block{margin: 60px 0 0;}
    .development-info-detail{padding: 25px;}
    .development-block-right h3{font-size: 24px;}
    .development-block-right{padding-left: 0; padding-top: 10px;}
    .development-block-left .small-title *{font-size: 25px;}
    .development-block-left a{font-size: 20px;}
    .development-info-child-detail span{font-size: 16px;}
    .development-info-child-detail a{font-size: 16px;}
    .development-info-detail figure{width: 100%; max-width: 25px; margin-right: 25px;}
    .development-title-block{padding-bottom: 20px; margin-bottom: 20px; text-align: center;}
    .development-block-left .small-title{margin-bottom: 20px;}
    .development-block-right{text-align: center;}
    .development-block-left{margin: 0 auto; text-align: center; max-width: 100%;}
    .development-title-block .section-title {margin-bottom: 10px;}
    /* development section */

    /* register section */
     .register-section{padding: 60px 0;}
     .register-login-block{ margin: 0 auto; max-width: 500px;}
     .register-left-part{max-width: 100%; margin-bottom: 35px;}
     .register-login-block .forgot-password { margin: -25px 0 25px 30px; }
     .register-login-block .form-part{padding: 80px 40px 50px;}
     .register-left-part .sub-title *{font-size: 24px;}
     .register-login-block .common-form .form-group{ margin-bottom: 30px; }
     .register-logo-title *{font-size: 30px;}
     .register-login-block .login-title *{font-size: 28px;}
     .register-form .form-group{margin-bottom: 35px;}
     .register-form .form-group .form-control{padding: 15px 25px;}
     .register-form .password-info{line-height: 130%; margin: -30px 0 40px; font-size: 16px}
     .register-form .form-check-label{font-size: 18px; margin-left: 15px;}
     .register-form .register-submit-btn .common-btn{min-width: auto;}
     .register-login-block .common-form{margin: 30px 0 0;}
     .register-form .form-group .form-control::placeholder{font-size: 18px;}
     .register-form .form-check-input{width: 25px; height: 25px;}
     /* register section */

     /* welcome section */
     .welcome-content{padding: 60px 70px;}
     /* welcome section */

     /* STEM Teaching Resources */
    .stem-teaching-resources-content .row { margin: 0 -15px; }
    .stem-teaching-resources-content .row>* { padding: 0 15px; }
    .stem-teaching-resources{padding: 610px 0 80px;}
    .stem-teaching-resources-image{height: 201px;}
    .stem-teaching-resources-detail{height: calc(100% - 219px); padding: 7px 20px 25px 9px;}
    .stem-teaching-resources-title *{font-size: 26px;}
     /* STEM Teaching Resources */

     /* resources team */
     .resources-team{padding: 60px 0;}
     .resources-team-list{margin: 40px 0 0;}
     .resources-team-list ul{margin: 0 -22px;}
     .resources-team-list ul li{padding: 0 22px;}
     .resources-team-content .section-title{max-width: 500px;}
     .resources-team-list ul li a{font-size: 17px; padding: 15px;}
     /* resources team */

     /* folder structure */
     .resources-education{padding: 40px 0 20px;}
     .folder-structure{padding: 20px 0 50px;}
     .resources-education-info-title *{font-size: 25px;}
     .resources-education-info *{font-size: 18px;}
     .folder-structure-content .load-more-btn .common-btn{min-width: 150px;}
     .accordion-button{font-size: 18px; padding: 20px;}
    .accordion-sub .accordion-button{padding: 20px 20px 20px 45px;}
    .accordion-arrow{width: 12px;}
    .icon{width: 55px;}
    .accordion-button span.icon{margin-right: 15px; padding-left: 30px;}
    .file-item{padding: 20px 20px 15px 80px; font-size: 18px;}
    .folder-structure-content .load-more-btn{margin: 50px 0 0;}
    .resources-education-info{margin: 18px 0 0;}
    .file-item .icon{padding-left: 25px; width: 48px; margin-right: 15px;}
     /* folder structure */

     /* appoinments section */
     .appoinments-left-title *{font-size: 26px;}
     .appoinments-section{padding: 50px 0 30px;}
     .appoinments-block{margin: 40px 0 0;}
     .appoinments-left .common-detail{max-width: 100%;}
     .appoinments-right .common-detail{max-width: 100%;}
     .appoinments-left{text-align: center;}
     .appoinments-right{margin: 30px 0 0; text-align: center;}
     .appoinments-content .section-title{text-align: center;}
     /* appoinments section */

     /* facilities section */
     .facelities-wrp .small-title{font-size: 20px; padding-bottom: 10px;}
     .facelities-wrp .common-detail{font-size: 17px; line-height: 150%;}
     .facelities-part .row{margin: 0 -20px;}
     .facelities-part .row>*{padding: 0 20px;}
     .facilities-content{padding: 60px 40px 20px;}
     .facelities-block .section-block-title{max-width: 490px;}
     .facelities-wrp{margin-bottom: 55px; height: calc(100% - 55px);}
     /* facilities section */

     /* terms and conditions */
     .terms-and-conditions-section{padding: 60px 0 40px;}
     .terms-and-conditions-list ul li{font-size: 18px; padding: 0 40px 0 0;}
     /* terms and conditions */

     /* tabbing-section */
     .tabbing-name-block{max-width: 100%;}
     .tabbing-name-detail *{font-size: 20px;}
     .tabbing-name-detail span{font-size: 15px;}
     .tabbing-list ul li{font-size: 16px;}
     .tabbing-name-contact-info ul li a{font-size: 16px;}
     .tabbing-discover-more-btn{margin: 40px 0 0;}
     .search-box .form-control{font-size: 22px;}
     .search-box .form-control::placeholder {font-size: 22px;}
     .tabbing-name-image{max-width: 120px; height: 140px;}
     .search-icon{max-width: 30px;}
     .tabbing-name-contact-info {margin: 10px 0 0;}
     .tabbing-name-info{padding: 25px 20px 20px;}
     .tabbing-main-name *{font-size: 25px;}
     .tabbing-section{padding: 80px 0;}
     /* .tabbing-name-block>*:not(:last-child){margin-bottom: 45px;} */
     .tabbing-found-info{font-size: 20px;}
     .tabbing-name-block{display: flex; flex-wrap: wrap; user-select: none; justify-content: space-between; position: relative;}
    /* .tabbing-wrp { display: none; user-select: none; margin-top: 70px; flex-direction: column;  gap: 0; border: 1px solid var(--darkpink);  position: relative; z-index: 99; } */
    .tabbing-wrp { flex-basis: 50%; display: none; user-select: none; margin-top: 70px; flex-direction: column;  gap: 0;  position: relative; z-index: 99; }

    .tabbing-wrp.show { display: flex; width: 100%; max-width: 335px;margin:0 0 0;}
    .tabbing-name-block > *:not(:last-child) { margin-bottom: 20px; }
    /* .tabbing-name-block .gallery-dropdown-toggle{position: absolute; top: 0; left: 0; right: 0;} */
    .tabbing-name-block .gallery-dropdown-toggle{flex-basis:100%;}

    .tabbing-info{margin: 0 0 0;}
    /* .tabbing-list ul>*:last-child{border-bottom: none;} */
    .tabbing-main-name{padding-top: 10px;}
    .tabbing-research-section .tabbing-name-image{height: 170px;}
    .tabbing-research-section .tabbing-name-info{padding: 25px;}
    .tabbing-research-section .tabbing-name-detail span{font-size: 16px;}
    .tabbing-name-faculty-publications-info-block .tabbing-name-detail *{font-size: 18px;}
     /* tabbing-section */

     /* application process  */
     .application-process-image{height: 400px;}
     .application-process-image-block{max-width: 100%; margin: 0 auto;}
     .application-form-btn .common-btn{min-width: 300px;}
     .application-process-step-title *{font-size: 20px;}
     .application-process-step .common-detail{font-size: 16px; line-height: 140%;}
     .application-process-step{padding: 15px;}
     .application-process-step .common-detail ul li{font-size: 16px;}
     .apllication-process-step-block{margin: 30px 0 0;}
     .application-form-btn .common-btn{ font-size: 20px; padding: 10px 30px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
     .application-process{padding: 40px 0 60px;}
     .apllication-process-title *{font-size: 30px;}
     .apllication-process-title{max-width: 360px; margin: 0 auto; text-align: center;}
     .application-process-step.active{ border-radius:18px ; -webkit-border-radius:18px ; -moz-border-radius:18px ; -ms-border-radius:18px ; -o-border-radius:18px ; }
     .application-process-block { margin: 15px 0 0 !important; }
     .application-form-btn .common-btn figure{max-width: 30px;}
     .application-form-btn{margin: -30px 0 0;}
     /* application process  */

     /* link section */
     .link-list-block .link-list ul li{padding: 0 50px; font-size: 32px;}
     .link-list-block{padding: 25px 50px;}
     .link-section{margin: -40px 0 0;}
     .link-imnage-wrp{height: 400px;}
     .link-part{margin: 50px 0 0;}
     /* link section */

      /* global section */
     .global-block .development-info-detail{max-width: 560px; margin: 0 auto;}
     .global-right-info{left: 0; text-align: center; margin: 35px 0 0;}
     .global-block .development-information-title{max-width: 490px;}
     .global-block .development-information-title{text-align: center; margin: 0 auto 40px;}
     .global-block .development-info-child-detail *{font-size: 20px;}
     .global-main-block > *:not(:last-child){ margin-bottom: 70px; }
    .common-wrp-link-list ul{justify-content: center;}
     /* global section */

      /* interface section */
     .interface-submit-btn{margin: 30px 0 0; min-width: auto;}
     .interface-section{padding: 50px 0;}
     .dropdown-options{padding: 0 50px 0 14px;}
     .minus-icon{padding: 22px; width: 70px; height: 70px; margin-bottom: 30px;}
     .interface-block{margin: 50px 0 0;}
     .select-title *{font-size: 20px;}
     .dropdown-selected{padding: 15px 50px 15px 15px;}
     .interface-step-block .form-group .form-control{padding: 15px 20px;}
     .custom-file{padding: 10px 20px;}
     .minus-icon{height: 42px; width: 49px; padding: 13px;}
     .add-resoureces-btn{min-width: auto;}
     .custom-dropdown{font-size: 17px;}
     .dropdown-options li{font-size: 17px;}
     .custom-dropdown::after{top: 12px;}
     .select-block{margin-bottom: 30px;}
     .interface-step-block .form-group{margin-bottom: 30px;}
     .select-title{padding-left: 0;}
     /* interface section */

    /* footer */
    .footer-logo{max-width: 180px; margin-bottom: 25px;}
    .footer-center .row>*:nth-child(2):after { right: 0 !important; }
    .footer-center .row>*:nth-child(2)>* {right: 0; }
    .footer-menu ul li{font-size: 16px;}
    .footer-contact-main-block{padding: 50px 0 30px;}
    .footer-contact-info a, .footer-contact-info p{font-size: 16px;}
    .footer-contact-icon{width: 45px; height: 45px; padding: 13px; margin-right: 0; margin-bottom: 10px;}
    .footer-contact-info a{display: flex; margin: 10px 0 0; justify-content: center;}
    .footer{padding: 80px 0 0;}
    .footer-bottom{padding: 30px 0;}
    .footer-contact-title{font-size: 16px}
    .footer-top{padding-bottom: 25px; flex-direction: column; align-items: center;}
    .footer-contact-info p{max-width: 230px;}
    .footer-bootom-link-list ul li{font-size: 16px;}
    .footer-menu ul{gap: 15px 30px; justify-content: center; flex-wrap: wrap;}
    .footer-menu ul li:not(:last-child){margin-right: 0;}
    .footer-center .row>*:first-child .footer-contact-block{justify-content: center;}
    .footer-contact-block{flex-direction: column; align-items: center; text-align: center;}
    .footer-center .row>*:not(:last-child)::after{display: none;}
    .footer-contact-main-block{padding-top: 0; padding-bottom: 0; height: auto;}
    .footer-center .row > *:not(:last-child) .footer-contact-main-block{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
    .footer-center{padding: 40px 0;}
    .footer-bottom{flex-direction: column; align-items: center; text-align: center;}
    .footer-bottom > *:not(:last-child){margin-bottom: 30px;}
    /* footer */

    /*forgot-password*/ 
    .forgot-password-inner .form-group { margin: 0 10px 0 0; }
    /*forgot-password*/
         
             /*gallery detail*/
   .gallery-detail-block .gallery-detail-img { height: 300px; width: 100%; }
   .gallery-detail-block-wrp .row > * { padding-left: 25px; padding-right: 25px; }
   .gallery-detail-block-wrp .row { margin-left: -25px; margin-right: -25px; }
   .gallery-detail-block { height: Calc(100% - 50px); margin-bottom: 50px; }
   .gallery-detail-content .small-title { font-size: 19px; line-height: 25px; }
   .typography-content ul li , .typography-content ol li { font-size: 19px; } 
   .gallery-detail-content h3 { font-size: 26px; line-height: 30px; }
   /*gallery detail*/

    /*resources project maths page*/
    .project-maths-wrp .events-block { margin: 45px 0 0; }
    /*resources project maths page*/
    
    /*resources  cpd page*/
    .cpd-resources-section .section-title {margin-bottom: 20px;}
    /*resources  cpd page*/

    .typography-title {margin-bottom: 30px;}
   .typography-title h1 {font-size: 45px; line-height: 50px}

    /*numeracy-meets-main*/
    .numeracy-meets-main .stem-teaching-resources-content .row > * { padding: 0 20px; }
    .numeracy-meets-main .stem-teaching-resources-content .row { margin: 0 -20px; }
    .numeracy-meets-main .stem-teaching-resources-block { height: calc(100% - 40px); margin-bottom: 40px; }
    .numeracy-meets-main .stem-teaching-resources-image { height: 245px; }
    .numeracy-meets-main .stem-teaching-resources-detail {         height: calc(100% - 263px); }
    .numeracy-meets-main .stem-teaching-resources-title * { font-size: 25px;}
    /*numeracy-meets-main*/

    /*useful-links*/
    .usefullinks-block { margin-bottom: 40px; padding-bottom: 40px; } 
    .cern-wrap .cern-flx { margin-right: 19px; } 
    .usefullinks-block .development-info-detail .development-info-child-detail * { font-size: 19px; line-height: 22px; } 
    .usefullinks-block .development-info-detail { padding: 18px 25px; } 
    .usefullinks-block .development-info-detail img { height: 30px; } 
    .usefullinks-block .development-info-detail figure { margin-right: 6px; } 
    .cern-flx p { line-height: normal; max-width: 429px; }
    .cern-wrap { row-gap: 25px; margin-top: 25px;} 
    .usefullinks-main { padding: 60px 0; }
    /*useful-links*/

    /*usefull link seminar series*/
    .usefullinks-block .small-title br{display: none;}
    .usefullinks-block .small-title * { font-size: 27px; }
    .usefullinks-block .development-info-detail .development-info-child-detail br {display: none;}
    /*usefull link seminar series*/

    /*visitors page*/
    .visitors-section .profile-block { margin-bottom:50px; padding-bottom: 0px; }
    /*visitors page*/
    /*vacancies*/
    .vacancies-main .events-detail span { font-size: 17px; }
    /*vacancies*/

  /*stint section*/
  /* .stint-section .development-info-detail { height: calc(100% - 149px); } */
  .stint-section .development-block-right .development-info-detail {min-height: auto; height: auto; }
  .stint-section .development-information-block { margin: 68px 0 0; justify-content: center; }
  .stint-section .development-block-right .development-information-block h3 { text-align: left; font-size: 22px;}
  .stint-section .development-block-right .development-information-title h3, .stint-section .development-block-right .development-information-title * { font-size: 34px;line-height: normal; text-align: center;}
  /*stint section*/

  
    /*vacancy detail*/
    .share-vacancy-wrap { max-width: 493px; padding: 25px 0; } 
    .vacancy-detail-content .vacancy-detail-flx { margin-bottom: 30px; }
    .share-vacancy-wrap .common-btn { margin-right: 20px; }
    .vacancy-detail-content .vacancy-detail-flx .small-title { max-width: 197px; font-size: 22px; } 
    .vacancy-further-info .development-info-detail { min-height: auto; height: auto;}
    .vacancy-further-info .development-info-child-detail * { font-size: 20px; line-height: 24px; }
    /*vacancy detail*/

    /*network page*/
    .common-wrp-link-list ul li a{ width: 86px; height: 74px; padding: 13px;}
    .common-wrp-link-list ul li a img{max-width: 60%; margin: 0 auto;}
    .common-wrp-link-list ul li a figure{display: flex; justify-content: center; align-items: center;}
    .global-block .development-information-child-block>*:not(:last-child) { margin-bottom: 30px; }
    /*network page*/


    .eco-village-project-section .development-block-right { text-align: left; }

        /**career-mathway*/
    .career-mathways-resource .resources-detail .common-detail * { font-size: 20px; }
    .career-pathway-block { height: Calc(100% - 30px); margin: 0 0 30px 0; }
    .career-mathways-resource .resources-icon { max-width: 120px; } 
    /**career-mathway*/

    .resend-flex .form-control { padding: 18px 31px 18px 18px; font-size: 16px; }
    .resend-flex button , .forgot-password-v2 button { padding: 16px 26px; }
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* common style */
    .section-title{font-size: 30px;}
    .section-block-title{font-size: 24px;}
    body{font-size: 18px;}
    .green-btn{padding: 12px 15px; font-size: 16px;}
    .lightgreen-btn{padding: 16px 18px; font-size: 18px;}
    .block-title{font-size: 26px;}
    .small-title{font-size: 26px;}
    /* common style */

    #logo{ width: 280px;}

    #logo-container .logo-animation-block{ transform:scale(0.4) ; -webkit-transform:scale(0.4) ; -moz-transform:scale(0.4) ; -ms-transform:scale(0.4) ; -o-transform:scale(0.4) ; }


    /* header */
    .navbar-brand{max-width: 110px;}
    .header-top-right-logo{max-width: 170px;}
    /* header */

    /* banner */
    .banner-image{height: 350px;}
    .gallery-detail-banner .banner-image{height: 250px;}
    .form-part{max-width: 400px; position: relative;}
    .common-form .form-group{margin-bottom: 25px;}
    .forgot-password{margin: -20px 0 25px 25px;}
    .form-part-logo{width: 100%; max-width: 270px; margin-left: auto;}
    .login-title *{font-size: 22px;}
    .form-btn-group>*{min-width: 150px;}
    .login-title{padding-right: 5px;}
    .common-form .form-group .form-control{padding: 10px 20px;}
    .form-part{padding: 25px; margin: -70px 0 30px;}
    .form-btn-group>*{padding: 10px 20px;}
    .banner-wrp{justify-content: center;}
    .common-form .form-group .form-control::placeholder{font-size: 17px;}
    .form-btn-group>*{font-size: 17px;}
     .epistem-teachers-logo{max-width: 270px; margin-left: auto;}
    /* banner */

    /* ticker section */
    .ticker-text *{font-size: 40px;}
    /* ticker section */

    /* Highlighted Projects */
    .highlighted-project{padding: 60px 0 30px;}
    /* .highlighted-project-list ul li{font-size: 18px; padding: 10px 10px 10px 15px; align-items: flex-start;} */
    .highlighted-project-list ul li a{font-size: 18px; padding: 10px 10px 10px 15px; align-items: flex-start;}
    .highlighted-project-list ul li span{padding-right: 20px;}
    /* Highlighted Projects */

       /* STEM Research & Events */
       .stem-research-events-section{padding: 30px 0 60px;}
       .stem-research-events-right-part{padding-left: 0; padding-top: 30px; margin: 0 auto;}
       .stem-research-events-link-block{padding: 25px; min-height: 130px;}
       .stem-research-events-info span{font-size: 24px;}
       .stem-research-events-info span{margin-bottom: 15px;}
       .stem-research-events-link-block figure{max-width: 30px;}
       .stem-research-events-left-part{text-align: center;}
       .stem-research-events-right-part > *:not(:last-child){margin-bottom: 30px;}
       .stem-research-events-left-part .common-detail{margin: 30px 0 0;} 
       /* STEM Research & Events */

       /* resources section */
    .resources-detail{padding: 20px;}
    .resources-section{padding: 40px 0;}
    .resources-wrp .row{margin: 0 -10px;}
    .resources-wrp .row>*{padding: 0 10px;}
    .resources-icon{width: 100%; max-width: 50px;}
    .resources-detail .common-detail *{font-size: 16px;}
    .resources-detail{height: calc(100% - 20px); margin-bottom: 20px;}
    .resources-wrp .row>*:nth-child(2) .resources-detail{min-height: auto; height: calc(100% - 20px); margin-bottom: 20px;}
    .resources-wrp .row>*:nth-child(3) .resources-detail{min-height: auto; height: calc(100% - 20px); margin-bottom: 20px;}
    .resources-wrp{margin: 30px 0 0;}
    .resources-detail .common-detail{margin: 60px 0 0;}
    .resources-video{ height: 350px; margin: 35px 0 0;}
    .resources-video-block{margin: 50px 0 0;}
    /* resources section */

    /* principles section */
    .principles-block{margin: 50px 0 0;}
    .principles-section{padding: 50px 0;}
    .principle-list{max-width: 100%; margin-top: 10px;}
    .principles-block .row{margin: 0 -10px; row-gap: 0px;}
    .principles-block .row>*{padding: 0 10px;}
    .principle-block-title *{font-size: 24px;}
    .principle-list ul li{font-size: 18px; align-items: flex-start;}
    .principle-list ul li a{font-size: 18px; align-items: flex-start;}
    .principle-description{text-align: center;}
    .principle-info{margin-top: 35px;}
    .principle-detail-block{margin: 30px 0 0 ;}
    .principle-child-detail{height: auto; margin-bottom: 25px;}
    /* principles section */

    /* about section  */
    .about-section{padding: 40px 0 30px;}
    .about-step-info .common-detail{font-size: 18px;}
    .about-step-title *{font-size: 24px;}
    .about-title-block .section-title{text-align: center;}
    .about-detail-block{margin: 30px 0 0; text-align: center; max-width: 100%;}
    .about-counter-info{ padding: 20px; right: 50%; transform:translateX(50%) ; -webkit-transform:translateX(50%) ; -moz-transform:translateX(50%) ; -ms-transform:translateX(50%) ; -o-transform:translateX(50%) ; min-width: 380px;}
    .about-counter-info ul li span{font-size: 26px;}
    .about-counter-info ul li{font-size: 12px; padding: 0 20px;}
    .about-image img{ border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; }
    .about-step-child-block figure{width: 45px; height: 45px; padding: 12px;}
    .about-step-child-block .about-step-info::after{top: 58px; left: -24px;}
    .about-step-info{padding-left: 18px;}
    .about-image{height: 300px;}
    .about-image-part{margin-top: 100px;}
    .about-block{margin: 50px 0 0;}
    /* about section  */

    /* mission section  */
    .mission-section{padding: 20px 0 50px; text-align: center;}
    .mission-title-block .section-title{ font-size: 36px; }
    .mission-detail-block{margin: 30px 0 0; max-width: 100%;}
    /* mission section  */

    /* vision section */
    .vision-section { padding-bottom: 30px; }
    .vision-part{padding: 35px; text-align: center;}
    .vision-title-block .section-title{font-size: 36px; margin-bottom: 30px;}
    .vision-list-detail{padding: 20px; margin-bottom: 20px; height: calc(100% - 20px);}
    .vision-list-detail-title{font-size: 22px;}
    .vision-block{padding: 160px 0 100px;}
    .vision-list-detail figure{width: 100%; max-width: 30px;}
    .vision-list-wrp .row { margin: 0 -10px; }
    .vision-list-wrp .row>* { padding: 0 10px; }
    .vision-list-block{margin: -40px 0 0;}
    /* vision section */

    /* events section */
    .events-section{padding: 45px 0;}
    .events-block{margin: 35px 0 0;}
    .events-detail *{font-size: 18px;}
    .events-detail span{font-size: 15px; margin: 10px 0 0;}
     .news-events-section .events-detail span {font-size: 15px;}
    .events-detail figure{width: 100%; max-width: 25px;}
    .events-detail>*:first-child{padding-right: 20px;}
    .events-discover-more-btn{margin: 40px 0 0;}
    .events-btn-group .green-btn{padding: 12px 15px; font-size: 16px;}
    .events-btn-group>*:last-child{padding: 12px 15px; font-size: 16px;}
    .events-btn-group>*:not(:last-child){margin-right: 20px;}
    .events-detail{padding: 20px 10px;}
    /* events section */

    /* profile section */
    .profile-detail-block{margin: 0;}
    .profile-image{height: 500px;}
    .profile-detail-block ul li{font-size: 18px; line-height: 150%;}
    .profile-detail-block ul li:not(:last-child){margin-bottom: 15px;}
    .profile-info-list ul li{font-size: 18px;}
    .profile-info-list ul li strong{font-size: 24px;}
    .profile-info{padding: 35px 0 0;}
    .profile-info .block-title{padding-bottom: 15px;}
    .profile-detail-block .common-detail{font-size: 18px;}
    .profile-detail-block ul{padding-left: 2rem;}
    .profile-section{padding: 40px 0;}
    .profile-info-block{max-width: 100%; margin: 0 0 30px; padding: 0 50px 40px;}
    .profile-info-list{max-width: 100%;}
    .back-to-search{padding-left: 50px;}
    .resources-logged-in-section .back-to-search{padding-left: 0;}
    /* profile section */

     /* gallery section */
     .gallery-block{margin: 50px 0 0;}
     .gallery-section{padding: 50px 0;}
     .gallery-image{height: 165px;}
     .gallery-info{height: calc(100% - 176px);}
     /* gallery section */

     /* development section */
    .development-section{padding: 50px 0;}
    .development-sub-title *{font-size: 22px;}
    .development-information-block>*:not(:last-child){margin-right: 0; margin-bottom: 30px;}
    .development-information-title *{font-size: 22px;}
    .development-info-detail{height: auto;}
    .development-info-child-detail *{font-size: 18px;}
    .development-information-block{margin: 40px 0 0; flex-direction: column; text-align: center;}
    .development-info-detail{padding: 25px;}
    .development-block-right h3{font-size: 20px;}
    .development-block-right{padding-left: 0; padding-top: 30px;}
    .development-block-left .small-title *{font-size: 20px;}
    .development-block-left a{font-size: 20px;}
    .development-info-child-detail span{font-size: 16px;}
    .development-info-child-detail a{font-size: 16px;}
    .development-info-detail figure{width: 100%; max-width: 25px; margin-right: 15px;}
    .development-title-block{padding-bottom: 20px; margin-bottom: 20px; text-align: center;}
    .development-title-block .section-title { margin-bottom: 10px; }
    .development-block-left .small-title{margin-bottom: 30px;}
    .development-block-right{text-align: center;}
    .development-block-left{margin: 0 auto; text-align: center;}
    .development-information-title{margin-bottom: 20px;}
    .development-info-child-detail{text-align: left;}
    .development-block-right{padding-bottom: 10px; padding-top: 10px;}
    .development-sub-title span{padding: 0 5px;}
    .international-conferences-section     .tabbing-info { margin: 0 0; }
    /* development section */

    /* contact section  */
     .contact-form .row{margin: 0 -12px;}
     .contact-form .row>*{padding: 0 12px;}
     .map-block {height: 450px;}
     .pdf-block-content{flex-direction: column; align-items: center;}
     .pdf-block-content > *:not(:last-child){margin-bottom: 10px;}
     .contact-section{padding: 60px 0;}
     .pdf-block-content a{min-width: 130px; padding: 12px 23px; font-size: 15px;}
     .pdf-block-content a img {width: 25px; height: 25px;}
      .pdf-block-content{max-width: 530px;}
      .contact-list ul li{font-size: 18px;}
      .contact-list ul li figure{max-width: 22px;}
      .contact-form .form-group{margin-bottom: 40px;}
      .contact-form .form-group .form-control::placeholder {font-size: 16px;}
      .contact-form .form-group .form-control{font-size: 20px;}
      .contact-form-part{margin: 40px 0 0;}
      .pdf-block-content a figure{max-width: 30px; margin-right: 10px;}
      .pdf-block-section{margin: -25px 0 0;}
     /* contact section  */

     /* register section */
     .register-section{padding: 50px 0;}
     .register-login-block{ margin: 0 auto; max-width: 500px;}
     .register-left-part{max-width: 100%; margin-bottom: 35px;}
     .register-login-block .forgot-password { margin: -25px 0 25px 30px; }
     .register-login-block .form-part{padding: 80px 40px 50px;}
     .register-left-part .sub-title *{font-size: 20px;}
     .register-login-block .common-form .form-group{ margin-bottom: 30px; }
     .register-logo-title *{font-size: 26px;}
     .register-login-block .login-title *{font-size: 22px;}
     .register-form .form-group{margin-bottom: 25px;}
     .register-form .form-group .form-control{padding: 15px 30px 15px 18px;}
     .register-form .password-info{line-height: 130%; margin: -20px 0 40px; font-size: 16px}
     .register-form .form-check-label{font-size: 16px; margin-left: 12px;}
     .register-form .register-submit-btn .common-btn{min-width: auto;}
     .register-login-block .common-form{margin: 30px 0 0;}
     .register-form .form-group .form-control::placeholder{font-size: 18px;}
     .register-form .form-check-input{width: 22px; height: 22px;}
     /* register section */

     /* welcome section */
     .welcome-content{padding: 40px 30px;}
     .welcome-content .common-detail{margin: 40px auto 0;}
     /* welcome section */

      /* STEM Teaching Resources */
    .stem-teaching-resources-content .row { margin: 0 -10px; }
    .stem-teaching-resources-content .row>* { padding: 0 10px; }
    .stem-teaching-resources{padding: 600px 0 60px;}
    .stem-teaching-resources-image{height: 151px;}
    .stem-teaching-resources-detail{height: calc(100% - 169px); padding: 7px 15px 20px 9px;}
    .stem-teaching-resources-title *{font-size: 20px;}
     /* STEM Teaching Resources */

     /* resources team */
     .resources-team{padding: 50px 0;}
     .resources-team-list{margin: 40px 0 0;}
     .resources-team-list ul{margin: 0 -18px;}
     .resources-team-list ul li{padding: 0 18px; width: 100%;}
     .resources-team-content .section-title{max-width: 430px;}
     .resources-team-list ul li a{font-size: 18px; padding: 15px;}
     /* resources team */

     /* folder structure */
     .resources-education{padding: 40px 0 20px;}
     .folder-structure{padding: 20px 0 50px;}
     .resources-education-info-title *{font-size: 20px;}
     .resources-education-info *{font-size: 18px;}
     .folder-structure-content .load-more-btn .common-btn{min-width: 150px;}
     .accordion-button{font-size: 18px; padding: 20px;}
    .accordion-sub .accordion-button{padding: 20px 20px 20px 45px;}
    .accordion-arrow{width: 12px;}
    .accordion-arrow img{width: 12px;}
    .icon{width: 55px;}
    .accordion-button span.icon{margin-right: 15px; padding-left: 30px;}
    .file-item{padding: 20px 20px 15px 80px; font-size: 18px;}
    .folder-structure-content .load-more-btn{margin: 50px 0 0;}
    .resources-education-info{margin: 18px 0 0;}
    .file-item .icon{padding-left: 25px; width: 48px; margin-right: 15px;}
    .resources-education-detail{text-align: center; margin: 30px 0 0;}
    .resources-education-title-block .section-title{text-align: center;}
     /* folder structure */

     /* appoinments section */
     .appoinments-left-title *{font-size: 26px;}
     .appoinments-section{padding: 50px 0 30px;}
     .appoinments-block{margin: 40px 0 0;}
     .appoinments-left .common-detail{max-width: 100%;}
     .appoinments-right .common-detail{max-width: 100%;}
     .appoinments-left{text-align: center;}
     .appoinments-right{margin: 30px 0 0; text-align: center;}
     .appoinments-content .section-title{text-align: center;}
     /* appoinments section */

     /* facilities section */
     .facelities-wrp .small-title{font-size: 19px; padding-bottom: 10px;}
     .facelities-wrp .common-detail{font-size: 16px; line-height: 150%;}
     .facelities-part .row{margin: 0 -18px;}
     .facelities-part .row>*{padding: 0 18px;}
     .facilities-content{padding: 40px 30px 20px;}
     .facelities-block .section-block-title{max-width: 490px;}
     .facelities-wrp{margin-bottom: 40px; height: auto;}
     .facelities-part{margin: 40px 0 0;}
     .facilities-content{ border-radius:25px ; -webkit-border-radius:25px ; -moz-border-radius:25px ; -ms-border-radius:25px ; -o-border-radius:25px ; }
     /* facilities section */

     /* terms and conditions */
     .terms-and-conditions-section{padding: 60px 0 40px;}
      .terms-and-conditions-list ul{column-count: 1;}
     .terms-and-conditions-list ul li{font-size: 18px; padding: 0; margin-bottom: 30px;}
     /* terms and conditions */

      /* tabbing-section */
     .tabbing-name-block{max-width: 100%;}
     .tabbing-name-detail *{font-size: 18px;}
     .tabbing-name-detail span{font-size: 14px;}
     .tabbing-list ul li{font-size: 16px;}
     .tabbing-name-contact-info ul li a{font-size: 14px;}
     .tabbing-discover-more-btn{margin: 40px 0 0;}
     .search-box .form-control{font-size: 18px;}
     .search-box .form-control::placeholder {font-size: 17px;}
     .tabbing-name-image{max-width: 100px; height: 120px; margin-right: 20px;}
     .search-icon{max-width: 25px;}
     .tabbing-name-contact-info {margin: 10px 0 0;}
     .tabbing-name-info{padding: 20px 15px 15px;}
     .tabbing-main-name *{font-size: 25px;}
     .tabbing-section{padding: 60px 0;}
     /* .tabbing-name-block>*:not(:last-child){margin-bottom: 45px;} */
     .tabbing-found-info{font-size: 15px; margin: 10px 0 0 0;     }
     /* .tabbing-name-block{display: flex; user-select: none; justify-content: space-between; margin-bottom: 50px; position: relative;} */
    /* .tabbing-wrp { display: none; user-select: none; margin-top: 70px; flex-direction: column;  gap: 0;  position: relative; z-index: 99; } */
    /* .tabbing-wrp.show { display: flex !important; width: 100%; max-width: 245px; margin: 63px 0 0 0 ; border: 1px solid var(--darkpink);} */
    /* .tabbing-wrp.show { display: flex !important; width: 100%; max-width: 245px; margin: 63px 0 0 0 ;} */

    /* .tabbing-name-block .gallery-dropdown-toggle{position: absolute; top: 0; left: 0; right: 0;} */
    .tabbing-name-block{display: flex; flex-wrap: wrap; user-select: none; justify-content: space-between; position: relative;}
    /* .tabbing-wrp { display: none; user-select: none; margin-top: 70px; flex-direction: column;  gap: 0; border: 1px solid var(--darkpink);  position: relative; z-index: 99; } */
    .tabbing-wrp { flex-basis: 50%; display: none; user-select: none; margin-top: 70px; flex-direction: column;  gap: 0;  position: relative; z-index: 99; }

    .tabbing-wrp.show { display: flex; width: 100%; max-width: 240px;margin:0 0 0;}
    .tabbing-name-block > *:not(:last-child) { margin-bottom: 10px; }
    /* .tabbing-name-block .gallery-dropdown-toggle{position: absolute; top: 0; left: 0; right: 0;} */
    .tabbing-name-block .gallery-dropdown-toggle{flex-basis:100%;}



    .tabbing-info{margin: 10px 0 0 0;}
    /* .tabbing-list ul>*:last-child{border-bottom: none;} */
    .tabbing-main-name{padding-top: 10px;}
    .tabbing-name-contact-info ul li figure{max-width: 20px;}
    .tabbing-name-contact-info ul li:not(:last-child){margin-right: 20px;}
    .tabbing-name-info-block{margin: 10px 0 0 0;}
    .tabbing-research-section .tabbing-name-image{height: 130px;}
    .tabbing-research-section .tabbing-name-info{padding: 25px;} 
    .tabbing-research-section .tabbing-name-detail span{font-size: 16px;}
    .tabbing-name-faculty-publications-info-block .tabbing-name-detail *{font-size: 18px;}
    .tabbing-name-detail sup { font-size: 15px; }
     /* tabbing-section */

     /* application process  */
     .application-process-image{height: 400px;}
     .application-process-image-block{max-width: 100%; margin: 0 auto;}
     .application-form-btn .common-btn{min-width: 300px;}
     .application-process-step-title *{font-size: 20px;}
     .application-process-step .common-detail{font-size: 16px; line-height: 140%;}
     .application-process-step{padding: 15px;}
     .application-process-step .common-detail ul li{font-size: 16px;}
     .apllication-process-step-block{margin: 30px 0 0;}
     .application-form-btn .common-btn{ font-size: 20px; padding: 10px 30px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
     .application-process{padding: 40px 0;}
     .apllication-process-title *{font-size: 30px;}
     .apllication-process-title{max-width: 360px; margin: 0 auto; text-align: center;}
     .application-process-step.active{ border-radius:18px ; -webkit-border-radius:18px ; -moz-border-radius:18px ; -ms-border-radius:18px ; -o-border-radius:18px ; }
     .application-process-block { margin: 15px 0 0 !important; }
     .application-form-btn .common-btn figure{max-width: 30px;}
     .application-form-btn{margin: -30px 0 0;}
     /* application process  */

      /* link section */
     .link-list-block .link-list ul li{padding: 0 20px; font-size: 24px;}
     .link-list-block{padding: 25px 30px;}
     .link-section{margin: -40px 0 0;}
     .link-imnage-wrp{height: 300px;}
     .link-part{margin: 50px 0 0;}
     .link-list-block .link-list ul li::after{top: 2px; bottom: 2px;}
     .link-part::after{top: 140px;}
     .link-part{padding-bottom: 60px;}
     /* link section */

     /* global section */
     .global-block .development-info-detail{max-width: 560px; margin: 0 auto;}
     .global-right-info{left: 0; text-align: center; margin: 35px 0 0;}
     .global-block .development-information-title{max-width: 390px; text-align: center; margin: 0 auto 40px;}
     .global-block .development-info-child-detail *{font-size: 20px;}
      .global-main-block > *:not(:last-child){ margin-bottom: 70px; }
      .common-wrp-link-list ul{justify-content: center;}
     /* global section */

     /* interface section */
     .interface-submit-btn{margin: 30px 0 0; min-width: auto;}
     .interface-section{padding: 50px 0;}
     .dropdown-options{padding: 0 50px 0 14px;}
     .minus-icon{padding: 22px; width: 70px; height: 70px; margin-bottom: 30px;}
     .interface-block{margin: 30px 0 0;}
     .select-title *{font-size: 18px;}
     .dropdown-selected{padding: 15px 49px 15px 15px;}
     .interface-step-block .form-group .form-control{padding: 15px 20px; font-size: 16px;}
     .custom-file{padding: 15px 47px 15px 15px;}
     .minus-icon{height: 42px; width: 49px; padding: 13px;}
     .add-resoureces-btn{min-width: auto;}
     .custom-dropdown{font-size: 16px;}
     .dropdown-options li{font-size: 16px;}
     .custom-dropdown::after{top: 12px;}
     .select-block{margin-bottom: 30px;}
     .interface-step-block .form-group{margin-bottom: 30px;}
     .interface-step-block .form-group .form-control::placeholder{font-size: 16px;}
     .select-title{padding-left: 0;}
     /* interface section */

     /* footer */
     .footer-logo{max-width: 180px; margin-bottom: 25px;}
     .footer-center .row>*:nth-child(2):after { right: 0 !important; }
     .footer-center .row>*:nth-child(2)>* {right: 0; }
     .footer-menu ul li{font-size: 16px;}
     .footer-contact-main-block{padding: 50px 0 30px;}
     .footer-contact-info a, .footer-contact-info p{font-size: 16px;}
     .footer-contact-icon{width: 45px; height: 45px; padding: 13px; margin-right: 0; margin-bottom: 10px;}
     .footer-contact-info a{display: flex; margin: 10px 0 0; justify-content: center;}
     .footer{padding: 80px 0 0;}
     .footer-bottom{padding: 30px 0;}
     .footer-contact-title{font-size: 16px}
     .footer-top{padding-bottom: 25px; flex-direction: column; align-items: center;}
     .footer-contact-info p{max-width: 230px;}
     .footer-bootom-link-list ul li{font-size: 16px;}
     .footer-menu ul{gap: 15px 30px; justify-content: center; flex-wrap: wrap;}
     .footer-menu ul li:not(:last-child){margin-right: 0;}
     .footer-center .row>*:first-child .footer-contact-block{justify-content: center;}
     .footer-contact-block{flex-direction: column; align-items: center; text-align: center;}
     .footer-center .row>*:not(:last-child)::after{display: none;}
     .footer-contact-main-block{padding-top: 0; padding-bottom: 0; height: auto;}
     .footer-center .row > *:not(:last-child) .footer-contact-main-block{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
     .footer-center{padding: 40px 0;}
     .footer-bottom{flex-direction: column; align-items: center; text-align: center;}
     .footer-bottom > *:not(:last-child){margin-bottom: 30px;}
    .footer-bootom-link-list ul li img { max-width: 75px; }

    .footer-bootom-link-list ul { flex-wrap: wrap; justify-content: center; row-gap: 14px; }
     /* footer */
     .register-form-part .toggle-password { right: 10px; top: 19px; }

              
     /*gallery detail*/
   .gallery-detail-block .gallery-detail-img { height: 270px; width: 100%; }
   .gallery-detail-block-wrp .row > * { padding-left: 15px; padding-right: 15px; }
   .gallery-detail-block-wrp .row { margin-left: -15px; margin-right: -15px; }
   .gallery-detail-block { height: Calc(100% - 30px); margin-bottom: 30px; }
   .gallery-detail-content .small-title { font-size: 17px; line-height: 23px; }
   .gallery-detail-section { padding-bottom: 50px; }
   .gallery-detail-content { margin: 42px 0; }
   .typography-content ul li , .typography-content ol li { font-size: 17px; } 
   .gallery-detail-content h3 { font-size: 24px; line-height: 30px; }
   .aligncenter{float:none;  margin: 20px auto;}
   .alignright{float:none;  margin: 20px auto;}
   .alignleft{float:none;margin: 20px auto;}
   .typography-title h1 {font-size: 35px; line-height: 39px}
    /*gallery detail*/

    /*resources project maths page*/
    .project-maths-wrp .events-block { margin: 35px 0 0; }
    /*resources project maths page*/

    /*resources  cpd page*/
    .cpd-resources-section .section-title {margin-bottom: 20px;}
    /*resources  cpd page*/

    /*development-research-work*/
    .development-research-work .development-information-block { margin: 0 0 40px 0; }
    /*development-research-work*/

    /*numeracy-meets-main*/
    .numeracy-meets-main .stem-teaching-resources-content .row > * { padding: 0 10px; }
    .numeracy-meets-main .stem-teaching-resources-content .row { margin: 0 -10px; }
    .numeracy-meets-main .stem-teaching-resources-block { height: calc(100% - 20px); margin-bottom: 20px; }
    .numeracy-meets-main .stem-teaching-resources-image { height: 245px; }
    .numeracy-meets-main .stem-teaching-resources-detail {         height: calc(100% - 263px); }
    .numeracy-meets-main .stem-teaching-resources-title * { font-size: 19px;}
    /*numeracy-meets-main*/

    /*useful-links*/
    .usefullinks-block { margin-bottom: 40px; padding-bottom: 40px; } 
    .cern-wrap .cern-flx { margin-right: 19px; } 
    .usefullinks-block .development-info-detail .development-info-child-detail * { font-size: 18px; line-height: 22px; } 
    .usefullinks-block .development-info-detail { padding: 13px 25px;     margin-top: 13px;} 
    .usefullinks-block .development-info-detail img { height: 30px; } 
    .usefullinks-block .development-info-detail figure { margin-right: 6px; } 
    .cern-flx p { line-height: normal; max-width: 429px; }
    .cern-wrap { row-gap: 25px; margin-top: 25px;} 
    .usefullinks-main { padding: 60px 0; }
    .usefullinks-block .small-title * { line-height: normal; }
    /*useful-links*/

      /*usefull link seminar series*/
      .usefullinks-block .small-title br{display: none;}
      .usefullinks-block .small-title * { font-size: 27px; }
      .usefullinks-block .development-info-detail .development-info-child-detail br {display: none;}
      /*usefull link seminar series*/

    /*irish development*/
    .irish-right .development-info-detail .development-info-child-detail * { font-size: 19px; line-height: 21px; }
    /*irish development*/

    /*visitors page*/
    .visitors-section .profile-block { margin-bottom:35px; padding-bottom: 0px; }
    .visitors-loadmore { padding-top: 0; }
    .visitors-section .profile-detail-block .common-detail { margin-bottom: 35px; }
    .visitors-section .profile-info { padding: 30px 0px 0; }
    .visitors-section .profile-info-list ul li { margin-bottom: 16px; }
    /*visitors page*/

    /*vacancies*/
    .vacancies-main .events-detail span { font-size: 15px; }
    /*vacancies*/
    /*stint section*/
    .stint-section .development-block-right .development-info-detail {min-height: auto; height: auto;   align-items: center;      padding: 17px;}
    .stint-section .development-information-block { margin: 40px 0 0; justify-content: center;        word-break: break-word; }
    .stint-section .development-block-right .development-information-block h3 { text-align: left; font-size: 17px; line-height: normal;}
    .stint-section .development-block-right .development-information-title h3, .stint-section .development-block-right .development-information-title * { font-size: 22px;line-height: normal; text-align: center;}
    .stint-section .development-info-detail figure { margin-top: 0px; }
    /*stint section*/
    /*vacancy detail*/
    .share-vacancy-wrap { max-width: 100%; padding: 25px 0; display: flex ; flex-wrap: nowrap; row-gap: 12px; } 
    .vacancy-detail-content .vacancy-detail-flx { margin-bottom: 30px;     flex-direction: column; }
    .share-vacancy-wrap .common-btn { margin-right: 20px; }
    .vacancy-detail-content .vacancy-detail-flx .small-title { max-width: 100%; font-size: 22px; margin-bottom: 20px; } 
    .vacancy-further-info .development-info-detail { min-height: auto; height: auto;   max-width: 100%;         padding: 13px 11px;}
    .vacancy-further-info .development-info-child-detail * {  font-size: 17px; line-height: 20px; word-break: break-word;}
    .vacancy-detail-main { padding: 60px 0; }
    .vacancy-further-info * { line-height: normal; }
    /*vacancy detail*/


    .loader { width: 40px !important; height: 40px !important; }

    .accordion-button img { max-width: 25px; }
    .common-wrp-link-list ul li a{ width: 86px; height: 74px; padding: 13px;}
    .common-wrp-link-list ul li a img{max-width: 60%; margin: 0 auto;}
    .common-wrp-link-list ul li a figure{display: flex; justify-content: center; align-items: center;}
    .global-block .development-information-child-block>*:not(:last-child) { margin-bottom: 30px; }

    .eco-village-project-section .development-block-right { text-align: left; }
    .eco-village-project-section .alignleft ,
    .eco-village-project-section .alignright { width: 100%; } 

    
    /**career-mathway*/
    .career-mathways-resource .resources-detail .common-detail * { font-size: 20px; }
    .career-pathway-block { height: Calc(100% - 30px); margin: 0 0 30px 0; }
    .career-mathways-resource .resources-icon { max-width: 120px; } 
    /**career-mathway*/


    /*verification forget */
    .resend-flex .form-control { padding: 15px 31px 15px 18px; font-size: 16px; }
    .resend-flex button { padding: 14px 26px; }
    .verification-failed  p { font-size: 19px; line-height: 22px; }
    .forgot-password-v2 button  { padding: 10px 20px ; } 
    .forgot-password-v2 .form-group { margin-right: 0px ; }
    .forgot-password-inner { padding: 67px 0; }
    /*verification forget */

}


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){
    /* common style */
    .section-title{font-size: 26px;}
    body{font-size: 16px;}
    /* common style */

    #logo-container .logo-animation-block{ transform:scale(0.3) ; -webkit-transform:scale(0.3) ; -moz-transform:scale(0.3) ; -ms-transform:scale(0.3) ; -o-transform:scale(0.3) ; }
    .loader {left: 45% !important; }


    /*gallery page*/
    .gallery-wrp{margin-bottom: 20px; height: calc(100% - 20px);}
    /*gallery page*/


    /* header */
    .navbar-brand{max-width: 95px;}
    .header-top-right-logo{max-width: 155px;}
    .navbar .navbar-nav .nav-item .nav-link{width: 80%;}
     .dropdown-submenu a{width: 80%;}
     .navbar .navbar-nav .nav-item a::before{right: -16vw;}
     .navbar-nav .dropdown-menu a::before{right: -6.5vw !important;}
     .navbar-nav .dropdown-menu .dropdown-submenu a::before{right: -15vw !important;}
     .menu-arrow{right: 15px;}
   .dropdown-menu{padding: 5px 0 5px 8px; background: var(--white); }

    /* header */

    /* banner */
    .gallery-detail-banner .banner-image{height: 250px;}
    .banner-image{height: 350px;}
    .form-part{max-width: 400px;}
    .common-form .form-group{margin-bottom: 25px;}
    .forgot-password{margin: -20px 0 25px 25px;}
    .form-part-logo{width: 100%; max-width: 200px; margin-left: auto;}
    .login-title *{font-size: 16px;}
    .form-btn-group>*{min-width: 150px;}
    .login-title{padding-right: 0px; padding-top: 5px;}
    .common-form .form-group .form-control{padding: 10px 15px;}
    .form-part{padding: 25px;}
    .form-btn-group>*{padding: 10px 20px;}
    .banner-wrp{justify-content: center;}
    .common-form .form-group .form-control::placeholder{font-size: 17px;}
    .form-btn-group>*{font-size: 17px; width: 100%;}
    .form-btn-group{flex-direction: column;}
    .form-btn-group>*:not(:last-child){margin-bottom: 15px;}
    .common-form{margin: 25px 0 0;}
    .epistem-teachers-logo{max-width: 240px; margin-left: auto;}
    /* banner */

    /* ticker section */
    .ticker-text *{font-size: 34px;}
    /* ticker section */

    /* Highlighted Projects */
    .highlighted-project{padding: 50px 0 25px;}
    .highlighted-project-list ul li{font-size: 16px;}
    .highlighted-project-list ul li a{font-size: 16px;}
    /* Highlighted Projects */

    /* STEM Research & Events */
    .stem-research-events-section{padding: 25px 0 50px;}
    .stem-research-events-right-part{padding-left: 0; padding-top: 30px; margin: 0 auto;}
    .stem-research-events-link-block{padding: 20px; min-height: 130px;}
    .stem-research-events-info span{font-size: 20px;}
    .stem-research-events-info span{margin-bottom: 15px;}
    .stem-research-events-link-block figure{max-width: 28px; margin-right: 15px;}
    .stem-research-events-right-part > *:not(:last-child){margin-bottom: 20px;}
    .stem-research-events-left-part .common-detail{margin: 30px 0 0;}
    /* STEM Research & Events */

    .resources-video{ height: 300px; margin: 35px 0 0;}
    .resources-video-block{margin: 40px 0 0;}

    /* principles section */
    .principles-section{padding: 50px 0 30px;}
    .principle-block-title *{font-size: 22px;}
    .principle-list ul li{font-size: 16px; align-items: flex-start;}
    .principle-list ul li a{font-size: 16px; align-items: flex-start;}
    .principle-child-detail{height: auto; margin-bottom: 25px; padding: 25px 18px;}
    .principle-icon-with-title figure{margin-right: 15px; width: 100%; max-width: 35px;}
    /* principles section */

    /* about section  */
    .about-section{padding: 40px 0 25px;}
    .about-step-info .common-detail{font-size: 15px;}
    .about-step-title *{font-size: 22px;}
    .about-counter-info{ top: -30px; padding: 10px; right: 50%; transform:translateX(50%) ; -webkit-transform:translateX(50%) ; -moz-transform:translateX(50%) ; -ms-transform:translateX(50%) ; -o-transform:translateX(50%) ; min-width: auto;}
    .about-counter-info ul li span{font-size: 16px;}
    .about-counter-info ul li{font-size: 9px; padding: 0 10px;}
    .about-image img{ border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
    .about-step-child-block figure{width: 45px; height: 45px; padding: 12px;}
    .about-step-child-block .about-step-info::after{top: 54px; left: -24px;}
    .about-step-info{padding-left: 18px;}
    .about-image{height: 300px;}
    .about-image-part{margin-top: 70px;}
    .about-block{margin: 50px 0 0;}
    /* about section  */

    /* vision section */
    .vision-section { padding-bottom: 30px; }
    .vision-part{padding: 20px; text-align: center;}
    .vision-title-block .section-title{font-size: 34px; margin-bottom: 25px;}
    .vision-list-detail{padding: 20px; margin-bottom: 20px; height: calc(100% - 20px);}
    .vision-list-detail-title{font-size: 18px;}
    .vision-block{padding: 140px 0 80px;}
    .vision-list-detail figure{width: 100%; max-width: 30px;}
    .vision-list-wrp .row { margin: 0 -10px; }
    .vision-list-wrp .row>* { padding: 0 10px; }
    .vision-list-block{margin: -40px 0 0;}
    /* vision section */

    /* profile section */
    .profile-detail-block{margin: 0;}
    .profile-image{/*height: 300px;*/ height: auto;}
    .profile-detail-block ul li{font-size: 16px; line-height: 150%;}
    .profile-detail-block ul li:not(:last-child){margin-bottom: 12px;}
    .profile-info-list ul li{font-size: 16px;}
    .profile-info-list ul li strong{font-size: 22px;}
    .profile-detail-block .common-detail{font-size: 16px;}
    .profile-info-block{max-width: 100%; margin: 0 0 30px; padding: 0 20px 40px;}
    .back-to-search{padding-left: 20px;}
    .resources-logged-in-section .back-to-search{padding-left: 0;}
    /* profile section */

    /* gallery section */
     .gallery-image{height: 325px;}
     .gallery-info{height: calc(100% - 336px);}
     .gallery-list ul li a , .gallery-list ul li .common-filter-btn{padding: 12px 20px;}
     /* gallery section */

     /* contact section  */
     .contact-form .row{margin: 0 -10px;}
     .contact-form .row>*{padding: 0 10px;}
     .map-block {height: 400px;}
     .contact-section{padding: 50px 0;}
      .contact-list ul li{font-size: 16px;}
      .contact-form .form-group{margin-bottom: 35px;}
      .contact-form .form-group .form-control{font-size: 20px;}
      .contact-form-part{margin: 30px 0 0;}
      .contact-main-block{margin: 35px 0 0;}
     /* contact section  */

     /* register section */
     .register-section{padding: 45px 0;}
     .register-login-block .forgot-password { margin: -15px 0 25px 20px; }
     /* .register-login-block .form-part{padding: 50px 30px 30px;} */
     .register-left-part .sub-title *{font-size: 18px;}
     .register-login-block .common-form .form-group{ margin-bottom: 20px; }
     .register-logo-title *{font-size: 22px;}
     .register-login-block .login-title *{font-size: 18px;}
     .register-form .form-group{margin-bottom: 25px;}
     .register-form .form-group .form-control{padding: 15px 31px 15px 18px; font-size: 16px;}
     .register-form .password-info{line-height: 130%; margin: -20px 0 40px; font-size: 14px}
     .register-form .form-check-label{font-size: 15px; margin-left: 12px;}
     .register-form .register-submit-btn .common-btn{min-width: auto;}
     .register-login-block .common-form{margin: 20px 0 0;}
     .register-form .form-group .form-control::placeholder{font-size: 16px;}
     .register-form .form-check-input{width: 22px; height: 22px;}
     .register-form-part{margin: 30px 0 0;}
    .register-form-part .toggle-password { right: 10px; top: 16px; }
     /* register section */

     /* welcome section */
     .welcome-content{padding: 40px 20px;}
     .welcome-content .common-detail{margin: 35px auto 0;}
     /* welcome section */

      /* STEM Teaching Resources */
    .stem-teaching-resources-content .row { margin: 0 -5px; }
    .stem-teaching-resources-content .row>* { padding: 0 5px; }
    .stem-teaching-resources{padding: 600px 0 25px;}
    .stem-teaching-resources-image{height: 300px;}
    .stem-teaching-resources-detail{height: auto; padding: 7px 15px 20px 9px;}
    .stem-teaching-resources-title *{font-size: 18px;}
    .stem-teaching-resources-block{height: auto; margin-bottom: 35px;}
     /* STEM Teaching Resources */

     /* resources team */
     .resources-team{padding: 40px 0;}
      .resources-team-list ul{margin: 0;}
     .resources-team-list ul li{padding: 0;}
     .resources-team-list{margin: 30px 0 0;}
     .resources-team-content .section-title{max-width: 380px;}
     .resources-team-list ul li a{font-size: 16px; padding: 15px;}
     /* resources team */

     /* folder structure */
     .folder-structure-content .load-more-btn .common-btn{min-width: 130px;}
     .accordion-button{font-size: 15px; padding: 15px;}
    .accordion-sub .accordion-button{padding: 15px 15px 15px 20px;}
    .icon{width: 55px; flex: 0 0 auto;}
    .accordion-button span.icon{margin-right: 15px; padding-left: 30px; flex: 0 0 auto;}
    .file-item{padding: 15px 15px 10px 30px; font-size: 15px;}
    .folder-structure-content .load-more-btn{margin: 40px 0 0;}
    .resources-education-info{margin: 18px 0 0;}
    .file-item .icon{padding-left: 25px; width: 48px; margin-right: 15px; flex: 0 0 auto;}
    .resources-education-detail{text-align: center; margin: 30px 0 0;}
    .resources-education-title-block .section-title{text-align: center;}
    .accordion-sub .accordion-button::before{ left: 8px; }
     /* folder structure */

     /* appoinments section */
     .appoinments-left-title *{font-size: 22px;}
     .appoinments-section{padding: 45px 0 25px;}
     .appoinments-block{margin: 35px 0 0;}
     .appoinments-left .common-detail{max-width: 100%;}
     .appoinments-right .common-detail{max-width: 100%;}
     .appoinments-left{text-align: center;}
     .appoinments-right{margin: 30px 0 0; text-align: center;}
     .appoinments-content .section-title{text-align: center;}
     /* appoinments section */

     /* facilities section */
     .facilities-content{padding: 30px 20px 20px;}
     .facelities-part{margin: 35px 0 0;}
     /* facilities section */

      /* terms and conditions */
     .terms-and-conditions-section{padding: 40px 0 20px;}
      .terms-and-conditions-list ul{column-count: 1;}
     .terms-and-conditions-list ul li{font-size: 16px; padding: 0; margin-bottom: 20px;}
     .terms-and-conditions-list{margin: 30px 0 0;}
     /* terms and conditions */

      /* tabbing-section */
      .tabbing-name-image { max-width: 80px; height: 100px; margin-right: 15px; }
      .tabbing-name-contact-info ul{flex-direction: column;}
        /* .tabbing-name-block{gap: 20px;} */
        .tabbing-wrp.show{max-width: 100%; flex-basis: 100%;}
        .tabbing-research-section .tabbing-name-image{height: 110px;}
        .tabbing-name-faculty-publications-info-block .tabbing-name-detail *{font-size: 16px;}
        .tabbing-research-section .tabbing-name-faculty-publications-info-block  .tabbing-name-info{padding: 15px;}

        .tabbing-list ul>*:not(:last-child) { margin-bottom: 6px; }
      /* tabbing-section */

      .application-form-btn .common-btn{padding: 10px 15px; font-size: 14px; min-width: 170px;}
      .application-form-btn .common-btn figure{margin-right: 12px;}

      /* .application-process{padding-bottom: 70px; margin-bottom: 70px;} */

    /* footer */
    .footer-bootom-link-list ul{flex-direction: column; align-items: center;}
    .footer-bootom-link-list ul li{padding: 0;}
    .footer-bootom-link-list ul li:not(:last-child){margin-bottom: 20px;}
    .footer-bootom-link-list ul li:not(:last-child)::after{display: none;}
    .social-media-list{flex-direction: column; align-items: center;}
    .social-media-title{margin-right: 0; margin-bottom: 12px;}  
    .footer-bootom-link-list ul li img { max-width: 90px; }
    /* footer */

    /* link section */
     .link-list-block .link-list ul li{padding: 0 12px; font-size: 16px;}
     .link-list-block{padding: 20px 15px;}
     .link-section{margin: -30px 0 0;}
     .link-imnage-wrp{height: 200px;}
     .link-part{margin: 50px 0 0;}
     .link-list-block .link-list ul li::after{top: 2px; bottom: 2px;}
     .link-part::after{top: 100px;}
     .link-part{padding-bottom: 40px;}
     .link-image-block .common-detail{margin: 25px auto 0;}
     /* link section */

      /* global section */
     .global-block .development-info-detail{max-width: 560px; margin: 0 auto; padding: 20px;}
     .global-right-info{left: 0; text-align: center; margin: 30px 0 0;}
     .global-block .development-information-title{max-width: 390px; text-align: center; margin: 0 auto 25px;}
     .global-block .development-info-child-detail *{font-size: 16px;}
     .global-info-child-detail *{font-size: 16px !important;}
     .global-block .development-info-detail figure{margin-right: 18px;}
     .global-main-block{margin: 25px 0 0;}

     .global-block .development-information-child-block > *:not(:last-child){margin-bottom: 25px;}
     /* global section */

    .contact-social-medial-list ul li a{ font-size: 24px; }
      .contact-social-medial-list{margin: 30px 0 0;}
      .contact-social-medial-list ul li:not(:last-child){margin-right: 30px;}

      .local-stem-teaching-resources{padding: 50px 0 30px!important;}

          /*gallery detail*/
   .gallery-detail-block .gallery-detail-img { height: auto; width: 100%; }
   .gallery-detail-content .small-title { font-size: 15px; line-height: 19px; }
   .typography-content ul li , .typography-content ol li { font-size: 15px; } 
   /*gallery detail*/

   .typography-content h1 { font-size: 30px; line-height: 34px;  }
   .typography-content h2 { font-size: 28px; line-height: 30px;  }
   .typography-content h3 { font-size: 25px; line-height: 30px;  }
   .typography-content h4 { font-size: 23px; line-height: 27px;  }
   .typography-content h5 { font-size: 20px; line-height: 25px;  }
   .typography-content h6 { font-size: 18px; line-height: 23px;  }
   .typography-title h1 {font-size: 32px; line-height: 36px}
    
   
    .development-block-right .gallery { justify-content: center; }

    /*useful-links*/
    .usefullinks-block .development-info-detail .development-info-child-detail * { font-size: 16px; line-height: 20px; word-break: break-word;} 
    .usefullinks-block .small-title * { font-size: 21px; }
    .usefullinks-block { margin-bottom: 25px; padding-bottom: 25px; }
    /*useful-links*/

    
    /*irish development*/
    .irish-right .development-info-detail .development-info-child-detail * { font-size: 16px; line-height: 18px; }
    .irish-right .cern-wrap .cern-flx { margin-right: 0; }
    .irish-right .cern-wrap { display: flex; align-items: flex-start; flex-direction: column; row-gap: 18px; }
    .irish-right p { margin-bottom: 10px; }
    .irish-main { padding: 40px 0 20px 0; }
    /*irish development*/
    /*vacancy detail*/
    .vacancy-detail-title { margin-bottom: 35px; padding-bottom: 35px; }
    .share-vacancy-wrap .common-btn { font-size: 15px; line-height: normal; }
    .vacancy-uploaded-date p { font-size: 16px; line-height: normal; }
    /*vacancy detail*/


    .development-title-block { padding-bottom: 15px; margin-bottom: 15px; }
    .development-block-right * { word-wrap: break-word; }
    .development-block-left .small-title { margin-bottom: 20px; }
    .development-title-block .section-title {margin-bottom: 10px;}
    .events-detail p a { word-wrap: break-word; }
    .accordion-body .file-item::before { left: 20px; }

    /*visitors page*/
    .profile-image img { object-position: top; }
    /*visitors page*/

    /*verification failed*/
    .verification-failed ul li { font-size: 16px; line-height: 20px; margin: 0 0 5px 0; text-align: center; } 
}

@media (max-width: 499px){

    .navbar-collapse{padding: 90px 15px 10px;}

    /* gallery section */
     .gallery-image{height: 280px;}
     .gallery-info{height: calc(100% - 291px);}
     /* gallery section */

      /* STEM Teaching Resources */
      .stem-teaching-resources-image{height: 270px;}
      /* STEM Teaching Resources */

      /* tabbing section */
      .tabbing-main-name *{font-size: 22px;}
      .tabbing-list ul li{font-size: 14px; width: 100%;}
      .tabbing-wrp{height: 100%; align-items: flex-start;}
      .tabbing-name-block{gap: 15px; margin-bottom: 10px;}
      .tabbing-section{padding: 40px 0;}

      .tabbing-research-section .tabbing-name-info{padding: 15px; word-wrap: break-word;}
      .tabbing-main-name{width: 100%;}
      .tabbing-list{width: 100%;}
      .tabbing-list ul{width: 100%;}
      /* tabbing section */

      /*profile*/
      .back-to-search a { font-size: 16px; }
      /*profile*/

    .vacancy-further-info .development-info-child-detail * { font-size: 15px; line-height: normal; word-break: break-word; }
    .vacancy-further-info .development-info-detail {padding: 13px 17px; border-radius: 10px; }
}


@media (max-width: 450px){
     /* STEM Teaching Resources */
      .stem-teaching-resources-image{height: 240px;}
      /* STEM Teaching Resources */

      .tabbing-name-image { margin-right: 0; margin-bottom: 20px;}
      .tabbing-name-info{flex-direction: column;}

      #logo-container .logo-animation-block{ transform:scale(0.2) ; -webkit-transform:scale(0.2) ; -moz-transform:scale(0.2) ; -ms-transform:scale(0.2) ; -o-transform:scale(0.2) ; }

      
      .tabbing-name-block{gap: 10px; flex-wrap: wrap;}
      .tabbing-wrp.show { max-width: 100%; margin: 0;flex-basis: 100%;}
      /* .tabbing-wrp:nth-child(2) { margin: 61px 0 0 0; } */

}

@media (max-width: 400px){
    /* gallery section */
     .gallery-image{height: 245px;}
     .gallery-info{height: calc(100% - 256px);}
     /* gallery section */

     /* STEM Teaching Resources */
      .stem-teaching-resources-image{height: 225px;}
      .share-vacancy-wrap { padding: 20px 0; flex-wrap: wrap; row-gap: 12px; flex-direction: column; }
      /* STEM Teaching Resources */

      /*vacancy detail*/
      .share-vacancy-wrap .common-btn { margin: 0; }
      .vacancy-detail-main { padding: 40px 0; }
      /*vacancy detail*/

     .register-login-block .form-part{        padding: 74px 24px 30px;}

     .welcome-content .common-detail a { display: block; }
}

@media (max-width: 360px){
    /* gallery section */
     .gallery-image{height: 210px;}
     .gallery-info{height: calc(100% - 221px);}
     /* gallery section */

     /* STEM Teaching Resources */
      .stem-teaching-resources-image{height: 190px;}
      /* STEM Teaching Resources */

    /*irish*/
    .irish-right .development-info-detail { padding: 14px; }
    .irish-right .development-info-detail img { width: 23px; } 
    .irish-right .cern-flx .development-info-detail figure { margin-right: 5px; }
    /*irish*/

    /*hea resource */
    .welcome-content .common-detail a { word-wrap: break-word; }
    /*hea resource */

}

@media (max-width: 359px){
    /* header */
    .navbar-brand{max-width: 80px;}
    .header-top-right-logo{max-width: 130px;}
    /* header */

    /* tabbing section */
      .tabbing-main-name *{font-size: 22px;}
      .tabbing-list ul li{font-size: 13px;}


      /* tabbing section */

}