/* Responsive styles */

@media only screen and (max-width: 300px) {
.sli-container-sml h6 {font-size:30px;}

.text-overlay h1 {font-size: 26px;}

}

@media only screen and (max-width: 600px) {
  /* Adjustments for small screens */
  
  .pricing-container {display:block;}
  
  .pricing-card {width:100%; margin:0px; margin-bottom:10px;}
  
  .grid {display:block;}
  
  .box-item {width:100%; margin:0px; margin-bottom:10px;}
   
  .container {
    padding: 10px;
  }
  
  .row {
    padding: 0px; margin:0px;
}
  
 [class*="col-"] {padding-left:0px;padding:0px;}
 
 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {width:100%;}
 
 .container-ro {width: 100%;}
 
 header {padding: 20px;}
 
  .nav-menu ul {
    display: none; /* Hide the navigation menu on mobile devices */
  }

  .hamburger-menu {
    display: block; /* Show the hamburger menu on mobile devices */
    cursor: pointer;
  }
  
  .colored-box-dark {padding:20px;}
  
  .price-column {
        max-width: 100%;
      }
      
      .button {
        position: relative;
        transform: none;
        margin-top: 20px;
      }
	  
.parallax-content {
    position: absolute;
    top: 0%;
    left:0%;
    transform: none;
    color: #fff;
    text-align: center;
    padding: 20px;
}

.parallax-content h1 {font-size:28px;}

.cta-bar {padding:40px;}

.cta-bar h6 {margin-right:0px;}

.color-box {padding:20px ;}

.col-bg {display:none;}

.thumbnail {width: 100%;}

.overlay{padding:10px;}

.overlay h5:after {bottom:215px; left:40px;}

.price-table {display: block;}

.vertical-center {position:relative; transform:none;}

.client-logo .item {height:60px;}

.overlay p {display: none;}

.textword a {font-size: 12px;}

.rollover {font-size: 12px;}

.logo-bg {display: block; padding: 10px; width: 100%; text-align: center;}

.tes-container {display:none;}

.sli-container {width:100%; display: block;}

.sli-container-sml h6 {padding:0px !important; text-align: center;}

.sli-container-sml {width:100%;}

.large-column {
    display: block;
    width: 100%;
	padding:0px;
}



img {margin-top:10px; margin-bottom:10px;}

.nav-menu a {
    font-size: 14px;
}

.oval-button {
    width: 120px;
    height: 37px;
    border-radius: 8px;
    font-size: 14px;
}

.img-bg-wrapper img {
    height: 100%;
}

.img-gallery-container {
    flex: 0 0 calc(100% - 0px);
}

.text-overlay h1 {font-size: 45px; margin-bottom: 0px;}

.small-icons img {
	width:15px !important;
	}


}
@media only screen and (max-width:800px) {
  /* For tablets: */
 .nav-menu ul.show {
    display: block;
  }
  
  header {padding: 10px 40px;}
  
  .container {
    padding: 20px;
  }
  
  .row {
    padding: 0px; margin:0px;
}
  
 [class*="col-"] {padding-left:0px; padding-top:10px;}
 
 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {width:100%;}
 
 .button-aqua {margin: 0 0 20px 0;}
 
.special {padding: 10px 30px !important;}

.video-container {height: 30vh;}
 
.colored-box-dark {padding:20px;}

.col-6 img { max-width: 60%;}

.colored-box-dark h6 {font-size:14;}
 
}

@media screen and (min-width: 1020px) {
	
.video-container {height: 60vh;}

.colored-box-dark h6 {font-size:14px;}

.special {padding: 42px 50px !important;}

[class*="col-"] {padding-left:0px; padding-top:20px;}

}

@media screen and (min-width: 2560px) {
  /* Your CSS styles for 27" monitors go here */
.video-container {height: 80vh;}


}