/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
#index-detail { padding: 0px 10px }
#news-box2 >.box-thumbnail {
	position: relative;
	top: 0
}
.fix-mt-5 { margin-top:-2px }
#news-box2 >.box-detail { position: static }
#news-box2 >.box-thumbnail:before {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 5%;
	border-right: 15px solid transparent;
	border-bottom: 15px solid rgba(255,255,255,1);
	border-top: none;
	border-left: 15px solid transparent;
	z-index: 999
}
#news-box2:hover >.box-thumbnail:before {
	border-right: 15px solid transparent;
	border-bottom: 15px solid rgba(154,178,58,1);
	border-left: 15px solid transparent;
	border-top: none;
}
.tvc-detail:before {
	top: -25px;
	left: 20px;
	border-right: 15px solid transparent;
	border-bottom: 15px solid rgba(255,255,255,1);
	border-left: 15px solid transparent;
}
.border-right { border-right: none }
.tvc-detail {
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
	font-size: 1em;
	height: auto;
	 width:100%
}
#menu-top {
	border-bottom: none
}
#menu-main { height: auto }
#logo-left {
	text-align: center;
	width: 100%;
	float: none
}
#logo-left > a > img {
	position: static;
	margin: -5px auto 0px;
	float: none;
	height: auto
}
#company-name {
	float: none !important;
	margin: 20px auto;
	font-size: 1.7em
}
#top-search {
	padding-right: 5px;
	padding-left: 5px
}
.box-detail { height: auto }
#footer-menu { margin-top: 15px }
#footer-menu > li > a { font-size: 1.2em }
#copyright { margin-top: 10px }

/* News List Page */
#news-list { padding:10px }

#news-list-detail .pr-10 { padding-right:0px }
#news-list-detail .pl-10 { padding-left:0px }
#news-list .box-detail {
	height: auto
}

#news-list .box-title {
	font-size: 1.2em;
}

#news-left-menu{ padding-right:0px; margin-bottom:15px }
#news-left-menu > ul { list-style:none; margin:0; padding:0 }

#news-left-menu > ul > li:hover > a:before {
	border:none;
}

#news-left-menu > ul > li.active > a:before {
	border:none;
}
.dropdown { background-color:#fbf9d8; color:#ed1c24; padding:10px 30px 10px 30px; list-style:none;display:none }

#breadcrumbs { padding:10px; margin-top:-20px; margin-bottom:-30px }
#breadcrumbs-nav > li > a { font-size:1.1em }
.rsThumb {
	width: 240px !important;
	height: 130px !important;	
}
.rsThumbsHor { height: 130px !important; }
.rsThumbsVer { width: 240px !important; }

.calendar-activity > .calendar-activity-detail { width:60px }
.calendar-activity .calendar-day {  font-size:1.7em }
.calendar-activity > .box-detail-area { width:75% }
#news-detail  .calendar-activity > .box-detail-area { width:85% }
.latest-news .box-short-detail{ height: auto }
#news-list-detail .box-short-detail{ height:auto }
.product-short-body { height: auto; }
.product-shortdetail { height: auto }
.white-bg { background:#FFF }
.dealer-list {width:90% }
.product-detail-area > div > div > img { width:100% }
#product-detail .royalSlider,
#product-detail .rsOverflow {
    height: 480px;
	width:400px !important;
	margin: auto
  }
 .rsContent > img {width:100% !important }
 
#recipe-detail .royalSlider,#recipe-detail .rsOverflow {
    height: 360px;
	
}
#recipe-vdo > iframe { height:360px }
.recipe-description>.pr-10 { padding-right:0px }
.recipe-description>.pl-10 { padding-left:0px }
#dealer-list { padding:10px }
.jobs-header > .text-right { text-align:left; margin:10px 15px  }
#jobs-list { padding:10px }
#contact-detail .form-group.pl-10 { padding-left:0px }
#contact-detail .form-group.pr-10 { padding-right:0px }
#contact-detail .pl-50 { padding:0px 20px }

/* Search */
#search-list { padding:10px }

#news-list-detail .box-short-detail {
	height: 65px;
	overflow: auto
}

#recipe-list-detail .pl-10 { padding-left:0px !important }
#recipe-list-detail .pr-10 { padding-right:0px !important }

.recipe-detail-area .width-20,.recipe-detail-area .width-25 { width:33.33%; margin-bottom:10px }
 .latest-news img { margin-bottom:20px }
 
 #mobile-menu { display:block }

}

/*  #Mobile (Portrait) 320px **/
@media only screen and (min-width: 100px) and (max-width: 479px) {
#company-name { font-size: 1.4em }
.recipe-detail img { height: 20px }
.recipe-sub-detail { font-size: 0.85em }
#tvc-play iframe { height:290px }
.rsThumb {
	width: 125px !important;
	height: 80px !important;	
	border-top-width:5px !important
}
.rsThumbsHor { height: 80px !important; }
.rsThumbsVer { width: 125px !important; }

.calendar-activity > .calendar-activity-detail { width:50px }
.calendar-activity .calendar-day {  font-size:1.5em }
.calendar-activity > .box-detail-area { width:70% }
#news-detail  .calendar-activity > .box-detail-area { width:80% }
.dealer-list {width:85% }
.recipe-list-show .pr-5{ padding-right:0px }
.recipe-list-show .pl-5{ padding-left:0px }
.recipe-list-show .mr-5{ margin-right:0px }
.recipe-list-show .ml-5{ margin-left:0px }
	
#product-detail .royalSlider,
#product-detail .rsOverflow {
    height: 330px !important;
	width:280px !important;
	margin: auto
  }
 .rsContent > img {width:100% !important }
  #recipe-detail .royalSlider,#recipe-detail .rsOverflow {
    height: 200px !important;
  }
 #recipe-vdo > iframe { height:200px !important }
 .gsc-result-info { opacity:0 }
#qPremiumSearchInside { width:0px; opacity:0;-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in; }
 #top-search:hover #qPremiumSearchInside { width:120px; opacity:1; display: inline }
 .recipe-detail-area .width-20,.recipe-detail-area .width-25 { width:50%; margin-bottom:10px }
 
 .wysiwyg img { width:100% !important }

}


/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#company-name { font-size: 1.4em }
#tvc-play iframe { height:320px }
.rsThumb {
	width: 180px !important;
	height: 100px !important;
	border-top-width:5px !important	
}
.rsThumbsHor { height: 100px !important; }
.rsThumbsVer { width: 180px !important; }

.calendar-activity > .calendar-activity-detail { width:50px }
.calendar-activity .calendar-day {  font-size:1.5em }
.calendar-activity > .box-detail-area { width:70% }
#news-detail  .calendar-activity > .box-detail-area { width:80% }
.recipe-list-show .pr-5{ padding-right:0px }
	.recipe-list-show .pl-5{ padding-left:0px }
.recipe-list-show .mr-5{ margin-right:0px }
.recipe-list-show .ml-5{ margin-left:0px }
	
#product-detail .royalSlider,
#product-detail .rsOverflow {
    height: 420px !important ;
	width:350px !important;
	margin: auto
  }
 .rsContent > img {width:100% !important }
 #recipe-detail .royalSlider,#recipe-detail .rsOverflow {
    height: 250px !important;
  }
 #recipe-vdo > iframe { height:250px !important }
 .gsc-result-info { opacity:0 }
 
.wysiwyg img { width:100% !important }

}



/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#tvc-play iframe { height:380px }
	.recipe-list-show .pr-5{ padding-right:0px }
	.recipe-list-show .pl-5{ padding-left:0px }
	.recipe-list-show .mr-5{ margin-right:0px }
	.recipe-list-show .ml-5{ margin-left:0px }
	.recipe-list-show > div:nth-child(odd) { padding-right:5px }
	.recipe-list-show > div:nth-child(even) { padding-left:5px }	
	
}

/* Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 991px) and (max-width: 1177px) {
}


/* 1200PX
----------------------------------------------------------------------*/
@media only screen and (min-width: 991px) and (max-width: 1200px) {
/* Menu */
#menu-main {
	background-color: #ed1b24;
	height: 80px
}

#logo-left > a > img {
	height:95px
}
#company-name {
	margin: 32px 0px 0px 140px;
	color: #FFF;
	font-size: 1.1em
}
#main-menu > li > a { padding: 0px 5px 5px; font-size:0.9em }
.box-detail {
	font-size: 0.9em;
	height: 188px !important
}
.box-date { font-size: 1em }
.box-title { font-size: 1em }
#news-box2 >.box-thumbnail {
	position: absolute;
	top: 188px
}
#news-box2 >.box-detail {
	position: absolute;
	top: 0px
}
.recipe-detail img { height: 25px }
.recipe-sub-detail { font-size: 0.85em }

#tvc-play iframe { height:360px }
.tvc-detail { height:120px }
.tvc-img > img { height:120px }
.box-detail { padding:10px }
.box-recipe {
	padding: 10px
}
#news-list .box-date {
	margin-top:-5px
}
#news-list .box-detail {
	height: 200px !important;
}

.latest-news .box-short-detail{ height:75px; overflow:hidden }
#news-list-detail .box-short-detail{ height:70px; overflow:hidden }
.calendar-activity > .calendar-activity-detail { width:50px }
.product-short-body { width:55%;height:185px; }
.product-shortdetail { height:110px; overflow:auto }
.dealer-list {width:90% }
.product-detail-area { padding:10px }
#product-detail .royalSlider,
#product-detail .rsOverflow {
    height: 400px;
	width:330px !important
  }
  
 .rsContent > img {width:100% !important }
 
 #recipe-detail .royalSlider,#recipe-detail .rsOverflow {
    height: 370px;
	
}
#recipe-vdo > iframe { height:370px }
  

}