/* =============================================
----------------- Responsive  ------------------
==============================================*/

@media (min-width:1600px) and (max-width:2560px) {

	.menu-fixed {
		padding: 20px 260px 18px 95px!important;
	}

}

@media (min-width:1281px) and (max-width:1599px) {

	.menu-fixed {
		padding: 20px 160px 18px 95px!important;
	}

}

/* Large desktop */
@media (max-width: 1280px) {

	.menu-fixed {
		padding: 20px 100px 18px 95px!important;
	}

}

/* fix for arrows position*/
@media (min-width:980px) and (max-width:1199px) {

	#main-nav-container #main-nav .menu li {
		padding: 10px 15px !important;
	}

	#main-nav-container #main-nav .menu li a, 
	.menu-fixed a {
		font: 15px/17px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	.menu-fixed {
		padding: 10px 80px 10px 90px!important;
	}

	.menu-fixed img {
		width: 50px !important;
		top: 5px !important;
	}

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

	.page-intro #main-nav-container #main-nav {
		top: -70px !important;
	}

	.page-intro .hero-item {
		width: 100% !important;
	}
	.page-intro .hero-item img {
		width: 100%;
	}

	.page-attenday #inner-header {
		background: transparent !important;
		padding: 0px !important;
	}
	.page-dundara #inner-header {
		background: transparent !important;
		padding: 0px !important;
	}

	.page-attenday #inner-header .container .logo-row {
		position: absolute;
		top: 90px;
	}
	.page-dundara #inner-header .container .logo-row {
		position: absolute;
		top: 90px;
	}

	.ch-header {
		top: 5px !important;
		left: 10px !important;
		right: auto !important
	}
	.ch-header span {
		font: 19px/19px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
		margin-left: 10px !important;
		color: #fff;
	}

	#inner-header .logo-container {
		margin: 0 0 30px !important
	}

	article h1 {
		font: 30px/30px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
		text-align: center;
		margin-bottom: 25px !important;
	}
	.btn-right { 
		text-align: center !important; 
		margin-bottom: 30px !important;
	}

	#society-content article h1 {
		font: 30px/40px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
		text-align: left !important;
	}
	#society-content article h5 {
		font: 26px/28px 'THSarabunPSK-Bold' !important;
	}
	#society-content .lastest article h5 {
		font: 26px/28px 'THSarabunPSK-Bold' !important;
	}
	#society-content article p {
		font: 26px/28px 'THSarabunPSK' !important;
	}

	#society-content .head-title {
		font: 30px/30px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	.line-separator {
		margin: 25px 0 30px !important;
	}

	#society {
		padding: 10px 0 60px !important;
	}

	#games {
		padding: 50px 0 !important;
	}

	#social-like {
		padding: 0 0 10px !important;
	}

	#lists-content, #view-content {
		padding: 0 0 40px !important;
	}

	.no-padleft {
		padding-left: 15px !important;
	}
	.no-padright {
		padding-right: 15px !important;
	}

	.show-for-xs {
		display: block !important;
	}
	.hide-for-xs {
		display: none !important;
	}
	
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.page-intro #inner-header {
		padding-top: 30px !important;
	}
 	
	.page-intro #inner-header .logo-container {
		margin: 0 !important;
		text-align: left !important;
	}

	.page-intro .logo img {
		width: 70% !important;
	}

	.page-intro #main-nav-container {
		height: 30px;
	}
	.page-intro #main-nav-container #main-nav {
		top: -57px !important;
	}
	.page-intro #main-nav-container #main-nav .menu li {
		width: 100% !important;
		float: none !important;
		text-align: right !important;
		display: inline-block;
	}
	.page-intro #main-nav-container #main-nav .menu li a {
		font: 16px/20px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}
	.page-intro #main-nav-container #main-nav .menu li:last-child a {
		margin-right: 0 !important;
	}

	.page-intro .hero-item {
		width: 100% !important;
	}
	.page-intro .hero-item img {
		width: 100%;
	}

	.logo img {
		width: 50% !important;
	}

	.page-attenday #inner-header {
		background: transparent !important;
		padding: 0px !important;
	}
	.page-dundara #inner-header {
		background: transparent !important;
		padding: 0px !important;
	}

	.page-attenday #inner-header .container .logo-row {
		position: absolute;
		top: 80px;
	}
	.page-dundara #inner-header .container .logo-row {
		position: absolute;
		top: 80px;
	}

	.ch-header {
		top: 5px !important;
		left: 10px !important;
		right: auto !important
	}
	.ch-header span {
		font: 19px/19px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
		margin-left: 10px !important;
		color: #fff;
	}

	#inner-header .logo-container {
		margin: 0 0 30px !important
	}
	article h1 {
		font: 30px/30px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
		text-align: center;
		margin-bottom: 25px !important;
	}
	.btn-right { 
		text-align: center !important; 
		margin-bottom: 30px !important;
	}

	#society-content article h1 {
		font: 30px/40px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
		text-align: left !important;
	}
	#society-content article h5 {
		font: 26px/28px 'THSarabunPSK-Bold' !important;
	}
	#society-content .lastest article h5 {
		font: 26px/28px 'THSarabunPSK-Bold' !important;
	}
	#society-content article p {
		font: 26px/28px 'THSarabunPSK' !important;
	}

	#society-content .head-title {
		font: 30px/30px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	#apply h1 {
		font: 32px/42px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	h3 {
		font-size: 26px !important;
	}

	.inner-text {
		font: 26px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	.line-separator {
		margin: 25px 0 30px !important;
	}

	#society {
		padding: 10px 0 60px !important;
	}

	#games {
		padding: 50px 0 !important;
	}

	#social-like {
		padding: 0 0 10px !important;
	}

	#lists-content, #view-content {
		padding: 0 0 40px !important;
	}

	#footer {
		margin-top: 30px !important;
	}

	ul.footer-menu {
		margin: 20px 0 50px !important;
	}
	ul.footer-menu li {
		display: block !important;
		padding: 3px !important;
	}
	ul.footer-menu li a {
		font: 18px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	ul.socials li {
		padding: 50px 7px 30px !important;
	}

	.copyright {
		font-size: 16px !important;
	}

	.no-padleft {
		padding-left: 15px !important;
	}
	.no-padright {
		padding-right: 15px !important;
	}

	.show-for-xs {
		display: block !important;
	}
	.hide-for-xs {
		display: none !important;
	}
	
}

 
/* Landscape phones and down */
@media (max-width: 480px) {

	.page-attenday #inner-header .container .logo-row {
		position: absolute;
		top: 60px;
	}
	.page-dundara #inner-header .container .logo-row {
		position: absolute;
		top: 60px;
	}

	.ch-header span {
		font: 17px/17px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
		margin-left: 5px !important;
	}

	article h1 {
		font: 23px/23px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	article h2 {
		margin: 20px 0 60px !important;
	}

	article h3 {
		margin: 5px 0 20px !important;
	}

	article h5 {
		margin: 10px 0 10px !important;
	}

	article h6 {
		margin: 10px 0 0 !important;
	}

	#society-content article h1 {
		font: 26px/34px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}
	#society-content article h5 {
		font: 22px/24px 'THSarabunPSK-Bold' !important;
	}
	#society-content .lastest article h5 {
		font: 22px/24px 'THSarabunPSK-Bold' !important;
	}
	#society-content article p {
		font: 22px/24px 'THSarabunPSK' !important;
	}

	#society-content .head-title {
		font: 26px/26px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	.btn-normal {
		font: 18px/24px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	h3 {
		font-size: 24px !important;
	}

	.inner-text {
		font: 24px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	.show-for-xs {
		display: block !important;
	}
	.hide-for-xs {
		display: none !important;
	}

	#inner-footer .inner-text {
		font: 16px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	ul.footer-menu li a {
		font: 16px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

	#footer p {
		font: 15px 'SukhumvitSet-Thin' !important;
		font-weight: 700 !important;
	}

}

@media (max-width: 300px) {

	.show-for-xs {
		display: block !important;
	}
	.hide-for-xs {
		display: none !important;
	}

}


/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {


	.service-icon {
		background-image: url('../files/images/sprites/aboutus-icons@2x.png');
		background-size: 496px 248px;
		-webkit-background-size: 496px 248px;
	}

	blockquote:before,
	.top-icon,
	.header-box-icon,
	.menu-button,
	#quick-search,
	.dropdown-cart-menu-container .cart-menu-icon,
	.portfolio-item > figure > figcaption > .zoom-button, 
	.portfolio-item > figure > figcaption > .link-button,
	.portfolio-btn,
	.sidebarslider .flex-direction-nav a,
	.sidebar .widget .testimonials-list li .testimonial-details:before,
	.close-button,
	.accordion-btn,
	.contact-icon,
	.input-icon,
	.social-icon,
	.flex-direction-nav a {
		background-image:url('../files/images/sprites/sprite@2x.png');
		background-size: 400px 409px;
		-webkit-background-size: 400px 409px;
	}

}