@media screen and (max-width:1489px)
{
.tpl ul{float:left;margin:10px;width:340px;height:280px}
.aitken{position:relative;top:-228px;float:right;padding-right:406px;bottom:2px;height:10px}
}
@media screen and (max-width:1289px)
{
.tpl ul{float:left;margin:10px;width:310px;height:280px}
.aitken{position:relative;top:-228px;float:right;padding-right:406px;bottom:2px;height:10px}
}
@media screen and (max-width:1024px)
{
.tpl ul{float:left;margin:10px;width:350px;height:280px}
.aitken{position:relative;top:-228px;float:right;padding-right:106px;bottom:2px;height:10px}
}
@media (min-width:980px){
.custom-bar-chart{margin-bottom:40px}
}
@media (max-width:767px) and (max-width:979px){.mega-menu ul li a,.navbar-collapse,.navbar-collapse.in{width:100%}
.mega-menu .navbar-nav{height:100%}
.mega-bg{position:relative}
.mail-box .sm-side{width:30%}
.mail-box .lg-side{width:70%}
.custom-bar-chart{margin-bottom:40px}
.chat-room aside{display:block}
.chat-room .left-side,.chat-room .left-side footer,.chat-room .mid-side,.chat-room .right-side{width:100%}
.chat-room .left-side footer{position:relative}
ul.chat-user{margin-bottom:20px}
.chat-room .left-side,.chat-room .mid-side{margin-bottom:10px}
.chat-room .left-side .user-head,.chat-room .right-side .user-head,.chat-room-head{border-radius:4px 4px 0 0;-webit-border-radius:4px 4px 0 0}
.chat-room .left-side footer{border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px}
.chat-room .right-side .user-head{float:left;width:100%}
.chat-room .mid-side footer{position:relative;float:left;width:100%;border-right:0}
.chat-txt{width:65%}
.chat-room .right-side footer{width:100%;position:relative}
.chat-room .mid-side{margin-bottom:0!important}
}
@media screen and (max-width:800px)
{
.tpl ul{float:left;margin:10px;width:500px;height:280px}
.tpl td{float:left;margin:10px;width:500px;height:265px}
.aitken{display:none}
}
@media (max-width:768px){.header{position:absolute}
#sidebar{display:none}
.sidebar-close #sidebar{height:auto;overflow-y:auto;position:absolute;width:100%;z-index:1001;display:block}
#main-content{margin:0!important;position:none!important}
#sidebar>ul>li>a>span{line-height:35px}
#sidebar>ul>li{margin:0 10px 5px 10px}
#sidebar>ul>li>a{height:35px;line-height:35px;padding:0 10px;text-align:left}
.mail-info,.mail-info:hover{display:none!important}
#sidebar ul>li>a .arrow,#sidebar>ul>li>a .arrow.open{margin-right:10px;margin-top:15px}
#sidebar ul>li.active>a .arrow,#sidebar ul>li>a:focus .arrow,#sidebar ul>li>a:hover .arrow,#sidebar>ul>li.active>a .arrow.open,#sidebar>ul>li>a:focus .arrow.open,#sidebar>ul>li>a:hover .arrow.open{margin-top:15px}
#sidebar>ul>li>a,#sidebar>ul>li>ul.sub>li{width:100%}
#sidebar>ul>li>ul.sub>li>a{background:0 0!important}
#sidebar{margin:0!important}
#sidebar .btn-navbar.collapsed .arrow{display:none}
#sidebar .btn-navbar .arrow{position:absolute;right:35px;width:0;height:0;top:48px;border-bottom:15px solid #282e36;border-left:15px solid transparent;border-right:15px solid transparent}
.modal-footer .btn{margin-bottom:0!important}
.btn{margin-bottom:5px}
.mail-box aside{display:block}
.mail-box .lg-side,.mail-box .sm-side{width:100%}
.fc-header-right{left:25px;position:absolute}
.fc-header-left .fc-button{margin:0!important;top:-10px!important}
.fc-header-right .fc-button{margin:0!important;top:-50px!important}
.fc-state-active,.fc-state-active .fc-button-inner,.fc-state-hover,.fc-state-hover .fc-button-inner{background:0 0!important;color:#FFF!important}
.fc-state-default,.fc-state-default .fc-button-inner{background:0 0!important}
.fc-button{border:none!important;margin-right:2px}
.fc-view{top:0!important}
.fc-button .fc-button-inner{margin:0!important;padding:2px!important;border:none!important;margin-right:2px!important;background-color:#fafafa!important;background-image:-moz-linear-gradient(top,#fafafa,#efefef)!important;background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#efefef))!important;background-image:-webkit-linear-gradient(top,#fafafa,#efefef)!important;background-image:-o-linear-gradient(top,#fafafa,#efefef)!important;background-image:linear-gradient(to bottom,#fafafa,#efefef)!important;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0)!important;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8)!important;-moz-box-shadow:0 1px 0 rgba(255,255,255,.8)!important;box-shadow:0 1px 0 rgba(255,255,255,.8)!important;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;border-radius:3px!important;color:#646464!important;border:1px solid #ddd!important;text-shadow:0 1px 0 rgba(255,255,255,.6)!important;text-align:center}
.fc-button.fc-state-disabled .fc-button-inner{color:#bcbbbb!important}
.fc-button.fc-state-active .fc-button-inner{background-color:#e5e4e4!important;background-image:-moz-linear-gradient(top,#e5e4e4,#dddcdc)!important;background-image:-webkit-gradient(linear,0 0,0 100%,from(#e5e4e4),to(#dddcdc))!important;background-image:-webkit-linear-gradient(top,#e5e4e4,#dddcdc)!important;background-image:-o-linear-gradient(top,#e5e4e4,#dddcdc)!important;background-image:linear-gradient(to bottom,#e5e4e4,#dddcdc)!important;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0)!important}
.fc-content{margin-top:50px}
.fc-header-title h2{line-height:40px!important;font-size:12px!important}
.fc-header{margin-bottom:0!important}
.timeline-desk .album a{margin-bottom:5px;margin-right:4px}
.stepy-titles li{margin:10px 3px}
.mail-option .btn{margin-bottom:0}
.boxed-page .container #sidebar{position:absolute}
.full-width .navbar-toggle{border:1px solid #eaeaea}
.full-width .navbar-toggle .icon-bar{background:#c7c7c7}
.full-width .navbar-toggle{float:left;margin-top:12px}
.horizontal-menu{float:left;margin-left:0;width:70%;margin-top:10px}
.top-nav{position:absolute;right:10px;top:0}
.horizontal-menu .navbar-nav>li>a{padding-bottom:10px;padding-top:10px}
.custom-bar-chart{margin-bottom:40px}
.dcjq-icon{top:10px}
ul.sidebar-menu li ul.sub li a{padding:0}
.img-responsive{width:100%}
.tpl ul{float:left;margin:10px;width:260px;height:280px}
.tpl td{float:left;margin:10px;width:260px;height:265px}
.aitken{position:relative;top:-228px;float:right;padding-right:106px;bottom:2px;height:10px}
}
@media (max-width:480px){
.mega-menu ul li a,.navbar-collapse,.navbar-collapse.in{width:100%}
.mega-menu .navbar-nav{height:100%}
.mega-bg{position:relative}
.dont-show,.inbox-head .sr-btn,.inbox-head .sr-input,.notify-row,.search,.aitken{display:none}
.mail-box aside{display:block}
.mail-box .lg-side,.mail-box .sm-side{width:100%}
#top_menu .nav>li,ul.top-menu>li{float:right}
.hidden-phone,.hidex{display:none!important}
#tw .box{width:290px}
.dataTables_filter{float:left}
#addon_ins{width:290px}
.dataTables_info{margin-bottom:10px}
.mail-option .btn{margin-bottom:0}
.mail-option .inbox-pagination{margin-top:10px;float:left}
.chart-position{margin-top:0}
.full-width .navbar-toggle{border:1px solid #eaeaea}
.full-width .navbar-toggle .icon-bar{background:#c7c7c7}
.full-width .navbar-toggle{float:left;margin-top:12px}
.horizontal-menu{float:left;margin-left:0;width:100%}
.top-nav{position:absolute;right:10px;top:0}
.horizontal-menu .navbar-nav>li>a{padding-bottom:10px;padding-top:10px}
.ms-container{width:100%}
.cmt-form{display:inline-block;width:84%}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#ccc;border-color:#ccc}
.chat-room aside{display:block}
.chat-room .left-side,.chat-room .left-side footer,.chat-room .mid-side,.chat-room .right-side{width:100%}
.chat-room .left-side footer{position:relative}
ul.chat-user{margin-bottom:20px}
.chat-room .left-side,.chat-room .mid-side{margin-bottom:10px}
.chat-room .left-side .user-head,.chat-room .right-side .user-head,.chat-room-head{border-radius:4px 4px 0 0;-webit-border-radius:4px 4px 0 0}
.chat-room .left-side footer{border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px}
.chat-room .right-side .user-head{width:100%;float:left}
.chat-room .mid-side footer{position:relative;float:left;width:100%;border-right:0}
.chat-txt{width:65%}
.chat-room .right-side footer{width:100%;position:relative}
.chat-room .mid-side{margin-bottom:0!important}
.tpl ul{float:left;margin:10px;width:280px;height:280px}
.tpl td{float:left;margin:10px;width:280px;height:265px}
}
@media screen and (max-width:450px)
{
.tpl ul{float:left;margin:10px;width:330px;height:280px}
.tpl td{float:left;margin:10px;width:330px;height:265px}
}
@media screen and (max-width:380px)
{
.tpl ul{float:left;margin:10px;width:287px;height:280px}
.tpl td{float:left;margin:10px;width:287px;height:265px}
}
@media (max-width:320px){.login-social-link a{padding:15px 17px!important}
.dont-show,.inbox-head .sr-btn,.inbox-head .sr-input,.notify-row,.search,.aitken{display:none}
.mail-box aside{display:block}
.mail-box .lg-side,.mail-box .sm-side{width:100%}
#top_menu .nav>li,ul.top-menu>li{float:right}
.hidden-phone{display:none!important}
.dataTables_filter{float:left}
.dataTables_info{margin-bottom:10px}
.mail-option .btn{margin-bottom:0}
.mail-option .inbox-pagination{margin-top:10px;float:left}
.chart-position{margin-top:0}
.lock-wrapper{margin:10% auto;max-width:310px}
.lock-input{width:82%}
.cmt-form{display:inline-block;width:75%}
.chat-room .mid-side footer .btn-group{display:none}
.stepy-titles li div,.stepy-titles li.current-step div{width:70px;height:70px;line-height:70px}
.tpl ul{float:left;margin:10px;width:240px;height:280px}
.tpl td{float:left;margin:10px;width:240px;height:265px}
}