
@media (max-width: 479.98px){
    .ngs-clients-wrap ul li{
        width:  95%;
    }
    .ngs-lca-pdfs-box ul li{
        width: 50%;
    }
    .ngs-careers-tabs2 .nav-tabs2 .nav-link{
        padding: 4px 15px;
        font-size: 12px;
    }
    .ngs-careers-tabs .nav-tabs .nav-link{
        padding: 5px 20px;
        font-size: 12px;
    }
}
@media (min-width: 480px) and (max-width: 575.98px){
    .ngs-clients-wrap ul li{
        width:  46.7%;
    }
    .ngs-lca-pdfs-box ul li{
        width: 33%;
    }
    .ngs-careers-tabs2 .nav-tabs2 .nav-link{
        padding: 5px 18px;
        font-size: 13px;
    }
    .ngs-careers-tabs .nav-tabs .nav-link{
        padding: 7px 22px;
        font-size: 13px;
    }
}
@media (max-width: 575.98px){
	.ngs-nav.navbar-dark .navbar-brand {
		width: 200px;
	}
    .ngs-page-info-box {
        padding: 70px 0;
    }
    .ngs-career-apply-box {
        padding-left: 0px;
        float: right;
    }
    .ngs-careers-table .table td, .ngs-careers-table .table th{
        min-width: 200px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
	.ngs-nav.navbar-dark .navbar-brand {
		width: 250px;
	}
    .ngs-clients-wrap ul li{
        width:  30.6%;
    }
	.ngs-nav.navbar-dark .navbar-brand {
		width: 200px;
	}
    .ngs-page-info-box {
        padding: 100px 0;
    }
    .ngs-lca-pdfs-box ul li{
        width: 33%;
    }
    .ngs-careers-tabs2 .nav-tabs2 .nav-link{
        padding: 5px 22px;
        font-size: 13px;
    }
    .ngs-careers-tabs .nav-tabs .nav-link{
        padding: 8px 24px;
        font-size: 13px;
    }
    .ngs-careers-table .table td, .ngs-careers-table .table th{
        min-width: 150px;
    }
}
@media (max-width: 767.98px){
	body, ::placeholder, .ngs-btn{
		font-size: 12px;
	}
	.h1, h1 {
		font-size: 2em;
	}
	.h2, h2 {
		font-size: 1.5em;
	}
	.h3, h3 {
		font-size: 1.2em;
	}
	.h4, h4 {
		font-size: 1.1em;
	}
	.h5, h5 {
		font-size: 1em;
	}
	.h6, h6 {
		font-size: 1em;
	}
    .ngs-mb-sm-4{
        margin-bottom: 1.4rem !important;
    }
	.ngs-copyright span{
		margin-bottom: 1.5em;
	}
    .ngs-page-info {
        margin-top: 60px;
    }
    .ngs-page-info-box .h1 {
        font-size: 2em;
    }
    .ngs-footer-ribbon{
        top: -80px;
        left: 25px;
        padding: 8px 25px 5px;
        font-size: 1em;
    }
    .ngs-careers-search-box, 
    .ngs-careers-upload-resume-box{
        padding: 3em 1em;
    }
    #nextgenLocations {
        height: 110px;
    }
    .ngs-service-text-box, .ngs-service-pic-box{
        width:  100%;
        float: none;
        padding: 2em;
    }
    .ngs-services-list li.ngs-service-left::before, 
    .ngs-services-list li.ngs-service-right::before{
        display: none;
    }
    .ngs-service-pic-box{
        text-align: center !important;
    }
    .ngs-careers-tabs .nav-tabs{
        margin-bottom: 20px;
    }
    .ngs-careers-table .table-bordered thead td{
        font-size: 14px;
    }
}
@media (min-width: 768px){
	.ngs-nav.navbar-dark .navbar-brand {
		width: 270px;
	}
    .ngs-footer-contact{
        margin-right: -20px;
    }
	.ngs-ft-contact-box{
		display: block;
        float: left;
		width: 100%;
        margin-right: 20px;
	}
    .ngs-contact2-row{
        background: rgba(255, 255, 255, .95);
        padding: 3em;
        color: #636363;
        overflow: hidden;
        box-shadow: 0px 2px 9px rgba(0,0,0,.15);
    }
    .ngs-contact2-row{
        transform: translateY(-180px);
    }
    .ngs-contact2-row .ngs-contact-info address ul li i, 
    .ngs-contact2-row .ngs-contact-info address ul li a{
        color: #636363;
        font-weight: 400;
    }
    .ngs-addr-section{
        background-image: url(../images/bgs/map.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-size: cover;
    }
    .ngs-cp-wrap{
        margin-top: -200px;
    }
    .ngs-feature-box{
        min-height: 280px;
        height: auto;
    }
    .ngs-careers-tabs2 .nav-tabs2 .nav-link::before, 
    .ngs-careers-tabs2 .nav-tabs2 .nav-link::after{
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        height: 0;
        border: solid transparent;
        content: '';
        pointer-events: none;
    }
    .ngs-careers-tabs2 .nav-tabs2 .nav-link.active::before{
        margin-left: -10px;
        border-width: 10px;
        border-top-color: #ddd;
        margin-top: 0px;
    }
    .ngs-careers-tabs2 .nav-tabs2 .nav-link.active::after{
        margin-left: -10px;
        border-width: 10px;
        border-top-color: #fff;
        margin-top: -1px;
    }
    .ngs-lca-pdfs-box ul li{
        width: 25%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
	body, ::placeholder, .ngs-btn{
		font-size: 13px;
	}
	.h1, h1 {
		font-size: 26px;
	}
    .h2, h2 {
        font-size: 24px;
    }
	.h3, h3 {
		font-size: 22px;
	}
	.h4, h4 {
		font-size: 20px;
	}
	.h5, h5 {
		font-size: 18px;
	}
	.h6, h6 {
		font-size: 16px;
	}
    .ngs-clients-wrap ul li{
        width:  23%;
    }
    .ngs-page-info {
        margin-top: 70px;
    }
    .ngs-page-info-box .h1 {
        font-size: 2.2em;
    }
    .ngs-page-info-box {
        padding: 130px 0;
    }
    .ngs-footer-ribbon{
        top: -85px;
        left: 25px;
        padding: 12px 25px 7px;
        font-size: 1.1em;
    }
    #nextgenLocations {
        height: 250px;
    }
    .ngs-careers-tabs2 .nav-tabs2 .nav-link{
        font-size: 12px;
    }    
    .ngs-careers-table .table-bordered thead td{
        font-size: 15px;
    }
}
@media (max-width: 991.98px) {
	.ngs-nav{
		padding: 9px 1em;
		background-color: #fdfdfd;
		box-shadow: 0px 2px 6px rgba(0,0,0,.25);
	}
	.ngs-nav.navbar-dark .navbar-toggler-icon {
		background-image: none;
	}
	.ngs-nav .navbar-toggler {
		padding: 0;
		font-size: 1.7em;
	}
	.ngs-nav .navbar-toggler-icon {
		display: inline-block;
		width: 40px;
		height: 30px;
		line-height: 34px;
	}
}
@media (min-width: 992px){
	.ngs-nav.navbar-dark .navbar-nav .nav-link{
		position: relative;
	}
    .ngs-careers-tab-content{
        padding: 50px 10% 0;
        padding: 30px 0 0;
    }
    .ngs-cp-form, .ngs-cp-info{
        padding: 45px;
    }
    .ngs-clients-wrap ul li .ngs-client-pic a, 
    .ngs-client a img{
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
	.ngs-nav.navbar-dark .navbar-nav .nav-link {
		font-size: 12px;
		padding: 25px 12px;
	}
    #nextgenLocations {
        height: 300px;
    }  
    .ngs-careers-tabs .nav-tabs .nav-link{
        padding: 10px 26px;
        font-size: 14px;
    }    
    .ngs-careers-tabs .nav-tabs .nav-link{
        padding: 9px 24px;
        font-size: 14px;
    }
    .ngs-careers-table .table-bordered thead td{
        font-size: 16px;
    }
}
@media (min-width: 1200px){
	.ngs-nav .container-fluid{
		padding: 0 100px;
	}
	#ngs-menu{
		margin-right: -12px;
	}
	.ngs-nav.navbar-dark .navbar-nav .nav-link{
		position: relative;
		padding: 30px 20px;
	}
    #ngs-menu .dropdown{
        -webkit-perspective: 500px;
        -moz-perspective: 500px;
        -ms-perspective: 500px;
        perspective: 500px;
    }
	#ngs-menu .dropdown-menu{
        left: 10px;
		display: block;
		visibility: hidden;
		opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transition: 0.9s;
        -o-transition: 0.9s;
        transition: 0.9s;
	}
	#ngs-menu .dropdown:hover .dropdown-menu{
		visibility: visible;
		opacity: 1;
        -webkit-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
	}
    .ngs-nav-2.navbar-dark .navbar-nav .nav-link::before, 
    .ngs-nav-2.navbar-dark .navbar-nav .nav-link::after{
		font-size: 17px;
		position: absolute;
		top: 29px;
		opacity: 0;
		transition: all .3s ease;
    }
	.ngs-nav-2.navbar-dark .navbar-nav .nav-link::before{
		content: '[';
		left: 20px;
	}
	.ngs-nav-2.navbar-dark .navbar-nav .nav-link::after{
		content: ']';
		right: 20px;
	}
	.ngs-nav-2.navbar-dark .navbar-nav .nav-link:hover::before, 
	.ngs-nav-2.navbar-dark .navbar-nav .nav-link:hover::after {
		color: #ff7d01;
		opacity: 1;
	}
	.ngs-nav-2.navbar-dark .navbar-nav .nav-link:hover::before,
	.ngs-nav-2.navbar-dark .navbar-nav .nav-item:hover .nav-link::before,  
	.ngs-nav-2.navbar-dark .navbar-nav .active .nav-link::before{
		left: 10px;
	}
	.ngs-nav-2.navbar-dark .navbar-nav .nav-link:hover::after, 
	.ngs-nav-2.navbar-dark .navbar-nav .nav-item:hover .nav-link::after,  
	.ngs-nav-2.navbar-dark .navbar-nav .active .nav-link::after{
		right: 10px;
	}
	.ngs-nav-2.navbar-dark .navbar-nav .active .nav-link::before, 
	.ngs-nav-2.navbar-dark .navbar-nav .nav-item:hover .nav-link::before, 
	.ngs-nav-2.navbar-dark .navbar-nav .active .nav-link::after, 
	.ngs-nav-2.navbar-dark .navbar-nav .nav-item:hover .nav-link::after{
		color: #1e4399;
		opacity: 1;
	}
    .ngs-lca-pdfs-box ul li{
        width: 20%;
    }
}

