/*responsive for login screen*/

/* Portrait view of tablets */
@media only screen
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  
		  .navbar.navbar-inverse.navbar-fixed-top.navbar-inverse-extend.res_nav_bar {
		    display: none;
		}
		#login.col-md-offset-3 {
		     margin-left: 0px !important; 
		}
		.align-top{
			margin-top: 200px;
		}
		.form-box .body {
		    padding: 0px 70px 19px 70px;
		}

		.responsive_padding{
			padding:0px 70px 0px 70px;
		}

		.row.align-top_new {
		    margin-top: 100px;
		}
		.terms-conditions {
		    font-size: 17px;
		    margin-bottom: 12px;
		}

		.col-md-12.have_account {
		    text-align: center;
		    font-size: 17px;
		}
		.navbar .nav > li > a {
		    font-size: 20px !important;
		    font-weight: 600;
		}
		.navbar-inverse{
			height: 75px;
		}


		/*new data display*/

		.row-offcanvas-left
		 .sidebar-offcanvas{
		 	left: 0px;
		 }
		 .sidebar-offcanvas {
		    position: fixed;
		    top: 60px;
		    width: 164px;
		    z-index: 4000;
		}
		.navbar-header {
		  width: 165px;
		}
		.navbar-header a img {
		    width: 76px;
		}



		/*new dashboard */



}
/*end screen here*/




@media screen and (max-width:768px){
		  .navbar.navbar-inverse.navbar-fixed-top.navbar-inverse-extend.res_nav_bar {
		    display: none;
		}
		#login.col-md-offset-3 {
		     margin-left: 0px !important; 
		}
		.align-top{
			/*margin-top: 200px;*/
			margin-top: 120px;
		}
		.form-box .body {
		    padding: 0px 20px 19px 20px;
		}

		.responsive_padding{
			padding:0px 70px 0px 70px;
		}

		.row.align-top_new {
		    margin-top: 100px;
		}
		.terms-conditions {
		    font-size: 17px;
		    margin-bottom: 12px;
		}

		.col-md-12.have_account {
		    text-align: center;
		    font-size: 17px;
		}
		.navbar .nav > li > a {
		font-size: 15px !important;
    	font-weight: 600;
    	margin-top: -10px;
		}
		.navbar-inverse{
			height: 75px;
		}


		/*new data display*/

		.row-offcanvas-left
		 .sidebar-offcanvas{
		 	left: 0px;
		 }
		 .sidebar-offcanvas {
		    position: fixed;
		    top: 60px;
		    width: 164px;
		    z-index: 4000;
		}
		.navbar-header {
		  /*width: 165px;*/
		  width: 100%;
		}
		.navbar-header a img {
		    /*width: 76px;*/
		        width: 52px;
    			margin-right: -36px;
		}



}




/* Portrait and Landscape  */
/*Portrait and landscape view for iphones*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {

	  	.navbar-inverse-extend .container .navbar-header.res_nav_bar{
	  		display: none;
	  	}
	  	.navbar.navbar-fixed-top.navbar-inverse-extend.res_nav_bar{
	  		display: none;
	  	}
	  	button.navbar-toggle.responsive_hide {
	    display: none;
	}

	.responsive_padding{
		padding:0px 10px 0px 10px;
	}
	.row.align-top_new {
	    margin-top: 100px;
	}


	.navbar-header a img{
		display: inline-block;
		width: 50px;
		margin-right: -50px;
	}

	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
		margin-right: 0px;
		margin-left: 0px;
	}
	.navbar-header{
		height: 60px;
	}
	.container.hor_nav{
		padding-right:0px;
	}
	.navbar-header{
		width: 100%
	}

	.header_down {
	    background-color: #fff;
	    height: 50px;
	    margin-top: -6px;
	    border-bottom: 1px solid #ddd;
	}
	.nav>li{
		display: inline-block;
	}

	 .show_responsive{
	  display: block !important;
	}
	.hide_responsive{
		display: none !important;
	}

	.responsive_right{
	float: right;
	margin-right: 25px;
	margin-top: -6px;
	}
	.navbar .caret {
	    border-top-color: #555 !important;
	    border-bottom-color: #555 !important;
	}
	.navbar-nav .open .dropdown-menu{
		
		background-color: #fff;
	}
	a.navbar-brand {
	    float: right;
	}
	.res_toggle_btn{
		float: left;
	}
	.sidebar-offcanvas{
		display: none;
		position: fixed;
		border-right:0px;
	}
	.row-offcanvas-left
	 .sidebar-offcanvas{
	 	left: 0px;
	 	z-index: 4000;
	 	    top: 22px;
	 }

	 .sidebar-offcanvas  ul.nav  li.active{
	 	width: 100%
	 }
	 div#main {
	    margin-top: 30px;
	}


	/*for dashboard*/

	.column .padding {
	     padding:0px; 
	}


	/*for send money*/
	.tab-pane .row .form-horizontal .form-group .col-md-10{
		padding-right: 0px;
	}

}

 /*iphone landscape mode*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
			  	button.navbar-toggle.responsive_hide {
			    display: none;
			}

			/*for dashboard*/

			.column .padding {
			     padding:0px; 
			}

			 div#main {
			    margin-top: 30px;
			}


			}

			@media (max-width: 499px){
				.navbar.navbar-inverse.navbar-fixed-top.navbar-inverse-extend.res_nav_bar {
			    display: none;
			}

			/*for dashboard */

			.column .padding {
			     padding:0px; 
			}

			 div#main {
			    margin-top: 60px;
			}
			.res_c-body-tabs{
				width: 1000px;
			}

			select.form-control{
				width: 100% !important;
			}
			.sidebar-offcanvas ul.nav li a{
				padding:10px 2px;
			}

}


/*galaxy S5 screen type*/
@media only screen and (max-width: 360px)
and (max-device-width:360px){

		.responsive_padding{
	padding:0px 10px 0px 10px;
}
.navbar-header a img{
	display: inline-block;
	width: 50px;
	margin-right: -50px;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
	margin-right: 0px;
	margin-left: 0px;
}
.navbar-header{
	height: 60px;
}
.container.hor_nav{
	padding-right:0px;
}
.navbar-header{
	width: 100%
}

.header_down {
    background-color: #fff;
    height: 50px;
    margin-top: -6px;
    border-bottom: 1px solid #ddd;
}
.nav>li{
	display: inline-block;
}

 .show_responsive{
  display: block !important;
}
.hide_responsive{
	display: none !important;
}

.responsive_right{
float: right;
margin-right: 25px;
margin-top: -6px;
}
.navbar .caret {
    border-top-color: #555 !important;
    border-bottom-color: #555 !important;
}
.navbar-nav .open .dropdown-menu{
	
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #666;
}
a.navbar-brand {
    float: right;
}
.res_toggle_btn{
	float: left;
	margin-top: 14px;
}
.sidebar-offcanvas{
	display: none;
	position: fixed;
	border-right:0px;
}
.row-offcanvas-left
 .sidebar-offcanvas{
 	left: 0px;
 	z-index: 4000;
 	    top: 22px;
 }
 .sidebar-offcanvas  ul.nav  li a{
 	padding: 10px 2px;
 }

 .sidebar-offcanvas  ul.nav  li.active{
 	width: 100%
 }
 div#main {
    margin-top: 30px;
}

/*for dashboard*/

.column .padding {
     padding:0px; 
}

 div#main {
    margin-top: 60px;
}

.tab-pane .row .form-horizontal .form-group .col-md-10{
	padding-right: 0px;
}



}

/*iphone5 screeen type*/

@media only screen and (max-width: 320px)
and (max-device-width:320px){

	.responsive_padding{
	padding:0px 10px 0px 10px;
}
.row.align-top_new {
    /*margin-top: 100px;*/
}
.responsive_panel_body{
	padding:0px;
}

.navbar-header a img{
	display: inline-block;
	width: 50px;
}


/*for dashboard*/

.column .padding {
     padding:0px; 
}

 div#main {
    margin-top: 60px;
}
.nav-tabs>li>a {
    font-size: 10px;
    
}
.tab-pane .row .form-horizontal .form-group .col-md-10{
	padding-right: 0px;
}

input#up_file {
    width: 124px;
}
select.form-control{
	width: 100% !important;
}

}