/*** for ipad tablts***/
@media only screen and (max-width:550px),(max-width:650px),(max-width:760px), (max-width:980px), (max-width:1024px), (max-width:100%) {
img{width:100%; display:block;}
select {-webkit-appearance:none;-moz-appearance:none;}
#main{width:96%; float:left; padding:0 2%;}
.details_holder{ width:90%; padding:30px 5% 0 5%;}

/*** HEDER AND FOOTER ***/
.header{height:auto; padding:15px 0 20px 0;}
.tinynav {display:block;border:1px solid #333; width:100%;font-size:12px;color:#333; padding:5px; background:url(../images/arrow.png) no-repeat 99% 5px #fff; letter-spacing:2.3px;opacity:0.5; cursor:pointer;}
.tinynav:hover{opacity:10;}
#navigation {display:none } 
.main_menu{width:50%; padding:0;}
.footer{text-align:center;}

/*** PROJECT PAGE ***/
.prject_text{width:60%;}
.prject_img{width:35%;}

/*** HOW TO HELP ***/
.how_help_form{width:55%;}
.how_help_img{width:40%;}

/*** BOOK PAGE ***/
.book_page ul li{width:30%;}

/*** VIDEDO PAGE ***/
.video_page ul li iframe{width:100% !important; height:250px; margin-bottom:15px;}

}

/*** FOR MOBILE BROWERS ***/
@media only screen and (max-width:300px), (max-width:320px),(max-width:400px), (max-width:450px), (max-width:500px){
img{width:100%; display:block;}

/*** HEADER AND FOOTER ***/
.logo{float:none; margin:0 auto;}
.logo img{width:90%; margin:0 auto;}
.main_menu{width:100%; padding:15px 0 0 0;}
.footer{line-height:normal; position:relative; padding:15px 0;}

/*** PROJECT PAGE ***/
.prject_text{width:100%; padding:0 0 15px 0;}
.prject_img{width:100%;}

/*** HOW TO HELP ***/
.how_help_form{width:100%; padding:0 0 35px 0;}
.how_help_form .btn_holder input{padding:0; width:100%;}
.how_help_img{width:100%;}

/*** BOOK PAGE ***/
.book_page ul li{width:60%; padding:0 20% 25px 20%;}

/*** VIDEDO PAGE ***/
.video_page ul li{width:100%; margin:0 0 25px 0;}
.video_page ul li iframe{height:auto;}

}