.triline {
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    width: 1em;
    height: 1em;    
}

.triline * {
    display: block;
    position: relative;
    background-color: #333;
    width: 100%;
    height: 2px;         
}

.triline *:before, .triline *:after {
    content: "";
    position: absolute;
    left: 0;
    background-color: inherit;  
    width: 100%;
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    transition: transform 0.4s;
}

.triline:hover *, .triline:hover *:before, .triline:hover *:after {
    background-color: #ed1b2d;   
}

.red .triline *, .red .triline:hover *, .red .triline:hover *:before, .red .triline:hover *:after {
    background-color: #fff !important;
}

.mlink {
    display: none;
}
.triline {
    width: 20px;
    height: 16px;
}

.mlink .triline {
    top: 0.8125em;
    padding-top: 5px;
    line-height: 4em;
}

.triline *:before, .triline *:after {
    height: 2px;
}

.triline *:before {   
    top: -6px;
}
.triline *:after {   
    bottom: -6px;
}

.triline.active * {   
    background: transparent;
}

.triline.active *:before {
    top: 0;
    background-color: #333;    
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); 
    transform: rotate(-45deg);
}

.triline.active *:after {
    bottom: 0;
    background-color: #333;       
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu.mobile {
    display: none;
}

.stacktable.large-only {
    display: table;
}

.stacktable.small-only {
    display: none;
}

@media (min-width: 1024px) {
	.menu.mobile {
		display: none !important;
	}
}

@media only screen and (min-width: 0) and (max-width: 1024px) {
    html {
		font-size: 16px;
    }
    h1, .main-hdr {
		font-size: 1.75em;
    }
    .wrapper {
        width: 86%;
    }  
    .page-top .grid, .page-top .logo, .page-top .menu li  {
		height: 4rem !important;
		line-height: 4rem !important;
    }
    .page-top .logo {
		width: 130px;
    }
    .tools {
		float: right;
    }
    .tools .phonetxt {
		font-size: 0.9375em;   
    }
    .tools .icon:before {
		font-size: 1em;
    } 
    #menu-main {
        display: none;
    }
    .page-top .tools .menu li.mlink {
		display: inline-block;
		margin-left: 1.5em;
    }
    .page-main {
		margin-top: 4rem;
    }      
    .greyline {
		height: 0.5rem;
		margin-bottom: 1.5rem;
    }
    .redline {
		top: 2.125rem;
		height: 2rem;
    }    
    .path {
		padding: 0 0 1rem;
    }    
    .page-main .grid.col2-2 > .box, .page-main .grid.col2-1 > .box {
		width: 100%;
		padding: 0 !important;
    }
    .box.sub .menu {
		display: none;
    }
    .box.sub .promo {
		display: block;
		margin: 0 0 3rem;
    }
	.fit-kamin #combo .price {
		display: block;
		margin: 0 0 1rem;
	}
    .price-block .btn {
		width: 80%;
    }   
    .btn {
		height: 2.25rem;
		line-height: 2.25rem;
    }    
    .form input {
		height: 2.25rem;
    }
    .prod .price-block .price {
		font-size: 1.25em;
		line-height: 2.25rem;
    }       
    .box.ftr-link {
		display: none;
    }
    .box.ftr-cnt {
		width: 100%;
		padding: 0 !important;
    }
    .btm li:last-of-type {
		text-align: left;
    }
    .menu.mobile {
		position: fixed;
		top: 4em;
		left: 0;
		background-color: #ed1b2d;
		color: #FFF;
		width: 100%;
		padding: 2em 0 1em;
		line-height: 1;
		text-transform: uppercase;
		z-index: 1000;
		max-height: calc(100vh);
		overflow-y: scroll;
    }    
    .menu.mobile > li {
		margin: 0 0 1.5em 7%;
		padding: 0;	
		display: block;
    }	
    .menu.mobile li a {
		display: inline-block;		
        color: #FFF;
		font-weight: 400;
		font-size: 1em;
    }
    .menu.mobile li a.active {
        font-weight: 700;
    }
	.menu > li > ul > li {
		padding: 0 0 0.5em;
	}
    .menu.mobile .triline.active * {   
        background: transparent;
    }  
    .menu.mobile .triline {
		position: absolute;
		right: 7%;
		top: 0.5rem;
		padding-top: 0.5em;	
    }    
    .menu.mobile .triline *, .menu.mobile .triline *:before, .menu.mobile .triline *:after {
        background-color: #FFF;	
    }
    .menu.mobile .mbl span {
		display: none;
    }
    .menu.mobile ul {
		padding: 1em 0 1em 1.5em;
    }
    .menu.mobile .mbl ul {
		display: block;
		padding-top: 0.5em;
		font-size: 1em;
    }
    .menu.mobile .mbl ul li+li {
		padding-top: 0.75em;	
    } 
    .noUi-horizontal {
		margin-bottom: 1.4em;
    }
    .noUi-handle {
		width: 12px;
		height: 17px;
		left: -3px;
		top: -7px;
    }
    .noUi-handle.noUi-handle-upper {
		left: -12px;
    }
    .filter-range > span:last-of-type {
		right: -2px;
    }
    .prodlist li > div {
		padding-bottom: 6em;
    }
    .btn.cart.kamin:after {
		content: "Almaq";
    }
    .btn.cart.portal:after {
		content: "Almaq";
    }
    .btn.cart.set:after {
		content: "Səbətdə";
    }
    .btn.cart.set:hover:after {
		content: "Sifarişə keç";
    }
    .price-block.combo .btn.kamin:after {
		content: "Seç";
    }
    .price-block.combo .btn.portal:after {
		content: "Seç";
    }
    .price-block.combo .btn.cart:after {
		content: "Dəstial" !important;
    }
    .grid.flex.viewed > li {
		width: 25% !important;
    }
    .grid.flex.viewed > li > div {
		padding-bottom: 1rem; 
    }
	.grid.col3-2 > * {
		width: 100% !important;
		float: none;
		margin: 0 0 2rem 0 !important;
		padding: 0 !important;
	}
	.path li:nth-child(n+4) {
		display: none;
	}
	.colors li:hover p {
		display: none;   
	}
	.itemline .grid.col4 > li {
		width: 50% !important;
	}
	.tech .grid.col4 > .box {
		width: 50% !important;
		margin: 0 0 2rem 0 !important;
	}
	.tech .grid.col4 > .box:after {
		display: none;
	}
	.tech .pic {
		height: 5em;
	}
	.itemline .hvr {
		padding-left: 5em;
	}
	.item .txt, .item .title {
		font-size: 1em;
	}
	.filter-group .title img {
		display: none;
	}
	.fit-kamin .prod-filter .title {
		font-size: 0.75em;
	}		
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    .mrg {
		margin: 0 0 2em;
    }
    .ballon > li {
		margin-bottom: 0.75em !important;
    }
    .grid.col3 > *, .grid.col4 > * {
		width: 33.33% !important;
		padding: 0 1rem 0 1rem !important;
    }
    .ctl-sect .marks {
		margin-top: 1em;
    }
    .grid.flex li {
		width: 33.33% !important;
		padding: 0 1em 1em !important;
    }
    .tile {
		width: 31%;
    }  
    .tile-gap {
		width: 3.5%;
    }
	
	.mfp-wrap .mfp-arrow:before {
		text-shadow: 0px -1px 0px #555;		
	}

	.mfp-wrap .mfp-arrow {
		width: 2rem;		
	}
	.mfp-wrap .mfp-close {
		height: 3rem;
		width: 3rem;
	}
	
	.media.half .title, .media.full .subtitle {
		font-size: 1.5em;
	}
	.item-count {
		font-size: 1.25em;	
	}
	.main-gallery .mfp-img-frame {
		padding: 1em;
	}
	img.mfp-img {
		padding: 1em;
	}
	.fit-kamin .filter-group {
		display: inline-block;
	}
	.fit-kamin > .box {
		width: 100% !important;
		float: none;
		padding: 0 !important;
	}
	.fit-kamin #combo-block {
		position: relative !important;
		top: auto !important;
		bottom:  auto !important;
	}
	.fit-kamin .prod-filter form {
		padding: 1.25rem;
	}	
	.fit-kamin .filter-group {
		display: block;
		width: 100% !important;
		padding: 0 0 1rem !important;
	}	
	.fit-kamin .prod-filter .title {
		font-size: 1em;
	}
	.prod-filter .reset {
		display: block;
		position: relative;
		text-align: center;
		bottom: 0;
		right: 0;
	}
	.fit-kamin h2 {
		text-align: center;
	}	
}

@media only screen and (min-width: 0) and (max-width: 600px) {
    .page-top .logo {
		width: 90px;	
    }
    .grid > *, .grid.col3 > *, .grid.col4 > *, .itemline .grid.col4 > li, .tech .grid.col4 > .box {
		width: 100% !important;
		float: none;
		margin: 0 0 2rem 0 !important;
		padding: 0 !important;
    }
	.form .grid.col2-ext {
		flex-direction: column-reverse;
	}
	.itemline .grid.col4 > li {
		padding: 2em 0 !important;
		margin: 0 !important;
	}
	.media.full, .media.full li {
		height: calc(30vh);
		min-height: 15rem;
	}
	.tech .box:after {
		display: none !important;
	}
	.media video {
		height: 100%;
	}
    .sub .menu {
		margin-top: 2em;
    }    
    .columns {
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        column-count: 1 !important;
    }
	.prod-filter form {
		padding: 1.25em;
	}
    .filter-group {
		padding: 0 0 2em 0;
		display: block;
    }
    .filter-group .filter-range {
		min-width: 100%;
    }
    .filter-inline {
		display: block;
    }
    .ctl-sect .box:nth-child(3n+1) {
		padding: 0 1rem 0 0 !important;
		width: 30% !important;
    }
    .ctl-sect .box:nth-child(3n+3) {
		padding: 0 0 0 1rem !important;
		width: 70% !important;	
    }        
    .ctl-sect .box:nth-child(3n+2) {
		display: none;
    }
    .grid.ctl-sect .box:nth-child(3n) .hdr {
		display: block;
		font-size: 1em;
		font-weight: 400;
    }
    .ftr-cnt .box {
		text-align: center;
		margin: 0 !important;
    }
    .btm li {
		width: 100% !important;
		padding: 0 !important;
		margin-bottom: 2em;
		text-align: center !important;
    }
    .prod .box {
		width: 100%;
		padding: 0 !important;
		margin: 0 0 3rem 0!important;
    }
    .grid.flex li {
		width: 50% !important;
    }
    .grid.prod {
		margin: 3em 0 0;
    }
    .grid.flex.viewed > li {
		width: 50% !important;
    }
	.media.half .subtitle {
		text-align: center !important;
	}
    .d3-box, .view-3d {
        width: 220px;
    }
    .insertion {
        width: 50%;
    }
	.pic-set:not(.vertical) .preview a:nth-child(n+3) {
		display: none;
	}
	.pic-set.vertical .current {
		width: 100%;
	}
	.pic-set.vertical .preview {
		display: none;
	}
	.pic-set .item-count.desktop {
		display: none;
	}
	.pic-set .item-count.mobile {
		display: block;
	}
	.main-gallery .mfp-img-frame {
		padding: 0;
	}
	.media .title {
		line-height: 1.25em;
		letter-spacing: 0.05em;
		font-size: 1em;
	}
		.item-fld-menu > li {
		margin-right: 1rem;
		letter-spacing: 0.075em;		
	}
	.item-fld-block {
		padding: 1rem 1em 0;
	}
	.item-fld-frame.fixed {
		padding-top: 6em;
	}
    .page-top .box:nth-child(1) {
		width: 12% !important;
		padding: 0 !important;
    }
    .page-top .box:nth-child(2) {
		width: 88% !important;
    }
    .page-top .logo {
		width: 24px;
		background-image: url('../img/dimplex-logo-red-mobile.svg');	
    }
	.grid.flex li {
		width: 100% !important;
		padding: 0 !important;
		float: none;
    }
	h1, .main-hdr {
		font-size: 1.5em;	
	}
    .stacktable {
        width: 98%;
    }
    .st-head-row {
        padding-top: 2em;
    }
    .st-head-row.st-head-row-main {
        padding-top: 0;
    }
    .st-key {
        width: 49% !important;
        text-align: left;
        padding-right: 1%;
    }
    .st-val {
        width: 49% !important;
        padding-left: 1%;
    }
    .stacktable.large-only {
        display: none;
    }
    .stacktable.small-only {
        display: table;
    }
    .stacktable.small-only td:after {
        display: none;
    }
    .stacktable.small-only td {
        border-bottom: 1px solid #DDDDDD;
        padding: 1em 0;
    }
    .stacktable.small-only td.st-key {
        padding-right: 1em;
    }
    .st-head-row {
        font-weight: 400;
        padding: 1.5em 0 0.5em;
    }    
    .tbl-format {
        font-size: 1em;
    }
	.mfp-iframe-modal {
		padding: 1.25rem 1.5rem;
	}
    .form-ctrl >* {
		text-align: center;
		display: block;
		margin-bottom: 1rem;
		height: 2.75rem;
		line-height: 2.75rem;
		width: 100%;
    }
	.form.border {
		padding: 1.5rem 0;
		border: 0;
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
	}
	.tbl-cart .param-line {
		display: inline-block;
	}
	.city-select {
		display: none;
	}
	.btn.cart:after, .btn.cart.kamin:after, .btn.cart.combo:after, .btn.cart.portal:after, .price-block.combo .btn.cart:after {
		content: "Almaq" !important;
	}
	.media.full .title {
		font-size: 1.5em;
	}
	.media.half .title, .media.full .subtitle {
		font-size: 1.25em;
	}
	.media .txt .btn {
		margin-top: 1em;
	}
	.prod-filter .reset {
		bottom: 1rem;
		right: 1rem;
	}
	.mfp-glr {
		padding: 1rem 0;
	}
	.mfp-glr .thumb {
		width: 4rem;
		height: 3rem;
		margin: 0 0.5rem 1rem;
		padding: 0.25rem;
	}
	.search-block form {
		width: 100%;
		padding: 2rem 0;		
	}
	.search-block .close {
		top: -1rem;
	}
    .d3-box, .view-3d {
        width: 200px;
    }	
	.filter-switch {
		display: block;
		background-color: #b2b4b5;
		color: #FFFFFF;		
		width: 100%;
		padding: 1em 0;
		text-align: center;
		margin-bottom: 2em;
	}
	.filter-switch:before {
		display: inline-block;
		content: "\276e";
		margin-right: 0.8em;
		line-height: 1;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.filter-switch.active:before {
		content: "\276f";
	}	
	.filter-switch:after {
		content: "Фильтры";
	}
    .filter-block .prod-filter {
		display: none;
    }
    .prod-filter.show {
		display: block;
    }
	.sort-block {
		text-align: center;
	}
	.content img {
		max-width: 100%!important;
	}
    .insertion {
        width: 100%;
    }
	.hdr-block.selector > div {
		position: relative;
		margin-bottom: 2em;
	}
	.insertion .pic {
		display: none;
	}
	.pic-left, .pic-right {
		float: none;
		width: 100% !important;
		height: auto !important;
		margin: 0em 0 0.5em;
	}
	.video-frame {
		width: 100%;
		float: none;
		padding: 0.5em 0;
	}
	.map {
		height: 20em;
	}
}

@media only screen and (min-width: 0) and (max-width: 375px) {   
    .d3-box, .view-3d {
        width: 180px;
    }
	.sort-block > span {
		display: none;
	}	
}

@media only screen and (min-width: 0) and (max-width: 360px) {   
    .d3-box, .view-3d {
        width: 150px;
    }
}