@media all and (min-width:422px) and (max-width:629px) {

.hide_hphone {display:none !important;}
#videoScrBlock div.mb3, #videoScrBlock div.mb6 {width:270px;}
.scroll_container .scr_buttons .goto, .clblock .maglist .scr_buttons .goto {display:none}
.scroll_container {width: auto;margin-left: 55px;margin-right: 55px; position: relative;}
.scroll_container .scr_buttons, .clblock .maglist .scr_buttons {position: static; border-top:none; margin:0; padding:0; height:auto;}
.blue .scroll_container .scr_buttons {border-top:none;}
.scroll_container .scr_buttons .prev_button, .clblock .maglist .scr_buttons .prev_button {float: none;position: absolute; top: 50%; margin-top: -25px; left: -55px;}
.scroll_container .scr_buttons .next_button, .clblock .maglist .scr_buttons .next_button {float: none;position: absolute; top: 50%; margin-top: -25px; right: -55px; left:auto}

.scroll_container .edesc { height: 128px;}
.scroll_container #eventScrBlock { height: 316px; overflow: hidden; }

.scroll_container .slider-view {width:270px; margin-left:auto; margin-right:auto; float:none}
.scroll_container .slider-view div.mb4, .scroll_container .slider-view div.mb3, .clblock #magScrBlock.slider-view div.mb3 {margin-right:30px; margin-left:0; float:left; width:270px;}
.clblock #magScrBlock.slider-view {width:270px}

#posterScrBlock {height:240px;}
#posterScrBlock div.mb3 {height:350px;}
#videoScrBlock .mb3.pos3 { padding-left: 0; }
#videoScrBlock .xitem {float:left;}

#videoScrBlock {height:300px;}
#videoScrBlock .xbox {width: 1500px;}
#catScrBlock {height:330px;}

#videoOtherScrBlock .mb4 .video.img_stretch32 img, #faqScrBlock .mb4 .img_stretch32 img {width:268px; height:178px;}

.clubbooks_scroll_container .scr_buttons .prev_button, .clubbooks_scroll_container .scr_buttons .next_button,
#newsScrBlock_buttons.scr_buttons .prev_button, #newsScrBlock_buttons.scr_buttons .next_button {top:auto; bottom: 215px}
#catScrBlock_buttons.scr_buttons .prev_button,
#catScrBlock_buttons.scr_buttons .next_button,
#dpicScrBlock_buttons.scr_buttons .prev_button, #dpicScrBlock_buttons.scr_buttons .next_button {top:auto; bottom: 205px}
#posterScrBlock_buttons.scr_buttons .prev_button,
#posterScrBlock_buttons.scr_buttons .next_button {top:auto; bottom: 125px}
#faqScrBlock_buttons.scr_buttons .prev_button,
#faqScrBlock_buttons.scr_buttons .next_button,
#videoScrBlock_buttons.scr_buttons .prev_button,
#videoScrBlock_buttons.scr_buttons .next_button,
#videoOtherScrBlock_buttons.scr_buttons .prev_button, #videoOtherScrBlock_buttons.scr_buttons .next_button,
#questScrBlock_buttons.scr_buttons .prev_button,
#questScrBlock_buttons.scr_buttons .next_button {top:auto; bottom: 185px}
#magScrBlock_buttons.scr_buttons .prev_button,
#magScrBlock_buttons.scr_buttons .next_button {top:auto; bottom: 160px}
#favScrBlock_buttons.scr_buttons .prev_button,
#favScrBlock_buttons.scr_buttons .next_button {top:auto; bottom: 180px}

.scroll_container .img_block32 .ib_img img, .scroll_container .video.img_stretch32 img, .scroll_container .img_stretch32 img {  width: 100%;  height: auto;}
.scroll_container .img_block32 .ib_img .img {  width: 100%; }

#catScrBlock div.goto { background-position: 50% 65px;  height: 202px; }

#videoOtherScrBlock .mb4 .video.img_stretch32 {margin-right:0}

.clblock .maglist, .clblock .maglist .mb4, .clblock .maglist div.mb3 {width:100%}

.pager { height: 50px; }
.pager .next_button, .pager .prev_button {top: 0;}
.pager .n a, .pager .n b {padding: 2px 0};


.clblock .img_block .ib_text, .clblock .img_block32 .ib_text, .clblock.newslist.lhc .img_block32 .ib_text { float: left; width: auto; margin-right:175px; min-width:50vw;}

.clblock .img_block32 .ib_img_rs img, .clblock .img_block .ib_img_rs32 img {max-width:150px;}

.clblock .img_block32 .ib_img_rs span, .clblock .img_block .ib_img_rs32 span {height:100px;}

.clblock .img_block32 .ib_img_rs, .clblock .img_block .ib_img_rs32 {width:150px; height:100px; margin-left:-175px;}

.mb8 .img_block32 .ib_text, .clblock.lhc .img_block32 .ib_text,
.clblock.publist .img_block32 .ib_text, .clblock .publist .img_block32 .ib_text,
.clblock.faqlist .img_block .ib_text, .book_search_results .img_block .ib_text {margin-left:175px; margin-right: 0; float: left; width: auto; min-width:50vw }

.clblock.faqlist .img_block .ib_img img {width:150px; height:auto;}

.clblock.publist .img_block32 .ib_img, .clblock .publist .img_block32 .ib_img, .clblock.publist .img_block32 .ib_img_rs, .clblock .publist .img_block32 .ib_img_rs,
.clblock.faqlist .img_block .ib_img, .clblock.lhc .img_block32 .ib_img_rs, .clblock .book_search_results .img_block .ib_img
{float:left; margin-left:0; margin-right: -175px; width: 150px;}

.book_search_results .img_block .toggle.ib_text {width: auto; margin-left: 0;}
.book_search_results .ib_text .img_block .ib_text {width: auto; margin-left: 155px; float: none;}
.itemblock .book_search_results .img_block .ib_text {width: auto;}

.mb4 .img_stretch32 img, .mb8-nlm .cols2 .img_stretch32 img  {width: 90vw; height:60vw;}
.clblock-nlm .cols2.img_stretch32_rs img {max-width:90vw}

.mb8 .img_block32 .ib_img img,
.mb4 .video.img_stretch32 img, .mb8-nlm .cols2 .video.img_stretch32 img, .clblock-nlm .cols3 .video.img_stretch32 img, .clblock.lhc .img_block32 .ib_img img {   width: 150px;    height: 100px;   vertical-align: bottom; margin-bottom:0}
.mb8-nlm .cols2.videos .img {margin-bottom:0}

.mb8 .img_block32 .ib_img, .mb4 .video.img_stretch32, .mb8-nlm .cols2 .video.img_stretch32, .clblock-nlm .cols3 .video.img_stretch32, .clblock.lhc .img_block32 .ib_img { float: left;    margin-right: -175px;}

.videos .title, .videos .pretitle, .videos .sublink { margin-left: 175px; }

.itemblock .cbook.img_block .ib_img { width: 100%; margin-bottom:15px; text-align:center}

.itemblock .ins_book .cbook.img_block .ib_img {width:100px; margin-right: -100px}
.itemblock .ins_book .cbook.img_block .ib_text {margin-left:125px; width:auto; min-width:50vw; margin-right:0}

.clblock .club_publishers_list .ib_img {margin-left: -150px; width:150px; float:right}
.clblock .club_publishers_list .ib_img img {max-width:150px;}
.clblock .club_publishers_list .img_block .ib_text {width:auto; margin-right:175px;}

.hfooter .mb3.rub1 { margin-left: 10vw; width: 35vw; }
.hfooter .mb3.rub2 { margin-left: 4vw; width: 40vw; }

}

@media screen and (min-width:422px) and (max-width:529px) {
ul.statmenu li.sm_item { min-width: 32%; }
}

@media screen and (min-width:530px) and (max-width:629px) {
ul.statmenu li.sm_item { min-width: 24%; }
}