@media (min-width: 1400px){
   .midheader .container-fuild {
    width: 90%;
}

.menus ul li a {
    font-size: 18px;
    line-height: 26px;
}

.menus {
    margin-top: 15px;
}

.aboutbox {
    width: 70%;
    margin: 0px 15%;
}

.section-header h3, .section-header h1 {
    font-size: 32px;
    line-height: 40px;
}

p {
    font-size: 19px;
    line-height: 28px;
}

.btn-change8 {
    font-size: 15px;
    line-height: 26px;
}
.popupbanner h4 {
    font-size: 28px;
    line-height: 60px;
    margin: 15px 0;
}

.popupbanner span.cross {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
}
.citytab li a {
    font-size: 19px;
    line-height: 50px;
}

.pro-hndg h5 {
    font-size: 22px;
}

.pro-hndg ul li {
    font-size: 17px;
    line-height: 30px;
}

.pro-hndg ul li label {
    font-size: 21px;
    line-height: 30px;
}

.pro-hndg a {
    font-size: 16px;
    line-height: 40px;
    padding: 0 15px;
}

.facts-number-box .facts-number-box-right h4 {
    font-size: 26px;
    line-height: 50px;
}

.facts-number-box .facts-number-box-left h6 {
    line-height: 60px;
    font-size: 80px;
}

.container {
    width: 80%;
}

.post-description {
    font-size: 21px;
    line-height: 30px;
}

.mrbtn h4 {
    font-size: 24px;
}

.footer-main .footer-one h2 {
    font-size: 22px;
}

.footer-main .footer-one p, .contact-form input[type=email], .contact-form input[type=text], .contact-form input[type=tel], .contact-form ul li textarea {
    font-size: 18px;
}

.footer-main .footer-one h3, .gallerymenu ul li a, .currentrow div h3, .contact-tel.mob ul li span {
    font-size: 19px;
    line-height: 30px;
}
.footer-main .footer-four h2, .footer-main .footer-five h2, .currentrow div.jobtitle h3, .contact-tel.mob ul li p {
    font-size: 21px;
}
.dropdown-menu > li > a {
    font-size: 18px;
    line-height: 30px;
}
.footer-main .footer-four ul li a {
    font-size: 18px;
    line-height: 32px;
}

.footer-main .footer-five input[type="text"], .footer-main .footer-five input[type="tel"], .footer-main .footer-five input[type="email"] {
    font-size: 19px;
    line-height: 24px;
}
.copyright p, .copyright p a {
    font-size: 16px;
    line-height: 50px;
}
.aboutcont {
    padding: 50px 200px;
}

.teampro h4 {
    font-size: 26px;
}
.mislft ul li {
    font-size: 19px;
    line-height: 26px;
}

.mislft h3, .misgt h3{
    font-size: 32px;
    line-height: 40px;
}
.teampro h4 span {
    font-size: 20px;
}
.prohd h4 {
    font-size: 21px;
    letter-spacing: 1px;
}
#header {
    height: 125px;
}
.clbhs ul li label {
    font-size: 21px;
    line-height: 30px;
}

.downloads h4, .gallerrystn h4, .contactus h4, .banklogo h4 {
    font-size: 21px;
    margin-bottom: 10px;
    margin-top: 15px;
}
.nav-tabs > li > a {
    font-size: 19px;
    line-height: 50px;
}

.downloads ul li {
    font-size: 21px;
}

.downloads ul li span {margin-right: 5px;}

.project .container {
    width: 90%;
}
.proimg span, .probtm h4 {
    font-size: 18px;
}

.probtm .bttn.btn-change8 {
    font-size: 14px;
}
}
@media (max-width: 1024px){
    .abtright h2 {
    font-size: 30px;
    line-height: 40px;
    padding: 25px 60px;
    margin: 0;
}

.section-header h3, .section-header h1 {
    font-size: 19px;
    margin-bottom: 0;
}

#header {
    height: auto;
}
.aboutcont h2 {
    padding: 10px 100px 10px 100px;
    font-size: 30px;
    line-height: 40px;
}

.teampro h4 {
    width: 55%;
}

.principledesk {
    padding: 30px;
}
.header.innerhead .nav-toggle, .header.innerhead .nav-toggle span {
    border: solid 1px #565656;
}
.abtright p {
    padding: 30px 20px 0 70px;
}
.header.innerhead a.nav-toggle.open, .header.innerhead a.nav-toggle.open span {
    border: solid 1px #e8e8e8;
}
p {
    font-size: 14px;
    line-height: 22px;
}

.web-container {
}

.citytab li a {
    padding: 0 50px;
    font-size: 14px;
}

.citytab li {
    margin: 0 5px;
}

.pro-hndg h5 {
    font-size: 14px;
}

.pro-hndg ul li {
    font-size: 11px;
}

.pro-hndg ul li label {
    font-size: 14px;
}

.facts_part .width-bg {
    width: 100%;
}

.mrbtn h4 {
    font-size: 15px;
}

.footer-main .footer-one {
    padding-left: 0;
}

#header #logo {
    width: 11%;
}
.footer-main .footer-five ul{
    width:100%;
}
.projectenquiryform {
}

.logoo {
    padding: 5px 0;
}

.enquirform {
    padding: 10px;
}

.contdetl {
    margin-top: 10px;
    padding-top: 10px;
}

.projectenquiryform ul li {
    margin: 3px 0;
}
.projectenquiryform h3 strong {margin-left: 10px;}

.projectenquiryform h3 {
    font-size: 13px;
    line-height: 20px;
    padding: 0;
}

.logoo h4 {
    font-size: 18px;
    line-height: 40px;
}
.projectenquiryform ul li:last-child input[type="submit"] {
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
}
.videosnt.pressrelease .lightbox {
}

.videosnt.pressrelease .lightbox img.img-responsive {
    width: 100%;
}
.menus {
    margin: 0;
}
.gallery {
    width: 100%;
    margin: 0;
}
}
@media all and (max-width:768px){
    .desktop-show, ul.menustab{
        display:none;
    }
    .mobile-show{
        display:block;
    }
    #intro .carousel-item {
    height: 50vh;
    }
    .carousel-inner{
        height: auto;
    }
    .carousel-background {
    width: 100%;
    float: left;
    height: 100%;
}
    .popupbanner {margin-left: 0;}
.popupbanner h4 {font-size: 13px;letter-spacing: 0;}
.popup .container {
    width: 100%;
}
#disclaimerpop {
    width: 80%;
    left: 10%;
    right: 10%;
    bottom: 30%;
}
    .videosnt.pressrelease .lightbox {
    width: 49%;
}
.header.innerhead.fixed{
    padding:0px;
}
.gallerymenu ul li a {
    font-size: 12px;
    line-height: 20px;
    float: left;
    padding: 0 20px;
}
.videosnt.pressrelease .lightbox {
    width: 100%;
    margin: 0 0 20px 0;
}
.project-add {
    display: inline-block;
    width: 100%;
}

.enquirform {
    padding: 50px 150px;
}
    .projectenquiryform {
    border-left: 0;
}
.logoo h4 {
    font-size: 19px;
    line-height: 34px;
}
.projectleft {
    padding-top: 10px;
    margin-top: 10px;
    width: 100%;
}

.panel-default {
    margin: 25px 0;
}

.project-wapper {
    padding: 0;
}
.teams {
    width: 100%;
}
.header.innerhead .menus ul li a {
    color: #ddd;
}
.teamcont {
    height: auto;
    padding-bottom: 25px;
}

.teampro h4 {
    width: 65%;
}

.aboutcont h2 {
    font-size: 26px;
}

.mislft {
    padding: 25px;
    width: 100%;
}

.mission {
    display: inline-block;
}

.misrgt {
    width: 100%;
    height: 700px;
    float: left;
}
.aboutcont {
    padding: 25px;
}
    .col-lg-6.col-md-6.col-xs-12.col-sm-12.pull-left.p-0, .col-lg-6.col-md-6.col-xs-12.col-sm-12.pull-right.p-0 {
    max-width: 100%;
}
.abtright p {
    left: 0;
    padding: 50px;
}

.moreabt .container {
    width: 90%;
}
#header #logo{
    margin:0px;
}
.menu {
    width: 100%;
    position: fixed;
    left: 0;
    top: -100vh;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
    z-index: 4;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    background-size: cover;
    background-position: center;
    opacity: 1;
    transition: all 500ms;
    height: 100vh;
}
 .menu ul {
    list-style: none;
    width: 80%;
    margin-top: 10vh;
    display: inline-block;
    float: left;
    margin-left: 10%;
    height: 100%;
    text-align: left;
}

 .menu a {
    color: white;
    text-decoration: none;
}
 .menu.open {
    visibility: visible;
    opacity: 1;
    top: 0;
}
.menus .nav-menu > li {
    width: 100%;
    padding: 0;
}

.menus .nav-menu > li a {
    line-height: 50px;
    border-bottom: solid 1px #545353;
}
.banners img {height: 100%;}
.midheader .container-fuild {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.web-container {
    width: 100%;
}
.header.fixed .nav-toggle, .header.fixed .nav-toggle span {
    border: solid 1px #000;
}
.projectbox {
    width: 100%;
}
.probox {
    width: 47%;
}
.menustab {
    margin-bottom: 0;
}
.project-wapper {
    display: flex;
    flex-wrap: wrap;
}

.projectenquiryform h3 {
    width: auto;
    padding: 0 10px;
}

.contdetl {
    padding-top: 5px;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media (max-width: 630px){
    
.footer-main .footer-one {
    padding: 0;
    width: 72%;
}
.lightbox {
    width: 100%;
}
.aboutcont h2 {
    padding: 0;
}
.aboutcont {
    padding: 10px;
}
.teampro h4 {
    width: 60%;
}
.footer-main .footer-four {
    float: right;
}
.mrbtn {
    width: 100%;
    margin: 20px 0;
}
.footer-main .footer-five {
    width: 100%;
}
.facts_part .facts-number {max-width: 80%;margin: 20px 10%;flex-wrap: wrap;text-align: left;}

.facts-number .facts-number-box {
    width: 100%;
    text-align: left;
}

.facts-number-box .facts-number-box-left h6 {
    text-align: left;
}

.facts-number .facts-number-box .col-sm-9.col-xs-9.facts-number-box-right {
    padding: 15px 0;
}

.col-sm-12.margin-facts.mb-20.row {
    margin: 0;
    padding: 0;
}
#header #logo{
    width: 25%;
}
.copyright p, .copyright p a {
    width: 100%;
    float: left;
    line-height: 20px;
    text-align: center;
}

.copyright {
    padding: 15px 0;
}
.facts-number-box .facts-number-box-left h6 {
    font-size: 36px;
}

.facts-number-box .facts-number-box-right h4 {
    font-size: 16px;
}

.facts-number-box .facts-number-box-right h5 {
    font-size: 13px;
}

.facts-number .facts-number-box .col-sm-9.col-xs-9.facts-number-box-right {
    padding: 5px 0;
}
.moreabt{
    padding:25px 0px;
}
.probox {
    width: 100%;
    margin: 0 0 20px 0;
}

    .enquirform {
    padding: 25px;
}
.clbhs ul li {
    margin: 5px 0;
}

div#main_content {
    padding: 0;
}
.dtnc {
    margin: 25px 0;
    padding-left: 20px;
}
.currentjob {
    width: 100%;
    margin: 0;
    padding: 25px;
}

.currentrow {
    padding: 5px 0;
    flex-wrap: wrap;
    width: 48%;
    float: left;
}

.currentrow div.jobtitle {
    width: 100%;
}

.currentrow div {
    width: 100%;
    float: left;
}

.currentjob h4 {
    width: 100%;
    display: inline-block;
}

.currentrow div {
    margin: 5px 0;
}
.careerbox {
    padding: 20px 0;
}
.currentrow div.jobaction a.bttn.btn-change8 {
    margin: 0;
}
.currentrow div.jobaction {
    width: 100%;
}
.contact-dtl {
    width: 92%;
}

.contact-tel ul {
    flex-wrap: wrap;
}

.contact-tel.mob ul li {
    width: 100%;
    margin-bottom: 10px;
}

.contact-form {
    width: 92%;
    margin: 0 4%;
}

.contact-form ul li {
    width: 100%;
    margin: 10px 0;
}
}
@media (max-width: 460px){
    .nav-toggle {
    width: 40px;
    height: 36px;
}
.header.fixed .menus ul li a {
    color: #ededed;
}
.loaderlogo {
    position: absolute;
    top: 40%;
    left: 40%;
    transform: translate(-50%,-50%);
}
.copyright p, .copyright p a {
    padding: 0;
}
.abouts img {
    height: 30vh;
    object-fit: cover;
    object-position: top;
}
.contdetl {
    flex-wrap: wrap;
}

.projectenquiryform {
    margin: 0;
}
.aboutcont h2 {
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 15px;
}

.principledesk {
    padding: 30px 0;
}

.teampro h4 {
    width: 100%;
}

.teampro img {
    position: static;
}

.teamcont {
    padding: 0;
    margin: 0;
}

.teams {
    padding: 25px;
    text-align: center;
    margin: 20px 0;
}
.nav-toggle span {
    margin: 0;
}

.nav-toggle span:nth-child(1) {
    top: 6px;
}

.nav-toggle span:nth-child(2) {
    top: 15px;
}

.menus {
    margin: 0;
}
    .abtimg img {
    object-fit: cover;
}

.abtright h2 {
    padding: 15px 30px;
    font-size: 23px;
    line-height: 34px;
}

.abtright p {
    padding: 15px;
}

.citytab {
    display: flex;
}

.citytab li {
    width: 100%;
}

.citytab li a {
    padding: 0 15px;
    font-size: 12px;
    width: 100%;
}

.section-bg {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-12.col-md-12.col-sm-12.facts-quality ul {
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
}

.col-lg-12.col-md-12.col-sm-12.facts-quality ul li {
    width: 100%;
    margin-bottom: 20px;
}

section.facts {
    padding: 25px 0;
}

.post-description i {
    font-size: 40px;
}
.footer-main .footer-one {
    width: 100%;
}
.owl-next {
    width: 25px;
    height: 25px;
    right: -3%;
}

.owl-prev {
    width: 25px;
    height: 25px;
    left: -3%;
}
.footer-main .footer-four {
    width: 100%;
}
.post-slide .post-title {font-size: 17px;border-width: 3px;}
.header.fixed {
    padding: 0;
}
#carousel .owl-prev {
    left: -8%;
}

#carousel .owl-next {
    right: -8%;
}
.copyright {
    padding-bottom: 60px;
}
.citytab li a {
    padding: 0 10px;
    line-height: 36px;
}
.panel-default {
    margin: 5px 0;
}
.currentjob {
    padding: 15px;
}

.currentrow {
    width: 100%;
    float: left;
}
.footer {
    padding: 25px 0;
}
}
@media (max-width: 360px){
    .contdetl {
    flex-wrap: wrap;
}
.panel.with-nav-tabs.panel-default .clbhs ul li {
    width: 100%;
    min-height: auto;
}
.enquirform {
    padding: 10px 0 15px;
}
.section-header h3, .section-header h1 {
    font-size: 17px;
    line-height: 28px;
}

.projectleft {
    margin: 0;
}

ul.pro-dec li {
    width: 100%;
}
.projectenquiryform {
    margin: 0;
}

ul.pro-dec li:first-child {
    margin-bottom: 15px;
}

.pro-dec {
    margin-bottom: 10px;
}

.nav-tabs > li > a {
    font-size: 12px;
    line-height: 16px;
}
}