﻿@media screen and (min-width:1400px) and (max-width:2000px)
{
.sliderbipin {top: 45px;}
.logo-area { top: 40%;}
.main_container1{height:100%; background: url(../images/section1.jpg) center bottom  no-repeat; background-size:100% 100%;}

.main_container2{background: url(../images/section2new.jpg) center bottom   no-repeat;background-size:100% 100%; }

.main_container3{background: url(../images/section3.jpg) center bottom   no-repeat;background-size:100% 100%;}

.main_container4{background: url(../images/section4.jpg) center bottom  no-repeat;background-size:100% 100%;}

.main_container5{background: url(../images/section5.jpg) center bottom  no-repeat;background-size:100% 100%;}
    .nav li ul.dropdown {        min-height:266px!important;
    }
}


@media screen and (min-width:0px) and (max-width:900px)
{

#btnCancel1{ width:90%; margin:0 auto;}
.flyer-m{ max-width:90%; position:absolute!important; top:20px!important;}
#flyer_iframeid{ max-width:100%;}
.close-flyer{ position:absolute; right:1px; top:1px; border:none; display:block; width:50px; height:50px;}
.flyerbtnnew input[type="submit"]{border:none; display:block; width:50px; height:50px; background:url(../images/close-flyer.png) no-repeat center center; background-color:none; border:none; margin-top:-10px; margin-right:-10px;}

}
@media screen and (min-height:625px) and (max-height:660px)
{
.notice,.msg,.use_link,.About,.photo_gry,.topper_full,.ecarebg{ margin:80px 0 0 0;}
.label_skitter{ bottom:61px !important;}
}

@media screen and (min-height:600px) and (max-height:620px)
{
.notice,.msg,.use_link,.About,.photo_gry,.topper_full,.ecarebg{ margin:65px 0 0 0;}
.label_skitter{ bottom:90px !important;}
}

@media screen and (min-height:510px) and (max-height:595px)
{
.notice,.msg,.use_link,.About,.photo_gry,.topper_full,.ecarebg{ margin:65px 0 0 0;}
.label_skitter{ bottom:90px !important;}
.main_container1{background: url(../images/section1.jpg) center -135px no-repeat}
.main_container5 {  background: url(../images/section5.jpg) center -112px no-repeat;}
}


@media screen and (min-width:900px) and (max-width:1025px)
{

/*------ Dyamic ------*/
.contact-details {  height: auto!important; width: 482px!important;  display: inline-block;  background-size: 100%;}
.contact-from { margin: 0px 27px 32px 0 !important;}
.headboy {min-height: 305px !important;    width: 298px !important;}
.achi-img {height: 173px!important;}
.achi-img img { max-width: 100%!important;}
}
@media screen and (min-width:0px) and (max-width:1025px)
{
.main_container5{background-color:#9e9e9e!important;}
body{-webkit-text-size-adjust: 100%;-webkit-background-size:100%;}
.sliderbipin { position: static; height:auto; float:left; background: #432869;}
.overlay,.home_icon{ display:none;}
.menu1 { height: auto;background: #f79e26; float: left; position: static;  transform: translatey(-0px); 
		  -webkit-transition: all .0s;   transition: all .0s; }
.wrapper,.wrapper, .wrapper_master, .wrapper_master_head{ width:100%; }
.head_master{ margin:22px 0 0 0 !important;padding: 0 10px;text-align: center;}
.page_master { padding:19px 10px 0 10px; min-height: 650px;}
.home_logo  { float: left; width: 100%;  margin: 18px 0;}
.home_logo a {  float: none; width: 490px;  margin: 0 auto; display:block;}
.main_container1,.main_container2,.main_container3,.main_container4,.main_container5,.main_container6,.main_container7,.main_container8{ top:0;background: none;}

.menu { width: 98%;  display: none;  margin-left: 1%; overflow: hidden;}

.menu-icon{width:98%; float:left; text-align: center; height:28px; margin:0px 0 18px 1%;display:block; background:#f79e26  url(../images/menutoggle.png) no-repeat center center; cursor:pointer;}
.menu-icon.active3 { background:#f79e26 url(../images/menucroos.png) center center no-repeat; cursor:pointer;}
ul.dropmenu1{ width:123px;}
.menu a,.nav li ul.dropdown li  a { padding:0 !important; line-height:35px;}

.menu ul li ul li:hover{ background:none;}
.dropmenu1 ul.sub-menu li:before,.icon:after{ display:none;}
.li-images{ width:200px;}
.li-images img{ max-width:100%;}
/*#newnotice_lblnoticedownloads ul li {height: 43px !important; padding: 6px 0 0 0;}
.menu a { color: #000;}
.heading_main{ width:100%; font-size:19px;}*/
.home_mob{ display:block;}
.close-m{float: right;z-index: 999;position: relative; display:block;}
.menu-icons-r1{ clear:both; margin-top:22px;}		
.nav { width: 100%; float: left;  height: auto; border-radius: 0;background: #ffe4a3;margin: 0px 0px 1% 0px; padding: 0 2px;}
.nav li { width: 100%;background:none;}
.nav li ul.dropdown{ position:static;margin-top: 0%; display: none; height:auto;}
.nav li:hover ul.dropdown,.nav li ul.dropdown{ opacity: 1;visibility: visible;-webkit-transition: all .0s ease;
    transition: all .0s ease;display:none;background: rgba(254, 213, 153, 0.78); width:100%;padding: 2px 0 4px 0;min-height:auto;}
.nav li:hover > a:before,.nav li:hover > a:after,.nav li:hover > a.change_be:before,.nav li:hover > a.change_be:after{ display: none;}
.nav li ul.dropdown li a { text-align: center !important;}
.nav li:hover > a { background: #e2151b; color: #fed89b;    border-radius: 0px;margin-left: 0px;}

.menu_img{background:none;width:auto;height: auto;}
.menu_img2{background:none;width:auto;height: auto;}
.menu_img3{background:none;width:auto;height: auto;}
.menu_img4{background:none;width:auto;height: auto;}
.menu_img5{background:none;width:auto;height: auto;}
.menu_img6{background:none;width:auto;height: auto;}
.menu_img7{background:none;width:auto;height: auto;}
.menu_img8{background:none;width:auto;height: auto;}
.Letter_mobile{ display:block;}
.label_skitter { bottom: -90px !important;width: 100% !important; }
.skitter .container_skitter { height: 392px !important; overflow:visible !important;}
.skitter.with-dots { margin-bottom: 125px !important;}
.notice_full,.msg_full,.link_full,.About_full,.photo_full{  margin: 0 0 26px 0;}
.notice,.msg,.use_link,.About,.photo_gry,.topper_full{ margin:44px 0 0 0; width: 100%;}
.notice_head,.msg_head,.link_head,.About_head,.photo_head,.bdy_head{ margin-top:0; background-size: contain;}

#newnotice_lblnoticedownloads {height: 228px !important; margin: 0 auto;  width: 685px!important; float:none;}   
.msg_head{ background: url(../images/pri_msg.png) no-repeat center center;}
#newnotice_lblnoticedownloads ul li{width: 756px!important;}
.full_width { width: 600px; margin: 2px 7px 0 16px;}
.principal_mo,.about_mob{ display:block;}
.principal_mo img,.about_mob img{ width:100%;}
.center_notice{padding:0;}
.view_all{ float:none;}
.msg_text,.About_text { margin:0; padding:20px;}
.app_right{ display:none;}
.msg_no,.About_no,.b_gyr { float: left;  width: 100%; display:block;}
.msg_no a,.About_no a,.b_gyr a { width: 124px;  font-size: 15px;  display:block; float: none;  color: #fff; line-height: 40px; background: #432869; text-transform: uppercase; margin: 0 auto;}

.allicon {margin: 40px 0 0 0px; height: auto;}
.allicon ul li { width: 30%;  display: inline-block;  float: none;  margin: 0 0px;}
.extra_link { width: 100%;}
.link_in { width: 660px !important; margin: 0 auto;  float: none;}
.previous-link{ left: 10px;}
.next-link{ right: 10px;}
.eCare {  background: url(../images/users.png) center 27px no-repeat;}
.link_in ul li { width: 211px!important; text-align:center;}
.link_head{height: 83px;padding: 27px 7px 0 0;}
/*a.payment,a.loretosis,a.mary_mard,a.read_book{ width:auto;}*/
a.fee_book,a.jpic,a.Bus_route,a.addmission,a.loreto_site,a.payment,a.loretosis,a.mary_mard,a.read_book{ width:auto; background-size:100%;}
.photo_in { float: none; margin: 0 auto;  width: 356px;}
.switcher { height: 58px; width: 392px; float: left; overflow:hidden;}
.pho_content { margin: 29px 0 28px 0; width: 413px; height: 76px; float: left; }
.con_full {  float: left; width: 272px; height: 74px; margin: 0px 0 0 8px;}
.head_pho_in{ text-align:left;}
.switcher ul li {width: 80px; height: 52px; margin: 0px 6px 18px 6px;}
.switcher ul li img { width: 77px; height: 54px;}
.b_gyr { margin:26px 0 0 0;}
.bdy__full { margin: 0 0 0px 0;}
.which-class1{ margin: 13px 0 2px 0;}
.which-class{margin: 0px 0 8px 0;}
.box_in_sec { width: 504px;  margin: 0 auto; height:auto; min-height: 417px;  float: none; background: url(../images/baloons.png) no-repeat -35px 202px;}
.box_in_sec2 { width: 532px; margin: 0 auto; height:auto; min-height: 503px;float: none;background: url(../images/topper_bg.png) no-repeat -3px 136px;
    background-size: 100% 100%;}
.app_iconLeft{ width:100%; position: static;}
.footer{ margin: 20px 0px 26px 0px !important;}
.ecarebg{ margin:0px 0 0 0; width: 100%;}
.app_left { width: 600px;  float: none;  margin: 0 auto;}
.mid_wrap { float: none;  width: 334px;  margin: 0 auto;}
#app_scroll .flex-control-nav { top: 137px; width: 100%;}
#app_scroll { height: 154px;}
.mid_wrap ul {  margin-top: 13px;}
.page_master img { max-width:100%;}
.head_inn { font-size: 15px; margin: 0 0 8px 0;}
table.sit_t{ width:25% !important;}
td.line a { padding-left: 13px!important; text-align:left;font-size: 14px;}
/*.mas_footer { padding: 27px 0 0px 0;}*/
.messages_in { position: static; top: 0px;}
.text_in_principal {  width: 100%;  position: static;  right: 0px;  padding: 0;}
.left_sms { width: 48%; text-align:center;}
.full_maz{ background:none; height:auto; text-align:center;}
.magazine { width: 46%; margin: 0 1% 0 1%; float:none;}
.maz_img {  width: 100%;}
.maz_img img{ float:left;}
 .down-view:hover > a.view_img{background: url(../images/view.png) right center no-repeat;  width: 42px;}
  .download_pdf:hover > a.download_pdf{background: url(../images/download.png) right center no-repeat;  width: 42px; }

.down-view{ float:left; padding:0; width:70px;}
.magazine-name {  color: #fad4a3; margin: 7px 0 20px 0;  font-size: 15px; width: 100%; text-align:left;padding: 0 0 0 0px;}
.moto, .pin_bg{ display:none;}
.logomoto{ display:block; margin: 0px 0 13px 0;}
.mgitab {overflow: auto;}
.mgitab table { width: 800px;}
.full_nu { height: auto!important;  float: left; width: 100%;}
.thum_class { width: 31%!important;  margin: 0 1% 2% 1%!important;}
.fu_tbl{ padding: 21px 0 0 0px!important; width:850px!important;}
.Council_mo, .Principal{overflow:auto;}
.Council_mo table{width:850px!important;}
.Principal table tr td { margin: 0px 6px 21px 6px!important;}
.Principal table{width:1065px!important;}
.Painted {margin: 0px 0 0px 0!important;}
.showcase{ width: 100% !important; height:auto;}
.left_, .right_ { width: 100%!important; float:left!important;}
.parent_{ height:auto!important;}
div#ctl00_ContentPlaceHolder1_Accordion2{ width:100%; clear:both;}
.left_img, .right_img { width: 100% !important;  height: auto !important;  text-align: center;}
.left_content, .right_content { width: 100% !important; min-height: 50px!important; margin: 18px 0 0 0px !important;}
.center_sports { width: 48%;  margin: 1% 1% 0 1%;}
.thum_class img {  border: 1px solid #bd2151 !important;}
.thum_class {border: 0px solid #bd2151 !important; }
.sports_tlb{overflow:auto;}
.sports_tlb table{width:850px!important;}	
#Maxims {width: 100%;}		
#Maxims .slides li{ height:auto;} 
.thum_maxims { height: auto; width:100%;}
.thum_maxims .tab-nav li { margin: 0px 0 15px 4px; width: 90px;}

span.tot { float: left; width: 100%; text-align: center;  margin:0 0 18px 0!important;}
.floatR { float: left; width: 100%; text-align: center; margin:0 0 18px 0!important;}
.msg_no a:hover, .About_no a:hover, .bdy_no a:hover, .topper1_no a:hover, .topper2_no a:hover {  color: #fff;}
.AGNES{ clear:both;}
.Mary_tlb_mob table tr td{ width: 18%; margin: 0 1%;  float: left;  display: inline-block;}
.nallurl a:before{ display:none;}
.nallurl a:hover { color:#fff!important;}

.all-news-sub1 { clear: both!important;  display: block!important; padding: 0 0 0 2px!important;}
.nfullhead-text{ text-align:center;}

.image_virtual{width: 120px;height: 53px;}
ul.virtual_tour_list li { padding: 10px 15px;  width: 155px;  display: inline-block;}
.iframe-1{ height:250px!important;}
.news_letter,.news_letter2{ text-align:center; float:left;    margin: 0 0 0 0px; width:100%;}
.accordionHeader_Y,.accordionHeaderSelected { text-align:left;}


 /*------ Dyamic ------*/
.wrapper_contact{ width:100% !important;}
.envelope{ display:none;}
.contact-details { height: auto!important; width: 482px!important;  display: inline-block; background-size: 100%!important;}
.contact-from { padding:30px 30px 15px 30px;}
.guestbook-main { float: left!important; width: 100%!important; }
.guestBleft{ max-width: 100%!important;margin-top: 31px!important;}
.get_inTuch { background:none!important;}
.career-captcha { width: 100%!important;}
.capt_txt { margin: 12px 0 0 0; width: 100% !important;}

.join-left,.joinus-right2 { width: 100% !important;}
.joinus-right2 {  margin: 26px 0 0 0!important;}
.captcha_r3{ float: left!important; width:auto !IMportant;}
img.gb-captcha-img,img.captcha-refresh { width: 119px!important;}
.gb-captcha,.captcha-img  { width: 100px!important; height: 30px!important;}
.cnt-butSubmit { float: left!important; width: 162px!important;}
.joinus-right2 li { width: 48%!important; margin: 0 1% 2% 1%!important;}
.rpt-subhead { width: 49%!important; margin: 8px 0px 22px 1%!important; text-align:center; min-height: 350px!important;}
.mDesc{ text-align:center !important;}
.media-detail,.media-repeater {width: 100% !important;}
.mediarm { width: 150px!important;  float: none!important;}
.achiSlideTxt { margin: 0 0 28px 0px!important;}
.contact-details {  position: static !important; top:auto!important;}
textarea.input_con5 {   padding: 7px 0 0 40px!important; text-indent: 0px!important;}
}

@media screen and (min-width:0px) and (max-width:780px)
{

	/*------ Dyamic ------*/
.wrapper_contact { margin: 0 auto; width: 510px !important;}
.contact-from { padding: 23px 12px 15px 12px  !important;}
.contact-from { margin: 30px 27px 30px 0 !important;}
.get_inTuch { background:none!important;}
#map {  height: 350px!important;}
img.gb-captcha-img { width: 119px!important;}
.gb-captcha { width: 100px!important; height: 30px!important;}
.button5{ float:left !important;    margin-right: 10px!important;}
.cnt-butSubmit { width: 100%!important;}
/*.rit { margin-left: 15px;}*/
.capt_txt { text-indent: 0px!important; }
.direction-head { margin: 0px 0px 0 0!important; }

.headboy {min-height: 305px !important; width: 48% !important; margin: 1% 1%!important;}
.achiSlideImg { width: 100% !important;}
.achi-img {height: 173px!important;}
.achi-img img { max-width: 100%!important;}

#btnCancel1{ width:90%; margin:0 auto;}
.flyer-m{ max-width:90%; position:absolute!important; top:20px!important;}
#flyer_iframeid{ max-width:100%;}
.close-flyer{ position:absolute; right:1px; top:1px; border:none; display:block; width:50px; height:50px;}
.flyerbtnnew input[type="submit"]{border:none; display:block; width:50px; height:50px; background:url(../images/close-flyer.png) no-repeat center center; background-color:none; border:none; margin-top:-10px; margin-right:-10px;}


div#login-box {  width: 245px!important;}
table#EventControl_Calendar1 {  height: 200px !important; font-size: 10px !important;}
table#EventControl_Calendar1 tr th, table#EventControl_Calendar1 tr td {  font-size: 10px !important;}

.jprc {display: inline-block; position:absolute; bottom:0px;  left: -1px; z-index: 9;  border: none;}

}
@media screen and (min-width:0px) and (max-width:750px)
{
#newnotice_lblnoticedownloads,#newnotice_lblnoticedownloads ul li { width: 530px!important;}
.full_width{ width:430px;}
.link_in ul li {width: 168px!important;}
.link_in { width: 525px !important;}
.allicon {margin: 17px 0 0 0px;}
.allicon ul li a {height: auto;}
.box_in_sec2 { width: 459px;}
.app_left { width: 520px;}
table.sit_t{ width:50% !important;}
.Found{ clear:both;}
.a6S {  left: 0 !important;}




}
@media screen and (min-width:0px) and (max-width:700px)
{
.skitter .container_skitter {height: 344px !important;}
.page_master { padding:19px 10px 0 10px; min-height: 350px;}

}
@media screen and (min-width:0px) and (max-width:620px)
{
.skitter .container_skitter {height: 314px !important;}
.Schoolb{ text-align:center; width:100%; float:left;}
}

@media screen and (min-width:0px) and (max-width:570px)
{
.next-link { right: 3px;}
.previous-link { left: 3px;}
.link_in { width: 507px !important;}
.label_skitter { bottom: -72px !important;}
.link_in ul li { width: 162px!important;}
}
@media screen and (min-width:0px) and (max-width:520px)
{
.main_container2{margin-top: 203px;}
.mo_port2{ display:none !important;}
.mo_port1{ display:block;}
.skitter .container_skitter {height: 239px !important;}
.label_skitter{ left:0 !important;}
.skew{ display:none;}
.text_in {width: 100%; text-align: center;}
#newnotice_lblnoticedownloads, #newnotice_lblnoticedownloads ul li { height: 418px !important;width: 370px!important;}
.full_width{ margin:19px 0px 0 0px;width:100%!important;}	
.update_date{ margin:0 auto; float:none;}
.allicon ul li { width: 100%; float:left;}
.link_in { width: 337px !important;}
.box_in_sec { width: 100%; background: url(../images/baloons_mob.png) no-repeat 0px 202px; background-size: 100%;}
.box_in_sec2,.pho_content{width: 100%;}
.box_in_sec2{background: url(../images/topper_bg.png) no-repeat -3px 136px;
    background-size: 100% 100%;}
.bdy_in { width: 189px; height: 292px; float: none; padding: 0px 0 00 0px;  margin: 0 auto;}
.topper1,.topper2 { float: none;  margin: 0 auto;}
.app_left,.switcher { width: 370px;}
.top_head{ margin-top: 34px;}
.mobile_xleft{ margin-top:20px;}
#app_scroll { margin: 32px 0 0 0px; height: 171px;}
#app_scroll .flex-control-nav { top: 151px;}
.pvt { float: left; width: 100%;}
table.sit_t {  width: 60% !important;  margin-left: 25% !important;}
.head_girl { float: left!important; text-align: center; width: 100%;  margin: 0!important;}
.left_sms { width: 98%; text-align:center;}
.head_master,.change_color{ font-size:16px;}
.change_color:after { margin: 4px 9px 0px 0;}
.Mary_ward,.inner_right { text-align: center; margin: 5px 0px 0px 0px; width: 100%;}
.arrow_in{ float:left!important; margin: 8px 0 3px 0;}
.thum_class { width: 45%!important; margin: 0 1% 2% 1%!important;}
.magazine-name{ padding:0 0 0 0;}
.Mary_tlb_mob table tr td {  width: 45%;  margin: 0 1%;   float: left; display: inline-block;}
.accordionHeader_Y,.accordionHeaderSelected { padding:7px 31px 7px 8px; text-align:left;}
.image_virtual{width: 100px;height: 53px;}
ul.virtual_tour_list li { padding: 10px 15px;  width: 134px;  display: inline-block;}
.centervir {  width: 286px;  margin: 0 auto;}

	/*------ Dyamic ------*/

.wrapper_contact { width: 100% !important;}
.contact-details {  width: 100%!important;background: #f0f0f0  !important;}
.contact-from { margin: 30px 0px 30px 0 !important; width: 100% !important;}
.capt_txt { width: 100% !important; margin: 10px 0 0px 0!important;}
.clr_c {  display: inline-block;}
.contact-details ul li { padding:0 12px 5px 9px!important; font-size: 14px!important;}
.head_contact { margin: 0 0 28px 0!important; font-size: 14px!important; padding: 11px!important;}
.cnt-butSubmit {width: 100%!important;}
.guestbook-main { padding: 10px!important;}
.joinus-right2 li { width: 100%!important; margin: 0!important;}
.join-left {padding: 10px!important;}
.rpt-subhead { width: 98%!important;}

.direction-head { width:100%!important;}
.reach_search_btns { width: 100%; max-width: 100%; right:0px;margin: 0px 0 20px 0!important;}
#address {width: 200px!important;}
.buttonReachUs{ float:right;}
.map_full { width: 100%!important;  position: static!important;margin: 14px 0 0 0!important;}
.direction-head{ position: static!important; top:0 !important;}
.reach_right { bottom: 9px!important;  top: auto!important; max-width: 100%;}
.dir-map-sub {  width: 100%;  overflow: visible !important;}
.full_back { width: 100%!important;  padding: 19px 6px 17px 6px!important; background:#bd2151;height: 160px!important;}
.reach_head{width: 100%!important; }	
.headboy {min-height: 205px !important; width: 100% !important; margin:1% 0!important;}
.achiSlideImg { width: 100% !important;}
.achi-img {height: 108px!important;}
/*.achiSlideTxt{ margin:0 0 0 0 !important;}*/
.achi-img img { height: 121px !important;}
.inner { margin: 0 0px 5px 0px;  text-align: center; width:100%;}
div#login-box { width: 240px!important; left:18%!important;}
table#EventControl_Calendar1 { height: 185px !important; font-size: 10px !important;}

.jprc {display: inline-block; position: absolute; bottom: 0; top: 200px;  left: -1px; z-index: 9;  border: none;}

}

@media screen and (min-width:0px) and (max-width:380px)
{
.skitter .container_skitter { height: 207px !important;}
.skitter.with-dots { margin-bottom: 108px !important;}
#newnotice_lblnoticedownloads, #newnotice_lblnoticedownloads ul li { width: 340px!important;}
.text_in{ font-size:23px;}
a.payment, a.loretosis, a.mary_mard, a.read_book { width: auto; background-size: contain;}
.link_in { width: 304px !important;}

.link_in ul li { width: 145px!important;}
.app_left, .switcher { width: 340px;}
#app_scroll .flex-control-nav { top: 164px;}
#app_scroll { height: 187px;}
.app_iconLeft {  margin: 11px 0px 3px 0;}
.switcher ul li {  margin: 0px 2px 18px 3px;}
.mo_port1{ display:none;}
.mo_port3{ display:block;}
.home_logo a { width: 310px;}
.magazine { width: 75%;}

.cross { margin: 0 auto!important;  float: none!important;}
.accordionContent_Y{ padding:10px 8px 12px 8px!important;}

}

@media screen and (min-width:0px) and (max-width:340px)
{
.skitter .container_skitter { height: 179px !important;}
.skitter.with-dots { margin-bottom: 98px !important;}
.text_in{ font-size:21px;}
.mo_port1{ display:none;}
.mo_port3{ display:block;}
#newnotice_lblnoticedownloads, #newnotice_lblnoticedownloads ul li { width: 310px!important;}
.link_full{ margin: 0 0 9px 0;}
.link_in { width: 278px !important;}
.link_in ul li { width: 136px!important; margin: 0 2px;}
.msg_text, .About_text { margin: 0; padding: 15px;}
.notice, .msg, .use_link, .About, .photo_gry, .topper_full {  margin: 38px 0 0 0;}

#glry,.photo_in,.switcher { width: 296px !important;}
#glry { height: 198px;}
.con_full { width: 211px;}
.box_in_sec {width: 100%; background-size: 100%; background: url(../images/baloons_mob.png) no-repeat 0px 205px;}
.box_in_sec2{background: url(../images/topper_bg.png) no-repeat -3px 136px;
    background-size: 100% 100%;}
.head_pho_in{ font-size:15px;}
.app_left, .switcher { width: 310px;}
.mid_wrap { width: 310px;}
.mid_wrap ul li { margin: 0 1px 0 0px;}
.fixft{ float: left; width: 100%;}
.footer ul li{ font-size:12px;}
div#login-box {  left:12%!important;}

}