/*===============================================
            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 .item .skill:last-of-type {
		padding-bottom: 0;
	}

}


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

@media(max-width:991px)
{

	.mobSmart-margin-top-40 {
		margin-top: 40px;
	}

	ul.menu_list {
    	padding-bottom: 20px;
	}

	.page-right {
    	margin-top: 62px;
    	height: calc(100vh - 62px) !important;
	}

	.home_type {
		margin-top: 62px;
		overflow-y: auto;
		overflow-x: hidden;
    	height: calc(100vh - 62px) !important;
	    position: relative;
	    z-index: 10;
	}

	.home_type .side {
	    padding: 0;
	    margin: 0;
	    width: 100%;
	    min-height: 600px;
	    height: auto;
	    text-align: center;
	    color: #fff;
	}

	.home_type .side .overlayer,
	.home_type .side .display-table {
		height: 600px;
	}

	.side-right {
		overflow: auto;
	    position: fixed;
	    top: 62px;
	    right: -305px;
	    z-index: 55;
		text-align: center;
		padding-top: 50px;
		width: 300px;
	    height: calc(100vh - 62px);
		transition: all ease-in-out 0.5s;
		-webkit-transition: all ease-in-out 0.5s;
	}

	.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){

	.sec_title h2 {
		font-size: 37px;
	}

	.mob-margin-top-45 {
		margin-top: 45px;
	}

	.mob-margin-top-30 {
		margin-top: 30px;
	}

	.zoom-anim-dialog h3 {
    	margin-top: 20px;
	}

	section > .content {
	    margin: 20px;
	}

	.mob-menu-content {
	    max-width: 100%;
	    margin: 0 20px;
	}

	.more-about-me {
		padding-bottom: 10px;
	}

	.fun-facts .item {
		line-height: 1;
	}

	.fun-facts h4 {
	    margin-top: 5px;
	}

	 .clients .col-xs-6 {
	 	padding-bottom: 15px;
	 }

	.blog .margin-b-zero {
		margin-bottom: 50px;
	}

	.contact .info {
	    text-align: center;
	}

	.contact .info span.icon {
		position: static;
		margin-bottom: 8px;
	}

	.info .item div {
		margin-left: 0;
	}

	.info .item div:after {
		background-color: transparent;
	}

}

@media(max-width:400px){

	.sec_title h2 {
		font-size: 31px;
	}

	section > .content {
	    margin: 10px;
	}

	.mob-menu-content {
	    max-width: 100%;
	    margin: 0 10px;
	}

}


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

@media(min-width:768px) and (max-width:991px)
{

	.navbar-toggle {
		display: block;
	}

	section {
	    max-width: 100%;
	}

	section > .content {
	    max-width: 810px;
	    margin: 40px auto;
	}

	.mob-menu-content {
	    max-width: 825px;
	    margin: auto;
	}

}

@media(min-width:768px) and (max-width:890px)
{

	section > .content {
	    max-width: 100%;
	    margin: 40px;
	}

	.mob-menu-content {
	    max-width: 100%;
	    margin: 0 40px;
	}

}

/*===============================================
            Medium screen
===============================================*/

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


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

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

}