/*/ Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { }

/*/ Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
    .contactPage {
        padding:  0 5px;
    }

    .contactPage form button[type=submit] {
        padding: 13px 0;
    }

    .estimateModal .modal-dialog{
        overflow-y: initial !important
    }

    .mainMenu .navbar-nav > li > a.btn-outline-blue {
        margin: 20px 0 0 0;
        text-align: center;
        color: #4353ff !important;
    }

        .mainMenu .navbar-nav > li > a.btn-outline-blue:hover {
            color: #ffffff !important;
        }

    .navbar-light .navbar-nav .nav-item .nav-link {
        padding: 10px 0;
    }

    .navbar-light .navbar-nav .nav-item:first-of-type .nav-link {
        padding: 20px 0 10px 0;
    }

    .projectTestimonial {
        position: relative;
        margin: unset;
        max-width: 100%;
    }

    .mobile-mb-50 {
        margin-bottom: 50px;
    }

    .mainMenu {
        background-color: white;
    }

    .homeBigBg h1 {
        padding-top: 160px;
        font-size: 30px;
        font-weight: 400;
        line-height: 38.4px;
        text-align: center;
    }

    .homeBigBg p {
        font-size: 18px;
        font-weight: 500;
        line-height: 27px;
        text-align: center;
    }

    .homeBigBg .homeBigBgLinkBox {
        text-align: center;
    }

        .homeBigBg .homeBigBgLinkBox a {
            width: 235px !important;
            text-align: center;
            padding: 11px 0;
            margin: 0 0 20px 0;
        }

    .prBox {
        height: 260px !important;
        margin-bottom: 20px !important;
    }

    .homeServicesLink a img {
        display: none !important;
        opacity: 0 !important;
    }
    .mb-hidden {
        display: none !important;
        opacity: 0 !important;
    }

    .homePartners ul {
        width: 100% !important;
    }

        .homePartners ul li {
            width: 50% !important;
            float: left;
            text-align: center;
            margin: 50px 0;
            height: 50px;
            display: flex !important;
            justify-content: center;
            align-items: center;
        }

            .homePartners ul li img {
                max-width: 130px;
            }

    .homeAwards .item img {
        margin: auto;
    }

    .startProjectBox {
        height: 190px;
    }

        .startProjectBox h5 {
            font-size: 26px;
            font-weight: 500;
            line-height: 36px;
            text-align: center;
        }

        .startProjectBox h5 img {display: none !important;}

        .startProjectBox .btn-outline-white {
            float: unset !important;
            margin: 25px 0 0 0;
        }

    .combined_shape {
        display: none;
    }

    .pageBigImg {
        height: 577px !important;
    }

    .aboutUsFB-leftImg {display: none}

    .aboutUsFB h2 {
        color: #101017;
        font-size: 32px;
        font-weight: 700;
        line-height: 38.4px;
        margin-bottom: 36px;
    }

    .aboutUsFB-box {
        margin-bottom: 48px !important;
    }

    .aboutUs-rightImg {
        max-width: unset !important;
        position: relative !important;
        margin-top: 50px;
    }

    .aboutUsTB h2 {
        font-size: 22px;
        margin: 57px 0 46px 0;
    }

    .aboutUsTB .row .col-md-4 {
        margin-bottom: 20px;
    }

    .aboutUsTB .row .aboutUs-CrBox {
        box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
    }
    .careersDtSectionBox {
        padding: 0;
    }
    .careersDtSectionInner {
        padding: 56px 20px !important;
        top: 0 !important;
        border-radius: 0 !important;
    }
    .servicesSection .serviceBox {
        margin-bottom: 70px;
    }
    .servicesSection .serviceBox img {
        margin-bottom: 40px;
    }

    .productsPage .prBigImg {
        max-width: 100% !important;
        right: unset !important;
        margin: auto !important;
        margin-bottom: 55px !important;
        left: unset !important;
    }

    .productsPage .hero-text {
        text-align: center;
    }

    .productsPage .hero-text nav a {
        margin: auto;
    }

    .prPageBox.pt-150 {padding-top: 100px!important;}
    .prPageBox.pb-150 {padding-bottom: 100px!important;}

    footer .copyrightBox {
        height: 105px !important;
    }

    .projectsPageProjects .project_category, .projectsPageProjects .project_title, .projectsPageProjects .homeProjectBox p {
        padding: 0;
    }

    .projectsPageProjects .project_category p {
        padding: 0;
    }

    .mainMenu nav.navbar {
        box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
        background-color: white;
        padding: 10px 15px !important;
    }

    .projectsPage .projectsPageTitle h2 {
        padding: 110px 20px 17px 20px;
        font-size: 40px;
    }

    .projectsPage .projectsPageTitle p {
        font-size: 16px;
        font-weight: 500;
        line-height: 27px;
        padding: 0 20px;
    }

    .projectsPage .projectsPageTitle a {
        margin-bottom: 60px;
    }

    .pdMobileFirstSection h2 {
        margin: 55px 0 15px 0;
        font-size: 40px;
    }

    .pdMobileFirstSection p.shortDescText {
        color: #101017;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
    }

    .pdMobileFirstSection .projectUsedTechnologies {
        margin-bottom: 60px;
    }

    .pdMobileSecondBox {
        margin-top: 40px;
    }

    .pdMobileSecondSection .pdMobileFourthBox h5 {
        font-size: 26px;
        font-family: 'AvenirNextLTPro-Bold';
    }

    .pdMobileBigImg.overflow-hidden img {
        bottom: -55px;
        left: -187px;
    }

    .pdDetailPageProjects .hmTitle h3 {
        margin: 10px 0 31px 0;
        font-size: 22px;
        font-family: 'AvenirNextLTPro-Bold' !important;
        font-weight: 300 !important;
    }

    .homeProjectBox .project_category, .homeProjectBox .project_title, .homeProjectBox p {
        padding: 0;
    }

    .pdMobileSecondSection .container {
        padding: 0;
    }

    .pdMobileSecondSection .row:last-of-type {
        padding: 60px 0 !important;
    }

    .pdMobileThirdBox img {
        max-width: unset !important;
        position: relative;
        left: -130px;
    }

    .pdMobileSecondSection .pdMobileFourthBox {
        padding-left: 15px;
    }

    .pdMobileSecondSection .pdMobileFourthBox p:last-of-type {
        margin-bottom: 0;
    }

    .pdMobileSlideSection {
        padding: 60px 0;
    }

    .pdMobileThirdBox {
        overflow-x: hidden !important;
    }

    .pdWebBigImg, .pdWebThirdBox {
        overflow-x: hidden;
    }

    .pdWebBigImg img {
        max-width: unset;
        width: 190%;
        left: -42%;
    }

    .pdWebThirdBox img {
        max-width: unset;
        left: -118%;
        height: 436px;
    }

    .pdWebFourthBox {
        padding-left: 15px !important;
    }

    .pdWebSlideSection .tsCustomNavigation {
        display: none !important;
    }

    .pdWebSlideSection .owl-dots {
        position: relative !important;
        right: unset !important;
        margin-top: unset !important;
    }

    .pdWebSlideSection {
        padding: 60px 0 60px 0 !important;
    }

    .mainMenu .navbar-nav > li {
        padding: 0;
    }

    .mainMenu .navbar-nav > li > a {
        color: #000000 !important;
    }

    .prDetailFirstSection, .pdDetailThirdSection {
        padding: 85px 0 !important;
    }

    .prDetailFirstSection h2 {
        margin-top: 0;
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        font-weight: 300;
        font-family: 'AvenirNextLTPro-Bold';
    }

    .pdDetailSecondSection .pdMobileFourthBox h5:last-of-type {
        font-weight: 300;
        font-family: 'AvenirNextLTPro-Bold';
    }

    .prDetailFirstSection p {
        text-align: center;
    }

    .pdDetailSecondSection .pdMobileFourthBox h5{
        font-size: 30px;
        font-weight: 600;
        line-height: 40px;
        text-align: center;
    }

    .pdDetailThirdSection h5 {
        font-size: 25px;
        line-height: 40px;
        text-align: center;
        font-weight: 300;
        font-family: 'AvenirNextLTPro-Bold';
    }

    .pdDetailSecondSection .pdMobileFourthBox p, .pdDetailThirdSection p {
        text-align: center;
    }

    .pdDetailThirdSection .pdWebThirdBox img {
        right: unset !important;
        left: -30px !important;
        height: unset;
    }

    .pdDetailThirdSection .pdWebFourthBox {
        padding-left: 15px !important;
    }

    .pdWebBigImg .down-icon img {
        left: unset !important;
        width: unset !important;
        right: unset !important;
    }

    .howSection .howBox .numberBox {
        display: block;
        margin: auto;
        margin-top: 40px;
    }

    .howSection .howBox p, .howSection .howBox h5, .howBox {
        text-align: center;
    }

    .howSection .howBox {padding-bottom: 0;}
    .howSection .howBox:last-of-type {padding-bottom: 100px;}

    .testimonials h3 {
        font-size: 28px;
        font-weight: 500;
        line-height: 33px;
    }

    .testimonials .owl-dots {
        display: none;
    }

    .contactPage {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .contactPage .contactRightBox .contactDesc {
        margin-bottom: 50px;
    }

    .estimateModal .modalLeft form .btn-blue {
        margin-bottom: 50px;
    }

    .estimateModal .modal-content {
        background-color: #ffffff !important;
    }


    .estimateModal .modalLeft .modalLeftTitle {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        padding-left: 54px;
        font-size: 18px;
        margin: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
    }

    .estimateModal .modal-content .close {
        top: 14px;
        opacity: 1;
        filter: brightness(0);
    }

    .estimateModal .modal-content .close img {
        height: 20px;
    }

    .estimateModal .modalLeft {
        padding-top: 80px !important;
    }

    .estimateModal .modalLeft .projectTypes .projectTypeBox {
        width: 30%;
        margin-right: 5%;
    }

    .homeProducts {
        padding-bottom: 60px;
    }

    .navbar-brand img {
        height: 30px;
    }

    .howSection .howBox p {
        padding-left: 0;
    }

    .estimateModal {
        background-color: white !important;
    }

    .estimateModal .modal-content {
        overflow: unset !important;
        background-color: white !important;
    }

    .mb-pd-0-15 {
        padding: 0 15px;
    }

    .mb-pd-0-5 {
        padding: 0 5px;
    }

    .howSection {
        padding: 0 5px;
    }

    .homeAwards .item p {
        left: 33%;
    }

    form button[type=submit] {
        width: 100%;
        padding: 10px 0;
    }

    .projectPageTsSection {
        padding: 0 10px;
    }

    .homeServicesLink {
        padding: 30px 0 80px 0 !important;
    }

    .hmTitle h3 {
        font-size: 22px;
    }

    .tsCustomNavigation {
        padding: 30px 0 40px 0;
    }

    .hmTitle p {
        padding: 0 20px;
    }

    .homeServices .container, .homeProjects .container, .homeProducts .container, .homeTestimonials .container {
        padding: 0 20px;
    }

    .homeProjectBox .project_title {
        margin: 30px 0 10px 0;
    }

    .homeProjectBox .project_category p {
        margin: 18px 0 0 0;
    }

    .pdProjects .hmTitle {
        padding: 57px 0 31px 0;
    }

    .pdProjects .hmTitle h3 {
        font-family: 'AvenirNextLTPro-Bold' !important;
    }

}

/*/ Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {  }

/*/ Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {  }


/*/ Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {  }

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .mb-md-60 {margin-bottom: 60px !important;}

    .pc-hidden, .xs-up-hidden {
        display: none !important;
    }

    .mainMenu nav.navbar {
        padding: 20px 45px 10px 45px !important;
    }

    .homePartners ul li img {
        padding: 0 60px;
    }

        .homePartners ul li:first-of-type img {
            padding-left: 0 !important;
        }

        .homePartners ul li:last-of-type img {
            padding-right: 0 !important;
        }
}

/*/ Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {  }

/*/ Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }


/* Apply styles starting from medium devices and up to extra large devices  */
@media (min-width: 768px) and (max-width: 1300px) {
    .mainMenu .navbar-nav > li > a {
        font-size: 13px;
    }
    .estimateModal .testimonials {
        margin: -80px 0 0 0;
    }
    .pdWebThirdBox img {
        position: relative;
        left: -60%;
    }
    .mainMenu .navbar-nav > li {
        padding: 0 15px !important;
    }
    /*
    .productsPage .prPageBox:first-of-type .hero-text, .productsPage .prPageBox:last-of-type .hero-text {
        margin-left: -50px;
    }
    */
    .productsPage .prPageBox:first-of-type .prBigImg, .productsPage .prPageBox:last-of-type .prBigImg {
        right: -110px !important;
    }
    .productsPage .prPageBox:nth-of-type(2) .hero-text {
        margin-left: 100px !important;
    }
    .left-shadow {
        left: -90px !important;
    }
}

/* Apply styles starting from medium devices and up to extra large devices  */
@media (min-width: 1300px) and (max-width: 1650px) {
    .pdWebThirdBox img {
        position: relative;
        left: -60%;
    }
}

@media (min-width: 992px) and (max-width: 1400px) {
    .estimateModal .modalLeft {
        padding: 40px 55px 55px 55px;
    }
    .estimateModal .modalLeft .projectTypes {
        margin-bottom: 40px;
    }
    .form-control {
        margin-bottom: 25px;
    }
    .estimateModal .testimonials {
        margin-top: -100px;
    }
    .productDetailThirdSection .pdWebFourthBox {
        padding-left: 30px;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

}