@media(min-width: 1200px){

	.container, .container-sm, .container-md, .container-lg, .container-xl {

		max-width: 1150px;

	}

}



@media(max-width: 1200.99px){

	body{

		font-size: 16px;

		line-height: 22px;

	}



	h1{

		font-size: 45px;

		line-height: 50px;

	}



	h2{

		font-size: 35px;

		line-height: 42px;

	}



	h3{

		font-size: 28px;

		line-height: 34px;

	}



	h4{

		font-size: 24px;

		line-height: 30px;

	}



	h5{

		font-size: 20px;

		line-height: 26px;	

	}



	h6{

		font-size: 18px;

		line-height: 24px;

	}



	.main-menu > ul > li {

		margin-right: 30px;

	}



	.main-menu > ul > li > a {

		font-size: 18px;

	}



	.theme-btn{

		font-size: 16px;

		padding: 0 15px;

	}



	.pad-inset {

		padding-left: 40px;

		padding-right: 40px;

	}



	.card-header .btn.btn-link{

		font-size: 24px;

	}



	.card{

		margin-bottom: 25px;

	}

}



@media(max-width: 991.99px){

	.pad-inset {

		padding-left: 0px;

		padding-right: 0px;

	}



	.logo {

		max-width: 120px;

	}



	.header-bottom {

		padding: 15px 0;

	}



	.main-menu > ul > li {

		margin-right: 20px;

	}



	.offer-col-left {

		height: 240px;

		width: 100%;

		max-width: 100%;

		min-width: 100%;

	}



	.offer-col-blog{

		flex-wrap: wrap;

	}



	.footer-left {

		margin-right: 70px;

	}



	.header-top-mail, .header-top-tel {

		margin-right: 40px;

	}



	.service-inner-list .col-xs-12{

		flex: 0 0 50%;

		max-width: 50%;

	}



	.service-sigle-col-left {

		padding-right: 0;

		flex: 0 0 40%;

		max-width: 40%;

	}



	.service-sigle-col-right {

		padding-right: 15px;

		flex: 0 0 60%;

		max-width: 60%;

	}
	
	/*KONTAKT PAGE START*/

	.kontakt-wrapper-top-left {
		max-width: 200px;
	}

	.kontakt-wrapper-top-right {
		width: calc(100% - 200px);
		padding-left: 40px;
	}

	.kontakt-wrapper-top-right-top {
		margin-top: 52px;
	}

	.kontakt-wrapper-top-right-right {
		margin-right: 0px;
	}

	/*KONTAKT PAGE END*/

}



@media(min-width: 767.99px){

	.sub-menu-show , .sub-menu-show li{

		list-style: none;

		padding: 0px;

		margin: 0px;

	}



	.sub-menu-show{

		position: absolute;

		top: 100%;

		left: 0px;

		width: 100%;

		background: var(--theme-color);

		min-width: 320px;

		padding: 5px 0 7px !important;

		-webkit-transition: all 0.5s ease 0s;

		-moz-transition: all 0.5s ease 0s;

		-ms-transition: all 0.5s ease 0s;

		-o-transition: all 0.5s ease 0s;

		transition: all 0.5s ease 0s;

		-webkit-transform: translateY(50px);

		-moz-transform: translateY(50px);

		-ms-transform: translateY(50px);

		-o-transform: translateY(50px);

		transform: translateY(50px);

		visibility: hidden;

		opacity: 0;

	}



	.main-menu > ul > li:hover > .sub-menu-show{

		visibility: visible;
		
		opacity: 1;

		-webkit-transition: all 0.5s ease 0s;

		-moz-transition: all 0.5s ease 0s;

		-ms-transition: all 0.5s ease 0s;

		-o-transition: all 0.5s ease 0s;

		transition: all 0.5s ease 0s;

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		-o-transform: translateY(0);

		transform: translateY(0);

	}



	.sub-menu-show li{

		display: block;

		width: 100%;

	}



	.sub-menu-show li a{

		display: block;

		padding: 6px 15px;

		font-size: 17px;

		font-weight: bold;

		color: var(--white-color);

		text-decoration: none !important;

		line-height: 20px;

	}



	.sub-menu-show li.active a , .sub-menu-show li:hover a{

		color: var(--secondary-color);

	}

}



@media(max-width: 767.99px){



	h1 , h2 , h3 , h4 , h5 , h6{

		word-wrap: break-word;

	}



	.humbarger-menu{

		display: block;

	}



	.main-menu {

		position: fixed;

		right: 0px;

		height: 100%;

		overflow-y: auto;

		width: 100%;

		max-width: 360px;

		z-index: 99;

		background: var(--theme-color);

		top: 0;

		padding: 100px 0;

		-webkit-transform: translateX(100%);

		-moz-transform: translateX(100%);

		-ms-transform: translateX(100%);

		-o-transform: translateX(100%);

		transform: translateX(100%);

		-webkit-transition: all 0.5s ease 0s;

		-moz-transition: all 0.5s ease 0s;

		-ms-transition: all 0.5s ease 0s;

		-o-transition: all 0.5s ease 0s;

		transition: all 0.5s ease 0s;

	}



	.main-menu.active{

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		-ms-transform: translateX(0);

		-o-transform: translateX(0);

		transform: translateX(0);

	}



	.main-menu > ul > li {

		display: inline-block;

		width: 100%;

		margin-right: 0px;

	}



	.main-menu > ul > li > a{

		border-bottom: none;

		color: var(--white-color);

		padding: 10px 50px 10px 25px;

	}



	.sub-menu-show{

		display: none;

	}



	.sub-menu-show , .sub-menu-show li{

		list-style: none;

		padding: 0px;

		margin: 0px;

	}



	.sub-menu-show li a{

		border-bottom: none;

		color: var(--white-color);

		padding: 10px 35px 10px 35px;

		text-decoration: none;

		display: block;	

		font-size: 18px;

		font-weight: bold;

	}



	.sub-menu-show li.active a , .sub-menu-show li:hover a{

		color: var(--secondary-color);

	}

	.main-menu > ul > li:hover > .sub-menu-show{

		display:contents;
	}
	
	.header-part .container{

		max-width: 100%;

	}



	.header-bottom-inner{

		align-items: center;

	}



	.arrow-menu {

		background: url('../images/white-arrow.svg') no-repeat center center !important;

		margin-left: 0px;

		position: absolute;

		right: 15px;

		height: 40px;

		width: 40px;

		background-size: 20px auto !important;

		top: 0;

	}



	.main-menu > ul > li.active .arrow-menu , .main-menu > ul > li:hover .arrow-menu{

		background: url('../images/theme-arrow-hover.svg') no-repeat center center !important;

		background-size: 20px auto !important;

	}



	.offer-col-inner .col-xs-12{

		margin-bottom: 25px;

	}



	.offer-col-inner .col-xs-12:last-child{

		margin-bottom: 0px;

	}



	.offer-img-content-txt{

		margin-top: 25px;

	}



	.quote-inner {

		text-align: center;

	}



	.footer-part{

		margin-top: 60px;

	}



	.footer-inner{

		display: block;

		text-align: center;

	}



	.footer-left , .footer-middle , .footer-right{

		margin-left: 0px;

		margin-right: 0px;

	}



	.footer-left , .footer-middle{

		margin-bottom: 20px;

	}



	.quote-right{

		margin-top: 25px;

	}



	.home-banner-inner:after{

		position: absolute;

		right: -5000px;

		width: 5000px;

		top: 0px;

		content: "";

		height: 100%;

		background: rgba(166, 194, 107, 0.50);

	}

	.dark-theme .home-banner-inner:after{
		background: rgba(85, 131, 63, 0.50);
	}

	section {
		padding: 0 0 30px 0;
	}


	.txt-img-switcher-info{

		margin-top: 25px;

	}



	.txt-img-switcher-inner , .workshop-blog-right{

		margin-top: 25px;

	}



	.card-header .btn.btn-link {

		font-size: 20px;

	}



	.service-inner-list .col-xs-12 {

		flex: 0 0 100%;

		max-width: 100%;

	}



	.service-sigle-col-left {

		padding-right: 15px;

		flex: 0 0 100%;

		max-width: 100%;

	}



	.service-sigle-col-right{

		margin-top: 25px;

		flex: 0 0 100%;

		max-width: 100%;

	}



	.parallax-inner h1 , .home-banner-inner h1{

		max-width: 100%;

	}



	.service-inner-list .row {

		margin: 0 -15px;

	}



	.service-inner-list .col-xs-12 {

		padding: 0 15px;

	}



	.leaf-flow {

		position: absolute;

		left: 0;

		top: -40px;

		max-width: 180px;

	}



	.parallax-inner h1 {

		font-size: 30px;

		line-height: 35px;

	}



	/* COMMON TYPO3 */



    .ce-right.ce-intext.ce-nowrap .ce-gallery , .ce-left.ce-intext.ce-nowrap .ce-gallery , 

    .ce-left.ce-intext .ce-gallery , .ce-right.ce-intext .ce-gallery{

        width: 100%;

        margin-left: 0px;

        margin-right: 0px;

    }



    .ce-right.ce-intext.ce-nowrap .ce-bodytext , .ce-left.ce-intext.ce-nowrap .ce-bodytext{

        padding-right: 0px;

        padding-left: 0px;

    }



    .tx-indexedsearch-res h3 {

        font-size: 20px;

    }
	
	/*KONTAKT PAGE START*/

	.kontakt-wrapper-top-right {
		width: calc(100%);
		padding-left: 0;
	}

	.kontakt-wrapper-top-right-top {
		margin-top: 30px;
	}

	.kontakt-form-wrapper {
		margin-top: 0;
	}

	.form-field {
		margin-top: 20px;
	}

	/*KONTAKT PAGE END*/

	.video iframe {
		width: 100% !important;
		height: 300px !important;
	}

	.ce-gallery[data-ce-columns="2"] .ce-row .ce-column{
		width: 50%;
	}

	.ce-gallery[data-ce-columns="3"] .ce-row .ce-column{
		width: 100%;
	}

	.ce-gallery[data-ce-columns="4"] .ce-row .ce-column{
		width: 100%;
	}

	.ce-gallery[data-ce-columns="5"] .ce-row .ce-column{
		width: 100%;
	}

	.ce-gallery[data-ce-columns="6"] .ce-row .ce-column{
		width: 100%;
	}

}



@media(max-width: 576.99px){



	h1{

		font-size: 32px;

		line-height: 38px;

	}



	h2{

		font-size: 26px;

		line-height: 32px;

	}



	h3{

		font-size: 24px;

		line-height: 32px;

	}



	h4{

		font-size: 22px;

		line-height: 28px;

	}



	h5{

		font-size: 20px;

		line-height: 26px;	

	}



	h6{

		font-size: 18px;

		line-height: 24px;

	}



	.header-top-mail, .header-top-tel {

		margin-right: 10px;

	}



	.header-top-inner {

		font-size: 14px;

	}



	.card-header .btn.btn-link {

		font-size: 16px;

		line-height: normal;

		background-size: 18px;

	}

	.card-header .btn.btn-link[aria-expanded="false"]::before , .dark-theme .card-header .btn.btn-link[aria-expanded="false"]::before {
		background-size: 16px auto;
		top: 12px;
	}

	.card-header .btn.btn-link[aria-expanded="true"]::before , .dark-theme .card-header .btn.btn-link[aria-expanded="true"]::before {
		background-size: 16px auto;
		top: 12px;
	}

	.ce-gallery[data-ce-columns="2"] .ce-row .ce-column{
		width: 100%;
	}

}