/* === Desktop Styles === */
@media only screen and (min-width: 992px) {
	
	/* area: header */
	#root #area_header{
	}
	/* END area: header */
	
	/* area: content */
	#root #area_content{
	}
	/* END area: content */
	
	/* area: footer */
	#area_footer{
	}
	/* END area: footer */

}

/* === tablet Styles === */
@media only screen and (max-width: 1300px) {
	
	
	/* area: header */
	#root #area_header{
	}
	#root #area_header .container{
		max-width: 100%;
	}
    #root #area_header .button.ghost{
		padding-right: 10px;
		margin-right: 0px;
	}
	.cookie_container{
		max-width: 100%;
	}
	#root #area_header .menu > li > a{
		margin: 0 10px;
	}
	#root #area_header li.menu-item-has-children:after{
		right: 8px;
	}
	/* END area: header */
	
	
	/* area: content */
	#root #area_content{
	}
	/* END area: content */
	
	
	/* area: footer */
	#area_footer{
	}
	/* END area: footer */

}
/* === Mobile Styles === */

@media only screen and (max-width: 992px) {
	body {
		font-size: 15px;
		line-height: 22px;
	}
	#root #area_content .container, #area_footer .container{
		padding-left: 30px!important;
		padding-right: 30px!important;
	}
	/* area: header */


	#root #area_header .logo_branding{
		height: 50px;
		width: 120px;
		background-size: 120px;
	}
	#root #area_header .logo_wrapper {
		margin-right: auto;
	}
	#area_header .top_menu a{
		line-height: 28px;
	}

	/* END area: header */


	/* area: content */
	/*fonts*/

	body#root{
		font-size: 14px;
		line-height: 21px;
	}
	#root #area_content{
        padding-top: 92px;
	}

	#root #area_content .section{
		padding-top: 30px;
	}
	
	#root #area_content .background_effect{
		top: 940px;
		width: 500px;
		height: 500px;
	}
	#root #area_content .section_title{
		margin-bottom: 30px;
		margin-top: 20px;
	}
	#root #area_content .title_large , #root #area_content h1{
        font-size: 24px;
        line-height: 28px;
        font-weight: 800;
        margin-bottom: 20px;
	}
    #root #area_content .page_label{
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        margin-bottom: 0;
    }
	#root #area_content .labels,#root #area_content .buttons{
		margin-bottom: 20px!important;
	}
	#root #area_content .content_image .title_large{
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 20px;
	}
	#root #area_content .content_image .content{
		margin-bottom: 20px;
	}
    #root #area_content .title_medium, #root #area_content h2, #root #area_content h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
    }
	#root #area_content .title_small{
		font-size: 20px;
		line-height: 28px;
	}

	#root #area_content.has_header{
		padding-top: 65px;
	}
	#root #area_content .top_header, #root #area_content .top_header_small{
		margin-bottom: 0;
	}

	/*pages*/
	#root #area_content .section.small .inner{
		padding:0;
	}
    #root #area_content .top_header_small #top_header_bg{
        border-radius: 0;
    }
    #root #area_content .top_header .image,
    #root #area_content .top_header_small .image{
        border-radius: 0;
    }
	#root #area_content .top_header #top_header_bg .row{
		height: auto;
		overflow: hidden;
	}
	#root #area_content .top_header #top_header_bg{
		position: relative;
	}
	#root #area_content .top_header #top_header_bg .image{
		height: 300px;
		position: relative;
		border-radius: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	#root #area_content .top_header .content{
		min-height: auto;
	}
	#root #area_content .heading .title{
	    font-size: 24px!important;
    line-height: 28px!important;
	}
	#root #area_content .buttons .button{
		margin-bottom: 10px;
	}
	#root #area_content .section.usps .usp .usp_heading strong{
		margin-bottom: 2px;
	}
	#root #area_content .section.usps .usp .usp_heading{
		font-size: 14px;
    	line-height: 22px;
	}
	#root #area_content .heading .subtitle ,#root #area_content pre{
		line-height: 24px;
		font-size: 16px;
		margin-bottom: 25px;
	}
	#root #area_content .top_header .title_large{
		margin-bottom: 20px;
	}
	#root #area_content .content_image .image_wrapper{
		margin-bottom: 20px;
		text-align: center;
		height: 300px;
	}
	#root #area_content .call_to_action .title_large{
		font-size: 29px;
		margin-bottom: 20px;
		line-height: 39px;
		font-weight: 900;
	}
	#root #area_content .call_to_action .subtitle{
		color: #fff;
		font-size: 15px;
		margin-bottom: 20px;
	}
	#root #area_content .call_to_action .usps{
		display: none;
	}
	#root #area_content .call_to_action .inner{
		padding: 40px 20px 30px 20px;
	}
	#root #area_content .content.center, #root #area_content .content.dark, #root #area_content .content.borderd, #root #area_content .content.white{
		padding: 20px;
		border-radius: 5px;
		margin-bottom: 20px;
	}

	#root #area_content .applyment_form .form_container{
		padding: 30px;
	}
	#root #area_content .sidebar{
		margin: 20px auto!important;
		max-width: 100% !important;
	}

	#root #area_content .sidebar .sidebar_menu .menu_wrapper ul li {
		padding: 8px 0;
	}
	#root #area_content  .profile{
		margin: 40px auto!important;
	}
	#root #area_content .page_title.section{
		padding: 30px 0 0px 0;
	}
	#root #area_content .cta_banner .title_medium{
		margin-bottom: 5px;
		margin-top: 10px;
		font-size: 18px;
		line-height: 24px;
	}
	#root #area_content .cta_banner .labels{
		margin-bottom: 5px!important;
	}
	#root #area_content .cta_banner .button{
		padding: 5px 16px;
		margin: 0;
	}

	#root #area_content .button_wrapper{
		margin: 0 0 10px 0;
	}
	#root #area_content .section.usps .inner{
		padding: 40px 30px;
	}
	#root #area_content .section.usps .usp{
		margin-bottom: 20px;
	}
	#root #area_content .card_el .entry .title ,#root #area_content .card_el .entry .subtitle{
		font-size: 16px;
	}
    #area_content .card_el .entry img{
        max-width: 80px;
    }
	/* END area: content */


	/* area: footer */
	#area_footer{
	}

	#area_footer .footer_content{
		padding-bottom: 20px;
	}
	#area_footer .footer_col{
		padding-top: 15px;
		padding-bottom: 15px;
		position: relative;
		cursor: pointer;
	}
	#area_footer .footer_col:after{
		content: '';
		transform: translate(-50%);
		left: 50%;
		bottom: 0;
		width: calc(100% - 24px);
		height: 1px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.11);
		position: absolute;
	}
	#area_footer .footer_col.open .title:after{
		font-size: 17px;
	}
	#area_footer .footer_col .title:after{
		float: right;
		content: "\f107";
		font-family: "Font Awesome 6 pro";
		font-weight: 900;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-size: 20px;
		transition: all 0.3s ease;
		color: rgba(2, 2, 2, 0.39);
	}
	#area_footer .footer_col.open .title:after{
		transform: rotate(180deg);
		font-size: 20px;
	}
	#area_footer .footer_col .content{
		display: none;
	}
	#area_footer .footer_col.open .content {
		display: block;
		padding: 10px 0;
	}
	#area_footer #footer_top .inner{
		padding: 40px 0;
	}
	#area_footer #footer_top .inner:after{
		width: 100%;
		left: 0;
	}
	#area_footer #footer_top .inner .footer_col .title{
		font-size: 17px;
		margin-bottom: 0;
		line-height: 26px;
	}

	#area_footer .footer_bottom{
		text-align: center;
	}
	#area_footer .footer_bottom .copyright_wrapper{
		font-size: 10px;
		opacity: .6;
	}
	#area_footer #footer_top .inner #logo_wrapper{
		margin-top: 20px;
	}
	#area_footer #footer_top .inner .footer_description{
		max-width:400px;
	}
	#area_footer #footer_bottom .inner .footer_bottom_menu{
		padding: 10px 0 5px 0;
	}
	#area_footer #footer_bottom .inner .footer_bottom_menu .menu{
		justify-content: center;
	}
	#area_footer #footer_bottom .inner .footer_bottom_menu .menu li a{
		font-size: 12px;
		text-decoration: underline;
	}	
	#area_footer #footer_bottom .inner .footer_copyright{
		text-align: center;
		padding: 0 0 10px 0;
	}
	#area_footer #footer_bottom .inner {
		padding: 10px 0;
	}
	#area_footer #footer_top .inner .footer_col .content .menu li{
		margin-bottom: 10px;
	}
	#area_footer #footer_top .inner .footer_col .content .menu{
		padding-top: 10px;
	}
	
	/* END area: footer */
	.cookie_container .inner{
		flex-direction: column;
	}
	#root #area_content .call_to_action{
		padding-top: 40px!important;
	}
	#root #area_content .content.standard iframe{
		width: auto;
		height: auto;
	}
	#root #area_header .button.ghost{
		padding-right: 20px;
		margin-right: 20px;
	}
	#root #area_content .contact .card_el{
		padding: 0!important;
		
	}
	#root #area_content .contact .card_el .entry{
		padding: 10px!important;
		display: flex;
		align-items: center;
	}
	#root #area_content .contact .card_el .entry .icon{
	    width: auto;
		margin: 0 20px 0 10px;
		font-size: 16px;
	}
	#root #area_content .contact .card_el .entry .title,#root #area_content .contact .card_el .entry .heading .subtitle{
		padding: 0;
		text-align: left;
		font-size: 16px!important;
		line-height: 20px!important;
		margin: 0;
	}
/* woocommerce */
	#root.woocommerce-page .woocommerce-loop-product__title{
		font-size: 15px;
		line-height: 19px;
	}
	#root #area_content h1.woocommerce-products-header__title.page-title{
		margin-bottom: 0!important;
		text-align: center;
	}
	#root.woocommerce-page ul.products {
		margin: 0 -20px;
	}
	#root.woocommerce-page ul.products li.product{
		width: calc(50% - 20px);
		margin: 10px!important;
        padding: 20px 10px 10px 10px !important;
	}
    #root.woocommerce-page.woocommerce ul.products li.product a img{
        margin: 0 auto 10px auto!important;
    }
	#root #area_content .coupon .button{
		padding: 9px 11px 9px 11px;
		line-height: 17px;
	}
	#root.woocommerce-page #area_content {
		margin-bottom: 50px;
	}
    
	#root .page_label.categorie_page{
        margin-bottom: 0;
    }
    
	
}


@media only screen and (max-width: 768px) {
	#area_content .call_to_action .heading{
		min-width: 100%;
		margin: 0;
	}
	#root #area_content .grid-item {
		width: calc(100% - 40px);
		margin: 20px;
	}
	#root #area_content .content_image .image_wrapper{
		padding-bottom: inherit;
		height: 230px;
	}
	#root #area_content .buttons .button{
		margin-right: 10px;
		padding: 8px 16px;
	}
	#root #area_content .card_el .entry{
		padding: 20px 0;
	}
	#root #area_content .card_el .entry .title{
		font-size: 12px;
		line-height: 16px;
	}
	.background_effect{
		display: none;
	}
	.button.ghost{
		padding: 6px 20px 7px 20px;
		font-size: 12px;

	}
    #area_content .call_to_action .image_container{
        display: none;
    }
    #root .woocommerce-error, #root .woocommerce-info, #root .woocommerce-message{
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    #root .woocommerce-error, #root .woocommerce-info a, #root .woocommerce-message a{
        margin-top: 10px;
    }
}
@media only screen and (max-width:360px) {
	#root #area_header .button.ghost{
		padding-right: 10px;
		margin-right: 10px;
	}
}