/* * * * * * * * * * * * * * * * * * * *
 * cryingdaemon@gmail.com (25.12.2020)
 * * * * * * * * * * * * * * * * * * * */
 
@media all {
  #sidebar, .sidebar-overlay, .mobile {
    display: none;
  }
  #my_orders_table tbody.hide {
    display: table-row-group;
  }
  #my_orders_table span.inline.mobile {
    display: none !important;
  }
}



@media (min-width: 360px) {
	html, body{
		overflow-x: hidden;
	}
	.container{
		/*padding: 0px 15px;*/
	}
	.card-header.tab .nav-tabs{
		display: flex;
		flex-direction: row;
	}
	.card-header.tab .nav-tabs li a{
		font-size: 16px;
		height: 65px;
	}
	.card-header.tab .nav-tabs li{
		width: calc(50% - 10px);
	}
	.accordion-button{
		grid-template-columns: auto !important;
	}
	.grid-2-cols{
		display: block !important;
	}
	#progress-steps .icons{
		height: 90px;
	}
	#progress-steps .circle + span{
		padding-top: 80px;
		width: 70px;
		line-height: 15px;
	}
	.checkout-aggreement{
		width: 100% !important;
	}
}
@media (min-width: 667px) {
	.card-header.tab .nav-tabs li{
		width: calc(24% - 5px);
	}
	.accordion-button{
		grid-template-columns: 17.5px calc(100% - 175px) 128px !important;
	}
	.grid-2-cols{
		display: grid !important;
	}
}


@media (max-width: 360px) {
	.brands_filter_grid .brand, .brands_filter_title .brand {
		width: 70px !important;
	}
	.filters {
		margin-left: 0;
	}
	.card-header.tab .nav-tabs{
		display: flex;
		flex-direction: column;
	}
	.card-header.tab .nav-tabs li{
		width: calc(50% - 10px);
	}
}


@media all and (max-width: 980px) {

  /* VARIABLES */
  /* Override */
  
  :root {
    --wrapper-width: 100vw !important;
    --template-width: var(--wrapper-width) !important;
    --search-box-height: 44px;
    --frontpage-slider-height: calc(100vh - 50px);
    --frontpage-slider-textblock-width: 70vw;
    --header-logo-height: 65px;
    --navbar-height: 64px;
    --solutions-figure-height: 140px !important;
    --solutions-figure-offset: calc(var(--solutions-figure-height) / 10);
    --item-image-width: calc(100% - var(--gap) * 2);
  }
  
  #page .ymaps-2-1-78-map,
  #page > ymaps {
    height: 250px !important;
  }
  
  /* BASE */
  
  header {
    display: none;
  }
  
  .wrapper {
    width: unset;
  }
  
  body {
   -webkit-text-size-adjust: 100%;
  }
  
  #navigation_menu {
    display: none;
  }
  
  .mobile {
    display: flex;
  }
  
  .desktop {
    visibility: hidden;
    opacity: 0;
    display: none !important;
  }
  
  #sidebar {
    z-index: 10000;
  }
  
  #top {
    padding: 5px !important;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
    text-shadow: none;
    background-color: #f5f5f5 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1)) !important;
    z-index: 9999;
  }
  
  #top svg {
    fill: black;
  }
  
  section {
    /*padding-top: 0;
    padding-bottom: 25px;*/
	padding: 0 15px 25px;
  }

  .breadcrumb {
    margin-bottom: 0 !important;
  }
  
  .navbar-light {
    background-image: url('img/background/header.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  
  .breadcrumb {
    display: none;
  }
  
  .olives {
    margin-bottom: 30px;
  }
  
  /* FOOTER */
  
  footer.desktop {
    display: none;
  }
  
  footer.mobile {
    display: block;
    padding-top: 25px;
    background: rgba(242,242,242,1);
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0 );
  }
  
  footer.mobile .footer-logo {
    display: block;
    width: 120px !important;
    height: 80px !important;
    margin: 0 auto;
    -webkit-background-size: contain;
    background-size: 100%;
    background-image: url(/templates/mobilservice.kz/img/footer-logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 70%;
    position: relative !important;
    top: 0 !important;
  }
  
  footer .footer-description p {
    padding: 0 !important;
    text-align: left !important;
    margin-bottom: 0 !important;
  }
  
  .footer_icons_row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 23px;
    margin-bottom: 23px;
  }
  
  .footer_icons_row > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .footer_icons_row .icon {
    margin: 0;
    padding: 0;
  }

  .copyright {
    /*background-color: rgba(0, 0, 0, 0.05);*/
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 0;
    text-align: center;
  }
  
  .div_2_cols {
    display: grid;
    grid-template-columns: 0.5fr 1.5fr;
    grid-template-rows: auto;
    gap: 15px 15px;
    padding: 15px;
  }
  
  .div_2_cols_eq {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 15px 15px;
    padding: 15px;
  }
  
  .div_2_cols_eq > div.main_phone.centered > div > div.main_phone_number > a {
    color: #006bd8 !important;
  }
  
  .div_2_cols_eq > div.footer_map_link > a {
    display: flex;
    flex-direction: column;
  }
  
  .div_2_cols_eq > div.footer_map_link > a > div.twogis_icon {
    margin-right: 0;
    margin-bottom: 7.5px;
  }
  
  .div_2_cols_eq .call_request {
    border: 1px solid #006bd8;
    padding: 6px;
    text-align: center;
    border-radius: 0.5rem;
  }
  
  .div_2_cols_eq .call_request > a {
    color: #006bd8 !important;
  }
  
  .div_2_cols_eq.order_detail {
    padding: 7.5px 15px;
  }
  
  /* SIDEBAR */
  
  .sidebar .sidebar-nav {
    height: calc(100vh - 175px - 50px) !important;
  }
  
  #sidebar a.logo {
    display: block;
    width: 100%;
    height: var(--header-logo-height);
    background-image: url(/templates/mobilservice.kz/img/logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
  }
  
  #mobile-sidebar-toogler {
    height: 52px;
    display: flex;
    align-items: center;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
  }
  
  #mobile-sidebar-toogler .d-flex.bd-highlight {
    height: 40px;
  }
  
  #mobile-sidebar-toogler > div > div.w-100.bd-highlight > a {
    padding: 0 !important;
    margin: 0;
    margin-top: 2px;
  }
  
  #mobile-sidebar-toogler div.logo {
    display: block;
    width: 150px;
    height: 40px;
    background-image: url(/templates/mobilservice.kz/img/logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
  }
  
  .sidebar-text {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    position: relative !important;
  }
  
  .sidebar-text > .icon {
    margin: 0;
  }
  
  #sidebar {
    max-width: 330px !important;
  }
  .sidebar.open {
    min-width: 300px !important;
  } 
  
  #sidebar, .sidebar-overlay {
    display: initial;
  }
  
  #sidebar strong.subcaption {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
  }
  
  #sidebar li > a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: normal;
  }
  
  .sidebar-open {
    max-width: 280px !important;
  }
  
  .sidebar .sidebar-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
    
  .sidebar.sidebar-default.sidebar-fixed-left:not(.open) {
    transform: translate3d(-360px, 0, 0) !important;
  }
  
  .sidebar-default .sidebar-badge {
    color: #fff;
    background-color: #369 !important;
    border-radius: 10px;
    position: absolute;
    right: 16px;
    top: 11px;
    padding: 0 !important;
    display: inline-block;
    min-width: 25px;
    height: 20px !important;
    line-height: 20px !important;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
  }
  
  .sidebar .sidebar-divider, .sidebar .sidebar-nav .divider {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  .sidebar .sidebar-nav li {
    height: 42px !important;
  }
  
  .sidebar .sidebar-nav li a {
    height: 42px !important;
    line-height: 42px !important;
  }
  
  .sidebar .sidebar-nav li a:hover,
  .sidebar .sidebar-nav li a:active,
  .sidebar .sidebar-nav li a:focus {
    background-color: #369 !important;
    color: #fff !important;
  }
  
  .sidebar .sidebar-nav li a:hover > i,
  .sidebar .sidebar-nav li a:active > i,
  .sidebar .sidebar-nav li a:focus > i {
    color: #fff !important;
  }
  
  .sidebar .sidebar-nav li a:hover > span,
  .sidebar .sidebar-nav li a:active > span,
  .sidebar .sidebar-nav li a:focus > span {
    background: white !important;
    color: black;
  }
  
  .navbar-toggler.sidebar-toogle, .searchbar-toogle {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 6px !important;
  }
  
  .sidebar-toogle svg {
    fill: #369;
  }
  
  .w-100 {
    display: flex;
    justify-content: center;
  }
  
  .d-flex.bd-highlight {
    width: calc(100%);
  }
  
  .search-toogler-icon {
    width: 26.25px;
    height: 26.25px;
    background-image: url(/templates/mobilservice.kz/img/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  
  #searchbar .modal-dialog {
    margin: 0;
    margin-top: 50px;
    border-radius: 0;
  }
  
  #searchbar .modal-content {
    border: none;
    border-radius: 0;
  }
  
  #searchbar .modal-body {
    background: #efefef;
    padding: 7.5px;
    box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.25);
  }
  
  .modal-backdrop {
    position: fixed;
    top: unset;
    bottom: 0 !important;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: calc(100vh - 50px);
    background-color: #000;
  }
  
  #sidebar-search-form {
    padding-bottom: 7.5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    /*height: 48px;*/
    justify-content: flex-end;
  }
  
  /*#sidebar-search {
    background-color: transparent;
    border: none;
    border-radius: 100%;
    box-shadow: none;
    color: #353c3ddd;
    font-size: 12px;
    height: 30px;
    width: 30px;
    outline: none;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
    padding-top: 4px;
    margin-right: 4px;
    position: relative;
    background-image: url('img/search.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75%;
    cursor: pointer;
  }*/
  
  #mobile-sidebar-toogler {
    padding: 7px !important;
  }
  
  #sidebar-search {
    background-color: #ffffff7f;
    border: none;
    border-radius: calc(0.33 * var(--search-box-height));
    box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
    color: #353c3ddd;
    font-size: 12px;
    height: 30px;
    outline: none;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    padding-top: 4px;
    position: relative;
    width: 100%;
    background-image: none;
  }
  
  #sidebar-search-form:focus,
  #sidebar-search-form:hover,
  .sidebar-brand:hover,
  .sidebar-brand:focus {
    background: transparent !important;
    box-shadow: none;
  }
  
  #sidebar li  {
    border-bottom: rgba(0,0,0,0.5) !important;
  }
  
  .aside_section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas:
      ". .";
    margin-top: 7px;
    margin-bottom: 15px;
  }
  
  .aside_section > div,
  .aside_section > div > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .aside_section > div:first-child {
    border-right: 1px solid rgba(0,0,0,0.25);
  }
  
  .sidebar .sidebar-header {
    height: 192px !important;
  }
  
  .main_phone_number > a {
    font-size: 16px;
    font-family: "Qanelas", sans-serif;
    font-family: var(--awesome-font);
    color: #62a9d8;
    font-weight: bold;
  }
  
  /* SECTIONS */
  
  .section_heading {
    font-size: 24px !important;
    border-left: 15px solid #e4e9ec;
    padding-left: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
  /* BRANDS */
  
  section.brands {
    padding: 0;
    padding-top: calc(var(--gap) * 2) !important;
    padding-bottom: calc(var(--gap) * 2) !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  /* SOLUTIONS */
  
  section.solutions {
    overflow: hidden;
  }

  .solutions_grid figure figcaption {
    max-width: unset;
  }
  
  /* GRID LAYOUTS */
  
  .solutions_grid {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto;
    gap: var(--gap) var(--gap);
    grid-template-areas: unset !important;
  }
  
  /*
  .solutions_grid a {
    width: calc(100% - 30px);
  }
  */
  
  .brands_grid {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(100px, calc(50vw)));
    gap: var(--gap) 0;
    grid-template-areas: unset !important;
  }
  
  /*.brands_grid > a:last-child:nth-last-child(odd) {
    grid-column: auto / span 2;
  }*/
  
  .brands_grid > a:last-child:nth-last-child(even) {
    grid-column: auto / span 2;
  }
  
  .brands_grid .brand {
    width: 100px;
    height: 100px;
  }
  
  /* join with flexbox layout, wow */
  .brands_grid > a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* FANCYBOX */
  
  .fancybox-content {
    padding: 0 !important;
  }
  
  .fancybox-slide--html {
    padding: 0;
  }
  
  .fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #2d2d2d;
  }
  
  .fancybox-button svg {
    fill: white;
    color: white;
  }
  
  #hidden-content {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
  }
  
  #hidden-content .wa-form {
    margin: 0 !important;
    padding: 15px;
  }
  
  #sidebar .twogis_icon {
    top: 3px;
  }
  
  /* MOBILE FULLSCREEN MAP and other similar modals */
  
  #mobile_fullscreen_map .modal-dialog,
  #request_price_modal .modal-dialog,
  #request_call_modal .modal-dialog,
  #exampleModal .modal-dialog
  {
    margin: 0;
    width: 100%;
    height: 100%;
  }
  
  #mobile_fullscreen_map .modal-content,
  #request_price_modal .modal-content,
  #request_call_modal .modal-content
  {
    width: 100%;
    height: 100%;
    border: none;
  }
  
  #exampleModal .modal-content,
  #request_price_modal .modal-content
  {
    height: 100vh;
    border: none;
    border-radius: 0;
  }
  
  #mobile_fullscreen_map .modal-body
  #exampleModal .modal-body
  {
    padding: 0;
    width: 100%;
    height: 100%;
  }
  
  #mobile_fullscreen_map .modal-body > iframe {
    width: 100%;
    height: 100%;
  }
  
  #mobile_fullscreen_map .modal-header,
  #exampleModal .modal-header,
  #request_price_modal .modal-header,
  #request_call_modal .modal-header
  {
    color: white;
    font-family: "Roboto", sans-serif;
    font-family: var(--awesome-font);
    font-size: 16px;
    background-color: rgba(50,50,50,.9) !important;
    padding: 6px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    display: flex;
    align-items: center;
  }
  
  #exampleModal .modal-header {
    border: none;
  }
  
  #mobile_fullscreen_map .modal-header > .twogis_icon {
    width: 55px;
    height: 33px;
    position: unset;
    top: unset;
    left: unset;
    filter: grayscale(100%) brightness(300%);
    margin-left: 7.5px;
  }
  
  #mobile_fullscreen_map .modal-header > .close_modal,
  #exampleModal .modal-header > .close_modal,
  #request_price_modal .modal-header > .close_modal,
  #request_call_modal .modal-header > .close_modal
  {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  
  #mobile_fullscreen_map .modal-header > .close_modal > svg,
  #exampleModal .modal-header > .close_modal > svg,
  #request_price_modal .modal-header > .close_modal > svg,
  #request_call_modal .modal-header > .close_modal > svg
  {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 !important;
    fill: white;
  }
  
  .modal-dialog-scrollable .modal-content {
    max-height: unset !important;
  }
  
  #request_call_modal .modal-header > div:first-child,
  #request_price_modal .modal-header > div:first-child
  {
    padding-left: 7.5px;
  }
  
  #request_call_modal div.wa-value > textarea,
  #request_price_modal div.wa-value > textarea
  {
    width: 100%;
    resize: none;
  }
  
  #request_price_modal {
    z-index: 10000;
  }
  #request_price_modal textarea {
    height: 120px;
  }
  
  /* PLACEHOLDER */
  
  ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 14px !important;
    font-family: "Qanelas" !important;
    color: rgb(102, 102, 102) !important;
    opacity: 1 !important; /* Firefox */
  }

  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 14px !important;
    font-family: "Qanelas" !important;
    color: rgb(102, 102, 102) !important;
  }
  
  /* SLIDER */
	.slide-text-wrapper{
		width: 100%;
		margin: 0;
		justify-content: center;
	}
	.owl-slide-text{
		padding: 30px 15px 0;
	}
	.owl-slide-title{
		font-size: 30px;
	}
	.hero-slider{
		height: 430px !important;
	}

  /* CONTACTS */
  
  .phone_number_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .phone_number {
    display: block;
    max-width: 200px;
    border: 1px solid #006bd8;
    color: #006bd8;
    padding: 6px;
    text-align: center;
    border-radius: 0.5rem;
    margin-top: 7.5px;
    font-size: 14px;
  }
  
  .contacts_block small {
    font-weight: bold;
  }
  
  .footer_icons_row small {
    font-weight: normal !important;
  }
  
  #page {
    padding-top: 35px;
  }
  
  #page > div > div.col-md-3 > div > div:nth-child(7) > div > div.footer_map_link > p {
    font-size: 14px;
  }
  
  /* LOGIN */
  
  /* форма входа*/
  .wa-login-form-fields.js-login-form-fields-block.mb-5 {
    margin-bottom: 0 !important;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  
  /* блоки формы*/
  .wa-login-form-fields.js-login-form-fields-block.mb-5 > div {
    width: calc(100% - 30px);
  }
  
  /* Поля логина и пароля */
  .wa-login-form-fields.js-login-form-fields-block.mb-5 .wa-field.wa-field-login > .wa-value > input[type=text],
  .wa-login-form-fields.js-login-form-fields-block.mb-5 .wa-field.wa-field-password > .wa-value > input[type=password] {
    width: 100%;
  }
  
  /* Забыли пароль? */
  a.wa-login-forgotpassword-url {
    margin-top: 30px !important;
    margin-bottom: 15px;
  }
  
  /* Кнопка входа */
  .wa-login-submit {
    width: 100% !important;
  }
  
  /* Предложение зарегистрироваться */
  .wa-signup-url.centered {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  /* REGISTER */
  
  /* Отступы */
  .signup_form_container > .row > [class*=col-] {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
  }
  
  .form-row>.col, .form-row>[class*=col-] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .sidebar .sidebar-nav li {
    height: 38px !important;
  }
  
  .sidebar .sidebar-nav li a {
    height: 38px !important;
    line-height: 38px !important;
  }

  
}


/* iPhone 5/SE */
@media screen and (device-aspect-ratio: 40/71) {
  .sidebar .sidebar-nav {
    height: calc(100vh - 200px + 15px) !important;
  }
  #sidebar, .sidebar-overlay {
    width: 100% !important;
  }
  .sidebar.sidebar-default.sidebar-fixed-left:not(.open) {
      transform: translate3d(-350px, 0, 0) !important;
  }
}

/* all devices with height lesser than 620px */
@media only screen and (max-device-height: 620px) {
  .sidebar .sidebar-nav {
    height: calc(100vh - 120px + 15px) !important
  }
}

@media only screen and (max-device-height: 480px) {
	.sidebar .sidebar-nav {
		height: calc(100vh - -10px + 15px) !important;
	}
}

@media only screen and (max-device-height: 360px) {
	.sidebar .sidebar-nav {
		height: calc(100vh - -10px + 15px) !important;
	}
}

/* moto g4 */
@media only screen and (max-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 1) {
  .owl-slide {
    background-size: 172%;
  }
}

/* galaxy s5 */
@media only screen and (max-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  .owl-slide {
    background-size: 241%;
  }
}
        
/* pixel 2 */
@media only screen and (max-device-width: 411px) and (max-device-height: 731px) {
  .owl-slide {
    background-size: 307%;
  }
}

/* pixel 2 xl */
@media only screen and (max-device-width: 411px) and (max-device-height: 823px) {
  .owl-slide {
    background-size: 385%;
  }
}

/* nexus 6 */
@media only screen and (max-device-width: 412px) and (max-device-height: 732px) {
  .owl-slide {
    background-size: 307%;
  }
}
        
/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
  .owl-slide {
    background-size: 170%;
  }
}
        
/* iphone 6, 6s, 7, 8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
  .owl-slide {
    background-size: 276%;
  }
}
            
/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
  .owl-slide {
    background-size: 309%;
  }
}
        
/* iphone X, XS, 11 Pro, 12 Mini */
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .owl-slide {
    background-size: 400%;
  }
}

/* iphone 12, 12 Pro */
@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) { }
       
/* iphone XR, 11 */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) { }
            
/* iphone XS Max, 11 Pro Max */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) { }

/* iphone 12 Pro Max */
@media only screen and (min-device-width : 428px) and (max-device-height : 926px) and (-webkit-device-pixel-ratio : 3) { }

/* iPad Pro*/
/*
@media only screen and (max-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
  :root {
    --wrapper-width: calc(100vw - 30px - var(--scrollbar-width)) !important;
  }
  
  .solutions_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: auto;
    gap: calc(var(--gap) * 2) calc(var(--gap) * 2);
    grid-template-areas: ". .";
  }
  
  section.solutions {
    padding: 15px;
  }
  .brands_grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr) !important;
    grid-template-rows: 1fr;
    gap: 0 0;
  }
  
  .brands_grid > a:last-child:nth-last-child(odd) {
    grid-column: auto;
  }
  
  #searchbar .modal-content {
    width: 100vw;
  }
  
  .sidebar .sidebar-header {
    height: 210px !important;
  }
  
  .brands_grid .brand {
    width: 50px;
    height: 50px;
  }
  
  .sidebar.open {
    min-width: 350px !important;
    width: 350px !important;
  }
  
  #page {
    padding: 15px;
  }
  
  body > main > article > section > .wrapper > h1 {
    margin-bottom: 0;
    margin-top: 80px;
    margin-left: 15px;
  }
  
  .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .div_2_cols_eq {
    width: 100%;
  }
  
  #page-content > section > div.wrapper > div > div.col-md-3 {
    display: none;
  }
  
  #page-content > section > div.wrapper > div > div.col-md-9 {
    -ms-flex: 0 0 calc(100%);
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .product-info #price.mobile {
    text-align: center;
    width: calc(100% - 30px);
  }
  
  .purchase div.add2cart > button[type=submit], .view_pdf {
    width: calc(100% - 30px);
  }
  
}
*/