/*  -------******** big device ********---------- */
@media screen and (min-width:1350px) and (max-width:1920px) {

}


@media screen and (min-width:1025px) and (max-width:1440px) {

}



/*  ----------******** End of laptop device ********-------------- */
@media screen and (min-width: 901px) and (max-width: 1024px) {
.parentContainer #loginForm { width: 900px;}	
/* Tablet toggle */
.navbar-header {  float: none;  }
.navbar-toggle {display: block; }
.navbar-collapse { border-top: 1px solid transparent;  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); width: 100%;   }
.navbar-collapse.collapse { display: none!important;  }	
.navbar-collapse.in { overflow-y: auto !important;}
.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);  box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }	
/* .nav>li { position: relative;	float: none!important;  display: block !important;} */
.navbar-nav {float: none!important;	margin: 7.5px -15px !important; }    
/* .navbar-nav>li { float: none!important; }  */
.navbar-nav> li > a { padding: 15px 0;}
.collapse.in { display: block!important;}
.collapse { display: none!important;}	
.affix-top-wrapper .affix .navbar-brand img { width: 36px;height: 36px;  transition: all 0.15s ease-in-out 0s;}
.affix-top-wrapper .affix .navbar-brand { float: left; height: 80px; padding: 15px 15px; font-size: 18px;}
.navbar-toggle { margin-top: 20px;}
.xs-toggle{background: white;    left: 0;    right: 0;    position: absolute;overflow: auto;    padding: 0 15px;z-index: 999;}
.affix-top-wrapper .affix .navbar-nav> li > a {    padding: 15px 0 !important;}	
/* Tablet toggle End*/



}

@media screen and (min-width: 651px) and (max-width: 900px) {
.parentContainer #loginForm { width: 100%;}

	
/* Tablet toggle */
.navbar-header {  float: none;  }
.navbar-toggle {display: block; }
.navbar-collapse { border-top: 1px solid transparent;  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); width: 100%;   }
.navbar-collapse.collapse { display: none!important;  }	
.navbar-collapse.in { overflow-y: auto !important;}
.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);  box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }	
/* .nav>li { position: relative;	float: none!important;  display: block !important;} */
/* .navbar-nav {float: none!important;	margin: 7.5px -15px !important; }     */
.navbar-nav>li { float: none!important; } 
.navbar-nav> li > a { padding: 15px 0;}
.collapse.in { display: block!important;}
.collapse { display: none!important;}	
.affix-top-wrapper .affix .navbar-brand img { width: 36px;height: 36px;  transition: all 0.15s ease-in-out 0s;}
.affix-top-wrapper .affix .navbar-brand { float: left; height: 80px; padding: 15px 15px; font-size: 18px;}
.navbar-toggle { margin-top: 20px;}
.xs-toggle{background: white;    left: 0;    right: 0;    position: absolute;overflow: auto;    padding: 0 15px;z-index: 999;}
.affix-top-wrapper .affix .navbar-nav> li > a {    padding: 15px 0 !important;}	
/* Tablet toggle End*/






}

/*  ----------***** Mobile device *****--------- */
@media screen and (max-width: 650px) {
.parentContainer #loginForm { width: 100%;}




}

@media screen and (max-width:767px) {


}

/*  ---------***** End of Mobile device *****--------*/
@media screen and (min-width: 451px) and (max-width: 650px) {}

@media screen and (max-width: 420px) {
/* .nav-top-right li {padding-right: 9px;  display: inline-block;} */
/* .nav-top-right { padding: 5px;} */

}


@media(max-width:767px){
  
}