@media only screen and (max-width : 1200px){.video-section{width: 100%;height:570px; overflow: hidden;position: relative;}
.video-section video{width:auto;position: absolute; top: 0; left: 0;}}
@media only screen and (max-width : 1024px){section.video_bg{background: url('../images/datacenter.jpg') center;background-size: cover;}.video-section{opacity: 0;visibility: hidden;}}
@media only screen and (min-width : 768px){#myModal .modal-dialog{max-width: 800px;width: auto;}}
@media only screen and (max-width : 767px){
nav{float: right;display: none;} nav ul li{padding: 10px;width: 100%;float: left;}.data_facility nav ul li{padding: 10px;width: 100%;float: left;}nav ul li ul{z-index: 999;width: 100%;}
.navbar-toggle{background: #26aff2;  border-radius: 0; padding: 5px;;}.navbar-toggle .icon-bar{background: #fff;} 
#nav-icon1{display:block;position: fixed; right: 17px; z-index: 9999;top: 14px;}
.data_facility nav ul li ul li{border-bottom: none; }.data_facility nav ul li ul li a{color: #fff;}
nav ul li:hover{background: transparent;}
.side_bar{width:300px;height: 400px; position:fixed; top:50px; right:-300px; height:100%; display:block;z-index:999;transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }	
.side_bar nav{width:100%; height:100%; display:block;background:#414143;overflow-y: scroll;}
.side_bar .nav ul{height:100%;background:none;position: static;}
.side_bar nav ul li:hover ul{display:block;}.side_bar nav ul li ul{display: block;}
.side_bar nav ul ul{opacity:1; visibility:visible;display:block;}
.side_bar nav ul li ul li{padding: 5px 10px;border-bottom: none;}    
.side_bar nav ul li a {font-size:14px; line-height:18px;padding:5px; margin:0;color: #fff; }
.side_bar nav ul li ul li a{color: #fff ;font-size: 13px;}
.side_bar nav ul li ul li:hover a{color: #000;}
body.open.index {background-color: #414143;}
.open .side_bar{right:0; }
.open .wrapper{right:300px; }
.video_modle .modal-dialog{margin: 100px auto}    
/*--datecenter-build--*/
.tab_para{position: static;}
.video_bottom ul li{width: 50%;}.video_bottom ul li img{width: 100%;}
.width50{width: 50%;float: left; padding: 10px;}
.width33{width: 33%;float: left; padding: 10px;}
.dynamic-densities{width: 100%; float: left;height: auto !important;}.dynamic-densities p{padding-bottom: 25px;}
.scateranimation{width: 100%;float: none !important;}
.tab-sec .nav-tabs>li>a{font-size: 14px;}
.foter_right{ float: left;} 
.foter_right p{width: 100%; text-align: left;}
}
@media only screen and (max-width : 480px){.video_bottom ul li{width: 100%;}.video_bottom ul li img{width: 100%;}
    
.width50, .width33{width: 100%;float: left; padding: 10px;}.tab-sec .nav-tabs>li{width: 100%;}
.copyright ul{width: 100%;  float: left;  display: block;}  
.foter_right{width: 100%; float: left;} 
    
}