@media (max-width: 991px){
	.resume .cv a{
		margin-bottom: 15px;
	}
}
@media (min-width: 768px){
	.col-md-1, .col-md-2, .col-md-3, .col-md-4,
	.col-md-5,.col-md-6,.col-md-7,.col-md-8,
	.col-md-9, .col-md-10, .col-md-11,
	.col-md-12{
		float: right;
	}
	.lb-data .lb-close{
		float: left;
	    transform: translate(-38px,27px);
	}
}
@media (max-width: 767px){
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse{
		padding-bottom: 7px;
	}
	.navbar-default{
		width: 100%;
		height: 70px;
		background: transparent;
		position: fixed;
		z-index: 9999;
		margin-bottom: 0;
		border: none;
		box-shadow: none;
	}
	nav.affix{
		z-index: 70;
	    background: #111;
	    height: 70px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    position: fixed;
	    right: 0;
	    left: 0;
	    box-shadow: 0px 1px 5px 1px #555;
	    transition: all .5s ease-in-out
	}
	.navbar-default .navbar-toggle{
		background: transparent;
		border: 0;
		outline: 0;
		margin-top: 12px;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background: #fff;
		transition: all .5s ease-in-out
	}
	.navbar-default .navbar-toggle .icon-bar:nth-child(3){
		width: 50%;
	}
	.navbar-default .navbar-toggle .icon-bar:nth-child(4){
		width: 25%;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{
		background-color: transparent;
	}
	.navbar-default .navbar-toggle:hover .icon-bar:nth-child(3),
	.navbar-default .navbar-toggle:hover .icon-bar:nth-child(4){
		width: 100%;
	}
	.navbar-brand{
		padding: 5px 15px
	}
	.navbar-default .logo-mob img{
		width: 50px;
		height: 50px;
		border-radius: 50%
	}
	nav .command{
		margin-top: 0;
		margin-bottom: 0;
		padding-right: 0;
	}
	.navbar-collapse{
		background: #151515;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form{
		border: none;
		box-shadow: none;
	}
	.navbar-toggle .icon-bar{
		transition: all 0.4s ease-in-out;
	}
	.navbar-toggle.x .icon-bar:nth-of-type(2) {
		transform: rotate(45deg);
		transform-origin: 10% 10%;
	}
	.navbar-toggle.x .icon-bar:nth-of-type(3) {
		opacity: 0;
	}
	.navbar-toggle.x .icon-bar:nth-of-type(4) {
		transform: rotate(-45deg);
		transform-origin: 10% 90%;
	}
	.navbar-toggle.x .icon-bar:nth-child(4){
		width: 100%;
	}
	/* ANIMATED X COLLAPSED */

	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
		transform: rotate(0);
		width: 22px;
	}
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
		opacity: 1;
	}
	.navbar-toggle.x.collapsed .icon-bar:nth-of-type(4) {
		transform: rotate(0);
	}
	.navbar-default .navbar-nav > li > a{
		color: #fff;
		padding: 10px;
		text-transform: capitalize;
		text-align: center;
		transition: all .4s ease-in-out
	}
	.navbar-default .navbar-nav > li > a:not(.home-link){
		border-top: 1px solid #333;
	}
	.navbar-default .navbar-nav > li > a:hover{
		color: #fff;
		background-color: var(--main-color)
	}
	.margin-right{
		margin-right: 0
	}
	.home{
		background-position: center;
	}
	.home .info{
		text-align: center;
    	padding-top: 35px;
	}
	.home .info .name{
		font-size: 22px;
	}
	.info .hr-bottom{
	    margin: 0 auto 35px;
	}
	.title-box-wrapper{
		padding: 45px 0
	}
	.about .description{
		padding: 0;
	}
	.about .coordinate-title{
		float: none;
    	transform: rotate(0deg) translateX(-30%) translateY(70px);
	}
	.about .coordinate{
		padding: 30px 0px 30px 0;
	    border-top: 100px solid var(--main-color);
	    border-right: 50px solid transparent;
	    border-left: 50px solid transparent;
	}
	.education, .experience,
	.skills, .hobbies{
		padding-right: 15px;
	}
	.portfolio-content,
	.contact-content{
		padding-right: 0;
	}
	.lb-data .lb-close{
		float: left;
	}
	.education, .experience,
	.skills, .hobbies,
	.portfolio-content,
	.contact-content{
		margin-bottom: 0;
	}
	.resume .cv{
		margin-bottom: 0;
	}
	.services .serv{
		text-align: center;
	}
	.send-us form .submit{
		margin-bottom: 50px;
    	width: 100%;
    	text-align: center;
	}
}
@media (max-width: 500px){
	.home .identity{
		font-size: 25px;
	}
	.home .identite{
		font-size: 11px;
	}
	.title-box h2{
		font-size: 24px;
	}
	.title-box h2:after,.title-box h2:before{
		top: 45px;
	}
	h3{
		font-size: 20px!important;
	}
	h4{
		font-size: 16px!important;
	}
	h5{
		font-size: 14px!important;
	}
	.about .description img{
		width: 120px;
		height: 120px;
	}
	.about .coordinate-title{
		float: none;
    	transform: rotate(0deg) translateX(-25%) translateY(70px);
	}
}