@media (min-width: 1240px) {
	
}

@media (min-width: 992px) and (max-width: 1200px){
	a.button, .button {
		font-size: 15px;
		padding: 0px 19px;
	}

}

@media (max-width: 1200px) {

	#intro .content {width: 60%}

/* SK buttons */
body.page-id-8885 #intro .content {
    width: 70%;
}	
html:lang(it) .eco-section-1 .right-area {
    padding: 60px 0 50px 80px;
}
}

@media (max-width: 991px) {
html:lang(it) .eco-section-1 .right-area {
    padding: 60px 0 50px 80px;
}
/* SK buttons */
body.page-id-8885 #intro .content {
    width: 100%;
}

	/*#video {padding: 120px 0px}*/
	#danfoss_video {display: none;}
	#video {background-image: url(../images/video_bg.jpg); background-size: cover;background-repeat: no-repeat;background-position: top left;}

	.app_text,.download_links {text-align: center;}
	.download_links a {margin: 0px 10px 20px 10px;display: inline-block;}
	#iphone {margin-top: 30px}
	.tabs .tab {padding: 0px 10px}
	
	.lang_picker_wrapper{
		float: right;
		text-align: center;
		vertical-align: top;
	}

	.lang_picker_wrapper .lang_switcher {
		display: inline-block;
		margin-bottom: 0px;
		padding-left: 0px;
		margin-left: 20px;
		margin-top: 0px;
		margin-right: 20px;
		vertical-align: middle;
	}

	#navigation a.contactus_button{
	    margin-top: 10px;
		padding: 0px 10px;
		vertical-align: bottom;
		display: inline-block;
	}

	#case_study #slider i{
		left: -20px;
		font-size: 30px;
	}
	
	#case_study #slider i.next{
		right: -20px;
		font-size: 30px;
	}
	
	#case_study #slider i {
		--moz-transform: rotate(90deg) translateX(-50%);
		-webkit-transform: rotate(90deg) translateX(-50%);
		-o-transform: rotate(90deg) translateX(-50%);
		-ms-transform: rotate(90deg) translateX(-50%);
		transform: rotate(90deg) translateX(-50%);
	}
	
	#case_study #slider i.next {
		--moz-transform: rotate(-90deg) translateX(50%);
		-webkit-transform: rotate(-90deg) translateX(50%);
		-o-transform: rotate(-90deg) translateX(50%);
		-ms-transform: rotate(-90deg) translateX(50%);
		transform: rotate(-90deg) translateX(50%);
	}
	
#navigation ul li {
    padding-right: 15px;
    margin-right: 15px;
}
	
}
	

	
}

@media (min-width: 768px) and (max-width: 991px) {
	.link_box {padding: 30px}
	.link_box p {padding: 0}

	.box.savings > div span {font-size: 44px}

	.button.anchor_link{
		font-size: 11px;
		padding: 1px 6px;
	}

	#navigation ul li {
		display: inline-block;
		position: relative;
		padding-right: 5px;
		margin-right: 5px;
		font-size: 9px;
	}
	
	#navigation ul li a {
		font-size: 13px;
	}
	
	.lang_switcher {
		margin-left: 5px;
	}
}

@media (max-width: 767px) {

	#mobile-indicator{
		display: none;
	}

	.lang_switcher .langList{
		left: 50%;
		transform: translateX(-50%);
	}

	#navigation ul{
		float: none;
		text-align: center;
	}

	#navigation ul li {
		display: block;
		padding-right: 0; 
        margin-right: 0; 
	}

	#navigation ul li:after{
		display: none;
	}

	.button.anchor_link {
		margin-bottom: 3px;
		display: block;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	.section_wrapper {padding: 20px 0px}
	#logo {display: none}
	#logo_mobile {
		display: block;
		width: 173px;
         height: auto;
	}
	#logo_wrapper .slogan {padding-top: 3px}
	#logo_wrapper .slogan strong {display: block;}

	h2 {margin: 0px 0px 10px 0px;font-size: 30px;line-height: 36px}
	h4 {margin: 0px 0px 20px 0px;font-size: 16px;line-height: 22px;}

	#intro {background-image: url(../images/intro_bg_mobile.jpg);background-position: top right;padding-bottom: 20px}
	#intro #hand {display: none;}
	#hand_mobile {display: block;position: absolute;top: 30px;left: 0}
	#intro .content {padding-top: 300px}

	#video {padding: 60px 0px}

	.link_box {margin-bottom: 20px}

	.iphone_wrapper {display: none;}

	.box {margin-bottom: 20px}

	.case_study_item_details .buttons {text-align: left;padding-top: 20px}
	.case_study_item_details {width: 100%}
	.case_study_item_details .desc {font-size: 18px;line-height: 24px;}
	.case_study_item_details .desc:before {display: none;}
	.case_study_item_details .desc span {display: inline-block;}
	
	.tabs .tab {float: none;width: 100%;padding: 10px;text-align: left;}
	.tabs .tab span.img-wrapper {float: left;}
	.tabs .tab img {margin: 0;margin-right: 20px}

	#find_installer {padding: 20px 0px; text-align: center;}

	#faq h2 {text-align: center;}

	#costs_calculator {text-align: center;}
	#costs_calculator .calc_results {text-align: left;}
	.recomended_product {padding: 10px;margin-bottom: 3px}
	.recomended_product .img_wrapper {float: left;}
	.recomended_product .title,
	.recomended_product .value {text-align: right;}
	.recomended_product img {
	  display: block;
	  margin-bottom: 0px;
	  width: 50px;
	}
	.price_wrapper .price {float: none;}
	.price_wrapper .warning {float: none;margin: 0;width: 100%}

	#tabs .inner-tabs {max-width: 100%; }
	
	#link_family .hc img { max-width: 90px; }

	.wpcf7-form-control.wpcf7-checkbox {white-space: normal;} 
}

@media (max-width: 640px) {

	header a.contactus_button {display: none;}
	header .lang_switcher {margin-top: 10px}

	#intro .content {padding-top: 350px;width: 100%;text-align: center;}
	#intro .content img {display: inline-block;}

	.rythm_box_wrapper {margin-left: -15px;margin-right: -15px}
	.rythm_box {width: 100%}
	.rythm_box .image_wrapper {padding-left: 0;padding-right: 0}
	.rythm_box img {display: inline-block;}
	.rythm_box .text_wrapper {border:none;}

	footer .contactus_button {display: none;}
	footer .copyright {width: 100%;float: none;text-align: center;padding: 10px;line-height: 16px}
	footer .lang_picker_wrapper {float: none;text-align: center;margin-bottom: 10px}
	.lang_switcher .langList {position: absolute;margin: 0}

	#navigation ul li::after {top: 14px}
	#navigation ul li {margin-right: 10px;padding-right: 10px;}
	#navigation ul li a {font-size: 13px;line-height: 50px}
}

@media (max-width: 480px) {

	#contact {text-align: center;}
}

@media (max-width: 479px) {
	
	header .lang_switcher {font-size: 11px;margin-left: 0px}
	#navigation ul li a {font-size: 11px}
	#navigation ul li {margin-right: 5px;padding-right: 5px}
	.download_links a {display: block;}

	.case_study_item_details .desc {text-align: center;}

	.case_study_item_details .button {width: 100%;margin-left: 0;margin-right: 0;text-align: center;}
	.calc_results .button {margin: 0}
	#tabs .root-tabs li { min-width: 150px; width: 50% !important; }
}

@media (max-width: 400px) {

	#case_study .slick-slide {margin: 20px 50px 50px 50px;}
	#logo_wrapper .slogan { font-size: 13px; }
}

@media (min-width: 768px) and (max-width: 1023px){
	#navigation .navbar-header{
		float: right !important;
	}
}




/* Danfoss Eco media screens */

@media(max-width: 1199px){
.cookie-popup-gdpr .aco-cont-header .title:nth-child(4) {
    padding-left: 6px;
}
.cookie-popup-gdpr .aco-cont-header .title:nth-child(4):before {
    left: -13px;
}
.eco-section-7.product-section .inner .text-list {
    padding: 50px 15% 50px 15%;
}
.eco-section-7.product-section .eco-section-7-a .inner .text {
    min-height: 235px;
}
.eco-section-7.product-section .eco-section-7-a-2 .inner .text-list {
    padding: 70px 15% 70px 15%;
}
.eco-section-1 {
    min-height: 470px;
}
.eco-section-1 .eco-image-left {
    height: 470px;
}
.eco-section-1 .right-area {
    padding: 140px 0 50px 80px;
}
#video.video-eco {
    min-height: 470px;
}
#video.video-eco {
    padding: 190px 0px;
}
.eco-section-4 .right-area .big-image {
    margin-top: 235px;
}
.eco-section-7.product-section .eco-section-7-a .image img {
    margin-bottom: 7px;
}
.eco-section-3 canvas {
    width: 500px !important;
	height: 400px !important;
}
.eco-section-3 .left-area {
       padding-top: 25px;
}
.eco-section-4 .iphone_wrapper {
    margin-left: 0px;
}
.eco-section-9 #animation_container2, .eco-section-9 #canvas2 {
    width: 400px !important;
    height: 311px !important;
}
.eco-section-home .left-area {
    padding: 80px 0 20px 20px;
}
}

@media(max-width: 991px){
	.cookie-popup-gdpr .aco-cont-header .title:nth-child(4) {
    padding-left: 2px;
}
.cookie-popup-gdpr .aco-cont-header .title:nth-child(4):before {
    left: -19px;
}
.eco-section-1 {
	 background-size: 100% 100%;
}
.eco-section-1 .right-area {
    padding: 140px 0 20px 40px;
}
.eco-section-3 .left-area {
       padding-top: 20px;
}
.eco-section-4 .iphone_wrapper {
    margin-left: -45px;
}
.eco-section-4 .left-area img {
   /* max-width: 200px;*/
}
.eco-section-4 .right-area .big-image {
    margin-top: 330px;
}
.eco-section-6 .col-sm-6 {
	margin-bottom: 20px;
}
.eco-section-7.product-section .inner .text, .eco-section-7.product-section .inner .text-list {
    padding: 50px 5% 50px 5%;
}
.eco-section-7.product-section .inner .text-list .button {
    margin-top: 40px;
    margin-left: 20px;
}
.eco-section-7.product-section h2 {
    min-height: 90px;
}
.eco-section-9 .col-md-6 {
    padding: 30px 40px 30px 40px;
}
.eco-section-9 .grey-sec {
    min-height: 350px;
}
.eco-section-7.product-section .eco-section-7-a-2 .inner .text-list {
    padding: 172px 0 132px 0;
}
.eco-section-7.product-section .eco-section-7-a .inner .text {
    min-height: 300px;
}
.eco-section-7.product-section .eco-section-7-a .image img {
    margin-bottom: 2px;
}
.eco-section-3 canvas {
    width: 400px !important;
	height: 320px !important;
}
.eco-section-9 #animation_container2, .eco-section-9 #canvas2 {
    width: 310px !important;
    height: 241px !important;
}
.eco-section-9 #animation_container2 {
    margin-top: -10px;
}

.eco-popup {
	width: 90%;
    left: 5%;
    margin-left: 0px;
}
.eco-popup .left-image img{
	width: 100%;
	height: auto;
}
.eco-popup .right-text {
    margin-top: 30px;
    padding-right: 30px;
}
.eco-popup h2 {
    margin-bottom: 10px;
}
.eco-popup .button {
    margin-top: 10px;
}

}

@media(max-width: 767px){
		/* Cookie popup GDPR */
.cookie-popup-gdpr p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.cookie-popup-gdpr .details-cont h2 {
	font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.cookie-popup-gdpr .close {
    padding-left: 10px;
    padding-right: 12px;
	position: absolute;
	top: 15px;
	right: 30px;
}
.cookie-popup-gdpr .cookie-top {
    padding: 25px 0px 20px 0px;
}
.cookie-popup-gdpr .text-cont {
    float: left;
    width: 100%;
}
.cookie-popup-gdpr h2 {
    font-size: 18px;
    line-height: 24px;
	margin-bottom: 20px;
}
.cookie-popup-gdpr .aco-cont-header .title{
    display: none;
}
.cookie-popup-gdpr .aco-cont-header .title:nth-child(1){
    display: block;
	color: #869098;	
	font-size: 14px;	
	font-weight: bold;	
	line-height: 18px;
	width: 100%;
    border-bottom: 2px solid #cdd3d8;
}
.cookie-popup-gdpr h2.accordion-header-inner {
    width: 100%;
	    padding: 20px 15px 20px 15px;
}
.cookie-popup-gdpr .accordion-content-inner {
   width: 100% !important;
    margin-top: 0px;
    display: none;
    padding: 10px 15px 20px 15px;
}
.cookie-popup-gdpr .accordion-content-inner .item-cont {
    width: 100% !important;
	padding: 10px 0px 10px 0px;
}
.cookie-popup-gdpr .accordion-header-inner .title {
    
}
.cookie-popup-gdpr .accordion-content-inner .item-cont .title {
    display: block;
	color: #869098;	
	font-size: 14px;	
	font-weight: bold;	
	line-height: 18px;
	    width: 35%;
    float: left;
	line-height: 24px;
}
.cookie-popup-gdpr .accordion-content-inner .item-cont .details {
	width: 65%;
    float: left;
	font-size: 14px;
    line-height: 24px;
}
.cookie-popup-gdpr .accordion-header-inner .details {
    font-size: 14px;
    line-height: 24px;
}
.cookie-popup-gdpr .accordion-content {
    padding: 10px 0px 10px 0px;
}
.cookie-popup-gdpr .accordion-content .description {
    padding-left: 15px;
	padding-right: 15px;
}
.cookie-popup-gdpr h2.accordion-header {
    padding: 20px 15px 20px 15px;
}
.cookie-popup-gdpr .inactive-header:after, .cookie-popup-gdpr h2.accordion-header.active-header:after {
   
}
.cookie-popup-gdpr .aco-cont-inner {
    padding: 0px;
}
.cookie-popup-gdpr .inactive-header-inner:after, .cookie-popup-gdpr h2.accordion-header-inner.active-header-inner:after {
    
}
.cookie-popup-gdpr h2.accordion-header-inner.active-header-inner {
   
}
/* Cookie popup gdpr end */
.eco-popup {
	width: 80%;
    left: 10%;
	position: absolute;
}
.eco-popup .right-text {
    padding: 0px 30px 30px 30px;
}

.eco-section-home .col-md-6 {
    width: 100%;
}
.eco-section-home {
    background-size: 100% 100%;
}
.eco-section-home .left-area {
    padding: 40px 0 30px 0px;
}
.eco-section-4 .iphone_wrapper {
        display: block;
}
.eco-section-4 .right-area .big-image {
    margin-top: 100px;
}
.eco-section-4 .iphone_wrapper {
    margin: 0 auto;
}
.eco-section-4 .left-area {
    /*display: none;*/
}
.eco-section-4 #iphone {
    margin-left: -35px;
}
.eco-section-3 canvas {
        width: 100% !important;
    height: 100% !important;
    padding-right: 20px;
    padding-bottom: 20px;
}
.eco-section-7.product-section .eco-section-7-a .inner .text {
    min-height: 210px;
}
.eco-section-7.product-section .eco-section-7-a-2 .inner .text-list {
        padding: 50px 0% 50px 0%;
}

.eco-section-7.product-section h2.first-h2 {
    
}
.eco-section-7.product-section h2.second-h2 {
        margin-top: 30px;
}
.eco-section-7.product-section h2 {
    min-height: 40px;
}
.eco-section-1 .right-area {
    font-size: 22px;
    line-height: 28px;
}
.eco-section-1 .right-area strong {
    font-size: 30px;
}
.eco-section-1 {
    text-align: center;
}
.eco-section-1 .right-area small {
    line-height: 20px;
    float: none;
    margin-right: 0px;
}
.eco-section-1 .right-area strong {
    padding-top: 5px;
}
.eco-section-1 .right-area {
    padding: 50px 0 50px 0px;
}
.eco-section-1 .eco-image-left {
    height: 250px;
}
/* Section 3*/
.eco-section-3 {
    text-align: center;
}
.eco-section-3 .left-area img {
    margin-bottom: 30px;
}
.eco-section-3 .left-area {
    padding-top: 40px;
}
/* Section 4 */
.eco-section-4 .left-area {
    padding-top: 50px;
    float: left;
    width: 100%;
}
.eco-section-4 {
    padding: 50px 0px 5px 0px;
}
.eco-section-4 .left-area .inner, .eco-section-4 .right-area .inner {
    padding-bottom: 50px;
}
.eco-section-4 .right-area {
    float: left;
    width: 100%;
}
/* Section 5 */
.eco-section-5 {
    text-align: center;
}
.eco-section-5 .right-area {
    background-position: right -200px bottom;
    /* background-size: 100%; */
    background-repeat: no-repeat;
    margin-bottom: -50px;
}
/* Section 6 */
.eco-section-6 h2 {
    text-align: center;
    font-weight: 300;
    padding: 0px 30px 30px 30px;
}
.eco-section-6 .inner {
    border-top: 2px solid #ff0004;
}
.eco-section-7.product-section .inner .text-list .button {
    margin-left: 15%;
    margin-right: 15%;
	width: 70%;
}

/* Section 7 */
.eco-section-7 .img-box-sec-7-left .inner {
	width: 90%;
	padding-left: 10px;
}
.eco-section-7 h2 {
    padding: 0px 20px 10px 20px;
}
.eco-section-7 .text-sub {
    padding: 0px 20px 0px 20px;
}
.eco-section-7 .img-box-sec-7-right .inner {
	width: 90%;
	padding-right: 10px;
}
.eco-section-7 .img-box-sec-7-left .inner img{
	width: 100%;
	height: auto;
}
.eco-section-7 .img-box-sec-7-right .inner img {
	width: 100%;
	height: auto;
}
.eco-section-7 .img-box-sec-7-left {	
    float: left;
    width: 50%;
}
.eco-section-7 .img-box-sec-7-right  {
	float: right;
    width: 50%;
}
.eco-section-7 .img-box-sec-7-left .inner:before, .eco-section-7 .img-box-sec-7-right .inner:before {
    background-size: 293px;
    background-position: 0px;
}
/* Section 8 */
.eco-section-8 {
    padding: 20px 0px 50px 0px;
}
.eco-section-8 h2 {
    padding: 0px 20px 0px 20px;
}
.eco-section-8 .text-sub {
    padding: 0px 20px 0px 20px;
}
/* Section 9 */
.eco-section-9 .grey-sec .inner img {
    margin-left: -20px;
}
.eco-section-9 .grey-sec {
    min-height: 200px;
}
.eco-section-9 .grey-sec .inner {
    float: none;
}
.eco-section-9 .inner {
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.eco-section-9 h2 {
    font-size: 26px;
    line-height: 30px;
	text-align: center;
}
.eco-section-9 #animation_container2 {
    width: 100% !important;
    height: 100% !important;
	    margin-bottom: 20px;
}
.eco-section-9 #canvas2 {
    width: 350px !important;
    height: 272px !important;
	position: relative !important;
	margin: 0 auto;
}
/* Section 10 */
.eco-section-10 {
    padding: 20px 15px 50px 15px;
    border-top: 0px solid #ffffff;
}
.eco-section-10 .image-box {
        float: left;
    width: 50%;
}
.eco-section-10 .text-box{
    float: left;
    width: 50%;
	padding-top: 20px;
}
.eco-section-10 .col-md-6, .eco-section-10 .col-md-12 {
    width: 100%;
    float: left;
	    margin-bottom: 20px;
		    padding-bottom: 10px;
}
.eco-section-10 .col-md-6{
    border-right: 0px solid #ffffff;
}
.eco-section-10 .button {
    width: 140px;
}
.eco-section-10 h2 {
    margin-bottom: 30px;
}
/* Section 11 */
.eco-section-11 {
    padding: 50px 0px 10px 0px;
}
.eco-section-11 h2 {
    padding: 0px 20px 0px 20px;
}
.eco-section-11 .col-md-6.grey-box .inner {
    padding: 20px;
}

}

@media(max-width: 480px){
#screenshot_slider2 {
    margin-left: 80px;
    padding-top: 69px;
    height: 430px;
    width: 196px;
    position: relative;
}
.eco-section-4 #iphone {
    margin-left: -25px;
    background-size: 300px;
	height: 500px;
}
.eco-section-4 .iphone_wrapper {
    width: 300px;
}
.eco-section-1 .eco-image-left {
    height: 200px;
}
#video.video-eco {
    background-image: url(/wp-content/themes/danfoss/images/video-bg-mobile.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
	padding: 155px 0px;
}
.eco-section-5 .right-area {
    background-position: right -150px bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: -50px;
	height: 450px;
}
.eco-section-7 .img-box-sec-7-left .inner {
	width: 100%;
}
.eco-section-7 .img-box-sec-7-right .inner {
	width: 100%;
}
.eco-section-7.product-section .inner .text-list .button {
    margin-left: 5%;
    margin-right: 5%;
	width: 90%;
}
.eco-section-10 .text-box{
	padding-top: 0px;
}
.eco-section-9 .col-md-6 {
    padding: 30px 20px 30px 20px;
}

}

@media(max-width: 380px){
.eco-section-4 #iphone {
    margin-left: -40px;
}
.eco-section-4 .iphone_wrapper {
    width: 280px;
}
.eco-section-1 .eco-image-left {
    height: 150px;
}
.eco-section-7.product-section .inner .text-list .button {
    margin-left: 0px;
    width: 100%;
}
.eco-section-5 .right-area {
    background-position: right -100px bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: -50px;
    height: 350px;
}
.eco-section-9 #canvas2 {
    width: 280px !important;
    height: 218px !important;
}
}