:root {

	--template-padding-mobile: 0 5%;
	--template-padding-tablet: 0 5%;
	--template-padding-laptop: 0 8%;
	--template-padding-desktop: 0 10%;
	--template-padding-sm-laptop: 0 6%;

	--custom-x-padding-mobile: 5%;
	--custom-x-padding-tablet: 5%;
	--custom-x-padding-laptop: 8%;
	--custom-x-padding-desktop: 10%;
	--custom-x-padding-sm-laptop: 6%;

}



.ast-container {
	position: relative;
}

.site-template {
	width: 100%;
	position: relative;
	background-color: #ffffff;
}


.fancybox-button:focus,
.fancybox-button:hover {
	color: #1F222A!important;
	background-color: #f3eee7;
}

.fa-facebook-f:before {
	content: "\f39e"!important;
}


/*RESPONSIVE*/

	 /*phone*/
	 @media (max-width: 767px) {

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


		 .custom-x-padding {
			 padding-left: var(--custom-x-padding-mobile)!important;
			 padding-right: var(--custom-x-padding-mobile)!important;
		 }

	 }

	 /*tablet*/
	 @media (min-width: 768px) and (max-width: 1023px) {

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

		 .custom-x-padding {
			 padding-left: var(--custom-x-padding-tablet)!important;
			 padding-right: var(--custom-x-padding-tablet)!important;
		 }

	 }

	 /*mobile and tablet*/
	 @media (max-width: 1024px) {

	 }

	 /*desktop*/
	 @media (min-width: 1025px) {

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

		 .site-banner,
		 .site-breadcrumbs,
		 .site-template--post,
		 .site-template--default  {
			 padding: var(--template-padding-desktop)!important;
		 }

		 .custom-x-padding {
			 padding-left: var(--custom-x-padding-desktop)!important;
			 padding-right: var(--custom-x-padding-desktop)!important;
		 }

	 }

	 /*laptop 1*/
	 @media (min-width: 1024px) and (max-width: 1439px) {

		 .site-banner,
		 .site-breadcrumbs,
		 .site-template--post,
		 .site-template--default {
			 padding: var(--template-padding-sm-laptop)!important;
		 }

		 .custom-x-padding {
			 padding-left: var(--custom-x-padding-sm-laptop)!important;
			 padding-right: var(--custom-x-padding-sm-laptop)!important;
		 }

	 }

	 /*laptop 2*/
	 @media (min-width: 1440px) and (max-width: 1700px) {

		 .site-banner,
		 .site-breadcrumbs,
		 .site-template--post,
		 .site-template--default {
			 padding: var(--template-padding-laptop)!important;
		 }

		 .custom-x-padding {
			 padding-left: var(--custom-x-padding-laptop)!important;
			 padding-right: var(--custom-x-padding-laptop)!important;
		 }

	 }

/*RESPONSIVE*/