/* Large Devices, Wide Screens */

@media only screen and (min-width: 1801px) {
	
	.main-content .left-part{
  	max-width: 435px!important;
	}

	.main-content.active {
  	max-width: 459px;
	}

	.shop-right-part {
  	width: 435px!important;
	}

}

@media only screen and (min-width: 1700px) and (max-width: 1800px){
	
	.main-content .left-part {
  	max-width: 410px!important;
	}

	.main-content.active {
  	max-width: 434px;
	}

	.list-goods-container .good {
		
	}

	.shop-right-part {
  	width: 410px!important;
	}

}

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

	.central-part{
		max-width: 586px;
	}

	.company-worker-wrapp .workers-info .name h4 {
		font-size: 16px;
		max-width: 210px;
	}

}

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

	.central-part{
		left: 53%;
	}

	.good {
		width: 24.5%;
	}

}

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

	.central-part{
		max-width: 560px;
	}

	.main-content .small-slider .owl-item {
		height: 75px;
	}
	.main-content .small-slider img {
		min-height: 75px;
	}

	.company-worker-wrapp .avatar {
    width: 75px;
    height: 75px;
    margin-right: 15px;
  }

}

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


	.shop-right-part {
		width: 315px;
	}

	.main-content{
  	width: 72%;
  	max-width: 100%;
  }

	.main-content .left-part{
		max-width: 280px;
	}

	.main-content.active .left-part{
		width: 100%;
		max-width: 280px;
	}

	.company-worker-wrapp .avatar {
		width: 60px;
		height: 60px;
		margin-right: 10px;
  }

  .company-worker-wrapp .avatar img {
  	min-height: 60px;
  }

  .company-worker-wrapp .workers-info .number {
		font-size: 15px;
  }

  .company-worker-wrapp .workers-info .name {
		top: 7px;
  }

  .company-worker-wrapp .workers-info .name span {
		font-size: 13px;
		max-width: 140px;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		display: block;
  }

  .company-worker-wrapp .workers-info .name h4 {
		font-size: 15px;
		max-width: 148px;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
  }

  .company-worker-wrapp a.chat-butt {
		left: 7px;
		top: 1px;
		font-size: 14px;
		padding-top: 4px;
		width: 45px;
		height: 27px;
  }

	.central-part{
		width: 64%;
	}

	.left-part .company-info span {
		font-size: 15px;
	}

	.left-part .company-info {
		margin-bottom: 20px;
	}

	.footer-links{
		float: right;
	}

	.central-part{
		max-width: 500px;
	}

	.good .goods-photo {
		height: 100px;
	}

}

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

	.central-part{
		width: 60% !important;
	}

}

@media only screen and (min-width: 1700px){


}

@media only screen and (min-width: 1500px){

	.main-content .links li img {
		max-width: 22px;
	}

}

@media only screen and (min-width: 1500px) and (max-width: 1699px){

	.main-content .left-part {
  	max-width: 380px!important;
	}

	.main-content.active {
  	max-width: 404px;
	}

	.shop-right-part {
  	width: 380px!important;
	}

}

@media only screen and (min-width: 1450px) and (max-width: 1500px){

  .main-content .left-part {
  	max-width: 360px!important;
	}

	.main-content.active {
  	max-width: 382px;
	}

	.shop-right-part {
  	width: 360px!important;
	}

}

@media only screen and (min-width:1400px) and (max-width: 1449px) {

  .main-content .left-part {
  	max-width: 330px!important;
	}

	.main-content.active {
  	max-width: 355px;
	}

	.shop-right-part {
  	width: 330px!important;
	}

}


@media only screen and (min-width: 1400px) {

  .main-content{
  	width: 72%;
  	max-width: 100%;
  }

}

/**__--1280--__**/

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

	.shop-right-part {
		width: 270px;
	}

	.main-content.active{
		max-width: 279px;
	}

	.main-content.active .left-part{
		width: 100%;
		max-width: 255px;
	}

	.main-content .left-part{
		width: 32%;
		max-width: 255px;
	}

	.central-part{
		max-width: 450px;
		left: 50%;
	}

	.company-worker-wrapp .avatar {
		float: none;
	}

  .company-worker-wrapp .workers-info .name span {
		max-width: 150px;
  }

  .company-worker-wrapp .workers-info .name h4 {
		max-width: 160px;
  }

  .company-worker-wrapp a.chat-butt {
		top: 5px;
  }

  .list-goods-container .good {
		
	}

}

/**__--1160--__**/

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

}

/**__--1100--__**/

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

	.main-content.active{
		max-width: 260px;
	}

		.main-content.active .left-part{
			max-width: 240px;
		}

	.central-part {
		max-width: 420px !important;
		left: 53% !important;
	}

	.company-name-wrapp {
		margin-bottom: 8px;
	}

	.company-name-wrapp h2 {
		font-size: 33px;
	}

	.left-part .links {
    margin: 10px 0px 15px;
	}

		.left-part .links ul{
			margin-left: 0 !important;
		}

		.left-part .links li a{
			margin:0 2px;
		}

		.left-part .links li img {
	    max-width: 17px;
	    vertical-align: middle;
		}

	.feeds.list-goods-wrapp .tab {
		width: 90px;
		font-size: 15px;
		padding: 6px 0;
	}

	.feeds.list-goods-wrapp .tab:after {
		width: 90px;
	}
}

/**__--1000--__**/

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

	.main-content.active{
		max-width: 250px;
	}

		.main-content.active .left-part{
			max-width: 230px;
		}

}


/* Medium Devices, Desktops */

/**__--992--__**/

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

	.main-content{
		width: 95%;
	}

		.main-content.active{
			width: 246px;
		}

			.main-content.active .left-part,
			.main-content .left-part{
				width: 225px;
			}

		.central-part {
			max-width: 450px !important;
			left: 70% !important;
		}

		.right-part{
			display: none;
			width: 300px;
		}

		.right-part.active{
			display: block;
			position: absolute;
			top: 60px;
			right: 0;
			padding: 10px;
			height: 100%;
			z-index: 9999;
		}

	a.toggle-chat-button{
		display: block;
		z-index: 10000;
	}

	.top-menu .links{
		position: absolute;
		top:50px;
		transform:translate(0,0);
		background-color: #727270;
		text-align: center;
		white-space: normal;
		width: 50px;
	}

		.top-menu .links li{
			display: block;
		}

		.top-menu .links li a{
			padding: 8px 5px;
			display: block;
		}

	ul.top-menu-links{
		display: none;
		margin-left: 0;
	}

	ul.top-menu-links.active{
		display: block;
		margin-left: 0;
	}

	a.links-toggle-button{
		display: block;
	}

}

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

	.central-part {
		width: 60% !important;
	}

}

/* Small Devices, Tablets */

/**__--800--__**/

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

	.top-menu form#top-menu-form input,
	.top-menu form#top-menu-form select{
		max-width: 130px;
		height: 22px;
		margin:0 10px 0 0;
		padding-left: 4px;
		font:normal 12px "HelveticaLight",sans-serif;
	}

	.top-menu form#top-menu-form button {
		top: -1px;
	}

}

/**__--768--__**/

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

	a.toggle-button,
	a.close-button{
		display: none;
	}

	.main-content{
		height: auto;
		padding-left: 0;
		top: 0;
		position: relative;
		z-index: 2;
		margin-left: 0;
		width: 100%;
	}

		.main-content .left-part{
			float: none;
			width: 100%;
			max-width: 300px;
			margin: 0 auto;
		}

		.company-worker-wrapp .avatar {
			float: left;
		}

		.central-part{
			width: 100% !important;
			max-width: 100% !important;
			height:auto;
			position: static;
			z-index: 1;
			padding: 10px 20px 0px;
			left: 0;
			background-color: #898989;
			transform:translate(0,0);
			margin: 0 auto;
		}

	.albums-wrapper{
			position: relative;
		}

		.blog-wrapper{
			position: relative;
			
			margin: 0 auto;
			left: 50%;
			transform: translate(-50%,0);
			top: 5px;
		}

		.blogs-post-wrapper .user-photo{
			float: left;
			margin: 10px 0 0 10%;
			width: 60px;
			height: 60px;
		}

			.blogs-post-wrapper .user-photo img{
				width: 60px;
				height: 60px;
			}

	.feeds-tabs{
		max-width: 365px;
		margin: auto;
		display: block;
	}

	.photo-gallery-wrapp{
		margin:80px auto 0;
	}

		.photo-gallery-item img{
			height: 140px;
		}

	.goods-main-container {
		position: relative;
	}

	#owl-small-slider {
    margin-bottom: 35px;
  }

	.left-part .links{
		margin:25px auto;
	}

		.left-part .links li img {
	    max-width: 25px;
		}

	.right-part{
		display: none;
		width: 250px;
	}

	.top-menu {
    height: 73px;
   }

   	.top-menu form#top-menu-form{
			width: 100%;
			text-align: left;
			padding-left: 20px;
			top:5px;
			transform:translate(0,0);
			margin-top: 5px;
   	}

   	.top-menu .logo,
		.top-menu .user-name{
			top:5px;
			transform:translate(0,0);
		}

   	.top-menu .logo{
    	width: 15%;
   	}

   	.top-menu .user-name{
    	width: 20%;
    	white-space: nowrap;
   	}

   		.top-menu .user-name img{
   			vertical-align: top;
   		}

   		.top-menu .user-name h4{
   			position: relative;
   			top:-2px;
   		}

		a.links-toggle-button {
			top: 7px;
			transform:translate(0,0);
		}

			ul.drop-list li{
				font-size: 12px;
				width: 129px;
			}

}

/**__--550--__**/

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

	.blogs-post-wrapper .post-content footer a.comments,
	.blogs-post-wrapper .post-content footer a.share,
	.blogs-post-wrapper .post-content footer a.take-in{
		font-size: 13px;
	}

	.photo-gallery-item{
		width: 32%;
	}

}

/* Extra Small Devices, Phones */

/**__--480--__**/

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

		.main-content .left-part{
			float: none;
			width: 100%;
			max-width: 295px;
			margin: 0 auto;
		}

	.right-part.active{
		position: fixed;
		top: 0;
	}

	.right-part{
		top: 0;
		position: fixed;
		max-height: 100%;
		height: auto;
	}

	.list-goods-container .good {
		width: 49.3%;
		margin-bottom: 4px;
	}

	a.toggle-chat-button{
		position: fixed;
	}

	.top-menu form#top-menu-form {
		padding-left: 4px;
	}

		.top-menu form#top-menu-form input, 
		.top-menu form#top-menu-form select {
			max-width: 102px;
			margin-right: 2px;
			font-size: 9px;
		}

		.top-menu form#top-menu-form input{
			max-width: 95px;
			font-size: 12px;
		}

		.top-menu form#top-menu-form select {
    	background-position: right 1px center;
    }

    .top-menu form#top-menu-form button {
			left: -23px;
  	}

  	.blog-wrapper{
			left: 0;
			transform: translate(0,0);
		}
			
			.blogs-post-wrapper .user-photo{
				margin-left: 0;
			}

			.blogs-post-wrapper .post-content {
				float: none;
			}

		.album-item{
			width: 49.2%;
			height: 150px;
		}

	.album-item:nth-child(2n+2){
		margin-right: 0;
	}

	.album-item:nth-child(3n+3),
	.album-item:nth-child(4n+4){
		margin-right: .8%;
	}

	.blogs-post-wrapper .post-content{
		width: 100%;
	}

	.photo-gallery-item img{
		height: 120px;
	}
}

/**__--400--__**/

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

	.blogs-post-wrapper .post-content header .link-wrapp {
		right: 0;
	}

	.blogs-post-wrapper .post-content header p {
		font-size: 13px;
	}

	.blogs-post-wrapper .post-content .post-info {
		height: 170px;
	}

	.blogs-post-wrapper .post-content footer {
		height: 50px;
	}

	.post_likes .sum_block {
		font-size: 13px;
		margin-left: 2px;
	}

	.photo-gallery-item{
		width: 31.5%;
	}

		.photo-gallery-item img{
			height: 100px;
		}

}

/**__--380--__**/

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

	.blogs-post-wrapper .post-content footer a.comments, 
	.blogs-post-wrapper .post-content footer a.share, 
	.blogs-post-wrapper .post-content footer a.take-in {
		padding-right: 0;
	}

	.post_likes .sum_block {
		font-size: 11px;
	}

	.blogs-post-wrapper .post-content .post-info .masonry-item.w50 {
		width: 48% !important;
	}

	.feeds.list-goods-wrapp .tab {
    width: 70px;
    font-size: 12px;
    padding: 9px 0;
	}

	.feeds.list-goods-wrapp .tab:after {
		width: 70px;
	}

}

/**__--320--__**/

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

	.blog-wrapper{
		left: 0;
		width: calc(100% + 20px);
	}

	.main-content{
		float: none;
	}

	.photo-gallery-item img{
		height: 80px;
	}

}