/*0 up to 479*/
@media only screen and (min-width:0px) and (max-width : 479px) {
    .main { width: 350px !important; }
    header .top-header .header-date{/*display:none;*/margin-right: 65px;}
header .top-header .top-menu ul li { margin-left: 21px; }
header .top-header .top-menu ul li:nth-child(-n+4){display:none;}
/*header .topBottom-header{margin: 26px auto 0;}*/
header .topBottom-header .top-banner { /*float: none; margin: 0 auto; width: auto;*/display: none; }
header .topBottom-header .logo{margin-top:10px}
header .topBottom-header .logo > a img{width:93px;height:85px}
header .topBottom-header .logo > figcaption img{width:209px;height:17px}
/*header .bottom-header.enable1 { position: relative; }*/
header .bottom-header .user-area { margin-top: 0px; float: none;text-align: left; }
header .bottom-header .user-area .search-box { float: none; width: 144px;width: 125px; display: inline-block; }
header .bottom-header .user-area .search-box .txt { width: 101px;width: 82px; padding: 6px 2px; font-size: 12px;font-size: 10px; }
header .bottom-header .user-area .login-btn{margin-right: 0;}
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }

/*-*/
header .bottom-header.enable{box-shadow: 0 1px 2px rgba(0,0,0,.12);height: 53px;}
header .bottom-header.enable .main { padding-right: 2px; }
header .bottom-header.enable .user-area{display:none}
header .top-header.enable1 .logo > a { position: fixed; top: 0; right: auto;left:-100%; z-index: 10001; }
header .top-header.enable .logo > a { position: fixed; top: 27px; right: auto;left:17px }
header .top-header.enable1 .logo > a img { width: 58px; height: 50px; }
/*--------------------------------3line*/
.navbtn{display:inline-block}
header .bottom-header{position:relative}
header .bottom-header .main-menu > ul{/*display:none;*/padding: 0 20px 0 ;/*position:absolute;top:93px;top: 53px;right:0;*/background-color: #fff;}
header .bottom-header .main-menu > ul > li{display:block;margin-left: 0px;}
header .bottom-header .main-menu > ul > li > a::before{content:none;}
header .bottom-header .main-menu > ul > li > a img{display:inline-block}
header .bottom-header .main-menu > ul > li > a h2 { display:inline-block; }
header .bottom-header .main-menu > ul > li:hover > a img{transform:scale(1)}
header .bottom-header .main-menu > ul > li:hover > a span{margin-top:0;}
header .bottom-header.enable .main-menu > ul{top:0px;}
/*-*/
.main-slider { height: auto;background: none; }
.main-slider #main-slider .item a img { height: 143px; }
.main-slider .main-search { position: relative; top: 0; right: 0;z-index:1;  width: auto; height: auto; padding: 0px 0 22px;margin: 0 auto 20px;background: none;border: none;text-align: center;}
.main-slider .main-search .search-fields { margin: 32px auto 0;padding: 0 20px 0 10px;display: block;text-align: center;width: 337px; }
.main-slider .main-search .search-title { width: auto; display: block; padding-right: 85px;display:none; }
.main-slider .main-search .search-fields::before{content:none}
.main-slider .main-search .search-fields li{margin-left: 1px;margin-bottom: 12px;}
.main-slider .main-search .search-fields li .txt { width: 300px; }
.main-slider .main-search .search-fields li .ddl { width: 150px; }
.main-slider .main-search .search-fields li .btn{width: 47px;padding: 1px;background: url("../images/sprite.png") no-repeat -443px -20px,rgb(249, 249, 249);margin-right: 19px;}
.main-slider .main-search::before,
.main-slider .main-search::after{display:none}
/*-*/

.top-urls { margin: 0 auto; }
.top-urls ul { text-align: center; }
.top-urls ul li { /* width: 264px; */ width: 170px; float: none; display: inline-block; margin: 0 0px 20px !important; }
/* test */
.top-urls ul li figure .url-name{height: 50px;}
.top-urls ul li figure figcaption{padding: 0px 10px;}
/*-*/
.cols3 { margin:30px auto }
.cols3 .col1 { width: auto; float: none;border: 1px solid rgb(222, 222, 222); }
.cols3 .col1 .banners-lists li,
.cols3 .col1 .banners-lists li { width: 274px; display: block; margin: 0 auto 19px; }
.cols3 .col1 .banners-lists li a img,
.cols3 .col1 .banners-lists li a img { height: 125px; }
/*-*/
.tabs { margin: 0 auto 8px; padding: 0; text-align: center; }
.tabs li a{margin:0 2px}
.cols3 .col2 { width: auto; float: none; margin: 30px auto 0; }
.center-col2{margin: 30px auto;border: 1px solid rgb(222, 222, 222);}
.center-col2 .b2{clear:both;}
.center-col2 .b2 img { height: auto; }
.main-schools-list { height: auto; }
.main-schools-list > li { /*width: 245px;*/width: 165px;height: auto; float: none; display: inline-block; margin: 0 auto 20px; }
.main-schools-list > li figure > a { padding: 10px 12px 0; overflow: hidden; display: block; margin: 0 auto; width: auto; }
.main-schools-list > li figure > a img{width:132px;height:99px}
.main-schools-list > li figure figcaption .school-info li:first-child { border-left: none; width: auto; float: none; display: block; text-align: right; }
.news-tabs { height: auto; padding: 16px; margin: 0 auto 30px;border: 1px solid rgb(222, 222, 222); }
.news-tabs .main-news-list li figure > a { float: none; width: 89px; height: 89px; margin: 0 auto; display: block; }
.news-tabs .main-news-list li figure figcaption { width: auto; padding: 20px 0 0; }
.cols3 .col1.left-col { float: none; }
.cols3 .col2 .tabs-info{margin:0 auto;border: 1px solid rgb(222, 222, 222);}
/*-*/
.main-banners ul { text-align: center; }
.main-banners li { width: auto; float: none !important; display: block;margin: 0 auto 20px; }
.main-banners li figure a img { width: 100%; height: 90px; }
.main-proff-slider .item{text-align:center}
.main-proff-slider .item .prof-name{width:157px}
.main-proff-slider .item figure { width: 157px;margin: 0 auto; }
.main-vrs .title span { height: auto; }
.main-vr-slider .owl-item .item figure{width:238px;margin:0 auto}
.main-vr-slider .owl-item .item figure > a img { height: auto; }
.main-proff-slider .owl-prev,
.main-vr-slider .owl-prev{right: 0px;}
.main-proff-slider .owl-next,
.main-vr-slider .owl-next{left: 0px;}
/*-*/
footer .right-footer { width: auto; padding-left: 0; height: auto; border-left: none; float: none; }
footer .right-footer figure figcaption{height:auto}
footer .footer-links { width: 151px; border: none; height: auto; float: none; display: inline-block; padding-right: 10px; text-align: right; }
footer .footer-contact { float: none; display: block; width: auto; }
.left-footer{float:none;width: auto;}
.left-footer .newsletter .txt{width:190px;}
.copy-right{text-align:center}
.bottom-footer{margin-top:20px;}
.bottom-footer p { display: block; text-align: center; }
.bottom-footer .kaspid{float:none;}
.top-urls ul li figure .url-pic{height:100px;height:60px}
    .top-urls ul li figure .url-pic img { width: 100%; height: auto; width: 100px; height: 60px; }
.col1.right-col .banners-lists.ulbl1{display:none}
/*.col1.left-col{display:none}*/
.col1.left-col .Main-feedback{display:none}
header .bottom-header .user-area .register-btn { margin-right: 1px; width: auto;padding-left: 5px; }
.navbtn { position: absolute; top: 7px; right: 14px; }
header .bottom-header .main-menu { display: none; position: absolute; top: 53px; right: 0; }
.main-vr-slider{padding: 35px 25px 0;}
.main-vr-slider .owl-item .item figure > a { height: 129px; overflow: hidden; }
.main-proff-slider{padding: 25px 20px;}
.main-banners {
    margin-bottom: 38px;
}
.main-proffessors {
    margin-top: 58px;
}
.feedslider{display:none}

}
/*480 up to 719*/
@media only screen and (min-width : 480px) and (max-width : 719px) {
.main { width: 460px !important; }
header .top-header .header-date{display:none;}
header .top-header .top-menu ul li { margin-left: 27px; }
header .top-header .top-menu ul li:nth-child(-n+3){display:none;}
/*header .topBottom-header{margin: 26px auto 0;}*/
header .topBottom-header .top-banner { /*float: none; margin: 0 auto; width: auto;*/display: none; }
/*header .bottom-header.enable1 { position: relative; }*/
header .bottom-header .user-area { margin-top: 0px; float: none; text-align: left; }
header .bottom-header .user-area .search-box { float: none; width: 206px; display: inline-block; }
header .bottom-header .user-area .search-box .txt { width: 159px; }
header .bottom-header .user-area .login-btn{margin-right: 0;}
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }
/*-*/
header .bottom-header.enable{box-shadow: 0 1px 2px rgba(0,0,0,.12);height: 53px;}
header .bottom-header.enable .main { padding-right: 2px; }
header .bottom-header.enable .user-area{display:none}
header .top-header.enable1 .logo > a { position: fixed; top: 0; right: auto;left:-100%; z-index: 10001; }
header .top-header.enable .logo > a { position: fixed; top: 27px; right: auto;left:17px }
header .top-header.enable1 .logo > a img { width: 58px; height: 50px; }

/*--------------------------------3line*/
.navbtn { display:inline-block; position: absolute; top: 7px; right: 14px; }
header .bottom-header{position:relative}
header .bottom-header .main-menu { display: none; position: absolute; top: 53px; right: 0; }
header .bottom-header .main-menu > ul{/*display:none;*/padding: 0 20px 0 ;/*position:absolute;top:49px;right:0;*/background-color: #fff;}
header .bottom-header .main-menu > ul > li{display:block;margin-left: 0px;}
header .bottom-header .main-menu > ul > li > a::before{content:none;}
header .bottom-header .main-menu > ul > li > a img{display:inline-block}
header .bottom-header .main-menu > ul > li:hover > a img{transform:scale(1)}
header .bottom-header .main-menu > ul > li:hover > a span{margin-top:0;}
header .bottom-header .main-menu > ul > li > a h2 { display: inline-block; }
/*-*/
.main-slider { height: auto;background:#fff; }
.main-slider #main-slider .item a img { height: auto; }
.main-slider .main-search { position: relative; top: 0; right: 0; width: auto; height: auto; padding: 34px 0 22px;margin: 0 auto 20px;border:none;text-align:center;z-index: 1;background-color: rgb(241, 241, 241);border-radius:0; }
.main-slider .main-search .search-fields { margin: 0px auto 0; padding: 0 10px; display: block; width: 480px; }
.main-slider .main-search .search-title { width: auto; display: block; padding-right: 85px;display: none; }
.main-slider .main-search .search-fields::before{content:none}
.main-slider .main-search::before,
.main-slider .main-search::after{display:none}
.main-slider .main-search .search-fields li{margin-left: 10px;margin-bottom: 12px;}
.main-slider .main-search .search-fields li .txt { width: 148px; }
.main-slider .main-search .search-fields li .ddl { width: 141px; }
/*-*/
.top-urls { margin: 0 auto; }
.top-urls ul { text-align: center; }
.top-urls ul li { width: 227px; float: none; display: inline-block; margin: 0 0px 20px !important; }
.top-urls ul li figure .url-name { font-size: 14px; }
/*-*/
.cols3 { margin:30px auto }
.cols3 .col1 { width: auto; float: none;border: 1px solid rgb(222, 222, 222); }
.cols3 .col1 .banners-lists.ulbl1 li,
.cols3 .col1 .banners-lists.ulbl2 li { width: 290px; display: block; margin: 0 auto 19px; }
.cols3 .col1 .banners-lists.ulbl1 li a img,
.cols3 .col1 .banners-lists.ulbl2 li a img { height: 133px; }
/*-*/
.tabs{margin: 0 auto 8px;}
.cols3 .col2 { width: auto; float: none; margin: 30px auto 0; }
.cols3 .col2 .tabs-info{border: 1px solid rgb(222, 222, 222);margin: 0 auto;}
.center-col2{margin: 0 auto 30px;border: 1px solid rgb(222, 222, 222);}
.center-col2 .b2{clear:both;}
.center-col2 .b2 img { height: auto; }
.main-schools-list { height: 912px; }
.main-schools-list > li { width: 216px; }
.main-schools-list > li figure > a { padding: 10px 12px 0; overflow: hidden; display: block; margin: 0 auto; width: 205px; }
.news-tabs { height: auto; padding: 16px; margin: 0 auto 30px; border: 1px solid rgb(222, 222, 222); }
.news-tabs .main-news-list li figure figcaption{width: 77%;}
.cols3 .col1.left-col { float: none; }
.cols3 .col1 .banners-lists.ulbl3 li,
.cols3 .col1 .banners-lists.ulbl4 li { width: 290px; margin: 0 auto 19px; display: block; }
.cols3 .col1 .banners-lists.ulbl3 li a img,
.cols3 .col1 .banners-lists.ulbl4 li a img { height: 133px; }
/*-*/
.main-banners ul { text-align: center; }
.main-banners li { width: auto; float: none !important; display: block;margin: 0 auto 20px; }
.main-banners li figure a img { width: 100%; height: auto; }
.main-proff-slider .item{text-align:center}
.main-proff-slider .item .prof-name{width:157px}
.main-proff-slider .item figure { width: 157px;margin: 0 auto; }
.main-vr-slider .owl-item .item figure{width:280px;margin:0 auto}
.main-proff-slider .owl-prev,
.main-vr-slider .owl-prev{right: -10px;}
.main-proff-slider .owl-next,
.main-vr-slider .owl-next{left: -10px;}
/*-*/
footer .right-footer { width: auto; padding-left: 0; height: auto; border-left: none; float: none; }
footer .right-footer figure figcaption{height:auto}
footer .footer-links { width: 226px; border: none; height: auto; float: none; display: inline-block; }
footer .footer-contact{float:none;display:inline-block;}
.left-footer{float:none;}
.copy-right{text-align:center}
.bottom-footer{margin-top:20px;}
.bottom-footer p { display: block; text-align: center; }
.bottom-footer .kaspid{float:none;}
.Main-feedback{display:none}
}
/*720 up to 1000*/
@media only screen and (min-width : 720px) and (max-width : 1000px) {
.main { width: 700px; }
header .top-header .header-date { margin-right: 93px; }
header .top-header .top-menu ul li { margin-left: 25px; }
/*----------------------ad remove*/
header .topBottom-header .top-banner { display: none; }
/*----------*/
header .bottom-header .main-menu > ul > li { margin-left: 24px; }
header .top-header.enable .logo > a { right: 26px; }
header .bottom-header.enable .user-area { display: none; }
header .bottom-header .user-area .search-box .txt { width: 379px; }
.main-slider { height: auto; }
.main-slider #main-slider .item a img { height: auto; }
.main-slider .main-search { position: relative; top: 0; right: 0; width: auto; height: auto; padding: 34px 0 22px;margin: 0 auto 20px; border: none;text-align:center;background-color: rgb(241, 241, 241);border-radius: 0;}
    .main-slider .main-search .search-fields { margin: 0px auto 0; display: block; width: 702px; }
.main-slider .main-search .search-title { width: auto; display: block; padding-right: 85px;display: none; }
.main-slider .main-search::before,
.main-slider .main-search::after{display:none}
.main-slider .main-search .search-fields li .txt { width: 176px; }
.main-slider .main-search .search-fields li .ddl { width: 111px; }
.main-slider .main-search .search-fields li .btn { width: 60px; background-position: -436px -20px; }
.main-slider .main-search .search-fields li{margin-left: 10px;}
/*-*/
.top-urls { margin: 0 auto; }
.top-urls ul { text-align: center; }
.top-urls ul li { width: 264px; float: none; display: inline-block; margin: 0 20px 20px !important; }
/*-*/
.cols3 .col1 { width: auto; float: none; }
.cols3 .col1 .banners-lists.ulbl1 li,
.cols3 .col1 .banners-lists.ulbl2 li{width:290px;display:inline-block;margin:0 23px 19px;}
.cols3 .col1 .banners-lists.ulbl1 li a img,
.cols3 .col1 .banners-lists.ulbl2 li a img{height:133px}
/*-*/
.cols3 .col2 { width: auto; float: none; margin: 30px auto 0;}
.tabs{margin:0 8px 8px 0}
.main-schools-list > li { width: 219px; }
.main-schools-list > li figure > a { padding: 10px 12px 0; overflow: hidden; display: block; margin: 0 auto; width: 205px; }
.center-col2{margin-bottom:30px}
.center-col2 .b2{text-align:center;}
.news-tabs { height: auto; }
/*-*/
.banners-lists.ulbl3,
.banners-lists.ulbl4 { width: 257px; text-align: center; float: right; width: auto; float: none; }
.cols3 { margin-bottom: 30px; }
.cols3 .col1 .banners-lists.ulbl3 li,
.cols3 .col1 .banners-lists.ulbl4 li { width: 230px; margin: 0 auto 19px; display: block;display:inline-block }
.cols3 .col1 .banners-lists.ulbl3 li a img,
.cols3 .col1 .banners-lists.ulbl4 li a img { height: 105px; }
.cols3 .col1.left-col { float: none; }
.Main-feedback { width: 164px;display: inline-block;height:auto;padding: 20px 12px 15px;display:none }
.Main-feedback .feedback-options li{float:none;margin:0 auto}
.Main-feedback .reg-vote, .Main-feedback .total-vote { display: block; margin: 0 auto 10px !important; }
.main-banners ul { text-align: center; }
.main-banners li { width: 500px; float: none !important; display: block;margin: 0 auto 20px; }
.main-banners li figure a img { width: 100%; height: auto; }
.main-vr-slider .owl-item .item{text-align:center;}
.main-vr-slider .owl-item .item figure{width:280px;margin: 0 auto;}
/*-*/
footer .right-footer{width: auto;border-left: none;padding: 0;float:none;height:auto;}
footer .right-footer figure figcaption{height:auto;}
footer .footer-links { width: 230px;height: auto; }
.left-footer { width: auto; min-height: 0; height: auto; float: none; padding-top: 26px; clear: both; }
.left-footer .newsletter{width:307px;display:inline-block}
.left-footer .namads{display:inline-block}
.left-footer .namads li{width: 166px;}
.bottom-footer{margin-top:0;}
.bottom-footer p{width:calc(100% - 250px)}
}
/*1001 up to 1249*/
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
.main { width: 980px; }
.main-slider .main-search .search-title{display:none}
.main-slider .main-search::before{top: 2px;}
/*header .bottom-header .main-menu > ul{padding-right: 48px;}*/
header .bottom-header .main-menu > ul{padding-right: 25px;}
header .bottom-header .main-menu > ul > li{margin-left:16px}
header .bottom-header .main-menu > ul > li > a span{font-size: 13px;}
header .bottom-header .user-area .search-box .txt { width: 116px; padding: 6px 4px; }
header .bottom-header .user-area .login-btn { margin-right: 10px; }
header .bottom-header .user-area .search-box .btn{width: 25px;padding: 6px 2px;margin: 0;}
/*enabel mode*/
header .top-header.enable .logo > a{right: 23px;}
header .bottom-header.enable .main-menu > ul{padding-right: 20px;}
header .bottom-header.enable .main-menu > ul > li > a span{font-size: 11px;}

/*------------*/
.main-slider .main-search { width: 81%;padding-bottom: 22px;height:auto; }
.main-slider .main-search .search-fields li .txt { width: 157px; }
.main-slider .main-search .search-fields li .ddl{width: 111px;}
.main-slider .main-search .search-fields li .btn{width: 60px;background-position:-436px -20px}
.main-slider .main-search .search-fields li { margin-left: 10px; }
.top-urls ul li { width: 23%; margin-left: 25px;}
.top-urls ul li figure .url-name{font-size: 14px;}
.cols3 .col2 { width: 656px; }
.cols3 .col1.left-col { float: none; width: auto; clear: both; }
.banners-lists.ulbl3,
.banners-lists.ulbl4 { width: 345px;width: auto; text-align: center;/*float:right;*/float: none;}
.cols3 .col1 .banners-lists.ulbl3 li,
.cols3 .col1 .banners-lists.ulbl4 li { width: 290px; margin: 0 auto 19px; display: block;display: inline-block; }
.cols3 .col1 .banners-lists.ulbl3 li a img,
.cols3 .col1 .banners-lists.ulbl4 li a img { height: 133px; }
.Main-feedback{width:257px;display:inline-block;display:none}
footer .right-footer{width:345px;}
.left-footer{float:none;margin:0;clear:both;width:auto;padding-top: 50px;min-height: 0px;}
.left-footer .newsletter{width:307px;margin: 0;display:inline-block;height: 113px;}
.left-footer .namads{display:inline-block}
.left-footer .namads li{width:102px;}
.bottom-footer .copy-right{text-align:center;}
.bottom-footer .kaspid { float: none; }
}
/*laptop*/
@media only screen and (min-width : 1250px) and (max-width : 1366px) {
    .main { width: 1200px; }
    .main-schools-list > li{margin-left: 4px;}
}
/*1250 up to 1400*/
@media only screen and (min-width : 1367px) and (max-width : 1400px) {
    .main { width: 1200px; }
    .main-schools-list > li{margin-left: 4px;}
    header .top-header.enable .logo > a{right:9%}
}
/*1401 up to 1750*/
@media only screen and (min-width : 1401px) and (max-width : 1750px) {
    .main { width: 1200px; }
    .main-schools-list > li:nth-child(3n), .left-content .video-lists li:nth-child(3n), .schools-lists-items > li:nth-child(4n), .vtour-list > li:nth-child(4n), .trainig-book-lists li:nth-child(3n), .experts-list .expert-items li:nth-child(4n) { margin-left: 0; }
}
/*1750 to up*/
@media only screen and (min-width : 1750px) {
    .main { width: 1400px; }
    .main-schools-list > li:nth-child(3n), .left-content .video-lists li:nth-child(3n) { margin-left: 0; }
}