@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
h1, h2{ font-size: 24px; line-height: 28px; }
h3{ font-size: 24px; line-height: 30px; margin-bottom: 15px; }
h4{ font-size: 14px; line-height: 18px; }

.section-title{ margin-bottom: 50px; }
.section-title:before{ width: 12px; height: 12px; bottom: -30px; }

ul li, ol li { font-size: 14px; line-height: 22px; }
p{ font-size: 14px; line-height: 22px; margin-bottom: 15px; }
footer.main-footer{ width: 100%; padding: 20px 0 20px; }
.contact-cell a, .contact-cell span{ font-size: 14px; line-height: 17px; }
.contact-cell:after{ width: 25px; height: 25px; }
.contact-cell{ margin-bottom: 15px; padding-right: 30px; }
.email:after{ top: -2px; }
.address:after{ top: -2px; }
.footer-logo{ margin-bottom: 10px; max-width: 135px; }
.social-icon-cell ul li{ margin-right: 15px; }
.call:after{ top: -2px; }
footer.main-footer .social-icon-cell ul li a:before, footer .social-icon-cell ul li a:after{ display: none; }
.footer-bottom{ padding: 10px 10px; }
.create{ font-size: 13px; line-height: 15px; width: 100%; text-align: center; padding-top: 15px; }
.copy-right{ font-size: 13px; line-height: 15px; width: 100%; text-align: center; }
#totop{ bottom: 20px; right: 20px; width: 26px; height: 44px; }
.create span{ margin-right: 0; display: block; padding-bottom: 5px; }
.container{ padding: 0 3%; box-sizing: border-box; }
.brand { max-width: 140px; }
nav ul li{ font-size: 13px; line-height: 13px; margin: 0 8px; }
nav ul li:last-child{ padding-bottom: 0; }
nav ul li:first-child{ margin-left: 0; }
.header-right-push{ display: none; }
.header-right-push{ margin-top: 9px; }
.slick-prev, .slick-next{ opacity: 1; width: 25px; height: 25px; }
.banner .slick-prev{ margin-left: 35px; }
.banner .slick-next{ margin-right: 35px; } 
.banner-desc{ padding-top: 40px; max-width: 250px; }
.banner .slick-next:before{ font-size: 12px; left: 5px; top: 10px; }
.banner .slick-prev:before{ font-size: 12px; left: 5px; top: 10px; }
.banner .slick-dots{ bottom: 10px; padding-left: 10px; }
.banner .slick-dots li button{ font-size: 9px; width: 19px; height: 19px; font-weight: 300; }
.banner-flash .slick-dots li{ width: 20px; height: 20px; margin: 0 3px; }
.banner-desc .big-title{ font-size: 17px; line-height: 22px; margin-bottom: 5px; }
.banner-desc .small-text{ font-size: 13px; line-height: 18px; margin-bottom: 5px; max-width: 300px; }
.banner-flash .slick-slide > div, .banner-flash .slick-slide > div > div { height: 300px; }
.banner{ height: 300px; }
.banner .slick-prev, .banner .slick-next{ top: 54%; }
.btn{ padding: 8px 14px; font-size: 11px; line-height: 11px; border-top-left-radius: 13px;   border-bottom-right-radius: 13px; }
.about-us-section{ padding: 25px 0 75px 0; }
.about-us-section .col-left{ width: 97%; padding-left: 0; margin-bottom: 30px; }
.about-us-section .col-right{ width: 100%; }
.about-us-section:after{ width: 280px; height: 63px; bottom: 15px; }
.section-title:after{ width: 120px; }
.core-sectors{ padding: 25px 0 25px 0; }
.service-cell{ width: 49%; height: 230px; }
.overlayer .back-bottom{ padding: 15px 10px 15px 10px; }
.services-block-area .service-cell:nth-child( 4n + 4 ){ margin-right: 0; }
.services-block-area .service-cell:nth-child( 3n + 3 ){ margin-right: 4px; }
.services-block-area .service-cell:nth-child( 2n + 2 ){ margin-right: 0; }
.front-cell{ padding: 0 10px; }
.front-cell figure i{ max-height: 28px; font-size: 28px; }
.front-cell figure{ margin-bottom: 2px; }
.front-cell h4{ margin-bottom: 15px; }
.overlayer .back-cell{ padding: 15px 10px; }
.overlayer .content p{ font-size: 13px; line-height: 19px; margin-bottom: 10px; display: none; }
.contact-info{ width: 100%; padding-top: 20px; padding-bottom: 10px; }
.learn-btn{ font-size: 13px; line-height: 13px; }
.learn-btn:after{ bottom: -5px; width: 80px; height: 1px; }
.overlayer .back-cell figure i{ max-height: 28px; font-size: 28px; }
.overlayer .back-cell figure{ margin-bottom: 2px; }
.core-sectors:before{ right: 10px; top: 20px; width: 300px; height: 290px; }
.person figure:after{ left: 10px; right: 5px; top: 15px; bottom: -10px; }
.person:hover figure:after{ left: -10px; top: -10px; right: 15px; bottom: 15px; }
.mb-toggled.mb-closed{ display: block; }
#mobile-menu .navbar{ width: 240px; }
.menu-trigger{ right: 240px; }
.inner-banner{ height: 115px; padding-top: 45px; }
.banner-title{ font-size: 20px; line-height: 24px; }
.inner-banner-desc{ top: calc( 50% + 22px ); }
.row-section{ padding: 25px 0 25px 0; }
.left-push{ padding-right: 0px; width: 100%; }
.right-push{ width: 100%; }
.row-section.white-text{ margin-top: 0; }
.row-section.white-text .center-img{ margin-top: 0; }
.section-title{ margin-bottom: 45px; }
.event-slider-arrow .left-arrow, .event-slider-arrow .right-arrow{ width: 40px; height: 40px; margin-right: 10px; }
.event-slider-arrow .right-arrow:after{ top: 14px; right: 12px; }
.event-slider-arrow .left-arrow:after{ top: 14px; right: 12px; }
.video-cell figure:before{ width: 50px; height: 50px; }
.section-title:after{ width: 120px; }
.two-tab-group{ padding: 25px 0; }
.tab-group ul li{ font-size: 15px; line-height: 20px; padding: 11px 13px; }
.two-tab-group .left-push{ width: 100%; }
.two-tab-group .right-push{ width: 100%; padding-top: 20px; }
.services-area .section-title h2{ font-size: 20px; line-height: 26px; }
.group-row{ padding: 0; }
.contact-two-cell .col-left{ width: 100%; margin-left: 0; margin-bottom: 10px; }
.contact-two-cell .col-right{ margin-right: 0; width: 100%; }
.map{ height: 250px; width: 100%; }
.contact-info-area{ padding: 25px 0; }
.contact-info-area .col-4{ margin-bottom: 20px; width: 100%; padding-right: 0; }
.contact-two-cell{ padding-bottom: 25px; }
.contact-two-cell .contact-form{ max-width: 100%; }
textarea{ height: 100px; }
input[type="submit"], input[type="button"], input[type="reset"]{ padding: 11px 30px; font-size: 13px; line-height: 13px; height: 38px; }
.social-icon-cell ul li a:before{ display: none; }
.social-icon-cell ul li a:after{ display: none; }
.contact-info-area .col-4:last-child{ margin-bottom: 0; }
.contact-form .field-cell{ margin-bottom: 15px; }

.latest-post-section{ padding: 25px 0 25px 0; }
.pagination .pagination-group{ margin-top: 15px; }
.blog-inner { padding: 15px 15px 10px 15px; }
.blog-title { margin-bottom: 10px; font-size: 16px; }
.entry-footer { font-size: 14px; }
.latest-post-area{ width: 100%; margin-bottom: 22px; }
.post-sidebar{ width: 100%; }
.latest-post-area .latest-post-inner .col-4 { width: 100%; margin-right: 0; margin-bottom: 10px; }
.latest-post-area .comments-area { padding: 10px 0; }
.navigation.post-navigation .nav-links .nav-next a { padding: 20px 30px 20px 15px; }
.navigation.post-navigation .nav-links .nav-previous a { padding: 20px 15px 20px 30px; }
.navigation.post-navigation .nav-links .post-title { font-size: 14px; line-height: 20px; }
.navigation.post-navigation .nav-links .svg-icon { top: 19px; }
.post-date { font-size: 14px; }
.pagination-group li a, .pagination-group li span, .pagination-group li .current { min-width: 22px; height: 32px; }
.pagination-group li{ line-height: 15px; padding: 3px; }
.navigation.post-navigation .nav-links .svg-icon { left: 6px }
.search-cell { padding: 20px 15px; }
.widget_search .wp-block-search__input{ height: 30px; }
.widget_search .wp-block-search__button{ padding: 11px 12px; font-size: 12px; height: 30px; }
.comments-area h2 { font-size: 17px; line-height: 22px; }
.comment-reply-link, #cancel-comment-reply-link, .post-edit-link { padding: 11px 20px; font-size: 12px; }
#cancel-comment-reply-link{ margin-left: 10px; }
.latest-post-area .entry-title{ font-size: 18px; line-height: 24px; margin-bottom: 15px; }
.header-right-push nav ul li:after{ bottom: -36px; }
.header-right-push nav ul li ul { top: 34px; }
.navigation.post-navigation .nav-links .nav-next .svg-icon{ right: 6px; }
.entry-content h3{ font-size: 16px; line-height: 21px; margin-bottom: 10px; }
.page-title{ font-size: 18px; line-height: 24px; }

.faq-que { font-size: 14px; line-height: 18px; }
.purpose-table { font-size: 14px; }
.purpose-table{ overflow: scroll; }
.purpose-table table{ min-width: 650px; }
.faq-ans { padding: 0 15px 10px 16px; }
.faq-que:before{ font-size: 17px; }
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {

h1, h2{ font-size: 26px; line-height: 28px; }
h3{ font-size: 24px; line-height: 30px; margin-bottom: 15px; }
h4{ font-size: 14px; line-height: 18px; }

ul li, ol li { font-size: 14px; line-height: 22px; }
.section-title{ margin-bottom: 40px; }
.section-title:before{ width: 12px; height: 12px; bottom: -25px; }
.section-title:after{ height: 2px; bottom: -10px; }

p{ font-size: 14px; line-height: 22px; margin-bottom: 15px; }
footer.main-footer{ width: 100%; padding: 20px 0 20px; }
.contact-cell a, .contact-cell span{ font-size: 14px; line-height: 17px; }
.contact-cell:after{ width: 25px; height: 25px; }
.contact-cell{ margin-bottom: 15px; padding-right: 30px; }
.email:after{ top: -2px; }
.address:after{ top: -2px; }
.footer-logo{ margin-bottom: 20px; max-width: 170px; }
.social-icon-cell ul li{ margin-right: 20px; }
.call:after{ top: -2px; }
footer.main-footer .social-icon-cell ul li a:before, footer .social-icon-cell ul li a:after{ display: none; }
.footer-bottom{ padding: 10px 10px; }
.create{ font-size: 13px; line-height: 15px; }
.copy-right{ font-size: 13px; line-height: 15px; }
#totop{ bottom: 20px; right: 20px; width: 26px; height: 44px; }

.container{ padding: 0 2%; box-sizing: border-box; }
.brand { max-width: 170px; }
nav ul li{ font-size: 13px; line-height: 13px; margin: 0 8px; }
nav ul li:last-child{ padding-bottom: 0; }
nav ul li:first-child{ margin-left: 0; }
.header-right-push{ display: none; }
.header-right-push{ margin-top: 9px; }
.slick-prev, .slick-next{ opacity: 1; width: 35px; height: 35px; }
.banner .slick-prev{ margin-left: 40px; }
.banner .slick-next{ margin-right: 40px; } 
.banner .slick-next:before{ font-size: 15px; left: 9px; top: 15px; }
.banner .slick-prev:before{ font-size: 15px; left: 9px; top: 16px; }
.banner .slick-dots{ bottom: 15px; padding-left: 15px; }
.banner .slick-dots li button{ font-size: 11px; width: 20px; height: 20px; }
.banner-flash .slick-dots li{ width: 20px; height: 20px; margin: 0 3px; }
.banner-desc .big-title{ font-size: 28px; line-height: 32px; margin-bottom: 10px; }
.banner-desc .small-text{ font-size: 14px; line-height: 18px; margin-bottom: 15px; max-width: 380px; }
.banner-flash .slick-slide > div, .banner-flash .slick-slide > div > div { height: 380px; }
.banner{ height: 380px; }
.banner .slick-prev, .banner .slick-next{ top: 54%; }
.btn{ padding: 11px 22px; font-size: 13px; line-height: 13px; }

.about-us-section{ padding: 35px 0 15px 0; }
.about-us-section .col-left{ width: 40%; }
.about-us-section .col-right{ width: 56%; }
.about-us-section:after{ width: 500px; height: 100px; }
.core-sectors{ padding: 30px 0 30px 0; }
.service-cell{ width: 32.9%; height: 280px; }
.overlayer .back-bottom{ padding: 15px 10px 21px 10px; }
.services-block-area .service-cell:nth-child( 4n + 4 ){ margin-right: 4px; }
.services-block-area .service-cell:nth-child( 3n + 3 ){ margin-right: 0; }
.front-cell{ padding: 0 10px; }
.front-cell figure i{ max-height: 28px; font-size: 28px; }
.front-cell figure{ margin-bottom: 2px; }
.front-cell h4{ margin-bottom: 15px; }
.overlayer .back-cell{ padding: 15px 10px; }
.overlayer .content p{ font-size: 13px; line-height: 19px; margin-bottom: 10px; }
.learn-btn{ font-size: 13px; line-height: 13px; }
.learn-btn:after{ bottom: -5px; width: 80px; height: 1px; }
.overlayer .back-cell figure i{ max-height: 28px; font-size: 28px; }
.overlayer .back-cell figure{ margin-bottom: 2px; }
.core-sectors:before{ right: 10px; top: 25px; width: 400px; height: 390px; }
.person figure:after{ left: 10px; right: 5px; top: 15px; bottom: -10px; }
.person:hover figure:after{ left: -10px; top: -10px; right: 15px; bottom: 15px; }
.mb-toggled.mb-closed{ display: block; top: 17px; }
#mobile-menu .navbar{ width: 300px; }
.menu-trigger{ right: 300px; }
.inner-banner{ height: 255px; }
.banner-title{ font-size: 34px; line-height: 38px; }
.inner-banner-desc{ top: calc( 50% + 22px ); }
.row-section{ padding: 35px 0 35px 0; }
.left-push{ padding-right: 20px; }
.row-section.white-text{ margin-top: 40px; }
.row-section.white-text .center-img{ margin-top: -75px; }
.section-title{ margin-bottom: 45px; }
.event-slider-arrow .left-arrow, .event-slider-arrow .right-arrow{ width: 40px; height: 40px; }
.event-slider-arrow .right-arrow:after{ top: 14px; right: 12px; }
.event-slider-arrow .left-arrow:after{ top: 14px; right: 12px; }
.video-cell figure:before{ width: 50px; height: 50px; }
.section-title:after{ width: 120px; }

.two-tab-group{ padding: 35px 0; }
.tab-group ul li{ font-size: 15px; line-height: 20px; padding: 11px 13px; }
.two-tab-group .left-push{ width: 40%; }
.two-tab-group .right-push{ width: 60%; }
.services-area .section-title h2{ font-size: 23px; line-height: 28px; }
.contact-two-cell .col-left{ width: 100%; margin-left: 0; }
.contact-two-cell .col-right{ margin-right: 0; width: 100%; }
.map{ height: 300px; width: 100%; }
.contact-info-area{ padding: 35px 0; }
.contact-info-area .col-4{ margin-bottom: 0; }
.contact-two-cell{ padding-bottom: 35px; }
.contact-two-cell .contact-form{ max-width: 100%; }
textarea{ height: 100px; }
input[type="submit"], input[type="button"], input[type="reset"]{ padding: 11px 30px; font-size: 13px; line-height: 13px; height: 38px; }

.latest-post-section{ padding: 35px 0 35px 0; }
.pagination .pagination-group{ margin-top: 15px; }
.blog-inner { padding: 15px 15px 10px 15px; }
.blog-title { margin-bottom: 10px; }
.entry-footer { font-size: 14px; }
.latest-post-area{ width: 55%; }
.post-sidebar{ width: 42%; }
.latest-post-area .latest-post-inner .col-4 { width: 100%; margin-right: 0; margin-bottom: 20px;
}
.latest-post-area .comments-area { padding: 10px 0; }
.navigation.post-navigation .nav-links .nav-next a { padding: 25px 40px 25px 15px; }
.navigation.post-navigation .nav-links .nav-previous a { padding: 25px 15px 25px 40px; }
.navigation.post-navigation .nav-links .post-title { font-size: 16px; line-height: 22px; }
.navigation.post-navigation .nav-links .svg-icon { top: 24px; }
.post-date { font-size: 14px; }
.pagination-group li a, .pagination-group li span, .pagination-group li .current { min-width: 22px; height: 32px; }
.pagination-group li{ line-height: 15px; padding: 3px; }
.search-cell { padding: 20px 15px; }
.widget_search .wp-block-search__input{ height: 30px; }
.widget_search .wp-block-search__button{ padding: 11px 12px; font-size: 12px; height: 30px; }
.comments-area h2 { font-size: 17px; line-height: 22px; }
.comment-reply-link, #cancel-comment-reply-link, .post-edit-link { padding: 11px 20px; font-size: 12px; }
#cancel-comment-reply-link{ margin-left: 10px; }
.latest-post-area .entry-title{ font-size: 22px; line-height: 26px; }
.header-right-push nav ul li:after{ bottom: -36px; }
.header-right-push nav ul li ul { top: 34px; }

.entry-content h3{ font-size: 18px; line-height: 22px; margin-bottom: 10px; }
.faq-que { font-size: 14px; line-height: 18px; }
.purpose-table { font-size: 14px; }

}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {

h1, h2{ font-size: 28px; line-height: 30px; }
h3{ font-size: 26px; line-height: 30px; }
h4{ font-size: 16px; line-height: 20px; }

.section-title{ margin-bottom: 50px; }
.section-title:before{ width: 12px; height: 12px; bottom: -28px; }

p{ font-size: 14px; line-height: 22px; margin-bottom: 15px; }
ul li, ol li { font-size: 14px; line-height: 22px; }
footer.main-footer{ width: 100%; padding: 30px 0 30px; }
.contact-cell a, .contact-cell span{ font-size: 14px; line-height: 17px; }
.contact-cell:after{ width: 25px; height: 25px; }
.contact-cell{ margin-bottom: 15px; padding-right: 30px; }
.email:after{ top: -2px; }
.address:after{ top: -2px; }
.footer-logo{ margin-bottom: 20px; max-width: 170px; }
.social-icon-cell ul li{ margin-right: 20px; }
.call:after{ top: -2px; }
footer.main-footer .social-icon-cell ul li a:before, footer .social-icon-cell ul li a:after{ display: none; }
.footer-bottom{ padding: 15px 15px; }
.create{ font-size: 13px; line-height: 15px; }
.copy-right{ font-size: 13px; line-height: 15px; }
#totop{ bottom: 20px; right: 20px; width: 26px; height: 44px; }

.container{ padding: 0 2%; box-sizing: border-box; }
.brand { max-width: 170px; }
nav ul li{ font-size: 13px; line-height: 13px; margin: 0 8px; }
nav ul li:last-child{ padding-bottom: 0; }
nav ul li:first-child{ margin-left: 0; }
.header-right-push{ margin-top: 9px; }
.slick-prev, .slick-next{ opacity: 1; width: 35px; height: 35px; }
.banner .slick-prev{ margin-left: 40px; }
.banner .slick-next{ margin-right: 40px; } 
.banner .slick-next:before{ font-size: 15px; left: 9px; top: 15px; }
.banner .slick-prev:before{ font-size: 15px; left: 9px; top: 16px; }
.banner .slick-dots{ bottom: 15px; padding-left: 15px; }
.banner .slick-dots li button{ font-size: 11px; width: 20px; height: 20px; }
.banner-flash .slick-dots li{ width: 20px; height: 20px; margin: 0 6px; }
.banner-desc .big-title{ font-size: 28px; line-height: 32px; margin-bottom: 15px; }
.banner-desc .small-text{ font-size: 14px; line-height: 18px; margin-bottom: 15px; max-width: 500px; }
.banner-flash .slick-slide > div, .banner-flash .slick-slide > div > div { height: 500px; }
.banner{ height: 500px; }
.banner .slick-prev, .banner .slick-next{ top: 54%; }
.btn{ padding: 11px 22px; font-size: 13px; line-height: 13px; }

.about-us-section{ padding: 40px 0 40px 0; }
.about-us-section .col-left{ width: 40%; }
.about-us-section .col-right{ width: 55%; }
.about-us-section:after{ width: 500px; height: 100px; }

.core-sectors{ padding: 40px 0 40px 0; }

.service-cell{ width: 32.9%; height: 340px; }
.overlayer .back-bottom{ padding: 15px 10px 21px 10px; }
.services-block-area .service-cell:nth-child( 4n + 4 ){ margin-right: 4px; }
.services-block-area .service-cell:nth-child( 3n + 3 ){ margin-right: 0; }
.front-cell{ padding: 0 10px; }
.front-cell figure i{ max-height: 35px; font-size: 35px; }
.front-cell figure{ margin-bottom: 10px; }
.front-cell h4{ margin-bottom: 15px; }
.overlayer .back-cell{ padding: 15px 10px; }
.overlayer .content p{ font-size: 15px; line-height: 20px; margin-bottom: 15px; }
.learn-btn{ font-size: 14px; line-height: 14px; }
.learn-btn:after{ bottom: -8px; width: 87px; height: 2px; }
.overlayer .back-cell figure i{ max-height: 35px; font-size: 35px; }
.overlayer .back-cell figure{ margin-bottom: 5px; }
.core-sectors:before{ right: 30px; top: 30px; width: 500px; height: 490px; }
.person figure:after{ left: 10px; right: 5px; top: 15px; bottom: -10px; }
.person:hover figure:after{ left: -10px; top: -10px; right: 15px; bottom: 15px; }

.inner-banner{ height: 300px; }
.banner-title{ font-size: 34px; line-height: 38px; }
.inner-banner-desc{ top: calc( 50% + 22px ); }
.row-section{ padding: 40px 0 40px 0; }
.left-push{ padding-right: 15px; }
.row-section.white-text{ margin-top: 40px; }
.row-section.white-text .center-img{ margin-top: -75px; }
.section-title{ margin-bottom: 55px; }
.event-slider-arrow .left-arrow, .event-slider-arrow .right-arrow{ width: 40px; height: 40px; }
.event-slider-arrow .right-arrow:after{ top: 14px; right: 12px; }
.event-slider-arrow .left-arrow:after{ top: 14px; right: 12px; }
.video-cell figure:before{ width: 50px; height: 50px; }
.section-title:after{ width: 135px; }

.two-tab-group{ padding: 40px 0; }
.tab-group ul li{ font-size: 16px; line-height: 20px; padding: 15px 15px; }

.contact-two-cell .col-left{ width: 47%; margin-left: 0; }
.contact-two-cell .col-right{ margin-right: 0; }
.map{ max-height: 460px; }
.contact-info-area{ padding: 40px 0; }
.contact-info-area .col-4{ margin-bottom: 0; }
.contact-two-cell{ padding-bottom: 40px; }
textarea{ height: 100px; }
input[type="submit"], input[type="button"], input[type="reset"]{ padding: 11px 30px; font-size: 13px; line-height: 13px; height: 38px; }

.latest-post-section{ padding: 40px 0 40px 0; }
.pagination .pagination-group{ margin-top: 15px; }
.blog-inner { padding: 15px 15px 10px 15px; }
.blog-title { margin-bottom: 10px; }
.entry-footer { font-size: 14px; }
.latest-post-area .comments-area { padding: 10px 0; }
.navigation.post-navigation .nav-links .nav-next a { padding: 25px 40px 25px 15px; }
.navigation.post-navigation .nav-links .nav-previous a { padding: 25px 15px 25px 40px; }
.navigation.post-navigation .nav-links .post-title { font-size: 16px; line-height: 22px; }
.navigation.post-navigation .nav-links .svg-icon { top: 24px; }
.post-date { font-size: 14px; }
.pagination-group li a, .pagination-group li span, .pagination-group li .current { min-width: 22px; height: 32px; }
.pagination-group li{ line-height: 15px; padding: 3px; }
.search-cell { padding: 20px 15px; }
.widget_search .wp-block-search__input{ height: 30px; }
.widget_search .wp-block-search__button{ padding: 11px 12px; font-size: 12px; height: 30px; }
.comments-area h2 { font-size: 17px; line-height: 22px; }
.comment-reply-link, #cancel-comment-reply-link, .post-edit-link { padding: 11px 20px; font-size: 12px; }
#cancel-comment-reply-link{ margin-left: 10px; }
.latest-post-area .entry-title{ font-size: 22px; line-height: 26px; }
.header-right-push nav ul li:after{ bottom: -36px; }
.header-right-push nav ul li ul { top: 34px; }

.entry-content h3{ font-size: 18px; line-height: 22px; margin-bottom: 10px; }

.faq-que { font-size: 16px; line-height: 20px; }
 
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	
h1, h2{ font-size: 32px; line-height: 36px; }
h3{ font-size: 28px; line-height: 32px; }
h4{ font-size: 16px; line-height: 20px; }

p{ font-size: 15px; line-height: 23px; margin-bottom: 17px; }
footer.main-footer{ width: 100%; padding: 40px 0 35px 0; }
.contact-cell a, .contact-cell span{ font-size: 16px; line-height: 20px; }
.contact-cell:after{ width: 30px; height: 30px; }
.contact-cell{ margin-bottom: 30px; padding-right: 40px; }
.email:after{ top: -6px; }
.address:after{ top: -6px; }
.footer-logo{ margin-bottom: 35px; }
.social-icon-cell ul li{ margin-right: 30px; }

.container{ padding: 0 2%; box-sizing: border-box; }
.brand { max-width: 220px; }
nav ul li { font-size: 14px; line-height: 14px; margin: 0 13px; }
.header-right-push{ margin-top: 15px; }
.slick-prev, .slick-next{ opacity: 1; width: 35px; height: 35px; }
.banner .slick-prev{ margin-left: 50px; }
.banner .slick-next{ margin-right: 50px; } 
.banner .slick-next:before{ font-size: 15px; left: 9px; top: 15px; }
.banner .slick-prev:before{ font-size: 15px; left: 9px; top: 16px; }
.banner .slick-dots{ bottom: 20px; padding-left: 20px; }
.banner .slick-dots li button{ font-size: 11px; width: 20px; height: 20px; }
.banner-flash .slick-dots li{ width: 20px; height: 20px; margin: 0 6px; }
.banner-desc .big-title{ font-size: 34px; line-height: 36px; margin-bottom: 18px; }
.banner-desc .small-text{ font-size: 15px; line-height: 20px; margin-bottom: 20px; max-width: 550px; }
.btn{ padding: 11px 22px; font-size: 13px; line-height: 13px; }

.about-us-section{ padding: 60px 0 60px 0; }
.about-us-section .col-left{ width: 40%; }
.about-us-section .col-right{ width: 55%; }
.about-us-section:after{ width: 585px; height: 115px; }

.core-sectors{ padding: 60px 0 60px 0; }

.service-cell{ width: 24.6%; height: 340px; }
.overlayer .back-bottom{ padding: 15px 10px 21px 10px; }
.front-cell{ padding: 0 10px; }
.front-cell figure i{ max-height: 35px; font-size: 35px; }
.front-cell figure{ margin-bottom: 10px; }
.front-cell h4{ margin-bottom: 15px; }
.overlayer .back-cell{ padding: 15px 10px; }
.overlayer .content p{ font-size: 15px; line-height: 20px; margin-bottom: 15px; }
.learn-btn{ font-size: 14px; line-height: 14px; }
.learn-btn:after{ bottom: -8px; width: 87px; height: 2px; }
.overlayer .back-cell figure i{ max-height: 35px; font-size: 35px; }
.overlayer .back-cell figure{ margin-bottom: 5px; }
.core-sectors:before{ right: 30px; top: 30px; width: 500px; height: 490px; }

.inner-banner{ height: 390px; }
.banner-title{ font-size: 45px; line-height: 50px; }
.row-section{ padding: 60px 0 60px 0; }
.left-push{ padding-right: 30px; }
.row-section.white-text{ margin-top: 70px; }
.row-section.white-text .center-img{ margin-top: -105px; }
.section-title{ margin-bottom: 55px; }
.event-slider-arrow .left-arrow, .event-slider-arrow .right-arrow{ width: 40px; height: 40px; }
.event-slider-arrow .right-arrow:after{ top: 14px; right: 12px; }
.event-slider-arrow .left-arrow:after{ top: 14px; right: 12px; }
.video-cell figure:before{ width: 50px; height: 50px; }

.two-tab-group{ padding: 60px 0; }
.tab-group ul li{ font-size: 18px; line-height: 20px; }

.contact-two-cell .col-left{ width: 47%; margin-left: 0; }
.contact-two-cell .col-right{ margin-right: 0; }
.map{ max-height: 460px; }
.contact-info-area{ padding: 60px 0; }
.contact-info-area .col-4{ margin-bottom: 0; }
.contact-two-cell{ padding-bottom: 40px; }

.latest-post-section{ padding: 60px 0 60px 0; }

.entry-content h3{ font-size: 20px; line-height: 24px; margin-bottom: 10px; }
ul li { font-size: 15px; }
.faq-que{ font-size: 18px; line-height: 22px; }
.purpose-table tbody{ font-size: 14px; }
.purpose-table table thead tr th { font-size: 15px; }

}