/*
::
:: Template Name: Handx - Personal Portfolio HTML5 Template
:: Author: codetheme144
:: Email: codetheme144@gmail.com
:: Developed By: codetheme144
:: Version: 1.0
::
*/

/* :: Medium devices */
@media (max-width: 991px) {
	.navbar {
		background-color: #FFF !important;
	}

	.navbar-light .navbar-nav {
		border-top: 1px solid #F6F6F6;
	}

	.navbar-light .navbar-nav .nav-link {
		margin-left: 0;
        display: inline-block;
		color: #333;
        padding-bottom: 0;
	}

	.header .banner h1 {
		font-size: 40px;
		line-height: 50px;
	}

	.about .img-box {
		margin-bottom: 25px;
	}
    .about .text-box{
        margin-top: 50px;
    }
	.statistic .item-box:nth-of-type(1),
	.statistic .item-box:nth-of-type(2) {
		margin-bottom: 30px;
	}

	.resume .resume-box .resume-item.last {
		margin-bottom: 30px;
	}

	.skill .skill-box:nth-of-type(5) {
		margin-bottom: 30px;
	}

	.portfolio .portfolio-box:nth-of-type(4) {
		margin-bottom: 30px;
	}

	.blog .blog-box {
		margin-bottom: 30px;
	}

	.blog .blog-box:last-of-type {
		margin-bottom: 0;
	}

	.contact .contact-info .item:last-of-type {
		margin-bottom: 30px;
	}
}

/* :: Small devices */
@media (max-width: 768px) {
    .sec-title h3.two {
		font-size: 50px;
	}
	.header .banner h1 {
		font-size: 35px;
		line-height: 45px;
	}

	.about .text-box .info-box.pr-10 {
		padding-right: 15px;
	}

	.about .text-box .info-box.pl-10 {
		padding-left: 15px;
	}

	.about .text-box .follow {
		margin-bottom: 15px;
	}

	.about .text-box .follow li {
		margin-bottom: 5px;
	}

	.about .img-box .one .experience {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}

	.statistic .item-box:nth-of-type(3) {
		margin-bottom: 30px;
	}

	.services .services-box .item {
		margin: 20px;
	}

	.portfolio .portfolio-box:nth-of-type(5) {
		margin-bottom: 30px;
	}
}

/* :: Extra small devices */
@media (max-width: 575px) {
    .sec-title h3.two {
		font-size: 30px;
	}
    
	.sec-title p {
		width: auto;
	}

	.header .banner h1 {
		font-size: 30px;
		line-height: 35px;
	}

	.about .img-box .one .experience {
		-webkit-transform: scale(0.6);
		-ms-transform: scale(0.6);
		transform: scale(0.6);
	}
}