/* -------------------------------------------------
  (min-width: 1680px)
---------------------------------------------------*/
@media only screen and (max-width: 1680px) {

    }
    
    /* -------------------------------------------------
      (max-width: 1250px)
    ---------------------------------------------------*/
    @media only screen and (max-width: 1250px) {

    }
    
    /* -------------------------------------------------
      (min-width: 991px) and (max-width: 1199px)
    ---------------------------------------------------*/
    @media only screen and (max-width: 1199px) {
      .our-champions .champion-title h1{
        font-size: 22px;
      }
      .news-section .content h1{
        font-size: 1.58rem;
      }
      .news-section .content p{
        font-size: 15px;
      }
      .our-programes .owl-slider .champions-title{
        top: 5.3rem;
      }
      #testimonials .main-testimonial .carousel-indicators{
        top: 22rem;
      }
      .our-champions .right-box .text-content p{
        font-size: 15px;
      }
    }
    
    /* -------------------------------------------------
      (min-width: 767px) and (max-width: 1199px)
    ---------------------------------------------------*/
    @media only screen and (min-width: 767px) and (max-width: 1199px) {

    }
    
    /* -------------------------------------------------
      (min-width: 767px) and (max-width: 991px)
    ---------------------------------------------------*/
    @media only screen  and (max-width: 991px) {

    }
    
    /* -------------------------------------------------
      max-width: 1199px
    ---------------------------------------------------*/
    @media only screen and (max-width: 1199px) {

    }
    
    /* -------------------------------------------------
      min-width: 992px
    ---------------------------------------------------*/
    @media only screen and (max-width: 992px) {
   
    
    }

    @media(max-width:767px){
        .navbar .navbar-collapse.collapsing{ 
          height:auto !important;
        }
        .navbar .lateral-left{
          left:-100%; 
          animation: slide-out-left 200ms forwards;
        }
        .navbar .lateral-left.show{ 
          animation: slide-in-left 200ms forwards;
        }
       
        .navbar .navbar-collapse{ 
          top:-25px;
           bottom:0px; 
          position:fixed; 
          width:70%; width:calc(100% - 60px); 
          max-width:320px; 
          height:auto !important;
      
          /* Optional styling */
          background:#f8f8f8;
          padding:30px;
          z-index: 2;
        }
        .navbar .lateral-left.open{
          display:block !important;
          overflow-y:auto;
        }
        @keyframes slide-in-left{ 
            0%		{ left:-100%; }
            100%	{ left:0px; }
          }
          @keyframes slide-out-left{
            0%		{ left:0px; }
            100%	{ left:-100%; }
          }
          @keyframes slide-in-right{ 
            0%		{ right:0%; }
            100%	{ right:100px; }
          }
          @keyframes slide-out-right{
            0%		{ right:100px; }
            100%	{ right:-100%; }
          }
		  

      }
      
      
    /* -------------------------------------------------
      max-width: 991px
    ---------------------------------------------------*/
    @media only screen and (max-width: 991px) {

    }
    /* -------------------------------------------------
      min-width: 768px
    ---------------------------------------------------*/
    @media only screen and (max-width: 768px) {
       
        /*header*/
        .navbar-toggler:focus{
          box-shadow: none !important;
        }
      #top-nav{
        display: none !important;
      }
      .award-img{
        display: none;
      }
        #main-nav .header-wrapper .logo{
            width: 80%;
        }
    
        .header-wrapper .btn-support{
          margin: 10px 0 !important;
        }   
        .header-wrapper .nav-item .support-btn{
          font-size: 14px;
          margin-left: -10px;
        }
        .navbar-award-img{
          margin: -60px 0 10px 15px;
        }
        
        /*banner*/
       
        #banner .carousel-inner .carousel-item{
            background-image: url(../images/responsive\ img\ 1.jpg) !important;
            background-repeat: no-repeat;
        }
        #banner .carousel-inner .banner-content{
            width: 90%;
            min-height: 359px;
        }
        #banner .carousel-inner .banner-content .carousel-text-content {
            margin-top: 3rem;
        }
        #banner .carousel-inner .banner-content .carousel-text-content h1 {
            font-size: 2rem;
        }
        #banner .carousel-inner .banner-content .carousel-text-content p {
            font-size: 14px
        }

        .partners .partner-title{
            width: 21rem;
        }
        .partners .partner-title h1{
            font-size: 1.3rem;
        }
        .partners .partner-title h1::after {
            bottom: 24px;
            width: 72px;
            left: 3.2rem;
        }
        .partners .slide-track .owl-item{
            width: 120px !important;
            margin-right: 15px;
        }

        /*our champions*/
        .our-champions{
          height: 100%;
          background-size: cover;
        }
        .our-champions .champion-title{
            text-align: center;
            width: 21rem;
            margin-left: 1.7rem;
        }
        .our-champions .right-box .text-content{
          padding: 10px 30px;
        }
        .our-champions .right-box-content{
          padding: 0;
          margin: 0;
          width: 100% !important;
        }
        .our-champions .right-box img{
          width: 100%;
        }
        .our-champions .champion-title h1 span {
          margin-left: 0;
        }
        .our-champions .champion-title h1, span{
          font-size: 24px;
          text-align: center;
          margin: 20px 0 0 0;
      }
      .our-champions .champion-title h1::after{
        right: 33%;
      }
      #our-champions .right-box-content .carousel-inner .main{
        margin: 20px 13px;
        padding: 0;
      }

              /*news-section*/
              .news-section {
                padding: 2rem 0 1.5rem 0;
            }
              .news-section .content {
                padding: 0 15px;
            }
            .news-section .content h1 {
                font-size: 1.4rem;
            }
            .news-section .content h1::after{
              width: 4.8rem;
            }
            .news-section .content p {
                font-size: 16px;
            }

            /*our programmes*/
            .white .sa_owl_theme .owl-nav .owl-next{
              display: none !important;
            }

            #our-programes{
              padding: 28px 0;
            }
            #our-programes .owl-slider .owl-nav{
              display: none;
            }
            .our-programes .programes-section{
              margin: 0;
              padding: 0;
            }
            .our-programes .programes-section .col-12{
              padding: 0 30px;
          }
          .our-programes .owl-slider .champions-title{
            top: 6.6rem;
          }
           
           /*media gallery*/
           .media-gallery .gallery-section .nav-tabs{
            /*flex-direction: column;*/
			flex-direction: inherit;
           }
           .media-gallery{
            /*margin: 0 9px;*/
            margin: 0;
            margin-left: 0;
           }
           .black .sa_owl_theme .owl-nav .owl-next{
            display: none !important;
           }
           #media-gallery .tab-content .owl-slider .owl-nav{
            display: none;
           }
           .media-gallery .card .card-text span{
            margin: 0;
            padding: 0px;
            text-align: center;
            font-size: 15px;
           }
            /*testimonials*/
            
            #testimonials .testimonial-wrapper{
              
              background-size: cover;
              margin: 0;
              background: none;
            }
            #testimonials .container .main-testimonial{
              font-size: 15px;
              margin: 0;
              border-radius: 0;
             background-color: #0048eb !important;
             background:none ;
            }
            #testimonials .testimonial-wrapper .testi-img{
                text-align: center;
            }
            #testimonials .main-testimonial .testi-img img {
              margin: 0;
          }
            #testimonials .testimonial-wrapper .content-first{
                text-align: center;
            }
            #testimonials .main-testimonial .carousel-indicators {
                top: 33rem;
            }
            #testimonials .main-testimonial .carousel-indicators button{
              background-color: black !important;
              display: none;
            }
            #testimonials .container .main-testimonial h1{
              color: #fff;
            }
            #testimonials .container .main-testimonial h1::after{
              background-color: white;
            }
            #testimonials .main-testimonial .content-first p {
              padding: 12px 0;
              color: #fff;
            }
            #testimonials .main-testimonial .content-first span{
              font-size: 17px;
              color: #fff !important;
            }
    
            
            /*footer*/
            .footer .row .address p span{
              font-size: 16px !important;
            }
            .footer .row .hef {
                text-align: center;
                margin-top: 1rem !important;
            }
            .footer .row .address {
                text-align: center;
                padding-bottom: 10px;
                margin-top: 1rem !important;
            }
            .footer .row .para{
              margin-top: 1rem;
            }
            .bottom-footer .row .text-start, .text-end{
                text-align: center !important;
              }
              
              
              
              
              /*about-us page*/
              .about-us .content h1{
                font-size: 1.4rem;
              }
              .about-us .content{
                padding: 0px 15px 25px 15px;
              }
              /*our-programme page*/
              .butn span{
                margin: 0;
                padding: 0;
              }

              /*contact-us page*/
              .form-area{
                margin-top: 1.3rem;
              }
			  
			  		  
		  .elementor-element-7ac9046 .elementor-widget-heading {
    width: 100% !important;
    margin-top: -1rem !important;
    text-align: left !important;
}
.partner-title h1{
		  text-align:left !important;
		  padding-left: 11px;
		  }
.partner-title h1:after {
        left: 1rem !important;
    }
	
	.tg-mobile-toggle {
    margin-left: 20px;
}
.right-box .player-images {
    padding: 0;
    padding: 39px;
    margin-top: -34px;
}
.right-box .text-content{
text-align: center;
margin-top: -40px;
}
.right-box .text-content p{
text-align: center;
}
.elementor-element-225a16b {
    margin-right: 20px;
}
.tg-footer-widget-area ul.menu{
padding-left:0px;
}
.elementor-element-2ae76eb{
margin:15px;
}
.elementor-899 .elementor-element.elementor-element-0086f5b .elementor-heading-title{
font-size:40px;
}
.after-heading-underline h2:after{
margin: 12px auto 0;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 15px 10px;
}
.champion-title h1 span{
font-size: 34px;
}
    .champion-title h1::after {
        bottom: -14px;
        right: 11rem !important;
    }
	#mobile-primary-menu .menu-item-1410 a {
        font-size: 16px;
        width: 45%;
        line-height: 2;
        border-radius: 35px;
        white-space: nowrap;
        padding: 2px 12px !important;
        font-weight: 700;
        background: #fe4c1c;
        color: #fff !important;
        cursor: pointer;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        text-align: center;
    }
	
	.elementor-element-84132fc, .elementor-element-8107675{
	padding:15px;
	}
        }


    /* -------------------------------------------------
      max-width: 767px
    ---------------------------------------------------*/
    @media only screen and (max-width: 767px) {

    }
    
    /* -------------------------------------------------
      max-width: 575px
    ---------------------------------------------------*/
    @media only screen and (max-width: 575px) {
      
    }
    
    /* -------------------------------------------------
      max-width: 480px
    ---------------------------------------------------*/
    @media only screen and (max-width: 480px) {

          
    }
    
    /* -------------------------------------------------
      max-width: 380px
    ---------------------------------------------------*/
    @media only screen and (max-width: 380px) {
    }