@media(max-width:3000px) and (min-width: 1700px){
 .home-about .left-img {
    position: relative;
    left: -23%;
    top: 113px;
}
.home-about .text-box {
    position: absolute;
    top: 13%;
    left: 20%;
    width: 32%;
}
.home-slider h2 {
    font-size: 24px;
}
.navbar-brand img {
    width: 84%;
}
}


@media(max-width: 1280px) {
.home-about .left-img {
    position: relative;
    left: -47%;
    top: 113px;
}
.home-about .text-box{
    left: 14%;
}
}
@media(max-width: 992px) {
 header .mobile-navbar.open {
     right: 0%;
 }
 .navbar-toggler .icon-bar {
     display: block;
     width: 25px;
     height: 2px;
     border-radius: 0px;
     background-color: #000;
     position: relative;
     margin: 5px auto;
     transition: all ease-in-out 0.3s;
     -webkit-transition: all ease-in-out 0.3s;
     -moz-transition: all ease-in-out 0.3s;
     -o-transition: all ease-in-out 0.3s;
 }
 header .navbar-toggler.active .icon-bar.one {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 7px;
 }
 header .navbar-toggler.active .icon-bar.two {
     transform: translateX(40px);
     -webkit-transform: translateX(40px);
     -moz-transform: translateX(40px);
     -o-transform: translateX(40px);
 }
 header .navbar-toggler.active .icon-bar.three {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     bottom: 7px;
 }
 .mobile-navbar .navbar-nav {
     margin-top: 50px;
     display: block;
 }
 header .navbar-toggler, header .navbar-toggler:focus {
     border: 0;
     outline: 0;
     padding: 0;
     width: 25px;
     height: 25px;
     position: relative;
     overflow: hidden;
     z-index: 2;
     margin: 10px;
     top: 5px;
 }
 header .mobile-navbar.open {
     right: 0%;
 }
 header .mobile-navbar {
     z-index: 2;
     width: 100%;
     position: fixed;
     top: 0;
     padding: 0px;
     z-index: 1;
     right: -100%;
     background-color: #fff;
     color: #fff;
     height: 100vh;
     overflow-y: scroll;
     transition: all 0.3s;
 }
 .navbar-brand {
    top: 1px;
    left: 15px;
}
.navbar-brand img {
 margin: inherit;
 width: 85%;
 margin-top: 10px;
 display: flex;
 justify-content: center;
}
.navbar-expand-md .navbar-toggler {
    display: block;
    position: relative;
    top: 5px;
}
.navbar-expand-md .navbar-toggler:focus{
    box-shadow: none;
}
.home-about .text-box {
    position: RELATIVE;
    top: 0PX;
    left: 0PX;
    width: 100%;
    padding: 20px 30px;
}
.home-about .left-img{
    display:none;
}
.home-about .right-img {
    position: relative;
    right: 0;
    top: 0px;
    z-index: 1;
}
.home-slider h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;
}
.highlights-single h4 {
    font-size: 25px;
}
.highlights-single p {
    font-size: 16px;
    line-height: 20px;
}
.highlights-wrapper {
    margin-top: 10px;
    flex-wrap: wrap;
}
.highlights-single {
    width: 25%;
}
.gallery .heading br {
    display: none;
}
.heading {
    font-size: 30px;
}
.gallery .row {
    margin-top: -13%;
}
.navbar-brand {
    width: 23%;
}
.home-about .text-box p {
    margin-top: 15px;
    margin-bottom: 10px;
}
.heading br {
    display: none;
}
.highlights {
    padding: 40px 0px;
}
.gallery .text-box p {
    margin-top: 20px;
}
.footer-up .container h3 {
    font-size: 22px;
}
.footer-up .container img {
    width: 14%;
}
.highlights .logo-element{
    display:none;
}
.breadcum .caption-heading h1 {
    font-size: 30px;
}
.about-counter h4 {
    font-size: 23px;
}
.about-counter p {
    margin-bottom: 0;
    font-size: 13px;
}
.about-counter {
    padding: 20px;
    width: 23.5%;
    margin: 0px 5px 9px;
}
.vision-single {
    position: relative;
    margin-bottom: 45px;
}
.vision-mission {
    padding: 80px 0px 40px;
}
.value-single {
    margin-bottom: 20px;
}
.value {
    padding: 40px 0px;
}
.advantage-slider .item {
    padding: 33px 20px;
    margin-top: 45px;
    height: 30vw;
    margin-bottom: 2vw;
}
.advantage-slider .item p {
    margin-bottom: 0;
    font-size: 13px;
}
.advantage h5 {
    font-size: 17px;
}
.openings-wrapp .openings-single {
        width: 45%;
        padding: 30px 20px;
        height: 137px;
    }
.career-listing {
    padding: 40px 0px;
}
#contact {
    padding: 60px 0px 25px;
}
.home-about .right-img img {
    margin: 0 auto;
    display: block;
    margin-bottom: 40px;
}
.gallery .text-box {
    margin-bottom: 30px;
}
.bottom-single {
    margin-right: 10px;
}
.bottom-div p {
    font-size: 13px;
}
.bottom-div p  br{
    display:none;
}
.bottom-div {
    margin-top: 20px;
}
.bottom-div a {
    font-size: 13px;
}
.column a {
    line-height: 15px;
    font-size: 13px;
}
.bottom-single {
    width: 35%;
}
.main-footer {
    padding: 30px 0px;
}
.btm-strip p {
    font-size: 13px;
}
.btm-strip a {
    font-size: 13px;
}
.inner-about {
    padding: 40px 0px;
}
.vision-single h4 {
    top: -32px;
    font-size: 25px;
    padding: 8px 30px;
}
.opening-form .job-content h3 {
    font-size: 19px;
}
.contact-wrapper h5 {
    font-size: 18px;
}
header .mobile-navbar {
    align-items: self-start;
}
.gallery-slider .owl-prev {
    position: absolute;
    top: 47%;
    left: -30px;
}
.gallery-slider .owl-next {
    position: absolute;
    top: 47%;
    right: -28px;
}
.gallery-slider.owl-theme .owl-nav [class*=owl-], .gallery-slider.owl-theme .owl-nav [class*=owl-]:hover {
    font-size: 15px;
}
.col-lg-5.col-md-12.strip-pages {
    text-align: left;
}
.text-end {
    text-align:left !important;
}
.social-box a {
    font-size: 25px;
}
.column h4 {
    font-size: 16px;
}
.bottom-single img {
    margin-right: 16px;
    width: 20px;
}
.opening-form button.btn-close {
    top: 3%;
    right: 20px;
}
.services-inner .text-box {
    width: 100%;
}
.msg-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
div#cookieNotice .content-wrap p {
    margin-bottom: 5px;
}
div#cookieNotice .content-wrap p {
    margin-bottom: 0px;
    font-size: 15px;
}
ul.upper-nav{
    display: none;
}
.openings-wrapp .openings-single h3{font-size: 17px;}
}

@media(max-width: 767px) {
    .home-slider img {
        height: 400px;
        object-fit: cover;
    }
    .navbar-expand-md {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0px 0 0px;
    }
    .navbar-brand {
        width: 45%;
    }
    .heading {
        font-size: 24px;
    }
    .subheading {
        font-size: 15px;
    }
    .home-about .text-box {
        padding: 15px 20px;
    }
    .home-about .text-box p {
        font-size: 13px;
    }
    .home-services {
        padding: 35px 0px;
    }
    .highlights-single {
        width: 45%;
    }
    .gallery-bg {
        display: none;
    }
    .gallery h3 {
        color: #000 !important;
    }
    .gallery .heading {
        color: #000 !important;
    }
    .gallery {
        padding-bottom: 40px;
        padding-top: 45px;
    }
    .footer-up .container {
        flex-wrap: wrap;
    }
    .footer-up .common-btn {
        font-size: 12px;
        /* padding: 10px 13px; */
        margin-top: 20px;
        width: 104px;
        height: 35px;
    }
    .main-footer .footer-wrapp {
        margin-top: 15px;
        flex-wrap: wrap;
    }
    .column:nth-child(3) {
        width: 53%;
    }
    .column:nth-child(4) {
        width: 37%;
    }
    .social-box {
        margin-top:0px;
    }
    .social-box a {
        font-size: 32px;
        margin-right: 20px;
        margin-top: 15px;
        font-size: 20px !important;
    }
    .bottom-div {
        margin-top: 30px;
        flex-wrap: wrap;
    }
    .bottom-single {
        width: 100%;
    }
    .bottom-single img {
        margin-right: 10px;
        width: 6%;
    }
    .bottom-single {
        width: 100%;
        margin-bottom: 10px;
    }
    .column:nth-child(3) {
        margin-top: 10px;
    }
    .col-lg-5.col-md-12.strip-pages {
        text-align: left;
    }
    .text-end {
        text-align: left !important;
    }
    .btm-strip .container {
        padding: 20px 10px 20px 10px;
    }
    .column:nth-child(1) {
        width: 60%;
        margin-right: 0;
    }
    .column:nth-child(2) {
        width: 40%;
        position: relative;
    }
        .breadcum .caption-heading h1 {
        font-size: 30px;
    }
      .breadcum .main-img {
        height: 177px;
        object-fit: cover;
        object-position: top;
    }
.inner-about h2.heading {
    margin-bottom: 15px;
}
p{
    font-size:13px;
}
.about-counter {
    padding: 20px;
    width: 47%;
}
.vision-single p {
    font-size: 13px;
}
.vision-single .text-box {
    padding: 30px 30px;
}
.vision-mission {
    padding: 80px 0px 0px;
}
.services-inner .text-box {
    width: 100%;
}
.services-inner {
    padding: 40px 0px;
}
.advantage h4 {
    height: 40px;
    width: 40px;
    top: 15px;
}
.advantage h5 {
    font-size: 15px;
}
.advantage-slider {
    padding-left: 4%;
    margin-top: 10px;
}
.advantage-slider .item{
    height:50vw;
}
.related-services .owl-dots {
    bottom: -10px;
    width: 100%;
}
.gallery-wrapp .gallery-single {
    width: 48%;
    margin-bottom: 15px;
    position: relative;
}
.gallery-main {
    padding: 40px 0px 20px;
}
section.career h3 {
    margin-top: 20px;
}
.openings-wrapp {
    flex-wrap: wrap;
}
.openings-wrapp .openings-single {
    width: 100%;
    padding: 30px 20px;
    height: 165px;
}
.modal-body.conatct-section {
    flex-wrap: wrap;
}
.opening-form .job-content {
    width: 100%;
}
.opening-form .form-div {
    width: 100%;
}
.contact-wrapper {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.contact-wrapper a, .contact-wrapper a:hover {
    font-size: 13px;
}
.contact-wrapper h5 {
    font-size: 16px;
}
.form-div {
    padding: 35px 15px 20px 15px;
}
#contact {
    padding: 40px 0px 25px;
}
.navbar-brand img {
    width: 100%;
}
header {
    height: 70px;
}
.breadcum {
    position: relative;
    margin-top: 70px;
}
section.slider-section {
    margin-top: 70px;
}
.breadcrum-list a, .breadcrum-list span {
    font-size: 13px;
}
.navbar-expand-md .navbar-toggler {
    top: 10px;
}
header .navbar-toggler, header .navbar-toggler:focus{
 top: 10px;  
}
.career {
    padding: 40px 0px 40px;
}
.opening-form button.btn-close {
    top: 1%;
    right: 12px;
}
.home-slider h2 {
    font-size: 20px;

}
.common-btn {
    width: fit-content;
    height: auto;
    padding: 8px 12px;
    font-size:13px;
}
html{
    overflow-x:hidden;
}
.services-single .text-box h5 {
    font-size: 18px;
}
.services-single .text-box {
    padding: 15px 0 0 15px;
    z-index: 1;
}
.common-page {
    padding: 40px 0px;
}
.breadcum .caption-heading {
    top: 40%;
}
.sitemap a {
    font-size: 13px;
}
.sitemap h4 {
    font-size: 18px;
}
.sitemap {
    padding: 40px 0px;
}
.mobile-navbar .navbar-nav {
    margin-top: 50px;
    display: block;
    width: 100%;
}
li.nav-item.dropdown .dropdown-toggle:before {
    display: none;
}
.navbar-expand-md .navbar-nav .nav-link.active:before, .navbar-expand-md .navbar-nav .nav-link:hover:before {
    width: 28%;
}
.navbar-expand-md .navbar-nav .nav-link::before {
    background: #FD8C01;
    height: 3px;
    width: 0%;
    position: absolute;
    content: "";
    bottom: -8px;
    left: 0px;
    transition: all 0.4s;
}
.footer-up .container h3 {
        font-size: 22px;
        margin-left: 0;
    }
    .navbar-expand-md .navbar-nav .nav-item:nth-child(6) .nav-link {
    width: fit-content;
}
    .navbar-brand {
        top: 6px;
        left: 11px;
    }
    .footer-form .modal-body {
    padding: 45px 19px;
}
.modal-body label {
    display: inline-block;
    font-size: 11px;
    margin-bottom: 0;
    line-height: 32px;
}
.modal-content.footer-form img {
    width: 12%;
}
}
@media(min-width:768px) {
}