@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;600;700&display=swap');



body {
    overflow-x: hidden;
}
body.template-page {
  background-color: #fff;
}
.nav-bar { 
  background: #2b2b2b;
  border: none;
}

.nav-bar a:visited {
  color: #838383;
}
.top-bar-head {
display: flex;
align-items: center;
justify-content: space-between;  
}
.top-bar-head .left-sec ul, .top-bar-head .right-sec ul{
  display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
}
.top-bar-head .left-sec ul li{
margin-right: 50px;
  font-family: 'Sarabun', sans-serif;
}
.top-bar-head .right-sec ul li{
margin-left: 10px;
    margin-top: 5px;
}
.nav-bar::after {
display: none;
}
.nav-bar .list--unstyled {
    list-style: none;
    align-items: center;
    text-align: center;
}
.nav-bar__link {
	font-family: 'Sarabun', sans-serif;
	font-size: 16px;
  color: #d6d4d4!important;
}
.header-text {
    margin: 0 100px;
  font-family: 'Sarabun', sans-serif;
}
.header-text .call {
	font-size: 24px;
  color: #35bf4f;
  line-height: 24px;
  font-weight: 600;
}
.search-bar__submit {
    width: 45px;
    color: #d6d4d4;
    background: transparent;
}
aside.footer__aside {
    background: #48883d;
    padding: 5px 15px 15px;
    justify-content: space-between;
    margin: 0;
    width: 100%;
}
.footer__aside-item.footer__aside-item--localization {
display: none;
}
footer.footer {
background: #51a243;
    color: #fff;
}
button.footer__title.heading.h6 {
    color: #fff;
  font-size: 20px;
  font-family: 'Sarabun', sans-serif;
  text-transform: capitalize;
}
.bb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bb a {
max-width: 400px;
    width: 100%;
}
.events-section {
    background: #fff;
    padding: 30px 0 0;
}
.event-box {
    background: #f4f4f4;
    max-width: 400px;
    width: 100%;
    display: flex;
    padding: 15px;
    border-bottom: 3px solid #40c340;
    align-items: center;
}
.event-box h5{
  font-family: 'Sarabun', sans-serif;
	font-size: 28px;
  color: #40c340;
  font-weight: 600;
  text-transform: uppercase;
    margin-left: 15px;
}
div#shopify-section-collection-list {
    background: #fff;
    padding: 50px 0;
}
div#shopify-section-collection-list .section{
    margin: 0;
}
div#shopify-section-collection-list h2 {
color: #777;
    text-align: center;
    font-size: 26px;
    text-transform: uppercase;
    width: 100%;
  font-family: 'Sarabun', sans-serif;
}
.header .icon--cart {
  color: #d6d4d4;
}
.template-index #block-slide-0 .slideshow__title {
  font-family: 'Sarabun', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    margin: 0;
    padding: 0;
}
.template-index #block-slide-0 .slideshow__content {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    line-height: 30px;
}
.template-index #block-slide-0 .button {
    color: #ffffff;
    background: #46aa45;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    border-radius: 25px;
  line-height: initial;
    padding: 10px 25px;
  margin-left: 15px;
}
.template-index #shopify-section-slideshow {
    border-bottom: 3px solid #46aa45;
}
.template-index .collection-item__title {
    color: #b0b0b0;
    text-transform: uppercase;
}
.footer__link-item {
    font-family: 'Sarabun', sans-serif;
    font-size: 14px;
}
a.header__action-item-link.hidden-pocket.hidden-lap {
    color: #d6d4d4;
}
.header__action-item:not(:last-child)::after {
display: none;
}
.cookie-bar__text p{
color: #000;
}
.slideshow__content-wrapper ul{
margin-left: 20px;
}
.slideshow__content-wrapper ul li{
font-size: 22px;
}
.footer__linklist li a:hover {
color: #fff!important;
}
.footer__linklist li {
position: relative;
  padding-left: 14px;
  font-family: 'Sarabun', sans-serif;
}
.footer__linklist li:after {
position: absolute;
  content: "\f105";
  top: 4px;
  left: 0;
  font-family: fontAwesome;
}
#questions-show ul li {
 list-style: none;
}
div#questions-show {
    border: 1px solid #ccc;
    padding: 20px;
}
div#questions-show h6{
    margin: 0;
    font-weight: 500;
    padding: 2px 7px;
    background: rgba(var(--accent-color-rgb), 0.06);
    color: var(--accent-color);
}
div#questions-show p{
padding: 2px 7px;
}
.mega-menu__title, .mega-menu__link {
text-align: left;
}
.pages-section {
  background: #fff;
  padding: 70px 0;
}
.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pages-section a {
    width: 19%;
    border-radius: 10px;    
    box-shadow: 2px 1px 6px -1px rgba(0,0,0,0.55);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border-color: #ddd;
    text-align: center;
    min-height: 260px;
    font-size: 14px;
    position: relative;
    padding: 15px;
}
.pages-section p {
    color: #b0b0b0;
    text-transform: uppercase;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 500;
    width: 100%;
}
.pages-section img {
max-width: 85%;
}
.overlay {
    position: absolute;
    top: 0;
    background: url(//cdn.shopify.com/s/files/1/0296/6703/3181/t/7/assets/over.png);
    bottom: 0;
    width: 50%;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    left: -3%;
}
div#simpAskQuestion {
    display: none;
}
.collection-content {
   display: none;
}
#apple-iphone-repair-services .collection-content, #apple-ipad-repair-services .collection-content, #apple-ipod-repair-services .collection-content,
#smartphone-repair-service .collection-content, #samsung-repair-services .collection-content, #lg-repair-service .collection-content,
#nexus-repair .collection-content, #google-pixel-repair .collection-content, #htc-repair .collection-content, #motorola-repair .collection-content,
#blackberry-repair .collection-content, #computer-repair-services .collection-content, #macbook-laptop-repair-services .collection-content,
#microsoft-surface-repair-services .collection-content, #chromebook-repair-services .collection-content, #mac-desktop-repair .collection-content,
#pc-desktop-repair .collection-content, #tablet-repair-services .collection-content, #tablet-repair-services .collection-content,
#samsung-tablet-repair-services .collection-content, #motorola-tablet-repair-services .collection-content, #amazon-tablet-repair-services .collection-content,
#blackberry-tablet-repair-services .collection-content, #acer-tablet-repair-services .collection-content, #asus-tablet-repair-services .collection-content,
#dell-tablet-repair-services .collection-content, #apple-macbook-pro-repair-services .collection-content, #apple-macbook-repair-services .collection-content,
#apple-macbook-air-repair-services .collection-content, #repair-services .collection-content{
   display: block;
} 
.collection-content .para {
    margin: 50px 0;
    font-size: 16px;
    color: #677279;
}
.collection-content .para h3 {
    margin:0;
    text-transform: uppercase;
    font-size: 23px;
}
.page-col {
    display: flex;
    justify-content: space-between;
}
.page-col div{
    width: 48%;
}
.collection-content .container {
   max-width: 1400px;
  width:100%;
  margin: 50px auto 30px;
}
a.answers-url {
    color: #228118!important;
  font-size: 18px;
}
.div {
    display: flex;
    position: relative;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 196px;
    min-width: 196px;
    transition: all 0.2s ease 0s;
    color: #838383;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.div:before {
    height: 4px;
    margin: 0;
    background: #228118;
    border-radius: 2px;
    transition: all 0.2s ease 0s;
    position: absolute;
    top: -7px;
    left: 0;
    width: 160px;
    content: "";
}




@media screen and (min-width: 768px){
#dropdown-desktop-menu-0-4-mega-menu-0 .mega-menu__linklist {display: none;}
}


@media screen and (min-width: 1000px){
.nav-bar__item {
  padding: 8px 0px 9px 0;}
.nav-bar__link {
    color: #fff;
}
.footer__block-item--links {
    max-width: 100%;
}
.collection-item {
    width: 15%;
    border-radius: 10px;
    box-shadow: 2px 1px 6px -1px rgba(0,0,0,0.55);
    margin: 0 1% 20px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    border-color: #ddd;
    margin-top: 4px!important;
  margin-right: 10px!important;
  margin-left: 7px!important;
  min-height: 206px;
  font-size: 14px;
  margin-bottom: 5px!important;
}  
.collection-item__image-wrapper {
  margin-bottom: 8px;overflow: visible;
}
.header__action-item {
    padding: 5px 10px 0;
}  
.footer__wrapper {
  padding: 30px 0 50px;
}
.product-grid-image a {min-height: 290px;} 
}

@media screen and (min-width: 1340px){
.collection-item {
  min-height: 225px;
}  
.collection-item__image-wrapper {
  margin-bottom: 7px;overflow: visible;}   
}

@media screen and (min-width: 1400px){
.overlay {width: 44%;left: -2%;}  
}


@media screen and (max-width: 1024px){
.header-text {margin: 0 10px;}
.template-index #block-slide-0 .slideshow__title {font-size: 36px; line-height: 44px;} 
.template-index #block-slide-0 .slideshow__content {display: none;} 
.slideshow__content-wrapper ul li { line-height: 36px;}  
}


@media screen and (max-width: 1023px){
.header-text {margin: 0;}
.header-text .call {font-size: 16px;line-height: 20px;}  
.template-index #block-slide-0 .slideshow__title {font-size: 30px;line-height: 36px;}  
.template-index #block-slide-0 .slideshow__title br {display: none;}  
.slideshow__content-wrapper ul li {font-size: 18px;line-height: 24px;}
.event-box { max-width: 100%; margin-bottom: 15px;}
.bb {flex-direction: column;}  
.footer__aside-item.footer__aside-item--copyright.hidden-lap-and-up {
    display: none;
}  
}

@media screen and (max-width: 767px){
.bb {
    flex-direction: column;
}
.event-box {
    margin-bottom: 15px;
}
.footer__aside-item--copyright {
    margin-top: 0!important;
}
.header-text {
  display: none;
} 
.top-bar-head .left-sec ul li {
    margin-right: 10px;
}
.top-bar-head .right-sec ul li {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}  
.template-index #block-slide-0 .slideshow__title {
    font-size: 18px;
    line-height: 24px;
} 
.template-index #block-slide-0 .slideshow__title br{
  display: none;
}  
.template-index #block-slide-0 .slideshow__content {
  display: none;
}  
.template-index #block-slide-0 .button {
    padding: 0 15px;
    line-height: 36px;
  font-size: 13px;
}
.right-sec {
    display: none;
}
.header .icon--cart {color: #000;}
.slideshow__content-wrapper ul {display: none!important;}
.footer__aside-item--copyright {display: none;}  
aside.footer__aside {text-align:center;}  
.footer__aside-item {margin-top: 0;}  
.payment-list {justify-content: center;}  
.flex {   flex-direction: column;}
.pages-section a {width: 100%;margin-bottom: 15px; min-height: 250px;}
.pages-section p{text-align:center;}
.event-box h5 {font-size: 20px;}
.overlay {display: none;} 
.product-item {max-width: 100%;width: 100%;}  
.collection-content .para {margin: 40px 0;text-align: center;}  
.page-col div{width: 100%;}  
  .page-col {flex-direction: column;}  
}


/*----Dropdown css -------------*/
.questionTabsContainer__commentSection .hearts {
	position:relative;
}
.share-dropdown-menue {
    display:none;
	position: absolute;
    top: 45px;
    background: #fff;
    padding: 2px 11px;
    box-shadow: 8px 10px 14px -11px;
    border: 1px solid #ccc;
}
.share-dropdown-menue.active {
	display: grid;
}