@media (min-width: 320px) and (max-width: 575px){
   


.navbar-toggler{
    background: #ffff;
}

.navbar-collapse{
    background: teal;
    z-index: 999;
}

header nav .navbar-nav {
    gap: 4px;
}

.navbar-nav {
  
    padding-left: 14px;
    
}
.text_area{
    margin-top: -193px;
}

#banner .text_area .icons {
    margin-top: 45px;
    
  
}
#banner .text_area h1 {
    
    font-size: 32px;
    
}

#banner .text_area h1::after {
   
    width: 26px;
    
}

#banner .text_area p {
    
    width: auto;
    
}

#banner {
    padding-bottom: 58px;
}

.title::after {
    
    display: none;
}

h2{
    font-size: 19px;
}

#about .about_wrapper{
    display: block;
}
#about .about_wrapper .text_area{
    margin-top: 50px;
}

#about .about_wrapper .image_area img{
    max-width: 100%;
}

#about .about_wrapper .text_area h3 {
    
    font-size: 19px;
   
}

#about .about_wrapper .text_area h5 {
    font-size: 12px;

}

#about .about_item_box .row{
    gap: 10px;
}
#popular .polpular_title {
    
    justify-content: start;
}
#popular .title {

    justify-content: start;
    margin-top: -92px;
}

#popular .gamming_item img{
    margin-top: 20px;
    max-width: 100%;
}
#popular .gamming_item2 img{
    max-width: 100%;
}

#video .row{
    gap: 20px;
}
#video .video_item {
  
    min-height: 275px;
}

#video .matches_items {
    
    flex-direction: column;
    
    justify-content: start;
    align-items: start;
    width: auto;
    
}
#video .matches_items .left {
    
    gap: 75px;
    width: auto;
}

#video .matches_items .right {
    gap: 72px;
    width: auto;
}

#video .matches_items .left {
    clip-path: unset;
}

#video .matches_items .right {
    clip-path: unset;
}

.matches .matches_items .mid{
    width: 100%;
    text-align: center;
}

#video .matches_items {
    
    gap: 23px;
    
}
#game .game_wrapper {
   padding: unset;
   display: block;
   
}

#game .game_wrapper .img_part img{
    width: 100%;
    margin-top: 20px;
}

#accesories {
   padding: 0px 0;
}

#accesories .title {
    margin-bottom: 16px;
}

#team {
    padding: 1px 0;
}
#team .title {
   
    margin-bottom: -16px;
}

#video .row{

}

#team .team_card .overlay p {
    font-size: 13px;
    
}

#team .team_card .overlay {
   
    bottom: -108px;
    


}
#team .team_card .overlay h3 {
    font-size: 20px;

}

#accesories{
    display: none;
}



#video .video_item {
    
  margin: 16px auto;
  
}

#video .matches_items {
   
    align-items: center;
  
}

#slider .carousel-inner {
  
    width: 295px;
  
    margin: 0 auto;
}

}

@media (min-width: 576px) and (max-width: 767px){

#about .about_wrapper {

    display: block;
        
}

#video .matches_items h2 {
    font-size: 13px;
    
}
#video .matches_items .item {
    width: 230px;
    height: 100px;

}
#video .matches_items .left {
    
    gap: unset;
}
#video .matches_items .right {
  
    gap: unset;
}

header nav .navbar-nav {
    gap: 5px;
}

header nav .nav-link {
   
    font-size: 13px;
   
}

.navbar-expand-sm .navbar-collapse {
    display: block !important;
}

#banner .text_area h1 {
   
    display: none;
}
.title::after {
    display: none;

} 

#about .about_wrapper .image_area img {
    max-width: 100%;
    margin-bottom: 20px;
}
#game .game_wrapper {
    
    display: block;
}
#game .game_wrapper .img_part img{

    width: 100%;
}
    


#banner {
    
    padding-bottom: 0;
}

#banner .text_area .icons {
    margin-top: 46px;
    
}
.col-sm-6 {
    
    margin-bottom: 20px;
}

#video .video_item {
   
    min-height: unset;
    

}
#slider .carousel-inner {
    width: 295px;
    margin: 0 auto;
    
}
#accesories .carousel-inner {

    
    width: 487px;

}
#accesories .carousel-control-next {
    margin-right: 28px;
}

#team .team_card .overlay {

    bottom: -190px;
    
}
#team .team_card .overlay h3 {
    font-size: 24px;
    
}
#team .team_card .overlay p {
    font-size: 9px;
    
}
#team .team_card .overlay button {
    
    font-size: 10px;
    
}
#team {
    padding: 7px 0;
}
#popular {
  
    padding-top: 7px;
    padding-bottom: 49px;
    
}


}