﻿/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
  
  #headlogo {
	  margin-top:20px;
	  margin-left:auto;
	margin-bottom:30px;
	}

#langlist {
	top:35px;
	}
	
.navbar-nav li {
	margin-bottom:18px;
	}
	
.navbar.navbar-default .navbar-nav > li > a, .navbar.navbar-inverse .navbar-nav > li > a {
padding-top: 6px;
padding-bottom: 8px;
line-height:100%;
}


}


@media (min-width: 992px) {
  
  .isanrt{
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
	}

}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 1280px) {	

	#headlogo {
/*	margin-left:15px;*/
        margin:10px 0 15px 15px;
    }
	
    #langlist {
        position: absolute;
        right: 0;
        top: 15px;
    }

}





@media only screen and (max-width: 1085px) {

#headlogo {
/*	margin:0 0 0 15px;*/
    margin:15px;
    }
	
	
#isan h3 {
font-size: 280%;
}	

.btn_moredetail a {
	font-size:120%;
	padding:13px 40px;
	}

.bgc {
	padding-top: 140px;
	}	
	

.tn{
	border-right:none;
	}
	
.topisantxt {
	width:70%;
	margin:0 auto;
	}


.packbox  {
	border-left:none;
	}
.packbox.second  {
	padding-left:0px;
	}
.moushikomibox  {
	border-top:none;
	padding:0px 0px 15px 0px;
	}	



.dayright1st {margin-top:0;}


.dayright {margin-top:0;}


.dayleft {margin-top:0;}





.vegas-slider {
    display: block !important;
  }
 
#topvideo {
	display: none;
	 }
	 
	 
#isan {
	display:block;
	}

#wrap {
	display:none;
	}


	
}

@media only screen and (max-width: 992px) {
	
.spreservehead {
margin-top: 0;
}

.spreservehead li {

margin-bottom:12px;
}

	

#langlist {
	display:none;
	}
	
#langbtn {
	display:block;
	
	}

	
.isansj{
	border-left:none;
	padding-left:15px;
	}

td.unescotable{
	width:20%;
	}

.reservehead {
	width: 100%;
	}



}



@media only screen and (min-width: 768px) {

    
    .nav li:nth-of-type(5n) .dropdown-menu{
        left: auto;
        right: 0;
        
    }

    
    

}


	

@media only screen and (max-width: 767px) {
	
	#gnav {
	padding:10px 15px 5px 15px;
	
	}
	
	#gnav.gnavspreserve {
	padding-top:4px;
	
	}

#headlogo {
	margin:5px 0 15px;
	}
	
.headerlogo {
	width:90%;
	
	}

.navbar-brand-center {
    margin: 10px 0 auto 0;
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    
  }


.navbar.navbar-default .navbar-nav > li.open > a, .navbar.navbar-default .navbar-nav > li.active > a, .navbar.navbar-inverse .navbar-nav > li.open > a, .navbar.navbar-inverse .navbar-nav > li.active > a {
    color: #85cafc;
  }
  


#ukaitv {
	padding-top:5px;
	}


	
.btn_tvlink {
	margin:40px 0 40px 0;
	}
	
		
  
.topcontacttitle {
	width:300px;
	}
		 
  #isan h3 {
font-size: 210%;
}

.btn_moredetail a {
	font-size:110%;
	padding:13px 40px;
	}

 .bgc {
	padding-top: 100px;
	}










.guide dt{
	width:100%;
	margin:0 0 0px 0;
}

.guide dd {
	padding-left:0;
}


td.unescotable{
	width:30%;
	}

.nav li {
	font-size:80%;
	line-height:100%;
	}

.nav li a{
	line-height:100%;
	padding-left: 5px;
	padding-right: 0px;
	}

#langbtn li {
	font-size:80%;
	line-height:120%;
	}

#langbtn li a{
	
	}


.topfeaturetitle span{
	padding:5px 10px;
	font-size:160%;
	line-height:120%;
	}
	

    .navbar-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        table-layout: fixed;
        float: none;
    }
    
    .nav li:nth-of-type(3n) .dropdown-menu{
        left: auto;
        right: 0;

    }

    .nav li.col-xs-4.col-sm-1-5.col-md-1-5{
        float: none;
        padding-right: 0;
    }
    
    
    

    
    
/*	
.menuright {
	margin-left: -120px !important;
	}
*/	
.menulang {
	margin-top:10px !important;
	margin-left: -50px !important;
	}	
	



		
}

@media screen and (min-width: 491px) {
    .navbar-nav li.laws{
        display: none;
    }
    
}
@media only screen and (max-width: 490px) {

    #langbtn li.laws{
        display: none;
    }
    .navbar-nav li.laws{
        margin-left: auto;
    }
    .navbar-nav li.laws a {
        border-left: none;
        padding-left: 0;
    }
    
    
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
