@media only screen and (max-width:1310px){
.container      {width: 100%;}        
}
@media only screen and (max-width:1170px){
nav > ul > li > a{width:102px;}  
    
   
.main_content1{width: 100%;padding:50px 20px}    
 
}
@media only screen and (max-width:1024px){
nav > ul > li > a {width: 97px;}
.team-source {padding:23px 0px 26px 0px;overflow: hidden;} 
}


@media screen and (max-width: 540px) {

 }

@media only screen and (max-width:991px){
.ui.grid>[class*="eight wide"].column.next_lft{/*width:63% !important;*/border:none;width: 100% !important;padding:0px 0px 0 0px !important;}
.ui.grid>[class*="eight wide"].column.next_rgt{/*width:37% !important;*/width: 100% !important;padding: 20px 0px 0 0px !important}        
.container1{width: 100%;padding:0px 15px;}    
.ui.grid>.column{margin: 0;}   
nav > ul > li > a {width:75px;padding:8px 2px 11px 2px;font-size: 10px;}
nav > ul > li.acc > a {padding:7px 8px 6px 8px;}  
.logo a img{max-width:95px;max-height: 67px;}
.header_in > a {margin:16px 0 0 10px;padding:10px 5px 9px 5px;letter-spacing: 0.4px;}    
.team-source-blk {padding: 36px 15px 37px 15px;}  
.team-source-in h3 {font-size: 21px;}  
.team-block-cnt h2 {font-size: 22px;} 
.team-source-blk {padding: 30px 15px 30px 15px;}
.team-source-in p{min-height: 123px;}    
/*.next_rgt .fixture_mdl_lft{width: 100%;}    
.next_rgt .fixture_mdl_top {border-bottom: 1px solid #e6e4e4;padding: 14px 0 13px 14px;}
.next_rgt .fixture_mdl_rgt{width:100%;text-align:center;padding: 15px 0 15px 0;}*/
  
/*-------------inner4-------------*/
.calendar_block {padding: 0 0px 0 0px;}
.calendar_block .scheduled-item_mdl_bottom {padding: 13px 14px 15px 14px;} 
.calendar_block .scheduled-item_mdl_top {padding: 17px 0 17px 14px;}   
.calendar_block .scheduled-item_mdl_bottom > a {margin: 0 0 0 20px;} 
    
/*------------inner5-----------*/
.fixture_mar p a {padding: 0 0px 0 13px;}
    
    
    
/*----------inner10---------------*/
.short_lft_rgt {padding: 0 0 0 15px;width: 77%;}
.main_content_in > h2 {font-size:30px;line-height:35px;}
.team-source {margin: 0 0 10px 0;} 
    
.container2{width: 100%;}
.contact_details_in{width: 100%;} 
.segments {padding: 5px 0px 50px 0px;} 
.fonts_content ul{width: 100%;}
.small_buttons {padding: 0px 0 30px 0px;}    
.medium_buttons {padding: 10px 0 51px 0px;}    
.large_buttons {padding: 0px 0 84px 0px;}    
.labeled_top {padding: 0 0px 50px 0px;}
.large_buttons ul li ul li {padding: 0 10px 0 0;}    
.large_buttons {padding: 0px 0 30px 0px;}
.pointing_menu {padding: 9px 0 30px 0;}    
.segments_down{padding: 0;}    
.segments_down_lft{width: 44%;}
.pointing_dd {padding: 0 0 50px 0;}
.fonts_content {padding: 16px 0 30px;}    
.headings {margin: 0 0 30px 0;}    
.main_content1 {padding: 30px 20px;}    
.typo_logo {padding: 0 0 15px 0;}
.buttons_block_in h5{display: block;padding: 0 0 20px}    
    
}
@media only screen and (max-width:767px){
.team-source-in ul.ui.grid>[class*="five wide"].column,.team-block-up > ul.ui.grid>[class*="five wide"].column{width: 50% !important;margin: 0 0 20px 0 !important;}   
.ui.grid>[class*="eight wide"].column.next_lft {width: 100% !important;border: none;} .ui.grid>[class*="eight wide"].column.next_rgt {width: 100% !important;}   
.header_in > a{display: none;} 
nav{display: none;}     
.menu{width:33px;height:28px;text-align:center;top:19px;right:15px; position:absolute;}		
#nav-icon{display:block;width:33px;}
.wrapper{position:relative; top:0; right:0; transition:all 0.3s ease-in-out;}
.side_bar{display:block; width:240px; background:#333; height:100%; position:fixed; top:0; right:-265px; z-index:9; transition:all 0.3s ease-in-out;}
.side_bar nav{display:block;padding: 45px 0 0 0;height: 100%;overflow: auto;}
.side_bar nav ul{width:100%; height:100%;}
.side_bar nav ul li{width: 100%;border: none;} 
.side_bar nav > ul > li > a{width: 100%;color:#fff;padding:9px 15px 10px 15px;text-align:left;font-size: 13px;}
.side_bar nav > ul > li > a:hover {background: rgba(255 ,255 ,255, 0.2);}    
    
nav > ul > li > a:after{display:none;}    
nav > ul > li > a .hov_show{display:block;} 
nav > ul > li > a .hov_hide{display: none !important;}
nav > ul > li > a span{display: inline-block !important;vertical-align: middle;margin: 0 6px 0 0;width: 28px;} 
.side_bar nav ul li.acc a img{width:30px;vertical-align: middle;margin:0 7px 0 0;}
nav > ul > li > a > span.q_mark{width: auto;min-height: 1px;    color: #ffffff;border:none;margin: 0 0 0 10px;font-size:0px;line-height: 12px;margin: 1px 3px 1px 3px;display:inline-block;position: relative;}   
nav > ul > li > a > span.q_mark:after{content:'\f0d7';position: absolute;right:-4px;top:-6px;font-family:fontawesome;font-size: 20px;color: #fff;}
 
nav > ul > li.active > a > span.q_mark:after{content:'\f0d8';}    
    
    
.cross{margin: 0;padding:11px 0 11px 0;width:40px;height: 40px; background:#333; border-radius: 100%;border:2px solid #999;text-align: center;    position: absolute;top: 0;left: -21px;z-index: 3;cursor: pointer;}    
.profile {width: 100%;right: 0;}    
.open{overflow:hidden;}
/*.open .wrapper{right:240px;position:fixed;top:0px;}*/
.open header{right:0;}
.open .side_bar{right:0;}    
.profile{opacity: 1;visibility: visible;display: none;background: none;box-shadow: none;} 
.profile ul li.sign {border: none;}
.profile:after{display: none;}   
.profile ul li a {padding:13px 0 13px 46px;font-size: 13px;    color: #fff;width: 100%;display: block;}    
.profile ul li ,.profile ul li.sign{padding: 0;margin: 0;}    
.profile ul {padding: 0px 0 11px 0;}    
.profile ul li a:hover {background: rgba(255 ,255 ,255, 0.2);}  
    
 
.calendar_icon{background:url(../images/calendar_hov.png) no-repeat center center;}
.teams_icon{background:url(../images/group_hov.png) no-repeat center center;}
.bookings_icon{background:url(../images/book_hov.png) no-repeat center center;}
.ringers_icon{background:url(../images/search_hov.png) no-repeat center center;}
.statements_icon{background:url(../images/statements_hov.png) no-repeat center center;}    
    
/*--------inner3-------*/
.player_cnt > ul.ui.grid>[class*="five wide"].column {width: 50% !important;} 
.out {padding: 16px 15px 16px 15px;}
    
/*---------inner4----------*/
.calendar_block .scheduled-item_mdl_lft{width: 100%;border: none;}
.calendar_block .scheduled-item_mdl_rgt{width: 100%;text-align: center;padding:6px 15px 15px;}
.calendar_block .balance {width: 50%;float: left; display: inline-block;text-align: left;} 
.calendar_block .scheduled-item_mdl_rgt a {float: right;   margin: 13px 0 0 0;}    
.calendar_block .scheduled-item_mdl_bottom > a {margin: 0 0 0 0px;float: right;}
.cal_bullet{left:-61px;}    
/*-----------inner5-------------------*/
.scheduled-item_btm_green_in {padding: 17px 10px 19px 10px;}    
.fixture_play .scheduled-item_mdl_rgt p{text-align: right;display: inline-block;padding:6px 0 0 0;width: 50%;line-height: 16px;}
.calendar_block .scheduled-item_mdl_bottom ul li{padding: 0 4px 0 0;} .scheduled-item_mdl_bottom > a {padding: 4px 12px 4px 12px}   
.fixture_ava {padding: 0 0 10px 0;width: 100%;} 
.fixture_mar{width: 100%;}     
/*-------------inner9-----------*/
.black_btn {margin: 0 10px 0 0;} 
.opposition .fixture_top h4 {font-size: 16px;} 
.opposition .scheduled-item_top .scheduled-item-header {width:68%;} 
.scheduled-item_mdl_top1{border-bottom: 1px solid #e6e4e4;}
    
    
/*------------inner10------------*/
.game {padding: 10px 0 12px 0px;}    
.ui.grid>[class*="eight wide"].column.game_lft{width: 100% !important;border:none;} 
.ui.grid>[class*="eight wide"].column.game_rgt {padding: 7px 7px 7px 0px !important;width: 100% !important;} 
.availability ul{display: none !important;}    
.short_lft span {padding: 0px 0 0 0;}    
.short_lft{width: 100%;position: relative;}    
.blue_btn{float: none;}    
.short_ply{text-align: center;}    
.short_lft_rgt{text-align: left;}    
.availability {padding:20px 0 0px 0;text-align: center;}   
    
.game_lft {margin: 0 0 10px !important;padding: 13px 0 11px 0px !important;border-bottom: 1px solid #ededed;}
    
    
.large_buttons ul li ul li ,.small_buttons ul li ul li{margin: 0 0 10px;}    
.colours ul li{margin: 0 0 15px;}    
.segments_down_lft{width: 100%;padding: 0 0 20px;} 
.segments_down_rgt{width: 100%;}
.segments .player_cnt{display: block;}
.medium_buttons ul li ul li {margin: 0 0 14px 0;padding: 0 14px 0 0;}
    
.players > h4 ,.leagues > h4{width: 100%;padding: 0 0 20px;}    
.players a ,.leagues > a{width: 100%;}    
.player_cnt{display: none;}   
.accordian{display: none;}    
.players_toggle ,.leagues_toggle{display: block;}    

/* Legacy styles for statement page*/
.StatementTable { width: auto; }

.availability-buttons { display: inherit; width: 100% }
.availability-buttons > div { display: block; padding: 5px; }

    .find-new-players-button { margin: 10px 0 0 0; }
}

@media only screen and (min-width: 991px) {
    .availability-buttons { display: inherit; width: 100% }
    .availability-buttons > div { display: block; padding: 5px; }
}

@media only screen and (max-width:599px){
.team-source-in ul.ui.grid>[class*="five wide"].column,.team-block-up > ul.ui.grid>[class*="five wide"].column{width:100% !important;} 
.team-source {margin: 0 0 10px 0;padding:0px 10px 10px 10px;} 
.team-block {padding: 0 0 15px 0;}
.scheduled-item_mdl_lft{width: 100%;border-right:none;}
.scheduled-item_mdl_rgt {padding: 15px 20px 15px;width: 100%;}    
.scheduled-item_btm ul li a span{display: none;}
.scheduled-item_btm ul li a{letter-spacing: 0.2px;padding: 12px 0 12px 0;}
.booking {padding: 10px 0 10px 0;}    
.scheduled-item_btm {padding: 19px 10px 19px 10px;}
.scheduled-item_top small{display: none;}
.team_players .scheduled-item_top small {display: inline-block;}    
.balance{width: 50%;float: left;display: inline-block;text-align: left;}
.scheduled-item_mdl_rgt a{float: right;margin: 13px 0 0 0;}    
.next_rgt .scheduled-item_mdl_rgt {padding: 15px 20px 15px;}   
.team-source-in p {min-height: 107px;} 
.main_content{margin:0px 0 0px 0;}   
.main_content_in{border-radius: 0px;padding:25px 20px 20px 20px;} 
.next_lft h5 {padding: 0 0 20px 0;}    
.next_rgt .scheduled-item_mdl_lft{width: 100%;}    
.next_rgt .scheduled-item_mdl_top {border-bottom: 1px solid #e6e4e4;padding: 14px 0 13px 14px;}
.next_rgt .scheduled-item_mdl_rgt{width:100%;/*text-align:center;padding: 15px 0 15px 0;*/ }
.header_in {box-shadow: 0 1px 22px 2px rgba(0, 0, 0, 0.19);}    
/*--------inner2--------*/
.team_list_top_lft{width: 100%;padding: 0 0 15px 0;}   
.team_list_top_rgt{width: 100%;} 
.team_list_top_rgt > .pay_btn{float: left;width: 49%;text-align: center;}    
.team_list_top_rgt a{right: 0;}
.team_list_top_rgt > span{display: none;}
.open_btn{width: 49%;display: inline-block;} 
.team_list_top {padding: 23px 15px 18px 15px;}
.team_list_bottom {padding: 14px 15px 14px 15px;} 
.teams_in h4 {padding: 0 0 5px 0;} 
.team_list_bottom_rgt ul li {padding: 0 0 0 10px;} 

    
   
    
/*----------inner3------------*/
.player_cnt > ul.ui.grid>[class*="five wide"].column {width:100% !important;}     
.accordian > ul > li {padding: 13px 14px 13px 14px;}    
.acc_content {padding: 19px 0px 8px 0px;}    
.acc_lft{width:100%;padding: 0 0 10px;} 
.players {padding: 0 0 15px 0;}
.main_content_in > h2 {font-size: 35px;line-height: 40px;padding: 16px 7px 15px 6px;}
.out p{width: 100%;padding: 0 0 10px;}  
.out ul{width: 100%;}    
.out ul li{padding: 0;}    
.out ul li.now{float: right;display: inline-block;} 
.settings ul li{width: 100%;padding: 0 0 10px 0;}    
.eim{float: right;}    
.settings ul li p {padding: 9px 7px 0 0;}    
.settings h4 {padding: 0 0 10px 0;}    
.out ul li a.view{margin: 6px 0 0;}  
/*.players > h4 ,.leagues > h4{width: 100%;padding: 0 0 20px;}    
.players > a ,.leagues > a{width: 100%;}    
.player_cnt{display: none;}   
.accordian{display: none;}    
.players_toggle ,.leagues_toggle{display: block;}*/   
    
/*----------inner4----------*/
.opposition {padding: 0 0px 0 0px;z-index: 2;} 
.opposition .scheduled-item_top .scheduled-item-header{/*width: 87%;*/width:74%;font-size: 16px;line-height: 18px;}    
.cal_bullet {left:0;top:-40px;right: 0;margin: 0 auto;padding: 3px 0 0 0;width: 75px;height: 75px;} 
.opposition .scheduled-item_top{z-index: 1;}    
.cal_aft1 {left: 0;top: -10px;right: 0;margin: 0 auto;}    
.calendar_block > ul:after{left: 0;right: 0;margin: 0 auto;}    
.dots{left: 0;right: 0;margin:20px auto 55px;z-index: 3;} 
.cal_ht1 ,.cal_ht2 ,.cal_ht3 ,.cal_ht4 {min-height: 1px;}
.min{display:block;}
.dots ul li.dt_bgline {height:70px;}    
.dots_1{top:56%;}    
.act .dots_1{top:79%;}
.dots1 {top:56%;}    
.act .dots1{top:80%;}
.dots3{top:58%;}
.act .dots3{top:81%;}    
.dots4{top:46%;}    
.act .dots4{top:77%;}         


.months h2{font-size: 22px;}
.months {padding: 0 0 60px 0;} 
.calendar_block .scheduled-item_mdl_bottom h5{display: none;}
.opposition .fixture_acc{margin: 0;}    
/*---------inner5-----------*/
.scheduled-item_btm_green_in {padding:0px 0px 10px 0px;}
.fixture_mar p {padding: 0 0px 0 0;}    
.fixture_mar p a {padding: 0 8px 0 8px;} 
.scheduled-item_mdl_top ul li {padding: 0 1px 0 0;} 
   
/*-----------inner7--------*/
.scheduled-item_btm_green_in1{padding: 16px 0px 19px 0px;} 

/*---------inner9-------------*/
.opposition .scheduled-item_top .scheduled-item-header {width: 69%;}
.scheduled-item-header span{display: block;font-weight: 400;font-style:italic;}  
.question_tag{margin: 20px 0 0;}    
.scheduled-item_top {padding: 22px 15px 19px 15px;}
    
    
/*----------inner10---------*/
.list ul, .summary.filter{width: 100%;}
.list ul li{width:25%;padding: 10px 15px 8px 16px;} 
.list ul li span{display:block;float: none;margin:0 auto 6px;} .blue_btn {width: 100%;}   
.avail ul li h3 {padding: 0px 13px 8px 13px;display: block;}   
.avail ul li > a.update_ques{float: left;margin: 0;}    
.update_ques {width: 102px;}    
.update_ques .q_mark {margin: 0 5px 0 0;color: #131313;}  
.avail ul li{padding: 12px 10px 11px 10px;}    
.avail ul li > a.update_ques{font-size:11px;}
.game_rgt ul li a span{display: none;} 
.short_lft span {position: absolute;left: 0;top:-7px;}    
.short_lft span img{width:50px;height: auto;}
.short_lft_rgt h3{padding:2px 0 16px 55px;}
.short_lft_rgt {padding: 0 0 0 0px;width: 100%;} 
.opposition .scheduled-item_top:after{display: none;}    
    
.main_content_in > h4.calender_head{display: none;}
.container1{padding: 0;}  
.oposition_groups{padding:0px 0 10px 0}
.black_btn {position: absolute;right: 32px;top:41px;}
.pay_btn_hide{display: inline-block;} 
    
.flx {flex-direction: column;-webkit-flex-direction:column;} 
.shedule:after {display: none;}  
.shedule_row{margin: 0 0 15px 0;}
    
.team-source-blk {border: 1px solid #ebebeb;} 
.wrapper{background:#fff;}
.team-source-in h3 ,.team-block-cnt h2{font-size: 25px;} 
.team-block-up {padding:0px 20px 10px 20px;} 
.team-source-in{margin: 0;}    
    
    
}
@media only screen and (max-width:479px){
.scheduled-item_mdl_top {padding: 19px 0 17px 10px;}  
.next_lft {padding: 10px 8px 0 8px !important;}
.scheduled-item_mdl_bottom {padding: 16px 10px 13px 10px;} 
.out p strong {font-size: 16px;}
.players .fixture_mdl_top {padding: 0px 0 0px 10px;}
.player_blk .fixture_bottom {padding: 13px 11px 11px 11px;}    
/*--------inner2--------*/    
.team_list_bottom_rgt {/*padding:14px 0 0 0;float: none; width: 100%;*/} 
.team_list_bottom_rgt ul li {padding: 0 0 6px 0px;/*width: 100%;*/font-size:11px;}
.team_list_bottom_lft span {padding: 4px 0 4px 15px;background-size:13px auto;display: inline-block;}    
.main_content_in > p {font-size: 13px;line-height:16px;padding: 6px 6px 9px;letter-spacing: 0px;}    
.main_content_in > p span {font-size: 17px;} 

.team_list_bottom_rgt ul li span{font-size: 12px;} 
 .team_list_bottom {padding:15px 10px 13px;}  
.team_list_top {padding: 23px 10px 18px 10px;}    
/*--------inner4--------*/
.gray_btn {font-size: 0px;line-height: 0px; padding: 16px 13px 13px 13px;} 
.gray_btn .q_mark{display: block;text-align: center;margin: 0;}    
/*-------------inner9------------*/
.opposition .fixture_top h4 {width:56%;} 
    
/*----------inner10----------*/
.main_content_in > h3.opposition_head {font-size:26px;line-height:34px;}    
.short_ply {padding: 23px 14px 26px 13px;}
/*.short_lft_rgt {padding: 0 0 0 10px;width: 66%;}*/
.short_lft_rgt h3 {font-size:22px;line-height: 26px;}
.list ul li {font-size: 10px;padding: 10px 2px 8px 2px;} 
.avail ul li > a {padding: 8px 5px 6px 5px;font-size: 10px;    line-height: 14px;margin: 0;}
.update_ques {width: 86px;}
.avail ul li > a.update_ques {font-size: 10px;}
.individual-fixture .scheduled-item_mdl_rgt { padding: 15px !important; border-top: 1px solid #e6e4e4;}
   
#Popup { width: 130px; }
}


/* Mobile */
@media only screen and (max-width: 767px) {
  [class*="mobile hidden"],
  [class*="tablet only"]:not(.mobile),
  [class*="computer only"]:not(.mobile),
  [class*="large screen only"]:not(.mobile),
  [class*="widescreen only"]:not(.mobile),
  [class*="or lower hidden"] {
    display: none !important;
  }
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  [class*="mobile only"]:not(.tablet),
  [class*="tablet hidden"],
  [class*="computer only"]:not(.tablet),
  [class*="large screen only"]:not(.tablet),
  [class*="widescreen only"]:not(.tablet),
  [class*="or lower hidden"]:not(.mobile) {
    display: none !important;
  }
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  [class*="mobile only"]:not(.computer),
  [class*="tablet only"]:not(.computer),
  [class*="computer hidden"],
  [class*="large screen only"]:not(.computer),
  [class*="widescreen only"]:not(.computer),
  [class*="or lower hidden"]:not(.tablet):not(.mobile) {
    display: none !important;
  }
}

/* Large Monitor */
@media only screen and (min-width: 1200px) {
  [class*="mobile only"]:not([class*="large screen"]),
  [class*="tablet only"]:not([class*="large screen"]),
  [class*="computer only"]:not([class*="large screen"]),
  [class*="large screen hidden"],
  [class*="widescreen only"]:not([class*="large screen"]),
  [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
    display: none !important;
  }
}



















