@media screen and (min-width: 0px) and (max-width:1440px){

}
@media screen and (min-width: 0px) and (max-width:1365px){
  h1 {
    font-size: 40px;
    line-height: 50px;
  }
  h2 {
    font-size: 35px;
    line-height: 45px;
  }
  h3 {
    font-size: 30px;
    line-height: 40px;
  }
  h4 {
    font-size: 25px;
    line-height: 35px;
  }
  h5 {
    font-size: 20px;
    line-height: 30px;
  }
  h6 {
    font-size: 16px;
    line-height: 24px;
  }

  header { width: 100%; top: 0; border-radius: 0;}
 
}
@media screen and (min-width: 0px) and (max-width:1280px){
  .TB-Space { padding: 30px 0;}
  .homeBannerSection.TB-Space { padding: 70px 0 40px;}
  .ourServicesSection .innerContainer:first-child { text-align: center; padding: 10px 20px 20px;}
  .fromGetInfoSection .wp-8 { padding-right: 0px;}
}
@media screen and (min-width: 0px) and (max-width:1180px){
  
}
@media screen and (min-width: 0px) and (max-width:1024px){
  

  
}

@media only screen and (max-width:992px){  
  .TB-Space { padding: 20px 0;}
  #page-wrap {
    padding-top: 80px;
}
  header { top: 0; width: 100%; border-radius: 0;}
  section.homeBannerSection.TB-Space { padding-top: 0;}
  .homeBannerSection .BannerleftSide { width: 100%; order: 1; padding: 50px 0 20px; text-align: center;}
  .homeBannerSection .BannerRightSide { width: calc(100% + 40px);  overflow: hidden; margin: 0 -20px;}
  .homeBannerSection .BannerleftSide .subTitleBox { margin: 0 auto; text-align: center;}
  .homeBannerSection .BannerleftSide .buttonRow.flexWrap { justify-content: center; align-items: center;}
  .ComplianceThumbBox .cardText { opacity: 1;}
  .ComplianceThumbBox.slick-current .cardText h6 { font-weight: 600; color: #000000;}

  .customerStoriesGrid .customerStoriesBox { padding: 10px 10px; width: 50%;}
  .aboutUsDescription { max-width: 95%; margin: 30px auto 50px; text-align: center;}
  .aboutUsDescription .btnRow { padding: 10px 0;}
  .flexWrap.aboutList { padding-bottom: 30px;}

  .aboutList .wp-3 { padding: 10px;}

  .signageSection .wp-2, .printingSection .wp-2 { width: 33.33%;}
  .infraSection .infralist { width: 33.33%; margin: 0 auto;}

}

@media screen and (min-width: 0px) and (max-width: 896px) {
  @media all and (orientation: landscape) {

  }
  @media all and (orientation: portrait) {

  }  
  #page-wrap { padding-top: 70px;}  
  .innerContainer, .homepageSection .banner-caption .container { padding: 0 20px;}
  nav.main-menu { padding-left: 20px;}
  .homepageSection .carousel-actions { padding-right: 30px;}

  .getIntouchFormSection .formTitleSection .subTitleBox { margin: 20px auto 10px;}

  .header .logo_wrapper { width: calc(100% - 30px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .header .logo_wrapper a {  margin: auto;}
  .header .logo_wrapper img { height: 30px;}
  .sticky .logo_wrapper img { height: 25px;}
 
  
  /* burgurMenu_Start */
  .mobile_nav { display: block; width: 30px;}
  #burgurMenu { width: 30px; height: 30px; position: relative; transform: rotate(0deg); transition: all .5s ease-in-out; cursor: pointer; z-index: 9999;
    right: 0px; top: 0; bottom: 0;}
  #burgurMenu span { position: fixed; background: #ffffff; height: 3px; width: 25px; border-radius: 50px; opacity: 1; left: 0; right: 0; transform: rotate(0deg); transition: all .3s ease-in-out;}
  .navActive #burgurMenu span { background: #ffffff;} 
  .activeSearch #burgurMenu span,  .sticky #burgurMenu span { background: #0f1259; }
  #burgurMenu.active {-webkit-transform: rotate(90deg); transform: rotate(90deg);  margin-top: 0px; transition-delay: 0.1s;}
  #burgurMenu span:nth-child(1) { top: 9px;}
  #burgurMenu span:nth-child(2) { top: 19px;}
  .sticky #burgurMenu span:nth-child(2) { top: 18px;}
  #burgurMenu.active span:nth-child(2) { top: 15px; left: 3px;}
  #burgurMenu.active span {  -webkit-transform: rotate(45deg); transform: rotate(45deg);  margin-top: 0px; transition-delay: 0.3s;}
  #burgurMenu.active span:nth-child(1) { top: 4px; left: 2px; -webkit-transform: rotate(-45deg);  transform: rotate(-45deg); margin: 11px 0px 0 0;}
  #burgurMenu { display: -webkit-box; display: -ms-flexbox; display: flex;}
  /* burgurMenu_Start */

/* Nav css start */
  .navigation {  padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: flex-start;}
  .navigation { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start;
    align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;    
  }
  .navActive { overflow: hidden;}  
  nav.main-menu { position: fixed; background-color: #fdfdfd; z-index: 999; opacity: 0; visibility: hidden; box-shadow: 0px 0px 1px #000000; 
    -webkit-box-shadow: 0px 0px 1px #000000; height: -webkit-max-content; height: -moz-max-content; height: max-content; width: 100%; height: 100%; 
    top: -100%; right: 0; left: 0; bottom: 0; padding: 75px 0 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
  }  
  nav.main-menu.active { opacity: 1; visibility: visible; top: 70px; padding-top: 30px; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;  }
  nav.main-menu.active > ul.navigation { width: 100%; height: 100%; padding-top: 30px; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; 
    -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start;
     -ms-flex-align: start; align-items: flex-start; background: #FFF; -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.15); 
     box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.15); 
  }  
  .navActive ul.navigation li.has-submenu { display: block; width: 100%; padding: 10px 20px; }
  .navActive .main-menu li.has-submenu.active > ul { padding-left: 15px; position: relative; display: block; top: 0; width: 100%; box-shadow: none; border-radius: 0;}
  .main-menu ul.navigation li.has-submenu > ul > li.has-submenu:not(.open-left) > ul,
  .main-menu ul.navigation li.has-submenu > ul > li.has-submenu > ul { position: relative; left: 0; top: 0; padding: 5px 20px; max-height: 100%; height: 100%; overflow: visible; }  
  .navigation li { padding: 15px 5px; list-style: none; width: 100%;}
  .navActive nav .navigation > li a { padding: 10px 35px 10px 10px; }
  .navActive nav .navigation li a { color: #0F1259;  font-size: 20px;} 
  .main-menu ul.navigation li.has-submenu > ul > li > a  { font-size: 18px;}
  .main-menu ul.navigation li.has-submenu > ul > li.has-submenu > ul li a { font-size: 16px;}
  .navActive ul.navigation li.has-submenu > a::before { -webkit-filter: none; filter: none; right: 0; top: 12px;  width: 20px;
    height: 25px; background: url(../images/learnMoreArrow.svg) no-repeat; background-size: 23px;}
  .navigation li:last-child a {     margin-left: 0; border: 0; border-radius: 0;}  
  
  .navActive .main-menu li.identifier { -webkit-animation-name: identifier; animation-name: identifier;
  -webkit-animation-duration: 1s;	animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0;}

  @keyframes identifier {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        transform: none;
    }
  }
 
  /* .mobileMenu.active .mainNavmenu li {  -webkit-animation-delay:0.3s; animation-delay: 0.3s;} */
  .navActive .main-menu .navigation > li:nth-child(1).menudelay2s{-webkit-animation-delay:0.4s; animation-delay:0.4s;}
  .navActive .main-menu .navigation > li:nth-child(2).menudelay2s{-webkit-animation-delay:0.5s; animation-delay:0.5s;}
  .navActive .main-menu .navigation > li:nth-child(3).menudelay2s{-webkit-animation-delay:0.6s; animation-delay:0.6s;}
  .navActive .main-menu .navigation > li:nth-child(4).menudelay2s{-webkit-animation-delay:0.7s; animation-delay:0.7s;}
  .navActive .main-menu .navigation > li:nth-child(5).menudelay2s{-webkit-animation-delay:0.8s; animation-delay:0.8s;}
  .navActive .main-menu .navigation > li:nth-child(6).menudelay2s{-webkit-animation-delay:0.9s; animation-delay:0.9s;}
 
  .fromGetInfoSection .wp-8 { padding-right: 0; width: 100%;}
  .fromGetInfoSection .wp-4 {  width: 100%;  text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap; list-style: none; padding-left: 0; padding-top: 50px;
  }
  .fromGetInfoSection .wp-4 .addBox { width: 50%;}


  .footerCopyRight { font-size: 1.25vw; padding-top: 0;}

}
@media only screen and (max-width:820px){  
  .aboutList .wp-3 {  padding: 30px 10px; width: 50%;}
  .aboutCountList .wp-3 { width: 50%; padding: 20px 10px;}
  .flexWrap.aboutCountList { margin-top: 30px;}
  .aboutUsDescription { margin: 30px auto 20px;}
  .flexWrap.aboutList { padding-bottom: 0;}


}
@media screen and (min-width: 0px) and (max-width:768px){
  
  
}
@media screen and (min-width: 0px) and (max-width:720px){ 

  footer { padding: 30px 0 20px;}
  .footerLogoText { width: 100%; padding-bottom: 25px; padding-right: 0;}
  .footerNav, .footerLink {  width: 50%; padding-bottom: 25px;}
  .footerLink.wp-3 { padding-left: 20px;}
  .innerContainer.footerCopyRight { padding-top: 0;}

}
@media screen and (min-width: 0px) and (max-width:640px){
  .fromGetInfoSection .wp-4 { padding-top: 40px;}
  .fromGetInfoSection .wp-4 .addBox:nth-child(2) {  width: 100%;  order: 1;}
  .fromGetInfoSection .wp-4 .addBox { font-size: 16px;}
  
  .fromGetInfoSection form.wpcf7-form > p { padding: 0;}
  .tagsOnSlide { display: none;}
  .homeBannerSection .tagsOnSlide {position: relative; padding: 10px 0;}
  textarea.wpcf7-textarea { height: 150px;}
  .fromGetInfoSection form.wpcf7-form > p { width: 100%; padding: 0 0; position: relative;}
  .fromGetInfoSection form.wpcf7-form input[type='submit'] { position: relative; bottom: 0; margin: 0 0 30px;  width: 100%; cursor: pointer;}

  .infraSection .infralist { width: 50%; margin: 0 auto; padding: 10px 10px;}

}
@media screen and (min-width: 0px) and (max-width:576px){
  h1 {font-size: 35px; line-height: 45px;}
  h2 {font-size: 30px; line-height: 40px;}
  h3 {font-size: 25px; line-height: 35px;}
  h4 {font-size: 20px; line-height: 27px;}
  h5 {font-size: 18px; line-height: 25px;}
  h6 {font-size: 16px; line-height: 22px;}

  .homeBannerSection .BannerleftSide .btnRow { width: -webkit-max-content !important; width: -moz-max-content !important; width: max-content !important;
     margin: 0 10px !important;}

  .newsCaption-title { color: #000000;}
  .customerStoriesGrid .customerStoriesBox { padding: 10px 10px; width: 100%;}
  .customerStoriesBox .listInnerWrap { border-radius: 0;}
  .customerStoriesBox .listInnerWrap .box { border-radius: 12px;}
  .customerStoriesBox .listInnerWrap .cardText, .newsCaption-title { position: relative; transform: none; background: none; padding: 0;}
  .customerStoriesBox .listInnerWrap h5.newsCaption-title a, .customerStoriesBox .listInnerWrap .newsCaptionHoverContet { color: #000000; border: 0;}
  
  input[type='submit'], input[type=button], input[type=reset], button, .btn { font-size: 14px; min-width: 120px; padding: 9px 10px;}
  .BannerleftSide .btnRow:last-child { margin: 0 15px; width: -webkit-max-content; width: -moz-max-content; width: max-content; text-align: center; }

  .signageSection .wp-2, .printingSection .wp-2 { width: 50%; }
  .infraSection .infralist { width: 50%; margin: 0 auto;}

}
@media screen and (min-width: 0px) and (max-width:480px){
  

}
@media screen and (min-width: 0px) and (max-width:420px){
  .signageSection .wp-2, .printingSection .wp-2 { width: 100%; }
  .aboutList .wp-3 { padding: 20px 0px;  width: 100%; }
  .aboutCountList .wp-3 { width: 100%; padding: 15px 0px; }
  .BannerleftSide .btnRow:last-child {  margin: 0 auto; width: 100%;  text-align: center;}
  
}
@media screen and (min-width: 0px) and (max-width:390px){
 .innerContainer, .homepageSection .banner-caption .container { padding: 0 20px;}
 .fromGetInfoSection .wp-4 .addBox {  width: 100%;  font-size: 16px;}
 .fromGetInfoSection .wp-4 .addBox:nth-child(2) { width: 100%; order: 0;}
 
}

/* portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 360px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    
}
/* portrait */

/* Landscape */
@media only screen
  and (max-device-width: 360px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    
}

@media all and (orientation: landscape) {
      
} 

/* Landscape */

/* Landscape */
@media only screen
  and (min-device-width: 859px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
 
}