/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.mobile-menu-button{
		display: block;
	}

	.main-nav{
		position: relative;
	}

	.main-header .menu {
		height: auto;
		display: none;
		width: 100%;
		max-width: 320px;
		position: absolute;
		top: 72px;
		background: #fff;
		z-index: 999;
		box-shadow: 0 3px 8px 0px rgba(23, 23, 23, 0.3);
	}

	.main-header .menu.active{
		display: block;
	}

	.main-header .menu li{
		display: block;
		list-style: none;
	}

	.main-header .menu li a{
		text-transform: none;
		font-weight: 400;
		letter-spacing: 0;
		padding: 10px 25px;
		display: block;
		color: #171717;
		font-size: 16px;
	}

	.main-header .menu li:first-child a{
		padding-left: 25px;
	}

	.menu .togle-sub-menu {
		display: block;
	}


	.main-header .menu li:hover .sub-menu{
		display: none;
	}

	.main-header .menu li .sub-menu.active{
		display: block;
	}

	.main-header .menu li .sub-menu {
		position: static;
		padding: 0;
		width: 100%;
		background: #f6f6f6;
	
	}

	.main-nav .menu .sub-menu > li > a{
		color: #171717;
	}


	.custom-gallery-items{
		grid-template-columns: repeat(2, 1fr);
	}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.top-head-container{
		flex-wrap: wrap;
		height: auto;
		align-items: center;
		justify-content: center;
		padding: 10px 0 0;
	}

	.custom-logo-link {
		margin-bottom: 10px;
		flex: 1 1 100%;
		text-align: center;
	}

	.head-contacts {
		flex: 1 1 100%;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-around;
	}

	.head-contacts li{
		margin-left: 0;
		margin-bottom: 10px;
	}

	.mini-menu{
		text-align: center;
	}

	.mini-menu li a{
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.col-xxs-12{
		width: 100%;
	}

	.pagination .next.page-numbers span,
	.pagination .prev.page-numbers span{
		display: none;
	}

	.pagination .next.page-numbers,
	.pagination .prev.page-numbers{
		border: 1px solid;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}