/*
	Extra large .col-xl-
*/

@media screen and (min-width:1200px){
	
        
    .modal-dialog.modal-dialog-form {
        width: 800px;
    }
    
    .stat_section {
        text-align: center;
    }
	
}






/*
	Large .col-lg-
*/
@media screen and (min-width:992px) and (max-width:1200px){
	
	.modal-dialog.modal-dialog-form {
        width: 800px;
    }
    
    .stat_section {
        text-align: center;
    }
	
}



/*
	Medium .col-md-
*/
@media screen and (min-width:768px) and (max-width:992px){
    
    .singin-logo {
        width: 130px;
        height: 130px;
        position: absolute;
        background-position: bottom left;
        background-size: 100%;
        background-repeat: no-repeat;
        opacity: 0.5;
        margin-top: 0;
        z-index: 5;
        background-color: #EDF0F1;
        border: 1px solid #282929;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        right: 0;
        margin-right: 0;
        top: -45px;
    }
    
    .signinpanel .signinpanel-form {
        position: relative;
        z-index: 10;

    }
    
    .singin-title{
        position: relative;
        z-index: 8;
    }
    
    .singin-text{
        position: relative;
        z-index: 7;
    }
    
    #developed-info{
        text-align: center;
    }
    
    #developed {
        text-align: center;
    }
    
    .modal-dialog.modal-dialog-form {
        width: 700px;
    }    
        
    .stat_section {
        text-align: center;
    }
    
    .blank .modal-head {
      text-align: left;
    }
    
     .blank .modal-head .singin-title {
        padding-right: 70px;
    }
    
    .blank .modal-head .singin-logo {
        top: 15px;
        right: 15px;
      }
	
}




/*
	Small .col-sm-
*/
@media screen and (min-width:576px) and (max-width:768px){
	
    .singin-logo {
        width: 130px;
        height: 130px;
        position: absolute;
        background-position: bottom left;
        background-size: 100%;
        background-repeat: no-repeat;
        opacity: 0.5;
        margin-top: 0;
        z-index: 5;
        background-color: #EDF0F1;
        border: 1px solid #282929;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        right: 0;
        margin-right: 0;
        top: -45px;
    }
    
    .signinpanel .signinpanel-form {
        position: relative;
        z-index: 10;

    }
    
    .singin-title{
        position: relative;
        z-index: 8;
    }
    
    .singin-text{
        position: relative;
        z-index: 7;
    }
  
    #developed-info{
        text-align: center;
    }
    
    #developed {
        text-align: center;
    }
    
    .headerbar .searchpanel, .headerbar .searchform{
        display: none;
    }
    
    	.modal-footer-info{
        float: unset;
		max-width: 100%;
		margin-bottom: 10px;
		text-align: center;
        width: 100%;
		display: table;
    }
    
    .modal-footer{
        text-align: center;
    }
    
     .weather_info_icon, .weather_info_next_day .weather_info_icon {
        margin: 15px;
    }
    
    .stat_section {
        text-align: center;
    }
        
    #crm_wrap {
        width: 100%;
        text-align: center;
    }
    
    #crm_wrap #crm_title {
        margin: 5px auto;
    }
    
    .footer-in-system-left, .footer-in-system-right {
        text-align: center;
    }
    
    
    #footer_info_wrap {
      text-align: right;
      padding: 0 10px;
      width: 100%;
      text-align: center;
      margin-top: 10px;
    }
    
    .version {
      background-color: #286090;
      margin: 5px;
      color: #fff;
      padding: 0px 10px;
      font-weight: bold;
      border-radius: 3px;
      position: unset;
      float: unset;
      left: unset;
      bottom: unset;
      line-height: unset;
      display: table;
      margin: 0 auto;
    }
    
    #crm_wrap, #footer_info_wrap {
      display: table;
      float: unset;
      line-height: 19px;
      right: unset;
      position: relative;
    }
	
    #crm_info_wrap {
      position: relative;
      float:  unset;
    }
    
    .row-pad-5 [class*="col-lg"],
    .row-pad-5 [class*="col-md"],
    .row-pad-5 [class*="col-sm"] {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    
    .blank .modal-head {
      text-align: left;
    }
    
     .blank .modal-head .singin-title {
        padding-right: 70px;
    }
    
    .blank .modal-head .singin-logo {
        top: 15px;
        right: 15px;
      }
}





/*
	Extra small .col-
*/
@media screen and (min-width:0px) and (max-width:576px){
	
    .singin-logo {
        width: 130px;
        height: 130px;
        position: absolute;
        background-position: bottom left;
        background-size: 100%;
        background-repeat: no-repeat;
        opacity: 0.5;
        margin-top: 0;
        z-index: 5;
        background-color: #EDF0F1;
        border: 1px solid #282929;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        right: 0;
        margin-right: 0;
        top: -45px;

    }
    
    .signinpanel .signinpanel-form {
        position: relative;
        z-index: 10;

    }
    
    .singin-title{
        position: relative;
        z-index: 8;
    }
    
    .singin-text{
        position: relative;
        z-index: 7;
    }
    
    #developed-info{
        text-align: center;
    }
    
    #developed {
        text-align: center;
    }
    
    .headerbar .searchpanel, .headerbar .searchform{
        display: none;
    }

	.modal-footer-info{
        float: unset;
		max-width: 100%;
		margin-bottom: 10px;
		text-align: center;
        width: 100%;
		display: table;
    }
    
    .modal-footer{
        text-align: center;
    }
    
    .weather_info_icon, .weather_info_next_day .weather_info_icon {
        margin: 15px;
    }
    
    .stat_section {
        text-align: center;
    }
    
    #crm_wrap {
        width: 100%;
        text-align: center;
    }
    
    #crm_wrap #crm_title {
        margin: 5px auto;
    }
    
    .footer-in-system-left, .footer-in-system-right {
        text-align: center;
    }
    
    #footer_info_wrap {
      text-align: right;
      padding: 0 10px;
      width: 100%;
      text-align: center;
      margin-top: 10px;
    }
    
    .version {
      background-color: #286090;
      margin: 5px;
      color: #fff;
      padding: 0px 10px;
      font-weight: bold;
      border-radius: 3px;
      position: unset;
      float: unset;
      left: unset;
      bottom: unset;
      line-height: unset;
      display: table;
      margin: 0 auto;
    }
    
    #crm_wrap, #footer_info_wrap {
      display: table;
      float: unset;
      line-height: 19px;
      right: unset;
      position: relative;
    }
    
    
    #crm_info_wrap {
      position: relative;
      float:  unset;
    }
    
    .signinpanel, .signinpanel_top, .signinpanel_bottom {
          top:58px;
        }
    
     .singin-logo {
         top: -74px;
    }
    
    .form-inline .form-group {
      margin: 5px 0px;
    }
    
    .w400 {
      width: 100%;
    }
    
    .title_wrap > div {
        margin-bottom: 10px;
    }
    
    .row-pad-5 [class*="col-lg"],
    .row-pad-5 [class*="col-md"],
    .row-pad-5 [class*="col-sm"] {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    
    .blank .modal-head {
      text-align: left;
    }
    
     .blank .modal-head .singin-title {
        padding-right: 70px;
    }
    
    .blank .modal-head .singin-logo {
        top: 15px;
        right: 15px;
      }
	
}