@media screen and (max-width: 1200px) {
	.container {
		width:96%;
	}
}

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

	.container {
		overflow-x: hidden;
	}

	.indexbody .indextop .prodimg {
		width:88%;
		float: none;
		margin:0 auto;
	}

	.indexbody .indextop .prodtext {
		width:94%;
		float: none;
		margin:32px auto 0 auto;
	}

	.indexbody .indextop .prodtext .mainlogo {
		width:310px;
	}

	.indexbody .indextop .prodtext .mainlogotext {
		font-size: 24px;
	}

	.indexbody .indextop .prodtext .mainimage {
		width:84%;
	}

	.indexbody .indextop .prodtext .mainorder {
		width:calc(84% - 4px);
		box-shadow: 0 0 14px 2px #eee;
		background: #09323B;
		background: linear-gradient(90deg, rgba(9, 50, 59, 1) 0%, rgba(24, 98, 115, 1) 100%);
		padding:24px 4px;
	}

	.indexbody .indextop .prodtext .mainorder a {
		font-size: 28px;
		color: #14E114;
	}

	.indexbody .indexmiddle .title {
		width:88%;
		margin:12px auto;
	}

	.indexbody .indexmiddle .title h2{
		font-size: 24px;
		text-align: center;
	}

	.indexbody .indexmiddle .text {
		width:88%;
		font-size: 20px;
	}

	.indexbody .indexmiddle .image {
		width:98%;
		margin:8px auto 0 auto;
	}

	.indexbody .indexspecs {
		padding-top:0px;
	}

	.indexbody .indexspecs .image {
		float: none;
		width: 320px;
		margin:0 auto;
	}

	.indexbody .indexspecs .specs {
		float: none;
		width: 300px;
		margin:48px auto 0 auto;
	}

	.indexbody .indexspecs .specs .title{
		font-size: 24px;
	}

	.indexbody .indexspecs .specs .item {
		width:300px;
	}

	.indexbody .indexvideo .videobox {
		width:92%;
		margin:0 auto;
		float:none;
	}

	.indexbody .indexvideo .videobox .play {
		top:80px;
	}

	.indexbody .indexvideo .videobox .playtext {
		top:148px;
		font-size: 20px;
	}

	.indexbody .indexvideo .videotext {
		float:none;
		width:90%;
		margin: 48px auto 0 auto;
	}

	.indexbody .indexvideo .videotext .title {
		font-size: 26px;
		line-height: 1.7;
	}

	.indexbody .indexvideo3 {
		min-height: 200px;
	}

	.indexbody .indexvideo3 .slider {
		width:300px;
		height:300px;
	}

	.footer .fright .icon{
		width:140px;
		margin-top: 32px;
	}

	.footer .fleft .social {
		margin: 44px 0 0 16px;
	}

	.footer .fleft .social .link {
		float:none;
		margin:0px 28px 18px 0;
	}

	.abouttop {
		min-height: 200px;
		overflow-x: hidden;
	}

	.abouttop .bck{
		width:220%;
		margin-right: -60%;
	}

	.aboutpart .right {
		width:94%;
		float: none;
		margin:0 auto;
	}

	.aboutpart .right h1 {
		font-size: 28px;
	}

	.aboutpart .right .video {
		display: none;
	}

	.aboutpart .right .videomob {
		display: block;
	}

	.aboutpart .left {
		width:94%;
		float: none;
		margin:0 auto;
	}

	.aboutpart .left .ideas .title {
		font-size: 28px;
	}

	.aboutpart .left .ideas .idea {
		width: 100%;
		margin-top:32px;
		margin-left: 0;
		border-radius: 18px;
	}
	
	.aboutpart .left .ideas .uk-margin-left {
		margin-left: 0 !important;
	}

	.aboutpart .left .ideas .idea .image{
		margin:18px auto;
	}

	.aboutpart .left .ideas .idea .ititle {
		width:84%;
		margin:12px auto 0 auto;
	}
	
	.aboutpart .left .ideas .idea .itext {
		width:84%;
		line-height: 1.7;
	}

	.aboutpart .left .price {
		margin-top: 48px;
	}

	.aboutpart .left .price .ptext {
		font-size: 16px;
		margin:28px 8px 0 0;
	}

	.aboutpart .left .price .pprice {
		font-size: 21px;
		margin:20px 0 28px 16px;
	}

	.aboutpart .left .order .msngr {
		width: 100%;
		margin-top: 16px;
	}

	.aboutpart .left .order .whatsapp {
		float: none;
	}

	.aboutpart .left .order .telegram {
		float: none;
	}

	.aboutpart .right .contacts .social {
		float: none;
		width: 100%;
		min-height: 60px;
		margin-bottom: 16px;
	}

	.aboutpart .right .contacts .social .icon {
		width: 40px;
		float: right;
		margin:10px 16px 0 0;
	}

	.aboutpart .right .contacts .social .text {
		float:right;
		width:calc(100% - 74px);
		text-align: right;
		margin:20px 14px 0 0;
		font-size: 19px;
	}

	.aboutpart .right .albumlinks .link {
		width:220px;
	}

	.gallery .title {
		font-size: 28px;
		width: 94%;
		margin:12px auto 0 auto;
	}

	.gallery .images {
		width: 94%;
		margin:12px auto 0 auto;
	}

	.gallery .images div {
		width: 48%;
		margin:0 0 4% 4%;
		float: right;
	}

	.gallery .images .noleft {
		margin-left:0;
	}
	

}