/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

[mob-view-context]{
  display: none;
}
[comp-view-context]{
  display: block;
}
[tab-view-context]{
  display: none;
}

@media (min-width: 1281px) {
  
    
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
  
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    .header-right-info.pull-right {
      display: none;
  }
  table caption {
    border-bottom: 1px solid #ddd;
  }
  .header.header-home-one {
    position: relative;
    top: -20px;
}
  .header-navigation .container{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .header-navigation .container .right-side-box a.rqa-btn{
    padding: 21.4px 39px;
  }
    
    [mob-view-context]{
      display: block;
    }
    [comp-view-context]{
      display: none;
    }
    [tab-view-context]{
      display: none;
    }
.single-header-right-info i {
    font-size: 16px !important;
}

.single-header-right-info {
    width: 100%;
    margin-left: 0px !important;
    float: left !important;
}

.single-header-right-info p {
    font-size: 13px !important;
}
.single-header-right-info:last-child .icon-box {
    min-width: 35px;
    max-width: 35px;
}

.single-header-right-info a h3 {
    font-size: 14px !important;
}
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    .header-right-info.pull-right {
      display: none;
  }
  .header.header-home-one {
    position: relative;
    top: -20px;
}
    [mob-view-context]{
      display: block;
    }
    [comp-view-context]{
      display: none;
    }
    [tab-view-context]{
      display: none;
    }
.single-header-right-info i {
    font-size: 16px !important;
}

.single-header-right-info {
    width: 100%;
    margin-left: 0px !important;
    float: left !important;
}

.single-header-right-info p {
    font-size: 13px !important;
}

.single-header-right-info a h3 {
    font-size: 14px !important;
}
.single-header-right-info:last-child .icon-box {
    min-width: 35px;
    max-width: 35px;
}

  }
  /* theme color change  */
.header-navigation .container .right-side-box a.rqa-btn,
.header-navigation .container .right-side-box a.rqa-btn:after {
       background: #2cbae2;
}
.about-style-one .about-content a.about-btn{
  background: #2cbae2; 
}
.about-style-one .about-content h3 span {
  color: #2cbae2;
}
.main-slider h2 span {
  color: #2cbae2;
}
.single-service-style-two .overlay .icon-box i{
  color: #2cbae2; 
}
.single-service-style-two .hover .icon-box i{
  color: #2cbae2; 
}
.single-service-style-two .hover{
  border-top: 3px solid  #2cbae2;
}
.service-carousel-style-two .owl-dots .owl-dot.active span{
  background: #2cbae2; 
}
.single-testimonial-style-two p i.fas{
  color: #2cbae2; 
}
.scroll-to-top{
  background: rgb(44, 186, 226);
  right: 125px;
  height: 56px;
  width: 58px;
}


.about-style-one .about-content ul li i{
  color: #2cbae2; 
}
.single-testimonial-style-two .client-info-box .text-box p{
  color: #2cbae2; 
}
.header-top .single-header-right-info .text-box p{
  color: #2cbae2; 
}
.header-navigation ul.navigation-box > li:before{
  background: #2cbae2; 
}
.inner-banner ul.breadcumb a, .inner-banner ul.breadcumb span{
  color: #2cbae2; 
}
.inner-banner ul.breadcumb span.sep{
  color: #2cbae2; 
}
.about-style-three .about-img-box .content{
  background: #2cbae2; 
}
.single-features-style-two:before{
  background: #2cbae2;  
}
.time-line ul.tab-title li.active a{
  color: #2cbae2;
}
.contact-info-style-one .contact-infos .single-contact-infos .text-box h3{
  color: #2cbae2;
}
.contact-info-style-one{
  border-bottom: 3px solid #f5f5f5;
}
.sidebar .single-sidebar.service-sidebar ul.service-list li a:before{
  background: #2cbae2; 
}
.rqa-box h3{
  color: #2cbae2; 
  text-align: center;
}
.rqa-box form.rqa-form button{
  background: #2cbae2; 
}
.service-details-page .service-details-content h3{
  color: #2cbae2; 
}
.contact-page form.contact-form button{
  background: #2cbae2;
}
.header-top {
  background: #000;
}
.header-top .single-header-right-info .text-box h3{
  color:#fff;
}
.header-top .single-header-right-info .icon-box i{
  color: #2cbae2; 
}
.header-top .logo:before{
  background: #000;
}

.preloader {
  background-image:url('../img/v.gif');
  /* display: none; */
  background-position: center;
  background-size: 30%;
  background-repeat: no-repeat;
  /* display: none; */
}
.preloader *{
  display: none;
}
.preloader{
  background-color: #000;  
}
.scroll-to-top:hover{
  
  background: #2cbae2;
}
.inner-banner {
  text-align: center;
  padding-top: 105px;
  padding-bottom: 50px;
  background: #000 url(../img/inner-banner-1-1.jpg) center center no-repeat;
  background-size: cover;
}
.hidden-sidebar .sidebar-content .navigation-box li a{
  color: #262626;
}
.hidden-sidebar .sidebar-content .social a{
  color: #262626;
}
.hidden-sidebar .sidebar-content p.copy-text{
  color: #262626;
}
.hidden-sidebar{
  background: #fff  center center no-repeat;
}
.hidden-sidebar a.close-button{
  color: #262626;
}

@media (min-width: 992px){
.contact-pg-map {
    padding: 11px 0px 0px 0px;
}
}
.sec-pad {
  padding: 22px 0;
}

.hidden-sidebar .sidebar-content .navigation-box li a:hover{
  color: #2cbae2; 
}
.hidden-sidebar .sidebar-content .social a:hover {
  color: #2cbae2; 
}
.header-navigation .container .navbar-header button.side-nav-toggler:hover {
  color: #2cbae2; 
}
.service-page {
  padding-top: 55px;
  padding-bottom: 30px;
}
.rqa-box {
  background: #262626;
  padding: 20px 8px;
}
.rqa-box h3:after{
  display: none;
}
.rqa-box h3, .rqa-box p{
  margin: none;
}

@media screen and (max-width: 768px){
  .whatsapp{
      z-index: 999999;
      position: fixed;
      bottom: 20px;
      left: 13px;
       display: block!important;
  }
  }
  .whatsapp {
      display: none;
  }
  .sec-title h3:after{
    background: none;
  }
  .time-line .tab-content .content{
    padding-left: 0px;
    padding-top: 0px;
  }
  .time-line ul.tab-title li a:hover {
    color: #2cbae2;
}
.time-line {
  padding-bottom: 1px;
  padding-top: 40px;
}
.features-style-two {
  padding-bottom: 30px;
}
.bootstrap-select.btn-group .dropdown-menu{
  width:100%;
}
.about-style-one .about-content h3:after{
  background: none;
}
.contact-page form.contact-form textarea{
  height: 67px;
}
.contact-page form.contact-form h3{
  color: #555555;
}
.contact-info-style-one .title h3:after{
  background: none;
}
.contact-info-style-one .title h3{
  color: #2cbae2;
}
#timeline-tab li a{
  height: 64px;
}
.time-line .timeline-tab-select-form .bootstrap-select > .dropdown-toggle
{
  background: #2cbae2;
}
.time-line .timeline-tab-select-form .dropdown-menu > li.selected > a{
  background: #2cbae2;
}
.industrio-icon-play-button:before{
  color: #2cbae2;
}
.time-line .timeline-tab-select-form .bootstrap-select.btn-group .dropdown-toggle .caret{
  border: none; 
}
footer.site-footer .bottom-footer p{
  color: #888888;
}
/* .about-style-threee{
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
} */

.footer-colorr{
  background: #f5f5f5;
}
.bg-add-colorr{
  background: #fff;
}
.video-heght{
  padding-top: 75px;
}
.center-content {
  margin: auto;
  display: table;
}
.time-line .tab-content .tab-pane {
  position: absolute;

}
ul.timeline-tab li[data-tab-name] label{
  
}
ul#timeline-tab li[data-tab-name] label{
  border: 1px solid rgba(70, 184, 218,0.40);
  background-color: #f8f8f8;
  color : #545454;
}
ul#timeline-tab li[data-tab-name].active label{
  background-color: #2cbae2;
  color:#fff;
}


ul#timeline-tab li[data-tab-name]:not(.active) label:hover{
  background-color: #eee;
}
.time-line .tab-content{
  margin-top: 18px;
}
.sec-title{
  padding-top: 19px;
}

.hidden-sidebar .sidebar-content .navigation-box{
   margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 45px;
    margin-bottom: 59px;
}
.fa, .fas{
  padding-top: 5px;
  padding-right: 0px;
}
.contact-info-style-one .title h3 span{
  color: #2cbae2;
}
.iconfilp{
    transform: rotate(101deg);
}