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

@media(min-width:992px)

{
	.hide-md-lg {
		display: none !important;
	}

	.blog--menu {
		display: inline-block !important;
	}

	.home_type {
		display: block !important;
	}

	.home_type .side-left {
	    position: fixed;
	}

	.side-left {
		padding: 0;
		margin: 0;
	}

	.side-right {
		height: 100% !important;
	}

	body.admin-bar .side-right {
		top: var(--admin-bar);
    	height: calc(100% - var(--admin-bar)) !important;
	}

	.skills .skill:last-of-type {
		padding-bottom: 0;
	}

}



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

@media(max-width:991px)

{

	.blog--menu {
	    position: absolute;
	    left: 0;
	    background-color: #fff;
	    width: 100vw;
	    max-height: calc(100vh - var(--mob-menu-height));
	    top: 72px;
	    padding: 15px 15px 0 15px;
	    display: none;
	    overflow-y: auto;
	    text-align: center;
	    border-top: 1px solid #dedede;
	}

	.normal-menu {
	    display: block;
	    margin-right: 0;
	    margin-top: 15px;
	    margin-bottom: 25px;
	}

	.normal-menu li {
	    display: block;
	    margin: 10px 0;
	}

	.normal-menu li span, 
	.normal-menu li a {
	    display: block;
	    transition: 0.3s ease-in-out;
	}

	.blog--menu .navbar-toggle-fixed.aside-mob {
	    margin-left: auto;
	    margin-right: auto;
	    float: none;
	    padding: 13px;
	    border: 1px solid #e6e6e6;
	    border-radius: 0;
	    margin-bottom: 0;
	    margin-top: 0;
	}

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

	body .side-right {
	    background: repeat center/11px url(../images/dot.png) #fff;
	}

	.menu_list span:not(.home-item) {
		margin: 0.9% 0;
	}

	.menu_list a {
		font-size: 62px;
	    transform: scale(0.65) !important;
	}

	.menu_list a[href="#home"].hide {
		display: inline-block !important;
	}

	.menu_list .home-item {
		display: none;
	}

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

	.page-right {
    	margin-top: var(--mob-menu-height);
	}

	body.admin-bar .page-right {
    	margin-top: calc(var(--mob-menu-height) + var(--admin-bar));
	}

	.page-right-zero-height {
		height: 0 !important;
		margin: 0;
		padding: 0;
	}

	.page-right-normal-height,
	.page-builder section,
	.pt-perspective.overFlowHidden {
		height: calc(100vh - var(--mob-menu-height)) !important;
	}

	.splitlayout.open-right .page-right.blog {
	    width: 100%;
	}

	body.admin-bar .page-right-normal-height,
	body.admin-bar .page-builder section,
	body.admin-bar .pt-perspective.overFlowHidden {
		height: calc(100vh - (var(--mob-menu-height) + var(--admin-bar))) !important;
	}

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

	.home_type.pt-page {
		margin-top: 0;
		height: 100%;
	}

	body.admin-bar .home_type {
		margin-top: calc(var(--mob-menu-height) + var(--admin-bar));
    	height: calc(100vh - (var(--mob-menu-height) + var(--admin-bar))) !important;
	}

	body.admin-bar .home_type.pt-page {
		margin-top: 0;
	}

	.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: var(--mob-menu-height);
	    right: -320px;
	    z-index: 55;
		text-align: center;
		padding-top: 50px;
		width: 315px;
		max-width: 100%;
	    height: calc(100vh - var(--mob-menu-height));
		transition: all ease-in-out 0.5s;
		-webkit-transition: all ease-in-out 0.5s;
	}

	.side-right.no-content {
		padding-top: 0;
	}

	.overlay {
		visibility: hidden;
	}

	body.admin-bar .side-right {
		top: calc(var(--mob-menu-height) + var(--admin-bar));
		height: calc(100vh - (var(--mob-menu-height) + var(--admin-bar)));
	}

	.mob-menu-overlay {
    	width: 100%;
	}

	body {
		--menu-width: 0;
	}

	.inner-menu {
		--menu-width: 315px;
		z-index: 100;
	}

	.inner-menu.inner-menu-blog .wrapper-content {
		padding-bottom: 0;
	}

	.inner-menu-blog .copyright {
	    position: static;
	    transform: none;
	    margin: 0;
	    background: #fff;
	    padding-bottom: 30px;
	    margin-top: -15px;
	}

	.dark-mode .inner-menu-blog .copyright {
    	background: #212121;
	}

	.front_home.dark-mode .inner-menu-blog .copyright {
    	background: transparent;
	}

	.home-lines .lines-content {
		display: none;
	}

	.right-zero {
		left: calc(-1 * var(--menu-width));
	}

	.mob-menu .container {
		width: 100%;
	}

	.mob-menu .row {
		margin-left: 15px;
		margin-right: 15px;
	}

	.skills .item .skill:last-of-type {
		padding-bottom: 0;
	}

	body:not(.front_home) .menu {
	    overflow: visible;
	    height: auto;
	}

	body:not(.front_home) .menu #menu {
	    padding-top: 0;
	}

	body .menu #menu {
	    padding-bottom: 50px;
	}

	.hide_menu {
		display: none !important;
	}

	section.simple_page .sec__content {
		margin-bottom: 0;
	}

}



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

@media(max-width:768px){

	.sec_title {
	    padding-left: 30px;
	    padding-right: 50px;
	}

	section .sec__content {
	    padding: 70px 30px;
	}

	.pt-main-content-wrapper {
	    margin: 70px 30px;
	}

	.pt-main-content-wrapper.single {
		margin: 40px 30px 30px 30px;
	}

	#about .about__img {
		margin-bottom: 30px;
	}

	section .container {
	    padding-left: 0;
	    padding-right: 0;
	}

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

	.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%;
	    margin: 0 30px;
	}

	.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;
	}

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

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

	.info span.icon:after {
	    top: -10px;
	    left: 50%;
	    transform: translateX(-50%);
	    width: 55px;
	    height: 55px;
	}

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

	.info .item div,
	.info .item:last-of-type div {
	    margin-bottom: 35px;
	}

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

	.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;
	}

	.resume .fw-col-xs-12.fw-col-sm-6:not(:first-of-type) {
    	margin-top: 50px;
	}

	section.error-404 h2.not-found-404 {
	    font-size: 90px;
	}

	footer.main-footer,
	footer.main-footer ul {
		text-align: center;
	}

	footer.main-footer ul {
		margin-top: 10px;
	}

}

@media(max-width:500px){

	.menu_list a {
	    font-size: 55px;
	}

	.comments-list li .children {
	    padding-left: 0;
	}

	#comments .comment-content {
	    padding-left: 65px;
	}

	#comments .comment-author-avatar {
	    width: 50px;
	}

	.widget:not(.widget_search) > select {
	    margin: 15px !important;
	    width: calc(100% - 30px) !important;
	}

	.widget h2.widget-title {
	    padding: 10px 15px 15px;
	}

	h2.widget-title:after {
	    left: 15px;
	}

	.widget > *:not(.widget-title):not(select):not(.mejs-container) {
	    padding: 15px !important;
	}

	.widget:not(.widget_search) > *:not(.widget-title):not(select):not(.mejs-container) {
	    padding-top: 18px !important;
   		padding-bottom: 25px !important;
	}

	/*calendar*/
	.widget-area .widget_calendar td {
	    font-size: 13px;
	}

	table th, table tr, table td {
	    padding: 5px 5px;
	}

	.widget-area .widget_calendar th {
	    font-size: 13px;
	}

	/*single blog space*/
	.single-blog #pt-main > section {
	    padding-top: 50px;
	}

	aside.widget-area {
	    padding-top: 50px;
	}

	/*single project space*/
	body.single-fw-portfolio .single--project {
		margin-top: 50px;
	}

	/*blog section*/
	.blog .item .content {
		padding: 25px 25px;
	}


}

@media(max-width:400px){

	.sec_title {
	    padding-left: 20px;
	    padding-right: 50px;
	}

	section .sec__content {
	    padding: 70px 20px;
	}

	.pt-main-content-wrapper {
	    margin: 70px 20px;
	}

	.pt-main-content {
	    padding: 15px;
	}

	.pt-main-content-wrapper.single {
		margin: 30px 15px 15px;
	}

	.pt-page-current, 
	.no-js .pt-page {
	    padding: 10px;
	}

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

}



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

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

{

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

	.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 #333;
	}

	.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 #333;
	}

	.menu_list .home-item {
	    bottom: -14%;
	}
}

@media(min-width:992px) and (max-width:1199px)

{

	.mob-menu {
		display: none;
	}

}

@media(min-width:992px)
{

	body.simple__page .float-right .navbar-toggle .icon-bar,
	body.blog .float-right .navbar-toggle .icon-bar,
	body.single.single-post .float-right .navbar-toggle .icon-bar,
	body.search .float-right .navbar-toggle .icon-bar,
	body.archive .float-right .navbar-toggle .icon-bar{
	    transform: none !important;
	    opacity: 1 !important;
	}

	body.admin-bar.blog .page-right,
	body.admin-bar .splitlayout.open-right .page-right.blog {
		margin-top: calc(var(--admin-bar));
		height: calc(100vh - (var(--admin-bar))) !important;
	}

	.hide-sidebar {
		display: none !important;
	}

}



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

@media(min-width:1200px)

{

	.mob-menu {
		display: none;
	}

}