.navbar-container {
  display:none;
position: fixed;
top: 0;
}
.navbar-black {
position: fixed;
left: 0;
background-color: #000000;
color: #ffffff;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 90%;
height: 60px;

}

.navbar-black ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}

.navbar-black ul li {
margin: 0 10px;
}

.navbar-black ul li a {
color: #ffffff;
text-decoration: none;
}

.navbar-pink {
position: fixed;
right: 0;
background-color: #d42cfb;
color: #ffffff;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 10%;
height:60px;

}

.navbar-pink ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}

.navbar-pink ul li {
margin: 0 10px;
}

.navbar-pink ul li a {
color: #ffffff;
text-decoration: none;
}


.hamburgerm {
display: inline-block;
cursor: pointer;
}

.linem {
width: 25px;
height: 3px;
background-color: white;
margin: 5px 0;
}

* {
margin: 0;
padding: 0;
}

.navbar-pink2 {

position: fixed;
left: 0;
background-color: #d42cfb;

color: white !important;
padding: 0px;

display: none;
justify-content: center;
align-items: center;
width: 100%;
height:125px;
margin-top: 60px;
}

.open{

display: flex;

}

ul {
list-style: none;
}


.navbar-pink2 ul li a {
  color: #ffffff;
  text-decoration: none;
  }

@media (max-width: 944px){
/*@media (max-width: 985px) and (min-height: 1740px) {*/


.navbar-container {
  display: block;
  position: fixed;
  z-index: 9999;
  top: 0;
}


/**/

.logo_tt_sp, .logo_in_sp, .logo_wtp_sp, .logo_fa_sp {
 
  
  /*width:4% !important;*/ 
  /*height:2.4% !important;*/
  
  width:100% !important;
  height:100% !important;
  padding-top: 0px;
  margin-top: 0px;


}

.the-slide1{
 
  content: url('images/banner_1m.jpg');
 
}
 
.the-slide2{
 
  content: url('images/banner_2m.jpg');
 
}
 
.the-slide3{
 
  content: url('images/banner_3m.jpg');
 
}
 
.the-slide4{
 
  content: url('images/banner_4m.jpg');
 
}
 
.the-slide5{
 
  content: url('images/banner_5m.jpg');
 
}


.logo_yt_sp {
 

  
  width:100% !important;
  height:80% !important;
  padding-top: 0px;
  margin-top: 0px;


}

.logo_ttr_sp {
 
  
  /*width:4% !important;*/ 
  /*height:2.4% !important;*/
  
  width:100% !important;
  height:80% !important;
  padding-top: 0px;
  margin-top: 0px;


}

.logo_discom {
 
  
  /*width:4% !important;*/ 
  /*height:2.4% !important;*/
  
  width:195% !important;
  height:195% !important;
  padding-top: 0px;
  margin-top: 0px;


}

}


@media (min-width: 647px) and (max-width: 944px){

  .logo_tt_sp, .logo_in_sp, .logo_wtp_sp, .logo_fa_sp {
 
  
    /*width:4% !important;*/ 
    /*height:2.4% !important;*/
    
    width:70% !important;
    height:70% !important;
    padding-top: 0px;
    margin-top: 15px;
  
  
  }
  
  .the-slide1{
 
    content: url('images/banner_1m.jpg');
   
  }
   
  .the-slide2{
   
    content: url('images/banner_2m.jpg');
   
  }
   
  .the-slide3{
   
    content: url('images/banner_3m.jpg');
   
  }
   
  .the-slide4{
   
    content: url('images/banner_4m.jpg');
   
  }
   
  .the-slide5{
   
    content: url('images/banner_5m.jpg');
   
  }
  
    
    

  
  
  
  
  .logo_yt_sp {
   
  
    
    width:70% !important;
    height:42% !important;
    padding-top: 0px;
    margin-top: 24px;
  
  
  }
  
  .logo_ttr_sp {
   
    
    /*width:4% !important;*/ 
    /*height:2.4% !important;*/
    
    width:70% !important;
    height:56% !important;
    padding-top: 0px;
    margin-top: 18px;
  
  
  }
  
  .logo_discom {
   
    
    /*width:4% !important;*/ 
    /*height:2.4% !important;*/
    
    width:170% !important;
    height:170% !important;
    padding-top: 0px;
    margin-top: 0px;
  
  
  }
  

  .navbar-pink{


    height:105px;

    }
  
    .navbar-black {

      height: 105px;
      
      }

      .navbar-pink2 {


        margin-top: 105px;
        }

}


@media (min-width: 500px) and (max-width: 647px){

  .logo_tt_sp, .logo_in_sp, .logo_wtp_sp, .logo_fa_sp {
 
  
    /*width:4% !important;*/ 
    /*height:2.4% !important;*/
    
    width:100% !important;
    height:100% !important;
    padding-top: 0px;
    margin-top: 0px;
  
  
  }
  
  .the-slide1{
 
    content: url('images/banner_1m.jpg');
   
  }
   
  .the-slide2{
   
    content: url('images/banner_2m.jpg');
   
  }
   
  .the-slide3{
   
    content: url('images/banner_3m.jpg');
   
  }
   
  .the-slide4{
   
    content: url('images/banner_4m.jpg');
   
  }
   
  .the-slide5{
   
    content: url('images/banner_5m.jpg');
   
  }
  
  
  .logo_yt_sp {
   
  
    
    width:110% !important;
    height:66% !important;
    padding-top: 0px;
    margin-top: 5px;
  
  
  }
  
  .logo_ttr_sp {
   
    
    /*width:4% !important;*/ 
    /*height:2.4% !important;*/
    
    width:100% !important;
    height:80% !important;
    padding-top: 0px;
    margin-top: 5px;
  
  
  }
  
  .logo_discom {
   
    
    /*width:4% !important;*/ 
    /*height:2.4% !important;*/
    
    width:240% !important;
    height:240% !important;
    padding-top: 0px;
    margin-top: 0px;
  
  
  }
  

  .navbar-pink{


    height:60px;

    }
  
    .navbar-black {

      height: 60px;
      
      }

      .navbar-pink2 {


        margin-top: 60px;
        }

}

@media (min-width: 1px) and (max-width: 500px){

  .logo_tt_sp, .logo_in_sp, .logo_wtp_sp, .logo_fa_sp {
 
  
    /*width:4% !important;*/ 
    /*height:2.4% !important;*/
    
    width:100% !important;
    height:100% !important;
    padding-top: 0px;
    margin-top: 0px;
  
  
  }
  
  .the-slide1{
 
    content: url('images/banner_1m.jpg');
   
  }
   
  .the-slide2{
   
    content: url('images/banner_2m.jpg');
   
  }
   
  .the-slide3{
   
    content: url('images/banner_3m.jpg');
   
  }
   
  .the-slide4{
   
    content: url('images/banner_4m.jpg');
   
  }
   
  .the-slide5{
   
    content: url('images/banner_5m.jpg');
   
  }
    
  
  
  
  
  .logo_yt_sp {
   
  
    
    width:110% !important;
    height:66% !important;
    padding-top: 0px;
    margin-top: 5px;
  
  
  }
  
  .logo_ttr_sp {
   
    
    /*width:4% !important;*/ 
    /*height:2.4% !important;*/
    
    width:110% !important;
    height:66% !important;
    padding-top: 0px;
    margin-top: 5px;
  
  
  }
  
  .logo_discom {
   
    
    /*width:4% !important;*/ 
    /*height:2.4% !important;*/
    
    width:195% !important;
    height:195% !important;
    padding-top: 0px;
    margin-top: 0px;
  
  
  }
  

  .navbar-pink{


    height:60px;

    }
  
    .navbar-black {

      height: 60px;
      
      }

      .navbar-pink2 {


        margin-top: 60px;
        }

}