@media (max-width: 767px) {
 .xs-hidden {
    visibility: hidden !important;
    max-height: 10% !important;
    }

    .text-large {
    font-size: 16.5px;
    line-height: 24px
}
    .height-130px 
    {height: 0px !important;
    margin-top: -50px !important;
   }
    .gutter-medium {
    margin-left: 0px;
   margin-right: 0px;
}
    .btn {
    font-size: 25px !important;
}
    nav.navbar.bootsnav .navbar-toggle{
    transform: translateY(0%) !important;
}
   .center-logo {
    min-width: 50% !important;
} 
    header a.logo img {
    max-width: 87%;
}
}


@media (max-width: 768px) {
    nav.navbar.bootsnav .navbar-toggle{
    transform: translateY(0%) !important;
}
        
.center-logo {
    left: 33% !important;
}
   
}


@media (max-width: 991px) {
    .sm-height-40px {height: 40px }
    
}

@media (max-width: 1190px) {
    .md-hidden {
    visibility: hidden !important;
    max-height: 10% !important;
    }
    
}



@media (min-width: 375px) and (max-width: 750px) {
      h1 
    {font-size:28px !important; 
        line-height: 30px !important;
    }
 
}


@media (min-width: 320px) and (max-width: 767px) {
 
  .center-logo {
    left: 53% !important;
}
    .btn {
    font-size: 18px !important;
}
    .width-img {
    max-width: 60%;
}
}

@media (max-width: 320px)  {
  .center-logo {
    left: 53% !important;
}
    .btn {
    font-size: 18px !important;
}  
    .portfolio-grid .grid-item figcaption { 
        padding:8px; 
        font-size: 12px !important; 
        text-align: left
    }
 .text-extra-small {
    font-size: 10px;
    line-height: 14px;
}
} 


.background-size {
    background-size: 95% 100%;
    background-image: url(/images/red.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.background-red {background-color: #e80000;}
.background-orange {background-color: #ffa000;}
.background-yellow {background-color: #ffff00;}
.background-green {background-color: #a0e678;}
.background-blue {background-color: #0078ff;}
.background-purple {background-color: #a000c8;}

.header-dark {
    background-color: transparent !important;
}


.display-table-cell.height-100.width-100.vertical-align-middle.position-relative a img {
    float: right;
}

.display-table-cell.height-100.width-100.vertical-align-middle.padding-fourteen-lr.alt-font.link-style-2.sm-padding-seven-lr.xs-padding-15px-lr .font-weight-400.xs-no-padding-left li {
    list-style-type: none;
}
.text-hidden {
    visibility: hidden !important;
    }

.margin-minus-10px-top {
    margin-top: -15px !important;
}
.margin-minus-20px-top {
    margin-top: -20px !important;
}