/* Extra small Device. */
    
    @media (max-width: 1080px) and (min-width: 767px) {
        .gd-infos h3 {
            font-size: 18px;
        }
        .gd-container-area .container{
            max-width: 100%;
        }
        .banner-title h1{
            font-size: 2rem;
        }
        .banner-title h2{
            font-size: 2rem;
            line-height: 2rem;
        }
        .banner-title{
            bottom: 40%;
        }
        .banner-slider .slick-prev{

            background:  rgba(255, 255, 255, 0.466) url(../img/pro-left.png) left no-repeat;
            width: 40px;
            height: 40px;
            background-size: 10px;
            background-position: center;
            left: 20px;
            opacity: 1;
            z-index: 99;
            border: 1px solid #fff;
            transition: 0.3s;
        }
        .banner-slider .slick-prev:hover{
            background:  rgb(255, 255, 255) url(../img/pro-left.png) left no-repeat;
            background-size: 10px;
            width: 40px;
            height: 40px;
            background-position: center;
        }
        .banner-slider .slick-next:hover{
            background:  rgb(255, 255, 255)  url(../img/pro-right.png) right  no-repeat ; 
            background-size: 10px;
            width: 40px;
            height: 40px;
            background-position: center;
        }
        .banner-slider .slick-next{
      
            background:  rgba(255, 255, 255, 0.466)  url(../img/pro-right.png) left no-repeat ;
            width: 40px;
            height: 40px;
            background-size: 10px;
            background-position: center;
            right: 20px;
            border: 1px solid #fff;
            transition: 0.3s;
        }
    }
    @media (max-width: 991px) {
        .team-slider .slick-arrow{
            display: block !important;
        }
        
        .team-slider .slick-prev{
        background-color: transparent;
        background: url(../img/arrow1.png) left no-repeat;
        background-size: 15px 15px;
        width: 20px;
        height: 20px;
    }
    .team-slider .slick-next{
        background-color: transparent;
        background: url(../img/arrow2.png) left no-repeat;
        background-size: 15px 15px;
        width: 20px;
        height: 20px;
    }
    }
    @media (max-width: 768px) {
          .team-slider .slick-prev{
        background-color: transparent;
        background: url(../img/arrow1.png) left no-repeat;
        background-size: 15px 15px;
        width: 20px;
        height: 20px;
    }
    .team-slider .slick-next{
        background-color: transparent;
        background: url(../img/arrow2.png) left no-repeat;
        background-size: 15px 15px;
        width: 20px;
        height: 20px;
    }
        .review{
            padding-top: 3rem;
        }
        .banner-title{
            bottom: 30%;
        }
        .gd-services h1 {
            font-size: 25px;
        }
        .gd-header-area{
            position: relative;
            background: black !important;
        }
        .gd-container-area .container{
            max-width: 100%;
        }
        .mean-container .mean-nav{
            position: absolute;
            background:black !important;
            overflow: hidden;
        }
    
        .banner-title{
            left: 5%;
        }
        .banner-title h1{
            font-size: 2rem;
            line-height: 2rem;
            padding-left: 20px;
        }
        .banner-title h2{
            font-size: 2rem;
            line-height: 1.8rem;          
            padding-left: 20px;
        }
        .banner-btn a{
            font-size: 12px;
            padding: 0.5rem 1rem;
             margin-left: 20px;
        }
        .gd-header-area {
            padding: 20px 0 10px;
        }
        .logo {
            padding-left: 10px;
        }
        .gd-slider-wrapper {
            padding: 120px 0 80px;
        }
        .gd-slider-wrapper h1 {
            font-size: 40px;
        }
        .gd-slider-wrapper h3 {
            font-size: 18px;
        }
        .gd-slider-wrapper a {
            margin-top: 25px;
        }
        .offers .gd-offer,
        .gd-about .gd-welcome-info-wrapper,
        .gd-service,
        .gd-sp-services-details,
        .gd-headline,
        .gd-counter,
        .gd-summer-info,
        .gd-get-info,
        .gd-touch .gd-touch-info-wrapper {
            padding: 10%;
        }
        .gd-about .gd-welcome-info-wrapper p {
            padding: 5%px 0;
        }
        .gd-class-details,
        .gd-trainer-details,
        .gd-pproduct-details,
        .gd-event-details,
        .gd-testimonial-active,
        .gd-single-footer-widget,
        .gd-classes-details-inner-top,
        .gd-similar-cat,
        .gd-events-details-inner-top,
        .gd-blog-details-inner-top,
        .gd-blog-comments-list,
        .gd-blog-leave-comments,
        .gd-single-product-sec,
        .gd-product-details,
        .gd-trainer-detail-image,
        .gd-trainer-detail-content,
        .gd-about2-sec,
        .gd-offers2-sec {
            padding: 0 7%;
        }
        .gd-sidebar,
        .gd-contact-details,
        .gd-contact-form {
            margin: 40px 7%;
        }
        .gd-single-footer-widget h5 {
            margin: 35px 0;
        }
        .gd-404-wrapper {
            padding: 0 7%;
        }
        .gd-404-wrapper h1 {
            font-size: 95px;
        }
        .gd-banner-area {
            padding: 100px 0 5%;
        }
        .item-gd {
            padding: 0 7%;
        }
        .d-flex {
            display: block !important;
        }
        button.fill-color-btn,
        a.fill-color-btn {
            padding: 10px 30px;
        }
        .gd-product-price>ul>li {
            display: inline;
        }
        .gd-detail-image {
            overflow: hidden;
        }
        .gd-trainer-meta .gd-trainer-info p {
            margin: 2% 0;
        }
        .gd-trainer .gd-detail-heading,
        .gd-trainer #gd_skills {
            padding: 0;
        }
        .gd-about2-sec>ul li h3 {
            font-size: 17px;
        }
        .gd-infos {
            padding: 40px;
        }
        .gd-infos h3 {
            font-size: 16px;
        }
        .gd-infos>[class^="flaticon-"]::before {
            font-size: 40px;
        }
        .gd-infos>a {
            border: 1px solid;
            width: 35px;
            height: 35px;
            font-size: 19px;
            line-height: 30px;
        }
        .banner-slider .slick-prev, .banner-slider .slick-next{
            display: none !important;
        }

        .review-slider .slick-prev, .review-slider .slick-next{
            display: none !important;
        }
    }
    
    @media (max-width: 480px) {
          .team-slider .slick-prev{
        background-color: transparent;
        background: url(../img/arrow1.png) left no-repeat;
        background-size: 15px 15px;
        width: 20px;
        height: 20px;
        margin-left: 30px;
       
    }
    .team-slider .slick-next{
        background-color: transparent;
        background: url(../img/arrow2.png) left no-repeat;
        background-size: 15px 15px;
        width: 20px;
        height: 20px;
         margin-right: 30px;
    }
        .banner-slider .slick-prev, .banner-slider .slick-next{
            display: none !important;
        }
        .review{
            padding: 3rem 20px 0  20px;
            padding-bottom: 3rem;
        }
        .gd-services h1{
            padding-bottom: 2rem;
        }
        .padding-default {
            padding: 50px 0;
        }
        .padding-second {
            padding: 30px 0 90px;
        }
        .padding-get {
            padding: 20px 0 50px;
        }
        .gd-trainer-meta .gd-trainer-info {
            padding: 4% 25px;
        }
        .gd-trainer-meta .gd-trainer-name {
            padding: 7px 20px 0 15px;
        }
        .gd-copyright-area {
            padding: 35px 20px;
        }
        .shop-btn {
            font-size: 14px;
        }
        .banner-title{
            left: 2%;
        }
        .banner-title h1{
            font-size: 1.2rem;
            line-height: 1.8rem;
            padding-left: 20px;
        }
        .banner-title h2{
            font-size: 1.2rem;
            line-height: 1.8rem;
            padding-left: 20px;
        }
        .banner-btn a{
            font-size: 12px;
            padding: 0.5rem 1rem;
            margin-left: 20px;
        }
        .gd-header-area{padding: 10px 0;}
        .logo{
            width: 100px;
        }
        .logo img{
            width: 100%;
        }
         .gd-single-footer-widget h5 {
    margin: 20px 0;
}
    }
    
    @media (max-width: 360px) {
          .team-slider .slick-prev{
        background-color: transparent;
        background: url(../img/arrow1.png) left no-repeat;
        background-size: 15px 15px;
        width: 20px;
        height: 20px;
         margin-left: 30px;
    }
    .team-slider .slick-next{
        background-color: transparent;
        background: url(../img/arrow2.png) left no-repeat;
        background-size: 15px 15px;
        width: 20px;
        height: 20px;
         margin-left: 30px;
    }
        .gd-event-date h6,
        .gd-trainer-name h6,
        .gd-product-offer h6,
        .gd-class-price h6 {
            font-size: 12px;
        }
        .gd-infos {
            padding: 30px;
        }
        .gd-infos>[class^="flaticon-"]::before {
            font-size: 30px;
        }
        .gd-infos>a {
            border: 1px solid;
            width: 25px;
            height: 25px;
            font-size: 18px;
            line-height: 20px;
        }
         .gd-single-footer-widget h5 {
    margin: 20px 0;
}

    }