/* CSS Document */

@media screen and (min-width:0) and (max-width:1500px) {
    .featuredbannercontent {
        width: 70%
    }
    .ourdevelopment .midsec {
        max-width: 45%
    }
    .subscribeform {
        max-width: 100%
    }
    .calculatortab ul li {
        font-size: 16px
    }
    .calculatortab ul li {
        padding: 0 8px
    }
    .calculatortab ul li span:before {
        padding-right: 10px
    }
    .storageSystemSlider h2 {
        left: -15%
    }
}

@media screen and (min-width:0) and (max-width:1200px) {
    header {
        padding: 0 20px
    }
    .homeimgcontent {
        max-width: 50%;
    }
    .innermidsec,
    .faqqasec .innermidsec,
    .shortcontent {
        max-width: 80%
    }
    footer .footermid {
        max-width: 85%
    }
    footer .salesforce_w2l_lead .w2linput.text {
        width: 100%
    }
    .globalvalue ul li span {
        font-size: 32px;
    }
    .projectContentmain {
        padding-left: 20px
    }
    .deliveryprocess li {
        padding: 95px 10px 0
    }
    .featureddes,
    .featuredbox {
        width: 100%;
        padding: 20px
    }
    .ourdevelopment .midsec {
        max-width: 50%
    }
    .latestcatlist ul,
    .eventssec ul,
    .resourcessec ul {
        width: 103%
    }
    .calculatortab ul li span:before,
    .mobtab span:before {
        display: block;
        margin: 0 auto
    }
    .page-template-template-faq .homecontent h1 br {
        display: none
    }
}

@media screen and (min-width:1101px) {
    .latestcatlist .latestnewsbox {
        background: transparent;
        box-shadow: none;
        min-height: 0;
        height: auto;
        padding: 0
    }
    .latestcatlist .latestnewsbox span.date {
        padding-bottom: 0
    }
}

@media screen and (min-width:0) and (max-width:1100px) {
    .homecallback {
        display: none
    }
    .home .rescallback {
        display: block
    }
    .rescallback {
        display: block;
        background: #fff
    }
    .callbackicon {
        transform: none;
        position: static;
        text-align: center;
        padding: 10px 0
    }
    .callbackicon a:before {
        position: static;
        display: inline-block;
        vertical-align: middle;
        transform: none
    }
    .innermidsec,
    footer .footermid,
    .faqqasec .innermidsec,
    .shortcontent {
        max-width: 100%
    }
    .rotatetxt {
        transform: none;
        position: static;
        height: auto !important;
        margin: 0 0 20px
    }
    .rotatetxt br {
        display: none
    }
    .companymilestone .midsec,
    .ourawardssec .midsec {
        padding: 0 15px
    }
    .technologysection6 .midsec {
        padding: 0 0 0 15px
    }
    .milestoneslider,
    .awardslider,
    .storageSystemSlider {
        margin: 0;
        border: 0
    }
    .comparisonrelatestxt {
        padding-left: 0
    }
    .singelarticle {
        padding: 150px 0 100px
    }
    .ourdevelopment .midsec {
        max-width: 55%
    }
    .featuredsec {
        width: 100%;
        padding-right: 0
    }
    .featuredsec .featureddes {
        width: 60%
    }
    .latestallfield .latestcatlist {
        width: 100%;
        padding: 30px 0 0
    }
    .presstwocolumn {
        width: 100%
    }
    .latestcatlist ul {
        margin: 0 0 0 -15px
    }
    .latestcatlist ul li,
    .latestcategorylist ul li {
        width: 25%;
        float: left;
        padding: 0 15px 30px
    }
    .highlightfeatured,
    .latestlistlft {
        width: 100%
    }
    .latestcategorylist .highlightfeatured li {
        padding-left: 0;
        padding-right: 0
    }
    .highlightfeatured,
    .presscoverage .highlightfeatured {
        margin: 0
    }
    .newsannouncements .latestlistlft,
    .presscoverage .latestlistlft {
        width: 100%;
        height: auto !important
    }
    .latestcategorylist .latestlistlft ul {
        margin: 0 0 0 -15px;
        width: 102.5%
    }
    .twocolumn {
        margin: 0
    }
    .twocolumn>div.floatRight,
    .presstwocolumn>div.floatRight {
        padding-left: 0;
    }
    .twocolumn>div.floatLeft,
    .presstwocolumn>div.floatLeft {
        padding-right: 0;
    }
    .partnersecion .midsec {
        max-width: 100%
    }
    #fp-nav {
        display: none !important
    }
    .single .latestcatlist ul li {
        width: auto;
        float: none;
    }
    .latestcategorylist ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-flow: row wrap;
    }
    .latestcategorylist ul li {
        display: flex;
        height: auto
    }
    .newsbox,
    .latestnewsbox {
        width: 100%
    }
    .resourcessec ul li {
        display: block
    }
    .highlightfeatured {
        height: auto !important
    }
    .featuredboxdes {
        max-width: 50%
    }
    body.page-template-template-careers #joinus h2 {
        font-size: 90px;
        line-height: 70px;
    }
    body.page-template-template-careers #joinus h3 {
        font-size: 50px;
        line-height: 50px;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    @media screen and (orientation: landscape) {
        .tooltip .tooltiptext {
            margin-left: -192px !important;
        }
    }
    .tooltip .tooltiptext {
        width: 400px !important;
        margin-left: -200px !important;
    }
}

@media screen and (min-width:1024px) {
    body.page-template-template-home .partnersecion ul li:nth-child(5n) {
        border-right: 0
    }
    body.page-template-template-home .partnersecion ul li:nth-last-child(-n+5) {
        border-bottom: 0
    }
    body.page-template-template-benefits .partnersecion ul li:nth-child(3n) {border-right: 0;}
    body.page-template-template-benefits .partnersecion ul li:nth-last-child(-n+3) {border-bottom: 0;}
}

@media screen and (min-width:0) and (max-width:1024px) {
    .requestform ul li select,
    .calculatormaindes select {
        width: 100%!important;
        opacity: 1!important;
        position: relative!important;
        height: auto!important;
        background-size: 24px;
    }
    .requestform ul li label span .fancy-select .trigger,
    .calculatormaindes .fancy-select .trigger {
        display: none!Important;
        opacity: 0!important;
    }
}

@media screen and (min-width:0) and (max-width:1023px) {
    body {
        font-size: 18px;
        line-height: 31px;
    }
    h1 {
        font-size: 34px;
        line-height: 44px
    }
    h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 15px
    }
    h3 {
        font-size: 22px;
        line-height: 32px
    }
    h4 {
        font-size: 18px;
        line-height: normal
    }
    h5 {
        font-size: 16px;
        line-height: normal
    }
    .whiteoverlay h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 0
    }
    .home header {
        position: absolute;
        background: none
    }
    .homesection1 h1 {
        margin: 30px 0 20px
    }
    nav {
        font-size: 16px;
    }
    nav ul li a {
        padding-left: 10px;
        padding-right: 10px;
    }
    nav>.menu>.mainMenu>li:last-child {
        margin: 0
    }
    .back-to-top {
        position: fixed;
        bottom: 20px;
        right: 10px;
        display: block;
        font-size: 0;
        transition: opacity 0.2s ease-out;
        opacity: 0;
    }
    .back-to-top.show {
        opacity: 1;
    }
    .back-to-top a {
        background: url(../images/botomtop-arrow.svg) no-repeat center center;
        background-size: 30px 30px;
        width: 50px;
        height: 50px;
        display: block
    }
    .vspace {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .homecontent {
        max-width: 80%;
        padding: 80px 15px;
    }
    .videoHolder video {
        width: auto;
        height: 100%
    }
    .map,
    .address {
        width: 100%
    }
    .contactmapsec {
        padding: 0
    }
    .address {
        padding-bottom: 30px
    }
    .usecaseslist>ul>li {
        width: 50%;
        margin-bottom: 30px
    }
    .proectlink ul li {
        padding: 15px 10px
    }
    .applications {
        max-width: 100%
    }
    .deliveryprocess>span {
        display: none
    }
    .deliveryprocess li {
        width: 50%;
        border-bottom: 1px solid #48505b;
        padding: 30px 20px 0
    }
    .deliveryprocess li:nth-child(5),
    .deliveryprocess li:nth-child(7) {
        border-right: 0;
    }
    .deliveryprocess li:last-child {
        width: 100%;
        padding-left: 100px;
        padding-right: 100px
    }
    .mobstep {
        position: static;
        padding: 2px 15px;
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 5px;
        display: inline-block;
        margin: 0 auto 30px;
        width: auto
    }
    .videoiframe {
        max-width: 80%;
        padding-bottom: 45.25%
    }
    .teamprofile ul li {
        width: 33.33%;
        padding: 0 15px 40px
    }
    /* .directorsmidsec .teamprofile ul li {width: 50%;} */
    .joinus {
        padding: 40px
    }
    .joinus .floatLeft,
    .joinus .floatRight {
        width: 100%;
        padding: 0
    }
    .joinus .floatLeft {
        padding-bottom: 30px;
    }
    .joinus .floatRight ul li {
        display: inline-block;
        padding-right: 20px;
    }
    .listingsec ul li {
        width: 33.33%
    }
    .featuredbannercontent {
        width: 100%;
        padding: 20px
    }
    .articleimg {
        padding: 30px 0 20px
    }
    .articleContent {
        width: 100%;
        padding: 0 0 50px
    }
    .latestcatlist {
        width: 100%
    }
    .ourdevelopment .midsec {
        max-width: 65%
    }
    .latestcatlist ul li,
    .latestcategorylist ul li {
        width: 33.33%;
    }
    .partnersecion ul li {
        width: 33.33%
    }
    .partnersecion ul li:nth-child(3),
    .partnersecion ul li:nth-child(6),
    .partnersecion ul li:nth-child(9) {
        border-right: 0
    }
    .partnersecion ul li:nth-child(10) {
        border-bottom: 0
    }
    .homesection2,
    .homesection2 .fp-tableCell,
    .homesection3,
    .homesection3 .fp-tableCell,
    .homesection4,
    .homesection4 .fp-tableCell,
    .homesection5,
    .homesection5 .fp-tableCell,
    .homesection6,
    .homesection6 .fp-tableCell,
    .homesection7,
    .homesection7 .fp-tableCell {
        height: auto !important;
    }
    .closePopUpTrigger {
        top: 10px;
        right: 10px
    }
    .homeimgcontent {
        max-width: 80%;
        padding: 80px 15px
    }
    #watchvideo.popup_block {
        position: fixed
    }
    .teamprofiledes {
        font-size: 16px;
    }
    .viewlink {
        margin: 0
    }
    .latestcatlist .nextprev {
        display: block
    }
    .latestnewsslider {
        overflow: hidden;
        width: auto !important
    }
    .latestnewsslider li {
        float: left;
    }
    .faqqasec h6,
    .faqbox h5 {
        font-size: 18px;
        line-height: 24px
    }
}

@media screen and (min-width:0) and (max-width:900px) {
    nav {
        font-size: 15px;
    }
    nav ul li a {
        padding: 5px 5px 6px !important
    }
    .faqqasec h2 {
        text-align: left;
        margin-bottom: 15px
    }
    .faqqasec .floatLeft {
        width: 100%;
        padding-right: 0
    }
    .faqqasec .floatRight {
        width: 100%;
        padding-left: 0
    }
    .topFaq .floatRight {
        padding-top: 30px
    }
    .bottomFaq .faqbox {
        padding-bottom: 58px
    }
}

@media screen and (min-width:769px) {
    /*nav ul ul { 
        display: none;
        position: absolute;
    width: 136px;
    background: var(--default_blue);
    z-index: 9999;
    top: 50px;
    font-size: 16px;
    border-radius: 0;
    padding: 10px 20px;
    right: 0;
    }*/
    nav ul ul:before {
        content: "";
        position: absolute;
        top: -6px;
        width: 12px;
        height: 7px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: url(../images/dropdown-box-arrow.svg) no-repeat center center;
        background-size: 12px auto;
    }
    nav ul li ul li {
        width: 100%;
        padding-bottom: 0
    }
    nav ul li.menu-item-has-children>a:after {
        background: url(../images/down_blue.svg) no-repeat;
        background-size: cover;
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 5px 0 0 10px;    background-position: top 2px left;
    }
    nav ul li.menu-item-has-children:hover ul {
        display: block
    }
    .hvpbenfitssec ul li:nth-child(4),
    .hvpbenfitssec ul li:nth-child(8) {
        border-right: 0
    }
    .hvpbenfitssec ul li:nth-child(5),
    .hvpbenfitssec ul li:nth-child(6),
    .hvpbenfitssec ul li:nth-child(7),
    .hvpbenfitssec ul li:nth-child(8) {
        border-bottom: 0
    }
    .globalvalue ul li:nth-child(3),
    .globalvalue ul li:nth-child(6) {
        border-right: 0
    }
    .globalvalue ul li:nth-child(4),
    .globalvalue ul li:nth-child(5),
    .globalvalue ul li:nth-child(6) {
        border-bottom: 0
    }
    ul.approvedsupplierslist li:nth-child(4),
    ul.approvedsupplierslist li:nth-child(8) {
        border-right: 0
    }
    ul.approvedsupplierslist li:nth-child(5),
    ul.approvedsupplierslist li:nth-child(6),
    ul.approvedsupplierslist li:nth-child(7),
    ul.approvedsupplierslist li:nth-child(8) {
        border-bottom: 0
    }
}

@media screen and (min-width:0) and (max-width:768px) {
    p {
        margin: 0 0 20px 0
    }
    header {
        padding-left: 15px;
        padding-right: 15px;
		box-shadow:none;
    }
    .menuicon {
        display: block
    }
    nav {
        width: 60%;
        height: 100%;
        position: fixed;
        top: 0;
        right: -60%;
        background: #16212E;
        z-index: 1;
        padding: 0;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        transition: all 300ms linear;
        font-size: 22px
    }
    nav ul li {
        width: 100%;
        padding-bottom: 15px
    }
    nav ul li a {
        color: #fff;
        padding: 10px 16px 8px !important
    }
    nav ul li a:hover,
    nav ul li.current_page_item a,
    nav ul li.current_page_ancestor a,
    nav ul li.menuactive a {
        background: #EB17B2 !important;
        color: #fff !important;
        border-radius: 5px
    }
    nav>.menu>.mainMenu>li:last-child a {
        background: none
    }
    .accordionTrigger {
        float: right;
        width: 80px;
        height: 45px;
        padding: 3px 20px 0 10px;
        cursor: pointer
    }
    .accordionTrigger span {
        background: url(../images/dropdown-arrow-mob.svg) no-repeat right center;
        background-size: 20px auto;
        content: "";
        width: 50px;
        height: 32px;
        display: block;
    }
    .accordionTrigger.menuactive span {
        background-image: url(../images/dropdown-arrow-active-mob.svg)
    }
    nav.openmenu {
        right: 0
    }
    nav ul li ul li {
        padding-bottom: 0
    }
    .menu {
        padding: 50px 70px 50px 50px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    nav ul li.menuactive ul li a {
        background: none !important;
        border-radius: 0;
        padding: 6px 16px !important
    }
    nav ul ul {
        display: none;
        font-size: 18px;
        padding: 10px 0 0 0
    }
    .logo {
        padding: 15px 0
    }
    #fp-nav {
        display: none !important
    }
    #banner,
    .featuredcontent {
        margin: 89px 0 0;
    }
    .blog section.latestallfield {
        padding: 130px 0 0
    }
    .singelarticle {
        padding: 130px 0 50px
    }
    footer {
        font-size: 18px;
        line-height: 31px
    }
    footer .footermid {
        padding: 50px 15px 30px
    }
    .footermid ul li h5 {
        margin-bottom: 15px;
        font-size: 18px
    }
    .footermid ul li {
        width: 100%;
        padding: 0 0 32px
    }
    .footermid ul li p {
        margin-bottom: 10px;
    }
    footer .salesforce_w2l_lead .w2linput.text {
        width: 50%
    }
    .copyright {
        padding: 10px 0 0
    }
    .homeimgcontent.floatRight,
    .homeimgcontent.floatLeft {
        float: none;
        margin: 0
    }
    .watchvideo {
        background-size: 46px auto;
        height: 46px;
        padding: 19px 10px 25px 59px
    }
    .homecontent {
        max-width: 100%;
    }
    #banner {
        height: 300px
    }
    .faqqasec ul li h5 {
        background-size: 28px 28px;
        padding-left: 38px
    }
    .hvpbenfitssec ul li,
    .globalvalue ul li {
        width: 50%;
    }
    .hvpbenfitssec ul li:nth-child(2),
    .hvpbenfitssec ul li:nth-child(4),
    .hvpbenfitssec ul li:nth-child(6),
    .hvpbenfitssec ul li:nth-child(8),
    .globalvalue ul li:nth-child(2),
    .globalvalue ul li:nth-child(4),
    .globalvalue ul li:nth-child(6) {
        border-right: 0
    }
    .hvpbenfitssec ul li:nth-child(7),
    .hvpbenfitssec ul li:nth-child(8),
    .globalvalue ul li:nth-child(5),
    .globalvalue ul li:nth-child(6) {
        border-bottom: 0
    }
    .twocolumncontent {
        column-count: 1;
        column-gap: 0;
        text-align: center
    }
    .proectlink,
    .projectContentmain {
        width: 100%
    }
    .projectContentmain {
        padding: 20px 0 0
    }
    ul.approvedsupplierslist li {
        width: 33.33%
    }
    .howitworksbtmbox ul li {
        border-radius: 5px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 15px
    }
    .howitworksbtmbox ul li:last-child {
        margin-bottom: 0
    }
    .middlecontent {
        top: 0;
        transform: none
    }
    .videoiframe {
        max-width: 90%;
        padding-bottom: 50.25%
    }
    .technologysection4 .floatLeft {
        padding-right: 0;
        padding-bottom: 30px;
        width: 100%
    }
    .technologysection4 .floatRight {
        padding-left: 0;
        width: 100%
    }
    .joinus .floatRight ul li {
        display: block;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .popUpHolder.popupprofile {
        padding: 40px 20px 40px
    }
    .titlesocial {
        padding-right: 0
    }
    .titlesocial h1 {
        margin-bottom: 10px
    }
    .socialIcons {
        position: static;
        padding: 20px 0 0
    }
    .st-custom-button {
        margin: 0 5px 0 0;
        background-size: 40px auto;
        width: 40px;
        height: 40px;
    }
    .ourdevelopment .midsec {
        max-width: 80%
    }
    .featuredsec .featureddes {
        width: 100%
    }
    .latestcatlist ul li,
    .latestcategorylist ul li {
        width: 50%;
    }
    .homesection2 .homecontent {
        font-size: 20px;
        line-height: 34px
    }
    .quecolumn .floatLeft,
    .quecolumn .floatRight {
        width: 100%;
        padding: 0
    }
    .quecolumn .floatRight {
        padding: 15px 0 0
    }
    .calculatortab>ul,
    .proectlink,
    .applicationtablinks {
        display: none
    }
    .mobtab,
    .projectmobtab,
    .applicationmobtab {
        display: block
    }
    .renewablesNon a.tablink {
        padding: 10px 15px
    }
    .calculatordes {
        padding: 10px 0 20px
    }
    .calculatornote {
        max-width: 100%
    }
    .price {
        font-size: 30px
    }
    .infoicon {
        margin: 1px 0 0 5px
    }
    .capextxt {
        padding-top: 0;
        padding-right: 5px
    }
    /*.calculatecost > span, .infoicon{display: block}*/
    .tooltip .tooltiptext {
        width: 280px;
        margin-left: -140px
    }
    .mobtitle {
        display: block
    }
    .proejectdes {
        padding-bottom: 50px
    }
    .proejectdes:last-child {
        padding-bottom: 0
    }
    ul.approvedsupplierslist li:nth-child(3),
    ul.approvedsupplierslist li:nth-child(6) {
        border-right: 0
    }
    ul.approvedsupplierslist li:nth-child(7),
    ul.approvedsupplierslist li:nth-child(8) {
        border-bottom: 0
    }
    #watchvideo .popUpHolder {
        padding: 0
    }
    .blog section,
    .single .ourdevelopment {
        padding: 50px 0 0
    }
    .blog section.ourdevelopment,
    .single .ourdevelopment {
        padding-bottom: 30px
    }
    .calculatortab h5 {
        text-align: center
    }
    .calculatormaindes {
        padding: 20px 0 0
    }
    .page-template-template-contact .homecontent {
        padding: 20px 15px
    }
    .calculatecostbtn {
        padding: 0px 0 20px
    }
    .caldisablebtn {
        padding-top: 20px
    }
    .mediaenquiries {
        margin: 20px 0 0
    }
    .latestcatlist h4 {
        margin-bottom: 15px
    }
    .featuredboxdes {
        max-width: 70%
    }
    .viewlink {
        font-size: 18px
    }
    .proejctpagenation {
        display: block
    }
    .applicationtabdes h2 {
        display: block
    }
    .latestnewsbox:hover,
    .newsbox:hover {
        box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2);
    }
    .storageSystemSlider {
        font-size: 14px;
    }
    .popupNote br {
        display: none
    }
    body.page-template-template-careers #testimonials .decorative-quote {
        margin-top: 0.5em;
    }
    body.page-template-template-careers #testimonials .downarrow.left,
    body.page-template-template-careers #testimonials .downarrow.right {
        width: 50%;
        margin: 0 0 3%;
    }
    body.page-template-template-careers #testimonials ul.testimonials {
        clear: both;
        width: 100%;
    }
    body.page-template-template-careers #benefits .floatLeft {
        float: none;
        width: 100%;
        margin: 20px 0;
    }
    body.page-template-template-careers #gallery.technologysection2 ul li {
        width: 100%;
    }
}

@media screen and (min-width:0) and (max-width:640px) {
    .vspace {
        padding-top: 25px;
        padding-bottom: 25px
    }
    nav {
        font-size: 18px;
        right: -100%;
        width: 100%
    }
    nav ul li.current_page_item ul {
        font-size: 16px
    }
    .menu {
        padding: 40px 70px 20px 20px;
    }
    footer .salesforce_w2l_lead .w2linput.text {
        width: 100%
    }
    .innermidsec {
        padding-left: 10px;
        padding-right: 10px
    }
    .blog .innermidsec {
        padding-left: 20px;
        padding-right: 20px
    }
    .form ul li {
        width: 100% !important
    }
    .usecaseslist {
        padding: 20px 0 0
    }
    .usecaseslist>ul>li {
        width: 100%;
        margin-bottom: 30px
    }
    .hvpbenfitssec ul li {
        padding: 10px 5px
    }
    .hvpbenfitssec ul li span {
        height: 70px;
    }
    .linkbox {
        width: 100%
    }
    .deliveryprocess {
        margin: 0
    }
    .deliveryprocess li {
        width: 100%;
        border-right: 0;
        padding: 30px 20px 0 !important;
        font-size: 17px
    }
    .mobstep {
        position: static;
        padding: 2px 15px;
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 5px;
        display: inline-block;
        margin: 0 auto 30px;
        width: auto
    }
    .joinus .floatRight ul {
        font-size: 18px
    }
    .joinus .floatRight ul li a {
        padding: 15px 15px 16px;
        font-size: 16px
    }
    .teamprofile ul li {
        width: 50%
    }
    .joinus {
        padding: 20px
    }
    .listingsec ul {
        width: auto;
        margin: 0
    }
    .listingsec ul li {
        width: 50%
    }
    .featuredbanner img {
        height: 300px;
    }
    .featuredbannercontent p {
        display: none
    }
    .ourdevelopment .midsec {
        max-width: 100%
    }
    .storagefixtitles {
        width: 35%
    }
    .storagescrollcontent {
        width: 65%
    }
    .storageSystemSlider ul li>div {
        padding: 5px 10px;
    }
    .featureddes p,
    .featuredbox p {
        display: none
    }
    .featuredbox {
        min-height: 200px;
    }
    .partnersecion h2 {
        margin-bottom: 18px
    }
    .partnersecion ul {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .partnersecion ul li {
        width: 100%;
        border: 0;
        padding: 15px 10px
    }
    .partnersecion ul li img,
    ul.approvedsupplierslist li img {
        transform: none !important
    }
    .partnersecion ul li:last-child {
        padding-bottom: 0
    }
    .homesection7 h2 {
        text-align: center
    }
    .newsslider .nextprev {
        position: static;
        display: block;
        text-align: center;
        margin-bottom: 50px
    }
    .requestform ul li {
        width: 100%
    }
    .homeimgcontent {
        max-width: 100%
    }
    .tooltip .tooltiptext {
        margin-left: -260px;
    }
    .tooltip .tooltiptext:after {
        left: 93%
    }
    .hvpbenfitssec ul {
        padding: 0
    }
    .featuredboxdes {
        max-width: 100%
    }
    .comparisonrelatestxt {
        text-align: center;
        padding-left: 15px
    }
    .fullwidth .wpcf7-not-valid-tip {
        text-align: left
    }
}

@media screen and (min-width:0) and (max-width:500px) {
    .globalvalue ul {
        padding: 0;
        margin-bottom: 0
    }
    .globalvalue ul li {
        width: 100%;
        border: 0;
        border-top: 1px solid #e0e0e0 !important;
        padding: 30px 10px 35px;
        height: auto !important
    }
    .globalvalue ul li:last-child {
        padding-bottom: 0
    }
    ul.approvedsupplierslist li {
        width: 100%;
        border-right: 0;
        border-bottom: 0 !important;
        padding: 15px 10px;
        font-size: 0;
        line-height: 0
    }
    ul.approvedsupplierslist li:last-child {
        padding-bottom: 0
    }
    ul.approvedsupplierslist li:last-child {
        border-bottom: 0 !important;
    }
    .teamprofile ul li {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 20px
    }
    .teamprofile ul li:last-child {
        padding-bottom: 0
    }
    .directorsmidsec {
        padding-bottom: 0
    }
    .teamsec {
        padding-bottom: 50px
    }
    .milestoneslider ul {
        margin: 0
    }
    .milestoneslider ul li {
        border: 0
    }
    .milestoneimgmain {
        padding-bottom: 180px
    }
    .milestoneimg {
        margin: 0 auto 20px;
        right: 0
    }
    .nextprev {
        float: none;
        text-align: center;
        margin: 0
    }
    .technologysection6 .nextprev {
        margin: 20px 0 0
    }
    .milestoneslider ul li {
        text-align: center
    }
    .milestoneimg img {
        margin: 0 auto
    }
    .awardslider ul li {
        padding-top: 0;
        padding-bottom: 0
    }
    .listingsec {
        padding: 40px 0 0
    }
    .listingsec ul li {
        width: 100%
    }
    .subscribeform form {
        padding-right: 0
    }
    .subscribeform .w2lsubmit {
        position: static;
        padding: 20px 0 0!important
    }
    .subscribeform .w2lsubmit .w2linput {
        margin: 0 auto !important
    }
    .highlightfeatured,
    .presscoverage .highlightfeatured {
        height: auto !important
    }
    .latestcatlist ul,
    .newsannouncements .latestlistlft,
    .eventssec ul,
    .resourcessec ul,
    .presscoverage .latestlistlft,
    .latestcategorylist .latestlistlft ul {
        margin: 0;
        width: auto
    }
    .latestcatlist ul li,
    .latestcategorylist ul li {
        width: 100%;
        height: auto !important;
        padding: 0 15px 20px
    }
    .resourcessec ul li {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .blog .innermidsec {
        padding-left: 10px;
        padding-right: 10px
    }
    .latestcatlist ul li:last-child,
    .latestcategorylist ul li:last-child {
        padding-bottom: 0
    }
    .highlightfeatured {
        padding-bottom: 40px
    }
    .viewlink {
        text-align: center;
        float: none;
        display: block
    }
    .blog h2 {
        text-align: center
    }
    .twocolumn {
        margin: 0
    }
    .latestcatlist ul,
    .eventssec ul,
    .resourcessec ul {
        width: auto
    }
    .blog section {
        overflow: visible
    }
    .presstwocolumn {
        width: 100%
    }
    .popUpHolder {
        padding-left: 15px;
        padding-right: 15px
    }
    .contact-map {
        height: 250px
    }
    .renewablesNon {
        font-size: 16px
    }
    .single .latestcatlist ul li {
        padding-left: 0;
        padding-right: 0
    }
    .tooltip .tooltiptext:after {
        left: 73%
    }
    .tooltip .tooltiptext {
        margin-left: -200px
    }
}

@media screen and (min-width:0) and (max-width:360px) {
    .proejctpagenation {
        font-size: 16px
    }
}



/* CSS Document */

@media screen and (min-width:0) and (max-width:1500px) {
    .featuredbannercontent {
        width: 70%
    }
    .ourdevelopment .midsec {
        max-width: 45%
    }
    .subscribeform {
        max-width: 100%
    }
    .calculatortab ul li {
        font-size: 16px
    }
    .calculatortab ul li {
        padding: 0 8px
    }
    .calculatortab ul li span:before {
        padding-right: 10px
    }
    .storageSystemSlider h2 {
        left: -15%
    }
}

@media screen and (min-width:0) and (max-width:1200px) {
    header {
        padding: 0 20px
    }
    .homeimgcontent {
        max-width: 50%;
    }
    .innermidsec,
    .faqqasec .innermidsec,
    .shortcontent {
        max-width: 80%
    }
    footer .footermid {
        max-width: 85%
    }
    footer .salesforce_w2l_lead .w2linput.text {
        width: 100%
    }
    .globalvalue ul li span {
        font-size: 32px;
    }
    .projectContentmain {
        padding-left: 20px
    }
    .deliveryprocess li {
        padding: 95px 10px 0
    }
    .featureddes,
    .featuredbox {
        width: 100%;
        padding: 20px
    }
    .ourdevelopment .midsec {
        max-width: 50%
    }
    .latestcatlist ul,
    .eventssec ul,
    .resourcessec ul {
        width: 103%
    }
    .calculatortab ul li span:before,
    .mobtab span:before {
        display: block;
        margin: 0 auto
    }
    .page-template-template-faq .homecontent h1 br {
        display: none
    }
}

@media screen and (min-width:1101px) {
    .latestcatlist .latestnewsbox {
        background: transparent;
        box-shadow: none;
        min-height: 0;
        height: auto;
        padding: 0
    }
    .latestcatlist .latestnewsbox span.date {
        padding-bottom: 0
    }
}

@media (max-width:1100px) {
    .homecallback {
        display: none
    }
    .home .rescallback {
        display: block
    }
    .rescallback {
        display: block;
        background: #fff
    }
    .callbackicon {
        transform: none;
        position: static;
        text-align: center;
        padding: 10px 0
    }
    .callbackicon a:before {
        position: static;
        display: inline-block;
        vertical-align: middle;
        transform: none
    }
    .innermidsec,
    footer .footermid,
    .faqqasec .innermidsec,
    .shortcontent {
        max-width: 100%
    }
    .rotatetxt {
        transform: none;
        position: static;
        height: auto !important;
        margin: 0 0 20px
    }
    .rotatetxt br {
        display: none
    }
    .companymilestone .midsec,
    .ourawardssec .midsec {
        padding: 0 15px
    }
    .technologysection6 .midsec {
        padding: 0 0 0 15px
    }
    .milestoneslider,
    .awardslider,
    .storageSystemSlider {
        margin: 0;
        border: 0
    }
    .comparisonrelatestxt {
        padding-left: 0
    }
    .singelarticle {
        padding: 150px 0 100px
    }
    .ourdevelopment .midsec {
        max-width: 55%
    }
    .featuredsec {
        width: 100%;
        padding-right: 0
    }
    .featuredsec .featureddes {
        width: 60%
    }
    .latestallfield .latestcatlist {
        width: 100%;
        padding: 30px 0 0
    }
    .presstwocolumn {
        width: 100%
    }
    .latestcatlist ul {
        margin: 0 0 0 -15px
    }
    .latestcatlist ul li,
    .latestcategorylist ul li {
        width: 25%;
        float: left;
        padding: 0 15px 30px
    }
    .highlightfeatured,
    .latestlistlft {
        width: 100%
    }
    .latestcategorylist .highlightfeatured li {
        padding-left: 0;
        padding-right: 0
    }
    .highlightfeatured,
    .presscoverage .highlightfeatured {
        margin: 0
    }
    .newsannouncements .latestlistlft,
    .presscoverage .latestlistlft {
        width: 100%;
        height: auto !important
    }
    .latestcategorylist .latestlistlft ul {
        margin: 0 0 0 -15px;
        width: 102.5%
    }
    .twocolumn {
        margin: 0
    }
    .twocolumn>div.floatRight,
    .presstwocolumn>div.floatRight {
        padding-left: 0;
    }
    .twocolumn>div.floatLeft,
    .presstwocolumn>div.floatLeft {
        padding-right: 0;
    }
    .partnersecion .midsec {
        max-width: 100%
    }
    #fp-nav {
        display: none !important
    }
    .single .latestcatlist ul li {
        width: auto;
        float: none;
    }
    .latestcategorylist ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-flow: row wrap;
    }
    .latestcategorylist ul li {
        display: flex;
        height: auto
    }
    .newsbox,
    .latestnewsbox {
        width: 100%
    }
    .resourcessec ul li {
        display: block
    }
    .highlightfeatured {
        height: auto !important
    }
    .featuredboxdes {
        max-width: 50%
    }
    body.page-template-template-careers #joinus h2 {
        font-size: 90px;
        line-height: 70px;
    }
    body.page-template-template-careers #joinus h3 {
        font-size: 50px;
        line-height: 50px;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    @media screen and (orientation: landscape) {
        .tooltip .tooltiptext {
            margin-left: -192px !important;
        }
    }
    .tooltip .tooltiptext {
        width: 400px !important;
        margin-left: -200px !important;
    }
}

@media screen and (min-width:1024px) {
    body.page-template-template-home .partnersecion ul li:nth-child(5n) {
        border-right: 0
    }
    body.page-template-template-home .partnersecion ul li:nth-last-child(-n+5) {
        border-bottom: 0
    }
    body.page-template-template-benefits .partnersecion ul li:nth-child(3n) {border-right: 0;}
    body.page-template-template-benefits .partnersecion ul li:nth-last-child(-n+3) {border-bottom: 0;}
}

@media screen and (min-width:0) and (max-width:1024px) {
    .requestform ul li select,
    .calculatormaindes select {
        width: 100%!important;
        opacity: 1!important;
        position: relative!important;
        height: auto!important;
        background-size: 24px;
    }
    .requestform ul li label span .fancy-select .trigger,
    .calculatormaindes .fancy-select .trigger {
        display: none!Important;
        opacity: 0!important;
    }
}

@media screen and (min-width:0) and (max-width:1023px) {
    body {
        font-size: 18px;
        line-height: 31px;
    }
    h1 {
        font-size: 34px;
        line-height: 44px
    }
    h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 15px
    }
    h3 {
        font-size: 22px;
        line-height: 32px
    }
    h4 {
        font-size: 18px;
        line-height: normal
    }
    h5 {
        font-size: 16px;
        line-height: normal
    }
    .whiteoverlay h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 0
    }
    .home header {
        position: absolute;
        background: none
    }
    .homesection1 h1 {
        margin: 30px 0 20px
    }
    nav {
        font-size: 16px;
    }
    nav ul li a {
        padding-left: 10px;
        padding-right: 10px;
    }
    nav>.menu>.mainMenu>li:last-child {
        margin: 0
    }
    .back-to-top {
        position: fixed;
        bottom: 20px;
        right: 10px;
        display: block;
        font-size: 0;
        transition: opacity 0.2s ease-out;
        opacity: 0;
    }
    .back-to-top.show {
        opacity: 1;
    }
    .back-to-top a {
        background: url(../images/botomtop-arrow.svg) no-repeat center center;
        background-size: 30px 30px;
        width: 50px;
        height: 50px;
        display: block
    }
    .vspace {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .homecontent {
        max-width: 80%;
        padding: 80px 15px;
    }
    .videoHolder video {
        width: auto;
        height: 100%
    }
    .map,
    .address {
        width: 100%
    }
    .contactmapsec {
        padding: 0
    }
    .address {
        padding-bottom: 30px
    }
    .usecaseslist>ul>li {
        width: 50%;
        margin-bottom: 30px
    }
    .proectlink ul li {
        padding: 15px 10px
    }
    .applications {
        max-width: 100%
    }
    .deliveryprocess>span {
        display: none
    }
    .deliveryprocess li {
        width: 50%;
        border-bottom: 1px solid #48505b;
        padding: 30px 20px 0
    }
    .deliveryprocess li:nth-child(5),
    .deliveryprocess li:nth-child(7) {
        border-right: 0;
    }
    .deliveryprocess li:last-child {
        width: 100%;
        padding-left: 100px;
        padding-right: 100px
    }
    .mobstep {
        position: static;
        padding: 2px 15px;
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 5px;
        display: inline-block;
        margin: 0 auto 30px;
        width: auto
    }
    .videoiframe {
        max-width: 80%;
        padding-bottom: 45.25%
    }
    .teamprofile ul li {
        width: 33.33%;
        padding: 0 15px 40px
    }
    /* .directorsmidsec .teamprofile ul li {width: 50%;} */
    .joinus {
        padding: 40px
    }
    .joinus .floatLeft,
    .joinus .floatRight {
        width: 100%;
        padding: 0
    }
    .joinus .floatLeft {
        padding-bottom: 30px;
    }
    .joinus .floatRight ul li {
        display: inline-block;
        padding-right: 20px;
    }
    .listingsec ul li {
        width: 33.33%
    }
    .featuredbannercontent {
        width: 100%;
        padding: 20px
    }
    .articleimg {
        padding: 30px 0 20px
    }
    .articleContent {
        width: 100%;
        padding: 0 0 50px
    }
    .latestcatlist {
        width: 100%
    }
    .ourdevelopment .midsec {
        max-width: 65%
    }
    .latestcatlist ul li,
    .latestcategorylist ul li {
        width: 33.33%;
    }
    .partnersecion ul li {
        width: 33.33%
    }
    .partnersecion ul li:nth-child(3),
    .partnersecion ul li:nth-child(6),
    .partnersecion ul li:nth-child(9) {
        border-right: 0
    }
    .partnersecion ul li:nth-child(10) {
        border-bottom: 0
    }
    .homesection2,
    .homesection2 .fp-tableCell,
    .homesection3,
    .homesection3 .fp-tableCell,
    .homesection4,
    .homesection4 .fp-tableCell,
    .homesection5,
    .homesection5 .fp-tableCell,
    .homesection6,
    .homesection6 .fp-tableCell,
    .homesection7,
    .homesection7 .fp-tableCell {
        height: auto !important;
    }
    .closePopUpTrigger {
        top: 10px;
        right: 10px
    }
    .homeimgcontent {
        max-width: 80%;
        padding: 80px 15px
    }
    #watchvideo.popup_block {
        position: fixed
    }
    .teamprofiledes {
        font-size: 16px;
    }
    .viewlink {
        margin: 0
    }
    .latestcatlist .nextprev {
        display: block
    }
    .latestnewsslider {
        overflow: hidden;
        width: auto !important
    }
    .latestnewsslider li {
        float: left;
    }
    .faqqasec h6,
    .faqbox h5 {
        font-size: 18px;
        line-height: 24px
    }
}

@media screen and (min-width:0) and (max-width:900px) {
    nav {
        font-size: 15px;
    }
    nav ul li a {
        padding: 5px 5px 6px !important
    }
    .faqqasec h2 {
        text-align: left;
        margin-bottom: 15px
    }
    .faqqasec .floatLeft {
        width: 100%;
        padding-right: 0
    }
    .faqqasec .floatRight {
        width: 100%;
        padding-left: 0
    }
    .topFaq .floatRight {
        padding-top: 30px
    }
    .bottomFaq .faqbox {
        padding-bottom: 58px
    }
}

@media screen and (min-width:769px) {
    nav ul ul { 
        display: none;
        position: absolute;
    width: 200px;
    background: var(--default_blue);
    z-index: 9999;
    top: 50px;
    font-size: 16px;
    border-radius: 0;
    padding: 10px 20px;
    right: 0;
    }
    nav ul ul:before {
        content: "";
        position: absolute;
        top: -6px;
        width: 12px;
        height: 7px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: url(../images/dropdown-box-arrow.svg) no-repeat center center;
        background-size: 12px auto;
    }
    nav ul li ul li {
        width: 100%;
        padding-bottom: 0
    }
    nav ul li.menu-item-has-children>a:after {
        background: url(../images/down_blue.svg) no-repeat;
        background-size: cover;
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 5px 0 0 10px;    background-position: top 2px left;
    }
    nav ul li.menu-item-has-children:hover ul {
        display: block
    }
    .hvpbenfitssec ul li:nth-child(4),
    .hvpbenfitssec ul li:nth-child(8) {
        border-right: 0
    }
    .hvpbenfitssec ul li:nth-child(5),
    .hvpbenfitssec ul li:nth-child(6),
    .hvpbenfitssec ul li:nth-child(7),
    .hvpbenfitssec ul li:nth-child(8) {
        border-bottom: 0
    }
    .globalvalue ul li:nth-child(3),
    .globalvalue ul li:nth-child(6) {
        border-right: 0
    }
    .globalvalue ul li:nth-child(4),
    .globalvalue ul li:nth-child(5),
    .globalvalue ul li:nth-child(6) {
        border-bottom: 0
    }
    ul.approvedsupplierslist li:nth-child(4),
    ul.approvedsupplierslist li:nth-child(8) {
        border-right: 0
    }
    ul.approvedsupplierslist li:nth-child(5),
    ul.approvedsupplierslist li:nth-child(6),
    ul.approvedsupplierslist li:nth-child(7),
    ul.approvedsupplierslist li:nth-child(8) {
        border-bottom: 0
    }
}

@media screen and (min-width:0) and (max-width:768px) {
    p {
        margin: 0 0 20px 0
    }
    header {
        padding-left: 15px;
        padding-right: 15px;
    }
    .menuicon {
        display: block
    }
    nav {
        width: 60%;
        height: 100%;
        position: fixed;
        top: 0;
        right: -60%;
        background: #16212E;
        z-index: 1;
        padding: 0;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        transition: all 300ms linear;
        font-size: 22px
    }
    nav ul li {
        width: 100%;
        padding-bottom: 15px
    }
    nav ul li a {
        color: #fff;
        padding: 10px 16px 8px !important
    }
    nav ul li a:hover,
    nav ul li.current_page_item a,
    nav ul li.current_page_ancestor a,
    nav ul li.menuactive a {
        background: #EB17B2 !important;
        color: #fff !important;
        border-radius: 5px
    }
    nav>.menu>.mainMenu>li:last-child a {
        background: none
    }
    .accordionTrigger {
        float: right;
        width: 80px;
        height: 45px;
        padding: 3px 20px 0 10px;
        cursor: pointer
    }
    .accordionTrigger span {
        background: url(../images/dropdown-arrow-mob.svg) no-repeat right center;
        background-size: 20px auto;
        content: "";
        width: 50px;
        height: 32px;
        display: block;
    }
    .accordionTrigger.menuactive span {
        background-image: url(../images/dropdown-arrow-active-mob.svg)
    }
    nav.openmenu {
        right: 0
    }
    nav ul li ul li {
        padding-bottom: 0
    }
    .menu {
        padding: 50px 70px 50px 50px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    nav ul li.menuactive ul li a {
        background: none !important;
        border-radius: 0;
        padding: 6px 16px !important
    }
    nav ul ul {
        display: none;
        font-size: 18px;
        padding: 10px 0 0 0
    }
    .logo {
        padding: 15px 0
    }
    #fp-nav {
        display: none !important
    }
    #banner,
    .featuredcontent {
        margin: 89px 0 0;
    }
    .blog section.latestallfield {
        padding: 130px 0 0
    }
    .singelarticle {
        padding: 130px 0 50px
    }
    footer {
        font-size: 18px;
        line-height: 31px
    }
    footer .footermid {
        padding: 50px 15px 30px
    }
    .footermid ul li h5 {
        margin-bottom: 15px;
        font-size: 18px
    }
    .footermid ul li {
        width: 100%;
        padding: 0 0 32px
    }
    .footermid ul li p {
        margin-bottom: 10px;
    }
    footer .salesforce_w2l_lead .w2linput.text {
        width: 50%
    }
    .copyright {
        padding: 10px 0 0
    }
    .homeimgcontent.floatRight,
    .homeimgcontent.floatLeft {
        float: none;
        margin: 0
    }
    .watchvideo {
        background-size: 46px auto;
        height: 46px;
        padding: 19px 10px 25px 59px
    }
    .homecontent {
        max-width: 100%;
    }
    #banner {
        height: 300px
    }
    .faqqasec ul li h5 {
        background-size: 28px 28px;
        padding-left: 38px
    }
    .hvpbenfitssec ul li,
    .globalvalue ul li {
        width: 50%;
    }
    .hvpbenfitssec ul li:nth-child(2),
    .hvpbenfitssec ul li:nth-child(4),
    .hvpbenfitssec ul li:nth-child(6),
    .hvpbenfitssec ul li:nth-child(8),
    .globalvalue ul li:nth-child(2),
    .globalvalue ul li:nth-child(4),
    .globalvalue ul li:nth-child(6) {
        border-right: 0
    }
    .hvpbenfitssec ul li:nth-child(7),
    .hvpbenfitssec ul li:nth-child(8),
    .globalvalue ul li:nth-child(5),
    .globalvalue ul li:nth-child(6) {
        border-bottom: 0
    }
    .twocolumncontent {
        column-count: 1;
        column-gap: 0;
        text-align: center
    }
    .proectlink,
    .projectContentmain {
        width: 100%
    }
    .projectContentmain {
        padding: 20px 0 0
    }
    ul.approvedsupplierslist li {
        width: 33.33%
    }
    .howitworksbtmbox ul li {
        border-radius: 5px !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 15px
    }
    .howitworksbtmbox ul li:last-child {
        margin-bottom: 0
    }
    .middlecontent {
        top: 0;
        transform: none
    }
    .videoiframe {
        max-width: 90%;
        padding-bottom: 50.25%
    }
    .technologysection4 .floatLeft {
        padding-right: 0;
        padding-bottom: 30px;
        width: 100%
    }
    .technologysection4 .floatRight {
        padding-left: 0;
        width: 100%
    }
    .joinus .floatRight ul li {
        display: block;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .popUpHolder.popupprofile {
        padding: 40px 20px 40px
    }
    .titlesocial {
        padding-right: 0
    }
    .titlesocial h1 {
        margin-bottom: 10px
    }
    .socialIcons {
        position: static;
        padding: 20px 0 0
    }
    .st-custom-button {
        margin: 0 5px 0 0;
        background-size: 40px auto;
        width: 40px;
        height: 40px;
    }
    .ourdevelopment .midsec {
        max-width: 80%
    }
    .featuredsec .featureddes {
        width: 100%
    }
    .latestcatlist ul li,
    .latestcategorylist ul li {
        width: 50%;
    }
    .homesection2 .homecontent {
        font-size: 20px;
        line-height: 34px
    }
    .quecolumn .floatLeft,
    .quecolumn .floatRight {
        width: 100%;
        padding: 0
    }
    .quecolumn .floatRight {
        padding: 15px 0 0
    }
    .calculatortab>ul,
    .proectlink,
    .applicationtablinks {
        display: none
    }
    .mobtab,
    .projectmobtab,
    .applicationmobtab {
        display: block
    }
    .renewablesNon a.tablink {
        padding: 10px 15px
    }
    .calculatordes {
        padding: 10px 0 20px
    }
    .calculatornote {
        max-width: 100%
    }
    .price {
        font-size: 30px
    }
    .infoicon {
        margin: 1px 0 0 5px
    }
    .capextxt {
        padding-top: 0;
        padding-right: 5px
    }
    /*.calculatecost > span, .infoicon{display: block}*/
    .tooltip .tooltiptext {
        width: 280px;
        margin-left: -140px
    }
    .mobtitle {
        display: block
    }
    .proejectdes {
        padding-bottom: 50px
    }
    .proejectdes:last-child {
        padding-bottom: 0
    }
    ul.approvedsupplierslist li:nth-child(3),
    ul.approvedsupplierslist li:nth-child(6) {
        border-right: 0
    }
    ul.approvedsupplierslist li:nth-child(7),
    ul.approvedsupplierslist li:nth-child(8) {
        border-bottom: 0
    }
    #watchvideo .popUpHolder {
        padding: 0
    }
    .blog section,
    .single .ourdevelopment {
        padding: 50px 0 0
    }
    .blog section.ourdevelopment,
    .single .ourdevelopment {
        padding-bottom: 30px
    }
    .calculatortab h5 {
        text-align: center
    }
    .calculatormaindes {
        padding: 20px 0 0
    }
    .page-template-template-contact .homecontent {
        padding: 20px 15px
    }
    .calculatecostbtn {
        padding: 0px 0 20px
    }
    .caldisablebtn {
        padding-top: 20px
    }
    .mediaenquiries {
        margin: 20px 0 0
    }
    .latestcatlist h4 {
        margin-bottom: 15px
    }
    .featuredboxdes {
        max-width: 70%
    }
    .viewlink {
        font-size: 18px
    }
    .proejctpagenation {
        display: block
    }
    .applicationtabdes h2 {
        display: block
    }
    .latestnewsbox:hover,
    .newsbox:hover {
        box-shadow: 0 2px 4px 0 rgba(10, 16, 34, .2);
    }
    .storageSystemSlider {
        font-size: 14px;
    }
    .popupNote br {
        display: none
    }
    body.page-template-template-careers #testimonials .decorative-quote {
        margin-top: 0.5em;
    }
    body.page-template-template-careers #testimonials .downarrow.left,
    body.page-template-template-careers #testimonials .downarrow.right {
        width: 50%;
        margin: 0 0 3%;
    }
    body.page-template-template-careers #testimonials ul.testimonials {
        clear: both;
        width: 100%;
    }
    body.page-template-template-careers #benefits .floatLeft {
        float: none;
        width: 100%;
        margin: 20px 0;
    }
    body.page-template-template-careers #gallery.technologysection2 ul li {
        width: 100%;
    }
}

@media screen and (min-width:0) and (max-width:640px) {
    .vspace {
        padding-top: 25px;
        padding-bottom: 25px
    }
    nav {
        font-size: 18px;
        right: -100%;
        width: 100%
    }
    nav ul li.current_page_item ul {
        font-size: 16px
    }
    .menu {
        padding: 40px 70px 20px 20px;
    }
    footer .salesforce_w2l_lead .w2linput.text {
        width: 100%
    }
    .innermidsec {
        padding-left: 10px;
        padding-right: 10px
    }
    .blog .innermidsec {
        padding-left: 20px;
        padding-right: 20px
    }
    .form ul li {
        width: 100% !important
    }
    .usecaseslist {
        padding: 20px 0 0
    }
    .usecaseslist>ul>li {
        width: 100%;
        margin-bottom: 30px
    }
    .hvpbenfitssec ul li {
        padding: 10px 5px
    }
    .hvpbenfitssec ul li span {
        height: 70px;
    }
    .linkbox {
        width: 100%
    }
    .deliveryprocess {
        margin: 0
    }
    .deliveryprocess li {
        width: 100%;
        border-right: 0;
        padding: 30px 20px 0 !important;
        font-size: 17px
    }
    .mobstep {
        position: static;
        padding: 2px 15px;
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 5px;
        display: inline-block;
        margin: 0 auto 30px;
        width: auto
    }
    .joinus .floatRight ul {
        font-size: 18px
    }
    .joinus .floatRight ul li a {
        padding: 15px 15px 16px;
        font-size: 16px
    }
    .teamprofile ul li {
        width: 50%
    }
    .joinus {
        padding: 20px
    }
    .listingsec ul {
        width: auto;
        margin: 0
    }
    .listingsec ul li {
        width: 50%
    }
    .featuredbanner img {
        height: 300px;
    }
    .featuredbannercontent p {
        display: none
    }
    .ourdevelopment .midsec {
        max-width: 100%
    }
    .storagefixtitles {
        width: 35%
    }
    .storagescrollcontent {
        width: 65%
    }
    .storageSystemSlider ul li>div {
        padding: 5px 10px;
    }
    .featureddes p,
    .featuredbox p {
        display: none
    }
    .featuredbox {
        min-height: 200px;
    }
    .partnersecion h2 {
        margin-bottom: 18px
    }
    .partnersecion ul {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .partnersecion ul li {
        width: 100%;
        border: 0;
        padding: 15px 10px
    }
    .partnersecion ul li img,
    ul.approvedsupplierslist li img {
        transform: none !important
    }
    .partnersecion ul li:last-child {
        padding-bottom: 0
    }
    .homesection7 h2 {
        text-align: center
    }
    .newsslider .nextprev {
        position: static;
        display: block;
        text-align: center;
        margin-bottom: 50px
    }
    .requestform ul li {
        width: 100%
    }
    .homeimgcontent {
        max-width: 100%
    }
    .tooltip .tooltiptext {
        margin-left: -260px;
    }
    .tooltip .tooltiptext:after {
        left: 93%
    }
    .hvpbenfitssec ul {
        padding: 0
    }
    .featuredboxdes {
        max-width: 100%
    }
    .comparisonrelatestxt {
        text-align: center;
        padding-left: 15px
    }
    .fullwidth .wpcf7-not-valid-tip {
        text-align: left
    }
}

@media screen and (min-width:0) and (max-width:500px) {
    .globalvalue ul {
        padding: 0;
        margin-bottom: 0
    }
    .globalvalue ul li {
        width: 100%;
        border: 0;
        border-top: 1px solid #e0e0e0 !important;
        padding: 30px 10px 35px;
        height: auto !important
    }
    .globalvalue ul li:last-child {
        padding-bottom: 0
    }
    ul.approvedsupplierslist li {
        width: 100%;
        border-right: 0;
        border-bottom: 0 !important;
        padding: 15px 10px;
        font-size: 0;
        line-height: 0
    }
    ul.approvedsupplierslist li:last-child {
        padding-bottom: 0
    }
    ul.approvedsupplierslist li:last-child {
        border-bottom: 0 !important;
    }
    .teamprofile ul li {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px
    }
    .teamprofile ul li:last-child {
        padding-bottom: 0
    }
    .directorsmidsec {
        padding-bottom: 0
    }
    .teamsec {
        padding-bottom: 50px
    }
    .milestoneslider ul {
        margin: 0
    }
    .milestoneslider ul li {
        border: 0
    }
    .milestoneimgmain {
        padding-bottom: 180px
    }
    .milestoneimg {
        margin: 0 auto 20px;
        right: 0
    }
    .nextprev {
        float: none;
        text-align: center;
        margin: 0
    }
    .technologysection6 .nextprev {
        margin: 20px 0 0
    }
    .milestoneslider ul li {
        text-align: center
    }
    .milestoneimg img {
        margin: 0 auto
    }
    .awardslider ul li {
        padding-top: 0;
        padding-bottom: 0
    }
    .listingsec {
        padding: 40px 0 0
    }
    .listingsec ul li {
        width: 100%
    }
    .subscribeform form {
        padding-right: 0
    }
    .subscribeform .w2lsubmit {
        position: static;
        padding: 20px 0 0!important
    }
    .subscribeform .w2lsubmit .w2linput {
        margin: 0 auto !important
    }
    .highlightfeatured,
    .presscoverage .highlightfeatured {
        height: auto !important
    }
    .latestcatlist ul,
    .newsannouncements .latestlistlft,
    .eventssec ul,
    .resourcessec ul,
    .presscoverage .latestlistlft,
    .latestcategorylist .latestlistlft ul {
        margin: 0;
        width: auto
    }
    .latestcatlist ul li,
    .latestcategorylist ul li {
        width: 100%;
        height: auto !important;
        padding: 0 15px 20px
    }
    .resourcessec ul li {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .blog .innermidsec {
        padding-left: 10px;
        padding-right: 10px
    }
    .latestcatlist ul li:last-child,
    .latestcategorylist ul li:last-child {
        padding-bottom: 0
    }
    .highlightfeatured {
        padding-bottom: 40px
    }
    .viewlink {
        text-align: center;
        float: none;
        display: block
    }
    .blog h2 {
        text-align: center
    }
    .twocolumn {
        margin: 0
    }
    .latestcatlist ul,
    .eventssec ul,
    .resourcessec ul {
        width: auto
    }
    .blog section {
        overflow: visible
    }
    .presstwocolumn {
        width: 100%
    }
    .popUpHolder {
        padding-left: 15px;
        padding-right: 15px
    }
    .contact-map {
        height: 250px
    }
    .renewablesNon {
        font-size: 16px
    }
    .single .latestcatlist ul li {
        padding-left: 0;
        padding-right: 0
    }
    .tooltip .tooltiptext:after {
        left: 73%
    }
    .tooltip .tooltiptext {
        margin-left: -200px
    }
    .half_width {
    width: 100% !important;
}
}

@media screen and (min-width:0) and (max-width:360px) {
    .proejctpagenation {
        font-size: 16px
    }
}


/*****New-Resposive******/
@media(max-width:1800px){
.home_first_sec h1 { font-size: 80px; line-height: 90px; }
h2, section.top_banner_sm h1, .joinus_inner h3, .teamsec .teamsectitle span, .top_banner.careers .displaytablecell.half_width h1 { font-size: 50px; line-height: 60px !important; }
section.why_uk { padding: 200px 0; }
}
@media(max-width:1500px){
section.perfect_solution.net_zero {padding: 100px 0;}
section.perfect_solution {padding: 100px 0; }
section.sky_banner h3:before {left: -20px;}
section.sky_banner h3:after {right: -20px; }
}
@media(max-width:1799px){
.home_first_sec h1 {font-size: 70px;line-height: 85px;}
h2, section.top_banner_sm h1, .joinus_inner h3, .teamsec .teamsectitle span, .top_banner.careers .displaytablecell.half_width h1 {font-size: 45px;line-height: 55px !important;}
.challanges_grid .challange_item h3 { font-size: 30px; line-height: 40px; }
.challanges_grid .challange_item img {max-height: 130px;}
section.challanges {float: left;width: 100%;padding: 136px 0 190px;}
.common_head_context p { font-size: 20px; line-height: 30px; margin: 30px 0 0; }
section.sky_banner {padding: 120px 0 100px;}	
section.white_left_img .img_sec img {max-width: 100%;width: 100%;}
section.white_left_img .conetxt_sec {padding-left: 80px;}
section.white_left_img {padding: 90px 0;background: #F9F9FB;}
section.why_uk { padding: 170px 0; }
section.newsslider.common_news_slider .full_width h3 {font-size: 40px;line-height: 50px;margin: 0 0 30px;}
section.sec_4_home_blue_bg {padding: 180px 0 160px;}
section.why_uk .half_width:first-child {padding-right: 100px;}
section.why_uk .half_width:nth-child(2) {padding-left: 100px;}
section.newsslider.common_news_slider {padding: 83px 0 100px;}
section.challanges .banner_001 {width: 85%;}


/***Contact-us*****/
section.contact_banner h1 { margin: 0 0 60px 0; font-size: 50px; line-height: 50px !important; }
/***Contact-us*****/

/******company*****/
.joinus_inner{padding: 100px 50px; margin:0 0 100px 0;}
.joinus_inner h3{margin:0 0 20px 0;}
.joinus_inner .floatLeft { width: 75%; }
section.new_company_awards h2.rotatetxt { left: -3%; }
/******company*****/

/******Our-Team*****/
#banner.top_banner_sm { height: auto !important; margin: 220px 0 0; }
.banner_buttons { margin: 150px 0 50px; }
.teamsec .profileshortdes h5 { font-size: 26px; line-height: 32px; }
/******Our-Team*****/

/****Careers*****/
.common_row.jobs_grid .job_box .job_desciption p { font-size: 24px; line-height: 34px; }  
/****Careers*****/
}
@media(max-width:1599px){
div.common_container {max-width: 1300px;}
section.top_banner .homecontent {max-width: 1300px;}
footer .footermid{max-width: 1300px;}
.home_first_sec h1 {font-size: 70px;line-height: 85px;}
section.challanges {padding: 100px 0 150px;}
section.challanges .banner_001 {width: 90%;}
h2, section.top_banner_sm h1, .joinus_inner h3, .teamsec .teamsectitle span, .top_banner.careers .displaytablecell.half_width h1 {font-size: 38px;line-height: 45px !important;}
.common_head_context p {font-size: 20px;line-height: 30px;margin: 30px 0 0;}
.common_head_context .cmn_btn {margin-top: 35px; padding:10px 30px;}
a.cmn_btn {font-size: 20px;line-height: 24px;}
section.white_left_img {padding: 85px 0;}
section.why_uk {padding: 96px 400px 250px 400px;}
section.why_uk .half_width:nth-child(2) {padding-left: 75px;}
section.why_uk .half_width:first-child {padding-right: 75px;}
.common_head_context p {font-size: 20px;line-height: 30px;margin: 30px 0 0;}
section.newsslider.common_news_slider .full_width h3 {font-weight: 100;font-size: 38px;line-height: 48px;margin: 0 0 30px;}
section.newsslider.common_news_slider .newsbox p {font-size: 22px;line-height: 34px;}
section.newsslider.common_news_slider .newsbox a.read_more {font-size: 20px;line-height: 24px;min-width: 180px; padding:10px 30px;}
section.newsslider.common_news_slider{padding:70px 0;}
section.sec_4_home_blue_bg {padding: 150px 0;}
section.sky_banner {padding: 120px 0; background: white;}
.home_first_sec h1{padding:0 30px;}
body.chrome .home_first_sec h1 span, body.firefox .home_first_sec h1 span {padding: 10px 13px 3px 10px; }
body.chrome h2 strong, body.firefox h2 strong {padding: 5px 5px 2px; }


/******Contact-us********/
section.contact_banner h1 { margin: 0 0 50px 0; font-size: 45px; line-height: 55px !important; }
section.contactmapsec.contact_main_text p, section.contactmapsec.contact_main_text a { font-size: 24px; line-height: 34px; }
section.contactmapsec.contact_main_text h4 { font-size: 26px; line-height: 42px; }
/******Contact-us********/

/******Technology********/
.page-template-template-technology section.sky_banner.technology p { font-size: 18px; line-height: 28px; }
/******Technology********/

/******company*****/
.joinus_inner { padding: 50px;}
.joinus_inner .floatLeft { width: 100%; }
section.new_company_management { padding: 100px 0; }
section.new_company_management a { font-size: 20px; }
.ourawardssec .midsec { padding: 0 15px 0 120px; }
section.new_company_awards h2.rotatetxt{left:30px;}
section.new_company_awards .slick-list.draggable { margin: 0 0 0 40px; }
/******company*****/

/*****Our-Team*****/
.banner_buttons a { font-size: 24px; line-height: 28px;}
.teamsec .profileshortdes h5 { font-size: 24px; line-height: 30px; }
.teamsec .profileshortdes .designation { font-size: 18px; line-height: 20px; }
/*****Our-Team*****/

/****Careers*****/
section.jobs_vacant { padding: 70px 0; }
.common_row.jobs_grid .job_box{padding:40px;}
.common_row.jobs_grid .job_box .job_title h3 { font-size: 25px; line-height: 35px; }
.common_row.jobs_grid .job_box .job_desciption { margin: 60px 0; }
.common_row.jobs_grid .job_box .job_desciption p { font-size: 22px; line-height: 32px; }
/****Careers*****/


}
@media(max-width:1399px){
div.common_container {max-width: 1140px;}
section.top_banner .homecontent {max-width: 1140px;}
footer .footermid{max-width: 1140px;}
nav>.menu>.mainMenu>li:last-child {margin-left: 45px;padding: 0;}
nav ul li a{padding: 5px 18px !important}
header {padding: 0 30px;}
.home_first_sec h1 {font-size: 70px;line-height: 85px;}
.home_first_sec .homecontent { max-width: 90%; }
section.challanges { padding: 90px 0; }
section.sec_4_home_blue_bg {padding: 120px 0;}
section.sky_banner {padding: 90px 0;}
section.newsslider.common_news_slider .newsbox p {font-size: 20px;line-height: 34px;}
section.sec_4_home_blue_bg .half_width{width:65%;}
section.why_uk {padding: 96px 350px 250px 350px;}

/******Contact-us********/
section.contact_banner h1 { margin: 0 0 50px 0; font-size: 45px; line-height: 55px !important; }
/******Contact-us********/


/******Technology********/
/*.page-template-template-technology section.sky_banner.technology p { font-size: 28px; line-height: 38px; }*/
.page-template-template-technology section.sky_banner .full_width > span { font-size: 24px; line-height: 34px; }
/******Technology********/

/******company*****/
section#banner.new_company_banner p { margin: 15px 0 0 0; }
.joinus_inner .floatLeft p { font-size: 24px; line-height: 36px; }
section.new_company_management .new_company_content .banner_buttons { margin: 0 0 40px 0; }
/******company*****/

/******Our-Team*****/
.banner_buttons { margin: 100px 0 50px; }
.teamsec .teamsectitle { margin: 70px 0 50px; }
/******Our-Team*****/

/****Careers*****/
.common_row.jobs_grid .job_box .job_title h3 { font-size: 24px; line-height: 33px; }
.common_row.jobs_grid .job_box .job_desciption p { font-size: 20px; line-height: 30px; }
.common_row.jobs_grid .job_box { padding: 20px; }
.common_row.jobs_grid .job_box .job_desciption { margin: 40px 0; }
.common_row.jobs_grid .job_box >* a.cmn_btn { font-size: 18px; padding: 10px 20px; min-width: auto; }
section.jobs_vacant h2 { margin-bottom: 55px; }
/****Careers*****/

}
@media(max-width:1199px){
.common_head_context p br {display: none;}
.common_head_context h3 br {display: none;}
.common_head_context h2 br {display: none;}
section.perfect_solution.net_zero {padding: 80px 30px;}
.home_first_sec .ParallaxVideo { height: 100vh; }
section.perfect_strom h2 br { display: none; }
section.contactmapsec.contact_main_text p { margin: 0; }
section.perfect_strom div.common_container .common_head_context.half_width {padding: 0 45px 0 45px; }
section.perfect_strom .half_width.media_sec { padding: 0; }
section.perfect_strom div.common_container {padding: 0; }
section.sky_banner h3:before {left: -35px; }
section.sky_banner h3:after {right: -35px; }
.ParallaxVideo {height: 85vh; }
section.perfect_solution {padding: 80px 30px; }
section.sky_banner h3 {font-size: 25px; line-height: 35px; }
div.common_container {max-width: 100% !important; padding: 0 30px;}
section.top_banner .homecontent {max-width: 100% !important; padding: 0 30px;}
footer .footermid{max-width:100%; padding:50px 30px;}
nav>.menu>.mainMenu>li:last-child { margin-left: 20px; padding: 0; }
nav ul li a { padding: 10px 8px !important; font-size: 14px; }
body.page-template div header { position: initial; background: #fff; float: left; }
.home_first_sec{margin:0;}
.home_first_sec h1 {font-size: 60px;line-height: 70px;}
section.challanges {padding: 80px 0;}
section.challanges .banner_001 {width: 100% !important; padding: 0 30px;}
.challanges_grid .challange_item h3 {font-size: 24px;line-height: 30px;}
.challanges_grid .challange_item p {font-size: 20px;line-height: 28px;}
.common_head_context p {font-size: 22px;line-height: 32px;margin: 20px 0 0;}
h2, section.top_banner_sm h1, .joinus_inner h3, .teamsec .teamsectitle span, .top_banner.careers .displaytablecell.half_width h1 { font-size: 36px; line-height: 45px !important; }
section.sec_4_home_blue_bg{padding:80px 0;}
section.sec_4_home_blue_bg .half_width { width: 75%; }
section.sec_5_wht_banner { padding: 80px 0; }
.common_head_context .cmn_btn { margin-top: 30px; }
a.cmn_btn { font-size: 22px; line-height: 28px;} 
section.sky_banner {padding: 80px 0;}
section.sky_banner p strong {font-size: 24px;line-height: 34px;}
section.white_left_img {padding: 75px 0;}
section.white_left_img .img_sec img { max-width: 100%; width: 100%; }
section.white_left_img .conetxt_sec { padding-left: 0; }
section.white_left_img p {margin: 20px 0 0;}
section.why_uk {padding: 70px 0;}
section.why_uk {padding: 96px 250px 250px 250px;}
section.why_uk h2 {margin: 0;}
section.why_uk .half_width:first-child {padding-right: 60px;}
section.why_uk .half_width:nth-child(2) {padding-left: 60px;}
section.newsslider.common_news_slider {padding: 60px 0;}
section.newsslider.common_news_slider .newsbox a.read_more { margin: 27px 20px 35px; font-size: 22px; line-height: 26px; min-width: 130px; padding: 10px 20px; }
section.newsslider.common_news_slider .newsbox p { font-size: 20px; line-height: 28px; margin: 18px 20px 0;  }
section.newsslider.common_news_slider .newsbox span.catdate {margin: 30px 20px 0;}
section.newsslider.common_news_slider .full_width h3 {font-size: 30px;line-height: 35px;}
.home_first_sec .homecontent{padding:0 30px; max-width: 100%;}
.footermid ul li:first-child {min-height: initial;}
.footermid ul li {width: 33%;min-height: 300px;}
.copyright {padding: 30px 0 0; text-align:center;}
section.sec_4_home_blue_bg .half_width h2 { padding-right: 0; }
section.newsslider.common_news_slider ul.slick-initialized{margin:0;}
.home_first_sec h1 {padding:0}

section.benefitssec1 .common_head_context { padding: 0 30px; }
.benefits_content .benefits_box:nth-child(3):after { content: ''; position: absolute; top: 50%; right: 0; height: 80px; width: 2px; background: var(--pink); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

/***Project-css*****/
section#banner.Projects { padding: 110px 0 90px 0; height: auto !important; }
section#banner.Projects p br { display: none; }
section.masonry_projects .common_head_context p {font-size: 20px;line-height: 30px; margin:0;}
section.masonry_projects .news_card .news_card_content h2 { font-size: 35px; line-height: 45px !IMPORTANT; }
section.masonry_projects .news_card .news_card_content { padding: 30px; }
section.masonry_projects .blue_intro { margin: 0 0 80px; }
section.masonry_projects .full_width .projects_type .lefty {
    padding-right: 40px;
}
section.masonry_projects .full_width .projects_type .righty {
    padding-left: 40px;
}
section.masonry_projects .news_card {margin: 0 0 80px;}
section.exlpore__main .half_width {width: 49%;margin: 0 2% 0 0;}
.page-template-template-plants section.exlpore__main.nextprevsec .half_width { padding: 80px 50px; }
section.exlpore__main { padding: 80px 15px; }
section.top_banner.Projects .homecontent p { font-size: 26px; line-height: 34px; }
section.top_banner .homecontent { max-width: 100%; padding:0 15px;}
section.top_banner .homecontent p{margin: 30px 0 0;}
.page-template-template-plants section.exlpore__main .common_row.common_head_context { padding: 0; }
/***Project-css*****/

/******Contact-us********/
section.contact_banner h1 { margin: 0 0 50px 0; font-size: 40px; line-height: 50px !important; }
section.contact_banner .common_row .form p.formnote {font-size: 24px;line-height: 34px;margin: 0 0 20px 0;}
section.contactmapsec.contact_main_text p, section.contactmapsec.contact_main_text a { font-size: 22px; line-height: 32px; }
section.contactmapsec.contact_main_text h4 { font-size: 24px; line-height: 38px; margin: 0 0 15px 0; }
section.contactmapsec.contact_main_text { padding: 90px 0 55px 0; }
section.contactmapsec.contact_main_text .contact_details { padding: 0 0 70px 0; }
section.contactmapsec.contact_main_text .innermidsec.vspace { padding-top: 70px; }
section.contact_banner .common_row .contact_btn input { height: 55px; line-height: 55px; font-size: 20px; }
section.contact_banner { padding: 80px 0 50px 0; margin: 80px 0 0; }
section.contact_banner .common_row .form input { font-size: 20px; line-height: 40px; }
section.contact_banner .common_row .form textarea{font-size: 20px;}
section.contactmapsec.contact_main_text .linkbox { width: 50%; }
section.contactmapsec.contact_main_text .address { padding-right: 15px; padding-left: 15px; }
/******Contact-us********/


/******Technology********/
.page-template-template-technology section.top_banner .homecontent p br { display: none; }
.page-template-template-technology section.sky_banner .full_width > span { font-size: 20px; line-height: 32px; }
section.exlpore__main.nextprevsec .half_width { padding: 60px 50px; }
/*.page-template-template-technology section.sky_banner.technology p { font-size: 26px; line-height: 36px; }*/
section.top_banner .homecontent p{font-size: 26px;line-height: 34px;}
body.page-template-template-technology section.exlpore__main{padding-left:0; padding-right:0;}
.technologysection2 h2 br { display: none; }
.page-template-template-technology section.top_banner .homecontent h2 br { display: none; }
.page-template-template-technology section#banner{height: auto !important;}
.page-template-template-technology section#banner .ParallaxVideo { height: auto; }
/******Technology********/

/******company*****/
section#banner.new_company_banner{margin: 80px 0;padding:0;}
section#banner.new_company_banner p { margin: 10px 0 0 0; }
.joinus_main .common_container { width: 95%; }
.joinus_inner .floatLeft p { font-size: 20px; line-height: 32px; }
.joinus_inner { margin:0 0 80px 0;}
.joinus_inner h3 { margin: 0 0 15px 0; }
section.new_company_management a { font-size: 18px; }
section.new_company_management { padding: 80px 0; }
.page-template-template-newcompany section.exlpore__main.nextprevsec .common_container { padding: 0; }
.ourawardssec .midsec { padding: 0 15px 0 50px; }
section.new_company_awards { padding-top: 80px !important; }
section.exlpore__main .common_row.common_head_context{padding:0 30px;}
/******company*****/

/******Our-Team*****/
#banner.top_banner_sm { margin: 220px 0 0; padding: 100px 0; }
.banner_buttons a { font-size: 22px; line-height: 26px;}
.top_banner_sm .homecontent.common_head_context { padding: 0; }
.banner_buttons { margin: 70px 0 0 0; }
.page-template-template-company section.exlpore__main .common_row.common_head_context { padding: 0; }
#banner.top_banner_sm .displaytablecell { padding: 0 15px; }
.teamsec .profileshortdes h5 { font-size: 20px; line-height: 25px; }
.teamsec .profileshortdes .designation { font-size: 16px; line-height: 20px; }
.teamsec { padding: 0 0 75px; }
/*****Our-Team*****/

/****Careers*****/
section#banner.careers .homecontent.common_container { padding: 0 30px 0 30px; }
.common_row.jobs_grid .job_box .job_desciption { margin: 30px 0; }
.common_row.jobs_grid .job_box .job_title h3 { font-size: 18px; line-height: 29px; }
.common_row.jobs_grid .job_box .job_desciption p { font-size: 16px; line-height: 26px; }
.common_row.jobs_grid .job_box >* a.cmn_btn { font-size: 16px; padding: 10px 20px; min-width: auto; }
section.jobs_vacant { padding: 75px 0; }
/****Careers*****/

}

@media(max-width:1023px){
.teamsec .teamprofile a { text-align: center; width: 100%; float: left; }
.teamprofile ul li img.profileimg { max-width: 70%; margin: 0 auto; float: none; }
div.popup_block .popUpHolder.popupprofile a.closePopUpTrigger { text-align: left; width: 35px; float: none; height: 35px; }
.teamsec .teamprofile .profilephoto{text-align:center;}
.teamsec .teamprofiledes p { margin: 0; padding:0 15px 0 0;}
.teamsec .teamprofiledes { margin: 30px 0 0 0; }
}

@media(max-width:1100px){
.page-template-template-technology .callbackicon.rescallback {display: none; }
.callbackicon {padding: 0;}
.callbackicon a {padding: 10px 20px; background: #eb17b2; display: inline-block; margin: 35px 0; border-radius: 7px; font-family: 'BarlowCondensed-SemiBold'; font-weight: 600; line-height: 28px; }
section.new_company_awards .slick-list.draggable { margin: 0; }
.ourawardssec .midsec { padding: 0; }
}
@media(max-width:991px){
.ParallaxVideo video {height: 100%;}
section.masonry_projects .news_card .news_card_content h2 { font-size: 30px; line-height: 40px !IMPORTANT; }
body.firefox h1 strong, body.chrome h1 strong {padding: 6px 7px 0 5px; }
section.perfect_strom { padding: 50px 0 0;}
section.perfect_strom h2 {padding-bottom: 80px; margin: 0;}
section.perfect_strom h2:after {width: 30px; bottom: 10px; }
section.perfect_strom div.common_container .common_head_context.half_width{padding:0 45px;}
section.sky_banner h3:after {content: ''; position: absolute; top: 0; right: -35px; width: 2px; height: 100%; background: #EB17B2; }
section.sky_banner .full_width {width: 100%; padding: 0 50px; }
section.perfect_strom .common_row .half_width.media_sec {margin-top: 0; }
section.perfect_strom .common_row {flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; }
section.perfect_strom .common_row .half_width {width: 100%; }
.home_first_sec h1 { font-size: 55px; line-height: 65px; margin: 0;}
.challanges_grid .challange_item img {max-height: 110px;}
.logo { width: 130px; }
nav ul li.menu-item-has-children>a:after { width: 10px; height: 10px; margin: 5px 0 0 10px; background-position: top 1px left; }
nav>.menu>.mainMenu>li:last-child { margin-left: 10px; }
nav ul li a { padding: 10px 6px !important; font-size: 12px; }
section.newsslider.common_news_slider .newsbox .newsbox-img { background-size: cover; padding-top:0!important; }
.common_head_context p { font-size: 20px; line-height: 30px; }
.challanges_grid .challange_item h3 {font-size: 20px;line-height: 28px;margin: 20px 0 10px 0}
.challanges_grid .challange_item p { font-size: 18px; line-height: 26px; }
section.sec_3_dark_bg h2 { font-size: 30px; line-height: 40px; margin: 0; }
section.sec_3_dark_bg p { padding: 0; margin: 10px 0 0 0; }
a.cmn_btn { font-size: 20px; line-height: 26px; min-width: 150px; }
.common_head_context .cmn_btn { margin-top: 20px; padding: 10px 20px;}
section.sky_banner { padding: 60px 0; }
section.white_left_img { padding: 60px 0; }
h2, section.top_banner_sm h1, .joinus_inner h3, .teamsec .teamsectitle span, .top_banner.careers .displaytablecell.half_width h1 { font-size: 30px; line-height: 40px !important; }
section.why_uk { padding: 60px 0; }
section.why_uk .half_width:nth-child(2) { padding-left: 30px; }
section.why_uk .half_width:first-child { padding-right: 30px; }
.footermid ul li p {font-size: 16px;}
section.sec_4_home_blue_bg .half_width { width: 100%; }
section.newsslider.common_news_slider .newsbox span.catdate { margin: 20px 15px 0; }
section.newsslider.common_news_slider .newsbox p { font-size: 18px; line-height: 26px; margin: 0px 15px 0; 	min-height: 80px; }
section.newsslider.common_news_slider .newsbox a.read_more { margin: 20px 15px 20px; font-size: 20px; line-height: 24px; min-width: 130px; padding: 10px 20px; }
section.sec_5_wht_banner p { margin-top: 20px; }
section.newsslider.common_news_slider .full_width h3 { font-size: 30px; line-height: 30px; }
section.challanges, section.sec_4_home_blue_bg, section.sec_5_wht_banner { padding: 60px 0; }
nav ul ul { width: 145px; }

/***Project-css*****/
section.masonry_projects .blue_intro:before {width: 100%;}
section.masonry_projects .full_width >div{padding:30px;}
section.masonry_projects .news_card .news_card_content {
    background: white;
    width: 100%;
    padding: 20px;
    border-radius: 6px;
}
section.masonry_projects .news_card .img_part {
    float: left;
    width: 100%;
}
section.masonry_projects .blue_intro { margin: 0 0 60px; }
section.masonry_projects .news_card {margin: 0 0 60px;}
section.masonry_projects .full_width { column-gap: 60px; }
.page-template-template-plants section.exlpore__main.nextprevsec .half_width { padding: 60px 40px; }
section.exlpore__main { padding: 60px 15px; }
section.masonry_projects .common_head_context p { font-size: 18px; line-height: 28px; }
section.top_banner.Projects .homecontent p { margin: 15px 0 0; font-size: 24px; line-height: 32px; }
.combo-project a.cmn_btn { margin-bottom: 20px; }
.combo-project a.cmn_btn:last-child { margin-bottom: 0; }
.combo-project {margin-top: 40px; }
/***Project-css*****/

/******Contact-us********/
section.contact_banner h1 { margin: 0 0 40px 0; font-size: 35px; line-height: 45px !important; }
section.contact_banner .common_row .form p.formnote { font-size: 20px; line-height: 30px; margin: 0 0 15px 0; }
section.contactmapsec.contact_main_text p, section.contactmapsec.contact_main_text a { font-size: 20px; line-height: 30px; }
section.contactmapsec.contact_main_text .contact_details { padding: 0 0 60px 0; }
section.contactmapsec.contact_main_text .innermidsec.vspace { padding-top: 60px; }
section.contact_banner .common_row .form p.formnote { font-size: 18px; line-height: 28px; margin: 0; }
section.contact_banner .common_row .contact_btn input {font-size: 18px; }
section.contact_banner { padding: 60px 0 50px 0; margin: 20px 0 0; }
section.contact_banner .common_row .form input { font-size: 18px; height: 50px;line-height: 50px;}
section.contact_banner .common_row .form textarea{font-size: 18px;}
section.contactmapsec.contact_main_text h4 { font-size: 22px; line-height: 35px; margin: 0 0 10px 0; }
section.contactmapsec.contact_main_text { padding: 60px 0 0 0; }
section.masonry_projects .full_width.responsive { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 85%; float: none; margin: 0 auto; }
/******Contact-us********/

/******Technology********/
.page-template-template-technology section.sky_banner.technology .full_width { width: 95%; }
section.exlpore__main.nextprevsec .half_width { padding: 60px 40px; }
/*.page-template-template-technology section.sky_banner.technology p { font-size: 24px; line-height: 34px; }*/
section.top_banner .homecontent p{    margin: 15px 0 0; font-size: 24px; line-height: 32px;}
.joinus_inner .floatLeft p { font-size: 18px; line-height: 30px; margin:0 0 15px 0;}
/******Technology********/

/******company*****/
section.new_company_management { padding: 60px 0; }
.joinus_inner { margin: 0 0 60px 0; }
section.new_company_awards { padding-top: 60px !important; }
/******company*****/

/******Our-Team*****/
.banner_buttons a { font-size: 20px; line-height: 24px; margin:0 10px 20px 10px;}
.banner_buttons { margin: 50px 0 0 0; }
.teamsec .teamsectitle { margin:50px 0; }
.teamsec { padding: 0 0 50px; }
.teamsec .teamprofile .popUpHolder.popupprofile { max-width: 95%; }
/*****Our-Team*****/

/****Careers*****/
section.jobs_vacant { padding: 60px 0; }
section.jobs_vacant h2 { margin-bottom: 40px; }
.common_row.jobs_grid .job_box .job_desciption { margin: 20px 0; }
.common_row.jobs_grid .job_box >* a.cmn_btn { font-size: 14px; padding: 8px 16px; }
/****Careers*****/

}
@media(max-width:768px){
section.contact_banner {padding: 120px 0 50px 0; }
body.page-template-template-contact div header .menuicon span, body.page-template-template-newcompany div header .menuicon span, body.page-template-template-company div header .menuicon span { background: #007fd5; }
body.page-template-template-contact div#page-wrap header { background: #fff; }
nav ul ul { width: 160px; }
section.top_banner {margin: 0 !important; }
header .menuicon {position: fixed; }
body.page-template div header {position: absolute; background: transparent; }
.menuicon { display: block; z-index: 999; top: 20px; }
body.page-template header .menuicon span { background: #fff; }
nav.openmenu { right: 0; z-index: 99; }
nav.openmenu .menu ul.sub-menu { text-align: left; width: 100%; float: left; }
nav.openmenu .menu ul.sub-menu li { text-align: left; float: left; width: 100%; }
section.contactmapsec.contact_main_text .contact_details { padding: 0 0 50px 0; }
section.contactmapsec.contact_main_text .innermidsec.vspace { padding-top: 50px; }
section#banner { padding: 120px 0 0 0; }
section#banner.new_company_banner { padding: 60px 0 0 0; }
#banner.top_banner_sm { margin: 130px 0 0 0; padding: 0 0 50px 0; }
.banner_buttons { margin: 30px 0 0 0; }
nav>.menu>.mainMenu>li:last-child a { background: none; padding: 10px 6px !important;}
nav>.menu>.mainMenu>li a { font-size: 18px; border:none;}
nav>.menu>.mainMenu>li:last-child { margin-left: 0; }
nav ul li.menu-item-9240 a { background: transparent !important; }
nav ul li.menu-item-9240 a:hover, nav ul li.current_page_item.menu-item-32 a{background: #EB17B2 !important; color: #fff !important; border-radius: 5px;}
nav ul li.menu-item-9240.current_page_item ul li a { background: none !important; border-radius: 0; padding: 6px 16px !important; }
.menu { padding: 65px 40px 20px 20px; }
.menuicon span:nth-child(3) { top:25px;; }
.menuicon span:nth-child(1) { top: 16px; }
header a.menuicon.active span:nth-child(3) { top: 7px; }
.logo img { max-width: 200px; }
}

@media(max-width:767px){
section.white_left_img span.caption_img { text-align: center; }
.common_news_slider_btn {padding: 0 5px;}
section.newsslider.common_news_slider .common_container:nth-child(2) .common_row.common_head_context .full_width {padding: 0 10px; }
.footermid ul li { width: 50%; min-height: 310px; }
.footermid ul li.subscribe { width: 100%; padding: 0; min-height: inherit; }
.copyright { padding: 50px 0 0; }
.home_first_sec h1 { font-size: 40px; line-height: 50px; }
.common_head_context p { font-size: 18px; line-height: 28px; }
section.sec_3_dark_bg {padding: 70px 0;}
section.sec_3_dark_bg .common_row { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
section.sec_3_dark_bg .media_sec img { display: inline-block; width: 100%; max-width: 75%; margin: 0 0 20px 0; }
section.sec_3_dark_bg .half_width { width: 100%; text-align: center;}
section.sec_3_dark_bg .half_width.media_sec, section.sec_4_home_blue_bg, section.why_uk { text-align: center; }
.challanges_grid .challange_item:nth-child(2n) { margin-right: 0; }
.challanges_grid .challange_item { width: 49%; padding: 0; margin: 0 2% 0 0; }
.challanges_grid{-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} 
.challanges_grid .challange_item:nth-child(3) { margin: 30px 0 0 0; }
h2, section.top_banner_sm h1, .joinus_inner h3, .teamsec .teamsectitle span, .top_banner.careers .displaytablecell.half_width h1 { font-size: 28px; line-height: 38px !important; }
section.sec_5_wht_banner p { margin-top: 15px; }
section.sky_banner p strong { font-size: 20px; line-height: 30px; }
section.white_left_img .half_width { width: 100%; text-align: left; }
section.white_left_img .img_sec img { max-width: 100%; width: 100%; aspect-ratio: 3/2; object-fit: contain; }
section.white_left_img .half_width.img_sec { max-width: 100%; width: 100%; margin: 30px 0 20px 0; }
a.cmn_btn { font-size: 18px; line-height: 24px; min-width: 140px; }
section.why_uk .half_width { width: 100%; }
section.why_uk .half_width:nth-child(2) { padding-left: 15px; }
section.why_uk .half_width:first-child { padding-right: 15px; }
section.newsslider.common_news_slider li.upanimation { padding: 0px 6px;}
.upanimation_1 {width: 100% !important}
section.newsslider.common_news_slider .nextprev { margin-bottom: 30px; }
section.newsslider.common_news_slider .full_width h3 { font-size: 28px; line-height: 28px; }
.home_first_sec .homecontent { max-width: 100%; }
footer .footermid{padding: 50px 30px;}
section.contactmapsec.contact_main_text p, section.contactmapsec.contact_main_text a { font-size: 18px; line-height: 28px; }

.benefits_content .benefits_box:nth-child(3):after { background:transparent; }

/***Project-css*****/
section.masonry_projects .full_width >div { padding: 20px; }
section.masonry_projects .full_width { column-gap: 35px; }
section.masonry_projects .common_head_context p { font-size: 18px; line-height: 28px; }
section.masonry_projects .news_card .news_card_content h2 {font-size: 28px; line-height: 38px !important; }
section.masonry_projects .blue_intro { margin: 0 0 50px; }
section.masonry_projects .news_card {margin: 0 0 50px;}
.page-template-template-plants section.exlpore__main.nextprevsec .half_width { padding: 40px 20px; }
section.exlpore__main .half_width h2 span {word-break: break-word;}
section.exlpore__main .half_width h2 { font-size: 25px; line-height: 25px; }
section#banner.Projects .displaytablecell, section#banner.Projects .displaytable{display:block;}
section.top_banner.Projects .homecontent p { margin: 10px 0 0; font-size: 20px; line-height: 30px; }
section.top_banner {height: 100vh !important;}
.combo-project {margin-top: 30px; }
/***Project-css*****/

/******Contact-us********/
section.contact_banner h1 { margin: 0 0 40px 0; font-size: 30px; line-height: 40px !important; }
/******Contact-us********/

/******Technology********/
section.exlpore__main.nextprevsec .half_width { padding: 40px 20px; }
section.top_banner .homecontent p{margin: 10px 0 0; font-size: 20px; line-height: 30px;}
section.white_left_img h2 br { display: none; }
/******Technology********/

/******company*****/
section.new_company_management img { max-width: 70%; }
section.new_company_management a{padding:20px;}
.joinus_inner { padding: 30px; }
/******company*****/

/******Our-Team*****/
.banner_buttons a { font-size: 18px; line-height: 22px; }
#banner.top_banner_sm { padding: 0 0 35px 0; }
/******Our-Team*****/

/****Careers*****/
.common_row.jobs_grid {    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; padding: 0 15px;}
.common_row.jobs_grid .job_box { width: 49%; margin: 0 2% 20px 0; }
.common_row.jobs_grid .job_box:nth-child(2n) { margin-right: 0; }
.common_row.jobs_grid .job_box:nth-child(3) { margin-bottom: 0; }
/****Careers*****/

}
@media(max-width:640px){
nav {width: 75%;}
}
@media(max-width:599px){
section.masonry_projects .news_card .news_card_content h2 {font-size: 25px; line-height: 35px !important; }
div.footermid ul li { width: 100% !important; min-height: initial; padding: 0 0 20px 0; }
section.contact_banner {padding: 110px 0 50px 0; }
body.firefox h1 strong, body.chrome h1 strong {padding: 4px 7px 0 5px; }
section.perfect_solution.net_zero {padding: 80px 15px;}
.challanges_grid .challange_item {width: 100%; margin: 0 0 40px !important; max-width: 340px; }
.challanges_grid {margin: 20px 0; }
.common_news_slider_btn {text-align: center; }
.common_news_slider_btn a {float: none; }
section.sky_banner p {line-height: 28px; }
section.newsslider.common_news_slider .newsbox span.catdate {font-size: 18px; }
section.newsslider.common_news_slider .nextprev {display: none; }
section.sec_3_dark_bg .half_width.media_sec, section.sec_4_home_blue_bg, section.why_uk {text-align: left;}
section.white_left_img .conetxt_sec {padding-left: 15px; }
section.white_left_img .img_sec img {object-fit: cover;}
section.sky_banner h3:before {left: -20px; }
section.sky_banner h3:after {right: -20px; }
section#section2.sec_4_home_blue_bg .common_container {padding: 0 30px; }
section.sec_5_wht_banner .full_width {text-align: left; }
section#section2.sec_4_home_blue_bg {text-align: left; }
section.perfect_solution {text-align: left; padding: 80px 15px; }
section.challanges { padding: 50px 0; text-align: left;}
h2, section.top_banner_sm h1, .joinus_inner h3, .teamsec .teamsectitle span, .top_banner.careers .displaytablecell.half_width h1 { font-size: 25px; line-height: 35px !important; }
.challanges_grid .challange_item img { max-height: 85px; }
section.sec_3_dark_bg, section.sec_4_home_blue_bg, section.sec_5_wht_banner, section.sky_banner, section.white_left_img, section.why_uk, section.newsslider.common_news_slider { padding: 50px 0; }
section.sec_3_dark_bg .media_sec img { max-width: 85%; }
.footermid ul li { min-height: 280px; }
.home_first_sec h1 { font-size: 38px; line-height: 48px; }
section.sky_banner .full_width { width: 100%; padding: 0 30px;}

.benefits_content .benefits_box { margin: 0 0 20px; }
.benefits_box_content { padding: 0 0 20px 0; }
section.benefits_banner.home_first_sec .benefits_content .benefits_box:after {content: ''; position: absolute; bottom: 0; left: 50%; width: 80px; height: 2px; background: var(--pink); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); top: initial; }
.benefits_content_2 .benefits_box:after {content: ''; position: absolute; bottom: 0; left: 50%; width: 80px; height: 2px; background: var(--pink); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); top: initial; }
.benefits_content .benefits_box:before, .benefits_content .benefits_box:nth-child(even):after, .benefits_content .benefits_box:after, .benefits_content .benefits_box:nth-child(3):after, .benefits_content .benefits_box:last-child:after {background: none;}

/***Project-css*****/
.page-template-template-plants section.exlpore__main.nextprevsec .half_width { padding:20px; margin: 0 0 30px 0; }
section.exlpore__main .common_row.common_head_context { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:0;}
.page-template-template-plants section.exlpore__main.nextprevsec .exlpore_right { margin: 0; }
section.exlpore__main .half_width{width:100%;}
section.masonry_projects {padding: 50px 0 0 0;}
section.masonry_projects .blue_intro { margin: 0 0 30px; }
section.exlpore__main { max-width: 75%; float: none; margin: 0 auto; }
section.exlpore__main { padding: 50px 15px; }
/***Project-css*****/

/******Contact-us********/
section.contact_banner h1 { margin: 0 0 30px 0; font-size: 25px; line-height: 25px !important; }
section.contactmapsec.contact_main_text .linkbox { width: 100% !important; }
section.contactmapsec.contact_main_text .linkbox p br { display: block; }
section.contactmapsec.contact_main_text p { margin: 15px 0 0 0; }

/******Technology********/
section.exlpore__main.nextprevsec .exlpore_right { margin: 0; }
section.exlpore__main.nextprevsec .half_width { padding: 20px; margin: 0 0 30px 0; }
body.page-template-template-technology section.exlpore__main .common_row.common_head_context { max-width: 85%; float: none; margin: 0 auto; padding:0;}
body.page-template-template-technology section.exlpore__main { max-width: 100%; background: #fff; width: 100%; padding-right:0; padding-left:0;}
/*.page-template-template-technology section.sky_banner.technology p{padding:0 15px;}*/
/******Technology********/

/******company*****/
section.new_company_management .new_company_content:last-child { margin-bottom: 0; }
section.new_company_management .new_company_content { width: 100%; margin: 0 0 30px 0; }
section.new_company_management img { max-width: 50%; }
section.new_company_management a { padding: 15px; }
.page-template-template-newcompany section.exlpore__main .common_row.common_head_context{padding:0;}
/******company*****/

/******Our-Team*****/
.teamprofile ul li img.profileimg { max-width: 85%; }
/******Our-Team*****/

/****Careers*****/
.common_row.jobs_grid .job_box { width: 100%; margin: 0 0 20px 0; max-width: 85%; }
/****Careers*****/
}
@media(max-width:480px){
section.newsslider.common_news_slider .newsbox p {min-height: auto;}
.home_first_sec h1 { font-size: 40px; line-height: 55px; }
.challanges_grid .challange_item { width: 70%; padding: 0; margin: 0 0 20px 0; }
.challanges_grid .challange_item:nth-child(3) { margin: 0; }
section.sec_3_dark_bg .media_sec img { max-width: 95%; }
section.white_left_img .img_sec img { width: 95%; aspect-ratio: initial; object-fit: initial; }
section.challanges .banner_001 { width: 95%; }
.footermid ul li:first-child { padding-bottom: 20px; }

.footermid ul li h5 { margin-bottom: 0px; font-size: 18px; }
.footermid ul li p{margin:0;}
.copyright { padding: 30px 0 0; }
section.newsslider.common_news_slider .newsbox .newsbox-img{    height: 230px !important;object-fit: cover;}

/**Contact***/
section.contact_banner span.recaptcha iframe { transform: scale(.8); -webkit-transform: scale(.8); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
/**Contact***/

/***Project-css*****/
section.masonry_projects .full_width.responsive, section.exlpore__main {max-width: 100%;}
.combo-project a { margin: 0; min-width: auto !important; width: 100%; }
section.masonry_projects .full_width.responsive {max-width:100%;}
/***Project-css*****/

/******Technology********/
body.page-template-template-technology section.exlpore__main .common_row.common_head_context{max-width:100%; padding:0;}
/******Technology********/

/******company*****/
.page-template-template-newcompany section.exlpore__main .common_row.common_head_context{padding:0 30px;}
/******company*****/

/****Careers*****/
section#banner.careers { padding: 143px 0!important; }
.common_row.jobs_grid .job_box { max-width: 100%; }
/****Careers*****/


}

@media(max-width:375px){
/***Project-css*****/

section.top_banner { height: 110vh !important; }
/***Project-css*****/

/******company*****/
.page-template-template-newcompany section.exlpore__main .common_row.common_head_context { padding: 0 30px; }
/******company*****/

/******Our-Team*****/
.teamprofile ul li { width: 100%; padding-bottom: 30px;}
.teamprofile ul li img.profileimg { max-width: 65%; }
/******Our-Team*****/

}
/*****New-Resposive-End******/