@media (min-width: 992px){
  .navbar-expand-lg .navbar-nav {
    flex-direction: column !important;
  }
  
  
  
}



@media (max-width: 992px){

  .profile_body .grid{
    float: left;
    width: 48%;
    margin-left: 1.5%;
    box-shadow: none;
    display: block;
    padding: 10px;
  }
  .tracking_profile .grid{
    width: auto;
  }
  
  .grid a  {display:block;text-align:center; }

  .grid span{    margin: 10px auto 0 auto;}
  .profile_body span {
    font-size: 14px;
    
  }
  
  .profile_name {color: #FFFFFF;}
  .circle {border: 3px solid #FFF;  }

  .padding_responsive{
    padding-left: 0 !important;
    padding-right: 0 !important;
    }

  .depense_pricing {
    font-size: 13px !important;
  }
  .profile_body span.nbr_circle {
    width: 55px;
    height: 55px;
    font-size: 16px;
    padding: 30px;
  }
  .circle .desktop_img{
    display: none;
  }
  .circle .respo_img{
    display: block;
  }

  #register #form_div {    
    margin-bottom: 30px;
  }
  #commande_submit form{
    margin: 30px auto 0 auto;
}
  
  
  .space_between_divs_dashboard_commande_en_cours {
  right: unset
}
.space_between_divs_dashboard_mes_dependances {
  right: unset
}
.space_between_divs_dashboard_commandes {
  right: unset;left: unset
}
  
  
  .img-rep {
    width : 32px;
    height : 32px
  }



}

@media (min-width : 500px) and (max-width : 991px) {
  .princing_div span.pricing_c{
    width: 15%;
    display: block;
    float: left;
  }
  .trait_dessus
  {
    /*width: 73% !important;*/
    margin: 0 0 0 1% !important;
  }
  .princing_div .right_price {
    width: 10%;
    text-align: right;
  }

}

.btn{
  margin-top: 0px !important;
  
}

/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 480px) {
  header .desktop_row, .breadcrumbs, .global_layout h1, .global_layout h2{
    display: none;
  }
  #home h1{
    display: block;
  }
  header .responsive_row{
    display: block;
    padding: 20px 17px;
    font-family: arial;
    font-size: 18px;
    background: #0e0e0e;
    background: -moz-linear-gradient(top, #0e0e0e 1%, #7d7e7d 100%);
    background: -webkit-linear-gradient(top, #0e0e0e 1%,#7d7e7d 100%);
    background: linear-gradient(to bottom, #0e0e0e 1%,#7d7e7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 );
    font-size: 16px;
    font-weight: bold;

  }
  .trait_dessus{
    width: 57%;
    margin: 0;
    height: 100px;
    width: 1px;
    border-left: 3px dashed #f73c43;  
  }
/*  .global_layout {
    padding: 55px 0 55px 0;
   }*/
  .float_left{
    float: left;
  }

  /*register page*/
  #register #form_div {
    column-count: auto;
    width: 100%;
  }
  #register .fos_user_registration_register {
      margin-top: 0; 
  }
  #register .loginForm .red_btn {
    width: 100%; 
  }

  #register .form-group div, .form_padding, .padding_respo{
    padding: 0 !important;
  }
    /*#register .form-group label{
      display: none;
    }*/
    #profile .grid a{
      white-space: nowrap;
    }
    #profile .red_btn {
      margin-top:  25px;
    }

  /*commandes pages*/
  #commande_list, #commande_list div, #commande_waiting, #commande_waiting div{
    padding: 1px;
  }

 /* #footer{
    display: none;
  } */

  #register {padding:0 !important;}
  
  .form-group label {
    display: none;
  }
  
  #register .form-group div {
    padding: 0;
    /*width: 67%;*/
    float: left;
  }
  
  .loginForm .red_btn {
    font-size: 12px !important;
    letter-spacing: 1px;
  }
  
  #fos_user_registration_form_save {margin-top: 20px !important;}

  .col-logo-responsive{
    display: block; 
    text-align: center;
  }
  .col-logo-responsive .logo_responsive{
    width: 65%;
    margin-bottom: 30px;
  }
  .padding_r_l{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .header_display{
    display: none !important;
  }
  .padding_class{
    padding-top: none !important;
  }
  .global_layout.bg_responsive{
    display: block;
    padding: 30px 7px;
    font-family: arial;
    font-size: 18px;
    background: #0e0e0e;
    background: -moz-linear-gradient(top, #0e0e0e 1%, #7d7e7d 100%);
    background: -webkit-linear-gradient(top, #0e0e0e 1%,#7d7e7d 100%);
    background: linear-gradient(to bottom, #0e0e0e 1%,#7d7e7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 );

  }
  .forgot_paswd {
    font-size: 14px;
    color: #d7d7d7 !important;
    /*margin-bottom: 75px !important;*/
  }
  #login .create_input {
    border: 2px solid #d7d7d7 !important;
    color: #d7d7d7 !important;
  }
  #register input[placeholder] {
    padding-right: 20px;
    direction: rtl;
  }
  .respo_btn_register{
    display: block !important;
  }
  .btn_register{
    display: none !important;
  }
  .profile_body{
    margin-top: 20px;
  }
  #tabs {
    padding: 0;
  }
  .left_tabs{
    background: none; 
  }
  .left_tabs ul li {
    border-bottom: 8px solid #ebebeb;
    padding: 15px 24px;
    background: #dddddd;
  }
  .left_tabs ul li a {
    color: #5d5d5d !important;
    font-size: 16px;
  }
  #profile{
    padding: 0px 0 0 0 !important;
  }

  #user_information form{
    display: none; 
  }
  .profile_body .grid {
    width: 100%;
  }
  .pop_spinner {
    padding: 22px 0;
  }
  .left_tabs{
    margin-top: 15px;
  }
  .body_tabs{
    background: transparent;
  }


}


@media (min-width: 480px) and  (max-width: 992px){ 

  .logo_band {    margin: 7px 0 0 -20px;}
  
  .logo_header span {
    font-size: 20px;
  }
  
  .text-right.flex_right {    
    width: 56.5%;
  }
  
  header .btn-primary {
    font-size: 12px !important;
    width: 130px;
    text-align: center;
    white-space: nowrap;
    /*margin-right: -15px;*/
  }
  
  header .text-right a:first-child {
    font-size: 12px;
    width: 130px;
    text-align: left;
    white-space: nowrap;
    /*position: absolute;*/
    left: 0;
  }
  
  header .red_btn {
    padding: 2px 10px !important;
  }
}
 
@media (min-width: 320px) and  (max-width: 768px){ 
  .btn_float{
    width: 100%;
    float: left;
  }
  .tracking_profile .grid{
    height: auto;
    margin-bottom: 0; 
  }
}

@media screen and (min-width : 320px) and (max-width : 480px) and (min-height: 575){

  .logo_as {
    width: 98%;
  }
  .forgot_paswd {
    margin-bottom: 40px;
  }
}
  
/*********** added by nizar ************/

#fos_user_resetting_form div:nth-child(2n) {margin: 10px 0; }

.fos_user_resetting_reset div:nth-child(2n) {margin: 10px 0; }

.fos_user_resetting_reset div:last-child {margin:30px 0 0 0 !important;}

#fos_user_resetting_form label { width: 210px;}

#user label {width: 210px;position: relative; bottom: -5px;}

#user input[type=submit] {margin-bottom:10px;}


@media (min-width : 481px) and (max-width : 967px) { 
		.flex_right a:first-child {
			position: relative;
			left: 55px !important;
		}
}


@media (min-width : 320px) and (max-width : 480px) {
	
	header .desktop_row{
		display: block !important;
	}
	  
	header .responsive_row {
		display: none !important;
	}
	
	
	
	header .red_btn {
		padding: 5px 5px !important;
	}
	
	.row.desktop_row .col-md-12 , .text-right.flex_right , .col-md-6.logo_header {
		padding-right: 0px !important;
		padding-left: 0px !important;
	} 
	
	.logo_header span {
		font-size: 11px !important;
	}
	 
	.flex_right a:first-child {
		margin-right: 8px !important;
	}
	
	header .text-right a:first-child {
		font-size: 9px !important;
		margin-top: -1px;
	}
	
	#home {
		padding: 10px !important;
	}
	
	.trait_dessus {
		margin-left: 8px !important;
		height: auto !important;
		width: 57% !important;
		border-left: none !important;
		vertical-align: top;
		padding-top: 2px;
	}
	
	.profile_body .grid {margin-left: 0 !important;}
	
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
			padding: 3px !important;
			font-size: 10px !important;
		}
		
		#user_information form {
			
			padding: 10px !important;
		}
		
		.global_layout {
			padding: 20px;
			
		}
		
		.fos_user_resetting_request input[type=text] {margin-bottom:10px;}
		
		
		.global_layout h1.color , .global_layout h2.color  {color: #fff !important;}
		
	
  }
  
 .padding_r_l div:first-child {color:#f73c43;text-align: center;}
  
  @media (min-width : 320px) and (max-width : 532px) { 
		header .flex_right a.red_btn {
		font-size: 10px !important;
		margin-left: 0px;
		float: right;
		margin-right: -20px;
	}
  }

	
	 @media (min-width : 480px) and (max-width : 992px) { 
		   .padding_responsive { padding-left: 50px !important;}
  }




	@media (max-width: 992px){
		
		.home_align a {   
			display: block;
			width: 245px;
			margin: 0 auto 30px auto;
		}
		
		#home .red_btn {
			padding: 10px !important;
			font-size: 14px;
		}

		#footer div {text-align: center;}
		
		.global_layout h1.color , .global_layout h2.color  {display:block !important;font-size: 20px !important;}
		
		.padding_responsive .text_center {padding: 25px 10px;}
		
		

	}