@media only screen and (min-width:1003px) and (max-width:1024px)
{
    #header{height:auto;}
    #header .navbar-brand{margin: -15px 0 0 18px;}
    #header .navbar-brand img{margin:60px 0 0 2px; width:95px;}
    #top-menu ul li a{font-size:85.3%; padding:5px; }
    #main-menu ul li a{ font-size: 100%; padding:12px;}
    #header .top-nav{margin-top:96px;}
    #top-menu{margin:0 0 10px;}
    #top-menu ul li ul{ top:60px;}
    #top-menu ul li.submenu-one:hover>ul{top:30px;}


    #career-donation .career, #career-donation .donation {display: table-cell; float: none; vertical-align: top;}
    #career-donation .column {width: 100%; padding: 20px 0;}
    header .top .navbar-nav > li > a{font-size:88.3%; padding:20px 6px;}
    header .bottom .navbar-nav > li > a{font-size:113.3%;}
    #about-us h2::before{width:158px;}
    #services{top:-96px;}
    #services .benefits{min-width:180px;}
    #services .benefits .title{font-size:99.6%;}
    #about-us .services{height:300px;}
    #career-donation .column h2{font-size:200%; margin-bottom:15px;}
    #career-donation .donation h3{font-size:175%;}
    #about-us .services .title{bottom:18px; font-size:186.3%;}
    #educational .owl-buttons .owl-prev{background-size:cover; width:35px; height:35px; left:-25px;}
    #educational .owl-buttons .owl-prev, #educational .owl-buttons .owl-next{background-size:cover; width:35px; height:35px; right:-25px;}
    #awards-recognition .box.reports .title{font-size:160%; line-height:24px;}
    #awards-recognition .box.reports .sub-title{font-size:100%;}
    #awards-recognition .box.reports .btn{font-size:110%; padding:10px; margin-top:10px;}
    #client{height:820px;}
    #our-gallery{height:auto; padding:0 0 40px;}
    #educational h3{font-size:142%;}
    footer .top .contact-us{margin-left:0;}

    ul.logo-list li{font-size:109%;}
    .inner-content .title-bg{min-width:196px; top:-42px;}
    .inner-content .main-title{font-size:200%; padding:10px 20px;}
    .inner-content h3{font-size:160%;}
    #news .news{min-height:300px;}
    #contact p img{margin-right:8px;}
    #apply h2::before{width:110px;}
    #banner{top:0; margin:0;}
    #about-us{padding:0 0 60px;}
    .inner-content h2::before{width:60px;}
    #inner-slider .item,#inner-slider{height:auto;}	
    .gallery-img a{height:140px;}
}


@media only screen and (min-width:768px) and (max-width:1002px)
{
    #top-menu{display: block;}
    #top-menu ul li,#main-menu ul li{display: block;}
    #main-menu{display: none;}

    #mobile-menu #main-menu, #mobile-menu #top-menu{display:block !important; height:auto; background:transparent; padding:0;}
    #mobile-menu #top-menu{margin-bottom:0;}
    #mobile-menu .navbar-brand-centered{display:none;}

    #wrapper{ width:100%; position:relative; box-shadow:0 0 10px 10px rgba(0,0,0,.2); z-index:10; background:#fff;  }
    #mobile-menu-icon{ display:block; position:absolute; right:30px; top: 50px; width:30px; height:30px; background:url(../images/nav-icon.png) no-repeat 0 0;}

    body#page{overflow-x: hidden; position: relative; right: 0;}
    body#page.active {left:0;}
    body#page.active #header{ right:250px;}

    #header{ height:auto;}
    #header #main-menu,#header #top-menu .top-nav{ display:none !important;} 
    #header .navbar-brand{display:block; margin:15px 0 0;}
    #header .navbar-brand img{width:120px; margin-left:0;}
    #header .container{ width: 100%;}

    #mobile-menu{position: fixed; width: 250px; top: 0; height:100%; z-index:2; overflow-y: scroll; background-color:#444d56; right: -250px;}
    #mobile-menu.active{right:-250px;}
    #mobile-menu #main-menu{ display:block !important;}

    #main-menu ul{ margin:0;}
    #main-menu{ float:none; padding:0; border: none; box-shadow: none;}
    #main-menu ul,#top-menu ul{ float:none !important;} 
    #main-menu ul li,#top-menu ul li{ float:none; padding:0; margin:0; border:none; position:relative; border-bottom:1px solid #283230;}
    #main-menu ul li ul li ul{ border:none;}
    #main-menu ul li a, #top-menu ul li a{ text-transform:capitalize; text-align:left; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:100%; border-bottom:none; padding:12px 20px; display:block; color:#fff; text-transform:none; font-weight:400; background-color:#444D56; margin-bottom:0;}
    #main-menu ul li ul li a, #top-menu ul li ul li a{border-bottom:none; color:#f0f0f0; font-size:100%; text-decoration:none;}
    #top-menu ul li a:hover, #top-menu ul li.active > a,#main-menu ul li.active > a, #main-menu ul li a:hover, #main-menu ul li a:focus, #main-menu ul li a:active{background:#f58220; color:#fff;}
    #main-menu ul li ul li a:hover,#top-menu ul li ul li a:hover{ color: #f0f0f0;  background-color:#eb7d1f;}
    #main-menu ul li > a:hover, #main-menu ul li.active > a, #top-menu ul li a:hover, #main-menu ul li > a:hover, #main-menu ul li.active > a, #top-menu ul li a:hover{ color:#fff; border-bottom:none; background-color:#eb7d1f;}
    #main-menu ul li.changebg > a , #top-menu ul li.changebg > a{ color:#fff;  background-color:#eb7d1f;}
    #main-menu ul li ul li ul li a, #top-menu ul li ul li ul li a{border-bottom:none;}
    #main-menu ul li:hover > a , #top-menu ul li:hover > a{ border-bottom:none;}
    #main-menu ul li a .submenu, #top-menu ul li a .submenu{ position:absolute; width:42px; height:42px; right:0; top:1px; display:block;  cursor:pointer; -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out; }
    #main-menu ul li a .submenu:before,#main-menu ul li a .submenu:after, #top-menu ul li a .submenu:before,#top-menu ul li a .submenu:after{ content:""; background-color:#fff; display:block;  -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out; }
    #main-menu ul li a .submenu:before , #top-menu ul li a .submenu:before{ width:2px; height:15px; position:relative; left:20px; top:12px;}
    #main-menu ul li a .submenu:after , #top-menu ul li a .submenu:after{ width:15px; height:2px; position:relative; left:13px; top:4px;}
    #main-menu ul li.changebg>a>.submenu:before, #top-menu ul li.changebg>a>.submenu:before { transform:rotate(-90deg);}
    #main-menu ul li.changebg>a>.submenu:after, #top-menu ul li.changebg>a>.submenu:after { display:none;}

    #main-menu ul li > ul , #top-menu ul li > ul{ padding:0; border:none;}
    #main-menu ul li.submenu-one:hover > ul , #top-menu ul li.submenu-one:hover > ul{ top:0;}
    #main-menu ul li.submenu-one ul, #top-menu ul li.submenu-one ul{margin-bottom: -1px;}
    #main-menu ul li ul,#main-menu ul li:hover>ul,#main-menu ul li ul li ul,#main-menu ul li ul li:hover>ul,#top-menu ul li ul,#top-menu ul li:hover>ul,#top-menu ul li ul li ul,#top-menu ul li ul li:hover>ul{ width:auto; display:none; opacity:1; position:relative; left:0; top:0; visibility:visible; transition:none; box-shadow:none;}
    #main-menu ul li ul li a,#top-menu ul li ul li a{ padding:12px 30px;}
    #main-menu ul li ul li ul li a,#top-menu ul li ul li ul li a{padding:12px 40px;}
    #main-menu ul li ul li,#top-menu ul li ul li{ border-bottom:1px solid #283230;}
    #top-menu ul li a:hover, #top-menu ul li:hover>a{background-color: #f58220; color: #fff; border-radius: 4px 4px 0 0;}
    #top-menu ul li ul li ul{border-bottom:none;}
    #top-menu ul li a:hover, #top-menu ul li:hover>a, #top-menu ul li.active:hover a { border-radius: 0;}
    #top-menu ul.navbar-right li{margin:0;}

    .gallery-img a{height:146px;}
    #services{top:-74px;}
    #services .benefits{min-width:136px;}
    #services .benefits .title{font-size:88.6%; padding:10px 0;}
    #banner .bx-wrapper .bx-controls-direction a{top:45%;}
    #banner .banner-txt h1{font-size:240%;}
    #banner .banner-txt{top:260px;}
    #about-us h2::before{width:114px;}
    #about-us{height:auto;}
    #about-us .services{height:224px;}
    #about-us .services .title{font-size:142%; bottom:14px;}
    #educational,#client,#our-gallery{height:auto;}
    #our-gallery{padding:0 0 30px;}
    #educational .owl-buttons .owl-prev, #educational .owl-buttons .owl-next{top:52%;}
    #educational .owl-buttons .owl-next{width:30px; height:30px; background-size:cover; right:-20px;}
    #educational .owl-buttons .owl-prev{width:30px; height:30px; background-size:cover; left:-20px;}
    #news-section h3{font-size:107%; line-height:15px;}
    #career-donation .column h2{font-size:192%;}
    .filter-tabs{margin-bottom:30px;}
    #career-donation .career, #career-donation .donation {display: table-cell; float: none; vertical-align: top;}
    #career-donation .column {width: 100%; padding: 20px 0;}
    #awards-recognition .box{margin-bottom:30px;}
    #news-section .news{min-height:236px;}
    footer .top .contact-us{margin-left:0;}
    footer .top h2{font-size:118%;}
    footer .top .contact-us p{font-size:86.7%;}
    #our-gallery h2::before,#news-section h2::before{width:75px;}
    .btn-bg{width:118px; font-size:115%;}

    .inner-content{padding:60px 0;}
    .inner-content .main-title{font-size:140%; padding:8px 15px;}
    .inner-content .title-bg{min-width:144px; top:-34px;}
    .inner-content h2::before{width:60px;}
    .inner-content h2{font-size:161%;}
    .inner-content h3{font-size:145%;}
    #news .news{min-height:276px;}
    ul.logo-list li{font-size:110%;}
    #news h3{font-size:128%; line-height:22px;}
    #main-title{top:0; margin:0;}
    #apply h2::before{width:70px;}
    .heading-line{width:70px; margin:0;}
    #educational h3{font-size:115%;}
    #frmCareer .form-group{margin-bottom:25px;}
    #main-heading .col-sm-6{width:100%;}
    .breadcrumb{float:none;}

    #inner-slider .item,#inner-slider{height:auto;}	
}


@media only screen and (max-width:767px)
{
    body {font-size: 13px;}
    #top-menu{display: block;}
    #top-menu ul li,#main-menu ul li{display: block;}
    #main-menu{display: none;}

    #mobile-menu #main-menu, #mobile-menu #top-menu{display:block !important; height:auto; background:transparent; padding:0;}
    #mobile-menu #top-menu{margin-bottom:0;}
    #mobile-menu .navbar-brand-centered{display:none;}

    #wrapper{ width:100%; position:relative; box-shadow:0 0 10px 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px 10px rgba(0,0,0,.2);  z-index:10; background:#fff;  }
    #mobile-menu-icon{ display:block; position:absolute; right:30px; top: 50px; width:30px; height:30px; background:url(../images/nav-icon.png) no-repeat 0 0;}

    body#page{overflow-x: hidden; position: relative; right: 0;}
    body#page.active {left:0;}
    body#page.active #header{ right:250px;}

    #header{ height:auto;}
    #header #main-menu,#header #top-menu .top-nav{ display:none !important;} 
    #header .navbar-brand{display:block; margin:15px 0 0;}
    #header .navbar-brand img{width:120px; margin-left:0;}
    #header .container{ width: 100%;}

    #mobile-menu{position: fixed; width: 250px; top: 0; height:100%; z-index:2; overflow-y: scroll; background-color:#444d56; right: -250px;}
    #mobile-menu.active{right:-250px;}
    #mobile-menu #main-menu{ display:block !important;}

    #main-menu ul{ margin:0;}
    #main-menu{ float:none; padding:0; border: none; box-shadow: none;}
    #main-menu ul,#top-menu ul{ float:none !important;} 
    #main-menu ul li,#top-menu ul li{ float:none; padding:0; margin:0; border:none; position:relative; border-bottom:1px solid #283230;}
    #main-menu ul li ul li ul{ border:none;}
    #main-menu ul li a, #top-menu ul li a{ text-transform:capitalize; text-align:left; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:100%; border-bottom:none; padding:12px 20px; display:block; color:#fff; text-transform:none; font-weight:400; background-color:#444D56; margin-bottom:0;}
    #main-menu ul li ul li a, #top-menu ul li ul li a{border-bottom:none; color:#f0f0f0; font-size:100%; text-decoration:none;}
    #top-menu ul li a:hover, #top-menu ul li.active > a,#main-menu ul li.active > a, #main-menu ul li a:hover, #main-menu ul li a:focus, #main-menu ul li a:active{background:#f58220; color:#fff;}
    #main-menu ul li ul li a:hover,#top-menu ul li ul li a:hover{ color: #f0f0f0;  background-color:#eb7d1f;}
    #main-menu ul li > a:hover, #main-menu ul li.active > a, #top-menu ul li a:hover, #main-menu ul li > a:hover, #main-menu ul li.active > a, #top-menu ul li a:hover{ color:#fff; border-bottom:none; background-color:#eb7d1f;}
    #main-menu ul li.changebg > a , #top-menu ul li.changebg > a{ color:#fff;  background-color:#eb7d1f;}
    #main-menu ul li ul li ul li a, #top-menu ul li ul li ul li a{border-bottom:none;}
    #main-menu ul li:hover > a , #top-menu ul li:hover > a{ border-bottom:none;}
    #main-menu ul li a .submenu, #top-menu ul li a .submenu{ position:absolute; width:42px; height:42px; right:0; top:1px; display:block;  cursor:pointer; -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out; }
    #main-menu ul li a .submenu:before,#main-menu ul li a .submenu:after, #top-menu ul li a .submenu:before,#top-menu ul li a .submenu:after{ content:""; background-color:#fff; display:block;  -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out; }
    #main-menu ul li a .submenu:before , #top-menu ul li a .submenu:before{ width:2px; height:15px; position:relative; left:20px; top:12px;}
    #main-menu ul li a .submenu:after , #top-menu ul li a .submenu:after{ width:15px; height:2px; position:relative; left:13px; top:4px;}
    #main-menu ul li.changebg>a>.submenu:before, #top-menu ul li.changebg>a>.submenu:before { transform:rotate(-90deg);}
    #main-menu ul li.changebg>a>.submenu:after, #top-menu ul li.changebg>a>.submenu:after { display:none;}

    #main-menu ul li > ul , #top-menu ul li > ul{ padding:0; border:none;}
    #main-menu ul li.submenu-one:hover > ul , #top-menu ul li.submenu-one:hover > ul{ top:0;}
    #main-menu ul li.submenu-one ul, #top-menu ul li.submenu-one ul{margin-bottom: -1px;}
    #main-menu ul li ul,#main-menu ul li:hover>ul,#main-menu ul li ul li ul,#main-menu ul li ul li:hover>ul,#top-menu ul li ul,#top-menu ul li:hover>ul,#top-menu ul li ul li ul,#top-menu ul li ul li:hover>ul{ width:auto; display:none; opacity:1; position:relative; left:0; top:0; visibility:visible; transition:none; box-shadow:none;}
    #main-menu ul li ul li a,#top-menu ul li ul li a{ padding:12px 30px;}
    #main-menu ul li ul li ul li a,#top-menu ul li ul li ul li a{padding:12px 40px;}
    #main-menu ul li ul li,#top-menu ul li ul li{ border-bottom:1px solid #283230;}
    #top-menu ul li a:hover, #top-menu ul li:hover>a{background-color: #f58220; color: #fff; border-radius: 4px 4px 0 0;}
    #top-menu ul li ul li ul{border-bottom:none;}
    #top-menu ul li a:hover, #top-menu ul li:hover>a, #top-menu ul li.active:hover a { border-radius: 0;}
    #top-menu ul.navbar-right li{margin:0;}
    #inner-slider .item,#inner-slider{height:auto;}	

    #banner{margin:0 auto; top:0; height:420px;}
    #banner ul,#banner ul li{height:420px;}
    #banner .banner-txt h1{font-size:190%;}
    #banner .banner-txt{top:132px; left:56px;}
    #banner-pager{top:-114px;}
    #banner-pager a{width:110px;}
    #about-us{padding:50px 0;}
    #about-us,#educational,#client,#our-gallery{height:auto;}
    #about-us .services{height:615px; margin-bottom:40px;}
    #about-us .services .title{bottom:45px;}
    #services{position:relative;  top:0; }
    #services .benefits{width:47%; margin-bottom:30px;}
    #services .benefits img{margin:0 auto;}
    #services .benefits .title{margin:0 auto; width:220px; font-size:106.6%; padding:6px 0;}
    #educational h3{font-size:135%;}
    #educational .owl-buttons .owl-prev, #educational .owl-buttons .owl-next{background-size:cover; height:30px; width:30px;}
    #educational .owl-buttons .owl-next{right:0;}
    #educational .owl-buttons .owl-prev{left:0;}
    #news-section .news,#client .client{margin-bottom:50px;}
    #our-gallery .category{right:64px;}
    #about-us #divider{margin:35px 0;}

    #our-gallery .item{margin-bottom:30px;}
    #news-section .btn-read{margin-top:0;}
    #news-section,#our-gallery{padding:50px 0;}
    #news-section h3{margin-bottom:10px;}
    footer .top .contact-us{margin-left:0;}
    .heading-line,.inner-content h2::before{display:none;}
    .inner-content{padding:30px 0;}
    .inner-content .main-title{font-size:180%; padding:6px 10px;}
    .inner-content .title-bg{min-width:158px; top:-36px;}
    #main-title{top:0; margin:0;}
    .inner-content h3{font-size:156%;}
    .breadcrumb{float:none; display: none;}
    #main-heading{padding:15px 0;}
    #main-heading h2{margin:0;}

    #about-us h2::before,#news-section h2::before,#our-gallery h2::before{width:75px;}
    .team{margin:0 0 30px;}
    .team img{margin:0 auto;}
    .team h2{text-align:center;}
    .team h2::before{display:none;}
    #news .news{min-height:346px;}

    #awards-recognition .box{background:transparent; width:auto;}
    #awards-recognition .box img{margin:15px auto;}
    #awards-recognition .box .content{font-size:130%; left:15px;}
    footer .top a img{margin:0 auto;}
    footer .bottom,footer .bottom .designed{text-align:center !important;}
    .btn-bg{min-width:135px; max-width:320px;}

    #inner-slider{border:1px solid #bfbfbf;}
    #inner-slider .item{ border:none; display:block; margin-left:0;}

    ul.dates li {display: block; width: 100%;}
    .row-eq-height {display: block;}

    .fancybox-inner {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }
    .fancybox-inner iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .donation-options {display: block;}
    .donation-options [class^='col'] .item {border-left: none; border-top: 1px solid #ccc;}
    .timeline-content.inner-content h2 {font-size: 150%;}
    .cd-timeline__img .text {font-size: inherit !important; top: 12px !important;}
    .cd-timeline__content ul li {line-height: inherit !important;}
}

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

    #inner-slider .item img{width:100%;}

}

@media only screen and (min-width: 320px) and (max-width:480px)
{
    #header .navbar-brand{margin-left:0;}
    #header .navbar-brand img{width:68px;}
    #mobile-menu-icon{top:34px;}
    #about-us #divider span::before{margin-right:20px;}
    #about-us #divider span::after{margin-left:20px;}
    #banner-pager{top:-75px;}
    #banner .banner-txt{top:130px; left:40px; }
    #banner .banner-txt h1{font-size:150%;}
    #services .benefits{width:100%;}
    #about-us h2::before{width:65px;}
    #about-us .services{height:341px;}
    #educational h2,#client h2{font-size:34px;}
    #client h2 span{margin-top:10px;}
    #about-us .services .title{bottom:22px;}
    #our-gallery h2{margin-bottom:40px;}
    footer .bottom{font-size:86.7%;}
    #awards-recognition h2::before{width:65px;}
    #awards-recognition h2{font-size:25px;}
    #news-section [class^="col-"],.portfolioContainer [class^="col-"]{width:100%;}
    #news-section .news{padding:0 35px;}
    #about-us #divider span::before, #divider span::after, #news-section h2::before{width:60px}
    #our-gallery .gallery-box img{margin:0 auto;}
    #banner-pager a{width:69px;}
    #educational .owl-buttons .owl-prev, #educational .owl-buttons .owl-prev{left:-6px;}
    #educational .owl-buttons .owl-prev, #educational .owl-buttons .owl-next{right:-6px;}
    .activity-gallery .item .col-xs-6{width:100%;}
    #news-section .news{min-height:290px; margin:0 0 30px;}
    #news-section h3{font-size:109%;}
    #educational h3{margin:10px  0 0;}
    #about-us h2::before, #news-section h2::before, #our-gallery h2::before{display:none;}
    footer .top .contact-details {margin-top: 0;}
    footer .top h2{font-size:127%;}
    footer .top a img{width:100px;}
    ul.logo-list li{font-size:109%; margin:0 0 4px;}
    .gallery [class^="col-"],.opening  [class^="col-"]{width:100%;}
    #testimonials h2{font-size:136%;}
    .inner-content h3{font-size:126%; margin:20px 0 10px;}
    #btn-wrap a{margin:0 22px 20px;}
    #btn-wrap a.btn-bg{width:75px; min-width:auto; max-width:auto; margin-right:50px;}
    #btn-wrap{padding-left:0;}



}

@media only screen and (min-width:320px) and (max-width:767px)
{
    #educational {height: auto;}
    #educational .activity-gallery .item {max-width: 90%; margin: 0 auto;}
    #career-donation .career, #career-donation .donation {height: auto;}
    #career-donation .column {width: 100%; padding: 20px;}
    #news-marquee {height: auto;}
}

@media only screen and (max-width: 480px) and (orientation : landscape)
{
    #mobile-menu-icon{top:38px;}
    #banner-pager{top:-78px;}
    #header .navbar-brand{margin-left:0;}
    #header .navbar-brand img{width:70px;}
    #banner .banner-txt{top:200px; left:48px}
    #banner .banner-txt h1{font-size:140%;}
    #banner-pager a{width:95px;}
    #about-us h2::before{width:90px;}
    #awards-recognition h2::before,#news-section h2::before,#our-gallery h2::before{width:65px;}
    #about-us .services{height:461px;}
    #client h2 span{margin-top:10px;}
    #about-us .services .title{bottom:35px;}
    #career-donation .column h2{font-size:170%; margin-bottom:20px;}
    #career-donation .donation h3{font-size:130%;}
    #awards-recognition .box .content{font-size:121%; left:33px;}
    #awards-recognition .box.reports .title{font-size:180%; line-height:28px;}
    #awards-recognition .box.reports .btn{font-size:130%; padding:10px;}
    #our-gallery .category{right:32px;}
    footer .top .col-xs-6{width:100%;}
    .inner-content h3{font-size:130%;}
    ul.logo-list li{font-size:110%;}
    #btn-wrap a{margin:0 22px 20px;}
    #btn-wrap a.btn-bg{width:75px; min-width:auto; max-width:auto; margin-right:50px;}
    #btn-wrap{padding-left:0;}
} 

@media only screen and (max-width: 320px) and (orientation : portrait)
{
    #mobile-menu-icon{top:40px;}
    #banner .banner-txt h1,.inner-content .main-title{font-size:150%;}
    #header .navbar-brand img{width:70px;}
    #mobile-menu-icon{top:38px;}
    #about-us h2::before, #about-us #divider span::before, #divider span::after, #news-section h2::before,#our-gallery h2::before,#awards-recognition h2::before{width:50px;}
    #about-us .services{height:296px;}
    #about-us .services .title{bottom:22px; font-size:160%;}
    #news-section h3{font-size:113%; line-height:18px;}
    #news-section [class^="col-"]{width:100%;}
    #news-section .news{padding:0 20px;}
    #educational h2, #client h2{font-size:28px;}
    #educational h2 span{font-size:14px; margin-top:10px;}
    #news-section h3{margin-bottom:10px;}
    #news-section .btn-read{ margin-top:10px; }
    #awards-recognition h2{font-size:22px;}
    #our-gallery .category{right:48px;}
    #awards-recognition .box.reports .btn{font-size:120%;}
    #news-section{padding:50px 0;}
    #news-section .news{min-height:288px;}
    #banner-pager a{width:59px;}
    #btn-wrap a.btn-bg{margin-right:30px;}
}