@media screen and (min-width:260px) and (max-width:480px) {
.toop-lnks-rgt{float:none;width:100%}
.view{overflow:inherit;position:static}
.catalog{float:left;display:none}
.profile-opener{position:static;float:right;background:url(../images/menu-icon.png) no-repeat 36px 20px}
.flash-nws-boxs{position:static;padding:16px 32px 3px;width:100%}
.top-hder-wdth{width:100%;margin:0 auto}
.menu-icon{font-size:37px;position:static}
.navbar-nav{margin:0 auto}
.timeline::before{left:93%}
.timeline > li > .timeline-badge{left:93%}
.timeline > li > .timeline-panel{width:113%;padding:15px}
.timeline > li.timeline-inverted{padding-left:33px}
.timeline > li.timeline-inverted + li:not(.timeline-inverted),.timeline > li:not(.timeline-inverted) + li.timeline-inverted{margin-top:-1px}
.innr-bnr2{position:static;padding:19px 0 10px}
#inner-footr h3{font-size:26px}
.toop-lnks-rgt{float:none}
.flsh-news-wrpr{position:static}
.flsh-news3{background:#fff;padding:14px 0;border-top:1px solid #f0f0f0}
.testim-bttn{bottom:-17px}
.test-wrp-itm{text-align:center;height:auto}
#owl-demo .item img{width:30%;margin:0 auto}
#owl-demo .item{height:409px}
#owl-demo2 .item img{width:30%;margin:0 auto}
#owl-demo2 .item{height:440px}
.test-txt-hgt{height:auto}
.test-txt-hgt2{height:auto}
.test-immg{height:auto;overflow:inherit}
.toop-lnks-rgt{float:none}
#gallery-pge .grid figure{height:auto}
.innr-bnr22{display:none}
.cp-rgt-1{text-align:center}
.cp-rgt-2{text-align:center;float:none}
#search .btn{left:42%}
.bnnr-info-strp{position:static;width:53%;margin:0 auto}
#cssmenu2 > ul > li > a{padding:16px 17px}
.left-badge2{position:absolute;width:20%}
.left-badge2 img{margin:0 auto}
.frm-bocx{background:none;float:left;width:100%;padding:15px 0;border-radius:0}
.content{top:0!important}
#top-hder img{width: 41%; position: relative; z-index: 10; }
.sticky{position:static}
.slider { height: auto; }
.prev-btn { left: 0; }
.next-btn { right: 0; }
#mob-bnnr { display:inherit !important; }
/*.for-desktop-banner { display:none; }*/
.headerr { position: relative; z-index: 99; }

}
@media screen and (min-width:481px) and (max-width:640px) {
.view{overflow:inherit;position:static}
.profile-opener{position:static}
.menu-opener{float:right}
.navbar-nav{margin:0 auto}
.menu-icon{font-size:37px;position:static}
.flash-nws-boxs{position:static;padding:16px 32px 3px;width:100%}
.top-hder-wdth{width:96%}
#top-hder img{width:29%!important; position: relative; z-index: 10; }
.innr-bnr2{position:static;padding:19px 0 10px}
#inner-footr h3{font-size:26px}
.flsh-news-wrpr{position:static}
.flsh-news3{background:#fff;padding:14px 0;border-top:1px solid #f0f0f0}
.testim-bttn{bottom:9px}
.test-wrp-itm{text-align:center}
#owl-demo .item img{width:30%;margin:0 auto}
#owl-demo2 .item img{width:30%;margin:0 auto}
#owl-demo2 .item{height:440px}
.test-txt-hgt{height:auto}
.test-txt-hgt2{height:auto}
.test-immg{height:auto;overflow:inherit}
.toop-lnks-rgt{float:none}
#gallery-pge .grid figure{height:auto}
.innr-bnr22{display:none}
.cp-rgt-1{text-align:center}
.cp-rgt-2{text-align:center;float:none}
#search .btn{left:42%}
.bnnr-info-strp{position:static;width:53%;margin:0 auto}
#cssmenu2 > ul > li > a{padding:16px 17px}
.left-badge2{position:absolute}
.left-badge2 img{margin:0 auto}
.content{top:0!important}
.sticky{position:static}
.slider { height: auto; }
.prev-btn { left: 0; }
.next-btn { right: 0; }
#mob-bnnr { display:inherit !important; }
/*.for-desktop-banner { display:none; }*/
#owl-demo_main-banner .owl-item { width:100% !important; }
}
@media screen and (min-width:641px) and (max-width:800px) {
.profile-opener{position:static;float:left}
.top-hder-wdth{width:96%}
.menu-opener{float:right}
.navbar-nav{margin:0 auto}
.menu-icon{font-size:37px;position:static}
.view{overflow:inherit;position:static}
.flash-nws-boxs{position:static;padding:16px 32px 3px;width:100%}
#top-hder img{width:29%!important}
.innr-bnr2{position:static;padding:19px 0 10px}
#inner-footr h3{font-size:26px}
.flsh-news-wrpr{position:static}
.flsh-news3{background:#fff;padding:14px 0;border-top:1px solid #f0f0f0}
.testim-bttn{bottom:9px}
.test-wrp-itm{text-align:center;height:511px}
#owl-demo .item img{width:30%;margin:0 auto}
#owl-demo2 .item img{width:30%;margin:0 auto}
#owl-demo2 .item{height:440px}
.test-txt-hgt{height:230px}
.test-txt-hgt2{height:211px}
.toop-lnks-rgt{float:none}
.cp-rgt-1{text-align:center}
.cp-rgt-2{text-align:center;float:none}
.bnnr-info-strp{right:12px;bottom:0;width:19%;top:35%}
.left-badge2{top:34%}
.content{top:0!important}
.sticky{position:static}
.slider { height: auto; }
.prev-btn { left: 0; }
.next-btn { right: 0; }

}
@media screen and (min-width:801px) and (max-width:1024px) {
.profile-opener{position:static;float:left}
.menu-opener{float:right}
.flash-nws-boxs{position:static;padding:16px 32px 3px;width:100%}
.navbar-nav{margin:0 auto}
.tilter__title{font-size:19px}
#owl-demo .item img{width:40%;margin:0 auto}
.testim-bttn{bottom:-19px}
#owl-demo2 .item img{width:30%;margin:0 auto}
.test-immg{height:140px;overflow:hidden}
.grid figure figcaption{padding:13px}
.bnnr-info-strp{right:12px;bottom:0;width:22%;top:35%}
.slider { height: auto; }
.prev-btn { left: 0; }
.next-btn { right: 0; }
}
@media screen and (min-width:1025px) and (max-width:1100px) {
.flash-nws-boxs{position:static;padding:16px 32px 3px;width:100%}
#owl-demo2 .item{height:440px}
.evn-nw-txts{height:292px}
#owl-demo2 .item img{width:59%}
.test-immg{height:226px;overflow:hidden}
.bnnr-info-strp{right:19px;bottom:0;width:19%;top:35%}
.slider { height: auto; }
}
@media screen and (min-width:1101px) and (max-width:1200px) {
.evn-nw-txts{height:292px}
.slider { height: auto; }
}
@media screen and (min-width:1201px) and (max-width:1301px) {
#cssmenu > ul > li > a{padding:34px 8px!important;font-size:12px}
#cssmenu > ul > li.has-sub > a{padding-right:23px!important}
.testim-bttn{bottom:-20px}
.evn-nw-txts{height:292px}
#cssmenu > ul > li.has-sub > a{padding-right:21px!important;font-size:13px!important}
#cssmenu > ul > li > a{padding:34px 5px!important}
.bnnr-info-strp{position:fixed;z-index:8;right:38px;top:19%;width:12%}
.slider { height: auto; }
}
@media screen and (min-width:1302px) and (max-width:1390px) {
.flash-nws-boxs{position:absolute;bottom:0;width:30%}
#top-hder img{padding:16px 0}
.testim-bttn{bottom:-20px}
#cssmenu > ul > li.has-sub > a{padding-right:21px!important}
#cssmenu > ul > li > a{padding:34px 5px!important}
.bnnr-info-strp{position:fixed;z-index:8;right:38px;top:19%;width:12%}
#cssmenu > ul > li > a{font-size:13px!important}
.slider { height: auto; }
.trigger_popup_1 { right: -6.5% !important; }
}
@media screen and (min-width:1391px) and (max-width:1590px) {
.slider { height: auto; }
}






@media screen and (min-width:280px) and (max-width:388px) {
#toop-lnks { padding: 0px 0px; position: absolute; top: 9px; left: 0; right: 0; z-index: 10; background:#fff; }
.bg-for-mob-1 { background: #f4f4f4; padding: 0; border-radius: 11px 11px 0 0; float: left; width: 100%; }
#cssmenu #menu-button { padding: 17px 18px !important; }
.topmenu { z-index: 999 !important; padding: 19px 0 12px !important; }
#branchs-collg { padding: 28px 0px; background: #fff; }
#owl-demo_n1 .item { margin: 0; }
#boxs-hm { padding: 20px 0px; background: #f4f4f4; }
#branchs-collg { padding: 17px 0px; }
#owl-demo_n1 .item { margin: 0px 5px; }
.campus-itms1, .campus-itms2, .campus-itms3 { padding: 54% 27px 13px; height: 100%; margin: 0px auto; background-size: 100%; }
#owl-demo33 .item { margin: 0; }
#owl-demo5 .item { height: 453px; }
#modal12 .modal-dialog { width: 100%; }
.social-icons li { padding: 4px 10px; }
.tilter__caption { bottom: 1px; }
#owl-demo33 .item { height: auto; margin: auto 4px; }
.campus-itms1 h1 { font-size: 26px; margin: 0px auto 3px; }
.campus-itms2 h1 { font-size: 26px; margin: 0px auto 3px; }
.campus-itms3 h1 { font-size: 26px; margin: 0px auto 3px; }
.campus-itms1 h3 { font-size: 17px; }
.campus-itms2 h3 { font-size: 17px; }
.campus-itms3 h3 { font-size: 17px; }
.tilter--1 .tilter__figure::before { box-shadow: none; } 
.tilter__caption { padding: 13px; }
.tilter__title { font-size: 19px; line-height: 22px; }
.tilter { margin: 0px auto 0; }
}
@media screen and (min-width:389px) and (max-width:476px) {
#toop-lnks { padding: 0px 0px; position: absolute; top: 9px; left: 0; right: 0; z-index: 10; background:#fff; }
.bg-for-mob-1 { background: #f4f4f4; padding: 0; border-radius: 11px 11px 0 0; float: left; width: 100%; }
#cssmenu #menu-button { padding: 17px 18px !important; }
.topmenu { z-index: 999 !important; padding: 19px 0 12px !important; }
#branchs-collg { padding: 28px 0px; background: #fff; }
#owl-demo_n1 .item { margin: 0; }
#boxs-hm { padding: 20px 0px; background: #f4f4f4; }
#branchs-collg { padding: 17px 0px; }
#owl-demo_n1 .item { margin: 0px 5px; }
.campus-itms1, .campus-itms2, .campus-itms3 { padding: 54% 27px 13px; height: 100%; margin: 0px auto; background-size: 100%; }
#owl-demo33 .item { margin: 0; }
#owl-demo5 .item { height: 453px; }
#modal12 .modal-dialog { width: 100%; }
.social-icons li { padding: 4px 10px; }
.tilter__caption { bottom: 1px; }
#owl-demo33 .item { height: auto; margin: auto 4px; }
.campus-itms1 h1 { font-size: 26px; margin: 0px auto 3px; }
.campus-itms2 h1 { font-size: 26px; margin: 0px auto 3px; }
.campus-itms3 h1 { font-size: 26px; margin: 0px auto 3px; }
.campus-itms1 h3 { font-size: 17px; }
.campus-itms2 h3 { font-size: 17px; }
.campus-itms3 h3 { font-size: 17px; }
.tilter--1 .tilter__figure::before { box-shadow: none; } 
.tilter__caption { padding: 13px; }
.tilter__title { font-size: 19px; line-height: 22px; }
.tilter { margin: 0px auto 0; }
}
@media screen and (min-width:477px) and (max-width:575px) {
#toop-lnks { padding: 0px 0px; position: absolute; top: 9px; left: 0; right: 0; z-index: 10; background:#fff; }
.bg-for-mob-1 { background: #f4f4f4; padding: 0; border-radius: 11px 11px 0 0; float: left; width: 100%; }
#cssmenu #menu-button { padding: 17px 18px !important; }
.topmenu { z-index: 999 !important; padding: 19px 0 12px !important; }
#branchs-collg { padding: 28px 0px; background: #fff; }
#owl-demo_n1 .item { margin: 0; }
#boxs-hm { padding: 20px 0px; background: #f4f4f4; }
#branchs-collg { padding: 17px 0px; }
#owl-demo_n1 .item { margin: 0px 5px; }
.campus-itms1, .campus-itms2, .campus-itms3 { padding: 54% 27px 13px; height: 100%; margin: 0px auto; background-size: 100%; }
#owl-demo33 .item { margin: 0; }
#owl-demo5 .item { height: 453px; }
#modal12 .modal-dialog { width: 100%; }
.social-icons li { padding: 4px 10px; }
.tilter__caption { bottom: 1px; }
#owl-demo33 .item { height: auto; margin: auto 4px; }
.campus-itms1 h1 { font-size: 26px; margin: 0px auto 3px; }
.campus-itms2 h1 { font-size: 26px; margin: 0px auto 3px; }
.campus-itms3 h1 { font-size: 26px; margin: 0px auto 3px; }
.campus-itms1 h3 { font-size: 17px; }
.campus-itms2 h3 { font-size: 17px; }
.campus-itms3 h3 { font-size: 17px; }
.tilter--1 .tilter__figure::before { box-shadow: none; } 
.tilter__caption { padding: 13px; }
.tilter__title { font-size: 19px; line-height: 22px; }
.tilter { margin: 0px auto 0; }
}
@media screen and (min-width:576px) and (max-width:767px) {
#toop-lnks { padding: 0px 0px; position: absolute; top: 9px; left: 0; right: 0; z-index: 10; background:#fff; }	
#top-hder img { width: 54%;  position: relative; z-index: 10; }
.topmenu { z-index: 999 !important; padding: 19px 0 12px !important; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	
}
@media screen and (min-width:992px) and (max-width:1150px) {
	
}
@media screen and (min-width:1150px) and (max-width:1240px) {
	
}
@media screen and (min-width:1241px) and (max-width:1340px) {
	
}
@media screen and (min-width:1341px) and (max-width:1399px) {
	
}
@media screen and (min-width:1400px) and (max-width:1499px) {

}
@media screen and (min-width:1500px) and (max-width:1599px) {

}
@media screen and (min-width:1600px) and (max-width:1799px) {

}
@media screen and (min-width:1828px) and (max-width:1999px) {

}
@media screen and (min-width:2000px) and (max-width:2057px) {

}
@media screen and (min-width:2058px) and (max-width:2326px) {

}
@media screen and (min-width:2327px) and (max-width:2626px) {

}
@media screen and (min-width:2627px) and (max-width:3000px) {

}
@media screen and (min-width:3001px) and (max-width:4000px) {

}