@media (min-width: 576px) and (max-width: 767px) {
        /* about img */
        .abt-img img {
            max-width: 300px !important;
            padding-top: 95px;
            padding-left: -3px !important;
        }
        .abt-overlay-highlight {
            margin-top: -254px !important;
            right: -320px !important;
            max-width: 326px !important;
        }
        .offset-2 {
            margin-left: 0%;
        }
        .innerSpeciality {
            min-height: 296px !important;
        }
        .awardChampion:after {
            background-size: 21% !important;
        }
        /* gallery */
        .galleryInner img {
            margin: 0 auto !important;
            padding: 15px !important;
            width: 100% !important;
        }
        .paddRight {
            padding: 0 !important;
            padding-right: 0px !important;
        }
        .paddZero {
            padding: 0 !important;
        }
        .pr-0 {
            padding-right: 0px !important;
        }
        .banner-wrap-speed {
            background-position: left;
            min-height: auto;
            background: url(../images/subCategorySpeed.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
            background-repeat: no-repeat !important;
        }
        .banner-wrap-artistic {
            background-position: left;
            min-height: auto;
            background: url(../images/subCategoryArtistic.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
        }
        .banner-wrap-Derby {
            background-position: left;
            min-height: auto;
            background: url(../images/subCategoryDerby.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
        }
        .banner-wrap-rHockey {
            background-position: left;
            min-height: auto;
            background: url(../images/subCategoryRollerHockey.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
        }
        .banner-wrap-IHockey {
            background-position: left;
            min-height: auto;
            background: url(../images/subCategoryInlineHockey.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
        }
        .banner-wrap-inFreestyle {
            background-position: left;
            min-height: auto;
            background: url(../images/subCategoryInlineFreestyle.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
        }
        .banner-wrap-alpine {
            background-position: left;
            min-height: auto;
            background: url(../images/subCategoryalpine.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
        }
        .banner-wrap-downhill {
            background-position: left;
            min-height: auto;
            background: url(../images/subCategoryDownhill.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
        }
        .banner-wrap-roller-freestyle {
            background-position: left;
            min-height: auto;
            background: url(../images/subCategoryRFreestyle.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
        }
        .banner-wrap-skateboarding {
            background-position: left;
            min-height: auto;
            background: url(../images/subCategoryskateboarding.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
        }
        #abt_bg {
            background-position: left;
            min-height: auto;
            background: url(../images/bgAboutUs2.jpg) !important;
            margin-top: -19px !important;
            background-size: 100% !important;
            height: 240px !important;
        }
        .my-nav {
            width: 100%;
        }
        .footer:before {
            top: -27px !important;
            background-size: 100% !important;
            height: 29px !important
        }
        .col-half-offset {
            width: 33% !important;
        }
        .category-inner {
            height: 200px;
        }
        .category-info img {
            max-width: 65px;
        }
    }
    /*@media screen and (max-width: 360px) {
    .footer:before{
        top: -16px !important;    
    }
}*/
    
    @media screen and (max-width: 767px) and (min-device-width: 320px) {
        .navbar-nav li:first-child {
            margin-left: 0% !important;
        }
        .championshipSec .sec-title h4 {
            font-size: 22px;
            padding-top: 1rem;
        }
        .championshipSec {
            padding-top: 1rem;
            padding-bottom: 0rem;
        }
        .championshipSec h6 {
            padding-top: 1rem;
        }
        .dwnldBtn {
            font-size: 12px;
            margin: 7px 7px;
        }
        .dwnldBtn i {
            width: 20px;
            height: 20px;
            font-size: 11px;
        }
        /* header css */
        .my-nav {
            width: 100%;
        }
        .mahaskating-logo>img {
            max-width: 124px;
            margin: 5px 0px;
        }
        .navbar-nav {
            text-align: center;
        }
        /* CAROUSEL CSS*/
        .carousel {
            margin-bottom: 6rem;
        }
        .carousel-inner {
            margin-top: -18px;
            max-height: 176px;
        }
        .carousel-item {
            background-color: #777;
            height: auto;
        }
        .carousel-item>img {
            max-width: 100%;
            position: relative;
        }
        .carousel-item a>img {
            max-width: 100%;
            position: relative;
        }
        .carousel-caption {
            z-index: 10;
            text-align: left;
            bottom: 0;
            right: 0;
            padding-top: 0;
            position: absolute;
            top: 0px;
            left: 50%;
            transform: translate(-73%, 40%);
            color: #000;
        }
        .carousel-control-next-icon,
        .carousel-control-prev-icon {
            width: 28px;
            height: 28px;
            background-size: 28px;
        }
        .carousel-caption h2 {
            font-size: 15px;
        }
        .carousel-caption h2::after {
            width: 15px;
            height: 2px;
            left: 0;
            bottom: 11px;
        }
        .carousel-caption p {
            font-size: 9px;
            margin-top: -3px;
            max-width: 173px;
        }
        /* banner patch */
        .skater-registration-info>img {
            padding-bottom: 20px;
            max-width: 37px;
        }
        .heading-registration {
            font-size: 18px;
        }
        .subheading-registration {
            font-size: 14px;
            margin-bottom: 17px;
        }
        .btn-registration a {
            max-width: 103px;
            font-size: 14px;
            text-align: center;
            padding: 7px 0px;
        }
        .skater-registration-info {
            min-height: 240px;
            margin-bottom: 1rem;
        }
        .mb8 {
            margin-bottom: 8rem;
        }
        /* welcome */
        #welcome-section-wrap {
            padding-top: 1rem;
            padding-bottom: 2rem;
        }
        .welcome-info {
            margin-top: 1.5rem;
            padding-left: 20px;
        }
        .welcome-info h2 {
            font-size: 20px;
        }
        .welcome-info h4 {
            font-size: 13px;
            padding-bottom: 7px;
            margin-top: 6px;
            margin-bottom: 10px;
        }
        .welcome-other-info {
            font-size: 13px;
            padding-bottom: 5px;
        }
        /* products section */
        #skating-type-section-wrap {
            margin-bottom: 2rem;
        }
        /* latest update */
        .latest-update-outer h2 {
            padding-bottom: 1rem;
        }
        .update-blog-img {
            width: 100%;
            float: none !important;
        }
        .update-blog-img img {
            width: 100%;
        }
        .update-blog-info {
            width: 100%;
            padding-top: 16px;
        }
        .heading-blog {
            font-size: 18px;
        }
        #latest-update-section-wrap {
            margin-top: 0rem;
            margin-bottom: 3rem;
        }
        .latest-update-outer .subhead-news-update {
            margin-bottom: 2.5rem;
        }
        .latest-update-inner {
            display: block !important;
            padding: 15px 15px 15px 15px;
        }
        #skating-elements-wrap {
            background-size: cover;
            background-position: right;
            height: auto;
        }
        .disNone {
            display: none;
        }
        .element-box {
            margin-right: 0px;
        }
        .dist_rank {
            margin-bottom: 30px;
        }
        .maxWdth {
            max-width: 640px;
        }
        .skating-elements-outer {
            padding-bottom: 1rem;
        }
        /* gallery */
        .galleryInner {
            text-align: center;
        }
        .galleryInner img {
            margin: 0 auto;
            padding: 15px;
            width: 100%;
        }
        .mb-30 {
            margin-bottom: 0;
        }
        .pr-0 {
            padding-right: 15px !important;
        }
        #skating-gallary {
            margin-top: -2rem;
            margin-bottom: 2rem;
        }
        .affiliationLogoTitle {
            margin-bottom: 6px;
            font-size: 26px;
        }
        .img-logo-inner>img {
            max-width: 125px;
        }
        .img-logo-inner {
            margin-bottom: 20px;
            padding: 23px 0px 0px 0px;
        }
        .head-logos {
            margin-top: 22px;
        }
        #sam-logosec {
            margin-bottom: -1rem;
        }
        .head-logos br {
            display: none;
        }
        #footer {
            padding: 2rem 0px;
            margin-top: 3rem;
        }
        #footer h5 {
            font-size: 13px;
        }
        #footer ul.quick-links li a {
            font-size: 11px;
            line-height: 12px;
        }
        #footer ul.social li a i {
            margin-right: 5px;
            font-size: 18px;
        }
        #footer .h6 {
            font-size: 15px;
        }
        #footer .social {
            margin-bottom: 10px;
            margin-top: 10px;
        }
        .footerWaveImg {
            display: none;
        }
        /* about us */
        .championshipsLevels h4 {
            font-size: 19px;
        }
        #skater-abous-us {
            margin-top: 2rem;
            margin-bottom: 3rem;
        }
        .subhead-abt {
            font-size: 24px;
            line-height: 32px;
            margin-bottom: 20px;
        }
        .abt-overlay-highlight {
            right: 0px;
            margin-top: 219px;
            max-width: 336px;
            padding: 15px 5px 16px 8px;
        }
        .icon-abt-highlight>img {
            width: 38px;
        }
        .highlight-count {
            font-size: 18px;
            margin-top: 0px;
        }
        .highlight-text {
            font-size: 14px;
        }
        .abt-img img {
            max-width: 329px;
        }
        .outer-slogan {
            padding: 2rem 0px 1rem 0px;
        }
        .mb-45 {
            margin-bottom: 0px;
        }
        #skater-slogan h2 {
            font-size: 41px;
        }
        #skater-slogan p {
            font-size: 15px;
        }
        .inner-tear-bearers>img {
            max-width: 178px;
            margin: 15px 0px;
        }
        .inner-tear-bearers h3 {
            font-size: 20px;
        }
        .info-bearers .position {
            font-size: 17px;
            padding: 6px 0px;
        }
        #sam-mission {
            margin-top: 3rem;
            margin-bottom: 0rem;
        }
        .outer-mission h2 {
            font-size: 31px;
        }
        /* experts cadre */
        #experts_bg {
            width: 100%;
            margin-top: -31px;
            background-size: cover;
            height: 182px;
            background-position: left;
            min-height: auto;
        }
        .coaches .single-judge-thumb .city {
            font-size: 16px;
        }
        .innerFoundation>img {
            width: 60px;
        }
        .innerFoundation .card-title {
            font-size: 18px;
            padding-top: 14px;
        }
        .innerFoundation .card-text {
            font-size: 17px;
        }
        .wrapTheory {
            min-height: 205px;
            margin-bottom: 20px;
        }
        .judgesSec {
            padding-top: 0rem;
        }
        .judgesSec h2 {
            font-size: 29px;
        }
        .varient-speed-skate .nav-link {
            padding: 8px 8px;
            font-size: 12px;
        }
        /* expert judges */
        .single-judge-content h4 {
            font-size: 21px;
        }
        .single-judge-content h5 {
            font-size: 15px !important;
        }
        .single-judge-content h6 {
            font-size: 16px;
        }
        .single-judge-content {
            height: 109px;
        }
        .single-judge {
            margin: 10px 0 0;
        }
        #growChampionship {
            margin: 1rem 0px 0rem 0px;
            padding: 3rem 0px 3rem 0px;
        }
        .boxDescp {
            margin: -2rem 12px 0px 12px;
            padding: 41px 35px 35px;
        }
        .boxDescp .headingT {
            font-size: 25px;
        }
        .boxDescp p {
            font-size: 18px;
        }
        section#boxSpeciality {
            margin: 2rem 0px 1rem 0px;
        }
        .image-list-left>img {
            width: 55px;
        }
        .image-list-left {
            display: block;
            text-align: center;
            float: none;
        }
        .image-list-right {
            display: block;
            text-align: center;
            padding-right: 0px;
            padding: 15px 0px;
        }
        .image-list-right h3 {
            font-size: 17px;
        }
        .image-list-right p {
            font-size: 14px;
        }
        .innerSpeciality {
            /*  min-height: 253px;*/
            padding: 21px 15px 0px 15px;
        }
        #sportsCoaching {
            background-position: center;
            background-size: cover;
        }
        .innersportsCoaching h2 {
            font-size: 22px;
            margin: 2rem auto 2rem auto;
        }
        .innersportsCoaching p {
            font-size: 15px;
            line-height: 23px;
        }
        .innersportsCoaching {
            margin-top: 18px;
            padding-bottom: 2rem;
        }
        section#FacilitatorndMentor {
            margin: 4rem 0px 2rem 0px;
        }
        .innerfcilty {
            padding-left: 0px;
            margin-top: 11px;
        }
        .innerfcilty h2 {
            font-size: 25px;
        }
        .innerfcilty h4 {
            font-size: 17px;
        }
        .innerfcilty ul {
            line-height: 25px;
            margin-top: 11px;
        }
        .Contact_head {
            margin-top: 0rem;
            padding-bottom: 2rem;
        }
        .addressComp {
            padding-top: 20px;
        }
        .phoneInfo {
            padding-top: 20px;
        }
        .phoneInfo p {
            font-size: 14px;
            margin-top: 0px;
        }
        .Contact_From {
            padding-top: 0rem;
            padding-bottom: 0rem;
        }
        .contactInfo {
            min-height: 355px;
            padding: 29px 40px;
        }
        .sendMessage {
            padding: 29px 10px 0px 10px;
        }
        .sendMessage .form-group label {
            margin-bottom: 0rem;
        }
        .form-control {
            padding: 0.100rem .75rem;
        }
        .btn-submit {
            padding: 6px 20px;
        }
        .welcome-info h4::after {
            width: 339px;
        }
        .outer-bearers {
            margin-top: 2rem !important;
        }
        .outer-tear-bearers {
            margin-bottom: 2rem;
        }
        /* speed skating */
        /*.banner-wrap-speed{
     width: 100%;
    margin-top: -54px;
    background-size: 100%;
    height: 250px;
    background-position: left;
    min-height: auto;   
    }*/
        .banner-wrap-speed .banner-wrap-artistic,
        .banner-wrap-Derby,
        .banner-wrap-rHockey,
        .banner-wrap-IHockey,
        .banner-wrap-inFreestyle,
        .banner-wrap-alpine,
        .banner-wrap-downhill,
        .banner-wrap-roller-freestyle,
        .banner-wrap-skateboarding,
        #abt_bg {
            width: 100%;
            margin-top: -21px;
            background-size: cover;
            height: 240px;
            background-position: left;
            min-height: auto;
        }
        .banner-wrap-speed {
            background: url(../images/speedMobileBanner.jpg);
        }
        .banner-wrap-speed {
            background: url(../images/speedMobileBanner.jpg);
            background-repeat: no-repeat !important;
            width: 100%;
            margin-top: -21px;
            background-size: cover !important;
            height: 123px;
            background-position: left !important;
            min-height: auto;
        }
        .banner-wrap-artistic {
            background: url(../images/artisticMobileBanner.jpg);
        }
        .banner-wrap-Derby {
            background: url(../images/derbyMobileBanner.jpg);
        }
        .banner-wrap-rHockey {
            background: url(../images/rHockeyMobileBanner.jpg);
        }
        .banner-wrap-IHockey {
            background: url(../images/iHockeyMobileBanner.jpg);
        }
        .banner-wrap-inFreestyle {
            background: url(../images/inlineFreestyleMobileBanner.jpg);
        }
        .banner-wrap-alpine {
            background: url(../images/alpineMobileBanner.jpg);
        }
        .banner-wrap-downhill {
            background: url(../images/downhillMobileBanner.jpg);
        }
        .banner-wrap-roller-freestyle {
            background: url(../images/rFreestyleMobileBanner.jpg);
        }
        .banner-wrap-skateboarding {
            background: url(../images/skateboardingMobileBanner.jpg);
        }
        #abt_bg {
            background: url(../images/AboutMobileBanner.jpg);
        }
        #nationalChamp {
            background: url(../images/nationalChampMobBanner.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
            height: 176px !important;
            min-height: 191px;
            margin-top: -1rem;
            box-shadow: 0px 7px 12px #e1e1e1;
        }
        .inner-speed-skating {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }
        .what-is-speed-skate {
            margin-top: 1.3rem;
            padding: 30px 30px 20px 30px;
        }
        .what-is-speed-skate p {
            font-size: 18px;
            margin-bottom: 7px;
        }
        #wrap-rules-speed-skating {
            padding-top: 3rem;
            padding-bottom: 2rem;
        }
        .rules-speed-skating h3 {
            font-size: 39px;
        }
        .outer-rules-speed a {
            margin: 20px auto;
            max-width: 226px;
            padding: 11px 0px;
            font-size: 18px;
        }
        .varient-explain {
            left: 8px;
            margin-top: 6rem;
            padding: 31px 13px 1px 13px;
            box-shadow: none;
        }
        .varient-explain span {
            font-size: 5rem;
            margin-top: -88px;
        }
        .img-varients>img {
            position: relative;
            left: 2px;
            top: 32px;
        }
        .varient-explain::before {
            right: 6px;
            bottom: 0px;
        }
        .varient-explain .varient-description {
            margin-bottom: 21px;
        }
        /* section 2*/
        .varient-explain2 {
            box-shadow: none;
            right: -8px;
            margin-top: 6rem;
            padding: 31px 13px 1px 13px;
        }
        .secondPosition {
            order: 2;
        }
        .varient-explain2 span {
            font-size: 5rem;
            margin-top: -88px;
        }
        .varient-explain2::before {
            right: 6px;
            bottom: 0px;
        }
        .img-varients-second>img {
            position: relative;
            top: 32px;
            right: 0px;
        }
        .card-img-top {
            max-width: 175px;
        }
        .inner-profile::after {
            background-size: 182px;
        }
        /* artistic */
        .mt-1 {
            margin-top: -1rem !important;
        }
        .type-varients-outer {
            margin-bottom: 0rem;
        }
        .type-varients-box {
            margin-bottom: 0rem;
        }
        /* ROLLER HOCKEY */
        .marb-5 {
            margin-bottom: 5rem;
        }
        .rollerHocketBtn a {
            margin: 12px 14px !important;
            padding: 11px 35px !important;
        }
        .banner-wrap-Derby,
        .banner-wrap-artistic,
        .banner-wrap-roller-freestyle,
        .banner-wrap-skateboarding,
        .banner-wrap-downhill,
        .banner-wrap-inFreestyle,
        .banner-wrap-alpine,
        .banner-wrap-IHockey,
        .banner-wrap-rHockey,
        #abt_bg {
            width: 100%;
            margin-top: -21px;
            background-size: cover;
            height: 240px;
            background-position: left;
            min-height: auto;
        }
        .margTop-0 {
            margin-top: 0 !important;
        }
        .margTop-1 {
            margin-top: -1rem !important;
        }
        .margTop3 {
            margin-top: 1rem !important;
        }
        /* champion section */
        .player-thumb {
            text-align: center;
            width: 100%;
        }
        .nationalChamp {
            padding-top: 3rem;
            padding-bottom: 0rem;
        }
        .player-box .num {
            display: none;
        }
        .player-txt:after {
            display: none;
        }
        .pl15 {
            padding-left: 15px !important;
        }
        .player-txt {
            padding: 6px 0px 4px 18px;
        }
        /* award section */
        .awardChampion img {
            max-width: 224px !important;
        }
        .centerImg {
            text-align: center;
        }
        .player-txt2 {
            padding: 19px 21px 4px 17px !important;
            right: -11px !important;
        }
        .awardChampion .awardImg {
            max-width: 135px !important;
        }
        .affiliationLogoTitle span {
            font-size: 24px;
        }
        .awardChampion {
            padding-bottom: 3rem;
        }
        .awardChampion:after {
            background-size: 35%;
            bottom: -75px;
        }
        .offset-2 {
            margin-left: 0%;
        }
        .footer:before {
            position: absolute;
            content: '';
            background: url(../images/footerGraphic.png);
            top: -16px;
            left: 0;
            z-index: 99;
            height: 20px;
            width: 100%;
            background-repeat: repeat-x;
            background-position: center;
            background-size: contain;
        }
        .col-half-offset {
            width: 100%;
        }
        .category-inner {
            height: 200px;
        }
        .category-info img {
            max-width: 65px;
        }
        .loginBox {
            position: fixed;
            top: 2%;
            background: #658507;
            right: 22%;
            padding: 10px 0px;
            width: 128px;
            border-radius: 6px;
            border: 1px solid #97ba2b
        }
        .header-box-contetn,
        .header-box-contetn a {
            display: none;
        }
        .vn-header-box {
            border-left: none;
            padding-left: 41px;
        }
        .header-box-title {
            font-size: 13px;
            padding-right: 5px;
            line-height: 17px;
        }
        .header-box-icon img {
            width: 23px;
            left: 11px;
            top: 5px;
        }
        .latest-update-inner {
            margin-bottom: 20px;
        }
        .marquee {
            top: 62px;
        }
        .marquee span {
            font-size: 14px;
        }
        .marquee span .schedule {
            font-size: 15px;
        }
        .resultLabel {
            position: relative;
            bottom: 3px;
        }
        .championsDistrict {
            max-height: 209px;
            overflow-y: scroll;
        }
    }
    
    @media only screen and (min-device-width: 321px) and (max-device-width: 414px) {
        .carousel-inner {
            margin-top: -18px;
            max-height: 202px;
        }
        .latest-update-inner {
            margin-bottom: 20px;
        }
        .marquee {
            top: 62px;
            padding: 5px 0px 7px 0px;
        }
        .marquee span {
            font-size: 14px;
        }
        .marquee span .schedule {
            font-size: 15px;
        }
        .resultLabel {
            position: relative;
            bottom: 3px;
        }
    }
    
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1200px) {
        .navbar-expand-md .navbar-nav {
            margin-left: 0px !important;
        }
        .mynav-submenu .navbar-nav .nav-item {
            margin: 0px 10px;
        }
        .carousel-inner {
            margin-top: -18px;
            max-height: 585px;
        }
        .latest-update-inner {
            margin-bottom: 20px;
        }
        .navbar-nav li:first-child {
            margin-left: 0% !important;
        }
    }
    
    @media only screen and (min-device-width: 1920px) {
        #skating-elements-wrap {
            height: 627px;
        }
        #nationalChamp {
            height: 659px;
        }
        .latest-update-inner {
            margin-bottom: 20px;
        }
    }
    /* @media only screen and (min-device-width: 1024px) {
        .mynav-submenu .navbar-nav .nav-item {
            margin: 0px 0px;
        }
        .mynav-submenu .navbar-nav .nav-link {
            font-size: 10px
        }
        .vn-header-box {
            padding-left: 17px;
        }
        .header-box-icon img {
            position: absolute;
            top: 0px;
            left: 4px;
            line-height: 50px;
            width: 28px;
        }
        .header-box-title {
            padding-left: 26px;
        }
        .header-box-contetn,
        .header-box-contetn a {
            padding-left: 26px;
        }
        .loginBox {
            right: 2%;
        }
    } */