/*===============================================
            Medium screen & Large screen
===============================================*/

@media(min-width:992px) {
	.home_type {
		display: block !important;
	}
	.home_type .side-left {
	    position: fixed;
	}
	.side-left {
		padding: 0;
		margin: 0;
	}
	.side-right {
		height: 100% !important;
	}
	.skills .skill:last-of-type {
		padding-bottom: 0;
	}
}


/*===============================================
            Smart phone & Small screen
===============================================*/

@media(max-width:991px) {
	.mobSmart-margin-top-40 {
		margin-top: 40px;
	}
	.big_menu .menu_list span:not(.home-item) {
		margin: 0.9% 0;
	}
	.big_menu .menu_list a {
		font-size: 62px;
	    transform: scale(0.65) !important;
	}
	.big_menu .menu_list a[href="#home"].hide {
		display: inline-block !important;
	}
	.big_menu .menu_list .home-item {
		display: none;
	}
	ul.menu_list {
    	padding-bottom: 20px;
	}
	.page-right-zero-height {
		height: 0 !important;
		margin: 0;
		padding: 0;
	}
	.page-right-normal-height,
	.pt-perspective.overFlowHidden {
        height: 100%;
	}
	.home_type .display-table {
        height: 100%;
	}
	.home_type .overlayer {
		overflow-y: auto;
		overflow-x: hidden;
        height: 100%;
	    position: relative;
	    z-index: 10;
	}
	.home_type .side {
	    padding: 0;
	    margin: 0;
	    width: 100%;
	    min-height: 600px;
	    height: auto;
	    text-align: center;
	    color: #fff;
	}
	.mob-menu-overlay {
    	width: 100%;
	}
	.right-zero {
		right: 0;
	}
	.mob-menu .container {
		width: 100%;
	}
	.mob-menu .row {
		margin-left: 15px;
		margin-right: 15px;
	}
	.skills .item .skill:last-of-type {
		padding-bottom: 0;
	}
}


/*===============================================
            mobile screen
===============================================*/

@media(max-width:768px) {
	#about .about__img {
		margin-bottom: 30px;
	}
	section .container {
	    padding-left: 0;
	    padding-right: 0;
	}
	.mob-margin-top-45 {
		margin-top: 45px;
	}
	.mob-margin-top-30 {
		margin-top: 30px;
	}
	.zoom-anim-dialog h3 {
    	margin-top: 20px;
	}
	.mob-menu-content {
	    max-width: 100%;
	}
	.more-about-me {
		padding-bottom: 10px;
	}
	.skills .skill:last-of-type {
		padding-bottom: 0;
	}
	.fun-facts .item {
		margin-bottom: 25px;
		padding: 20px 0;
	}
	.fun-facts h5 {
	    font-size: 15px;
	}
	.client {
	 	padding-bottom: 25px;
	}
	.client img {
		display: block;
		margin: auto;
	}
	.blog .margin-b-zero {
		margin-bottom: 50px;
	}
	.page-header .page-title {
		font-size: 30px;
		margin-bottom: 25px;
    	margin-top: 35px;
	}
	.post-nav .next {
	    text-align: left;
	    padding-right: 0;
	    padding-left: 90px;
	    margin-top: 15px;
	}
	.post-nav .next img {
		right: auto;
		left: 0;
	}
	div.share-post {
	    position: static;
	    margin-top: 20px;
	}
}

@media(max-width:400px) {
	.pt-page-current,
	.no-js .pt-page {
	    padding: 10px;
	}
    .home_type h1 {
        font-size: 20px !important;
    }
}


/*===============================================
            Small screen
===============================================*/

@media(min-width:768px) and (max-width:991px) {
	.mob-menu-content {
	    max-width: 100%;
	}
	.navbar-toggle {
		display: block;
	}
	.skills .skill:last-of-type {
		padding-bottom: 0;
	}
	.fun-facts .item {
		margin-bottom: 25px;
	}
}


/*===============================================
            Medium screen
===============================================*/
@media(min-width:1180px) and (max-width:1309px) {
	.open-right .menu_list span:not(.home-item) {
	    margin: 0.69% 0;
	}
	.open-right .menu_list span:not(.home-item) a {
    	transform: scale(0.68);
    	-webkit-text-stroke: 2px #111;
	}
	.menu_list .home-item {
	    bottom: -15%;
	}
}

@media(min-width:992px) and (max-width:1179px) {
	.home-lines .home-line {
	    width: 30px;
	    height: 30px;
	}
	.open-right .side-right > .home-lines .home-line {
	    width: 25px;
	    height: 25px;
	}
	.open-right .menu_list span:not(.home-item) {
    	margin: 3% 0;
	}
	.open-right .menu_list span:not(.home-item) a {
	    transform: scale(0.7);
	    -webkit-text-stroke: 2px #111;
	}
	.menu_list .home-item {
	    bottom: -14%;
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.mob-menu {
		display: none;
	}
	.home-lines {
		display: block;
	}
}


/*===============================================
            Large screen
===============================================*/

@media(min-width:1200px) {
	.mob-menu {
		display: none;
	}
	.home-lines {
		display: block;
	}
}