/* ------------------------------------------------------
:: Template Name: Classy - Multipurpose Template
:: Author: Designing World
:: Author URL: https://wrapbootstrap.com/user/DesigningWorld
:: Description: Classy is a complete multi-functional template. It's creative and clean design. It's has huge collection of templates for Business, Agency, Startup, App Landing, Product Landing, Service Landing, Hosting & Technology, Restaurant, Freelancer, Resume & CV, Portfolios, Education, Spa & Beauty, Photography, Fitness & Gym.
:: Version: 2.1.0
------------------------------------------------------ */

* {
    margin: 0;
    padding: 0;
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

/* Place your custom css code here */

.cd-headline.clip b {
    color: #27ae60;
    font-weight: 800
}

.cd-headline.clip span {
    padding: 0
}

.cd-headline {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 400
}

.cd-intro {
    margin-top: 30px;
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .welcome_area {
        padding: 75px 0
    }
    .cd-headline {
        font-size: 20px
    }
    .preview_cta_text>h4 {
        font-size: 20px;
        line-height: 1.8
    }
    .purchase .preview_cta_text>a {
        float: none;
        margin-top: 15px;
        margin-left: 0
    }
    .footer_bottom {
        text-align: center !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .cd-headline {
        font-size: 24px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .cd-headline {
        font-size: 30px
    }
}

.nav-brand img {
    max-height: 50px;
}

.history_timeline_area ul {
    list-style-type: disc;
}

.history_timeline_area ul li {
    list-style-type: square;
    margin-left: 30px;
}

.skills-section .skill-tag {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    padding: 6px 30px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #f5f5f5;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 16px;
}

.minimalist_portfolio .section_heading>h3 {
    margin-bottom: 5px;
    color: #27ae60
}

.classy-progress-bar {
    margin-bottom: 30px;
}

.section_padding {
    padding-top: 50px;
    padding-bottom: 25px
}


@media (min-width: 320px) and (max-width: 990px) {
    .single_timeline_block {
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .single_timeline_block .timeline_text_content {
        width: 100%;        
    }    

    .single_timeline_block.odd-item .timeline_text_content
    {
        float: none;
    }

    .single_timeline_block .timeline_main_point {
        visibility: hidden;
    }

    .timeline_text_content:after {
        content: none;
     }

     .timeline_text_content:before {
        content: none;
     }
}