/* #Media Queries
================================================== */
/* END__ */

@media (min-width: 992px) and (max-width: 1199px) {
.banner h2{ font-size:30px;}
.banner h1{ font-size:42px;}
.framework-wrapper .list [class*="col-"] .icon{ height:100px; width:100px;}
.home-w1 .cta-row [class*="col-"] .content{ padding:20px 30px; font-size:16px;}
.home-w1 .box-row [class*="col-"] .btn{ font-size:13px;}
.home-w1 .box-row [class*="col-"] .content-inner{ padding:20px;}
.page-banner .container h1{ font-size:45px;}
.about-team .container{ position:relative; left:auto; top:auto; -webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0); padding-top:30px; padding-bottom:30px;}
.home-w1 .box-row [class*="col-"] .box .media{ font-size:24px;}
.banner .banner-img{ right:-40px;}
.bottom-cta [class*="col-"]:first-child{ font-size:15px;}
.home-w2 .nav-tabs:before, .home-w2 .nav-tabs:after{ display:none;}
.home-w2 .nav-tabs .nav-item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom:10px;}
.stellarnav > ul > li > a{ padding-left:12px; padding-right:12px;}
.stellarnav a{ font-size:15px;}
.page-banner .container{z-index:100; font-size:16px;}
.page-banner .container h1{ font-size:40px;}	
} 

/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
h1, .h1 {font-size: calc(2.5rem + 0.9vw);}
h2, .h2 {font-size: calc(2rem + 0.9vw);}
h3, .h3, .page-cta h3 {font-size: calc(1.5rem + 0.6vw);}
h4, .h4 {font-size: calc(1.125rem + 0.3vw);}
h5, .h5 {font-size:1rem;}

.banner{ text-align:center; padding:130px 0 30px;}
.banner-img{ margin:30px auto 0 auto; width:536px;}
.banner h2{ font-size:30px;}
.banner h1{ font-size:42px;}
.framework-wrapper .list [class*=col-]{ -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
.home-w1 .cta-row [class*="col-"] + [class*="col-"]{ background:#0F94CD;}
.home-w1 .cta-row [class*="col-"] .content{ padding:40px;}
.home-w1 .box-row [class*="col-"] + [class*="col-"]{ margin-top:40px;}
.home-w2 .full-img, .home-w3 .full-img{ margin-bottom:50px;}
.about-team .container{ position:relative; left:auto; top:auto; -webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0); padding-top:30px; padding-bottom:30px;}
.bottom-cta::before { display:none;}
.bottom-cta [class*="col-"]{ padding:40px;}
.bottom-cta .container{ max-width:inherit;}
.bottom-cta [class*="col-"]:first-child{ background:#00A7E1;}
.footer-top .social{ margin:30px 0 0 0;}
.footer-top .col-lg-4 + .col-lg-4{ margin-top:30px;}
.stellarnav{ order:3; margin-left:15px;}
.header .btn.btn-primary-grad{ oeder:2; margin-left:auto;}
.stellarnav > ul > li{ float:none;}

.page-intro{ margin-top:109px;}
.page-banner .banner-image .d-flex{ display:block !important;}
.page-banner .banner-image .image{ margin:0 auto;}
.page-banner .container{/*left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%);*/ text-align:center; position:relative; margin:40px 0 0 0; left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.page-banner .container h1{ font-size:45px;}
.page-intro .intro-content .content{ padding:40px 0;}
.chequred-content .row [class*="col-"] + [class*="col-"]{ margin-top:35px;}
.page-cta{ text-align:center;}
.page-cta .media{ display:block;}
.page-cta .media-body{ margin:0 0 20px;}
.banner .banner-img{ right:auto;}
.home-w2 [class*="col-"] + [class*="col-"], .home-w3 [class*=col-] + [class*=col-]{ padding-left:15px !important; padding-right:15px !important;}
.page-cta{ font-size:18px;}
.page-intro .shape{ display:none;}
} 
/* END__ */

@media only screen and (max-width: 767px) {
body, .form-control, .btn , .dropdown-menu, .input-group-text, .popover-header{ font-size:0.975rem;}
h1, .h1 {font-size: calc(2rem + 0.9vw);}
h2, .h2, .home-w1 .intro h2 {font-size: calc(1.6rem + 0.9vw);}
h3, .h3, .page-cta h3 {font-size: calc(1.4rem + 0.6vw);}
h4, .h4 {font-size: calc(1.125rem + 0.3vw);}
h5, .h5 {font-size:1rem;}

.banner .banner-img{ right:auto;}
.container{ padding-left:20px; padding-right:20px;}
.header{ padding:20px 0;}
.banner{ text-align:center; padding:120px 0 30px;}
.banner-img{ margin:30px auto 0 auto; width:350px;}
.banner h2{ font-size:30px;}
.banner h1{ font-size:42px;}
.framework-wrapper .list [class*=col-]{ -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.home-w1 .cta-row [class*="col-"] + [class*="col-"]{ background:#0F94CD;}
.home-w1 .cta-row [class*="col-"] .content{ padding:40px;}
.home-w1 .box-row [class*="col-"] + [class*="col-"]{ margin-top:40px;}
.home-w2 .full-img, .home-w3 .full-img{ margin-bottom:50px;}
.about-team .container{ position:relative; left:auto; top:auto; -webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0); padding-top:30px; padding-bottom:30px;}
.bottom-cta::before { display:none;}
.bottom-cta [class*="col-"]{ padding:30px;}
.bottom-cta .container{ max-width:inherit; padding:0;}
.bottom-cta [class*="col-"]:first-child{ background:#00A7E1;}
.footer-top{ padding:30px 0;}
.footer-top .social{ margin:30px 0 0 0;}
.footer-top .col-lg-4 + .col-lg-4{ margin-top:30px;}
.stellarnav{ order:3; margin-left:15px;}
.header .btn.btn-primary-grad{ oeder:2; margin-left:auto;}
.header .btn{ padding:6px 16px; font-size:13px;}
.header .logo img, .footer-logo img{ width:150px;}
.stellarnav > ul > li{ float:none;}
.home-w1 .cta-row [class*="col-"] .content h4{ font-size:18px;}
.section{ padding:40px 0;}
.bottom-cta [class*="col-"] .logos li{ padding:0 5px;}
.footer-bottom .d-flex{ display:block !important; text-align:center;}
.footer-bottom .copyright{ margin-top:10px;}
.banner .banner-img::before { height:30px; width:30px;}
.bottom-cta .row{ margin-left:0; margin-right:0;}

.page-intro{ margin-top:88px;}
.page-banner .banner-image .d-flex{ display:block !important;}
.page-banner .banner-image .image{ margin:0 auto; width:320px;}
.page-banner .container{left:0; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); text-align:center; position:relative; margin:40px 0 0 0}
.page-banner .container h1{ font-size:38px;}
.page-intro .intro-content{ margin-top:60px;}
.page-intro .intro-content .content{ padding:40px 0;}
.chequred-content .row [class*="col-"] + [class*="col-"], .chequred-content .row + .row{ margin-top:35px;}
.page-banner .banner-image .image::before { height:30px; width:30px;}
.page-cta{ text-align:center;}
.page-cta .media{ display:block;}
.page-cta .media-body{ margin:0 0 20px;}

.customer-intro-content{ padding:80px 0 40px;}
.customer-intro-content .col-lg-6:after { display:none;}
.customer-intro-content [class*="col-"] + [class*="col-"]{ margin-top:30px;}
.company-logo-section{ padding-bottom:40px;}
.company-testimonial [class*="col-"]{ margin-top:30px;}
.customer-case-study .item{ padding:100px 30px 40px; background:#F7F8FA;}
.customer-case-study .item .content{ padding:35px 0 0 0;}
.home-w2 [class*="col-"] + [class*="col-"], .home-w3 [class*=col-] + [class*=col-]{ padding-left:15px !important; padding-right:15px !important;}
.bottom-cta [class*=col-]:first-child{ padding-left:15px;}
.home-w2 .nav-tabs .nav-item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom:10px;}
.bottom-cta [class*="col-"]:first-child, .bottom-cta [class*="col-"]{ padding-left:24px; padding-right:24px;}
.company-testimonial:before, .company-testimonial:after{ display:none;}
.page-cta{ font-size:16px;}
.page-intro .shape{ display:none;}
.benefits ul li{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
.blue-content-section .carousel-indicators li{ font-size:20px; padding:8px 24px 8px 24px;}
.blue-content-section .carousel-item{ font-size:16px;}
.reource-category ul a{ padding:8px 16px; font-size:16px;}
.reource-category ul{overflow:hidden; white-space:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; -ms-overflow-style:none; display:block; max-width:inherit;}
.reource-category ul li {display:inline-block; vertical-align:top; margin:0; /*max-width:inherit; width:auto;*/}
} 
/* END__ */

@media only screen and (max-width: 370px) {
.header .logo img, .footer-logo img {width: 100px;}	
	.job-form .nf-form-content .listselect-wrap .nf-field-element div, .job-form .nf-form-content input.ninja-forms-field, .job-form .nf-form-content select.ninja-forms-field:not([multiple]), .job-form .nf-form-content .list-select-wrap .nf-field-element > div, .job-form .nf-form-content input:not([type="button"]), .job-form .nf-form-content textarea{ font-size:14px;}
} 
/* END__ */