@media only screen and (max-width: 1280px) {

	.row {
		padding: 0 2%;
	}

	.header-section .categories.thumbnails {
		width: 100%;
		margin: 0;
		padding: 15px 0;
	}

	.partners li {
		padding: 13px;
	}

	.catalog-thumbnails {
		width: 100%;
		margin: 0;
	}

}


@media only screen and (max-width: 1024px) {

	.header-contacts-col.col-1 {
		width: 32%;
		min-width: 230px;
	}

	.header-contacts-col.col-2 {
		width: 40%;
	}

	.header-contacts-col.col-3 {
		width: 28%;
	}

}


@media only screen and (max-width: 768px) {


	.header-contacts-col.col-2{
		display: none;
	}

	.your_city{
		text-align: left;
	}

	.respmenubtn-box {
		display: block;
	}

	.header-top-row .header-col.header-nav-col {
		display: block;
		width: 100%;
		position: absolute;
		top: -100%;
		left: 0;
		background: rgba(255, 255, 255, 1);
		z-index: 12;
		/*overflow: hidden;*/
	
	    -webkit-transition-property: top;
	    -webkit-transition-duration: .3s;
	    -webkit-transition-timing-function: ease;

	    -moz-transition-property: top;
	    -moz-transition-duration: .3s;
	    -moz-transition-timing-function: ease;

	    -ms-transition-property: top;
	    -ms-transition-duration: .3s;
	    -ms-transition-timing-function: ease;

	    -o-transition-property: top;
	    -o-transition-duration: .3s;
	    -o-transition-timing-function: ease;

	    transition-property: top;
	    transition-duration: .3s;
	    transition-timing-function: ease;
	}

	.header-top-row .header-col.header-nav-col.active {
		top: 0;
	}

	.header-top-row .search-col {
		display: none;
	}

	.header-search-responsive {
		display: block;
	}

	.main-nav li {
		padding: 15px 2.5%;
		top: 0;
	}

	.main-nav li a {
		min-height: auto;
		line-height: 14px;
	}

	.main-nav li a:after {
		display: none;
	}


	/*------*/

	.header-contacts {
		text-align: center;
		padding: 20px 0;
	}

	.header-contacts-col {
		text-align: center;
	}

	.header-contacts-col.col-1 {
		/*width: 100%;*/
		width: 38%;
		min-width: 230px;
		text-align: left;
	}

	.header-contacts-col.col-2 {
		width: 50%;
		padding: 20px 0;
	}

	.header-contacts-col.col-2 .right {
		float: none;
	}

	.header-contacts-col.col-3 {
		/*width: 50%;*/
		text-align: center;
		width: 32%;
	}


	/*------*/

	/*-- News Index Page --*/

	.news-thumbnails .news-item {
		width: 50%;
	}

	/*-- /News Index Page --*/


	/*-- Product Page --*/

	.breadcrumbs-section {
		/*display: none;*/
		text-align: center;
	}

	.sidebar {
	    display: none;
	}

	.main-content {
		width: 100%;
		padding: 0;
	}

	.slider-big .photo-descript {
		min-height: 30px;
        padding: 10px 0;
    }

	.slider-miniatures {
        display: block;
        width: 96%;
        margin: 0 auto;
    }

    .slider-miniatures .slick-prev {
        margin: 0 0 0 -2%;
    }

	.product-links ul {
		text-align: center;
		width: 86%;
	}

	.product-links ul li {
		/*width: 33.33%;
		padding: 10px 3%;*/
		width: 30.4%;
        padding: 4px;
	}

	.product-links:after, .product-links:before{
		width: 6%;
	}



	.product-view-list {
		padding: 20px 0;
	}

	.product-view-list li {
		width: 46%;
		margin: 2px 1.5%;
	}

	.selected-section:before,
	.selected-section:after {
		display: none;
	}

	.selected-box {
		width: 100%;
		margin: 0;
	}

	.selected-box .select {
		width: 100%;
		padding: 0;
	}

	.select:hover .select_item{
		width: 100%;
	}

	.select:after {
		display: inline-block;
		vertical-align: middle;
	}

	.select:before {
		display: inline-block;
		vertical-align: middle;
	}

	.select select {
		width: 80%;
		max-width: none;
	}

	.tabs-content {
		padding: 20px 0 8px 0;
	}

    .table {
		margin: 15px 0 5px 0;
	}

	/*-- /Product Page --*/


	/*------*/

	.partners {
		text-align: center;
	}

	.three-cols-box .footer-col.col-1,
	.three-cols-box .footer-col.col-2,
	.three-cols-box .footer-col.col-3 {
		display: block;
		width: 100%;
		text-align: center;
	}

	.webstdio-box {
		float: none;
	}

	.webstdio-box h2 {
		width: auto;
	}

	.header-section .category img{
		min-height: 100%;
		width: auto;
		max-width: none !important;
	}


}


@media only screen and (max-width: 680px) {

	/*.header-contacts-col.col-1,
	.header-contacts-col.col-2,
	.header-contacts-col.col-3 {
		width: 100%;
	}*/

	.header-contacts-col.col-1{
		margin-right: 50px;
	}

	.header-contacts-col.col-3{
		display: none;
	}

	.catalog-thumbnail {
		display: block;
		width: 80%;
		margin: 15px auto;
	}

	.photo-box img {
		width: 100%;
		height: auto;
	}

	.contact-form-box {
		width: 100%;
		float: none;
	}

	.call-contacts {
		display: block;
		width: 100%;
		float: none;
		padding: 20px 0;
	}

	.product-links{
		width: 100%;
	}



	.product-links ul li{
		width: 100%;
		margin-bottom: 10px;
	}

	.product-links:after, .product-links:before{
		content: none;
		display: none;
	}

}


@media only screen and (max-width: 480px) {

	h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.header {
		/*background-image: url(img/index_bg_320.jpg);*/
	}

	.header-top-row .header-col.header-nav-col {
		background: rgba(255, 255, 255, .9);
		top: -100%;
	}

	.main-nav {
		width: 100%;
		margin: 0;
		padding: 0;
		/*overflow-y: scroll;*/
		height: auto;
		background-color: #fff;
	}

	ul.main-nav._deep_1{
		left: 0px;
		width: 100%;
	}

	ul.main-nav._deep_1 li a{
		padding: 0;
		text-align: center;
	}

	.main-nav li {
		width: 100%;
		padding: 0;
		top: 0;
	}

	.main-nav li:last-child {
		margin: 0 0 50px 0;
	}

	.main-nav li a {
		width: 100%;
		padding: 15px 2.5%;
		min-height: auto;
		line-height: 14px;
	}

	.main-nav li a:hover,
	.main-nav li a:active {
		background: rgba(255, 255, 255, 1);
	}

	.header-section .categories .thumbnail {
		width: 50%;
	}


	/*-- News Index Page --*/

	.news-thumbnails .news-item {
		width: 100%;
		padding: 17px 2%;
	}

	/*-- /News Index Page --*/

	.product-view-list li {
		width: 92%;
	}

	.product-links ul li {
		width: 100%;
		margin-bottom: 10px;
	}

	.slider-miniatures {
        width: 94%;
    }

	.selected-box {
		width: 100%;
	}

	.select select {
		width: 85%;
	}

	.catalog-thumbnail {
		display: block;
		width: 96%;
		margin: 15px auto;
	}


	.card_tab_link span{
		display: none;
	}

	.header-contacts-col.col-1, .header-contacts-col.col-2, .header-contacts-col.col-3{
		display: none;
	}

	.header-top-row .header-col.header-nav-col{
		    top: -400px;
    		height: 271px;
	}

	.your_city{
		text-align: left;
	}





}


@media only screen and (max-width: 320px) {

	.header-section .categories .thumbnail {
		width: 96%;
	}

}