/* Responsive */

@media only screen and (max-width: 991px) {
    .about-us .description .info {
        padding: 10px 10px;
    }
    .about-us h2 {
        font-size: 26px;
    }
    .sections .about-us .description {
        width: 290px;
    }
    .about-us p {
        font-size: 14px;
    }
    .carousel-caption h1 {
        font-size: 30px;
    }
    .carousel-caption p {
        font-size: 19px;
    }
}

@media only screen and (max-width: 767px) {
    header .container {
        min-width: 100%;
    }
    header .navigation {
        z-index: 999;
    }
    header .info {
    }
    header .info .container>div {
        float: none !important;
        text-align: center;
        margin: 2px;
    }
    header .info .contacts {
        /*display: none; */
    }
    header .navbar .container {
        left: 0;
        top: 0;
        transform: none;
    }
    button span.icon-bar {
        transition: .4s all;
    }
    button[aria-expanded="true"] span.icon-bar:nth-child(2) {
        transform: rotate(-45deg) translate(-1px, 7px);
    }
    button[aria-expanded="true"] span.icon-bar:nth-child(3) {
        opacity: 0;
        color: #A92459;
    }
    button[aria-expanded="true"] span.icon-bar:nth-child(4) {
        transform: rotate(45deg) translate(-1px, -7px);
    }
    button span.icon-bar:nth-child(3) {
        transition-duration: .1s;
    }
    header .navbar-collapse {
        background-color: rgba(169, 36, 89, 0.7);
        border: none;
    }
    #main-carousel .carousel-control span {
        font-size: 15px;
        top: 65%;
    }
    .carousel-indicators {
        margin-bottom: 0;
        bottom: 5px;
    }
    .navbar-nav>li>a {
        padding: 10px 19px;
    }
    .navbar-nav>li:after {
        content: none !important;
    }
    .navbar-header .navbar-toggle {
        right: 0px;
        background: none;
        border: none;
        cursor: pointer;
    }
    .carousel-caption {
        top: 60%;
    }
    .navbar-toggle:focus,
    .navbar-toggle:hover {
        background: none !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: white;
    }
    .navigation .info .container {
        padding: 0;
    }
    .search-block {
        float: none !important;
        text-align: center;
        margin: 0;
    }
    #main-carousel {
        top: 41px;
    }
    .carousel-caption h1 {
        font-size: 16px;
    }
    .carousel-caption p {
        font-size: 13px;
        margin-top: 0px;
    }
    .search-block i {
        font-size: 20px;
    }
    .carousel-indicators li,
    .carousel-indicators .active {
        width: 10px;
        height: 10px;
    }
    .about-us .description .info {
        padding: 10px 10px;
    }
    .about-us h2 {
        font-size: 26px;
    }
    .about-us p {
        font-size: 16px;
    }
    .about-us .description-block {
        position: relative;
        transform: none;
    }
    .sections .about-us .description {
        margin: -40px auto auto auto;
        width: 90%;
    }
    .about-us .cover-image {
        text-align: center;
        max-width: 100%;
    }
    .services .border-after {
        padding: 15px;
    }
    .services .description h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    #search_modal form {
        width: 95%;
    }
    footer .contacts {
        max-width: 100%;
    }
}

@media only screen and (max-width: 550px) {
  .carousel-inner .item img {
    width: 100%;
    padding-top: 100px;
}
}

@media screen and (max-width: 1000px)
{
    /* BANNER */
    .banner-text h2
    {
        font-size: 40px;
        width: 750px;
    }
}

@media screen and (max-width: 991px)
{
    /* ABOUT */
    .about-image
    {
        width: 70%;
        margin: 60px auto 0 auto;
    }
    /* SERVICES */
    .service-box
    {
        margin-bottom: 30px;
    }
    .service-box p
    {
        width: 80%;
        margin: auto;
    }
    /* VIDEO */
    #video h2
    {
        font-size: 35px;
    }
    /* TEAM */
    #team .member
    {
        margin: 0 30px;
    }
    #team p
    {
        width: 90%;
        margin: 20px auto;
    }
    /* PRICING */
    .pricing-table
    {
        margin: 20px 30px;
    }
    /* BLOG */
    #blog .blog-post
    {
        margin: 20px 30px;
    }
    /* FOOTER */
    .footer-social
    {
        margin-top: -40px;
    }
}

 @media screen and (max-width: 768px)
 {
    /* GLOBAL */
    .title-bar h2
    {
        font-size: 30px;
    }
    h1
    {
        font-size: 3em;
    }
    /* NAVIGATION */

    /* BANNER */
    .banner-text
    {
        width: 100%;
    }
    .banner-text .banner-logo
    {
        width: 200px;
    }
    .banner-text h2
    {
        font-size: 30px;
        width: 100%;
        letter-spacing: 5px;
    }
    .banner-text h2 .spacer
    {
        margin: 0;
    }
    .phone
    {
      font-size: 2em;
    }

    /* PORTFOLIO */
    #portfolio .col-md-4
    {
        margin: 10px 30px;
    }
    /* TESTIMONIALS */
    #owl-demo .item p
    {
        width: 90%;
    }
    /* VIDEO */
    #video h2
    {
        font-size: 30px;
        width: 90%;
        margin: 15px auto;
    }
    /* OUR VALUES */
    #our-values .value-table
    {
        margin: 0 30px;
    }
    /* PARALLAX */
    .parallax-content h2
    {
        font-size: 50px;
    }
    /* COUNTERS */
    #counters
    {
        padding: 40px 0;
    }
    #counters  .counter
    {
        margin: 60px 0;
    }
    /* CONNECT */
    #connect h3
    {
        font-size: 30px;
    }
    /* FOOTER */
    #footer
    {
        padding: 20px 0;
    }
    .footer-social
    {
        margin-top: 40px;
    }
    #footer .col-sm-6
    {
        padding: 10px 40px;
    }
}

@media screen and (max-width: 550px)
{
    /* GLOBAL */
    .carousel-inner {
    width: 100%;
    /*min-height: 300px;  */
    }
    .carousel-caption .txt-logo {
    font-size: 2em;
    font-weight: 800;
    color: #ff3300;
    text-transform: uppercase;
    }
    .carousel-caption h1 {
    margin-top: -10px !important;
    font-family: Arsenal, Tahoma;
    font-size: 1.5em;
    font-weight: 600;
    color: #a7aaaf;
    }
    .carousel-caption .phone {
    font-family: Arsenal, Tahoma;
    font-size: 1.5em;
    font-weight: 600;
    color: #ff3300;
    margin-bottom: 10px;
    }
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: 320px;
}
    .title-bar
    {
      padding-top: 25px !important;
      padding-bottom: 5px;
    }
    .title-bar h2
    {
      font-size: 25px;
    }
    .title-bar span
    {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    }
    /* BANNER */
    .banner-text h2
    {
        font-size: 20px;
        width: 100%;
        letter-spacing: 5px;
    }
    .txt-logo
    {
      padding-top: 2px;
      font-size: 2em;
      font-weight: 700;
  }
    /* ABOUT */

    .about-image
    {
        width: 100%;
    }
    .about-text
    {
        padding: 0 10px;
    }
    /* SERVICES */
    .service-box p
    {
        width: 90%;
        margin: auto;
    }
    #services .container
    {
        padding-top: 30px;
    }
    /* PORTFOLIO */
    #portfolio .container
    {
        padding-top: 30px;
    }
    #portfolio .col-md-4
    {
        margin: 5px 10px;
    }
    /* TESTIMONIALS */
    #owl-demo .item p
    {
        width: 100%;
    }
    /* VIDEO */
    #video h2
    {
        font-size: 25px;
        width: 95%;
    }
    /* TEAM */
    #team .container
    {
        padding-top: 30px;
    }
    #team .member
    {
        margin: 0 10px;
    }
    /* PRICING */
    #pricing .container
    {
        padding-top: 30px;
    }
    /* PRICING */
    .pricing-table
    {
        margin: 20px 10px;
    }
    /* BLOG */
    #blog .container
    {
        padding-top: 30px;
    }
    /* BLOG */
    #blog .blog-post
    {
        margin: 20px 10px;
    }
    .post-content h3
    {
        font-size: 27px;
    }
    /* CONNECT */
    #connect h3
    {
        font-size: 25px;
    }
    /* FOOTER */
    #footer h3
    {
        font-size: 23px;
    }
}