/*If the screen is smaller 1920px - start to work these teams*/

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

	}

/*********************************************************/

/*If the screen is smaller 1279px - start to work these teams*/

	@media screen and (max-width : 1279px){
		.buls{display:none!important;}
	}

/*********************************************************/

@media screen and (max-width : 1537px){
	.banner img {
		max-width: 100%;
		height: auto;
	}
}
/*If the screen is smaller 1200px - start to work these teams*/

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

	}

/*********************************************************/

/*If the screen is smaller 980px - start to work these teams*/

@media screen and (max-width : 980px){
	.menu, .menu2{
		left: 50px;
	}
	.spageinfo{
		width: 100%!important;
	}
	.productinfo{
		margin-left: 270px;
		height: 1300px!important;
	}
	.threesixty{
		width: 250px!important;
	}
	.threesixty .nav_bar a.nav_bar_previous{
		top: 228px;
		left: 70px;
	}
	.threesixty .nav_bar a.nav_bar_next{
		top: 228px;
		right: 167px;
	}
	.firebird .nav_bar a.nav_bar_next{
		top: 145px;
		right: 78px;
	}
	.firebird .nav_bar a.nav_bar_previous{
		top: 145px;
		left: -15px;
	}
	.frame0 .bul-1{
		top: 105px;
		right: 62px;
	}
	.frame0 .bul-2{
		top: 177px;
		right: 86px;
	}
	.frame0 .bul-3{
		top: 204px;
		right: 93px;
	}
	.frame0 .bul-10{
		top: 296px;
		right: 80px;
	}
	.frame0 .bul-4{
		top: 379px;
		right: 39px;
	}
	.frame0 .bul-5{
		top: 465px;
		right: 33px;
	}
	.frame12 .bul-6{
		top: 480px;
		right: 36px;
	}
		.frame12 .bul-7{
		top: 510px;
		right: 45px;
	}
	.frame0 .bul-8{
		top: 510px;
		right: 48px;
	}
	.frame0 .bul-9{
		top: 541px;
		right: 39px;
	}
	.firebird{
		left: 40%;
		bottom: 200px;
	} 
	.frame0 .f-bul-1{
		top: 32px;
		right: 51px;
	}
	.firebird .f-bul-2{
		top: 75px;
		right: 26px;
	}
	.frame0 .f-bul-3{
		top: 106px;
		right: 12px;
	}
	.firebird .f-bul-4{
		top: 186px;
		right: 4px;
	}
	.firebird .f-bul-5{
		top: 239px;
		right: 24px;
	}
	#canvastbg{
		height: 100%!important;
	}
	.hamburger{
		right: 35px;
	}
	.hamburger-menu{
		right: 35px;
	}
	.cont{
	top: 18%;
}
	body{
		 min-width: 980px;
	}
	.nolimits{
		top: 400px!important;
	}
	.frame0 .n-bul-1{
		top: 75px;
		width: 140px;
	}
	.frame0 .n-bul-2{
		top: 95px;
		width: 140px;
	}
	.frame0 .n-bul-3{
		top: 125px;
		width: 140px;
		right: 2px;
	}
	.frame0 .n-bul-4{
		top: 155px;
		width: 40px;
		right: 2px;
	}
}
/*********************************************************/

/*If the screen is smaller 800px - start to work these teams*/

@media screen and (max-width : 800px){
	.product{
		margin: 0;
	}
	.menu, .menu2{
		left: 30px;
		font-size: 14px;
		width: 130px;
	}
	.productinfo{
		margin-left: 200px;
	}
	.page{
		padding: 185px 0 85px 180px;
	}
	.threesixty{
		left: 25%;
		bottom: -25px;
	}
	.firebird{
		left: 31%;
		bottom: 200px;
	} 
	.logo{
		left: 10px;
	}
	body{
		 min-width: 800px;
	}

}

/*********************************************************/

/*If the screen is smaller 768px - start to work these teams*/

@media screen and (max-width : 770px){
	.productinfo{
		margin-left: 187px;
	}
	.menu{
		width: 125px;
		left: 20px;
	}
	.page{
		padding: 185px 0 85px 162px;
	}
	body{
		 min-width: 770px;
	}
}

/*********************************************************/

/*If the screen is smaller 767px - start to work these teams*/

@media screen and (max-width : 767px){
	.menu.show{
		display: none;
	}
	.page{
		padding: 185px 0 85px 25px;
	}
	.menu{
		width: 95%;
		font-size: 20px;
		border: none;
		background-color: #000;
		padding: 0px;
		opacity: .8;
		text-align: center;
		border-radius: 3px;
	}
	.logo, .hamburger, .hamburger-menu{
		position: absolute;
	}
	.products{
		width: 100%;
	} 
	.product{
		margin: 0 15px!important;
	}
	body{
		 min-width: 767px;
	}
	.banner{
		height: auto;
	}
	.banner img{
		height: auto;
	}
	.graybanmob{
		display: block;
	}
	.grayban{display:none;}
	.spageinfo{
		margin-top: 178px;
	}
	.nolimits{top:495px!important;}
}

/*********************************************************/

/*If the screen is smaller 760px - start to work these teams*/

@media screen and (max-width: 760px){
	.threesixty{
		bottom: -60px;
	}
	.firebird{
		left: 35%;
		bottom: 200px;
	} 
	.menu2{
		left: 16px;
		width: 151px;
	}
	body{
		 min-width: 760px;
	}
}

/*********************************************************/

/*If the screen is smaller 686px - start to work these teams*/

@media screen and (max-width: 686px){
	.menu{
		width: 90%;
	}
	.threesixty{
		bottom: -100px;
	}
	.firebird{
		left: 34%;
		bottom: 150px;
	} 
	body{
		 min-width: 686px;
	}
}

/*********************************************************/

/*If the screen is smaller 646px - start to work these teams*/

@media screen and (max-width: 646px){
	.threesixty{
		bottom: -150px;
		left: 50%;
	}
	.firebird{
		left: 50%;
		bottom: 150px;
	} 
	.buls a{
		display: none;
	}
	.bulldescr{
		display: none;
	}
	.cont{
		margin-left: 150px!important;
	}
	body{
		 min-width: 646px;
	}
	.bul{
		background: none;
	}
}

/*********************************************************/

/*If the screen is smaller 599px - start to work these teams*/

@media screen and (max-width: 599px){
	.threesixty{
		bottom: -210px;
		left: 49%;
	}
	.firebird{
		left: 50%;
		bottom: 50px;
	} 
	.catalog-list img{
		max-width: 100%;
	}
	hr{
		width: 100%;
	}
	.pagenav{
		display: none;
	}
	.menu{
	
	}
	.cont{
		margin-left: 120px!important;
	}
	body{
		 min-width: 599px;
	}
}

/*********************************************************/

/*If the screen is smaller 540px - start to work these teams*/

@media screen and (max-width: 540px){
	.copy{
		right: 15px;
	}
	.contacts{
		right: 15px;
	}
	.cont{
		margin-left: 50px!important;
		position: relative!important;
	}
	body{
		 min-width: 540px;
	}
}

/*********************************************************/

/*If the screen is smaller 539px - start to work these teams*/

@media screen and (max-width: 539px){
	.menu2{
		display: block;
		position: relative;
		top: 42px;
		border-right: none;
		font-size: 20px;
		left: 100px;
	}
	.productinfo{
		margin: 0 14px;
		width: 100%;
	}
	.share{
		left: 12px;
	}
	.menu{
	
	}
	body{
		 min-width: 539px;
	}
}

/*********************************************************/

/*If the screen is smaller 530px - start to work these teams*/

@media screen and (max-width: 530px){
	.products{
		margin: 0  0 0 -35px;
	}
	body{
		 min-width: 530px;
	}
}
@media screen and (max-width: 505px){
	body{
		 min-width: 505px;
	}
	.logo{
		top: 15px;
	}
	.hamburger{
		top:40px;
	}
	.hamburger-menu{
		top: 55px;
	}
}
/*********************************************************/

/*If the screen is smaller 480px - start to work these teams*/

@media screen and (max-width: 480px){
	.cont{
		margin-left: 20px!important;
	}
	.menu{
	
	}
	.menu2{
		left: 90px;
	}
	body{
		 min-width: 480px;
	}
	/*.logo{
		display: none;
	}*/
}

/*********************************************************/

/*If the screen is smaller 479px - start to work these teams*/

@media screen and (max-width: 479px){
	.product{
		float: none;
	}
	.cont img{
		max-width: 100%;
	}
	.menu2{
		left: 80px;
	}
	body{
		 min-width: 479px;
	}
}

/*********************************************************/

/*If the screen is smaller 445px - start to work these teams*/

@media screen and (max-width: 445px){
	.products{
		margin: 0;
		width: 100%;
	}
	.photo{
		padding-top: 150px!important;
	}
	.product:first-child .photo{
		padding-top: 0!important;
	}
	.menu{
		width: 90%;
	}
	.menu2{
		left: 65px;
	}
	body{
		 min-width: 445px;
	}
}

/*********************************************************/

/*If the screen is smaller 418px - start to work these teams*/

@media screen and (max-width: 418px){
.cont{
		margin-top: 30px;
		top:80px;
	}
	.spageinfo{
		margin-top: 40px;
	}
	.menu2{
		left: 55px;
	}
	body{
		 min-width: 418px;
	}
}

/*********************************************************/

/*If the screen is smaller 360px - start to work these teams*/

@media screen and (max-width : 414px){
	body{
		 min-width: 414px;
	}
	
}
/*********************************************************/


/*If the screen is smaller 375px - start to work these teams*/

@media screen and (max-width : 375px){
	body{
		 min-width: 375px;
	}
	
}
/*********************************************************/

/*If the screen is smaller 360px - start to work these teams*/

@media screen and (max-width : 360px){
	.menu{
	
	}
	.menu2{
		left: 15px;
	}
	body{
		 min-width: 360px;
	}
	
}
/*********************************************************/

/*If the screen is smaller 320px - start to work these teams*/

@media screen and (max-width : 320px){
	body{
		 min-width: 300px;
	}
	.menu{
		top: 165px;
	}
	.logo{
		
		padding: 0;
	}
	/* .hamburger{
		top: 35px;
		right: 10px;
	}
	.hamburger-menu{
		right: 10px;
		top: 50px;
	} */
}

/*********************************************************/