/*==============================================================
// Extra large devices (large desktops, 1200px and up)
================================================================*/
@media (max-width: 1199px) { 
	.btn{
		padding: 0 22px;
		line-height: 44px
	}
}
/*=============================================================
// Large devices (desktops, 992px and up)
===============================================================*/
@media (max-width: 991px) {
.navbar{
	padding:15px 0px;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding: 5px 15px
}
.nav-on-top{
	position: static
}
#particles-js .main_section_info{
	top: 130px
}
.counting_digit .number{
	font-size: 40px
}
.counting_digit .tag{
	font-size: 16px
}
#profile .social_media {
    position: initial;
	display: -webkit-box
}
.about_info ul span{
	width: 156px;
	font-size: 14px
}
.about_info ul li{
	font-size: 13px
}
.about_info ul .fa{
	width: 40px;
	height: 40px;
	line-height: 34px;
	margin-right: 12px
}
}
/*=============================================================
// Medium devices (tablets, 768px and up)
===============================================================*/
@media (min-width: 768px) and (max-width: 991px) {
	h1{
	    font-size: 80px;
	    line-height: 80px;
	}
	h2 {
	    font-size: 48px;
	    line-height: 48px;
	}
	h4{
		font-size: 20px;
		line-height: 20px;
	}
	h5 {
	    font-size: 18px;
	    line-height: 18px;
	}
	.navbar-nav{
		margin-top: 20px;
	}
	.btn{
		font-size: 13px;
		padding: 0 15px;
		line-height: 40px
	}
}
/*==============================================================
// Medium devices (tablets, 800px and up to 1280px)
================================================================*/
@media (min-device-width: 800px) and (max-device-width: 1280px){
	#particles-js .main_section {
	    top: 180px;
	}
	h1{
	    font-size: 80px;
	    line-height: 80px;
	}
	h2 {
	    font-size: 48px;
	    line-height: 48px;
	}
	h5 {
	    font-size: 20px;
	    line-height: 20px;
	}
}
/*=============================================================
Small devices (landscape phones, 576px and up)
===============================================================*/
@media (max-width: 767.98px) {
	.navbar-nav{
		margin-top: 20px;
	}
	#particles-js .main_section_info{
		top: 120px
	}
	.main_section .sl-headline span{
		font-size: 60px;
		line-height: 30px;
	}
	h1 {
	    font-size: 52px;
	    line-height: 52px;
	}
	h2 {
	    font-size: 42px;
	    line-height: 36px;
	}
	h3{
		font-size: 26px;
		line-height: 26px;
	}
	h5 {
	    font-size: 24px;
	    line-height: 24px;
	}
	h6 {
	    font-size: 16px;
	    line-height: 16px;
	}
	.sl-headline{
		font-size: 24px;
		line-height: 24px;
	}
	.achievement{
		margin: 0;
		position: relative;
		background-color: #080808
	}
	.btn{
		margin-bottom: 5px
	}
	[class*="section_title_"] .section_title:after{
		width: 35px;
		bottom: 0
	}
}
/*============================================================
 Extra small devices (portrait phones, less than 576px)
 ==============================================================/*/
@media (max-width: 575.98px) { 
	.navbar-nav{
		margin-top: 20px;
	}
	.name_title{
		font-size: 115px
	}
	.main_section .sl-headline span{
		font-size: 40px
	}
	h1 {
	    font-size: 42px;
	    line-height: 42px;
	}
	h2 {
	    font-size: 36px;
	    line-height: 24px;
	}
	h3{
		font-size: 22px;
		line-height: 22px;
	}
	h5 {
	    font-size: 22px;
	    line-height: 22px;
	}
	h6 {
	    font-size: 16px;
	    line-height: 16px;
	}
	.sl-headline{
		font-size: 36px;
		line-height: 24px;
	}
	#particles-js .main_section_info{
		top: 50px
	}
	[class*="section_title_"] span{
		font-size: 48px;
		top: -12px;
		width: 100%
	}
	.achievement{
		position: relative
	}
}


@media screen and (min-width: 360px) and (max-width: 639px){
	.black_nav .navbar-toggler{
		background-color: #fff;
	}
	.about_info ul li{
		font-size: 11px
	}
	.about_info ul span{
		width: 100px;
		font-size: 13px
	}
	.about_info ul .fa{
		display: none
	}
}