@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
/*----------------------------*\
	Typography
\*----------------------------*/

/* body{
    background: purple !important;
} */

@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
.navbar.navbar-default  {
  min-height: unset;
  padding: 10px 0;
}
.navbar.navbar-default#Dell{
  padding:  0;
}
.navbar-nav .dropdown-large{
    position: static;
} 

.category-menu-wrapper .navbar-collapse .nav>li{
    position: static;
}
/* #apple-menu-dropdown , #dell-menu-dropdown  {
  background: red;
} */
#apple-menu-dropdown  .dropdown-menu  , #dell-menu-dropdown .dropdown-menu{
  background: white;
  padding: 0;
}
 #dell-menu-dropdown .dropdown-menu .navbar{
  border: none;
  box-shadow: none;
}
#apple-menu-dropdown  .dropdown-menu ul.nav.navbar-nav , #apple-menu-dropdown  .mega-dropdown-menu,
#dell-menu-dropdown  .dropdown-menu ul.nav.navbar-nav , #apple-menu-dropdown  .mega-dropdown-menu{
justify-content: center;
}
#apple-menu-dropdown  .open>.dropdown-menu ,
#dell-menu-dropdown  .open>.dropdown-menu {
  display: flex;
  flex-wrap: wrap;
}
.category-menu-wrapper .navbar-collapse .nav>li  .mega-dropdown-menu{
    width: 100%;
    background-image: white;
}

#apple-menu-dropdown .dropdown-menu .sub , #dell-menu-dropdown .dropdown-menu .sub {
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 120px;
  text-align: center;
 }
 #apple-menu-dropdown .subsubcategories-dropdown.visible {
  display: flex;
}
 #apple-menu-dropdown .dropdown-menu .sub.mac-sub-items{
  max-width: 100%;
 }
 .navbar .dropdown-menu>li>a:focus , .navbar .dropdown-menu>li>a:hover{
  background: none;
 }
 
#apple-menu-dropdown .dropdown-menu .sub a, #dell-menu-dropdown .dropdown-menu .sub a{
 text-align: center;
 white-space: normal;
 word-break: break-word;
 font-size: 13px;
 color: black;
 line-height: 1.2;
}
#apple-menu-dropdown .navbar-default , #dell-menu-dropdown .navbar-default{
  box-shadow: none;
  position: static;
}
.main-nav>li>a {
  padding: 10px 0px;
}
.main-nav>li+li {
  margin-left: 13px;
}
.dropdown-menu li.dropdown-header h3.custom-font {
  font-size: 13px;
  text-transform: capitalize;
}
#dell-menu-dropdown .first-level-item {
  display: flex;
  align-items: center;
}
#dell-menu-dropdown .second-level-menu{
  padding-top: 7px;
  padding-bottom: 7px;
}
#dell-menu-dropdown .second-level-menu ul{
  margin: 0;
}
/* .category-menu-wrapper .navbar-collapse .nav>li  .mega-dropdown-menu .sub{
    width: 15%;
    float: left;
} */
.category-menu-wrapper .navbar-collapse .nav>li  .mega-dropdown-menu li a .img_wrapper{
    height: 60px;
   
}
.category-menu-wrapper .navbar-collapse .nav>li  .mega-dropdown-menu li a img{
    max-width: 100%;
    max-height: 50px;
    display: block;
    margin: 0 auto 10px;
   
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
  color: #337ab7;
}
/* .navbar-default .navbar-nav > .open > a.first-level-item-mac, 
.navbar-default .navbar-nav > .open > a.first-level-item-mac:focus, 
.navbar-default .navbar-nav > .open > a.first-level-item-mac:hover{
    color: #337ab7;
} */
.open>.dropdown-menu.second-level-menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.open>.dropdown-menu.second-level-menu li {
    padding: 0 15px;
    text-align: center;
}
body .dropdown-menu-large > li > ul {
    margin: 0 0 6px;
    height: 100%;
}

a#main-dell-menu-button .dropdown-menu-large {
  padding:  0;
}

#main-dell-menu-button ul.nav.navbar-nav{
  justify-content: center;
}
.model-select .product-img {
  max-width: 50%;
}

.model-select #model_select div{
  width: 230px;
}

#selectors-box .model-box-inner .apple-shop-button,
.apple-new-modal-box .model-box-inner .button-wrapper .apple-shop-button ,
.filter-symmary-container  .dell-shop-button{
    display: block;
    border: 2px solid #0071e3;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
    padding: 8px 16px;
    border-radius: 10px;
    background: #0071e3;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    line-height: 1.1;
    margin-bottom: 0;
    width: 100%;
    height: auto;
    font-weight: 400;
}

.filter-symmary-container  .dell-shop-button{
  display: inline-block;
  font-size: 12px;
  padding: 8px 14px;
  margin-top: 6px;
  width: auto;
}
.filter-symmary-container .filter-tag:after {
  content: ",";
}

#selectors-box .modal-box-footer,
.apple-new-modal-box .modal-box-footer{
  flex-direction: column;
  align-items: normal !important;
}

.panel-group button, .panel-group .display {
  border-radius: 10px !important;
  border: 2px solid #ccc;
  outline: 0px solid transparent;
  display: block;
  padding: 14px;
  margin: 0 0 15px 0;
  width: 100%;
  text-align: left;
  background: #fff;
  position: relative;
  transition: all 0.5s ease;
}
.panel-group button:hover, .panel-group .display:hover{
  border: 2px solid #0d6efd  !important;
}
.panel-group button, .panel-group button p{
  margin:0;
}

.panel-group button, .panel-group button{
  margin-bottom: 10px;
}

.panel-group.list-group {
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow:none;
}
.filter-container .title a {
  font-weight: 600;
}
/* .panel-group.filter::after , .product-detail-wrapper::after{
  display: inline-block;
  content: "";
  clear: both;
}  */
/* .panel-group.filter > div{
  display: inline-block;
} */
#galleryDesktop ul.nav.nav-pills{
  display: flex;
}
.product-detail .thumb img {
  max-height: 65px;
  width: 65px;
  object-fit: contain;
}
.clear:after , .header-btn-wrp::after {
  clear: both;
  content: "";
  display: block;
}
.collapse-expand-wrap{
  margin-bottom: 15px;
}

.panel-container h5{
  margin-bottom: 0;
}
.panel-container .panel-title{
  margin-bottom: 0;
}

.left-half-selector , .right-half-selector{
  padding-top: 40px;
}
.dell-li-features {
  font-size: 17px;
}
.panel-container{
  padding: 10px 15px;
}
.thumbnail-img {
  display: block;
  border: 1px solid #E4E7ED;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.center-contents a {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
.center-contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.square-image-wrap {
  position: relative;
  width: 100%;
  display: block;
  padding-top: 100%;
  margin-bottom: 10px !important;
}
.selectedOption:after {
  content: "\f058";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #44bb53;
  font-size: 19px;
  padding-right: 6px;
  position: absolute;
  top: 5px;
  line-height: 1;
  right: 0;
}
.square-image-wrap img.active {
  border: 1px solid black;
}
.header-btn-wrp .btn{
  margin-left: 5px;
}
.sticky-footer-inner .apple-shop-button{
  margin-bottom: 5px;
  margin-right: 5px;
}
.sticky-footer-inner  #priceBox{
  text-align: right;
}
.footer-sticky-middle{
  text-align: center;
}
.footer-sticky-middle li{
  margin-top: 0 !important;
}
.align-items-center{
  align-items: center;
}
.product-selector #galleryDesktop img{
  max-width: 100%;
}

body .product-selector #galleryDesktop .nav-pills > li{
  height: 75px !important;
}
body .product-selector #galleryDesktop .nav-pills > li.active , .nav-pills > li.active {
  border-color: black;
}
body .product-selector #galleryDesktop .nav-pills li img{
    max-height: 75px;
    width: 75px;
}
.color_color_option + .panel-group {
  display: flex;
    align-items: center;
    margin-bottom: 0;
    flex-wrap: wrap;
}
.panel-title h2 {
  font-size: 16px;
  margin-bottom: 10px !important;
}
.color_color_option{
  margin-left: 0 !important;
}
.product-detail-wrapper {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.selectedOption:after {
  font-size: 24px;
  top: 13px;
  line-height: 1;
  right: 17px;
  /* bottom: 0; */
  margin: auto;
  height: 11px;
  width: 11px;
}
.nav-pills > li{
      padding: 0;
}
.sticky-header-container.sticky .sticky-header{
  padding: 10px 20px;
}

.filter-symmary-container.position-relative {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}


@media (min-width: 991px) {
  .sticky-footer {
    margin-top: 100px;
    position: sticky;
    bottom: 0;
    padding: 10px 40px;
    background: white;
    align-items: center;
    box-shadow: 1px -2px 3px 0 rgb(0 0 0 / 11%);
    justify-content: center;
  } 
}
@media (max-width: 1200px) {
  .main-nav>li>a {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  ul.nav.navbar-nav {
    justify-content: center;
    flex-wrap: wrap;
  }
  #apple-menu-dropdown .open>.dropdown-menu, #dell-menu-dropdown .open>.dropdown-menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: baseline;
    padding-left: 40px;
  }
  #apple-menu-dropdown .dropdown-menu.second-level-menu a, #dell-menu-dropdown .dropdown-menu.second-level-menu a {
    display: flex;
    padding: 0;
  }
  #apple-menu-dropdown .dropdown-menu.second-level-menu a img, #dell-menu-dropdown .dropdown-menu.second-level-menu a img{
    margin-bottom: 0;
    margin-right: 5px;
  }
  .dropdown-menu-large > li {
    margin-bottom: 10px;
  }
  .menu-img-wrp img{
    max-width: 50px;
    height: auto !important;
  }
  .dropdown-large.open .collapse{
    display: block;
  }
  .mac-sub-items a{
    display: flex;
    align-items: center;
  }
  .mac-sub-items a img{
    display: block !important;
  }
  #apple-menu-dropdown .dropdown-menu .sub a, #dell-menu-dropdown .dropdown-menu .sub a{
    display: flex !important;
    opacity: 1 !important;

  }
  .category-menu-wrapper .navbar-collapse .nav>li .mega-dropdown-menu li a .img_wrapper {
    height: auto;
  }
  .category-menu-wrapper .navbar-collapse .nav>li .mega-dropdown-menu li a img {
    max-width: 40px;
    max-height: unset;
    display: block;
    margin: 0 5px 0 0;
    height: auto;
  } 
  #apple-menu-dropdown .navbar.navbar-default{
    padding: 0;
  }
  #apple-menu-dropdown .subsubcategories-dropdown.visible {
    display: flex;
    padding-left: 40px;
    flex-direction: column;
  }
  #apple-menu-dropdown .dropdown-menu .sub, #dell-menu-dropdown .dropdown-menu .sub {
    padding-top: 10px;
    padding-bottom: 0;
    max-width: 100%;
  }
}