/**
 *
 * Smaller and mobile screens
 *
 */





/* mobile screens */
@media (max-width: 991px) {
   .container {
      width: 96%;
      max-width: initial;
      padding-left: 0px;
      padding-right: 0px;
      margin: 0 auto;
   }

   .head-logo {
      padding-top: 12px;
   }

   .footer-bg {
      width: auto;
      height: auto;
      padding: 20px;
   }

   .copyright {
      padding: 0px;
   }

   #main {
      background-color: #fff;
      min-width: unset;
   }

   .row {
      margin: 0px;
   }

   input,
   select {
      width: 95%;
   }

   .description img {
      max-width: 100%;
   }

   .footer {
      margin-top: 20px !important;
      width: 100% !important;
   }

   .logo-bottom {
      margin-right: -20px !important;
   }

   iframe#cdek {
      padding: 10px;
      width: 99%;
      left: unset;
      right: unset;
   }

   .col-1,
   .col-2,
   .col-3,
   .col-4,
   .col-5,
   .col-6,
   .col-7,
   .col-8,
   .col-9,
   .col-10,
   .col-11,
   .col-12,
   .col,
   .col-auto,
   .col-sm-1,
   .col-sm-2,
   .col-sm-3,
   .col-sm-4,
   .col-sm-5,
   .col-sm-6,
   .col-sm-7,
   .col-sm-8,
   .col-sm-9,
   .col-sm-10,
   .col-sm-11,
   .col-sm-12,
   .col-sm,
   .col-sm-auto,
   .col-md-1,
   .col-md-2,
   .col-md-3,
   .col-md-4,
   .col-md-5,
   .col-md-6,
   .col-md-7,
   .col-md-8,
   .col-md-9,
   .col-md-10,
   .col-md-11,
   .col-md-12,
   .col-md,
   .col-md-auto,
   .col-lg-1,
   .col-lg-2,
   .col-lg-3,
   .col-lg-4,
   .col-lg-5,
   .col-lg-6,
   .col-lg-7,
   .col-lg-8,
   .col-lg-9,
   .col-lg-10,
   .col-lg-11,
   .col-lg-12,
   .col-lg,
   .col-lg-auto,
   .col-xl-1,
   .col-xl-2,
   .col-xl-3,
   .col-xl-4,
   .col-xl-5,
   .col-xl-6,
   .col-xl-7,
   .col-xl-8,
   .col-xl-9,
   .col-xl-10,
   .col-xl-11,
   .col-xl-12,
   .col-xl,
   .col-xl-auto {
      position: relative;
      width: 100%;
      padding-right: 0px;
      padding-left: 0px;
   }

   .main-banner,
   .sec-banner {
      height: auto;
      width: 80%;
      padding: 12px 0px 12px 0px;
   }

   .bottom-text .block {
      display: block;
      float: none;
      width: 100%;
   }

   .bottom-text h2.title {
      font-size: 15px;
   }

	.bottom-text.sidebar-right noindex > #block-uc_catalog-2 {
		display: none;
	}


   .subheader span {
      max-width: 84vw;
      margin: 0 auto;
      display: block;
      line-height: 1;
   }

   .subheader span p {
      margin-bottom: 0px;
   }

   /* large size */
   .head-logo {
      padding-top: 12px;
   }

   .head-menu {
      padding-top: 2px;
   }

   .head-contacts {
      padding-top: 18px;
   }

   .head-info-top {
      margin-bottom: 4px;
      padding-top: 16px;
   }

   .head-m-info {
      padding-top: 16px;
   }

   .head-m-info .col:nth-child(1) {
      order: 1;
   }

   .maintitle {
      font-size: 1rem !important;
   }

   .mainpage #accSearchChoice {
      display: none;
   }

   .head-m-info img {
      height: 55px;
   }

   .head-m-contacts {
      padding-top: 12px;
      padding-left: 5px;
      padding-right: 0px;
   }

   .head-m-social img {
      max-width: 100%;
      padding: 8px;
   }

   .head-m-info-icon {
      height: 50px;
   }

   .head-logo-image {
      max-width: 100%;
   }

   .phone-number img {
      height: 20px;
      margin-right: 4px;
   }

   .img-brand {
      width: 22vw;
      height: 22vw;
   }
   
   #brandmenu .allbrands .img-brand {
      width: 91vw;
      height: auto;
   }

   .cat-image img {
      max-width: 10rem;
      max-height: 10rem;
   }

   div#carousel-main.mainpage {
      display: none;
   }
}

/* end of mobile screen with (max-width: 991px) */

@media (min-width: 768px) and (max-width: 991px) {

   /* medium size */
   .head-logo-image {
      width: 420px;
      max-width: 100%;
   }

   .container {
      max-width: 850px;
      padding-left: 0px;
      padding-right: 0px;
   }

   .img-menu-info {
      margin-top: 20px;
   }

   .img-menu-info div {
      margin-right: 40px;
   }

   .img-menu-info img {
      height: 48px;
      width: auto;
   }

   .img-menu-contacts {
      height: 28px;
      width: auto;
   }

   .menu-messengers img {
      height: 28px;
      width: auto;
   }

   .main-banner {
      height: 180px;
      width: 220px;
   }

   .sec-banner {
      padding: 12px;
      width: 200px;
   }

}

/* end of (min-width: 768px) and (max-width: 991px) */