@media (min-width: 1200px) {
  .kb-caption {
    /*bottom:55%;*/
    /*width: 40%;*/
            opacity: 1;
        z-index: 999999;
    }
  }

@media(min-width:959px) {
        header.main-header {
            overflow: visible
        }

         .top-nav>.top-nav-inner>.row>.row:not(.single-cell) {
            display: table
        }

        .top-nav>.top-nav-inner>.row>.row:not(.single-cell)>.grid-1-2 {
            display: table-cell;
            float: none;
            width: 100%;
            vertical-align: middle
        }

        .portfolio-filters .cbp-l-filters-dropdown {
            margin-bottom: 0
        }

        .portfolio-filters .cbp-l-filters-dropdownWrap {
            position: relative;
            background: 0 0;
            width: auto
        }

        .portfolio-filters .cbp-l-filters-dropdownList {
            display: block
        }

        .portfolio-filters .cbp-l-filters-dropdownList .cbp-filter-item {
            width: auto
        }

        .portfolio-filters .cbp-l-filters-dropdownHeader {
            display: none
        }

        .wpv-grid.left-border:before {
            position: absolute;
            top: 0%;
            bottom: 0%;
            left: 0;
            width: 1px;
            height: 100%;
            content: ""
        }

        .move-into-slider,
        .move-into-slider-2 {
            z-index: 10
        }

        .move-into-slider {
            margin-top: -60px
        }

        .move-into-slider-2 {
            margin-top: -20px
        }



    }

    @media(min-width:1281px) {

        .loop-wrapper.news>.grid-1-4:nth-child(4n+1),
        .loop-wrapper.news>.grid-1-3:nth-child(3n+1),
        .loop-wrapper.news>.grid-1-2:nth-child(2n+1),
         .portfolios>ul>.grid-1-3:nth-child(3n+1),
    .portfolios>ul>.grid-1-2:nth-child(2n+1) {
            clear: both
        }
    }

    @media(min-width:959px) and (max-width:1280px) {

        .responsive-layout .loop-wrapper.news>.grid-1-4,
        .responsive-layout .portfolios>ul>.grid-1-4 {
            width: 33.333333333333%
        }

        .responsive-layout .loop-wrapper.news>.grid-1-4:nth-child(3n+1),
        .responsive-layout .portfolios>ul>.grid-1-4:nth-child(3n+1) {
            clear: both
        }

        .responsive-layout .loop-wrapper.news>.grid-1-3:nth-child(3n+1),
        .responsive-layout .loop-wrapper.news>.grid-1-2:nth-child(2n+1),
        .responsive-layout .portfolios>ul>.grid-1-3:nth-child(3n+1),
        .responsive-layout .portfolios>ul>.grid-1-2:nth-child(2n+1) {
            clear: both
        }

        .responsive-layout header.main-header {
            position: relative;
            top: 0;
            right: 0;
            left: 0;
            margin: 0
        }

        .responsive-layout header.main-header .header-left {
            border-radius: 0;
            background-clip: padding-box;
            display: none
        }

        .responsive-layout header.main-header .header-right {
            display: none
        }

       .responsive-layout #footer-sidebars>.row .widget {
            padding-left: 20px;
            padding-right: 20px
        }
    }

    @media(min-width:959px) and (max-width:1140px) {
        .responsive-layout .page-content>.limit-wrapper {
            padding-left: 30px;
            padding-right: 30px
        }
        .cta .col .left-man {
           background-image: url('../img/true/review550.png') !important;
               width: 450px;
        }
    }

    @media(min-width:700px) and (max-width:958px) {

        .responsive-layout.boxed .page-wrapper>div,
        .responsive-layout.boxed .page-wrapper>article {
            padding-left: 120px;
            padding-right: 120px
        }

        .responsive-layout.boxed .row>div.grid-1-1.extended,
        .responsive-layout.boxed .row>div.grid-1-1.extended-content {
            padding-left: 120px !important;
            padding-right: 120px !important;
            margin-left: -105px;
            margin-right: -105px
        }

        .responsive-layout.boxed #footer-sidebars .widget,
        .responsive-layout.boxed .header-middle .header-middle-content {
            padding: 0 120px !important
        }
    }



    /******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/


@media only screen and (min-width: 1600px)
{
}

/************
2. 1440px
************/

@media only screen and (max-width: 1540px)
{
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
    .u-color-text-white {
        font-size: 22px;
    }
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
        .feature_item {
                padding: 20px 40px 20px 20px;
        }
         .split-content__item {
        min-width: auto;
        max-width: max-content;
    }
    .mbr-gallery .mbr-gallery-item, .mbr-gallery .mbr-gallery-item > div {
        height: 260px;
    }
    .mbr-gallery .mbr-gallery-item {
        margin-bottom: 10px;
    }
.smartfeature {
    padding-top: 40px;
    padding-bottom: 40px;
}
.smartfeature .main_title {
margin-bottom: 45px;
}
.smartcarousel .carousel-control-next, .smartcarousel .carousel-control-prev {
    z-index: 5;
}
       /* .vcarousel-item {
            max-height: 330px;
            object-fit: cobe;
        }*/
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{

    .limit-wrapper, .container{
        max-width: 90%;
    }
    .reshomepage {
        margin-top: 120px !important;
    }

    .kb-caption {
        z-index: 99;
    }
   
    .pinfo .tile {
        flex-basis:  calc(100% / 2);
    }
   .bg-brand-gray .py-5, .respad, .tbtprod .py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
   }
   .resmb {
    margin-bottom:  2rem !important;
   }
   .bg-brand-gray .p-5 {
    padding: 2rem !important;
   }
   .projectpad {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
   }
   .projectpad .primarycolor {
    font-size: 28px;
   }
   .u-color-text-white {
    font-size: 18px;
   }
   .text-display-4 {
    font-size: 30px;
}
.our-history-section:before {
        width: 330px;
    height: 400px;
        top: 170px;
}
.respad-0 {
    padding-top: 0 !important;
}
.respad-0 .wrapper {
    padding: 1rem;
}
.section-padding {
        padding: 60px 0 60px;
}
.about-us-section .tab-list {
    margin-left: 0;
}
.about-us-section .tab-list li a {
    width: 120px;
}
.cta {
    margin-top: 50px;
    margin-bottom: 50px;
}
.aboutusbanner {
    background-image: url('../img/aboutus1200.jpg');
    background-position: 100% 0;
}
.quickbanner {
    background-image: url('../img/quickbanner1200.jpg');

}
.mgobanner {
    background-image: url(../img/mgobanner1200.jpg);
}
.careerbanner  {
    background-image: url('../img/carrers1200.jpg');
}
.contactbanner {
    background-image: url('../img/contact1200.jpg');
    background-position-y: center
}
.tbtproductsbanner {
    background-image: url('../img/tbtproductsbanner1200.jpg');
}
.pinfobanner {
    background-image: url('../img/pinfobanner1200.jpg');
    background-position: center;
}
/*.projectsbanner {
    background-image: url('../img/projectbanner1200.jpg');

}*/
.respost {
    height: 250px;
}
.restext {
    text-align: justify !important;
}
.resfeature_area {
    padding: 1rem 3rem !important;;
}
.project_menu_item ul li {
    margin-left: 35px;
}
.gridimg {
    background-position-x: 95%;
}
.smartfeature .feature_item {
    height: 430px;
    padding: 15px;
}
.ressmartmarginb {
    margin-bottom: 0 !important;
}
.videologo {
    width: 380px;
}
.videocarouselitem .smart-caption h4 {
    font-size: 40px;
}
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
    .logo {
        width: 220px;
    }
    #main-menu .menu>.menu-item {
        padding: 3px 10px 0;
    }
  .bg-brand-gray .tile-set .primarycolor {
        font-size: 22px;
    }
.secondarycolor {
    font-size: 16px;
}
.customwidth {
    max-width: 100% !important;
}
.mfp-image-holder .mfp-content {
    max-width: 85%;
}
.mfp-bg {
    opacity: 0.95;
}
.ftco-section {
    padding: 40px 0;
}
.resmb2 {
    margin-bottom: 0.5rem !important;
}
.about-us-section-s2 .aboutus-video {
    position: relative;
            width: fit-content;
        margin: auto;
        margin-top: 25px;
}
.h-350 {
    height: 280px !important;
}
.achievegallery {
    grid-template-rows: repeat(1, 10rem);
}

.gallery__item--3 {
    grid-column: 1 / span 1;
    grid-row: 3 / span 2;
}
.gallery__item--4 {
    grid-column: 2 / span 1;
    grid-row: 5 / span 2;
}
.gallery__item--7 {
    grid-column: 1 / span 1;
    grid-row: 5 / span 2;
}
.towerimg {
    width: 100%;
    height: 60% !important;
}
.reswidth {
    max-width: 100% !important;
}

/*.servicesbox {
    box-shadow: 0 5px 5px rgb(255 255 255 / 64%) inset, 0 5px 5px rgb(255 255 255 / 68%);
}*/
.bgoverlay {
    background-color: rgba(0,0,0,0.05);
}
.about-us-section .about-us-man img {
    bottom: 0;
    transform: scale(1.0);
}
    .cta .col .left-man {
           background-image: url('../img/true/review480.png') !important;
                   width: 400px;
        height: 250px;
        }
            .enerbanner {
            background-position: 70%;
    }
.icsbanner {
    background-size: cover;
    background-position: top;
}
.crtbanner h1 {
    font-size: 42px;
}
.gridimg {
    background-size: 40%;
}
.resfeature_item {
    height: auto;
    margin-bottom: 10px;
}
.smartfeature .feature_item {
    height: 100%;
}


}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
    .res-only {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .lefttext {
        padding-left: 12px;
    }
    .righttext {
        padding-right: 12px;
    }
    .desk-only {
        display: none;
    }

.elementor-element.elementor-element-448161e .our-history-section:before {
    background: none;
}
.towerimg {
    display: none !important;
}
   .responsive-layout .page-wrapper > article {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
      .mbr-gallery-item--p2 {
    padding: 0.8rem; }

  .mbr-gallery .mbr-gallery-item--p2 {
    width: 50%; } 

.smartfeature .feature_item {
    height: 100%;
}
.resfeature_item {
    height: 380px;
    margin-bottom: 10px;
}
.desktop-only {
    display: none;
}
.mobile-only {
    display: flex;
}
.social_icon {
    display: none;
}
.tbtprod .split-content__item, .ressplit .split-content__item {
    padding: 1rem;
}

}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{

        .text-block {
        text-align: justify;
    }
    .container {
        max-width: 90%;
    }
    #top-nav-wrapper {
        display: none;
    }

/*.dropdown .dropdown-menu {
  display: none;
}*/

  .dropend:hover > .dropdown-menu {
    /*position: absolute;*/
    top: 0;
    left: 100%;
  }


        .responsive-layout html {
            background-image: none
        }

        .responsive-layout.page-header .title {
            padding: 30px 0 0 !important
        }

        .responsive-layout.no-header-sidebars.no-page-header .page-wrapper {
            padding-top: 20px
        }

        .responsive-layout .move-into-slider .icon.shortcode.box {
            padding: .1em
        }

        .responsive-layout .move-into-slider {
            margin-top: 0
        }
        .responsive-layout.boxed .boxed-layout {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0 !important;
            padding: 0 !important
        }

        .responsive-layout .alignleft,
        .responsive-layout .alignright {
            float: none
        }

        .responsive-layout .grid-1-2,
        .responsive-layout .grid-1-3,
        .responsive-layout .grid-1-4,
        .responsive-layout .grid-1-5,
        .responsive-layout .grid-1-6,
        .responsive-layout .grid-2-3,
        .responsive-layout .grid-2-5,
        .responsive-layout .grid-3-4,
        .responsive-layout .grid-3-5,
        .responsive-layout .grid-4-5,
        .responsive-layout .grid-5-6,
        .responsive-layout .left-only,
        .responsive-layout .right-only,
        .responsive-layout .left-right {
            float: none !important;
            clear: both !important;
            margin-bottom: 0;
            width: 100% !important
        }

        .reviews.grid-1-2 {
            width: 50% !important;
        }

        .responsive-layout .grid-1-2:last-child,
        .responsive-layout .grid-1-3:last-child,
        .responsive-layout .grid-1-4:last-child,
        .responsive-layout .grid-1-5:last-child,
        .responsive-layout .grid-1-6:last-child,
        .responsive-layout .grid-2-3:last-child,
        .responsive-layout .grid-2-5:last-child,
        .responsive-layout .grid-3-4:last-child,
        .responsive-layout .grid-3-5:last-child,
        .responsive-layout .grid-4-5:last-child,
        .responsive-layout .grid-5-6:last-child,
        .responsive-layout .left-only:last-child,
        .responsive-layout .right-only:last-child,
        .responsive-layout .left-right:last-child {
            margin-bottom: 0
        }

        .responsive-layout .grid-1-1 {
            margin-bottom: 0;
            float: none;
            clear: both
        }

        .responsive-layout .grid-1-1:before,
        .responsive-layout .grid-1-1:after {
            content: " ";
            display: table
        }

        .responsive-layout .grid-1-1:after {
            clear: both
        }

        .responsive-layout .grid-1-1:before,
        .responsive-layout .grid-1-1:after {
            content: " ";
            display: table
        }

        .responsive-layout .grid-1-1:after {
            clear: both
        }

        .responsive-layout .grid-1-1:last-child {
            margin-bottom: 0
        }

        .responsive-layout .row {
            margin-bottom: 0
        }

        .responsive-layout .row:last-child {
            margin-bottom: 0
        }

        .responsive-layout .copyrights {
            padding: 10px 0
        }

        .responsive-layout .copyrights,
        .responsive-layout .copyrights * {
            text-align: center !important
        }

        .responsive-layout .copyrights img.alignleft,
        .responsive-layout .copyrights img.alignright {
            display: inline-block;
            float: none
        }

        .responsive-layout .copyrights .wpv-grid {
            margin-bottom: 0
        }

        .responsive-layout .portfolio-viewer-wrap {
            padding: 0 30px
        }

        .responsive-layout.post-type-archive-product .products.vamtam-wc .product,
        .responsive-layout.tax-product_cat .products.vamtam-wc .product {
            margin-bottom: 20px
        }

        html.csstransforms .responsive-layout.post-type-archive-product .products.vamtam-wc .product span.onsale:before,
        html.csstransforms .responsive-layout.tax-product_cat .products.vamtam-wc .product span.onsale:before {
            border-width: 0 65px 65px;
            left: -28px
        }

        .responsive-layout .portfolios .portfolio-filters {
            margin-bottom: 0
        }

        .responsive-layout .portfolios .portfolio-filters .cbp-l-filters-dropdownWrap {
            background: #fff;
            border: 1px solid #ededed
        }

        .responsive-layout .portfolios .portfolio-filters .cbp-l-filters-dropdownHeader {
            color: #767676;
            text-transform: uppercase
        }

        .responsive-layout .portfolios .portfolio-filters .cbp-l-filters-dropdownHeader:after {
            border-color: #767676 transparent
        }

        .responsive-layout .portfolios .portfolio-filters .cbp-l-filters-dropdownWrap .cbp-filter-item {
            margin: 0
        }

        .responsive-layout .portfolios .portfolio-filters .cbp-l-filters-dropdown,
        .responsive-layout .portfolios .portfolio-filters .cbp-l-filters-dropdownWrap {
            width: 100%;
            max-width: 300px;
            display: inline-block;
            float: none
        }


        .responsive-layout .portfolios .portfolio_details .excerpt {
            display: none
        }

        .responsive-layout .portfolios .portfolio_details .title,
        .responsive-layout .portfolios .portfolio_details .title a {
            font-size: 1em;
            line-height: 1em
        }

        .responsive-layout .page-content .load-more {
            margin-bottom: 30px
        }

        .responsive-layout .page-content .load-more a {
            padding: 0
        }

        .responsive-layout #footer-sidebars {
            overflow: hidden
        }

        .responsive-layout #footer-sidebars .widget {
            padding: 0 10px !important
        }

        .responsive-layout footer.main-footer {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .responsive-layout article .loop-wrapper {
            padding: 0 0 20px !important
        }

        .responsive-layout article .loop-wrapper .list-item header.single {
            padding-top: 20px
        }

        .responsive-layout .column-read-more-btn {
            display: none
        }

        .responsive-layout .respond-box {
            margin-top: 30px
        }

      /*  .responsive-layout .page-wrapper>div,
        .responsive-layout .page-wrapper>article {
            padding-right: 15px !important;
            padding-left: 15px !important
        }*/

        .responsive-layout .header-middle {
            margin-bottom: 0
        }

        .responsive-layout .header-middle>.limit-wrapper,
        .responsive-layout .header-middle>.row .limit-wrapper>.extended-column-inner,
        .responsive-layout .header-middle .header-middle-content {
            padding-right: 30px;
            padding-left: 30px
        }

        .responsive-layout.boxed .row>div.extended.grid-1-1 {
            margin-right: -15px;
            margin-left: -15px;
            padding-right: 30px;
            padding-left: 30px
        }

        .responsive-layout .services.smallimage {
            margin: 0 60px
        }

        .responsive-layout #page {
            overflow: hidden
        }


        .responsive-layout .loop-wrapper.regular .post-row-left {
            display: none
        }

        .responsive-layout .loop-wrapper.regular .post-row-center {
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            width: 100%
        }

        .responsive-layout .loop-wrapper.regular .post-article .post-content-outer {
            padding-left: 5px;
            padding-right: 5px
        }

        .responsive-layout .loop-wrapper.regular .post-article .post-content-outer .post-meta div {
            border: none
        }

        .responsive-layout .loop-wrapper.news .post-content-wrapper {
            padding: 0;
            background: 0 0
        }


        .responsive-layout .ls-bottom-nav-wrapper {
            display: none
        }

        .responsive-layout .sep-text:not(.keep-always) .content {
            display: block;
            white-space: normal
        }

        .responsive-layout .sep-text:not(.keep-always) .sep-text-before,
        .responsive-layout .sep-text:not(.keep-always) .sep-text-after {
            display: none
        }

        .responsive-layout .sep-text-more {
            display: none
        }

        .responsive-layout .sep,
        .responsive-layout .sep-2,
        .responsive-layout .sep-3 {
            margin-top: 30px
        }

        .responsive-layout blockquote.simple .quote-thumbnail {
            float: none;
            width: auto;
            text-align: left;
            margin: 0
        }

        .responsive-layout blockquote.simple .quote-thumbnail img {
            display: none
        }


        .responsive-layout .wpv-grid.hide-bg-lowres {
            background-image: none !important
        }

        .responsive-layout .wpv-grid.extended-content.has-horizontal-padding {
            padding-left: 5px !important;
            padding-right: 5px !important
        }

        .responsive-layout .wpv-grid.extended-content.has-extended-padding {
            padding-left: 0;
            padding-right: 0
        }

        .responsive-layout .wpv-grid.extended-content .extended-column-inner {
            padding: 0 10px
        }

        .responsive-layout .wpv-hide-lowres {
            display: none
        }

        .responsive-layout .wpv-restrict-mobile-map {
            height: 180px
        }

        .responsive-layout .extended-column-inner {
            padding: 0
        }
 /*part2*/
     .responsive-layout header.main-header {
            position: relative;
            top: 0;
            right: 0;
            left: 0;
            margin: 0
        }

        .responsive-layout header.main-header .header-padding {
            padding: 0 !important;
        }

        .responsive-layout header.main-header .logo-wrapper .logo {
            min-width: 0 !important;
         width: 200px;
            vertical-align: middle
        }

       .responsive-layout header.main-header .logo-wrapper .logo img {
            top: 0;
            display: block;
            opacity: 1 !important;
            height: auto;
            max-width: 100%
        }

        .responsive-layout header.main-header .logo-wrapper .logo img.alternative-logo {
            display: none
        }

          .responsive-layout header.main-header .header-left {
            border-radius: 0;
            background-clip: padding-box;
            display: none
        }

        .responsive-layout header.main-header .header-right {
            display: none
        }

        .responsive-layout header.main-header .search-wrapper {
            display: none
        }

        .responsive-layout .fixed-header-box .logo-wrapper {
            padding-right: 20px
        }

         .responsive-layout header.main-header .top-nav {
            display: none !important
        }

        .responsive-layout header.main-header .logo {
            padding: 10px 0
        }

       .responsive-layout header.main-header .logo img {
            max-height: 65px
        }

        .responsive-layout header.main-header .logo-wrapper:before,
        .responsive-layout header.main-header .logo-wrapper:after {
            content: " ";
            display: table
        }

        .responsive-layout header.main-header .logo-wrapper:after {
            clear: both
        }

        .responsive-layout header.main-header .logo-wrapper:before,
        .responsive-layout header.main-header .logo-wrapper:after {
            content: " ";
            display: table
        }

        .responsive-layout header.main-header .logo-wrapper:after {
            clear: both
        }

        .responsive-layout .fixed-header-box {
            padding: 0
        }

        .responsive-layout #menus {
            float: none;
            display: inline-block
        }

        .responsive-layout #mp-menu-trigger {
            position: absolute;
            top: 50%;
            left: 0;
            z-index: 600;
            display: block;
            margin-top: -17.5px;
            padding-left: 20px;
            padding-right: 20px;
            width: 35px;
            height: 35px;
            text-indent: -100000px;
            cursor: pointer;
            visibility: hidden
        }

        .responsive-layout #mp-menu-trigger:before {
            position: absolute;
            top: 0;
            left: 20px;
            padding: 0;
            width: 35px;
            height: 35px;
            color: #f0542d;
            text-indent: 0;
            font-size: 35px;
            line-height: .9
        }

        .responsive-layout .mp-pusher {
            position: relative;
            left: 0;
            height: 100%
        }

        .responsive-layout .mp-level {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #ededed
        }

        .responsive-layout .mp-level::after {
            z-index: -1
        }

        .responsive-layout .mp-level.mp-level-overlay {
            cursor: pointer
        }

        .responsive-layout .mp-level.mp-level-overlay.mp-level::before {
            width: 100%;
            height: 100%;
            background: 0 0;
            opacity: 1
        }

        .responsive-layout .mp-level .mp-level {
            position: relative
        }

        .responsive-layout .mp-level .mp-back+ul {
            box-shadow: inset 0 1px rgba(255, 255, 255, .1)
        }

        .responsive-layout .mp-pusher::after,
        .responsive-layout .mp-level::after,
        .responsive-layout .mp-level::before {
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            content: '';
            opacity: 0
        }

        .responsive-layout .mp-pusher.mp-pushed::after,
        .responsive-layout .mp-level.mp-level-overlay::after {
            -webkit-transition: opacity .5s ease-out;
            transition: opacity .5s ease-out;
            width: 100%;
            height: 100%;
            opacity: 1
        }

        .responsive-layout .mp-pusher::after {
            -webkit-transition: opacity .3s ease-out, width .1s .3s ease-out, height .1s .3s ease-out;
            transition: opacity .3s ease-out, width .1s .3s ease-out, height .1s .3s ease-out;
            background: rgba(255, 255, 255, .8);
            z-index: 100
        }

        .responsive-layout .mp-level.mp-level-overlay>ul>li:first-child>a {
            box-shadow: inset 0 -1px transparent
        }

        .responsive-layout .mp-back {
            -webkit-transition: background .3s ease-out;
            transition: background .3s ease-out;
            position: relative;
            display: block;
            padding: 1em;
            outline: none;
            background: #2b2f34;
            box-shadow: inset 0 1px rgba(255, 255, 255, .1);
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 1px;
            font: normal 14px/20px "Segoe UI", Arial, sans-serif;
            ;
            font-weight: 700
        }

        .responsive-layout .mp-back::after {
            position: absolute;
            right: 10px;
            color: #fff;
            content: "\e006";
            font-size: 15px;
            font-family: theme;
            font-weight: 400;
            font-style: normal
        }
        .logo-wrapper  {
            padding-left: 0 !important;
        }

        .dfootlogo {
            /*width: 250px;*/
            margin-top: 10px !important;
            margin-bottom:  20px !important;
        }
    /*    footer.main-footer, footer.main-footer p, footer.main-footer a, footer.main-footer th, footer.main-footer td {
            font-size: 13px;
        }*/
        .resmargin {
            margin-left: 0 !important;
        }

        footer.main-footer .widget .widget-title {
            font-size: 18px;
        }

        .yellowdiv {
            z-index: 99;
            position: relative;
        }

        body.full #page .boxed-layout {
            margin-top: 80px;
        }
        .page-title {
            height: 350px;
        }
            .crtbanner h1, .servicesbanner h1, .tbtproductsbanner h1, .projectsbanner h1, .aboutusbanner h1, .pinfobanner h1 {
            font-size: 46px;
        }
        .text-display-4 {
            font-size: 1.9rem;
            margin-top: 0 !important;
        }
        .h-400 {
            height: 360px !important;
        }
        .responsive-layout .header-middle .header-middle-content {
            padding-left: 0;
            padding-right: 0;
        }
        .resflex .tile {
            flex-basis: calc(100% / 2);
        }
        .gallery__item--1 {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    margin: auto;
    /*margin-bottom: 35px;*/
}
.achievegallery {
    grid-template-rows: repeat(4, 18rem);
}

.gallery__item--2 {
        grid-column: 2 / span 1;
        grid-row: 1 / span 1;
        margin: auto;
        /*margin-bottom: 35px;*/
}

.gallery__item--3 {
    grid-column: 1/ span 1;
    grid-row: 2/ span 1;
    /*margin-bottom: 35px;*/
}

.gallery__item--4 {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}

.gallery__item--5 {
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
    /*margin: auto;*/
}

.gallery__item--6 {
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
    /*margin-bottom: 35px;*/
}
.gallery__item--7 {
    grid-column: 1 / span 1;
    grid-row: 4 / span 1;
}
.section-title h2 {
    font-size: 2.0rem;
}

.about-us-section .about-us-man img  {
    left: auto;
    right: 125px;
}
.about-us-section {
    padding: 60px 0 20px !important;
}
    .respost {
        height: 200px;
    }
    .newsbanner {
            background-size: cover !important;
    background-position: center !important;
    }
    .crtbanner h1 {
    font-size: 42px;
}
.restileslist .tile {
    flex-basis: calc(100% / 2);
    -webkit-flex-basis: calc(100% / 2);
}
.ressmartwidth {
    padding: 1rem !important;
}
.ressmartmarginb {
    padding-bottom: 1rem !important;
}
.videocarouselitem .smart-caption p {
    width: 70%;

}
    .reshomepage {
        margin-top: 70px !important;
    }
/*    .kb-carousel {
        height: 450px;
    }
    .kb-carousel > .carousel-inner > .carousel-item > img {
        height: 70vh;
    }
    .kb-carousel > .carousel-inner > .carousel-item > video {
        height: auto;
    }
     .kb-carousel > .carousel-inner > .carousel-item > video {
        width: 100%;
     }*/
     .disblock {
        display: none !important;
     }
     .resblock {
        display: block !important;
     }
 /*        .kb-caption {
        bottom: 40%;
    }
    .kb-carousel > .carousel-inner > .carousel-item::after {
        opacity: 0.25;
        background: rgba(0,0,0,0.9);
    }*/
}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{
/*    .pinfo .tile {
        flex-basis:  calc(100% / 1);
    }*/
/*    .h-300 {
        height: 300px !important;
    }*/
    .about-us-section .about-us-man {
        width: 240px;
    }
    .about-us-section .about-us-man img  {
    left: auto;
    right: 20px;
}
.section-padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
  .mbr-gallery .mbr-gallery-item, .mbr-gallery .mbr-gallery-item > div {
        height: 300px;
    }
    .mbr-gallery .mbr-gallery-item {
        margin-bottom: 20px;
    }
                .enerbanner {
            background-position: top;
    }
    .newsbanner h1 {
        font-size: 40px;
    }
        .project_menu_item ul li {
        margin-left: 16px;
    }
    .tile__wrapper.tile__wrapper--bg-image-hover {
        height: 15rem;
    }
    .innervideo {
       width: 85%;
    }
    .videologo {
    width: 325px;
}
.videocarouselitem .smart-caption p {
    font-size: 26px;
}
/*    .kb-carousel > .carousel-inner > .carousel-item > video {

        object-fit: cover;
        width: 100vw;
        height: 550px;
        position: fixed;
        top: 0;
        left: 0;
    }
        .kb-caption {
        bottom: 37%;
    }*/
}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
  .kb-caption {
          bottom: 0;
        width: 80%;
        top: 0;
        margin: auto;
        height: fit-content;
  }

    .split-content__item.w-50{
        width: 100% !important;
        /*padding-top: 0;*/
        padding-top: 10px;
    } 
    .split-content__item-body, .split-content__item .carousel, .split-content__item .wipe-in{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
       .bg-brand-gray .py-5, .respad, .tbtprod .py-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
   }
   .resmb {
    margin-bottom: 1rem !important;
    font-size: 28px;
   }
    .bg-brand-gray .p-5 {
    padding: 1rem !important;
   }
   .rescontent {
    justify-content: left;
   }
/*   .customwidth, .reswidth {
    max-width: 50% !important;
   }*/
   .tbtprod .split-content {
    margin: 0;
    align-items: left;
    justify-content: left;
   }
   .tbtprod .split-content__item {
    padding: 0;
   }
   .tbtprod .wipe-in {
    width: 500px;
    height: 300px;
   }
   .rescenter {
    margin: auto;
   }
   .ftco-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
   }
   .tile__wrapper.tile__wrapper--bg-image-hover {
        height: 16rem;
   }
   .text-display-4 {
    font-size: 30px;
}
.mbr-gallery .mbr-gallery-item {
    width: 50%; }
        .reviews.grid-1-2 {
            width: 100% !important;
        }
        #map, .resiframe {
    height: 350px;
}
    .resfeature_item {
        height: 320px;
    }
}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
        .section-title h2 {
        font-size: 1.8rem;
    }
      .dfootlogo {
            width: 240px;
            margin-bottom: 30px !important;

        }
        .resposition {
            display: flex;
        }
         .pinfo .tile {
        flex-basis:  calc(100% / 1);
    }
        .text-display-4 {
        font-size: 1.6rem;
    }
    .resalign {
    text-align: center !important;
    margin-top: 10px;
}
.servicesbox  {
    height: fit-content;
}
.resfonth2 {
    font-size: 1.7rem !important;
}
    .respost {
        height: 160px;
    }
    .resempty {
        height: 100px;
    }
.resminwid {
    width: 50% !important;
}
.ressmartwidth {
    width: 100%;
    max-width: 100% !important;
    min-width: 100% !important;
}
.ressmartwidth .wipe-in {
    height: 300px;
}
.ressmartwidth .wipe-in img {
    height: 100%;
}
    .gridimg {
        background-size: 50%;
        height: 500px;
        background-position-x: center;
        background-position-y: 90%;
    }
        .smartfeature {
        padding-top: 20px;
        padding-bottom: 20px;
    }
        .smartfeature .main_title {
        margin-bottom: 30px;
    }
    .innervideo {
        height: 350px;
    }
    .ressplit .wipe-in {
        margin-top: 0.2rem !important;
    }
}

@media only screen and (max-width: 650px) {
        .section-title h2 {
        font-size: 1.8rem;
    }
        .hero h1 {
        font-size: 2em;
    }
        .mfp-arrow {
            transform: scale(0.5);
        }
        .resflex .tile {
            flex-basis: calc(100% / 1);
        }
        .about-us-section-s2 .about-us-content .box  {
            width: 100%;
        }
        .cta .content {
    padding: 35px 0 45px 245px;
}
.cta {
    margin-bottom: 0;
}
.cta h2 {
        font-size: 1.45rem;
    line-height: 2em;
}
    .cta .col .left-man {
     background-size: contain;
        background-repeat: no-repeat;
        height: 215px;
    }
.aboutusbanner {
    background-image: url('../img/aboutus650.jpg');
}
.quickbanner {
    background-image: url('../img/quickbanner650.jpg');
}
.mgobanner {
    background-image: url('../img/mgobanner650.jpg');
}
.careerbanner  {
    background-image: url('../img/carrers650.jpg');
}
.newsbanner {
    background-image: url('../img/news650.jpg') !important;
}
.contactbanner {
    background-image: url('../img/contact650.jpg');
}
.projectsbanner {
    background-image: url('../img/projectsbanner650.jpg');
}
.tbtproductsbanner {
    background-image: url('../img/tbtproductsbanner650.jpg');
}
.pinfobanner {
    background-image: url('../img/pinfobanner650.jpg');
  /*background-size: 100% 100%;;*/
}
.newsbanner h1 {
    font-size: 36px;
}
.resminwid {
    width: 100% !important;
}
.crtbanner h1 {
    font-size: 36px;
}
.gridimg {
    background-size: 70%;
}
.smartfeatureheading {
    font-size: 26px;
}
.resfeature_item {
    height: 340px;
}
.innervideo {
    height: 320px;
}
.kb-carousel {
    height: 50vh;
}
.kb-carousel .carousel-inner, .kb-carousel .carousel-inner .carousel-item,  .kb-carousel > .carousel-inner > .carousel-item >  video,  .kb-carousel > .carousel-inner > .carousel-item > img  {
    height: 100%;
}
.kb-carousel > .carousel-inner > .carousel-item > img, .kb-carousel > .carousel-inner > .carousel-item > video {
    animation: non;
}
    .kb-carousel > .carousel-inner > .carousel-item > video  {
            width: 100%;
    object-fit: cover;
    }
    .resminblock {
        display: block !important;
    }
    .resblock {
        display: none !important;
    }
    .kb-caption {
        /*bottom: 40%;*/
        width: 75%;
    }
    .kb-caption h1 {
        font-size: 32px;
        padding: 10px 0;
    }
    .kb-caption h3 {
        font-size: 20px;
    }
    .enq_modal {
    max-width: 550px;
}
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
    .wipe-in {
        transition: none;
    }
    .resposition {
        display: block;
    }
      .responsive-layout #footer-sidebars .widget {
            padding: 0 40px !important
        }
        #footer-sidebars>.row .widget .widget-title {
            padding-top: 20px;
        }
        .page-title {
            height: 320px;
        }
        .crtbanner h1, .servicesbanner h1, .tbtproductsbanner h1, .projectsbanner h1, .aboutusbanner h1, .pinfobanner h1 {
            font-size: 40px;
        }
        .h-400 {
            height: 260px !important;
        }
          .bg-brand-gray .tile-set .primarycolor {
        font-size: 20px;
    }
.secondarycolor {
    font-size: 14px;
}
.container {
        max-width: 95%;
    }
       .projectpad .primarycolor {
    font-size: 24px;
   }
       .tbtprod .wipe-in {
        width: auto;
        height: 280px;
    }
    .respad2 {
        padding-bottom: 5px !important;
    }
       .mbr-gallery .mbr-gallery-item {
    width: 80%; 
margin: auto;
right: 0}

    .mbr-gallery .mbr-gallery-item--p2{
    width: 80%; 
margin: auto}
  /*      .section-title h2 {
        font-size: 1.4rem;
    }*/
    .social_icon ul h6 {
            font-size: 14px !important;
    line-height: 1.2;
    }
    .resfeature_area .headtext {
    line-height: 1;
    letter-spacing: 1px;
    font-size: 28px;
}
.crtbanner h1 {
    font-size: 34px;
        line-height: 50px;
}
.restileslist .tile {
    flex-basis: calc(100% / 1);
    -webkit-flex-basis: calc(100% / 1);
}
.innervideo {
    width: 95%;
}
.videocarouselitem .smart-caption h4 {
    font-size: 36px;
}
.videologo {
    width: 300px;
}
.kb-caption h1 {
    font-size: 30px;
}
.respara {
    font-size: 18px;
}
    .ressplit .split-content__item {
        padding: 1.2rem 2rem;
    }
    .ressplit .wipe-in {
        margin-top: 0 !important;
    }
        .enq_modal {
    max-width: 90vw;
}
}


/************
11. 539px
************/

@media only screen and (max-width: 550px)
{
        .cta .content {
        padding: 35px 0 45px 205px;
    }
      .respost {
        height: 180px;
    }
    .resempty {
        height: 140px;
    }
.newsbanner h1 {
    font-size: 34px;
}
.newsbanner::before, .projectsbanner::before {
    background-color: rgba(0,0,0,0.25);
}
        #map, .resiframe {
    height: 300px;
}
.resfeature_area .headtext {
    line-height: 1.4;
    letter-spacing: 1px;
    font-size: 26px;
}
/*    .kb-carousel {
        height: 380px;
    }*/
    .kb-control-prev, .kb-control-next {
    width: 3rem;
    height: 3rem;
}
.kb-control-next .carousel-control-next-icon, .kb-control-prev .carousel-control-prev-icon {
    width: 1.5rem;
    height: 1.5rem;
}
}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
    .h-400 img {
        height: 100% !important;
    }
        .cta .content {
        padding: 35px 0 45px 205px;
    }
    .resfeature_area .headtext {
    font-size: 26px;
}
    .project_menu_item ul li {
        margin-left: 10px;
        line-height: 2;
    }
    .smartfeatureheading {
        line-height: 1.5;
    }
    .innervideo {
        height: 290px;
    }
    .kb-caption h1{
        font-size: 30px;
        padding: 0;
    }
}

/************
13. 479px
************/

@media only screen and (max-width: 479px) {
 .responsive-layout .page-header h1 {
            line-height: 1.2em;
            font-size: 24px
        }

        .responsive-layout .post-article header h3,
        .responsive-layout .post-article header h3 a {
            font-size: 1.3em;
            padding-top: 0
        }

        .responsive-layout .loop-wrapper.news .post-actions-wrapper {
            bottom: -4px
        }

        .responsive-layout .loop-wrapper.news .post-actions-wrapper .icon {
            margin-right: 4px;
            font-size: 11px
        }

        .responsive-layout .loop-wrapper.news .post-actions-wrapper .post-date {
            text-transform: none;
            margin-right: 0;
            width: 68%;
            padding: 5px;
            line-height: 2em;
            font-size: .6em
        }

        .responsive-layout .loop-wrapper.news .comment-count {
            width: 25%
        }

        .responsive-layout .loop-wrapper.news .comment-count a {
            padding: 5px;
            text-align: center
        }

        .responsive-layout .loop-wrapper .list-item .post-content-outer {
            padding: 0;
            margin-bottom: 0
        }

        .responsive-layout .post-content-wrapper {
            background: 0 0
        }

        .responsive-layout .post-content-wrapper h3,
        .responsive-layout .post-content-wrapper h3 a {
            font-size: 15px
        }

        .responsive-layout article .loop-wrapper .list-item header.single {
            padding-top: 20px
        }

        .responsive-layout h3 .tb-button {
            margin-top: 20px
        }
            .page-title {
        height: 270px;
    }
        .crtbanner h1, .servicesbanner h1, .tbtproductsbanner h1, .projectsbanner h1, .aboutusbanner h1, .pinfobanner h1 {
        font-size: 34px;
    }
 .tbtprod .wipe-in {
        height: 220px;
    }
    .about-us-section .tab-list li a {
        width: 100px;
        height: 110px;
        font-size: 14px;
    }
    .about-us-section .tab-list .icon {
        height: 40px;
        width: 40px;
    }
     .mbr-gallery .mbr-gallery-item {
    width: 100%; 
margin: auto;
right: 0}

    .mbr-gallery .mbr-gallery-item--p2{
    width: 100%; 
margin: auto}
    .cta .content {
        padding: 35px 0 45px 150px;
    }
    .reviewicon {
        font-size: 35px !important;
        margin-right: 0px;
    }
    .cta h2 {
        font-size: 1.25rem;
    }
    .cta .col .left-man {
        background-image: url('../img/true/reviewsmall.png') !important;
        height: 185px;
        left: 5%;
    }
    .resheading {
        font-size: 24px;
    }
    .ressep {
        margin: 0 0 10px !important;
    }
    .crtbanner {
        background-image: url('../img/crtbanner650.jpg') !important;
                background-position: center 85%;
    }
    .crtbanner::before {
    background-color: rgba(0, 0, 0, 0.2);
}
.ressmartmarginb {
    padding-bottom: 0 !important;
}
.innervideo {
    height: 280px;
}
.videocarouselitem .smart-caption h4 {
    font-size: 34px;
}
.videologo {
    width: 280px;
}
    .responsive-layout #footer-sidebars .widget {
        padding: 0 30px !important;
    }
    .reswidth {
        padding-left: 0;
        padding-right: 0;
    }
}

/************
14. 400px
************/

@media only screen and (max-width: 400px){
.u-color-text-white {
    font-size: 16px;
}
 .tile__wrapper.tile__wrapper--bg-image-hover {
        height: 14rem;
   }
     .mbr-gallery .mbr-gallery-item, .mbr-gallery .mbr-gallery-item > div {
        height: 250px;
    }
    .cta .content {
        padding: 35px 0 45px 180px;
    }
        .cta .col .left-man {
            background-image: url('../img/true/review480.png') !important;
            height: 230px;
            left: 0;
        }
                    .enerbanner {
            background-position: 45%;
    }
    .careerbanner {
            background-size: 100% 100%;
    }
        .respost {
        height: 200px;
    }
    .resempty {
        height: 140px;
    }
    .resfeature_item {
    height: 360px;
}
.innervideo {
    height: 250px;
}
.videocarouselitem .smart-caption h4 {
    font-size: 30px;
}
.videologo {
    width: 260px;
}

    .section-title h2 {
        line-height: 1.4;
    }
    .section-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
        .limit-wrapper {
            max-width: 80%;
        }
        .navbar-mobile1 .dropdown-menu {
            width: 90%;
        }
}



@media only screen and (max-width: 350px) {
   
}
@media only screen and (max-width: 330px) {
    .cta .content {
        padding: 35px 0 10px 180px;
    }
    .cta .col .left-man {
        left: -5%;
    }
                .enerbanner {
            background-position: 42%;
    }
    .resfeature_item {
    height: 410px;
}
.innervideo {
    height: 220px;
}
    .responsive-layout .fixed-header-box .logo-wrapper {
        padding-right: 15px;
    }
        .responsive-layout header.main-header .logo-wrapper .logo {
            width: 190px;
        }
        .ressocial_icon .en_quiry {
    width: 40px;
    height: 40px;
}

}