* {
    font-family: 'Lato';
  }

div#wait-screen { 
	display: none; 
	cursor: wait; 
	z-index: 999; 
	position: fixed; 
	top: 0; left: 0; 
	height: 100%; 
	width: 100%; 
	background-color: white; 
	opacity: 0; 
	filter: alpha(opacity = 0);
}

html {
	font-size:16px;
	height:100%;
}
 
body {
 	margin:0 auto;
 	background:white;
 	height:100%; 	
}

header {
	margin:0 auto;
}

a:link, a:visited, a:hover, a:active {
	text-decoration : none;
	color:black;
}

a:hover, a:active {
	font-weight:bold;
}

h1 {
	font-weight:bold;
	font-size:2.5rem;
	text-transform: uppercase; 	
	padding:0;	
	margin:0;
}

h2 {
	font-weight:bold;
	font-size:1.5rem;	
	margin-top:1rem;
	margin-bottom:0;
}

h3 {	
	text-transform: uppercase; 	
	margin:0;	
   	font-size:2.5rem;
   	font-weight:bold;
   	color:black;   
   	padding-top: 0.5rem;   
   	padding-bottom: 1rem;
}

h3.subtitle {
   	font-size:1.8rem;	
   	font-weight:normal;
}

h4 {	
	text-transform: uppercase; 	
	margin:0;	
   	font-size:1.2rem;
   	color:black;   
   	padding-top: 0.5rem;   
}

h5 {
	text-transform: uppercase; 	
	padding:0;	
	margin:0;	
   	font-size:0.8rem;
   	color:black;   
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

input::placeholder {
	text-align:center;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	text-align:center;
}
::-moz-placeholder { /* Firefox 19+ */
	text-align:center;
}
:-ms-input-placeholder { /* IE 10+ */
	text-align:center;
}
:-moz-placeholder { /* Firefox 18- */
	text-align:center;
}

button {
	padding : 0.5rem 2rem;
	border : thin solid white;
	font-size : 1rem;
	background-color: rgba(255,255,255, 0);
	cursor:pointer;
	text-transform: uppercase;
}

button.white {
	border : thin solid black;
	padding : 0.5rem 3.5rem;
	background:white;
	text-transform: none ;
	margin:0 auto;
	font-size:1.2rem;
}

button.white-partner {
	border : thin solid black;
	padding : 0.5rem 2rem;
	background:white;
	text-transform: none ;
	margin:0 auto;
	font-size:1.2rem;
}

button.white-corporate {
	border : thin solid black;
	padding : 0.5rem 0.8rem;
	background:white;
	text-transform: none ;
	margin:0 auto;	
	font-size:1rem;
}

button:hover {
	background-color: rgba(0,0,0,0.7);
	color:white;
	font-weight:normal;
}

button.news-prev,button.news-next {
	padding : 0.5rem 2rem;
	border : none;
}

button.news-prev:hover,button.news-next:hover {	
	color:black;
	background-color: white;
	font-weight:bold;
}

button.news-prev span,button.news-next span {		
	vertical-align:middle;	
}

button .prev-next {		
	font-size:1.5em;
}

/* Top notification bar */
/* Add a background color to the top notification */
.infobar {
    background-color: white;     
    overflow: hidden;
    position: fixed;
    top:0;
    width:100%;
   	text-align:center;   
   	z-index:30;	
}

.info-box {
    position: relative;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */    
    margin: auto;
    padding: 0;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s   
}
.info-box .close {
    color: black;    
    font-size: 1.8rem;    
    font-weight:normal;
}

.info-box .close:hover,
.info-box .close:focus {    
    text-decoration: none;
    cursor: pointer;
    font-weight:bold;
}

.info-msg {
    padding: 0.7rem 1rem; 
    color: black;
    display:inline-block;
    box-sizing: border-box;	
    width:90%;
}

.info-close {
	float: right;
    padding: 0.3rem 1rem;
    color: black;
    display:inline-block;
    box-sizing: border-box;	
    width:10%;
}


/* The Modal (background) */
.msg-box, .submit-box {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 30; /* Sit on top */
    padding-top: 20vh; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.msg-content, .submit-content {
    position: relative;
    background-color: white;
    margin: auto;
    padding: 0;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.msg-box .close,.feedback-box .close, .submit-box .close {
    color: black;
    float: right;
    font-size: 2rem;    
    font-weight:normal;
}

.msg-box .close:hover,
.msg-box .close:focus,
.feedback-box .close:hover,
.feedback-box .close:focus,
.news-box .close:hover,
.news-box .close:focus,
.submit-box .close:hover,
.submit-box .close:focus {
    
    text-decoration: none;
    cursor: pointer;
    font-weight:bold;
}

.msg-header,.submit-header {
    padding: 0.3rem 1rem;
    background-color: white;
    color: black;
}

.msg-body,.submit-body {padding: 0.3rem 1rem;}

.msg-footer, .submit-footer {
    padding: 0.3rem 1rem;
    background-color: white;
    color: black;
}

.feedback-box {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 25; /* between profile and msg boxes */
    padding-top: 20vh; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.feedback-content {
    position: relative;
    background-color: white;
    margin: auto;
    padding: 0;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.feedback-header {
    padding: 0.3rem 1rem;
    background-color: white;
    color: black;
}

.feedback-body {padding: 0.3rem 1rem;}

.feedback-footer {
    padding: 0.3rem 1rem;
    background-color: white;
    color: black;
}

.news-box {
    position: fixed; /* Stay in place */
    z-index: 20; 
    padding:0;
    margin:0;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    /*background-color: rgba(0,0,0,1);*/ /* Black w/ opacity */
}

/* News Content */
.news-content {
    position: relative;
    background-color: white;
    color: black;
    margin: auto;
    padding: 0;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.news-box .close {
    color: black;
    float: right;
    font-size: 3rem;
    font-weight: normal;
    text-align:right;
}

.news-box .active {
	background-color: rgb(0,0,0); /* Fallback color */	
}

.news-header {
    padding: 0.5rem 1.5rem;
    background-color: white;
    color: black;
}

.news-body {padding: 0.5rem 1.5rem;}

.news-img {
	width:100%;
}

.news-footer {
    padding: 0.3rem 1rem 1.5rem 1rem;
    background-color: white;
    color: black;
}
.news-box h4 {		
   	font-size:1rem;
   	padding: 0;   
}

.news-box h2 {		
   	padding: 0;
	margin:0;
}

.news-txt {
	text-align:left;
	font-size:1rem;
   	padding: 0.5rem 0 1rem 0 ;
	margin:0 auto;
}

.news-section .items-overlay::after{
	content: "";	
}


/* Fade in and scale up */
.news-box .news-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0.2;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.news-show.news-box .news-content{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.about-body {
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: right center;
}

.text-grey{
	color:#555555;	
}

.text-white{
	color:white;
}

.text-orangegrey {
	color:#696053;
}

.btn-right {
	text-align:right;
	padding-right:2em!important;
}
	
.btn-left {
	text-align:left;
	padding-left:2em!important;
}

.form-row {
	padding:0.8rem 0;	
}

.form-row.midsize {
	width:100%;
	max-width:650px;
	border:none;		
	margin:0 auto;
}
.float-left{
	float:left;
}

.form-row.half {
	display:inline-block;
	width:49%;
	box-sizing: border-box;	
}

.form-row.half.right {
	display:inline-block;
	float:right;
	width:49%;
	box-sizing: border-box;
}

.form-row.center {
	text-align:center;
	padding:0.8rem 0;
}

.form-row.text-right {
	text-align:right;
	padding:0.8rem 0;
}

.form-row.no-top-pad {	
	padding-top:0;
}

.form-row.no-pad {	
	padding:0;
}

.form-row.no-overflow {	
	overflow:hidden;
}

.form-row.form-bar {
	background-color: rgba(0,0,0,0.8);
	color : white;
	padding:0.8rem;	
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: red;
}
.form-row input[type="text"],.form-row input[type="password"] {
	border:thin solid black;	
	width:100%;
	max-width:100%;
	padding :0.5rem;
   	font-size : 1rem; 
   	color:#555555;
   	box-sizing: border-box;
}

.form-row input[type="text"].input-white-box,.form-row input[type="password"].input-white-box {	
	max-width:650px;
	border:none;	
	padding : 0.5rem;
   	font-size : 1.1rem; 
   	color:#555555;
}


.form-row input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: inline-block;
    vertical-align: middle;
}

.form-row input[type="checkbox"] {
    border: thin solid black;
    width: 1.5rem;
    height: 1.5rem;
    outline: none;
    padding: 0.3rem;
    margin:0 1rem 0 0;
}
.form-row input[type="checkbox"]:checked {
    background: black;
    background-clip: content-box;
}
.form-row input[type="radio"] {
    border: thin solid black;
    width: 1.5rem;
    height: 1.5rem;
    outline: none;
    padding: 0.3rem;
    margin:0 1rem 0 0;
}
.form-row input[type="radio"]:checked {
    background: black;
    background-clip: content-box;
}
.form-row textarea {
	border:thin solid black;
	width:100%;	
	height:8rem;
	padding : 0.5rem;
   	font-size : 1rem; 
   	color:#555555;
   	box-sizing: border-box;
}

.form-row select {
	border:thin solid black;	
	width:100%;
	background:white;
	padding : 0.5rem;
   	font-size : 1rem; 
   	color:#555555;
   	box-sizing: border-box;
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
    outline: 2px solid black;
}

.form-row button:focus {
    outline: none;
}

/* Add a black background color to the top navigation */
.topnav {
    background-color: black;   
    opacity:0.8 ;  
    overflow: hidden;
    position: fixed;
    top:0;
    width:100%;
   	text-align:center;   
   	z-index:10;	
}

.topnav .fa {
	font-size:1.6rem;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}
.topnav .icon:hover {
    background-color: black;
    color: white;
    font-weight:normal;
}
.loginbar {	
    list-style-type: none;
    text-align:right;  
    margin :0.2rem 1rem 0 0;         
}


.loginbar a  {    
    display: inline-block;
    color: white;    
    padding: 0 0.3rem 0 0.3rem;
    text-decoration: none;
    font-size: 0.8rem;
}

/* Change the color of links on hover */
.loginbar a:hover {
    font-weight: bold;    
}

.logo {	
    vertical-align: middle;   
    width: 14.5rem;
    padding-right: 1rem;
}

.navbar {	
    list-style-type: none;    
    margin : 0 auto;
    padding : 0;
}

.navbar li,.loginbar li,.social-bar li {	
    display:inline-block;  
}

/* Style the links inside the navigation bar */
.navbar li a {    
    display: inline-block;
    color: white;        
    padding: 0.8rem 1rem;
    text-decoration: none;
    font-size: 0.8rem;
    font-family:inherit;
    margin:0;
}

/* Change the color of links on hover */
.navbar li a:hover {
    background-color: white;
    color: black;
    font-weight:normal;
}

/* Add an active class to highlight the current page */
.active {
    background-color: darkgray;
    color: white;
}

#sub_btn.active {
    background-color: darkgray;
    color: white;
}

.navbar li:hover .subnavbar{
	display:block;
	position: fixed;
	width:100%;
	left:0;
	
}


.subnavbar {
	display:none;
	background-color: black; 
    list-style-type: none;    
    margin : 0 auto;
    padding : 0;
}

.subnavbar li{	
    display:inline-block;  
}

/* Style the links inside the navigation bar */
.subnavbar li a {    
    display: inline-block;
    padding: 0.8rem 1rem;
    text-decoration: none;
    font-size: 0.8rem;
}

/* Change the color of links on hover */
.subnavbar li a:hover {
    background-color: white;
    color: black;
    font-weight:normal;
}

.subnavbar li::after {
content: "|";
float: right;
color: white;
padding-top: 0.8rem;
}

.subnavbar li:last-child::after {
display: none;
}

footer {
	margin:0 auto;
	padding-bottom:1.5rem;
	background:white;
}


.footbar {
    background-color: black;     
    bottom:0;    
   	text-align:center;
   	font-size:1.5rem;
   	color:white;   
   	letter-spacing:0.15rem;	
   	padding: 2.5rem 1rem;
}

.footer {
    background-color: white;     
    overflow: hidden;
    width:65%;
    margin:0 auto;
   	text-align:center;   	
}

.footer-text {
    
   	text-align:left;
   	font-size:1.5rem;
   	color:black;   
   	letter-spacing:0.15rem;	
   	padding-top: 2.5rem;
   	padding-left:1rem;	
}

hr {
	border:thin solid black;
	padding-bottom :0;
}

.copyright-text {
    
   	text-align:left;
   	font-size:0.8rem;
   	color:black;   
   	padding : 1rem 1rem 2rem 1rem;
}

.copyright-text div{    
   	display:inline-block;
   	float:right;
}

.social-bar {		
    list-style-type: none;
    text-align:right;
    margin :0;
    padding:0; 
  	        
}

.social-bar .fa {
	font-size:1.6rem;
	color:black;
}

.social-bar a  {        
    padding-left: 0.3rem;
    text-decoration: none;
}

.footer-nav {   
    text-align:left;
   	padding:0;
}

.footer-menu {	
    list-style-type: none;
    margin :0;	     
    padding:0 0 0 1rem;
    -webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;  
}
.footer-menu li{
	padding: 0.3rem 0 0.3rem 0;
}

.footer-menu li a {        
    color: black;            
    text-decoration: none;
    font-size: 0.8rem;
    font-family:inherit;
}

/* Change the color of links on hover */
.footer-menu li a:hover {    
    color: darkgray;
    font-weight:normal;
}


/* Generic */
.page-top {
	height:100%;
}

.page-banner {	
	height:100%;	
	/* Center and scale the image nicely */
    background-position: center 35%;
    background-repeat: no-repeat;
    background-size: cover;
}


.page-title-box {
	width:100%;
	left:0;
	position:absolute;
	background-color:rgba(255,255,255,0);
}
.page-title{
	width:65%;
	padding : 1rem 5rem;
	margin:0 auto;
	text-align:center;
	background:white;	
}
.page-filler {
	width:100%;
	background:#FFF3EF;
	position:relative;	
    box-sizing: border-box;	
}

.page-section {
	width:100%;
	background:white;
}

.page-section.with-space {
	padding:2rem 0;
}
/*Index Page*/

#bg_text {	
	margin:0 auto;
	text-align:center;
	left:0;
	top:50%;
	width:80%;
	color:white;
	font-size:2rem;
	font-weight:bold
}

#index_courses {
	width:100%;	
	background:#FFF3EF; /*common peach background*/
	padding-top:2rem;
    
}

.item {
	position:relative;
	background:white;
}

.item-overlay {
	text-align:center;	
	margin:0;
	background:black;
	opacity:0.8;	
	padding: 1rem;
	color : white;
	font-weight:bold;
	font-size:0.8rem;
}


.courses-owl .item:hover img {
	transform: scale(1.2);
}

.item-img {
	overflow:hidden;
}

.courses-owl .item:hover .item-overlay {	
	background:white;
	color : black;	
	font-weight:normal;
}

.courses-owl .item {
	overflow: hidden;
}


#index_main {
	width:100%;	
	background:#FFF3EF;	
	text-align:center;	    
}

.content-main {
	width:85%;
	text-align:center;
	margin:0 auto;
	padding:3rem 0;
}

.main-col {
	width:50%;
	display:inline-block;
	box-sizing: border-box;
	margin:0;
}

.main-col.fullheight {
	height:100%;
}

.main-box {
	overflow:hidden;
	width:100%;
	height:0;
	position:relative;
}

.main-box.type1 {
	padding-bottom:84%;
}

.main-box.type2 {
	padding-bottom:56%;
}

.main-box.type3 {
	padding-bottom:28%;
}

.main-box.type4 {
	padding-bottom:80%;
}

.owl-theme .owl-dots .owl-dot span{
	width:0.6rem;
	height:0.6rem;
	margin:	0 0.5rem;
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin:	0.1rem;
}

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
        touch-action: auto;
}

.main-box .inside {
	position:absolute;
	top: 0;
	left: 0;	
	width:100%;
	height:100%;
	box-sizing: border-box;
	margin:0;
	padding:0.3rem;
}

.main-box .inside.normal {
	position:static;
}

.main-box .inside.empty {
	padding:0;
}

.cell {
	width:100%;
	height:100%;	
	margin:0;
	background:white;	
	position:relative;
	background-size:100%;
	background-repeat : no-repeat;	
	display:table;
}

.cell.landscape {
	background-size:52%;
}


.overlay-text {
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	height:25%;	
	margin:0;
	width:100%;
	background:white;
	color : black;	
	display:table;
}


.overlay-text.smaller {
	height:18%;	
}

.overlay-text.landscape {
	left : auto;
	right:0;
	width:50%;
	height:100%;	
}

.vertical-center {
	display:table-cell;
	vertical-align:middle;
}

.overlay-text:hover, .overlay-text:hover h4, .overlay-text:hover h5 {	
	background:black;
	color : white;	
}

.overlay-text h4 {
	text-transform:none;
	margin:0;	
   	font-size:1rem;
   	color:black;   
   	padding-top: 0.4rem;   
}

#index_newsletter {
	width:100%;	
	background:black url('../images/m_bg_latestnews.jpg') no-repeat center center;
	background-size:cover;
	text-align:center;	
}

.content-newsletter {
	width:65%;
	text-align:center;
	margin:0 auto;
	padding:3rem;
}

#index_partners {		
	background:white;
}

.partner-owl {
	width:60%;
	margin:0 auto;
}

/*Fix the mobile cannot horizontal scroll/drag issue*/
#index_courses div {
	-ms-touch-action: auto;
    touch-action: auto;
 }

#index_main div {
	-ms-touch-action: auto;
    touch-action: auto;
 }

#index_partners div {
	-ms-touch-action: auto;
    touch-action: auto;
}

/*Instructors Page*/


.instructor-panel {
	width:100%;
	box-sizing: border-box;
	padding:0;
}

.instructor-box {
	display:inline-block;
	position:relative;
	width:20%;
	box-sizing: border-box;
	margin:0;
	padding:0;
}

.instructor-img {
	width:100%;
	vertical-align: bottom;
}

.instructor-overlay {
	display:none;	
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	margin:0 auto;
	background:white;
	color : black;	
	box-sizing: border-box;
	padding:1rem;
	opacity:0.9;
	text-align:center;
	
}

.instructor-box:hover .instructor-overlay {
	display:block;
}

.instructor-overlay .normal{
	text-transform: none;
	margin:0 auto;
		
}

.instructor-overlay .box {
	
	margin : 0 auto;
	display : table;
	width:100%;
	height:100%;
	box-sizing: border-box;
	position:relative;
}

.name-text {
	position:absolute;
	text-align:left;
	top:0;
	left:0;
	width:100%;
	box-sizing: border-box;
	font-weight:bold;
	font-size:1rem;
}

.name-text.adjust {
	padding:1rem;
}

.instructor-overlay .vertical-center {	
	width:100%;
	margin:0 auto;
	padding:1rem;
}

.profile-btn {
	padding : 0.5rem 0.5rem;
	border : thin solid black;
	font-size : 0.8rem;
	font-weight : bold;
	background-color: white;
	cursor:pointer;
	text-transform: uppercase;
	color:black;
}

.profile-btn:hover {
	color:white;
	font-weight:normal;
}

.modal-profile {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 20; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto;  /*Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
    background-color: rgba(255,255,255,0.9); /* White w/ opacity */
}

/* Modal Content */
.modal-content-profile {
    position: relative;
    background-color: white;
    margin: 0 auto;
    padding: 0;
    width: 80%;
    height:100%;
}

.close {
    color: black;
    /*float: right;*/
    font-size: 3rem;
    font-weight: bold;
    text-align:right;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;  
    font-weight:normal;  
}


.modal-body-profile {
	padding: 0;
	margin:0;
	height:100%;
	background-color: white;	
}

.profile-left {
	width:40%;
	display:inline-block;
	box-sizing: border-box;
	margin:0;
	padding:0;
	vertical-align:top;
}

.profile-right {
	width:60%;	
	display:inline-block;
	box-sizing: border-box;
	margin:0;
	padding:1rem;
	vertical-align:top;
}

.profile-quote {
    font-size: 1rem;
    font-weight: bold;
    padding : 1rem 0;
}
.profile-name {
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom : 2rem;
}

.profile-location {
    font-size: 1rem;
    font-weight: bold;
}

.profile-position {
    font-size: 1.3rem;
    font-weight: bold;
    padding: 1rem 0;
}
.profile-story {
    font-size: 1rem;
    padding-right:5rem;
    width:60%;
}
.profile-comments {
    font-size: 1rem;
    background-color: white;    
    padding-right:1rem;
    margin:0;
    width:60%;
    font-style: oblique;
}
.profile-comments .active {
    background-color: white;
}
.profile-links {
    padding:1rem 0;
}

.social-bar.left {
	text-align:left;
}

/*Contact Us Page*/
.contact-form {
	width:60%;
	margin:0 auto;
	padding:1rem;
}

.studio-details {
	display:table;
	width:80%;
	margin:0 auto;
}

.studio-img {
	display:table-cell;
	width:50%;
	padding-right:1rem
}

.studio-info {
	display:table-cell;
	width:50%;
	padding-left:1rem;
	vertical-align:top;
}

.flag {
	display:inline-block;
	width:25%;
	text-align:center;	
	margin:0;
	box-sizing: border-box;	
	padding-bottom:3rem;
}

.flag img {
	width:50%;
}

.contact-others {
	padding-top:2rem;
}

.contact-others .others {
	text-align: center;
	margin:0 auto;
	width:70%;	
}

/*End of Contact Us Page*/

/*About Us Page*/
.about-section h4{
	text-transform:none;
}

.video-box {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */	
	height: 0;
	overflow:hidden;
}
.video-box iframe,
.video-box object,
.video-box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about-section {
	width:60%;
	margin:1rem auto;
	background:white;
	padding:3rem 7rem;
}

.about-img {
	width:100%;
}
.about-section h3 {
	padding-bottom:0;
}
.about-img-container {
	width:100%;
	padding:0;
	height:30vw;
	overflow:hidden;		
}

.about-txt-container {
	text-align:center;		
}

.about-txt-container div{
	padding:0.2rem 0;		
}

.about-small {
	width:60%;
	margin:0 auto;
	padding:2rem 0;	
}

.about-small .about-img-container {
	height:auto;
	overflow:visible;		
}

.about-small .portrait {
	width:30%;
	margin:0 auto;
}

.tick-list {
	display:table;
}
.tick-row {
	display:table-row;

}
.tick-cell {
	display:table-cell;
	padding-right:1rem;
}

.about-section a:hover {
	font-weight:bold;
}

/*End of About Us Page*/

/*Courses Page*/
.submenubar {
	background-color: white;
	color:black; 
    list-style-type: none;    
    margin : 0 auto;
    padding : 0;
}

.submenubar .active {
	font-weight:bold;
	font-style:italic;
}

.submenubar li{	
    display:inline-block;  
}

/* Style the links inside the navigation bar */
.submenubar li a {    
    display: inline-block;
    padding: 0 1rem;
    text-decoration: none;
    color:black;
    font-size: 0.8rem;
}

/* Change the color of links on hover */
.submenubar li a:hover {
	text-decoration: underline;
	font-weight:bold;    
}

.submenubar li::after {
content: "|";
float: right;
color: black;
padding-top: 0;
}

.submenubar li:last-child::after {
display: none;
}

.course-title {
	margin:1rem auto;
	text-align:center;
	padding:0.5rem 3rem;	
	width:30%;
	background:black;
	color:white;
	font-size:1.8rem;
	font-weight:bold;
	text-transform : uppercase;
}

.course-title span {
	font-size:1.5rem;
	padding-left:0.5rem;
}

.course-month {
	margin:0.5rem auto;
	text-align:center;
	padding:0.3rem;
	width:100%;
	color:black;
	font-size:1.2rem;
	font-weight:bold;
	text-transform : uppercase;
	box-sizing: border-box;
}
/*End of Courses Page*/

/*Partner Page*/
.partner-panel {
	width: 66%;
	margin:0 auto;
	box-sizing: border-box;
	padding: 0;
}

.partner-box {
	display: inline-block;
	vertical-align: top;
	text-align:center;	
	position: relative;
	width:50%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

.partner-container {	
	vertical-align: top;		
	width:80%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

.partner-box a{
	color:black;
}

.partner-img {
	width: 100%;
	vertical-align: top;
}
/*End of Partner Page*/


/*Page Items*/

.section-items {
	box-sizing: border-box;
	width:100%;
	margin:0 auto;
	padding:0;	
	font-size:0;
	text-align:center;		
}

.section-box {
	display:inline-block;
	box-sizing: border-box;
	margin:0;
	padding:0;
	overflow:hidden;
	background:white;
	position:relative;	
}

.buffer-box {
	width:20%;
	box-sizing: border-box;
	margin:0;
	padding:0;
}

.items-box {
	display:inline-block;
	width:20%;
	height:20vw;
	box-sizing: border-box;
	margin:0;
	padding:0;
	overflow:hidden;
	background:white;
	position:relative;	
}

.items-img {
	width:100%;
	padding:0;
	margin:0;
	height:15vw;
	box-sizing: border-box;
	overflow:hidden;	
}

.items-img2 {
	width:100%;
	padding:0;
	margin:0;
	height:100%;
	box-sizing: border-box;
}

.items-overlay {
	text-align:center;	
	display:table-cell;
	vertical-align:middle;
	margin:0;
	width:20vw;
	height:5vw;	
	color : black;
	font-size:1rem;
	font-weight:bold;
	position:relative;	
	box-sizing: border-box;
}
.items-overlay .items-overlay-txt {	
	display:none;
}

.items-overlay2 {
	display:table;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	width:100%;
	height:100%;
	box-sizing: border-box;
}
.items-box:hover .items-overlay,.items-box:hover .items-overlay2{
	background:rgba(0,0,0,0.7);
	color:white;	
}

.items-box:hover .items-overlay {
	display:table;
	position:absolute;
	top:0;
	left:0;
	margin:0;	
	width:100%;
	height:100%;
	box-sizing: border-box;	
}

.items-box:hover .items-img {	
	height:100%;
}
.items-box:hover img {	
	height:100%;
}
.items-box:hover .items-overlay::after{
	color:white;
}

.items-box:hover .items-overlay-txt{		
	text-align:left;	
	display:table-cell;
	vertical-align:middle;
	color : white;
	font-size:0.8rem;
	font-weight:normal;
	padding:1rem;	
}
.items-box:hover .items-overlay-txt.center{		
	text-align:center;		
}
.items-overlay-txt p{
	text-align:center;	
	font-weight:bold;
	font-size:0.8rem;
}
.items-overlay-title{			
	padding: 0 0.5rem;
	vertical-align:middle;
	font-size:0.9rem;
}
.items-box:hover .items-overlay-title{			
	display:none;
}

.items-overlay2 div {
	text-align:center;	
	display:table-cell;
	vertical-align:middle;
	color : white;
	font-size:2rem;
	font-weight:bold;
}


.items-img img,.items-img2 img{
	width:100%;	
}

.items-img2 img{
	height:100%;
}

/* Items Portrait */
.buffer-box-p {
	width:18%;
	box-sizing: border-box;
	margin:0;
	padding:0;
}

.items-box-p {
	display:inline-block;
	width:18%;
	height:26.28vw;
	box-sizing: border-box;
	margin:0;
	padding:0;
	overflow:hidden;
	background:white;
	position:relative;
	
}

.items-img-p {
	width:100%;
	padding:0;
	margin:0;
	height:22.28vw;
	box-sizing: border-box;
	overflow:hidden;	
}

.items-overlay-p {
	text-align:center;	
	display:table-cell;
	vertical-align:middle;
	margin:0;
	width:18vw;
	height:4vw;	
	color : black;
	font-size:1rem;
	font-weight:bold;
	position:relative;	
	box-sizing: border-box;
}
.items-overlay-p .items-overlay-txt {	
	display:none;
}

.items-box-p:hover .items-overlay-p{
	background:rgba(0,0,0,0.7);
	color:white;	
	display:table;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	width:100%;
	height:100%;	
}

.items-box-p:hover .items-img-p {	
	height:100%;
}
.items-box-p:hover img {	
	height:100%;
}
.items-box-p:hover .items-overlay-p::after{
	color:white;
}

.items-box-p:hover .items-overlay-txt{		
	text-align:left;	
	display:table-cell;
	vertical-align:middle;
	color : white;
	font-size:0.8rem;
	font-weight:normal;
	padding:1rem;	
}
.items-box-p:hover .items-overlay-txt.center{		
	text-align:center;		
}

.items-box-p:hover .items-overlay-txt.justify,.items-box:hover .items-overlay-txt.justify{		
	text-align: justify;
    text-justify: inter-word;
}

.items-box-p:hover .items-overlay-title{			
	display:none;
}

.items-img-p img{
	width:100%;	
}

.page-col-left {
	width:55%;
	display:inline-block;
	box-sizing: border-box;
	margin:0;
	padding-right:0.5rem;
	vertical-align:top;
}

.page-col-right {
	width:45%;
	display:inline-block;
	box-sizing: border-box;
	margin:0;
	padding-left:0.5rem;
}

.page-col-left .page-img {
	width: 100%; display : inline-block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.page-col-left.img-intro, .page-col-left.img-body {
	width: 40%;
	display: block;
	box-sizing: border-box;
	padding: 0 1rem 1rem 0;
	margin: 0 auto;
	text-align:center;	
}

.page-col-right.text-intro, .page-col-right.text-body {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 0 1rem 0;
	margin: 0;
}

.page-col-left.img-body {
	width: 20%;
	display: inline-block;
}

.page-col-right.text-body {
	width: 80%;
	display: inline-block;
}
.page-col-left.corp-img-body {
	width: 35%;
	display: inline-block;
}

.page-col-right.corp-text-body {
	width: 65%;
	display: inline-block;
}
/*End of Page Items*/

/* General pages*/
.list-general {
	line-height:1.5rem;
}
.ol-main {
  list-style: none;
  padding-left: 0;
  display: table;
}
.ol-main:first-of-type {
  counter-reset: table-ol;
}

.list-main {
	font-weight:bold;
	display: table-row;
  	counter-increment: table-ol;
}
.list-main p{
	font-weight:normal;
}
.list-main:before {
  content: counter(table-ol) ".";
  display: inline-block; /* changed from table-cell to remove indent*/
  padding-right: 0.4em;
  text-align: right;
}
.list-main:after {
  content: "";
  display: block;
  margin-bottom: 0.7em;
}
.list-none{
	font-weight:normal;	
	margin-top:0.5em;
	margin-bottom:0.5em;	
}

.ul-sub {
  list-style-type: disc;
}

.ol-sub {
  list-style: none;
  padding-left: 0;
  display: table;
}
.ol-sub:first-of-type {
  counter-reset: sub-ol;
}
.list-sub {
	font-weight:normal;
	display: table-row;
  	counter-increment: sub-ol;
}
.list-sub:before {
  content: counter(table-ol) "." counter(sub-ol) ".";
  display: table-cell;
  padding-right: 0.4em;
  text-align: right;
}
.list-sub:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}
.ol-sub2 {
  list-style: none;
  padding-left: 0;
  display: table;
}
.ol-sub2:first-of-type {
  counter-reset: sub-li;
}
.list-sub2,.list-sub3 {
	font-weight:normal;
	display: table-row;
  	counter-increment: sub-li;
}
.list-sub2:before {
  content: "(" counter(sub-li) ")";
  display: table-cell;
  padding-right: 0.4em;
  text-align: right;
}
.list-sub3:before {
  content: "(" counter(sub-li, lower-alpha) ")";
  display: table-cell;
  padding-right: 0.4em;
  text-align: right;
}
.list-sub2:after,.list-sub3:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}

.li-main {
	font-weight:normal;
	margin-bottom: 0.7em;
}
/* End of General pages*/

/* Recruitment Page */
.job-tab li {
	padding-bottom:0.5rem;
}

.job-tab {
  position: relative;  
  width: 100%;  
  overflow: hidden;
}

.job-tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.job-tab label {
  position: relative;
  display: block;
  padding: 0.8em 3em 0.8em 1em;  
  font-weight: bold;
  line-height: 1.5em;
  cursor: pointer;
}

.job-content {
  max-height: 0;
  overflow: hidden;  
  -webkit-transition: max-height .5s;
  -o-transition: max-height .5s;
  transition: max-height .5s;
}

.job-tab input:checked ~ .job-content {
  max-height: 1000vh;
}

.job-tab label::after {
  position: absolute;
  font-family: 'FontAwesome';
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.job-tab input[type=radio] + label::after {
  content: '\f067';  
}

.job-tab input[type=radio]:checked + label::after {	
    content: '\f068';    
}

/* End of Recruitment Page */

/* FAQ Page */

.faq-tab {
  position: relative;  
  width: 100%;  
  overflow: hidden;
}

.faq-tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.faq-tab label {
  position: relative;
  display: block;
  padding: 0.8em 3em 0.8em 1em;  
  font-weight: bold;
  line-height: 1.5em;
  cursor: pointer;
}

.faq-content { 
  max-height: 0;
  overflow: hidden;  
}

.faq-ans {
  padding: 0.8em 3em 0.8em 1em;  
}

.faq-ans a:link, .faq-ans a:visited,.faq-ans a:hover,.faq-ans a:active{
  color:black;
}

.faq-tab input:checked ~ .faq-content {
  max-height: 1000vh;
}

.faq-tab label::after {
  position: absolute;
  font-family: 'FontAwesome';
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.faq-tab input[type=radio] + label::after {
  content: '\f067';  
}

.faq-tab input[type=radio]:checked + label::after {	
    content: '\f068';    
}

/* End of FAQ Page */
.bread-course,.cake-course,.kids-course,.wagashi-course,.cooking-course {
	display:inline;
}	
.bread-course {
	width:70%;
}
.cake-course {
	width:70%;
}
.kids-course {
	width:60%;
}
.wagashi-course {
	width:70%;
}
.cooking-course {
	width:60%;
}
.bread-course-2,.cake-course-2,.kids-course-2,.wagashi-course-2,.cooking-course-2 {
	display:none;
}

.license-section {
	display:table;
}
.license-cell-small {
	display:table-cell;
	vertical-align:middle;
	width:20%;
}
.license-cell-big {
	display:table-cell;
	vertical-align:middle;
}

/* When the screen is less than media query 992px */
@media screen and (max-width: 992px) {
	.bread-course,.cake-course,.kids-course,.wagashi-course,.cooking-course {
		display:inline;
	}		
	.bread-course {
		width:80%;
	}
	.cake-course {
		width:80%;
	}
	.kids-course {
		width:70%;
	}
	.wagashi-course {
		width:80%;
	}
	.cooking-course {
		width:70%;
	}
	.bread-course-2,.cake-course-2,.kids-course-2,.wagashi-course-2,.cooking-course-2 {
		display:none;
	}
	
	.partner-container {	
		width:90%;
	}

	.overlay-text h4 {
		font-size:0.8rem;
		padding-top:0.2rem;
	}
	
	.overlay-text h5 {
		font-size:0.6rem;
	}
	
	.instructor-box {
		width:33.33%;
	}
	
	.contact-form {
		width:70%;
	}
	
	.studio-img, .studio-info {
		display:block;
		width:100%;
		padding: 0;
	}
	
	.flag {
		width:25%;
	}
	
	.flag img {
		width:60%;
	}
	
	.contact-others .others {
		width:80%;	
	}	
	
	.about-section {
		padding:3rem 5rem;
	}

		
	/* Page Items Resize*/	
	.buffer-box {
		width:25%;
	}
	
	.buffer-box-p {
		width:22.5%;
	}
	
	.items-box {
		width:25%;
		height:25vw;
	}
	
	
	.items-img {
		height:18.75vw;
	}
	
	.items-overlay {
		width:25vw;
		height:6.25vw;	
		font-size:0.9rem;		
	}
	
	.items-overlay-title{			
		padding: 0 0.4rem;	
		font-size:0.8rem;
	}
	
	.items-overlay::after{
		bottom:0.3rem;
		right:1rem;
		font-size:1.1rem;
	}
	.items-box-p {
		width:22.5%;
		height:32.85vw;
	}
	
	
	.items-img-p {
		height:26.6vw;
	}
	
	.items-overlay-p {
		width:22.5vw;
		height:6.25vw;	
		font-size:0.9rem;		
	}
	
	.items-overlay-p::after{
		bottom:0.3rem;
		right:1rem;
		font-size:1.1rem;
	}
	.news-content {
	    width: 70%;
	}
		
/* End of @media screen and (max-width: 992px) */
	

/* When the screen is less than media query 768px */
@media screen and (max-width: 768px) {
	
	.footer-menu {	
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;  
	}
		
	.bread-course-2,.cake-course-2,.kids-course-2,.wagashi-course-2,.cooking-course-2 {
		display:inline;
	}	
	.bread-course-2 {
		width:80%;
	}
	.cake-course-2 {
		width:60%;
	}
	.kids-course-2 {
		width:80%;
	}
	.wagashi-course-2 {
		width:60%;
	}
	.cooking-course-2 {
		width:70%;
	}
	.bread-course,.cake-course,.kids-course,.wagashi-course,.cooking-course {
		display:none;
	}
	
	
	h4 {
		font-size:0.9rem;
	}
	
	h5 {
		font-size:0.7rem;
	}
	
	button.white.small {
		padding : 0.5rem 1rem;
		font-size:1rem;
	}
	
	.btn-right,.btn-left {
		text-align:center;
		padding-right:0!important;
		padding-left:0!important;
	}
		
	.overlay-text h4 {
		font-size:0.9rem;
		padding-top:0.4rem;
	}
	
	.overlay-text h5 {
		font-size:0.7rem;
	}
	
	.content-main {
		width:90%;
		padding:1.5rem 0;
	}	
	.overlay-text::after {
		display:none;
	}
	
	#bg_text {	
	top:35%;
	width:80%;
	font-size:2rem;
	}
	
  	.loginbar, .navbar li:not(:last-child) {display: none;}
  	.navbar .icon {  
    display: inline;  
  	}
  	.navbar li {  
    float:right;   
  	}
  	.navbar {
		text-align:left;  
	  	padding: 1.5rem 0 1.5rem 0rem;
	}
	  
	.logo_url {
	 	padding-left : 1rem;
	}
	  
	.navbar.responsive {position: relative;}
	
	.navbar.responsive .icon {
	    position: absolute;
	    right:0;
	    top: 0.7rem;    
	}
	  
	.navbar.responsive li {
	    float: none;
	    display: block;
	    text-align: left;        
	   
	}  
	 
	.navbar.responsive li a:not(.icon) {
		width:100%;    
	}
	    
	.subnavbar li::after {
		display: none;
	}
	.content-newsletter {
		width:80%;
		padding:3rem 0;
	}
	  
	.main-col.small-screen{
		width:100%;
		display:block;
	}
	
	.owl-dots {
		display:none;
	}
	  
	.main-box.type4 {
	padding-bottom:84%;
	}
		
	.instructor-box {
		width:50%;
	}

	/* Modal Content */
	.modal-content-profile {
	    width: 100%;
	}
	
	.close {
	    font-size: 2rem;
	    position:absolute;
	    right:1rem;
	    top:0;
	}
		
	.profile-left {
		width:100%;
	}
	
	.profile-right {
		width:100%;	
	}

	.profile-quote {
	    font-size: 0.8rem;
	}
	.profile-name {
	    font-size: 1rem;
	    padding-bottom : 0.8rem;
	}
	.profile-location {
    	font-size: 0.8rem;    
	}	
	.profile-position {
	    font-size: 0.8rem;
	    padding: 0.8rem 0;
	}
	.profile-story {
	    font-size: 0.8rem;
	    padding-right:0;
	    width:100%;
	}
	.profile-comments {
	    font-size: 0.8rem;
	    padding-right:0;
	    width:100%;
	}
	.profile-links {
	    padding:0.5rem 0;
	}
	
	.contact-form {
		width:80%;
	}

	.flag {
		width:25%;
	}
	
	.flag img {
		width:70%;
	}
	
	.contact-others .others {
		width:80%;	
	}	
	
	.about-section {
		padding:2rem 2rem;
	}
	
	.about-section h3{
	   	font-size:1.5rem;
	   	padding:1rem 0 0 0;
	}
	.about-section h3.subtitle {
	   	font-size:1.2rem;
	   	padding:0;
	}
			
	.form-row.half {
		display:block;
		width:100%;
	}

	.form-row.half.right {
		display:block;
		float:none;
		width:100%;
		padding-top:0;
	}
	
	/* Page Items Resize*/	
	
	.buffer-box, .buffer-box-p {
		width:50%;
	}
	
	.items-box {
		width:50%;
		height:50vw;
	}
	
	
	.items-img {
		height:37.5vw;
	}
	
	.items-overlay {
		width:50vw;
		height:12.5vw;	
		font-size:0.8rem;		
	}

	.items-overlay-title{			
		padding: 0 0.5rem;	
		font-size:1rem;
	}
	
	.items-overlay::after{
		bottom:0.3rem;
		right:0.5rem;
		font-size:0.8rem;
	}

	.items-box-p {
		width:50%;
		height:73vw;
	}
	
	
	.items-img-p {
		height:60.5vw;
	}
	
	.items-overlay-p {
		width:50vw;
		height:12.5vw;	
		font-size:0.8rem;		
	}
	
	.items-overlay-p::after{
		bottom:0.3rem;
		right:0.5rem;
		font-size:0.8rem;
	}
	.course-title {
		padding:0.5rem 1rem;	
		width:80%;
		font-size:1.5rem;
	}
	
	.course-title span {
		font-size:1.2rem;
		padding-left:0.5rem;
	}
	
	.course-month {
		padding:0.3rem 0;
		font-size:1rem;
	}
	
	.page-col-left {
		width:100%;
		padding-right:0;
	}
	
	.page-col-right {
		width:100%;
		padding-left:0;
	}
	.news-content {
	    width: 80%;
	}
	.news-box h4 {		
	   	font-size:0.9rem;
	}
	
	.news-txt {
		font-size:0.9rem;
	   	padding: 0.3rem 0 0.5rem 0 ;
	}
	.feedback-box {
	    padding-top: 10vh; /* Location of the box */
	    overflow: scroll; /* Enable scroll if needed */
	}	

	.feedback-content {
	    width: 80%;
	}
	.partner-panel {
		width:100%;
	}
	.partner-box {
		width:50%;
		font-size:0.8rem;		
	}
	.partner-container {	
		width:100%;
	}
	.page-col-left.img-intro {
		width: 100%;
	}
	
	.page-col-left.img-intro img {
		width: 100%;
	}
	.page-col-left.img-body {
		width: 100%;
		box-sizing: border-box;		
	}
	.page-col-left.img-body img {
		width: 49%;
		display:inline-block;
		box-sizing: border-box;
	}
	
	.page-col-right.text-intro, .page-col-right.text-body {
		width: 100%;
	}
	
	.license-cell-small {
		width:35%;
	}
	
}
/* @media screen and (max-width: 768px) */

/* When the screen is less than media query 480px */
@media screen and (max-width: 480px) {
	
	.footer-menu {	
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;  
	}	
	
	.bread-course-2,.cake-course-2,.kids-course-2,.wagashi-course-2,.cooking-course-2 {
		display:inline;
	}	
	.bread-course-2 {
		width:90%;
	}
	.cake-course-2 {
		width:80%;
	}
	.kids-course-2 {
		width:90%;
	}
	.wagashi-course-2 {
		width:80%;
	}
	.cooking-course-2 {
		width:80%;
	}
	.bread-course,.cake-course,.kids-course,.wagashi-course,.cooking-course {
		display:none;
	}	
	.page-col-left.img-body {
		width: 100%;
	}
	
	.page-col-left.img-body img {
		width: 100%;
	}
	.feedback-content {
	    width: 90%;
	}
	.feedback-box button.white {
		padding : 0.5rem 1.5rem;		
		font-size:1rem;
	}
	.instructor-box {
		width:100%;
	}
	
	.page-title{
		width:80%;
		padding : 1rem 2rem;
	}
	.contact-form {
		width:90%;
	}
	
	.studio-details {
		width:100%;
	}
	
	.flag {
		width:50%;
	}
	
	.contact-others .others {
		width:90%;	
	}	
	
	.about-section {
		width:85%;
		padding:0.8rem 1rem;
	}
	.about-img-container {
		height:40vw;
	}
	
	/* Page Items Resize*/	
	
	.buffer-box, .buffer-box-p {
		width:100%;
	}
	
	.items-box {
		width:100%;
		height:100vw;
	}
	
	
	.items-img {
		height:75vw;
	}
	
	.items-overlay {
		width:100vw;
		height:15vw;	
		font-size:0.8rem;		
	}
	
	.items-overlay::after{
		bottom:0.3rem;
		right:0.5rem;
		font-size:0.8rem;
	}
	
	.course-title {
		padding:0.5rem 1rem;	
		width:80%;
		font-size:1.5rem;
	}
	
	.course-title span {
		font-size:1.2rem;
		padding-left:0.5rem;
	}
	
	.course-month {
		padding:0.3rem 0;
		font-size:1rem;
	}
	
	.items-box-p {
		width:100%;
		height:146vw;
	}
	
	
	.items-img-p {
		height:131vw;
	}
	
	.items-overlay-p {
		width:100vw;
		height:15vw;	
		font-size:0.8rem;		
	}
	
	.items-overlay-p::after{
		bottom:0.3rem;
		right:0.5rem;
		font-size:0.8rem;
	}
		
	.news-content {
	    width: 100%;
	}
	.news-box h4 {		
	   	font-size:0.8rem;
	}
	
	.news-box h2 {		
	   	font-size:0.9rem;
	}
	
	.news-txt {
		font-size:0.8rem;
	   	padding: 0.2rem 0 0.3rem 0 ;
	}
	.partner-box {
		width:100%;
		font-size:1rem;
	}
	
	.license-section {
		text-align:center;
	}

	.license-cell-small {
		display:block;
		width:60%;
		margin:0 auto;
	}
	.license-cell-big {
		display:block;		
	}

}		
/*End of @media screen and (max-width: 480px) */