@media only screen 

and (max-width : 1360px) {

#help {
	
	width: 300px;

}

}


@media only screen 

and (max-width : 1280px) {


.seventy {
	top: 198px;
	font-size: 20px;
	}

#weblink {

	top: 95px;

	right: -84px;

		font-size: 25px;

}

	

#top-header {

	height: 220px;

	

}

#hd-inf {
	left: 50%;
	top: 185px;
}

nav .menu {

	width: 88%;

}

#adress {
	font-size: 25px;

}

#help {
	
	font-size: 16px;
	width: 270px;

}

}

@media only screen 

and (max-width : 1024px) {
	nav .menu {
	width: 84%;
}
	#preloader {
		background-position: -980px 0px;
		}
#vidos {
	width: 480px;
	height: 280px;
	
}	
.playClip {
	width: 99%;
	align-items: flex-start;
	font-size: 12px;
	height: 80px;
}
.thumber {
	height: 85px;
	width: 70%;
	height: auto;
	padding-top: 8px;
	/* padding-bottom: 8px; */
}
	
	.top-white {

	height: 190px;
	background-size: 100% 100%;
	align-items: flex-start;
}
	
	.topSpace {
	min-height: 254px;
}
#poster {
	width: 480px;
	height: 280px;
}
#help {
	width: 200px;
}	
.remarka {
	font-size: 16px;
   	width: 98%;
}
#top-header {
	height: 198px;
}
#right_side, #left_side {
	height: 295px;
   
	}
	
    #left_side{
        display:none;
    }   
    .icon-wrap {
	font-size: 18px;
}
#hd-inf {
	font-size: 24px;
	margin-top: 150px;
	padding-right: 10px;
}
}

@media only screen 

and (max-width : 980px) {

.trigger{
 display:none;
}

.preflex-title #pops span{

	font-size: 38px;

}
#top-header img {
	width: 50px;
}
#top-header{

	height: 173px;;

}
.top-white {
	height: 165px;
	padding-left:0px
}

.topSpace {
	min-height: 230px;
}


#hd-inf {
	font-size: 24px;
	margin-top: 130px;
	padding-right: 20px;
	}

nav .menu .m-submenu {
	left: 0;
	width: 100%;
	padding-left: 0px;
}

nav .menu {
width: 95%;

}
.seventy {
	
	left: 2px;
	top: 123px;
	font-size: 14px;
	
}
.pobeda, .pobeda img {
	width: 178px;
	height: 172px;
}

nav .menu {
	width: 98%;
}

}

@media only screen 
and (max-width : 800px) {
.category {
	width: auto;
	margin-bottom: 20px;
}
    .table-down{
        display:flex;
    }  
 #left_side {
	order: 2;
}		
	#right_side{
		order:3;
	}
	#vidos{ 
	width: 80%;
	height: 320px;
	margin-left: auto;
	margin-right: auto;
	/*display: none;*/
	order: 1;
}

#video-frame {
	width: 100%;
	height: inherit!important;
	order: 1;
	border-bottom: solid 5px #6e6863;
	margin-bottom: 8px;
}
.frameWrap {
	flex-wrap: wrap;
}		
.playClip {
	width: 95%;
	font-size: 13px;
}
	#underFrame {

	height: inherit;

}
.thumber {
	width: 91%;
}    
    
    
.social {
	height: inherit!important;
	flex-wrap: wrap;
}	
#hd-inf {
	font-size: 20px;
	padding-right: 0px;
	margin-top: 110px;
	
}	
.top-white {
	height: 143px;

}	
#top-header {
	height: 150px;
}.topSpace {
	min-height: 205px;
}
    #help{
        display:none;
    }
 .remarka {
	display: none;
}
    
    .line {

	margin-bottom: 0px;

	/* display: none; */
}
    #right_side {

	margin: auto;
}
}
@media only screen 

	and (max-width : 375px) {
		
nav .menu {

	display: none;

}

#toggle-menu {

	display: block;

}		
.topSpace {
	min-height: 30px;
	margin-bottom: 95px;
	display:none;

}
.bigContainer {
	margin-top: 5px;
	width: 100%;
	float: left;
	position:relative;
	
}		
.top-white {
	height: 70px;
	align-items: flex-end;
	flex-wrap: nowrap;
}
#top-header {
	height: 78px;
}
#hd-inf {
	display: none;
}
#poster {
	width: 360px;
	height: 200px;
}
.frameWrap {
	padding: 5px 0px 20px 0px;
}
#vidos {
	width: 100%;
	height: 200px;
	}
#vidos img {		
	width:350px;	
		}
		iframe{
			width:360px;
		}
		.category {
	width: auto;
/*	margin-bottom: 20px;*/
}
.link-page {
	height: 78%;
	width: 91%;
}
#right_side {
	height: 720px;
	margin: auto;
}
.playClip {
	font-size: 13px;
	padding-bottom: 8px;
	width: 301px;
	height: 192px;
	margin-bottom: 20px;
	justify-content: center;
	flex-wrap: wrap;
}
#remarka {
font-size: 14px;
justify-content: flex-start;
}
#left_side {
	height: 410px;
}
#help {
	
	text-align: left;
	margin-top: 50px;
}
nav .menu {

	padding-left: 8px;

	

	margin-left: 0px;



}

nav .menu li {

    text-align: left;

}

nav .menu li{

border-right:none;

	border-bottom: solid 1px #373F51;

}



nav .menu li:last-child {



	border-bottom: none;



  }

nav .menu .m-submenu {
width: 55%;

}		
.razdel {
font-size: 15px;
}	

}
@media only screen 

	and (max-width : 360px) {
		
		iframe{
			width:360px;
			height:180px;
		}		
		
}