/* Default Layout: 992px.  */
.main{width: 100%; margin-top: 45px;}
.content_area{width: 960px; margin: 0 auto;}
.slider img{width: 100%; height: auto;}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main{width: 100%;margin-top: 35px;}
.content_area{width: 760px; margin: 0 auto;}
.header_area{}
.logo{text-align: center;}
.slider_area{width: 100%; margin-top: 30px;}
.slider{padding: 0 15px;}
.slider img{width: 100%; height: auto;}
.logo img{height: auto; width: 250px;}
.main_content h1{font-size: 28px;}
.disnep_bbc{padding: 17px 0; width: 320px;}
.disnep_bbc img{margin: 0;}
.disnep_bbc img:first-child{margin: 7px 0;}
.disnep_bbc img:last-child{margin: 3px 30px;}
.fixi_plum{ padding: 17px 0; width: 320px;}
.fixi_plum img:first-child{margin: 10px 30px;
    width: 140px;}
.fixi_plum img:last-child{width: 80px;}
.comment_section{width: 500px; float: left;}
.name_email{width: 495px;}
.pn_sub{width: 495px;}
.messub{width: 495px;}

.name_email input#name{float: left; width: 41%;}
.name_email input#email{float: right; width: 52%;}
.pn_sub input#subject{height: 30px; width: 99%; padding:0 0 0 5px; margin: 10px 0 0 0;}
.messub textarea{height: 100px; margin-top: 10px; width: 98%;}
.contact_us{float: right;  margin: 90px 0 0;}
.item1{width: 150px;}
.footer_area { margin-top: 25px;}
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.main{margin: 15px auto 0; width: 300px;}
.content_area{width: 300px; margin: 0 auto;}
.header_area{width: 300px; margin: 0 auto; margin-top: 10px;}
.slider_area{width: 100%; text-align: center; margin-top: 10px;}
.slider{display: none;}
.slider_mb{display: block;}
.slider_mb img{width: 300px; height: auto;}

.logo{margin: 0 0 15px 0;}
.logo img{width: 230px; height: auto;}
h1{font-size: 20px;}
h2{font-size: 18px;}
.main_content h1{font-size: 11px; text-align: center; margin: 15px 0 0 0;}
.cliets_section{display: none;}
.all_cliets{display: block; margin: 15px 0; text-align: center;}
.all_cliets img{width: 300px;}

.name_email{width: 300px;}
.pn_sub{width: 300px;}
.messub{width: 300px;}
.name_email input#email{float: left; height: 30px; width: 98%; margin-top: 5px;}



.messub input.submit{display: none;}
.pn_sub input.phone{display: block; border-radius: 5px 5px 5px 5px;     display: block; float: left; height: 30px; margin-top: 5px; padding-left: 5px; width: 98%;}
.messub input.submit_mb{display: block; margin-top: 20px;background: url(images/input22_bg.png) no-repeat; height: 22px; width: 297px; border-radius: 8px;}
.comment_section{width: 100%; padding: 0;}
.pn_sub input#subject {float: left; height: 30px; width: 98%; margin-top: 5px;}
.messub textarea{height: 258px; margin: 5px 0 10px 0; padding: 3px; width:98%; border-radius: 5px;}
.comment_section input{float: left; height: 30px; width: 98%;}
.name_email input#name{float: left; height: 30px; width: 98%;}
.contact_us{margin: 0; padding: 0 5px; width: 300px;}
.add_pc{display: none;}
.add_mb{display: block;}
.add_mb p{display: block; font-size: 12px; padding: 0 25px; text-align: center;}
.add_mb img{height: 12px;}
.item1{width: 240px; margin: 0;}
.contact_us ul li label{display:none;}
.footer_area {margin-top: 0; text-align: center;}
.footer_area  p{margin: 0; padding: 0; font-size: 10px;}


}


/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.main{width: 470px; margin: 20px auto 0;}
.header_area{margin: 0; width: 100%;}
.content_area{padding: 5px; width: 460px;}
.slider_area{width: 100%; text-align: center; margin-top: 10px;}
.slider{display: none;}
.slider_mb{display: block;}
.slider_mb img {height: auto; width: 450px;}
.logo{margin: 0 0 20px 0;}
.logo img{width: 300px; height: auto;}

h1{font-size: 20px;}

h2{font-size: 18px;}

.main_content h1{font-size: 16px; text-align: center; margin: 20px 0 0 0;; padding: 0;}
.cliets_section{margin: 33px 0;}
input#subject {width: 450px; margin-top: 5px;}
.comment_section textarea{height: 258px; margin-top: 5px; padding: 3px; width:447px; border-radius: 5px;}
.all_cliets {margin: 20px 0;}
.all_cliets img {width: 450px;}
.name_email{width: 460px;}
.pn_sub{width: 460px;}
.messub{width: 460px;}
.name_email input#name{width: 98%; float: left; height: 30px;}
.name_email input#email{width: 98%; float: left; height: 30px;}
.pn_sub input#subject{width: 98%; float: left; height: 30px;}
.pn_sub input.phone{width: 98%; float: left; height: 30px;}
.messub textarea{height:447px; margin-top: 5px; width: 98%;}

.contact_us{width:100%; margin: 0;}
.contact_us ul li{padding: 4px 0px;}
.item1{width: 270px;}
.messub input.submit_mb{background: url(images/input22_bg_wmb.png) no-repeat; margin: 20px 2px; width:450px; height: 37px; padding: 0;}

.add_mb p{font-size: 15px; padding: 0 65px;}
.add_mb {display: block; margin-top: 0;}
.footer_area { margin-top: 0;}

}