@media only screen and (min-width:1921px) { }
@media only screen and (max-width:1680px) {
     .protopbanner .boxcaption{left: 40px;right: 40px;}
 }
@media only screen and (max-width:1600px) { }

@media only screen and (min-width:1500px) and (max-width:1599px) {
    .text-300{font-size: 200px;}
    .text-130, .text-130 h1, .text-130 h2, .text-130 h3 { font-size: 90px; }
    .text-100, .text-100 h1, .text-100 h2, .text-100 h3 { font-size: 70px; }
    .text-30, .text-30 h2, .text-30 h1 { font-size: 24px; }
    .text-48, .text-48 h2, .text-48 h3, .text-48 h4{font-size: 40px;}
    h1, h2 { font-size: 50px; letter-spacing: -2px; }
    h4 { font-size: 24px; }
    h3 { font-size: 40px; }
    .minusimgcol {margin-right: -233px;}
   
}
@media only screen and (max-width:1440px) {
    .text-300{font-size: 200px;}
    .text-130, .text-130 h1, .text-130 h2, .text-130 h3 { font-size: 90px; }
    .text-100, .text-100 h1, .text-100 h2, .text-100 h3 { font-size: 70px; }
    .text-30, .text-30 h2, .text-30 h1 { font-size: 24px; }
    .text-48, .text-48 h2, .text-48 h3, .text-48 h4{font-size: 40px;}
    h1, h2 { font-size: 50px; letter-spacing: -2px; }
    h4 { font-size: 24px; }
    h3 { font-size: 36px; }
    .btn-theme { font-size: 14px; padding: 13px 20px; }
    .navmenu > ul > li { padding: 20px 15px; }
    .topherosection { padding: 100px 30px 0px; }
    .topbannercaption { padding: 200px 30px 0px; }
    .boxcaption { max-width: 530px; padding: 40px; right: 30px; }
    .mb-250, .mb-300 { margin-bottom: 150px; }
    .mb-200 { margin-bottom: 130px; }
    .text-400 { font-size: 250px; }
    .advrollerelem .rightvectontop { right: -30px; }
    .rollerslider .bordeboxcol { padding: 30px; }
    .tabsectionrow { padding: 150px 0px; }
    .tabvertical ul > li strong { font-size: 36px; }
    .tabvertical ul li::before { top: 44px }
    .maskimgrow .mb-150 { margin-bottom: 70px; }
    .maskimgcaption { padding: 180px 0px; }
    .rightvectontop, .leftvectontop, .rightvectorbottom, .brandbottomleft { width: 70px; }
    .bloghomerow .rightvectontop { right: -50px; }
    .logocol { padding: 50px 20px; }
    .careershome .leftvectontop { left: -50px; }
    .careershome .boxcaption { max-width: 575px; }
    .datecol { margin-bottom: 30px; }
    .datecol span { font-size: 16px; }
    .blogtitlecontent { padding: 20px; }
    .footerlinkcol ul li { font-size: 18px; }
    .socialicon a svg { width: 14px; }
    .copyright { font-size: 15px; }
    .footermain { padding: 100px 0px; }
    .footermain .rightvectontop { top: 50px; right: 20px; }
    .thankyoupage { padding-top: 170px; }
    .leftminusimgcol { margin-left: -65px; }
    .minusimgcol { margin-right: -182px; }
    .toppageoffset { margin-top: 200px; }
    .blogsingletop h1 { font-size: 36px; }
    .blogsingletop .mb-50, .bloghomerow.bdlist .mb-50 { margin-bottom: 25px;}
    .cntdetail, .addresscontact{font-size: 24px;}
    .careerspostrow .leftvectontop {left: -50px;}
    .careersidebar{padding:70px 100px;}
    .accordion-button{padding: 30px 0px;font-size: 40px;}
    .accordion-button span{margin-right: 90px;}
    .accordion-body{padding-left: 110px;}
    .faqsaccrow .accordion-button{font-size: 24px;}
    .stickytitle{padding-bottom: 120px;}
    .aboutcompanyrow .leftvectontop{left: 0px;}
    .missionrow{padding: 150px 0px;}
    .missionrow .rightvectontop{top: 100px;}
    .rightimgfloat{padding-left:calc(((100% - 1296px) - 24px) / 2)}
    .horizontawrapper {padding-left: calc(((100% - 1270px) - 24px) / 2);padding-right: calc(((100% - 1270px) - 24px) / 2);}
    .yearcol{padding-bottom: 30px;}
    .infradevlopecol{padding: 30px 0px 0px 30px;}
    .nuberbox::before{height: 30px;top: -31px;}
    .milestonesrow .mb-100{margin-bottom: 50px;}
    .misleftcontent{width: 40%;}
    .logo  img{width: 100px;}
    .pageoffsetbanner {margin-top: 105px;}
    .titlecontentrow .rightvectorbottom {right: -50px;}
    .titlecontentrow.mb-100{margin-bottom: 70px;}
    .titleproject{padding: 30px;}
    .offeringcol .borderbottom {margin-bottom: 20px;padding-bottom: 20px;}
    .offeringcol .borderbottom:last-child { margin-bottom: 20px; }
    .aboutelement .brandbottomleft{bottom: -150px;}
    .productcol .bordeboxcol {padding: 30px;}
    .ouroffering .rightvectontop{right: 0px;}
    .prodimgrow{margin-bottom: 50px;}
    .protopbanner .boxcaption{left: 40px;right: 40px;height: 70px;}
    .protopbanner{padding-bottom: 70px;}
    .protopoffset {margin-top: 100px;}
    .table > thead > tr > th{font-size: 15px;line-height: 18px;}
    .footermain h3{font-size: 36px}

}
@media only screen and (min-width:1537px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1366px) {
    .minusimgcol { margin-right: -212px; }
    .leftminusimgcol { margin-left: -115px; }
    .toppageoffset { margin-top: 150px; }
    .cntdetail{margin-right: 30px;}
    .accordion-button span {margin-right: 80px;}
    .accordion-body {padding-left: 100px;}
    .aboutcompanyrow .leftvectontop{left: -50px;}
    .rightimgfloat{padding-left:calc(((100% - 1118px) - 24px) / 2)}
    .horizontawrapper {padding-left: calc(((100% - 1086px) - 24px) / 2);padding-right: calc(((100% - 1086px) - 24px) / 2);}
    .aboutelement .brandbottomleft{left: -50px;}
    /* .minusimgcol { margin-right: -170px; } */
}
@media only screen and (max-width:1280px) {
    .minusimgcol { margin-right: -169px; }
    .footermain .rightvectontop { top: 40px; }
    .leftminusimgcol { margin-left: -75px; }
}
@media only screen and (max-width:1200px) {
    body { font-size: 18px; line-height: 26px; }
    .text-130, .text-130 h1, .text-130 h2, .text-130 h3 { font-size: 70px; }
    .text-100, .text-100 h1, .text-100 h2, .text-100 h3 { font-size: 60px; }
    h1, h2 { font-size: 40px; margin-bottom: 20px; }
    .text-30, .text-30 h2, .text-30 h1 { font-size: 22px; }
    .text-48, .text-48 h2, .text-48 h3, .text-48 h4{font-size: 30px;}
    h3 { font-size: 30px; }
    h4 { letter-spacing: -0.5px;font-size: 22px; }
    .text-400 { font-size: 200px; letter-spacing: -10px; }
    .text-300 {font-size: 130px;letter-spacing: -5px;}
    .mb-250 { margin-bottom: 100px; }
    .mb-200 { margin-bottom: 80px; }
    .mb-150 { margin-bottom: 70px; }
    .mb-50 { margin-bottom: 30px; }
    .btn-theme { letter-spacing: 1px; }
    .logo, .sticky .logo { padding: 0px; }
    .logo img { width: 80px; }
    .logo span { font-size: 12px; margin-top: 15px }
    .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: 350px; background: #826D5B; 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: 20px; }
    .navmenu > ul > li > a { width: 100%; font-size: 24px; color: #fff; }
    .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: #fff; }
    .navmenu > ul > li > ul li ul { box-shadow: none; }
    .navmenu > ul > li > ul > li { padding: 0px; border-bottom: none; position: relative; padding-left: 20px; }
    .navmenu > ul > li > ul > li::before { content: ''; border-radius: 100%; background-color: #fff; 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 .closebtn::before, .navmenu .closebtn::after { background-color: #fff; }
    .boxcaption { padding: 30px; width: 50%; }
    .topbannercaption { padding: 150px 50px 0px; }
    .stickyshapecontent { clip-path: initial; }
    .advrollerelem .rightvectontop { top: 0px; right: 0px; }
    .rollerslider .bordeboxcol, .productcol .bordeboxcol { padding: 20px; }
    .productcol .bordeboxcol{min-height: 100%;}
    .rollerslider h4::before, .projectlisting h4::before, .productcol h4::before { opacity: 1; background-size: 14px; width: 14px; height: 14px; }
    .tabsectionrow { padding: 100px 0px 50px; }
    .tabimgcontent { display: none; }
    .tabvertical ul { display: flex; flex-wrap: wrap; }
    .tabvertical ul li, .tabvertical ul li.hoverselected, .tabvertical ul li:last-child, .tabvertical ul li:hover { width: 50%; padding: 0px 12px; border: none; background-color: transparent; margin-bottom: 50px; }
    .tabvertical ul li:hover::before, .tabvertical ul li.hoverselected::before, .tabvertical ul li::before { top: auto; bottom: 5px; right: 12px; }
    .tabvertical ul > li a { flex-wrap: wrap; }
    .mobileimg { display: inline-block; }
    .tabvertical ul > li .mobileimg { margin-bottom: 15px; }
    .tabsectionrow .rightvectontop, .aboutelement .leftvectontop { top: 0px; }
    .panarollartext .mb-50 { margin-bottom: 10px; }
    .triangelmasking, .maskimgrow { mask-image: none; -webkit-mask-image: none; display: inline-block; vertical-align: top; width: 100%; }
    .textsticky, .maskingstickyrow { position: relative; top: 0px; }
    .maskimgcaption { opacity: 1; padding: 100px 0px; display: flex; align-items: center; }
    .textsticky h2 { margin-bottom: 30px; }
    .minusimgcol { margin: 0px; }
    .h-spacer, .rightvectontop, .leftvectontop, .rightvectorbottom  { display: none; }
    .logocol { padding: 20px; }
    .partnerelem.mb-200 { margin-bottom: 60px; }
    .careershome .boxcaption { max-width: 50%; width: 100%; }
    .datecol { margin-bottom: 15px; }
    .maskimgrow .mb-150 { margin-bottom: 50px; }
    .blogtitlecontent h4 { font-size: 18px; }
    .blogtitlecontent h4::before { opacity: 1; background-image: url(../images/btn-arrow-orange.svg); background-size: 14px; width: 14px; height: 14px; top: 5px; }
    .careershome .boxcaption p { margin-bottom: 20px; }
    .calltoaction a { letter-spacing: -1px; }
    .footerlinkcol ul li { font-size: 20px; margin-bottom: 15px; }
    .addresscol p br { display: none; }
    .addresscol { font-size: 18px; }
    .socailinfocol { margin-top: 50px; }
    .socialicon { margin-bottom: 20px; }
    .contactinfo { margin-bottom: 0px; }
    .calltoaction a::after { min-width: 26px; height: 26px; background-size: 26px; }
    .tabvertical ul > li strong { font-size: 30px; }
    .thankyoupage { padding-top: 100px; }
    .thankyoupage p br { display: none; }
    .footermain h3 { margin-bottom: 20px }
    .toppageoffset { margin-top: 100px; }
    .blogsingletop h1 { font-size: 30px; }
    .leftminusimgcol { margin-left: -45px; }
    .paginav a, .paginav span { width: 40px; height: 40px; line-height: 40px; }
    .blogdetailcontent{padding: 50px 50px 30px;}
    .blogdetailcontent h2{font-size: 40px;letter-spacing: -1.5px;}
    .blogdetailcontent h3{font-size: 26px;letter-spacing: -1.5px;}
    .blogdetailcontent h4{font-size: 20px;letter-spacing: -1.5px;}
    .blogdetailrow h1{margin-bottom: 0px;}
    .cntdetail, .addresscontact {font-size: 20px;}
    .cntdetail i, .addresscontact i{width: 28px;}
    .pageoffsetbanner {margin-top: 76px;}
    .form-control{font-size: 16px;padding: 15px;}
    .careerstoprow .rightvectorbottom{right: 0px;bottom: -50px;}
    .accordion-button span {margin-right: 62px;}
    .accordion-body {padding-left: 85px;}
    .accordion-button{font-size: 30px;letter-spacing: -1px;}
    .careersidebar{max-width: 650px;}
    .careerspostrow h2{margin-bottom: 0px;}
    .stickytitle {  padding-bottom: 100px; }
    .faqsaccrow .accordion-button {font-size: 22px;align-items: flex-start; }
    .logogcol img{width: 130px;}
    .missionrow{padding: 100px 0px;}
    .missionimgrow .borderbottom{padding-bottom: 20px;margin-bottom: 20px;}
    .rightimgfloat{padding-left:calc(((100% - 940px) - 24px) / 2)}
    .rightimgfloat .mb-100{margin-bottom: 50px;}
    .aboutprodrow h3 { margin-bottom: 20px; }
    /* .stickyhrwrapper, .horizontawrapper{display: block;} */
    .horizontawrapper{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;}
    .horizontalcontent{min-width: initial;margin: 0px;}
    .horizontawrapper {padding-left: calc(((100% - 930px) - 24px) / 2);padding-right: calc(((100% - 930px) - 24px) / 2);}
    .infradevlopecol{padding-left: 0px;}
    /* .horizontawrapper .slick-slide{padding: 0px 12px;}
    .horizontawrapper .slick-dots{left: 0px;padding-bottom: 5px;} */
    /* .yearimgcontent{display: flex;align-items: flex-start;}
    .timelineimg{flex-shrink: 0;}
    .timlinecontent{flex-grow: 1;padding-left: 30px;} */
    .milestonesrow .mb-100{margin-bottom: 20px;}
    .supportstepacc .accordion-body {padding-right: 85px;}
    .supportrow .mb-50{margin-bottom: 0px;}
    .missionimgrow{margin-bottom: 50px;}
    .titleproject{padding: 20px;}
    .titlecontentrow.mb-100 {margin-bottom: 30px;}
    .ouroffering .mb-50{margin-bottom: 30px;}
    .mb-30{margin-bottom: 20px;}
    .aboutelement h4 { margin-bottom: 20px; }
    .textproductrow.mb-100{margin-bottom: 50px;}
    .rightsmcol{display: none;}
    .leftslider img{width: 100%;}
    .slick-arrow {width: 36px;height: 36px;}
    .leftslider .slick-arrow {top: -50px;transform: none;left: auto;right: 0px;}
    .leftslider .slick-prev{right: 45px;}
    .protblrow{padding-right: 12px;}
    .dt-layout-full{overflow-x: scroll;}
    .protopoffset {margin-top: 70px;}
    .protopbanner {padding-bottom: 50px;}
    .protopbanner .boxcaption{left: 20px;right: 20px;height: 50px;}
    .aboutelement .brandbottomleft{bottom: -100px;left: 0px;}
    .productlistingtop .brandbottomleft{bottom: -50px;left: -20px;}
    .topherosection {padding: 70px 30px 0px;}
    .footermain h3{font-size: 30px}
}
/*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) {
    h1, h2 { font-size: 36px; }
    .text-30, .text-30 h2, .text-30 h1 { font-size: 20px; line-height: 30px; }
    .text-100, .text-100 h1, .text-100 h2, .text-100 h3 { font-size: 50px; }
    .text-400 { font-size: 120px; letter-spacing: -5px; }
    .text-300 {font-size: 90px; }
    .maskingstickyrow { height: 70vh; }
    .minusimgcol { margin-top: 40px; }
    .aboutelement .mb-50 { margin-bottom: 20px; }
    .calltoaction a::after { margin-right: 10px; }
    .leftminusimgcol { margin-left: -35px; }
    .cntdetail, .addresscontact{font-size: 18px;}
    .cntdetail {margin-right: 15px;}
    .infodetail{margin-bottom: 30px;}
    .cntdetail i, .addresscontact i{margin-right: 10px;}
    .frmcntbg{margin-top: -50px;padding-top: 50px;}
    .accordion-button span {margin-right: 30px;}
    .accordion-body {padding-left: 55px;}
    .accordion-button::after{width: 30px;height: 30px;background-size: 14px;}
    .whychoosrow .row [class*="col-"]{margin-bottom: 24px;}
    .whychoosrow.mb-250, .careergalrow.mb-250{margin-bottom: 70px;}
    .gallerytitle{justify-content: flex-start;}
    .whychoosrow .bordeboxcol img{width: 90px;}
    .gallerytitle {margin-bottom: 10px;}
    .jointitle{margin-bottom: 15px;}
    .accordion-button{font-size: 24px;padding: 25px 0px;}
    .stickytitle{top: 120px;}
    .rightimgfloat {padding-left: calc(((100% - 700px) - 24px) / 2);}
    .missrightimg {width: 50%;padding-left: 12px;}
    .misleftcontent{width: 50%;}
    .aboutprodrow h3{font-size: 24px;letter-spacing: 0px;}
    .horizontawrapper {padding-left: calc(((100% - 675px) - 24px) / 2);padding-right: calc(((100% - 675px) - 24px) / 2);}
    .yearimgcontent{padding-left: 15px;}
    .nuberbox{width: 40px;height: 40px;}
    .nuberbox::before {left: 18px;}
    .horizontalcontent .text-100{font-size: 40px;}
    .offeringcol{margin-top: 30px;}
    .aboutelement .brandbottomleft{display: none;} 
    /* .infradevlopecol, .yearimgcontent{padding-left: 0px;}
    .timelineimg{width: 30%;}
    .nuberbox {display: none;}
    .infradevlopecol{padding-top:20px;}
    .yearcol{padding-bottom: 20px;}
    .timlinecontent{width: 70%;} */

}
@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) {
    .container { padding: 0px 20px; }
    h1, h2 { font-size: 26px; letter-spacing: -1px;margin-bottom: 15px; }
    h3 { font-size: 24px; letter-spacing: -1px;margin-bottom: 15px; }
    h4{font-size: 20px;}
    p { margin-bottom: 15px; }
    .text-130, .text-130 h1, .text-130 h2, .text-130 h3 { font-size: 45px; }
    .text-30, .text-30 h2, .text-30 h1 { font-size: 18px; line-height: 26px; }
    .text-400 { font-size: 60px; letter-spacing: -2px; }
    .text-300 { font-size: 50px;letter-spacing: -2px; }
    .text-100, .text-100 h1, .text-100 h2, .text-100 h3 { font-size: 45px; }
    .text-48, .text-48 h2, .text-48 h3, .text-48 h4{font-size: 24px;}
    .mb-250 { margin-bottom: 70px; }
    .mb-100{margin-bottom: 50px;}
    .mb-30, .mb-50 { margin-bottom: 20px; }
    .logo img { width: 60px; }
    .logo span { margin-top: 12px; line-height: 1; }
    .navmenu { width: 100%; }
    .topherosection { padding: 0px; flex-wrap: wrap; height: initial; }
    .topvideosfull { height: 450px; }
    .topbannercaption { padding: 130px 0px 0px; }
    .boxcaption { position: relative; top: 0px; bottom: 0px; width: 100%; max-width: 100%; right: 0px; padding: 20px 20px 0px; }
    .rollercontent [class*="col-"] { margin-bottom: 20px; }
    .tabsectionrow { padding: 70px 0px 40px; }
    .tabvertical ul > li strong { font-size: 24px; }
    .tabvertical ul li, .tabvertical ul li.hoverselected, .tabvertical ul li:last-child, .tabvertical ul li:hover { width: 100%; margin-bottom: 30px; }
    .tabvertical ul > li strong { font-size: 24px; margin-left: 15px; }
    .tabvertical ul li:hover::before, .tabvertical ul li.hoverselected::before, .tabvertical ul li::before { bottom: 5px; right: 12px; }
    .maskimgcaption { position: relative; padding: 20px 0px 0px; }
    .triangelmasking::before { display: none; }
    .maskingstickyrow { height: inherit; color: #333; }
    .maskimgrow .mb-150 { margin-bottom: 0px; }
    .blogcolbox { margin-bottom: 30px; }
    .blogcolbox:last-child { margin-bottom: 0px; }
    .logocol, .logocol:hover { width: 50%; padding: 0px 12px 10px; background-color: transparent; }
    .logocol img { width: 120px; }
    .partnerelem h2 { margin-bottom: 20px; }
    .logorow { margin-top: 20px; }
    .partnerelem.mb-200 { margin-bottom: 40px; }
    .careershome .boxcaption { width: 100%; max-width: 100%; padding: 20px 0px 0px; }
    .calltoaction { margin-bottom: 30px; }
    .footermain { padding: 70px 0px; }
    .addresscol { margin-bottom: 30px; font-size: 16px; }
    .socailinfocol { margin-top: 30px; }
    .footerlinkcol ul li { font-size: 16px; }
    .minusimgcol { margin-top: 0px; margin-bottom: 20px; }
    .aboutelement .row [class*="col-"] { order: 3 }
    .aboutelement .row [class*="col-"]:first-child { order: 1 }
    .aboutelement .row [class*="col-"]:last-child { order: 2 }
    .footermain h3 { margin-bottom: 15px }
    .contactinfo  .mb-3 { margin-bottom: 5px !important }
    .leftminusimgcol { margin-left: 0px; }
    .toppageoffset { margin-top: 80px; }
    .blogsingletop .datecol { margin-top: 20px; }
    .blogdetailcontent h2{font-size: 24px;}
    .blogdetailcontent{padding: 20px 0px 0px;}
    .blogdetail{margin-top: 0px;}
    .blogdetailcontent h3{font-size: 22px;letter-spacing: 0px;}
    .blogdetailcontent h4{font-size: 18px;letter-spacing: 0px;}
    .otherblog [class*="col-"]{margin-bottom: 20px;}
    .otherblog [class*="col-"]:last-child{margin-bottom: 0px;}
    .pageoffsetbanner {margin-top: 64px;}
    .pagetopbanner {height: 300px;}
    .pagetopbanner img{object-fit: cover;height: 100%;object-position: 70%;}
    .contactifnorow h2 br{display: none;}
    .cntdetail{margin-bottom: 15px;margin-right: 0px;}
    .infodetail{margin-bottom: 0px;}
    .cntdetail i, .addresscontact i{width: 24px;margin-right: 20px;}
    .contactfrmrow.mb-150{margin-bottom: 50px;}
    .whychoosrow .bordeboxcol{padding: 20px;}
    .whychoosrow .bordeboxcol img{width: 70px;margin-bottom: 10px;}
    .whychoosrow .bordeboxcol h4{font-size: 18px;}
    .accordion-button{font-size: 20px;padding: 20px 0px;}
    .accordion-body{font-size: 18px;}
    .accordion-body h4, .accordion-body h5, .accordion-body h6{font-size: 20px;margin-bottom: 15px;}
    .accordion-body{padding-left: 0px;padding-bottom: 30px;}
    .accordion-button strong{padding-right: 10px;}
    .accordion-button span {margin-right: 20px;}
    .accordion-body ul{margin-bottom: 15px;}
    .careersidebar { padding: 60px 30px; }
    .accordion-button::after {width: 24px;height: 24px;background-size: 12px;}
    .faqsaccrow .brandbottomleft{display: none;}
    .stickytitle{position: relative;top: 0px;padding-bottom: 0px;}
    .stickytitle h2, .stickytitle h1{margin-bottom: 0px;}
    .faqsaccrow .accordion-button{padding: 20px 0px;font-size: 18px;}
    .faqsaccrow .accordion-body {padding-bottom: 15px;}
    .supportstepacc .accordion-body{padding-right: 0px;}
    .horizontawrapper{padding: 0px 20px;grid-template-columns: 1fr;}
    .yearcol {padding-bottom: 20px;}
    .infradevlopecol{padding-top: 20px;}
    .nuberbox::before {height: 21px;top: -21px;}
    .misleftcontent{width: 100%;padding: 0px 20px;}
    .rightimgfloat .mb-100{margin-bottom: 20px;}
    .missrightimg {margin-top: 30px;width: 100%;padding: 0px 20px;}
    .aboutprodrow h3{font-size: 20px;}
    .missionimgrow .borderbottom{letter-spacing: 0px;}
    .missionimgrow [class*="col-"]:first-child{margin-bottom: 30px;}
    .missionimgrow [class*="col-"] .borderbottom:last-child{margin-bottom: 0px;}
    .missionrow{padding: 70px 0px;}
    .aboutherosection .boxcaption{width: 100%;}
    .topvideosfull img, .topvideosfull video{height: 100%;min-height: initial;min-width: inherit;}
    .projectlisting h4::before{top: 8px;}
    .topbannercaption .text-130 { letter-spacing: -2px;}
    .ouroffering .mb-50{margin-bottom: 20px;}
    .productrightrow .prodbtnrow, .productrightrow .prodtextrow{justify-content: flex-start;text-align: left;}
    .prodbtnrow {margin-top: 20px;}
    .imgcaption{padding: 20px;}
    .productmodal{padding: 50px 20px;width: 100%;}
    .keyfeaturecol img{object-fit: cover;height: 350px;}
    .protopbanner .boxcaption{position: absolute;top: auto;height: 30px;}
    .protopbanner {padding-bottom: 30px;}
    .prodimgrow [class*="col-"]:first-child{margin-bottom: 10px;margin-top: 15px;}
    .protopoffset {margin-top: 60px;}
    .footermenu1, .footermenu2{width: 100%;}
    .footerlinkcol{flex-wrap: wrap;}
    .footermenu1{margin-bottom: 20px}
    .footermain h3{font-size: 24px}
}

/*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) {
    .cardcol.cardActive { flex: 1; height: 210px; }
}

/*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*/