@media  (min-width: 601px  ) and (max-width: 768px  )
{
	.main-body
	{
	
	}

	.header 
	{
	    width: 100%;	    
	}

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

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

	.backgroud-color-header-area img
	{
		margin-left: 55px;
	}

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

	.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; }	

	.model-head-block img
	{
		height: 100%;
	}
	
	.drop-menu-icon
	{
		display : block;
	}

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

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

	ul.menu  
	{
	   
    	width: calc( 100% - 4px);
    	position: absolute;
		display : block;
    	padding-top: 0px;	
    }

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

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

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

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

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

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

	.menu-user 
	{
		display:block;
	}
	
	.menu-user .menu-item--expanded 
	{		
    	list-style: none;
	}	

	header{ margin-bottom: 1px;}
   
	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-item--expanded 
	{
		width: 100%;
		border-left: none;
	    border-bottom: 1px solid white;	
	    text-align : left;
	}

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

	.main::before { content :none; }

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

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

	
	.news .content
	{
		left: 0px;
    	top: 40px;
   		width: calc( 100% - 310px);
    	padding: 15px;
	}

   	.container > .news > .panel
	{			
		width : 100%;
	    height: 160px;
	    border: 1px solid #eee;
	    border-radius: 4px;
	    box-shadow:  0 2px 4px rgba(0,0,0,0.2);
	    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	    margin-bottom: 10px;
    }

	.news .content .title
	{	 
		font-size : 20px;
		margin-top: -4px;
    	margin-bottom: 8px;
	}

	.news .content .sub
	{
 		font-size: 16px;
		display : block;
	}

	

	.news .panel-title 
	{
	    position: static;
	    height: 100%;
	}

	.news > .panel 
	{
	    width: 33.33%;
	    display: inline-block;
	    float: left;
	    position: relative;
    }

	.news .panel-body 
	{
	  	display: none;
	}

	.div-smail-show
	{
	    display: block;
	    /*height : 0px !important;*/
	}

	.div-smail-hide
	{
	    display: none;
	}	

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


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

	}

	.nav-content .bottom-line p
	{	
 		position: inherit;
	}


	footer .footer-menu
	{
    	display: -webkit-inline-box;
    	display: -ms-inline-flexbox;
    	display: inline-flex;
	}

	footer .footer-link-area .link 
	{
		line-height: 40px;		
		padding-right : 0px;
		margin-right: 0px	;
		width: 50%;
	    border: 0px;
	    text-align: center;
    	border-bottom: 1px solid white;
	}	

	footer .footer-link-area .link:nth-child(even) 
	{
		border-left : 1px solid white;
	}	

	.menu 
	{

    	position: absolute;
    	/*z-index: 50;    	*/
    	padding-right: 20px;
	}

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

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

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

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

	.contact .address{ width : 100%; }

	.contact .phone-1{ width : 30vw; }

	.contact .phone-2{ width : 30vw;  }

	.contact .icon{ width : 100vw;  }

	.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;}

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

	.bottom-line .linght-line2
	{
  		  line-height: 20px;
	}	

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

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

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

	.container .link .panel-2 img
	{
		height: auto;
	    width: 300px;
	    position: absolute;
	    right: 10px;
	    top: 40px;
	    bottom: 0px;
	}

	.panel-2 .content
	{
		display : none;
	}

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

	    height: 100%; 
	    left: 0px;
	    top: 40px;
    	width: calc( 100%);
	    padding: 15px;
	}	

	.panel-2
	{
		border: 1px solid #eee;
    	border-radius: 4px;
    	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    	margin-bottom: 10px;
	}

	.panel-2 > .panel-body div:nth-child(1)
	{
   		display: block !important;
    	font-size: 20px;
    	margin-top: -4px;
    	margin-bottom: 8px;
	}	

	.panel-2 > .panel-body div:nth-child(2)
	{
  		font-size: 16px;
   		display: block;
	}	

	.panel-2 > .panel-title { width : 100%; text-align: center; }

	.panel-2 > .panel-title > span > span:nth-child(1){ display : none; }

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

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

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

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

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

	.dyu-768-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-768-1,
	.col-768-2,
	.col-768-3,
	.col-768-4,
	.col-768-5,
	.col-768-6,
	.col-768-7,
	.col-768-8,
	.col-768-9,
	.col-768-10,
	.col-768 {
	    /* display: inline-block; */
	    float: left;
	}

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

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

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

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

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

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

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

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

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

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

	.container > .news .content, .panel-2 > .panel-body 
	{
	    position: static;
	    height: 100%;
	    width: 100%;
	    display: inline-block;
	    line-height: 1.42857143;
	    word-break: break-all;
	    word-wrap: break-word;

	    border-radius: 0px 0px 4px 4px;
	    overflow: auto;
	    top: auto;
	    font-size: 16px;
	}

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

	.container > .news .content .title 
	{
	    font-size: 24px;
	    margin-top: 4px;
	    margin-bottom: 5px;
	}	

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

	.news > .panel > .panel-heading
	{
	    padding: 0px;
	}

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

	.class-img
	{
		width: auto;
    	margin: auto;
	}

	.news > .panel > .panel-heading > span, .panel-2 > .panel-title
	{
		line-height : 40px;
	}

    .news img
    {
   		width: 100% !important;      		
   		height: auto;		
	}	

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

	.panel-2 > .panel-body a, .mulit-text{ height : auto; min-height: auto;  max-height:auto; font-weight: 600;   padding-left: 20px; padding-right: 20px;  font-size: 16px;}

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

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

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

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

}