.main-menu .solutions-navigation {display: none;}

@media only screen and (max-width:1399px) and (min-width:1200px) {

}
 @media only screen and (max-width:1199px) and (min-width:1025px) {


}
 @media only screen and (max-width:1620px) and (min-width: 960px) {
/*.hero-panel video {width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform:translateX(-50%);}*/
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
     .home .hero-panel {oveflow: hidden; position: relative;}
.home .hero-panel video {height: 100%; width: 177.77777778vh; /* 100 * 16 / 9 */min-width: 100%; min-height: 56.25vw; /* 100 * 9 / 16 */

 position: absolute;
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%); /* % of current element */
}
}
 @media only screen and (min-width:1025px) {
      .page-template-page-template-whoweare .key-person .overlay {position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: rgba(27,29,58,0.8); transition: top 0.5s ease;}
.page-template-page-template-whoweare .key-person:hover  .overlay {top: 0; transition: top 0.5s ease;}
.page-template-page-template-whoweare .key-person .overlay-inner {padding: 20px; box-sizing: border-box; text-align: center;  position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 100%;}
.page-template-page-template-whoweare .key-person .overlay-inner .name {font-size: 3rem; line-height: 3.6rem; text-align: center; font-weight: bold; color: #F2E500;}
.page-template-page-template-whoweare .key-person .overlay-inner .position {color: #fff;}
     
     .page-template-page-template-team .team-member .overlay {position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-color: rgba(27,29,58,0.8); transition: top 0.5s ease;}
.page-template-page-template-team .team-member:hover  .overlay {top: 0; transition: top 0.5s ease;}
.page-template-page-template-team .team-member .overlay-inner {padding: 20px; box-sizing: border-box; text-align: center;  position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 100%;}
.page-template-page-template-team .team-member .overlay-inner .name {font-size: 3rem; line-height: 3.6rem; text-align: center; font-weight: bold; color: #F2E500;}
.page-template-page-template-team .team-member .overlay-inner .position {color: #fff;}
     
     .home .hero-panel {oveflow: hidden; position: relative;}
.home .hero-panel video {height: 100%; width: 177.77777778vh; /* 100 * 16 / 9 */min-width: 100%; min-height: 56.25vw; /* 100 * 9 / 16 */

 position: absolute;
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%); /* % of current element */
}
}


 @media only screen and (max-width:1024px) {
/*.solutions-menu #menu-solutions-menu li {margin-left: 15px;}*/
     .solutions-menu #menu-solutions-menu li:nth-of-type(1) {margin-left: 0;}
     
     .page-start section.testimonials {
    background-color: #F2E500;
    padding: 100px 0 50px 0;
    background-image: url("../images/right-flick.svg"), url("/wp-content/themes/bit-solutions/images/left-flick.svg"), url("/wp-content/themes/bit-solutions/images/left-flick-2.svg");
    background-position: top -150px right -100px, /* this positions the first image */ top -40px left -160px, bottom -40px left -70px;
    background-repeat: no-repeat;
}
     
.page-start section.talk-to-us {padding: 100px 0 50px 0;}
 .contact-details {font-size: 2.4rem; line-height: 2.8rem;}
     .contact-details .social-media p {font-size: 3rem; line-height: 3rem;}
     .contact-details .social-media p a {margin-right: 10px;}
     
      .hero-panel {overflow: hidden;}
     .hero-panel img.hero-image {width: 100%; height: auto; display: block;}
     
     
     
           .page-template-page-template-whoweare .key-person .overlay {background-color: rgba(27,29,58,1); }
.page-template-page-template-whoweare .key-person .overlay-inner {padding: 20px; box-sizing: border-box; text-align: center;}
.page-template-page-template-whoweare .key-person .overlay-inner .name {font-size: 3rem; line-height: 3.6rem; text-align: center; font-weight: bold; color: #F2E500;}
.page-template-page-template-whoweare .key-person .overlay-inner .position {color: #fff;}
     
     .page-template-page-template-team .team-member .overlay {background-color: rgba(27,29,58,1);}
.page-template-page-template-team .team-member .overlay-inner {padding: 20px; box-sizing: border-box; text-align: center;width: 100%;}
.page-template-page-template-team .team-member .overlay-inner .name {font-size: 3rem; line-height: 3.6rem; text-align: center; font-weight: bold; color: #F2E500;}
.page-template-page-template-team .team-member .overlay-inner .position {color: #fff;}
     
     .hero-panel video {width: 100%; height: auto;}

     
}
 @media only screen and (min-width:1024px) {
    .home .hero-panel {position: relative;  height: 100vh; width: 100vw; overflow: hidden;}
.hero-panel img.hero-image {width: auto; height: auto; display: block;height: 100vh;}
     
     .g-custom {
    --bs-gutter-x: 6rem;
    --bs-gutter-y: 6rem;
}
     
.main-menu.expand {left: 50%; transition: left 0.2s ease;}
     .main-menu { width: 50%;}
     .main-menu .logo {display: none;}
    
}
@media only screen and (min-width:1100px) {.hero-panel img.hero-image {width: 100vw; height: auto; display: block;height: auto; object-fit: cover;}}
 @media only screen and (max-width:1023px) {
 
     .hero-panel {position: relative;}
.hero-panel img {width: 100%; height: auto; display: block;}
     
     .main-menu.expand {left: 0; transition: left 0.2s ease;}

}
@media only screen and (min-width:769px){
 /*  .page-template-page-template-whoweare .section-2 .copy-holder-inner {position: absolute; top: 50%; left: 0; width: 100%; transform:translateY(-50%); max-width: 375px;}*/
}

@media only screen and (min-width : 604px) and (max-width: 960px) and (orientation: landscape) {
        .hero-panel {position: relative;  height: 100vh; width: 100vw; overflow: hidden;}
.hero-panel img.hero-image {width: 101vw; height: auto; display: block;}
}





   @media only screen and (max-width:991px) {
.page-start {padding-top: 88px;}
.main-menu {overflow-y: scroll; padding-bottom: 50px;}
.main-menu .solutions-navigation {display: block; background-color: #F2E500; padding: 10px 0; margin: 50px 0 0 0;}
#menu-solutions-menu-1 li a {color: rgba(27,29,58,1.00);; font-size: 2rem; line-height: 2.6rem; padding: 10px;  border-top: solid 1px rgba(255,255,255,0.05); display: block; font-weight: bold;}
#menu-main-menu {padding-top: 20px;}
    
#page-header .solutions-menu #menu-solutions-menu {display: none;}
#page-header .solutions-menu {height: 5px;}
/*.home  #page-header .solutions-menu {display: none;}*/
       
       .testimonials .slider ul li .col-12.col-lg-6:nth-of-type(2) {padding-top: 30px;}


}
    
@media only screen and (max-width:812px) {
.page-start {padding-top: 128.5px;}
.main-menu {overflow-y: scroll; padding-bottom: 50px;}
.main-menu .solutions-navigation {display: block; background-color: #F2E500; padding: 10px 0; margin: 12px 0 0 0;}
#menu-solutions-menu-1 li a {color: rgba(27,29,58,1.00);; font-size: 2rem; line-height: 2.6rem; padding: 10px;  border-top: solid 1px rgba(255,255,255,0.05); display: block; font-weight: bold;}
#menu-main-menu {padding-top: 20px;}
    
    .home.header-not-at-top  header {padding: 15px 0 15px 0;}
    
#page-header .solutions-menu #menu-solutions-menu {display: none;}
#page-header .solutions-menu {height: auto;     padding: 10px 0;}
/*.home  #page-header .solutions-menu {display: none;}*/
	.menu-open {display: inline-block;}

.page-template-page-template-solution .page-start section.intro {padding: 20px 0 50px 0;}
.page-template-page-template-solution .page-start section.intro .underlay .row.g-0 .col-12:nth-of-type(1) {display: none;}
.page-template-page-template-solution .intro .underlay {padding-bottom: 30px; display: none;}
.page-template-page-template-solution .intro .overlay {position: static; height: auto;}
    
    
    .page-template-page-template-solution .intro .overlay .text-holder-outer {position: static; width: 100%; height: 100%;}
     .page-template-page-template-solution .intro .overlay .text-holder-inner {position: static; width: 100%; height: auto; transform: none;}
    .page-template-page-template-solution .intro .overlay img {display: block;}
    
    
.page-template-page-template-solution section img {display: block; width: 100%; height: auto;}
    
    
.page-start section.testimonials {
    background-color: #F2E500;
    padding: 100px 0 50px 0;
    background-image: url("/wp-content/themes/bit-solutions/images/right-flick.svg"), url("/wp-content/themes/bit-solutions/images/left-flick.svg"), url("/wp-content/themes/bit-solutions/images/left-flick-2.svg");
    background-position: top -150px right -200px, /* this positions the first image */ top -40px left -360px, bottom -40px left -100px;
    background-repeat: no-repeat;
}
.page-template-page-template-values .item img {margin: 0 0 20px 0;}
.page-template-page-template-values .blue-panel-content {padding: 60px 50px;}   
.page-template-page-template-values .item {margin: 0 0 20px 0;}
.page-template-page-template-values .split-section .lower-content {display: none;}
.page-template-page-template-values .split-section .upper-content .content-holder {position: static;  width: 100%; height: auto;}
.page-template-page-template-values .split-section .upper-content .content-position {position: static; width: 100%; padding-left: 0; transform: none;}
.page-template-page-template-values .split-section .upper-content {position: static; width: 100%; height: auto; padding: 50px 0;}
.page-template-page-template-values .split-section .upper-content img {display: block; width: 100%; height: auto; padding: 0 0 50px 0;}
    
.page-template-page-template-whoweare .section-2 .lower-content {display: none;}
.page-template-page-template-whoweare .section-2 .upper-content .copy-holder-outer {position: static;  width: 100%; height: auto;}
.page-template-page-template-whoweare .section-2 .upper-content .copy-holder-inner {position: static; width: 100%; padding-left: 0; transform: none;}
.page-template-page-template-whoweare .section-2 .upper-content {position: static; width: 100%; height: auto; padding: 50px 0;}
.page-template-page-template-whoweare .section-2 .upper-content img {display: block; width: 100%; height: auto; padding: 0 0 50px 0;}

    .page-template-page-template-whoweare .section-1 .row .col-12 {margin: 0 0 20px 0;}
.page-template-page-template-whoweare .section-2 img {margin: 0 0 20px 0;}
    
   /* .solutions-menu {background-color: transparent;}*/
    
    .single-project .article-content img {width: 100%; height: auto;}
    .single .article-content img {width: 100%; height: auto;}
.single-project .article-content a.launch-video {width: 100%;}
    
    .single .article-content blockquote {max-width: 100%;}
	
	.page-template-page-template-consultation .intro h1 {font-size: 4rem;line-height: 4.5rem;}
	.page-template-page-template-consultation .intro {background-image: none;}
    
    .page-template-page-template-solution-level-2 .intro .overlay .text-holder-inner {
    position: static;
    top: 50%;
    left: 0;
    width: 100%;
    transform: none;
    padding-right: 3rem;
    box-sizing: border-box;
    padding: 50px 0;
}
    
    .page-template-page-template-solution-level-2 .intro .overlay {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
}
    
    .page-template-page-template-solution-level-2 .intro .underlay .col-12.col-lg-6:nth-of-type(1){display: none;}
}

@media only screen and (max-width:601px) {
    .solutions-heading {padding: 20px;}
    .solutions-heading h2{ text-align: center;font-size: 8vw; line-height: 8.5vw;}
    .solutions-heading h3 {text-align: center;font-size: 6vw; line-height: 6.5vw;}
     .solutions-heading {padding: 20px;}
    .solutions-heading h2{ text-align: center;font-size: 8vw; line-height: 8.5vw;}
    .solutions-heading h3 {text-align: center;font-size: 6vw; line-height: 6.5vw;}
    .solution .icon-holder {max-width: 100px;}
    .insights:before {height: 20%;}
    
.home .logo img {width: 210px;}
    
    .page-template-page-template-whoweare .key-person .overlay-inner .name {font-size: 2.5rem; line-height: 3rem;}
.page-template-page-template-team .team-member .overlay-inner .name {font-size: 2.5rem; line-height: 3rem;}
    
    .page-start section.talk-to-us .ttu-content-holder  .yellow-box {
    width: 100%;
    height: auto;
    color: #1B1D3A;
    background-color: #F2E500;
    position: static;
    left: 0;
    top: 50%;
    transform: none;
    padding: 30px;
}
    
    .page-start section.talk-to-us .ttu-content-holder  .image-box {
    width: 100%;
    margin-left: 0;
}
    
     .page-start section.testimonials {background-position: top -150px right -200px, /* this positions the first image */ top -40px left -360px, bottom -40px left -180px;}
}
@media only screen and (min-width:415px)  {
  #page-footer .contact p span:after {content: ""; display: table; clear: both;}
}
@media only screen and (max-width:414px)  {
    body {overflow-x: hidden;}
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: var(--bs-gutter-x,2rem); padding-left: var(--bs-gutter-x,2rem);}
    #page-header a.telephone, .main-menu a.telephone {display: none;}
    .home .hero-panel {height: 100vh;}
 .home .hero-panel video {
    width: auto;
    height: 100vh;
        transform: translateX(-30%)
}
    .hero-panel .overlay h1 {font-size: 8vw; line-height: 8vw;}
  
    
    .hero-panel .hero-cta i {font-size: 2rem; padding-top: 0.3rem;}
    .hero-panel .hero-cta {bottom: 10px;}
    
    
    .solution .icon-holder {max-width: 100px;}
    .insights:before {height: 20%;}
    
   
    
    .single .article-content {padding: 50px 20px 100px 20px;}
    .single .article-categories .post-categories {display: block; margin: 0 0 20px 0;}
    .single .article-categories .post-categories li {display: block;}
    .single .article-categories .seperator {display: none;}
    
    .contact-details {font-size: 2rem; line-height: 2.4rem;}
    
    .contact-details .white-panel { padding: 50px 20px;}
    
    
    .page-start section.talk-to-us { background-size: 100%;
    background-position: bottom -2px right -1%;
    padding: 100px 0 150px 0;
}
    
   #text-6 .caroufredsel_wrapper {height: 120px!important;}
       #text-6 .caroufredsel_wrapper ul {height: 120px!important;}
    
    .contact-form .form-panel {
    padding: 50px 20px;
}
    
   #page-footer .contact p span {display: block;}
	
	.page-template-page-template-consultation .intro:after {height: 100%;

}
	
	#page-header #menu-main-menu li {
    display: inline-block;
    margin: 0 7.5px;
}
    
    .solutions .solutions-heading {
    padding: 30px 0 30px 0;
}
    
    .solutions-heading h2 {
    text-align: center;
    font-size: 2.5rem;
    line-height: 2.5rem;
}
    
    #text-6 {
    padding-bottom: 30px;
}
    
    .page-start {padding-top: 154px;}
    
    .page-template-page-template-solution .intro .overlay .text-holder-inner {
    position: static;
    top: 50%;
    left: 0;
    width: 100%;
    transform: none;
    padding-right: 3rem;
    box-sizing: border-box;
    padding-right: 0;
}
    
    .page-template-page-template-solution-level-2 .section-3 {
    background-color: #F2E500;
    padding: 50px 0;
    position: relative;
    margin: 100px 0 0 0;
}
    
    .page-start section.talk-to-us {
    background-size: 100%;
    background-position: bottom -2px right -1%;
    padding: 0 0 50px 0;
}
    
    .page-template-page-template-whoweare .partners-list ul li {
    display: block;
    width: 50%;
    float: left;
    padding: 0 5px; height: 270px!important;    box-sizing: border-box;
}
	
}

@media only screen and (max-width:320px)  {
.contact-details {font-size: 1.7rem; line-height: 2.2rem;}
    
    .contact-details .social-media p {text-align: center;}
    .contact-details .social-media p a {margin: 0 20px 20px 0; display: inline-block;}
 
}

 @media only screen and (min-width:2100px) {
.page-start section.talk-to-us {padding: 50px 0 50px 0;}
}