@charset "utf-8";
@media (max-width: 1550px) {
	#pic-landing-1{width: 450px;}
	#pic-landing-2{width: 400px;}
	#juice-2{width: 274px;}
	.picturesection{height: 745px;}
}

@media (max-width: 1319px) {
	.wrap-comparejuice{height: auto; padding-top: 358px; padding-right:0;}
	.conmparejuice-detail{max-width: 45%;}
	.conmparejuice-detail > div{padding: 0 20px;}
	.compareJuice .coverbanner{width: 50%;}
	.bg-comparejuice{top: auto!important; width: 880px;bottom: 87px;}
	.compareJuice .coverbanner{padding: 100px 0 150px;}



	.container{padding-left: 5px; padding-right: 5px;}
    .container-iso {width:1170px;}
	.col3-3, .col3-3.grey, .col3-3.white, .col4-3 { width:940px; height:auto; }
	.col1-3 { width:380px; height:680px;}
	.col2-3 { width:770px; height:680px;}
	.col1-3.half { height:335px; }
	.col2-3.half { height:335px; }
	.col-delist li { font-size:17px;}

	.isotopedetail h2{font-size: 42px;}
	.forminsur p{font-size: 18px;}
	.forminsur br{display: none;}
	.clipvideo figure{float: none;}
	.detailmessage .hidem{display: none;}
	.message .quote h4{font-size: 33px;}
	.mdpic img{width: 270px; height: auto;}
	.message .quote{ padding-right: 20px;}
	.message .detailmessage{padding-right: 281px;}

}
.show-1200{display: none;}
@media (max-width: 1200px) {
	/*newlanding*/
	.show-1200{display: block;}
	.hide-1200{display: none;}
	.groupbutton a{font-size: 20px; width: 165px;}
	.coverbanner h3{font-size: 50px;}
	.itembanner-s .switch{display: none;}
	.coverbanner h2,.textpicture h2,.cause-section h2,.recommend h2,.icon1-section h2{font-size: 40px; line-height: 40px;}
	.recommend h3{font-size: 50px;}
	#producttop{width: 250px;}
	#juice{right: -49px; width: 236px;}
	#bannerSM.leave #juice{right: -20px;}
	.bannerSM,.itembanner{height: 580px;}
	#pic-landing-1{width: 400px; left: 15px;}
	#pic-landing-2{width: 350px;}
	#juice-2{width: 240px; top: 0!important;}
	.picturesection{height: 700px;}
	.hideM{display: none;}
	.pagelanding{font-size: 20px;}
	.cause-section{padding-top: 100px; padding-bottom: 100px;}
	.cause-section .hideM{display: block;}
	#bg-cause{width: 850px; height: 738px; bottom: 0!important;}
	.recommend .itembanner > div{position: relative;}
	.itembanner.itembanner-s{height: auto;}
	.producttop-m{position: relative; bottom: -40px;}
	.textanimate-3{padding: 100px 0 30px;}
	.fastpicture{width: 430px;}
	.fastPower .coverbanner{width: 55%; padding: 100px 0 100px;}
	.offsenter,.service-sec .coverbanner,.taste,.transform{padding: 100px 0 100px;}
	.wrap-circle{width: 200px;}
	.text-blade.blade-red{left: -76%;}
	.text-blade.blade-blue{right: -66%;}
	.text-blade.blade-green{right: -67%;}
	.offsenter figure {
	    padding-left: 210px;
	}
	.offsenter .text-2row{margin-top: 100px;}
	.offcenter-2-img{padding-top: 100px;}
	.bg-comparejuice{top: auto!important; width: 900px; bottom: 0;}
	.offsenter2 .coverbanner{padding-top: 100px;}
	.btn-line{margin-top: 50px;}

	.service-sec li {
    margin-bottom: 15px;
	}
	.service-sec ul {
    margin-top: 30px;
    }
    .pic-service {
    right: 50px;
    width: 550px;
    }
    .orange-service {
    position: absolute;
    right: 0;
    width: 150px;
    }
    .taste-picture{margin-top: 100px;max-width: 166px;}
	.taste .text-blade.blade-red{width: 155px; top: 45%;}
	.taste .text-blade.blade-red.right{top: 22%;}
	.taste .text-blade.blade-red:not(.blade-red.right){left: 137%;}


    .container-iso {width:970px; }
	.col3-3, .col3-3.grey, .col3-3.white, .col4-3 { width:940px; height:auto; }
	.col1-3 { width:312px; height:570px;}
	.col2-3 { width:635px; height:570px;}
	.col1-3.half { height:280px; }
	.col2-3.half { height:280px; }
	.col-delist li { font-size:16px;}
	.relate .col1-3.half { height:336px; }
	.filteroption,#main-nav > ul{float: none; margin-bottom:10px;}
	.container-list .col1-3.half{height: 340px;}
	.box1{width: 60%;}
	.box2,.box3{width: 40%;}
	.box2.boxfull{width: 40%;}
	.box2.box2-1{width: 60%;}
	.csrp .box1{width: 50%;}
	.csrp .box4{width: 50%;}

}
.show-991{display: none;}
@media (max-width: 991px) {
	#bannerSM.leave h2, #bannerSM.leave h3, #bannerSM.leave p, #bannerSM.leave aside,
	.bannerSM .coverbanner h2, .bannerSM .coverbanner h3, .bannerSM .coverbanner p, .bannerSM .coverbanner aside{
		-webkit-animation-name: none;
        animation-name: none;
	}
	.show-991{display: block;}
	.hide-991{display: none;}
	.pagelanding .container{padding-left: 20px; padding-right: 20px;}
	.bannerSM .coverbanner{padding-top: 50px; float: none;width: 100%; text-align: center;}
	.bannerSM, .itembanner{height: auto;  }
	.itembanner > div{position: relative;}
	.producthero-m{display: inline-block; max-width: 250px; position: relative; bottom: 32px;}
	.bannerSM .itembanner{float: none; width: 100%; margin-top: 80px;}
	.coverbanner h2, .textpicture h2, .cause-section h2, .recommend h2, .icon1-section h2{font-size: 35px;}
	.coverbanner h3,.recommend h3{font-size: 40px; line-height: 40px;}
	.icon2-section li{width: 25%;}
	.compareJuice .coverbanner{padding: 50px 0 50px; float: none; width: 100%; text-align: center;}
	.wrap-comparejuice{padding: 50px 0 50px;  position: relative; top: auto; right: auto;}
	.bg-comparejuice{width: 100%; opacity: 0.4;}
	.conmparejuice-detail{float: none; max-width: 95%; margin: 0 auto;}
	.conmparejuice-detail > div{padding: 0 10px;}
	.fastPower .coverbanner{width: 100%; float: none;}
	.fastpicture{width: 280px;}
	.fastPower .coverbanner{padding: 330px 0 50px;}
	.textpicture{float: none; width: 100%; position: relative; z-index: 2;  margin-left: 0; padding-top: 90px; 
		padding-bottom: 156px;}
	.picturesection{height: auto;}
	#juice-2{width: 180px; display: none;}
	#pic-landing-1{width: 250px; top: 0; left:  auto; right: 0;}
	#pic-landing-2{width: 200px;}
	.textpicture ul{margin: 30px 0 30px;}
	.offsenter .col-md-8{margin-top: 30px;}



	.header .wraptop{padding-bottom: 0;}
	.navproduct,.topmenu,.menunav,.lang{display: none;}
	.sticky-wrapper{height: 0!important;}
	.col-footer{width: 25%;}
	.header{ padding-top: 10px; padding-bottom: 10px;}
	.header .container {width: 100%; padding-left: 15px; padding-right: 15px;}
	.logo img{width: 125px; height: auto;}
	.header .rightsection{margin-top: 0;}
	.header .searchmain .form-control{height: 33px; font-size: 20px;}
	.show-m-menu{position: absolute; right: 0; display: block; top: -8px;}
	.header .searchmain{margin-right: 36px;}
	.fieldgroup{margin-left: 0px; margin-right: 5px;}
	#main-nav{background: none; padding: 0;}
	.suboption{ display: none; float: none;}
	#main-nav > ul li{display: block; float: none; margin-right: 0;}
	.slidefilter{margin-right: 0; padding: 5px 10px; background: #232323; cursor: pointer; display: block;}
	#main-nav > ul li.textshow{display: none;}
	.productdetail .detailbox{float: none;}
	/*compare*/
	.compareleft{float: none; width: auto;}
	.compareleft h2{ margin-top: 5px; font-size: 30px; line-height: 30px;}
	.compareshow{width: 100%; padding-left: 5px; padding-right: 5px;}
	.compare-thead{display: none;}
	.compare-inner{width: 100%;}
	.infohide{display: block;}

	.mainnav{display: none;}

	.cooking .box1{width: 50%;}
	.cooking .box2{width: 100%; height: 400px;}
	.cooking .box-h-684{height: 400px;}

	.aboutus .box1{width: 100%; height: 300px;}
	.aboutus .box2,.aboutus .box3,.aboutus .box4{width: 50%; height: 250px;}

	.message .mdpic{position: relative; float:left; width: 40%;}
	.message .mddetail{float: left; width: 60%;}
	.mdpic img{width: 239px; height: auto;}
	.message .detailmessage{padding-right: 20px;}
	.message .quote h4{font-size: 28px;}
	.message article{padding: 20px;}
	.message .quote{margin-top: 30px;}

	.philosophy .detailphilosophy{padding-top: 10px; font:20px "db_helvethaica_x55_regular";}

	.philosophy .gray{padding-bottom: 10px; position: relative; padding-top: 251px; margin-bottom: 20px;}
	.philosophy .gray .picphilosophy {position: absolute; top: 20px;  width: 100%;}
	.csrphilosophy .box1,.csrphilosophy .box2{width: 50%;}

	.comparetable .t-col1{display: none;}
	.comparetable .t-col3{width:33.3333%;}
	.cataloglistNew{padding-left: 0; margin-top: 20px;}
	.blankelement{display: none;}
	.containercatalog .faqaside,.searchcatalog{display: none;}
	.containercatalog .sidebarfaq {padding-top: 10px; padding-bottom: 10px; background: #232323; color: #fff!important;
		width: 90%; margin-left: 5%;}
	.sidebarform h2.allcatalog{margin-bottom: 0; color: #fff; display: block;}
	.sidebarform h2.allcatalogD{display: none;}
	.containercatalog .faqaside{margin-top: 20px;}
	.containercatalog .faqaside li a{color: #fff;}
}	


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container-iso{width:750px; }
    .col3-3, .col3-3.grey, .col3-3.white, .col4-3 { width:620px; height:auto; }
	.col1-3 { width:365px; height:610px;}
	.col2-3 { width:740px; height:610px;}
	.col1-3.half { height:300px; }
	.col2-3.half { height:300px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.icon2-section li{width: 33.33333%;}
	#bg-cause{opacity: 0.2;}
	.offsenter, .service-sec .coverbanner, .taste, .transform{padding: 50px 0 50px;}
	.service-sec .coverbanner{float: none; width: 100%;}
	.pic-service{width: 350px; right: 0;}
	.orange-service{width: 100px;}

    .container-iso{width:640px; }
	.col1-3 { width:310px; height:580px;}
	.col2-3 { width:630px; height:580px;}
	.col1-3.half {
    height: 275px;
	}
	.container-list .col1-3.half{height: 335px;}
	.wrapbanner{margin-top: 0; padding-left: 0; padding-right: 0;}
	.col-footer{display: none;}
	.box1{width: 50%;}
	.box2,.box3,.box2.box2-1{width: 50%;}

	.message .mdpic{width: 100%; text-align: center; border-bottom: 1px solid #ccc;}
	.message .mddetail{width: 100%; margin-top: 20px;}
	.message .mdname{text-align: center;}
	.csrp .box1{width: 100%;}
	.csrp .box4{width: 100%; height: 330px;}
	.csrmassage article{padding-left: 0; padding-right: 0;}
	.mainpad20{padding-left: 15px; padding-right: 15px;}
	.foundation{padding-top: 20px; padding-bottom: 20px;}
	.alliance li{border-right: 0; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
	
	.jobonline .padright8{padding-right: 0; margin-bottom: 10px;}
	.jobonline .endeducateform{padding-bottom: 20px;}
	.jobonline .to{top: 23px; width: 100%; text-align: center;}
	.jobonline label{font-size: 19px;}
	.jobonline{padding-left: 0; padding-right: 0;}

	/*newcss*/
	.cliprelate li{width: 33.3333%; padding-right: 5px; float: left;}
	.cliprelate li a img{max-width: 100%;}
	.cliprelate li a{display: block!important;}
	.cliprelate .play{width: 30px; height: 31px; background-size: cover; margin: -15px 0 0 -15px;}
  .feature div:nth-child(2n+1) {clear:both;}
}

@media only screen and (max-width: 640px) {
	.taste .line-blade{border:0;}
	.taste .parent{display: none;}
	.service-sec .coverbanner{padding-bottom: 150px;}
	.table-service h4,.table-service h4.red{font-size: 18px;}
	.table-service td,.numh{font-size: 16px!important; line-height: 16px;}
	.best-offer{padding: 50px 0 50px;}
	.list-3-item li{float: none; width: 100%;}
	.icon2-section li{width: 50%;}
	.offsenter figure{padding-left: 22%;}
	.taste-picture{width: 100%; max-width: 100%;}
	.taste-picture img{display: none;}
	.taste .text-blade.blade-red .img-circle{max-width: 100px; display: inline-block;}
	.taste .text-blade,.taste .text-blade.blade-red,.taste .text-blade.blade-red.right{
		width: 50%!important;
	    top: auto!important;
		left: auto!important;
		right: auto!important;
		position: relative!important;  float: left!important;
	}
    .container-iso{max-width:500px; width: 100%; }
    .col2-3, .col2-3.white, .col2-3.white-bottom, .col3-3, .col3-3.white, .col4-3 , .col1-3 , .col1-3.white-bottom ,.col1-3.half,.container-list .col1-3.half { width:100%; max-width: 500px; height:auto;  }
	.col2-3.white-bottom ,.col1-3.white-bottom{ position:relative; top:auto; bottom:auto; }
	.footermain,.copyright{padding-left: 15px!important; padding-right: 15px!important;}
	.col1-3,.col2-3{margin-left: 0; margin-right: 0;}
	
	.groupiconM{display: block;}
	.headfooter h2{display: none;}
	.copyright{text-align: center;}
	.headfooter{position: absolute; right: 10px; top: 5px;}
	.footermain{padding-top: 40px; padding-bottom: 10px; position: relative;}
	.compare-first{display: none;}
	.compare-inner .compare-tr{width: 50%;}
	.compareshow{padding-left: 0; padding-right: 0;}
	.collist{display: none;}
	.banner-m{display: block;}
	.banner-d{display: none;}
	.ls-slide-outer .ls-pager.ls-pg{bottom: 5px;}
	.wrapbanner .ls-prev,.wrapbanner .ls-next{display: none;}
	.box1{width: 100%;}
	.box2,.box3,.box2.box2-1{width: 100%; height: 250px;}
	.isotopedetail .box{ background-repeat: none!important; }
	.cooking .box1{width: 100%;}
	.cooking .box2{width: 100%; height: 400px;}
	.cooking .box-h-684{height: 400px;}
	.aboutus .box2,.aboutus .box4{width: 100%; height: 350px;}
	.aboutus .box3{width: 100%; height: 250px;}
	.philosophy{padding-left: 10px; padding-right: 10px;}
	.csrphilosophy .box1,.csrphilosophy .box2{width: 100%;}
	.rowgroup>.col-xs-4,.rowgroup>.col-xs-8{width: 100%; text-align: left;}

	.comparetable .t-col3{width: 50%;}
	.comparetable .t-col3-3.hidden-m,.comparetable .t-col3-1.hidden-m{display: none;}

}

@media only screen and (max-width: 540px) {
	.wrap-circle {
    width: 130px;
    padding: 15px;
	}
	.textpicture{padding-top: 202px;}
	.offsenter .line-blade{border-bottom: 0;}
	.blade-red .line-blade{right: auto;
		left: 43px;
		top: 6px;}
	.text-blade.blade-red{padding-top: 30px;}
	.text-blade.blade-green{top: 120%;}
	.blade-red .parent{top: -41px;}
	.blade-blue .parent {
	    right: 14px;
	    left: auto;
	}
	.blade-green .parent {
	    right: 0;
		left: auto;
		top: -84px;
	}
	.offsenter figure img.product-blade{    max-width: 135px;
    position: relative;
    right: -30px;
    top: 60px;
	}
	.service-sec li{line-height: 25px;}
	.service-sec .coverbanner {
	    padding-bottom: 350px;
	}
	.container-iso,.containerwhite{padding-left:0px; padding-right: 0px;}
	.productdetail .tabshow, .productdetail .specific {padding-left: 0; padding-right: 0;}
	.productdetail .button .fb-like{float: none; display: block;}
	.page,.relate h2{padding-left: 10px; padding-right: 10px;}
	.cataloglist li.col-xs-6,.cataloglistNew li.col-xs-6{width: 100%!important;}
	.cataloglist li{min-height: auto;}
	.aboutgroup li{padding-left: 0; padding-right: 0;}
	.message .quote h4{font-size: 25px; line-height: 25px; text-align: center;}
	.message .detailmessage{padding-left: 10px; padding-right: 10px;}
	.message .mdname,.message .quote{padding-left: 0!important; padding-right: 0!important;}
	.message .quoteend{right: 5px;}
	.cataloglistNew li{height: 380px;background: url("https://www.toshiba.co.th/html/css/../images/bglicatalog.jpg") repeat-x bottom center;
	padding-top: 45px;position: relative;}
	.cataloglistNew h2{font-size: 24px; margin-top: 24px;}
	.cataloglistNew .wrapimage {
    max-width: 230px;}
	}


@media only screen and (max-width: 425px) {
	.header .searchmain{margin-right: 0; position: absolute; width: 100%; left: 0; top: 40px; z-index: 999; display: none;}
	.header .searchmain .form-control{height: 38px;}
	#searchtop{display: block;}
	.isotopedetail h2{font-size: 40px; line-height: 40px;}
	.box1{width: 100%; height: 280px;}
	.boxcenter{background:url(../images/bgservicecenter-3.jpg) center left; background-size: cover; width:100%;  height:280px}
	.aboutus .box2,.aboutus .box4{width: 100%; height: 250px;}

	/*newcss*/
	.specific p{ text-align: left; }
	.specific .col-xs-6{width: 100%;}


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