.sonora-login {
   background-image: url("../assets/Background.png");
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.sonora-login--no-padding {
   padding: 0 !important;
}

.sonora-login__container {
   /* margin-bottom: 40px; */
   min-height: 400px;
}

.sonora-login__description {
   color: white;
   /*width: 498px;*/
   width: 65%;
   font-size: 32px;
   text-align: left;
   font-family: 'Raleway', sans-serif;
   font-weight: 800;
   margin-top: 110px;
   line-height: 39px;
}

.sonora-login__p-2 {
   padding-top: 8px;
}

.sonora-login__header-logo {
   margin-top: 45px;
   /* margin-left: 105px; */
}

.sonora-login__footer-logo {
   /* margin-left: 105px; */
   margin-bottom: 10px;
}

.sonora-login__form-container {
   background-color: #006DB7;
   text-align: center;
   padding: 30px;
   color: white;
   opacity: 0.8;
   position: relative;
}

.sonora-login__form__heading {
   font-weight: 600;
   line-height: 40px;
   font-size: 34px;
   color: #FCC200;
   font-family: 'Raleway', sans-serif;
}

.sonora-login__form__description {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 0px;
}

.sonora-login__form__input-control {
   position: relative;
   width: 100%;
   margin-top: 25px;
}

   .sonora-login__form__input-control .sonora-login__form__input__text {
      border: 1px solid #CED1EE;
      background: #006DB7;
      display: block;
      width: 100%;
      box-sizing: border-box;
      border-top: none;
      border-left: none;
      border-right: none;
      line-height: 37px;
      height: 37px;
      color: white;
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      font-size: 18px;
      text-align: left;
   }

      .sonora-login__form__input-control .sonora-login__form__input__text::placeholder {
         border: 1px solid #CED1EE;
         background: #006DB7;
         display: block;
         width: 100%;
         box-sizing: border-box;
         border-top: none;
         border-left: none;
         border-right: none;
         line-height: 37px;
         height: 37px;
         color: white;
         font-family: 'Open Sans', sans-serif;
         font-weight: 400;
         font-size: 18px;
         text-align: left;
         opacity: 0.5;
      }

   .sonora-login__form__input-control img {
      position: absolute;
      top: 16px;
      right: 5px;
      margin-bottom: -2px;
   }

.sonora-login__form__input__icon1 {
   width: 25px;
   height: 13px;
}

.sonora-login__form__input__icon2 {
   width: 25px;
   height: 11px;
}

.sonora-login__form__submit {
   margin-top: 20px;
   border-radius: 27px !important;
   width: 63%;
   height: 45px;
   border: 1px solid #CED1EE;
   background-color: #006DB7;
   background-color: Transparent;
   background-repeat: no-repeat;
   color: #CED1EE;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   font-size: 18px;
   line-height: 21px;
   text-align: center;
   /*position: absolute;
   bottom: 125px;*/
   right: 77px;
   z-index: 9999;
   cursor: pointer;
   outline: 0;
   z-index: 2;
}

.sonora-header__content-item:hover {
   border: none;
   color: #006DB7;
   background-color: #FCC200;
  
   z-index: 1050;
}

.sonora-login__form__submit:hover {
   border: none;
   color: #006DB7;
   background-color: #FCC200;
   font-weight: 800;
   z-index: 1050;
}

.sonora-login__form__submit:active, .sonora-login__form__submit:focus {
   border-radius: 27px;
   outline: 0;
   font-weight: 800;
   /* background-color: rgba(167, 129, 5, 0.637); */
}

.sonora-login__form__forgotPassword {
   font-size: 14px;
   text-align: center;
   line-height: 16px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   margin-top: 90px;
   display: none;
}

.sonora-login__form__error_container {
   height: 20px;
   text-align: left;
}

.sonora-login__form__error {
   font-size: 14px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   color: yellow;
   /* margin-left: -143px; */
   display: none;
   /*position: absolute;*/
   z-index: 9999;
   left: 46px;
}

.error-username {
   top: 194px;
}

.error-password {
   top: 276px;
}
/*---------------------- category page start -------------------*/
.sonora-category-body {
   background-image: url("../assets/Background.png");
   background-size: cover;
}

.sonora-category-categoryBox {
   margin-top: 25px;
   height: auto;
   width: 370px;
   background-color: #006DB7;
   margin-left: auto;
   margin-right: auto;
   border-radius: 3px;
   opacity: 0.8;
   position: relative;
}

.sonora-category__heading {
   font-size: 34px;
   color: #FCC200;
   padding-top: 15px;
   font-family: 'Raleway', sans-serif;
   font-weight: 600;
   margin-bottom: 15px;
}

.sonora-category-outer {
   padding-left: 57px;
   /* opacity: 0.7; */
}

.sonora-category-reset {
   color: #FFFFFF;
   /*padding-left:10px;*/
   padding-right: 20px;
   margin-left: 30px;
   /*padding-top: 20px;*/
   margin-top: 30px;
   border-radius: 27px;
   width: 140px;
   height: 45px;
   border: 1px solid white;
   color: white;
   background-color: Transparent;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   font-size: 18px;
   line-height: 21px;
   text-align: center;
   right: 150px;
   z-index: 9999;
   cursor: pointer;
   outline: 0;
}

   .sonora-category-reset:hover {
      border: none;
      color: #006DB7;
      background-color: #FCC200;
   }

   .sonora-category-reset:active, .sonora-category-form__submit:focus {
      border-radius: 27px;
      outline: 0;
   }

.sonora-category__form-group {
   width: 94%;
   margin-bottom: 10px;
}

.sonora-category-input--dropdown select:hover,
.sonora-category-input--dropdown select:active,
.sonora-category-input--dropdown select:focus {
   background: transparent;
   color: white;
   border: 1px solid #CED1EE;
   border-top: none;
   border-left: none;
   border-right: none;
}

select option {
   margin: 40px;
   background: #fff;
   color: rgba(67, 95, 113, 1);
   text-shadow: 0 1px 0 #fff;
}

.sonora-category-input--dropdown select {
   border: 1px solid #CED1EE;
   border-radius: 0px;
   background: transparent;
   display: block;
   box-sizing: border-box;
   border-top: none;
   border-left: none;
   border-right: none;
   line-height: 37px;
   color: white;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 16px;
   text-align: left;
   padding-left: 0px !important;
   height: 52px;
}

.sonora-category-input--dropdown .sonora-category__form-group__Label {
   font-size: 16px;
   color: white;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   line-height: 37px;
   background: transparent;
}

.floating-label.is-focused label {
   color: white;
}

.sonora-category-form__submit {
   margin-top: 10px;
   margin-bottom: 20px;
   border-radius: 27px;
   width: 140px;
   height: 45px;
   border: 1px solid white;
   background-color: Transparent;
   color: white;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   font-size: 18px;
   line-height: 21px;
   text-align: center;
   /*position: absolute;*/
   /*bottom: 36px;
    right: 250px;*/
   margin-left: 20%;
   z-index: 1;
   cursor: pointer;
   outline: 0;
}

   .sonora-category-form__submit:hover {
      border: none;
      color: #006DB7;
      background-color: #FCC200;
   }

   .sonora-category-form__submit:active, .sonora-category-form__submit:focus {
      border-radius: 27px;
      outline: 0;
   }

select.sonora-category__arrow, select.sonora-category__arrow:hover {
   -moz-appearance: window;
   background-image: url('../assets/Dropdown.png');
   background-position: calc(100% - 20px) calc(1em + -8px), calc(100% - 15px) calc(1em + 2px), 100% 0;
   background-size: 26px 26px, 5px 5px, 2.5em 2.5em;
   background-repeat: no-repeat;
   z-index: 9999;
}

.mb-3, .my-3 {
   margin-bottom: 5px!important;
}

.sonora-category-lower-div {
   padding-top: 40px;
}

.form-control:focus, .custom-select:focus,
.form-control-file:focus, .form-control:focus {
   box-shadow: none;
}

/* --------------------------- category page end ---------------------*/
/* --------------------------- Home page start ---------------------*/
.sonora-home {
   background-image: url("../assets/Background.png");
   /* -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto; */
   /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
   /* background-color: #FCFCFC; */
   width: 100%;
   min-width: 1349px;
   overflow-y: auto;
   overflow-x: auto;
}

.sonora-header {
   background-color: #006DB7;
   color: #FFFFFF;
   padding-left: 104px;
   padding-right: 104px;
}

.RDisplayArea {
   height: 630px;
   width: 100%;
}

.sonora-header__shadow {
   /* box-shadow: 0px 3px 6px 0px #000000; */
   box-shadow: 1px 1px 6px 0px #000000;
}

.sonora-home__header-logo {
   height: 40px;
   /*width: 119px;*/
   margin-top: 5px;
   margin-bottom: 5px;
}

.sonora-header__container {
   display: flex;
   position: relative;
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.sonora-header__leftSide {
}

.sonora-header__rightSide {
   display: flex;
   margin-left: auto;
   margin-right: 22px;
}

.sonora-header__rightSide-container {
   margin-right: 18px;
   padding-top: 18px;
   display: flex;
}

.sonora-header__icon {
   font-size: 15px !important;
   line-height: 20px !important;
   cursor: default;
}

.sonora-header__icon-refresh {
   margin-top: 2px;
   margin-left: 4px;
   font-size: 18px !important;
}

.sonora-header__moreTopmargin {
   margin-top: 3px !important;
}

.sonora-header__menu-text {
   font-size: 13px;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   margin-left: 3px;
   line-height: 21px;
}

.sonora-header__cursor {
   cursor: pointer !important;
}

.sonora-header__menu-text-moremargin {
   margin-left: 4px !important;
}

.sonora-header__line-seprater {
   border-right: 1px solid #a1d9ff;
}

.sonora-header__line-seprater-2 {
   border-right: 1px solid #a1d9ff;
   min-height: 510px !important;
}

.sonora-header__icon-yellow-color {
   color: #FCC200 !important;
}

.sonora-header__icon-switch {
   font-size: 22px !important;
}

.sonora-header__icon-xl {
   font-size: 30px !important;
   margin-top: -4px;
}

.sonora-header__menu-cursor {
   cursor: pointer !important;
}

   .sonora-header__menu-cursor:active {
      color: #a1d9ff !important;
   }

#js-menuToggle {
   overflow: hidden;
   position: absolute;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-top: 1px;
   height: 22px;
}

   #js-menuToggle input {
      display: flex;
      width: 35px;
      height: 45px;
      position: absolute;
      cursor: pointer;
      opacity: 0; /* hide input */
      z-index: 1; /* top of the menu */
      margin: 0px;
   }

   #js-menuToggle span {
      width: 24px;
      height: 3px;
      margin-bottom: 4px;
      background: #FFFFFF;
      /* border-radius: 4px; */
      -webkit-transition: all .5s cubic-bezier(.08,.81,.87,.71);
      -moz-transition: all .5s cubic-bezier(.08,.81,.87,.71);
      -ms-transition: all .5s cubic-bezier(.08,.81,.87,.71);
      -o-transition: all .5s cubic-bezier(.08,.81,.87,.71);
      transition: all .5s cubic-bezier(.08,.81,.87,.71);
   }

#span1 {
   transform-origin: 4px 0px;
}

#span3 {
   transform-origin: bottom right;
}

#js-menuToggle input:checked ~ #span1 {
   background-color: #FFFFFF;
   transform: rotate(53deg) translate(4px);
}

#js-menuToggle input:checked ~ #span2 {
   background-color: #FFFFFF;
   transform: rotate(495deg) translate(4px);
}

#js-menuToggle input:checked ~ #span3 {
   background-color: #FFFFFF;
   transform: rotate(53deg);
   opacity: 0;
}

.sonora-header-container {
   background-color: #006DB7;
   color: #FFFFFF;
   /* opacity: 0.7;  */
   font-family: 'Open Sans', sans-serif;
   padding-top: 15px;
   padding-bottom: 10px;
   display: none;
   min-width: 1170px;
   cursor: default;
   position: absolute;
   left: 90px;
   z-index: 1;
}

   .sonora-header-container a {
      cursor: pointer !important;
   }

.sonora-header__content-heading {
   font-weight: 600;
   margin-bottom: 10px;
}

.sonora-header__content-heading-1 {
   font-size: 17px;
}

.sonora-header__content-sub-heading-1 {
   color: #a1d9ff !important;
   font-size: 17px;
   margin-top: 10px;
}

.sonora-header__content-heading-2 {
   font-size: 15px;
}

.sonora-header__content-sub-heading-2 {
   font-size: 13px;
   font-weight: 600;
   color: #FCC200;
   margin-bottom: 5px;
   line-height: 15px;
}

.sonora-header__content-item {
   font-size: 12px;
   margin-left: 10px;
   line-height: 16px;
}

.sonora-header__content-border {
   border-bottom: 1px solid #a1d9ff;
   margin-top: 7px;
   margin-bottom: 5px;
}

.sonora-header__content-sub-item {
   font-size: 11px;
   color: #a1d9ff;
   margin-left: 20px;
   line-height: 13px;
}

   .sonora-header__content-sub-item:last-child {
      margin-bottom: 5px;
   }

.sonora-header__content-margin-bottom {
   margin-bottom: 10px;
}

.sonora-header-activeMenu {
   display: flex;
}

.sonora-header-col-1 {
   width: 95px;
   padding: 0px 15px;
}

.sonora-header-col-2 {
   width: 190px;
   padding: 0px 15px;
}

.sonora-header-col-10 {
   width: 1045px;
   padding: 0px 0px;
   display: flex;
}

.dropbtn {
   border: none;
   cursor: pointer;
}

.sonora-header__dropdown {
   position: relative;
   display: inline-block;
}

.sonora-header__dropdown-content {
   display: none;
   position: absolute;
   background-color: #006DB7;
   min-width: 160px;
   overflow: auto;
   width: 160px;
   top: 50px;
   /* opacity: 0.7; */
   box-shadow: 1px 1px 6px 0px #000000;
}

   .sonora-header__dropdown-content a {
      color: #FFFFFF !important;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      cursor: pointer;
      text-align: center;
   }

      .sonora-header__dropdown-content a:hover {
         color: #a1d9ff !important;
         /* background-color:  #005e9e !important; */
      }

.show {
   display: block;
}

.sonora-header__Dropdown-RCPL {
   right: 43px;
}

.sonora-header__Dropdown-favourite {
   right: 108px;
}

.sonora-header__Dropdown-truck {
   right: 144px;
}

.sonora-header__menu-active {
   color: #a1d9ff !important;
}

#js-sonora-header-menu-select {
   display: none;
}

.sonora-home__body {
   padding-left: 14px !important;
   padding-right: 7px !important;
   padding-top: 10px;
   display: block;
   cursor: default;
   width:100%;
   
   /* margin-left: 89.5px !important;
    margin-right: 89.5px !important; */
}

.sonora-home__body-tiles-layout {
   width: 370px;
   height: 249px;
   margin-bottom: 20px;
}

.sonora-home__body-tiles {
   /* width: 377px;
    height: 249px; */
   background-color: #FFFFFF;
   margin-left: 11px !important;
   margin-right: 10px !important;
   border-radius: 3px 3px 3px 3px;
   padding: 30px;
   box-shadow: 0px 2px 12px 0px #525252;
   /* margin-bottom: 20px; */
}

.sonora-home__body-tiles-sub {
   background-color: white;
   color: black;
   width: 370px;
   height: 117px;
   margin-bottom: 15px;
   margin-left: 10px !important;
   margin-right: 10px !important;
   border-radius: 3px 3px 3px 3px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   padding: 21px 30px 25px 20px;
   color: #FFFFFF;
   position: relative;
}

.sonora-home__body-tiles-sub1 {
   background-image: linear-gradient(to right,#82CDFF 0%,#006DB7 100%);
}

.sonora-home__body-tiles-sub2 {
   background-image: linear-gradient(to right,#479DFF 0%,#35EEE1 100%);
}

.sonora-home__body_tiles__small-subHeading {
   font-size: 13px;
   line-height: 21px;
}

.sonora-home__body_tiles__small-heading {
   font-size: 30px;
   line-height: 34px;
   margin-left: -1px;
}

.sonora-home__body_tiles__small-content {
   font-size: 13px;
   line-height: 21px;
}

.sonora-home__body_tiles__small-percentage-container {
   position: absolute;
   right: 30px;
   bottom: 33px;
}

@font-face {
   font-family: 'Circular';
   src: url('../assets/CircularStdBold/CircularStdBold.ttf') format('truetype');
   src: url('../assets/CircularStdBold/CircularStdBold.woff') format('woff');
}

.sonora-home__body_tiles__small-percentage-number {
   font-size: 39px;
   line-height: 39px;
   font-family: Circular;
}

.sonora-home__body_tiles__small-percentage-icon {
   margin-left: -10px;
   font-family: Circular;
}

.sonora-home__body-tiles__small_p_number1 {
   /* background: -webkit-linear-gradient(#82CDFF 100%, #006DB7 0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
   color: #8fccf5;
   opacity: 0.9;
}

.sonora-home__body-tiles__small_p_number2 {
   /* background: -webkit-linear-gradient(#006DB7 -43%, white 0%, #82CDFF 125% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
   color: #a0f3f0fa;
   opacity: 0.9;
}

.sonora-home__body-tiles-heading {
   font-size: 26px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   color: #111111;
   line-height: 30px;
   text-align: left;
}

.sonora-home__body_tiles-hr {
   display: block;
   width: 80px;
   overflow: hidden;
   border-width: 6px;
   margin-left: 0px;
   margin-right: auto;
   border-color: #006DB7;
   margin-top: 10px;
   margin-bottom: 10px;
}

.sonora-home__body-tile-arrow-icon {
   color: #006DB7;
   font-size: 17px !important;
   margin-right: 5px;
}

.sonora-home__body-tile-conent {
   margin-top: 30px;
   color: #555555;
   font-size: 18px;
   font-family: 'Open Sans', sans-serif;
   line-height: 30px;
}

   .sonora-home__body-tile-conent a {
      cursor: pointer;
   }

      .sonora-home__body-tile-conent a:hover {
         color: #006DB7 !important;
      }

      .sonora-home__body-tile-conent a:active {
         color: #003f6b !important;
      }
.Absolute {
position:absolute;
}
/* --------------------------- Home page end ---------------------*/

@media only screen and (min-width: 1900px) and (max-width: 1930px) {
   .sonora-login {
      background-image: url("../assets/backimg.jpg") no-repeat;
      background-size: cover;
   }
   /* .container {
        max-width: 1648px !important;
    } */
   .sonora-login__content {
      margin-top: 167px;
      margin-bottom: 173px;
   }

   .sonora-login__form-container {
      width: 370px;
      height: 480px;
      /* margin-left: 155px; */
   }

   .sonora-login__description {
      margin-top: 155px;
   }

   .sonora-login__form__submit {
      bottom: 88px;
   }

   .sonora-login__form__forgotPassword {
      margin-top: 145px;
   }

   .sonora-category-categoryBox {
      margin-top: 5px;
   }

   .sonora-category-form__submit {
      right: 154px;
   }

   .sonora-home {
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
   }

   .RDisplayArea {
      /*height: 730px;*/
      width: 100%;
      display: flexbox;
      min-height: 730px;
   }
}

@media only screen and (min-width: 1580px) and (max-width: 1625px) {
   /* .container {
        max-width: 1359px !important;
    } */
   .sonora-login {
      background-image: url("../assets/backimg.jpg") no-repeat;
      background-size: cover;
   }

   .sonora-login__content {
      margin-top: 126px;
      margin-bottom: 111px;
   }

   .sonora-login__form__submit {
      right: 75px;
   }

   .sonora-category-categoryBox {
      margin-top: 5px;
   }

   .sonora-category-form__submit {
      right: 154px;
   }

   .sonora-home {
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
   }

   .RDisplayArea {
      height: 700px;
      width: 100%;
   }
}

@media only screen and (min-width: 1520px) and (max-width: 1575px) {
   /* .container {
        max-width: 1330px !important;
    } */
   .sonora-login {
      background-image: url("../assets/backimg.jpg") no-repeat;
      background-size: cover;
   }

   .sonora-login__content {
      margin-top: 110px;
      margin-bottom: 100px;
   }

   .sonora-login__form__submit {
      right: 74px;
   }

   .sonora-category-categoryBox {
      margin-top: 5px;
   }

   .sonora-category-form__submit {
      right: 154px;
   }

   .sonora-home {
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
   }

   .RDisplayArea {
      height: 700px;
      width: 100%;
   }
}

@media only screen and (min-width: 1400px) and (max-width: 1500px) {
   .sonora-login {
      background-image: url("../assets/backimg.jpg") no-repeat;
      background-size: cover;
   }

   .sonora-login__content {
      margin-top: 68px;
      margin-bottom: 84px;
   }

   .sonora-login__form__submit {
      right: 72px;
   }

   .sonora-category-form__submit {
      right: 154px;
   }

   .sonora-home {
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
   }

   .RDisplayArea {
      height: 700px;
      width: 100%;
   }
}

@media only screen and (min-width: 1280px) and (max-width: 1290px) {
   .sonora-login__content {
      margin-top: 58px;
      margin-bottom: 58px;
   }

   .RDisplayArea {
      height: 600px;
      width: 100%;
   }
}

@media only screen and (min-width: 1100px) and (max-width: 1200px) {
   .sonora-login__form__submit {
      right: 66px;
   }

   .sonora-category-form__submit {
      right: 166px;
   }

   .sonora-category-reset {
      margin-left: 420px;
   }

   .sonora-category-categoryBox {
      width: 694px;
   }
}

@media only screen and (min-width: 1010px) and (max-width: 1098px) {
   .sonora-login__form__submit {
      right: 61px;
   }

   .sonora-category-form__submit {
      right: 162px;
   }

   .sonora-category-reset {
      margin-left: 420px;
   }

   .sonora-category-categoryBox {
      width: 694px;
   }
}

@media only screen and (min-width: 991px) and (max-width: 1005px) {

   .sonora-login__form__submit {
      right: 62px;
   }

   .sonora-category-form__submit {
      right: 162px;
   }

   .sonora-category-reset {
      margin-left: 420px;
   }

   .sonora-category-categoryBox {
      width: 694px;
   }
}

@media only screen and (min-width: 900px) and (max-width: 990px) {
   .sonora-login__form__submit {
      right: 50px;
   }

   .sonora-category-form__submit {
      right: 40px;
   }

   .sonora-category-reset {
      margin-left: 420px;
   }

   .sonora-category-categoryBox {
      width: 694px;
   }
}

@media only screen and (min-width: 300px) and (max-width: 900px) {
   .sonora-login__form__submit {
      width: 66%;
      right: 85px;
   }

   .sonora-login__description {
      width: 100%;
   }

   .sonora-category-form__submit {
      left: 546px;
   }
}

@media only screen and (min-width: 765px) and (max-width: 898px) {
   .sonora-login__form__submit {
      right: 44px;
   }

   .sonora-category-form__submit {
      left: 500px;
   }

   .sonora-category-reset {
      margin-left: 420px;
   }

   .sonora-category-categoryBox {
      width: 694px;
   }
}

@media only screen and (min-width: 579px) and (max-width: 764px) {
   .sonora-login__form__submit {
      right: 30px;
      bottom: 76px;
   }

   .sonora-category-form__submit {
      left: 317px;
   }

   .sonora-category-reset {
      margin-left: 217px;
   }

   .sonora-category-categoryBox {
      width: 100%;
   }

   .sonora-category-outer {
      padding-left: 46px;
   }

   .sonora-header__container {
      min-width: 1170px !important;
   }

   .sonora-home__header-logo {
      margin-left: 25px !important;
   }
}

@media only screen and (min-width: 300px) and (max-width: 330px) {
   .sonora-category-outer {
      padding-left: 39px;
   }

   .sonora-category-form__submit {
      left: 118px;
   }

   .sonora-category-reset {
      margin-left: 41px;
   }

   .sonora-category-categoryBox {
      width: 100%;
   }

   .sonora-home__header-logo {
      margin-left: 25px !important;
   }
}

@media only screen and (min-width: 331px) and (max-width: 360px) {
   .sonora-category-outer {
      padding-left: 37px;
   }

   .sonora-category-form__submit {
      left: 141px;
   }

   .sonora-category-reset {
      margin-left: 67px;
   }

   .sonora-category-categoryBox {
      width: 100%;
   }

   .sonora-home__header-logo {
      margin-left: 25px !important;
   }
}

@media only screen and (min-width: 361px) and (max-width: 400px) {
   .sonora-category-outer {
      padding-left: 37px;
   }

   .sonora-category-form__submit {
      left: 141px;
   }

   .sonora-category-reset {
      margin-left: 67px;
   }

   .sonora-category-categoryBox {
      width: 100%;
   }

   .sonora-home__header-logo {
      margin-left: 25px !important;
   }
}

@media only screen and (min-width: 401px) and (max-width: 440px) {
   .sonora-category-outer {
      padding-left: 40px;
   }

   .sonora-category-form__submit {
      left: 206px;
   }

   .sonora-category-reset {
      margin-left: 124px;
   }

   .sonora-category-categoryBox {
      width: 100%;
   }

   .sonora-home__header-logo {
      margin-left: 25px !important;
   }
}

@media only screen and (min-width: 441px) and (max-width: 490px) {
   .sonora-category-outer {
      padding-left: 40px;
   }

   .sonora-category-form__submit {
      left: 206px;
   }

   .sonora-category-reset {
      margin-left: 124px;
   }

   .sonora-category-categoryBox {
      width: 100%;
   }

   .sonora-home__header-logo {
      margin-left: 25px !important;
   }
}

@media only screen and (min-width: 491px) and (max-width: 578px) {
   .sonora-category-outer {
      padding-left: 40px;
   }

   .sonora-category-form__submit {
      left: 287px;
   }

   .sonora-category-reset {
      margin-left: 208px;
   }

   .sonora-category-categoryBox {
      width: 100%;
   }

   .sonora-home__header-logo {
      margin-left: 25px !important;
   }
}