#CrossBurgerMenu {
    right: 20px;
    top: 25px;
    width: 3.3em;
    height: 3em;
    float: right;
}

#CrossBurgerMenu .closeBtn.cross .svgIcon {
    width: 30px;
    fill: #fff;
    transition: .3s ease-out;
}


#burgerMenu {
    right: 35px;
    top: 25px;
    width: 3.3em;
    height: 3em;
}

#burgerMenu .bar.long {
    width: 90%;
    float: right;
}

#burgerMenu .bar.short {
    width: 60%;
    transition: .2s ease-out .2s;
    float: right;
}

#burgerMenu .bar {
    height: 2px;
    background-color: #fff;
    width: 70%;
    margin-bottom: calc(.9em - 2px);
    display: block;
    transition: .2s ease-out .1s;
    float: right;
}



#MenuBurgerOpened {
    width: 250px;
    position: fixed;
    top: 0;
    left: -500px;
    height: 100%;
    z-index: 4;
    background-color: #111;
    color: #fff;
    box-shadow: 10px 0px 10px 0px rgb(0 0 0 / 30%);
    transition: .3s ease-out;
    padding-top: 100px;
    padding-left: 30px;
}




.flexend {
    justify-content: flex-end !important;
}

.nowrap
{
white-space: nowrap;	
}

@media (min-width: 1600px)  {
    .container {
        width: 1500px;
    }
    
/*    .decor-thumb-holder {
        height: 12.5vw !important;
    }*/
    
    .closeBtn .material-icons {
        font-size: 35px;
    }
    
    .modalWin .inner {
        padding: 32px;
    }    

    
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .container {
        width: 1380px;
    }
    
/*    .decor-thumb-holder {
        height: 13vw !important;
    }
    */
}


@media (min-width: 1200px) and (max-width: 1399px) {
/*	.decor-thumb-holder {
        height: 13.5vw !important;
    }*/
}





@media (min-width: 768px) {
	#burgerMenu {
	    display: none;
	}
	
	#topMenu:not(.disabled):hover #big-menu-container {
        top: var(--header-height);
    }
    
  
}

@media (max-width: 767px) {
	#topMenuItems {
	    display: none;
	}
	
    #big-menu-container.showstatic {
        top: var(--header-height) !important;
        height: calc(100vh - var(--header-height)) !important;
        overflow-y: scroll;    
        overflow-x: hidden;
    }
    
    .actionCard {
        width: 360px !important;
        padding: 10px !important;
        margin: 20px 20px calc(12vh) !important;

    }  
  	
  	.container {
        width: 680px;
    }
}

@media (max-width:1199px) and (min-width: 992px) {

	
/*	.decor-thumb-holder {
        height: 17vw !important;
    }*/
	
	
	.modalWin {
	    max-width: 82vw;
	    max-height: 85vh;
	}
	
	.welcomeModule .svgIcon {
	    width: 40px;
	}
	
	.roundedBtn {
	    padding: .5em 1.25em .55em;
	        line-height: 1.0em;
	}

	h2, .h2 {
	    font-size: 22px;
	}

	.small, .fa.small {
	    font-size: .78em;
	}
	
    .decor-thumb-wrap img {
        max-height: 56vh !important;
    }
}

@media (max-width:1023px) and (min-width: 769px) {

	.modalWin {
	    width: 700px;
	}
	
	.modalWin .inner .cell.imageCell {
	    width: 60%;
	}
	
	.welcomeModule .svgIcon {
	    width: 40px;
	}
	
	.roundedBtn {
	    padding: .5em 1.25em .55em;
	        line-height: 1.0em;
	}

	h2, .h2 {
	    font-size: 22px;
	}

	.small, .fa.small {
	    font-size: .78em;
	}

}

@media (max-width:991px) and (min-width:768px) {
    
    .subMenu {
        margin-left: 20px;
    }
    
    #big-menu-container .container {
    margin-left: 25px;
}

    .decor-thumb-wrap img {
        /*max-height: 22vh !important;*/
    }
    
	.modalWin {
	    width: 90%;
	}
	
	.modalWin .inner .cell.imageCell {
	    width: 60%;
	}
	
	
	.fa-shopping-cart {
		font-size: x-large !important;
	}
	
	.welcomeModule .svgIcon {
	    width: 37px;
	}	
	
	#topMenuContainer {
		margin-left: 70px;
		width: 92%;
		
	}

	#cartWrapper {
		margin-left: 15px;
	}
	
	.templateBlock .sweetText p {
		font-size: 14px;
	}
	
	.welcomeModule .wmBlock {
	    padding: 25px;
	    height: 32vw;
	}

	.fa {
		font-size: small;
	}
	
	.menu-opened #MenuBurgerOpened {
    	left: 0;
	}
	
	.menu-opened .subMenuBurgerItems {
    	display: grid;
	}
	
	.blockImage {
		height: 35vw;
	}
	
	.grid .flexBlock:second-child {
	    width: 100% !important;
	}	
	
	.flexBlock.contentBlock .wrap {
	    width: 90%;
	    margin: auto;
	}
	
	.descBlock {
		height: 200px;
	}
	

}

@media (max-width:767px) and  (min-width:601px) {
	
	.decor-thumb-holder {
        height: 300px !important;
    }

	.decor-thumb-holder_search {
        height: 315px !important;
    }    

    .decor-thumb-wrap {
        height: 250px !important;
    }
    
	.hidesmx {
	    display: none !important;
	}
	
    .wide-container {
        width: 95% !important;
    }	
	
}

@media (max-width:991px) {
	
	#topMenuContainer {
		margin-left: 0px;
		width: 100%;
		
	}

	#topMenuContainer .col-xs-1 {
	    justify-content: flex-end;
	    padding: 17px;
	}
	#topMenuContainer .col-xs-11 {
		margin-left: 8.33333333%;
	    width: calc(91.66666667% - 8.33333333%);
	}	
	
	#topMenuContainer .col-sm-2 {
	    width: 0%;
	    padding: 0px;
    	margin: 0px;
	}
	
	.center {
		text-align: center;
	}
	
/*	#topMenuContainer .col-sm-7 {
	    width: 75%;
	    justify-content: flex-end;
	}
*/	

    .marginTop50 {
        margin-top: 20px;
    }
    
    #pageSlider .swiper-slide {
        padding-top: 20vh !important;
    }    

    #DevSlider .swiper-slide {
        padding-top: 15vh !important;
    } 

    #PartnerSlider .swiper-slide {
        padding-top: 5vh !important;
    }  
    
    #ProdSlider .swiper-slide {
        padding-top: 0vh !important;
    }  
    
    .text-lg {
        font-size: 1em;
    }
    
    #ProdSlider h1 {
        font-size: 30px;
        margin: 10px 0px 20px;
    }
    
    #AboutCont h1 {
        font-size: 4.5vh;
    }    
    
    #DevCont h1 {
        font-size: 4.5vh;
    }
    
    #ProdCatCont h1 {
        font-size: 4.5vh;
    } 
    
    #ProdCatCont .product-categories-navs .container {
        width: 100%;
    }    
    
}


@media (max-width:767px) {
	
	:root {
	    --swiper-theme-color: #000;
	}
	
	.productItemDescription .sides:first-child { padding-left: 10px; }
	
	.productItemTitle {
		font-size: 15px;
		text-align: left;
	}
	
	.productItemPriceWrapper .price {
		font-size: 18px;
	}
	
	.modalPrice .price {
		font-size: 15px;
	}
	
	.modalLabel {
		font-size: 15px;
		text-align: center;
	}
	.modalWin {
	    width: 85%;
	}
	
	.modalWin .inner .cell.imageCell {
	    width: 60%;
		padding-left: 10px;	    
	}
	
	
	.descBlock {
		height: 200px !important;
	}
	
	.fa-shopping-cart {
		font-size: x-large !important;
	}

	.productItemImage {
	    height: 40vw;
	    padding: 10px;
	}
	
	.welcomeModule .svgIcon {
	    width: 37px;
	}	
	
	#cartWrapper {
		margin-left: 15px;
	}
	
	.templateBlock .sweetText p {
		font-size: 14px;
	}
	
	.welcomeModule .wmBlock {
	    padding: 15px;
	    height: 240px;
	}
	
	.xsH65vw {
		    height: 325px !important;	
	}

	.fa {
		font-size: small;
	}
	
	.menu-opened #MenuBurgerOpened {
    	left: 0;
	}
	
	.menu-opened .subMenuBurgerItems {
    	display: grid;
	}
	
	.blockImage {
		height: 35vw;
	}
	

	.flexBlock.contentBlock .wrap {
	    width: 95%;
	    margin: auto;
	}
	

	.slide_section_title {
	    font-size: 2em;
	}
	
	.container {
	    padding-right: 15px;
	    padding-left: 15px;
	    margin-right: 0px;
	    margin-left: 0px;
	}
	
	.topSlider .wrapper.container {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}	

	.productItemDescription .marginTop15 {
		margin-top: 15px;
	}
	
	.flexBlock.contentBlock .iconWrapper .svgIcon { height: 40px; }
	
	.flexBlock.contentBlock {
		height: 350px;
	}
		
	.flexBlock.imageBlock {
	    height: 45vw;

	}
	
	.grid .flexBlock:last-child {
	    height: 350px;
	}

	.wrap h2 {
	    font-size: 22px;
	}
	.noflex-xs {
	    display: initial;
	    align-items: center;
	}
	
	.text-center-xs{
		text-align: center;
		margin-top: 30px;
	}
	
	.table .cell.xs-nocell {
	    display: block;
	    float: left;
	    position: static;
	    padding-top: 15px !important;
	}
	
	.productItemContainer.table {
		display: block;
	}
	
	.productItemContainer.table:after,
	.productItemContainer.table:before {
		display: table;
    	content: " ";
    	clear: both;
	}
	
	#productDescriptionWrapper.absolute { position: static; }

	.rowxs {
	    margin-right: -7px;
	    margin-left: -7px;
	}
	
	.productItemPriceWrapper {
    	padding-left: 10px;
	}
	
	.padl0 {
		padding-left: 0px;
	}
	
	.wide-container h1, h1 {
        font-size: 4vh !important;
    }
    
    .wide-container h1 .smaller {
        font-size: 3.5vh !important;
        padding-top: 15px;
    }
    
    .product-about-list-item span:not(.material-icons) {
        line-height: 1.1em !important;
    
    }
    
    .bMcont .text-center {
    		text-align: left;
    		margin: 0px;
            padding-left: 25px;
    }

    .bMcont .phone-wrapper, .email-wrapper{
        margin-block-start: 0px;
        margin-block-end: 0px;
    }
    
}

@media (max-width:767px) and (orientation : portrait) {
    
    .modalWin .decor-thumb-wrap {
        overflow: hidden;
        /*top: -32px;
        left: -133px;*/
        height: 93%;
        width: 83vw;
        position: relative;
        margin: auto;        
    }
 
    .modalWin {
        width: 93%;
        /*height: 85vh; 1406*/
        margin-top: 0vh;
        max-height: 88vh;      
    }   
    
    .modalWin .decor-thumb-wrap img {
        width: auto;
        height: 72vh;
        /*width: 100vh;
        height: 100vw;
        transform: rotate(90deg) translate(-50%, -50%);
        position: relative;
        top: 50%;
        left: 50%;*/
    }

    .material-icons {
        font-size: 32px;
    }
}

@media (max-width:600px) {
	
	.productItemContainer:first-child { margin-top: 0px;}
	
	#СatXsfilter {
		height: 40px;
		padding: 10px 10px 10px 10px;
	}

	#directToCart {
		width: 85%;
	}
	.marginXScart {
		margin-left: 0px;
	}
	
	input.bigInput {
        padding: .5em 1em;
        width: 45%;
        margin-right: 15px;
        margin-bottom: 25px;
    }
    
    #burgerMenu {
        top: 25px;
        width: 3.3em;
        height: 2.5em;
        }
    
    .container {
        width: 540px;
    }
    
    .wide-container h1, h1 {
        font-size: 3vh !important;
    }
    
    .marginTop50 {
        margin-top: 20px;
    }
    
    .wide-container {
        width: 95% !important;
    }	
    
    .decor-thumb-holder {
        height: 275px !important;
    }
    
	.decor-thumb-holder_search {
        height: 290px !important;
    }    
    
    
    .decor-thumb-wrap {
        height: 225px !important;
    }
}

@media (max-width:520px) {
    
    .container {
        width: 440px;
    }
    
    #DevCont.container {
        width: 95%;
    }

}

@media (max-width:420px) {
	
	input.bigInput {
        padding: .5em 1em;
        width: 40%;
        margin-right: 5px;
        margin-bottom: 15px;
    }
    
    #topMenuContainer .col-xs-1 {
	    justify-content: flex-end;
	    padding: 10px;
	}
    
    
    .container {
        width: 380px;
    }
    	
	
}

/*********** meduza ***********/

.meduzaText hr {
    background-color: transparent;
}

.meduzaText {
    width: 28.4vw;
    margin-right: 50px;
}

#smallLogoWrapper h2, .meduzaText h2 {
    bottom: auto;
}

.flexcenter {
    display: flex;
    justify-content: center;
}


@media (min-width: 1300px) {

    .flexcenter:not(#smallLogoWrapper) {
        display: block;
    }
    
    .meduzaText {
        width: 100%;
        margin-right: 0;
    }
    
    .meduzaText img {
        width: 40%;
        float: right;
        margin: 0px 0px 50px 0px;
        padding-left: 0px;
        height: 350px;
    }
    
    .meduzaText p.fontabout {font-size: 1.6em;}
    
    #flexmeduza {
        padding-left: calc(15% - 2vw);
        padding-right: calc(15% - 2vw);
    }
}

@media (max-width: 1299px) {

    .flexcenter:not(#smallLogoWrapper) {
        display: block;
    }
    
    .meduzaText {
        width: 100%;
        margin-right: 0;
    }
    
    .meduzaText p.fontabout {font-size: 1.4em;}
    
    .meduzaText img {
        width: 40%;
        float: right;
        margin: -0px 0px 0px 0px;
        padding-left: 0px;
        height: 350px;
    }
    
    #flexmeduza {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 992px) { 
    .meduzaText {
        width: 100%;
        margin-right: 0;
    }
    
    .meduzaText img {
        width: 45%;
        float: right;
        margin: 19vh -55px 0px 0px;
        padding-left: 0px;
        height: 45%
    }
}

@media (max-width: 767px) and  (min-width:601px) {
 
    .meduzaText img {
        width: 47%;
        float: right;
        margin: 17vh -29px 0px 0px;
        padding-left: 0px;
        height: 47%
    }
    
    h1 {
        font-size: 4vh;
    }
    
    
    p.shorted_one {
        padding: 50px;
        width: 46% !important;
    }  
    
    #ProdCard {
    bottom: 15vh;
    right: 5vh;
    background-color: #fff;
    opacity: 85%;
    position: absolute;
    width: 360px !important;
    padding: 10px !important;
    margin: 0px 0px 0px 0px !important;
    display: initial !important;
    height: 420px;
    }   
    
    .product-card-description, .product-card-image {
        width: 95% !important;
        
        }  
    
    .subMenu {
        margin-left: 20px;
    }
    
    .subMenu h3 {
        font-size: 18px !important;
    }   
}

@media (max-width: 600px) and  (min-width:467px) {
	#flexmeduza {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.meduzaText img {
        width: 70vw;
        float: none;
        margin: 60px 0px 20px calc(17vw + 50px);
        padding-left: 0px;
    }
    
    p.shorted_one {
        padding: 30px;
        width: 112% !important;
    }    
    
     #AboutCont.container {
        width: 90% !important;
    }
    
    #PartnerSlider .swiper-slide {
        padding-top: 0vh !important;
    }   
    
    #ProdCard {
    bottom: 15.5vh;
    right: 3.5vh;
    background-color: #fff;
    opacity: 80%;
    position: absolute;
    width: 350px !important;
    padding: 10px !important;
    margin: 0px 0px 0px 0px !important;
    display: initial !important;
    height: fit-content;
    }   
    
    .product-card-description, .product-card-image {
        width: 95% !important;
    
    }      
  
    .subMenu {
        margin-left: 20px;
    }
    
    .subMenu h3 {
        font-size: 18px !important;
    }
    
}

@media (max-width:466px) {
 	#flexmeduza {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.meduzaText img {
        width: 70vw;
        float: none;
        margin: 60px 0px 20px calc(17vw + 50px);
        padding-left: 0px;
    }
    
    p.shorted_one {
        padding: 30px;
        width: 112% !important;
    }    
    
     #AboutCont.container {
        width: 90% !important;
    }
    
    #PartnerSlider .swiper-slide {
        padding-top: 0vh !important;
    }     
    h1 {
        font-size: 2.3vh !important;
    }
    
    #ProdCard {
    bottom: 15.5vh;
    right: 3.5vh;
    background-color: #fff;
    opacity: 80%;
    position: absolute;
    width: 75% !important;
    padding: 10px !important;
    margin: 0px 0px 0px 0px !important;
    display: initial !important;
    height: fit-content;
    }   
    
    .product-card-description, .product-card-image {
        width: 95% !important;
    
    }    
    
    .logoWrapper::before {
        border-left: none;
        border-bottom: none;
    }    
    
    .category-label-link {
        padding: 0px !important;
    }
    
    .product-categories-navs [class *= col-] {
        padding-left: 3px;
        padding-right: 3px;
    }
    
    
    .product-categories-navs h4 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .product-categories-navs {
        top: 95px !important;
    }
    
    #AboutSlider .swiper-slide {
        padding-top: 16vh !important;
    }
    
    #DevSlider .swiper-slide {
        padding-top: 10vh !important;
    }
    
    .subMenu {
        margin-left: 20px;
    }
    
    .subMenu h3 {
        font-size: 18px !important;
    }
   
}



@media (max-height:866px) {
    .modalWin {
        max-height: 85vh;
        /*top: 45%;*/

    }

    .swiper-slide img
    {
        max-height: 70vh;
    }

}