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

	.container {
	    width: 100%;
        max-width: 1671px;
	}
    .single .vacancy-left-area ul {
        max-width: 1080px;
    }
    .footer-top .container{
        width: 1600px;
    }
    .menu-logo{
        position: relative;
        left: -120px;
    }
    .news-area .owl-carousel .owl-item img {
        height: 450px;
    }
    .header-top-social-section{
        position: relative;
        right: -100px;
    }
    .top-banner-text {
        left: 0;
        top: -128px;
        position: relative;
    }
    .top-banner-area1 .top-banner-text{
        left: 0;
    }
    .past-tab .digital-2, .past-tab .digital-1 {
        min-height: 360px;
        font-size: 52px;
    }
    .past-tab .digital-1 {        
        background-position-x: -250px;
        background-size: contain;
    }
    .past-tab .digital-2{        
        background-position-x: -100px;
        background-size: contain;
    }

    .light-area-text{
        padding-right: 50px;
    }
    .easi-area1-text{
        padding-left: 50px;
    }
    .pilicies-text-area{
        padding-left: 70px;
    }
    .strategy-text-area{
        padding-right: 70px;
    }
    .storybook-clicker-area1 .light-easi-link a {
        font: normal normal 600 16px / 24px D-DIN-PRO;
        padding: 10px 8px;
    }
    .storybook-clicker-area .light-easi-link a{
        font: normal normal 600 16px / 24px D-DIN-PRO;
    }
    .book-creator .ms-team-area .light-easi-link a{
        font: normal normal 600 16px / 24px D-DIN-PRO;
    }
    .book-creator .ms-booking-area .light-easi-link a{
        font: normal normal 600 16px / 24px D-DIN-PRO;
    }

    .book-creator .assessment-tool-text1 {
        min-height: 100px;
    }
    .storybook-clicker-area .assessment-tool-text1 {
        min-height: 100px;
    }
    .page-id-25 .news-pannel .news-panel-area img {
        height: 500px;
    }
    .page-id-25 .news-pannel .news-pannel-3 .news-panel-area img {
        height: 324px;
    }
    .project-panel-2-left , .project-panel-1-left , .project-panel-3-left{
        min-width: 832px;
    }
    .project-panel-2-left img , .project-panel-1-left img , .project-panel-3-left img {
        width: 514px;
    }
    .project-panel-1-right , .project-panel-2-right , .project-panel-3-right {
        padding: 0 100px;
    }
    .top-banner-mail-area .banner-img-area img {
        float: right;
        height: 978px;
        object-fit: contain;
        object-position: bottom left;
    }
    .project-img-area img{
        height: 820px;
        object-fit: contain;
    }
    .caricular-date{
        max-width: 128px;
    }
    /*.caricular-text {
        font-family: 'D-DIN-PRO';
        text-decoration: none;
        font-weight: 500;
        color: #7F7F7F;
        font-size: 20px;
        line-height: 24px;
        background: #fff;
        width: 100%;
        padding: 5px 10px;
    }*/
    .home .caricular-area{
        height: 60px;
    }
    .home .caricular-date{
        height: 60px;
    }

    .page-id-33 .caricular-area{
        height: auto;
    }
    .page-id-33 .caricular-date{
        height: auto;
    }
    .activities-panel-img-area-2 img {
        width: 300px;
        object-fit: contain;
    }
    .page-id-74 .ready-panel-1{
        padding-right: 45px;
    }
    .page-id-74 .ready-panel-2{
        padding-left: 45px;
    }
    .page-id-74 .ready-area p{
        max-width: 661px;
    }

    .page-id-54 .storybook-clicker-area1 .light-area , .page-id-54 .storybook-clicker-area1 .easi-area1{
        min-height: 550px;
    }
    .page-id-54 .assessment-tool-text1 {
        justify-content: flex-start;
        min-height: 208px;
    }
    .page-id-54 .ms-booking-area .lego-link {
        margin-top: 20px;
    }
    .page-id-54 .storybook-clicker-area .light-area, .page-id-54 .storybook-clicker-area .easi-area1 {
        min-height: 500px;
    }
    .page-id-54 .storybook-clicker-area .light-easi-link {
        margin-top: 0;
    }
    .page-id-54 .book-creator .light-easi-link {
        margin-top: 0;
    }
    .page-id-54 .storybook-clicker-area .assessment-tool-text1 p {
        max-width: 400px;
    }
    .page-id-54 .book-creator .assessment-tool-text1 p{
        max-width: 438px;
    }
    .page-id-54 .book-creator .light-area, .page-id-54 .book-creator .easi-area1 {
        min-height: 500px;
    }

    .page-id-64 .assessment-tool-area .light-area, .page-id-64 .assessment-tool-area .easi-area1{
        min-height: 500px;
    }
    .page-id-64 .light-easi-link {
        margin-top: 0;
    }
    .page-id-64 .assessment-tool-text1 {
        justify-content: flex-start;
        min-height: 208px;
    }
    .page-id-64 .assessment-tool-area1 .assessment-tool-text1 {
        justify-content: flex-start;
        min-height: 150px;
    }
    .page-id-64 .assessment-tool-area1 .light-area, .page-id-64 .assessment-tool-area1 .easi-area1{
        min-height: 500px;
    }
    .page-id-64 .assessment-tool-area1 .ms-booking-area .assessment-tool-text1{
        min-height: 180px;
    }
    .assessment-tool-area .light-area, .assessment-tool-area .easi-area1, .assessment-tool-area1 .light-area, .assessment-tool-area1 .easi-area1{
        min-height: 500px;
    }

    .page-id-43 .assessment-tool-text{
        justify-content: flex-start;
        min-height: 208px;
    }
    .page-id-43 .light-easi-link {
        margin-top: 0;
    }
    .page-id-43 .assessment-tool-area1 .light-area, .page-id-43 .assessment-tool-area1 .easi-area1{
        min-height: 550px;
    }
    .page-id-43 .assessment-tool-area1 .assessment-tool-text{
        justify-content: flex-start;
        min-height: 240px;
    }
    .page-id-43 .talking-area.ms-area .easi-link{
        margin-top: 20px;
    }
    .page-id-43 .talking-area p{
        max-width: 704px;
    }
    .page-id-43 .ms-area h2:after{
        max-width: 850px;
    }
    .page-id-50 .coding-appa-area .light-area, .page-id-50 .coding-appa-area .easi-area1 {
        min-height: 500px;
    }
    .page-id-50 .light-easi-link {
        margin-top: 30px;
    }

    .page-id-45 .light-easi-link {
        margin-top: 30px;
    }
    .page-id-45 .easi-area img {
        height: 340px;
        object-fit: cover;
        border: 3px solid #fff;
        border-radius: 25px;
        width: 339px;
        float: right;
    }
    .page-id-45 .easi-area .row{
        display: flex;
        align-items: center;
    }
    .page-id-62 .light-easi-link {
        margin-top: 30px;
    }
    .page-id-62 .talking-area img{
        height: 340px;
        object-fit: cover;
        border: 3px solid #fff;
        border-radius: 25px;
        width: 339px;
        float: right;
    }
    .page-id-62 .talking-area p{
        max-width: 704px;
    }

    .page-id-52 .easi-link{
        margin-top: 30px;
    }
    .page-id-52 .coding-light-area, .page-id-52 .coding-easi-area1 {
        min-height: 600px;
    }
    .page-id-52 .light-easi-link {
        margin-top: 30px;
    }
    .page-id-52 .bot-dropdown{
        margin-top: 115px;
    }
    .page-id-60 .virtual-area-link {
        margin-top: 56px;
    }
    .page-id-60 .virtual-area-2{
        padding: 56px 0 53px;
    }
    .page-id-201 .virtual-area-1{
        padding: 81px 0 53px;
    }
    .page-id-201 .virtual-area-1 img{
        width: 494px;
        height: 317px;
    }
    .page-id-201 .virtual-area-1 .row{
        display: flex;
        align-items: center;
    }
    .digital-literacy-policies-panel-1, .digital-literacy-policies-panel-2, .digital-literacy-policies-panel-3, .digital-literacy-policies-panel-4, .digital-literacy-policies-panel-5{
        max-width: 270px;
    }
    .digital-literacy-policies-panel-1 , .digital-literacy-policies-panel-2 , .digital-literacy-policies-panel-3, .digital-literacy-policies-panel-4{
        margin-right: 80px;
    }
    .page-id-70 .digital-literacy-policies-area p{
        margin-bottom: 27px;
    }
    .help-file-panel-1, .help-file-panel-2, .help-file-panel-3, .help-file-panel-4{
        max-width: 270px;
    }
    .help-file-panel-1, .help-file-panel-2, .help-file-panel-3{
        margin-right: 100px;
    }
    .help-file-area .row{
        display: flex;
        justify-content: center;
    }
    .booking-panel-1{
        max-width: 270px;
    }




    

    

	


	

	

}



@media only screen and (min-width: 1200px) and (max-width : 1599px) {

.container {
    max-width: 1300px;
    width: 1300px;
}
.page-id-25 .news-pannel .news-panel-area img {
    height: 324px;
}


.ministry img {
    width: 210px;
}
.ministry {
    margin-top: 75px;
}
.digital-1 , .digital-2 , .m-inter{
    font-size: 44px;
    line-height: normal;
}


.storybook-clicker-area1 .light-easi-link a {
    font: normal normal 600 14px / 24px D-DIN-PRO;
    padding: 10px 5px;
}
.storybook-clicker-area .light-easi-link a{
    font: normal normal 600 14px / 24px D-DIN-PRO;
}
.book-creator .ms-team-area .light-easi-link a{
    font: normal normal 600 14px / 24px D-DIN-PRO;
}
.book-creator .ms-booking-area .light-easi-link a{
    font: normal normal 600 14px / 24px D-DIN-PRO;
}

.book-creator .assessment-tool-text1 {
    min-height: 100px;
}
.storybook-clicker-area .assessment-tool-text1 {
    min-height: 100px;
}

.caricular-date{
    max-width: 128px;
}

.project-panel-1-left img {
	top: 20%;
    position: relative;
}



}



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


.top-banner-mail-area .banner-img-area img {
        float: right;
        height: 600px;
        object-fit: contain;
        object-position: bottom left;
    }
    .project-img-area img{
        height: 400px;
        object-fit: contain;
    }
    .page-id-50 .coding-appa-area .easi-area1{
        border-bottom: 1px solid #899FBB;
    }
.error404 .microsoft-provides-area img {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 50px;
    display: block;
}




}



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




.project-panel-1-right h3 , .project-panel-2-right h3 {
    font: normal normal 700 40px / 24px D-DIN-PRO;
}

.mean-container a.meanmenu-reveal{
    right: 160px;
    top: 30px;
}
.mean-container .mean-nav {
    margin-top: 103px;
}
.mean-container .mean-nav ul li a:hover{
    color: #000;
}
.mean-container .mean-nav ul li a {
    color: #000;
    font-size: 14px;
}
.banner-text h2 , .what-area-top h2{
    font-size: 24px;
}
.home-about-section h2 {
    font-size: 30px;
}
.home-about-section-panel {
    margin: 15px 0;
}
.footer-menu-area.footer-menu-area-last  {
    width: 100%;
    margin: 40px 0;
}
.footer-menu-area , .footer-menu-area-1{
    width: 33.33%;
}
.footer-menu h2 {
    font-size: 19px;
    letter-spacing: normal;
}
.footer-top{
    padding: 30px 0;
}
.footer-bottom{
    padding: 15px 0;
}
.what-panel {
    flex-direction: column;
    margin: 10px 0;
}
.what-panel-text{
    padding: 15px 0 15px 0;
    font-size: 16px;
}
.footer-menu p{
    float: none;
}
.banner-text h2 {
    margin: 15px 0;
    font-size: 48px;
}
.banner-text p {
    font-size: 10px;
}
.banner-text a {
    font-size: 10px;
    padding: 10px 20px;
}
.home-about-section , .what-area{
    padding: 30px 0;
}
.home-about-section1{
    padding-bottom: 30px;
}
.logo img {
    width: 80px;
}
.menu-logo{
    width: auto;
}
.menu-main-area .row {
    justify-content: flex-start;
}
.bottom-slider .banner-text h2  {
    font-size: 32px;
    margin: 0;
}
.bottom-slider .banner-text p{
    font-size: 16px;
    margin: 0;
}
.bottom-slider .banner-text img {
    width: 30px;
    margin: 25px 0;
}
.subscribe{
    width: 100%;
    margin-top: 15px;
}
.newslatter-text {
    width: 100%;
    font-size: 24px;
    padding-left: 0;
    text-align: left;
}
.news-input{
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.newslatter-secrion .newslatter-secrion-all{
    padding: 20px;
}
.newslatter-icon {
    width: 50px;
    float: none;
    margin: 0 0 20px;
}
.news-input::placeholder {
  font-size: 14px;
}

.news-input::-ms-input-placeholder { /* Edge 12-18 */
  font-size: 14px;
}
.home-about-section .row{
    flex-direction: column;
}
.home-about-section .col-md-6{
    width: 100%;
}
.home-about-section1 .col-md-4{
    width: 100%;
}



.top-banner-area1 .top-banner-text h2 {
    font-size: 80px;
}
.top-banner-text h2 {
    font-size: 70px;
    line-height: 50px;
}
.menu-social-area {
    left: auto;
    transform: translateX(0);
    width: 100%;
    right: 0;
    padding-right: 40px;
}
.project-area .owl-nav , .news-area .owl-nav {
    width: 100%;
    top: -76px;
    left: 48%;
    transform: translateX(-50%);
}
.footer-social {
    width: 33.33%;
}
.ministry {
    margin-top: 20px;
}
.footer-menu-area-logo {
    text-align: center;
}
.social-area {
    justify-content: center;
}
.footer-o{
    position: relative;
    top: 65px;
}
ul.menu a{
    margin: 0 15px;
}
.menu-social-area{
    justify-content: flex-end;
}

.virtual-area-link {
    margin-top: 50px;
    flex-direction: column;
}
.virtual-area-2 .virtual-area-link a{
    margin: 5px 0;
    text-align: center;
}


.digital-resorces-2{
    font-size: 40px;
    padding: 20px 0;
}
.digital-literacy-policies-panel-1, .digital-literacy-policies-panel-2, .digital-literacy-policies-panel-3, .digital-literacy-policies-panel-4, .digital-literacy-policies-panel-5{
    width: 50%;
}
.digital-literacy-policies-panel-2 span, .digital-literacy-policies-panel-4 span{
    font-size: 14px;
    line-height: 18px;
}
.digital-literacy-policies-panel-1 span, .digital-literacy-policies-panel-3 span, .digital-literacy-policies-panel-5 span{
    font-size: 14px;
    line-height: 18px;
}


.digital-area-under-1{
    font: normal normal bold 33px/36px D-DIN-PRO;
}
.digital-area{
    font: normal normal bold 33px/36px D-DIN-PRO;
}
.digital-area span{
    font: normal normal 500 20px/24px D-DIN-PRO;
}


.ready-panel-2 span , .ready-panel-1 span{
    font-size: 16px;
}


.virtual-area-1{
    padding: 30px 0;
}
.virtual-area-1 h2{
    font: normal normal 600 30px/30px D-DIN-PRO;
    margin-bottom: 20px;
}
.virtual-area-link {
    margin-top: 20px;
    flex-direction: column;
}
.virtual-area-link a{
    text-align: center;
    margin-bottom: 20px;
}



.virtual-area h2 , .easi-area1-text h2 , .light-area-text h2 {
    font: normal normal 600 30px / 30px D-DIN-PRO;
    padding-bottom: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.virtual-area p , .coding-interactive-area p , .light-area-text p , .audio-literacy-area p {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 30px;
}
.audio-literacy-area .light-area-text img, .audio-literacy-area .easi-area1-text img , .coding-interactive-area .light-area-text img, .coding-interactive-area .easi-area1-text img{
    height: 100px;
}
.coding-interactive-area .light-area , .audio-literacy-area .light-area , .audio-literacy-area .easi-area1 , .coding-interactive-area .easi-area1{
    min-height: 300px;
}

.assessment-tool-area1 .light-easi-link a , .ms-booking-area .light-easi-link a , .talking-area .easi-link a.video-t , .assessment-tool-area .light-easi-link a , .ms-area .easi-link a.video-website{
    font: normal normal 600 14px / 24px D-DIN-PRO;
    padding: 10px 5px;
}
.assessment-tool-area .light-easi-link a {
    margin-right: 5px;
}
.staff-area h3 {
    font: normal normal 700 30px / 30px D-DIN-PRO;
    margin-bottom: 15px;
}
.staff-area h4{
    font: normal normal 700 22px / 30px D-DIN-PRO;
}
.staff-area p {
    font: normal normal 600 16px / 30px D-DIN-PRO;
}
.staff-area a{
    font: normal normal 600 14px / 30px D-DIN-PRO;
}
.staff-mar-area {
    margin-bottom: 15px;
}
.easi-area .easi-link a, .light-easi-link a{
    margin-right: 5px;
}
.coding-appa-area .light-easi-link a{
    font: normal normal 600 14px / 24px D-DIN-PRO;
}
.caricular-area{
    height: auto;
    flex-direction: column;
}
.caricular-date{
    width: 100%;
}
.caricular-text{
    width: 100%;
}
.vacancy-top-panel h2{
    font: normal normal 600 40px / 40px D-DIN-PRO;
}
.ms-team-area .light-easi-link a {
    font: normal normal 600 16px / 24px D-DIN-PRO;
}
.light-easi-link {
    margin-top: 20px;
}
.news-panel-area p {
    font: normal normal 500 16px / 30px D-DIN-PRO;
}
.vacancy-page p , .vacancy-page li {
    font: normal normal 500 18px / 30px D-DIN-PRO;
}

.storybook-clicker-area .light-easi-link {
    margin-top: 20px;
}
.assessment-tool-text1.storybook-clicker-area {
    min-height: auto;
}
.book-creator .ms-team-area .light-easi-link a {
    font: normal normal 600 14px / 24px D-DIN-PRO;
    padding: 10px 5px;
}
.storybook-clicker-area1 .ms-team-area .light-easi-link a{
    margin-bottom: 5px;
}
.storybook-clicker-area1 .ms-team-area h2 span {
    font: normal normal 500 22px / 36px D-DIN-PRO;
}





}



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

/****menu****/
.dgmenuwrap{margin-top:0;}
ul.menu > li::after{content:''; position:inherit;}
ul.menu ul, ul.menu ul li ul {display: none; left: inherit; opacity: inherit!important; position: inherit; top: inherit; width: auto!important; box-shadow:none; background:none;}
ul.menu ul li:first-child, ul.menu ul li:last-child{margin:0;}
.dgmenuwrap {
    position: absolute;
    z-index: 9999;
    width: 100%;
    background: transparent;
    margin-left: -9px;
    left: 0;
    top: -5px;
}
.mean-container .mean-nav {
    width: 100%;
}
ul.menu ul li{border-bottom:none;}
/****end menu****/


.mean-container a.meanmenu-reveal{
    right: 0;
    top: 20px;
}
.mean-container .mean-nav {
    margin-top: 86px;
}
.mean-container .mean-nav ul li a:hover{
    color: #000;
}
.mean-container .mean-nav ul li a{
    color: #000;
}
.banner-text h2 , .what-area-top h2{
    font-size: 24px;
}
.home-about-section h2 {
    font-size: 30px;
}
.home-about-section-panel {
    margin: 15px 0;
}
.footer-menu-area.footer-menu-area-last , .footer-menu-area-1 {
    width: 100%;
    margin: 40px 0;
}
.footer-menu-area{
    width: 50%;
}
.footer-menu h2 {
    font-size: 19px;
    letter-spacing: normal;
}
.footer-menu p strong {
    width: auto;
    margin-right: 15px;
}
.footer-top{
    padding: 30px 0;
}
.footer-bottom{
    padding: 15px 0;
}
.what-panel {
    flex-direction: column;
    margin: 10px 0;
}
.what-panel-text{
    padding: 15px 0 15px 0;
    font-size: 16px;
}
.banner-link-area{
    display: none;
}
.banner-text a {
    margin-top: 0;
}
.banner-text p {
    font-size: 10px;
}
.banner-text h2{
    margin: 15px 0;
}
.banner-text a {
    font-size: 10px;
    padding: 10px 20px;
}
.home-about-section , .what-area{
    padding: 30px 0;
}
.home-about-section1{
    padding-bottom: 30px;
}
.logo img {
    width: 80px;
}
.menu-logo{
    width: auto;
}
.menu-main-area .row {
    justify-content: flex-start;
}
.bottom-slider .banner-text h2, .bottom-slider .banner-text p {
    font-size: 12px;
    margin: 0;
}
.bottom-slider .banner-text img {
    width: 30px;
    margin: 10px 0;
}
.subscribe{
    width: 100%;
    margin-top: 15px;
}
.newslatter-text {
    width: 100%;
    font-size: 16px;
    padding-left: 0;
    text-align: center;
}
.news-input{
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.newslatter-secrion .newslatter-secrion-all{
    padding: 20px;
}
.newslatter-icon {
    width: 50px;
    float: none;
    margin: 0 auto 20px;
}
.news-input::placeholder {
  font-size: 14px;
}

.news-input::-ms-input-placeholder { /* Edge 12-18 */
  font-size: 14px;
}


.home-about-section h3{
    font-size: 24px;
}
.inner-banner-area .banner-text h2 {
    font-size: 32px;
    letter-spacing: 2px;
}
.contact-contant{
    padding: 40px 0;
}
.inner-banner-area img {
    height: 150px;
}
.logo-menu{
    width: auto;
}


.news-area .row {
    flex-direction: column;
    margin-bottom: 50px;
}
.news-area h2{
    font-size: 40px;
    line-height: normal;
    margin-bottom: 15px;
}
.circular-row{
    flex-direction: column;
    margin-bottom: 50px;
}
.view-all-news a {
    float: left;
}
.view-all-news a:before{
    width: 100%;
}
.circular h2{
    margin-bottom: 15px;
    font-size: 50px;
}
.news-area .owl-nav , .project-area .owl-nav {
    width: 100%;
    top: -92px;
}
.project-area .row{
    flex-direction: column;
    margin-bottom: 50px;
}
.project-area h2{
    margin-bottom: 15px;
    font-size: 50px;
}
.top-banner-area1 .row{
    flex-direction: column;
    margin-bottom: 50px;
}
.top-banner-area1 h2{
    margin-bottom: 15px;
    font-size: 50px;
}
.project-area-flex {
    align-items: center;
    flex-direction: column;
}
.project-text-area {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    margin-top: 30px;
}
.project-area .project-text-area h2{
    font-size: 36px;
    line-height: normal;
}
.top-banner-mail-area{
    align-items: center;
    flex-direction: column;
}
.top-banner-mail-area .top-banner-text {
    width: 100%;
    max-width: 100%;
}
.top-banner-area1 .top-banner-text h2 {
    font-size: 50px;
    margin-bottom: 20px;
}
.top-banner-mail-area .top-banner-text p{
    margin: 0;
    font-size: 20px;
    line-height: normal;
}
.top-banner-area1 .top-banner-text a {
    padding: 10px 35px;
    font-size: 18px;
    line-height: normal;
    margin-top: 30px;
}
.top-banner-area1 .item{
    background: transparent;
}
.top-banner-area .container{
    display: none;
}
.top-dropdown{
    display: none;
}
.news-area{
    padding: 30px 0 50px;
}
.footer-social {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.footer-menu-area-logo {
    text-align: center;
}
.footer-menu-area-logo img {
    width: 60px;
    margin-top: 20px;
}
.menu-main-area{
    position: relative;
    z-index: 9999;
}
.menu-social-area {
    position: absolute;
    left: auto;
    width: 100%;
    top: 0;
    transform: translateY(-50%);
}
.mean-container .mean-bar:nth-child(2){
    display: none;
}
ul.menu ul:after{
    display: none;
}



.virtual-area-link {
    margin-top: 50px;
    flex-direction: column;
}
.virtual-area-2 .virtual-area-link a{
    margin: 5px 0;
    text-align: center;
}
.virtual-area-2 img{
    margin-top: 30px;
}
.virtual-area-2 h2{
    margin-bottom: 30px;
    font: normal normal 600 30px/30px D-DIN-PRO;
}
.virtual-area-2 h2 span{
    font: normal normal 600 20px/20px D-DIN-PRO;
}
.virtual-area-2 h2:after{
    width: 100%;
}
.virtual-area{
    padding: 30px 0;
}
.virtual-area h3{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.virtual-area p{
    line-height: normal;
    font-size: 24px;
}
.digital-resorces-1{
    font-size: 40px;
    line-height: 36px;
}





.help-file-panel-1, .help-file-panel-2, .help-file-panel-3, .help-file-panel-4, .help-file-panel-5 {
    width: 50%;
    margin-top: 10px;
}
.help-file-panel-1 span, .help-file-panel-3 span {
    margin-top: 15px;
    font: normal normal 500 13px/18px D-DIN-PRO;
}
.help-file-panel-2 span, .help-file-panel-4 span {
    margin-top: 15px;
    font: normal normal 500 13px/18px D-DIN-PRO;
}
.help-file-area{
    padding: 30px 0;
}
.booking-panel-1 {
    width: 70%;
    margin-top: 20px;
}
.booking-panel-1 span{
    margin-top: 15px;
    font: normal normal 500 13px/18px D-DIN-PRO;
}
.booking-area{
    padding: 30px 0;
}
.digital-resorces-4 {
    font-size: 36px;
    line-height: normal;
}


.digital-resorces-2{
    font-size: 40px;
    padding: 20px 0;
}
.digital-literacy-policies-panel-1, .digital-literacy-policies-panel-2, .digital-literacy-policies-panel-3, .digital-literacy-policies-panel-4, .digital-literacy-policies-panel-5{
    width: 50%;
}
.digital-literacy-policies-panel-2 span, .digital-literacy-policies-panel-4 span{
    font-size: 14px;
    line-height: 18px;
}
.digital-literacy-policies-panel-1 span, .digital-literacy-policies-panel-3 span, .digital-literacy-policies-panel-5 span{
    font-size: 14px;
    line-height: 18px;
}



.ready-area h3{
    margin-bottom: 30px;
}


.digital-literacy-policies-panel-1 span, .digital-literacy-policies-panel-3 span, .digital-literacy-policies-panel-5 span{
    font-size: 16px;
}
.digital-literacy-policies-panel-2 span, .digital-literacy-policies-panel-4 span{
    font-size: 16px;
}

.virtual-area-1{
    padding: 30px 0;
}
.virtual-area-1 h2{
    font: normal normal 600 30px/30px D-DIN-PRO;
    margin-bottom: 20px;
}
.virtual-area-link {
    margin-top: 20px;
    flex-direction: column;
}
.virtual-area-link a{
    text-align: center;
    margin-bottom: 20px;
}


.reource-area-panel{
    flex-direction: column;
}
.digital-reource-area , .teaching-reource-area , .policies-reource-area , .coding-reource-area , .cloud-reource-area , .parents-reource-area{
    width: 100%;
    font-size: 40px;
    line-height: normal;
    text-align: center;
}
.digital-reource-area span , .teaching-reource-area span , .policies-reource-area span , .coding-reource-area span , .cloud-reource-area span , .parents-reource-area span{
    text-align: center;
}


.cloudpaging-text-area{
    font-size: 34px;
    padding: 30px 0;
}
.cloudpaging-area{
    flex-direction: column;
}
.cloudpaging-left , .cloudpaging-img{
    width: 100%;
    height: 400px;
}
.cloudpaging-container {
    top: 24%;
    width: 350px;
}
.cloudpaging-img img{
    height: 400px;
}
.app-area h3 , .app-any-area , .website-area {
    font-size: 26px;
}



.virtual-area .row {
    flex-direction: column-reverse;
}
.virtual-area h2 , .easi-area1-text h2 , .light-area-text h2 , .talking-area h2 , .mission-statement h2 , .our-profile h2 , .staff-area h2 , .strategy-text-area h2 , .pilicies-text-area h2 {
    font: normal normal 600 30px / 30px D-DIN-PRO;
    padding-bottom: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.easi-area h2 , .audio-area h2 , .circular h2 , .news-pannel .news-panel-area h3{
    font: normal normal 600 30px / 30px D-DIN-PRO;
    padding-bottom: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.vacancy-top-panel h2 {
    font: normal normal 600 30px / 30px D-DIN-PRO;
    padding-bottom: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.vacancy-top-panel p{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
}
.vacancy-top-panel a {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
    margin-top: 10px;
    padding: 3px 30px;
}
.news-pannel .news-panel-area h3{
    margin-bottom: 0;
}
.virtual-area p , .audio-area p , .vacancy-page p , .vacancy-page li , .news-pannel .news-panel-area p , .news-pannel .news-panel-area .date-area , .coding-interactive-area p , .light-area-text p , .audio-literacy-area p , .talking-area p , .mission-statement p , .our-profile p , .easi-area p {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
}
.news-pannel .news-panel-area .date-area{
    margin: 10px 0;
}
.virtual-area img , .light-area-text img, .easi-area1-text img , .ms-area img{
    margin-bottom: 20px;
}
.digital-resources-head-text , .literacy-tool-head-text , .assessment-tool-head-text , .content-creation-head-text , .latest-vacancy-area{
    font-size: 36px;
    padding: 10px 0;
}
.coding-interactive-area , .audio-literacy-area {
    flex-direction: column;
}
.light-area{
    width: 100%;
}
.easi-area1{
    width: 100%;
}
.coding-interactive-area .container {
    width: 100%;
}
.coding-interactive-area .ms-team-area .row , .audio-literacy-area .ms-team-area .row , .ms-area .row , .assessment-tool-area1 .ms-team-area .row , .assessment-tool-area .ms-team-area .row{
    display: flex;
    flex-direction: column;
}
.coding-interactive-area {
    background: rgb(241, 199, 166);
    background: linear-gradient(180deg, rgba(241, 199, 166, 1) 50%, rgba(65, 27, 139, 1) 50%);
}
.coding-interactive-area .light-area , .coding-interactive-area .easi-area1 , .audio-literacy-area .light-area , .audio-literacy-area .easi-area1{
    display: none;
}
.coding-interactive-area .container , .audio-literacy-area .container , .assessment-tool-area .container, .assessment-tool-area1 .container , .light-easi-area .container {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0);
}
.coding-interactive-area .easi-area1-text , .audio-literacy-area .easi-area1-text {
    padding-top: 40px;
}
.coding-interactive-area .light-area-text , .audio-literacy-area .light-area-text , .ms-booking-area{
    padding-top: 40px;
}
.audio-literacy-area{
    background: rgb(137,159,187);
    background: linear-gradient(180deg, rgba(137,159,187,1) 50%, rgba(13,33,62,1) 50%);
}
.easi-link , .light-easi-link , .ms-booking-area .lego-link{
    margin-top: 20px;
}
.microsoft-provides-area p {
    font: normal normal 500 20px / 30px D-DIN-PRO;
}
.microsoft-provides-area{
    padding: 20px 0;
}
.assessment-tool-area .light-area, .assessment-tool-area .easi-area1, .assessment-tool-area1 .light-area, .assessment-tool-area1 .easi-area1{
    display: none;
}
.assessment-tool-area {
    background: rgb(137, 159, 187);
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 50%, rgba(13, 33, 62, 1) 50%);
}
.assessment-tool-area1{
    background: rgb(241, 199, 166);
    background: linear-gradient(180deg, rgba(241, 199, 166, 1) 50%, rgba(65, 27, 139, 1) 50%);
}
.assessment-tool-text1 {
    min-height: auto;
}
.light-area-text img, .easi-area1-text img{
    margin-top: 0;
    margin-bottom: 20px;
}
.assessment-tool-area .light-easi-link a , .assessment-tool-area .light-easi-link a , .talking-area .easi-link a.video-t , .ms-area .easi-link a.video-website , .assessment-tool-area1 .light-easi-link a{
    font: normal normal 600 14px / 24px D-DIN-PRO;
    padding: 6px;
    letter-spacing: 1px;
}
.assessment-tool-area .light-area-text , .assessment-tool-area .ms-booking-area , .assessment-tool-area1 .light-area-text , .assessment-tool-area1 .ms-booking-area{
    padding: 40px 15px;
}
.ms-booking-area h2 span , .ms-team-area h2 span , .talking-area h2 span{
    font: normal normal 500 24px / 36px D-DIN-PRO;
}
.light-area-text img, .easi-area1-text img{
    width: auto;
}
.virtual-area img, .light-area-text img, .easi-area1-text img, .ms-area img{
    width: auto;
}
.talking-area img {
    width: 100%;
}
.mission-statement , .our-profile{
    padding: 30px 0;
}
.staff-area h3{
    font: normal normal 700 24px / 30px D-DIN-PRO;
    margin-bottom: 20px;
    padding: 10px;
}
.staff-area h4 {
    font: normal normal 700 18px / 30px D-DIN-PRO;
}
.staff-area p , .staff-area a{
    font: normal normal 500 16px / 30px D-DIN-PRO;
    margin: 5px 0;
}
.staff-mar-area {
    margin-bottom: 15px;
}
.about-panel-end{
    flex-direction: column;
}
.staff-area{
    padding: 20px 0;
}
.about-us-link-section li a {
    font: normal normal 600 16px / 30px D-DIN-PRO;
    margin: 5px 10px 5px 0;
}
.strategy-pilicies-area {
    background: rgb(124, 85, 151);
    background: linear-gradient(180deg, rgba(124, 85, 151, 1) 33%, rgba(241, 199, 166, 1) 33%);
    padding: 20px 0;
}
.pilicies-img-area img {
    width: 100%;
}
.pilicies-text-panel {
    font: normal normal 700 20px / 30px D-DIN-PRO;
}
.strategy-text-area{
    min-height: 500px;
}
.pilicies-text-area{
    min-height: inherit;
}
.strategy-pilicies-area{
    background: rgb(124, 85, 151);
    padding-bottom: 0;
}
.pilicies-text-area{
    background: rgba(241, 199, 166, 1);
}
.about-us-link-section{
    padding: 15px 0;
}
.coding-appa-area .light-area, .coding-appa-area .easi-area1 {
    display: none;
}
.coding-appa-area{
    background: rgb(137,159,187);
    background: linear-gradient(180deg, rgba(137,159,187,1) 50%, rgba(13,33,62,1) 50%);
}
.ms-team-area , .ms-booking-area{
    padding: 40px 15px;
}
.coding-appa-area .light-easi-link a {
    font: normal normal 600 16px / 24px D-DIN-PRO;
    padding: 10px 5px;
}
.lego-link{
    justify-content: flex-start;
}
.easi-area .row{
    display: flex;
    flex-direction: column-reverse;
}
.easi-area img{
    margin-bottom: 30px;
}
.audio-area{
    padding: 30px 0;
}
.light-easi-area .light-area , .light-easi-area .easi-area1{
    display: none;
}
.light-easi-area  {
    background: rgb(137, 159, 187);
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 50%, rgba(13, 33, 62, 1) 50%);
}
.light-area-text , .easi-area1-text{
    padding: 40px 15px;
}
.audio-page-link {
    flex-direction: column;
}
.audio-page-link a{
    margin: 5px 0;
    text-align: center;
}
.light-easi-link a.video-t , .ms-booking-area .light-easi-link a , .ms-team-area .light-easi-link a{
    font: normal normal 600 15px / 24px D-DIN-PRO;
    padding: 10px 5px;
    margin-right: 5px;
}
.easi-area .easi-link a, .light-easi-link a{
    padding: 10px 5px;
    margin-right: 5px;
}
.talking-area .row{
    display: flex;
    flex-direction: column-reverse;
}
.talking-area img{
    margin-bottom: 20px;
}
.easi-area1-text , .light-area-text{
    min-height: 400px;
}
.audio-area-text{
    min-height: 800px;
}

.vacancy-page .row{
    flex-direction: column;
}
.archive-area{
    border:none;
}
.vacancy-left {
    padding-bottom: 30px;
}
.vacancy-page , .archive-area{
    background: #ECF0F680;
}
.vacancy-left .btn{
    margin-top: 30px;
}
.date-area{
    margin: 20px 0;
}
.vacancy-left-banner img {
    width: 300px;
}
.date-area-news{
    padding: 20px 0;
}
.vacancy-left-area{
    padding: 20px 0;
}
.vacancy-left-area li a{
    margin: 5px 10px 5px 0;
}
.news-direction {
    display: flex;
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 20px;
}
.news-left .see-more{
    margin-top: 15px;
}
.virtual-area img{
    width: 100%;
}




.circular-page , .circular-home{
    background: #627695!important;
    padding-bottom: 15px;
}
.caricular-area{
    height: auto;
    flex-direction: column;
}
.caricular-date{
    width: 100%;
}
.caricular-text{
    width: 100%;
}
.show-button{
    margin: 20px 0;
}
.hight-mobile{
    min-height: auto;
}
.storybook-clicker-area .light-easi-link {
    margin-top: 20px;
}
.book-creator p {
    color: #fff;
}
.light-easi-link a{
    margin-bottom: 10px;
}
.book-creator .ms-team-area .light-easi-link a {
    font: normal normal 600 14px / 24px D-DIN-PRO;
    padding: 10px 5px;
}
.storybook-clicker-area1 {
    background: rgb(137, 159, 187);
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 48%, rgba(13, 33, 62, 1) 48%);
}
.vacancy-top-panel {
    min-height: 280px;
}
.vacancy-top-panel .row{
    flex-direction: column;
}
.vacancy-mid-panel .row{
    flex-direction: column-reverse;
}
.vacancy-down-panel h2{
    font: normal normal 600 30px / 30px D-DIN-PRO;
    padding-bottom: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.vacancy-down-panel{
    padding: 30px 0;
}
.vacancy-section-panel{
    flex-direction: column;
}
.vacancy-section-text {
    padding: 10px;
    width: 100%;
    text-align: center;
}
.vacancy-section-panel a{
    font: normal normal 600 24px / 30px D-DIN-PRO;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    letter-spacing: 1px;
}
.vacancy-down-panel .container {
    width: 100%;
}
.bot-dropdown{
    margin-top: 30px;
}
.light-gradiant {
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 54%, rgba(13, 33, 62, 1) 54%);
}
.light-gradiant .light-easi-link a{
    width: 100%;
    text-align: center;
}
.light-gradiant .light-easi-link {
    flex-direction: column;
}
.bot-dropdown {
    flex-direction: column;
}
.bot-dropdown .dropdown-toggle{
    margin-right: 0;
    width: 100%;
    margin: 10px 0;
}
.audio-area .container{
    width: 100%;
}
.activities-panel-1{
    flex-direction: column;
    min-height: auto;
    max-height: none;
}
.activities-panel-img-area , .activities-panel-text{
    width: 100%;
}
.activities-panel-2 {
    flex-direction: column;
    min-height: auto;
    max-height: none;
}
.activities-panel-img-area{
    border: none;
    border-radius: 0;
    height: auto;
    padding: 20px 15px;
}
.activities-panel-img-area-1{
    border: none;
    border-radius: 0;
    width: 100%;
    background: transparent;
    height: auto;
}
.activities-panel-img-area-2{
    border: none;
    border-radius: 0;
    width: 100%;
    background: transparent;
    height: auto;
}
.activities-panel-text{
    font: normal normal bold 30px / 30px D-DIN-PRO;
    padding: 15px;
    text-align: center;
}
.activities-area .container{
    width: 100%;
}
.project-panel-1 , .project-panel-2{
    display: flex;
    flex-direction: column;
    padding: 20px 15px;
    min-height: auto;
}
.project-panel-1-left , .project-panel-2-left{
    width: 100%;
    min-height: auto;
    background: transparent;
    border-radius: 0;
}
.project-panel-1-left img , .project-panel-2-left img{
    width: 300px;
}
.project-panel-1-right , .project-panel-2-right{
    width: 100%;
    padding: 0 15px;
}
.project-panel-1-right h3 {
    font: normal normal 700 30px / 30px D-DIN-PRO;
    letter-spacing: 0px;
    margin-bottom: 20px;
}
.project-panel-1-right h3 span {
    font: normal normal 700 20px / 24px D-DIN-PRO;
    padding-top: 5px;
}
.project-panel-2-right h3{
    font: normal normal 700 30px / 30px D-DIN-PRO;
    letter-spacing: 0px;
    margin-bottom: 20px;
}
.activities-area .tab-content {
    padding-top: 30px;
}
.project-panel-1-right p , .project-panel-2-right p {
    font: normal normal 500 18px / 24px D-DIN-PRO;
}
.virtual-area-page .container {
    width: 100%;
}

.page-id-204 .help-file-panel-1, .page-id-204 .help-file-panel-2, .page-id-204 .help-file-panel-3, .page-id-204 .help-file-panel-4, .page-id-204 .help-file-panel-5 {
    min-height: 270px;
}
.code-first, .code-second, .code-third{
    padding: 15px 0;
}
.code-second img{
    margin-bottom: 30px;
}
.code-first .row{
    flex-direction: column-reverse;
    display: flex;
}
.code-first .row , .code-second .row , .code-third .row{
    margin: 0 auto;
}
.page-id-204 .help-file-area2 .row{
    flex-wrap: wrap;
    display: flex;
}
.activities-panel-img-area-2 img {
    width: 250px;
    height: 250px;
    object-fit: contain;
}



}



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

.activities-panel-img-area-2 img {
    width: 250px;
    height: 250px;
    object-fit: contain;
}
.code-first, .code-second, .code-third{
    padding: 15px 0;
}
.code-second img{
    margin-bottom: 30px;
}
.code-first .row{
    flex-direction: column-reverse;
    display: flex;
}
.code-first .row , .code-second .row , .code-third .row{
    margin: 0 auto;
}


.container{
    max-width: 100%;
}

/****menu****/
.dgmenuwrap{margin-top:0;}
ul.menu > li::after{content:''; position:inherit;}
ul.menu ul, ul.menu ul li ul {display: none; left: inherit; opacity: inherit!important; position: inherit; top: inherit; width: auto!important; box-shadow:none; background:none;}
ul.menu ul li:first-child, ul.menu ul li:last-child{margin:0;}
.dgmenuwrap {
    position: absolute;
    z-index: 9999;
    width: 100%;
    background: transparent;
    left: 0;
    top: -5px;
}
.mean-container .mean-nav {
    width: 100%;
}
ul.menu ul li{border-bottom:none;}
/****end menu****/


.mean-container a.meanmenu-reveal{
    right: 0;
    top: 20px;
}
.mean-container .mean-nav {
    margin-top: 86px;
}
.mean-container .mean-nav ul li a:hover{
    color: #000;
}
.mean-container .mean-nav ul li a{
    color: #000;
}
.banner-text h2 , .what-area-top h2{
    font-size: 24px;
}
.home-about-section h2 {
    font-size: 30px;
}
.home-about-section-panel {
    margin: 15px 0;
}
.footer-menu-area.footer-menu-area-last , .footer-menu-area-1 {
    width: 100%;
    margin: 40px 0;
}
.footer-menu-area{
    width: 50%;
}
.footer-menu h2 {
    font-size: 19px;
    letter-spacing: normal;
}
.footer-menu p strong {
    width: auto;
    margin-right: 15px;
}
.footer-top{
    padding: 30px 0;
}
.footer-bottom{
    padding: 15px 0;
}
.what-panel {
    flex-direction: column;
    margin: 10px 0;
}
.what-panel-text{
    padding: 15px 0 15px 0;
    font-size: 16px;
}
.banner-link-area{
    display: none;
}
.banner-text a {
    margin-top: 0;
}
.banner-text p {
    font-size: 10px;
}
.banner-text h2{
    margin: 15px 0;
}
.banner-text a {
    font-size: 10px;
    padding: 10px 20px;
}
.home-about-section , .what-area{
    padding: 30px 0;
}
.home-about-section1{
    padding-bottom: 30px;
}
.logo img {
    width: 80px;
}
.menu-logo{
    width: auto;
}
.menu-main-area .row {
    justify-content: flex-start;
}
.bottom-slider .banner-text h2, .bottom-slider .banner-text p {
    font-size: 12px;
    margin: 0;
}
.bottom-slider .banner-text img {
    width: 30px;
    margin: 10px 0;
}
.subscribe{
    width: 100%;
    margin-top: 15px;
}
.newslatter-text {
    width: 100%;
    font-size: 16px;
    padding-left: 0;
    text-align: center;
}
.news-input{
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.newslatter-secrion .newslatter-secrion-all{
    padding: 20px;
}
.newslatter-icon {
    width: 50px;
    float: none;
    margin: 0 auto 20px;
}
.news-input::placeholder {
  font-size: 14px;
}

.news-input::-ms-input-placeholder { /* Edge 12-18 */
  font-size: 14px;
}


.home-about-section h3{
    font-size: 24px;
}
.inner-banner-area .banner-text h2 {
    font-size: 32px;
    letter-spacing: 2px;
}
.contact-contant{
    padding: 40px 0;
}
.inner-banner-area img {
    height: 150px;
}
.logo-menu{
    width: auto;
}


.news-area .row {
    flex-direction: column;
    margin-bottom: 50px;
}
.news-area h2{
    font-size: 40px;
    line-height: normal;
    margin-bottom: 15px;
}
.circular-row{
    flex-direction: column;
    margin-bottom: 50px;
}
.view-all-news a {
    float: left;
}
.view-all-news a:before{
    width: 100%;
}
.circular h2{
    margin-bottom: 15px;
    font-size: 50px;
}
.news-area .owl-nav , .project-area .owl-nav {
    width: 100%;
    top: -92px;
}
.project-area .row{
    flex-direction: column;
    margin-bottom: 50px;
}
.project-area h2{
    margin-bottom: 15px;
    font-size: 50px;
}
.top-banner-area1 .row{
    flex-direction: column;
    margin-bottom: 50px;
}
.top-banner-area1 h2{
    margin-bottom: 15px;
    font-size: 50px;
}
.project-area-flex {
    align-items: center;
    flex-direction: column;
}
.project-text-area {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    margin-top: 30px;
}
.project-area .project-text-area h2{
    font-size: 36px;
    line-height: normal;
}
.top-banner-mail-area{
    align-items: center;
    flex-direction: column;
}
.top-banner-mail-area .top-banner-text {
    width: 100%;
    max-width: 100%;
}
.top-banner-area1 .top-banner-text h2 {
    font-size: 50px;
    margin-bottom: 20px;
}
.top-banner-mail-area .top-banner-text p{
    margin: 0;
    font-size: 20px;
    line-height: normal;
}
.top-banner-area1 .top-banner-text a {
    padding: 10px 35px;
    font-size: 18px;
    line-height: normal;
    margin-top: 30px;
}
.top-banner-area1 .item{
    background: transparent;
}
.top-banner-area .container{
    display: none;
}
.top-dropdown{
    display: none;
}
.news-area{
    padding: 30px 0 50px;
}
.footer-social {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.footer-menu-area-logo {
    text-align: center;
}
.footer-menu-area-logo img {
    width: 60px;
    margin-top: 20px;
}
.menu-main-area{
    position: relative;
    z-index: 9999;
}
.menu-social-area {
    position: absolute;
    left: auto;
    width: 100%;
    top: 0;
    transform: translateY(-50%);
}
.mean-container .mean-bar:nth-child(2){
    display: none;
}
ul.menu ul:after{
    display: none;
}


.virtual-area-link {
    margin-top: 50px;
    flex-direction: column;
}
.virtual-area-2 .virtual-area-link a{
    margin: 5px 0;
    text-align: center;
}
.virtual-area-2 img{
    margin-top: 30px;
}
.virtual-area-2 h2{
    margin-bottom: 30px;
    font: normal normal 600 30px/30px D-DIN-PRO;
}
.virtual-area-2 h2 span{
    font: normal normal 600 20px/20px D-DIN-PRO;
}
.virtual-area-2 h2:after{
    width: 100%;
}
.virtual-area{
    padding: 30px 0;
}
.virtual-area h3{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.virtual-area p{
    line-height: normal;
    font-size: 24px;
}
.digital-resorces-1{
    font-size: 40px;
    line-height: 36px;
}




.help-file-panel-1, .help-file-panel-2, .help-file-panel-3, .help-file-panel-4 {
    width: 50%;
    margin-top: 10px;
}
.help-file-panel-1 span, .help-file-panel-3 span {
    margin-top: 15px;
    font: normal normal 500 13px/18px D-DIN-PRO;
}
.help-file-panel-2 span, .help-file-panel-4 span {
    margin-top: 15px;
    font: normal normal 500 13px/18px D-DIN-PRO;
}
.help-file-area{
    padding: 30px 0;
}
.booking-panel-1 {
    width: 70%;
    margin-top: 20px;
}
.booking-panel-1 span{
    margin-top: 15px;
    font: normal normal 500 13px/18px D-DIN-PRO;
}
.booking-area{
    padding: 30px 0;
}
.digital-resorces-4 {
    font-size: 36px;
    line-height: normal;
}


.digital-resorces-2{
    font-size: 40px;
    padding: 20px 0;
}
.digital-literacy-policies-panel-1, .digital-literacy-policies-panel-2, .digital-literacy-policies-panel-3, .digital-literacy-policies-panel-4, .digital-literacy-policies-panel-5{
    width: 50%;
}
.digital-literacy-policies-panel-2 span, .digital-literacy-policies-panel-4 span{
    font-size: 12px;
    line-height: 18px;
}
.digital-literacy-policies-panel-1 span, .digital-literacy-policies-panel-3 span, .digital-literacy-policies-panel-5 span{
    font-size: 12px;
    line-height: 18px;
}


.digital-area-under-1{
    font: normal normal bold 28px/36px D-DIN-PRO;
}
.digital-area{
    font: normal normal bold 28px/36px D-DIN-PRO;
}
.digital-area span{
    font: normal normal 500 18px/24px D-DIN-PRO;
}


.ready-area h3{
    margin-bottom: 30px;
}
.ready-panel-1, .ready-panel-2{
    width: 100%;
    padding: 0;
    margin-top: 30px;
}
.ready-panel-1 span , .ready-panel-2 span{
    margin-top: 20px;
}
.digital-resorces-6{
    font-size: 32px;
    line-height: 32px;
}

.booking-panel-1 {
    width: 100%;
}



.virtual-area-1{
    padding: 30px 0;
}
.virtual-area-1 h2{
    font: normal normal 600 30px/30px D-DIN-PRO;
    margin-bottom: 20px;
}
.virtual-area-link {
    margin-top: 20px;
    flex-direction: column;
}
.virtual-area-link a{
    text-align: center;
    margin-bottom: 20px;
}


.reource-area-panel{
    flex-direction: column;
}
.digital-reource-area , .teaching-reource-area , .policies-reource-area , .coding-reource-area , .cloud-reource-area , .parents-reource-area{
    width: 100%;
    font-size: 40px;
    line-height: normal;
    text-align: center;
}
.digital-reource-area span , .teaching-reource-area span , .policies-reource-area span , .coding-reource-area span , .cloud-reource-area span , .parents-reource-area span{
    text-align: center;
}


.digital-1 , .digital-2 , .m-inter{
    font-size: 36px;
    line-height: normal;
    text-align: center;
    padding: 60px 0;
    margin-bottom: 15px;
}
.activities-area .nav-tabs>li>a {
    padding: 10px 16px;
    font-size: 18px;
}
.past-tab .digital-2, .past-tab .digital-1 {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30px;
}



.cloudpaging-text-area{
    font-size: 34px;
    padding: 30px 0;
}
.cloudpaging-area{
    flex-direction: column;
}
.cloudpaging-left , .cloudpaging-img{
    width: 100%;
    height: 400px;
}
.cloudpaging-container {
    top: 24%;
    width: 350px;
}
.cloudpaging-img img{
    height: 400px;
}
.app-area h3 , .app-any-area , .website-area {
    font-size: 26px;
}




.virtual-area .row {
    flex-direction: column-reverse;
}
.virtual-area h2 , .easi-area1-text h2 , .light-area-text h2 , .talking-area h2 , .mission-statement h2 , .our-profile h2 , .staff-area h2 , .strategy-text-area h2 , .pilicies-text-area h2 {
    font: normal normal 600 30px / 30px D-DIN-PRO;
    padding-bottom: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.easi-area h2 , .audio-area h2 , .circular h2 , .news-pannel .news-panel-area h3{
    font: normal normal 600 30px / 30px D-DIN-PRO;
    padding-bottom: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.vacancy-top-panel h2 {
    font: normal normal 600 30px / 30px D-DIN-PRO;
    padding-bottom: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.vacancy-top-panel p{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
}
.vacancy-top-panel a {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
    margin-top: 10px;
    padding: 3px 30px;
}
.news-pannel .news-panel-area h3{
    margin-bottom: 0;
}
.virtual-area p , .audio-area p , .vacancy-page p , .vacancy-page li , .news-pannel .news-panel-area p , .news-pannel .news-panel-area .date-area , .coding-interactive-area p , .light-area-text p , .audio-literacy-area p , .talking-area p , .mission-statement p , .our-profile p , .easi-area p {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
}
.news-pannel .news-panel-area .date-area{
    margin: 10px 0;
}
.virtual-area img , .light-area-text img, .easi-area1-text img , .ms-area img{
    margin-bottom: 20px;
}
.digital-resources-head-text , .literacy-tool-head-text , .assessment-tool-head-text , .content-creation-head-text , .latest-vacancy-area{
    font-size: 36px;
    padding: 10px 0;
}
.coding-interactive-area , .audio-literacy-area {
    flex-direction: column;
}
.light-area{
    width: 100%;
}
.easi-area1{
    width: 100%;
}
.coding-interactive-area .container {
    width: 100%;
}
.coding-interactive-area .ms-team-area .row , .audio-literacy-area .ms-team-area .row , .ms-area .row , .assessment-tool-area1 .ms-team-area .row , .assessment-tool-area .ms-team-area .row{
    display: flex;
    flex-direction: column;
}
.coding-interactive-area {
    background: rgb(241, 199, 166);
    background: linear-gradient(180deg, rgba(241, 199, 166, 1) 50%, rgba(65, 27, 139, 1) 50%);
}
.coding-interactive-area .light-area , .coding-interactive-area .easi-area1 , .audio-literacy-area .light-area , .audio-literacy-area .easi-area1{
    display: none;
}
.coding-interactive-area .container , .audio-literacy-area .container , .assessment-tool-area .container, .assessment-tool-area1 .container , .light-easi-area .container {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0);
}
.coding-interactive-area .easi-area1-text , .audio-literacy-area .easi-area1-text {
    padding-top: 40px;
}
.coding-interactive-area .light-area-text , .audio-literacy-area .light-area-text , .ms-booking-area{
    padding-top: 40px;
}
.audio-literacy-area{
    background: rgb(137,159,187);
    background: linear-gradient(180deg, rgba(137,159,187,1) 50%, rgba(13,33,62,1) 50%);
}
.easi-link , .light-easi-link , .ms-booking-area .lego-link{
    margin-top: 20px;
}
.microsoft-provides-area p {
    font: normal normal 500 20px / 30px D-DIN-PRO;
}
.microsoft-provides-area{
    padding: 20px 0;
}
.assessment-tool-area .light-area, .assessment-tool-area .easi-area1, .assessment-tool-area1 .light-area, .assessment-tool-area1 .easi-area1{
    display: none;
}
.assessment-tool-area {
    background: rgb(137, 159, 187);
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 50%, rgba(13, 33, 62, 1) 50%);
}
.assessment-tool-area1{
    background: rgb(241, 199, 166);
    background: linear-gradient(180deg, rgba(241, 199, 166, 1) 50%, rgba(65, 27, 139, 1) 50%);
}
.assessment-tool-text1 {
    min-height: auto;
}
.light-area-text img, .easi-area1-text img{
    margin-top: 0;
    margin-bottom: 20px;
}
.assessment-tool-area .light-easi-link a , .assessment-tool-area .light-easi-link a , .talking-area .easi-link a.video-t , .ms-area .easi-link a.video-website , .assessment-tool-area1 .light-easi-link a{
    font: normal normal 600 14px / 24px D-DIN-PRO;
    padding: 6px;
    letter-spacing: 1px;
}
.assessment-tool-area .light-area-text , .assessment-tool-area .ms-booking-area , .assessment-tool-area1 .light-area-text , .assessment-tool-area1 .ms-booking-area{
    padding: 40px 15px;
}
.ms-booking-area h2 span , .ms-team-area h2 span , .talking-area h2 span{
    font: normal normal 500 24px / 36px D-DIN-PRO;
}
.light-area-text img, .easi-area1-text img{
    width: auto;
}
.virtual-area img, .light-area-text img, .easi-area1-text img, .ms-area img{
    width: auto;
}
.talking-area img {
    width: 100%;
}
.mission-statement , .our-profile{
    padding: 30px 0;
}
.staff-area h3{
    font: normal normal 700 24px / 30px D-DIN-PRO;
    margin-bottom: 20px;
    padding: 10px;
}
.staff-area h4 {
    font: normal normal 700 18px / 30px D-DIN-PRO;
}
.staff-area p , .staff-area a{
    font: normal normal 500 16px / 30px D-DIN-PRO;
    margin: 5px 0;
}
.staff-mar-area {
    margin-bottom: 15px;
}
.about-panel-end{
    flex-direction: column;
}
.staff-area{
    padding: 20px 0;
}
.about-us-link-section li a {
    font: normal normal 600 16px / 30px D-DIN-PRO;
    margin: 5px 10px 5px 0;
}
.strategy-pilicies-area {
    background: rgb(124, 85, 151);
    background: linear-gradient(180deg, rgba(124, 85, 151, 1) 33%, rgba(241, 199, 166, 1) 33%);
    padding: 20px 0;
}
.pilicies-img-area img {
    width: 100%;
}
.pilicies-text-panel {
    font: normal normal 700 20px / 30px D-DIN-PRO;
}
.strategy-text-area{
    min-height: 500px;
}
.pilicies-text-area{
    min-height: inherit;
}
.strategy-pilicies-area{
    background: rgb(124, 85, 151);
    padding-bottom: 0;
}
.pilicies-text-area{
    background: rgba(241, 199, 166, 1);
}
.about-us-link-section{
    padding: 15px 0;
}
.coding-appa-area .light-area, .coding-appa-area .easi-area1 {
    display: none;
}
.coding-appa-area{
    background: rgb(137,159,187);
    background: linear-gradient(180deg, rgba(137,159,187,1) 50%, rgba(13,33,62,1) 50%);
}
.ms-team-area , .ms-booking-area{
    padding: 40px 15px;
}
.coding-appa-area .light-easi-link a {
    font: normal normal 600 16px / 24px D-DIN-PRO;
    padding: 10px 5px;
}
.lego-link{
    justify-content: flex-start;
}
.easi-area .row{
    display: flex;
    flex-direction: column-reverse;
}
.easi-area img{
    margin-bottom: 30px;
}
.audio-area{
    padding: 30px 0;
}
.light-easi-area .light-area , .light-easi-area .easi-area1{
    display: none;
}
.light-easi-area  {
    background: rgb(137, 159, 187);
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 50%, rgba(13, 33, 62, 1) 50%);
}
.light-area-text , .easi-area1-text{
    padding: 40px 15px;
}
.audio-page-link {
    flex-direction: column;
}
.audio-page-link a{
    margin: 5px 0;
    text-align: center;
}
.light-easi-link a.video-t , .ms-booking-area .light-easi-link a , .ms-team-area .light-easi-link a{
    font: normal normal 600 15px / 24px D-DIN-PRO;
    padding: 10px 5px;
    margin-right: 5px;
}
.easi-area .easi-link a, .light-easi-link a{
    padding: 10px 5px;
    margin-right: 5px;
}
.talking-area .row{
    display: flex;
    flex-direction: column-reverse;
}
.talking-area img{
    margin-bottom: 20px;
}
.easi-area1-text , .light-area-text{
    min-height: 400px;
}
.audio-area-text{
    min-height: 800px;
}

.vacancy-page .row{
    flex-direction: column;
}
.archive-area{
    border:none;
}
.vacancy-left {
    padding-bottom: 30px;
}
.vacancy-page , .archive-area{
    background: #ECF0F680;
}
.vacancy-left .btn{
    margin-top: 30px;
}
.date-area{
    margin: 20px 0;
}
.vacancy-left-banner img {
    width: 300px;
}
.date-area-news{
    padding: 20px 0;
}
.vacancy-left-area{
    padding: 20px 0;
}
.vacancy-left-area li a{
    margin: 5px 10px 5px 0;
}
.news-direction {
    display: flex;
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 20px;
}
.news-left .see-more{
    margin-top: 15px;
}
.virtual-area img{
    width: 100%;
}




.circular-page , .circular-home{
    background: #627695!important;
    padding-bottom: 15px;
}
.caricular-area{
    height: auto;
    flex-direction: column;
}
.caricular-date{
    width: 100%;
}
.caricular-text{
    width: 100%;
}
.show-button{
    margin: 20px 0;
}
.hight-mobile{
    min-height: auto;
}
.storybook-clicker-area .light-easi-link {
    margin-top: 20px;
}
.book-creator p {
    color: #fff;
}
.light-easi-link a{
    margin-bottom: 10px;
}
.book-creator .ms-team-area .light-easi-link a {
    font: normal normal 600 14px / 24px D-DIN-PRO;
    padding: 10px 5px;
}
.storybook-clicker-area1 {
    background: rgb(137, 159, 187);
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 57%, rgba(13, 33, 62, 1) 56%);
}
.vacancy-top-panel {
    min-height: 280px;
}
.vacancy-top-panel .row{
    flex-direction: column;
}
.vacancy-mid-panel .row{
    flex-direction: column-reverse;
}
.vacancy-down-panel h2{
    font: normal normal 600 30px / 30px D-DIN-PRO;
    padding-bottom: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.vacancy-down-panel{
    padding: 30px 0;
}
.vacancy-section-panel{
    flex-direction: column;
}
.vacancy-section-text {
    padding: 10px;
    width: 100%;
    text-align: center;
}
.vacancy-section-panel a{
    font: normal normal 600 24px / 30px D-DIN-PRO;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    letter-spacing: 1px;
}
.vacancy-down-panel .container {
    width: 100%;
}
.bot-dropdown{
    margin-top: 30px;
}
.light-gradiant {
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 54%, rgba(13, 33, 62, 1) 54%);
}
.light-gradiant .light-easi-link a{
    width: 100%;
    text-align: center;
}
.light-gradiant .light-easi-link {
    flex-direction: column;
}
.bot-dropdown {
    flex-direction: column;
}
.bot-dropdown .dropdown-toggle{
    margin-right: 0;
    width: 100%;
    margin: 10px 0;
}
.audio-area .container{
    width: 100%;
}
.activities-panel-1{
    flex-direction: column;
    min-height: auto;
    max-height: none;
}
.activities-panel-img-area , .activities-panel-text{
    width: 100%;
}
.activities-panel-2 {
    flex-direction: column;
    min-height: auto;
    max-height: none;
}
.activities-panel-img-area{
    border: none;
    border-radius: 0;
    height: auto;
    padding: 20px 15px;
}
.activities-panel-img-area-1{
    border: none;
    border-radius: 0;
    width: 100%;
    background: transparent;
    height: auto;
}
.activities-panel-img-area-2{
    border: none;
    border-radius: 0;
    width: 100%;
    background: transparent;
    height: auto;
}
.activities-panel-text{
    font: normal normal bold 30px / 30px D-DIN-PRO;
    padding: 15px;
    text-align: center;
}
.activities-area .container{
    width: 100%;
}
.project-panel-1 , .project-panel-2{
    display: flex;
    flex-direction: column;
    padding: 20px 15px;
    min-height: auto;
}
.project-panel-1-left , .project-panel-2-left{
    width: 100%;
    min-height: auto;
    background: transparent;
    border-radius: 0;
}
.project-panel-1-left img , .project-panel-2-left img{
    width: 300px;
}
.project-panel-1-right , .project-panel-2-right{
    width: 100%;
    padding: 0 15px;
}
.project-panel-1-right h3 {
    font: normal normal 700 30px / 30px D-DIN-PRO;
    letter-spacing: 0px;
    margin-bottom: 20px;
}
.project-panel-1-right h3 span {
    font: normal normal 700 20px / 24px D-DIN-PRO;
    padding-top: 5px;
}
.project-panel-2-right h3{
    font: normal normal 700 30px / 30px D-DIN-PRO;
    letter-spacing: 0px;
    margin-bottom: 20px;
}
.activities-area .tab-content {
    padding-top: 30px;
}
.project-panel-1-right p , .project-panel-2-right p {
    font: normal normal 500 18px / 24px D-DIN-PRO;
}
.virtual-area-page .container {
    width: 100%;
}
.page-id-204 .help-file-panel-1, .page-id-204 .help-file-panel-2, .page-id-204 .help-file-panel-3, .page-id-204 .help-file-panel-4, .page-id-204 .help-file-panel-5 {
    width: 100%;
}
.page-id-204 .help-file-area2 .help-file-panel-1, .page-id-204 .help-file-area2 .help-file-panel-2, .page-id-204 .help-file-area2 .help-file-panel-3, .page-id-204 .help-file-area2 .help-file-panel-4 {
    margin-top: 0;
}






}


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



.ready-panel-1, .ready-panel-2{
    width: 50%;
    padding: 0 10px;
    margin-top: 30px;
}
.digital-literacy-policies-panel-1 span, .digital-literacy-policies-panel-3 span, .digital-literacy-policies-panel-5 span , .help-file-panel-1 span, .help-file-panel-3 span{
    font-size: 16px;
}
.digital-literacy-policies-panel-2 span, .digital-literacy-policies-panel-4 span , .help-file-panel-2 span, .help-file-panel-4 span{
    font-size: 16px;
}


.digital-area-under-1 {
    font: normal normal bold 34px/36px D-DIN-PRO;
}   
.digital-area{
    font: normal normal bold 34px/36px D-DIN-PRO;
}


.storybook-clicker-area1 {
    background: rgb(137, 159, 187);
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 48%, rgba(13, 33, 62, 1) 48%);
}

.light-gradiant {
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 52%, rgba(13, 33, 62, 1) 52%);
}




    

}



@media only screen and (min-width: 480px) and (max-width: 639px) {



.ready-panel-1, .ready-panel-2{
    width: 50%;
    padding: 0;
    margin-top: 30px;
}

.digital-literacy-policies-panel-1 span, .digital-literacy-policies-panel-3 span, .digital-literacy-policies-panel-5 span , .help-file-panel-1 span, .help-file-panel-3 span{
    font-size: 16px;
}
.digital-literacy-policies-panel-2 span, .digital-literacy-policies-panel-4 span , .help-file-panel-2 span, .help-file-panel-4 span{
    font-size: 16px;
}

.digital-area-under-1 {
    font: normal normal bold 34px/36px D-DIN-PRO;
}	
.digital-area{
    font: normal normal bold 34px/36px D-DIN-PRO;
}   


.storybook-clicker-area1 {
    background: rgb(137, 159, 187);
    background: linear-gradient(180deg, rgba(137, 159, 187, 1) 53%, rgba(13, 33, 62, 1) 53%);
}







}



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


	
	/*.mean-container .mean-nav ul{ background:#f9495f; }*/
	.mean-container .mean-nav{ left: 0; }
	.mean-container .mean-nav ul li a{ font-size: 16px; opacity: 1!important; line-height: 24px; padding-left: 20px; color: #000; font-weight: 500; font-family: 'Roboto', sans-serif; text-shadow: none; }
	.mean-container .mean-nav ul li a.mean-expand {
        height: 26px;
        padding: 0!important;
        color: #000;
        background: transparent!important;
    }
	.mean-container .mean-nav ul li a.mean-expand:hover {background: #f9495f;}
    .mean-container .mean-nav ul li{
        border: none;
    }

    



	

}