// layout for woocommerce
@media(min-width:1501px){
    .col-md-cl-5{
        width: 20%;
        &.first{
        	clear: both;
        }
    }
}
@media(min-width: 1200px) and (max-width:1500px){
	.col-md-cl-5{
        width: 25%;
        &.first:nth-child(4n + 1){
        	clear: both;
        }
    }
    div.product.col-md-cl-5:nth-child(4n + 1){
    	clear: both;
    }
}
.main-page {
	.page-links{
		clear: both;
		overflow: hidden;
		padding:$theme-padding 0;
		margin:0;
	}
	#comments{
		padding-top:30px;
		clear: both;
	}
}
.main-content {
	padding-bottom:$theme-padding;
	@media(min-width: 1200px){
		padding-bottom: 70px;
	}
}
.apus-breadscrumb{
	+ .home-page-default{
		padding-top: 0;
	}
}
.home-page-default{
	padding-top: 20px;
	padding-bottom: 20px;
	@media(min-width: 1200px){
		padding-top: 70px;
		padding-bottom: 50px;
	}
}
.main-content-detail{
	padding-bottom:$theme-padding;
	@media(min-width: 768px){
		padding-bottom:50px;
	}
	@media(min-width: 1200px){
		padding-bottom:85px;
	}
	@media(min-width: 1600px){
		&.main-right{
			#primary{
				@include rtl-padding-right(15px);
			}
		}
		&.left-main{
			@include rtl-padding-left(15px);
		}
	}
}
body.no-footer{
	#apus-footer{
		display: none !important;
	}
}
//----------------------------------
// layout page
div.wpcf7-validation-errors{
	margin: 0;
	padding: 15px;
}
.contact-form-content{
	padding: $theme-padding;
	background: $contact-bg;
	min-height: 260px;
	.rounded{
		@include rtl-margin-right(10px);
		color: $white;
		@include size(40px,40px);
		background: darken($body-bg, 20%);
		.fa,.icon{
			@include font-size(font-size,16px);
			margin: 13px;
		}
	}
}
// Page Not Found
//----------------------------------
.page-404{
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-color: #F9F9F9;
	border-top: 1px solid $border-color;
	padding:40px 0;
	@media(min-width: 1200px){
		padding:150px 0;
	}
   	.return,
   	.top-image{
   		margin-top: 30px;
   		@media(min-width: 1200px){
   			margin-top: 90px;
   		}
   		img{
   			max-width: 80%;
   		}
   	}
   	.title-big{
	   	font-size:20px;
	   	margin: 0;
	   	@media(min-width: 1200px){
	   		font-size: 24px;
	   	}
   	}
   	.des-big{
   		font-weight: 900;
   		font-size: 150px;
   		line-height: 0.8;
   		@media(min-width: 1200px){
	   		font-size: 200px;
	   	}
   	}
   	@media(min-width: 1200px){
	   	.btn{
	   		min-width: 190px;
	   		text-align: center;
	   	}
   	}
}
//sidebar for dashboard
.inner-dashboard{
	aside.sidebar{
		padding: 20px;
		@media(min-width: 1200px){
			padding:70px 60px 30px;
		}
		background-color: #fff;
		.widget{
			background-color: transparent;
			border:0;
			padding:0;
			@include box-shadow(none);
		}
	}
	@media(min-width: 992px){
		aside.sidebar{
			width: 250px;
			padding-bottom:$theme-padding;
			position:fixed;
			top:0;
			height: 100vh;
			z-index: 5;
			&.sidebar-left{
				left: 0;
			}
			&.sidebar-right{
				right: 0;
			}
		}
	}
	@media(min-width: 1200px){
		aside.sidebar{
			width: 360px;
		}
	}
	aside.sidebar-left{
		border-right: 1px solid $border-color;
	}
	aside.sidebar-right{
		border-left: 1px solid $border-color;
	}
	.menu_short_profile{
		list-style: none;
		padding:0;
		margin:0;
		li{
			margin-bottom: 2px;
			&:last-child{
				margin-bottom: 0;
			}
			a{
				color: $link-color !important;
				padding: 8px 15px;
				@media(min-width: 1200px){
					padding:13px 15px;
				}
				text-transform: capitalize;
				display: block;
				@include border-radius($border-radius-base);
				border:0;
				@include transition(all 0.3s ease-in-out 0s);
				i{
					@include rtl-margin-right(5px);
					display: inline-block;
					line-height: 1;
					vertical-align: middle;
					@media(min-width: 1200px){
						font-size: 14px;
						@include rtl-margin-right(10px);
					}
				}
			}
			&:hover{
				> a{
					background: $theme-color-second;
				}
			}
			&.active{
				> a{
					background: $theme-color-second;
				}
			}
		}
	}
	// content
	.site-main{
		padding:20px 0;
		@media(min-width: 992px){
			padding:20px 20px 0;
		}
		@media(min-width: 1200px){
			padding: 60px 60px 30px;
		}
	}
}
.page-dashboard{
	@media(min-width: 992px){
		&[class*="left"]{
			padding-left:250px;
		}
		&[class*="right"]{
			padding-right:250px;
		}
		.main-page{
			padding-left: 0;
			padding-right: 0;
		}
	}
	@media(min-width: 1200px){
		&[class*="left"]{
			padding-left:360px;
		}
		&[class*="right"]{
			padding-right:360px;
		}
	}
}
.page-template-page-dashboard{
	background-color: #F9F9F9;
	// fix for footer
	&[class*="left"]{
		.apus-footer{
			@media(min-width: 992px){
				padding-left:300px;
			}
		}
	}
	&[class*="right"]{
		.apus-footer {
			@media(min-width: 992px){
				padding-right:300px;
			}
		}
	}
}
.top_profile{
	padding:30px 30px 25px;
	border-bottom: 1px solid #dee6ed;
	.user-logo{
		margin: 0 0 25px;
	}
	.logo-inner{
		@include size(150px,150px);
		padding:5px;
		@include border-radius(50%);
		background:#fff;
		overflow: hidden;
		@include box-theme();
		margin:auto;
	}
	.title{
		font-size: 18px;
		margin:0;
	}
	.categories{
		a{
			color: $text-color;
			&:hover,&:focus{
				color: $link-color;
			}
		}
	}
}