@media screen and (max-width: 1270px) {
.mainmenu li a{font-size:16px}
#content {width: calc(100% - 59px);}
.topmenufixed {width: 100%;}	
div.searchbox {width:calc(100% - 410px);}
#section #article{min-width: calc(100% - 290px);}
#footermenu{padding:0px 0px 0px 56px}
#footermenu{width:calc(100% - 56px)}
#footermenu .bottommenu>li{width:24%}
#footermenu .bottommenu>li:nth-child(3) {width: 11%;}
.slide>a {width:calc(100% - 295px)!important;}
.slide img {width:auto!important;}
#content .right_sidebar{top:40px}
#article .preview{width:46%!important}
.homepage .listnew .preview{margin:10px 0px 30px 0px!important}
.homepage .listnew .preview a {height: 200px;}
.homepage .listnew .preview img:nth-child(1) {width: 96%!important;}
.homepage .listnew .preview:nth-child(3n+1){clear:none!important}
.homepage .listnew .preview:nth-child(2n-1){float:right}
#article .previewlist{width:100%!important;height:auto;position:relative}
#article .previewlist .readmore {position:absolute;right:0px;bottom:10px;}
#content .contentpage>img:nth-child(5) {width:100%!important;}
}
@media screen and (min-width: 320px) and (max-width: 1279px) {
.banner2{display:none}
.topbanner{display:block;}
.topbanner img{width:100%}
.homepage .listnew {
    padding-left: 0px;
    margin-top: 0px;
}
}
@media screen and (min-width: 767px) and (max-width: 769px) {
div.searchbox {
    width:calc(100% - 410px);
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
.topbanner {
    display: block;
    margin-top: 0px;
}
.homepage .listnew{margin-top:0px}
.searchlupa{
	display: inline-block;
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 7px;
    margin-right: 38px;
}
#mobileactivecontainer{
	display:inline-block;
    position: relative;
    top: 20px;
	width:100%;
}
#mobileactivecontainer h2 {
    font-size: 14px;
    color: #ca7407;
    text-transform: uppercase;
    margin: 0px 30px;
}
.right_sidebar {
    display: none;
}
#mobileactive{display:block}
.mainmenu{display:none}	
.searchbox{display:none}	
#content #article{width:calc(100% - 60px);clear:both;border-right:0px}
#content .right_sidebar{width:calc(100% - 60px);clear:both}
div.searchbox {width: calc(100% - 410px);}
#footer {
    height: auto;
    width: calc(100% - 60px)!important;
    padding-left: 60px;
    margin: 21px auto 0 auto;
}
#footermenu{padding:0px}
#footermenu .bottommenu>li {
    width: 42%;
}
#footermenu .bottommenu>li:nth-child(3) {
    width: 42%;
}
#footermenu .bottommenu>li {
    width: 42%;
}
yatag {width:calc(100% - 100px)!important}
yatag yatag{width:100%!important;overflow:hidden}
yatag yatag yatag{
	width:100%!important;
	max-width:100%!important;
	min-width:100%!important;
	margin:10px 0px!important;
}
.topmenu li:first-child:hover{background:transparent;}
.topmenu li:hover{background:transparent;}
.topmenu li:first-child{background:transparent;border-bottom: solid 1px #bcda9c;}
#header .top img{opacity:0px}
.topmenu{right:-60px}
#content {width:100%;overflow-x:hidden;}
.topmobileicon{
	display:block;
}
.topmobileicon li {float:left;list-style-type:none;width:25px;padding:5px 10px}
.topmobileicon li.icon {
    position: absolute;
    right: 4px;
    top: 10px;
}
div.logo{
	padding-left:20px;
	left:0px;
	width:100%;
	font-size: 23px;
}
.topmenufixed div.clear{
	border-bottom:solid 1px #ccc;
}
.iconmenus {
    display: none;
    opacity: 0;
}
.menusection {
    display: none!important;
    opacity: 0;
    color: black;
}
.menumobileclose {
    display:block!important;
    top: 13px!important;
    width: 59%;
    float: right;
    right: -3px;
	color:black!important;
}
.toggle {
    width: 100%!important;
    display:block!important;
    height: 43px;
}
.iconmobileslose {
    float: none;
    position: absolute;
    top: -4px;
    right: 39px;
	display:block!important;
	cursor:pointer;
}
.icon img{cursor:pointer;}
#mobileactive{
	padding:0px 15px;
	display:flex!important;
	height:380px;
	max-width:100%;
	margin:0px auto;
}
#mobileactive .item{
	margin: 0px 20px;
    background: white;
    padding: 20px;
}
#mobileactive .slick-list{padding:20px 10px!important}
#mobileactive .slick-slide {
    min-height:230px!important;
    max-height:230px!important;
    height:230px!important;
	overflow:hidden;
	background:white;
    box-shadow:4px 4px 14px rgba(0,0,0,0.4);
    padding: 20px;
	
}
#mobileactive .slick-prev.slick-arrow{
	position:absolute;
    bottom: 40px;
    left: 38%;
    background: url(/bitrix/templates/portal/images/arrayslick.png) no-repeat;
    height: 31px;
    width: 31px;
    border: 0px;
    color: transparent;
    z-index:11;
}
#mobileactive .slick-next.slick-arrow{
position: absolute;
    bottom: 40px;
    right: 35%;
    background: url(/bitrix/templates/portal/images/arrayslick.png) no-repeat;
    height: 31px;
    width: 31px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 0px;
    color: transparent;
    display: flex!important;
    z-index:11;
}
#mobileactive .slick-next.slick-arrow:hover{
	background:url(/bitrix/templates/portal/images/arrayslickactive.png) no-repeat;
}
#mobileactive .slick-prev.slick-arrow:hover{
	background:url(/bitrix/templates/portal/images/arrayslickactive.png) no-repeat;
}
#mobileactive .readmore {
	float: right;
    text-decoration: underline;
    font-style: italic;
    font-size: 15px;
    position: absolute;
    bottom: 16px;
    right: 41px;
}
#mobileactive .author{color:black}
#mobileactive .readmorea {
	width: 100%;
    display: block;
    background: white;
    height: 40px;
    position: absolute;
    bottom: 0px;
}	
}
@media screen and (min-width: 320px) and (max-width:540px) {
.bottommenu{display:none!important}
.footerlogo{display:none!important}
#footermenu span{display:block;width:100%;margin-bottom:10px;}
#slider-wrap{display:none}
#article .preview{width:100%!important;min-height:auto!important;margin-bottom:30px!important;height:auto;padding-bottom:70px}
#section #article div.text {
    text-align: left;
    max-height: 260px;
    overflow: hidden;
}
#article .previewlist a {
    font-size: 14px;
    font-weight: normal;
    color: #0b0b0b!important;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.preview a{
	height:auto!important
}
#article .previewlist img{
	width:100%;
	height:auto;
}
.homepage .listnew .preview .text, .preview .text{width:100%!important}
#section #article .text a{font-size:17px;color:#d22f29!important}
#content .listnew a {
    margin-top:0px!important;
	top: -4px;
	font-size: 18px;
}
.homepage .listvideo .head2 a {
	top: -4px;
}
.homepage .listnew .head2,
.homepage .listvideo .head2 {
    width: calc(100% - 20px);
    background: #cdedac;
    border: solid 1px #abd372;
    padding: 10px 10px;
    left: 0px;
    display: block;
    align-items: center;
    text-align: center;
    height: 20px;
    margin: 20px 0px;
}
.homepage .listnew .preview img:nth-child(1) {
    width: 100%!important;
}
#content #article {
    width: calc(100% - 45px);
    clear: both;
    border-right: 0px;
}
.homepage .listvideo .preview .text{width:100%!important}
.homepage .listvideo .preview a{
	position:relative;
}
.homepage .listvideo img.play {
    width: 32px!important;
    position: absolute;
    top: 90px;
    left: calc(50% - 16px);
}
.homepage .preview{padding-bottom:0px!important}

.head{height:auto!important}
.right_sidebar{display:none}
.khayr_main_comment .files{left:0px!important}
.g-recaptcha{
    max-height: 102px;
	height:98px;
    margin-bottom: 20px;
	overflow:hidden;
}
.articles {
    margin: 10px;
    float: left;
    width: 100%;
    text-align: center;
}
.articles div.text {
    border: 0;
    border-radius: 0px;
    width: 206px;
    float: left;
    padding-left: 10px;
    padding-top: 0px;
}
#footer {
    margin: 20px auto 0 auto!important;
}
#content #article{
	padding-bottom:18px!important;
}
#mobileactive{
	padding:0px 15px;
	display:flex!important;
	height:380px;
}
#mobileactive .item{
	margin: 0px 20px;
    background: white;
    padding: 20px;
}
#mobileactive .slick-list{padding:20px 10px!important}
#mobileactive .slick-slide {
    min-height:230px!important;
    max-height:230px!important;
    height:230px!important;
	overflow:hidden;
	background:white;
    box-shadow:4px 4px 14px rgba(0,0,0,0.4);
    padding: 20px;
	
}
#mobileactive .slick-prev.slick-arrow{
	position:absolute;
    bottom: 40px;
    left: 38%;
    background: url(/bitrix/templates/portal/images/arrayslick.png) no-repeat;
    height: 31px;
    width: 31px;
    border: 0px;
    color: transparent;
    z-index:11;
}
#mobileactive .slick-next.slick-arrow{
position: absolute;
    bottom: 40px;
    right: 35%;
    background: url(/bitrix/templates/portal/images/arrayslick.png) no-repeat;
    height: 31px;
    width: 31px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 0px;
    color: transparent;
    display: flex!important;
    z-index:11;
}
#mobileactive .slick-next.slick-arrow:hover{
	background:url(/bitrix/templates/portal/images/arrayslickactive.png) no-repeat;
}
#mobileactive .slick-prev.slick-arrow:hover{
	background:url(/bitrix/templates/portal/images/arrayslickactive.png) no-repeat;
}
#mobileactive .readmore {
	float: right;
    text-decoration: underline;
    font-style: italic;
    font-size: 15px;
    position: absolute;
    bottom: 16px;
    right: 41px;
}
#mobileactive .author{color:black}
.khayr_main_comment .comments .stock .stock {
    margin-left: 0px;
}
.khayr_main_comment .comments .stock .userText img{
	width: 50px;
    height: 50px;
}
.khayr_main_comment .w-45{width:100%}
.khayr_main_comment .files{display:none}
.khayr_main_comment input[type="file"]{display:none}
.menulist{
	left:0px;
	background:#cdedac;
    border: solid 1px #abd372;
	padding: 10px 10px;
    left: 0px;
    display: block;
    align-items: center;
    text-align: center;
    height: 30px;
    margin: 20px 0px;
}
.menulist .dropbox{display:none}
.menulist>span{
	left:0px;
	top:9px;
    font-size: 14px;
    width: 100%;
}
.ibigcats li{
	float:none;
	margin-left:0px; 
}
.imr{margin-left:0px;}
.album-detail div {
    font-size: 16px;
    line-height: 20px;
    float: left;
    margin: 10px 10px;
    height:auto!important;
    width:auto!important;
}
.album-detail div img {
    margin: 0 0 3px 0;
    height: auto!important;
    width: auto!important;
}
#article .preview_photo div,
#article .preview_video div {
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	margin: 0 10px 24px 10px;
	width: 100%;
	height:100%!important;
}
.album-detail.preview_photo div img {
    margin: 0 0 3px 0;
    height: auto!important;
    width: 100%!important;
}
iframe{
    max-width: 100%!important;
    height: auto;
    margin-top: 20px;
}
#content .contentpage>img{max-width:100%!important}
}