@media (max-width: 990px) {
    .desktop{display:none !important;}
    .cdp-page .col-right,
    .cdp-page .col-left{ width: 100%; padding: 0 0 20px}
    .logo{ width: 100%; text-align: center; padding: 0 0 10px}
    .top-banner{ width: 100%; text-align: center; padding: 0 0 10px}
    .header{display:none;}
    .navbar-inverse{border-top:15px solid #fff;}
    .event-tabs .listing .detail,
    .listing .detail{width:353px;}
    .mobile-text, .mobile-dis{display:block;}
    .cpd-mobile, .mobile-disn{display:none;}
    #footer .footer_logo{ width: 100%; padding: 0 0 10px; border-bottom: 1px solid #c4c8cb; margin: 0 0 20px; text-align: center}
    #footer .footer_col{ width: 142px}
    .detail-outer{ width: 100%; border-bottom: 1px solid #bcbec0; padding: 0 0 10px; margin: 0 0 5px}
    .event-tabs .listing li{ position: relative}
    .ev-edit{ position: absolute; top:5px; right:10px}
    .ev-points{ margin-right: 11px}
    .ev-status,
    .ex-listing,
    .ev-points{ height: 52px}
            
    /*=========*/
    .registration-cont h4{font-size: 18px;}
    .registration-cont .edetail{font-size: 16px;}
    .time-sec .tcol strong{font-size: 16px;}
    .lock-img{height: 85px; background-size: 40px auto;}
    .status-boxes .customselect .btn{font-size: 15px;}
    .ltype{font-size: 15px;}
    .status-boxes .bootstrap-select.btn-group .dropdown-toggle .caret{top: 4px;}
    .status-boxes .col label, .status-boxes .col p{font-size: 11px; line-height: 1.2;}
    .statistics-bar .col h5{font-size: 11px;}
    .statistics-bar .col .text .value{font-size: 15px;}
    .tabs-section .nav-tabs > li > a, .tabs-section .nav-tabs > li.active > a, .tabs-section .nav-tabs > li.active > a:hover, .tabs-section .nav-tabs > li.active > a:focus{font-size: 15px; line-height: 1.7;}
    .tabs-section .nav-tabs > li{padding-right: 10px;}
    .event-tabs-sec .tabs-section .nav-tabs > li > a, .event-tabs-sec .tabs-section .nav-tabs > li > a, .event-tabs-sec .tabs-section .nav-tabs > li.active > a, .event-tabs-sec .tabs-section .nav-tabs > li.active > a:hover, .event-tabs-sec .tabs-section .nav-tabs > li.active > a:focus{padding: 5px 10px;}
    .update-text{font-size: 12px; width: 538px; line-height: 1.6;}
    .status-sec .btn{font-size: 11px; line-height: 2.0;}
    .dr-listing h3{font-size: 15px;}
    .full-detail{font-size: 12px;}
    .add-note textarea.form-control{height: 65px;}
    .dr-listing .list-item .info{ width: 33% }
    .status-sec .col.payemnt .btn{font-size: 15px}
    #Payments .dr-listing .status-sec{width:39% }
    .dr-listing .list-item .info .text {font-size: 13px;}
    #Payments .dr-listing .status-sec .col:first-child{ padding-left: 0 }
    #Payments .dr-listing .status-sec .col:last-child{ padding-right: 0 }
    
    .status-sec .col.mid .btn {font-size: 12px; padding: 2px 30px 3px 10px}
    .status-sec .col.last .btn{font-size: 12px; padding: 2px }
    
    .status-sec .col.last .btn{ text-align: center; min-width: 55px}
    .dr-listing .list-item .list-item .action-icon{ padding: 6px 0 0; height: 52px}
    .dr-listing .list-item .list-item .info{ display: none }
    .event-tabs-sec .nav > li > a{ font-size: 13px !important; padding: 7px 10px!important}
    .dr-listing h3{ font-size: 13px}
    .dr-listing .list-item .info .text {font-size: 12px}
    #Attendance .status-sec strong {font-size: 12px}
    #Attendance .dr-listing .status-sec{ width: 50%}
    #Attendance .dr-listing .status-sec .col.mid{ width: 34% }
    #Attendance .dr-listing .status-sec .col.last{ width: 24% }
    #Attendance .dr-listing .status-sec .col{width: 42%;}
    #Attendance .dr-listing .list-item .info .text{ margin: 1px 0 0 65px}
    .status-sec .col.last .btn, #Attendance .dr-listing .status-sec .col input[type="number"], #Attendance .dr-listing .status-sec .col input[type="text"],
    #Attendance .dr-listing .status-sec .col input[type="tel"] {
    font-size: 13px;}
    #Attendance .action-icon{ max-height: 54px}
    #Attendance .dr-listing .status-sec .customselect{ width: 100%!important }
    
    .search-manager{ width: 100%; margin: 7px 0 0}
    .search-manager input[type="text"]{ width: 100% }
}
@media (max-width: 768px) {
    .desktop{display:none !important;}
    .navbar-nav{ margin: 0; overflow: hidden}
    .nav > li{ padding: 0}
    .navbar-inverse{border-top:none; border-bottom:3px solid #9a2016; }
    .right-top2 .col-lg-4.col-sm-4{width:33.33%; float:left;}
    .listing .detail{width:283px;}
    .pfirst{ max-width: 50%}
}
@media (max-width: 767px) {
#footer .footer_col{ width: 33.3%; margin: 0}
#footer .footer_col.last{ width: 100%; text-align: center; margin: 0;padding: 15px 0 0; border-top: 1px solid #c4c8cb; margin:0 0 0; text-align: center}
#footer .footer_col.last .footer-widget{margin: 0}

/*=========*/
.is-countdown{display: none;}
.box .colum-date-big{width: 80px; border-width: 3px;}
.box .colum-date-big span.month{font-size: 20px; line-height: 0.8;}
.box .colum-date-big span.date{font-size: 35px; line-height: 0.8;}
.box .colum-date-big .year{font-size: 20px; line-height: 1.0;}
.lock-img{float: left; width: 77px; border-width: 4px; height: 80px; margin-left: 20px;}
.box .head{position: relative; z-index: 1;}
.btn-right{position: absolute; right: 10px; top: 60px; width: 105px;}
.btn-right .btn{width: 100%; margin: 10px 0 0 0;}
.btn-right .btn:first-child{margin: 0;}
.registration-cont .colum-text{clear: both; margin: 0; padding: 15px 0 0 0;}
.registration-cont h4{font-size: 14px;}
.registration-cont .edetail{font-size: 13px;}
.time-sec .tcol{font-size: 11px;}
.time-sec .tcol strong{font-family: "MyriadPro-Regular"; font-size: 12px;}
.btn-sec{position: static; text-align: center; padding-top: 10px;}
.btn-sec .btn{width: 105px; display: inline-block; margin: 0 10px;}
.registration-cont{padding-bottom: 10px;}
.status-boxes .col{width: 50%;}
.status-boxes{ width: 100%; float: left; border-bottom:5px solid #bdbcc1 }
.status-boxes .col:last-child{display: none;}
.statistics-bar .col{width: 50%;}
.statistics-bar .col:last-child{display: none;}
.icon-sec{display: none;}
.event-tabs-sec .tabs-section .nav-tabs > li{width: 50%; padding: 4px 2px;}
.event-tabs-sec .tabs-section .tabs-nav-sec{padding: 0;}
.event-tabs-sec .tabs-section .nav-tabs > li > a, .event-tabs-sec .tabs-section .nav-tabs > li.active > a, .event-tabs-sec .tabs-section .nav-tabs > li.active > a:hover, .event-tabs-sec .tabs-section .nav-tabs > li.active > a:focus{font-size: 14px; text-align: center;}
.update-text{ display:none}
.mobile-update-text{ display:block; width: 100%; margin: 8px 0 10px}
 .event-tabs-sec .tabs-section .tabs-nav-sec{  float: none; margin: -10px; padding: 0; width: auto; }
 .event-tabs-sec .tabs-section .tabs-nav-sec ul{ margin: 0 -2px; border: 0}
 
  .event-tabs-sec .tabs-section .tabs-nav-sec .nav-tabs{ background: #34363c; padding: 0 0 10px; float: none }
 .event-tabs-sec .tabs-section .nav-tabs > li > a{ background:#fff; margin: 0 }
.event-tabs-sec .tabs-section .nav-tabs > li.active > a{ background: #bebdc3}
.top-pagination .bootstrap-select{ width: 80%!important }
.top-pagination .bootstrap-select .btn{ padding: 5px 27px 5px 8px }
.event-tabs-sec .pagination-outer,
.event-tabs-sec .pagination-outer .pagination{ width: auto; float: none  }
.event-tabs-sec .pagination-outer{ padding: 8px 0 0}
.event-tabs-sec .pagination > li:first-child{ margin-left: 0}
.event-tabs-sec .top-movetop{  float: right; width: 70px; margin: -115px 0 0; padding: 0}
.event-tabs-sec .top-movetop .dropdown{ margin: 0 0 8px}
.dr-listing .list-item .info{ width: 100%; padding: 0 0 15px }
.dr-listing .status-sec{ width: 40%}
#Payments .dr-listing .status-sec{ width: 62% }
#Payments .full-detail-inner{ padding: 10px 0 0}
#Payments .full-detail-inner ul li.col-3{ width: 100% }
#Payments .full-detail-inner ul li.col-4,
#Payments .full-detail-inner ul li.col-5,
#Payments .full-detail-inner ul li.col-6,
#Payments .full-detail-inner ul li.col-7,
#Payments .full-detail-inner ul li.col-8{ width: 20% }
#Payments .full-detail-inner ul li.col-4{ text-align: left }
#Payments .full-detail-inner ul li.col-2,
#Payments .full-detail-inner ul li.col-1{ display: none}
.dr-name{ display: inline-block; font-weight: normal; font-size: 13px}
#Attendance .action-icon{ width:auto}
#Attendance .dr-listing .status-sec {width: 100%}
#Attendance .dr-listing .status-sec .col:first-child{ width: 100%; padding: 0 0 10px }
#Attendance .dr-listing .status-sec .col.mid{  padding-left: 0; width: 50% }
#Attendance .dr-listing .bootstrap-select{  width: 100%!important }
#Attendance .dr-listing .status-sec .col.last{  padding-right: 0; width:28%  }
.action-icon .d-hide{ display: inline-block}
.action-icon .m-hide{ display: none}
.status-sec .col.last .btn, #Attendance .dr-listing .status-sec .col input[type="number"], #Attendance .dr-listing .status-sec .col input[type="text"]{ font-size: 12px}
.action-icon.action-hide-show .ico-2-10{ position: absolute; top: -40px; right: 0}
    #Attendance .dr-listing .list-item .info{ width: 100%; padding: 0 0 10px }
    #Attendance .dr-listing .status-sec {width: 100%}
    .login-box {background-color: #ffffff;}
    .login-sec{padding:0px 35px; text-align:center; margin:20px auto;}
    .login-sec h2 {border-bottom: 0 none;margin-bottom: 15px;padding-bottom: 0;}
    .login-sec .col-left{width:100%;}
    .field-control label{text-align:left;}
    .login-sec .col-right{width:100%;}
    .payment-sec.login-sec .col-left {    padding-right: 10px;    text-align: left;    width: 75%;}
    .payment-sec.login-sec .col-right {    width: 25%;}
    .payment-sec li label {    background: rgb(240, 240, 240) none repeat scroll 0 0;    border-bottom-left-radius: 5px;    border-right: 2px solid rgb(255, 255, 255);
        border-top-left-radius: 5px;
        box-shadow: -2px 2px 0 rgb(221, 221, 221);
        margin-bottom: 0;
        padding: 5px;
        display: inline-block;width: 30%;  
    }
    .payment-sec li span {background: rgb(240, 240, 240) none repeat scroll 0 0; display: inline-block; width: 69%;   border-bottom-right-radius: 5px;       border-top-right-radius: 5px;        box-shadow: 0px 2px 2px rgb(221, 221, 221);    margin-bottom: 0;    padding: 5px;}
    .payment-sec li span.date-pay{border-right: 2px solid #fff; margin-right: 0;   width: 34% !important;}
    .time-pay {    width: 34% !important; }
    .payment-sec h2 {    text-align: left;}
    .american-express {    margin: 0 !important;    position: absolute;    top: -20px;}
    .login-sec.payment-sec h2{margin-bottom: 45px;}
    .login-sec.payment-sec{position: relative}
    .payment-sec.login-sec li label.terms{color: #000;   font-family:'HelveticaNeue-Medium';}
    .payment-detail span.green-bold {    color: rgb(0, 0, 0);     font-family:'HelveticaNeue-Medium';    font-size: 13px;}
    .payment-detail span.bold {    font-weight: normal;}
    .payment-sec.login-sec .col-left {    padding-right: 0;    text-align: left;    width: 100%;}
    .col-right > ul {    float: right;    margin-top: 15px;    text-align: right;    width: auto;}
    .col-right > ul  > li{display: inline-block; margin-bottom: 0}
    .btn-area {    display: block;    margin-top: 40px;    width: 50%;    float: left;}
    .btn-area a.btn {float: left}
    .sistem-info.payment-detail span {    width: 59%; font-size: 13px;}
    .sistem-info.payment-detail label{width: 40%}
    .payment-sec.login-sec.my-payment-2 .col-left {    width: 100%;}
    .payment-sec.login-sec.my-payment-2 span.txt-field {    float: left;    font-size: 13px;    line-height: normal;    position: relative;    width: 100%;}
    .txt-field{right: 10px; display: none}
    .input-filed.my-txt-field{width: 100%; height: 50px}
    .payment-sec.login-sec.my-payment-2 li span {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0;
        border-right: 0 none;
        box-shadow: none;
        width:100%
    }
    .payment-sec.login-sec.my-payment-2 li label {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0;
        border-right: 0 none;
        box-shadow: none;
        width:100%;
            padding-bottom: 0px;
    }
    .payment-sec.login-sec.my-payment-2 li.width50.left-side-block { border-right: 4px solid rgb(255, 255, 255);  box-shadow: -2px 2px 0px rgb(221, 221, 221);  border-bottom-right-radius: 0 !important;    border-top-right-radius:  0 !important; }
    .payment-sec.login-sec.my-payment-2 .payment-detail li{background-color: rgb(240, 240, 240);  box-shadow: -2px 2px 0px rgb(221, 221, 221); border-radius: 4px; }
    .width50.right-side-block {    border-bottom-left-radius: 0 !important;    border-top-left-radius: 0 !important;    box-shadow: -2px 2px 0px rgb(221, 221, 221) !important;}
    .payment-sec.my-payment-2 p {
        background: rgb(240, 240, 240) none repeat scroll 0 0;
        border-radius: 5px;
        padding: 5px;
        text-align: left;
         box-shadow: -2px 2px 0px rgb(221, 221, 221);
         margin-bottom: 10px;
    }
    .payment-sec.my-payment-2 .payment-detail span.green-bold{ color: rgb(0, 164, 83)}
    .refund-textarea{height: auto;}
    .refund-textarea textarea.input-filed.my-txt-field{position: static; width: 100%;}
    .payment-sec li.li-content-block span{margin-left: 30.5%; width: auto;}
    .payment-detail span.red-bold{font-size: 14px;}
    .input-filed.my-txt-field{margin-top:5px;}
    select.input-filed.my-txt-field{margin-top:8px;}
    .registration-process-refund .options-wrapper{margin-left:0;}
}
@media (max-width: 640px) {
    .desktop{display:none !important;}
    .cycle-list .other-detail{width:240px;}
    .cycle-list .points-box2{width:120px; font-size:13px;}
    .cycle-list .points-box{width:120px; font-size:13px;}
    .cycle-list .other-detail{width:233px;}
    .cycle-list .tbig2{font-size:44px;}
    .cycle-list .tbig{font-size:65px;}
    .listing.listing2 .other-points{width:100%; margin-top:10px;}
    .tabs-section .nav-tabs > li{ padding: 0 5px 0 0}   
}
@media (max-width: 639px) {
    .tabs-section .tabs-nav-sec{ border-bottom-width: 40px; position: relative }
    .event-tabs-sec .tabs-section .tabs-nav-sec{border-bottom-width: 10px; }
    .tabs-section .tabs-nav-sec .btn-primary{ position: absolute; bottom:-35px; right:10px}
    .ev-status,
    .ex-listing,
    .ev-points{ margin-bottom: 7px}
    .ev-status,
    .ev-points{ width: 30%}
    .event-tabs .listing .detail{ float: none; margin: 0 0 0 60px; width: auto}
    .ev-edit{ display: none}
    .mview{ display: block}
    .mhide{ display: none}
    .top-pagination .bootstrap-select {width: 74% !important}
    
    .dr-listing .status-sec{ width: 250px}
    .full-detail-inner{ padding:15px 0}
    .full-detail .cols1 .img{ width: 52px }
    .full-detail .cols1 .text{ margin: 0 0 0 62px}
    .full-detail .cols1,
    .full-detail .cols2,
    .full-detail .cols3 {width: 100%}
    .add-note{ padding:10px 0 }
    .add-note .texta {margin: 0 44px 0 0}
    
    #Payments .dr-listing .status-sec{ width: 100% }
    #Payments .dr-listing .col.payemnt.big{ width: 44%}
    .dr-listing .pimg{ position: static; float: left; padding: 10px 0 0}
    #Payments .dr-listing .list-item .info .text{ margin: 0}
    
    #Payments .dr-listing .status-sec .col{ width: 38% }
    #Payments .dr-listing .status-sec .col.payemnt{ width: 24% }
    #Payments .dr-listing .status-sec .col.payemnt.big {width: 38%}
    .login-sec{padding:0px 15px;}
    .captcha > img {max-width: 100%;}
    .btn-links > li {    float: left;    margin-right: 0;    width: 100%;}
    .btn.my-btn-red{width:100%}
    .btn.my-btn-green{width:100%}
    .login-sec.payment-sec.my-payment-2 h2 {    border-bottom: 0 none;    text-align: center;    width: 70%;}
}
@media (max-width: 520px) {
    .desktop{display:none !important;}
    .cycle-list{text-align: center;}
    .cycle-list .other-detail, .cycle-list .points-box, .cycle-list .points-box2{display:inline-block; float:none;}
    .cycle-list .ico.lclose{right:0; left:inherit;}
    .cycle-list .other-detail{width:250px; text-align: left;}
    .mobile-disn{display:block;}
    .mobile-disn.m-iblock{display:inline-block;}
    .mobile-dis{display:none;}
    .mobile-text{display:none;}
    .right-top2 .col-lg-4.col-sm-4{width:50%;}
    .right-top2 .col-lg-4.col-sm-4:first-child{display:none;}
    .listing .detail{width:150px;}
    .listing2 li { padding: 11px 12px;}
    .right-top3 .full-row.head{position: relative; padding:10px 10px 30px;}
    .right-top3 .full-row.head .search{position: absolute; right:10px; bottom:10px;}
    .pagination-outer{font-size:11px;}
    .pagination li:nth-child(5){display:none;}
    .pagination li:nth-child(6){display:none;}
    .pagination-outer{text-align: center;}
    .pagination-outer ul{float:none; display:inline-block;}
    .event-tabs-sec .pagination-outer{ text-align: left }
    .event-tabs-sec .pagination-outer .arrow-left,
    .event-tabs-sec .pagination-outer .arrow-right{ height: 13px }
    .event-tabs-sec .pagination > li > a, 
    .event-tabs-sec .pagination > li > span{ padding: 7px 9px }
    .return-btn{ padding: 10px 0 0}
    #footer{ padding: 20px 20px 20px}
    .select-btn{ width: 100%; text-align: center}
    .pfirst{ max-width: 100%; padding: 0 0 20px}
    .payment-sec.login-sec .col-left {    padding-right: 0px;    text-align: left;    width: 100%;}
    .payment-sec.login-sec .col-right {    width: 50%;}
    .col-right > ul{width:100%; float: right }
    .col-right > ul >li{display: inline-block; margin-right: 20px;  margin-bottom: 0;}
    .american-express {    display: block;    right: 10px !important;    width: 115px !important;}
    .col-right > ul.american-express   li{float: right}.sistem-info.payment-detail span {    width: 54%; font-size: 13px;}
    .sistem-info.payment-detail label{width: 45%}
    .login-sec.payment-sec h2 {    margin-bottom: 30px; font-size: 16px;}
    .american-express img{    width: 100% !important;} 
}
@media (max-width: 439px) {
    #footer .footer_col{ width: 100%; text-align: center; font-size: 14px}
    #footer .footer_col .footer-widget li{ padding: 0 0 10px}
    .tabs-section .nav-tabs > li > a, 
    .tabs-section .nav-tabs > li.active > a, 
    .tabs-section .nav-tabs > li.active > a:hover, 
    .tabs-section .nav-tabs > li.active > a:focus{  font-size: 12px; padding: 3px 6px}
    .choose-profile label{ margin: 0 0 5px; width: 100%}
    .ev-status{ width: 36%; padding: 0 5px 0 0}
    .ev-points{ margin: 0 5px 0 0; width: 31%;}
    .top-head-sec h3{  font-size: 16px; font-weight: normal}
    .top-head-sec h5{ font-size: 14px; font-weight: normal; font-family: Helvetica,Arial,sans-serif}
    .login-sec h2{font-size:19px;}
    .american-express {width:90px !important;}
}

@media (max-width:450px) {
   .payment-sec li span{width:60%}
   .payment-sec li label{width:39%}
   .payment-sec li span.date-pay{width: 29% !important}
   .payment-sec li span.time-pay{width: 29% !important}
   .sistem-info.payment-detail span{width:44%}
   .sistem-info.payment-detail label{width:55%}
   .refund-details li.li-content-block span {margin-left: 40%;}
}
@media (max-width:420px) {
   .payment-sec li span{ font-size: 13px;}
   .col-right > ul >li{display: inline-block; margin-right: 5px;  margin-bottom: 0;}
   .payment-sec.login-sec li label.terms{font-size: 13px;}
   .payment-detail {    width: 100%;}
   .login-sec .col-left {    float: left;    overflow-x: scroll;    overflow-y: hidden;}
   .login-sec.payment-sec {    margin: 50px auto;}
   .payment-sec li label, .payment-sec li span, .payment-detail span.green-bold, .payment-sec.login-sec li label.terms, .sistem-info.payment-detail span { font-size: 10px;}
   .sistem-info.payment-detail span { width: 43%;}
   .payment-sec li span { width: 59%;}
   .payment-sec li span {    background: rgb(240, 240, 240) none repeat scroll 0 0; display: inline-block; border-bottom-right-radius: 5px;       border-top-right-radius: 5px;        box-shadow: 0px 2px 2px rgb(221, 221, 221); margin-bottom: 0;    padding: 5px 2px;}
}

@media (max-width:374px) {
   .lock-img{ margin-left: 15px}
    .american-express {    width: 80px !important;}
     
   .american-express{top: -10px;}
   .login-sec.payment-sec {    margin: 50px auto;}
   .my-payment-2.payment-sec .payment-detail span{font-size: 22px;}
}
@media (max-width:359px) {
.top-pagination .bootstrap-select {width: 71% !important;}
.pagination li:nth-child(4){ display: none}
.btn-sec .btn {display: inline-block;margin: 0 6px}
.event-tabs-sec .tabs-section .nav-tabs > li > a, .event-tabs-sec .tabs-section .nav-tabs > li.active > a, .event-tabs-sec .tabs-section .nav-tabs > li.active > a:hover, .event-tabs-sec .tabs-section .nav-tabs > li.active > a:focus {font-size: 12px; text-align: center}
.event-tabs-sec .nav > li > a{ font-size: 12px!important; padding: 5px 10px!important }
.payment-sec.login-sec.my-payment-2 .col-right{width: 50% !important}
.box .colum-date-big{ width: 68px }
.box .colum-date-big .year {font-size: 16px}
.box .colum-date-big span.date { font-size: 30px;}
.box .colum-date-big span.month { font-size: 16px;}
.lock-img{ margin-left: 8px; width: 70px; height: 70px }
.box .head h3{ font-size: 16px}
.btn-right{ width: 90px; top: 56px}
.btn-right .btn{ font-size: 12px }
.payment-sec.my-payment-2 p{text-align: center;}
}