@media screen and (min-width:320px)
    and (max-width: 480px){
    /* smartphones, iPhone, portrait 480x320 phones */
    .main-wrap {
        width: 100% !important;
        overflow: hidden;
    }
    .top-header {
    	padding: 0 10px;
    }
    .wrap-content {
        padding: 0;
    }
    .grid-items {
        padding: 30px 10px;
    }
    .card-items,
    .mclass-item {
        width: 100%;
        background-repeat: repeat;
        margin-bottom: 20px;
    }
    .good-description .btn {
        float: none;
        margin-right: 0;
    }
    .group-bottom-good {
        text-align: center;
        /*height: 50px;*/
    }
    .mclass-img img {
        max-width: 100%;
    }
    
    .open-group-link,
    .coun-group-items {
        font-size: 20px;
        line-height: 19px;
    }
    .main-slider,
    .main-slider img {
        height: 100%;
    }
    .owl-prev, .owl-next {
        top: 18px;
    }
    .owl-prev {
        left: 5px;
    }
    .owl-next {
        right: 5px;
    }
    .owl-dots {
        bottom: -3px;
    }
    .owl-controls .owl-dot span {
        width: 6px;
        height: 6px;
        margin: 5px 3px;
    }
   /*�������� ��������*/
    .main-header,
    .main-menu {
        display: none;
    }
    /*----------------*/
    .panna-logo-mobile {
        margin: 10px;
    }
    .panna-logo-mobile,
    .shopping-cart-mobile {
        display: inline-block;
    }
    .mobile-main-header {
        display: block;
    }
    .panna-logo-mobile img {
        max-width: 134px;
    }
    .counter-units {
        border-right: none;
        padding-right: 7px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .counter-amount {
        padding-right: 5px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .shopping-cart-counter {
        line-height: 1;
    }
    .shopping-cart-mobile {
        float: right;
        margin: 5px;
    }
    .shopping-title {
        padding-right: 5px;
        line-height: 22px;
    }
    .main-header-top {
        background: #2c2a5c;
        min-height: 36px;
        padding: 7px 10px;
    }
    
    .toggle-menu,
     .btn-map {
     	display: inline-block;
     }
    .toggle-menu {
        background: url("../images/icons/toggle-nav-ico.png");
        width: 29px;
        height: 21px;        
        border: none;
        margin-top: 4px;
        cursor: pointer;
        margin-right: 10px;
    }
    .btn-search-mobile {
        background-color: transparent;
        background-image: url("../images/icons/panna-find-ico.png");
        background-position: center center;
        background-repeat: no-repeat;
        width: 19px;
        height: 20px;
        border: none;
        margin-left: 40px;
        cursor: pointer;
    }
    .btn-map {
        background: url("../images/icons/map-ico-mobile.png");
        width: 15px;
        height: 21px;
        border: none;
        cursor: pointer;
        vertical-align: text-bottom;
    }
    .mobile-main-header .map {
    	position: absolute;
    	right: 10px;
    	top: 9px;
    }
    .map {
        color: #fff;
        float: right;
    }
    .map-title {
        padding: 6px 10px;
        display: inline-block;
    }
    .panna-search-mobile {
        height: 36px;
        float: left;
        width: 83%;
        border: none;
        padding: 0 10px;
    }
    .search-block-mobile {
        width: 100%;
        border: 1px solid #706f6d;
        overflow: hidden;
        background: #fff;
    }
    .btn-search-mobile-o {
        background: url("../images/icons/search-opened-ico.png") no-repeat center center;
        width: 46px;
        height: 36px;
        border: none;
        float: right;
    }
    .owl-prev, .owl-next {
        display: none !important;
    }
    .subscribe-wrap {
        width: 100%;
    }
    footer  {
        padding: 0;
        height: auto;
        background-size: inherit;
    }
    .subscribe-wrap {
        padding: 0 10px;
        text-align: center;
    }
    .socialbutton-wrap-footer {
        float: none;
    }
    .subscribe-wrap > span {
        text-align: center;
    }
    .vk-link {
        padding-left: 15px;
    }
    .copyright {
        text-align: center;
        bottom: 0;
        padding: 20px 0;
    }
    .nav-service,
    .nav-about {
        width: 100%;
        background: #2c2a5c;
    }
    footer nav li {
        border-bottom: 1px solid #1e1d40;
    }
    .nav-service h3,
    .nav-about h3 {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 34px;
        border-bottom: 1px solid #1e1d40;
        font-weight: 400;
    }
    .nav-service li a,
    .nav-service h3,
    .nav-about h3,
    .nav-about li a {
        color: #fff;
        padding: 0 10px;
    }
    .nav-service li a,
    .nav-about li a {
        line-height: 34px;
    }
    .wrap-logo-mobile {
        background: url("../images/header/main-header-bg.jpg")  no-repeat;
    }
    .card-items,
    .mclass-item {
        margin-right: 0;
    }
    .card-images {
    	height: 265px;
    }
    .card-images img,
    .mclass-images img {
        max-width: 100%;
        max-height: 100%;
    }
    .good-name {
        padding: 0 30px;
        margin-bottom: 10px;
    }
    
        
    .price {
        font-size: 30px;
        color: #2c2a5c;
        display: inline-block;
        vertical-align: middle;
    }
    .involved-action {
        margin-bottom: 5px;
    }
    h3.collapsed {
        position: relative;
        background-image: url("../images/icons/expand-ico.png");
        background-position: 97%;
        width: 100%;
        background-repeat: no-repeat;
    }
    h3.expanded {
        position: relative;
        background-image: url("../images/icons/collaps-ico.png");
        background-position: 97%;
        width: 100%;
        background-repeat: no-repeat;
    }
    .nav-service h3 + .nav-footer-list,
    .nav-about h3 + .nav-footer-list {
        display: none;
    }
    .left-sidebar {
        display: none;
    }
    .catalog-content {
        padding: 0;
    }
    .sort-panel .sort-price,
    .sort-panel .how-show-page {
        display: block;
        float: left;
        width: 100%;
        text-align: right;
    }
    .sort-panel select,
    .how-show-page select {
        float: right;
        margin: 4px 0;
    }
    .sort-panel span,
    .how-show-page span {
        margin: 3px 0;
        display: inline-block;
        line-height: 30px;
        padding-right: 5px;
    }
    .sort-panel {
        /*float: left;*/
        height: auto;
        display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	   -ms-flex-direction: column;
        flex-direction: column;
    }
    .row-items {
        float: none;
        overflow: visible;
    }
    .breadcrumbs {
        height: auto;
        vertical-align: inherit;
        line-height: 24px;
    }
    .catalog-title h1 {
        margin: 10px 0;
    }
    .mobile-catalog-filter .filter-panel input[type="text"] {
        width: 100%
    }
	.row-forms {
        padding: 10px;
    }
    .row-forms input[type="text"],
    .row-forms input[type="tel"],
    .row-forms input[type="email"],
    .row-forms select,
    .row-forms textarea {
        width: 100%;
    }
    .left-col,
    .right-col {
        float: none;
        width: 100%;
    }
    .shopping-cart-items,
    .shopping-cart-product-item {
    	display: block;
    }
    .td-cell {
    	display: inline-block;
    	border: none;
    }
    .shopping-cart-product-item .td-cell:nth-of-type(1) {
    	width: auto;
    	float: left;
    }
    .shopping-cart-product-item {
    	border-bottom: 1px solid #eee;
    }
    .shopping-cart-product-item .td-cell:nth-of-type(3),
    .shopping-cart-product-item .td-cell:nth-of-type(4) {
    	padding: 10px; 
    }
    .shopping-cart-product-item .td-cell:nth-of-type(3) {
    	font-weight: bold;
    }
    .shopping-cart-product-item .td-cell:nth-of-type(5) {
    	float: right;
    }
    .shopping-cart-product-item .td-cell:nth-of-type(2) {
    	width: 56%;
    	vertical-align: top;
    	float: left;
	}
	.shopping-cart-items h3 {
		padding: 10px 0 0 10px;
	}
	.shopping-cart-items h3 {
		height: 84px;
    	overflow: hidden;
	}
	.ta-label, 
	.ta-sum {
		font-size: 24px;
	}
	.total-amount-order {
		text-align: center;
	}
	.checkout-order {
		margin: 20px 0;
	}
	.card-container,
	.main-card-image,
	.tabs label,
	.user-send-comment, 
	.ds-field {
		width: 100%;
	}
	.main-card-image {
		margin: 0;
	}
	.main-card-image {
		height: auto;
	}
	.tabs label {
		font-size: 14px;
	}
	.tabs {
		min-width: 300px	
	}
	.tab-cc{
		margin: 20px 0;
	}
	.user-send-comment input[type="text"], 
	.user-send-comment textarea,
	.ds-field input[type="text"],
	.ds-field textarea,
	.right-sidebar,
	.calculator,
	form[name="commentform"] input,
	form input[name="ucap"],
	.features .tb-cell,
	.features .rows .tb-cell:nth-of-type(1) {
		width: 100%;
	}
	.to-participate-in-promotion {
		margin-top: 30px;
	}
	.right-sidebar {
		padding-left: 0;
	}
	.toggler-filter {
		width: 100%; 
	}
	.toggler-filter {
		margin:0 0 20px 0;
	}  
	.masterclass-content {
		padding-left: 0;
	}
	.description-mclass .title {
		margin: 0 10px;
	}
	.description-mclass .text {
		margin: 10px;
		text-align: left;
	}
	.news-content {
		padding-left: 0; 
	}
	.about-content {
		padding-left: 0;
	}	
	footer {
        background: url("../images/footer/footer-bg.png");
	}
	.breadcrumbs ul {
		line-height: 16px;
	}
	.open-group-link {
		font-weight: normal;
	}
	.shops-map,
	.map-city,
	.city-list,
	.wheretobuy-container .shops-map,
	.wheretobuy-container  .map-city,
	.wheretobuy-container .city-list,
	#catalog_themes_left2, 
	#catalog_themes_right2{
		width: 100%;
	}
	button {
		font-weight: normal !important;
	}
	.subscribe-wrap h3 {
		margin: 10px 0;
	}
	#catalog_themes_left2 a, 
	#catalog_themes_right2 a {
		display: block;
	    background: #eee;
	    width: 100%;
	    line-height: 30px;
	    padding: 0 10px;
	    text-decoration: none;
	    font-size: 14px;
	    border-bottom: 1px solid #706f6d;
	}
	#catalog_themes_left2 a:nth-of-type(1) {
		border-top: 1px solid #706f6d;
	}
	#catalog_themes_right2 {
		margin: 0 0 20px 0;
	}
	.masterclass-content {
		padding-left: 0;
	}
	
	.calc-canv .control-field {	
		margin: 10px 0;
	}
	.calc-canv input[type="text"],
	.calc-canv select {
		margin: 5px 0;
	}
	.features .tb-cell,
	.features .rows .tb-cell:nth-of-type(1) {
		display: block;
	}	
	.order-data-table,
	.order-summary-table {
		display: block;
	}
	.order-data-row {
		display: block;
	}
	.order-data-cell,
	.table_cell {
		display: block;
	}
	.order-data-cell, .order-summary-table .table_cell {
		height: auto;
	}
	.order-summary-table .table_cell {
		text-align: center;
	}
	.confirm-order {
		margin: 0 10px 10px 0;
	}
	.total-amount-order {
		float: left;
	}
	.total-amount-order {
		width: 100%;
	}
	.ta-label, .ta-sum, .btn.checkout-order {
		clear: both;
	}
	.continue-shopping {
		margin: 20px 0 0 0;
	}	
}
@media screen and (min-width:320px)
and (max-width: 480px)
and (orientation: portrait) {
    .subscribe input {
        width: 65%;
    }
    footer {background: url("../images/footer/footer-bg.png");}
	#panna_about {
    	text-align: center;
    	margin: 10px 0;
    }
    .card-items .flag {
    	margin: 10px auto;
    	display: inline-block;
    	width: 26px;
    }
    .card-images {margin: 0 0 15px 0;}
    .good-description {text-align: center;}
    #countryselect {margin: 10px 55px 10px 0;}
    .group-bottom-good a.btn {margin: 20px 0 30px 0;}
    
}
@media screen and (min-width:320px)
and (max-width: 480px)
and (orientation: landscape){
    .wrap-content {
        padding: 0;
    }
    .grid-items {
        padding: 30px 10px;
    }
    .card-items,
    .mclass-item {
        width: 100%;
        background-repeat: repeat;
        margin-bottom: 20px;
    }
    .good-description .btn {
        float: none;
        margin-right: 0;
    }
    .group-bottom-good {
        text-align: center;
    }
    .price {
        margin-right: 20px;
    }
    .open-group-link,
    .coun-group-items {
        font-size: 20px;
        line-height: 19px;
    }
    .main-slider,
    .main-slider img {
        height: 100%;
    }
    .owl-prev, .owl-next {
        top: 18px;
    }
    .owl-prev {
        left: 5px;
    }
    .owl-next {
        right: 5px;
    }
    .owl-dots {
        bottom: -3px;
    }
    .owl-controls .owl-dot span {
        width: 6px;
        height: 6px;
        margin: 5px 3px;
}
   /*�������� ��������*/
    .main-header {
        display: none;
    }
    .main-menu {
        display: none;
    }
    /*----------------*/
    .panna-logo-mobile {
        margin: 10px;
    }
    .panna-logo-mobile,
    .shopping-cart-mobile {
        display: inline-block;
    }
    .mobile-main-header {
        display: block;
    }
    .panna-logo-mobile img {
        max-width: 134px;
    }
    .counter-units {
        border-right: none;
        padding-right: 7px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .counter-amount {
        padding-right: 5px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .shopping-cart-counter {
        line-height: 1;
    }
    .shopping-cart-mobile {
        float: right;
        margin: 5px;
    }
    .shopping-title {
        padding-right: 5px;
        line-height: 22px;
    }
    .main-header-top {
        background: #2c2a5c;
        min-height: 36px;
        padding: 7px 10px;
    }
    
    .toggle-menu {
        background: url("../images/icons/toggle-nav-ico.png");
        width: 29px;
        height: 21px;
        display: inline-block;
        border: none;
        /*margin-top: 8px;*/
        cursor: pointer;
        margin-right: 10px;
    }
    .btn-search-mobile {
        background-color: transparent;
        background-image: url("../images/icons/panna-find-ico.png");
        background-position: center center;
        background-repeat: no-repeat;
        width: 19px;
        height: 20px;
        border: none;
        margin-left: 80px;
        cursor: pointer;
    }
    .btn-map {
        background: url("../images/icons/map-ico-mobile.png");
        width: 15px;
        height: 21px;
        display: inline-block;
        border: none;
        cursor: pointer;
        vertical-align: middle;
    }
    .map {
        color: #fff;
        float: right;
    }
    .map-title {
        padding: 8px 10px;
        display: inline-block;
    }
    .panna-search-mobile {
        height: 36px;
        float: left;
        width: 84%;
        border: none;
        padding: 0 10px;

    }
    .search-block-mobile {
        width: 100%;
        border: 1px solid #706f6d;
        overflow: hidden;
        background: #fff;
    }
    .btn-search-mobile-o {
        background: url("../images/icons/search-opened-ico.png") no-repeat center center;
        width: 46px;
        height: 36px;
        border: none;
        float: right;

    }
    .subscribe-wrap {
        width: 100%;
    }
    footer  {
        padding: 0;
        height: auto;
        background-size: inherit;
    }
    .subscribe-wrap {
        padding: 0 10px;
        text-align: center;
    }
    .socialbutton-wrap-footer {
        float: none;
    }
    .subscribe-wrap > span {
        text-align: center;
    }
    .vk-link {
        padding-left: 15px;
    }
    .copyright {
        text-align: center;
        bottom: 0;
        padding: 20px 0;
    }
    .nav-service,
    .nav-about {
        width: 100%;
        background: #2c2a5c;
    }
    footer nav li {
        border-bottom: 1px solid #1e1d40;
    }
    .nav-service h3,
    .nav-about h3 {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 34px;
        border-bottom: 1px solid #1e1d40;
    }
    .nav-service li a,
    .nav-service h3,
    .nav-about h3,
    .nav-about li a {
        color: #fff;
        padding: 0 10px;
    }
    .nav-service li a,
    .nav-about li a {
        line-height: 34px;
    }
    .owl-prev, .owl-next {
        display: none !important;
    }

    .card-items,
    .mclass-item {
        height: 100%;
    }
    .card-images,
    .mclass-images {
        width: 160px;
        height: 160px;
        float: left;
        margin-right: 20px;
        /*border: 1px solid #eee;*/
        margin: 10px 20px 20px 10px;
    }
    .card-images img,
    .mclass-images img {
        max-width: 100%;
        max-height: 100%;
    }
    
    .good-type {
        text-align: left;
    }
    .good-name {
        text-align: left;
    }
    .card-items .good-name {margin: 10px 0 15px 0;}
    .flags-case {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
     }
    .card-items .flag {width: 26px;/*margin: 15px 0 0 0;*/}
    .good-name {padding: 0;}
    .group-bottom-good {text-align: left !important;}
    .involved-action {text-align: left;}
    .group-bottom-good {
        position: relative;
        bottom: 0;
    }
    .good-description .btn {margin-top: 20px;}
    .price {margin-left: 0;}
    .group-bottom-good {
        /*position: absolute;*/
        /*bottom: 20px;*/
        margin-top: 20px;
        margin-bottom: 30px;
    }
    h3.collapsed {
        position: relative;
        background-image: url("../images/icons/expand-ico.png");
        background-position: 97%;
        width: 100%;
        background-repeat: no-repeat;
    }
    h3.expanded {
        position: relative;
        background-image: url("../images/icons/collaps-ico.png");
        background-position: 97%;
        width: 100%;
        background-repeat: no-repeat;
    }
    .nav-service h3 + .nav-footer-list, .nav-about h3 + .nav-footer-list {display: none;}
    .subscribe input {width: 67%;}
    .description-mclass .text {
		margin: 10px;
		text-align: left;
	}
	.description-mclass h3 {text-align: left;}
	.description-mclass {margin: 10px 0 0 0;}
	.masterclass-content {padding-left: 0;}
	.breadcrumbs ul {line-height: 50px;}
	.user-send-comment, 
	.ds-field {width: 100% !important;}
	button {font-weight: normal !important;}
	.subscribe-wrap h3 {margin: 10px 0;}
	.masterclass-content  {padding: 0;}
	.order-data-table,
	.order-summary-table {
		display: block;
	}
	.order-data-row {
		display: block;
	}
	.order-data-cell,
	.table_cell {
		display: block;
	}
	.order-data-cell, .order-summary-table .table_cell {
		height: auto;
	}
	.order-summary-table .table_cell {
		text-align: center;
	}
	.confirm-order {
		margin: 0 10px 10px 0;
	}
	#countryselect {
    	margin: 10px 30px 10px 10px;
	}	
}
@media (min-width: 481px) and (max-width: 767px) {
	#countryselect {margin: 10px 10px 10px 0;}
	.group-bottom-good {margin: 20px 0 0 0;}
	.flags-case {
	  -webkit-box-pack: start;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	}
	.group-bottom-good {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}
@media screen and (min-width:600px)
and (max-width: 767px) {
    .wrap-content {
        padding: 0;
    }
    .grid-items {
        padding: 0 10px;
    }
    .card-items,
    .mclass-item {
        width: 100%;
        background-repeat: repeat;
        margin-bottom: 20px;
    }
    .good-description .btn {
        float: none;
        margin-right: 0;
    }
    .group-bottom-good {
        text-align: center;
    }
    .price {
        margin-right: 20px;
    }
    .open-group-link,
    .coun-group-items {
        font-size: 20px;
        line-height: 19px;
    }
    .main-slider,
    .main-slider img {
        height: 100%;
    }
    .owl-prev, .owl-next {
        top: 18px;
    }
    .owl-prev {
        left: 5px;
    }
    .owl-next {
        right: 5px;
    }
    .owl-dots {
        bottom: -3px;
    }
    .owl-controls .owl-dot span {
        width: 6px;
        height: 6px;
        margin: 5px 3px;
    }
   /*�������� ��������*/
    .main-header {
        display: none;
    }
    .main-menu {
        display: none;
    }
    /*----------------*/
    .panna-logo-mobile {
        margin: 10px;
    }
    .panna-logo-mobile,
    .shopping-cart-mobile {
        display: inline-block;
    }
    .mobile-main-header {
        display: block;
    }
    .panna-logo-mobile img {
        max-width: 134px;
    }
    .counter-units {
        border-right: none;
        padding-right: 7px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .counter-amount {
        padding-right: 5px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .shopping-cart-counter {
        line-height: 1;
    }
    .shopping-cart-mobile {
        float: right;
        margin: 5px;
    }
    .shopping-title {
        padding-right: 5px;
        line-height: 22px;
    }
    .main-header-top {
        background: #2c2a5c;
        min-height: 36px;
        padding: 7px 10px;
    }
    
    .toggle-menu {
        background: url("../images/icons/toggle-nav-ico.png");
        width: 29px;
        height: 21px;
        display: inline-block;
        border: none;
        /*margin-top: 8px;*/
        cursor: pointer;
        margin-right: 10px;
    }
    .btn-search-mobile {
        background-color: transparent;
        background-image: url("../images/icons/panna-find-ico.png");
        background-position: center center;
        background-repeat: no-repeat;
        width: 19px;
        height: 20px;
        border: none;
        margin-left: 80px;
        cursor: pointer;
    }
    .btn-map {
        background: url("../images/icons/map-ico-mobile.png");
        width: 15px;
        height: 21px;
        display: inline-block;
        border: none;
        cursor: pointer;
        vertical-align: middle;
    }
    .map {
        color: #fff;
        float: right;
    }
    .map-title {
        padding: 8px 10px;
        display: inline-block;
    }
    .panna-search-mobile {
        height: 36px;
        float: left;
        width: 84%;
        border: none;
        padding: 0 10px;

    }
    .search-block-mobile {
        width: 100%;
        border: 1px solid #706f6d;
        overflow: hidden;
        background: #fff;
    }
    .btn-search-mobile-o {
        background: url("../images/icons/search-opened-ico.png") no-repeat center center;
        width: 46px;
        height: 36px;
        border: none;
        float: right;
    }
    h3.collapsed {
        position: relative;
        background-image: url("../images/icons/expand-ico.png");
        background-position: 97%;
        width: 100%;
        background-repeat: no-repeat;
    }
    h3.expanded {
        position: relative;
        background-image: url("../images/icons/collaps-ico.png");
        background-position: 97%;
        width: 100%;
        background-repeat: no-repeat;
    }
    .nav-service h3 + .nav-footer-list,
    .nav-about h3 + .nav-footer-list {
        display: none;
    }
    .subscribe input {
        width: 80%;
    }
    .subscribe-wrap {
        width: 100%;
    }
    footer  {
        padding: 0;
        height: auto;
        background-size: inherit;
    }
    .subscribe-wrap {
        padding: 0 10px;
        text-align: center;
    }
    .socialbutton-wrap-footer {
        float: none;
    }
    .subscribe-wrap > span {
        text-align: center;
    }
    .vk-link {
        padding-left: 15px;
    }
    .copyright {
        text-align: center;
        bottom: 0;
        padding: 20px 0;
    }
    .nav-service,
    .nav-about {
        width: 100%;
        background: #2c2a5c;
    }
    footer nav li {
        border-bottom: 1px solid #1e1d40;
    }
    .nav-service h3,
    .nav-about h3 {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 34px;
        border-bottom: 1px solid #1e1d40;
    }
    .nav-service li a,
    .nav-service h3,
    .nav-about h3,
    .nav-about li a {
        color: #fff;
        padding: 0 10px;
    }
    .nav-service li a,
    .nav-about li a {
        line-height: 34px;
    }
    .owl-prev, .owl-next {
        display: none !important;
    }

    .card-items,
    .mclass-item {
       height: 100%;
    }
    .card-images,
    .mclass-images {
        width: 160px;
        height: 160px;
        float: left;
        margin-right: 20px;
        /*border: 1px solid #eee;*/
        margin: 10px 20px 20px 10px;
    }
    .card-images img,
    .mclass-images img {
        max-width: 100%;
        max-height: 100%;
    }
    .good-type {text-align: left;}
    .good-name {text-align: left;margin: 10px 0 0 0;}
    .group-bottom-good {text-align: left !important;}
    .involved-action {text-align: left;}
    .group-bottom-good {
        position: relative;
        bottom: 0;
    }
	.group-bottom-good {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	}
    .good-description .btn {
        vertical-align: text-bottom;
    }
    .price {margin-left: 0;}
    .toggler-filter {
		width: 100%; 
	}
	.toggler-filter {
		margin:0 0 20px 0;
	} 
	.description-mclass {
    	margin: 10px 0;
	}
	.description-mclass h3, .description-mclass .text {
		text-align: left;
	}
	.masterclass-content, .news-content {
		padding-left: 0;
	}
	.wrap-logo-mobile {
    	background: url("../images/header/main-header-bg.jpg") no-repeat;
	}
	footer {
    	background: url("../images/footer/footer-bg.png");
	}
	.breadcrumbs ul {
		line-height: 50px;
	}
	.top-header {
    	padding: 0 10px;
    }
     .tabs label {
	 	width: 100%;
	 }
	 .tabs label {
    	font-size: 14px;
	}
	.tabs input:checked + label {
    	color: #555;
    	border: 1px solid #ddd;
    	/* border-top: 1px solid #009933; */
    	border-bottom: 1px solid #fff;
    	background: #fff;
	}
	.send-comments form,
	.send-comments h4,
	.ram.send-comments {
		text-align: center;
	}
	a.link-rules-use-sites {
		float: none;
		overflow: visible;
	}
	.upload-text,
	.custom-upload-input {
		float: none;
	}
	.upload-text {
	    vertical-align: top;
	}
	.wheretobuy-container .shops-map,
	.wheretobuy-container  .map-city,
	.wheretobuy-container .city-list {
		width: 100%;
	}
	.mclass-img img {
		width: auto !important;
        max-width: 100%;
	}
	.shopping-cart-product-item .td-cell:nth-of-type(2) {
		width: 30%;
	}
	.order-data-table,
	.order-summary-table {
		display: block;
	}
	.order-data-row {
		display: block;
	}
	.order-data-cell,
	.table_cell {
		display: block;
	}
	.order-data-cell, .order-summary-table .table_cell {
		height: auto;
	}
	.order-summary-table .table_cell {
		text-align: center;
	}
	.confirm-order {
		margin: 0 10px 10px 0;
	}
	.continue-shopping {
		float: right;
		margin: 20px 0 20px 10px;
	}
	.good-description #panna_about {
    	text-align: left;
    	line-height: 16px;
    	margin: 15px 0 0 0;
	}
	.card-items .flag {
    	display: inline-block;
    	width: 26px;
    	padding-right: 3px;
    	position: relative;
    	left: 0;
    	margin-left: 0;
    	/*margin-top: 15px;*/
	}
	.price:empty {
		margin-right: -5px;
	}
	.final-price {
    	line-height: 30px;
    	padding: 10px 24px;
	}
}
@media screen and (min-width:769px)
and (max-width: 960px) {
    .wrap-content {
        padding: 0;
    }
    .grid-items {
         padding: 30px 10px !important;
    }
    .card-items,
    .mclass-item {
        width: 100%;
        background-repeat: repeat;
        margin-bottom: 20px;
    }
    .good-description .btn {
        float: none;
        margin-right: 0;
    }
    .group-bottom-good {
        text-align: center;
    }
    .price {
        margin-right: 20px;
    }
    .open-group-link,
    .coun-group-items {
        font-size: 20px;
        line-height: 19px;
    }
    .main-slider,
    .main-slider img {
        height: 100%;
    }
    .owl-prev, .owl-next {
        top: 18px;
    }
    .owl-prev {
        left: 5px;
    }
    .owl-next {
        right: 5px;
    }
    .owl-dots {
        bottom: -3px;
    }
    .owl-controls .owl-dot span {
        width: 6px;
        height: 6px;
        margin: 5px 3px;
    }
   /*�������� ��������*/
    .main-header {
        display: none;
    }
    .main-menu {
        display: none;
    }
    /*----------------*/
    .panna-logo-mobile {
        margin: 10px;
    }
    .panna-logo-mobile,
    .shopping-cart-mobile {
        display: inline-block;
    }
    .mobile-main-header {
        display: block;
    }
    .panna-logo-mobile img {
        max-width: 134px;
    }
    .counter-units {
        border-right: none;
        padding-right: 7px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .counter-amount {
        padding-right: 5px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .shopping-cart-counter {
        line-height: 1;
    }
    .shopping-cart-mobile {
        float: right;
        margin: 5px;
    }
    .shopping-title {
        padding-right: 5px;
        line-height: 22px;
    }
    .main-header-top {
        background: #2c2a5c;
        min-height: 36px;
        padding: 7px 10px;
    }
    
    .toggle-menu {
        background: url("../images/icons/toggle-nav-ico.png");
        width: 29px;
        height: 21px;
        display: inline-block;
        border: none;
        /*margin-top: 8px;*/
        cursor: pointer;
        margin-right: 10px;
    }
    .btn-search-mobile {
        background-color: transparent;
        background-image: url("../images/icons/panna-find-ico.png");
        background-position: center center;
        background-repeat: no-repeat;
        width: 19px;
        height: 20px;
        border: none;
        margin-left: 80px;
        cursor: pointer;
    }
    .btn-map {
        background: url("../images/icons/map-ico-mobile.png");
        width: 15px;
        height: 21px;
        display: inline-block;
        border: none;
        cursor: pointer;
        vertical-align: middle;
    }
    .map {
        color: #fff;
        float: right;
    }
    .map-title {
        padding: 8px 10px;
        display: inline-block;
    }
    .panna-search-mobile {
        height: 36px;
        float: left;
        width: 84%;
        border: none;
        padding: 0 10px;

    }
    .search-block-mobile {
        width: 100%;
        border: 1px solid #706f6d;
        overflow: hidden;
        background: #fff;
    }
    .btn-search-mobile-o {
        background: url("../images/icons/search-opened-ico.png") no-repeat center center;
        width: 46px;
        height: 36px;
        border: none;
        float: right;

    }
    .subscribe-wrap {
        width: 100%;
    }
    footer  {
        padding: 0;
        height: auto;
        background-size: inherit;
    }
    .subscribe-wrap {
        padding: 0 10px;
        text-align: center;
    }
    .socialbutton-wrap-footer {
        float: none;
    }
    .subscribe-wrap > span {
        text-align: center;
    }
    .vk-link {
        padding-left: 15px;
    }
    .copyright {
        text-align: center;
        bottom: 0;
        padding: 20px 0;
    }
    .nav-service,
    .nav-about {
        width: 100%;
        background: #2c2a5c;
    }
    footer nav li {
        border-bottom: 1px solid #1e1d40;
    }
    .nav-service h3,
    .nav-about h3 {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 34px;
        border-bottom: 1px solid #1e1d40;
    }
    .nav-service li a,
    .nav-service h3,
    .nav-about h3,
    .nav-about li a {
        color: #fff;
        padding: 0 10px;
    }
    .nav-service li a,
    .nav-about li a {
        line-height: 34px;
    }
    .owl-prev, .owl-next {
        display: none !important;
    }

    .card-items,
    .mclass-item {
        height: 100%;
    }
    .card-images,
    .mclass-images {
        width: 160px;
        height: 160px;
        float: left;
        margin-right: 20px;
        /*border: 1px solid #eee;*/
        margin: 10px 20px 20px 10px;
    }
    .card-images img,
    .mclass-images img {
        max-width: 100%;
        max-height: 100%;
    }
    .good-type {
        text-align: left;
    }
    .good-name {
        text-align: left;
    }
    .group-bottom-good {
        text-align: left !important;
    }
    .involved-action {
        text-align: left;
    }
    .group-bottom-good {
        position: relative;
        bottom: 0;
    }
    .good-description .btn {
        vertical-align: text-bottom;
    }
    .price {
        margin-left: 0;
    }
    .description-mclass {
    	margin: 10px 0;
	}
	.description-mclass h3, .description-mclass .text {
		text-align: left;
	}
	.masterclass-content {
		padding-left: 0;
	}
	.wrap-logo-mobile {
    	background: url("../images/header/main-header-bg.jpg") no-repeat;
	}
	footer {
    	background: url("../images/footer/footer-bg.png");
	}
	.breadcrumbs ul {
		line-height: 50px;
	}
	.top-header {
    	padding: 0 10px;
    }
    .mclass-img img {
		width: auto !important;
        max-width: 100%;
	}
	.continue-shopping {
		float: left;
	}
}
@media (max-width: 960px) {
	/* #changegeld {
		/*margin-right: -26px;*/
		/*margin-right: -20px;*/
		/*top: 6px;*/
    	/*right: 0px;*/
	/* } */ 
	#changegeld {
	  font-size: 12px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
	      -ms-flex-direction: row;
	          flex-direction: row;
	  -webkit-box-align: center;
	      -ms-flex-align: center;
	          align-items: center;
	}
	.top-header {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
	}
}
@media screen and (min-width:768px)
and (max-width: 1024px)
and (orientation: portrait) {
    .group-bottom-good {margin-top: 20px;}
	.group-bottom-good {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	}
	.flags-case {
	  -webkit-box-pack: start;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	}
	.group-bottom-good {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}
@media screen and (min-width:768px)
and (max-width: 1024px)
and (orientation: landscape){	
	.description-mclass h3, .description-mclass .text {text-align: center;}
}

@media (min-width:481px) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .wrap-content {
        padding: 0;
    }
    .grid-items {
    	padding: 30px 10px;
    }
    .card-items,
    .mclass-item {
        width: 100%;
        background-repeat: repeat;
        margin-bottom: 20px;
    }
    .good-description .btn {
        float: none;
        margin-right: 0;
    }
    .group-bottom-good {
        text-align: center;
    }
    .price {
        margin-right: 20px;
    }
    .card-items .price:empty {
    	margin-right: 0;
    } 
    .open-group-link,
    .coun-group-items {
        font-size: 20px;
        line-height: 19px;
    }
    .main-slider,
    .main-slider img {
        height: 100%;
    }
    .owl-prev, .owl-next {
        top: 18px;
    }
    .owl-prev {
        left: 5px;
    }
    .owl-next {
        right: 5px;
    }
    .owl-dots {
        bottom: -3px;
    }
    .owl-controls .owl-dot span {
        width: 6px;
        height: 6px;
        margin: 5px 3px;
    }
   /*�������� ��������*/
    .main-header {
        display: none;
    }
    .main-menu {
        display: none;
    }
    /*----------------*/
    .panna-logo-mobile {
        margin: 10px;
    }
    .panna-logo-mobile,
    .shopping-cart-mobile {
        display: inline-block;
    }
    .mobile-main-header {
        display: block;
    }
    .panna-logo-mobile img {
        max-width: 134px;
    }
    .counter-units {
        border-right: none;
        padding-right: 7px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .counter-amount {
        padding-right: 5px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    .shopping-cart-counter {
        line-height: 1;
    }
    .shopping-cart-mobile {
        float: right;
        margin: 5px;
    }
    .shopping-title {
        padding-right: 5px;
        line-height: 22px;
    }

    .subscribe input {
        width: 80%;
    }
    .main-header-top {
        background: #2c2a5c;
        min-height: 36px;
        padding: 7px 10px;
    }
    
    .toggle-menu {
        background: url("../images/icons/toggle-nav-ico.png");
        width: 29px;
        height: 21px;
        display: inline-block;
        border: none;
        /*margin-top: 8px;*/
        cursor: pointer;
        margin-right: 10px;
    }
    .btn-search-mobile {
        background-color: transparent;
        background-image: url("../images/icons/panna-find-ico.png");
        background-position: center center;
        background-repeat: no-repeat;
        width: 19px;
        height: 20px;
        border: none;
        margin-left: 80px;
        cursor: pointer;
    }
    .btn-map {
        background: url("../images/icons/map-ico-mobile.png");
        width: 15px;
        height: 21px;
        display: inline-block;
        border: none;
        cursor: pointer;
        vertical-align: middle;
    }
    .map {
        color: #fff;
        float: right;
    }
    .map-title {
        padding: 4px 10px;
        display: inline-block;
    }
    .panna-search-mobile {
        height: 36px;
        float: left;
        width: 84%;
        border: none;
        padding: 0 10px;

    }
    .search-block-mobile {
        width: 100%;
        border: 1px solid #706f6d;
        overflow: hidden;
        background: #fff;
    }
    .btn-search-mobile-o {
        background: url("../images/icons/search-opened-ico.png") no-repeat center center;
        width: 46px;
        height: 36px;
        border: none;
        float: right;

    }
    .subscribe-wrap {
        width: 100%;
    }
    footer  {
        padding: 0;
        height: auto;
        background-size: inherit;
    }
    .subscribe-wrap {
        padding: 0 10px;
        text-align: center;
    }
    .socialbutton-wrap-footer {
        float: none;
    }
    .subscribe-wrap > span {
        text-align: center;
    }
    .vk-link {
        padding-left: 15px;
    }
    .copyright {
        text-align: center;
        bottom: 0;
        padding: 20px 0;
    }
    .nav-service,
    .nav-about {
        width: 100%;
        background: #2c2a5c;
    }
    footer nav li {
        border-bottom: 1px solid #1e1d40;
    }
    .nav-service h3,
    .nav-about h3 {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 34px;
        border-bottom: 1px solid #1e1d40;
    }
    .nav-service li a,
    .nav-service h3,
    .nav-about h3,
    .nav-about li a {
        color: #fff;
        /*padding: 0 10px;*/
    }
    .nav-service li a,
    .nav-about li a {
		line-height: 34px;
    }
    .owl-prev, .owl-next {
        display: none !important;
    }
    .card-items,
    .mclass-item {
        height: 100%;
    }
    .card-images,
    .mclass-images {
        width: 160px;
        height: 160px;
        float: left;
        margin-right: 20px;
        border: 1px solid #7eee;
        margin: 10px 20px 20px 10px;
    }
    .card-images img {
        max-width: 100%;
        max-height: 100%;
    }
    .mclass-images img {
    	max-width: 100%;
        max-height: 100%;
    }
    .good-type {
        text-align: left;
    }
    .good-name {
        text-align: left;
    }
    .group-bottom-good {
        text-align: left !important;
    }
    .involved-action {
        text-align: left;
    }
    .group-bottom-good {
        position: relative;
        bottom: 0;
    }
    .good-description .btn {
        vertical-align: text-bottom;
    }
    .price {
        margin-left: 0;
    }
    .price {
        font-size: 30px;
        color: #2c2a5c;
        display: inline-block;
    }
   
    h3.collapsed {
        position: relative;
        background-image: url("../images/icons/expand-ico.png");
        background-position: 97%;
        width: 100%;
        background-repeat: no-repeat;
    }
    h3.expanded {
        position: relative;
        background-image: url("../images/icons/collaps-ico.png");
        background-position: 97%;
        width: 100%;
        background-repeat: no-repeat;
    }
    .nav-service h3 + .nav-footer-list,
    .nav-about h3 + .nav-footer-list {
        display: none;
    }
    .left-sidebar {
    	display :none;
    }
    .catalog-content {
    	padding-left: 0;
    }
    .sort-price {
    	display: inline-block;
    	/* float: left; */
    }
    .how-show-page {
    	display: inline-block;
    	/* float: right; */
    }
    .left-col, .right-col {
    	width: 100%;
    	float: none;
	}
	 .description-mclass {
    	margin: 27px 0 10px;
	}
	.description-mclass h3, .description-mclass .text {
		text-align: left;
	}
	.news-content,
	.about-content {
		padding-left: 0;
	}
	
	.user-send-comment, 
	.ds-field {
		width: 100%;
	}
	.card-container,
	.shops-map,
	.map-city,
	.city-list,
	.mclass-img img {
		width: 100%;
	}
	.right-sidebar {
    	width: 100%;
    	padding: 0;
	}
	.asociation {
		margin-bottom: 20px;
	}
	.wheretobuy-container .shops-map,
	.wheretobuy-container  .map-city,
	.wheretobuy-container .city-list {
		width: 100%;
	}
	.subscribe-wrap h3 {
		margin: 10px 0;
	}
	.toggler-filter {
    	width: 100%;
	}
	.toggler-filter {
    	margin: 0 0 20px 0;
	}
	#catalog_themes_left2,  
	#catalog_themes_right2  {
		width: 100%;
	}
	#catalog_themes_left2 a, 
	#catalog_themes_right2 a {
		display: block;
	    background: #eee;
	    width: 100%;
	    line-height: 30px;
	    padding: 0 10px;
	    text-decoration: none;
	    font-size: 14px;
	    border-bottom: 1px solid #706f6d;
	}
	#catalog_themes_left2 a:nth-of-type(1) {
		border-top: 1px solid #706f6d;
	}
	#catalog_themes_right2 {
		margin: 0 0 20px 0;
	}
	.calc-canv .control-field {
    	margin: 10px 0;
	}
	.calc-canv .row-field  label[for="calcs4"] {
		width: 80%;
	}
	.calc-canv select#kanva2 {
		margin: 10px 0 0 0;
	}
	.continue-shopping {
		margin: 20px 0 0 0;
	}
	.ta-sum {
		margin: 0 0 10px 0;
	}
	.continue-shopping {
		margin: 20px 0 20px 10px;
	}
	.card-items .good-name {
    	margin: 10px 0 15px 0;
	}
	
	
	
}
@media (min-width:641px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .subscribe input {
        width: 80%;
    }
    .sort-price {
        display: inline-block;
        /* float: left; */
    }
    .how-show-page {
        display: inline-block;
        /* float: right; */
    }
    .left-sidebar {
    	display: none;
    }
    .catalog-content {
    	padding-left: 0;
    }
    .description-mclass {
    	margin: 27px 0 10px 0;
	}
	.description-mclass h3, .description-mclass .text {
		text-align: left;
	}
	.news-content {
		padding-left: 0;
	}
	 .tabs label {
	 	width: 100%;
	 }
	.tabs label {
		font-size: 13px;
	} 
	.subscribe-wrap h3 {
		margin: 10px 0;
	}
    
}
@media (min-width:768px) {
	.news-content {
		padding-left: 0;
	}
	#catalog_themes_left2,  
	#catalog_themes_right2  {
		width: 50%;
	}
	#catalog_themes_left2 a, 
	#catalog_themes_right2 a {
		display: block;
	    background: none;
	    width: 100%;
	    line-height: 24px;
	    padding: 0;
	    text-decoration: underline;
	    font-size: 14px;
	    border-bottom: none;
	}
	#catalog_themes_left2 a:nth-of-type(1) {
		border-top: none;
	}
	#catalog_themes_right2 {
		margin: 0 0 20px 0;
	}
	.order-data-table,
	.order-summary-table {
		width: 100%;
	}
	.order-data-row .order-data-cell:nth-of-type(1),
	.order-data-row .table_cell:nth-of-type(1) {
		width: 30%;
		text-align: left;
	}
	.order-data-table,
	.order-summary-table  {
		display: table;
	}
	.order-data-row {
		display: table-row;
	}
	.order-data-cell,
	.table_cell {
		display: table-cell;
	}
	.good-description #panna_about {
		text-align: left;
		line-height: 16px;
		margin: 15px 0 0 0;
	}
	.card-items .flag {
		display: inline-block;
		width: 26px;
		padding-right: 3px;
		position: relative;
		left: 0;
		margin-left: 0;
		margin-top: 15px;
	}
}
@media (min-width:961px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    .top-header {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-pack: end;
	        -ms-flex-pack: end;
	            justify-content: flex-end;
	}
	.row-items {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	}
    .mobile-main-header {
        display: none;
    }
    .wrap-content {
        padding: 0 30px;
    }
    .grid-items {
    	padding: 0 0 30px 0;
	}
    .main-header {
        display: block;
    }
    .main-menu {
        display: block;
    }
    .card-items,
    .mclass-item {
        height: 480px;
        /* width: 22.36842105263158%;
         margin-right: 2.631578947368421%;*/
        width: 22.99999999999999%;
        margin-right: 2.641578947368421%;
    }
    .card-items {
        height: auto;
    }
    .card-images a {
    	display: block;
    	max-width: 100%;
    	margin: auto;
    	position: absolute;
    	top: 0;
    	height: 0;
    	right: 0;
    	left: 0;
    }
    .card-images img {
        max-width: 100%;        
        /*height: 218.5px;*/
        /*max-height: 100%;*/
        max-height: 265px;       
        /*max-width: 261px;*/
    }
    .mclass-images img {
        max-width: 100%;
        height: auto;
    }
    .card-images {
        width: 100%;
        height: 265px;
        float: none;
        border: none;
        margin: 0 0 10px 0;
        display: inline-block;
    	vertical-align: middle;
    	position: relative;
    	line-height: 27;    	
    }
    /*.card-images::before {
	  content: " ";
	  display: inline-block;
	  width: 1%;
	  vertical-align: middle;
	}*/
    .mclass-images {
        width: 100%;
        height: 290px !important;
        float: none;
        border: none;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        text-align: -webkit-center;
        margin: 0 0 10px 0 !important;
    }
    .mclass-images a {
	    display: table-cell;
	    height: 240px;
	    vertical-align: middle;
	    width: 100%;
    }
    .good-name {
        height: 54px;
        padding: 0 10px;
        overflow: hidden;
    }
    .good-type,
    .good-name {
        text-align: center;
    }
    .owl-prev, .owl-next {
        display: block !important;
        top: 50%;
        margin-top: -20px;
    }
    .group-bottom-good {
        /*position: absolute;
        bottom: 25px;*/
        width: 100%;
        padding: 0 10px;
    }
    .group-bottom-good {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	.group-bottom-good a {text-align: center;}
    .good-description .btn {/*float: right;*/margin-right: 0; margin: 15px 0 30px 0;}
    .price {
        margin-right: 0;
        color: #2c2a5c;
        font-size: 20px;
        line-height: 30px;
    }
    .price {
    	font-size: 20px;
    	font-weight: 600;
    }
    .involved-action {text-align: center;}
    footer {
        background: url("../images/footer/footer-bg.png");
        width: 100%;
        height: 309px;
        background-size: cover;
    }
    .nav-service, .nav-about {background: none;}
    footer nav li {border: none;}
    .nav-service li a,.nav-service h3, .nav-about h3, .nav-about li a {color: #2c2a5c;}
    .nav-footer h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .nav-service h3, .nav-about h3 {border: none;}
    .nav-service li a, .nav-about li a { line-height: normal}
    footer { padding: 30px;}
    .subscribe-wrap > span {
        text-align: right
    }
    .subscribe input {
        float: left;       
    }
    .subscribe input {
    	width: 59%;
	}
    .subscribe-wrap {
        padding: 0 !important;
        text-align: center !important;
    }
    .nav-footer .nav-service, .nav-footer .nav-about {
        display: inline-block;
        vertical-align: top;
    }

    .card-items,
    .nav-service,
    .nav-about,
    .subscribe-wrap,
    .mclass-item {
        max-width: 262.5px !important;
    }
    .subscribe-wrap h3 {
        text-align: right;
    }
    .panna-search {
        /*min-width: 389px !important;*/
        width: 100%;
    }
    .search-block  .wrap-input {
        width: 100%;
        display: table-cell;
    }
    .search-block {
        max-width: 40%;
        display: table;
    }
    .btn-search {
        display: table-cell;
    }
    .nav-service h3 + .nav-footer-list,
    .nav-about h3 + .nav-footer-list {
        display: block;
    }
    .catalog-content {
    	padding-left: 30px !important;
	}
   .catalog-content .card-items,
   .mclass-item {
    	width: 31.33333% !important;
	} 
   .catalog-content .row-items .card-items:nth-child(3n+3),
   .row-items  .mclass-item:nth-child(3n+3) {
   	margin-right: 0 !important;
   }
   .catalog-content .row-items .card-items,
   .row-items .mclass-item {
   		margin-right: 2% !important;	
   }
   .left-sidebar {
    	display: block;
	}
	.toggler-filter {
		display: none;
	}
	.description-mclass h3, .description-mclass .text {
		text-align: center;
	}
	.about-content,
	.news-content  {
		padding-left: 30px;
	}
	.top-cc-r {
		padding: 0 0 0 20px;
	}
	.card-container {
    	width: 75%;
}
	.right-sidebar {
    	width: 25%;
	}
	.calculator {
		    background-size: 100% 36px;
		    width: auto;
	}
	.right-sidebar {
		padding: 0 0 0 20px;
	}
	.tabs label {
		font-size: 13px;
	}
	.user-send-comment, .ds-field  {
		    width: 50%;
	}
	.tabs label {
		width: auto;
	}
	.map-city {
    	width: 68%;
	}
	.city-list {
		width: 32%;
	}
	.subscribe-wrap h3 {
		margin: 0 0 10px 0;
	}
	.card-items {
    	margin-right: 2%;
    }
    .card-items .price {
    	display: inline-block;
    	text-align: center;
    	
    }
    .title-product h1 {
    	max-width: 233px;
	}
	.mclass-img img {
		width: auto;
		/*max-width: 220px;*/
		max-width: 100%;
	}
	.mclass-item .mclass-img img {
		/*width: auto;*/
		/* max-width: 220px !important; */
		
	}
	.masterclass-content {
		padding: 0 0 0 30px;
		overflow: hidden;
	}
	.order-data-table,
	.order-summary-table {
		width: 100%;
	}
	.order-data-row .order-data-cell:nth-of-type(1),
	.order-data-row .table_cell:nth-of-type(1) {
		width: 30%;
		text-align: left;
	}
	.order-data-table,
	.order-summary-table{
		display: table;
	}
	.order-data-row {
		display: table-row;
	}
	.order-data-cell,
	.table_cell {
		display: table-cell;
	}
	.shopping-cart-counter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
    	-webkit-box-pack: end;
    	-ms-flex-pack: end;
    	justify-content: flex-end;
	}
	.shopping-cart-counter {
		margin: 7px 0;
	}
	.description-mclass {
    	margin: 10px;
	}
	.good-description #panna_about {
		text-align: center;
		line-height: 16px;
	}
	
	.card-items .flag {
		display: inline-block;
		width: 26px;
		padding-right: 3px;
		position: relative;
		/*left: 50%;
		margin-left: -13px;
		margin-top: 15px;*/
	}
	.card-items .price {
		/*display: inline-block;*/
		line-height: 30px;
	}
	.card-items .good-name {
    	margin: 10px 0 0px 0;
	}
	#countryselect {
		margin: 10px;
	}
	.main-header  {
    	width: 100%;
    	overflow: visible !important;
    }

}
@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
    .wrap-content {
        padding: 0 30px;
    }
    .grid-items {
    	padding: 0 0 30px 0;
	}
    .main-header {
        display: block;
    }
    .main-header  {
    	width: 100%;
    	overflow: visible !important;
    }
    .main-menu {
        display: block;
    }
    .card-items,
    .mclass-item {
    	height: 480px;
       /* width: 22.36842105263158%;
        margin-right: 2.631578947368421%;*/
        width: 22.99999999999999%;
        margin-right: 2.641578947368421%;
    }
    .card-items {
        height: auto;
    }
    .card-images {
        width: 100%;
        height: 265px;
        float: none;
        border: none;
        margin: 0;
        display: inline-block;
    	vertical-align: middle;
    	position: relative;
    	line-height: 27;
    	margin: 0 0 10px 0;
    }
   /* .card-images::before {
	  content: " ";
	  display: inline-block;
	  width: 1%;
	  vertical-align: middle;
	}*/
  
    .card-images a {
    	display: block;
    	max-width: 100%;
    	margin: auto;
    	position: absolute;
    	top: 0;
    	height: 0;
    	right: 0;
    	left: 0;
    }
    .mclass-images {
        width: 100%;
        height: 290px !important;
        float: none;
        border: none;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        text-align: -webkit-center;
    }
    .mclass-images a {
	    display: table-cell;
	    height: 240px;
	    vertical-align: middle;
	    width: 100%;
    }
    .good-name {
        height: 54px;
        padding: 0 10px;
        overflow: hidden;
    }
    .good-type,
    .good-name {
        text-align: center;
    }
    .good-name {
    	height: 54px;
    }
    .owl-prev, .owl-next {
        display: block !important;
        top: 50%;
        margin-top: -20px;
    }
    .group-bottom-good {
        /*position: absolute;
        bottom: 25px;*/
        width: 100%;
        padding: 0 10px;
    }
    .good-description .btn {
        /*float: right;*/
        margin-right: 0;
    }
    .price {
        margin-right: 12px;
        color: #2c2a5c;
    }
    .involved-action {
       text-align: center;
    }

    footer {
        background: url("../images/footer/footer-bg.png");
        width: 100%;
        height: 309px;
        background-size: cover;
    }
    .nav-service, .nav-about {
        background: none;
    }
    footer nav li {
        border: none;
    }
    .nav-service li a,
    .nav-service h3,
    .nav-about h3,
    .nav-about li a {color: #2c2a5c;}
    .nav-footer h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .nav-service h3, .nav-about h3 {border: none;}
    .nav-service li a, .nav-about li a { line-height: normal}
    footer { padding: 30px;}
    .subscribe-wrap > span {
        text-align: right
    }
    .subscribe input {
        float: left;
    }
    .subscribe-wrap {
        padding: 0 !important;
        text-align: center !important;
    }
    .nav-footer .nav-service, .nav-footer .nav-about {
        display: inline-block;
        vertical-align: top;
    }

    .card-items,
    .nav-service,
    .nav-about,
    .subscribe-wrap,
    .mclass-item {
        max-width: 262.5px !important;
    }
    .subscribe-wrap h3 {
        text-align: right;
    }
    .panna-search {
        /*min-width: 389px !important;*/
        width: 100%;
    }
    .search-block  .wrap-input {
        width: 100%;
        display: table-cell;
    }
    .search-block {
        max-width: 45%;
        display: table;
    }
    .btn-search {
        display: table-cell;
    }
    .nav-mobile {
        display: none;
    }
    .catalog-content .card-items,
    .mclass-item {
    	width: 31.33333% !important;
	}
	.left-sidebar {
    	display: block;
	}
	.catalog-content {
		padding-left: 30px;
	}
	.price {
    	font-size: 20px !important;
    }
    .toggler-filter {
		display: none;
	}
	.description-mclass h3, .description-mclass .text {
		text-align: center;
	}
	.description-mclass .text {
		height: 57px;
		overflow: hidden;
	}
	.about-content,
	.news-content {
		padding-left: 30px;
	}
	.top-cc-r {
		padding: 0 0 0 20px;
	}
	.tabs label {
		font-size: 14px;
	} 
	.user-send-comment, .ds-field  {
		    width: 50%;
	}
	.tabs label {
		width: auto;
	}
	.map-city {
    	width: 68%;
	}
	.city-list {
		width: 32%;
	}
	.row-items .card-items {
    	margin-right: 2.6%;
    }
    .grid-items .card-items:nth-of-type(4n+4) {
    	margin-right: 0;
    }
    .title-product h1 {
    	max-width: 280px;
	}
	.masterclass-content {
		padding: 0 0 0 30px;
		overflow: hidden;
	}
	.order-data-table,
	.order-summary-table {
		width: 100%;
	}
	.order-data-row .order-data-cell:nth-of-type(1),
	.order-data-row .table_cell:nth-of-type(1) {
		width: 30%;
		text-align: left;
	}
	.order-data-table,
	.order-summary-table {
		display: table;
	}
	.order-data-row {
		display: table-row;
	}
	.order-data-cell,
	.table_cell {
		display: table-cell;
	}
	.shopping-cart-counter .counter-units {
		padding-right: 0;
	}

}



@media (min-width:1281px) {
    /* hi-res laptops and desktops */
    .wrap-content {
        padding: 0 30px;
    }
    .grid-items {
        padding: 0 0 30px 0;
    }
    .card-items {
    	height: auto;
    }
    .mclass-item {
        height: 447px;
    }
    
    .card-items,
    .nav-service,
    .nav-about,
    .subscribe-wrap,
    .mclass-item {
        max-width: 262.5px !important;
    }
    .row-items .card-items {
    	margin-right: 30px;
    }
    .grid-items .card-items:nth-of-type(4n+4) {
    	margin-right: 0;
    }
    .main-header {
        display: block;
        width: 100%;
    }
    .main-menu {
        display: block;
    }
    .card-images a {
    	display: block;
    	max-width: 100%;
    	margin: auto;
    }
    .card-images a {
    	display: block;
    	max-width: 100%;
    	margin: auto;
    	position: absolute;
    	top: 0;
    	height: 0;
    	right: 0;
    	left: 0;
	}
    .card-images {
        width: 100%;
        height: 265px;
        float: none;
        border: none;
        margin: 0;
        display: inline-block;
    	vertical-align: middle;
    	margin: 0 0 10px 0;
    }
    .mclass-images {
        width: 100%;
        height: 290px !important;
        float: none;
        border: none;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    .mclass-images a {
	    display: table-cell;
	    height: 240px;
	    vertical-align: middle;
	    width: 100%;
    }
    .owl-prev, .owl-next {
        display: block !important;
        top: 50%;
        margin-top: -20px;
    }
    .good-type,
    .good-name {
        text-align: center;
    }
    .group-bottom-good {
        /*position: absolute;
        bottom: 25px;*/
        width: 100%;
    }
    .good-description .btn {
        /*float: right;*/
        margin-right: 0;
    }
    .price {
        font-size: 30px;
        font-weight: 600;
        line-height: 1;
        color: #2c2a5c;
    }
    .description-mclass {
    	margin: 10px;
    }
    .description-mclass p {
    	height: 82px;
    	overflow: hidden;
    }
    .good-name {
       /* height: 40px;*/
        overflow: hidden;
        padding: 0 10px;
        /* display: inline-block; */
        width: 100%;
    }
    .group-bottom-good {
        padding: 0 10px;
    }
    .price {
        margin-right: 12px;
    }
    .involved-action {
        text-align: center;
    }
    footer {
        background: url("../images/footer/footer-bg.png");
        width: 100%;
        height: 309px;
        background-size: cover;
    }
    .nav-service, .nav-about {
        background: none;
    }
    footer nav li {
        border: none;
    }
    .nav-service li a,
    .nav-service h3,
    .nav-about h3,
    .nav-about li a {color: #2c2a5c;}
    .nav-footer h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .nav-service h3, .nav-about h3 {border: none;}
    .nav-service li a, .nav-about li a { line-height: normal}
    footer { padding: 30px;}
    .subscribe-wrap > span {
        text-align: right
    }
    .subscribe input {
        float: left;
    }
    .subscribe-wrap {
        padding: 0 !important;
        text-align: center !important;
    }
    .subscribe-wrap h3 {
        text-align: right;
    }
    .catalog-content .card-items,
    .mclass-item {
    	width: 262.5px !important;
    }
    .price {
    	font-size: 30px;
    }
    .toggler-filter {
		display: none;
	}
	.description-mclass h3, .description-mclass .text {
		text-align: center;
	}
	.description-mclass .text {
		height: auto;
	}
	.about-content {
		padding-left: 30px;
		padding-bottom: 30px;
	}
	.news-content {
		padding-left: 30px;
	}
	.top-cc-r {
		padding: 0 0 0 20px;
	}
	.user-send-comment, .ds-field  {
		    width: 50%;
	}
	.tabs label {
		width: auto;
	}
	.map-city {
		width: 533px;
	}
	.city-list {
		width: 320px;
	}
	.row-forms {
		margin: 0 0 10px 0;
	}
	.left-col, .right-col {
		width: 50%;
    	float: left;
	}
	.warning_text {
		padding: 5px 0;
	}
	.title-product h1 {
		max-width: 380px;
	}
	.count-units {
		width: 50%;
	}
	.masterclass-content {
		padding: 0 0 0 30px;
		    overflow: hidden;
	}
	.order-data-table,
	.order-summary-table {
		width: 100%;
	}
	.order-data-row .order-data-cell:nth-of-type(1),
	.order-data-row .table_cell:nth-of-type(1) {
		width: 30%;
		text-align: left;
	}
	.order-data-table,
	.order-summary-table  {
		display: table;
	}
	.order-data-row {
		display: table-row;
	}
	.order-data-cell,
	.table_cell {
		display: table-cell;
	}
	.shopping-cart-counter .counter-units {
		padding-right: 0;
	}
	
	
}

/* @media (min-width:961px) and (max-width:1281px) { 
    .good-description .btn {
        margin: 0 !important;
    }
} */