/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.sidebar-block li a {
		font-size: 14px;
	}
	.slide-text p {
		font-size: 20px;
	}
	.category-block {
		width: 325px;
	}
	.category-block img {
		width: 100%;
		height: 192px;
	}
	.dop-product-block {
		width: 220px;
	}
	.dop-product-block p {
		font-size: 14px;
	}
	.oplata {
		width: 270px;
	}
	.logos img:first-child{
		width: 40%;
	}
	.logos img:last-child{
		width: 50%;
	}
	.collection-sort {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.collection-sort select {
		margin-left: 0px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.category-block {
		width: 246px;
	}
	.content-page .col-md-9 {
		width: 100%;
	}
	.sidebar{
		display: none;
	}
	.dop-product-block {
		width: 233px;
	}
	.logos {
		width: 230px;
	}
	.logos img:first-child {
		display: block;
		margin: 0 auto;
		width: 60%;
	}
	.logos img:last-child {
		width: 79%;
		margin: 0 auto;
		display: block;
		padding-top: 20px;
	}
	.header-logo{
		width: 46%;
	}
	.header-logo img{
		width: 100%;
	}
	#regis, #enter {
		font-size: 16px;
	}
	#search input {
		width: 150px;
		font-size: 16px;
	}
	.category-block p {
		font-size: 14px;
	}
	#main-nav nav a {
		font-size: 15px;
	}
	footer{
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 790px) {

	.btn-mobile{
		display: block;
	}
	#main-nav {
		padding: 15px 0 15px;
	}
	.nav-wrap{
		display: none;
		position: absolute;
		z-index: 1;
		width: 100%;
		left: 0;
		right: 0;
		top: 64px;
	}
	#main-nav nav {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		background-color: #edecf1;
		border-top: 1px solid #dedede;
		padding-left: 10px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	#main-nav nav a {
		padding: 9px 0;
	}
	.logos,
	#search,
	.enter-panel{
		display: none;
	}
	.header-logo {
		margin: 0 auto;
	}
	.content-page .container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.category-block {
		width: 266px;
	}
	.dop-product-block {
		margin-bottom: 20px;
	}
	.company .about-company-wrap {
		width: 100%;
	}
	#popup .contacts-form-wrap {
		width: 100%;
	}
	#popup .contacts-form {
		padding: 20px 9% 40px;
	}
	.card-wrap {
		-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
		-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	}
	.card-descr {
		width: 100%;
		margin: 10px;
	}
	.tech-card {
		width: 100%;
	}
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}


}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 593px) {
	.slide-text {
		padding: 0 21px;
		top: 32%;
	}
	.category-block-wrap{
		margin: 0 auto;
	}
	.category-block {
		width: 320px;
	}
	.dop-product-block {
		width: 250px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.dop-product-block-wrap{
		margin: 0 auto;
	}
	.about-company-wrap{
		width: 100%;
	}
	.sort{
		display: none;
	}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
	.card-page {
		flex-direction: column;
	}
	.name-page h1 {
		height: 40px;
		line-height: 3;
		padding-left: 0px;
		margin: 0;
	}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 500px) {
	.oplata{
		display: none;
	}
	.information {
		margin: 0 auto;
		text-align: center;
	}
	.header-logo {
		width: 60%;
	}
	.look-more a {
		width: 100%;
	}
	.contacts-wrap {
		flex-direction: column;
	}
	.contacts-form-wrap {
		width: 100%;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}