@media (min-width:992px) and (max-width:1199px) {
.ab-content { width:100%;}
}

@media (min-width:768px) and (max-width:991px) {
.ab-content { width:100%;}
.login-form { width:50%;}
.c-form-inner, .c-address { width:100%;}
.c-form-inner { margin-bottom:40px;}
.c-address h3, .c-address h4 { text-align:center;}
.pin { width:100%; margin-left:auto; margin-right:auto;}
.phone, .fax { width:100%; margin-left:auto; margin-right:auto;}
.mail { width:100%; margin-left:auto; margin-right:auto;}
}


@media (max-width:767px) {
.wrapper {background:url(images/videoframe.jpg) no-repeat; background-size:cover; background-position:center center;}
.fullscreen-bg__video {display: none;}
.logo { display:none;}
.mob-logo { display:inline-block !important; height:auto !important;}
.navbar-nav > li {
display: inline-block;
float: none !important;
text-align: left;
width: 100%;
}
.cus-nav li:before { display:none;}
.navbar-toggle { margin-top:50px;}
.mob-login { display:block !important;}
.ab-content { width:100%;}
.ab-content {margin:50px auto;}
.login-form { width:90%;}
.c-form-inner, .c-address { width:100%;}
.c-form-inner { margin-bottom:40px;}
.three-tier, .two-tier { width:100%; margin-left:0;}
.c-address h3, .c-address h4 { text-align:center;}
.pin { width:100%; margin-left:auto; margin-right:auto;}
.phone, .fax { width:100%; margin-left:auto; margin-right:auto;}
.mail { width:100%; margin-left:auto; margin-right:auto;}
}

@media (max-width:479px) {
.name-title, .top-tier { width:100%; margin-left:0;}
}

@media (min-aspect-ratio: 16/9) {
.fullscreen-bg__video {
height: 300%;
top: -100%;
}
}

@media (max-aspect-ratio: 16/9) {
.fullscreen-bg__video {
width: 300%;
left: -100%;
}
}