@media only screen and (max-width:320px){
.logo_her img{ width:60%!important}
}
@media only screen and (max-width:480px){

}
@media only screen and (max-width:480px) and (min-width:320px) {
/*#space{ height:7780px!important}
.section{ margin:0px; padding:0 3px}
#header{ position:relative}
.abt_her_setion .row,.row,.container{ width:100%}
.floor_plan{ height:auto}
#main-container{ margin-top:358px!important}
.banner_area,.wrap{ max-width:480px}
.section.cascade-paralax{ padding:0}
.abt_her_setion .top_bg{width:0px;height:0%; left:0%; z-index:-9}
.headbox1{margin:90px 20.25% 0px;width: 59%;}
.logo_her img{ width:30%; height:auto}
.logo_wrapper{ margin-left:20px}
#screen-bg{ margin-top:90px!important}
.title_section{ margin:0px}
.topleft_bg{ top:-115px; width:100%}
.topright_bg{ height:100%; width:200px;top:10px}
.section-area .topright_bg{}
.con_desc{ width:98%; line-height:26px; position:static; padding:0PX 5px}
.abt_her_setion .section-area{/*background: #A12020 url(../images/her_building.jpg) no-repeat 215% 0px;*}
.abt_her_setion .section-area{background: #A12020;}
.floor_plan_img{ height:auto}
.floor_plan_img img{ width:100%; height:auto}
.floor_planes_section .top_bg{top: 92px;width: 24%;height: 250px;background-size: cover;}
.floor_planes_section .bottam_bg,.site_plan_section .title_section,.siteplan_bg{ display:none}
.Specifications_section .top_bg_spec,.site_plan_section .top_bg_spec,.villa_elevations_section .top_bg_spec,.amenties_section .top_bg_spec,.adv_section .top_bg_spec{ width:400px; top:0;}
.Specifications_section .wrap h1{ top:125px; font-size:30px}
#box-4{ padding-top:0px}
.adv_section .section-frame{ padding-bottom:10px}
.contact_section{ padding-top:10px}
.sub_page_section h1{ padding-left:5px}
.elevation{ height:auto;width: 80%;margin: 0 auto;}
.elevation_wrap li{ margin-bottom:10px}
.amenties_section .row,.adv_section .row{margin: 0px 25px;}
.two_section{ margin:0px 12px}
.contact_number_wrap span{ width:55px;}
.contact_number_wrap{width: 343px;}
.address_wrap{ width:130px}*/
}
@media only screen and (max-width:768px) and (min-width:480px) {
/*.topright_bg{ width:50%; height:100%}
.logo_her img{ width:30%}
.topleft_bg{ width:100%; height:auto; top:0}
.second_box{top:64px; width:54%}
.wrapper .first_box{top:94px; width:54%}
.header-box{ position:static}
.section.bg{ margin-top:100px!important}
.abt_her_setion .top_bg{ background:none; width:100%; left:0}
.abt_her_setion .section-area{ background:#A12021;}
.con_desc{ position:static; width:100%}
.title_section{ margin-top:0px}
.floor_plan_img{ height:auto}
.floor_plan{ height:870px}
.floor_planes_section .bottam_bg{ background:none}*/
}
@media only screen and (max-width:768px) and (min-width:600px) {
	
	

}

@media only screen and (max-width:768px) and (min-width:600px) {
	
	

}

@media only screen and (max-width:1240px) and (min-width:960px) {


.header-box{margin:-22px 10.25% 34px;}
.logo_her img{ width:15%; height:auto}
.logo_wrapper{ margin-left:20px}
.topleft_bg{ top:-115px}
.topright_bg{ height:100%; width:430px;display:none;}
.con_desc{ width:44%; line-height:26px;}
.abt_her_setion .section-area{/*background: #A12020 url(../images/her_building.jpg) no-repeat 215% 0px;*/}
.abt_her_setion .section-area{background: #A12020 url(../images/her-bulding1.jpg) no-repeat right 0px;}
.floor_planes_section .top_bg{top: 92px;width: 24%;height: 250px;background-size: cover;}
.floor_planes_section .bottam_bg{width: 70%;height: 340px;background-size: cover;}
.sub_page_section h1{ padding-left:20px}
.elevation_wrap li{ margin-left:10px; margin-right:10px}
.amenties_section .row,.adv_section .row{margin: 0px 25px;}
.two_section{ margin:0px 12px}
.contact_number_wrap span{ width:55px;}
.contact_number_wrap{width: 343px;}
.address_wrap{ width:130px}

}
@media only screen and (max-width:1024px){

/*.sub_page_section h1{  font-size:30px}
.floor_planes_section .top_bg{ top:62px}
.con_desc{ left:3%}*/
}
@media only screen and (max-width:1024px) and (min-width:980px){
body{/* background:#A12021*/}
.row{ width:auto}
.sub_page_section h1{  font-size:30px}
.floor_plan_img img{ width:100%!important; height:auto}
.section-frame{ }
.con_desc{ left:3%}
.container{ margin:0px; width:auto}
#container{margin:0px;}
#container img{ width:100%; height:auto}
.header-box{margin:-22px 10.25% 34px;}
.logo_her img{ width:15%; height:auto}
.logo_wrapper{ margin-left:20px}
.topleft_bg{ top:-115px}
.topright_bg{ height:100%; width:430px}
.con_desc{ width:44%; line-height:26px;}
.abt_her_setion .section-area{background: #A12020 url(../images/her-bulding1.jpg) no-repeat right 0px;}
.floor_planes_section .top_bg{top:110px;width: 24%;height: 250px;background-size: cover;}
.title_section{ margin-top:0px}
.floor_plan_img{ height:500px!important}
#image2{ width:100%; height:auto}
.site_plan_section .section-hold,.site_plan_section .section-frame{background: #8EA72F;}
.floor_planes_section .bottam_bg{width: 70%;height: 340px;background-size: cover;}
.sub_page_section h1{ padding-left:20px}
.elevation_wrap li{ margin-left:10px; margin-right:10px}
.amenties_section .row,.adv_section .row{/*margin: 0px 25px;*/}
.two_section{ margin:0px 12px}
.contact_number_wrap span{ width:55px;}
.contact_number_wrap{width: 343px;}
.address_wrap{ width:130px}

}
@media only screen and (min-width:1200px) and (max-width:1024px){


}



.toggleMenu { /*   display:  block!important;*/   padding: 10px 15px 10px 6px;    color: #000;  font-family: 'Lato', sans-serif; font-weight: 600;
font-size: 14px;background:url(../images/mobile-menu-bg.png) no-repeat 86% 49%; text-transform:uppercase; width:40px; float:none!important;/* display:block;*/ background:#fff}
.mobile_nav {    list-style: none;     *zoom: 1;     background:#000;	 position: absolute;	z-index: 100000;	width:60%; left:0; }
.mobile_nav:before,
.mobile_nav:after {    content: " ";     display: table; }
.mobile_nav:after {    clear: both;}
.mobile_nav ul {    list-style: none;    width: 9em;}
.mobile_nav a {    padding: 12px 15px;    color:#fff; font-family: 'Lato', sans-serif; font-weight: 600;
font-size: 13px;
text-transform: uppercase;}
.mobile_nav li {    position: relative;}
.mobile_nav > li {    float: left;    border-bottom: 1px solid #fff;}
.mobile_nav > li > .parent {    background-image: url("../images/downArrow.png");    background-repeat: no-repeat;    background-position: right;}
.mobile_nav > li.hover .parent {    background-image: url("../images/upArrow.png");    background-repeat: no-repeat;     background-position: 70% 50%;}
.mobile_nav > li > a {    display: inline-block;}
.mobile_nav li  ul {    position: absolute;    left: -9999px;}
.mobile_nav > li.hover > ul {    left: 0;}
.mobile_nav li li.hover ul {    left: 100%;    top: 0;}
.mobile_nav li li a {    display: block;    background:#D34F12;    position: relative;    z-index:100;    border-top: 1px solid #fff;	color: #fff;	font-size: 13px;	font-family: 'Lato', sans-serif;	font-weight: bold;	text-transform: uppercase;	}
.mobile_nav li li li a {    background:#249578;    z-index:200;    border-top: 1px solid #1d7a62;}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .mobile_nav > li {
        float: none;
    }
    .mobile_nav > li > .parent {
        background-position: 70% 50%;
		position: absolute;
		top: 6px;
		right: 0;
		width: 50px;
    }
    
    .mobile_nav ul {
        display: block;
        width: 100%;
    }
   .mobile_nav > li.hover > ul , .mobile_nav li li.hover ul {
        position: static;
    }

}