@media only screen 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 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 : 99%;}
#menuwrapper ul li{width : 99%; text-align:center}
#menuwrapper ul li a{width : 99%;}
#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{width:100%; height:auto; padding:0; margin:0}
#mid_area #video{width:100%; height:auto;}
#mid_area #video img{max-width:100%; 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 {width:97% !important; padding: 0px 10px 0px 10px;}


#content_area .book_cover{
max-width:90%;
margin:20px 18px; 
padding:0;
text-align:center
}

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

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

}
.team_div {width:90%;}

.testimonial_div {width:82%;}
.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}
}