@media only screen and (max-width: 1360px) {
.col-xs-offset-10{ margin-left:83.33333%!important;}
.navbar-toggle { display:none!important;}
.px-navbar~.px-content {margin-top:122px!important;}
.px-nav {position: fixed; z-index: 1050; top: 74px; display: block!important; height: 100%;}
.mgtop{margin-top:97px!important;}
ul.list-group {margin-bottom: 0px; text-align: right; padding-top:20px}
}
@media only screen and (max-width: 1366px) {
.header{position: fixed !important; width:100%; z-index:1; height:74px; background:#fff;}
.col-xs-offset-10{ margin-left:83.33333%!important;}
.navbar-toggle { display:none!important;}
.px-navbar~.px-content {margin-top:122px!important;}
.px-nav {position: fixed; z-index: 1050; top: 74px; display: block!important; height: 100%;}
.px-nav-left~.px-navbar {left: 56px; padding-left: 0; top: 74px!important; position: fixed!important;}
.mgtop{margin-top:97px!important;}
ul.list-group {margin-bottom: 0px; text-align: right; padding-top:20px}
}
@media only screen and (max-width: 768px) {

.px-demo-logo {width:55%!important; height:40px; }
.loin{ width:50%!important; height:40px; top:2px;}
.px-nav-toggle {z-index: 1051; top:50px !important; position: fixed;}
.px-nav {position: fixed; z-index: 1050; top:50px; display: block!important; height: 100%;}
.px-nav-left~.px-navbar {left: 56px; padding-left: 0; top:50px!important; position: fixed!important;}
.px-navbar~.px-content {margin-top:97px!important;}
.flex-direction-nav li a.next {background:url(../img/next.jpg) no-repeat center; bottom:40px!important; right:0px!important;}
.flex-direction-nav li a.prev {background:url(../img/prev.jpg) no-repeat center;bottom:40px!important; left:0px!important;}
.flex-caption { display:block!important;}
.flex-caption{ position: absolute; right:14px; bottom:-45px!important; font-size:12px!important;}
.flex-caption h2{ color:#fff;font-size:12px!important; padding:5px 0 5px 0; margin:0px;}
.slider_container{ width:100%!important; margin:0!important; clear:both; background:none; padding:0px 0 0 0!important;}
}
@media only screen and (max-width: 480px) {
.px-demo-logo {width:21%!important; height:40px; margin-left:40px;}
.loin{ width:40%!important; height:40px; float:right;}
.slider-pagi {position: absolute;z-index: 3; left: 46%;bottom: 2rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 0;  list-style-type: none;}
.header{position: fixed !important; width:100%; z-index:1; height:48px; background:#fff;}
.margL{ margin-left:0px;}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); left: 0; height: 300px;}
.carousel-control.right { right: -24px; background-image: none!important ; background-image: none!important ; }
.carousel-control.left { left: -24px; background-image: none!important ; background-image: none!important ;}

.px-navbar { position: absolute; z-index: 1010; top: 0; right: 0; left: 0; margin: 0; border-radius: 0; background: #fff;}
.px-nav-left~.px-navbar {/* left: 56px; */ padding-left: 0; top: 0px!important; position: fixed!important; z-index: 0!important;}
.none{ display:none;}
.px-navbar~.px-content {margin-top: 48px!important;}
.px-nav-left.px-nav-expand {left: 0; top: 0px!important;}
.px-nav-toggle {z-index: 1051; top:0px !important; position: fixed;}
.px-nav-expand~.px-nav-dimmer {
    display: none!important;
}
.flex-direction-nav li a.next {background:url(../img/next.jpg) no-repeat center; bottom:40px!important; right:0px!important;}
.flex-direction-nav li a.prev {background:url(../img/prev.jpg) no-repeat center;bottom:40px!important; left:0px!important;}
.flex-caption { display:block!important;}
.flex-caption{ position: absolute; right:14px; bottom:-45px!important; font-size:12px!important;}
.flex-caption h2{ color:#fff;font-size:12px!important; padding:5px 0 5px 0; margin:0px;}
.slider_container{ width:100%!important; margin:0!important; clear:both; background:none; padding:0px 0 0 0!important;}
}

@media only screen and (max-width: 360px) {
.px-demo-logo {width:41%!important; height:40px; margin-left:40px;}
.loin{ width:40%!important; height:40px; float:right;}
.slider-pagi {position: absolute;z-index: 3; left: 46%;bottom: 2rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 0;  list-style-type: none;}
.header{position: fixed !important; width:100%; z-index:1; height:48px; background:#fff;}
.margL{ margin-left:0px;}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); left: 0; height: 300px;}
.carousel-control.right { right: -24px; background-image: none!important ; background-image: none!important ; }
.carousel-control.left { left: -24px; background-image: none!important ; background-image: none!important ;}

.px-navbar { position: absolute; z-index: 1010; top: 0; right: 0; left: 0; margin: 0; border-radius: 0; background: #fff;}
.px-nav-left~.px-navbar {/* left: 56px; */ padding-left: 0; top: 0px!important; position: fixed!important; z-index: 0!important;}
.none{ display:none;}
.px-navbar~.px-content {margin-top: 48px!important;}
.px-nav-left.px-nav-expand {left: 0; top: 0px!important;}
.px-nav-toggle {z-index: 1051; top:0px !important; position: fixed;}
.px-nav-expand~.px-nav-dimmer {
    display: none!important;
}
.flex-direction-nav li a.next {background:url(../img/next.jpg) no-repeat center; bottom:40px!important; right:0px!important;}
.flex-direction-nav li a.prev {background:url(../img/prev.jpg) no-repeat center;bottom:40px!important; left:0px!important;}
.flex-caption { display:block!important;}
.flex-caption{ position: absolute; right:14px; bottom:-45px!important; font-size:12px!important;}
.flex-caption h2{ color:#fff;font-size:12px!important; padding:5px 0 5px 0; margin:0px;}
.slider_container{ width:100%!important; margin:0!important; clear:both; background:none; padding:0px 0 0 0!important;}
}