@media (max-width: 1170px) {
    /*  Intro Txt Left  */
    
    #intro-txt-left .gradient-overlay {
        padding: 140px 0px 0px 0px;
    }
    #intro-txt-left .absolute-photo {
        top: -20px;
    }
    /*  Intro Text Rotator  */
    
    #intro-text-rotator .slides li {
        padding: 0px 10px;
    }
    #intro-text-rotator .intro-container-bottom {
        padding-top: 60px;
    }
    #intro-text-rotator .flex-control-nav {
        bottom: 70px;
    }
    /*  About Section  */
    
    #about .absolute-photo {
        top: -80px;
    }
    .download-btn {
        padding: 30px;
    }
}
/*----------------------------------------------------------------------------*/
/*  1.  Max Width 1024px
/*----------------------------------------------------------------------------*/

@media (max-width: 1024px) {
    /*  Features Section  */
    
    #features .content-photo {
        padding-top: 60px;
    }
    /*  Footer  */
    
    .footer-logo img {
        padding-right: 0px;
    }
}
/*----------------------------------------------------------------------------*/
/*  2.  Max Width 991px
/*----------------------------------------------------------------------------*/

@media (max-width: 991px) {
    html {
        font-size: 90%;
    }
    /*  Navbar  */
    
    .navbar-nav > li > a {
        padding: 0 5px;
    }
    /*  Intro Txt Left  */
    
    #intro-txt-left .absolute-photo img {
        display: none;
    }
    /*  Intro Text Rotator  */
    
    #intro-text-rotator .intro-container {
        padding-top: 80px;
    }
    #intro-text-rotator .absolute-photo {
        display: none;
    }
    #intro-text-rotator .flex-control-nav {
        bottom: 0px;
    }
    #intro-text-rotator .intro-container-bottom {
        padding-top: 60px;
    }
    /*  Wrappers  */
    
    .wrapper-white,
    .wrapper-grey,
    .wrapper-black,
    .gradient-overlay {
        padding: 60px 0px;
    }
    /*  About Section  */
    
    #about .absolute-photo {
        top: 0px;
    }
    /*  Single Content Section  */
    
    #single-content .absolute-photo {
        bottom: -60px;
    }
    /*  Features Section  */
    
    #features .content-photo {
        padding-top: 20px;
    }
    .features-box:last-of-type {
        border-bottom: none;
    }
    .features-col-left .features-box {
        border-right: none;
    }
    .features-col-right .features-box {
        border-left: none;
    }
    .features-col-left .features-txt,
    .features-col-right .features-txt {
        float: none;
        text-align: center;
    }
    .features-col-left .icon,
    .features-col-right .icon {
        float: none;
        margin: auto;
        margin-bottom: 20px;
    }
    /*  Skills Section  */
    
    #skills .absolute-photo {
        top: -60px;
    }
    #skills .section-title {
        margin-top: 240px;
    }
    .chart-box {
        margin-bottom: 40px;
    }
    .chart-txt {
        margin-top: -50px;
    }
    /*  Tabs Section  */
    
    .nav-tabs > li > a {
        padding: 20px 40px;
    }
    /*  Fun Facts Section  */
    
    .fun-fact-box {
        border-bottom: 1px solid #fff;
    }
    .fun-fact-box:nth-child(2n+0) {
        border-right: none;
    }
    .fun-fact-box:nth-child(3),
    .fun-fact-box:nth-child(4) {
        border-bottom: none;
    }
    /*  Blog Section  */
    
    #blog-accordion .panel-body {
        padding-left: 0px;
    }
    /*  Team Section  */
    
    .team-wrapper {
        padding: 0px;
    }
    .team-member img {
        max-width: 120px;
    }
    /*  Pricing Tables  */
    
    .package {
        border-top: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
        border-bottom: none;
    }
    .package:nth-child(2n+0) {
        border-left: none;
    }
    .package:nth-child(3),
    .package:nth-child(4) {
        border-bottom: 1px solid #e4e4e4;
    }
    /*  Downlaod Section  */
    
    .download-btn {
        padding: 30px 20px 40px 30px;
    }
    /*  Portfolio Section  */
    
    #portfolio-filter > li > a {
        padding: 20px 40px;
    }
    /*  Contact Info Section  */
    
    #contact-info .wrapper-white {
        padding: 0px;
    }
    .contact-info {
        padding: 60px 10px;
        padding-bottom: 40px;
    }
    .contact-box:last-of-type {
        margin-bottom: 60px;
    }
    /*  Footer  */
    
    .footer-info-wrapper {
        padding: 0px;
    }
}
/*----------------------------------------------------------------------------*/
/*  3.  Max Width 767px
/*----------------------------------------------------------------------------*/

@media (max-width: 767px) {
    html {
        font-size: 80%;
    }
    /*  Navbar  */
    
    .navbar-fixed-top {
        background-color: #1c1c1c;
        border-bottom: 1px solid #5c5c5c;
        padding: 10px 0px 8px 0px;
        margin: 0px;
    }
    .navbar-fixed-top #logo img {
        height: 40px;
        width: auto;
    }
    .navbar-nav > li > a {
        line-height: 40px;
        text-align: center;
    }
    /*  About Section  */
    
    #about .absolute-photo {
        display: none;
    }
    .about-box {
        border-top: none;
        border-bottom: 1px solid #e4e4e4;
        border-right: none;
    }
    .about-box:first-of-type {
        border-left: none;
        border-top: 1px solid #e4e4e4;
    }
    /*  Single Content Section  */
    
    #single-content .content-box {
        margin-bottom: 380px;
    }
    /*  Features Section  */
    
    #features .content-photo {
        padding-top: 20px;
    }
    /*  Time Line Section  */
    
    .timeline-holder:before {
        left: 40px;
    }
    .timeline-item-content {
        width: 100%;
        padding-left: 40px;
        padding-bottom: 20px;
    }
    .timeline-item-left .timeline-item-right {
        float: right;
        position: relative;
    }
    .timeline-item-left .timeline-item-content,
    .timeline-item-right .timeline-item-content {
        float: right;
    }
    .timeline-item-left .timeline-item-txt,
    .timeline-item-right .timeline-item-txt {
        text-align: left;
        margin-left: 40px;
        margin-right: 0px;
    }
    .timeline-item-left .date-icon,
    .timeline-item-right .date-icon {
        margin-left: -20px;
        float: left;
    }
    .timeline-item-left .timeline-item-txt:before,
    .timeline-item-left .timeline-item-txt:after {
        left: -18px;
        border-right: solid 20px #fff;
        border-left: none;
    }
    .timeline-item-left .timeline-item-txt:before {
        left: -20px;
        border-right-color: #e4e4e4;
        border-left-color: transparent;
    }
    .timeline-start {
        margin-left: 34px;
        width: 100%;
        float: left;
    }
    .timeline-start-content {
        text-align: left;
    }
    .timeline-start .timeline-start-icon {
        margin-left: 0px;
    }
    /*  Tabs Section  */
    
    .nav-tabs > li > a {
        padding: 20px 20px;
    }
    /*  Team Section  */
    
    .team-member {
        border-bottom: 1px solid #f3f3f3;
    }
    .team-member:nth-child(2n+0) {
        border-right: none;
    }
    .team-member:nth-child(3),
    .team-member:nth-child(4) {
        border-bottom: none;
    }
    /*  Pricing Tables  */
    
    .package {
        border-left: none;
        border-right: 1px solid #e4e4e4;
    }
    .package:nth-child(2n+0) {
        border-right: none;
    }
    .wrapper-color .download-item:first-of-type {
        border-top: 1px solid #fff;
        border-left: none;
    }
    /*  Portfolio Section  */
    
    #portfolio-filter > li > a {
        padding: 20px 20px;
    }
    .portfolio-item {
        width: 33%;
    }
    /*  Contact Info Section  */
    
    .contact-info {
        border-bottom: 1px solid #f3f3f3;
    }
    .contact-info:nth-child(2n+0) {
        border-right: none;
    }
    .contact-info:nth-child(3),
    .contact-info:nth-child(4) {
        border-bottom: none;
    }
    /*  Footer  */
    
    .footer-info-box {
        border-top: 1px solid #f3f3f3;
    }
    .footer-info-box:nth-child(1),
    .footer-info-box:nth-child(2) {
        border-top: none;
    }
    .footer-info-box p {
        margin-bottom: 0px;
    }
    /*  OWL slider */
    
    .owl-controls .owl-buttons .owl-prev {
        left: -45px;
    }
    .owl-controls .owl-buttons .owl-next {
        right: -45px;
    }
}
/*----------------------------------------------------------------------------*/
/*  4.  Max Width 480px
/*----------------------------------------------------------------------------*/

@media (max-width: 480px) {
    html {
        font-size: 70%;
    }
    /*  Tabs Section  */
    
    .nav-tabs {
        border-bottom: none;
        display: inline-block;
        margin-bottom: 60px;
    }
    .nav-tabs > li {
        width: 100%;
        border: 1px solid #e4e4e4;
    }
    .nav-tabs > li > a {
        width: 100%;
        padding: 20px 20px;
    }
    #single-content .content-box {
        margin-bottom: 180px;
    }
    /*  Skills Section  */
    
    #skills .section-title {
        margin-top: 160px;
    }
    /*  Portfolio Section  */
    
    #portfolio-filter {
        border-bottom: none;
        display: inline-block;
        margin-bottom: 60px;
    }
    #portfolio-filter > li {
        width: 100%;
        border: 1px solid #e4e4e4;
        border-top: none;
    }
    #portfolio-filter > li:first-child {
        border-top: 1px solid #e4e4e4;
    }
    #portfolio-filter> li > a {
        width: 100%;
        padding: 20px 20px;
    }
    .portfolio-item {
        width: 50%;
    }
    /*  OWL slider */
    
    .owl-controls .owl-buttons .owl-prev {
        left: -40px;
    }
    .owl-controls .owl-buttons .owl-next {
        right: -40px;
    }
    .client-logo {
        padding: 15px;
    }
}
/*----------------------------------------------------------------------------*/
/*  5.  Max Width 320px
/*----------------------------------------------------------------------------*/

@media (max-width: 320px) {
    html {
        font-size: 60%;
    }
}