/***
Responsive Theme. 
Based on http://getbootstrap.com/css/#responsive-utilities-classes
***/

/***
Form Medium Devices Up To Large Devices
***/
@media (max-width: 1200px) {
    
}

@media (min-width: 992px) and (max-width: 1200px) {  
	
}

@media (max-width: 1024px) {
	.hidden-1024 {
		display: none !important;
	}
} 

/***
From Medium Devices Up To Larger Devices
***/

@media (min-width: 992px) { 

}

/***
Up To Medium Devices
***/

@media (max-width:991px) { 
    .hidden-991 {
		display: none !important;
	}
}

/***
From Small Devices Up To Medium Devices
***/
 
@media (min-width: 768px) and (max-width: 991px) { 

	/***
	Body
	***/
	body {
	 	padding-top: 0px;
	}
    
    .nav > li > a{
        padding: 15px 5px !important;
    }
    
    .navbar-collapse.pull-left + .navbar-custom-menu{
        right: 0;
    }
    
    .navbar-custom-menu .navbar-nav > li > a{
        padding: 15px !important;
    }
    
    .navbar-nav > .user-menu .user-image {
        float: none;
        line-height: 10px;
        margin-right: 0;
        margin-top: -8px;
    }
} 
 
/***
Extra Small Devices Only
***/

@media (max-width: 767px) { 
    .hidden-767 {
		display: none !important;
	}
    
    /*
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    */
    
    .navbar-nav > .user-menu > .dropdown-menu{
        width: 200px;
    }
    
    .btn-success {
        background-color: #207AA5;
        border-color: #008d4c;
        color: #FFFFFF;
    }
}

/***
The Most Extra Small Devices Landscape Mode Only
***/

@media (max-width: 580px) {

}

@media (max-width: 480px) {

	/***
	Hidden phone
	***/
	.hidden-480 {
		display: none !important;
	}
    
    /***
	Login Google Re-Captcha
	***/
    .g-recaptcha {
        transform:scale(0.775) !important;
        -webkit-transform:scale(0.775) !important;
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
    
}

/***
The Most Extra Small Devices Portrait Mode Only
***/

@media (max-width: 320px) {

	/***
	Hidden phone
	***/
	.hidden-320 {
		display: none;
	}
    
}	