/* Responsive */
@media (max-width: 1366px){
	.section .container{
		padding-top: 70px;
	}
	.aside .nav-toggler{
		display: -ms-flexbox;
		display: flex;
		left:30px;
	}
	.aside .nav-toggler.open{
	  left:200px;	
	}
	.aside{
      left: -270px;
	}
	.aside.open{
	 left:0px;	
	}
	.section{
		left: 0;
	}
	.section.open{
	  left: 270px;	
	}
	.about .about-content,
	 .personal-info .info-item p span{
		display:block;
		margin-left:0;
	}
}
@media (max-width: 1199px){
	.section .container{
		padding-top: 70px;
	}
	.aside .nav-toggler{
		display: -ms-flexbox;
		display: flex;
		left:30px;
	}
	.aside .nav-toggler.open{
	  left:200px;	
	}
	.aside{
      left: -270px;
	}
	.aside.open{
	 left:0px;	
	}
	.section{
		left: 0;
	}
	.section.open{
	  left: 270px;	
	}
	.about .about-content,
	 .personal-info .info-item p span{
		display:block;
		margin-left:0;
	}
}
@media (max-width: 991px){
	.blog .blog-item{
	-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	}
@media(max-width: 767px){
	.contact .w-50,
	.contact .contact-item,
	.skills .myskills .skill-item,
	.about .about-content,
	.home .img, 
	.about .img-about,
	.about .personal-info{
		flex: 0 0 100%;
        max-width: 100%;
	}
	.home{
		order: 2;
	}
	.contact .submit-btn,
	.home .home-content{
		text-align: center;
	}
	.home .full-screen{
		padding: 100px 0;
	}
	.home .img .img-box{
		margin-bottom: 40px;
		max-width: 350px;
	}
	.about .img-about{
		padding: 0 0 255px 0;
		/*margin-bottom: 40px;*/
	}
	.experience .timeline .timeline-item:nth-child(odd),
	.education .timeline .timeline-item:nth-child(odd),
	.skills .timeline .timeline-item:nth-child(odd){
		padding-right: 15px;
        text-align: left;
        padding-left: 75px;
	}
	.experience .timeline .timeline-item:nth-child(even),
	.education .timeline .timeline-item:nth-child(even),
	.skills .timeline .timeline-item:nth-child(even){
		padding-left: 75px;
	}
	.experience .timeline:before,
	.education .timeline:before,
	.skills .timeline:before{
		left: 35px;
	}
	.experience .timeline .timeline-item:nth-child(odd) .icon,
	.education .timeline .timeline-item:nth-child(odd) .icon,
	.skills .timeline .timeline-item:nth-child(odd) .icon{
		right: auto;
		left: -60px;
	}
	.experience .timeline .timeline-item:nth-child(even) .icon,
	.education .timeline .timeline-item:nth-child(even) .icon,
	.skills .timeline .timeline-item:nth-child(even) .icon{
	    left: -60px;	
	}
	.experience .timeline .timeline-item,
	.education .timeline .timeline-item,
	.skills .timeline .timeline-item{
		margin-bottom: 40px;
	}
	.experience .timeline .timeline-item:last-child,
	.education .timeline .timeline-item:last-child,
	.skills .timeline .timeline-item:last-child{
		margin-bottom:0;
	}
	.experience .timeline .timeline-item:nth-child(odd) .timeline-item-inner:before,
	.education .timeline .timeline-item:nth-child(odd) .timeline-item-inner:before,
	.skills .timeline .timeline-item:nth-child(odd) .timeline-item-inner:before{
		left:-30px;
		right:auto;
	}
	.contact .contact-form .col-6,
	.blog .blog-item,
	.experience .experience-content .myexperience,
	.education .education-content .myeducation,
	.skills .skills-content .skills,
	.about .img-about,
	.about .personal-info{
	 -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
	}
	.about-content .personal-info{
		margin-top: auto;
	}
}
@media (max-width: 575px){	
	.home .img .img-box{
		max-width: 260px;
	}
    .home h1{
    	font-size: 40px;
    }
	.contact .contact-info-item{
	  -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;	
	}
}
@media screen and (max-width: 480px) {

	.social-panel-container.visible {
		transform: translateX(0px);
	}
	
	.floating-btn {
		right: 10px;
	}
}