/*Font */

@font-face {
  font-family: "huawei-regular";
  src: url("https://currys-ssl.cdn.dixons.com/css/themes/huawei_shop/fonts/HuaweiFont.ttf");
}
	@font-face {
  font-family: "huawei-bold";
  src: url("https://currys-ssl.cdn.dixons.com/css/themes/huawei_shop/fonts/HuaweiFont-Bold.ttf");
}
	@font-face {
  font-family: "huawei-sans-light";
  src: url("https://currys-ssl.cdn.dixons.com/css/themes/huawei_shop/fonts/HuaweiSans-Light.ttf");
}

@media only screen and (min-width: 901px) {
#audio > div:nth-child(2) > picture > img {
	margin-top: 8%;
	}
}

/*TABLET */

@media only screen and (min-width: 720px) and (max-width: 900px) {
	
#laptops > div:nth-child(2) > picture > img {
    width: 95%;
    padding: 4%;
}
	
#tablet > div.subsection.hero-left > picture > img {
    width: 70%;
    padding: 4%;
}

#audio > div:nth-child(2) > picture > img {
    width: 54%;
    padding: 4%;
}

#wearable > div:nth-child(2) > picture > img {
    width: 69%;
    padding: 4%;
}

#smartphones > div.subsection.hero-left > picture > img {
    width: 44% !important;
    padding: 4%;
}

#huawei-shop .hero-text {
	padding-top: 6%;
}

#huawei-shop .section-heading {
    font-size: 26px !important;
	
}

.hero-text p {
    padding-bottom: 20px !important;
    font-size: 15px;
}

#huawei-shop .hero-text img {
max-width: 80%;	
}


.subsection iframe {
	min-height: 300px !important;
}
}

/* FULL WIDTH HEADER AND FOOTER */
.hero-text p {
	font-family: "huawei-regular", san-serif;
	max-width: 85%;
    margin: auto;
    padding-bottom: 38px;
}

 #huawei-shop section img {
    display: block;
	margin: auto;
}
	#huawei-shop .hero-text {
		 position: relative !important;
		 padding-bottom: 4%;
	 }

#desktop-nav ul.nav {
  position: relative;
  background: #fff; }

#desktop-nav ul.nav:after {
  content: "";
  background: #fff;
  position: absolute;
  right: -100%;
  top: -1px;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
  height: 42px;
  border-top: 1px solid #ccc; }

#desktop-nav ul.nav:before {
  content: "";
  background: #fff;
  position: absolute;
  left: -100%;
  top: -1px;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
  height: 42px;
  border-top: 1px solid #ccc; }

#header:before {
  content: "";
  background: #fff;
  position: absolute;
  left: -100%;
  top: -10px;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
  height: 73px; }

#header:after {
  content: "";
  background: #fff;
  position: absolute;
  right: -100%;
  top: -10px;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
  height: 73px; }

#page:before {
  content: "";
  background: #fff;
  width: 100%;
  height: 20px;
  position: absolute;
  top: -10px; }

#page:after {
  content: "";
  background: #fff;
  width: 100%;
  height: 90px;
  position: absolute;
  bottom: -90px; }

#content:after {
  background: #f2f2f2;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: -13px;
  content: ""; }

#content { background: #f2f2f2; }

#footer .storeFinder {
  border-top: 1px solid #ccc; }

#content .breadcrumb {
  display: none; }

#desktop-nav .features {
  display: none; }

@media only screen and (min-width: 1024px) {
	.subsection iframe {
	height: 400px;
}
	
  #footer {
    overflow: visible; }

  #footer:before {
    content: "";
    background: #fff;
    position: absolute;
    left: -100%;
    top: -1px;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #ccc;
    height: 154px;
    padding-top: 1px; }

  #footer:after {
    content: "";
    background: #fbfbfb;
    position: absolute;
    right: -99%;
    top: -1px;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #ccc;
    height: 154px;
    padding-top: 1px; }

  p.contentInfo:before {
    content: "";
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0px;
    bottom: 0;
    width: 100%;
    height: 56px; }

  p.contentInfo:after {
    content: "";
    background: #fff;
    position: absolute;
    right: -100%;
    top: 0px;
    bottom: 0;
    width: 100%;
    height: 56px; } }
/* MAIN STYLING */
#huawei-shop {
  /*  @include fluid-type($min_width, $max_width, $min_font, $max_font); */
  padding: 15px 0 0 0;
  /*     .subsection, .subsection-bottom, .subsection-top{
          border:2px solid #d4dada;
      } */ }
  @media (min-width: 1024px) {
    #huawei-shop {
      margin: 0 auto; } }


  @media (min-width: 1239px) {
    #huawei-shop {
      margin: 0 auto; } }



  #huawei-shop .shop-title {
    display: flex;
    padding: 11px 15px;
    margin-bottom: 15px;
    background-color: #fff;
    border-bottom: 5px solid white;
    justify-content: space-between;}



    #huawei-shop .shop-title h1 {
      display: inline-block;
      margin: 0 0 0 12px; }

  #huawei-shop h1:first-child {
    padding: 20px 0;
    margin: 0;
    font-size: 30px; }
    @media (min-width: 450px) {
      #huawei-shop h1:first-child {
        font-size: 47px; } }
    @media (min-width: 720px) {
      #huawei-shop h1:first-child {
        font-size: 33px; } }
    @media (min-width: 1024px) {
      #huawei-shop h1:first-child {
        font-size: 43px; } }
  #huawei-shop *, #huawei-shop *::before, #huawei-shop *::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  #huawei-shop nav {
    overflow-x: auto;
    margin: 0;
    background-color: #fff;
	float: right;
	font-family: "huawei-regular", san-serif;
}
    @media (min-width: 720px) {
      #huawei-shop nav {
        padding: 10px 30px; } }
    #huawei-shop nav a {
      font-size: 17px;
      color: #000;
		padding: 5px;
}
  #huawei-shop section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }


    @media (min-width: 720px) {
      #huawei-shop section {
		  -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        border-right: 1px solid white;
        border-left: 1px solid white;
        border-top: 4px solid white; }
		
        #huawei-shop section.huawei-header {
          border: none;
		min-height: auto;
			
		}
        #huawei-shop section:nth-of-type(2n) {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }



    #huawei-shop section img {
      max-width: 100%; }



  #huawei-shop .subsection {
    position: relative;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	background-color: white;
}
    @media (min-width: 720px) {
      #huawei-shop .subsection {
        width: 50%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    #huawei-shop .subsection a {
	font-family: "huawei-sans-light", san-serif;
		text-transform: uppercase;
      border: solid 2px black;
      border-radius: 8px;
      padding: 8px;
      text-decoration: none;
      color: #000;
      font-size: 12px; }
      @media (min-width: 720px) {
        #huawei-shop .subsection a {
          font-size: initial; } }

  #huawei-shop .hero-right, #huawei-shop .hero-left {
    padding: 5% 0 0 0;
    background: #fff;
    border-top: 2px solid #d4dada; }

    @media (min-width: 720px) {
      #huawei-shop .hero-right, #huawei-shop .hero-left {
        padding: 0;
        border: none; } }
  @media (min-width: 720px) {
    #huawei-shop .hero-left {
      border-right: 1px solid #d4dada; } }
  @media (min-width: 720px) {
    #huawei-shop .hero-right {
      border-left: 1px solid #d4dada; } }
  #huawei-shop .hero-text {
    position: absolute;
    text-align: center;
    margin-top: -30px;
    font-size: 17px;
    width: 100%; }
    @media (min-width: 720px) {
      #huawei-shop .hero-text {
        margin-top: 0; }
        #huawei-shop .hero-text a {
          font-size: 12px; } }
    @media (min-width: 900px) {
      #huawei-shop .hero-text {
        margin-top: 5%; } }
    @media (min-width: 1024px) {
      #huawei-shop .hero-text {
        margin-top: 8%; }
        #huawei-shop .hero-text a {
              font-size: 17.06px;
    letter-spacing: 0.5px; } }
    #huawei-shop .hero-text img {
      margin-right: 10px; }

  #huawei-shop .section-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
	 font-family: "huawei-sans-light", san-serif;
    /* margin: 0 auto; */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
    /*         .section-logo{
                width:10%;
            } */ }


    @media (min-width: 720px) {
      #huawei-shop .section-heading {
        font-size: 40px;
        padding: 20px 0 10px 0;
		margin-bottom: 0;
		} }
  #huawei-shop .subsection-top img {
    width: 100%; }
  #huawei-shop .subsection-bottom {
    height: 50%;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    border-top: 1px solid #d4dada; }
  #huawei-shop .subsection-text {
    position: absolute;
    top: 22%;
    left: 49%; }
    @media (min-width: 720px) {
      #huawei-shop .subsection-text {
        top: 25%;
        left: 54%; } }
    @media (min-width: 1024px) {
      #huawei-shop .subsection-text {
        left: 50%; } }
    #huawei-shop .subsection-text h2 {
      font-size: 13px; }
      @media (min-width: 450px) {
        #huawei-shop .subsection-text h2 {
          font-size: 21px; } }
      @media (min-width: 720px) {
        #huawei-shop .subsection-text h2 {
          font-size: 15px; } }
      @media (min-width: 1024px) {
        #huawei-shop .subsection-text h2 {
          font-size: 21px; } }
    #huawei-shop .subsection-text h3 {
      font-size: 10px;
      margin-bottom: 23px; }
      @media (min-width: 450px) {
        #huawei-shop .subsection-text h3 {
          font-size: 12px; } }
      @media (min-width: 720px) {
        #huawei-shop .subsection-text h3 {
          font-size: 11px; } }
      @media (min-width: 1024px) {
        #huawei-shop .subsection-text h3 {
          font-size: 16px; } }
      #huawei-shop .subsection-text h3 img {
        width: 63%; }
    #huawei-shop .subsection-text a {
      font-size: 13px; }
      @media (min-width: 720px) {
        #huawei-shop .subsection-text a {
          font-size: 17px; } }
  #huawei-shop .claim-img {
    position: absolute;
    display: none; }
    @media (min-width: 1024px) {
      #huawei-shop .claim-img {
        width: 55%;
        displaY: block; } }
    @media (min-width: 1239px) {
      #huawei-shop .claim-img {
        width: auto; } }
  @media (min-width: 1024px) {
    #huawei-shop #smartphones .claim-img {
      left: 72%;
      top: 100%;
      width: 61%; } }
  @media (min-width: 1239px) {
    #huawei-shop #smartphones .claim-img {
      left: -44%; } }
  #huawei-shop #audio .claim-img {
    position: absolute;
    left: 117px; }
  #huawei-shop #tablets h2 {
    font-size: 12px; }


  #huawei-shop .brand-story {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 15px;
    border-right: 1px solid #d4dada;
    border-left: 1px solid #d4dada;
    border-top: 1px solid #d4dada; }
    @media (min-width: 720px) {
      #huawei-shop .brand-story {
        padding: 40px 100px; } }


    #huawei-shop .brand-story h1 {
      text-align: center;
      font-size: 25px;
	font-family: "huawei-bold", san-serif;

}


      @media (min-width: 1024px) {
        #huawei-shop .brand-story h1 {
          font-size: 30px; } }

    #huawei-shop .brand-story p {
      font-size: 16px;
		    font-family: "huawei-regular", san-serif;
	}

#huawei-shop .brand-story p strong {
      font-family: "huawei-bold", san-serif;
	}

      @media (min-width: 1024px) {
        #huawei-shop .brand-story p {
          font-size: 19px; }
	 section#video {
		 padding-bottom: 4.25%;
}
}

@media (max-width: 650px) {
	
	#huawei-shop .subsection {
		padding: 5% 0 0 0;
	}
	
	.shop-title img {
		padding: 1% !important;
	}
	.shop-title {
		-ms-flex-direction: column !important;
    	flex-direction: column !important;
		border-bottom: 5px solid white !important;
		align-items: center;
	}
	#huawei-shop nav {
	text-align: center !important;	
	}
	
	#huawei-shop nav a {
    font-size: 12px;
    padding: 2px;
	}
	
		#huawei-shop .hero-text {
			margin-top: 0px !important;
	}
		#huawei-shop .hero-text img {
    		padding-top: 2%;
    		margin: auto;
	}
	
	}

 @media (min-width: 720px) {
	
	 section#video {
    	background-color: white;
}
	 #huawei-shop .hero-text img {
    margin-right: 0px !important;
    margin: auto !important;
}
	
	}

/*# sourceMappingURL=style.css.map */