@media all and (max-width : 1200px) {
 .container {width:95%;}
 
}

@media all and (max-width : 1024px) {
.tab_content ul li:nth-child(4n+4) {
  margin: 0 20px 20px 0;
}
.tab_content ul li{ width:200px;}
#inner-slide img {
  height: auto;
}
iframe {
  height: auto;
  width: 100%;
}
.tab_wrapper .content_wrapper .tab_content{ height: auto!important; }
}

@media screen and (max-width: 1024px) and (min-width: 941px){
	
	
	}
	
	
@media screen and (max-width:940px){

.logo img{ max-width:180px;}

#cssmenu{width:100%; background:#333; margin:0;}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:58px;height:46px;position:absolute;right:0;top:-59px;cursor:pointer;z-index: 12399994; background: #555 none repeat scroll 0 0;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
  background: #000 none repeat scroll 0 0 !important;}
} 	
	
	
@media screen and (max-width: 940px) and (min-width: 768px){
	}
	
	}	

@media all and (max-width : 940px) {
	

}


@media all and (max-width : 800px) {
.nav{ display:none;}
.banner .contact-form {
  background-color: #d8d8d8;
  margin-top: 10px;
  padding: 26px;
  position: static;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}
#slides .slidesjs-navigation{ display:none;}
.about-property p{ width:100%;}
.second-title{font-size: 20px;margin: 10px auto;}
.common-title{font-size: 20px;margin: 0 auto 10px;}
.contact-info h5{font-size: 20px;}
.contact-form p {
  margin: 0;
}
form input.email {
  margin: 10px 0;
}
.contact-form input[type="text"]{ padding: 0.2em 0.8em;}
.contact-form textarea{margin-top: 10px;  min-height: 4em;}
.contact-form input[type="submit"]{margin-top: 10px;  padding: 0.2em 0.8em; width:100%;}
.contact-left{ margin-top:10px;}
	}

@media all and (max-width : 768px) {  	
.contact-form input[type="text"]{ width:100%;}
input.email {
  margin: 30px 0;
}
.address.address-mdl {
  margin: 1em 0;
}
.banner .contact-form h5{ font-size: 18px; margin: 0 0 10px;}
.banner .contact-form input.email {
  margin: 10px 0;
}
.banner .contact-form textarea{margin: 10px 0 0 0;}
.add-block {
  left: 100px;
  top: 25px;
}
.contant2{ margin: 5px 0;}
}


@media all and (max-width : 640px) {

.join-block-mid{ margin:30px 0;}
.social{margin:30px 0;}
.contant1{ font-size:20px;}
.add-block {
  top:5px;
}
}

@media all and (max-width : 480px) {
footer ul li{ width:100%;}
.add-block {
  left: 20px;
  width: 300px;
}
.contant1 {
  font-size: 12px;
}
.contant2 {width:277px;
  font-size: 10px;
}
.contant3 { width:172px;
  font-size: 10px;
}

}

@media all and (max-width : 420px) {
	
.contant1{ padding:5px;}
.contant3{ padding:2px 10px;}
}

@media all and (max-width : 376px) {
.contant1 {
  font-size: 10px;
}
.contant2 {
  margin: 2px 0;
}
	}
	
@media all and (max-width : 320px) {
	.contant2 {
  padding: 2px 0;
}
.contant1 {
  padding: 2px;
}
.contant3 {
  line-height: 1.2;
}
.add-block {
  left: 10px;
}

   }