/******************************************
    Version: 1.0
/****************************************** */

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

@media (min-width: 768px) and (max-width: 991px) {
    #mainNav {
        background-color: #ffffff;
        padding: 15px 10px;
    }
    .navbar-dark .navbar-brand {
        width: 55%;
    }
    .navbar-dark .navbar-nav .nav-link::after {
        display: none;
    }
    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255);
        border-color: rgba(255, 255, 255);
    }
    .heading h1 {
        font-size: 28px;
    }
    .heading p {
        font-size: 14px;
    }
    .cd-headline.clip span {
        font-size: 20px;
    }
    .section-title h3 {
        font-size: 28px;
    }
    .section-title p {
        font-size: 14px;
    }
    #clouds {
        margin-top: -35%;
    }
    .message-box {
        margin-bottom: 30px;
    }
    .filter-button-group button {
        padding: 12px 27px;
    }
    .filter-button-group {
        text-align: center !important;
    }
    .post-box {
        margin-bottom: 30px;
    }
    .footer-distributed .footer-left {
        text-align: center;
    }
    .pricingTable .pricing-content li {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    #mainNav {
        background-color: #ffffff;
        padding: 15px 10px;
    }
    .navbar-dark .navbar-brand {
        width: 55%;
    }
    .navbar-dark .navbar-nav .nav-link::after {
        display: none;
    }
    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255);
        border-color: rgba(255, 255, 255);
    }
    .heading h1 {
        font-size: 28px;
    }
    .heading p {
        font-size: 14px;
    }
    .cd-headline.clip span {
        font-size: 20px;
    }
    .section-title h3 {
        font-size: 28px;
    }
    .section-title p {
        font-size: 14px;
    }
    #clouds {
        margin-top: -35%;
    }
    .message-box {
        margin-bottom: 30px;
    }
    .filter-button-group button {
        padding: 12px 27px;
    }
    .filter-button-group {
        text-align: center !important;
    }
    .post-box {
        margin-bottom: 30px;
    }
    .footer-distributed .footer-left {
        text-align: center;
    }
}

@media only screen and (min-width: 280px) and (max-width: 599px) {
    #mainNav {
        background-color: #ffffff;
        padding: 15px 10px;
    }
    .navbar-dark .navbar-brand {
        width: 55%;
    }
    .navbar-dark .navbar-nav .nav-link::after {
        display: none;
    }
    .fat-nav li {
        float: none;
        width: 100%;
    }
    .heading h1 {
        font-size: 28px;
    }
    .heading p {
        font-size: 14px;
    }
    .cd-headline.clip span {
        font-size: 20px;
    }
    .section-title h3 {
        font-size: 28px;
    }
    .section-title p {
        font-size: 14px;
    }
    #clouds {
        margin-top: -35%;
    }
    .message-box {
        margin-bottom: 30px;
    }
    .filter-button-group button {
        padding: 12px 27px;
    }
    .filter-button-group {
        text-align: center !important;
    }
    .post-box {
        margin-bottom: 30px;
    }
    .footer-distributed .footer-left {
        text-align: center;
    }
    .message-box h2 {
        font-size: 22px;
    }
    .skillbar-title {
        display: none;
    }
    .heading {
        vertical-align: bottom;
    }
    .pricingTable {
        margin-bottom: 30px;
    }
    .fat-nav li {
        font-size: 18px;
    }
    .banner h2 {
        font-size: 35px;
    }
    .banner h2::after {
        height: 26px;
    }
    .right-box-pro {
        margin-bottom: 30px;
    }
    .filter-button-group button {
        font-weight: 500;
        font-size: 12px;
    }
}