@font-face 
  {
    font-family: 'Federo'; 
    src: url("/fonts/yapona_roll_intro.otf");
  }
  @font-face 
  {
    font-family: 'Main'; 
    src: url("/fonts/yapona_roll_main.otf");
  }
  @font-face 
  {
    font-family: 'Light'; 
    src: url("/fonts/yapona_roll_light.otf");
  }
  
  #Header_2
  {
     font-family: 'Federo'; 
     font-weight: 100;
     font-size: 18px;
  }
  
  #Common
  {
     font-family: 'Main'; 
     font-weight: 600;
    
  }
  h2
  {
    color: #2a2927;
  }
  #none-right-margin
  {
    margin-right: 0;
  }
  .activecolor
  {
    color: #6d2640;
  }
   @media screen and (max-width: 5960px) 
  {
    #YARLIK
    {
        position: relative; 
        top: 0px; 
        left: 10px;
    }
    #YARLIK_PC
    {
        position: absolute; 
        top: 10px; 
        left: 20px;
    }
   
    .mainwrapper
    {
      padding-left: 10vw;
      padding-right: 10vw;
    }
    .secondwrapper
    {
      padding: 35px;
    }
    .slider_PC
    {
      display: block;
    }
    .thirdwrapper
    {
      
    }
    #BarItem
    {
      display: inline-block;
    }
    #Application
    {
      display: none;
    }
    #PC
    {
      display: block;
    }
    #MOBILE
    {
      display: none;
    }
	#Header_Phone
  {
     font-family: 'Main'; 
     font-weight: 300;
     font-size: 23px;
  }
  }
  @media screen and (max-width: 2480px) 
  {
    #YARLIK
    {
       position: relative; 
        top: 0px; 
        left: 10px;
    }
    #YARLIK_PC
    {
        position: absolute; 
        top: 10px; 
        left: 20px;
    }
    .mainwrapper
    {
      padding-left: 10vw;
      padding-right: 10vw;
    }
    .secondwrapper
    {
      padding: 35px;
    }
    .slider_PC
    {
      display: block;
    }
    .thirdwrapper
    {
      
    }
    #BarItem
    {
      display: inline-block;
    }
    #Application
    {
      display: none;
    }
    #PC
    {
      display: block;
    }
    #MOBILE
    {
      display: none;
    }
	#Header_Phone
  {
     font-family: 'Main'; 
     font-weight: 300;
     font-size: 23px;
  }
  }
  @media screen and (max-width: 1920px) 
  {
    #YARLIK
    {
        position: relative; 
        top: 0px; 
        left: 10px;
    }
    #YARLIK_PC
    {
        position: absolute; 
        top: 10px; 
        left: 20px;
    }
    .mainwrapper
    {
      padding-left: 10vw;
      padding-right: 10vw;
    }
    .secondwrapper
    {
      padding: 35px;
    }
    .slider_PC
    {
      display: block;
    }
    .thirdwrapper
    {
      
    }
    #BarItem
    {
      display: inline-block;
    }
    #Application
    {
      display: none;
    }
    #PC
    {
      display: block;
    }
    #MOBILE
    {
      display: none;
    }
	#Header_Phone
	  {
		 font-family: 'Main'; 
		 font-weight: 300;
		 font-size: 23px;
	  }
  }
  @media screen and (max-width: 1560px) 
  {
    #YARLIK
    {
        position: relative; 
        top: 0px; 
        left: 10px;
    }
    #YARLIK_PC
    {
        position: absolute; 
        top: 10px; 
        left: 20px;
    }
    .mainwrapper
    {
      padding-left: 2vw;
      padding-right: 2vw;
    }
    .secondwrapper
    {
      padding: 35px;
    }
    .slider_PC
    {
      display: block;
    }
    .thirdwrapper
    {
      
    }
    #BarItem
    {
      display: inline-block;
    }
    #Application
    {
      display: none;
    }
    #PC
    {
      display: block;
    }
    #MOBILE
    {
      display: none;
    }
	#Header_Phone
	  {
		 font-family: 'Main'; 
		 font-weight: 300;
		 font-size: 22px;
	  }
  }
  @media screen and (max-width: 1470px) 
  {
      #YARLIK
    {
       position: relative; 
        top: 0px; 
        left: 10px;
    }
    #YARLIK_PC
    {
        position: absolute; 
        top: 10px; 
        left: 20px;
    }
    .mainwrapper
    {
      padding-left: 2vw;
      padding-right: 2vw;
    }
    .secondwrapper
    {
      padding: 35px;
    }
    .slider_PC
    {
      display: block;
    }
    .thirdwrapper
    {
      
    }
    #BarItem
    {
      display: none;
    }
    #Application
    {
      display: none;
    }
    #PC
    {
      display: block;
    }
    #MOBILE
    {
      display: none;
    }
	#Header_Phone
	  {
		 font-family: 'Main'; 
		 font-weight: 300;
		 font-size: 20px;
	  }
  }
  @media screen and (max-width: 1280px) 
  {
    
    #YARLIK
    {
       position: relative; 
        top: 0px;
        left: 0px;
        
    }
    #YARLIK_PC
    {
       position: relative; 
        top: 0px;
        left: 0px;
        
    }
    .mainwrapper
    {
      padding-left: 1vw;
      padding-right: 1vw;
    }
    .secondwrapper
    {
      padding: 15px;
    }
    .slider_PC
    {
      display: block;
    }
    .thirdwrapper
    {
      
    }
    #BarItem
    {
      display: none;
    }
    #BarItem1280
    {
      display: none;
    }
    #Application
    {
      display: none;
    }
    #PC
    {
      display: block;
    }
    #MOBILE
    {
      display: none;
    }
	#Header_Phone
	  {
		 font-family: 'Main'; 
		 font-weight: 300;
		 font-size: 18px;
	  }
  }
  @media screen and (max-width: 1024px) 
  {
    #YARLIK
    {
        position: relative; 
        top: 0px;
        left: 0px;
    }
    #YARLIK_PC
    {
       position: relative; 
        top: 0px;
        left: 0px;
        
    }
    .mainwrapper
    {
      padding-left: 0vw;
      padding-right: 0vw;
    }
    .secondwrapper
    {
      padding: 15px;
    }
    .slider_PC
    {
      display: none !important;
    }
    .thirdwrapper
    {
      padding-top: 60px;
    }
    #Application
    {
      display: inline-block;
    }
    #PC
    {
      display: none;
    }
    #MOBILE
    {
      display: block;
    }
	#Header_Phone
	  {
		 font-family: 'Main'; 
		 font-weight: 300;
		 font-size: 16px;
	  }
  }