/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/

@media (max-width: 1199px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (max-width: 991px) {
    .section {
        padding: 100px 0;
    }
    .home-slider .typo {
        font-size: 40px;
        line-height: 30px;
    }
    /* Services */
    .focus-point {
        margin-bottom: 20px;
    }
    /* Testimonials */
    .testimonials {
        padding: 0;
    }
    .why-choose-us {
        padding: 0;
    }
    .why-choose-us .left-col {
        width: 100%;
        height: 400px;
        position: relative;
    }
    .why-choose-us .right-col {
        width: 100%;
    }
    .blog-post-home .content {
        margin-bottom: 20px;
        float: left;
    }
    .pricing-table-con {
        padding: 0 10px;
    }
    .author-bio-info {
        width: 580px;
    }
    .map-section {
        padding: 0;
    }
    .get-connected .social-icons {
        width: 150px;
        height: 150px;
        line-height: 150px;
        margin-bottom: 30px;
    }
    .get-connected .social-icons i {
        color: #fff;
        font-size: 40px;
        line-height: 150px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #top-menu .menu-items {
        width: 150px;
    }
    #top-menu .menu-items>li {
        display: block;
    }
}

@media (max-width: 768px) {
    .section {
        padding: 100px 0;
    }
    h2 {
        font-size: 40px;
    }
    .header-top-bar {
        display: block;
    }
    /* Header */
    .header .logo {
        padding: 15px 0 19px 15px;
    }
    .header .logo img {
        width: 260px;
    }
    #top-menu,
    #top-social {
        margin: 35px 0px 0 0;
    }
    #top-menu .menu-items {
        margin: 45px 20px 20px 20px;
        width: 190px;
        display: none !important;
    }
    #top-menu .menu-items>li {
        display: block;
    }
    #top-menu .nav-trigger {
        display: none;
    }
    /* Home Blog */
    .blog-post-con .content {
        margin-bottom: 20px;
        float: left;
    }
    /* About Page */
    /* Team */
    .our-team .team-member {
        width: 100%;
    }
    .our-team .team-member img {
        width: 100%;
    }
    .sidebar {
        padding: 0;
    }
    .home-slider .banner-text .description {
        display: none;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .filters .filter {
        padding: 5px 10px;
        font-size: 14px;
    }
    section.testimonials {
        padding: 0;
    }
    section.featured-section {
        padding-bottom: 0;
    }
    section.count .content {
        margin-bottom: 50px;
    }
    section.count {
        padding: 0;
    }
    .about-img-column {
        height: auto;
    }
    .about-img-column .over {
        bottom: 250px;
    }
}

@media (max-width: 479px) {
    .header-top-bar {
        /* display: none; */
    }
    /* Header */
    #top-menu .nav-trigger>.text {
        display: none;
    }
    #top-menu .nav-trigger>.icon-bar {
        float: right;
    }
    /* Slider */
    .home-slider .typo {
        font-size: 26px;
        line-height: 32px;
        left: 40px;
        top: 160px;
    }
    .home-slider .typo p {
        margin-bottom: 10px;
    }
    .home-slider .item {
        height: 420px;
    }
    .container {
        padding: 0 15px;
    }
    .portfolio-items {
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }
    .featured-section {
        padding-bottom: 0;
    }
    /* Testimonial */
    .testimonials {
        padding: 0;
    }
    /* Pricing Table */
    .pricing-table-con {
        padding: 0;
    }
    /* Why Choose us */
    .why-choose-us {
        padding: 0;
    }
    .why-choose-us .right-col {
        width: 100%;
    }
    .why-choose-us .left-col {
        width: 100%;
        background-size: contain;
        position: relative;
        height: 205px;
    }
    .info-counter {
        padding-bottom: 20px;
    }
    .call-to-action-title {
        display: block;
        margin-right: 0;
    }
    /* About */
    .page-heading {
        font-size: 45px;
        padding: 50px 0 0 0;
    }
    .secondry-header {
        padding: 100px 0 50px 0;
    }
    .widget-instagram .gallery li {
        width: 31.333%;
    }
    .author-bio-info {
        width: 100%;
    }
    .map-section {
        padding: 0;
    }
    .our-address {
        background: #000;
        padding: 45px 15px;
        margin-top: -100px;
        color: #fff;
    }
    .our-address .block {
        margin-bottom: 20px;
    }
    .get-connected .social-icons {
        width: 120px;
        height: 120px;
        line-height: 120px;
        margin-bottom: 30px;
        margin-right: 20px;
    }
    .home-slider .banner-text {
        top: 144px;
        max-width: 85%;
        left: 10px;
    }
    .home-slider .banner-text h2 {
        font-size: 20px;
        line-height: 30px;
    }
}


/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and ( min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and ( min-resolution: 192dpi) and (max-width: 991px),
only screen and ( min-resolution: 2dppx) and (max-width: 991px) {}