@media (min-width:1400px){
    .home_banner{padding: 50px 0px}
    .home_banner:before{height: calc(80vh - 160px)}
}

@media (min-width:901px){
    .menu_overlay, .acc_overlay{display: none !important}
    .acc_menu li.hover .sub_menu{opacity: 1; visibility: visible; margin-top: 0px}
    #acc_navigation, #navigation, .acc_menu .sub_menu{display: inline-block !important}
}

@media (max-width:900px){
    .site_menu, .acc_menu ul{position: fixed; visibility: hidden; top: 60px; transition: 0.3s; max-width: 240px; width: 100%; height: calc(100% - 60px); left: -100%; background: #000; padding: 20px; overflow: auto;}
    .site_menu nav{line-height: normal; padding: 0px}
    .site_menu ul li, .acc_menu ul li{margin: 0px 0px 12px 0px; width: 100%; text-align: left}
    .site_menu ul a, .acc_menu ul li a{margin: 0px; display: block; padding: 5px 0px; line-height: normal;}
    .site_header .col-4, .site_header .col-3{-ms-flex: 100%; flex:100%; max-width:100%; padding-left: 55px}
    .mobile_menu, .acc_mobile_menu, .acc_menu .head, .acc_menu .sub_arrow{display: inline-block}
    .mobile_open{overflow: hidden;}
    .acc_menu ul{height: calc(100% - 120px); top: 120px; background: #fff}
    .mobile_open .site_menu, .acc_open .acc_menu ul{left: 0px; visibility: visible;}
    .acc_menu .sub_menu{position: static; display: none; transition: inherit; opacity: 1; margin: 0px; visibility: visible; box-shadow: none; width: 100%;}
    .acc_menu .sub_menu ul { max-height: inherit; margin-bottom: -10px; width: 100%; padding: 5px 0px 0px 0px; overflow: visible; position: static; height: auto; max-width: 100%; }
    .acc_menu .sub_menu a{padding: 6px 10px}
    .acc_menu .sub_menu:before{display: none}
    .acc_menu .sub_menu a:hover{background: none}

    .login_form .form{float: none; display: inline-block;}
    .home_banner{height: auto; padding: 50px 0px; min-height: inherit}
    .home_banner:before{height: auto;}

    .page_banner{padding: 50px 0px;}
    .page_banner h1{font-size: 35px;}

    .box_head a:before{min-height: 150px}
    .box_content .content:before{min-height: 150px}
    .price_table{overflow-x: auto}

    .playlist span{width: 100% !important; height: 300px !important;}
}

@media (max-width:767px){
    .mb-20, .heading{margin-bottom: 20px !important}
    .box{padding: 15px}
    .box_head a, .points, .sidebar, .box, .box_content .content, .box.last{margin-bottom: 15px}
    .box_head a:before { min-height: 100px;}

    ul.dash_status{padding-left: 0px; margin-bottom: 25px}
    .block.mt-5{margin-top: 25px !important}
    
    .bb, h3.blue_text, h3:first-child, h2:first-child{height: auto !important;}

    .page_banner{background-position: 80% 0px; padding: 30px 0px;}
    .page_banner h1{font-size: 29px;}

    .table_view{border: 1px solid #C7C7C7; border-collapse: inherit; text-align: left !important}
    .table_view .th{display: none}
    .table_view .td:before { content: attr(data-heading); font-size: 14px; display: block; margin-bottom: 5px; font-family: 'FKGroteskNeueMedium'; color: #222; }
    .table_view .td { padding: 12px 12px 0px 12px; line-height: normal; display: block; border: 0px; }
    .table_view .tr .td:first-child{border-top: 1px solid #ccc}
    .table_view .tr .td:last-child{padding-bottom: 12px}
    .table_view .tr:nth-child(2) .td{border: 0px}
    .table_view .td.full:before{display: inline-block; margin-right: 5px; margin-bottom: 0px}
    .table_view .td.qty:before{content: attr(data-heading)" - "}

    /* .price_table .th.points{display: none}
    .price_table .td, .price_table .th{display: inline-block; line-height: normal}
    .price_table .th{padding: 12px 5px; font-size: 14px}
    .price_table .th:nth-child(2) { border-radius: 10px 10px 0px 0px; }
    .price_table .th, .price_table .td{width: 33.3%}
    .price_table .td.points{width: 100%; display: block; margin: 0px}
    .price_table .td{border-radius: 0px}
    .price_table .td:before { content: attr(data-heading); display: block; margin-bottom: 5px; font-family: 'FKGroteskNeueBold'; color: #222; line-height: normal; text-transform: uppercase; } */

    .acc_table .table_view .tr .td:first-child, .ct .table_view.head .tr .td:first-child, .acc_table .table_view .tr:nth-child(2) .td:first-child{border: 0px}
    .acc_table .table_view.head .td:before{display: none}
    .acc_table .table_view .td{border-top: 0px}
    .acc_table .table_view .tr .td:first-child{border-top: 1px solid #ccc}
    .ct .table_view.head{padding-bottom: 12px}
    .ct .table_view.head .tr .td:last-child{padding-bottom: 0px; padding-top: 15px; text-align: right}
    .ct .table_view.head .td{float: left; width: 25%; text-align: center}
    .ct .table_view.head .td.xs.action{width: 60px; text-align: left}
    .ct .table_view.head .td.id{width: calc(100% - 60px); text-align: left; padding-left: 0px; padding-top: 10px}
    .ct .table_view.head .td.date{width: 50%; text-align: left}

    .row.mt-5{margin-top: 30px !important;}
    .row.mt-4{margin-top: 20px !important;}
    .row.mb-4{margin-bottom: 10px !important;}

    label.label.mt-2{margin-top: 0px !important}

    .sidebar.left{display: none}
    .sidebar.right{display: block; margin-top: 10px}
    .col-md-4.mb-5, [class*="col-"].mb-5, .events .col-md-8 p:last-child{margin-bottom: 15px !important}

    .events .box span.img{position: relative; left: 0px; top: 0px; display: inline-block; margin-bottom: 10px}
    .events .box.img{padding: 15px;}

    h1 {font-size:26px}
}

@media (max-width:640px){
    .container{padding: 0px 15px}
    body{padding-top: 50px}
    body.logged_in{padding-top: 100px}
    section, .section, .site_footer, .page_content{padding: 30px 0px}
    
    .site_menu{height: calc(100% - 50px); top: 50px;}
    .acc_menu ul{height: calc(100% - 100px); top: 100px;}
    .site_header, .acc_menu{height: 50px;}
    .acc_overlay{height: calc(100% - 100px);}
    .acc_menu{top: 50px}
    .acc_menu .head, .acc_mobile_menu .fa{line-height: 48px}
    .acc_open .acc_mobile_menu .fa{ line-height: 47px; }
    .acc_menu .logo{height: 30px;}
    .mobile_menu{ left: 15px}
    .mobile_menu .fa{line-height: 48px}
    .site_header .logo img{height: 20px; margin-top: 16px}
    .home_banner{padding: 15px 0px}
    .login_form .form{padding: 20px 15px}

    .mywd_logo { position: absolute; top: 10px; right: 10px; height: 30px; }

    .site_footer{background: #000 !important; font-size: 12px}
    .copyright ul li{padding-left: 10px; margin: 5px;}
    
    .modal-dialog .modal-body { padding: 20px 15px 15px 15px; }
    .modal-dialog .modal-header { padding: 10px 25px 10px 15px}
    .modal-header .close { margin: -0.9rem -1.8rem -1rem auto;}

    .video_img{max-width: 100%;}
    .video_img img{width: 100%}

    .playlist span{height: 200px !important;}

    .heading h2{width: 100%}
    .heading a{float: none; margin-top: 10px; display: inline-block;}
}