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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1300px) {
	.slick-next{
		right: 0;
	}

}
/*======================================================================================================
1200
======================================================================================================*/
@media only screen and (max-width : 1200px) {
	.gls-left.gls-left-small{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.gls-left.gls-left-large{
		display: none;
	}
	.ges-right.ges-right-small{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.ges-right.ges-right-large{
		display: none;
	}
	.flex-container_item{
		margin: 0 0 50px 0;
	}
	.search-icon{
		z-index: 1;
	}
	.show-services,
	.show-cats{
		display: none;
	}
	#cooperation-page .flex-container_item:nth-child(1),
	#cooperation-page .flex-container_item:nth-child(2),
	.flex-container.flex-container_services .flex-container_item:nth-child(5),
	.flex-container.flex-container_services .flex-container_item:nth-child(4){
		margin: 0;
	}
	.categories_nav{
		display: none;
	}
	.footer-contact {
	    margin: 0px 0 20px 0;
	}
	.header-menu{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,.87);
	}
	.header-menu ul{
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.header-menu li{
		display: block;
		padding: 20px 0;
		display: flex;
		align-items: center;
		width: 100%;
		height: 16vh;
		margin: 0;
		padding: 1.875rem 0;
		background-color: rgba(84, 132, 208, 0.8);
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		overflow: hidden;
		transition: width 0.75s ease;
		cursor: pointer;
		transition: .4s background-color;
	}
	.header-menu li:hover{
		background-color: rgba(84, 132, 208, 1);
	}
	#hamburger {
		display: block;
		z-index: 99;
		cursor: pointer;
		
	}
	#hamburger .fa-times{
		font-size: 40px;
		color: #00173c;
		position: fixed;
		right: 30px;
		top: 20px;
	}
	.lang{
		width: 20%;
	}
	.header{
		justify-content: left;
	}
	.helpers {
	    width: 70%;
	    text-align: right;
	}
	#hamburger{
		width: 10%;
		text-align: center;
	}
	.header-menu li a {
	   height: 16vh;
	   width: 100vw; 
	   padding-left: 3.125rem;
	}
}

/*======================================================================================================
992
======================================================================================================*/
@media only screen and (max-width : 992px) {
	.flex-container_item {
	    margin: 0;
	    padding: 20px 0;
	}
	.lang{
		width: 50%;
		text-align: left;
		padding-left: 20px;
	}
	.helpers{
		width: 40%;
	}
	#hamburger{
		width: 50px;
		text-align: right;
		padding-right: 20px;

	}
	#cooperation .container{
		width: 50%;
	}
	.header{
		justify-content: space-between;
	}
	.cart_informer_wrapper{
		padding: 0 10px;
	}
	.categories{
		width: 270px;
		margin-left: auto;
		margin-right: auto;
	}
	.products_item_custom{
		width: 49%;
	}
	.sort{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
	.services-info h1{
		margin-top: 70px;
	}
	.cart-block-purchase,
	.cart-block-delivery,
	.cart-block-form,
	.fn_delivery_payment{
	    width: 100%;
	    margin-bottom: 20px;
	}
	.cart-row{
		flex-direction: column;
		margin-bottom: 0;
	}
}

/*======================================================================================================
768
======================================================================================================*/
@media only screen and (max-width : 768px) {
	
	/*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;
	}
	.flex-container{
		align-items: center;
	}
	.slick-next{
		right: -15px;
	}
	.slick-prev{
		left: -25px;
	}
	.bottom-row{
		bottom: 20px;
	}
	.ges-right:hover, .gls-left:hover{
		width: 100%;
	}
	.footer-contact_1{
		width: 100%;
	}
	.footer-contact_2{
		width: 100%;
	}
	.footer-contact_3{
		width: 100%;
	}
	.footer-info{
		padding: 0 15px;
	}
	.copyright{
		padding-top: 0;
	}

}
/*======================================================================================================
767
======================================================================================================*/
@media only screen and (max-width : 767px){
	#cooperation .container{
		width: 100%;
	}
	#cooperation .card{
		margin: 0 auto 8% auto;
	}
	.ges-right_composition img,
	.gls-left_composition img{
		width: 50%;
	}
	.ges-right_composition p,
	.gls-left_composition p{
		font-size: 16px;
	}
	header{
		top: 0;
	}
}
/*======================================================================================================
480
======================================================================================================*/
@media only screen and (max-width : 480px) {
	.composition_logo{
		width: 200px;
	}
	.gls-left_composition p, .ges-right_composition p{
		font-size: 14px;
	}
	.bottom-row{
		bottom: 0;
	}
	#cooperation .back{
		padding: 30px 5px;
	}
	#cooperation .info{
		bottom: 10px;
		left: 10px;
		right: 10px;
	}
	.shell-search{
		top: 49px;
		right: -58px;
	}
	.sort{
		display: block;
		width: 100%;
	}
	.sort_link{
		padding: 10px 5px 14px 15px;
	}
	.sort_link span {
		display: block;
		width: 100%;
		margin-right: 20px;
	}
	.sort_link span::after{
		right: 20px;
	}
	.sort_link span
	.products_item_custom{
		width: 100%;
	}
	.products_item_custom .preview{
		padding: 10px;
		min-height: 100%;	
	}
	.content{
		padding-top: 150px;
	}
	.flex-container_item p{
		padding-top: 15px;
	}
	.flex-container_item{
		width: 265px;
		height: 235px;
	}
	.footer-info > div:nth-child(1){
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.services-info h1{
		margin-top: 20px;
	}
	.breadcrumbs{
		margin: 0;	
		margin-top: 150px;	
		padding-left: 0;
		padding-right: 0;
	}
	.block{
		margin-bottom: 0;
	}
	.padding{
		padding: 10px 15px 15px;
	}
	.contacts,
	.contacts .container{
		padding-left: 0;
		padding-right: 0;
	}
	.categories{
		width: 100%;
		margin-top: 0;
		margin-bottom: 15px;
	}
	ul.level_1.categories_menu{
		width: 100%;
	}
	.sidebar_top{
		margin-bottom: 0;
	}
	.sort_link,
	.sort_title{
		padding-left: 0;
		padding-right: 0;
		display: block;
		width: 100%;
	}
	.all-products{
		float: none;
	}
	.all-products a{
		border: none;
		line-height: 17px;
		font-size: 13px;
		padding-left: 0;
		padding-bottom: 10px;
	}
	.sort_title{
		float: left;
		display: inline-block;
		padding: 10px 12px 10px 0;
		font-weight: 400;
		font-size: 14px;
	}
	.products_item_custom{
		width: 100%;
	}
	.preview .fn_transfer {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}
	.preview_image{
		height: 200px;
	}
	.captcha{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	.captcha .input_captcha{
		margin: 10px 0;
	}
	.filters_heading.fn_switch.lg-hidden.h2-wrapper span{
		display: inline-block;
		border-bottom: 1px solid;
		padding: 0 5px 10px 0;
		margin-bottom: -10px;
	}
	.preview{
		margin-right: 0;
	}
	.ges-right,.gls-left{
		width: 100%;
		height: 50vh;
	}
}

/*======================================================================================================
320
======================================================================================================*/
@media only screen and (max-width : 320px) {
	.search{
		margin-right: 10px;
	}
	#hamburger .fa-times {
	    font-size: 30px;
		top: 0;
		right: 0;
	}
	.composition_logo{
		width: 150px;
	}
	.composition_logo{
		margin-top: -20px;
	}
	.shell-search {
	    top: 49px;
	    right: -122px;
	    width: 320px;
	}
}