@media(max-width:1299px)
{
    .main-header .nav-menu ul li
    {
        padding-left: 16px;
        padding-right: 16px;
    }
    .image-with-text img, .text-with-image img, .imagetext-box img, img
    {
        max-width: 100%;
    }
    .banner-carousel.owl-carousel .owl-dots
    {
        margin-top: -30px;
    }
    body,
    html
    {
        overflow-x: hidden !important;
    }
    
}
@media(max-width:1180px)
{
    #menu-mainmenu
    {
        display: none;
    }
    .contactinformation .contact-details h2
    {
        font-size: 28px;
    }
}
@media(max-width:1024px)
{
    .banner-section .bannerslider .bannerslider-slide span
    {
        font-size: 50px;
        bottom: 95px;
        top: inherit;
    }
    .banner-section.innerpage .bannerslider .bannerslider-slide span
    {
        font-size: 60px;
        top: calc(50% - -10px);
    }

    .heading-large {
        font-size: 38px;
        line-height: 48px;
        overflow-wrap: break-word;
    }
    .leftspace-image-text,
    .rightspace-text-image
    {
        padding-left: 30px;
    }
    .footer-main .ftrmenutwocolmn ul li {
        float: none;
        width: 100%;
    }
    .start-conversation {
        
        padding-right: 15px;
        padding-left: 15px;
    }
    .start-conversation .ftr-head
    {
        display: none;
    }
    .footer-main .col-md-3
    {
        margin-bottom: 40px;
    }
    .copyright-txt p {
        font-size: 13px;
        position: relative;
        top: 0px;
        margin-bottom: 30px;
        line-height: 28px;
    }
    .ftr-logo {
        text-align: left;
    }
    .bottomcopyrightftr
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .ftr-head
    {
        margin-bottom: 15px;
    }
    
   
}
@media(max-width:991px)
{
    .banner-carousel.owl-carousel .owl-dots
    {
        top: calc(50% - 20px);
    }
    .container { width: 100%; }
    .rightspace-text-image {
        padding-right: 15px;
    }
    body.page-template-contact-us .banner-section {
        padding-top: 0px;
    }

    .banner-section.innerpage .bannerslider .bannerslider-slide span {
        font-size: 45px;
        top: calc(50% - 35px);
        padding: 0px 30px;
    }
    .main-header
    {
        position:static;
    }
    .banner-section {
        padding-top: 0px;
    }
    .banner-section .bannerslider .bannerslider-slide iframe {
        width: 100% !important;
        height: 350px !important;
    }
    .footer-main .col-md-3 {
        margin-bottom: 40px;
        width: 50%;
        float: left;
        height: 260px;
    }
    .footer-main .col-md-3:nth-child(3),
    .footer-main .col-md-3:nth-child(4)
    {
        height: auto;
    }
    .box-three {
        margin-top: -120px;
    }
    .cardsection-dark,
    .boxsection-three
    {
        width: 500px;
        margin: 0px auto;
        margin-top: 30px;
    }
    .cardwithsection .top-small-heading.top-40
    {
        margin-top: 0px;
    }
    .space-top-bottom,
    .footer-contactus
    {
        padding: 60px 0px;
    }
    .topright-shape::before
    {
        width: 245px;
        height: 181px;
        background-size: cover;
    }
    .bottomleft-shape::after
    {
        width: 259px;
        height: 134px;
    }
    .banner-section .bannerslider .bannerslider-slide span {
        bottom: inherit;
        top: calc(50% - 109px);
        font-size: 45px;
    }
    .banner-section .bannerslider .bannerslider-slide span
    {
        padding: 0px 30px;
    }
    a.btnsection {
        font-size: 18px;
        border-radius: 6px;
        padding: 15px 18px;
        width: 200px;
        margin-top: 35px;
    }
    .opencommand-menu span {
        width: 36px;
        height: 3px;
        margin-bottom: 7px;
    }
    .main-header .header-logo img
    {
        height: auto;
        max-width: 80%;
    }
    .image-with-text img, .text-with-image img, .imagetext-box img
    {
        width: 70%;
        margin: 0px auto;
        text-align: center;
        display: block;
    }
    .contactinformation {
        margin-top: 60px;
    }
    .contactfrom-list {
        padding-right: 15px;
    }
    
    .leftspace-image-text,
    .rightspace-text-image
    {
        padding-left: 15px;
    }
   
    .boxsection-three
    {
        margin-top: 60px; 
    }
    .boxsection-three img
    {
        width: 100%;
    }
    .cta-box {
        padding-bottom: 120px;
    }
    .cta-box a.btnsection {
        margin-top: 30px;
    }
    .res-footer-top
    {
        margin-top: 60px;
    }
    .res-top-space
    {
        margin-top: 60px;
    }
    .res-bottom-space
    {
        margin-bottom: 60px;
    }
}
@media(max-width:768px)
{

}
@media(max-width:767px)
{
    a.btn-download::before
    {
        right: 12px;
    }
    .opencommand-menu span {
        width: 30px;
        height: 2px;
        margin-bottom: 7px;
    }
    #engineeringservices .top-30
    {
        margin-top:0px;
    }
    .image-with-text img, .text-with-image img, .imagetext-box img
    {
        width: 100%;
    }
    .footer-main .col-md-3 {
        margin-bottom: 40px;
        width: 100%;
        float: none;
        height: auto;
    }
    .footer-main .col-md-3:nth-child(3),
    .footer-main .col-md-3:nth-child(4)
    {
        height: auto;
    }
    .directorname
    {
        font-size: 28px;
    }
    .banner-section.innerpage .bannerslider .bannerslider-slide span
    {
        font-size: 60px;
        top: calc(50% - 45px);
    }

    .banner-section .bannerslider .bannerslider-slide span
    {
        font-size: 45px;
    }
    a.btnsection
    {
        margin-top: 25px;
    }
    .footer-contactus .contact-heading
    {
        font-size: 42px;
    }
    .footer-section p {
        font-size: 20px;
        line-height: 28px;
    }
    
}
@media(max-width:600px)
{
   
    .banner-section .bannerslider .bannerslider-slide span {
        bottom: inherit;
        top: calc(50% - 83px);
        font-size: 45px;
    }
    .main-header .header-logo img {
        height: auto;
    }
    body.page-template-contact-us .banner-section .bannerslider .bannerslider-slide
    {
        height: auto;
    }
    .contact-form .fields-form:nth-child(2n + 1) {
        margin-right: 0px;
    }
    .contact-form .fields-form {
        width: 100%;
    }
    .footer-contactus .contact-heading {
        font-size: 34px;
    }
    .banner-section .bannerslider .bannerslider-slide {
        position: relative;
        height: 300px;
    }
    .banner-section img
    {
        object-fit: cover;
    width: 100%;
    height: 100%;
    }
    .banner-section .bannerslider .bannerslider-slide span
    {
        padding: 0px 30px;
    }
    .banner-section .bannerslider .bannerslider-slide span {
        font-size: 33px;
    }
    a.btnsection
    {
        font-size: 16px;
        padding: 13px 23px;
    }
    a.btnsection::before
    {
        right: 25px;
    }
    .cardsection-dark, .boxsection-three
    {
        width: 100%;
    }
    .contactform-footer .fields-data:nth-child(2n + 1) {
        margin-right: 0px;
    }
    .contactform-footer .fields-data {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .banner-section.innerpage .bannerslider .bannerslider-slide span
    {
        width: 100%;
        padding: 0px 30px;
        font-size: 45px;
        top: calc(50% - 22px);
    }
}
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }
  @media(max-width:1180px)
  {
    .opencommand-menu
    {
      display:block;
    }
    .main-header .nav-menu
    {
      display: flex;
      justify-content: end;
      text-align: right;
      width: 100%;
    }
  }