@media only screen and (min-width:480px) and (max-width:760px){
body {
margin:0;
padding:0; 
font-family:Arial, Helvetica, sans-serif;
font-size : 12px;
color:#000000;
background:none}

#container {width:90%; padding:0% 3%; margin:2% 2%}

/* 	------------- Header Styles Start------------------- */
header {margin:0; padding:0; width:100%; height:auto;}
header figure{ text-align:center; width:100%; }
header .logo{width:80%; margin:0 0 0 25px}
header hgroup{ width:100%; margin:0 !important}
header hgroup h1{font-size:14px;color:#000fa3}
header hgroup h2{font-size:12px;color:#000fa3; margin-top:0 !important}
header hgroup h3{font-size:12px;color:#000000;font-weight:normal}
header aside{width:100% !important; text-align:center}
/*---------Header here-----------*/

nav select{ display:block !important; margin-top:20px !important;}

nav select {margin:-6px 0 0 0; padding:10px 2%; width:100%; height:42px; background:#333; border:1px solid #333; font-size:12px; font-weight:normal; line-height:20px; color:#FFF; text-transform:uppercase; display:none}
nav select option {margin:0; padding:0.5% 4%; color:#FFFFFF; background:#333;}

/*---------mid area start here------------*/
.mid_container {margin:0 auto; padding:0; width:100%; height:auto;}

/*---------Nav area start here------------*/
#menuwrapper ul, 
#menuwrapper ul li{
padding:0;
list-style:none;
width : 97%;}

#menuwrapper ul li{width : 97%; text-align:center}
#menuwrapper ul li a{width : 97%;}
#menuwrapper ul li ul{width:100%}
#menuwrapper ul li ul li{width:100%}
#menuwrapper ul li ul li a{width:100%}
#menuwrapper ul li.active a{width:100%}
/*---------Nav area end here------------*/
#logo_area{width:100%; text-align:center}
#logo_area img{float:left; }
.left_section{ width:100%;}

/*---------mid area end here------------*/
#mid_area{width:100%; height:auto; padding:0; margin:0}
#mid_area #video{width:100%; height:auto;}
#mid_area #video img{max-width:100px; width:expression; margin:0}
#text_area #testi{margin:20px 10px 0px 10px;}

#right_area {width:100%; margin:30px auto; text-align:center; }

#footer {width:100%; margin:0 auto; text-align:center; padding:0}
#footer ul{width:100%; margin:0 auto; text-align:center}

#content_area .book_cover{
max-width:100%;
margin:0 0 0 25px; 
padding:0;
text-align:center
}

#content_area {width:97% !important; padding: 0px 10px 0px 10px;}

#content_area  ul{width:90%;}
#content_area h1, p{
width:90% !important;

}

.team_div {width:90%;}

.testimonial_div {width:75%;}


.video { display:block; margin:0 !important}

.video h5 {
width : 300px;
background :#C0D9F7;}


.get_instant2 { margin-left:0 !important}

#exit_content{ display:none !important}

.map iframe { width:100px !important; height:100px !important;}
.contact_form_div {max-width:95% !important; font-size:11px;}
/*.video-container{ display:none !important}*/
.video-container{ display:block;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#mid_area #text_area {   max-width: 100% !important;   float: left;}

#right_area #form_area #mid { width:218px; padding-left:4px}
}