@media screen and (max-width: 992px) {

    body h2 {
        font-size: 38px;
    }

    body h4 {
        font-size: 23px;
    }

    .header h1 {
        font-size: 50px;
    }

    .header h4 {
        margin-bottom: 25px;
    }

    .header .content .button {
        margin-top: 19px;
    }

    .services .content {
        padding: 20px 17px;
    }

    .blog .row .content .small-blog img {
        padding-bottom: 98px;
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .navbar {
        background: #1d676a;
    }

    .navbar .container .navbar-nav .nav-item {
        margin: 0;
    }

    .header h1 {
        font-size: 42px;
    }

    .header .row .content h4 {
        margin-bottom: 22px;
    }

    .header .content .button {
        margin-top: 13px;
    }

    .about .row {
        flex-direction: column-reverse;
    }

    .blog .content .small-blog {
        margin-top: 20px;
    }

    .blog .row .content .search h3 {
        font-size: 32px;
    }

    .blog .row .search h6 {
        font-size: 16px;
    }

    .blog .row .content .categori h3 {
        font-size: 32px;
    }

    .blog .row .categori h6 {
        font-size: 16px;
    }

    .blog .row .content .latest-post h3 {
        font-size: 32px;
    }

    .blog .row .latest-post h6 {
        font-size: 16px;
    }

}

@media screen and (max-width: 576px) {
	html {
		overflow-x: hidden;
	}

    body .header {
        padding: 100px 0 80px 0;
    }

    body .navbar,
    body .about,
    body .about-skill,
    body .header,
    body .header-page,
    body .services,
    body .solution,
    body .process,
    body .testimoni,
    body .elementor,
    body .project,
    body .team,
    body .blog,
    body .footer,
    body .contact {
    	padding-left: 16px;
    	padding-right: 16px;
    }

    .header .content {
        margin-bottom: 32px;
    }

    .process .row .content {
        margin-bottom: 32px;
    }

    .testimoni .container .row h2 {
        margin-bottom: 26px;
    }

    .project .container .content .menu .button {
        padding: 9px 15px;
    }

}

@media screen and (max-width: 360px) {

    .project .container .content .menu .button {
        padding: 4px 5px;
    }

    .project .content .menu .button {
        margin: 0 5px;
    }

    .blog .content img {
        margin-bottom: 22px;
    }

    .blog .row .content .small-blog img {
        padding-bottom: 0;
    }

    .blog .row .content .pg .pagination .page-item {
        margin: 0 5px;
    }

    .footer .row .content {
        margin-bottom: 20px;
    }
}