/* Smartphones (portrait and landscape) ---------- */
@media screen and (min-width: 320px) and (max-width: 480px){
    /* styles */
	.contBox {
		width: 80%;
	}
	.header-logo {
		padding-bottom: 2%;
	}
	.header-logo .img-fluid {
		padding-bottom: 2%;
	}
	.sticky-header {
		visibility: hidden;
	}
	.bottom-right {
		background-color: #E7E7E7;
	}
	.navbar {
		display: block;
	}
	.bottom-right .navbar-nav {
		margin-top: 8%;
		display: inline-block;
		position:relative;
		color: #000;
	}
	.bottom-right .navbar-nav li.active {
		background: transparent;
		width: 100%;
	}
	.bottom-right .navbar-nav li a:hover {
		color: #000!important;
	}
	.bottom-right .navbar-nav li a {
		color: #000;
	}
	.bottom-right .navbar-nav li>ul {
		background-color: #E7E7E7;
		display: inline-block;
		opacity: 1;
	}
	.bottom-right .navbar-nav li:focus>ul {
		position: relative;
		display: block;
	}
	.bottom-right .navbar-nav li a:before, .bottom-right .navbar-nav li a:after {
		display: none;
	}
	.project-section h1 span {
		width: 40%;
	}
	.project-section h1 {
    	padding-top: 5%;
    }
	.second-row .img-fluid {
		margin-bottom: 5%;
	}
	.project-section .pro-intro-r h2 {
		margin-bottom: 20px;
	}
	.project-section .pro-intro-r h2 .img-fluid {
		top: 3px;
	}
	.project-section .third-row .tr-heading {
		font-size: 20px;
	}
	.project-section .third-row .img-fluid {
		height: 100%;
	}
	.pro-pg-bl h5, .pro-pg-br h5, .pro-secbl-list h5, .pro-secbr-list h5, .oldpro-2-list h5 {
		margin-top: 5%;
		text-align: center;
	}
	.dimens-sec .nav-tabs {
		display: inline-block;
	}
	.dimens-sec .nav-item .nav-link {
		font-size: 15px;
		padding: 0.5rem 0.2rem;
	}
	.dimens-sec .tab-content .dimen-info ul li {
		padding: 15px;
		font-size: 12px;
		line-height: 10px;
	}
	.pro-sec-spects h4 {
		font-size: 18px;
	}
	.pro-sec-spects .media-object-default .media img {
		width: 60px;
	}
	.pro-sec-spects .media-object-default .media .media-body ul {
		padding-right: 15px;
	}
	.fancy-box .f1 {
		padding: 30px 15px;;
	}
	.icon-bar {
		right: 10px;
	}
	.icon-bar a .img-fluid {
		width: 25px;
	}
	.popup-form .btn-style-three {
		right: -10px;
		padding: 2px 10px;
	}
	.popup-form .btn-style-three .btn-title {
		font-size: 15px;
	}
	.project-section .pro-intro-r p, .pro-secbl-list ul, .pro-pg-l-list ul, .pro-pg-bl ul, .pro-pg-br ul, .pro-secbr-list ul, .pro-pg-r-list ul, .pro-pg-bl ul, .pro-pg-br ul, .oldpro-2-list ul {
		padding-left: 10px;
		padding-right: 15px;
	}
	.pro-sec-spects .media-object-default .media .media-body ul li {
		padding-right: 5%;
	}
	.pro-sec-spects .media-object-default .media .media-body ul li:before {
		left: 25%;
	}
	.pro-sec-sitehide h4 {
		margin-top: 3%;
	}
	.site-cont-map .list-group {
		padding: 10px;
	}
	.site-cont-map .list-group .list-group-item {
		padding: 0.75rem 0.5rem;
	}
	.site-cont-map .list-group .list-group-item:before {
		width: 25px;
		height: 25px;
		left: 7px;
	}
	.site-cont-map .list-group .list-group-item:nth-child(2):before {
		height: 20px;
	}
	.site-cont-map .list-group .list-group-item:nth-child(3):before {
		height: 22px;
	}
	.site-cont-map .list-group .list-group-item a {
		font-size: 15px;
	}
	.site-vid-map {
		padding-left: 0;
		padding-right: 0;
	}
	.site-vid-map h5 {
		margin-top: 5%;
	}
	.project-gallery .project-gallery-img .card {
		max-width: 100%;
	}
	.project-gallery .project-gallery-img .card .card-body h5, .project-gallery .project-gallery-img .card:nth-child(4) .card-body h5, .project-gallery .project-gallery-img .card:nth-child(6) .card-body h5, .project-gallery .project-gallery-img .card:nth-child(7) .card-body h5 {
		margin: 0;
	}
	.cont-text-info a {
		margin-top: 3%;
		margin-bottom: 5%;
	}
	.cont-text-info .btn-box {
		margin-left: 5%;
		margin-right: 5%;
	}
	.about-sub-headt {
		margin-top: 7%;
	}
	.about-sub-headt .img-fluid {
		width: 70px;
		margin-bottom: 2%;
	}
	.about-sub-headt h3 {
		font-size: 22px;
	}
	.about-sub-headt h3 span {
		width: 60%;
	}
	.about-sec-tr h4 {
		font-size: 20px;
	}
	.about-sec-tr p {
		padding: 10px 37px;
		margin: 0;
		text-align: justify;
	}
	.about-sub-headb h3 {
		font-size: 22px;
	}
	.about-sec-blhd ul {
		padding: 5px 25px;
	}
	.about-sec-br .img-fluid {
		top: 0;
	}
	.about-sec-mainb {
		padding-top: 3%;
		padding-bottom: 3%;
	}
	.team-sec .section-intro h1 {
		margin-top: 3%;
	}
	.team-sec .section-intro h1 span {
		width: 20%;
	}
	.team-sec .card {
		padding-top: 3%;
		margin-bottom: 10%;
	}
	.testmon .section-intro h1 span {
		width: 80%;
	}
	.test-photo-active .test-images .img-fluid {
		margin-bottom: 10%;
		padding-left: 20%;
		padding-right: 20%;
	}
	.test-content-active .test-wrap .dialogue-box {
		padding: 5px;
	}
	.test-content-active .test-wrap .dialogue-box p {
		font-size: 18px;
	}
	.test-img ul li {
		font-size: 15px;
	}
	#scroll p {
		font-size: 18px;
	}
	.footer-top .ftop-two h4, .footer-top .ftop-three h4, .footer-top .ftop-four h4 {
		font-size: 18px;
		text-align: center;
		margin-bottom: 30px;
	}
	.footer-top .ftop-two h4:before {
		left: 90px;
	}
	.footer-top .ftop-two ul li, .footer-top .ftop-three ul li {
		font-size: 15px;
	}
	.footer-top .ftop-three ul li, .footer-top .ftop-four p, .footer-top .ftop-four {
		text-align: left;
	}
	.footer-top .ftop-three ul li:before {
		left: 10px;
	}
	.footer-bottom p {
		font-size: 18px;
		text-align: center;
	}
	.pro-h-sec .pro-h1 span {
		width: 40%;
	}
	.pro-h-sec .pro-h3 {
		padding-left: 25%;
		margin-bottom: 5%;
	}
	.pro-h-sec .embed-vid h4 {
		margin-top: 5%;
	}
	.pro-old-r .pro-r-heading {
		margin-top: 7%;
		margin-bottom: 7%;
	}
	.experties-sec .section-intro {
		margin-top: 5%;
	}
	.experties-sec .section-intro h1 span {
		width: 50%;
	}
	.experties-box ul {
		padding-left: 15px;
		padding-right: 15px;
	}
	.experties-box ul li {
		font-size: 15px;
		margin-bottom: 7%;
		padding-left: 15%;
	}
	.expertise-b .img-fluid {
		margin-top: 2%;
		margin-bottom: 7%;
	}
	.expertise-b .btn-style-three {
		top: 0;
	}
	.service-sec {
		padding-top: 2%;
		text-align: center;
	}
	.service-sec .section-intro h1 {
		font-size: 20px;
	}
	.service-sec .section-intro h1 span {
		width: 60%;
	}
	.service-sec .card1 .card-body .btn-style-three, .service-sec .card2 .card-body .btn-style-three {
		top: 0;
	}
	.service-sec #cardtwo {
		margin: 0;
	}
	.scroll-to-top {
		font-size: 15px;
		right: 5px;
		width: 20px;
	}
	.about-page-title, .contact-page-title {
		padding: 50px 0;
	}
	.about-page-title h1, .contact-page-title h1 {
		font-size: 20px;
	}
	.about-page-title-image .breadcrumb, .contact-page-title-image .breadcrumb {
		bottom: -10px;
		right: -15px;
		padding: 0.5rem;
	}
	.about-page-title-image .breadcrumb .breadcrumb-item, .contact-page-title-image .breadcrumb .breadcrumb-item {
		font-size: 15px;
	}
	.about-page #wkdaboutCarousel {
		padding: 5px;
	}
	.about-page .about-page-bttitle {
		text-align: center;
	}
	.about-page .about-page-bttitle .img-fluid {
		width: 250px;
	}
	.about-page .about-page-text {
		padding-left: 15px;
		padding-right: 15px;
		text-align: justify;
	}
	.about-page-content .c1 h4, .about-page-content .c2 h4, .about-page-content .c3 h4, .about-page-content .c4 h4, .about-page-content .c5 h4 {
		margin-top: 5%;
	}
	.about-page-content .c1 h4 span, .about-page-content .c2 h4 span {
		width: 40%;
	}
	.about-page-content .c3 h4 span, .about-page-content h4 span {
		width: 25%;
	}
	.about-page-content .c1 p, .about-page-content .c2 p, .about-page-content .c3 p, .about-page-content p, .about-page-content .c4 ul {
		padding-left: 20px;
		padding-right: 20px;
		text-align: justify;
	}
	.about-page-content .c4 ul {
		padding-top: 2%;
	}
	.about-page-content .c4 ul li {
		margin-left: 5%;
	}
	.about-page-content .c5, .about-page-content .c5 ul {
		padding-left: 5%;
		padding-right: 5%;
	}
	.about-page-content .c5 h4 {
		font-size: 20px;
	}
	.ne-content-bt {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	.ne-content-bt h5 {
		font-size: 22px;
		text-align: center;
	}
	.ne-content-bt h5 span {
		width: 100%;
		margin: 0;
	}
	.sidebar-achievement .achievement_content .card .card-body .btn-style-three {
		margin-left: 0;
		margin-right: 0;
	}
	.brochure .brochure-text {
		top: 0;
	}
	.brochure .section-img {
		margin-top: 7%;
	}
	#vision-dialog, m#mission-dialog {
		padding-left: 30%;
		padding-rigth: 30%;
	}
	.team-page .section-intro .team-head {
		font-size: 28px;
		margin-top: 5%;
	}
	.team-page .section-intro .team-head span {
		width: 60%;
	}
	.team-page .team-page-img .tpi-head  {
		font-size: 22px;
	}
	.team-page .team-page-content {
		padding-left: 30px;
		padding-right: 35px;
	}
	.career-page .section-intro .career-page-head, .contact-page .section-intro .contact-page-head {
		margin-bottom: 5%;
	}
	.career-form h3 {
		text-align: center;
	}
	.career-form .form-group {
		text-align: center;
	}
	.career-page .social h3 {
		font-size: 22px;
	}
	.career-page .social h5 .wta {
		font-size: 20px;
	}
	.career-positions {
		border: none;
		padding-left: 15px;
		padding-right: 15px;
	}
	.contact-page .section-intro .contact-page-head {
		margin-top: 5%;
	}
	.contact-page .section-intro .contact-page-head .img-fluid {
		width: 35px;
		position: relative;
		top: -5px;
	}
	.contact-page h6 {
		text-align: center;
		font-size: 0.85rem;
	}
	.contact-wrap ul li i {
		font-size: 25px;
	}
	.contact-wrap ul li p span {
		font-size: 15px;
	}
	.contact-page .contact-page-social .list-inline .list-inline-item a .img-fluid {
		width: 25px;
	}
}	
/* Smartphones (portrait) ---------- */
@media screen and (max-width: 320px){
    /* styles */
}
/* Smartphones (landscape) ---------- */
@media screen and (min-width: 321px){
    /* styles */
}
@media screen and (min-width: 481px) and (max-width: 767px){
    /* styles */
	.contBox {
		width: 80%;
	}
	.header-logo {
		padding-bottom: 2%;
	}
	.header-logo .img-fluid {
		padding-bottom: 2%;
	}
	.sticky-header {
		visibility: hidden;
	}
	.bottom-right {
		background-color: #E7E7E7;
	}
	.navbar {
		display: block;
	}
	.bottom-right .navbar-nav {
		margin-top: 8%;
		display: inline-block;
		position:relative;
		color: #000;
	}
	.bottom-right .navbar-nav li.active {
		background: transparent;
		width: 100%;
	}
	.bottom-right .navbar-nav li a:hover {
		color: #000!important;
	}
	.bottom-right .navbar-nav li a {
		color: #000;
	}
	.bottom-right .navbar-nav li>ul {
		background-color: #E7E7E7;
		display: inline-block;
		opacity: 1;
	}
	.bottom-right .navbar-nav li:focus>ul {
		position: relative;
		display: block;
	}
	.bottom-right .navbar-nav li a:before, .bottom-right .navbar-nav li a:after {
		display: none;
	}
	.project-section h1 span {
		width: 40%;
	}
	.project-section h1 {
    	padding-top: 5%;
    }
	.second-row .img-fluid {
		margin-bottom: 5%;
	}
	.project-section .pro-intro-r h2 {
		margin-bottom: 20px;
	}
	.project-section .pro-intro-r h2 .img-fluid {
		top: 3px;
	}
	.project-section .third-row .tr-heading {
		font-size: 20px;
	}
	.project-section .third-row .img-fluid {
		height: 100%;
	}
	.pro-pg-bl h5, .pro-pg-br h5, .pro-secbl-list h5, .pro-secbr-list h5, .oldpro-2-list h5 {
		margin-top: 5%;
		text-align: center;
	}
	.dimens-sec .nav-tabs {
		display: inline-block;
	}
	.dimens-sec .nav-item .nav-link {
		font-size: 15px;
		padding: 0.5rem 0.2rem;
	}
	.dimens-sec .tab-content .dimen-info ul li {
		padding: 15px;
		font-size: 12px;
		line-height: 10px;
	}
	.pro-sec-spects h4 {
		font-size: 18px;
	}
	.pro-sec-spects .media-object-default .media img {
		width: 60px;
	}
	.pro-sec-spects .media-object-default .media .media-body ul {
		padding-right: 15px;
	}
	.fancy-box .f1 {
		padding: 30px 15px;;
	}
	.icon-bar {
		right: 10px;
	}
	.icon-bar a .img-fluid {
		width: 25px;
	}
	.popup-form .btn-style-three {
		right: -10px;
		padding: 2px 10px;
	}
	.popup-form .btn-style-three .btn-title {
		font-size: 15px;
	}
	.project-section .pro-intro-r p, .pro-secbl-list ul, .pro-pg-l-list ul, .pro-pg-bl ul, .pro-pg-br ul, .pro-secbr-list ul, .pro-pg-r-list ul, .pro-pg-bl ul, .pro-pg-br ul, .oldpro-2-list ul {
		padding-left: 10px;
		padding-right: 15px;
	}
	.pro-sec-spects .media-object-default .media .media-body ul li {
		padding-right: 5%;
	}
	.pro-sec-spects .media-object-default .media .media-body ul li:before {
		left: 25%;
	}
	.pro-sec-sitehide h4 {
		margin-top: 3%;
	}
	.site-cont-map .list-group {
		padding: 10px;
	}
	.site-cont-map .list-group .list-group-item {
		padding: 0.75rem 0.5rem;
	}
	.site-cont-map .list-group .list-group-item:before {
		width: 25px;
		height: 25px;
		left: 7px;
	}
	.site-cont-map .list-group .list-group-item:nth-child(2):before {
		height: 20px;
	}
	.site-cont-map .list-group .list-group-item:nth-child(3):before {
		height: 22px;
	}
	.site-cont-map .list-group .list-group-item a {
		font-size: 15px;
	}
	.site-vid-map {
		padding-left: 0;
		padding-right: 0;
	}
	.site-vid-map h5 {
		margin-top: 5%;
	}
	.project-gallery .project-gallery-img .card {
		max-width: 100%;
	}
	.project-gallery .project-gallery-img .card .card-body h5, .project-gallery .project-gallery-img .card:nth-child(4) .card-body h5, .project-gallery .project-gallery-img .card:nth-child(6) .card-body h5, .project-gallery .project-gallery-img .card:nth-child(7) .card-body h5 {
		margin: 0;
	}
	.cont-text-info a {
		margin-top: 3%;
		margin-bottom: 5%;
	}
	.cont-text-info .btn-box {
		margin-left: 5%;
		margin-right: 5%;
	}
	.about-sub-headt {
		margin-top: 7%;
	}
	.about-sub-headt .img-fluid {
		width: 70px;
		margin-bottom: 2%;
	}
	.about-sub-headt h3 {
		font-size: 22px;
	}
	.about-sub-headt h3 span {
		width: 60%;
	}
	.about-sec-tr h4 {
		font-size: 20px;
	}
	.about-sec-tr p {
		padding: 10px 37px;
		margin: 0;
		text-align: justify;
	}
	.about-sub-headb h3 {
		font-size: 22px;
	}
	.about-sec-blhd ul {
		padding: 5px 25px;
	}
	.about-sec-br .img-fluid {
		top: 0;
	}
	.about-sec-mainb {
		padding-top: 3%;
		padding-bottom: 3%;
	}
	.team-sec .section-intro h1 {
		margin-top: 3%;
	}
	.team-sec .section-intro h1 span {
		width: 20%;
	}
	.team-sec .card {
		padding-top: 3%;
		margin-bottom: 10%;
	}
	.testmon .section-intro h1 span {
		width: 80%;
	}
	.test-photo-active .test-images .img-fluid {
		margin-bottom: 10%;
		padding-left: 25%;
		padding-right: 25%;
	}
	.test-content-active .test-wrap .dialogue-box {
		padding: 5px;
	}
	.test-content-active .test-wrap .dialogue-box p {
		font-size: 18px;
	}
	.test-img ul li {
		font-size: 15px;
	}
	#scroll p {
		font-size: 18px;
	}
	.footer-top .ftop-two h4, .footer-top .ftop-three h4, .footer-top .ftop-four h4 {
		font-size: 18px;
		text-align: center;
		margin-bottom: 30px;
	}
	.footer-top .ftop-two h4:before {
		left: 90px;
	}
	.footer-top .ftop-two ul li, .footer-top .ftop-three ul li {
		font-size: 15px;
	}
	.footer-top .ftop-three ul li, .footer-top .ftop-four p, .footer-top .ftop-four, .footer-bottom p {
		text-align: left;
	}
	.footer-top .ftop-three ul li:before {
		left: 10px;
	}
	.footer-bottom p {
		font-size: 18px;
		text-align: center;
	}
	.pro-h-sec .pro-h1 span {
		width: 40%;
	}
	.pro-h-sec .pro-h3 {
		padding-left: 25%;
		margin-bottom: 5%;
	}
	.pro-h-sec .embed-vid h4 {
		margin-top: 5%;
	}
	.pro-old-r .pro-r-heading {
		margin-top: 7%;
		margin-bottom: 7%;
	}
	.experties-sec .section-intro {
		margin-top: 5%;
	}
	.experties-sec .section-intro h1 span {
		width: 50%;
	}
	.experties-box ul {
		padding-left: 15px;
		padding-right: 15px;
	}
	.experties-box ul li {
		font-size: 15px;
		margin-bottom: 7%;
		padding-left: 15%;
	}
	.expertise-b .img-fluid {
		margin-top: 2%;
		margin-bottom: 7%;
	}
	.expertise-b .btn-style-three {
		top: 0;
	}
	.service-sec {
		padding-top: 2%;
		text-align: center;
	}
	.service-sec .section-intro h1 {
		font-size: 20px;
	}
	.service-sec .section-intro h1 span {
		width: 60%;
	}
	.service-sec .card1 .card-body .btn-style-three, .service-sec .card2 .card-body .btn-style-three {
		top: 0;
	}
	.service-sec #cardtwo {
		margin: 0;
	}
	.scroll-to-top {
		font-size: 15px;
		right: 5px;
		width: 20px;
	}
	.about-page-title, .contact-page-title {
		padding: 50px 0;
	}
	.about-page-title h1, .contact-page-title h1 {
		font-size: 20px;
	}
	.about-page-title-image .breadcrumb, .contact-page-title-image .breadcrumb {
		bottom: -10px;
		right: -15px;
		padding: 0.5rem;
	}
	.about-page-title-image .breadcrumb .breadcrumb-item, .contact-page-title-image .breadcrumb .breadcrumb-item {
		font-size: 15px;
	}
	.about-page #wkdaboutCarousel {
		padding: 5px;
	}
	.about-page .about-page-bttitle {
		text-align: center;
	}
	.about-page .about-page-bttitle .img-fluid {
		width: 250px;
	}
	.about-page .about-page-text {
		padding-left: 15px;
		padding-right: 15px;
		text-align: justify;
	}
	.about-page-content .c1 h4, .about-page-content .c2 h4, .about-page-content .c3 h4, .about-page-content .c4 h4, .about-page-content .c5 h4 {
		margin-top: 5%;
	}
	.about-page-content .c1 h4 span, .about-page-content .c2 h4 span {
		width: 40%;
	}
	.about-page-content .c3 h4 span, .about-page-content h4 span {
		width: 25%;
	}
	.about-page-content .c1 p, .about-page-content .c2 p, .about-page-content .c3 p, .about-page-content p, .about-page-content .c4 ul {
		padding-left: 20px;
		padding-right: 20px;
		text-align: justify;
	}
	.about-page-content .c4 ul {
		padding-top: 2%;
	}
	.about-page-content .c4 ul li {
		margin-left: 5%;
	}
	.about-page-content .c5, .about-page-content .c5 ul {
		padding-left: 5%;
		padding-right: 5%;
	}
	.about-page-content .c5 h4 {
		font-size: 20px;
	}
	.ne-content-bt {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	.ne-content-bt h5 {
		font-size: 22px;
		text-align: center;
	}
	.ne-content-bt h5 span {
		width: 100%;
		margin: 0;
	}
	.brochure .brochure-text {
		top: 0;
	}
	.brochure .section-img {
		margin-top: 7%;
	}
	#vision-dialog, m#mission-dialog {
		padding-left: 30%;
		padding-rigth: 30%;
	}
	.team-page .section-intro .team-head {
		font-size: 28px;
		margin-top: 5%;
	}
	.team-page .section-intro .team-head span {
		width: 60%;
	}
	.team-page .team-page-img .tpi-head  {
		font-size: 22px;
	}
	.team-page .team-page-content {
		padding-left: 30px;
		padding-right: 35px;
	}
	.career-page .section-intro .career-page-head, .contact-page .section-intro .contact-page-head {
		margin-bottom: 5%;
	}
	.career-form h3 {
		text-align: center;
	}
	.career-form .form-group {
		text-align: center;
	}
	.career-page .social h3 {
		font-size: 22px;
	}
	.career-page .social h5 .wta {
		font-size: 20px;
	}
	.career-positions {
		border: none;
		padding-left: 15px;
		padding-right: 15px;
	}
	.contact-page .section-intro .contact-page-head {
		margin-top: 5%;
	}
	.contact-page .section-intro .contact-page-head .img-fluid {
		width: 35px;
		position: relative;
		top: -5px;
	}
	.contact-page h6 {
		text-align: center;
		font-size: 0.85rem;
	}
	.contact-wrap ul li i {
		font-size: 25px;
	}
	.contact-wrap ul li p span {
		font-size: 15px;
	}
	.contact-page .contact-page-social .list-inline .list-inline-item a .img-fluid {
		width: 25px;
	}
}	
/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 768px) and (max-width: 991px){
	.contBox {
		width: 80%;
	}
	.header-logo {
		padding-bottom: 2%;
	}
	.header-logo .img-fluid {
		padding-bottom: 2%;
	}
	.sticky-header {
		visibility: hidden;
	}
	.bottom-right {
		background-color: #E7E7E7;
	}
	.navbar {
		display: block;
	}
	.bottom-right .navbar-nav {
		margin-top: 3%;
		display: inline-block;
		position:relative;
		color: #000;
	}
	.bottom-right .navbar-nav li.active {
		background: transparent;
		width: 100%;
	}
	.bottom-right .navbar-nav li a:hover {
		color: #000!important;
	}
	.bottom-right .navbar-nav li a {
		color: #000;
	}
	.bottom-right .navbar-nav li>ul {
		background-color: #E7E7E7;
		display: inline-block;
		opacity: 1;
	}
	.bottom-right .navbar-nav li:focus>ul {
		position: relative;
		display: block;
	}
	.bottom-right .navbar-nav li a:before, .bottom-right .navbar-nav li a:after {
		display: none;
	}
	.project-section h1 span {
		width: 20%;
	}
	.project-section h1 {
    	padding-top: 3%;
    }
	.second-row .img-fluid {
		margin-bottom: 5%;
	}
	.project-section .pro-intro-r h2 {
		margin-bottom: 20px;
	}
	.project-section .pro-intro-r h2 .img-fluid {
		top: 3px;
	}
	.project-section .third-row .tr-heading {
		font-size: 20px;
	}
	.project-section .third-row .img-fluid {
		height: 100%;
	}
	.pro-pg-bl h5, .pro-pg-br h5, .pro-secbl-list h5, .pro-secbr-list h5, .oldpro-2-list h5 {
		margin-top: 5%;
	}
	.dimens-sec .nav-tabs {
		display: inline-block;
	}
	.dimens-sec .tab-content .dimen-info ul li {
		padding: 20px;
		font-size: 12px;
		line-height: 10px;
	}
	.pro-sec-spects .media-object-default .media img {
		width: 60px;
	}
	.pro-sec-spects .media-object-default .media .media-body ul {
		padding-right: 15px;
	}
	.pro-sec-spects .media-object-default .l1 h5, .pro-sec-spects .media-object-default .l4 h5, .pro-sec-spects .media-object-default .l5 h5 {
		width: 150px;
	}
	.pro-sec-spects .media-object-default .l6 h5 {
		width: 110px;
	}
	.pro-sec-spects .media-object-default .l7 h5 {
		width: 150px;
	}
	.fancy-box .f1 {
		padding: 30px 15px;;
	}
	.icon-bar {
		right: 10px;
	}
	.icon-bar a .img-fluid {
		width: 35px;
	}
	.popup-form .btn-style-three {
		right: -10px;
		padding: 2px 10px;
	}
	.popup-form .btn-style-three .btn-title {
		font-size: 15px;
	}
	.project-section .pro-intro-r p, .pro-secbl-list ul, .pro-pg-l-list ul, .pro-pg-bl ul, .pro-pg-br ul, .pro-secbr-list ul, .pro-pg-r-list ul, .pro-pg-bl ul, .pro-pg-br ul, .oldpro-2-list ul {
		padding-left: 10px;
		padding-right: 15px;
	}
	.pro-sec-spects .media-object-default .media .media-body ul li {
		padding-right: 5%;
	}
	.pro-sec-spects .media-object-default .media .media-body ul li:before {
		left: 20%;
	}
	.pro-sec-sitehide h4 {
		margin-top: 3%;
	}
	.site-cont-map .list-group {
		padding: 10px;
	}
	.site-cont-map .list-group .list-group-item {
		padding: 0.75rem 0.5rem;
	}
	.site-cont-map .list-group .list-group-item:before {
		width: 40px;
		height: 40px;
		left: 50px;
	}
	.site-cont-map .list-group .list-group-item:nth-child(2):before {
		height: 40px;
	}
	.site-cont-map .list-group .list-group-item:nth-child(3):before {
		height: 42px;
	}
	.site-cont-map .list-group .list-group-item a {
		font-size: 22px;
		line-height: 35px;
	}
	.pro-sec-spects .media-object-default .media .media-body ul li {
		font-size: 18px;
	}
	.site-vid-map {
		padding-left: 0;
		padding-right: 0;
	}
	.site-vid-map h5 {
		margin-top: 5%;
	}
	.project-gallery .project-gallery-img .card {
		max-width: 100%;
	}
	.project-gallery .project-gallery-img .card .card-body h5, .project-gallery .project-gallery-img .card:nth-child(4) .card-body h5, .project-gallery .project-gallery-img .card:nth-child(6) .card-body h5, .project-gallery .project-gallery-img .card:nth-child(7) .card-body h5 {
		margin: 0;
		width: 40%;
		margin-left: 30%;
	}
	.cont-text-info a {
		margin-top: 3%;
		margin-bottom: 5%;
		margin-left: 30%;
		margin-right: 30%;
	}
	.cont-text-info .btn-box {
		margin-left: 5%;
		margin-right: 5%;
	}
	.about-sub-headt {
		margin-top: 7%;
	}
	.about-sub-headt .img-fluid {
		width: 70px;
		margin-bottom: 2%;
	}
	.about-sub-headt h3 {
		font-size: 22px;
	}
	.about-sub-headt h3 span {
		width: 60%;
	}
	.about-sec-tr h4 {
		font-size: 20px;
	}
	.about-sec-tr p {
		padding: 10px 37px;
		margin: 0;
		text-align: justify;
	}
	.about-sub-headb h3 {
		font-size: 22px;
	}
	.about-sec-blhd ul {
		padding: 5px 25px;
	}
	.about-sec-br .img-fluid {
		top: 0;
	}
	.about-sec-mainb {
		padding-top: 3%;
		padding-bottom: 3%;
	}
	.team-sec .section-intro h1 {
		margin-top: 3%;
	}
	.team-sec .section-intro h1 span {
		width: 20%;
	}
	.team-sec .card {
		padding-top: 3%;
		margin-bottom: 10%;
	}
	.testmon .section-intro h1 span {
		width: 80%;
	}
	.test-photo-active .test-images .img-fluid {
		margin-bottom: 10%;
		padding-left: 35%;
		padding-right: 35%;
	}
	.test-content-active .test-wrap .dialogue-box {
		padding: 5px;
	}
	.test-content-active .test-wrap .dialogue-box p {
		font-size: 18px;
	}
	.test-img .img-fluid {
		padding-left: 15%;
		padding-right: 15%;
	}
	.test-img ul li {
		font-size: 20px;
	}
	#scroll p {
		font-size: 18px;
	}
	.footer-top .ftop-two h4, .footer-top .ftop-three h4, .footer-top .ftop-four h4 {
		font-size: 18px;
		text-align: center;
		margin-bottom: 30px;
	}
	.footer-top .ftop-two h4:before {
		left: 130px;
	}
	.footer-top .ftop-three ul li, .footer-top .ftop-four p, .footer-top .ftop-four, .footer-bottom p {
		text-align: left;
	}
	.footer-top .ftop-three ul li:before {
		left: 10px;
	}
	.footer-bottom p {
		text-align: center;
	}
	.pro-h-sec .pro-h1 span {
		width: 40%;
	}
	.pro-h-sec .pro-h3 {
		margin-bottom: 5%;
	}
	.pro-h-sec .embed-vid h4 {
		margin-top: 5%;
	}
	.pro-old-r .pro-r-heading {
		margin-top: 7%;
		margin-bottom: 7%;
	}
	.experties-sec .section-intro {
		margin-top: 5%;
	}
	.experties-sec .section-intro h1 span {
		width: 50%;
	}
	.experties-box ul {
		padding-left: 15px;
		padding-right: 15px;
	}
	.experties-box ul li {
		margin-bottom: 7%;
		padding-left: 15%;
	}
	.expertise-b .btn-style-three {
		top: 0;
	}
	#service-page .expertise-b .img-fluid {
		float: none;
	}
	.service-sec {
		padding-top: 2%;
		text-align: center;
	}
	.service-sec .section-intro h1 span {
		width: 60%;
	}
	.service-sec .card1 .card-body .btn-style-three, .service-sec .card2 .card-body .btn-style-three {
		top: 0;
	}
	.service-sec .card1 .card-img-top {
		width: 100%;
	}
	.service-sec #cardtwo {
		margin: 0;
	}
	.scroll-to-top {
		font-size: 15px;
		right: 5px;
		width: 20px;
	}
	.about-page-title h1, .contact-page-title h1 {
		font-size: 20px;
	}
	.about-page-title-image .breadcrumb, .contact-page-title-image .breadcrumb {
		bottom: -10px;
		right: -15px;
		padding: 0.5rem;
	}
	.about-page #wkdaboutCarousel {
		padding: 5px;
	}
	.about-page .about-page-bttitle {
		text-align: center;
	}
	.about-page .about-page-bttitle .img-fluid {
		width: 250px;
	}
	.about-page .about-page-text {
		padding-left: 15px;
		padding-right: 15px;
		text-align: justify;
	}
	.about-page-content .c1 h4, .about-page-content .c2 h4, .about-page-content .c3 h4, .about-page-content .c4 h4, .about-page-content .c5 h4 {
		margin-top: 5%;
	}
	.about-page-content .c1 h4 span, .about-page-content .c2 h4 span {
		width: 40%;
	}
	.about-page-content .c3 h4 span, .about-page-content h4 span {
		width: 25%;
	}
	.about-page-content .c1 p, .about-page-content .c2 p, .about-page-content .c3 p, .about-page-content p, .about-page-content .c4 ul {
		padding-left: 20px;
		padding-right: 20px;
		text-align: justify;
	}
	.about-page-content .c4 ul {
		padding-top: 2%;
	}
	.about-page-content .c4 ul li {
		margin-left: 5%;
	}
	.about-page-content .c5, .about-page-content .c5 ul {
		padding-left: 5%;
		padding-right: 5%;
	}
	.about-page-content .c5 h4 {
		font-size: 20px;
	}
	.ne-content-bt {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	.ne-content-bt h5 {
		font-size: 22px;
		text-align: center;
	}
	.ne-content-bt h5 span {
		width: 100%;
		margin: 0;
	}
	.ne-content-cardbox {
		text-align: center;
	}
	.brochure .brochure-text {
		margin-top: 3%;
	}
	.brochure .brochure-text .btn-group {
		margin-bottom: 3%;
	}
	.brochure .section-img {
		margin-top: 7%;
	}
	#vision-dialog, m#mission-dialog {
		padding-left: 30%;
		padding-rigth: 30%;
	}
	.team-page .section-intro .team-head {
		margin-top: 3%;
	}
	.team-page .section-intro .team-head span {
		width: 60%;
	}
	.team-page .team-page-content {
		padding-left: 30px;
		padding-right: 35px;
	}
	.team-page .team-page-content ul {
		padding-left: 10%;
		padding-right: 10%;
	}
	.team-page .team-page-content ul li {
		letter-spacing: 1px;
		line-height: 35px;
	}
	
	.career-page .section-intro .career-page-head, .contact-page .section-intro .contact-page-head {
		margin-bottom: 5%;
	}
	.career-form h3 {
		text-align: center;
	}
	.career-form .form-group {
		text-align: center;
	}
	.career-page .social h3 {
		font-size: 22px;
	}
	.career-page .social h5 .wta {
		font-size: 20px;
	}
	.career-positions {
		border: none;
		padding-left: 15px;
		padding-right: 15px;
	}
	.contact-page .section-intro .contact-page-head {
		margin-top: 5%;
	}
	.contact-page .section-intro .contact-page-head .img-fluid {
		width: 35px;
		position: relative;
		top: -5px;
	}
	.contact-page h6 {
		text-align: center;
		font-size: 0.85rem;
	}
}
    /* styles */
	
@media screen and (min-width: 992px) and (max-width: 1024px){
	.contBox {
		width: 80%;
	}
	.header-logo .img-fluid {
		padding-bottom: 3%;
	}
	.top-right a {
		display: none;
	}
	.middle .top-contacts li a {
		font-size: 18px;
		line-height: 28px;
	}
	.navbar {
		display: block;
	}
	.sticky-header {
		visibility: hidden;
	}
	.icon-bar a .img-fluid {
		width: 30px;
	}
	.project-section .pro-intro-r h6, .pro-secbr-list h5, .pro-old-r .pro-r-heading h4 {
		margin-top: 3%;
	}
	.pro-sec-spects .media-object-default .l1 h5, .pro-sec-spects .media-object-default .l2 h5, .pro-sec-spects .media-object-default .l3 h5, .pro-sec-spects .media-object-default .l4 h5, .pro-sec-spects .media-object-default .l5 h5, .pro-sec-spects .media-object-default .l6 h5, .pro-sec-spects .media-object-default .l7 h5 {
		width: 150px;
	}
	.pro-sec-spects .media-object-default .media .media-body ul li:before {
		left: 25%;
	}
	.pro-sec-spects .media-object-default .media .media-body ul li {
		font-size: 18px;
	}
	.project-gallery .project-gallery-img .card .card-body h5 {
		margin-left: 25%;
		margin-right: 25%;
	}
	.cont-text-info .btn-box {
		margin-left: 36%;
		margin-right: 36%;
	}
	.about-sec-tr p, .about-sec-tr h4 {
		margin-left: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	.expertise-b .img-fluid {
		margin-top: 0;
	}
	.expertise-b .btn-style-three {
		top: 20px;
	}
	.test-photo-active .test-images .img-fluid {
		padding-left: 30%;
		padding-right: 30%;
	}
	.test-img .img-fluid {
		padding-left: 25%;
		padding-right: 25%;
	}
	.test-img ul {
		margin-left: 25%;
		margin-right: 25%;
		padding-top: 2%;
		padding-bottom: 2%;
	}
	.about-page-content .c5 {
		padding: 1% 5%;
	}
	.ne-content-cardbox, .ne-content-bt h5 {
		text-align: center;
	}
	.ne-content-bt h5 span {
		margin-left: 30%;
		margin-right: 30%;
	}
	.project-gallery .project-gallery-img .card:nth-child(4) .card-body h5 {
		margin-left: 25%;
		margin-right: 25%;
	}
	.team-page .team-page-content {
		padding-left: 15%;
		padding-right: 15%;
	}
	#service-page .expertise-b .img-fluid {
		float: none;
	}
	.career-positions {
		border-left: none;
	}
	.contact-wrap ul {
		padding-left: 15%;
		padding-right: 15%;
	}
}
	
@media screen and (min-width: 992px){
    /* styles */
}
/* Tablets, iPads (landscape) ---------- */
@media screen and (min-width: 1024px){
    /* styles */
}
/* Desktops and laptops ---------- */
@media screen and (min-width: 1224px){
    /* styles */
	
}
/* Large screens ---------- */
@media screen and (min-width: 1824px) {
    /* styles */
	
}