@media only screen and (max-width:1190px)
{
    .SiteWidth{width:95%;}
    .IndexBanner .ImgeBanner{display:none;}
    .IndexBanner{height:500px;margin-top:110px;}
    .IndexContactForm .Captcha .InputContainer input{width:150px;}
    .IndexBanner .Data .Subtitle{padding-top:40px;}
    .IndexBanner .Data{top:45px;}
    .Header .Left, .Header .Right{float:none;display:table;margin:0 auto;}
    .Header .Height{height:55px;}
    .Header .Menu .TableCell:first-child{padding-left:0;}
    .UserHome .Table .TableCell.Top{display:block;}
    .UserHome .Table .TableCell.Top:first-child{padding-bottom:30px;}
    .UserHome .UserData{width:auto;padding-left:0px;}
    .UserHome .HomeData .Height{height:auto}
    .UserHome .UserData .Data {padding:20px;}
    .UserHome .HomeData .RowContainer .Row4 .Content .Name{font-size:16px}
    .UserHome .HomeData .RowContainer .Row4 .Content .Value {font-size:38px}
    .UserHeader .LogoText span{display:none;}
    .CellContainerUser .LeftCell{display:block;position:absolute;left:0;z-index:100}
    #CenterCellData{display:block;padding-left:56px;}
    .CellContainerUser .LeftCell .CellContent{position:static;}
    .CalendarChange .TableCell input[type="text"]{width:140px;}
    .FirmListTop .Search .Field input, .FirmListTop .Search .Field select{width:160px;padding:0 10px;}
    .UserChangeSelected{padding-bottom:20px;}
    .GridList .Value .TableCell.Edit .Table.Full .Controll{width:40px;}

}

@media only screen and (max-width:780px)
{
    .IndexBanner .Data .Title h1 {font-size:35px;}
    .IndexBanner .MaxFull{height:420px;}
    .PageContainer.Stage2 .Table.Full{margin:0 auto;}
    .PageContainer.Stage2 .TableCell.Top{display:block;}
    .PageContainer.Stage2 .TableCell.Top img{margin:0 auto;}
    .PageContainer.Stage2 .Picture{width:100%;padding-bottom:40px;}
    .PageContainer.Stage3 .TableCell.Data, .PageContainer.Stage3 .TableCell.Picture{display:table;margin:0 auto;}
    .PageContainer.Stage3 .TableCell.Data{padding-right:0px;}
    .PageContainer.Stage4 .Data,.PageContainer.Stage4 .Boxes{display:table;margin:0 auto;}
    .PageContainer.Stage4 .Data {padding:0px 40px 55px 40px;}
    .PageContainer.Stage4 .Data .Title {padding-bottom:20px;}
    .PageContainer.Stage5 .Table.Full .TableCell{display:block}
    .PageContainer.Stage5 .Table.Captcha .TableCell, .PageContainer.Stage5 .Table.Full .TableCell.Buttons{display:table-cell}
    .PageContainer.Stage5 .Data{padding-bottom:40px;}
    .Footer .Height span{display:block}
    .PageContainer.Stage5 .Data .OptionContainer .Option{display:table-cell;}
    .PageContainer.Stage5 .Data{width:auto;}
    .PageContainer.Stage5 .Data .OptionContainer{display:table;width:100%;}
    .IndexBanner .Data .Search{width:70%;}
    .Header.Active{border-bottom:1px solid #c1c1c1;}
    .Header .Menu{position:absolute;z-index:-1;left:0;width:100%;background:#f7f7f7;display:none;padding: 10px 0;}
    .Header .Menu .TableCell{display:block;height:auto;padding:0;}
    .Header .Menu .TableCell a{display:block;padding:10px 10px 10px 25px;}
    .Header .Menu .TableCell.Login a{border:0;padding:10px 10px 10px 25px;color:#333333;font-size:14px;font-weight:500;}
    .Header .Menu .TableCell.Login a:last-child{color:#206bb2;}
    .Header .Menu .TableCell.Login a:hover{color:#333;background:none;text-decoration:underline;}
    .Header .MenuButton{display:table;}
    .Header .Left, .Header .Right{display:block;}
    .Header .Left{float:left;}
    .Header .Right{float:right;}
    .UserHeader .Logout {width:50px;}
    .UserHeader .Right .Table .Options {padding:0 15px;}
    .UserHeader .Right .Table .Options:first-child{padding-left:0px;}
    .GridList.UserChange .TableCell{display:block;width:100%;text-align:center}
    .TextHidden{display:inline-block;}
    .TableRow.Title{display:none;}
    .GridList .Title .TableCell .Options:nth-child(1), .GridList .Value .TableCell .Options:nth-child(1){width:100%;padding-top:10px;}
    .GridList .Title .TableCell .Options:nth-child(1), .GridList .Value .TableCell .Options:nth-child(4), .GridList .Value .TableCell .Options:nth-child(3){width:100%}
    .GridList .Value .TableCell .Options:nth-child(2){width:100%}
    .GridList.UserChange .TableCell .Options .ContentOption {padding:0 0 5px 0;}
    .GridList .Value .IconData .TableCell:first-child {display:none}
    .GridList .Title .TableCell .Options:nth-child(5), .GridList .Value .TableCell .Options:nth-child(5){width:100%;padding-bottom:10px;}
    .IconData{margin:0 auto;}
    .GridList .Value .TableCell.BorderBg{width:100%;background:#f7f7f7;display:none}
    .GridList .Value .Subvalues .TableRow .TableCell:nth-child(2){width:100%}
    .SubvalueTitle{display:none;}
    .GridList .Value .Subvalues .TableRow .TableCell:nth-child(3){width:100%;}
    .GridList .Value .Subvalues .SubvalueValue:last-child .Middle{border-bottom:1px solid #bfbfbf}
    .GridList .Value .Subvalues .TableRow .TableCell.BorderBottom{display:none}
    .RowContainer .Row4{width:50%;}
    .UserHome .HomeData .RowContainer .Row4:nth-child(2) .Content{border-right:0}
    .UserHome .HomeData .RowContainer .Row4:nth-child(-n+2){padding-bottom:20px;}
    .ColDateSelect .CalendarChange .Left{padding-bottom:20px;display:table;width:100%}
    .ColDateSelect .CalendarChange .Left .TableCell:first-child{width:20%;}
    .UserChangeSelected .Table{width:100%;}
    .UserChangeSelected .TableCell:first-child{width:20%;}
    .UserChangeSelected .TableCell select{width:100%}
    .ColDateSelect .CalendarChange .Left .TableCell input{width:calc(100% - 23px);}
    .ColDateSelect .CalendarChange .Left .TableCell input[type="submit"]{width:102%}
    .CalendarChange .Left:last-child{padding-bottom:0px;}
    .ColDateSelect .Left, .ColDateSelect .Right{float:none;}
    .GridList {background:none;border-radius:0px;}
    .GridList .Value{background:#fff;border-radius:5px;display:block;margin-bottom:20px;}
    .GridList.UserChange .Value:hover .TableCell{background:#fff;}
    .GridList.UserChange .Value.Active:hover .TableCell{background:none;}
    .GridList.UserChange .Value .IconData .TableCell{color:#1d69af;font-weight:bold;}
    .GridList.UserChange .Value .IconData .TableCell .Address{color:#545454;font-weight:normal;}
    .GridList.UserChange .Value.Active .IconData .TableCell{color:#fff;font-weight:bold;}
    .GridList.UserChange .Value.Active .IconData .TableCell .Address{color:#fff;font-weight:normal;}
    .GridList.UserChange .TableCell .Options .ContentOption.Date{font-size:14px;}
    .UserHeader .Right{display:none}
    .CellContainerUser .LeftCell.Small{width:0;}
    #CenterCellData {padding-left:0px;}
    .UserInfo{display:block;color:#fff;background:url("/public/design/site/login-bg.jpg") no-repeat;background-size:cover;font-size:14px;padding:10px;}
    .UserInfo .Table .Height{height:120px;vertical-align:bottom;}
    .UserInfo .Table .Height .Username{font-weight:bold}
    .tooltip{font-weight:bold;}
    .GridList.UserChange .Value .MainValue span.StatusRed,.GridList.UserChange .Value .MainValue span.StatusGreen{font-size:20px;}
    .UserHeader {background:#1d69af;}
    .LogOut{display:block;}
    #FirmListShow .TableRow.Title{display:none}
    .StatusField{display:table;margin:0 auto;width:45%;}
    .TableRow.Value .TableCell{display:table;margin:0 auto;border-bottom:none;padding:0px;padding-bottom:10px;}
    .GridList .Value .Controll, .GridList .Title .Controll{display:table-cell;padding:0px}
    .GridList .Value:hover .TableCell{background-color:transparent}
    .Edit .Table.Full{width:auto;margin:0 auto;}
    .StatusField .StatusRectanangle .Absolute.StatusText {top:6px;}
    .GridList .Value a.TableCell, .FirmListName{text-align:center;font-weight:bold}
    .TableRow.Value .TableCell.Edit{padding-bottom:0px;}
    .GridList .Value .TableCell .Address {font-weight:normal;}
    .IndexBanner{margin-top:55px;}


}

@media only screen and (max-width:580px)
{
    .PageContainer.Stage5 .Data .OptionContainer .Option{display:block;}
    .PageContainer.Stage5 .Data{width:auto;}
    .FirmListTop .Left,.Right.Search, .Right.Search .Left{float:none;display:table;width:100%;}
    .Right.Search .Left:first-child{padding-bottom:20px;}
    .FirmListTop .Search .Field input {width:calc(100% - 24px)}
    .FirmListTop .Search .Field select {width:100%;}
    .FirmListTop .Height.Title{width:70px}
    .FirmListTop .Right .Height{padding-left:0}
    .FirmListTop  .Height.FilterField {padding-right:0px;}
    .B2BFormContainer .B2BForm .FieldsContainer .List .Field input[type="text"], .B2BFormContainer .B2BForm .FieldsContainer .List .Field input[type="password"], .B2BFormContainer .B2BForm .FieldsContainer .List .Field textarea{width:calc(100% - 32px)}
    .B2BFormContainer .B2BForm .B2bFormAllContainer {padding-left:0px;}
    .B2BForm.Table{width:100%;}
    .B2BFormContainer .B2BForm .Buttons input{width:100%;}
    .FirmListTop .Left.Add{padding-bottom:20px;}
}

@media only screen and (max-width:480px)
{
    .Header .LogoText{display:none;}
    .IndexBanner .Data .Title h1 {font-size:25px;}
    .IndexBanner .Data .Search {width:90.28%;}
    .IndexBanner .Data .Subtitle {padding:20px 0 20px 0;font-weight:600;font-size:14px;}
    .Table.Apps .TableCell img{max-width:120px;}
    .IndexBanner .Data {top:50px;}
    .IndexBanner .MaxFull{height:350px;}
    .PageContainer.Stage3 .Table{display:block;}
    .PageContainer.Stage3 .Picture{width:auto}
    .PageContainer.Stage3 .Picture img{max-width:100%;}
    .PageContainer.Stages .Title h2 {font-size:35px;}
    .PageContainer.Stage3 .Data .Text .TextData .Number {font-size:80px;}
    .PageContainer.Stage3 .Data .Text .TextData .Top:last-child{font-size:14px;}
    .PageContainer.Stage3 .Data .Title {padding-bottom:30px;}
    .IndexContactForm .FormControll .Captcha{width:100%;}
    .IndexContactForm .FormControll .Captcha .Image{width:100px;}
    .IndexContactForm .Captcha .InputContainer input{width:calc(100% - 24px);}
    .RowContainer .Row3 {width:100%;float:none;}
    .PageContainer.Stage5 .Data {width:auto;}
    .Footer .Height{height:auto;font-size:14px;}
    .Footer .Height span{display:inline;}
    .Footer{padding:15px 0;}
    .Footer .Height .Icons{padding-top:5px;}
    .PageContainer.Stage4 .Auto .Table.Full{display:block;}
    .PageContainer.Stage4 .BoxContainer .BoxPackage .Table{display:table;}
    .PageContainer.Stage4 .Data {padding:0px 5% 55px 5%;}
    .PageContainer.Stage4 .BoxContainer .BoxPackage{position:static;}
    .PageContainer.Stage4 .BoxContainer .BoxPackage:first-child{margin-bottom:40px;}
    .PageContainer.Stage4 .Boxes {width:auto;}
    .PageContainer.Stage4 .BoxContainer{height:auto;}
    .IndexContactForm .FormControll .Table.Full{display:block;}
    .IndexContactForm .FormControll .Table.Full > .TableCell, .IndexContactForm .FormControll .Table.Full .TableCell.Buttons{display:block;}
    .IndexContactForm .FormControll .Table.Full > .TableCell{float:left;width:100%;}
    .IndexContactForm .FormControll .Table.Full .TableCell.Buttons{float:right;padding-top:10px;}
    .RowContainer .Row4{width:100%;}
    .UserHome .HomeData .RowContainer .Row4:nth-child(3){padding-bottom:20px;}
    .UserHome .HomeData .RowContainer .Row4 .Content{border-right:0}
    .UserChangeSelected .TableCell:first-child{width:100%;padding-bottom:5px;}
    .UserChangeSelected .TableCell{display:block;}
    .ColDateSelect .CalendarChange .Left .TableCell:first-child{width:100%;padding-bottom:5px;}
    .ColDateSelect .CalendarChange .Left .TableCell{display:block;}
    .ColDateSelect .CalendarChange .Left .TableCell input[type="submit"]{width:100%}


}