@media (min-width: 1200px) {
    .navbar.navtopfix .navbar-collapse .nav-item .dropdown-menu.show {
        margin-top: -1px;
        border-top: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .navbar.navtopfix .navbar-nav .nav-item .nav-link {
        padding: 30px 10px;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 12px;
        padding-left: 12px;
    }
}
@media (max-width: 1299px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding-left: 8px;
        padding-right: 8px;
    }

    .navright {
        margin-right: 20px;
    }
    .tvelogo2 {
        margin: 3px 10px !important;
        text-align: center;
    }
}

@media (max-width: 1199px) {
    .homebanner .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 58px;
        line-height: 67px;
    }
    .homebanner .carousel-inner .carousel-item .bannerimg {
        max-width: 60%;
    }
    .homebanner .carousel-inner .carousel-item .carousel-caption p {
        font-size: 16px;
    }

    .about-section {
        padding: 100px 0px 50px 0px;
    }
    .about-section .aboutsec-left .aboutsecl-title {
        font-size: 50px;
        line-height: 80px;
        margin-bottom: 20px;
    }
    .about-section .aboutsecl-imgwrap .owl-dots {
        text-align: center;
        /* margin-top: 10px; */
    }
    .about-section {
        background-image: none;
        background-color: #3a4855;
    }


    .happyclients-section {
        padding: 50px 0px;
    }
    .happyclients-section .owl-happyclients .item {
        padding: 20px;
    }
    .happyclients-section .happyclients-title {
        font-size: 50px;
        line-height: 80px;
        margin-bottom: 20px;
    }
    
    .services-section {
        padding: 50px 0px;
    }
    .services-section .servicessec-title h3 {
        font-size: 50px;
    }

    .servicessec-block .sersecb-title {
        font-size: 24px;
    }


    .ourpartner-section {
        padding: 50px 0px;
    }
    .ourpartner-section .ourpartnersec-title {
        font-size: 50px;
        line-height: 80px;
        margin-bottom: 20px;
    }

    .navbar {
        align-items: flex-start;
    }
    .navbar .navbar-nav .nav-item .nav-link {
        color: #000;
    }
    .navbar .dropdown-toggle::after {
        color: #000;
    }
    .navbar-collapse {
        background-color: #fff;
    }

    .navbar .navbar-nav .nav-item .nav-link.active::before, 
    .navbar .navbar-nav .nav-link:focus::before, 
    .navbar .navbar-nav .nav-link:hover::before {
        display: none;
    } 
    .navbar .navbar-nav .nav-item .nav-link.active, 
    .navbar .navbar-nav .nav-link:focus, 
    .navbar .navbar-nav .nav-link:hover {
        color: #aa232c;
    }

    .navbar .navbar-nav .nav-item  .dropdown-menu .dropdown-item {
        white-space: normal;
    }
    .navbar-toggler.x {
        margin-right: 15px;
    }

    .navbar .nav-item-link.dropdown-toggle::after {
        display: none;
    }
    .nav-item-link {
        float: left;
    }
    .nav-item-moblink {
        float: right;
    }
    .navbar-nav li:hover > ul.dropdown-menu {
        margin: 0px;
        padding: 0;
        border: 0;
        border-radius: 0px;
        background: #ebebeb;
    }

    .stickycallbtn {
        right: 12px;
    }

    .homebanner {
        background-position: right top;
    }

    .navbar.innerpagenavbar.innerpagehead .navbar-brand-mob img {
        height: 60px;
        margin: 0px;
    }

    /* Service start */
    .service-gallery h2 {
        top: 20px;
        left: 35px;
        font-size: 38px;
    }
    .service-gallery .owl-nav .owl-prev i, 
    .service-gallery .owl-nav .owl-next i {
        font-size: 30px;
    }
    .service-gallery .item .cell p {
        font-size: 14px;
    }
    .service-gallery .item .cell span {
        font-size: 22px;
    }
    .service-gallery-wrap .cell p {
        font-size: 14px;
    }
    .service-gallery-wrap .cell span {
        font-size: 22px;
    }
    .laundry-service .row.left-marg {
        padding-left: 0;
        padding-right: 0;
    }
    .ser-slide .cell span.sub-sec {
        position: absolute;
        left: 0;
        bottom: 0;
        color: #fff;
        z-index: 9;
        font-family: 'Gordita Bold';
        text-transform: uppercase;
        line-height: 21px;
        font-size: 20px;
        padding: 15px;
    }

    .about-section.servicespg-details .aboutsec-left .aboutsecl-title {
        font-size: 38px;
        line-height: 40px;
    }
    .services-page .about-section {
        background-image: none;
        background-color: #3a4855;
    }
    /* Service end */

    /* testimonials :start */
    .testimonials-page .happyclients-section .happyclients-title {
        font-size: 38px;
        line-height: 60px;
        margin-bottom: 20px;
    }
    .ourclients-section .ourclientssec-title {
        font-size: 38px;
        line-height: 60px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    ul.ourclients-wrap li {
        width: 25%;
    }
    .ourclients-section {
        padding: 0px 0px 90px 0px;
    }
    .services-contact .sercontactb-title {
        font-size: 20px;
    }
    /* testimonials :end */

    /* contact :start */
    .contact-wrap .contactw-left .contactwl-title {
        font-size: 38px;
    }
    .contact-wrap .contactw-right .contactwr-title {
        font-size: 38px;
    }
    .contact-wrap .contactw-left .contactwl-address h4 {
        font-size: 20px;
    }
    .contact-wrap .contactw-left .contactwl-address p {
        font-size: 16px;
    }
    .contact-wrap .contactw-left .contactwl-quiclcot h4 {
        font-size: 20px;
    }
    .contact-wrap .contactw-left .contactwl-quiclcot a {
        font-size: 16px;
    }
    .contact-wrap .contactw-left .contactwlt-text h4 {
        font-size: 16px;
    }
    /* contact :end */

    /* gallery page :start */
    .gallerypg-title {
        font-size: 38px;
    }
    .gallery-wrapper .gallerywrapper-title {
        font-size: 24px;
    }
    /* gallery page :end */

    /* construction page :start */
    .about-section.constructionpg-details .aboutsec-right h4 {
        font-size: 20px;
    }
    .about-section.constructionpg-details .aboutsec-right p {
        font-size: 16px;
        line-height: 25px;
    }
    .constructionpg-details {
        padding: 50px 0px 70px 0px;
    }
    /* construction page :end */

    /* career :start */
    .about-section.careerpg-details {
        padding: 45px 0px 75px 0px;
    }
    .about-section.careerpg-details .aboutsec-left .aboutsecl-title {
        font-size: 38px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .careerapply-section .careerapplysec-left h3 {
        font-size: 38px;
        line-height: 30px;
    }
    .careerapply-section .careerapplysec-left p {
        font-size: 16px;
        line-height: 22px;
    }
    /* career :end */

    /* about us :start */
    .abtwhowe-section .abtwhowesec-left h3 {
        font-size: 38px;
    }
    .abtwhowe-section .abtwhowesec-right {
        font-size: 16px;
    }
    /* about us :end */

    .inner-banner {
        margin-top: 63px;
    }
    
}

@media (max-width: 991px) {
    .homebanner .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 50px;
        line-height: 60px;
    }
    .homebanner .carousel-inner .carousel-item .carousel-caption {
        width: 90%;
    }
    .homebanner .carousel-inner .carousel-item .bannerimg {
        display: none !important;
    }


    .about-section .aboutsec-left .aboutsecl-title {
        font-size: 45px;
        line-height: 60px;
    }
    /* .about-section .aboutsecl-imgwrap .owl-dots {
        text-align: center;
        margin-top: 10px;
    } */
    .about-section .aboutsec-right {
        padding-top: 10px;
    }
    .about-section {
        padding: 60px 0px 40px 0px;
    }


    .happyclients-section {
        padding: 40px 0px;
    }
    .happyclients-section .happyclients-title {
        font-size: 45px;
        line-height: 60px;
    }
    .happyclients-section .quote-img {
        margin: 10px 0px;
        max-width: 7%;
    }

    .services-section {
        padding: 40px 0px;
    }
    .services-section .servicessec-title {
        flex-direction: column;
    }
    .services-section .servicessec-title p {
        margin-left: 0px;
    }

    .servicessec-block .sersecb-title {
        font-size: 20px;
    }
    .ourpartner-section {
        padding: 40px 0px;
    }

    .about-section .homserviceslink .homserviceslink-inner {
        width: 200px;
    }
    .about-section .homserviceslink .homserviceslink-inner h4 {
        font-size: 24px;
    }
    .about-section .homserviceslink {
        top: -12%;
    }
    .about-section .homserviceslink .homserviceslink-inner .homserl-arrow {
        width: 30px;
    }
    .about-section .aboutsec-left {
        padding-right: 0px;
    }

    .inner-page {
        padding: 30px 0px 30px 0px;
    }

    /* Service start */
    .service-gallery .owl-nav {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 120px;
    }
    .service-gallery .owl-nav .owl-prev i, 
    .service-gallery .owl-nav .owl-next i {
        font-size: 22px;
    }
    .service-gallery h2 {
        font-size: 25px;
    }
    .service-gallery .item .cell span {
        font-size: 16px;
        line-height: normal;
    }
    .service-gallery-wrap .cell span {
        font-size: 16px;
        line-height: normal;
    }

    .services-page .about-section.servicespg-details {
        padding: 50px 0px;
    }
    .about-section.servicespg-details .aboutsec-right {
        margin-top: 15px;
    }
    .servicespg-section {
        padding: 50px 0px 30px 0px;
    }
    .ser-slide {
        padding: 50px 0 50px 0;
    }
    /* Service end */

    /* testimonials :start */
    .testimonials-page .happyclients-section .happyclients-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px;
    } 
    .ourclients-section .ourclientssec-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    ul.ourclients-wrap li {
        width: 33.3333%;
    }
    .ourclients-section {
        padding: 0px 0px 60px 0px;
    }
    /* testimonials :end */

    /* contact :start */
    .contact-wrap .contactw-left {
        padding: 50px 0px;
    }
    .contact-wrap .contactw-left .contactwl-time {
        margin-top: 30px;
    }
    .contact-wrap .contactw-right {
        padding: 50px 40px;
    }
    .services-contact .sercontactb-title {
        font-size: 20px;
    }
    .services-contact .sercontact-block .sercontactb-link {
        font-size: 13px;
        margin: 3px 0px;
    }
    .contact-form {
        margin-top: 30px;
    }
    .contact-form .form-group {
        margin-bottom: 30px;
    }
    .services-contact {
        padding: 50px 0px 26px 0px;
    }
    /* contact :end */
    /* gallery :start */
    .gallery-wrapper {
        padding: 40px 0px;
    }
    /* gallery :end */

    /* construction page :start */
    .about-section.constructionpg-details .aboutsec-left .aboutsecl-title {
        font-size: 45px;
        line-height: 40px;
    }
    .about-section.constructionpg-details .owl-carousel .owl-item img {
        margin-bottom: 10px;
    }
    .constructionpgser-title h3 {
        font-size: 45px;
    }
    .constructiongal-title {
        font-size: 45px;
    }
    .construction-gallery {
        padding: 30px 0px 0px 0px;
    }
    .coming-more.construction-more {
        padding: 50px 0px 70px 0px;
    }
    .coming-more.construction-more h3 {
        font-size: 40px;
    }
    .construction-more a.morelinks {
        font-size: 16px;
        padding: 15px 30px;
        margin: 0px 5px;
    }
    .constructionpg-ser {
        padding: 50px 0px;
    }
    .constcount-block {
        margin: 0px 5px;
    }
    .constcount-block .ccbd-bg {
        height: 250px;
    }
    .constcount-block h3 {
        font-size: 40px;
        line-height: 35px;
    }
    .constcount-block .constcountb-details .ccbd-icon {
        margin-bottom: 10px;
        width: 30%;
    }
    .constructionpg-details {
        padding: 50px 0px 50px 0px;
    }
    /* construction page :end */

    /* career :start */
    .careerapplysec-left {
        padding-top: 50px;
    }
    .careerapply-right {
        padding: 20px 0px 50px 0px;
    }
    .career-page .coming-more.construction-more {
        padding: 50px 0px;
    }
    .career-page .coming-more.construction-more h4 {
        margin-bottom: 30px;
    }
    /* career :end */

    /* about us :start */
    .abtwhowe-section {
        padding: 50px 0px;
    }
    .abtwhowe-section .abtwhowesec-right {
        margin-top: 15px;
    }
    .ourvalues .ourvalues-title {
        font-size: 38px;
    }
    .ourvalues {
        padding: 50px 0px;
    }
    .meetourteam .meetourteam-title h3 {
        font-size: 38px;
    }
    .meetourteam .meetourteam-title p {
        font-size: 20px;
        line-height: 23px;
    }
    .vision-mission {
        padding: 50px 0px;
    }
    .meetourteam {
        padding: 50px 0px 70px 0px;
    }
    /* about us :end */

    /* Search Result Page :Start */
    .saerchreult-hr {
        margin: 30px 0px;
    }
    .searchresultpg-result {
        padding: 40px 0px 50px 0px;
    }
    .searchresultpgr-title {
        margin-bottom: 40px;
    }
    /* Search Result Page :End */
}

@media (max-width: 767px) {

    .homebanner .carousel-inner .carousel-item .carousel-caption {
        width: 90%;
    }
    .homebanner .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 40px;
        line-height: 50px;
    }

    .about-section .aboutsec-left .aboutsecl-title {
        font-size: 40px;
        line-height: 50px;
    }

    .ftop-section .ftop-block {
        padding: 20px 0px 10px 0px;
    }

    .happyclients-section .happyclients-title {
        font-size: 40px;
    }
    .happyclients-section .owl-happyclients .item {
        padding: 12px;
    }

    .services-section .servicessec-title h3 {
        font-size: 40px;
    }

    .ourpartner-section .ourpartnersec-title {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .ftop-section .ftop-block .ftopb-links ul {
        display: flex;
        flex-wrap: wrap;
    }
    .ftop-section .ftop-block .ftopb-links ul li {
        width: 50%;
        padding-right: 12px;
    }
    .ftop-section .ftop-block .ftopb-conbtns a {
        display: inline-block;
    }

    .servicessec-block {
        height: 300px;
    }

    .homebanner {
        background-position: center top;
    }

    .navbar-toggler.x {
        margin-right: 0px;
    }
    .navbar .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar-brand.navbar-brand-desktop {
        display: none;
    }
    .navbar .navbar-brand-mob {
        display: block;
        margin-right: 0px;
        background-color: #fff;
        padding: 5px;
        padding-left: 20px;
        padding-right: 20px;
        border-bottom-right-radius: 5px;
    }
    .navbar {
        min-height: auto;
        padding: 0px;
        background-color: #67717b !important;
    }
    .tvelogo2 {
        margin: 0px 0px !important;
        background: #fff;
        padding: 13px 1px;
        text-align: center;
        border-bottom-left-radius: 5px;
    }
    .tvelogo2 img {
        max-width: 75%;
    }
    .navright {
        margin-right: 0px;
    }

    /* Service start */
    .service-gallery .item {
        height: 300px;
    }
    .service-gallery .item img {
        min-width: 1296px;
        width: 1296px;
    }
    .service-gallery .item .cell {
        right: 15px;
        padding-bottom: 20px;
        padding-left: 90px;
    }
    .service-gallery-wrap .cell {
        right: 15px;
        padding-bottom: 20px;
    }
    .service-gallery .owl-nav {
        padding-left: 15px;
        padding-right: 0;
        width: 80px;
    }
    .service-gallery h2 {
        left: 25px;
    }
    .coming-more h3 {
        font-size: 35px;
    }

    .about-section.servicespg-details .aboutsec-left .aboutsecl-title {
        font-size: 34px;
        line-height: 30px;
    }
    /* Service end */

    /* testimonials :start */
    .testimonials-page .happyclients-section .happyclients-title {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 20px;
    } 
    .ourclients-section .ourclientssec-title {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    ul.ourclients-wrap li {
        width: 50%;
    }
    /* testimonials :end */

    /* contact :start */
    .contact-wrap .contactw-left .contactwl-title {
        font-size: 34px;
    }
    .contact-wrap .contactw-right .contactwr-title {
        font-size: 34px;
    }
    .contact-wrap .contactw-left .contactwlt-text h4 {
        line-height: 27px;
    }
    .contact-wrap .contactw-left .contactwlt-text h4 span {
        font-size: 20px;
    }
    .services-contact {
        padding: 24px 0px 0px 0px;
    }
    .contact-wrap .contactw-right {
        padding: 20px 0px 40px 0px;
    }
    /* contact :end */

    /* galler page :start */
    .gallerypg-title {
        font-size: 34px;
        margin-bottom: 20px;
    }
    /* galler page :end */

    /* construction page :start */
    .service-gallery.construction-gallery .item img {
        min-width: 100%;
        width: 100%;
    }
    .service-gallery.construction-gallery .item {
        height: auto;
    }
    .constructionpg-ser {
        padding: 40px 0px;
    }
    .concount-wrap {
        flex-direction: column;
    }
    .constcount-block {
        margin: 10px 0px;
    }
    .constcount-block .ccbd-bg {
        width: 100%;
        height: 275px;
    }
    .constructionpg-details {
        padding: 40px 0px 40px 0px;
    }
    /* construction page :end */

    /* about us :start */
    .vismis-block {
        margin-bottom: 30px;
    }
    .vismis-border-right {
        border: 0px;
    }
    .meetourteam .meetourteam-title {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    .meetourteam-block .meetourteamb-title {
        margin-bottom: 20px;
    }
    /* about us :end */

    /* about us :start */
    .abtwhowe-section .abtwhowesec-left {
        flex-direction: column;
    }
    /* about us :end */
}

@media (max-width: 575px) {
    .homebanner .carousel-inner .carousel-item .carousel-caption {
        width: 80%;
    }
    .homebanner .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 30px;
        line-height: 40px;
    }

    .about-section .aboutsec-left .aboutsecl-title {
        font-size: 35px;
    }
    .about-section .aboutsec-right > div > p {
        font-size: 16px;
    }

    .happyclients-section .happyclients-title {
        font-size: 35px;
    }

    .services-section .servicessec-title h3 {
        font-size: 35px;
    }

    .ourpartner-section .ourpartnersec-title {
        font-size: 35px;
    }

    .ftop-section .ftop-block .ftopb-links ul li {
        width: 100%;
    }

    .fbottom-section .fbottomsec-left,
    .fbottom-section .fbottomsec-right {
        text-align: center;
    }
    .fbottom-section p {
        padding: 0px;
    }

    .servicessec-block {
        margin-bottom: 15px;
    }

    .ftop-section {
        padding: 0px;
    }
    .fbottom-section {
        padding: 0px;
    }
    .ftop-section .flogo {
        text-align: center;
    }

    .stickycallbtn {
        right: 0px;
    }

    .navright {
        margin-right: 0px;
    }
    .btn-navsearch {
        padding: 9px 25px;
        margin-left: 0px;
    }

    .ex-search input:focus {
        width: 180px !important;
    }

    /* service page :start */
    .ser-slide {
        padding: 40px 0 40px 0;
    }
    /* service page :end */

    /* contact page :start */
    .gmap {
        height: 300px;
    }
    .services-contact .sercontact-block {
        padding: 30px;
    }
    /* contact page :end */

    /* testimonials :start */
    .testimonials-page .happyclients-section .happyclients-title {
        text-align: center;
    }
    .ourclients-section .ourclientssec-title {
        text-align: center;
    }
    /* testimonials :end */

    /* gallery :start */
    .gallery-wrapper .gallerywrapper-title {
        font-size: 20px;
    }
    .inner-page.gallery-page {
        padding-bottom: 0px;
    }
    .gallery-wrapper {
        padding: 40px 0px;
    }
    .gallery-imgwrap {
        margin: 20px 0px 20px 0px;
    }
    /* gallery :end */

    /* construction page :start */
    .coming-more.construction-more {
        padding: 40px 0px 40px 0px;
    }
    .construction-more a.morelinks {
        font-size: 14px;
        margin-bottom: 10px;
    }
    /* construction page :end */

    /* about us page :start */
    .abtwhowe-section .abtwhowesec-left h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0px;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .meetourteam .meetourteam-title h3 {
        font-size: 28px;
    }
    .meetourteam {
        padding: 40px 0px 30px 0px;
    }
    .meetourteam .meetourteam-title p {
        font-size: 18px;
    }
    .abtwhowe-section {
        padding: 40px 0px;
    }
    .vision-mission {
        padding: 40px 0px 10px 0px;
    }
    /* about us page :end */

    /* career page :start */
    .career-page .coming-more.construction-more {
        padding: 40px 0px;
    }
    /* career page :end */

    /* collapse navbar mobile number :start */
    .mobnavfooter {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px 28px;
        color: #fff;
        background: #e33239;
        font-family: 'Gordita Bold';
        font-size: 14px;
        margin: 0;
        color: #fff;
    }
    
    .mobnavfooter:hover {
        background: #ba2a2f;
    }
    .navbar-collapse {
        overflow: hidden !important;
    }
    ul.navbar-nav {
        height: 100vh;
        overflow: auto;
        padding-bottom: 65px;
    }
    /* collapse navbar mobile number :end */

    /* Search Result Page :Start */
    .searchresultpg-result {
        padding: 40px 0px 40px 0px;
    }
    /* Search Result Page :End */
}


@media(max-width:1199px){
    .navbar .navbar-collapse.collapsing{ 
      height:auto !important;
    }
    .navbar .lateral-left.close {
      left:-100%; 
      animation: slide-out-left 500ms forwards;
    }
    .navbar .lateral-left.open { 
      animation: slide-in-left 500ms forwards;
    }
    .navbar .lateral-right{
      right:-100%;
      animation: slide-out-right 500ms forwards;
    }
    .navbar .lateral-right.show{ 
      animation: slide-in-right 500ms forwards;
    }
    .navbar .navbar-collapse{ 
      top:0px; bottom:0px; 
      position:fixed; 
      width:80%; 
      width:calc(100% - 130px); 
      max-width:320px; 
      height:100vh !important;
  
      /* Optional styling */
      background:#f8f8f8;
      padding:20px;
      top: 0px;
      z-index: 9;
    }
    .navbar .lateral-left.show,
    .navbar .lateral-right.show{
      display:block !important;
      overflow-y:auto;
    }

    .lateral-left.collapsing.show {
        display: none !important;
    }
    .navbar .navbar-collapse.collapsing {
        height: 100vh !important;
    }

    
}
  
  @keyframes slide-in-left{ 
    0%		{ left:-100%; }
    100%	{ left:0px; }
  }
  @keyframes slide-out-left{
    0%		{ left:0px; }
    100%	{ left:-100%; }
  }
  @keyframes slide-in-right{ 
    0%		{ right:-100%; }
    100%	{ right:0px; }
  }
  @keyframes slide-out-right{
    0%		{ right:0px; }
    100%	{ right:-100%; }
  }