﻿body {
}
/*::-webkit-input-placeholder { 
  color: rgba(255, 255, 255, 0.9)!important;
}

:-ms-input-placeholder {
  color:  rgba(255, 255, 255, 0.9)!important;
}

::placeholder {
  color:  rgba(255, 255, 255, 0.9)!important;
}
.alter::-webkit-input-placeholder { 
  color: #b3b3b3!important;
}

.alter:-ms-input-placeholder { 
  color: #b3b3b3!important;
}

.alter::placeholder {
  color:  #b3b3b3!important;
}*/
@media only screen and (max-width: 991px) {
    .gal-img { padding-top:75%; }
    .top-sub { margin-top: -75px; }
}
@media only screen and (max-width: 768px){
    .head-content h2 { font-size:40px; }
    section { padding-top:40px; padding-bottom:40px; }
    /*.navbar-nav { text-align:center; }*/
    #hero .item {min-height:calc(100vh);  }
    .header-wrap .bot { height:106px; }
    .slide-content { top:18%; transform:translateY(0) }
    .s-text-wrapper h2 { font-size:22px; }
    #hero .owl-dots {
        top: 60%;
    left: -70px;
    }
        #hero .owl-dots .owl-dot span { font-size:20px; color:#fff; }
            #hero .owl-dots .owl-dot:before {
                top: 15px;
    background-color: #fff;
    position: absolute;
    left: 36px;
            }
    .v-navfooter { text-align:center; }
   

    .vid-wrap .v-content{ position:static; top:auto; transform:translateY(0); padding:0 16px; width:100%; max-width:100%; }
    .vid-wrap:before { display:none;  }
    .vid-wrap .vimg > img { min-height:120px; }
    .vid-wrap .vimg { position:relative; }
    .vid-wrap .play-lnk { position:absolute; left:50%; transform:translate(-50%, -50%); top:50%; }
    .v-heading { font-size:18px; }

    .gal-img { padding-top:75%; }

    footer .h3 { font-size:20px!important}

    .gal-view .owl-dot, .pcount { width:calc( 20% - 8px ); height:84px;}

    .cf-wrap .border-right { border-right:none!important; }
    
    .top-sub { margin-top: 0; }
    #vtabs .nav-tabs { overflow:hidden; overflow-x:auto; white-space:nowrap; display:block!important }
    #vtabs .tab { width:auto; display:inline-block; margin-bottom:12px;}
        #vtabs .nav-tabs .nav-link.active:before { transform:rotate(90deg); top:auto; bottom:-14px; right:auto; left:50%; transform:translateX(-50%) rotate(90deg); }
        #vtabs .nav-tabs .nav-link.active:after { transform:rotate(90deg); top:auto; bottom:-12px; right:auto; left:50%; transform:translateX(-50%) rotate(90deg); }
        
    #t-tabs .nav-tabs { overflow:hidden; overflow-x:auto; white-space:nowrap; display:block!important }
    #t-tabs .tab { width:auto; display:inline-block; margin-bottom:3px;}
        #t-tabs .tab.active { border:none!important; }
    #t-tabs .tab-box { margin-left:0px; }
    #t-tabs .nav-tabs .nav-link:after { top:50%; transform:translateY(-50%); left:8px; right:auto; }
    #t-tabs .nav-tabs .nav-link.active:after { top:50%; transform:translateY(-50%); left:8px; right:auto; }
    #t-tabs .nav-tabs .nav-link.active:before { border:none!important; display:block; height:4px; width:80%; position:absolute; top:auto; bottom:-2px; background-color:#ffb243; right:auto; left:50%; transform:translateX(-50%);  }

    .tabs-wrap { padding-bottom:0; }
.need-assistance { text-align:center; max-width:200px; margin:20px auto 0; position:relative; left:auto; bottom:auto;}

}
@media only screen and (max-width: 576px) {
    .nav h1, aside .h1{ font-size:28px; }

    .slider-wrap .slider-nevignation .slide-prev{left: -16px;} .slider-wrap .slider-nevignation .slide-next { right:-16px }
 #featured.owl-carousel .owl-item:not(.active) {
    opacity: 0.7;
    transform: scale(1);
}
 .gal-img { padding-top:100%; }
 .heading-lg { font-size:32px; }
    .page-header .container .header-bg { object-fit:cover; top:0px; object-position:35% top; min-height:360px;  }
    
    .gal-view .owl-dot, .pcount { width:calc( 25% - 8px ); height:84px;}
    .ventor-info-wrap { max-width:276px; margin:0 auto; }
}

@media only screen and (max-width: 360px) {
    h2, .h2 { font-size:22px; }
h3, .h3 { font-size:18px; }
h4, .h4 { font-size:16px; }
h5, .h5 { font-size:14px; }
    .heading a { font-size:14px }
    .link { font-size:11px; }
}

@media (min-width: 576px){ 
    .modal-dialog {
        max-width: 500px!important; margin: 0.75rem auto!important;
    }
}
@media (min-width: 768px) {
    .modal-dialog.modal-lg {
        max-width: 972px!important;
    }
    .modal-dialog {
        max-width: 756px!important;
    }
}

@media (min-width: 1200px) {
    .c-content { padding:16px 12px 16px 0; }
}
@-moz-document url-prefix() {
    #sidebar {
         background-color: rgba(42, 43, 51, 0.95);
    }
             .modal-body .content {
  overflow-y: scroll;
  scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 211, 153, 0.60);
  scrollbar-width: thin;
}
html {
  overflow-y: scroll;
    scrollbar-color: rgba(0, 211, 153, 0.60) rgba(255, 255, 255, 0.3);
  scrollbar-width: thin;
}
             }