@media  ( max-width: 480px ) 
{
	.main-body
	{
	  
	}


	.header 
	{
	    width: 100%;	    
	}
	.backgroud-color-header-area
	{
	    height: 115px;
	}

	.backgroud-color-header-area img.img-big
	{
	    height : 100%;
	    display: none;
	}

	.backgroud-color-header-area img.img-small
	{
	    height : 100%;	    
	    display: block;
  		margin: 0 auto;
	}
	
	.model-head-block img
	{
		height: 100%;
	}
	

	header{    margin-bottom: 1px;}

	.backgroud-color-header-area .header-sitemap{	display : none;}

	.dropmenu-f 
	{
   		display: inline-block !important;
	}

	.dropmenu {	width : 100%; display: block;}

	.dropmenu-f > li::before  {content:none;}

	ul.menu ul.menu, ul.menu-user ul.menu {	display : block;}	
	
	.menu-bar {	display: block;	z-index: 999;}

	.region-main-menu{ display :none; }	

	.menu-item-ul 
	{
	    position: relative;
	    left: 0px;
	    margin: 0;
	}

	.fa-train:before,
	.fa-subway:before {
	    right: -10px;
	}

	.fa-car:before {
	    right: 0px;
	}


	.showOther > a
	{
		display: none !important;
	}

	.showOther .menu-item-ul
	{		
		display: block !important;
	}

	.nav-content .bottom-line > div
	{
		padding-top: 0px;
	}

	footer .footer-link-area .link 
	{
		line-height: 40px;		
		padding-right : 0px;
		margin-right: 0px	;
	}	

	footer .footer-link-area .link:nth-child(even) 
	{
		border-left : 3px solid white;
	}	
	.nav-content .bottom-line > div > .Phone, .nav-content .bottom-line > div > .Mail
	{
		display :none;
	}

	.nav-content .bottom-line > div > .Phone-icon, .nav-content .bottom-line > div > .Mail-icon
	{
		display :block;
	}
	.drop-menu-icon
	{
		display : block;
	}
	
	ul.menu  
	{
	    width: calc( 100% - 4px);
    	position: absolute;
		/*z-index: 50;    	    	*/
		display : block;
    	padding-top: 0px;
    }

    .box-option
    {
    	top : 115px;
    }
	
    .link-box-option
    {
    	top : 225px;
    }


	ul.menu ul.menu 
	{   
		position: static;
	   	width: calc( 100%) !important;	   	
		visibility: hidden;

    	display: none !important;	  
	  	transition: visibility 0s, opacity 0.5s linear;
	}

	ul.menu ul.menu-show 
	{  
		display: block !important;	  	  
		visibility: visible ;	
    }

	ul.menu li 
	{
    	width: 100%;        	    
  		cursor: pointer;
	}
	
	ul.menu li > a
	{
		text-align : left;
	}

	.menu-user 
	{
		width : calc( 100% / 4);
    	margin-bottom: 5px;
	}	

	.menu-user 
	{
		display:block;
	}
	
	.menu-user .menu-item--expanded 
	{		
    	list-style: none;
	}	
	.menu-item--expanded 
	{
		width: 100%;
		border-left: none;
	    border-bottom: 1px solid white;	
	    text-align : left;
	}

	.menu-item--expanded .menu-item a 
	{
	    padding-left: 25px;
	}

	.menu-item--expanded::before,.menu-user .menu-item--expanded::before  {content:none;}

	.main::before { content :none; }

	.container > .main,	.container > .news
	{
		border-bottom : 0px;
	}

	.container
	{
		margin-top : 0px;
	}

	.slick-container.slick-slider
	{  		
	    margin-bottom : 8px;
  	}

	.container > .news > .panel
	{  		
	    margin-bottom : 2px;
  	}

	.container > .news > .panel
	{
	    width: 100%;
	    height: auto;
	    display: block;
	}

	.container > .news .content, .panel-2 > .panel-body
	{
	    position: static;
	    height: 100%;
	    width: 100%;
	    display: inline-block;
	    padding: 0px 18px 0px 18px;
	    font-size: 13px;
	    line-height: 1.42857143;
	    word-break: break-all;
	    word-wrap: break-word;
	    border: 1px solid #ccc;	    
    	border-top: 0px;
	    border-radius: 0px 0px 4px 4px;
	    overflow: auto;
	    top: auto;	    
   		margin-top: -8px;
	    font-size: 16px;
		box-shadow: 0 2px 6px rgba(0,0,0,.25);
	}

	.news img,	.container .link  img 
	{
	    width: 100%;
	    height: auto;

   		 display: block;
	}

 	.news .panel
 	{
   		margin-bottom: -5px;
 	}	

	.container > .news .content .title
	{	    	
	    font-size: 24px;	    
	    margin-top: 8px;
	    margin-bottom: 10px;

	}

	.container > .news .content .sub
	{	
	   	display: block;
    	margin-bottom: 12px;

	}

	.news > .panel >.panel-body
	{
		display : none;
	}
	
	.news > .panel .panel-heading::before
	{
	    content: none;
	}	

	.panel-body .list ul
	{
		display:none;
	}		

	.div-smail-show
	{
	    display: block;
	}

	.div-smail-hide
	{
	    display: none;
	}	
	
	.main .content, .nav-content .content
	{
	    position: static;
	    color: #098C6E;
	    width: 100%;
	    display: inline-block;
	    padding: 17.5px;
	    font-size: 13px;
	    line-height: 1.42857143;
	    word-break: break-all;
	    word-wrap: break-word;
	    background-color: #f5f5f5;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    overflow: auto;
  		box-shadow: 0 2px 6px rgba(0,0,0,.25);
  		height: auto;
	} 

	.tran-panel-body
	{
		padding : 0px;
	}

	.tran-panel-head::before, .tran-panel-head::after	
	{
		display :none;
	}

  	.tran-panel-body > .icon
  	{
	    width: 100px;
    	float: right;
    	position: absolute;
    	right: 0;
	}

	.tran-panel-body > .title, .tran-panel-body > .content
	{

    	text-align: center;
    	width: calc( 100% - 100px) ;
	}

	footer .footer-link-area .link
	{
	    width: 50%;
	    border: 0px;
	    text-align: center;
  		border-bottom: 1px solid white;
	}

	footer .footer-menu
	{
    	display: inline-flex;
	}	

	.nav-content .bottom-line
	{	
 		position: inherit;
 		margin-top: -15px;
 		margin-bottom: 2px;  
	}

	.nav-content .bottom-line p
	{	
    	line-height: 40px;
	}

	.container > .link.link-footer
	{		
    	flex-direction: column;
	}

	.link .panel-1, .link .panel-2,	.panel-1, .panel-2 { width : 100%; margin-left: 0px; margin-bottom: 0px; }

	.link-footer-order { order : 2;}

	.contact .address{ width : 100%;  }

	.contact .phone-1{ width : 100%; }

	.contact .phone-2{ width : 100%;  }

	.contact .icon{ width : 100%;  }

	.contact .updater{ width : 100%;  }	

	.container-type1 { width: calc( 100% - 4px);  margin-left: 2px; margin-top: 2px; }
	
	.container-type2 { width: calc( 100% - 4px);  margin-left: 2px; padding-left: 0px;}

	.menu-user:hover .menu, .menu-user .menu:hover {   display: none;}


	.bottom-line .icon, .bottom-line span
	{

	}
	.bottom-line .phone span
	{
  		font-size : 14px;
	}	

	.linght-line2.mail
	{
		display:none;
	}

	::-webkit-scrollbar 
	{
    	width: 0px;
	}


	.container .main .content .title { font-size : 24px;}

	.container .main .content .sub { font-size : 16px;}	

	footer .footer-link-area
	{			
	    margin-top: 15px;
	}

	.container > .news .content .sub
	{	
    	display: block;
    	margin-bottom: 12px;
	}

	.panel-2 > .panel-title::before
	{
		display :none;
	}

	.panel-2 > .sec-headering .content
	{
		display : none;
	}

	.panel-2 > .panel-body div:nth-child(1)
	{
	 	display : block;
	 	font-size: 24px;
    	padding-top: 15px;
	}

	.panel-2 .head{	display : block; font-size: 24px;}	

	.link .panel-2
	{
		padding-left: 0px;
  	  	padding-right: 0px;
	}

	.mulit-text 
	{
		padding-left: 0px; 
	    padding-right: 0px; 
	    text-align: justify;	    
	    max-height: 100%;
	    overflow: auto;
	    position: static;
	    font-size: 16px;
	}

	.panel-2 .content 
	{
	    top: inherit;
	    bottom: 0px;
	    display: none;
	}

	.panel-2 .panel-body
	{
	    position: static;
	    height: 100%;
	    width: 100%;
	    display: inline-block;
	    padding: 8px 18px 0px 18px;
	    font-size: 16px;
	    line-height: 1.42857143;
	    word-break: break-all;
	    word-wrap: break-word;
	    border: 1px solid #ccc;
	    border-top: 0px;
	    border-radius: 0px 0px 4px 4px;
	    overflow: auto;
	    top: auto;
	    /* margin-top: -8px; */
	    font-size: 16px;
	    box-shadow: 0 2px 6px rgba(0,0,0,.25);

	}

	.mulit-text:after{ display :none;}

	.banner-title
	{
		top : 0px;
		font-size : 26px;
		min-height: auto;
		max-height: auto; 
	}    

	.banner-title .title {
	    position: relative;
	}


	.banner-content
	{
		height : auto;	
	    font-size: 18px;
   		padding-bottom: 12px;
	}

	.panel-2 > .panel-body
	{
		min-height : 100%;
    	max-height : 100%;
	}

	.banner-background-image
	{
    	background-position: 33% 0%;
    }

    .container-type1 .panel-con .panel-child
	{
		width : 100%;
	}    

	.dyu-480-show 
	{
		display :block !important;
		z-index: 999;
	}

	.dyu-480-hide 
	{
		display :none !important;
	}

	.right-menu-left 
	{
	    border-left: 0px;
	}

	.container-type1 .content > p 
	{
	    font-size: 18px;
	    margin-bottom: 40px;
	}

	.container-type1 .img-class 
	{
	    display : block;
	}	

	.col-480-1,
	.col-480-2,
	.col-480-3,
	.col-480-4,
	.col-480-5,
	.col-480-6,
	.col-480-7,
	.col-480-8,
	.col-480-9,
	.col-480-10,
	.col-480 {
	    /* display: inline-block; */
	    float: left;
	}

	.col-480-1 {
	    width: 10%;
	}

	.col-480-2 {
	    width: 20%;
	}

	.col-480-3 {
	    width: 30%;
	}

	.col-480-4 {
	    width: 40%;
	}

	.col-480-5 {
	    width: 50%;
	}

	.col-480-6 {
	    width: 60%;
	}

	.col-480-7 {
	    width: 70%;
	}

	.col-480-8 {
	    width: 80%;
	}

	.col-480-9 {
	    width: 90%;
	}

	.col-480-10,
	.col-480 {
	    width: 100%;
	}

	.link .panel-2 {    margin-bottom: 4px;}
	.panel-2 > .panel-body a, .mulit-text{ height : auto; min-height: auto;  max-height:auto;}
}