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

/*}*/
@media screen and (max-device-width:991px), screen and (max-width:991px) {
    
      .navbar-nav .nav-item .nav-link {
        padding: 52px 0px 0px 12px!important;
      margin: 0px -1px 13px !important;
    
        font-size: 12px!important;
        letter-spacing: -1px!important;
   }
     
}


/*@media only screen and (min-width: 374px) and (max-width: 374px)*/
/*{*/
    
/*    .profile {*/
/*    margin: 104px auto 0!important;*/
/*    }*/
/*}*/

@media screen and (max-device-width:768px), screen and (max-width:768px) {

.navbar-brand {
    padding-top: 62px!important;
}
   
     
}


@media screen and (max-device-width:991px), screen and (max-device-width:991px) {
    .tabview{
    display:block!important;
} 


.deskview {
    display: none!important; 
   }
   
   .category-item h4 {

    padding: 16px 0px 0px!important;
   }
 
/*.profile {*/
/*    margin: 112px 0px -1px!important;*/
/*  }*/
  
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
  .phone-email {
    top: -106px;
	} 
	
	#exampleSlider .MS-content .item {

    padding: 25px 82px 16px 45px!important;
   }
   
   
   #exampleSlider1 .MS-content .item {

    padding: 0px 82px 45px 45px!important;
   }
   
  .main-border a {
  
    top: 360px!important;
   } 
   
}



@media only screen and (min-width: 510px) and (max-width: 991.98px) {
    .team a{
     width:25%!important;   
    }
    .blog a{
       width:25%!important;     
    }
    .training a{
       width:25%!important;        
    }
    .service a{
        width:25%!important;  
    }
    .blog a{
       width:30%!important;   
    }
    
}  



@media only screen and (min-width: 310px) and (max-width: 510px) {
    
     .team a{
     width:50%!important;   
    }
    .blog a{
       width:50%!important;     
    }
    .training a{
       width:50%!important;        
    }
    .service a{
        width:50%!important;  
    }
    .blog a{
       width:50%!important;   
    }   
.mob-ser .s-img {

    width: 30%!important;   
}

}



@media only screen and (min-width: 310px) and (max-width: 991px) {

.about-carousel .d-flex{
display:-webkit-inline-box !important;
margin: 10px auto;
}  
.about-us {

-webkit-transform: translate(0%, -12.1%)!important;
}

.sportz-box {

margin-bottom: 30px;
}

.deskview{
display: none;

}

.card {

    min-height: 525px!important;
}





.service-tb{
display: none;

}


.service-mob{
display:block;
}



.aboutus-details h2 {
padding: 0px 0px!important;
}


.aboutus-details p {
 
    padding: 0px 0px!important;
}


}

@media only screen and (max-width: 575px) and (min-width: 310px){
.abtus-bg .custom{
    margin-right: 0px;
    margin-left: 0px;
}

}
@media only screen and (max-width: 397px) and (min-width: 320px){
.ml-auto, .mx-auto {
 
    margin-top: -13px!important;

 }
 
 
.navbar-nav {
    background-color: #ac1d23!important;
    border-top: 11px solid #d45628!important;
    color: #fff!important;
    z-index: 1;
    margin-top: 0px;
  }
}


@media only screen and (max-width: 768px) and (min-width: 500px){
.card {
    min-height: 560px!important;
   }
}



@media only screen and (max-width: 456px) and (min-width: 374px){
.profile {
    margin: 100px auto 0!important;
}
}

@media only screen and (max-width: 500px) and (min-width: 450px){
.card {
    min-height: 600px!important;
   }
}


@media only screen and (max-width: 450px) and (min-width: 310px){
.card {
    min-height: 634px!important;
 }
}

@media only screen and (min-width: 991.98px) and (max-width: 991.98px) {

    .aboutus-details h2 {
  padding: 0px 0px!important;
  
}

.aboutus-details p {
 
    padding: 0px 0px!important;
}


}


@media only screen and (min-width: 991px) and (max-width: 1700px) {
  
  .deskview{
display:block;
  }


  .tabview{
display:none;
  }



 .service-tb{
    display: block;

  }


  .service-mob{
display:none;
  }


}


@media (min-width: 991px) and (max-width: 1199.98px) {


  .slider {

    top: -172px!important;
    }

	.navbar-collapse{
		margin: -78px 0px 0px 0px!important;
	}

  .navbar {
    padding: 8px 0px 8px!important;
  }

  .navbar-nav .nav-item .nav-link {
    padding: 50px 10px 0px 12px!important;
  }
  .profile {
    margin: 100px auto -1px!important;
  }
	

  .innerbanner {
 
    top: -173px!important;
  }

}

@media (min-width: 768px) and (max-width: 991.98px) { 
    
.quote {
 
    width: 25%;
    padding: 12px 5px;
}
    
 .phone-email {
       display:none;
   }
   
}

@media (min-width:410px) and (max-width: 576px) { 
.about-us {
    margin-top: 30%;
}

}


@media (min-width:310px) and (max-width: 410px) { 
.about-us {
    margin-top: 61%;
}
}

@media (min-width: 576px) and (max-width: 767px) { 
    
.quote {
 
    width: 25%!important;
    padding: 15px 5px;
}

.about-us{
    margin-top: 30%;
 
}
    }

    
@media (max-width: 575px) { 
        
.quote {
 
    width: 58%!important;
    padding: 15px 5px;
    margin-top: 13px;
}



    }
    
 @media (max-width:990px) and (min-width:320px){
   .navbar-nav .nav-item .nav-link {
    
    padding: 14px 10px 14px 56px !important;
    border-bottom: 1px solid #fff;
   }
   
   
}

@media (max-width:991px) and (min-width:320px){
    .soon{  
    text-align:center!important;
    padding: 0px 0px 0px!important;
}
    .soon-r{  
    text-align: center!important;
    padding: 0px 0px 0px!important;
}
.main-border a {
 
    top: auto!important;
  }

.list img{
margin-left: auto;
margin-right: auto;
width: 50%;
display: block;
}

.list h2{
  text-align: center;
  font-weight: 600;
}

.ser-content{
  text-align: justify;
  line-height: 26px;
  color:#868686;
}

.main-border a {
   
    bottom: -20px;
}

.collapse.show { background-color: #ac1d23!important;
}



	.s-img {
	 
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    display: block;

	}
	.right-blue h4 {
	color: #0c0d0d!important;
    font-size: 26px!important;
    text-align: left!important;
    top: 0px!important;
    position: relative!important;
    margin-bottom: 35px;
}
	
	
.form-desk	{
    display:none;
}

.form-mob	{
    display:block;
}


.ser-tabview{
  display:block;  
}

.ser-deskview{
  display:none;  
}

 }
 
 @media (max-width:1700px) and (min-width:991px){
  .form-desk{
    display:block;
  }
  
  .form-mob	{
    display:none;
}

.ser-tabview{
  display:none;  
}

.ser-deskview{
  display:block;  
}

.mb{
display:none;
}

.tb{
  display:block;

}
     
 }
 @media (max-width:767px) and (min-width:320px){
  .navbar-brand {
    padding-top: 44px!important;
  }   
 }
 
@media (max-width:768px) and (min-width:320px){
    
.shrink .logos{
    width:55%!important;
}
    
    
.slider {

    top: -46px!important;
}
  .navbar {
  
    background-color: rgb(13 9 6/100%)!important;

  }



  .navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, 0);
    margin: 34px auto;
}
 .card {
 
    margin-bottom: 25px!important;
}


}


/*@media (max-width: 393px){*/
/*.navbar {*/
/*    padding: 25px 0px 0px!important;*/
/* }*/
 
/*}*/

 @media (max-width:768px) and (min-width:457px){
        .profile {
    margin: 85px auto 0!important;
   }
 }

@media (max-width: 768px){

.phone-email{
   	display: none;
   }

   .pull-right{
       text-align:center!important;
       
   }
   .top-head .facebook {
 
    padding-left: 0px!important;
   }
}



@media (max-width: 991px){
    .ourworks-box {
    width: 100%!important;
    }
    
.centered {
 
    top: 42%!important;
    left: 50%!important;
   
    font-size: 30px!important;
    text-align: center;
} 


.sub {
position: absolute!important;
    top: 61%!important;
    left: 52%!important;
    text-align: center;
}

.mb{
display:block;
}

.tb{
  display:none;

}


.our-missions h2{
  text-align: center;
  border-bottom: 2px solid #000;
}

.center{
  margin-left: auto;
margin-right: auto;
display: block;
width: 50%;
position: relative;

}

.center img{
padding: 30px 0px
}

.bottom-mission ul li{
  list-style-type: none;
  margin-bottom: 40px;
}



    
    
    
.slider-contact-wrapper-tab .contact-all .slide-sbmit-button {
    margin-left: auto!important;
    margin-right: auto!important;
    position: relative;
    display: block;
}

.centered {

    left: 50%;
    font-size: 30px;
}
   
}

@media (max-width: 510px){
    
    
.navbar {


}
    
.sub {
    position: absolute!important;
    top: 69%!important;
    left: 52%!important;
    text-align: center;
   }


.sub {
    width:88%!important;
    top: 62%!important;
  }
}

 @media (min-width: 551px) and (max-width:991px) {
.abtmisn {
    float: none!important;
      width: 12%;
    margin: 0px -6px 10px!important;
  }
}


 @media (min-width: 300px) and (max-width: 550px) {



.abtmisn {
    float: none!important;
    width: 25%!important;
   
    margin-left: auto!important;
    margin-right: auto!important;
    display: block!important;


}

.bottom-mission h4{
text-align: center;
}


.bottom-mission p{
text-align: center;
}


}

@media (max-width: 400px){
    .centered {
        width:100%!important;
     }
     



    }
    
    
  @media (max-width: 450px){
  
     
#exampleSlider .MS-content .item {
    width: 100%!important;
}


  #exampleSlider1 .MS-content .item {
    width: 100%!important;
}

 }
 
 
 @media (min-width: 450px) and (max-width: 767px) {
     
/*     #exampleSlider .MS-content .item {*/
/*    width: 50%;*/
/*    margin: 50px auto;*/
/*}*/
/*     #exampleSlider1 .MS-content .item {*/
/*    width: 50%;*/
/*    margin: 50px auto;*/
/*}*/
 }
 
 
 
  @media (min-width: 300px) and (max-width: 490px) {
   .testimonials h3 {
       width:100%!important;
   }   
      
  }
    @media (min-width: 300px) and (max-width: 400px) {
        
 .testimonials h3 {
     font-size:17px!important;
     padding:10px 0px!important;
 }
    }
    
    
/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
    .navbar-toggler {
  
    right: 26px!important;
    
  }
  
  .navbar-dark .navbar-toggler {
    /* float: right; */
    position: static;
  }
  .mob-ser{
    margin-left: auto;
margin-right: auto;
width: 54%;
position: relative;
display: block;
}
  .mob-ser img{
margin-left: auto;
margin-right: auto;
width: 40%;
display: block;
  }
   .mob-ser p{
text-align:center!important;
   }
     .mob-ser h3{
text-align:center!important;
}


}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width:768.98px) and (max-width: 991px) { 
/* #exampleSlider .MS-content .item {*/
/*    width: 50%!importan;*/
/*}   */
}
    

/* Medium devices (tablets, 768px and up)*/
@media (max-width: 991.98px) { 
.gallery-box img{
width: 100%;
padding: 25px 15px;
}
.navbar-nav {
margin-top: -46px;
}
.abtright-blue {

margin-bottom: 30px;
}


.one h2 {

    font-family: 'Cabin Condensed', sans-serif;
    padding: 35px 0px 0px;
}

    }
    
    
    
@media (max-width: 991px){
    
.navbar-nav {
    margin-top: -6px;
   }

.nav-menu{
    margin-left:0px!important;
    margin-right:0px!important;
  }
  
.navbar-nav .nav-item .nav-link {
    
    /*border-bottom: 1px solid #f9ab2d;*/
  }
  
}
    

/* Large devices (desktops, 992px and up)*/
@media (min-width: 310px) and (max-width: 767px) {
    
    .navbar-brand{
        width: 75%;;
}


}
    
@media (min-width: 310px) and (max-width: 768px) {
    
    
    .top-call-us{
        display:none!important;
    }
    
    .navbar-brand .logos {
    width: 40%!important;
}
 
.about-us p {

    padding: 0px 0px!important;
    
    } 

.blog h3 {  margin: 50px auto 55px!important;  }

.upcoming-fixtures h2 {

    margin: 0px auto 0px!important;
  }

  .cls {
 
    margin: 125px 25px 45px 18px!important;
  }

}
/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {  
  .aboutus-details {
    padding: 143px 0px 0px!important;
    bottom: 0px;
    display: block;  
}
}

/*@media screen and (min-width:394px), screen and (max-width:457px) */
/*{*/
/*  .nav-menu {*/
/*       height: 133px!important;*/
/*}*/

/*.logos{*/
/*    margin-top:23px;*/
    
/*}*/

/*}*/

@media (min-width: 394px) and (max-width: 457px) {
    
    .nav-menu {
       height: 133px!important;
}

.logos{
    margin-top:23px;
    
}  
}

@media (min-width: 457px) and (max-width: 510px) {
     .nav-menu {
       height: 110px!important;
}   
    
}
@media (min-width: 320px) and (max-width:394px) {
  .nav-menu {
       height: 133px!important;
}


.logos{
    margin-top:1px;
    width:50%!important;
    } 
    
}


@media (max-width:397px) {  
    
.navbar-brand .logos {
    margin: 26px 0px!important;
 }
 
}


@media screen and (min-width:320px), screen and (max-width:394px) {
/*  .nav-menu {*/
/*       height: 113px!important;*/
/*}*/

/*.profile {*/
/*    margin: 68px auto 0 !important;*/
/*}*/
/*.logos{*/
/*    margin-top:1px;*/
/*    width:50%!important;*/
/*    }*/
}