@media only screen and (min-width:1921px){
}   
@media only screen and (max-width:1680px){
  .title-130, .title-130 h1, .title-130 h2, .title-130{font-size: 110px;}
  .title-70, .title-70 h1, .title-70 h2, .title-70{font-size: 60px;}
  h1, h2, .th2{font-size: 70px;}
  .title-40{font-size: 36px;}
  .hm-innovation-wrap{padding: 0px 70px;}
  .roundmisvission{padding: 100px 0px;height: 100vh;display: flex;align-items: center;justify-content: center;}

}
@media only screen and (max-width:1600px){
}

@media only screen and (min-width:1500px) and (max-width:1600px){
  .horizontawrapper{padding-left: 110px;padding-right: 110px;}
}
@media only screen and (min-width:1537px){
  .container {max-width: 1536px;}
}

@media only screen and (max-width:1440px){
  .title-130, .title-130 h1, .title-130 h2, .title-130 {font-size:100px;}
  .title-70, .title-70 h1, .title-70 h2, .title-70{font-size: 50px;}
  h1, h2, .th2{font-size: 60px;}
  h3, .th3{font-size: 40px;}
  h4{font-size: 24px;}
  .text-30{font-size: 24px;}
  .mb-250{margin-bottom: 150px;}
  .mb-150{margin-bottom: 100px;}
  .title-40, .applicationrow .row h4, .leftimgrigtcontent h4{font-size: 28px;}
  .ptb-250{padding-bottom: 150px;padding-top: 150px;}
  .graytextrow {margin-bottom: 200px;}
  .rightminus { margin-right: -72px;}
  .hm-innovation-wrap{padding: 0px 50px;}
  .hm-innovation-content{padding: 100px 100px 0px;}
  .brandobjectcetner{width: 500px;}
  .brandleftbottom, .rightbottom {width: 350px;}
  .rightinnovatecol{margin-bottom: 100px;}
  .footerlink ul li + li { margin-left: 25px;}
  .sectionrowpage{padding-top: 150px;}
  .menuoffcanvas{padding-top: 100px;}
  .menuobject{width: 220px;}
  .menuitem > ul >li{margin-bottom: 30px;}
  .infrahomerow {padding-bottom: 150px;}
  .infrahomerow .mb-100{margin-bottom: 50px;}
  .hm-productionrow .mb-100{margin-bottom: 50px;}
  .innovatebgcol{padding: 30px;}
  .vismisimg{width: 70%;margin-bottom: 30px;}
  .fullscrcaption img{max-width: 300px;}
  .tab-nav-custom li{margin-bottom: 60px;}
  .rightabcontent .leftpad-100{padding-left: 50px;}
  .whatwestandrow .mb-100{margin-bottom: 50px;}
  .offcanvas .rightbottom{width: 130px;}
  .teamModal .offcanvas-body{padding: 70px 100px;position: relative;}
  .teamModal.offcanvas.offcanvas-end {width: 750px;}
  .productimg{padding: 0px 50px;}
  .servimgcol .rightbottom{width: 180px;}
  .horizontawrapper {padding-left: 60px;padding-right: 60px;margin-bottom: 70px;}
  .textrightItem {margin-top: 30px;}
  .appcaption{min-height: 170px;padding: 85px 30px 30px;}
  .nav-link{font-size: 30px;padding: 30px 0px;}
  .footermain{padding: 100px 0px;}
  .modal-body {padding: 50px 70px;}
  .modal-content{border-radius: 10px;}
  .blogrightcol {margin-top: 50px;}
  .trandingslider  .datecol {font-size: 16px;line-height: 20px;}
  .bloglistinrow .mb-100{margin-bottom: 70px;}
  .contactinfo{font-size: 18px;}
  .contactinfo i{width: 30px;margin-right: 15px;}
  .careerspostrow .mb-100{margin-bottom: 50px}
  .hm-vertical-image .hm-vertical-image-wrap {
  
    padding: 0px 50px;
}
}

@media only screen and (max-width:1366px){
  .title-130, .title-130 h1, .title-130 h2, .title-130 {font-size:80px;}
  .rightminus {margin-right: -117px;}
  .title-40, .applicationrow .row h4, .leftimgrigtcontent h4{font-size: 30px;line-height: 40px;}
  h5{font-size: 20px;}
  .stickyhrwrapper{top: 9vh;}
  .horizontawrapper{padding-left: 100px;padding-right: 120px;}
}

@media only screen and (max-width:1280px){
  .rightminus {margin-right: -74px;}
  .horizontawrapper {padding-left: 62px;padding-right: 80px;}
}

@media only screen and (max-width:1200px){
  body{font-size: 16px;line-height: 26px;}
  .title-130, .title-130 h1, .title-130 h2, .title-130 { font-size: 70px;}
  .title-70, .title-70 h1, .title-70 h2, .title-70{font-size: 45px;}
  .title-50{font-size: 40px;}
  h1, h2, h3, h4, h5, h6, .th3, .th2{letter-spacing: 0px;}
  h1, h2, .th2 {font-size: 50px;}
  h3, .th3 {font-size: 35px;}
  h4{font-size: 20px;}
 .title-40, .applicationrow .row h4, .leftimgrigtcontent h4 {font-size: 24px;line-height: 34px;}
  .rightminus {margin-right: 0px;}
  .mainheader, .mainheader.sticky{padding: 10px 0px;}
  .mainheader.sticky .logo a img, .logo a img{width: 100px;}
  .toppageoffset { margin-top: 100px;}
  .mb-150{margin-bottom: 100px;}
  .ptb-250{padding-bottom: 100px;padding-top: 100px;}
  .mb-250{margin-bottom: 100px;}
  .mb-100{margin-bottom: 50px;}
  .mb-50{margin-bottom: 30px;}
  .mb-40{margin-bottom: 25px;}
  .brandobjectcetner {width: 450px;}
  .graytextrow {margin-bottom: 100px;}
  .leftradius{border-radius: 10px;}
  .btn-theme, .btn-theme:hover, .btn-border-hover, .btn-border-hover:hover, .btn-outline{font-size: 16px;padding: 12px 15px;}
  .btn-theme-submit input[type="submit"]{font-size: 16px;padding: 12px 45px 12px 15px;}
  .innovatebgcol{padding: 30px;}
  .innovatebgcol i{margin-right: 30px;}
  .hm-innovation-wrap{height: initial;padding: 0px 30px;}
  .hm-innovation-img{position: relative;top: 0px;}
  .hm-innovation-content{position: relative;padding: 50px 0px 0px;}
  .brandleftbottom, .rightbottom {width: 250px;}
  .hm-innovation-content{color: #555;}
  .innovatetilesticky{top: 100px;margin-bottom: 50px;}
  .innovatetilesticky h4{color: #333;}
  .rightinnovatecol{margin-bottom: 50px;}
  .rightinnovatecol:last-child{margin-bottom: 0px;}
  .menuobject{width: 250px;}
  .menuoffcanvas{padding-top: 80px;}
  .menuoffcanvas .closebtn{padding: 0px;top: 20px;right: 20px;}
  .menuitem > ul >li{margin-bottom: 30px;}
  .menuitem > ul >li a{font-size: 30px;}
  .sectionrowpage {padding-top: 100px;}
  .pagenotfound{max-width: 250px;}
  .hm-generations .rightbottom{width: 200px;}
  .circleclipath{clip-path: initial;height: inherit;padding: 100px 0px 0px;}
  .textanimation1, .textanimation2{opacity: 1;position: relative;transform: none;left: 0px;}
  .textanimation1{margin-bottom: 30px;}
  .infrahomerow{padding-bottom: 100px;}
  .hm-productionrow .mb-100, .threadstext{margin-bottom: 30px;}
  .hm-productionrow .mb-30{margin-bottom: 20px;}
  .br15{border-radius: 10px;}
  .mb-25{margin-bottom: 15px;}
  .bannertopoffset {margin-top: 57px;}
  .textwidth{margin-bottom: 30px;}
  .leftpad-100 {padding-left: 50px;}
  .roundmisvission {clip-path: initial;height: initial;position: relative;display: block;}
  .tab-img{opacity: 1;position: relative;display: none;}
  .vismisanimation{width: 100%;}
  .vismissionrow .h-100vh{display: none;}
  .imgflag::after{background-repeat: no-repeat;background-size: 50px;width: 50px;}
  .tab-nav-custom li{margin-bottom: 30px;}
  .vismisimg{width: 100%;}
  .whatwestandrow .mb-100{margin-bottom: 30px;}
  .imgslider .slick-list{border-radius: 10px;}
  .galleryitems .row{margin-bottom: 50px;}
  .textitemcol{padding: 40px 0px;}
  .table{margin-bottom: 20px;}
  .stickyhrwrapper{position: relative;display: block;top: 0px;width: 100%;}
  .horizontawrapper{display: block;}
  .iconitemcol{width: 100%;padding: 20px;}
  .horizontawrapper{padding: 0px 32px;margin-bottom: 50px !important;}
  .iconitemcol img{height: 180px;}
  .h-spacer{display: none;}
  .appcaption {min-height: 120px;padding: 50px 20px 30px;}
  .nav-link{font-size: 24px;}
  .galleryitems .row:nth-child(odd) [class*="col-"]:last-child{margin-bottom: 100px;}
  .table{border-radius: 10px;}
  .table > thead > tr > th:last-child {border-radius: 0px 10px 0px 0px;}
  .table > thead > tr > th:first-child {border-radius: 10px 0px 0px 0px;}
  .table > tbody > tr:last-child > td:last-child {border-radius: 0px 0px 10px 0px;}
  .table > tbody > tr:last-child > td:first-child {border-radius: 0px 0px 0px 10px;}
  .footermain{padding: 70px 0px;}
  .bloglistinrow .mb-100{margin-bottom: 50px;}
  .trandingslider{padding-bottom: 10px;}
  .catagoryrow.mb-150{margin-bottom: 80px;}
  .blogrightcol {margin-top: 0;}
  .blogthumbdetail .blogrightcol{margin-top: 50px;}
  .careersiconbg{clip-path: initial;}
  .iconslider .slick-dots li button:before{background-color: #fff;}
  .careersbenefitsrow .h-100vh{display: none;}
  .careersidebar{width: 70%;padding: 100px 50px 100px;}
  .careersidebar .rightbottom{width: initial;}
  .clipathredbg{clip-path: initial;position: relative;top: 0px;}
  .circleobject{transform: scale(1);width: 200px;}
  .clipredsection .h-100vh{display: none;}
  .mt-50 {margin-top: 30px;}
  .careerspostrow .mb-100{margin-bottom: 30px}
  .imgclippath {
   
    clip-path: inherit;
}
.hm-vertical-image .hm-vertical-image-wrap {
    padding: 0px 34px;
}

.hm-tapeline-it a.btn-theme {
    margin-top: 30px;
}


.hm-tapeline-it .slick-dots {
    bottom: -30px;
}
.hm-vertical-image .hm-vertical-image-wrap {
    height: 60vh;
  
}
.hm-tapeline-tci-img {
    padding: 0px 20px;
}
}

@media only screen and (max-width:1152px){}
/*Desktop Media Ends*/

@media only screen and (max-width:991px){
    .title-130, .title-130 h1, .title-130 h2, .title-130 {font-size: 60px;}
    .title-70, .title-70 h1, .title-70 h2, .title-70 {font-size: 30px;}
    h1, h2, .th2 {font-size: 40px;}
    h3, .th3{font-size: 30px;}
    .innovatebgcol i{width: 80px;}
    .rightinnovatecol { margin-bottom: 30px;}
    .innovatetilesticky{margin-bottom: 0px;}
    .footermenu .row{flex-direction: column-reverse;}
    .footerlink ul{flex-wrap: wrap;}
    .footerlink ul li + li {margin-left: 15px;}
    .logofooter{margin-bottom: 15px;}
    .graytextrow {margin-bottom: 70px;}
    .circleclipath .brandobjectcetner{margin-top: 50px;}
    .textanimation1 {margin-bottom: 20px;}
    .infrahomerow .mb-100{margin-bottom: 30px;}
    .hmpr-top.mb-30 {margin-bottom: 10px;}
    .hm-productionrow .mb-100{margin-bottom: 20px;}
    .paraimgrow{height: 600px;}
    .paraimgrow  img{object-fit: cover;height: 100%;}
    .stralogo {margin-bottom: 20px;}
    .fullscrcaption img{width: 200px;}
    .rightabcontent .leftpad-100{padding-left: 0px;}
    .textwidth{width: 100%;}
    .teamModal.offcanvas.offcanvas-end{width: 100%;}
    .galleryitems .row:nth-child(odd) [class*="col-"]:last-child{margin-bottom: 50px;}
    .textrightItem{margin-top: 0px;}
    .textitemcol {padding: 30px 0px;}
    .leftstickycol {top: 30vh;}
    .horizontawrapper{padding: 0px 20px;}
    .starlingerlogo img{width: 120px;}
    .nav-link {font-size: 20px;}
    .trandingslider{margin: 0px -12px;}
    .blogstickyrow .leftpad-100{padding-left: 0px;}
    .blogstickyrow, .blogthumbdetail{padding-top: 10px;}
    .blogthumbdetail .blogrightcol {margin-top: 30px;}
    .blogdetailcontent h2{font-size: 36px;}
    .contactinfo{width: 100%;}
    .contactinfo.mb-30{margin-bottom: 20px;}
    .contactinfo i{margin-right: 20px;}
    .contactpagetop .mb-30{margin-bottom: 10px;}
    .careersidebar{width: 85%;}
}


@media only screen and (max-width:767px){
  .container{padding: 0px 20px;}
  h1, h2, .th2 { font-size: 30px;}
  h3, .th3 {font-size: 24px;}
  h5, h4{font-size: 18px;line-height: 24px;}
  .title-130, .title-130 h1, .title-130 h2, .title-130 { font-size: 40px;}
  .title-70, .title-70 h1, .title-70 h2, .title-70 { font-size: 24px;}
  .title-50{font-size: 30px;}
  .text-30{font-size: 20px;}
  .mb-100{margin-bottom: 50px;}
  .mb-50{margin-bottom: 20px;}
  .mb-150, .mb-250{margin-bottom: 50px;}
  .ptb-250{padding-top: 50px;padding-bottom: 50px;}
  .topherosecrow  .row{flex-direction: column-reverse;}
  .topherosecrow h1{letter-spacing: -1px;}
  .mainheader.sticky .logo a img, .logo a img{width: 80px;}
  .toppageoffset {margin-top: 70px;}
  .videoimgmask{margin-bottom: 20px;}
  .infrahomerow .mb-250{margin-bottom: 30px;}
  .title-40{font-size: 20px;line-height: 26px;}
  .brandobjectcetner{display: none;}
  .graytextrow{margin-bottom: 30px;}
  .hmpr-content{margin-bottom: 20px;}
  .hm-innovation-wrap{padding: 0px 20px;}
  .hm-innovation-content{padding-top: 30px;}
  .hm-innovation-content .container{padding: 0px;}
  .innovatebgcol i{margin-bottom: 10px;margin-right: 15px;}
  .inotitleriht span{margin-bottom: 10px;}
  .inotitleriht h5{line-height: 24px;}
  .hm-generations .row [class*="col-"]:first-child{margin-bottom: 20px;}
  .hm-blogtitle .row [class*="col-"]:first-child{margin-bottom: 20px;}
  .bloglisthome [class*="col-"]{margin-bottom: 30px;}
  .bloglisthome [class*="col-"]:last-child{margin-bottom: 0px;}
  .innovatetilesticky{position: relative;top: 0px;}
  .footermain{padding: 50px 0px;}
  .footerfrmrow > [class*="col-"]:first-child{margin-bottom: 30px;}
  .brandleftbottom, .rightbottom { width: 110px;}
  .footerlink ul li{width: 50%;padding-right: 10px;margin-bottom: 5px;}
  .footerlink ul li + li{margin-left: 0px;}
  .footermenu{padding-bottom: 25px;}
  .footerbottom{flex-wrap: wrap;}
  .socialfooter{margin-bottom: 20px;}
  .menuobject{display: none;}
  .menuoffcanvas .row{flex-direction: column-reverse;}
  .menucontact{margin-bottom: 30px;margin-top: 20px;}
  .menuitem > ul >li{margin-bottom: 20px;}
  .menuitem > ul >li a { font-size: 24px;}
  .menucontact h5{letter-spacing: 0px;}
  .menuoffcanvas { padding-top: 60px; }
  .sectionrowpage {padding-top: 80px;}
  .pagenotfound{max-width: 180px;margin-bottom: 20px;}
  .sectionrowpage p br{display: none;}
  .hm-generations .rightbottom{width: 110px;}
  .infrahomerow{padding-bottom: 50px;}
  .circleclipath{padding-top: 50px;}
  .bannercaption{padding-bottom: 30px;}
  .bannertopoffset {margin-top: 47px;}
  .leftpad-100{padding-left: 0px;}
  .textwidth{margin-bottom: 15px;}
  .textleftirightimg .row [class*="col-"]:first-child{margin-bottom: 20px;}
  .imgflag::after {background-size: 40px;width: 40px;height: 28px;}
  .fullimgcontentrow .brandleftbottom{display: none;}
  .fullscrcaption{text-align: center;}
  .fullscrcaption img {width: 150px;}
  .paraimgrow {height: 500px;}
  .roundmisvission{padding: 50px 0px;}
  .tab-nav-custom{display: flex;flex-wrap: wrap;}
  .tab-nav-custom li{margin-bottom: 20px;margin-right: 20px;}
  .vismisimg{margin-bottom: 20px;}
  .whatwestandrow .mb-100 {margin-bottom: 20px;}
  .teamModal .offcanvas-body{padding: 70px 20px;}
  .teamcol{margin-bottom: 30px;}
  .teamcol:last-child{margin-bottom: 0px;}
  .teamimg{margin-bottom: 15px;}
  .teamimg .squerbtn{opacity: 1;top: 15px;right: 15px;}
  .leftstickycol{display: none;}
  .textitemcol{opacity: 1;}
  .horizontawrapper{padding: 0px 8px;}
  .stickymainwrapper .brandleftbottom{display: none;}
  .galleryitems .row [class*="col-"]{margin-bottom: 30px;}
  .galleryitems .row:nth-child(odd) [class*="col-"]:last-child{margin-bottom: 30px;}
  .galleryitems .row{margin-bottom: 0px;}
  .galleryitems .row:last-child [class*="col-"]:last-child{margin-bottom: 0px;}
  .appitems img{width: 100%;}
  .starlingerlogo{margin-bottom: 10px;}
  .titleopt{margin-bottom: 15px;}
  .tabcontentrow .nav{flex-wrap: nowrap;margin-bottom: 20px;overflow-x: auto;-webkit-overflow-scrolling: touch;margin-top: 20px;}
  .nav-pills .nav-link{flex-shrink: 0;margin-right: 15px;}
  .nav-link{padding: 0px 0px 10px;}
  .nav-link span{margin-right: 10px;}
  .table tr th, .table tr td{padding: 8px 15px;font-size: 15px;}
  .iconitemcol i{margin-bottom: 20px;}
  .rightonlytextrow h2 br, .pagetopbanner .rightbottom{display: none;}
  .prodpagebanner .bannercaption{padding-bottom: 30px;}
  .productimg{padding: 0px 20px 10px;}
  .mobileimg{display: inline-block;}
  .textitemcol .mobileimg{margin-bottom: 15px;}
  .nav-pills .nav-link:last-child{border-bottom: 1px solid #ddd;}
  .prodpagebanner .h-100vh{height: 450px;}
  .prodpagebanner img{object-position: right;}
  .modal-body {padding: 50px 30px;}
  .modal-content h3 {margin-bottom: 20px;}
  .blogrightcol{margin-top: 20px;}
  .catagoryrow a{margin: 0px 5px 10px;}
  .catagoryrow.mb-150{margin-bottom: 40px;}
  .trandingslider .slick-dots{text-align: left;padding-left: 8px;}
  .form-control{padding: 12px 15px;}
  .blogthumbdetail .blogrightcol {margin-top: 20px;}
  .blogrightcol h1{margin-bottom: 0px;}
  .blogdetailcontent h2, .blogdetailcontent h3, .blogdetailcontent h4{padding-top: 0px;margin-bottom: 15px;}
  .blogdetailcontent h2 {font-size: 26px;}
  .blogdetailcontent h3{font-size: 22px;}
  .blogdetailcontent h4{font-size: 18px;}
  .contactimgleft{margin-bottom: 20px;}
  .contactdetailrow .row [class*="col-"]:first-child,
  .leftimgrigtcontent .row [class*="col-"]:first-child{margin-bottom: 30px;}
  .contactpagetop .mb-30{margin-bottom: 0px;}
  .accordion-button{padding: 12px 20px;font-size: 24px;}
  .accordion-body{padding: 20px;}
  .accordion-button{border-radius: 10px;}
  .careerspostrow .mb-30{margin-bottom: 20px;}
  .galleryrow .mb-100{margin-bottom: 20px;}
  .whatwestandrow img{width: 100%;}
  .vidimgrow [class*="col-"]{margin-bottom: 20px;}
  .vidimgrow [class*="col-"]:last-child{margin-bottom: 0px;}
  .contentstickyrow .mb-50{margin-bottom: 0px;}
  .iconitemcol{min-height: 290px;}
  .careerspostrow .mb-100{margin-bottom: 20px}
  .hm-redefining-tci .mb-100 {
    margin-bottom: 20px;
}
.hm-tapeline-it-icon {text-align: center;}
.hm-tapeline-it-icon {
    background-color: #F5F5F5;
    padding: 20px;
}
.hm-vertical-image .hm-vertical-image-wrap {
    padding: 0px 10px;
}

.hm-vertical-image .img-box {
    width: 100%;
    padding: 5px;
}
.hm-vertical-image .hm-vertical-image-wrap {
    height:40vh;
}
}

@media only screen and (max-width:375px){
  h1, h2, .th2{font-size: 26px;}
}