@media only screen and (min-width:1921px) { }
@media only screen and (max-width:1680px) {
    .rightcontentcol { padding: 100px;}
    h1, h2{font-size: 72px;}
    .text-40, .text-40 h2 {font-size: 36px;line-height: 50px;}
    .horizontawrapper{padding-left: 80px;padding-right: 70px;}
    .horizontalcontent{min-width: 700px;}
    .bloghomerow .horizontawrapper{padding-right: 90px;}
    .abouthomecontent .brandbottomleft {left: 70px;width: 250px;}
    .wedesignrow .rightvectontop{width: 150px;}
    .topvideosfull .rightvectorbottom{width: 450px;}
 }
@media only screen and (max-width:1600px) {
    .horizontawrapper{padding-left: 40px;padding-right: 30px;}
    .bloghomerow .horizontawrapper{padding-right: 50px;}


}
@media only screen and (min-width:1441px) and (max-width:1550px){
    .container{padding: 0px 50px;}
    .horizontalcontent {min-width: 600px;}
}
@media only screen and (max-width:1440px) {
    h1, h2{font-size: 60px;letter-spacing: -2px;}
    h3{font-size: 40px;}
    h4{letter-spacing: -1px;}
    .text-100, .text-100 h1, .text-100 h2, .text-100 h3 { font-size: 80px; }
    .text-80, .text-80 h1, .text-80 h2 .text-80 h3, .text-80 h4{font-size: 70px;}
    .text-40, .text-40 h2{font-size: 30px;line-height: 48px;}
    .text-36, .text-36 h1, .text-36 h2, .text-36 h3, h4{font-size: 26px;}
    .text-24{font-size: 20px;}
    .mb-250 { margin-bottom: 150px; }
    .mb-200{margin-bottom: 100px;}
    .topvideosfull .rightvectorbottom { bottom: -50px;width: 400px; }
    .abouthomecontent .brandbottomleft {width: 200px; }
    .tabsectionrow .rightvectorbottom {right: -200px;width: 40%;}
    .tabsectionrow{padding: 150px 0px;}
    .imgslider{height: 300px;}
    .horizontawrapper{padding:0px 50px 0px 77px;}
    .bloghomerow .horizontawrapper{padding-right: 75px;}
    .buildsysteamrow .mb-80{margin-bottom: 40px;}
    .horizontalcontent{min-width: 650px;}
    .stickyhrwrapper{top: 12vh;}
    .wedesignrow .rightvectontop{width: 150px;}
    .hovertext{font-size: 20px;}
    .nav-link, .nav-pills .nav-link{padding: 20px;height: 250px;font-size: 24px;}
    .rightcontentcol {padding: 100px;}
    .rightcontentcol h2 {margin-bottom: 30px;}
    .footermain{padding: 100px 0px;}
    .marqeesecrow .bordeboxcol{min-width: 350px;}
    .thankyoupage{padding-top: 190px;}
    .toppageoffset {margin-top: 150px;}
    .rightoverviewrow .brandbottomleft,
    .infrarowelem .brandbottomright{width: 180px;}
    .textcenterelem .rightvectontop, .bgelementrow .leftvectontop, .leftimgrightcontent .brandbottomleft,
    .industrybuildrow .brandbottomright, .advantagesrow .brandbottomleft, .onlytitlerow .brandbottomright,
    .missionrow  .rightvectontop, .contactfrmrow .brandbottomright{width: 150px;}
    .bulidindusrow .horizontalcontent { min-width: 550px; }
    .minustopimg {margin-top: -80px;}
    .bgelementrow{padding: 150px 0px 100px;}
    .minusimgright { margin-right: -117px; }
    .industrybuildrow .brandbottomright{bottom: -100px;}
    .leftvectontop{left: 30px;}
    .rightvectontop{right: 30px;}
    .advantagesrow{padding: 150px 0px;}
    .keyframesiderbig{margin-bottom: 25px;}
    .smiconcolumn{margin-bottom: 30px;}
    .accessorieselem .stickyleftimg{top: 100px;}
    .accessorieselem .keyrightcontent:first-child{margin-top: 180px;}
    .accessorieselem .keyrightcontent:last-child {padding-bottom: 180px;}
    .brandbottomleft{left: 30px;}
    .brandbottomright{right: 30px;}
    .infrarowelem .brandbottomright{bottom: -200px;}
    .numbertext{min-width: 60px;}
    .tabitemcol {margin-bottom: 20px;}
    .tabitemcol .borderbottom{padding-bottom: 20px;}
    .designengrow .horizontalcontent {min-width: 400px;}
    .designicon{min-height: 195px;}
    .designengrow .horizontalcontent i{margin-bottom: 30px;}
    .designengrow .mb-100{margin-bottom: 50px;}
    .designengrow .stickyhrwrapper {top: 12vh;}
    .leftimgrightcontent .brandbottomleft {bottom: -50px;}
    .tab-nav-custom li a{font-size: 30px;letter-spacing: -1px;}
    .tab-nav-custom li{padding: 30px 0px;}
    .missionrow .tabitemcol .borderbottom{padding-bottom: 30px;padding-right: 30px;}
    .missionrow{padding: 150px 0px;}
    .missionrow .tabitemcol{margin-bottom: 30px;padding-left: 0px !important;}
    .missionrow .tabitemcol .borderbottom::before{bottom: 30px;}
    .addresscontact, .infodetail {width: 65%;}
    .onlytitlerow .brandbottomright{bottom: -150px;}
    .steprowelem{padding-bottom: 100px;}
    .careersfrm{padding: 50px 0px 50px 50px;}
    .careersfrm .brandbottomright { right: -70px; bottom: -50px; width: 150px; }
    .postcontent{padding: 50px 0px;}
    .careersfrm .mb-50{margin-bottom: 30px;}
    .titlevacancy{margin-bottom: 0px;}
    .careersfrm .mb-30{margin-bottom: 10px;}
    .postcontent h5 {padding-top: 0;}
    .fineotherjobrow .mb-50{margin-bottom: 30px;}
    .acctitleleft { width: 33%; }
    .accordionright { width: 67%; }
    .accrightcol .row { margin-bottom: 40px; }
    .acctitleleft { margin-top: 25px; }
    .clientlogo{max-width: 180px;padding: 20px;}
}
@media only screen and (min-width:1500px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1366px) {
    .text-100, .text-100 h1, .text-100 h2, .text-100 h3 { font-size: 70px; }
    .text-80, .text-80 h1, .text-80 h2 .text-80 h3, .text-80 h4 { font-size: 60px; }
    h1, h2 { font-size: 50px; }
    h3{font-size: 36px;}
    h5{font-size: 20px;}
    .btn-theme-arrow{width: 60px;height: 60px;}
    .tabvertical ul li{ font-size: 20px; }
    .logohover img{ max-width: 180px; }
    .tabsectionrow .rightvectorbottom { right: -150px; width: 35%; }
    .horizontawrapper { padding: 0px 110px 0px 120px; }
    .horizontalcontent { min-width: 550px; }
    .countertext{margin-bottom: 30px;}
    .nav-link, .nav-pills .nav-link{height: 214px;}
    .datecol { margin-bottom: 20px; }
    .newstitlecontent h3{margin-bottom: 30px;}
    .bloghomerow .horizontawrapper {padding-right: 130px;}
    .navmenu > ul > li > a{font-size: 16px;}
    .imgslider { height: 260px;}
    .footerlogo img{max-width: 250px;}
    .nav-link, .nav-pills .nav-link{font-size: 24px;}
    .bloghomerow .horizontalcontent {min-width: 700px;margin-right: 50px;}
    .containerpadding {padding-left: calc(((100% - 1140px)) / 2);}
    .sliderleftcol{margin-top: 150px;}
    .bloghomerow .stickyhrwrapper {top: 17vh;}
    .rightoverviewrow .brandbottomleft { width: 180px;}
   .accessorieselem .keyrightcontent:last-child {padding-bottom: 100px;}
}
@media only screen and (max-width:1280px) {
    .horizontawrapper {padding: 0px 70px 0px 80px;}
    .horizontalcontent { min-width: 450px; }
    .bloghomerow .horizontawrapper{padding-right: 90px;}
    .text-40, .text-40 h2 {font-size: 26px;line-height: 40px;}

}
@media only screen and (max-width:1200px) {
    h1, h2 { font-size: 40px; letter-spacing: -2px; }
    .text-50, .text-50 h2, .text-50 h3, .text-50 h4{font-size: 40px;letter-spacing: -2px;}
    h3{font-size: 30px;}
    h4, .text-36, .text-36, .text-36 h1, .text-36 h2, .text-36 h3{letter-spacing: -1px;font-size: 24px;}
    .text-100, .text-100 h1, .text-100 h2, .text-100 h3 { font-size: 60px; }
    .text-80, .text-80 h1, .text-80 h2 .text-80 h3, .text-80 h4{font-size: 50px;}
    .text-40, .text-40 h2 { font-size: 24px;line-height: 36px; }
    .mb-250 { margin-bottom: 100px; }
    .mb-200 { margin-bottom: 70px; }
    .mb-150 { margin-bottom: 70px; }
    .mb-100 { margin-bottom: 50px; }
    .mb-50 { margin-bottom: 30px; }
    .btn-theme { letter-spacing: 1px; }
    .logo, .sticky .logo { padding: 0px; }
    .logo img{max-width: 130px;}
    .sub-menu-arrow { display: inline-block; }
    a.menu-toggle.isOpen, a.menu-toggle { display: flex; }
    .mainheader, .sticky.mainheader { padding: 10px 0px; }
    .MenuClose { display: inline-flex; top: 20px; right: 20px; }
    .black-overlay { z-index: 30; background-color: rgba(0, 0, 0, 0.5); content: ''; position: fixed; right: 0px; height: 100%; width: 100%; top: 0px; display: none; }
    .navmenu { border-radius: 0px; display: inline-block; z-index: 31; position: fixed; overflow: auto; height: 100%; width: 400px; background: #003566; top: 0px; right: 0px; transform: translateX(100%); -webkit-transition: transform 0.3s linear; -o-transition: transform 0.3s linear; transition: transform 0.3s linear; }
    .navmenu.slide { display: inline-block; animation-name: none; animation-duration: 0s; transform: translateX(0px); }
    .navmenu > ul { padding: 50px 30px 0px; margin-right: 0px; display: inline-block; vertical-align: top; width: 100%; }
    .navmenu > ul > li, .mainheader.sticky .navmenu > ul > li { width: 100%; padding: 0px; margin-bottom: 25px; }
    .navmenu > ul > li.lastmenu{display: block;}
    .navmenu > ul > li > a,
    .sticky.mainheader .navmenu > ul > li > a,
    .innerheader .navmenu > ul > li > a { width: 100%; font-size: 24px; color: #6D94B8; }
    .navmenu > ul > li > a::before, .navmenu > ul > li > ul { position: relative; width: 100%; box-shadow: none; top: 0px; background-color: transparent; padding: 0px; margin-top: 10px; margin-left: 0px; padding-left: 0px; }
    .navmenu > ul > li > ul::before { display: none; }
    .navmenu > ul > li > ul li ul { position: relative; width: 100%; left: 0px; padding: 0px; }
    .navmenu > ul > li > ul li a { color: #6D94B8;font-size: 20px; }
    .navmenu > ul > li > ul li a:hover{padding-left: 0px;}
    .navmenu > ul > li > ul li ul { box-shadow: none; }
    .navmenu > ul > li > a:hover,
    .sticky.mainheader .navmenu > ul > li > a:hover,
    .navmenu > ul li.current-menu-item > a,
    .navmenu > ul li.current-menu-ancestor > a, .navmenu > ul > li > ul li a:hover{color: #fff;}
    .navmenu > ul > li > ul > li { padding: 0px; border-bottom: none; position: relative; padding-left: 20px;padding-bottom: 10px; }
    .navmenu > ul > li > ul > li::before { content: ''; border-radius: 100%; background-color: #6D94B8; position: absolute; left: 0px; top: 10px; width: 7px; height: 7px; }
    .navmenu > ul > li:hover > ul, .navmenu > ul > li.menu-item-has-children::before { display: none; }
    .navmenu > ul > li > ul li:last-child{padding-bottom: 0px;}
    .navmenu .closebtn::before, .navmenu .closebtn::after { background-color: #6D94B8; }
    .headerbtn .btn-theme{display: none;}
    .scrollbtn a{font-size: 30px;}
    .stickyshapecontent { clip-path: initial; }
    .industrycol h4::after{opacity: 1;}
    .abouthomecontent .brandbottomleft { left: 50px; width: 150px;bottom: -50px; }
    .countertext { margin-bottom: 20px; }
    .tabsectionrow { padding: 100px 0px; }
    .hovertext{ margin-bottom: 10px;font-size: 18px; }
    .imgslider {  height: initial;padding: 50px 20px;  }
    .tabsectionrow .rightvectorbottom { right: -80px; }
    .stickyhrwrapper{width: 100%;}
    .horizontalcontent .btn-theme-arrow{opacity: 1;}
    .horizontawrapper, .stickyhrwrapper, .bloghomerow .stickyhrwrapper, .designengrow .stickyhrwrapper{display: block;position: relative;top: 0px;}
    .horizontalcontent, .bloghomerow .horizontalcontent, .bulidindusrow .horizontalcontent{min-width: inherit;}
    .horizontawrapper, .bloghomerow .horizontawrapper{padding: 0px 32px 10px;}
    .horizontalcontent{margin: 0px ;padding: 0px 12px;}
    .h-spacer{display: none;}
    .rightcontentcol {padding: 70px 40px;}
    .rightcontentcol h2 {margin-bottom: 20px;}
    .bloghomerow .horizontalcontent{margin: 0px;padding: 0px 12px;}
    .buildsysteamrow .mb-80{margin-bottom: 0px;}
    .wedesignrow .rightvectontop { width: 100px;top: 50px; }
    .wedesignrow .mb-30{margin-bottom: 10px;}
    .nav-link, .nav-pills .nav-link{font-size: 20px;height: 179px;line-height: 24px;}
    .btn-theme{font-size: 15px;padding: 15px;}
    .btn-theme-submit{padding: 12px 37px 12px 15px;background-position: right 15px center;font-size: 15px;}
    .datecol {margin-bottom: 10px;}
    .newstitlecontent h3 { margin-bottom: 20px; }
    .calltoactionrow a, .letstalk{padding: 50px 0px;}
    .btn-theme-arrow{width: 50px;height: 50px;}
    .btn-theme-arrow::before{background-size: 20px;width: 20px;height: 17px;}
    .stickymainwrapper{display: inline-block;vertical-align: top;}
    .newseventlatest .row {margin-bottom: 50px;}
    .marqeesecrow .bordeboxcol{min-width: 300px;padding: 50px 20px;}
    .containerpadding {padding-left: calc(((100% - 960px)) / 2);}
    .tabsectionrow .rightvectorbottom {right: -50px; width: 40%;}
    .thankyoupage { padding-top: 120px; }
    .btntabknomore{margin-top: 30px;}
    .sliderleftcol { margin-top: 120px;}
    .socialicon{margin-right: 50px;}
    .socialicon a{margin-right: 10px;width: 30px;height: 30px;}
    .toppageoffset {margin-top: 100px;}
    .rightoverviewrow .brandbottomleft { width: 150px; }
    .iconcol{padding-bottom: 30px;}
    .iconcontenrow .row [class*="col-"], .iconcol i{margin-bottom: 30px;}
    .buildengcol .btn-theme-arrow{opacity: 1;}
    .bulidindusrow .horizontalcontent h4{margin-bottom: 0px;}
    .bulidindusrow  .mb-30{margin-bottom: 10px;}
    /* .textcenterelem .rightvectontop, .bgelementrow .leftvectontop,
    .industrybuildrow .brandbottomright { width: 120px; } */
    .textcenterelem .rightvectontop, .bgelementrow .leftvectontop,
    .leftimgrightcontent .brandbottomleft,.onlytitlerow .brandbottomright,
    .industrybuildrow .brandbottomright, .contactfrmrow .brandbottomright,
    .advantagesrow .brandbottomleft, .missionrow  .rightvectontop {width: 110px;}
    .minusimgright { margin-right: -47px; }
    .minustopimg {margin-top: -30px;}
    .slick-dotted.slick-slider{margin-bottom: 10px;}
    .bgelementrow { padding: 100px 0px 70px; }
    .engproductcol h4::after{opacity: 1;background-size: 18px;}
    .advantagesrow { padding: 100px 0px; }
    .stickyleftimg{display: none;}
    .keyrightcontent{opacity: 1;padding-bottom: 0px;margin-bottom: 30px;}
    .keyrightcontent .mobileimg{display: inline-block;margin-bottom: 20px;}
    .textrightcol{display: grid;grid-template-columns: 1fr 1fr;gap: 0px 24px;}
    .stickyRow.mb-250{margin-bottom: 70px;}
    .colorbox {height: 70px;}
    .colorcolbox span{font-size: 15px;}
    .accessorieselem .keyrightcontent:first-child{margin-top: 0px;}
    .accessorieselem .keyrightcontent .borderbottom{min-height: 100%;}
    .accessorieselem .keyrightcontent{padding-bottom: 0px;}
    .accessorieselem .keyrightcontent .borderbottom{padding-bottom: 30px;}
    .accessorieselem .keyrightcontent:last-child{padding-bottom: 0px;}
    .accessorieselem.mb-250{margin-bottom: 70px;}
    .infrarowelem .brandbottomright{width:150px;  bottom: -150px;}
    .manpowerelement .keyrightcontent{padding:0px 0px 30px;margin-bottom: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .manpowerelement .keyrightcontent .mobileimg{width: 40%;}
    .menpowcontent{width: 60%;padding-left: 24px;}
    .manpowerelement .textrightcol{grid-template-columns: 1fr;}
    .manpowerelement .keyrightcontent i{margin-bottom: 20px;}
    .servicesindrow .row [class*="col-"]:first-child{display: none;}
    .servicesindrow .mobileimg{display: inline-block;}
    .tabitemcol .borderbottom{flex-wrap: wrap;}
    .tabitemsright{margin: 0px -12px;}
    .tabitemcol{width: 33.33%;padding: 0px 12px !important;}
    .nubercoltext{display: flex;align-items: center;}
    .numbertext{min-width: initial;}
    .servicesindrow .mobileimg{margin-bottom: 15px;}
    .tabitemcol{margin-bottom: 30px;}
    .servicesindrow.mb-250{margin-bottom: 70px;}
    .RoofVector .brandbottomleft {bottom: -80px;}
    .designengrow .horizontalcontent{min-width: inherit;padding: 0px;}
    .designicon{min-height: inherit;}
    .designengrow .h-spacer{height: initial;}
    .designengrow .horizontalcontent:last-child{margin: 0px;}
    .designengrow .horizontawrapper{padding: 0px 42px 15px;}
    .designengrow .mb-100, .shiperecaionrow .mb-100{margin-bottom: 30px;}
    .tab-nav-custom li a::before{top: 5px;}
    .tab-nav-custom li a{font-size: 24px;}
    .tab-nav-custom li {padding: 20px 0px;}
    .contentshow{padding-top: 20px;}
    .missionrow .tabcontentrow [class*="col-"]:last-child{display: none;}
    .missionrow .tabitemcol .borderbottom{display: flex; justify-content: space-between;padding-right: 0px;}
    .missionrow .tabitemcol .mobileimg {display: inline-block;width: 50%;}
    .missiontext{width: 50%;padding-left: 100px;}
    .missionrow .tabitemcol .borderbottom::before{display: none;}
    .missionrow {padding: 100px 0px;}
    .cntdetail{margin-right: 25px;font-size: 20px;}
    .addresscontact{font-size: 20px;}
    .contactifnorow .borderbottom{ padding-bottom: 40px;margin-bottom: 40px; }
    .contactfrmrow .brandbottomright { bottom: -70px; }
    .blogcolbox{margin-bottom: 30px;}
    .blogdetailnav{margin-top: 50px;}
    .blogdetailrow .mb-30{margin-bottom: 0px;}
    .blogdetailcontent p img{margin: 0px;}
    .leftminusimgcol .btn-theme-arrow, .blogthmubimg .btn-theme-arrow{opacity: 1;}
    .paginav a, .paginav span{width: 36px;height: 36px;line-height: 36px;}
    .joinusimg { min-width: 380px; flex-shrink: inherit;}
    .stepgrowcol h4{letter-spacing: 0px;}
    .steprowelem{padding-bottom: 65px;}
    .accordion-button{padding: 20px 0px;font-size: 20px;}
    .accordion-button:focus, .accordion-button:not(.collapsed){padding: 20px;}
    .accordion-body{padding: 20px 20px 15px;}
    .acctitleleft { margin-top: 18px;}
    .infracountrow {padding-bottom: 50px}
    .clientlogo{max-width: 150px;}
    .leftimgcenter{align-items: flex-start;}
}



/*Desktop Media Ends*/

/*Desktop height media Starts*/
@media (min-width:1900px) and (max-width:1920px) and (max-height:1080px) { }
@media (min-width:1200px) and (max-width:1280px) and (max-height:1024px) { }
@media (min-width:1200px) and (max-width:1280px) and (max-height:960px) { }
@media (min-width:1200px) and (max-width:1280px) and (max-height:800px) { }
@media (min-width:1200px) and (max-width:1280px) and (max-height:768px) { }

/*Desktop height media Ends*/

/*iPad Landscape, iPad Pro Portrait start*/
@media only screen and (max-width:1024px) { }

/*iPad Landscape, iPad Pro Portrait end*/

/*Tablet start*/
@media only screen and (max-width:992px) { }
@media only screen and (max-width:991px) {
    .text-100, .text-100 h1, .text-100 h2, .text-100 h3 {font-size: 46px;}
    .text-80, .text-80 h1, .text-80 h2 .text-80 h3, .text-80 h4{font-size: 40px;}
    .topvideosfull .rightvectorbottom {bottom: 0;width: 250px;right: 0px;}
    .abouthomecontent .brandbottomleft{width: 110px;left: 20px;}
    .countercol{margin-bottom: 20px;}
    .hovertext{width: 50%;}
    .imgslider{padding: 70px 20px;}
    .rightcontentcol { padding: 40px 36px 50px; }
    .newstitlecontent{padding-bottom: 30px;}
    .newstitlecontent h3{font-size: 24px;}
    .bloghomerow .datecol{width: 100%;}
    .blogtitlehome{width: 100%;}
    .calltoactionrow .projectext{margin: 0px 20px;}
    .footerlinkright {width: 36%;}
    .footerlogo img { max-width: 200px; }
    .footermain { padding: 70px 0px; }
    .containerpadding {padding-left: calc(((100% - 720px)) / 2);}
    .horizontawrapper, .bloghomerow .horizontawrapper {padding: 0px 24px 15px;}
    .nav-link, .nav-pills .nav-link {font-size: 16px;height: 112px;line-height: 24px;}
    .horizontawrapper .slick-dots{padding: 0px 37px;}
    .downloadbtn{margin-left: 30px;margin-top: 15px;}
    .footersocial{align-items: flex-start;}
    .nav-link, .nav-pills .nav-link{padding: 15px;}
    .rightoverviewrow .brandbottomleft{width: 110px;bottom: auto;left: 20px;top: 70px;}
    .minustopimg {margin-top: 0px;}
    .industrybuildrow .brandbottomright { bottom: -50px;}
    .sportsvanuerow .row:first-child{margin-bottom: 30px;}
    .advantagesrow .brandbottomleft{display: none;}
    .colorbox {height: 60px;}
    .colorgridbox{gap: 20px;}
    .wallcladingsysrow .row [class*="col-"]{margin-bottom: 30px;}
    .infrarowelem .brandbottomright{width: 120px;}
    .tabitemcol{width: 50%;}
    .designengrow .horizontawrapper { padding: 0px 36px 15px;}
    .designicon{min-height: 180px;}
    .shiperecaionrow img{width: 100%;}
    .leftshipingimg{margin-bottom: 30px;}
    .leftimgrightcontent .row [class*="col-"]:first-child{margin-bottom: 30px;}
    .leftimgrightcontent .brandbottomleft{display: none;}
    .missiontext{padding-left: 30px;}
    .missionrow .tabitemcol span,
    .missionrow .tabitemcol,
    .missionrow .tabitemcol h3{color: #fff;}
    .cntdetail{margin-right: 10px;font-size: 18px;}
    .addresscontact{font-size: 18px;}
    .footermain h5{font-size: 18px;}
    .leftimgrightcontent .row.alignbottomrow  [class*="col-"]:first-child{margin-bottom: 0px;}
    .steprowelem .row [class*="col-"]:first-child{margin-bottom: 20px;}
    .catagorysticky{margin-top: 0px;z-index: 5;top: 50px;}
    .catagorysticky ul{background-color: #fff;}
    .catagorysticky ul li{display: inline-block;margin-right: 20px;padding: 10px 0px;margin-bottom: 0px;}
    .faqselement .mb-50{margin-bottom: 0px;}
    .infracountrow {padding-bottom: 20px}


}

@media screen and (min-width:581px) and (max-width:767px) { }

/*Tablet end*/

/*Tablet start*/
@media only screen and (max-width:980px) { }

/*Tablet end*/

/*Tablet start*/
@media only screen and (max-width:960px) { }

/*Tablet end*/

/*Nokia N9 Landscape start*/
@media only screen and (max-width:854px) { }

/*Nokia N9 Landscape end*/

/*Pixel 2 XL Landscape start*/
@media only screen and (max-width:823px) { }

/*Pixel 2 XL Landscape end*/

/*iPhone X Landscape start*/
@media only screen and (max-width:812px) { }

/*iPhone X Landscape end*/

/*Kindle Fire HDX, Nexux 10 start*/
@media only screen and (max-width:800px) { }

/*Kindle Fire HDX, Nexux 10 end*/

/*iPad Portrait start*/
@media only screen and (max-width:768px) { }
@media only screen and (max-width:767px) {
    .brandbottomleft, .rightvectontop, .brandbottomright  {display: none;}
    .container { padding: 0px 20px; }
    h1, h2{font-size: 30px;letter-spacing: -1px;}
    .text-100 br, .text-100 h1 br, .text-100 h2 br, .text-100 h3 br{display: none;}
    h3{font-size: 24px;margin-bottom: 15px;}
    .text-80, .text-80 h1, .text-80 h2 .text-80 h3, .text-80 h4{font-size: 30px;letter-spacing: -1px;}
    .text-50, .text-50 h2, .text-50 h3, .text-50 h4{font-size: 30px;letter-spacing: -1px;}
    .text-40, .text-40 h2 {font-size: 20px;line-height: 30px;letter-spacing: -1px;}
    .text-100, .text-100 h1, .text-100 h2, .text-100 h3 {font-size: 35px;letter-spacing: -1px;}
    .topvideosfull .rightvectorbottom {width: 150px;right: 0px;}
    .topbannercaption{padding-bottom: 50px;}
    .mb-250{margin-bottom: 70px;}
    .mb-50 { margin-bottom: 20px;}
    .navmenu{width: 100%;}
    .industryrow .mb-50{margin-bottom: 30px;}
    .industryrow .mb-50:last-child{margin-bottom: 0px;}
    .mb-20.titlechange{margin-bottom: 15px;}
    .marqeesecrow .bordeboxcol{min-width: 200px;padding: 30px;display: flex;align-items: center;justify-content: center;}
    .countercol {padding-bottom: 10px; margin-bottom: 15px;}
    .tabimgcontent {display: none;}
    .mobileimg{display: inline-block;}
    .tabsectionrow{padding: 70px 0px;}
    .hovertext .mobileimg{background-color: #fff;padding: 15px;margin-bottom: 10px;}
    .logotabaction {margin: 0px -12px;width: initial;}
    .logotabaction .slick-slide{padding: 0px 12px;margin-bottom: 0px;}
    .hovertext{font-size: 15px;}
    .hovertext.hoverselected span, .hovertext:hover span, .hovertext span{border: none;color: #fff;padding: 0px;}
    .horizontawrapper, .bloghomerow .horizontawrapper{padding: 0px 15px 15px;}
    .horizontalcontent, .bloghomerow .horizontalcontent{padding: 0px 5px;}
    .industrycol h4::after{margin-top: 8px;background-size: 20px;}
    .rightcontentcol { padding: 30px 20px; }
    .sliderightcol{display: none;}
    .sliderleftcol{width: 100%;margin: 0px;padding: 0px 20px;}
    .leftslider{padding-bottom: 30px;}
    .twocolumnslider .slick-arrow{bottom: 0px;}
    .newsthmubimg{margin-bottom: 15px;}
    .calltoactionrow .textmarqueecol{white-space: nowrap;}
    .contactinfo {margin-bottom: 30px;}
    .footerlinkcol{flex-wrap: wrap;}
    .footerlinkright{width: 100%;}
    .footermenu{margin-bottom: 30px;}
    .footersocial{margin-top: 10px;}
    .socialicon{margin-bottom: 20px;}
    .socialicon a{padding: 5px;width: 36px;height: 36px;}
    .socialicon a svg{height: 16px;}
    .footermain .rightvectorbottom{display: none;}
    .copyright { font-size: 14px; }
    .countertext {margin-bottom: 10px;}
    .verticaltabrow [class*="col-"]:first-child{margin-bottom: 20px;}
    .nav-link, .nav-pills .nav-link {font-size: 16px;height: 100px;}
    .pagenotfound{max-width: 250px;margin-bottom: 20px;}
    .thankyoupage p br{display: none;}
    .thankyoupage { padding-top: 90px; }
    .horizontawrapper .slick-dots {padding: 0px 22px;}
    .downloadbtn{margin: 0px 0px 15px 30px;}
    .btntabknomore { margin-top: 20px; }
    .toppageoffset { margin-top: 70px; }
    .overviewbanner.mb-100{margin-bottom: 20px;}
    .buildlistrow [class*="col-"], .leftimgrightcontent .row [class*="col-"]:first-child{margin-bottom: 20px;}
    .buildlistrow [class*="col-"]:last-child{margin-bottom: 0px;}
    .minusimgright{margin-right: 0px;}
    .rightimgminusrow .row [class*="col-"]:first-child,
    .columntwoelement .row [class*="col-"]:first-child,
    .rightimgleftcontent .row [class*="col-"]:first-child{margin-bottom: 20px;}
    .bgelementrow .leftvectontop, .industrybuildrow .brandbottomright {display: none;}
    .bgelementrow {padding: 70px 0px 40px;}
    .bgelementrow .mb-50{margin-bottom: 30px;}
    .industrybuildrow .mb-30{margin-bottom: 10px;}
    .industrybuildrow .row:last-child [class*="col-"]:first-child{margin-bottom: 30px;}
    .minuscolrow.mb-100{margin-bottom: 30px;}
    .advantagesrow{padding: 70px 0px;}
    .smiconcolumn{width: 100%;}
    .adviconcol .smiconcolumn:nth-last-child(2){margin-bottom: 30px;}
    .adviconcol .smiconcolumn:nth-last-child(2) .borderbottom{border-bottom: 1px solid #DDDDDD;padding-bottom: 30px;}
    .keysystemsorw .mb-100{margin-bottom: 20px;}
    .keyframesiderbig{margin-bottom: 15px;}
    .keyframeslidernav {margin-bottom: 30px;}
    .bracingrow  .row [class*="col-"]:nth-child(2){margin-bottom: 30px;}
    .stickycoltext{position: relative;top: 0px;}
    .boximgright .borderbox{margin-bottom: 30px;}
    .engproductcol h4::after{margin-top: 4px;}
    .adviconcol i{margin-bottom: 20px;}
    .productimg{margin-bottom: 15px;}
    .textrightcol{grid-template-columns: 1fr;}
    .keyrightcontent:last-child{margin-bottom: 0px;}
    .colorgridbox {gap: 10px;}
    .colorcolbox span{font-size: 13px;padding: 5px 10px;line-height: 18px;}
    .colorbox {height: 50px;}
    .smiconcolumn h4{letter-spacing: 0px;font-size: 20px;}
    .infracountrow{padding-bottom: 20px;}
    .infracountrow .borderbottom{padding-bottom: 10px}
    .infracountrow .row [class*="col-"]{margin-bottom: 10px;}
    .rightimgcentertextrow .row [class*="col-"]:first-child{margin-bottom: 25px;}
    .imgcoversize{height: 550px;}
    .imgcoversize img, .imgcoversize video{height: 100%;object-fit: cover;object-position: center;}
    .manpowerelement .keyrightcontent .mobileimg{width: 100%;}
    .menpowcontent{width: 100%;padding-left: 0px;}
    .nubercoltext{flex-wrap: wrap;}
    .tabitemcol{width: 100%;}
    .poweringprjrow .mb-30{margin-bottom: 0;}
    .designengrow .horizontawrapper{padding: 0px 20px 10px;}
    .designengrow .horizontalcontent p{padding: 0px;}
    .logoslider .bordeboxcol { padding: 15px; }
    .logoslider{margin: 0px -5px;}
    .logoslider .slick-slide{padding: 0px 5px;}
    .designengrow .horizontalcontent i{margin-bottom: 20px;}
    .designicon { min-height: 170px; }
    .tableftimgcol{display: none;}
    .tab-nav-custom li a { font-size: 20px; }
    .tab-nav-custom li:first-child{border-top: none;padding-top: 0px;}
    .iconcontenrow .row [class*="col-"]:last-child,
    .wallcladingsysrow .row:last-child [class*="col-"]:last-child{margin-bottom: 0px}
    .buildingsystemrow h2 br{display: none;}
    .keysysrow [class*="col-"]:first-child{margin-bottom: 20px}
    .iconcol i{margin-bottom: 20px;}
    .missionrow .tabitemcol .borderbottom{flex-wrap: wrap;}
    .missionrow .tabitemcol .mobileimg, .missiontext{width: 100%;}
    .missiontext{padding: 0px;margin-top: 20px;}
    .leftimgcenter{text-align: center;}
    .contactifnorow .borderbottom{flex-wrap: wrap;padding-bottom: 30px;margin-bottom: 30px;}
    .addresscontact, .infodetail{width: 100%;}
    .infotitle{margin-bottom: 15px;}
    .cntdetail{width: 100%;margin: 0px 0px  10px;}
    .cntdetail:last-child {margin: 0px;}
    .addresscontact, .cntdetail { font-size: 17px; }
    .getintouchrow .mb-30{margin-bottom: 20px;}
    .blogdetailnav { margin-top: 20px;}
    .otherblog [class*="col-"]:first-child{margin-bottom: 15px;}
    .leftimgrightcontent .row.alignbottomrow  [class*="col-"]:first-child {margin-bottom: 20px;}
    .stepgrowcol{width: 100%;margin-bottom: 10px;}
    .stepgrowcol:last-child, .stepgrowcol:last-child :last-child{margin-bottom: 0px;}
    .steprowelem .row [class*="col-"]:first-child{margin-bottom: 10px;}
    .joinusimg{min-width: 250px;}
    .joinusitem a, .joinusitem a:hover{padding: 20px 0px;background-color: transparent;}
    .joinusitem a h4{margin-bottom: 10px;}
    .arrowbtn{width: 24px;}
    .maincontainer{height: inherit;}
    .postcontent, .careersfrm{max-height: initial;overflow: visible;height: inherit;}
    .careersidebar{overflow: auto;}
    .careersfrm::before{display: none;}
    .careersfrm{padding: 50px 30px;margin-bottom: 50px;}
    .postcontent{padding-bottom: 10px;}
    .careersidebar .closebtn::after, .careersidebar .closebtn::before{background-color: #333;}
    .acctitleleft{width: 100%;margin-top: 0px;}
    .accordionright{width: 100%;}
    .catagorysticky ul{display: flex;margin-bottom: 30px;overflow-x: auto;}
    .catagorysticky ul li{flex-shrink: 0;}
    .acctitleleft h4{margin-bottom: 15px;}
    .faqselement h1{margin-bottom: 10px;}
    .clientlogo { max-width: 120px; padding: 15px; }
    .contactinfo { display: block; }
    .contactinfo p:last-child { margin-left: 0px; }
}

/*iPad Portrait end*/

/*iPhone 6/7/8 Plus Landscape start*/
@media only screen and (max-width:736px) { }

/*iPhone 6/7/8 Plus Landscape end*/

/*Pixel 2 Landscape start*/
@media only screen and (max-width:731px) { }

/*Pixel 2 Landscape end*/

/*iPhone 6/7/8 Landscape start*/
@media only screen and (max-width:667px) { }

/*iPhone 6/7/8 Landscape end*/

/*Galaxy Note 3 Landscape start*/
@media only screen and (max-width:640px) { }

/*Galaxy Note 3 Landscape end*/

/*Smartphone start*/
@media only screen and (max-width:604px) { }

/*Smartphone end*/

/*Blackberry PlayBook, Nexus 7 start*/
@media only screen and (max-width:600px) { }
@media only screen and (max-width:580px) { }

/*Blackberry PlayBook, Nexus 7 end*/
@media only screen and (max-width:575px) { }

/*iPhone 5/SE Landscape start*/
@media only screen and (max-width:568px) { }

/*iPhone 5/SE Landscape end*/

/*Nokia Lumia 520 Landscape start*/
@media only screen and (max-width:533px) { }

/*Nokia Lumia 520 Landscape end*/

/*Nokia N9 start*/
@media only screen and (max-width:480px) { }

/*Nokia N9 end*/

/*iPhone 6/7/8 Plus start*/
@media only screen and (max-width:414px) { }

/*iPhone 6/7/8 Plus end*/

/*Nexus 6 start*/
@media only screen and (max-width:412px) { }

/*Nexus 6 end*/

/*Pixel 2XL start*/
@media only screen and (max-width:411px) {

}

/*Pixel 2XL end*/

/*LG Optimus L70, Nexus 4 start*/
@media only screen and (max-width:390px) { }

/*LG Optimus L70, Nexus 4 end*/

/*iPhone 6/7/8 Plus, iPhone X start*/
@media only screen and (max-width:375px) { }

/*iPhone 6/7/8 Plus, iPhone X end*/

/*Galaxy S5, Galaxy Note, Galaxy Note 3, Nexus 5, BlackBerry, Microsoft Lumia start*/
@media only screen and (max-width:360px) { }

/*Galaxy S5, Galaxy Note, Galaxy Note 3, Nexus 5, BlackBerry, Microsoft Lumia end*/

/*iPhone 5/SE, iPhone 4, Nokia Lumia 520 start*/
@media only screen and (max-width:320px) { }

/*iPhone 5/SE,iPhone 4,Nokia Lumia 520 end*/
