@media only screen and (min-width: 1800px) {  
  .sideicon a{
    background-size: 60% auto;
    }
  .stylevideopop div p{
       font-size: 24px;
    }
    .stylevideopop div p strong{
  font-size: 40px;
    }
}
@media only screen and (min-width: 1800px) {  
  .curvecolored{
      background-size: 80% auto;
    }
}
@media only screen and (max-width: 1509px) {  
 .wrapperbanner .banner{
    padding-bottom: 250px;  
  }
}
@media only screen and (max-width: 1400px) {  
  .subsection .top h2{
    font-size: 40px;  
  }
    .stylevideopop{
    grid-template-columns: repeat(2, 1fr) !important; 
   }
}
@media only screen and (min-width: 1201px) {  
   .bannersideimg{
     top: -180px;
    }
}
@media only screen and (max-width: 1200px) {  
    .panel1 .textblk{
      width: 100%;
    }
    .curvecolored{
     background-size: auto 60%;
    }
    .panel4.pullup .textblk{
      width: 100% !important;
    }
     .bannersideimg img{
      max-width: 600px;
    }
    .bannersideimg{
      bottom: -20px;
    }
    .stylevideopop{
    grid-template-columns: repeat(2, 1fr); 
   }
    .bannervideo .hero .hero-content h1,
    .bgcolored h3 {
     font-size: 60px;
      line-height: 60px;
    }
    .bannervideo .hero .hero-content p,
    .bgcolored .indent p { 
      font-size: 28px;
    }
    .bgcolored .indent {
      width: 90%;
    }

}
@media only screen and (max-width: 1084px) {  
    #menu{
      display: none;
    }
    .slicknav_menu {
      display: block;
      z-index: 9000;
      top: 15px;
      width: 100%;
      font-size: 20px;
    }
    .slicknav_menu .slicknav_icon-bar {
      background: #fff !important;
      padding: 2px 6px;
     
    }
    .slicknav_btn {
      background: transparent !important;
      z-index: 5000;
      position: relative;
      right: 30px;
    }
  .slicknav_btn:hover .slicknav_icon-bar{
      background: #fff !important;
   }
   .slicknav_menu > ul{
      height: auto !important;
      background: #0088bb;
      padding: 15px;
      position: relative;
      z-index: 4000;
      font-weight: 600;
    }
    .slicknav_nav li:hover {
 
    }
    .slicknav_nav li:hover a{
      color: #fff;
    }
    .slicknav_menu ul > li > a{
      color: #fff;
      padding: 8px 0;
    }
    .slicknav_menu ul > li > a img{
      width: 25px;
      height: auto;
      display: inline-block;
    }
    .slicknav_menu li ul li a{
      color: #fff;
      padding: 5px 0;
    }
    .slicknav_nav .slicknav_row {
      padding: 5px 0;
    }
    .slicknav_nav .slicknav_arrow{
      font-size: 15px;
    }
    .banner .bottom p,
    .subcontent .bottom p,
    .lntrans p{
       font-size: 18px;
    }
    .photoquote .inside{
      padding-top: 20px;
    }
    .subsection .content .textblk p{
      font-size: 25px;
    }
    .panel4 .textblk {
      width: 100%;
    }
    .bannersideimg img{
      max-width: 450px;
    }

}
@media only screen and (min-width: 1085px) {  
  .slicknav_menu {
     display:none;
  } 

   #menu li:hover > ul{
      display: flex;
      flex-wrap: wrap;
   }  
    #menu li:hover > ul li ul{
      display: flex;
      flex-wrap: wrap;
    }
    /* Two-column dropdown style */
    .dropdown-columns {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
    }  
    .dropdown-columns li{
      display: flex;
      flex-direction: column; 
      
    }
    .dropdown-columns li ul li{
      border-left: 2px solid #0099ba;
      margin-bottom: 15px;
    }
    .dropdown-columns  a{
      font-size: 15px !important;
  
      color: #0F2548;
    }
    .dropdown-columns >  li:first-child{
       width: 65% !important;
       align-items: stretch; /* Stretches the div to match height */
       padding-top: 15px !important;
    }
    .dropdown-columns >  li:last-child{
       width: 35% !important;
       align-items: stretch; /* Stretches the div to match height */
    }
    .dropdown-columns div {
       padding: 20px;
      min-height: 200px;
    }
    .dropdown-columns div p{
      width: 100%;
     color: #0F2548;
      text-align: left;
      line-height: 25px;
       border-left: 2px solid #0099ba;  
      padding-left: 25px;
    }
}
@media only screen and (min-width: 961px) { 
    .panel1 .textblk{
      width: 85%;
     padding-left: 500px !important;
    }
}
@media only screen and (max-width: 960px) {  
    .banner .bottom p,
    .subcontent .bottom p,
    .lntrans p{
      font-size: 15px;
    }
    .banner .bottom img,
    .subcontent .bottom img,
    .lntrans img{
      width: 30px;
    }
    .banner h1,
    .subcontent h1{
      font-size: 40px;
    }
    .subcontent h1 span{
      font-size: 18px;
    }
    .banner h2{
      font-size: 20px;
    }
    .banner p,
    .subcontent .topheader p,
    .subcontent .misc p,
    .subcontent .numbers ul li{
       font-size: 16px;
    }
    .videoblk h2{
      font-size: 35px;
    }
    .videoblk p{
      font-size: 16px;
    }
    .highlight .wrapper .inside p{
      font-size: 16px;
    }
    .highlight .bottom p{
      font-size: 16px;
    }
    .subsection .top h2{
      font-size: 30px;
    }
    .subsection .content .textblk p{
      font-size: 20px;
    }
    .subsection .content .textblk p a{
      font-size: 16px;
    }
    .subcontent{
      background-size: 100% 270px;
    }
    .photoquote .inside{
      margin-right: 0 !important;
    }
    .videocontainer{
      grid-template-columns: repeat(3, 1fr); 
      gap: 40px; /* Space between the logos */
    }
    .panel1 .imgsec img{
      width: 300px;
    }
    .panel2 .imgsec img{
      width: 450px;
    }
    .panel2 .textblk{
      padding-right: 450px;
    }
    .panel2 .content{
      min-height: 400px;
    }
    .panel4 .imgsec img{
        width: 430px;
    }
    .panel4 .textblk{
      padding-left: 450px;
    }
    .panel7 .content{
        min-height: 300px;
    }
     .panel7 .imgsec img{
        width: 430px;
    }
     .panel7 .textblk{
      padding-left: 450px;
    }
   .videocontainer5{
        grid-template-columns: repeat(3, 1fr); /* 5 logos per row */
    }
    .curvecolored strong{
      width: 90%;  
    }
    .sideoverlap strong,
    .borderbox span,
    .noborderbox,
    .borderbox span em{
      font-size: 15px;
    }
} 
@media only screen and (max-width: 985px) {  
    .panel9.standard .content .textblk{
       padding-left: 0;
       width: 50% !important;
    }
    .panel9.standard .content .imgsec{
      bottom: 0;
      width: 60%;
      left: 50%;
    }
    .bannervideo .hero .hero-content p{ 
      width: 80%;
    }
}
@media only screen and (max-width: 781px) {  
 .bannersideimg img{
      max-width: 420px;
    }
}
@media only screen and (min-width: 768px) {  
    .subsection .content{
      display: flex;
      align-items: center;
    }
    .subsection .content .textblk{
       display: flex;
       flex-direction: column;
       justify-content: center;
    }
     .panel1 .textblk{
       width: 95%;
       padding-left: 400px;
    }
    .panel7 .textblk{
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {  
    .sideoverlap{
       padding-left: 0;
 
    }
    .banner .photo{
      display: none;
    }
    .banner .photo1{
      display: none;
    }
    .subcontent .sideimg{
      display: none;
    }
    .photoquote .photo img{
      display: none;
    }
   .banner{
      background-size: auto 220px;
    }
    header{
      background-size: auto 120px;
      height: 250px;
    }
    .subcontent{
      background-size: auto 270px;
    }
    .videoblk .gallery div{
      padding-bottom: 20px;
    }
    .stylevideopop.gallery div{
      padding-bottom: 0 !Important;
      margin-bottom: 35px;
    }
    .subcontent .photosidetext h3{
        font-size: 20px;
    }
    .subcontent .photosidetext p{
      font-size: 16px;
    }
    .banner .bottom,
    .subcontent .bottom{
      left: 20px;
    }
     .subsection .top h2{
       font-size: 25px;  
    }
    .subsection .imgsec{
      position: relative
    }
    .panel1.subsection .content .textblk{
      padding-top: 30px;
    }
    .panel2 .content{
      display: grid;
     }
    .panel2 .imgsec {
      top: -30px;
      right: 0;
      order: 1;
    }
    .panel2 .textblk {
      padding-right: 0;
      padding-top: 30px;
      padding-bottom: 30px;
      order: 2;
    }
    .panel3 .imgsec img{
       width: 300px;
    }
    .panel3 .content{
      display: grid;
    }
    .panel3 .imgsec {
      top: -50px;
      margin-bottom: -100px;
      right: 0;
      order: 1;
    }
    .panel3 .textblk {
    width: 100%;
    padding-left: 0;
      padding-top: 50px;
     order: 2;
    }
    .panel3 .content{
      min-height: 450px;
    }
     .panel4 .textblk{
      padding-left: 0;
    }
     .panel7 .textblk{
      padding-left: 0;
    }
    .panel9.standard .content .textblk{
       padding-left: 30px;
       width: 100% !important;
    }
    .panel9.standard .content .imgsec{
      bottom: 0;
      width: 60%;
      left: 20%;
    }
    .videocontainer{
      grid-template-columns: repeat(1, 1fr); 
      gap: 0; /* Space between the logos */
    }
    .parallax-section {
      height: 300px; /* Adjust height as needed */
    }
    .parallax-section div{

    }
    .linedcontent p{
      font-size: 32px !important;
    }
    .linedcontent a{
      font-size: 16px;
    }
    .sideicon a{
       background-size: 50% auto;
    }
     .videocontainer5{
        grid-template-columns: repeat(2, 1fr); /* 5 logos per row */
    }
    .sideoverlap{
      padding-top: 180px;
    }
    .sideoverlap .imgover{
      top: -13px;
    }
    .curvecolored{
      background-size: 100% auto;
    }
    .scrolling-content a {
      height: 100px;
      margin-right: 50px;
    }
    .scrolling-content a img{
      height: 100px;
    }
    .noborderbox{
      margin-left: 0;
    }
    .banner .photolow img{
      display: none;
    }
    .topmobilespace{
      padding-top: 80px;
    }
    .subsection .top,
    .subsection .top.style2,
    .subsection .top.style3{
      background-size: 100% 250px;
      height: 250px;
    }
    .bannersideimg{
      display: none;
    }
    .bannervideo .hero .hero-content h1,
    .bgcolored h3 {
     font-size: 43px;
      line-height: 43px;
    }
     .bannervideo video{
      min-height: 900px;
    }
    .bannervideo .hero {
      top: 43%;
    }
    .stylevideopop{
    grid-template-columns: 1fr !important;
      padding: 10px;
   }
    
    
}
@media only screen and (max-width: 500px) {  
    .highlight .wrapper .inside {
      padding-bottom: 20px;
    }
    .logo-container > div {
        flex: 1 1 100%;
    }
    .logo-container > div img{
   
      width: 100%;
    }
    .container-fluid{
      padding-right: 20px;
      padding-left: 20px;
    }
    .panel2 .imgsec {
      top: 0;
    }
    .subsection .top.style2{
     background-size: auto 200px;
      height: 200px;
    }
    .panel7 .container-fluid{
      padding-left: 50px;
      padding-right: 50px;
    }
     .sideicon a{
       background-size: 60% auto;
          font-size: 15px;
       min-height: 100px;
    }
    .sideicon a img{
      width: 25px;
    }
    .videocontainer5{
        grid-template-columns: repeat(1, 1fr); /* 5 logos per row */
    }
     .bannervideo .hero .hero-content p,
    .bgcolored .indent p { 
      font-size: 22px;
    }
    .stylevideopop div p strong {
      font-size: 28px;
    }
     
}