body,html{max-width:100%;font-family:"MetLifeCircular"}
.btn-brand-1st{font-family:'Noto Sans',sans-serif}
.iconsliderbox{background:#eae7e7}
.mgfpbenefitbg{background:#fafafa}
@font-face{font-family:'icomoon';src:url('../../../../../../content/dam/pnb-metlife/jbc/fonts/icomoon.eot?k7jzhs');src:url('../../../../../../content/dam/pnb-metlife/jbc/fonts/icomoon.eot?k7jzhs#iefix') format('embedded-opentype'),url('../../../../../../content/dam/pnb-metlife/jbc/fonts/icomoon.woff2?k7jzhs') format('woff2'),url('../../../../../../content/dam/pnb-metlife/jbc/fonts/icomoon.ttf?k7jzhs') format('truetype'),url('../../../../../../content/dam/pnb-metlife/jbc/fonts/icomoon.woff?k7jzhs') format('woff'),url('../../../../../../content/dam/pnb-metlife/jbc/fonts/icomoon.svg?k7jzhs#icomoon') format('svg');font-weight:normal;font-style:normal;font-display:block}
@font-face{font-family:"MetLifeCircular";src:url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-Light.woff2") format("woff2"),url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-Light.woff") format("woff");font-weight:200;font-style:normal}
@font-face{font-family:"MetLifeCircular";src:url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-LightItalic.woff2") format("woff2"),url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-LightItalic.woff") format("woff");font-weight:200;font-style:italic}
@font-face{font-family:"MetLifeCircular";src:url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-Normal.woff2") format("woff2"),url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-Normal.woff") format("woff");font-weight:400;font-style:normal}
@font-face{font-family:"MetLifeCircular";src:url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-NormalItalic.woff2") format("woff2"),url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-NormalItalic.woff") format("woff");font-weight:400;font-style:italic}
@font-face{font-family:"MetLifeCircular";src:url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-Medium.woff2") format("woff2"),url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-Medium.woff") format("woff");font-weight:500;font-style:normal}
@font-face{font-family:"MetLifeCircular";src:url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-MediumItalic.woff2") format("woff2"),url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-MediumItalic.woff") format("woff");font-weight:500;font-style:italic}
@font-face{font-family:"MetLifeCircular";src:url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-Bold.woff2") format("woff2"),url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-Bold.woff") format("woff");font-weight:700;font-style:normal}
@font-face{font-family:"MetLifeCircular";src:url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-BoldItalic.woff2") format("woff2"),url("../../../../../../content/dam/pnb-metlife/jbc/fonts/MetLifeCircular-BoldItalic.woff") format("woff");font-weight:700;font-style:italic}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-Female-1_W:before{content:"\e900"}
.icon-Female_W:before{content:"\e901"}
.icon-Male-1_W:before{content:"\e902"}
.icon-Male_W:before{content:"\e903"}
.icon-Money-bag:before{content:"\e904"}
.icon-Other_W:before{content:"\e905"}
a:hover,a:focus{text-decoration:none}
button:focus{outline:0}
.journeymainWrap.topSpacing{padding:70px 0}
.topSpacing{padding:35px 0}
h2.jbcHeading{font-weight:500;font-size:44px;margin:0;padding:0 0 30px;color:#333;line-height:63px}
.rsultmainWrap h2.jbcHeading{padding-bottom:0}
.citylistSec{padding:0;margin:0;display:flex;flex-direction:row;justify-content:space-between;border-bottom:2px solid #ccc;width:95%;position:relative}
.cityName.activeCity{border-bottom:3px solid #007abc}
.citylistSec .cityName.activeCity a{color:#007abc}
.citylistSec .cityName a{color:#000;font-weight:700;font-size:20px;padding:15px 0 10px;display:block;text-align:center}
.citylistSec .owl-item:first-child .cityName{margin-left:15px}
.playerdetailsSec .playernameSec{display:none;padding:0}
{padding:0;margin:0;color:#007abc;font-weight:700;font-size:20px}
.playernameSec h5{padding:0;margin:0;font-weight:700;font-size:28px;padding-bottom:15px;padding-top:30px}
.playernameSec h5.boyHeading{color:#0061a0}
.playernameSec h5.GirlHeading{color:#a51d3a}
.playerdetailsSec ul{padding:0;margin:0}
.playernameSec .yeardetailSec{display:flex;flex-direction:row;margin-bottom:30px;flex-wrap:wrap}
.playernameSec .yeardetailSec:last-child{margin-bottom:15px}
.playernameSec .playernameCard{width:20%}
.yeardetailSec ul li{margin-bottom:15px;position:relative;padding-left:25px;color:#707070;font-size:16px;font-family:'Noto Sans','Arial','Helvetica','sans-serif'}
.rsultmainWrap .owl-nav{position:absolute;top:5px;right:-60px;margin:0}
.citylistSec button.owl-prev:before{content:'';border:solid #007abc;border-width:0 3px 3px 0;display:inline-block;padding:4px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.citylistSec button.owl-prev:after{content:'';border-right:1px solid #ccc;position:absolute;top:0;right:0;width:1px;height:100%}
.citylistSec .owl-nav span{color:transparent;display:none}
.citylistSec.owl-carousel .owl-nav button.owl-prev{padding:8px 10px 8px 0 !important;position:relative}
.citylistSec.owl-carousel .owl-nav button.owl-next{padding:8px 0 8px 0 !important}
.citylistSec button.owl-next:before{content:'';border:solid #007abc;border-width:0 3px 3px 0;display:inline-block;padding:4px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.citylistSec .owl-nav span{color:transparent;display:none}
.citylistSec button:focus{outline:0}
.owl-theme .owl-nav [class*='owl-']:hover{background:transparent;color:#FFF;text-decoration:none}
.yeardetailSec ul li.yellowIcon:before{background-image:url('../../../../../../content/dam/pnb-metlife/jbc/yellow-icon.jpg');width:15px;height:30px}
.yeardetailSec ul li.blueIcon:before{background-image:url('../../../../../../content/dam/pnb-metlife/jbc/blue-icon.jpg');width:15px;height:30px}
.yeardetailSec ul li.brownIcon:before{background-image:url('../../../../../../content/dam/pnb-metlife/jbc/brown-icon.jpg');width:15px;height:30px}
.yeardetailSec ul li:before{content:'';position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:15px}
.gradiantborderWrap .gradiantBorder{height:4px;background:-webkit-gradient(linear,left top,right top,from(#008edd),to(#a2cf42));background:linear-gradient(to right,#008edd,#a2cf42);background-repeat:no-repeat;background-position:center;background-size:calc(100% - 30px) 100%;width:100%}
.totalstatsSec{background:#0090da;padding:2px 0;display:flex;flex-direction:row;justify-content:space-between}
.totalstatsSec h2 span:first-child{margin:0;padding:0;color:#fff;font-size:44px}
.totalstatsSec h2{margin:0;padding:0;color:#fff;font-size:34px;font-weight:500}
.totalstatsSec .participantTxt span{font-size:24px}
.totalstatsSec .digitSec span{font-size:44px}
.totalstatsSec h2 span{font-size:24px}
.totalstatsSec .totalParticipant,.totalstatsSec .totalMatches{width:50%;padding-left:140px;display:flex;flex-direction:row;color:#fff;font-weight:500;align-items:center}
.totalstatsSec .totalParticipant{border-right:2px solid #fff}
.totalstatsSec .digitSec{width:42%}
.totalstatsSec .participantTxt{width:58%;padding-top:10px}
.totalstatsSec .totalMatches .digitSec{width:34%}
.totalstatsSec .totalMatches .participantTxt{width:66%}
.totalstatsSec .totalMatches{padding-left:120px}
.registrationDetails p{padding:0;margin:0;color:#0061a0;font-weight:500;font-size:12px;display:block;text-align:left;padding-left:10px;line-height:1}
.registrationDetails .cityDiv:first-child p{text-align:center}
.registrationDetails .cityDiv:first-child{padding-right:10px;padding-left:0;border-right:1px solid #0061a0;width:30%}
.registrationDetails .cityDiv{width:70%}
.registrationDetails p span{font-size:32px;display:block;text-align:left;font-weight:500}
.registrationDetails .cityDiv:first-child p span{text-align:center}
.graphDetails .registrationDetails{display:flex;flex-direction:row;justify-content:center;padding-left:40px}
.bluearrowgraphSec{display:flex;flex-direction:row;justify-content:space-between;padding:55px 0 0;align-items:flex-end;border-bottom:1px solid #707070}
.graphDetails{text-align:center;margin:0 auto;width:20%;overflow:hidden}
.graphDetails .shuttelcockIcon img{width:50px;height:70px}
.graphDetails .shuttelcockIcon{padding:35px 0 15px}
.graphDetails .yearText{background:#0090da;width:55px;margin:0 auto;text-align:center;position:relative}
.graphDetails:last-child .yearText{min-height:300px;height:100%}
.graphDetails .yearText p{transform:rotate(-90deg);color:#fff;font-size:25px;font-weight:500;text-align:center;position:absolute;top:10px;left:4px}
.graphDetails .yearText.year2016 p{top:50px}
.graphDetails .yearText.year2017 p{top:70px}
.graphDetails .yearText.year2018 p{top:90px}
.graphDetails .yearText.year2019 p{top:110px}
.graphDetails .upArrow{content:'';width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:40px solid #0090da;text-align:center;margin:0 auto}
.jbcgrowTxt p{margin:0;padding:0 0 20px;color:#333;font-size:18px;line-height:32px;font-family:'Noto Sans','Arial','Helvetica','sans-serif'}
.multigradintBorder{display:flex;justify-content:space-between;flex-direction:row;height:20px;margin:20px 0 5px}
.multigradintBorder .blueBg{background:#007abc;width:77%}
.multigradintBorder .darkblueBg{background:#0061a0;width:10%}
.multigradintBorder .greenBg{background:#a4ce4e;width:13%}
.cityiconTxt p{padding:0;margin:0;font-size:16px}
.jbcgrowCity .jbcgrowcityName img{width:auto}
.jbcgrowCity .jbcgrowcityName p{padding:0;margin:0;color:#0061a0;font-weight:500;font-size:14px;text-transform:uppercase;padding-top:5px}
.jbcgrowCity{display:flex;justify-content:space-between;align-items:flex-end}
.jbcgrowCity .jbcgrowcityName{text-align:center;margin:0 auto}
.customModal{position:fixed;z-index:10000;top:0;left:0;visibility:hidden;width:100%;height:100%}
.customModal.is-visible{visibility:visible}
.customModal.is-visible .customModal-overlay{opacity:1;visibility:visible;transition-delay:0}
.customModal-overlay{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background:hsla(0,0,0,0.5);visibility:hidden;opacity:0;transition:visibility 0 linear .3s,opacity .3s;backdrop-filter:blur(3px)}
.customModal.is-visible .customModal-transition{transform:translate(-50%,-50%);opacity:1;top:50%;left:50%}
.customModal-transition{transition:all .3s .12s;opacity:0}
.customModal-wrapper{position:absolute;z-index:9999;top:3em;left:50%;width:32em;background-color:#fff;box-shadow:0 3px 6px #00000033;padding:35px 35px;border-radius:15px;transform:translateX(-50%)}
.modalcloseBtn{position:absolute;padding:0 10px;color:#aaa;background:0;border:0;font-size:28px;line-height:normal;margin-top:0;right:0;top:5px;cursor:pointer;z-index:1}
.jbcgalleryPopup .customModal-wrapper{width:100%;max-width:1000px}
.jbcgalleryPopup .outer{width:100%}
.jbcgalleryPopup .big .item{margin:2px;border-radius:15px;overflow:hidden;text-align:center}
.jbcgalleryPopup .thumbs .item{background:#fff;height:104px;line-height:0;padding:0;margin:0;border-radius:0;text-align:center;cursor:pointer}
.thumbs.owl-carousel .owl-item img{display:block;width:100%;height:100%}
.jbcgalleryPopup .thumbs .item h1{font-size:18px}
.jbcgalleryPopup .thumbs .current .item{background:#ff5722}
.jbcgalleryPopup .owl-theme .owl-nav [class*='owl-']{-webkit-transition:all .3s ease;transition:all .3s ease}
.jbcgalleryPopup .owl-theme .owl-nav [class*='owl-'].disabled:hover{background-color:#d6d6d6}
.jbcgalleryPopup .big.owl-theme{position:relative}
.jbcgalleryPopup .big.owl-theme .owl-next,.jbcgalleryPopup .big.owl-theme .owl-prev{border:solid #007abc;border-width:0 3px 3px 0;display:inline-block;padding:4px !important;position:absolute;text-align:center;top:50%;border-radius:0}
.jbcgalleryPopup .big.owl-theme .owl-prev{left:-23px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.jbcgalleryPopup .big.owl-theme .owl-next{right:-23px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.jbcgalleryPopup .thumbs.owl-theme .owl-next,.jbcgalleryPopup .thumbs.owl-theme .owl-prev{background:#333}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#007abc;background-color:transparent;border-color:#007abc;border:0;border-bottom:2px solid #007abc;border-radius:0}
.btn-light{color:#007abc;background-color:transparent;border-color:#007abc;border:0;border-bottom:2px solid #007abc;border-radius:0;font-weight:700;padding-left:0}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%;position:relative;top:4px}
.btn-light:hover{color:#007abc;background-color:transparent;border-color:#007abc}
.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#757575;font-weight:700;padding-left:0}
.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:none !important;outline:none !important;outline-offset:-2px}
.dropdown-item:focus,.dropdown-item:hover{color:#000;text-decoration:none;background-color:#baddf5;font-weight:700}
.dropdown-menu{border-radius:0}
.dropdown-item{padding:7px 15px;color:#757575;font-weight:bold}
.dropdown-item.active,.dropdown-item:active{color:#000;text-decoration:none;background-color:#baddf5;font-weight:700}
.bootstrap-select>.dropdown-toggle:after{margin-top:-1px;color:#000}
.btn-light.focus,.btn-light:focus{box-shadow:none}
.rsultmainWrap .selectyearSec{position:relative}
.selectyearSec label{margin:0;padding:0;position:absolute;top:-10px;left:0;font-size:12px;display:none}
.bootstrap-select.show .dropdown-toggle::after{border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid black;border-left:.3em solid transparent}
.playerdetailsSec{display:none}
.playerdetailsSec p.yearwiseData{padding:30px 0;margin:0;color:#000;font-size:20px;font-weight:700}
.twodivSec{display:flex;justify-content:space-between;flex-direction:row}
.twodivSec .contentSec,.twodivSec .imgSec{width:50%}
.twodivSec p{margin:0;font-size:18px;color:#333;line-height:32px;font-family:'Noto Sans','Arial','Helvetica','sans-serif'}
.twodivSec h2.jbcHeading{font-weight:500;font-size:44px;margin:0;padding:0 0 20px;color:#333;line-height:40px;font-family:"MetLifeCircular"}
.twodivSec .imgSec{padding-left:30px}
.ourvisionWrap .twodivSec .imgSec{padding-left:0}
.ourvisionWrap .twodivSec .contentSec{padding-left:30px}
.graybgColor{background:#f3f3f3}
.secPadding{padding:60px 0 80px}
.ourvisionWrap.secPadding{padding:80px 0 70px}
.galleryBox{position:relative}
.galleryBox .yearTxt p{margin:0;padding:0 30px;font-size:44px;font-weight:500;text-align:left;position:absolute;bottom:0;left:0;color:#fff;z-index:1}
.gallerymainWrap .gallerygradintBg{background:url('../../../../../../content/dam/pnb-metlife/jbc/recirc-bg-mobile.png');width:100%;height:397px;max-width:346px;background-repeat:no-repeat;position:absolute;top:0;left:21%;background-size:calc(100% - 35px) 100%}
.owl-carousel .owl-item.big{background:red !important}
.owl-carousel .owl-item.medium{background:blue !important}
.gallerymainWrap .gallerySlider{padding-top:60px}
.gallerymainWrap .owl-nav{position:absolute;top:-22px;right:10%;margin:0}
.gallerySlider button.owl-prev:before{content:'';border:solid #007abc;border-width:0 3px 3px 0;display:inline-block;padding:4px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.gallerySlider button.owl-prev:after{content:'';border-right:1px solid #ccc;position:absolute;top:0;right:0;width:1px;height:100%}
.gallerySlider .owl-nav span{color:transparent;display:none}
.gallerySlider.owl-carousel .owl-nav button.owl-prev{padding:8px 10px 8px 0 !important;position:relative}
.gallerySlider.owl-carousel .owl-nav button.owl-next{padding:8px 0 8px 0 !important}
.gallerySlider button.owl-next:before{content:'';border:solid #007abc;border-width:0 3px 3px 0;display:inline-block;padding:4px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.gallerySlider .owl-nav span{color:transparent;display:none}
.gallerySlider button:focus{outline:0}
.owl-theme .owl-nav [class*='owl-']:hover{background:transparent;color:#FFF;text-decoration:none}
.gallerySlider .owl-stage{padding-left:0 !important}
.gallerySlider a{display:block;box-shadow:none}
.gallerySlider.owl-carousel .owl-stage-outer{padding-bottom:100px}
.jbcgallerymainWrap h2.jbcHeading{padding:0 0 60px}
.gallerymainWrap{position:relative}
.sessiontabSec ul{display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;width:25%;border-bottom:2px solid #ccc;padding-left:20px}
.tabContent .sessiontabDetails{display:none}
.sessiontabDetails .sessionDiv{display:flex;flex-direction:row;justify-content:space-between}
.sessionDiv .videoimgSec,.sessionDiv .videocontentSec{width:50%}
.sessionDiv .videocontentSec p{margin:0;font-family:'Noto Sans','Arial','Helvetica','sans-serif';font-size:18px;color:#333;line-height:32px;padding:0 0 0 30px}
.sessiontabSec .tabList li a{color:#000;font-size:18px;font-weight:700;display:block;text-align:center;padding:5px 20px}
.sessiontabSec .tabContent{padding:20px 0 0}
.sessiontabSec .tabList li.activesessionTab a{color:#007abc;border-bottom:3px solid #007abc}
.sessiontabPopup .customModal-wrapper{width:100%;max-width:600px;padding:30px 0 0;border-radius:0}
.sessiontabPopup .modalcloseBtn{top:0}
.sessiontabWrap .sessiontabSec{padding:55px 0 55px}
.sessionDiv .videoimgSec a{display:block}
.galleryBox .outergrayBg{background:rgb(0,0,0,0.5);width:100%;height:100%;position:absolute;top:0;left:0}
.selectyearSec select{border:0;border-bottom:solid 2px #007abc;background-image:url(../../etc/metlife/icons/carrot-down.svg) !important;background-repeat:no-repeat;background-size:25px 40px !important;background-position:right 5px bottom 50%}
@media screen and (max-width:1366px){.jbcgallerymainWrap h2.jbcHeading{padding:0 0 90px}
.gallerymainWrap .gallerySlider{padding-top:80px}
}
@media screen and (max-width:1199px){.totalstatsSec .digitSec{width:45%}
.totalstatsSec .participantTxt{width:55%}
.totalstatsSec .totalMatches .digitSec{width:44%}
.totalstatsSec .totalMatches .participantTxt{width:56%}
h2.jbcHeading{font-size:35px}
.citylistSec{width:94%}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){top:10px}
.jbcgalleryPopup .customModal-wrapper{width:100%;max-width:900px}
.totalstatsSec .totalParticipant{padding-left:70px}
.gallerymainWrap .gallerygradintBg{left:28%;background-size:calc(100% - 4px) 100%}
.sessiontabSec ul{width:28%}
}
@media screen and (max-width:991px){h2.jbcHeading{font-size:36px;line-height:43px;padding-bottom:20px}
.totalstatsSec .digitSec span{font-size:30px}
.totalstatsSec .participantTxt span{font-size:18px}
.registrationDetails p span{font-size:20px}
.graphDetails .registrationDetails{padding-left:0}
.registrationDetails .cityDiv:first-child{padding-right:0;width:40%}
.registrationDetails .cityDiv{width:60%}
.jbcgrowCity .jbcgrowcityName{width:20%}
.jbcgrowCity{flex-wrap:wrap}
.journeymainWrap.topSpacing{padding:30px 0}
.playernameSec .playernameCard{width:100%;padding-right:50px}
.playernameSec .yeardetailSec{flex-wrap:nowrap;width:100%;overflow-x:auto;white-space:nowrap}
.citylistSec{width:92%}
.playernameSec h5{font-size:22px}
.jbcgalleryPopup .customModal-wrapper{width:100%;max-width:650px}
.jbcgalleryPopup .thumbs .item{height:auto}
.jbcgrowTxt p{font-size:16px;line-height:30px}
.citylistSec .cityName a{font-size:18px}
.totalstatsSec .totalMatches{padding-left:80px}
.twodivSec .contentSec,.twodivSec .imgSec{width:100%}
.twodivSec{flex-direction:column}
.twodivSec .imgSec{padding-left:0}
.ourstoryWrap .twodivSec{flex-direction:column-reverse}
.twodivSec h2.jbcHeading{font-size:36px;line-height:43px;padding-bottom:10px;padding-top:20px}
.secPadding{padding:50px 0 30px}
.twodivSec p{font-size:16px;line-height:30px}
.ourvisionWrap.secPadding{padding:60px 0 40px}
.ourvisionWrap .twodivSec .contentSec{padding-left:0}
.gallerymainWrap .gallerygradintBg{left:0;background-size:calc(100% - 8px) 100%;max-width:216px;height:440px}
.gallerymainWrap .owl-nav{right:0}
.galleryBox .yearTxt p{font-size:36px;color:#fff;padding:0 15px}
.jbcgallerymainWrap h2.jbcHeading{padding:0 0 10px}
.gallerymainWrap .gallerySlider{padding-top:55px}
.gallerySlider .owl-stage{padding-left:15px !important}
.sessiontabSec ul{width:34%}
.sessiontabDetails .sessionDiv{flex-direction:column}
.sessionDiv .videoimgSec,.sessionDiv .videocontentSec{width:100%}
.sessionDiv .videocontentSec p{padding:20px 0 0 0;font-size:16px;line-height:30px}
.sessiontabSec .tabList li a{font-size:14px}
.sessiontabWrap .sessiontabSec{padding:35px 0 35px}
}
@media screen and (max-width:767px){.wrapper,.container,.container-fluid{padding-right:15px !important;padding-left:15px !important}
.totalstatsSec .digitSec span{font-size:24px;line-height:20px}
.totalstatsSec .participantTxt span{font-size:14px}
.totalstatsSec .totalParticipant{flex-direction:column;padding-left:28px}
.totalstatsSec .totalMatches{flex-direction:column;padding-left:43px}
.totalstatsSec .digitSec{width:100%;line-height:1}
.totalstatsSec .participantTxt{width:100%;padding-top:5px;line-height:1}
.totalstatsSec{padding:15px 0}
.totalstatsSec .totalMatches .participantTxt{width:100%}
.totalstatsSec .totalMatches .digitSec{width:100%}
.multigradintBorder{height:5px;margin:8px 0 8px}
.multigradintBorder .blueBg{width:75%}
.multigradintBorder .darkblueBg{width:12%}
.multigradintBorder .greenBg{width:13%}
.jbcgrowCity .jbcgrowcityName p{font-size:12px;font-size:12px;padding:12px 0 20px}
.jbcgrowTxt p{font-size:16px;line-height:30px;padding:0 0 15px}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){max-width:200px;top:10px}
.citylistSec .cityName a{font-size:14px}
.citylistSec{width:100%;margin-top:25px}
.playernameSec h5{font-size:18px}
.playernameSec .playernameCard{width:100%;padding-right:50px}
.yeardetailSec ul li{font-size:14px;margin-bottom:20px}
.rsultmainWrap .owl-nav{top:-60px;right:0}
.graphDetails .yearText p{font-size:12px;top:0;left:1px}
.graphDetails .upArrow{border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:17px solid #0090da}
.graphDetails .yearText{width:24px}
.graphDetails:last-child .yearText{min-height:100px;height:100%}
.graphDetails .yearText.year2016 p{top:15px}
.graphDetails .yearText.year2017 p{top:20px}
.graphDetails .yearText.year2018 p{top:25px}
.graphDetails .yearText.year2019 p{top:20px}
.graphDetails .shuttelcockIcon img{width:24px;height:32px}
.registrationDetails p span{font-size:14px}
.registrationDetails .cityDiv:first-child{width:70%;margin:0 auto}
.registrationDetails .cityDiv{width:100%;padding-top:3px}
.graphDetails .registrationDetails{flex-direction:column}
.registrationDetails p span{text-align:center}
.registrationDetails p{padding-left:0;font-size:10px}
.registrationDetails .cityDiv:first-child{border-bottom:1px solid #0061a0;padding-bottom:3px;border-right:0}
.graphDetails .shuttelcockIcon{padding:6px 0 6px}
.jbcgrowCity .jbcgrowcityName{width:25%}
.jbcgrowCity .jbcgrowcityName:last-child{text-align:center;margin:0 auto 0 0}
.jbcgrowCity .jbcgrowcityName:nth-child(9){text-align:center;margin:0}
.jbcgalleryPopup .customModal-wrapper{width:100%;max-width:328px}
.customModal-wrapper{padding:22px 22px;border-radius:5px}
.jbcgalleryPopup .big.owl-theme .owl-prev{left:-18px}
.jbcgalleryPopup .big.owl-theme .owl-next{right:-18px}
.jbcgalleryPopup .big .item{border-radius:5px}
.modalcloseBtn{right:-7px;top:0}
.jbcgalleryPopup .owl-theme .owl-nav{margin-top:20px}
.playernameSec .yeardetailSec{flex-wrap:nowrap;width:100%;overflow-x:auto;white-space:nowrap;margin-bottom:10px}
.topSpacing{padding:35px 0 10px}
.gradiantborderWrap .gradiantBorder{height:2px}
.journeymainWrap.topSpacing{padding:30px 0 15px}
.playernameSec .yeardetailSec:last-child{margin-bottom:0}
.bluearrowgraphSec{width:100%;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;overflow-y:hidden}
.graphDetails{overflow:visible;margin:0 5%}
.jbcgalleryPopup .thumbs .owl-stage{left:-40px}
.ourvisionWrap.secPadding{padding:50px 0 30px}
.twodivSec h2.jbcHeading{padding-bottom:0}
.secPadding{padding:40px 0 30px}
.gallerymainWrap .gallerygradintBg{height:360px}
.sessiontabSec ul{width:72%}
.sessiontabPopup .customModal-wrapper{width:100%;max-width:400px}
.selectyearSec select{width:100%;max-width:200px}
}
@media screen and (max-width:480px){.sessiontabSec ul{width:60%}
.gallerymainWrap .gallerygradintBg{height:400px}
}
@media screen and (max-width:375px){.sessiontabSec ul{width:70%}
.gallerymainWrap .gallerygradintBg{height:360px}
}
.product-promo-breaker-carousel .product-promo-breaker .product-promo-breaker-img{padding-top:0}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0;color:inherit;border:0;padding:0 !important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut{0{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(clientlibs/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}